@mappedin/react-sdk 6.0.1-beta.24 → 6.0.1-beta.26

package/lib/esm/index.d.ts

@@ -18,7 +18,9 @@
 //   ../react/@packages/internal/shave-text/shave-text
 //   ../react/@tweenjs/tween.js
 //   ../react/@turf/turf
+//   ../react/troika-three-text
 //   ../react/@packages/internal/quad-tree
+//   ../react/@mappedin/core-sdk/src/components/text3d
 //   ../react/minisearch
 //   ../react/three/addons/loaders/GLTFLoader.js
 //   ../react/@mapbox/point-geometry
@@ -62,8 +64,9 @@ declare module '@mappedin/react-sdk/mappedin-js/src' {
     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, 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';
+    export type { Text3D as Text3DApi } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/text3d';
+    import type { InsetPadding, InsetPaddingOption, Shading, PaintStyle, LineStyle, WatermarkOptions, Text3DState, AddText3DOptions, UpdatableText3DState, InitializeText3DState, MapViewState } from '@mappedin/react-sdk/geojson/src';
+    import { enableTestMode, preloadFont } from '@mappedin/react-sdk/geojson/src';
     export type { PubSub } from '@packages/internal/common/pubsub';
     import type { TMappedinMapLibreOverlayEvents } from '@mappedin/react-sdk/mappedin-js/src/maplibre-overlay';
     import { MappedinMapLibreOverlay } from '@mappedin/react-sdk/mappedin-js/src/maplibre-overlay';
@@ -316,12 +319,13 @@ declare module '@mappedin/react-sdk/mappedin-js/src' {
         * @deprecated Use {@link show3dMap} instead.
         */
     export const show3dMapGeojson: (el: HTMLElement, mapData: MapData, options?: TShow3DMapOptions) => Promise<MapView>;
-    export { parseMVF, unzipMVF, enableTestMode };
-    export type { MapView, MapData, 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, Shading, TMVFStyleCollection, TMVFStyle, TMVFLineStringStyle, TMVFPolygonStyle, TMVFPointStyle, Environment, InsetPadding, InsetPaddingOption, OperationHours, SiblingGroup, LocationState, };
+    export { parseMVF, unzipMVF, enableTestMode, preloadFont };
+    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, Shading, TMVFStyleCollection, TMVFStyle, TMVFLineStringStyle, TMVFPolygonStyle, TMVFPointStyle, Environment, InsetPadding, InsetPaddingOption, OperationHours, SiblingGroup, LocationState, Text3DState, AddText3DOptions, UpdatableText3DState, InitializeText3DState, };
     export type * from 'geojson';
     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, Image } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
+    export type { Label, Marker, Path, Shape, CameraTransform, Model, Image, Text3D } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
+    export type { Debug } from '@mappedin/react-sdk/mappedin-js/src/debug';
     export type { Navigation, TNavigationOptions } from '@mappedin/react-sdk/mappedin-js/src/navigation';
     export type { TSpaceType } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     export { Coordinate, Annotation, Connection, Door, Floor, FloorStack, MapObject, PointOfInterest, Space, Image as ImageData, Hyperlink, EnterpriseLocation, EnterpriseCategory, EnterpriseVenue, Facade, Node, type Places, } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
@@ -651,7 +655,8 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data' {
     import { Search } from '@mappedin/react-sdk/mappedin-js/src/search';
     import type { TNavigationTarget, TGetDirectionsOptions } from '@mappedin/react-sdk/mappedin-js/src/types';
     import type { Directions } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/directions';
-    import { Query } from '@mappedin/react-sdk/mappedin-js/src/query';
+    import type { Query } from '@mappedin/react-sdk/mappedin-js/src/query';
+    import type { IGeoJSONData } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/types';
     /**
         * A WeakMap to associate {@link MapData} instances with their internal representation.
         * We need a way to get the internal data object from the API
@@ -839,6 +844,11 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data' {
                 */
             getById<T extends string>(type: T, id: string): T extends 'node' ? Node | undefined : T extends 'space' ? Space | undefined : T extends 'door' ? Door | undefined : T extends 'floor' ? Floor | undefined : T extends 'facade' ? Facade | undefined : T extends 'floor-stack' ? FloorStack | undefined : T extends 'connection' ? Connection | undefined : T extends 'object' ? MapObject | undefined : T extends 'point-of-interest' ? PointOfInterest | undefined : T extends 'annotation' ? Annotation | undefined : T extends 'area' ? Area | undefined : T extends 'enterprise-location' ? EnterpriseLocation | undefined : T extends 'enterprise-category' ? EnterpriseCategory | undefined : undefined;
             getById(type: string, id: string): object | undefined;
+            /**
+                * Get the GeoJSON for a map data object on the map.
+                * @param mapDataObject
+                */
+            getGeoJSON<T extends IGeoJSONData>(mapDataObject: T): T['geoJSON'];
             /**
                 * Changes the language of the map data.
                 *
@@ -909,7 +919,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data' {
 declare module '@mappedin/react-sdk/mappedin-js/src/events' {
     import type { ClickPayload } from '@mappedin/core-sdk';
     import type { TStackedMapsEvents } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/stacked-maps/stacked-maps';
-    import type { Coordinate, Floor, MapObject, Space } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
+    import type { Coordinate, Facade, Floor, MapObject, Space } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     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';
@@ -953,6 +963,10 @@ declare module '@mappedin/react-sdk/mappedin-js/src/events' {
                 * Details about the pointer event which triggered the interaction.
                 */
             pointerEvent: ClickPayload['pointerEvent'];
+            /**
+                * The interactive facades which the user interaction passed through.
+                */
+            facades: Facade[];
     };
     export type THoverPayload = Omit<TClickPayload, 'pointerEvent'>;
     /**
@@ -1314,20 +1328,22 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects' {
 }
 
 declare module '@mappedin/react-sdk/mappedin-js/src/map-view' {
-    import type { RendererCore, WatermarkUpdateOptions } from '@mappedin/core-sdk';
+    import type { RendererCore, WatermarkUpdateOptions } from '@mappedin/react-sdk/geojson/src';
     import { PubSub } from '@packages/internal/common';
     import { type TEvents, type TShow3DMapOptions } from '@mappedin/react-sdk/mappedin-js/src';
     import type { Navigation } from '@mappedin/react-sdk/mappedin-js/src/navigation';
     import type { Camera, Labels, Markers, Models, Paths, Exporter, Directions, Style, Outdoor, Images } from '@mappedin/react-sdk/mappedin-js/src/api-geojson';
     import type { BlueDot } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/blue-dot/blue-dot';
     import type MapData from '@mappedin/react-sdk/mappedin-js/src/map-data';
-    import type { Annotation, Coordinate, Door, Floor, MapObject, PointOfInterest, Space, Node, EnterpriseLocation, FloorStack } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
-    import type { DOORS, WALLS, TGetDirectionsOptions, TGetState, TNavigationTarget, TUpdateState, TUpdateStates } from '@mappedin/react-sdk/mappedin-js/src/types';
-    import type { Label, Marker, Image, Shape } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
+    import type { Annotation, Coordinate, Door, Floor, MapObject, PointOfInterest, Space, Node, EnterpriseLocation, FloorStack, Facade } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
+    import type { DOORS, WALLS, TGetDirectionsOptions, TGetState, TNavigationTarget, TUpdateState, TUpdateStates, GlobalState, UpdateGlobalState } from '@mappedin/react-sdk/mappedin-js/src/types';
+    import type { Label, Marker, Image, Shape, Text3D as Text3DView } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
     import type { TEventPayload } from '@mappedin/react-sdk/mappedin-js/src/events';
     import type { Shapes } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/shapes';
     import type { StackedMaps, TCollapseOptions, TExpandOptions } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/stacked-maps/stacked-maps';
     import type { InspectorOption } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/inspector/inspector';
+    import { Debug } from '@mappedin/react-sdk/mappedin-js/src/debug';
+    import type { Text3D } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/text3d';
     /**
         * The MapView class is the main class for rendering and interacting with the map.
         *
@@ -1345,6 +1361,11 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view' {
                 * Controls for the map's labels.
                 */
             Labels: Labels;
+            /**
+                * @experimental
+                * Controls for the map's 3D texts.
+                */
+            Text3D: Text3D;
             /**
                 * Controls for the map's markers.
                 */
@@ -1422,8 +1443,16 @@ 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 | MapObject | Label | Marker | Shape | Door | WALLS | DOORS>(target: T, state: TUpdateState<T>): any;
+            updateState<T extends Space | Text3DView | MapObject | Label | Marker | Shape | Door | Facade | WALLS | DOORS>(target: T, state: TUpdateState<T>): any;
             updateState<T extends string & NonNullable<unknown>>(target: T, state: TUpdateStates): any;
+            /**
+                * Update global state of the MapView
+                */
+            updateGlobalState(update: UpdateGlobalState): void;
+            /**
+                * Get global state of the MapView
+                */
+            getGlobalState(): GlobalState;
             update: () => void;
             /**
                 * Retrieves the map data for the current map.
@@ -1482,7 +1511,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view' {
                 * @hidden
                 */
             updateWatermark(options: WatermarkUpdateOptions): void;
-            getState<T extends Space | MapObject | Label | Marker | Image | Shape | string>(target: T): TGetState<T> | undefined;
+            getState<T extends Space | Text3DView | MapObject | Label | Marker | Image | Shape | string>(target: T): TGetState<T>;
             setHoverColor(c: string): void;
             getHoverColor(): string | undefined;
             /**
@@ -1601,6 +1630,88 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view' {
                 * Enable debug interface. Learn more about the debug interface in the [Debug Mode Guide](https://developer.mappedin.com/web-sdk/getting-started#debug-mode).
                 */
             enableDebug(opitons?: InspectorOption): Promise<void>;
+            /**
+                * @experimental
+                * @internal
+                */
+            Debug: Debug;
+    }
+}
+
+declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/text3d' {
+    import { Space } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
+    import type { TAddText3DOptions } from '@mappedin/react-sdk/mappedin-js/src/types';
+    import type { CurrentMapGetter } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/types';
+    import { Text3D as Text3DView } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
+    export class Text3D {
+            #private;
+            /**
+                * @internal
+                */
+            constructor({ currentMapGetter }: {
+                    currentMapGetter: CurrentMapGetter;
+            });
+            /**
+                * Creates polygon labels for all spaces.
+                *
+                * @param  options - Configuration options for text label creation
+                * @returns  An array of Text3DView instances representing the created labels. If the space is already labeled, the designated Text3D instance will be returned.
+                *
+                * @example
+                * ```typescript
+                * const labels = mapView.Text3D.labelAll({
+                *   // optional configuration options
+                * });
+                * ```
+                */
+            labelAll(options?: TAddText3DOptions): Text3DView[];
+            /**
+                * Creates a 3D text label for a given space.
+                *
+                * @param  target - The target space or enterprise space to label.
+                * @param content - The content of the label. If not provided, target.name will be used
+                * @param  options={} - Configuration options for the text label creation.
+                * @returns  An array of Text3DView instances representing the created labels.
+                *
+                * @throws {Error} If the target is not a Space.
+                *
+                * @example
+                * ```typescript
+                * const labels = mapView.Text3D.label(space, "Label Content", { fontSize: 12 });
+                * ```
+                */
+            label(target: Space, content?: string, options?: TAddText3DOptions): Text3DView | undefined;
+            /**
+                * Removes one or more Text3D labels from the map
+                *
+                * @param target - Can be either:
+                * - A single Text3DView instance
+                * - An array of Text3DView instances
+                * - A string ID of the Text3DView to remove
+                *
+                * @example
+                * ```typescript
+                * // Remove single text label
+                * mapView.Text3D.remove(text);
+                *
+                * // Remove multiple text labels
+                * mapView.Text3D.remove([text, text]);
+                *
+                * // Remove by ID
+                * mapView.Text3D.remove("text3d-123");
+                * ```
+                */
+            remove(text3dView: Text3DView): void;
+            remove(id: string): void;
+            /**
+                * Removes all Text3D labels from the current map
+                *
+                * @example
+                * ```typescript
+                * mapView.Text3D.removeAll();
+                * ```
+                */
+            removeAll(): void;
     }
 }
 
@@ -1620,20 +1731,26 @@ declare module '@mappedin/react-sdk/geojson/src' {
     import { mountSceneGraphVisualizer } from '@mappedin/react-sdk/geojson/examples/src/utils/scene-graph-visualizer';
     import '../../packages/outdoor-context-v4/css/maplibre-gl.css';
     import type { CollisionRankingTier } from '@mappedin/react-sdk/geojson/src/utils/collision-ranking-tier';
+    export type { Text3DState } from '@mappedin/react-sdk/geojson/src/components/text3d';
+    export { TEXT3D_STYLE_UPDATE_PROPS } from '@mappedin/react-sdk/geojson/src/entities/utils';
     export { Navigator } from '@mappedin/react-sdk/packages/geojson-navigator';
     export { interpolate, debounce } from '@mappedin/react-sdk/geojson/src/utils';
     export { MAPPEDIN_LAYER_ID } from '@mappedin/react-sdk/geojson/src/utils/constants';
+    export type { DebugState, Debug } from '@mappedin/react-sdk/geojson/src/utils/debug';
     /**
       * Enable test mode for the renderer. This will disable the WebGLRenderer and WebGL1Renderer and replace them with a dummy object
       * so you can run tests against it
       */
-    export { enableTestMode } from '@mappedin/react-sdk/geojson/src/services/renderer';
+    export { enableTestMode } from '@mappedin/react-sdk/geojson/src/services/test-mode';
     export { mountSceneGraphVisualizer };
     export type { EntityId, EntityState, LineStyle, PaintStyle, ModelStyle, ModelProperties, Shading } from '@mappedin/react-sdk/geojson/src/types';
     export type * from 'geojson';
     export type { WatermarkUpdateOptions, WatermarkOptions, WatermarkPosition } from '@mappedin/react-sdk/geojson/src/systems/watermark/system';
+    export { preloadFont } from '@mappedin/react-sdk/geojson/src/systems/text3d/system';
     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 type { Text3DStyle } from '@mappedin/react-sdk/geojson/src/components/styles';
+    export type { AddText3DOptions, InitializeText3DState, UpdatableText3DState } from '@mappedin/react-sdk/geojson/src/components/text3d';
     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, };
@@ -1715,9 +1832,9 @@ declare module '@mappedin/react-sdk/mappedin-js/src/maplibre-overlay' {
 declare module '@mappedin/react-sdk/mappedin-js/src/types' {
     import type { Feature, MultiPolygon, Polygon } from 'geojson';
     import type { Coordinate, Floor, Door, Space, MapObject, PointOfInterest, Connection, Annotation, EnterpriseLocation, Node, Area, Facade } 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 { Label, Marker, Model, Image, Shape, Text3D } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
     import type { Language, ParsedMVFLocalePack } from '@mappedin/mvf';
-    import type { InsetPaddingOption, Position } from '@mappedin/core-sdk';
+    import type { InsetPaddingOption, Position, UpdatableText3DState, Text3DState, AddText3DOptions } from '@mappedin/react-sdk/geojson/src';
     export type DeepRequired<T> = Required<{
             [K in keyof T]: T[K] extends Required<T[K]> ? T[K] : DeepRequired<T[K]>;
     }>;
@@ -1797,25 +1914,9 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
     /**
         * Defines the state for a label when its appearance is updated.
         */
-    export type TLabelState = {
+    export type TLabelState = Omit<Required<TAddLabelOptions>, 'id'> & {
             text: string;
             type: 'label';
-            /**
-                * Appearance settings for the label.
-                */
-            appearance: TLabelAppearance;
-            /**
-                * Priority level of the label, used for determining display order.
-                */
-            rank: TCollisionRankingTier | 'initial';
-            /**
-                * Whether the label is interactive.
-                */
-            interactive: boolean;
-            /**
-                * Whether the label is enabled.
-                */
-            enabled: boolean;
     };
     /**
         * Defines the state for a model when its appearance is updated.
@@ -1855,6 +1956,14 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
                 * Visibility of the walls.
                 */
             visible: boolean;
+            /**
+                * Height of the walls.
+                */
+            height?: number;
+            /**
+                * Opacity of the walls.
+                */
+            opacity?: number;
     };
     export type TDoorsState = {
             type: 'doors';
@@ -1887,30 +1996,12 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
                 */
             opacity: number;
     };
-    export type TMarkerState = {
+    export type TMarkerState = Omit<Required<TAddMarkerOptions>, 'id'> & {
             type: 'marker';
             /**
                 * HTML element for the marker.
                 */
             element: HTMLElement;
-            /**
-                * Priority level of the marker, used for determining display order.
-                */
-            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 | 'pointer-events-auto';
-            /**
-                * Whether the marker is enabled.
-                */
-            enabled: boolean;
-            /**
-                * The current coordinate of the marker.
-                */
-            coordinate: Coordinate;
     };
     /**
         * Represents the state of a shape.
@@ -1999,9 +2090,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 ? Partial<TDoorsState> : T extends Door ? 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 TUpdateState<T> = T extends WALLS ? Partial<TWallsState> : T extends DOORS | Door ? Partial<TDoorsState> : T extends Marker ? Partial<TMarkerState> : T extends Label ? Partial<TLabelState> : T extends Space | MapObject | Facade ? Partial<TGeometryState> : T extends Shape ? Partial<Omit<TShapeState, 'height' | 'type'>> : T extends Text3D ? UpdatableText3DState : T extends string ? Record<string, any> : never;
     export type TUpdateStates = Partial<Omit<TGeometryState, 'interactive' | 'hoverColor' | 'type'>> | Partial<TMarkerState> | Partial<TLabelState> | Partial<TGeometryState>;
-    export type TGetState<T> = T extends WALLS ? TWallsState | undefined : T extends DOORS ? TDoorsState | undefined : T extends Marker ? TMarkerState | undefined : T extends Shape ? TShapeState | undefined : T extends Model ? TModelState | undefined : T extends Label ? TLabelState | undefined : T extends Image ? TImageState | undefined : T extends Space | MapObject ? TGeometryState | undefined : T extends string ? TLabelState | TGeometryState | TMarkerState | TModelState | 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 string ? TLabelState | TGeometryState | TMarkerState | TModelState | undefined : never;
     /**
         * Options for {@link Camera} animations on the map.
         */
@@ -2014,6 +2105,11 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
                 * Easing function to use for the animation.
                 */
             easing?: TEasingFunction;
+            /**
+                * Whether the current animation will be interrupted, or must complete before starting any new animations
+                * @default: true
+                */
+            interruptible?: boolean;
     };
     /**
         * Options for controlling animations on the map.
@@ -2078,6 +2174,11 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
                     vertical?: number;
             };
             screenOffsets?: InsetPaddingOption;
+            /**
+                * Whether the current animation will be interrupted, or must complete before starting any new animations
+                * @default: true
+                */
+            interruptible?: boolean;
     };
     /**
         * A map element that can be focused on by the camera.
@@ -2474,6 +2575,10 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
                 */
             url: string;
     };
