@mappedin/mappedin-js 6.0.1-beta.24 → 6.0.1-beta.25

package/lib/esm/index.d.ts

@@ -16,7 +16,9 @@
 //   ../mappedin-js/@packages/internal/shave-text/shave-text
 //   ../mappedin-js/@tweenjs/tween.js
 //   ../mappedin-js/@turf/turf
+//   ../mappedin-js/troika-three-text
 //   ../mappedin-js/@packages/internal/quad-tree
+//   ../mappedin-js/@mappedin/core-sdk/src/components/text3d
 //   ../mappedin-js/minisearch
 //   ../mappedin-js/three/addons/loaders/GLTFLoader.js
 //   ../mappedin-js/@mapbox/point-geometry
@@ -37,8 +39,9 @@ declare module '@mappedin/mappedin-js' {
     import type { Floor } from '@mappedin/mappedin-js/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/mappedin-js/mappedin-js/src/map-view';
-    import type { InsetPadding, InsetPaddingOption, Shading, PaintStyle, LineStyle, WatermarkOptions } from '@mappedin/mappedin-js/geojson/src';
-    import { enableTestMode } from '@mappedin/mappedin-js/geojson/src';
+    export type { Text3D as Text3DApi } from '@mappedin/mappedin-js/mappedin-js/src/api-geojson/text3d';
+    import type { InsetPadding, InsetPaddingOption, Shading, PaintStyle, LineStyle, WatermarkOptions, Text3DState, AddText3DOptions, UpdatableText3DState, InitializeText3DState, MapViewState } from '@mappedin/mappedin-js/geojson/src';
+    import { enableTestMode, preloadFont } from '@mappedin/mappedin-js/geojson/src';
     export type { PubSub } from '@packages/internal/common/pubsub';
     import type { TMappedinMapLibreOverlayEvents } from '@mappedin/mappedin-js/mappedin-js/src/maplibre-overlay';
     import { MappedinMapLibreOverlay } from '@mappedin/mappedin-js/mappedin-js/src/maplibre-overlay';
@@ -291,12 +294,13 @@ declare module '@mappedin/mappedin-js' {
         * @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/mappedin-js/mappedin-js/src/types';
     export { WALLS, DOORS } from '@mappedin/mappedin-js/mappedin-js/src/types';
-    export type { Label, Marker, Path, Shape, CameraTransform, Model, Image } from '@mappedin/mappedin-js/mappedin-js/src/map-view-objects';
+    export type { Label, Marker, Path, Shape, CameraTransform, Model, Image, Text3D } from '@mappedin/mappedin-js/mappedin-js/src/map-view-objects';
+    export type { Debug } from '@mappedin/mappedin-js/mappedin-js/src/debug';
     export type { Navigation, TNavigationOptions } from '@mappedin/mappedin-js/mappedin-js/src/navigation';
     export type { TSpaceType } from '@mappedin/mappedin-js/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/mappedin-js/mappedin-js/src/map-data-objects';
@@ -575,7 +579,7 @@ declare module '@mappedin/mappedin-js/mappedin-js/src/map-data' {
 declare module '@mappedin/mappedin-js/mappedin-js/src/events' {
     import type { ClickPayload } from '@mappedin/core-sdk';
     import type { TStackedMapsEvents } from '@mappedin/mappedin-js/mappedin-js/src/api-geojson/stacked-maps/stacked-maps';
-    import type { Coordinate, Floor, MapObject, Space } from '@mappedin/mappedin-js/mappedin-js/src/map-data-objects';
+    import type { Coordinate, Facade, Floor, MapObject, Space } from '@mappedin/mappedin-js/mappedin-js/src/map-data-objects';
     import type { Label, Marker, Model, Path } from '@mappedin/mappedin-js/mappedin-js/src/map-view-objects';
     import type { CameraTransform } from '@mappedin/mappedin-js/mappedin-js/src/map-view-objects/camera-transform';
     import type { TBlueDotEvents } from '@mappedin/mappedin-js/mappedin-js/src/api-geojson/blue-dot';
@@ -619,6 +623,10 @@ declare module '@mappedin/mappedin-js/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'>;
     /**
@@ -980,20 +988,22 @@ declare module '@mappedin/mappedin-js/mappedin-js/src/map-data-objects' {
 }
 
 declare module '@mappedin/mappedin-js/mappedin-js/src/map-view' {
-    import type { RendererCore, WatermarkUpdateOptions } from '@mappedin/core-sdk';
+    import type { RendererCore, WatermarkUpdateOptions } from '@mappedin/mappedin-js/geojson/src';
     import { PubSub } from '@packages/internal/common';
     import { type TEvents, type TShow3DMapOptions } from '@mappedin/mappedin-js/mappedin-js/src';
     import type { Navigation } from '@mappedin/mappedin-js/mappedin-js/src/navigation';
     import type { Camera, Labels, Markers, Models, Paths, Exporter, Directions, Style, Outdoor, Images } from '@mappedin/mappedin-js/mappedin-js/src/api-geojson';
     import type { BlueDot } from '@mappedin/mappedin-js/mappedin-js/src/api-geojson/blue-dot/blue-dot';
     import type MapData from '@mappedin/mappedin-js/mappedin-js/src/map-data';
-    import type { Annotation, Coordinate, Door, Floor, MapObject, PointOfInterest, Space, Node, EnterpriseLocation, FloorStack } from '@mappedin/mappedin-js/mappedin-js/src/map-data-objects';
-    import type { DOORS, WALLS, TGetDirectionsOptions, TGetState, TNavigationTarget, TUpdateState, TUpdateStates } from '@mappedin/mappedin-js/mappedin-js/src/types';
-    import type { Label, Marker, Image, Shape } from '@mappedin/mappedin-js/mappedin-js/src/map-view-objects';
+    import type { Annotation, Coordinate, Door, Floor, MapObject, PointOfInterest, Space, Node, EnterpriseLocation, FloorStack, Facade } from '@mappedin/mappedin-js/mappedin-js/src/map-data-objects';
+    import type { DOORS, WALLS, TGetDirectionsOptions, TGetState, TNavigationTarget, TUpdateState, TUpdateStates, GlobalState, UpdateGlobalState } from '@mappedin/mappedin-js/mappedin-js/src/types';
+    import type { Label, Marker, Image, Shape, Text3D as Text3DView } from '@mappedin/mappedin-js/mappedin-js/src/map-view-objects';
     import type { TEventPayload } from '@mappedin/mappedin-js/mappedin-js/src/events';
     import type { Shapes } from '@mappedin/mappedin-js/mappedin-js/src/api-geojson/shapes';
     import type { StackedMaps, TCollapseOptions, TExpandOptions } from '@mappedin/mappedin-js/mappedin-js/src/api-geojson/stacked-maps/stacked-maps';
     import type { InspectorOption } from '@mappedin/mappedin-js/mappedin-js/src/api-geojson/inspector/inspector';
+    import { Debug } from '@mappedin/mappedin-js/mappedin-js/src/debug';
+    import type { Text3D } from '@mappedin/mappedin-js/mappedin-js/src/api-geojson/text3d';
     /**
         * The MapView class is the main class for rendering and interacting with the map.
         *
@@ -1011,6 +1021,11 @@ declare module '@mappedin/mappedin-js/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.
                 */
@@ -1088,8 +1103,16 @@ declare module '@mappedin/mappedin-js/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.
@@ -1148,7 +1171,7 @@ declare module '@mappedin/mappedin-js/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;
             /**
@@ -1267,6 +1290,88 @@ declare module '@mappedin/mappedin-js/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/mappedin-js/mappedin-js/src/api-geojson/text3d' {
+    import { Space } from '@mappedin/mappedin-js/mappedin-js/src/map-data-objects';
+    import type { TAddText3DOptions } from '@mappedin/mappedin-js/mappedin-js/src/types';
+    import type { CurrentMapGetter } from '@mappedin/mappedin-js/mappedin-js/src/api-geojson/types';
+    import { Text3D as Text3DView } from '@mappedin/mappedin-js/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;
     }
 }
 
@@ -1286,20 +1391,26 @@ declare module '@mappedin/mappedin-js/geojson/src' {
     import { mountSceneGraphVisualizer } from '@mappedin/mappedin-js/geojson/examples/src/utils/scene-graph-visualizer';
     import '../../packages/outdoor-context-v4/css/maplibre-gl.css';
     import type { CollisionRankingTier } from '@mappedin/mappedin-js/geojson/src/utils/collision-ranking-tier';
+    export type { Text3DState } from '@mappedin/mappedin-js/geojson/src/components/text3d';
+    export { TEXT3D_STYLE_UPDATE_PROPS } from '@mappedin/mappedin-js/geojson/src/entities/utils';
     export { Navigator } from '@mappedin/mappedin-js/packages/geojson-navigator';
     export { interpolate, debounce } from '@mappedin/mappedin-js/geojson/src/utils';
     export { MAPPEDIN_LAYER_ID } from '@mappedin/mappedin-js/geojson/src/utils/constants';
+    export type { DebugState, Debug } from '@mappedin/mappedin-js/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/mappedin-js/geojson/src/services/renderer';
+    export { enableTestMode } from '@mappedin/mappedin-js/geojson/src/services/test-mode';
     export { mountSceneGraphVisualizer };
     export type { EntityId, EntityState, LineStyle, PaintStyle, ModelStyle, ModelProperties, Shading } from '@mappedin/mappedin-js/geojson/src/types';
     export type * from 'geojson';
     export type { WatermarkUpdateOptions, WatermarkOptions, WatermarkPosition } from '@mappedin/mappedin-js/geojson/src/systems/watermark/system';
+    export { preloadFont } from '@mappedin/mappedin-js/geojson/src/systems/text3d/system';
     export type { GLTFExportOptions } from '@mappedin/mappedin-js/geojson/src/systems/exporter';
     export type { AttributionControlOptions, AttributionPosition } from '@mappedin/mappedin-js/geojson/src/systems/html-controls/system';
+    export type { Text3DStyle } from '@mappedin/mappedin-js/geojson/src/components/styles';
+    export type { AddText3DOptions, InitializeText3DState, UpdatableText3DState } from '@mappedin/mappedin-js/geojson/src/components/text3d';
     export { ATTRIBUTION_POSITIONS } from '@mappedin/mappedin-js/geojson/src/systems/html-controls/system';
     export { ANIMATION_TWEENS } from '@mappedin/mappedin-js/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, };
@@ -1381,9 +1492,9 @@ declare module '@mappedin/mappedin-js/mappedin-js/src/maplibre-overlay' {
 declare module '@mappedin/mappedin-js/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/mappedin-js/mappedin-js/src/map-data-objects';
-    import type { Label, Marker, Model, Image, Shape } from '@mappedin/mappedin-js/mappedin-js/src/map-view-objects';
+    import type { Label, Marker, Model, Image, Shape, Text3D } from '@mappedin/mappedin-js/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/mappedin-js/geojson/src';
     export type DeepRequired<T> = Required<{
             [K in keyof T]: T[K] extends Required<T[K]> ? T[K] : DeepRequired<T[K]>;
     }>;
@@ -1521,6 +1632,14 @@ declare module '@mappedin/mappedin-js/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';
@@ -1665,9 +1784,9 @@ declare module '@mappedin/mappedin-js/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.
         */
@@ -2140,6 +2259,10 @@ declare module '@mappedin/mappedin-js/mappedin-js/src/types' {
                 */
             url: string;
     };
+    /**
+        * @interface
+        */
+    export type TAddText3DOptions = AddText3DOptions;
     /**
         * Options for controlling the behavior of an {@link Image}.
         */
@@ -2353,6 +2476,21 @@ declare module '@mappedin/mappedin-js/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/mappedin-js/mappedin-js/src/api-geojson/blue-dot/blue-dot' {
@@ -2642,6 +2780,16 @@ declare module '@mappedin/mappedin-js/mappedin-js/src/map-view-objects' {
     export { Path } from '@mappedin/mappedin-js/mappedin-js/src/map-view-objects/path';
     export { CameraTransform } from '@mappedin/mappedin-js/mappedin-js/src/map-view-objects/camera-transform';
     export { Shape } from '@mappedin/mappedin-js/mappedin-js/src/map-view-objects/shape';
+    export { Text3D } from '@mappedin/mappedin-js/mappedin-js/src/map-view-objects/text3d';
+}
+
+declare module '@mappedin/mappedin-js/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/mappedin-js/mappedin-js/src/navigation' {
@@ -3436,8 +3584,9 @@ declare module '@mappedin/mappedin-js/mappedin-js/src' {
     import type { Floor } from '@mappedin/mappedin-js/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/mappedin-js/mappedin-js/src/map-view';
-    import type { InsetPadding, InsetPaddingOption, Shading, PaintStyle, LineStyle, WatermarkOptions } from '@mappedin/mappedin-js/geojson/src';
-    import { enableTestMode } from '@mappedin/mappedin-js/geojson/src';
+    export type { Text3D as Text3DApi } from '@mappedin/mappedin-js/mappedin-js/src/api-geojson/text3d';
+    import type { InsetPadding, InsetPaddingOption, Shading, PaintStyle, LineStyle, WatermarkOptions, Text3DState, AddText3DOptions, UpdatableText3DState, InitializeText3DState, MapViewState } from '@mappedin/mappedin-js/geojson/src';
+    import { enableTestMode, preloadFont } from '@mappedin/mappedin-js/geojson/src';
     export type { PubSub } from '@packages/internal/common/pubsub';
     import type { TMappedinMapLibreOverlayEvents } from '@mappedin/mappedin-js/mappedin-js/src/maplibre-overlay';
     import { MappedinMapLibreOverlay } from '@mappedin/mappedin-js/mappedin-js/src/maplibre-overlay';
@@ -3690,12 +3839,13 @@ declare module '@mappedin/mappedin-js/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/mappedin-js/mappedin-js/src/types';
     export { WALLS, DOORS } from '@mappedin/mappedin-js/mappedin-js/src/types';
-    export type { Label, Marker, Path, Shape, CameraTransform, Model, Image } from '@mappedin/mappedin-js/mappedin-js/src/map-view-objects';
+    export type { Label, Marker, Path, Shape, CameraTransform, Model, Image, Text3D } from '@mappedin/mappedin-js/mappedin-js/src/map-view-objects';
+    export type { Debug } from '@mappedin/mappedin-js/mappedin-js/src/debug';
     export type { Navigation, TNavigationOptions } from '@mappedin/mappedin-js/mappedin-js/src/navigation';
     export type { TSpaceType } from '@mappedin/mappedin-js/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/mappedin-js/mappedin-js/src/map-data-objects';
@@ -4031,6 +4181,7 @@ declare module '@mappedin/mappedin-js/mappedin-js/src/map-data-objects/space' {
                 * @internal
                 */
             readonly __type = "space";
+            getMvfData(): import("@mappedin/mvf").Feature<import("@mappedin/mvf").Point | import("@mappedin/mvf").LineString | import("@mappedin/mvf").Polygon, import("@mappedin/mvf").SpaceProperties>;
             /**
                 * Checks if the provided instance is of type Space.
                 *
@@ -5197,6 +5348,11 @@ declare module '@mappedin/mappedin-js/mappedin-js/src/api-geojson/inspector/insp
     export type InspectorOption = Partial<InspectorState>;
 }
 
+declare module '@mappedin/mappedin-js/mappedin-js/src/api-geojson/types' {
+    import type { GeojsonApiMapObject } from '@mappedin/mappedin-js/mappedin-js/src/api-geojson/map-object';
+    export type CurrentMapGetter = () => GeojsonApiMapObject | undefined;
+}
+
 declare module '@mappedin/mappedin-js/geojson/src/components/marker' {
     import './marker.scss';
     import { Vector2 } from 'three';
@@ -5260,14 +5416,14 @@ declare module '@mappedin/mappedin-js/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;
+            rank?: number | "low" | "medium" | "high" | "always-visible" | undefined;
             dynamicResize?: boolean | undefined;
     }, {
             interactive?: boolean | "pointer-events-auto" | undefined;
             id?: string | undefined;
-            anchor?: "center" | "left" | "right" | "bottom" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | ("center" | "left" | "right" | "bottom" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right")[] | undefined;
-            rank?: number | "high" | "low" | "medium" | "always-visible" | undefined;
+            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;
+            rank?: number | "low" | "medium" | "high" | "always-visible" | undefined;
             dynamicResize?: boolean | undefined;
     }>;
     export function validateMarker(coordinate: Position, contentHTML: string, options: AddMarkerOptions): void;
@@ -5358,7 +5514,7 @@ declare module '@mappedin/mappedin-js/geojson/src/components/marker' {
 
 declare module '@mappedin/mappedin-js/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/mappedin-js/geojson/src/types';
     import type { PathMaterial, PatMeshContainer } from '@mappedin/mappedin-js/geojson/src/entities/geometry3d';
     import type { FeatureCollection, Point } from 'geojson';
@@ -5537,7 +5693,7 @@ declare module '@mappedin/mappedin-js/geojson/src/components/path' {
             mesh: PatMeshContainer;
             material?: PathMaterial;
             geometry?: BufferGeometry;
-            outline?: Mesh;
+            outline?: LineSegments;
             feature: FeatureCollection<Point, PathProperties>;
             options: AddPathOptions;
             nearRadius: number;
@@ -5653,6 +5809,7 @@ declare module '@mappedin/mappedin-js/geojson/src/components/label' {
                             foregroundColor?: string | undefined;
                             backgroundColor?: string | undefined;
                     } | undefined;
+                    margin?: number | undefined;
                     marker?: {
                             size?: number | undefined;
                             foregroundColor?: {
@@ -5664,7 +5821,6 @@ declare module '@mappedin/mappedin-js/geojson/src/components/label' {
                                     inactive?: string | undefined;
                             } | undefined;
                     } | undefined;
-                    margin?: number | undefined;
             }, {
                     text?: {
                             size?: number | undefined;
@@ -5674,6 +5830,7 @@ declare module '@mappedin/mappedin-js/geojson/src/components/label' {
                             foregroundColor?: string | undefined;
                             backgroundColor?: string | undefined;
                     } | undefined;
+                    margin?: number | undefined;
                     marker?: {
                             size?: number | undefined;
                             foregroundColor?: {
@@ -5685,11 +5842,10 @@ declare module '@mappedin/mappedin-js/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;
@@ -5699,6 +5855,7 @@ declare module '@mappedin/mappedin-js/geojson/src/components/label' {
                             foregroundColor?: string | undefined;
                             backgroundColor?: string | undefined;
                     } | undefined;
+                    margin?: number | undefined;
                     marker?: {
                             size?: number | undefined;
                             foregroundColor?: {
@@ -5710,11 +5867,10 @@ declare module '@mappedin/mappedin-js/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;
@@ -5724,6 +5880,7 @@ declare module '@mappedin/mappedin-js/geojson/src/components/label' {
                             foregroundColor?: string | undefined;
                             backgroundColor?: string | undefined;
                     } | undefined;
+                    margin?: number | undefined;
                     marker?: {
                             size?: number | undefined;
                             foregroundColor?: {
@@ -5735,7 +5892,6 @@ declare module '@mappedin/mappedin-js/geojson/src/components/label' {
                                     inactive?: string | undefined;
                             } | undefined;
                     } | undefined;
-                    margin?: number | undefined;
             } | undefined;
     }>;
     export function validateLabel(coordinate: Position, text: string, options: AddLabelOptions): void;
@@ -6082,9 +6238,12 @@ declare module '@mappedin/mappedin-js/geojson/src/entities/group-container' {
     import type { StackComponent } from '@mappedin/mappedin-js/geojson/src/components/stack';
     import type { MarkerState } from '@mappedin/mappedin-js/geojson/src/components/marker';
     import type { LabelState } from '@mappedin/mappedin-js/geojson/src/components/label';
+    import type { Geometry3DTypes } from '@mappedin/mappedin-js/geojson/src/entities/geometry3d';
     import { Geometry3D } from '@mappedin/mappedin-js/geojson/src/entities/geometry3d';
     import type { PathState } from '@mappedin/mappedin-js/geojson/src/components/path';
     import type { InteractionComponent } from '@mappedin/mappedin-js/geojson/src/components/interaction';
+    import type { BatchedText } from '@mappedin/mappedin-js/geojson/src/services/text3d/text3d';
+    import type { EntityTypes } from '@mappedin/mappedin-js/geojson/src/renderer';
     export enum GroupContainerComponents {
             Stack = 0,
             Interaction = 1
@@ -6111,7 +6270,8 @@ declare module '@mappedin/mappedin-js/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>;
@@ -6119,8 +6279,8 @@ declare module '@mappedin/mappedin-js/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;
@@ -6200,7 +6360,7 @@ declare module '@mappedin/mappedin-js/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;
@@ -6231,7 +6391,8 @@ declare module '@mappedin/mappedin-js/geojson/src/types/geometry' {
 }
 
 declare module '@mappedin/mappedin-js/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/mappedin-js/geojson/src/entities/geometry2d';
     import type { Position } from '@mappedin/mappedin-js/geojson/src/types/geometry';
     import type { GeometryState } from '@mappedin/mappedin-js/geojson/src/components/mesh';
@@ -6243,13 +6404,14 @@ declare module '@mappedin/mappedin-js/geojson/src/types' {
     import type { MarkerState } from '@mappedin/mappedin-js/geojson/src/components/marker';
     import type { ImageState } from '@mappedin/mappedin-js/geojson/src/components/image';
     import type { ShapeState } from '@mappedin/mappedin-js/geojson/src/components/custom';
-    import type { Geometry3D } from '@mappedin/mappedin-js/geojson/src/entities';
     import type { Group as TweenGroup } from '@tweenjs/tween.js';
-    import { MaterialSide } from '@mappedin/mappedin-js/geojson/src/components/style';
+    import type { MaterialSide } from '@mappedin/mappedin-js/geojson/src/components/styles';
+    import type { Geometry3DTypes } from '@mappedin/mappedin-js/geojson/src/entities/geometry3d';
+    import type { Text3DState } from '@mappedin/mappedin-js/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.
@@ -6516,14 +6678,18 @@ declare module '@mappedin/mappedin-js/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;
@@ -6537,10 +6703,14 @@ declare module '@mappedin/mappedin-js/geojson/src/types' {
             tweenGroup: TweenGroup;
             cameraObject: Camera;
     };
+    /**
+        * All of the entities in the scene
+        */
+    export type EntityTypes = Geometry3DTypes | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D;
 }
 
 declare module '@mappedin/mappedin-js/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/mappedin-js/geojson/src/systems/mesh-creation-and-optimization/batched-material';
     import type { Position } from '@mappedin/mappedin-js/geojson/src/types';
@@ -6548,7 +6718,9 @@ declare module '@mappedin/mappedin-js/geojson/src/components/mesh' {
     import type { BBox } from '@turf/turf';
     import { type ImageProperties } from '@mappedin/mappedin-js/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;
@@ -6557,6 +6729,7 @@ declare module '@mappedin/mappedin-js/geojson/src/components/mesh' {
             };
     }
     export type MeshComponentProperties = {
+            id: string;
             image?: ImageProperties & {
                     position: GeoJsonPosition;
                     path: string;
@@ -6636,6 +6809,14 @@ declare module '@mappedin/mappedin-js/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;
@@ -6643,7 +6824,11 @@ declare module '@mappedin/mappedin-js/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;
@@ -6655,7 +6840,8 @@ declare module '@mappedin/mappedin-js/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;
@@ -6984,9 +7170,9 @@ declare module '@mappedin/mappedin-js/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;
@@ -7005,14 +7191,14 @@ declare module '@mappedin/mappedin-js/geojson/src/renderer' {
     import type { GroupContainerState } from '@mappedin/mappedin-js/geojson/src/entities/group-container';
     import { GroupContainerObject3D } from '@mappedin/mappedin-js/geojson/src/entities/group-container';
     import { PubSub } from '@mappedin/mappedin-js/packages/common/pubsub';
+    import { Renderer } from '@mappedin/mappedin-js/geojson/src/services/renderer';
     import { CollisionSystem } from '@mappedin/mappedin-js/geojson/src/systems/collisions/system';
     import { InteractionSystem } from '@mappedin/mappedin-js/geojson/src/systems/interactions';
-    import { ZoomInterpolationSystem } from '@mappedin/mappedin-js/geojson/src/systems/zoom-interpolation/zoom-interpolation';
     import type { AddMarkerOptions, MarkerState } from '@mappedin/mappedin-js/geojson/src/components/marker';
     import type { GLTFExportOptions } from '@mappedin/mappedin-js/geojson/src/systems/exporter';
     import { ExporterSystem } from '@mappedin/mappedin-js/geojson/src/systems/exporter';
     import type { AddLabelOptions, LabelState } from '@mappedin/mappedin-js/geojson/src/components/label';
-    import type { LineStyle, PaintStyle, RendererCoreOptions, Position, ModelProperties, ModelStyle, EntityState, EntityId, MapEvent, MapEventPayload, RendererState } from '@mappedin/mappedin-js/geojson/src/types';
+    import type { LineStyle, PaintStyle, RendererCoreOptions, Position, ModelProperties, ModelStyle, EntityState, EntityId, MapEvent, MapEventPayload, RendererState, EntityTypes } from '@mappedin/mappedin-js/geojson/src/types';
     import { MeshCreationAndOptimizationSystem } from '@mappedin/mappedin-js/geojson/src/systems/mesh-creation-and-optimization/system';
     import { DOMVisibilitySystem } from '@mappedin/mappedin-js/geojson/src/systems/dom-visiblity/system';
     import { TwoDProjectionSystem } from '@mappedin/mappedin-js/geojson/src/systems/2d-projection/system';
@@ -7042,11 +7228,13 @@ declare module '@mappedin/mappedin-js/geojson/src/renderer' {
     import { OutdoorLayers } from '@mappedin/mappedin-js/geojson/src/systems/outdoor-layers/system';
     import { PathSystem } from '@mappedin/mappedin-js/geojson/src/systems/path';
     import { type ImageProperties, type ImageState, type ImageStyle } from '@mappedin/mappedin-js/geojson/src/components/image';
+    import type { AddText3DOptions, Text3DState, UpdatableText3DState } from '@mappedin/mappedin-js/geojson/src/components/text3d';
     import { MeshDetachmentSystem } from '@mappedin/mappedin-js/geojson/src/systems/mesh-detachment/system';
     import { MeshModificationSystem } from '@mappedin/mappedin-js/geojson/src/systems/mesh-modification/system';
     import { PreRenderSystem } from '@mappedin/mappedin-js/geojson/src/systems/pre-render/system';
-    import { PolygonLabelSystem } from '@mappedin/mappedin-js/geojson/src/systems/polygon-label/system';
+    import { Text3DSystem } from '@mappedin/mappedin-js/geojson/src/systems/text3d/system';
     import { Group as TweenGroup } from '@tweenjs/tween.js';
+    import { Debug } from '@mappedin/mappedin-js/geojson/src/utils/debug';
     export type * from '@mappedin/mappedin-js/geojson/src/types';
     export const raycaster: Raycaster;
     /**
@@ -7066,7 +7254,6 @@ declare module '@mappedin/mappedin-js/geojson/src/renderer' {
             panBoundsSystem: PanBoundsSystem;
             collisionSystem: CollisionSystem;
             interactionSystem: InteractionSystem;
-            zoomInterpolationSystem: ZoomInterpolationSystem;
             meshOptimizationSystem: MeshCreationAndOptimizationSystem;
             domVisiblitySystem: DOMVisibilitySystem;
             domMutationSystem: DOMResizeSystem;
@@ -7089,16 +7276,18 @@ declare module '@mappedin/mappedin-js/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
                 */
@@ -7157,6 +7346,31 @@ declare module '@mappedin/mappedin-js/geojson/src/renderer' {
                 * Add an HTML Marker at a GeoJSON coordinate.
                 */
             addMarker2D(coordinate: Position, contentHTML: string, options?: AddMarkerOptions, parent?: EntityId<GroupContainerState> | string | number | null): EntityId<MarkerState> | undefined;
+            /**
+                * 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.
                 */
@@ -7175,6 +7389,7 @@ declare module '@mappedin/mappedin-js/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
                 */
@@ -7199,13 +7414,13 @@ declare module '@mappedin/mappedin-js/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;
@@ -7215,6 +7430,7 @@ declare module '@mappedin/mappedin-js/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
@@ -7257,6 +7473,10 @@ declare module '@mappedin/mappedin-js/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.
                 */
@@ -7290,13 +7510,13 @@ declare module '@mappedin/mappedin-js/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
                 */
@@ -7554,19 +7774,462 @@ declare module '@mappedin/mappedin-js/geojson/src/utils/collision-ranking-tier'
     export function convertNumberToCollisionRankingTier(rank: number): CollisionRankingTier;
 }
 
+declare module '@mappedin/mappedin-js/geojson/src/components/text3d' {
+    import type { Position } from '@mappedin/mappedin-js/geojson/src/types';
+    import { z } from 'zod';
+    import type { Feature, Point } from 'geojson';
+    import { Geometry3DObject3D } from '@mappedin/mappedin-js/geojson/src/entities/geometry3d';
+    import type { BatchedText, Text } from '@mappedin/mappedin-js/geojson/src/services/text3d/text3d';
+    import type { Text3DStyle } from '@mappedin/mappedin-js/geojson/src/components/styles';
+    import type { MeshComponentProperties } from '@mappedin/mappedin-js/geojson/src/components/mesh';
+    import type { GroupContainerObject3D } from '@mappedin/mappedin-js/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/mappedin-js/geojson/src/entities/utils' {
+    import type { CollisionRankingTier, GeometryState, LabelState, RendererCore } from '@mappedin/mappedin-js/geojson/src';
+    import { type MarkerState } from '@mappedin/mappedin-js/geojson/src/components/marker';
+    import type { PathUpdateState } from '@mappedin/mappedin-js/geojson/src/components/path';
+    import type { EntityTypes, All3DTypes, Position, RendererState } from '@mappedin/mappedin-js/geojson/src/renderer';
+    import type { KeysOfUnion } from '@mappedin/mappedin-js/geojson/src/utils';
+    import { GeometryGroupObject3D, type GeometryGroupState } from '@mappedin/mappedin-js/geojson/src/entities/geometry-group';
+    import { GroupContainerObject3D } from '@mappedin/mappedin-js/geojson/src/entities/group-container';
+    import type { Geometry3DTypes, TextGeometry3D } from '@mappedin/mappedin-js/geojson/src/entities/geometry3d';
+    import { Geometry3D } from '@mappedin/mappedin-js/geojson/src/entities/geometry3d';
+    import { Geometry2D } from '@mappedin/mappedin-js/geojson/src/entities/geometry2d';
+    import type { StyleComponent } from '@mappedin/mappedin-js/geojson/src/components/styles/style';
+    import type { GeometryGroupStyleComponent } from '@mappedin/mappedin-js/geojson/src/components/geometry-group-style';
+    import { type Text3DState, type UpdatableText3DState } from '@mappedin/mappedin-js/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 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/mappedin-js/packages/geojson-navigator' {
     export * from '@mappedin/mappedin-js/packages/geojson-navigator/src';
 }
 
 declare module '@mappedin/mappedin-js/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/mappedin-js/packages/outdoor-context-v4';
     import type { CustomLayerInterface } from '@mappedin/mappedin-js/packages/outdoor-context-v4';
     import type { GeometryGroupObject3D } from '@mappedin/mappedin-js/geojson/src/entities/geometry-group';
     import type { GroupContainerObject3D } from '@mappedin/mappedin-js/geojson/src/entities/group-container';
     import type { Geometry2D } from '@mappedin/mappedin-js/geojson/src/entities/geometry2d';
-    import type { Geometry3D } from '@mappedin/mappedin-js/geojson/src/entities/geometry3d';
+    import type { Geometry3DTypes } from '@mappedin/mappedin-js/geojson/src/entities/geometry3d';
     import type { Position, RendererState } from '@mappedin/mappedin-js/geojson/src/renderer';
     import type { Camera } from '@mappedin/mappedin-js/geojson/src/camera';
     export function cartesianToGeographic(centerLat: number, centerLon: number, x: number, y: number): {
@@ -7577,7 +8240,7 @@ declare module '@mappedin/mappedin-js/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;
@@ -7633,7 +8296,7 @@ declare module '@mappedin/mappedin-js/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/mappedin-js/geojson/src/utils/bounding-box';
     export function isFiniteBox(box: Box2 | Box3): boolean;
@@ -7642,6 +8305,7 @@ declare module '@mappedin/mappedin-js/geojson/src/utils' {
     export { shouldDisableOffscreenCanvas } from '@mappedin/mappedin-js/geojson/src/utils/browser';
     export { noop, pick, isEmpty, type KeysOfUnion } from '@mappedin/mappedin-js/geojson/src/utils/fp';
     export { transformRequest } from '@mappedin/mappedin-js/geojson/src/utils/tranform-request';
+    export { normalizeAngle } from '@mappedin/mappedin-js/geojson/src/utils/math';
 }
 
 declare module '@mappedin/mappedin-js/geojson/src/utils/constants' {
@@ -7652,56 +8316,26 @@ declare module '@mappedin/mappedin-js/geojson/src/utils/constants' {
     }
 }
 
-declare module '@mappedin/mappedin-js/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/mappedin-js/geojson/src/utils/debug' {
+    import type Core from '@mappedin/mappedin-js/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/mappedin-js/geojson/src/services/test-mode' {
+    export function enableTestMode(): void;
+    export function isTestMode(): boolean;
 }
 
 declare module '@mappedin/mappedin-js/geojson/src/systems/watermark/system' {
@@ -7789,9 +8423,39 @@ declare module '@mappedin/mappedin-js/geojson/src/systems/watermark/system' {
     }
 }
 
-declare module '@mappedin/mappedin-js/geojson/src/systems/exporter' {
-    export { ExporterSystem, type GLTFExportOptions } from '@mappedin/mappedin-js/geojson/src/systems/exporter/exporter';
-}
+declare module '@mappedin/mappedin-js/geojson/src/systems/text3d/system' {
+    import type { RendererState } from '@mappedin/mappedin-js/geojson/src/renderer';
+    import type { RendererCore } from '@mappedin/mappedin-js/geojson/src';
+    import { PubSub } from '@packages/internal/common';
+    import type { BatchedText } from '@mappedin/mappedin-js/geojson/src/services/text3d/text3d';
+    import { GroupContainerObject3D } from '@mappedin/mappedin-js/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/mappedin-js/geojson/src/systems/exporter' {
+    export { ExporterSystem, type GLTFExportOptions } from '@mappedin/mappedin-js/geojson/src/systems/exporter/exporter';
+}
 
 declare module '@mappedin/mappedin-js/geojson/src/systems/html-controls/system' {
     import type { Map } from '@mappedin/mappedin-js/packages/outdoor-context-v4';
@@ -7828,15 +8492,21 @@ declare module '@mappedin/mappedin-js/geojson/src/systems/html-controls/system'
     }
 }
 
+declare module '@mappedin/mappedin-js/geojson/src/components/styles' {
+    export { StyleComponent, DEFAULT_COLOR, type MaterialSide } from '@mappedin/mappedin-js/geojson/src/components/styles/style';
+    export { Text3DStyleComponent, type Text3DStyle, DEFAULT_TEXT_STYLE } from '@mappedin/mappedin-js/geojson/src/components/styles/text-style';
+}
+
 declare module '@mappedin/mappedin-js/mappedin-js/src/api-geojson/api' {
     import type { Position, RendererCore, WatermarkOptions } from '@mappedin/core-sdk';
     import { type TShow3DMapOptions } from '@mappedin/mappedin-js/mappedin-js/src';
     import { WALLS, DOORS } from '@mappedin/mappedin-js/mappedin-js/src/types';
     import type MapData from '@mappedin/mappedin-js/mappedin-js/src/map-data';
     import type { FloorStack, MapDataInternal } from '@mappedin/mappedin-js/mappedin-js/src/map-data-objects';
-    import { Coordinate, MapObject, Space, Floor, Door } from '@mappedin/mappedin-js/mappedin-js/src/map-data-objects';
+    import { Facade, Coordinate, MapObject, Space, Floor, Door } from '@mappedin/mappedin-js/mappedin-js/src/map-data-objects';
     import type { MapView } from '@mappedin/mappedin-js/mappedin-js/src/map-view';
-    import { Label, Marker, type Model, type Image, Shape } from '@mappedin/mappedin-js/mappedin-js/src/map-view-objects';
+    import { Label, Marker, Shape } from '@mappedin/mappedin-js/mappedin-js/src/map-view-objects';
+    import { Text3D as Text3DView, type Image } from '@mappedin/mappedin-js/mappedin-js/src/map-view-objects';
     import { Navigation } from '@mappedin/mappedin-js/mappedin-js/src/navigation';
     import type { TGetState, TUpdateState } from '@mappedin/mappedin-js/mappedin-js/src/types';
     import { Camera } from '@mappedin/mappedin-js/mappedin-js/src/api-geojson/camera';
@@ -7852,6 +8522,7 @@ declare module '@mappedin/mappedin-js/mappedin-js/src/api-geojson/api' {
     import { Shapes } from '@mappedin/mappedin-js/mappedin-js/src/api-geojson/shapes';
     import { Style } from '@mappedin/mappedin-js/mappedin-js/src/api-geojson/style';
     import Outdoor from '@mappedin/mappedin-js/mappedin-js/src/api-geojson/outdoor';
+    import { Text3D } from '@mappedin/mappedin-js/mappedin-js/src/api-geojson/text3d';
     export class GeoJsonApi {
         core: RendererCore;
         mapObjects: GeojsonApiMapObject[];
@@ -7865,6 +8536,7 @@ declare module '@mappedin/mappedin-js/mappedin-js/src/api-geojson/api' {
         mapView: MapView;
         Camera: Camera;
         Labels: Labels;
+        Text3D: Text3D;
         Markers: Markers;
         Models: Models;
         Paths: Paths;
@@ -7878,7 +8550,7 @@ declare module '@mappedin/mappedin-js/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;
@@ -7888,7 +8560,7 @@ declare module '@mappedin/mappedin-js/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;
@@ -7911,16 +8583,17 @@ declare module '@mappedin/mappedin-js/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/mappedin-js/mappedin-js/src/api-geojson/floor-object';
     import type { Coordinate, Directions, Floor, TAddMarkerOptions, TAddPathOptions, TShow3DMapOptions } from '@mappedin/mappedin-js/mappedin-js/src';
-    import type { GLTFExportOptions, TAnimationOptions, TAddModelOptions, TAddModel, TAddImageOptions, TDirectionInstruction } from '@mappedin/mappedin-js/mappedin-js/src/types';
+    import type { GLTFExportOptions, TAnimationOptions, TAddModelOptions, TAddModel, TAddImageOptions, TDirectionInstruction, TAddText3DOptions } from '@mappedin/mappedin-js/mappedin-js/src/types';
     import { type AggregatedStyleMap } from '@mappedin/mappedin-js/mappedin-js/src/api-geojson/utils';
     import { StackedMaps } from '@mappedin/mappedin-js/mappedin-js/src/api-geojson/stacked-maps/stacked-maps';
     import type { TFloorChangeReason } from '@mappedin/mappedin-js/mappedin-js/src/events';
     import type { Path, Shape } from '@mappedin/mappedin-js/mappedin-js/src/map-view-objects';
-    import type { Space, Door, PointOfInterest, MapObject, Node, MapDataInternal } from '@mappedin/mappedin-js/mappedin-js/src/map-data-objects';
+    import type { Door, PointOfInterest, MapObject, Node, MapDataInternal, Space } from '@mappedin/mappedin-js/mappedin-js/src/map-data-objects';
     import { type GeoJsonApi } from '@mappedin/mappedin-js/mappedin-js/src/api-geojson/api';
     import { FloorStackObject } from '@mappedin/mappedin-js/mappedin-js/src/api-geojson/floor-stack-object';
     import { DynamicFocus } from '@mappedin/mappedin-js/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;
@@ -7968,7 +8641,7 @@ declare module '@mappedin/mappedin-js/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;
         };
@@ -7989,6 +8662,11 @@ declare module '@mappedin/mappedin-js/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;
@@ -8010,6 +8688,10 @@ declare module '@mappedin/mappedin-js/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/mappedin-js/mappedin-js/src/map-view-objects/label' {
@@ -8257,6 +8939,39 @@ declare module '@mappedin/mappedin-js/mappedin-js/src/map-view-objects/shape' {
     }
 }
 
+declare module '@mappedin/mappedin-js/mappedin-js/src/map-view-objects/text3d' {
+    import type { Space, EnterpriseLocation } from '@mappedin/mappedin-js/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/mappedin-js/mappedin-js/src/api-geojson/camera' {
     import type { TCameraAnimationOptions, TCameraFocusOnTarget, TCameraTarget, TFocusOnOptions } from '@mappedin/mappedin-js/mappedin-js/src/types';
     import type { InsetPadding, RendererCore } from '@mappedin/core-sdk';
@@ -8577,7 +9292,7 @@ declare module '@mappedin/mappedin-js/mappedin-js/src/api-geojson/markers' {
 declare module '@mappedin/mappedin-js/mappedin-js/src/api-geojson/models' {
     import type { TAddModelOptions, TAddModel } from '@mappedin/mappedin-js/mappedin-js/src/types';
     import { Model } from '@mappedin/mappedin-js/mappedin-js/src/map-view-objects';
-    import type { GeojsonApiMapObject } from '@mappedin/mappedin-js/mappedin-js/src/api-geojson/map-object';
+    import type { CurrentMapGetter } from '@mappedin/mappedin-js/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.
     
@@ -8596,7 +9311,7 @@ declare module '@mappedin/mappedin-js/mappedin-js/src/api-geojson/models' {
             /**
                 * @internal
                 */
-            get currentMap(): GeojsonApiMapObject | undefined;
+            get currentMap(): import("./map-object").GeojsonApiMapObject | undefined;
             /**
                 * @internal
                 */
@@ -8638,8 +9353,6 @@ declare module '@mappedin/mappedin-js/mappedin-js/src/api-geojson/models' {
                 */
             removeAll(): Model[];
     }
-    type CurrentMapGetter = () => GeojsonApiMapObject | undefined;
-    export {};
 }
 
 declare module '@mappedin/mappedin-js/mappedin-js/src/api-geojson/paths' {
@@ -9832,20 +10545,24 @@ declare module '@mappedin/mappedin-js/geojson/src/entities/geometry3d' {
     import type { MeshComponent } from '@mappedin/mappedin-js/geojson/src/components/mesh';
     import type { ModelComponent } from '@mappedin/mappedin-js/geojson/src/components/model';
     import type { PathComponent } from '@mappedin/mappedin-js/geojson/src/components/path';
-    import type { StyleComponent } from '@mappedin/mappedin-js/geojson/src/components/style';
+    import type { StyleComponent } from '@mappedin/mappedin-js/geojson/src/components/styles/style';
     import type { ImageComponent } from '@mappedin/mappedin-js/geojson/src/components/image';
     import type { CustomGeometryComponent } from '@mappedin/mappedin-js/geojson/src/components/custom';
     import type { GroupContainerObject3D } from '@mappedin/mappedin-js/geojson/src/entities/group-container';
     import type { GeometryGroupObject3D } from '@mappedin/mappedin-js/geojson/src/entities/geometry-group';
+    import type { Text3DComponent } from '@mappedin/mappedin-js/geojson/src/components/text3d';
+    import type { Text3DStyleComponent } from '@mappedin/mappedin-js/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 & {
@@ -9855,15 +10572,23 @@ declare module '@mappedin/mappedin-js/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;
+        components: [M, S, I?];
+        get object3d(): M["mesh"];
         get parent(): GroupContainerObject3D | GeometryGroupObject3D | null;
-        get type(): 'geometry' | 'path' | 'model' | 'custom-geometry' | 'image';
-        constructor(meshComponent: MeshComponent | PathComponent | ModelComponent | CustomGeometryComponent | ImageComponent, styleComponent: StyleComponent);
-    }
+        get type(): T;
+        constructor(meshComponent: M, styleComponent: S);
+    }
+    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';
@@ -9946,6 +10671,7 @@ declare module '@mappedin/mappedin-js/geojson/src/entities/geometry3d' {
             value: number;
         };
     }
+    export {};
 }
 
 declare module '@mappedin/mappedin-js/geojson/src/entities/geometry2d' {
@@ -9959,6 +10685,7 @@ declare module '@mappedin/mappedin-js/geojson/src/entities/geometry2d' {
         Interaction = 1
     }
     export class Geometry2DObject3D extends Object3D {
+        readonly type: "geometry2dObject3d";
     }
     export class Geometry2D {
         id: string | number;
@@ -9987,17 +10714,44 @@ declare module '@mappedin/mappedin-js/geojson/src/components/stack' {
 
 declare module '@mappedin/mappedin-js/geojson/src/components/interaction' {
     export class InteractionComponent {
-        hover: boolean;
+        hover: boolean | 'user-interaction';
         dirty: boolean;
     }
 }
 
+declare module '@mappedin/mappedin-js/geojson/src/services/text3d/text3d' {
+    import { type Text3DStyleComponent } from '@mappedin/mappedin-js/geojson/src/components/styles';
+    import { Text, BatchedText } from 'troika-three-text';
+    import type { RendererCore } from '@mappedin/mappedin-js/geojson/src';
+    import type { Text3DComponent } from '@mappedin/mappedin-js/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/mappedin-js/geojson/src/components/geometry-group-style' {
     import { type Shading } from '@mappedin/mappedin-js/geojson/src/types';
     type GeometryGroupStyle = {
         color: string;
         topColor?: string;
         opacity: number;
+        height?: number;
         shading?: Shading;
         outline: boolean;
         texture?: string;
@@ -10008,6 +10762,7 @@ declare module '@mappedin/mappedin-js/geojson/src/components/geometry-group-styl
         color: string;
         topColor?: string;
         opacity: number;
+        height?: number;
         outline: boolean;
         texture?: string;
         topTexture?: string;
@@ -10154,68 +10909,6 @@ declare module '@mappedin/mappedin-js/geojson/src/components/image' {
     }
 }
 
-declare module '@mappedin/mappedin-js/geojson/src/entities' {
-    export { updateInteractivity } from '@mappedin/mappedin-js/geojson/src/entities/utils';
-    export { Geometry2D, Geometry2DComponents } from '@mappedin/mappedin-js/geojson/src/entities/geometry2d';
-    export { Geometry3D, Geometry3DComponents, type PathMesh, type PatMeshContainer, type PathMaterial, } from '@mappedin/mappedin-js/geojson/src/entities/geometry3d';
-}
-
-declare module '@mappedin/mappedin-js/geojson/src/components/style' {
-    import type { LineStyle } from '@mappedin/mappedin-js/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/mappedin-js/geojson/src/types/options' {
     import type { Position } from '@mappedin/mappedin-js/geojson/src/types/geometry';
     import type { Map as MapLibreMap } from '@mappedin/mappedin-js/packages/outdoor-context-v4';
@@ -10344,38 +11037,71 @@ declare module '@mappedin/mappedin-js/packages/common/pubsub' {
     }
 }
 
-declare module '@mappedin/mappedin-js/geojson/src/systems/interactions' {
-    export { InteractionSystem } from '@mappedin/mappedin-js/geojson/src/systems/interactions/system';
-}
-
-declare module '@mappedin/mappedin-js/geojson/src/systems/zoom-interpolation/zoom-interpolation' {
-    import { PubSub } from '@mappedin/mappedin-js/packages/common/pubsub';
-    import LabelComponent from '@mappedin/mappedin-js/geojson/src/components/label';
-    import type { MarkerComponent } from '@mappedin/mappedin-js/geojson/src/components/marker';
-    import { MeshComponent } from '@mappedin/mappedin-js/geojson/src/components/mesh';
-    type SomeEvent = {
-        'invalidate:2d': undefined;
+declare module '@mappedin/mappedin-js/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/mappedin-js/geojson/src/systems/interactions' {
+    export { InteractionSystem } from '@mappedin/mappedin-js/geojson/src/systems/interactions/system';
 }
 
 declare module '@mappedin/mappedin-js/geojson/src/systems/mesh-creation-and-optimization/system' {
     import type { BufferGeometry } from 'three';
     import type { RendererState } from '@mappedin/mappedin-js/geojson/src/renderer';
     import { Geometry3D, Geometry3DObject3D } from '@mappedin/mappedin-js/geojson/src/entities/geometry3d';
-    import { type MeshComponentProperties } from '@mappedin/mappedin-js/geojson/src/components/mesh';
+    import { MeshComponent, type MeshComponentProperties } from '@mappedin/mappedin-js/geojson/src/components/mesh';
+    import { StyleComponent } from '@mappedin/mappedin-js/geojson/src/components/styles/style';
     import type { Feature, LineString, MultiPolygon, Point, Polygon } from 'geojson';
     import type { LineStyle, ModelProperties, ModelStyle, PaintStyle } from '@mappedin/mappedin-js/geojson/src/types';
     import type { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
+    import type { ModelGeometry3D } from '@mappedin/mappedin-js/geojson/src/entities';
     import { PubSub } from '@packages/internal/common';
     export class MeshCreationAndOptimizationSystem extends PubSub<{
         'model-loaded': void;
@@ -10385,8 +11111,8 @@ declare module '@mappedin/mappedin-js/geojson/src/systems/mesh-creation-and-opti
         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>;
@@ -10470,9 +11196,9 @@ declare module '@mappedin/mappedin-js/geojson/src/systems/2d-draw/system' {
 declare module '@mappedin/mappedin-js/geojson/src/systems/draw/system' {
     import { PubSub } from '@packages/internal/common';
     import { MeshComponent } from '@mappedin/mappedin-js/geojson/src/components/mesh';
-    import { StyleComponent } from '@mappedin/mappedin-js/geojson/src/components/style';
+    import type { StyleComponent } from '@mappedin/mappedin-js/geojson/src/components/styles/style';
     import type { RendererState } from '@mappedin/mappedin-js/geojson/src/renderer';
-    import { InteractionComponent } from '@mappedin/mappedin-js/geojson/src/components/interaction';
+    import type { InteractionComponent } from '@mappedin/mappedin-js/geojson/src/components/interaction';
     import type { GeometryGroupStyleComponent } from '@mappedin/mappedin-js/geojson/src/components/geometry-group-style';
     export class DrawSystem extends PubSub<{
         'texture-loaded': void;
@@ -10519,7 +11245,7 @@ declare module '@mappedin/mappedin-js/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;
     }
 }
@@ -10835,7 +11561,7 @@ declare module '@mappedin/mappedin-js/geojson/src/systems/path' {
 }
 
 declare module '@mappedin/mappedin-js/geojson/src/systems/mesh-detachment/system' {
-    import { type Geometry3DTypes, type RendererState } from '@mappedin/mappedin-js/geojson/src/renderer';
+    import { type All3DTypes, type RendererState } from '@mappedin/mappedin-js/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.
@@ -10845,16 +11571,13 @@ declare module '@mappedin/mappedin-js/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/mappedin-js/geojson/src/systems/mesh-modification/system' {
-    import { Geometry3D } from '@mappedin/mappedin-js/geojson/src/entities';
-    import type { GeometryGroupObject3D } from '@mappedin/mappedin-js/geojson/src/entities/geometry-group';
-    import type { GroupContainerObject3D } from '@mappedin/mappedin-js/geojson/src/entities/group-container';
-    import type { RendererState } from '@mappedin/mappedin-js/geojson/src/renderer';
+    import type { EntityTypes, RendererState } from '@mappedin/mappedin-js/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,
@@ -10867,7 +11590,7 @@ declare module '@mappedin/mappedin-js/geojson/src/systems/mesh-modification/syst
         rendererState: RendererState;
         dirty: boolean;
         constructor(rendererState: RendererState);
-        updateOne(entity: Geometry3D | GeometryGroupObject3D | GroupContainerObject3D | undefined): void;
+        updateOne(entity?: EntityTypes): void;
         update(): void;
         cleanup(): void;
     }
@@ -10886,14 +11609,58 @@ declare module '@mappedin/mappedin-js/geojson/src/systems/pre-render/system' {
     }
 }
 
-declare module '@mappedin/mappedin-js/geojson/src/systems/polygon-label/system' {
-    import type { RendererState } from '@mappedin/mappedin-js/geojson/src/renderer';
-    import type { RendererCore } from '@mappedin/mappedin-js/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/mappedin-js/geojson/src/components/styles/style' {
+    import type { LineStyle } from '@mappedin/mappedin-js/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/mappedin-js/packages/geojson-navigator/src' {
@@ -10988,6 +11755,17 @@ declare module '@mappedin/mappedin-js/geojson/src/utils/tranform-request' {
     };
 }
 
+declare module '@mappedin/mappedin-js/geojson/src/utils/math' {
+    export function normalizeAngle(angle: number): number;
+}
+
+declare module '@mappedin/mappedin-js/geojson/src/entities' {
+    export { updateInteractivity } from '@mappedin/mappedin-js/geojson/src/entities/utils';
+    export { Geometry2D, Geometry2DComponents } from '@mappedin/mappedin-js/geojson/src/entities/geometry2d';
+    export { Geometry3D, Geometry3DComponents } from '@mappedin/mappedin-js/geojson/src/entities/geometry3d';
+    export type { PathMesh, PatMeshContainer, PathMaterial, Geometry3DTypes, ImageGeometry3D, TextGeometry3D, ModelGeometry3D, CustomGeometry3D, MeshGeometry3D, } from '@mappedin/mappedin-js/geojson/src/entities/geometry3d';
+}
+
 declare module '@mappedin/mappedin-js/geojson/src/systems/exporter/exporter' {
     import type { RendererState } from '@mappedin/mappedin-js/geojson/src/renderer';
     export type GLTFExportOptions = {
@@ -11018,6 +11796,155 @@ declare module '@mappedin/mappedin-js/geojson/src/systems/exporter/exporter' {
     }
 }
 
+declare module '@mappedin/mappedin-js/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/mappedin-js/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';
@@ -11056,7 +11983,7 @@ declare module '@mappedin/mappedin-js/mappedin-js/src/api-geojson/utils' {
     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/mappedin-js/mappedin-js/src';
     import type { TDoorsState, TMarkerState, TWallsState } from '@mappedin/mappedin-js/mappedin-js/src/types';
-    import type { Image, Shape } from '@mappedin/mappedin-js/mappedin-js/src/map-view-objects';
+    import type { Image, Shape, Text3D } from '@mappedin/mappedin-js/mappedin-js/src/map-view-objects';
     import type { GeoJsonApi } from '@mappedin/mappedin-js/mappedin-js/src/api-geojson/api';
     import type { Tween } from '@tweenjs/tween.js';
     export function convertCoordinateToPosition(coord: Coordinate): Position;
@@ -11085,7 +12012,7 @@ declare module '@mappedin/mappedin-js/mappedin-js/src/api-geojson/utils' {
     };
     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 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 unique<T>(array: T[]): T[];
 }
@@ -11149,42 +12076,6 @@ declare module '@mappedin/mappedin-js/geojson/src/systems/collisions/collider-pr
     };
 }
 
-declare module '@mappedin/mappedin-js/geojson/src/entities/utils' {
-    import type { CollisionRankingTier, GeometryState, LabelState, RendererCore } from '@mappedin/mappedin-js/geojson/src';
-    import { type MarkerState } from '@mappedin/mappedin-js/geojson/src/components/marker';
-    import type { PathUpdateState } from '@mappedin/mappedin-js/geojson/src/components/path';
-    import type { Geometry3DTypes, Position, RendererState } from '@mappedin/mappedin-js/geojson/src/renderer';
-    import { GeometryGroupObject3D, type GeometryGroupState } from '@mappedin/mappedin-js/geojson/src/entities/geometry-group';
-    import { GroupContainerObject3D } from '@mappedin/mappedin-js/geojson/src/entities/group-container';
-    import { Geometry3D } from '@mappedin/mappedin-js/geojson/src/entities/geometry3d';
-    import { Geometry2D } from '@mappedin/mappedin-js/geojson/src/entities/geometry2d';
-    import type { StyleComponent } from '@mappedin/mappedin-js/geojson/src/components/style';
-    import type { GeometryGroupStyleComponent } from '@mappedin/mappedin-js/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/mappedin-js/geojson/src/systems/interactions/system' {
     import type { PerspectiveCamera, Vector3, Object3D, Mesh } from 'three';
     import { Raycaster } from 'three';