+    /**
+        * @interface
+        */
+    export type TAddText3DOptions = AddText3DOptions;
     /**
         * Options for controlling the behavior of an {@link Image}.
         */
@@ -2517,7 +2622,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
                 * Optional. Determines the collision ranking tier of the marker, which influences its visibility in relation to other colliders.
                 * For the possible values ('medium', 'high', 'always-visible') and their impact on label visibility, see {@link TCollisionRankingTier}.
                 */
-            rank?: TCollisionRankingTier;
+            rank?: TCollisionRankingTier | 'initial';
             /**
                 * 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.
@@ -2534,10 +2639,6 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
                 * @default false
                 */
             interactive?: boolean | 'pointer-events-auto';
-            /**
-                * Optional layer to attach the {@link Marker} to.
-                */
-            layer?: string;
             /**
                 * @internal
                 */
@@ -2547,11 +2648,9 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
                 */
             dynamicResize?: boolean;
             /**
-                * Whether the marker should stop event propagation.
-                * @internal
-                * @default false
+                * Whether the marker is enabled.
                 */
-            stopPropagation?: boolean;
+            enabled?: boolean;
     };
     /**
         * Options for creating a new {@link Label} with {@link Labels.add}.
@@ -2561,31 +2660,24 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
                 * Optional. Determines the collision ranking tier of the label, which influences its visibility in relation to other colliders.
                 * For the possible values ('medium', 'high', 'always-visible') and their impact on label visibility, see {@link TCollisionRankingTier}.
                 */
-            rank?: TCollisionRankingTier;
+            rank?: TCollisionRankingTier | 'initial';
             /**
                 * Customize the appearance of the {@link Label} and its pin
                 */
             appearance?: TLabelAppearance;
-            /**
-                * Group analytics based ranking
-                *
-                * @default false
-                */
-            groupRankingByCategory?: boolean;
             /**
                 * Whether the Label should be clickable.
                 * @default false
                 */
             interactive?: boolean;
-            /**
-                * Optional layer to attach the Label to.
-                * If not provided, this will be empty.
-                */
-            layer?: string;
             /**
                 * @internal
                 */
             id?: string;
+            /**
+                * Whether the label is enabled.
+                */
+            enabled?: boolean;
     };
     export type TBlueDotOptions = {
             /**
@@ -2687,6 +2779,21 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
             language: Language;
             localePack: ParsedMVFLocalePack;
     };
+    export type GlobalState = {
+            text3d: {
+                    /**
+                        * hover color of the text3d
+                        */
+                    hoverColor: string;
+            };
+            geometry: {
+                    /**
+                        * hover color of the geometries
+                        */
+                    hoverColor: string;
+            };
+    };
+    export type UpdateGlobalState = DeepPartial<GlobalState>;
 }
 
 declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/blue-dot/blue-dot' {
@@ -2976,6 +3083,16 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects' {
     export { Path } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects/path';
     export { CameraTransform } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects/camera-transform';
     export { Shape } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects/shape';
+    export { Text3D } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects/text3d';
+}
+
+declare module '@mappedin/react-sdk/mappedin-js/src/debug' {
+    import type { RendererCore } from '@mappedin/core-sdk';
+    export class Debug {
+        state: RendererCore['Debug']['state'];
+        constructor(core: RendererCore);
+        update: RendererCore['Debug']['update'];
+    }
 }
 
 declare module '@mappedin/react-sdk/mappedin-js/src/navigation' {
@@ -3749,6 +3866,58 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/directions' {
     }
 }
 
+declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/types' {
+    import type Area from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/area';
+    import type Door from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/door';
+    import type Floor from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/floor';
+    import type Space from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/space';
+    import type PointOfInterest from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/poi';
+    import type Annotation from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/annotation';
+    import type Connection from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/connection';
+    import type MapObject from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/object';
+    import type { EnterpriseLocation as MvfEnterpriseLocation, EnterpriseCategory as MvfEnterpriseCategory, ParsedMVFLocalePack, Feature } from '@mappedin/mvf';
+    import type { PartialExcept } from '@mappedin/mvf/dist/locale';
+    import type { LocalePackUrls } from '@packages/internal/mvf-utils';
+    import type { LanguagePackHydrationItem } from '@mappedin/react-sdk/mappedin-js/src/types';
+    import type { EnvControl } from '@packages/internal/mvf-utils/mvf-utils';
+    /**
+        * Places are the main objects that can be searched for.
+        */
+    export type Places = Space | Floor | Door | Connection | MapObject | PointOfInterest | Annotation | Area;
+    export type LocationWithLocale = PartialExcept<MvfEnterpriseLocation, 'id'>;
+    export type CategoryWithLocale = PartialExcept<MvfEnterpriseCategory, 'id'>;
+    export type LanguagePack = {
+            type: 'downloaded';
+            data: ParsedMVFLocalePack;
+            optimized: {
+                    locations: Record<string, LocationWithLocale> | undefined;
+                    categories: Record<string, CategoryWithLocale> | undefined;
+            };
+    } | {
+            type: 'initial';
+            optimized: {
+                    locations: Record<string, MvfEnterpriseLocation>;
+                    categories: Record<string, MvfEnterpriseCategory>;
+            };
+    };
+    export type TMapDataInternalOptions = {
+            env?: EnvControl;
+            enterprise?: boolean;
+            outdoorViewToken?: string;
+            localePacksUrls?: LocalePackUrls;
+            languagePacks?: LanguagePackHydrationItem[];
+            binaryBundle?: Uint8Array;
+            sasToken?: string;
+    };
+    /**
+        * A class that implements IGeoJSONData has a underlying GeoJSON datathat can be accessed.
+        */
+    export interface IGeoJSONData {
+            /** Gets the underlying GeoJSON Feature representation of this object. */
+            geoJSON: Feature<any, null>;
+    }
+}
+
 declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/camera-transform' {
     import type { Camera } from '@mappedin/react-sdk/mappedin-js/src/api-geojson';
     /**
@@ -3800,13 +3969,14 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/node' {
     import type { EnterpriseLocation, MapDataInternal } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     import type Floor from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/floor';
     import BaseMetaData from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/base-metadata-object';
+    import type { IGeoJSONData } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/types';
     /**
         * A class representing {@link Path} node data within the map.
         *
         * Nodes are used to define points in the map's pathfinding graph.
         *
         */
-    class Node extends BaseMetaData {
+    class Node extends BaseMetaData implements IGeoJSONData {
             #private;
             /**
                 * @internal
@@ -3856,6 +4026,14 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/node' {
                 * @returns {Node[]} An array of neighboring Node objects.
                 */
             get neighbors(): Node[];
+            /**
+                * Gets the underlying GeoJSON Feature representation of this Node.
+                */
+            get geoJSON(): {
+                    properties: null;
+                    type: import("@mappedin/mvf").FeatureType;
+                    geometry: import("@mappedin/mvf").Point;
+            };
             /**
                 * Serializes the node data to JSON.
                 *
@@ -3886,6 +4064,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/area' {
     import { Coordinate, type MapDataInternal } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     import type Floor from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/floor';
     import BaseMapData from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/base-object';
+    import type { IGeoJSONData } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/types';
     /**
         * An Area represents some grouping of multiple pieces of geometry, not
         * necessarily bounded by walls or any other physical feature of the map.
@@ -3893,7 +4072,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/area' {
         * Areas are currently in a preview state, and may have changes to existing
         * functionality or new features added in the future.
         */
-    class Area extends BaseMapData {
+    class Area extends BaseMapData implements IGeoJSONData {
             #private;
             /**
                 * @internal
@@ -3948,6 +4127,14 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/area' {
                 * @throws Will throw an error if the floor is not found.
                 */
             get floor(): Floor;
+            /**
+                * Gets the underlying GeoJSON Feature representation of this Area.
+                */
+            get geoJSON(): {
+                    properties: null;
+                    type: import("@mappedin/mvf").FeatureType;
+                    geometry: import("@mappedin/mvf").Polygon;
+            };
             /**
                 * Serializes the space data to JSON.
                 *
@@ -3974,6 +4161,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/door' {
     import type Floor from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/floor';
     import type { 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';
+    import type { IGeoJSONData } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/types';
     /**
         * A class representing door data within the map.
         *
@@ -4002,7 +4190,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/door' {
         * Refer to the [Textures & Colors Guide](https://developer.mappedin.com/web-sdk/images-textures#textures--colors) for more information and interactive examples.
         *
         */
-    class Door extends BaseMapData {
+    class Door extends BaseMapData implements IGeoJSONData {
             #private;
             /**
                 * @internal
@@ -4061,6 +4249,14 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/door' {
                 * Gets whether this door is an exterior door.
                 */
             get isExterior(): boolean;
+            /**
+                * Gets the underlying GeoJSON Feature representation of this Door.
+                */
+            get geoJSON(): {
+                    properties: null;
+                    type: import("@mappedin/mvf").FeatureType;
+                    geometry: import("@mappedin/mvf").LineString;
+            };
             /**
                 * Converts the door information to a JSON object.
                 *
@@ -4093,6 +4289,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/space' {
     import type Floor from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/floor';
     import BaseMapData from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/base-object';
     import type Door from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/door';
+    import type { IGeoJSONData } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/types';
     /**
         * Represents the various types of spaces that can be defined within a map.
         * - 'room': A standard room or enclosed area.
@@ -4110,7 +4307,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/space' {
         *
         * Refer to the [Spaces Guide](https://developer.mappedin.com/web-sdk/spaces) for more information and interactive examples.
         */
-    class Space extends BaseMapData {
+    class Space extends BaseMapData implements IGeoJSONData {
             #private;
             /**
                 * @internal
@@ -4120,6 +4317,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/space' {
                 * @internal
                 */
             readonly __type = "space";
+            getMvfData(): import("@mappedin/mvf").Feature<import("@mappedin/mvf").Polygon | import("@mappedin/mvf").LineString | import("@mappedin/mvf").Point, import("@mappedin/mvf").SpaceProperties>;
             /**
                 * Checks if the provided instance is of type Space.
                 *
@@ -4181,6 +4379,14 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/space' {
                 * @returns {Coordinate} The space's center coordinate.
                 */
             get center(): Coordinate;
+            /**
+                * Gets the underlying GeoJSON Feature representation of this Space.
+                */
+            get geoJSON(): {
+                    properties: null;
+                    type: import("@mappedin/mvf").FeatureType;
+                    geometry: import("@mappedin/mvf").Polygon | import("@mappedin/mvf").LineString | import("@mappedin/mvf").Point;
+            };
             /**
                 * Serializes the space data to JSON.
                 *
@@ -4440,6 +4646,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/object' {
     import type { MapDataInternal } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     import type Floor from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/floor';
     import BaseMapData from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/base-object';
+    import type { IGeoJSONData } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/types';
     /**
         * A class representing generic map object data within the map.
         *
@@ -4448,7 +4655,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/object' {
         * MapObject appearance can be customized by changing the color or adding a texture to its top or sides.
         * Refer to the [Textures & Colors Guide](https://developer.mappedin.com/web-sdk/images-textures#textures--colors) for more information and interactive examples.
         */
-    export class MapObject extends BaseMapData {
+    export class MapObject extends BaseMapData implements IGeoJSONData {
             #private;
             /**
                 * @internal
@@ -4509,6 +4716,14 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/object' {
                 * @returns {Coordinate} The object's center coordinate.
                 */
             get center(): Coordinate;
+            /**
+                * Gets the underlying GeoJSON Feature representation of this Object.
+                */
+            get geoJSON(): {
+                    properties: null;
+                    type: import("@mappedin/mvf").FeatureType;
+                    geometry: import("@mappedin/mvf").Polygon | import("@mappedin/mvf").LineString;
+            };
             /**
                 * Serializes the MapObject data to JSON.
                 *
@@ -4611,13 +4826,14 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/poi' {
     import type { Floor, MapDataInternal } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     import Coordinate from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/coordinate';
     import BaseMapData from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/base-object';
+    import type { IGeoJSONData } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/types';
     /**
         * A class representing point of interest data within the map.
         *
         * Points of interest are used to represent specific points
         * on the map with additional information(e.g. ATMs, Water Fountains).
         */
-    class PointOfInterest extends BaseMapData {
+    class PointOfInterest extends BaseMapData implements IGeoJSONData {
             #private;
             /**
                 * @internal
@@ -4672,6 +4888,14 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/poi' {
                 * @returns {string} The external ID of the POI.
                 */
             get externalId(): string;
+            /**
+                * Gets the underlying GeoJSON Feature representation of this PointOfInterest.
+                */
+            get geoJSON(): {
+                    properties: null;
+                    type: import("@mappedin/mvf").FeatureType;
+                    geometry: Point;
+            };
             /**
                 * Serializes the POI data to JSON.
                 *
@@ -4702,6 +4926,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/annotation'
     import type { Floor, MapDataInternal } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     import Coordinate from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/coordinate';
     import BaseMapData from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/base-object';
+    import type { IGeoJSONData } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/types';
     /**
         * A class representing annotation data within the map.
         *
@@ -4709,7 +4934,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/annotation'
         * It includes some details on a map that may be relevant to safety or accessibility (e.g. Fire Extinguishers).
         * Refer to the [Annotation Guide](https://developer.mappedin.com/web-sdk/annotations) for more information.
         */
-    class Annotation extends BaseMapData {
+    class Annotation extends BaseMapData implements IGeoJSONData {
             #private;
             /**
                 * @internal
@@ -4764,6 +4989,14 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/annotation'
                 * @throws Will throw an error if the floor is not found.
                 */
             get floor(): Floor;
+            /**
+                * Gets the underlying GeoJSON Feature representation of this Annotation.
+                */
+            get geoJSON(): {
+                    properties: null;
+                    type: import("@mappedin/mvf").FeatureType;
+                    geometry: import("@mappedin/mvf").Point;
+            };
             /**
                 * Converts the annotation information to a JSON object.
                 *
@@ -5125,9 +5358,9 @@ declare module '@mappedin/react-sdk/mappedin-js/src/utils/data-creation' {
             objectEntranceNodeIdsByObstructionId: Record<string, string[]>;
             obstructionIdByEntranceId: Record<string, string>;
             connectionIdsByLatLon: Record<string, string[]>;
-            mvfSpacesById: Record<string, Feature<Point | import("@mappedin/mvf").LineString | import("@mappedin/mvf").Polygon, SpaceProperties>>;
+            mvfSpacesById: Record<string, Feature<import("@mappedin/mvf").Polygon | import("@mappedin/mvf").LineString | Point, SpaceProperties>>;
             mvfNodesById: Record<string, Feature<Point, import("@mappedin/mvf").NodeProperties>>;
-            mvfObstructionById: Record<string, Feature<import("@mappedin/mvf").LineString | import("@mappedin/mvf").Polygon, import("@mappedin/mvf").ObstructionProperties>>;
+            mvfObstructionById: Record<string, Feature<import("@mappedin/mvf").Polygon | import("@mappedin/mvf").LineString, import("@mappedin/mvf").ObstructionProperties>>;
             mvfFloorsById: Record<string, MVFFloor>;
             mvfFloorStacksById: Record<string, MVFFloorStack>;
             mvfConnectionsById: Record<string, MVFConnection>;
@@ -5142,7 +5375,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/utils/data-creation' {
                     [floorId: string]: Feature<Point, import("@mappedin/mvf").NodeProperties>[];
             };
             mvfSpacesByFloorId: {
-                    [floorId: string]: Feature<Point | import("@mappedin/mvf").LineString | import("@mappedin/mvf").Polygon, SpaceProperties>[];
+                    [floorId: string]: Feature<import("@mappedin/mvf").Polygon | import("@mappedin/mvf").LineString | Point, SpaceProperties>[];
             };
             mvfPoisByFloorId: {
                     [floorId: string]: Feature<Point, SpaceProperties>[];
@@ -5161,51 +5394,6 @@ declare module '@mappedin/react-sdk/mappedin-js/src/utils/data-creation' {
     };
 }
 
-declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/types' {
-    import type Area from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/area';
-    import type Door from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/door';
-    import type Floor from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/floor';
-    import type Space from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/space';
-    import type PointOfInterest from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/poi';
-    import type Annotation from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/annotation';
-    import type Connection from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/connection';
-    import type MapObject from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/object';
-    import type { EnterpriseLocation as MvfEnterpriseLocation, EnterpriseCategory as MvfEnterpriseCategory, ParsedMVFLocalePack } from '@mappedin/mvf';
-    import type { PartialExcept } from '@mappedin/mvf/dist/locale';
-    import type { LocalePackUrls } from '@packages/internal/mvf-utils';
-    import type { LanguagePackHydrationItem } from '@mappedin/react-sdk/mappedin-js/src/types';
-    import type { EnvControl } from '@packages/internal/mvf-utils/mvf-utils';
-    /**
-      * Places are the main objects that can be searched for.
-      */
-    export type Places = Space | Floor | Door | Connection | MapObject | PointOfInterest | Annotation | Area;
-    export type LocationWithLocale = PartialExcept<MvfEnterpriseLocation, 'id'>;
-    export type CategoryWithLocale = PartialExcept<MvfEnterpriseCategory, 'id'>;
-    export type LanguagePack = {
-        type: 'downloaded';
-        data: ParsedMVFLocalePack;
-        optimized: {
-            locations: Record<string, LocationWithLocale> | undefined;
-            categories: Record<string, CategoryWithLocale> | undefined;
-        };
-    } | {
-        type: 'initial';
-        optimized: {
-            locations: Record<string, MvfEnterpriseLocation>;
-            categories: Record<string, MvfEnterpriseCategory>;
-        };
-    };
-    export type TMapDataInternalOptions = {
-        env?: EnvControl;
-        enterprise?: boolean;
-        outdoorViewToken?: string;
-        localePacksUrls?: LocalePackUrls;
-        languagePacks?: LanguagePackHydrationItem[];
-        binaryBundle?: Uint8Array;
-        sasToken?: string;
-    };
-}
-
 declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/shapes' {
     import type { GeojsonApiMapObject } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/map-object';
     import { Shape } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
@@ -5286,6 +5474,11 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/inspector/inspec
     export type InspectorOption = Partial<InspectorState>;
 }
 
+declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/types' {
+    import type { GeojsonApiMapObject } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/map-object';
+    export type CurrentMapGetter = () => GeojsonApiMapObject | undefined;
+}
+
 declare module '@mappedin/react-sdk/geojson/src/components/marker' {
     import './marker.scss';
     import { Vector2 } from 'three';
@@ -5312,6 +5505,12 @@ declare module '@mappedin/react-sdk/geojson/src/components/marker' {
                 * Whether the marker is enabled
                 */
             enabled: boolean;
+            /**
+                * Whether the label is visible IF is is enabled
+                * this can be used to have more granular control of whether the label shows up,
+                * for example, if someone implements a layer system that shows/hides
+                */
+            visible: boolean;
             /**
                 * HTML content of the marker as text
                 */
@@ -5339,6 +5538,14 @@ declare module '@mappedin/react-sdk/geojson/src/components/marker' {
                         */
                     interactive?: boolean | 'pointer-events-auto';
             };
+            /**
+                * Anchor point for the marker. This will determine the position of the marker relative to the position. A list will place the marker in the first empty placement.
+                */
+            anchor: MarkerAnchor | MarkerAnchor[];
+            /**
+                * Dynamic resize of the marker. If set to true, the marker will resize based on the content.
+                */
+            dynamicResize: boolean;
     };
     export const addMarkerOptionsSchema: z.ZodObject<{
             rank: z.ZodOptional<z.ZodUnion<[z.ZodEnum<["low", "medium", "high", "always-visible"]>, z.ZodNumber]>>;
@@ -5349,15 +5556,15 @@ declare module '@mappedin/react-sdk/geojson/src/components/marker' {
     }, "strip", z.ZodTypeAny, {
             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;
+            anchor?: "center" | "left" | "right" | "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | ("center" | "left" | "right" | "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right")[] | undefined;
             dynamicResize?: boolean | undefined;
+            rank?: number | "low" | "medium" | "high" | "always-visible" | 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;
+            anchor?: "center" | "left" | "right" | "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | ("center" | "left" | "right" | "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right")[] | undefined;
             dynamicResize?: boolean | undefined;
+            rank?: number | "low" | "medium" | "high" | "always-visible" | undefined;
     }>;
     export function validateMarker(coordinate: Position, contentHTML: string, options: AddMarkerOptions): void;
     export type MarkerAnchor = 'top' | 'bottom' | 'left' | 'right' | 'center' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
@@ -5403,6 +5610,11 @@ declare module '@mappedin/react-sdk/geojson/src/components/marker' {
             options: Required<AddMarkerOptions>;
             projection: Vector2;
             enabled: boolean;
+            /**
+                * Whether the marker can be shown, which is decided by the collision engine
+                */
+            canShow: boolean;
+            visible: boolean;
             offscreen: boolean;
             activeStrategyIndex: number;
             strategyIndex: number;
@@ -5424,7 +5636,6 @@ declare module '@mappedin/react-sdk/geojson/src/components/marker' {
             visibilityNeedsUpdate: 'show' | 'hide' | false;
             constructor(contentHtml: string, options?: AddMarkerOptions);
             updateDimensions(width?: number, height?: number): void;
-            visible: boolean;
             animation: Animation | null;
             currentStrategyIndex: number;
             onStrategySelected: (strategyIndex: number, force?: boolean) => void;
@@ -5447,7 +5658,7 @@ declare module '@mappedin/react-sdk/geojson/src/components/marker' {
 
 declare module '@mappedin/react-sdk/geojson/src/components/path' {
     import { Vector3 } from 'three';
-    import type { Mesh, BufferGeometry } from 'three';
+    import type { BufferGeometry, LineSegments } from 'three';
     import type { EntityId, Position } from '@mappedin/react-sdk/geojson/src/types';
     import type { PathMaterial, PatMeshContainer } from '@mappedin/react-sdk/geojson/src/entities/geometry3d';
     import type { FeatureCollection, Point } from 'geojson';
@@ -5626,7 +5837,7 @@ declare module '@mappedin/react-sdk/geojson/src/components/path' {
             mesh: PatMeshContainer;
             material?: PathMaterial;
             geometry?: BufferGeometry;
-            outline?: Mesh;
+            outline?: LineSegments;
             feature: FeatureCollection<Point, PathProperties>;
             options: AddPathOptions;
             nearRadius: number;
@@ -5660,7 +5871,7 @@ declare module '@mappedin/react-sdk/geojson/src/components/label' {
     import type { EntityId, Position } from '@mappedin/react-sdk/geojson/src/types';
     import type { GroupContainerState } from '@mappedin/react-sdk/geojson/src/entities/group-container';
     import type { RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
-    import type { CollisionRankingTier } from '@mappedin/react-sdk/geojson/src';
+    import type { CollisionRankingTier, GeometryState } from '@mappedin/react-sdk/geojson/src';
     import { z } from 'zod';
     import type { PackedBBoxes } from '@mappedin/react-sdk/geojson/src/systems/collisions/system';
     export const addLabelOptionsSchema: z.ZodObject<{
@@ -5742,6 +5953,7 @@ declare module '@mappedin/react-sdk/geojson/src/components/label' {
                             foregroundColor?: string | undefined;
                             backgroundColor?: string | undefined;
                     } | undefined;
+                    margin?: number | undefined;
                     marker?: {
                             size?: number | undefined;
                             foregroundColor?: {
@@ -5753,7 +5965,6 @@ declare module '@mappedin/react-sdk/geojson/src/components/label' {
                                     inactive?: string | undefined;
                             } | undefined;
                     } | undefined;
-                    margin?: number | undefined;
             }, {
                     text?: {
                             size?: number | undefined;
@@ -5763,6 +5974,7 @@ declare module '@mappedin/react-sdk/geojson/src/components/label' {
                             foregroundColor?: string | undefined;
                             backgroundColor?: string | undefined;
                     } | undefined;
+                    margin?: number | undefined;
                     marker?: {
                             size?: number | undefined;
                             foregroundColor?: {
@@ -5774,11 +5986,10 @@ declare module '@mappedin/react-sdk/geojson/src/components/label' {
                                     inactive?: string | undefined;
                             } | undefined;
                     } | undefined;
-                    margin?: number | undefined;
             }>>;
     }, "strip", z.ZodTypeAny, {
             interactive?: boolean | undefined;
-            rank?: number | "high" | "low" | "medium" | "always-visible" | undefined;
+            rank?: number | "low" | "medium" | "high" | "always-visible" | undefined;
             appearance?: {
                     text?: {
                             size?: number | undefined;
@@ -5788,6 +5999,7 @@ declare module '@mappedin/react-sdk/geojson/src/components/label' {
                             foregroundColor?: string | undefined;
                             backgroundColor?: string | undefined;
                     } | undefined;
+                    margin?: number | undefined;
                     marker?: {
                             size?: number | undefined;
                             foregroundColor?: {
@@ -5799,11 +6011,10 @@ declare module '@mappedin/react-sdk/geojson/src/components/label' {
                                     inactive?: string | undefined;
                             } | undefined;
                     } | undefined;
-                    margin?: number | undefined;
             } | undefined;
     }, {
             interactive?: boolean | undefined;
-            rank?: number | "high" | "low" | "medium" | "always-visible" | undefined;
+            rank?: number | "low" | "medium" | "high" | "always-visible" | undefined;
             appearance?: {
                     text?: {
                             size?: number | undefined;
@@ -5813,6 +6024,7 @@ declare module '@mappedin/react-sdk/geojson/src/components/label' {
                             foregroundColor?: string | undefined;
                             backgroundColor?: string | undefined;
                     } | undefined;
+                    margin?: number | undefined;
                     marker?: {
                             size?: number | undefined;
                             foregroundColor?: {
@@ -5824,10 +6036,9 @@ declare module '@mappedin/react-sdk/geojson/src/components/label' {
                                     inactive?: string | undefined;
                             } | undefined;
                     } | undefined;
-                    margin?: number | undefined;
             } | undefined;
     }>;
-    export function validateLabel(coordinate: Position, text: string, options: AddLabelOptions): void;
+    export function validateLabel(coordinate: Position | EntityId<GeometryState>, text: string, options: AddLabelOptions): void;
     export const labelThemes: {
             lightOnDark: {
                     text: {
@@ -6085,6 +6296,12 @@ declare module '@mappedin/react-sdk/geojson/src/components/label' {
                 * Whether the label is enabled
                 */
             enabled: boolean;
+            /**
+                * Whether the label is visible IF is is enabled
+                * this can be used to have more granular control of whether the label shows up,
+                * for example, if someone implements a layer system that shows/hides,
+                */
+            visible: boolean;
             /**
                 * Text content of the label
                 */
@@ -6120,6 +6337,10 @@ declare module '@mappedin/react-sdk/geojson/src/components/label' {
             visible: boolean;
             enabled: boolean;
             offscreen: boolean;
+            /**
+                * Whether the label can be shown, which is decided by the collision engine
+                */
+            canShow: boolean;
             activeBoundingBox: {
                     x: number;
                     y: number;
@@ -6171,9 +6392,12 @@ declare module '@mappedin/react-sdk/geojson/src/entities/group-container' {
     import type { StackComponent } from '@mappedin/react-sdk/geojson/src/components/stack';
     import type { MarkerState } from '@mappedin/react-sdk/geojson/src/components/marker';
     import type { LabelState } from '@mappedin/react-sdk/geojson/src/components/label';
+    import type { Geometry3DTypes } from '@mappedin/react-sdk/geojson/src/entities/geometry3d';
     import { Geometry3D } from '@mappedin/react-sdk/geojson/src/entities/geometry3d';
     import type { PathState } from '@mappedin/react-sdk/geojson/src/components/path';
     import type { InteractionComponent } from '@mappedin/react-sdk/geojson/src/components/interaction';
+    import type { BatchedText } from '@mappedin/react-sdk/geojson/src/services/text3d/text3d';
+    import type { EntityTypes } from '@mappedin/react-sdk/geojson/src/renderer';
     export enum GroupContainerComponents {
             Stack = 0,
             Interaction = 1
@@ -6200,7 +6424,8 @@ declare module '@mappedin/react-sdk/geojson/src/entities/group-container' {
     };
     export class GroupContainerObject3D extends Object3D {
             childrenIds: Set<string | number>;
-            readonly type = "group-container";
+            children: (GroupContainerObject3D | GeometryGroupObject3D | BatchedText | Geometry2D['object3d'] | NonNullable<Geometry3D['object3d']>)[];
+            readonly type: "group-container";
             userData: {
                     entityId: string | number;
                     entities2D: Set<string | number>;
@@ -6208,8 +6433,8 @@ declare module '@mappedin/react-sdk/geojson/src/entities/group-container' {
             };
             components: [StackComponent?, InteractionComponent?];
             constructor(id: string);
-            addEntity(entityGroupOrContainer: GroupContainerObject3D | GeometryGroupObject3D | Geometry2D | Geometry3D): void;
-            removeEntity(entityGroupOrContainer: GroupContainerObject3D | GeometryGroupObject3D | Geometry2D | Geometry3D): void;
+            addEntity(entityGroupOrContainer: GroupContainerObject3D | GeometryGroupObject3D | Geometry2D | Geometry3DTypes): void;
+            removeEntity(entityGroupOrContainer: EntityTypes): void;
             setVisible(visible: boolean): void;
             setAltitude(altitude: number): void;
             get altitude(): number;
@@ -6289,7 +6514,7 @@ declare module '@mappedin/react-sdk/geojson/src/entities/geometry-group' {
     export type ChildUpdatable<T> = T extends LineStyle ? Partial<Pick<LineStyle, 'color' | 'opacity' | 'visible'>> : Partial<Pick<PaintStyle, 'color' | 'opacity' | 'visible'>>;
     export class GeometryGroupObject3D extends Object3D {
             visible: boolean;
-            readonly type = "geometry-group";
+            readonly type: "geometry-group";
             components: [GeometryGroupStyleComponent];
             userData: {
                     entityId: string | number;
@@ -6320,7 +6545,8 @@ declare module '@mappedin/react-sdk/geojson/src/types/geometry' {
 }
 
 declare module '@mappedin/react-sdk/geojson/src/types' {
-    import { Mesh, Object3D, InstancedMesh, Camera } from 'three';
+    import type { Camera } from 'three';
+    import { Mesh, Object3D, InstancedMesh } from 'three';
     import type { Geometry2D } from '@mappedin/react-sdk/geojson/src/entities/geometry2d';
     import type { Position } from '@mappedin/react-sdk/geojson/src/types/geometry';
     import type { GeometryState } from '@mappedin/react-sdk/geojson/src/components/mesh';
@@ -6332,13 +6558,14 @@ declare module '@mappedin/react-sdk/geojson/src/types' {
     import type { MarkerState } from '@mappedin/react-sdk/geojson/src/components/marker';
     import type { ImageState } from '@mappedin/react-sdk/geojson/src/components/image';
     import type { ShapeState } from '@mappedin/react-sdk/geojson/src/components/custom';
-    import type { Geometry3D } from '@mappedin/react-sdk/geojson/src/entities';
     import type { Group as TweenGroup } from '@tweenjs/tween.js';
-    import { MaterialSide } from '@mappedin/react-sdk/geojson/src/components/style';
+    import type { MaterialSide } from '@mappedin/react-sdk/geojson/src/components/styles';
+    import type { Geometry3DTypes } from '@mappedin/react-sdk/geojson/src/entities/geometry3d';
+    import type { Text3DState } from '@mappedin/react-sdk/geojson/src/components/text3d';
     /**
         * The state of an entity, which can be a geometry, geometry group, group container, path, model, label, or marker.
         */
-    export type EntityState = GeometryState | GeometryGroupState | GroupContainerState | PathState | ModelState | LabelState | MarkerState | ImageState | ShapeState;
+    export type EntityState = GeometryState | GeometryGroupState | GroupContainerState | PathState | ModelState | LabelState | MarkerState | ImageState | Text3DState | ShapeState;
     /**
         * A wrapper object that contains the ID and type of an entity. This is returned when adding entities to the scene, and can be used
         * to `getState` and `setState` of the entity.
@@ -6605,14 +6832,18 @@ declare module '@mappedin/react-sdk/geojson/src/types' {
     export type MapEventPayload<EventName extends keyof MapEvent> = MapEvent[EventName] extends {
             data: null;
     } ? MapEvent[EventName]['data'] : MapEvent[EventName];
-    export type Geometry3DTypes = Geometry3D | GeometryGroupObject3D | GroupContainerObject3D;
+    /**
+        * All entities in 3D
+        */
+    export type All3DTypes = Geometry3DTypes | GeometryGroupObject3D | GroupContainerObject3D;
     export type RendererState = {
-            geometry3DMap: Map<string | number, Geometry3DTypes>;
+            geometry3DMap: Map<string | number, All3DTypes>;
             geometry2DMap: Map<string | number, Geometry2D>;
             geometry2DIdsInScene: Set<Geometry2D['id']>;
-            geometry3DIdsInScene: Set<Geometry3DTypes['id']>;
+            geometry3DIdsInScene: Set<All3DTypes['id']>;
             entityScene: GroupContainerObject3D;
             hoverColor: string;
+            text3dHoverColor: string;
             center?: Position;
             insetsPadding: InsetPadding;
             shouldMeasureCanvas: boolean;
@@ -6626,10 +6857,14 @@ declare module '@mappedin/react-sdk/geojson/src/types' {
             tweenGroup: TweenGroup;
             cameraObject: Camera;
     };
+    /**
+        * All of the entities in the scene
+        */
+    export type EntityTypes = Geometry3DTypes | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D;
 }
 
 declare module '@mappedin/react-sdk/geojson/src/components/mesh' {
-    import type { Texture, BufferGeometry, LineSegments, Mesh, Object3D } from 'three';
+    import type { Texture, BufferGeometry, LineSegments, Mesh } 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';
@@ -6637,7 +6872,9 @@ declare module '@mappedin/react-sdk/geojson/src/components/mesh' {
     import type { BBox } from '@turf/turf';
     import { type ImageProperties } from '@mappedin/react-sdk/geojson/src/components/image';
     import { type BaseTextAreaProperties } from '@mappedin/mvf';
+    import type { Text } from 'troika-three-text';
     export class EntityBatchedMesh extends BatchedMesh {
+            type: "entityBatchedMesh";
             userData: {
                     entities: {
                             [key: number]: string | number;
@@ -6646,6 +6883,7 @@ declare module '@mappedin/react-sdk/geojson/src/components/mesh' {
             };
     }
     export type MeshComponentProperties = {
+            id: string;
             image?: ImageProperties & {
                     position: GeoJsonPosition;
                     path: string;
@@ -6725,6 +6963,14 @@ declare module '@mappedin/react-sdk/geojson/src/components/mesh' {
                 * The top texture URL of the geometry
                 */
             topTexture?: string;
+            /**
+                * Whether the geometry is currently in hover state or not
+                */
+            hovered: boolean;
+            /**
+                * The render order of the geometry
+                */
+            renderOrder?: number;
     };
     export class MeshComponent {
             #private;
@@ -6732,7 +6978,11 @@ declare module '@mappedin/react-sdk/geojson/src/components/mesh' {
             focusMesh?: Mesh;
             outline?: LineSegments;
             imageMesh?: Mesh;
-            textAreaMesh?: Object3D;
+            /**
+                * holds a pointer to space label text if the polygon has label active.
+                */
+            textMesh?: Text;
+            textEntityId?: string;
             readonly type = "geometry";
             dirty: boolean;
             detached: boolean;
@@ -6744,7 +6994,8 @@ declare module '@mappedin/react-sdk/geojson/src/components/mesh' {
             constructor(feature: Feature<Polygon | LineString | MultiPolygon | MultiLineString, MeshComponentProperties>);
             get visible(): boolean;
             set visible(visible: boolean);
-            setOpacity(opacity: number): void;
+            get renderOrder(): number;
+            set renderOrder(value: number);
             focusable: boolean;
             color: Color;
             topColor: Color;
@@ -7073,9 +7324,9 @@ declare module '@mappedin/react-sdk/geojson/src/components/model' {
             outline?: LineSegments;
             geometry?: Object3D;
             material?: BatchedStandardMaterial;
-            feature: Feature<Point>;
+            feature: Feature<Point, ModelProperties>;
             instanceIndex?: number;
-            constructor(feature: Feature<Point>);
+            constructor(feature: Feature<Point, ModelProperties>);
             visible: boolean;
             setOpacity(): void;
             color: Color;
@@ -7094,14 +7345,14 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
     import type { GroupContainerState } from '@mappedin/react-sdk/geojson/src/entities/group-container';
     import { GroupContainerObject3D } from '@mappedin/react-sdk/geojson/src/entities/group-container';
     import { PubSub } from '@mappedin/react-sdk/packages/common/pubsub';
+    import { Renderer } from '@mappedin/react-sdk/geojson/src/services/renderer';
     import { CollisionSystem } from '@mappedin/react-sdk/geojson/src/systems/collisions/system';
     import { InteractionSystem } from '@mappedin/react-sdk/geojson/src/systems/interactions';
-    import { ZoomInterpolationSystem } from '@mappedin/react-sdk/geojson/src/systems/zoom-interpolation/zoom-interpolation';
     import type { AddMarkerOptions, MarkerState } from '@mappedin/react-sdk/geojson/src/components/marker';
     import type { GLTFExportOptions } from '@mappedin/react-sdk/geojson/src/systems/exporter';
     import { ExporterSystem } from '@mappedin/react-sdk/geojson/src/systems/exporter';
     import type { AddLabelOptions, LabelState } from '@mappedin/react-sdk/geojson/src/components/label';
-    import type { LineStyle, PaintStyle, RendererCoreOptions, Position, ModelProperties, ModelStyle, EntityState, EntityId, MapEvent, MapEventPayload, RendererState } from '@mappedin/react-sdk/geojson/src/types';
+    import type { LineStyle, PaintStyle, RendererCoreOptions, Position, ModelProperties, ModelStyle, EntityState, EntityId, MapEvent, MapEventPayload, RendererState, EntityTypes } from '@mappedin/react-sdk/geojson/src/types';
     import { MeshCreationAndOptimizationSystem } from '@mappedin/react-sdk/geojson/src/systems/mesh-creation-and-optimization/system';
     import { DOMVisibilitySystem } from '@mappedin/react-sdk/geojson/src/systems/dom-visiblity/system';
     import { TwoDProjectionSystem } from '@mappedin/react-sdk/geojson/src/systems/2d-projection/system';
@@ -7109,7 +7360,7 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
     import { DrawSystem } from '@mappedin/react-sdk/geojson/src/systems/draw/system';
     import { TwoDVisibilitySystem } from '@mappedin/react-sdk/geojson/src/systems/2d-visibility/system';
     import { RenderSystem } from '@mappedin/react-sdk/geojson/src/systems/render/system';
-    import type { Position as GeoJsonPosition, FeatureCollection, LineString, MultiPolygon, Polygon, Point, Feature } from 'geojson';
+    import type { Position as GeoJsonPosition, FeatureCollection, LineString, MultiPolygon, Polygon, Point, Feature, BBox } from 'geojson';
     import type { AddPathOptions, PathProperties, PathState, PathUpdateState } from '@mappedin/react-sdk/geojson/src/components/path';
     import { StackSystem } from '@mappedin/react-sdk/geojson/src/systems/stack/system';
     import { CameraSystem } from '@mappedin/react-sdk/geojson/src/systems/camera';
@@ -7131,11 +7382,13 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
     import { OutdoorLayers } from '@mappedin/react-sdk/geojson/src/systems/outdoor-layers/system';
     import { PathSystem } from '@mappedin/react-sdk/geojson/src/systems/path';
     import { type ImageProperties, type ImageState, type ImageStyle } from '@mappedin/react-sdk/geojson/src/components/image';
+    import type { AddText3DOptions, Text3DState, UpdatableText3DState } from '@mappedin/react-sdk/geojson/src/components/text3d';
     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';
+    import { Text3DSystem } from '@mappedin/react-sdk/geojson/src/systems/text3d/system';
     import { Group as TweenGroup } from '@tweenjs/tween.js';
+    import { Debug } from '@mappedin/react-sdk/geojson/src/utils/debug';
     export type * from '@mappedin/react-sdk/geojson/src/types';
     export const raycaster: Raycaster;
     /**
@@ -7155,7 +7408,6 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
             panBoundsSystem: PanBoundsSystem;
             collisionSystem: CollisionSystem;
             interactionSystem: InteractionSystem;
-            zoomInterpolationSystem: ZoomInterpolationSystem;
             meshOptimizationSystem: MeshCreationAndOptimizationSystem;
             domVisiblitySystem: DOMVisibilitySystem;
             domMutationSystem: DOMResizeSystem;
@@ -7178,16 +7430,18 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
             meshDetachmentSystem: MeshDetachmentSystem;
             meshModificationSystem: MeshModificationSystem;
             preRenderSystem: PreRenderSystem;
-            polygonLabelSystem: PolygonLabelSystem;
+            text3DSystem: Text3DSystem;
     };
     export type MapViewState = {
             readonly type: 'map-view';
-            hoverColor?: string;
+            hoverColor: string;
+            text3dHoverColor: string;
     };
     class Core extends PubSub<MapEvent> {
             #private;
             options: Omit<RendererCoreOptions, 'outdoorView'>;
             container: HTMLElement;
+            Debug: Debug;
             /**
                 * The view camera is used for projecting both the outdoor map and our scene
                 */
@@ -7224,7 +7478,7 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
                     id: string;
                     type: string;
             };
-            getParentContainer: (parent?: EntityId<GroupContainerState> | string | number | null, defaultToScene?: boolean) => GroupContainerObject3D | undefined;
+            getParentContainer: (parent?: EntityId<GroupContainerState> | EntityId<GeometryState> | string | number | null, defaultToScene?: boolean) => GroupContainerObject3D | undefined;
             /**
                 * Add a custom THREE.js entity to the map. The geometry is placed at the GeoJSON coordinate and includes a `setup` and `update` methods.
                 * Setup is called when the first time the geometry visible, and update is called every render frame.
@@ -7247,13 +7501,38 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
                 */
             addMarker2D(coordinate: Position, contentHTML: string, options?: AddMarkerOptions, parent?: EntityId<GroupContainerState> | string | number | null): EntityId<MarkerState> | undefined;
             /**
-                * Add a 2D label at a GeoJSON coordinate.
-                */
-            addLabel2D(coordinate: Position, text: string, options?: AddLabelOptions, parent?: EntityId<GroupContainerState> | string | number | null): EntityId<LabelState> | undefined;
-            /**
-                * Add a Path along a set of GeoJSON coordinates that can be animated.
-                */
-            addPath(geometry: FeatureCollection<Point, PathProperties>, options?: AddPathOptions, parent?: EntityId<GroupContainerState> | string | null): EntityId<PathState> | undefined;
+                * Labels an existing 3D geometry with a text area.
+                *
+                * @param meshGeometryId - The ID of the target 3D geometry to label.
+                * @param content - The text content to display.
+                * @param options - Additional options for adding the text label, including:
+                *   - parentId: Optional ID of the parent container.
+                *   - appearance: Optional appearance settings for the text label.
+                *
+                * @returns An object containing the ID and type of the created or existing text label, or undefined if labeling failed. If geometry is already labeld, the same text id will be returned
+                *
+                * @example
+                * ```typescript
+                * const label = renderer.labelText3D('geometry123', 'Hello World', { parentId: 'parent456', appearance: { color: 'red' } });
+                * if (label) {
+                *   console.log(`Label created with ID: ${label.id}`);
+                * }
+                *
+                */
+            labelText3D(meshGeometryId: string, content: string, options?: AddText3DOptions & {
+                    parentId?: string;
+            }): {
+                    id: string | number;
+                    type: "text3d";
+            } | undefined;
+            /**
+                * Add a 2D label at a GeoJSON coordinate.
+                */
+            addLabel2D(coordinate: Position, text: string, options?: AddLabelOptions, parent?: EntityId<GroupContainerState> | string | null): EntityId<LabelState> | undefined;
+            /**
+                * Add a Path along a set of GeoJSON coordinates that can be animated.
+                */
+            addPath(geometry: FeatureCollection<Point, PathProperties>, options?: AddPathOptions, parent?: EntityId<GroupContainerState> | string | null): EntityId<PathState> | undefined;
             /**
                 * Updates the watermark on the map.
                 *
@@ -7264,6 +7543,7 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
                 * Remove an entity from the renderer and release associated resources.
                 */
             remove(object: string | number): void;
+            remove(object: EntityTypes): void;
             /**
                 * Show collision boxes for 2D entities for debugging
                 */
@@ -7288,13 +7568,13 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
                 * Get the current state of the map view, or any entity that was added, regardless of whether it is visible in the scene
                 */
             getState(): MapViewState;
-            getState<T extends EntityId<EntityState>>(geometryOrGeometryId: T): T extends EntityId<LabelState> ? LabelState : T extends EntityId<GeometryState> ? GeometryState : T extends EntityId<MarkerState> ? MarkerState : T extends EntityId<GeometryGroupState> ? GeometryGroupState : T extends EntityId<GroupContainerState> ? GroupContainerState : T extends EntityId<ModelState> ? ModelState : T extends EntityId<PathState> ? PathState : T extends EntityId<ShapeState> ? ShapeState : T extends EntityId<ImageState> ? ImageState : EntityState;
+            getState<T extends EntityId<EntityState>>(geometryOrGeometryId: T): T extends EntityId<LabelState> ? LabelState : T extends EntityId<GeometryState> ? GeometryState : T extends EntityId<MarkerState> ? MarkerState : T extends EntityId<GeometryGroupState> ? GeometryGroupState : T extends EntityId<GroupContainerState> ? GroupContainerState : T extends EntityId<ModelState> ? ModelState : T extends EntityId<PathState> ? PathState : T extends EntityId<ShapeState> ? ShapeState : T extends EntityId<ImageState> ? ImageState : T extends EntityId<Text3DState> ? Text3DState : EntityState;
             getState(geometryOrGeometryId?: Record<string | number, any> | string | number): EntityState;
             getState<T extends EntityState>(geometryOrGeometryId: T['id']): T extends LabelState ? LabelState : T extends GeometryState ? GeometryState : T extends MarkerState ? MarkerState : T extends GeometryGroupState ? GeometryGroupState : T extends GroupContainerState ? GroupContainerState : T extends ModelState ? ModelState : T extends PathState ? PathState : T extends ShapeState ? ShapeState : T extends ImageState ? ImageState : EntityState;
             /**
                 * Set the state of the map view or any entity that was added, regardless of whether it is visible in the scene.
                 */
-            setState(object: Partial<MapViewState>): void;
+            setState(object: Partial<Omit<MapViewState, 'type'>>): void;
             setState<T extends EntityId<LabelState>>(object: T | T['id'], state: Partial<LabelState>): void;
             setState<T extends EntityId<MarkerState>>(object: T | T['id'], state: Partial<MarkerState>): void;
             setState<T extends EntityId<GeometryGroupState>>(object: T | T['id'], state: Partial<GeometryGroupState>): void;
@@ -7304,6 +7584,7 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
             setState<T extends EntityId<PathState>>(object: T | T['id'], state: PathUpdateState): void;
             setState<T extends EntityId<ModelState>>(object: T | T['id'], state: Partial<ModelState>): void;
             setState<T extends EntityId<ImageState>>(object: T | T['id'], state: Partial<ImageState>): void;
+            setState<T extends EntityId<Text3DState>>(object: T | T['id'], state: Partial<UpdatableText3DState>): void;
             setState<T extends EntityState>(object: T | T['id'], state: Partial<T>): void;
             /**
                 * Project a screen coordinate to a geographic coordinate
@@ -7346,6 +7627,10 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
                 * Returns  the background color of the renderer. Only applies to "standalone mode"
                 */
             get backgroundColor(): import("three").Color;
+            /**
+                * internal
+                */
+            getThreeRenderer(): Renderer;
             /**
                 * Returns the current scale of the map in metres per pixel.
                 */
@@ -7357,6 +7642,13 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
                 * @param layers The layers to filter out.
                 */
             hideOutdoorLayersUnderPoint: (point: Position, layers: string[]) => void;
+            /**
+                * Filters out layers at a certain point on the outdoor map. This can be used to hide the outdoor building footprint underneath the 3D geometry.
+                * @param bbox The bounding box to filter layers under.
+                * @param polygons The polygons to filter layers under.
+                * @param layers The layers to filter out.
+                */
+            hideOutdoorLayersIntersectingPolygons: (bbox: BBox, polygons: GeoJSON.Feature<GeoJSON.Polygon | GeoJSON.MultiPolygon, any>[], layers: string[]) => void;
             /**
                 * Get the center of a geometry or bounding box.
                 * @param geometryOrBoundingBox Geometry, geometry id, or bounding box to get the center of.
@@ -7379,13 +7671,13 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
                 * The render happens in an animation frame, not matter how frequently it is called
                 * @method render
                 */
-            render: () => void;
+            render: () => Promise<any> | undefined;
             /**
                 * Perform a synchronous render of the scene. This bypasses the animation frame and renders immediately.
                 *
                 * Note: Only use this if you have an animation frame setup elsewhere
                 */
-            renderSync: () => void;
+            renderSync: () => Promise<any>;
             /**
                 * @internal for testing
                 */
@@ -7451,12 +7743,16 @@ declare module '@mappedin/react-sdk/geojson/src/camera' {
             duration?: number;
             easing?: EasingCurve;
     };
+    export type AnimateElevationOptions = AnimationOptions & {
+            interruptible?: boolean;
+    };
     export type FocusOnOptions = AnimationOptions & {
             bearing?: number;
             pitch?: number;
             padding?: InsetPaddingOption;
             minZoomLevel?: number;
             maxZoomLevel?: number;
+            interruptible?: boolean;
     };
     export type AnimateToOptions = AnimationOptions & {
             center?: Position;
@@ -7464,6 +7760,7 @@ declare module '@mappedin/react-sdk/geojson/src/camera' {
             bearing?: number;
             pitch?: number;
             elevation?: number;
+            interruptible?: boolean;
     };
     export const ANIMATION_TWEENS: {
             linear: (amount: number) => number;
@@ -7579,7 +7876,7 @@ declare module '@mappedin/react-sdk/geojson/src/camera' {
                 * @param elevation The new elevation in meters.
                 * @param options The animation options.
                 */
-            animateElevation(elevation: number, options?: AnimationOptions): Promise<void>;
+            animateElevation(elevation: number, options?: AnimateElevationOptions): Promise<void>;
             /**
                 * The padding around the edges of the map when focusing on a set of coordinates.
                 */
@@ -7643,19 +7940,462 @@ declare module '@mappedin/react-sdk/geojson/src/utils/collision-ranking-tier' {
     export function convertNumberToCollisionRankingTier(rank: number): CollisionRankingTier;
 }
 
+declare module '@mappedin/react-sdk/geojson/src/components/text3d' {
+    import type { Position } from '@mappedin/react-sdk/geojson/src/types';
+    import { z } from 'zod';
+    import type { Feature, Point } from 'geojson';
+    import { Geometry3DObject3D } from '@mappedin/react-sdk/geojson/src/entities/geometry3d';
+    import type { BatchedText, Text } from '@mappedin/react-sdk/geojson/src/services/text3d/text3d';
+    import type { Text3DStyle } from '@mappedin/react-sdk/geojson/src/components/styles';
+    import type { MeshComponentProperties } from '@mappedin/react-sdk/geojson/src/components/mesh';
+    import type { GroupContainerObject3D } from '@mappedin/react-sdk/geojson/src/entities/group-container';
+    /**
+        * State representing an Text3D
+        */
+    export type Text3DState = {
+            readonly id: string | number;
+            readonly type: 'text3d';
+            /**
+                * The position of the Text3D in [lon, lat, altitude]
+                */
+            readonly position: Position;
+            /**
+                * Whether the Text3D is visible
+                */
+            visible: boolean;
+            /**
+                * Attempt to keep the Text3D facing the camera as much as possible
+                */
+            flipToFaceCamera: boolean;
+            /**
+                * Content of the text3d
+                */
+            content: string;
+    } & Text3DStyle;
+    export const text3DStateSchema: z.ZodObject<{
+            visible: z.ZodBoolean;
+            color: z.ZodString;
+            flipToFaceCamera: z.ZodBoolean;
+            font: z.ZodOptional<z.ZodString>;
+            fontSize: z.ZodNumber;
+            margin: z.ZodUnion<[z.ZodNumber, z.ZodTuple<[z.ZodNumber, z.ZodNumber, z.ZodNumber, z.ZodNumber], null>]>;
+            outlineColor: z.ZodString;
+            outlineOpacity: z.ZodNumber;
+            outlineBlur: z.ZodUnion<[z.ZodNumber, z.ZodString]>;
+            outlineWidth: z.ZodNumber;
+            outlineOffsetX: z.ZodNumber;
+            outlineOffsetY: z.ZodNumber;
+            strokeWidth: z.ZodNumber;
+            maxWidth: z.ZodOptional<z.ZodNumber>;
+            maxHeight: z.ZodOptional<z.ZodNumber>;
+            strokeOpacity: z.ZodNumber;
+            strokeColor: z.ZodString;
+            fillOpacity: z.ZodNumber;
+            hoverColor: z.ZodOptional<z.ZodString>;
+            id: z.ZodUnion<[z.ZodString, z.ZodNumber]>;
+            type: z.ZodLiteral<"text3d">;
+            position: z.ZodTuple<[z.ZodNumber, z.ZodNumber, z.ZodNumber], null>;
+            content: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+            type: "text3d";
+            id: string | number;
+            color: string;
+            position: [number, number, number];
+            visible: boolean;
+            flipToFaceCamera: boolean;
+            fontSize: number;
+            margin: number | [number, number, number, number];
+            outlineColor: string;
+            outlineOpacity: number;
+            outlineBlur: string | number;
+            outlineWidth: number;
+            outlineOffsetX: number;
+            outlineOffsetY: number;
+            strokeWidth: number;
+            strokeOpacity: number;
+            strokeColor: string;
+            fillOpacity: number;
+            content: string;
+            maxWidth?: number | undefined;
+            font?: string | undefined;
+            maxHeight?: number | undefined;
+            hoverColor?: string | undefined;
+    }, {
+            type: "text3d";
+            id: string | number;
+            color: string;
+            position: [number, number, number];
+            visible: boolean;
+            flipToFaceCamera: boolean;
+            fontSize: number;
+            margin: number | [number, number, number, number];
+            outlineColor: string;
+            outlineOpacity: number;
+            outlineBlur: string | number;
+            outlineWidth: number;
+            outlineOffsetX: number;
+            outlineOffsetY: number;
+            strokeWidth: number;
+            strokeOpacity: number;
+            strokeColor: string;
+            fillOpacity: number;
+            content: string;
+            maxWidth?: number | undefined;
+            font?: string | undefined;
+            maxHeight?: number | undefined;
+            hoverColor?: string | undefined;
+    }>;
+    /**
+        * @interface
+        */
+    export type InitializeText3DState = Partial<Omit<Text3DState, 'id' | 'type'>>;
+    export const initializeText3DStateSchema: z.ZodObject<Omit<{
+            visible: z.ZodOptional<z.ZodBoolean>;
+            color: z.ZodOptional<z.ZodString>;
+            flipToFaceCamera: z.ZodOptional<z.ZodBoolean>;
+            font: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+            fontSize: z.ZodOptional<z.ZodNumber>;
+            margin: z.ZodOptional<z.ZodUnion<[z.ZodNumber, z.ZodTuple<[z.ZodNumber, z.ZodNumber, z.ZodNumber, z.ZodNumber], null>]>>;
+            outlineColor: z.ZodOptional<z.ZodString>;
+            outlineOpacity: z.ZodOptional<z.ZodNumber>;
+            outlineBlur: z.ZodOptional<z.ZodUnion<[z.ZodNumber, z.ZodString]>>;
+            outlineWidth: z.ZodOptional<z.ZodNumber>;
+            outlineOffsetX: z.ZodOptional<z.ZodNumber>;
+            outlineOffsetY: z.ZodOptional<z.ZodNumber>;
+            strokeWidth: z.ZodOptional<z.ZodNumber>;
+            maxWidth: z.ZodOptional<z.ZodOptional<z.ZodNumber>>;
+            maxHeight: z.ZodOptional<z.ZodOptional<z.ZodNumber>>;
+            strokeOpacity: z.ZodOptional<z.ZodNumber>;
+            strokeColor: z.ZodOptional<z.ZodString>;
+            fillOpacity: z.ZodOptional<z.ZodNumber>;
+            hoverColor: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+            id: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodNumber]>>;
+            type: z.ZodOptional<z.ZodLiteral<"text3d">>;
+            position: z.ZodOptional<z.ZodTuple<[z.ZodNumber, z.ZodNumber, z.ZodNumber], null>>;
+            content: z.ZodOptional<z.ZodString>;
+    }, "type" | "id">, "strict", z.ZodTypeAny, {
+            maxWidth?: number | undefined;
+            color?: string | undefined;
+            position?: [number, number, number] | undefined;
+            visible?: boolean | undefined;
+            flipToFaceCamera?: boolean | undefined;
+            font?: string | undefined;
+            fontSize?: number | undefined;
+            margin?: number | [number, number, number, number] | undefined;
+            outlineColor?: string | undefined;
+            outlineOpacity?: number | undefined;
+            outlineBlur?: string | number | undefined;
+            outlineWidth?: number | undefined;
+            outlineOffsetX?: number | undefined;
+            outlineOffsetY?: number | undefined;
+            strokeWidth?: number | undefined;
+            maxHeight?: number | undefined;
+            strokeOpacity?: number | undefined;
+            strokeColor?: string | undefined;
+            fillOpacity?: number | undefined;
+            hoverColor?: string | undefined;
+            content?: string | undefined;
+    }, {
+            maxWidth?: number | undefined;
+            color?: string | undefined;
+            position?: [number, number, number] | undefined;
+            visible?: boolean | undefined;
+            flipToFaceCamera?: boolean | undefined;
+            font?: string | undefined;
+            fontSize?: number | undefined;
+            margin?: number | [number, number, number, number] | undefined;
+            outlineColor?: string | undefined;
+            outlineOpacity?: number | undefined;
+            outlineBlur?: string | number | undefined;
+            outlineWidth?: number | undefined;
+            outlineOffsetX?: number | undefined;
+            outlineOffsetY?: number | undefined;
+            strokeWidth?: number | undefined;
+            maxHeight?: number | undefined;
+            strokeOpacity?: number | undefined;
+            strokeColor?: string | undefined;
+            fillOpacity?: number | undefined;
+            hoverColor?: string | undefined;
+            content?: string | undefined;
+    }>;
+    /**
+        * At this moment updating text margin is not supported
+        * Margin and content update are not handled at the moment.
+        * @interface
+        */
+    export type UpdatableText3DState = Omit<InitializeText3DState, 'margin' | 'position' | 'content'>;
+    export const updateText3DStateSchema: z.ZodObject<Omit<Omit<{
+            visible: z.ZodOptional<z.ZodBoolean>;
+            color: z.ZodOptional<z.ZodString>;
+            flipToFaceCamera: z.ZodOptional<z.ZodBoolean>;
+            font: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+            fontSize: z.ZodOptional<z.ZodNumber>;
+            margin: z.ZodOptional<z.ZodUnion<[z.ZodNumber, z.ZodTuple<[z.ZodNumber, z.ZodNumber, z.ZodNumber, z.ZodNumber], null>]>>;
+            outlineColor: z.ZodOptional<z.ZodString>;
+            outlineOpacity: z.ZodOptional<z.ZodNumber>;
+            outlineBlur: z.ZodOptional<z.ZodUnion<[z.ZodNumber, z.ZodString]>>;
+            outlineWidth: z.ZodOptional<z.ZodNumber>;
+            outlineOffsetX: z.ZodOptional<z.ZodNumber>;
+            outlineOffsetY: z.ZodOptional<z.ZodNumber>;
+            strokeWidth: z.ZodOptional<z.ZodNumber>;
+            maxWidth: z.ZodOptional<z.ZodOptional<z.ZodNumber>>;
+            maxHeight: z.ZodOptional<z.ZodOptional<z.ZodNumber>>;
+            strokeOpacity: z.ZodOptional<z.ZodNumber>;
+            strokeColor: z.ZodOptional<z.ZodString>;
+            fillOpacity: z.ZodOptional<z.ZodNumber>;
+            hoverColor: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+            id: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodNumber]>>;
+            type: z.ZodOptional<z.ZodLiteral<"text3d">>;
+            position: z.ZodOptional<z.ZodTuple<[z.ZodNumber, z.ZodNumber, z.ZodNumber], null>>;
+            content: z.ZodOptional<z.ZodString>;
+    }, "type" | "id">, "maxWidth" | "position" | "margin" | "maxHeight" | "content">, "strict", z.ZodTypeAny, {
+            color?: string | undefined;
+            visible?: boolean | undefined;
+            flipToFaceCamera?: boolean | undefined;
+            font?: string | undefined;
+            fontSize?: number | undefined;
+            outlineColor?: string | undefined;
+            outlineOpacity?: number | undefined;
+            outlineBlur?: string | number | undefined;
+            outlineWidth?: number | undefined;
+            outlineOffsetX?: number | undefined;
+            outlineOffsetY?: number | undefined;
+            strokeWidth?: number | undefined;
+            strokeOpacity?: number | undefined;
+            strokeColor?: string | undefined;
+            fillOpacity?: number | undefined;
+            hoverColor?: string | undefined;
+    }, {
+            color?: string | undefined;
+            visible?: boolean | undefined;
+            flipToFaceCamera?: boolean | undefined;
+            font?: string | undefined;
+            fontSize?: number | undefined;
+            outlineColor?: string | undefined;
+            outlineOpacity?: number | undefined;
+            outlineBlur?: string | number | undefined;
+            outlineWidth?: number | undefined;
+            outlineOffsetX?: number | undefined;
+            outlineOffsetY?: number | undefined;
+            strokeWidth?: number | undefined;
+            strokeOpacity?: number | undefined;
+            strokeColor?: string | undefined;
+            fillOpacity?: number | undefined;
+            hoverColor?: string | undefined;
+    }>;
+    export type Text3DProperties = {
+            id: string;
+            content: string;
+            textArea?: MeshComponentProperties['textArea'];
+    };
+    export type AddText3DOptions = {
+            appearance?: Partial<InitializeText3DState>;
+    };
+    export const addText3DOptionsSchema: z.ZodObject<{
+            appearance: z.ZodOptional<z.ZodObject<Omit<{
+                    visible: z.ZodOptional<z.ZodBoolean>;
+                    color: z.ZodOptional<z.ZodString>;
+                    flipToFaceCamera: z.ZodOptional<z.ZodBoolean>;
+                    font: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+                    fontSize: z.ZodOptional<z.ZodNumber>;
+                    margin: z.ZodOptional<z.ZodUnion<[z.ZodNumber, z.ZodTuple<[z.ZodNumber, z.ZodNumber, z.ZodNumber, z.ZodNumber], null>]>>;
+                    outlineColor: z.ZodOptional<z.ZodString>;
+                    outlineOpacity: z.ZodOptional<z.ZodNumber>;
+                    outlineBlur: z.ZodOptional<z.ZodUnion<[z.ZodNumber, z.ZodString]>>;
+                    outlineWidth: z.ZodOptional<z.ZodNumber>;
+                    outlineOffsetX: z.ZodOptional<z.ZodNumber>;
+                    outlineOffsetY: z.ZodOptional<z.ZodNumber>;
+                    strokeWidth: z.ZodOptional<z.ZodNumber>;
+                    maxWidth: z.ZodOptional<z.ZodOptional<z.ZodNumber>>;
+                    maxHeight: z.ZodOptional<z.ZodOptional<z.ZodNumber>>;
+                    strokeOpacity: z.ZodOptional<z.ZodNumber>;
+                    strokeColor: z.ZodOptional<z.ZodString>;
+                    fillOpacity: z.ZodOptional<z.ZodNumber>;
+                    hoverColor: z.ZodOptional<z.ZodOptional<z.ZodString>>;
+                    id: z.ZodOptional<z.ZodUnion<[z.ZodString, z.ZodNumber]>>;
+                    type: z.ZodOptional<z.ZodLiteral<"text3d">>;
+                    position: z.ZodOptional<z.ZodTuple<[z.ZodNumber, z.ZodNumber, z.ZodNumber], null>>;
+                    content: z.ZodOptional<z.ZodString>;
+            }, "type" | "id">, "strict", z.ZodTypeAny, {
+                    maxWidth?: number | undefined;
+                    color?: string | undefined;
+                    position?: [number, number, number] | undefined;
+                    visible?: boolean | undefined;
+                    flipToFaceCamera?: boolean | undefined;
+                    font?: string | undefined;
+                    fontSize?: number | undefined;
+                    margin?: number | [number, number, number, number] | undefined;
+                    outlineColor?: string | undefined;
+                    outlineOpacity?: number | undefined;
+                    outlineBlur?: string | number | undefined;
+                    outlineWidth?: number | undefined;
+                    outlineOffsetX?: number | undefined;
+                    outlineOffsetY?: number | undefined;
+                    strokeWidth?: number | undefined;
+                    maxHeight?: number | undefined;
+                    strokeOpacity?: number | undefined;
+                    strokeColor?: string | undefined;
+                    fillOpacity?: number | undefined;
+                    hoverColor?: string | undefined;
+                    content?: string | undefined;
+            }, {
+                    maxWidth?: number | undefined;
+                    color?: string | undefined;
+                    position?: [number, number, number] | undefined;
+                    visible?: boolean | undefined;
+                    flipToFaceCamera?: boolean | undefined;
+                    font?: string | undefined;
+                    fontSize?: number | undefined;
+                    margin?: number | [number, number, number, number] | undefined;
+                    outlineColor?: string | undefined;
+                    outlineOpacity?: number | undefined;
+                    outlineBlur?: string | number | undefined;
+                    outlineWidth?: number | undefined;
+                    outlineOffsetX?: number | undefined;
+                    outlineOffsetY?: number | undefined;
+                    strokeWidth?: number | undefined;
+                    maxHeight?: number | undefined;
+                    strokeOpacity?: number | undefined;
+                    strokeColor?: string | undefined;
+                    fillOpacity?: number | undefined;
+                    hoverColor?: string | undefined;
+                    content?: string | undefined;
+            }>>;
+            parentId: z.ZodOptional<z.ZodString>;
+    }, "strict", z.ZodTypeAny, {
+            parentId?: string | undefined;
+            appearance?: {
+                    maxWidth?: number | undefined;
+                    color?: string | undefined;
+                    position?: [number, number, number] | undefined;
+                    visible?: boolean | undefined;
+                    flipToFaceCamera?: boolean | undefined;
+                    font?: string | undefined;
+                    fontSize?: number | undefined;
+                    margin?: number | [number, number, number, number] | undefined;
+                    outlineColor?: string | undefined;
+                    outlineOpacity?: number | undefined;
+                    outlineBlur?: string | number | undefined;
+                    outlineWidth?: number | undefined;
+                    outlineOffsetX?: number | undefined;
+                    outlineOffsetY?: number | undefined;
+                    strokeWidth?: number | undefined;
+                    maxHeight?: number | undefined;
+                    strokeOpacity?: number | undefined;
+                    strokeColor?: string | undefined;
+                    fillOpacity?: number | undefined;
+                    hoverColor?: string | undefined;
+                    content?: string | undefined;
+            } | undefined;
+    }, {
+            parentId?: string | undefined;
+            appearance?: {
+                    maxWidth?: number | undefined;
+                    color?: string | undefined;
+                    position?: [number, number, number] | undefined;
+                    visible?: boolean | undefined;
+                    flipToFaceCamera?: boolean | undefined;
+                    font?: string | undefined;
+                    fontSize?: number | undefined;
+                    margin?: number | [number, number, number, number] | undefined;
+                    outlineColor?: string | undefined;
+                    outlineOpacity?: number | undefined;
+                    outlineBlur?: string | number | undefined;
+                    outlineWidth?: number | undefined;
+                    outlineOffsetX?: number | undefined;
+                    outlineOffsetY?: number | undefined;
+                    strokeWidth?: number | undefined;
+                    maxHeight?: number | undefined;
+                    strokeOpacity?: number | undefined;
+                    strokeColor?: string | undefined;
+                    fillOpacity?: number | undefined;
+                    hoverColor?: string | undefined;
+                    content?: string | undefined;
+            } | undefined;
+    }>;
+    export class Text3DComponent {
+            mesh: Geometry3DObject3D;
+            textMesh?: Text;
+            readonly type = "text3d";
+            feature: Feature<Point, Text3DProperties>;
+            constructor(feature: Feature<Point, Text3DProperties>);
+            get visible(): boolean;
+            set visible(visible: boolean);
+            parent?: GroupContainerObject3D;
+            batchedText?: BatchedText;
+            /**
+                * if this Text3DComponent is a polygon label, populate this id with the polygon entity id
+                * This id is used to prevent drawing text for the same polygon.
+                */
+            polygonEntityId?: string;
+    }
+}
+
+declare module '@mappedin/react-sdk/geojson/src/entities/utils' {
+    import type { CollisionRankingTier, GeometryState, LabelState, RendererCore } from '@mappedin/react-sdk/geojson/src';
+    import { type MarkerState } from '@mappedin/react-sdk/geojson/src/components/marker';
+    import type { PathUpdateState } from '@mappedin/react-sdk/geojson/src/components/path';
+    import type { EntityTypes, All3DTypes, Position, RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
+    import type { KeysOfUnion } from '@mappedin/react-sdk/geojson/src/utils';
+    import { GeometryGroupObject3D, type GeometryGroupState } from '@mappedin/react-sdk/geojson/src/entities/geometry-group';
+    import { GroupContainerObject3D } from '@mappedin/react-sdk/geojson/src/entities/group-container';
+    import { Geometry3D, Geometry3DObject3D, type Geometry3DTypes, type TextGeometry3D } from '@mappedin/react-sdk/geojson/src/entities/geometry3d';
+    import { Geometry2D, Geometry2DObject3D } from '@mappedin/react-sdk/geojson/src/entities/geometry2d';
+    import type { StyleComponent } from '@mappedin/react-sdk/geojson/src/components/styles/style';
+    import type { GeometryGroupStyleComponent } from '@mappedin/react-sdk/geojson/src/components/geometry-group-style';
+    import { type Text3DState, type UpdatableText3DState } from '@mappedin/react-sdk/geojson/src/components/text3d';
+    export function updateInteractivity(entity: All3DTypes | Geometry2D, update: boolean | undefined, state: RendererState): boolean;
+    export function updateGroupColor(entity: GeometryGroupObject3D, state: RendererState, update: Partial<Pick<GeometryGroupState, 'color' | 'topColor'>>): boolean | undefined;
+    export function updateGroupShading(entity: GeometryGroupObject3D, update?: GeometryGroupState['shading']): boolean;
+    export function updateImageProps(entity: Geometry3D | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D, update?: Partial<GeometryState>): void;
+    export function updateHeight(entity: Geometry3D | GeometryGroupObject3D, state: RendererState, update?: number): boolean;
+    export function updateColor(entity: Geometry3DTypes | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D, update?: Partial<GeometryState>): void;
+    export function updatePosition(entity: EntityTypes, update: Position | undefined, convertTo3DMapPosition: RendererCore['convertTo3DMapPosition']): void;
+    export function updateParent(entity: EntityTypes, update: GroupContainerObject3D | undefined): boolean;
+    export function updateEnabled(entity: Geometry3D | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D, update: boolean | undefined): void;
+    export function updateMarker(entity: Geometry3D | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D, update: Partial<MarkerState> | undefined, state: RendererState): boolean;
+    export function updateRank(entity: Geometry3D | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D, update: CollisionRankingTier | undefined): boolean;
+    export function updateLabel(entity: Geometry3D | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D, update: Partial<LabelState> | undefined, state: RendererState): void;
+    export function updateHoverColor(entity: Geometry3D | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D, update?: string): void;
+    /** Sets a geometry to be in hovered state, until manually unset or the user interacts with it. */
+    export function updateHovered(entity: Geometry3D, update?: boolean): boolean;
+    export function updateFlipImageToFaceCamera(entity: EntityTypes, update?: boolean): void;
+    export function updateVisibility(entity: EntityTypes, update?: boolean): boolean;
+    export function updateOpacity(entity: Geometry3D | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D, state: RendererState, update?: number): boolean;
+    export function updateGroupTexture(entity: Geometry3D | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D, update?: Pick<GeometryGroupStyleComponent, 'texture' | 'topTexture'>): void;
+    export function updateIndividualGeometryTexture(entity: Geometry3D, update?: Pick<StyleComponent, 'texture' | 'topTexture'>): boolean;
+    export function updateIndividualGeometryOpacity(entity: Geometry3D, update?: number): boolean;
+    export function updateAltitude(entity: EntityTypes, update?: number): boolean;
+    export function updateOutline(entity: All3DTypes, update?: boolean): boolean;
+    export function updateFocusable(entity: Geometry3D, update?: boolean): boolean;
+    export function updateIndividualGeometryRenderOrder(entity: Geometry3D, update?: number): boolean;
+    export function handlePathUpdate(geometry: Geometry3DTypes, update: PathUpdateState): void;
+    export function pickPathOptions(update: PathUpdateState): Partial<PathUpdateState>;
+    export function getEntityId(entityOrEntityId: Geometry2D | Geometry3DTypes | Geometry2DObject3D | Geometry3DObject3D | GeometryGroupObject3D | GroupContainerObject3D | string | number): any;
+    export function assetGeometryIsText3D(geometry: Geometry3DTypes): asserts geometry is TextGeometry3D;
+    /**
+        * @internal
+        */
+    export const TEXT3D_STYLE_UPDATE_PROPS: KeysOfUnion<UpdatableText3DState>[];
+    /**
+        * Handle state update of the text3d geometry.
+        */
+    export function handleText3DUpdate(geometry: TextGeometry3D, update: Partial<Text3DState>): void;
+}
+
 declare module '@mappedin/react-sdk/packages/geojson-navigator' {
     export * from '@mappedin/react-sdk/packages/geojson-navigator/src';
 }
 
 declare module '@mappedin/react-sdk/geojson/src/utils' {
-    import type { Box3, Camera as THREECamera } from 'three';
+    import type { Box3, Object3D, Camera as THREECamera } from 'three';
     import { Box2 } 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 { GeometryGroupObject3D } from '@mappedin/react-sdk/geojson/src/entities/geometry-group';
     import type { GroupContainerObject3D } from '@mappedin/react-sdk/geojson/src/entities/group-container';
     import type { Geometry2D } from '@mappedin/react-sdk/geojson/src/entities/geometry2d';
-    import type { Geometry3D } from '@mappedin/react-sdk/geojson/src/entities/geometry3d';
+    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';
     export function cartesianToGeographic(centerLat: number, centerLon: number, x: number, y: number): {
@@ -7666,7 +8406,7 @@ declare module '@mappedin/react-sdk/geojson/src/utils' {
         x: number;
         y: number;
     };
-    export const populateGeometry3DIdsInScene: (tree: any, entities: RendererState["geometry3DIdsInScene"]) => Set<string | number>;
+    export const populateGeometry3DIdsInScene: (tree: GroupContainerObject3D["children"][0] | Object3D, 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;
@@ -7722,7 +8462,7 @@ declare module '@mappedin/react-sdk/geojson/src/utils' {
           *   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 getGeometryByGeometryId(state: RendererState, geometryOrGeometryId?: string | number | Record<string, any>): Geometry3DTypes | GeometryGroupObject3D | GroupContainerObject3D | Geometry2D | undefined;
     export function getBoundingBoxCenter(bbox: Position[]): [number, number];
     export { getCornersOfBoundingBox } from '@mappedin/react-sdk/geojson/src/utils/bounding-box';
     export function isFiniteBox(box: Box2 | Box3): boolean;
@@ -7731,6 +8471,7 @@ declare module '@mappedin/react-sdk/geojson/src/utils' {
     export { shouldDisableOffscreenCanvas } from '@mappedin/react-sdk/geojson/src/utils/browser';
     export { noop, pick, isEmpty, type KeysOfUnion } from '@mappedin/react-sdk/geojson/src/utils/fp';
     export { transformRequest } from '@mappedin/react-sdk/geojson/src/utils/tranform-request';
+    export { normalizeAngle } from '@mappedin/react-sdk/geojson/src/utils/math';
 }
 
 declare module '@mappedin/react-sdk/geojson/src/utils/constants' {
@@ -7741,56 +8482,26 @@ declare module '@mappedin/react-sdk/geojson/src/utils/constants' {
     }
 }
 
-declare module '@mappedin/react-sdk/geojson/src/services/renderer' {
-    import type { Scene, Camera } from 'three';
-    import { Color, WebGL1Renderer, WebGLRenderer } from 'three';
-    export function enableTestMode(): void;
-    export type TRendererOptions = {
-            alpha: boolean;
-            onWebGLRendererError: (e: Error) => void;
-            xRayPath: boolean;
+declare module '@mappedin/react-sdk/geojson/src/utils/debug' {
+    import type Core from '@mappedin/react-sdk/geojson/src/renderer';
+    const DEFAULT_DEBUG_STATE: {
+        showPolygonLabelTextAreaMesh: boolean;
     };
-    export class Renderer {
-            backgroundAlpha: number;
-            backgroundColor: Color;
-            width: number;
-            height: number;
-            options: TRendererOptions;
-            renderer?: WebGLRenderer | WebGL1Renderer;
-            constructor(renderOptions: any, targetWebGLVersion?: number);
-            /**
-                * Dispose of the renderer and its buffers.
-                */
-            destroy(): void;
-            /**
-                * Re-render the scene, depending on which parts of the scene have been
-                * invalidated.
-                *
-                * @method render
-                * @param renderTarget {null or WebGLRenderTarget}
-                * @param scene {Scene}
-                * @param sceneCamera {Camera}
-                */
-            render(scene: Scene, sceneCamera: Camera): void;
-            clear(): void;
-            /**
-                * Set the size of the renderer, composer, and all its internal buffers.
-                *
-                * @method setBufferSize
-                * @param width {number}
-                * @param height {number}
-                */
-            setBufferSize(width: number, height: number): void;
-            /**
-                * Set the color and opacity that will be drawn behind the scene.
-                *
-                * @method setBackgroundColor
-                * @param color {Color}
-                * @param alpha {number}
-                */
-            setBackgroundColor(color: any, alpha: any): void;
-            domElement(): HTMLCanvasElement | undefined;
+    export type DebugState = typeof DEFAULT_DEBUG_STATE;
+    export class Debug {
+        state: {
+            showPolygonLabelTextAreaMesh: boolean;
+        };
+        core: Core;
+        constructor(core: Core);
+        update(updateState: Partial<DebugState>): void;
     }
+    export {};
+}
+
+declare module '@mappedin/react-sdk/geojson/src/services/test-mode' {
+    export function enableTestMode(): void;
+    export function isTestMode(): boolean;
 }
 
 declare module '@mappedin/react-sdk/geojson/src/systems/watermark/system' {
@@ -7878,6 +8589,36 @@ declare module '@mappedin/react-sdk/geojson/src/systems/watermark/system' {
     }
 }
 
+declare module '@mappedin/react-sdk/geojson/src/systems/text3d/system' {
+    import type { RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
+    import type { RendererCore } from '@mappedin/react-sdk/geojson/src';
+    import { PubSub } from '@packages/internal/common';
+    import type { BatchedText } from '@mappedin/react-sdk/geojson/src/services/text3d/text3d';
+    import { GroupContainerObject3D } from '@mappedin/react-sdk/geojson/src/entities/group-container';
+    import type { Text } from 'troika-three-text';
+    export class Text3DSystem extends PubSub<{
+            render: undefined;
+    }> {
+            textSet: Set<string>;
+            batchedTextMap: Map<GroupContainerObject3D, Promise<BatchedText>>;
+            remove(id: string): void;
+            constructor(rendererState: RendererState, convertTo3DMapPosition: RendererCore['convertTo3DMapPosition']);
+            update(cameraRotationRadians: number): Promise<void[]>;
+            showTextAreaMesh(): void;
+            hideTextAreaMesh(): void;
+    }
+    /**
+        *  Preload fonts and optionally pre-generate the SDF textures for particular glyphs up front.
+        *  This is to avoid ondemand font generation can take long.
+        *  @param fontUrl - url of the font file served.
+        *  @returns  A promise that resolves when the font is loaded
+        *
+        */
+    export function preloadFont(fontUrl?: string): Promise<string>;
+    export function doesBatchedTextContainsText(batchedText: BatchedText, text: Text): boolean;
+    export const DEFAULT_VERTICAL_OFFSET = 0.5;
+}
+
 declare module '@mappedin/react-sdk/geojson/src/systems/exporter' {
     export { ExporterSystem, type GLTFExportOptions } from '@mappedin/react-sdk/geojson/src/systems/exporter/exporter';
 }
@@ -7917,15 +8658,21 @@ declare module '@mappedin/react-sdk/geojson/src/systems/html-controls/system' {
     }
 }
 
+declare module '@mappedin/react-sdk/geojson/src/components/styles' {
+    export { StyleComponent, DEFAULT_COLOR, type MaterialSide } from '@mappedin/react-sdk/geojson/src/components/styles/style';
+    export { Text3DStyleComponent, type Text3DStyle, DEFAULT_TEXT_STYLE } from '@mappedin/react-sdk/geojson/src/components/styles/text-style';
+}
+
 declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/api' {
-    import type { Position, RendererCore, WatermarkOptions } from '@mappedin/core-sdk';
+    import type { RendererCore, WatermarkOptions } from '@mappedin/core-sdk';
     import { type TShow3DMapOptions } from '@mappedin/react-sdk/mappedin-js/src';
     import { WALLS, DOORS } from '@mappedin/react-sdk/mappedin-js/src/types';
     import type MapData from '@mappedin/react-sdk/mappedin-js/src/map-data';
     import type { FloorStack, MapDataInternal } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
-    import { Coordinate, MapObject, Space, Floor, Door } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
+    import { Facade, Coordinate, MapObject, Space, Floor, Door } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     import type { MapView } from '@mappedin/react-sdk/mappedin-js/src/map-view';
-    import { Label, Marker, type Model, type Image, Shape } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
+    import { Label, Marker, Shape } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
+    import { Text3D as Text3DView, type Image } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
     import { Navigation } from '@mappedin/react-sdk/mappedin-js/src/navigation';
     import type { TGetState, TUpdateState } from '@mappedin/react-sdk/mappedin-js/src/types';
     import { Camera } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/camera';
@@ -7941,6 +8688,8 @@ 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 BBox } from 'geojson';
+    import { Text3D } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/text3d';
     export class GeoJsonApi {
         core: RendererCore;
         mapObjects: GeojsonApiMapObject[];
@@ -7950,10 +8699,15 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/api' {
         };
         mapData?: MapData;
         currentMap: GeojsonApiMapObject;
-        hiddenOutdoorGeometries: [Position, layer: string[]][];
+        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;
@@ -7967,7 +8721,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/api' {
         get DynamicFocus(): import("./dynamic-focus").DynamicFocus;
         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;
+        updateState<T extends Space | Text3DView | MapObject | Label | Shape | Marker | Door | Facade | WALLS | DOORS | (string & NonNullable<unknown>)>(target: T, state: TUpdateState<T>): void;
         update: () => void;
         getMapDataInternal(): MapDataInternal | undefined;
         getMapData(): MapData | undefined;
@@ -7977,7 +8731,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/api' {
         updateWatermark(options: Omit<WatermarkOptions, 'onClick'>): void;
         get currentFloorStack(): FloorStack;
         get currentFloor(): Floor;
-        getState<T extends Space | MapObject | Label | Marker | Shape | Model | Image | string>(target: T): TGetState<T> | undefined;
+        getState<T extends Space | Text3DView | MapObject | Label | Marker | Image | Shape | string>(target: T): TGetState<T>;
         setHoverColor(c: string): void;
         getHoverColor(): string | undefined;
         createCoordinate(latitude: number, longitude: number, floor?: Floor): Coordinate;
@@ -8000,16 +8754,17 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/map-object' {
     import type { Position, AddLabelOptions, RendererCore, PathState, MarkerState, LineStyle, PaintStyle, EntityId } from '@mappedin/core-sdk';
     import { FloorObject } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/floor-object';
     import type { 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 { GLTFExportOptions, TAnimationOptions, TAddModelOptions, TAddModel, TAddImageOptions, TDirectionInstruction, TAddText3DOptions } 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, MapDataInternal } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
+    import type { Path, Shape, Label } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
+    import { type Door, type PointOfInterest, type MapObject, type Node, type MapDataInternal, Space } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     import { type GeoJsonApi } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/api';
     import { FloorStackObject } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/floor-stack-object';
     import { DynamicFocus } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/dynamic-focus';
     export const FLOOR_HEIGHT = 5;
+    import type { Text3DState } from '@mappedin/core-sdk/src/components/text3d';
     export class GeojsonApiMapObject extends PubSub<{
         'floor-change': {
             reason?: TFloorChangeReason;
@@ -8057,7 +8812,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/map-object' {
         Images: {
             add: (target: Position, url: string, opts: TAddImageOptions & {
                 floorId?: string;
-            }) => EntityId<import("../../../geojson/src/components/image").ImageState> | undefined;
+            }) => EntityId<import("@mappedin/core-sdk/src/components/image").ImageState> | undefined;
             remove: (id: string) => void;
             removeAll: () => void;
         };
@@ -8078,16 +8833,25 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/map-object' {
             }) => string;
             remove: (customGeometry: Shape) => string;
         };
+        Text3D: {
+            label: (target: Space, content?: string, options?: TAddText3DOptions) => Text3DInfo | undefined;
+            labelAll: (option?: TAddText3DOptions) => Text3DInfo[];
+            remove: (id: string) => string | undefined;
+        };
         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;
+                spaceId?: string;
             }) => {
                 id: string | number;
             };
-            remove: (targetId: string) => void;
+            remove: ({ label, entityId }: {
+                label: Label;
+                entityId: string;
+            }) => void;
             removeAll: () => void;
         };
         Paths: {
@@ -8099,6 +8863,10 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/map-object' {
         };
         constructor(id: string, mapDataInternal: MapDataInternal | undefined, options: TShow3DMapOptions | undefined, api: GeoJsonApi);
     }
+    export type Text3DInfo = {
+        target: Space;
+        textInfo: EntityId<Text3DState>;
+    };
 }
 
 declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/label' {
@@ -8346,6 +9114,39 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/shape' {
     }
 }
 
+declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/text3d' {
+    import type { Space, EnterpriseLocation } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
+    /**
+        * Class representing an Text3D on the {@link MapView}.
+        */
+    export class Text3D {
+            /**
+                * The text3d's id
+                */
+            readonly id: string;
+            /**
+                * @internal
+                */
+            constructor(id: string, target: Space | EnterpriseLocation);
+            /**
+                * The text3d's target
+                */
+            readonly target: Space | EnterpriseLocation;
+            /**
+                * @internal
+                */
+            static readonly __type = "Text3D";
+            readonly __type = "Text3D";
+            /**
+                * Checks if the provided instance is of type Text3D
+                *
+                * @param instance The instance to check.
+                * @returns {boolean} True if the instance is a text3d, false otherwise.
+                */
+            static is(instance: object): instance is Text3D;
+    }
+}
+
 declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/camera' {
     import type { TCameraAnimationOptions, TCameraFocusOnTarget, TCameraTarget, TFocusOnOptions } from '@mappedin/react-sdk/mappedin-js/src/types';
     import type { InsetPadding, RendererCore } from '@mappedin/core-sdk';
@@ -8504,7 +9305,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/labels' {
     import { Label } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
     import type { GeojsonApiMapObject } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/map-object';
     import type { PointOfInterest, MapObject } from '@mappedin/react-sdk/mappedin-js/src';
-    import type { Space, Door, Coordinate, Node } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
+    import { Space, Door, Coordinate, Node } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     /**
         * Class used to add and remove a {@link Label} on the {@link MapView}.
         *
@@ -8666,7 +9467,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/markers' {
 declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/models' {
     import type { TAddModelOptions, TAddModel } from '@mappedin/react-sdk/mappedin-js/src/types';
     import { Model } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
-    import type { GeojsonApiMapObject } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/map-object';
+    import type { CurrentMapGetter } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/types';
     /**
         * Adding 3D models to a map can be a great way to represent landmarks to help users find key locations. They could also be used to show the location of assets or represent furniture to provide a rich indoor layout.
     
@@ -8685,7 +9486,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/models' {
             /**
                 * @internal
                 */
-            get currentMap(): GeojsonApiMapObject | undefined;
+            get currentMap(): import("./map-object").GeojsonApiMapObject | undefined;
             /**
                 * @internal
                 */
@@ -8727,8 +9528,6 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/models' {
                 */
             removeAll(): Model[];
     }
-    type CurrentMapGetter = () => GeojsonApiMapObject | undefined;
-    export {};
 }
 
 declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/paths' {
@@ -9079,7 +9878,13 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/style' {
 }
 
 declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/outdoor' {
-    import { type RendererCore, type Position } from '@mappedin/core-sdk';
+    import { type RendererCore } from '@mappedin/core-sdk';
+    import type { BBox } from 'geojson';
+    export type HiddenOutdoorGeometry = [
+            BBox,
+            polygons: GeoJSON.Feature<GeoJSON.Polygon | GeoJSON.MultiPolygon, any>[],
+            layers: string[]
+    ];
     /**
         * The outdoor map shown around the Mappedin indoor map can be manipulated to show or hide additional information. It can be used to add GeoJSON based geometry, images, deck.gl layers and more.
         *
@@ -9098,7 +9903,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/outdoor' {
             /**
                 * @internal
                 */
-            constructor(core: RendererCore, hiddenOutdoorGeometry?: [Position, string[]][]);
+            constructor(core: RendererCore, hiddenOutdoorGeometry?: HiddenOutdoorGeometry[]);
             /**
                 * Set the style of the outdoor map. Use one of [Mappedin's predefined styles](https://developer.mappedin.com/web-sdk/outdoor-map#styles) or link to a custom style.
                 * @param style {any}
@@ -9921,20 +10726,25 @@ declare module '@mappedin/react-sdk/geojson/src/entities/geometry3d' {
     import type { MeshComponent } from '@mappedin/react-sdk/geojson/src/components/mesh';
     import type { ModelComponent } from '@mappedin/react-sdk/geojson/src/components/model';
     import type { PathComponent } from '@mappedin/react-sdk/geojson/src/components/path';
-    import type { StyleComponent } from '@mappedin/react-sdk/geojson/src/components/style';
+    import type { StyleComponent } from '@mappedin/react-sdk/geojson/src/components/styles/style';
     import type { ImageComponent } from '@mappedin/react-sdk/geojson/src/components/image';
     import type { CustomGeometryComponent } from '@mappedin/react-sdk/geojson/src/components/custom';
     import type { GroupContainerObject3D } from '@mappedin/react-sdk/geojson/src/entities/group-container';
-    import type { GeometryGroupObject3D } from '@mappedin/react-sdk/geojson/src/entities/geometry-group';
+    import type { Geometry2D } from '@mappedin/react-sdk/geojson/src/entities/geometry2d';
+    import { GeometryGroupObject3D } from '@mappedin/react-sdk/geojson/src/entities/geometry-group';
+    import type { Text3DComponent } from '@mappedin/react-sdk/geojson/src/components/text3d';
+    import type { Text3DStyleComponent } from '@mappedin/react-sdk/geojson/src/components/styles';
     export enum Geometry3DComponents {
         Mesh = 0,
         Style = 1,
         Interaction = 2
     }
+    type Geometry3DObjectTypes = 'geometry' | 'path' | 'model' | 'custom-geometry' | 'image' | 'text3d';
     export class Geometry3DObject3D extends Object3D {
+        type: Geometry3DObjectTypes;
         userData: {
             entityId: string;
-            type: 'geometry' | 'path' | 'model' | 'custom-geometry' | 'image';
+            type: Geometry3DObjectTypes;
         };
     }
     export type PathMaterial = ShaderMaterial & {
@@ -9944,15 +10754,27 @@ declare module '@mappedin/react-sdk/geojson/src/entities/geometry3d' {
     export class PatMeshContainer extends Geometry3DObject3D {
         children: [PathMesh, PathMesh];
     }
-    export type MeshComponentTypes = MeshComponent | PathComponent | ModelComponent | CustomGeometryComponent | ImageComponent;
-    export class Geometry3D {
+    export type MeshComponentTypes = MeshComponent | PathComponent | ModelComponent | CustomGeometryComponent | Text3DComponent | ImageComponent;
+    type MappedComponentType<M> = M extends MeshComponent ? 'geometry' : M extends PathComponent ? 'path' : M extends ModelComponent ? 'model' : M extends CustomGeometryComponent ? 'custom-geometry' : M extends ImageComponent ? 'image' : M extends Text3DComponent ? 'text3d' : never;
+    export class Geometry3D<M extends MeshComponentTypes = MeshComponent, S extends StyleComponent | Text3DStyleComponent = StyleComponent, I extends InteractionComponent = InteractionComponent, T extends MappedComponentType<M> = MappedComponentType<M>> {
         id: string | number;
-        components: [MeshComponentTypes, StyleComponent, InteractionComponent?];
-        get object3d(): Geometry3DObject3D | PatMeshContainer | import("../components/mesh").EntityBatchedMesh | undefined;
-        get parent(): GroupContainerObject3D | GeometryGroupObject3D | null;
-        get type(): 'geometry' | 'path' | 'model' | 'custom-geometry' | 'image';
-        constructor(meshComponent: MeshComponent | PathComponent | ModelComponent | CustomGeometryComponent | ImageComponent, styleComponent: StyleComponent);
-    }
+        components: [M, S, I?];
+        get object3d(): M["mesh"];
+        get parentObject3D(): GroupContainerObject3D | GeometryGroupObject3D | null;
+        get type(): T;
+        entities2D: Map<string | number, Geometry2D>;
+        constructor(meshComponent: M, styleComponent: S);
+        addEntity(entity: Geometry2D): void;
+        removeEntity(entity: Geometry2D): void;
+        removeAllEntities(): void;
+    }
+    export type TextGeometry3D = Geometry3D<Text3DComponent, Text3DStyleComponent, InteractionComponent, 'text3d'>;
+    export type CustomGeometry3D = Geometry3D<CustomGeometryComponent, StyleComponent, InteractionComponent, 'custom-geometry'>;
+    export type ModelGeometry3D = Geometry3D<ModelComponent, StyleComponent, InteractionComponent, 'model'>;
+    export type PathGeometry3D = Geometry3D<PathComponent, StyleComponent, InteractionComponent, 'path'>;
+    export type ImageGeometry3D = Geometry3D<ImageComponent, StyleComponent, InteractionComponent, 'image'>;
+    export type MeshGeometry3D = Geometry3D<MeshComponent, StyleComponent, InteractionComponent, 'geometry'>;
+    export type Geometry3DTypes = TextGeometry3D | CustomGeometry3D | PathGeometry3D | ImageGeometry3D | MeshGeometry3D | ModelGeometry3D;
     export interface PathUniforms {
         vertexes: {
             type: 'f';
@@ -10035,6 +10857,7 @@ declare module '@mappedin/react-sdk/geojson/src/entities/geometry3d' {
             value: number;
         };
     }
+    export {};
 }
 
 declare module '@mappedin/react-sdk/geojson/src/entities/geometry2d' {
@@ -10043,6 +10866,7 @@ declare module '@mappedin/react-sdk/geojson/src/entities/geometry2d' {
     import type LabelComponent from '@mappedin/react-sdk/geojson/src/components/label';
     import type { GroupContainerObject3D } from '@mappedin/react-sdk/geojson/src/entities/group-container';
     import type { InteractionComponent } from '@mappedin/react-sdk/geojson/src/components/interaction';
+    import { type GeometryGroupObject3D } from '@mappedin/react-sdk/geojson/src/entities/geometry-group';
     export enum Geometry2DComponents {
         UI = 0,
         Interaction = 1
@@ -10052,7 +10876,7 @@ declare module '@mappedin/react-sdk/geojson/src/entities/geometry2d' {
     export class Geometry2D {
         id: string | number;
         get type(): 'label' | 'marker';
-        get parent(): GroupContainerObject3D | null;
+        get parentObject3D(): GroupContainerObject3D | GeometryGroupObject3D | null;
         /**
           * When the position of the entity changes, this should be set to true, so that systems like pan bounds can update
           */
@@ -10062,6 +10886,7 @@ declare module '@mappedin/react-sdk/geojson/src/entities/geometry2d' {
         disposed: boolean;
         constructor(ui: MarkerComponent | LabelComponent, position: Vector3);
         get position(): Vector3;
+        setAltitude(z: number): void;
     }
 }
 
@@ -10076,17 +10901,44 @@ declare module '@mappedin/react-sdk/geojson/src/components/stack' {
 
 declare module '@mappedin/react-sdk/geojson/src/components/interaction' {
     export class InteractionComponent {
-        hover: boolean;
+        hover: boolean | 'user-interaction';
         dirty: boolean;
     }
 }
 
+declare module '@mappedin/react-sdk/geojson/src/services/text3d/text3d' {
+    import { type Text3DStyleComponent } from '@mappedin/react-sdk/geojson/src/components/styles';
+    import { Text, BatchedText } from 'troika-three-text';
+    import type { RendererCore } from '@mappedin/react-sdk/geojson/src';
+    import type { Text3DComponent } from '@mappedin/react-sdk/geojson/src/components/text3d';
+    export function createTroikaText(entityId: string | number, text3DComponent: Text3DComponent, styleComponent: Text3DStyleComponent, convertTo3DMapPosition: RendererCore['convertTo3DMapPosition']): Promise<{
+            text: Text;
+    } | undefined>;
+    export { BatchedText, Text };
+    /**
+        * typeof module is forbiten in typescript. see: [@typescript-eslint/consistent-type-imports]
+        */
+    export type ModuleType = {
+            createTroikaText: typeof createTroikaText;
+            preloadFont: typeof preloadFont;
+            BatchedText: typeof BatchedText;
+    };
+    /**
+        * Preloads a font from the given URL. Enable developer to preload font way before scene is ready
+        *
+        * @param  fontUrl - The URL of the font to preload. When undefined, default font (Roboto) is loaded
+        * @returns A promise that resolves when the font is successfully preloaded, or rejects with an error if the font cannot be loaded.
+        */
+    export function preloadFont(fontUrl?: string): Promise<string>;
+}
+
 declare module '@mappedin/react-sdk/geojson/src/components/geometry-group-style' {
     import { type Shading } from '@mappedin/react-sdk/geojson/src/types';
     type GeometryGroupStyle = {
         color: string;
         topColor?: string;
         opacity: number;
+        height?: number;
         shading?: Shading;
         outline: boolean;
         texture?: string;
@@ -10097,6 +10949,7 @@ declare module '@mappedin/react-sdk/geojson/src/components/geometry-group-style'
         color: string;
         topColor?: string;
         opacity: number;
+        height?: number;
         outline: boolean;
         texture?: string;
         topTexture?: string;
@@ -10243,68 +11096,6 @@ declare module '@mappedin/react-sdk/geojson/src/components/image' {
     }
 }
 
-declare module '@mappedin/react-sdk/geojson/src/entities' {
-    export { updateInteractivity } from '@mappedin/react-sdk/geojson/src/entities/utils';
-    export { Geometry2D, Geometry2DComponents } from '@mappedin/react-sdk/geojson/src/entities/geometry2d';
-    export { Geometry3D, Geometry3DComponents, type PathMesh, type PatMeshContainer, type PathMaterial, } from '@mappedin/react-sdk/geojson/src/entities/geometry3d';
-}
-
-declare module '@mappedin/react-sdk/geojson/src/components/style' {
-    import type { LineStyle } from '@mappedin/react-sdk/geojson/src/renderer';
-    export const DEFAULT_COLOR = "#ffffff";
-    export const DEFAULT_HEIGHT = 0.1;
-    /**
-      * Determines how a material is rendered, back face, front face or both (default)
-      */
-    export type MaterialSide = 'back' | 'front' | 'double';
-    type Style = {
-        color: string;
-        width: number;
-        opacity: number;
-        visible: boolean;
-        height: number;
-        altitude: number;
-        join: LineStyle['join'];
-        cap: LineStyle['cap'];
-        topColor?: string;
-        texture?: string;
-        topTexture?: string;
-        outline: boolean;
-        showImage: boolean;
-        showTextLabel: boolean;
-        flipImageToFaceCamera: boolean;
-        flipTextToFaceCamera: boolean;
-        url?: string;
-        side?: MaterialSide;
-    };
-    export class StyleComponent implements Style {
-        initialColor: string;
-        color: string;
-        topColor?: string;
-        topTexture?: string;
-        texture?: string;
-        hoverColor?: string;
-        dirty: boolean;
-        visible: boolean;
-        opacity: number;
-        width: number;
-        height: number;
-        initialHeight: number;
-        altitude: number;
-        join: LineStyle['join'];
-        cap: LineStyle['cap'];
-        outline: boolean;
-        showImage: boolean;
-        showTextLabel: boolean;
-        flipImageToFaceCamera: boolean;
-        flipTextToFaceCamera: boolean;
-        url?: string;
-        side: MaterialSide;
-        constructor(style?: Partial<Style>);
-    }
-    export {};
-}
-
 declare module '@mappedin/react-sdk/geojson/src/types/options' {
     import type { Position } from '@mappedin/react-sdk/geojson/src/types/geometry';
     import type { Map as MapLibreMap } from '@mappedin/react-sdk/packages/outdoor-context-v4';
@@ -10433,38 +11224,71 @@ declare module '@mappedin/react-sdk/packages/common/pubsub' {
     }
 }
 
-declare module '@mappedin/react-sdk/geojson/src/systems/interactions' {
-    export { InteractionSystem } from '@mappedin/react-sdk/geojson/src/systems/interactions/system';
-}
-
-declare module '@mappedin/react-sdk/geojson/src/systems/zoom-interpolation/zoom-interpolation' {
-    import { PubSub } from '@mappedin/react-sdk/packages/common/pubsub';
-    import LabelComponent from '@mappedin/react-sdk/geojson/src/components/label';
-    import type { MarkerComponent } from '@mappedin/react-sdk/geojson/src/components/marker';
-    import { MeshComponent } from '@mappedin/react-sdk/geojson/src/components/mesh';
-    type SomeEvent = {
-        'invalidate:2d': undefined;
+declare module '@mappedin/react-sdk/geojson/src/services/renderer' {
+    import type { Scene, Camera } from 'three';
+    import { Color, WebGL1Renderer, WebGLRenderer } from 'three';
+    export type TRendererOptions = {
+            alpha: boolean;
+            onWebGLRendererError: (e: Error) => void;
+            xRayPath: boolean;
     };
-    export class ZoomInterpolationSystem extends PubSub<SomeEvent, keyof SomeEvent> {
-        constructor();
-        interpolators: Map<any, any>;
-        addEntity3D(meshComponent: MeshComponent, interpolateProps: any): void;
-        addEntity2D(uiComponent: MarkerComponent | LabelComponent, interpolateProps: any): void;
-        addAny(id: string, interpolateFn: any): void;
-        update: (zoomLevel: number) => void;
-        destroy(): void;
+    export class Renderer {
+            backgroundAlpha: number;
+            backgroundColor: Color;
+            width: number;
+            height: number;
+            options: TRendererOptions;
+            renderer?: WebGLRenderer | WebGL1Renderer;
+            constructor(renderOptions: any, targetWebGLVersion?: number);
+            /**
+                * Dispose of the renderer and its buffers.
+                */
+            destroy(): void;
+            /**
+                * Re-render the scene, depending on which parts of the scene have been
+                * invalidated.
+                *
+                * @method render
+                * @param renderTarget {null or WebGLRenderTarget}
+                * @param scene {Scene}
+                * @param sceneCamera {Camera}
+                */
+            render(scene: Scene, sceneCamera: Camera): void;
+            clear(): void;
+            /**
+                * Set the size of the renderer, composer, and all its internal buffers.
+                *
+                * @method setBufferSize
+                * @param width {number}
+                * @param height {number}
+                */
+            setBufferSize(width: number, height: number): void;
+            /**
+                * Set the color and opacity that will be drawn behind the scene.
+                *
+                * @method setBackgroundColor
+                * @param color {Color}
+                * @param alpha {number}
+                */
+            setBackgroundColor(color: any, alpha: any): void;
+            domElement(): HTMLCanvasElement | undefined;
     }
-    export {};
+}
+
+declare module '@mappedin/react-sdk/geojson/src/systems/interactions' {
+    export { InteractionSystem } from '@mappedin/react-sdk/geojson/src/systems/interactions/system';
 }
 
 declare module '@mappedin/react-sdk/geojson/src/systems/mesh-creation-and-optimization/system' {
     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 { MeshComponent, type MeshComponentProperties } from '@mappedin/react-sdk/geojson/src/components/mesh';
+    import { StyleComponent } from '@mappedin/react-sdk/geojson/src/components/styles/style';
     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';
+    import type { ModelGeometry3D } from '@mappedin/react-sdk/geojson/src/entities';
     import { PubSub } from '@packages/internal/common';
     export class MeshCreationAndOptimizationSystem extends PubSub<{
         'model-loaded': void;
@@ -10474,8 +11298,8 @@ 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, MeshComponentProperties>, style?: LineStyle | PaintStyle): Geometry3D;
-        createModelFromFeature(id: string | number, feature: Feature<Point, ModelProperties>, style?: ModelStyle): Geometry3D;
+        createEntityFromFeature(id: string | number, feature: Feature<Polygon | LineString | MultiPolygon, MeshComponentProperties>, style?: LineStyle | PaintStyle): Geometry3D<MeshComponent, StyleComponent, import("../../components/interaction").InteractionComponent, "geometry">;
+        createModelFromFeature(id: string | number, feature: Feature<Point, ModelProperties>, style?: ModelStyle): ModelGeometry3D;
         populateEntityMesh(entity: Geometry3D, geometry: BufferGeometry): void;
         populateModelGroup(entities: Set<string | number>, url: string, tree: any): Promise<Geometry3DObject3D>;
         populateEntityGroup(entities: Set<string | number>): Set<string | number>;
@@ -10559,9 +11383,9 @@ declare module '@mappedin/react-sdk/geojson/src/systems/2d-draw/system' {
 declare module '@mappedin/react-sdk/geojson/src/systems/draw/system' {
     import { PubSub } from '@packages/internal/common';
     import { MeshComponent } from '@mappedin/react-sdk/geojson/src/components/mesh';
-    import { StyleComponent } from '@mappedin/react-sdk/geojson/src/components/style';
+    import type { StyleComponent } from '@mappedin/react-sdk/geojson/src/components/styles/style';
     import type { RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
-    import { InteractionComponent } from '@mappedin/react-sdk/geojson/src/components/interaction';
+    import type { InteractionComponent } from '@mappedin/react-sdk/geojson/src/components/interaction';
     import type { GeometryGroupStyleComponent } from '@mappedin/react-sdk/geojson/src/components/geometry-group-style';
     export class DrawSystem extends PubSub<{
         'texture-loaded': void;
@@ -10608,7 +11432,7 @@ declare module '@mappedin/react-sdk/geojson/src/systems/render/system' {
             constructor(renderer: Renderer, state: RendererState, mode: RendererCore['mode'], scene: Scene, cameraObject: PerspectiveCamera, viewCamera: Camera, systems: Systems);
             twoDdirty: boolean;
             threeDdirty: boolean;
-            update: (sync?: boolean) => void;
+            update: (sync?: boolean) => Promise<any>;
             destroy(): void;
     }
 }
@@ -10911,9 +11735,11 @@ declare module '@mappedin/react-sdk/geojson/src/systems/geometry-in-focus/system
 declare module '@mappedin/react-sdk/geojson/src/systems/outdoor-layers/system' {
     import type { Map } from '@packages/internal/outdoor-context-v4';
     import type { Position } from '@mappedin/react-sdk/geojson/src/renderer';
+    import { type BBox } from 'geojson';
     export class OutdoorLayers {
         dirty: boolean;
         hideLayersUnderPoint(point: Position, layers: string[]): void;
+        hideLayersIntersectingPolygons(bbox: BBox, polygons: GeoJSON.Feature<GeoJSON.Polygon | GeoJSON.MultiPolygon, any>[], layers: string[]): void;
         constructor(map?: Map);
         destroy(): void;
     }
@@ -10924,7 +11750,7 @@ declare module '@mappedin/react-sdk/geojson/src/systems/path' {
 }
 
 declare module '@mappedin/react-sdk/geojson/src/systems/mesh-detachment/system' {
-    import { type Geometry3DTypes, type RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
+    import { type All3DTypes, type RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
     /**
       * This system is responsible for updating the opacity of the mesh, which results in the mesh
       * being detached from the parent's optimized geometry group and rendered as a separate mesh.
@@ -10934,16 +11760,13 @@ declare module '@mappedin/react-sdk/geojson/src/systems/mesh-detachment/system'
         rendererState: RendererState;
         dirty: boolean;
         constructor(rendererState: RendererState);
-        updateOne(geometry: Geometry3DTypes | undefined): void;
+        updateOne(geometry: All3DTypes | undefined): void;
         update(): void;
     }
 }
 
 declare module '@mappedin/react-sdk/geojson/src/systems/mesh-modification/system' {
-    import { Geometry3D } from '@mappedin/react-sdk/geojson/src/entities';
-    import type { GeometryGroupObject3D } from '@mappedin/react-sdk/geojson/src/entities/geometry-group';
-    import type { GroupContainerObject3D } from '@mappedin/react-sdk/geojson/src/entities/group-container';
-    import type { RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
+    import type { EntityTypes, RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
     /**
       * Any physical changes to geometry should go in here. This includes height changes, etc.
       * This is to ensure that physical changes apply before any other systems need to do their work,
@@ -10956,7 +11779,7 @@ declare module '@mappedin/react-sdk/geojson/src/systems/mesh-modification/system
         rendererState: RendererState;
         dirty: boolean;
         constructor(rendererState: RendererState);
-        updateOne(entity: Geometry3D | GeometryGroupObject3D | GroupContainerObject3D | undefined): void;
+        updateOne(entity?: EntityTypes): void;
         update(): void;
         cleanup(): void;
     }
@@ -10975,14 +11798,58 @@ 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/geojson/src/components/styles/style' {
+    import type { LineStyle } from '@mappedin/react-sdk/geojson/src/renderer';
+    export const DEFAULT_COLOR = "#ffffff";
+    export const DEFAULT_HEIGHT = 0.1;
+    /**
+      * Determines how a material is rendered, back face, front face or both (default)
+      */
+    export type MaterialSide = 'back' | 'front' | 'double';
+    type Style = {
+        color: string;
+        width: number;
+        opacity: number;
+        visible: boolean;
+        height: number;
+        altitude: number;
+        join: LineStyle['join'];
+        cap: LineStyle['cap'];
+        topColor?: string;
+        texture?: string;
+        topTexture?: string;
+        outline: boolean;
+        showImage: boolean;
+        flipImageToFaceCamera: boolean;
+        url?: string;
+        side?: MaterialSide;
+        renderOrder?: number;
+    };
+    export class StyleComponent implements Style {
+        initialColor: string;
+        color: string;
+        topColor?: string;
+        topTexture?: string;
+        texture?: string;
+        hoverColor?: string;
+        dirty: boolean;
+        visible: boolean;
+        opacity: number;
+        width: number;
+        height: number;
+        initialHeight: number;
+        altitude: number;
+        join: LineStyle['join'];
+        cap: LineStyle['cap'];
+        outline: boolean;
+        showImage: boolean;
+        flipImageToFaceCamera: boolean;
+        url?: string;
+        side: MaterialSide;
+        renderOrder: number;
+        constructor(style?: Partial<Style>);
     }
+    export {};
 }
 
 declare module '@mappedin/react-sdk/packages/geojson-navigator/src' {
@@ -11077,6 +11944,17 @@ declare module '@mappedin/react-sdk/geojson/src/utils/tranform-request' {
     };
 }
 
+declare module '@mappedin/react-sdk/geojson/src/utils/math' {
+    export function normalizeAngle(angle: number): number;
+}
+
+declare module '@mappedin/react-sdk/geojson/src/entities' {
+    export { updateInteractivity } from '@mappedin/react-sdk/geojson/src/entities/utils';
+    export { Geometry2D, Geometry2DComponents } from '@mappedin/react-sdk/geojson/src/entities/geometry2d';
+    export { Geometry3D, Geometry3DComponents } from '@mappedin/react-sdk/geojson/src/entities/geometry3d';
+    export type { PathMesh, PatMeshContainer, PathMaterial, Geometry3DTypes, ImageGeometry3D, TextGeometry3D, ModelGeometry3D, CustomGeometry3D, MeshGeometry3D, } from '@mappedin/react-sdk/geojson/src/entities/geometry3d';
+}
+
 declare module '@mappedin/react-sdk/geojson/src/systems/exporter/exporter' {
     import type { RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
     export type GLTFExportOptions = {
@@ -11107,6 +11985,155 @@ declare module '@mappedin/react-sdk/geojson/src/systems/exporter/exporter' {
     }
 }
 
+declare module '@mappedin/react-sdk/geojson/src/components/styles/text-style' {
+    /**
+        * avoid storying default values on the text style to save space
+        */
+    export class Text3DStyleComponent implements Partial<Text3DStyle> {
+            visible?: boolean;
+            altitude?: number;
+            color?: string;
+            dirty: boolean;
+            maxWidth?: number;
+            maxHeight?: number;
+            hoverByPolygon?: boolean;
+            flipToFaceCamera?: boolean | undefined;
+            font?: string;
+            fillOpacity?: number;
+            fontSize?: number;
+            margin?: number;
+            outlineWidth?: number;
+            outlineBlur?: number | string;
+            outlineOffsetX?: number;
+            strokeColor?: string;
+            strokeOpacity?: number;
+            strokeWidth?: number;
+            hoverColor?: string | undefined;
+            outlineOffsetY?: number;
+            outlineColor?: string;
+            outlineOpacity?: number;
+            constructor(initialState?: Partial<Text3DStyle>);
+            /**
+                * Put together a json ignore all the undefined fields.
+                * This is helpful when we Object.assign(instance, json) to update the instance.
+                */
+            getState(includeDirty?: boolean): Partial<Text3DStyle>;
+    }
+    /**
+        * Not directly storing default values on the text style to save space
+        * TODO: lookign at text style spec from maplibre. we can also support:
+        * letterSpacing?: number;
+        * lineHeight: number;
+        * anchor: number;  => .anchorX & .anchorY
+        * justify: nubmer; => .textAlign
+        * tarnsform: string;
+        * offset: number;
+        */
+    export const DEFAULT_TEXT_STYLE: Readonly<Text3DStyle>;
+    export type Text3DStyle = {
+            /**
+                * Controls the visibility of the text element.
+                * @default true
+                */
+            visible: boolean;
+            /**
+                * The color of the text. Will change to hoverColor when the associated polygon is hovered.
+                * Accepts any CSS color string.
+                * @default 'black'
+                */
+            color: string;
+            /**
+                * When true, the text will flip to face the camera while maintaining its position.
+                * @default true
+                */
+            flipToFaceCamera: boolean;
+            /**
+                * URL to a custom font file (.ttf, .otf, .woff).
+                * Falls back to Roboto if undefined.
+                */
+            font: string | undefined;
+            /**
+                * The size of the text in meters. Will be automatically adjusted if it exceeds
+                * the text area bounds.
+                */
+            fontSize: number;
+            /**
+                * Padding between the text and its bounding box, in meters.
+                * Can be specified as either:
+                * - A single number for uniform padding on all sides
+                * - An array of 4 numbers [top, right, bottom, left] for individual side padding
+                * @default [0.2, 1, 0.2, 1.5]
+                */
+            margin: number | [number, number, number, number];
+            /**
+                * Color of the text outline.
+                * Accepts any CSS color string.
+                * @default 'black'
+                */
+            outlineColor: string;
+            /**
+                * Opacity of the text outline.
+                * Accepts values between 0 and 1.
+                * @default 1
+                */
+            outlineOpacity: number;
+            /**
+                * Blur radius for the text outline.
+                * Can be a number in pixels or a string with units.
+                */
+            outlineBlur: number | string;
+            /**
+                * Width of the text outline effect in pixels.
+                */
+            outlineWidth: number;
+            /**
+                * Horizontal offset of the outline effect from the text, in pixels.
+                */
+            outlineOffsetX: number;
+            /**
+                * Vertical offset of the outline effect from the text, in pixels.
+                */
+            outlineOffsetY: number;
+            /**
+                * Width of the inner stroke of each text glyph.
+                * @default 0
+                */
+            strokeWidth: number;
+            /**
+                * Maximum width constraint for the text area in meters.
+                * Overrides default text field constraints when set.
+                */
+            maxWidth: number | undefined;
+            /**
+                * Maximum height constraint for the text area in meters.
+                * Overrides default text field constraints when set.
+                */
+            maxHeight: number | undefined;
+            /**
+                * Opacity of the text stroke when strokeWidth > 0.
+                * @default 1
+                */
+            strokeOpacity: number;
+            /**
+                * Color of the text stroke when strokeWidth > 0.
+                * Accepts any CSS color string.
+                * @default 'black'
+                */
+            strokeColor: string;
+            /**
+                * Opacity of the text fill, independent of stroke and outline opacity.
+                * Set to 0 to show only stroke/outline.
+                * Accepts values between 0 and 1.
+                */
+            fillOpacity: number;
+            /**
+                * Color to display when text is hovered.
+                * Falls back to global hover color if undefined.
+                */
+            hoverColor: string | undefined;
+    };
+}
+
 declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/floor-object' {
     import type { Polygon, MultiPolygon, FloorProperties as MVFFloor, ParsedMVF, Feature } from '@mappedin/mvf';
     import type { RendererCore } from '@mappedin/core-sdk';
@@ -11114,8 +12141,12 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/floor-object' {
     import type { TShow3DMapOptions } from '@mappedin/react-sdk/mappedin-js/src';
     class Layer {
         containerId: string;
+        labelIds: Set<string>;
         layers: Map<string, string>;
-        constructor(containerId: string, layers?: Map<any, any>);
+        renderer: RendererCore;
+        constructor(renderer: RendererCore, containerId: string, layers?: Map<any, any>);
+        show(): void;
+        hide(): void;
     }
     export class FloorObject implements MVFFloor {
         id: string;
@@ -11141,11 +12172,11 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/utils' {
     import { Coordinate, type MapObject, type Space } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     import type { Position, EntranceCollection, LineString, Polygon, Point, SpaceProperties, ObstructionProperties, StyleCollection, PolygonStyle, LineStringStyle, Feature, ObstructionCollection, PointStyle } from '@mappedin/mvf';
     import type { WithPolygonImage } from '@packages/internal/mvf-utils';
-    import type { FeatureCollection, MultiLineString } from 'geojson';
+    import type { BBox, FeatureCollection, MultiLineString } from 'geojson';
     import type { LabelState, MarkerState, GeometryState, CollisionRankingTier, LineStyle, PaintStyle } from '@mappedin/core-sdk';
     import { type TGeometryState, type TLabelState, type TDirectionInstructionAction, type TShow3DMapOptions, type Label, type Marker, type Model } from '@mappedin/react-sdk/mappedin-js/src';
     import type { TDoorsState, TMarkerState, TWallsState } from '@mappedin/react-sdk/mappedin-js/src/types';
-    import type { Image, Shape } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
+    import type { Image, 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';
     export function convertCoordinateToPosition(coord: Coordinate): Position;
@@ -11172,10 +12203,12 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/utils' {
     export type WithId<T> = T & {
         id?: string;
     };
-    export function groupGeometryByStyle(features: Feature<LineString | Polygon | Point, SpaceProperties | ObstructionProperties>[], styleMap: AggregatedStyleMap): Map<WithId<PolygonStyle> | WithId<LineStringStyle> | WithId<PointStyle>, Feature<Point | LineString | Polygon, WithPolygonImage<SpaceProperties> | WithPolygonImage<ObstructionProperties>>[]>;
+    export function groupGeometryByStyle(features: Feature<LineString | Polygon | Point, SpaceProperties | ObstructionProperties>[], styleMap: AggregatedStyleMap): Map<WithId<PolygonStyle> | WithId<LineStringStyle> | WithId<PointStyle>, Feature<Polygon | LineString | Point, WithPolygonImage<SpaceProperties> | WithPolygonImage<ObstructionProperties>>[]>;
     export function translateToCoreStyle(style: PolygonStyle | LineStringStyle, userOptions?: TShow3DMapOptions): PaintStyle | LineStyle;
-    export const getTargetID: <T extends Space | Shape | MapObject | Label | Marker | Model | Image | string>(target: T, api: GeoJsonApi) => string | undefined;
+    export const getTargetID: <T extends Space | Shape | MapObject | Label | Text3D | Marker | Model | Image | string>(target: T, api: GeoJsonApi) => string | undefined;
     export function tweenToPromise(tween: Tween): Promise<void>;
+    export function getBoundingBox(geometry: GeoJSON.Feature<GeoJSON.Polygon | GeoJSON.MultiPolygon, any>): BBox;
+    export function expandBbox(bbox: BBox, bboxToExpand: BBox): number[];
     export function unique<T>(array: T[]): T[];
 }
 
@@ -11183,7 +12216,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/floor-stack-obje
     import type { RendererCore } from '@mappedin/core-sdk';
     import type { FloorId, FloorStack as MVFFloorStack, Facade as MVFFacade } from '@mappedin/mvf';
     import type { FloorObject } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/floor-object';
-    export class FloorStackObject implements Omit<MVFFloorStack, 'maps' | 'floors' | 'defaultFloor'> {
+    export class FloorStackObject implements Omit<MVFFloorStack, 'maps' | 'floors' | 'defaultFloor' | 'footprint'> {
         #private;
         id: MVFFloorStack['id'];
         externalId: MVFFloorStack['externalId'];
@@ -11195,7 +12228,6 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/floor-stack-obje
         floorObjects: FloorObject[];
         floorObjectsByElevation: Map<number, FloorObject>;
         metadata?: MVFFloorStack['metadata'];
-        footprint?: MVFFloorStack['footprint'];
         containerId: string;
         facade?: MVFFacade;
         constructor(floorStack: MVFFloorStack, parentId: string, renderer: RendererCore, facade?: MVFFacade);
@@ -11213,7 +12245,7 @@ declare module '@mappedin/react-sdk/geojson/src/systems/collisions/collider-proc
     import { Rectangle } from '@packages/internal/quad-tree';
     export type TSerializedCollider = {
         rank: number;
-        enabled: boolean;
+        enabledAndVisible: boolean;
         x: number;
         y: number;
         bboxes: {
@@ -11238,42 +12270,6 @@ declare module '@mappedin/react-sdk/geojson/src/systems/collisions/collider-proc
     };
 }
 
-declare module '@mappedin/react-sdk/geojson/src/entities/utils' {
-    import type { CollisionRankingTier, GeometryState, LabelState, RendererCore } from '@mappedin/react-sdk/geojson/src';
-    import { type MarkerState } from '@mappedin/react-sdk/geojson/src/components/marker';
-    import type { PathUpdateState } from '@mappedin/react-sdk/geojson/src/components/path';
-    import type { Geometry3DTypes, Position, RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
-    import { GeometryGroupObject3D, type GeometryGroupState } from '@mappedin/react-sdk/geojson/src/entities/geometry-group';
-    import { GroupContainerObject3D } from '@mappedin/react-sdk/geojson/src/entities/group-container';
-    import { Geometry3D } from '@mappedin/react-sdk/geojson/src/entities/geometry3d';
-    import { Geometry2D } from '@mappedin/react-sdk/geojson/src/entities/geometry2d';
-    import type { StyleComponent } from '@mappedin/react-sdk/geojson/src/components/style';
-    import type { GeometryGroupStyleComponent } from '@mappedin/react-sdk/geojson/src/components/geometry-group-style';
-    export function updateInteractivity(entity: Geometry3DTypes | Geometry2D, update: boolean | undefined, state: RendererState): boolean;
-    export function updateGroupColor(entity: GeometryGroupObject3D, state: RendererState, update: Partial<Pick<GeometryGroupState, 'color' | 'topColor'>>): boolean | undefined;
-    export function updateGroupShading(entity: GeometryGroupObject3D, update?: GeometryGroupState['shading']): boolean;
-    export function updateImageProps(entity: Geometry3D | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D, update?: Partial<GeometryState>): void;
-    export function updateHeight(entity: Geometry3D | GeometryGroupObject3D, state: RendererState, update?: number): boolean;
-    export function updateColor(entity: Geometry3D | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D, update?: Partial<GeometryState>): void;
-    export function updatePosition(entity: Geometry3D | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D, update: Position | undefined, convertTo3DMapPosition: RendererCore['convertTo3DMapPosition']): void;
-    export function updateParent(entity: Geometry3D | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D, update: GroupContainerObject3D | undefined): boolean;
-    export function updateEnabled(entity: Geometry3D | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D, update: boolean | undefined): void;
-    export function updateMarker(entity: Geometry3D | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D, update: Partial<MarkerState> | undefined, state: RendererState): boolean;
-    export function updateRank(entity: Geometry3D | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D, update: CollisionRankingTier | undefined): boolean;
-    export function updateLabel(entity: Geometry3D | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D, update: Partial<LabelState> | undefined, state: RendererState): void;
-    export function updateHoverColor(entity: Geometry3D | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D, update?: string): void;
-    export function updateFlipImageToFaceCamera(entity: Geometry3D | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D, update?: boolean): void;
-    export function updateVisibility(entity: Geometry3D | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D, update?: boolean): boolean;
-    export function updateOpacity(entity: Geometry3D | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D, state: RendererState, update?: number): boolean;
-    export function updateGroupTexture(entity: Geometry3D | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D, update?: Pick<GeometryGroupStyleComponent, 'texture' | 'topTexture'>): void;
-    export function updateIndividualGeometryTexture(entity: Geometry3D, update?: Pick<StyleComponent, 'texture' | 'topTexture'>): boolean;
-    export function updateIndividualGeometryOpacity(entity: Geometry3D, update?: number): boolean;
-    export function updateAltitude(entity: Geometry3D | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D, update?: number): boolean;
-    export function updateOutline(entity: Geometry3DTypes, update?: boolean): boolean;
-    export function handlePathUpdate(geometry: Geometry3D, update: PathUpdateState): void;
-    export function pickPathOptions(update: PathUpdateState): Partial<PathUpdateState>;
-}
-
 declare module '@mappedin/react-sdk/geojson/src/systems/interactions/system' {
     import type { PerspectiveCamera, Vector3, Object3D, Mesh } from 'three';
     import { Raycaster } from 'three';
@@ -11681,13 +12677,13 @@ declare module '@mappedin/react-sdk/geojson/src/systems/camera/system' {
                 * @param [curve] {Mappedin.Easing} The animation curve to use for the animation.
                 * @param [callback] {Function} A callback that will be executed when the animation is done.
                 * @param [options] {Object} An Options object
-                * @param [options.mode=cancel] {Object} Mode determines what happens when multiple animateCamera calls happen at once. By Default,
+                * @param [options.interruptible=true] {Boolean} Determines if this animation must complete before any new animations start
              it will cancel and omit any previous animations. Set to "chain" to chain instead
                 *
                 * @return {Mappedin.Tween} The tween being used, if you want to do anything to control it manually. Do not overide it's events.
                 */
             animateCamera: (target: AnimateCameraTarget, duration: number, curve?: (n: number) => number, callback?: (...args: any) => void, cancelledCallback?: (...args: any) => void, options?: {
-                    mode: keyof typeof CAMERA_CONSTANTS.CONTROL_OPTIONS;
+                    interruptible?: boolean;
             }) => Promise<void>;
             /**
                 * Allows you to set any of the Camera's position, zoom, rotation and tilt at once, with one function.
@@ -11953,6 +12949,7 @@ declare module '@mappedin/react-sdk/geojson/src/systems/camera/types' {
             boundingBox?: any;
             callback?: () => void;
             cancelledCallback?: () => void;
+            interruptible?: boolean;
     };
 }