@mappedin/react-sdk 6.0.1-beta.3 → 6.0.1-beta.5

package/lib/esm/index.d.ts

@@ -6,14 +6,15 @@
 //   ../react/@packages/internal/common/pubsub
 //   ../react/@packages/internal/common/Mappedin.Logger
 //   ../react/geojson
-//   ../react/@mappedin/core-sdk
 //   ../react/@packages/internal/common
-//   ../react/@packages/internal/outdoor-context-v4
+//   ../react/@mappedin/core-sdk
 //   ../react/@mappedin/core-sdk/src/camera
 //   ../react/three
+//   ../react/zod
 //   ../react/@packages/internal/shave-text/shave-text
 //   ../react/@turf/turf
 //   ../react/@packages/internal/quad-tree
+//   ../react/@packages/internal/outdoor-context-v4
 //   ../react/@packages/internal/geojson-navigator
 //   ../react/three/addons/loaders/GLTFLoader.js
 //   ../react/@mapbox/point-geometry
@@ -244,11 +245,10 @@ declare module '@mappedin/react-sdk/mappedin-js/src' {
     import type { Floor } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     import type { ParsedMVF as TMVF, StyleCollection as TMVFStyleCollection, Style as TMVFStyle, LineStringStyle as TMVFLineStringStyle, PolygonStyle as TMVFPolygonStyle, PointStyle as TMVFPointStyle } from '@mappedin/mvf';
     import { MapView } from '@mappedin/react-sdk/mappedin-js/src/map-view';
-    import type { Shading, PaintStyle, LineStyle, WatermarkOptions, Position } from '@mappedin/react-sdk/geojson/src';
+    import type { Shading, PaintStyle, LineStyle, WatermarkOptions } from '@mappedin/react-sdk/geojson/src';
     import { enableTestMode } from '@mappedin/react-sdk/geojson/src';
     export type { PubSub } from '@packages/internal/common/pubsub';
-    import { MapLibreOverlay } from '@mappedin/react-sdk/geojson/src/maplibre-overlay';
-    import { analytics } from '@mappedin/react-sdk/mappedin-js/src/analytics';
+    import { MappedinMapLibreOverlay } from '@mappedin/react-sdk/mappedin-js/src/maplibre-overlay';
     export { setLoggerLevel, E_SDK_LOG_LEVEL } from '@packages/internal/common/Mappedin.Logger';
     /**
         * Represents all the available antialiasing options.
@@ -460,6 +460,14 @@ declare module '@mappedin/react-sdk/mappedin-js/src' {
                 * @experimental
                 */
             style?: {
+                    /**
+                        * Background color. Only relevant if outdoor map is disabled.
+                        */
+                    backgroundColor?: string;
+                    /**
+                        * Background alpha value. Only relevant if outdoor map is disabled.
+                        */
+                    backgroundAlpha?: number;
                     /**
                         * Set the global shading for all elements. True will use default values, false will disable shading.
                         * @default true
@@ -497,26 +505,6 @@ declare module '@mappedin/react-sdk/mappedin-js/src' {
         * const data = await getMapData({ key: 'api_key', secret: 'api_secret', mapId: 'id' });
         */
     export const getMapData: (userOptions: TGetMapDataOptions) => Promise<MapData>;
-    class MappedinMapLibreOverlay extends MapLibreOverlay<{
-            /**
-                * Event emitted when the MappedinMap is loaded
-                */
-            loaded: {
-                    /**
-                        * MapView instance
-                        */
-                    mapView: MapView;
-                    /**
-                        * MapData instance
-                        */
-                    mapData: MapData;
-            };
-    }> {
-            #private;
-            static instance: MappedinMapLibreOverlay;
-            constructor(origin: Position | undefined, mapData: MapData, options?: TShow3DMapOptions);
-            onAdd(map: any): HTMLDivElement;
-    }
     /**
         * Create a MapLibre overlay with a Map to render it within existing MapLibre projects.
         * @experimental
@@ -527,13 +515,13 @@ declare module '@mappedin/react-sdk/mappedin-js/src' {
     export { parseMVF, unzipMVF, enableTestMode };
     export type { MapView, MapData, MappedinMapLibreOverlay, TEvents, TEventPayload, TClickPayload, THoverPayload, TShow3DMapOptions, TGetMapDataOptions, TGetMapDataWithAccessTokenOptions, TGetMapDataWithCredentialsOptions, TGetMapDataSharedOptions, TAmbientOcclusionOptions, TAntialiasingOptions, TMVF, PaintStyle, LineStyle, Shading, TMVFStyleCollection, TMVFStyle, TMVFLineStringStyle, TMVFPolygonStyle, TMVFPointStyle, };
     export type * from 'geojson';
-    export type { TUpdateState, TLabelState, TGeometryState, TCameraAnimationOptions, TAnimationOptions, TFocusOnOptions, TEasingFunction, TCameraTarget, TNavigationTarget, TDirectionZone, TCameraFocusOnTarget, TAddMarkerOptions, TAddPathOptions, TLabelAppearance, TAddLabelOptions, TAddModelOptions, TAddModel, TGetDirectionsOptions, TCollisionRankingTier, TMarkerAnchor, TDirectionInstruction, TDirectionInstructionAction, TGetState, TMarkerState, } from '@mappedin/react-sdk/mappedin-js/src/types';
+    export type { TUpdateState, TLabelState, TGeometryState, TCameraAnimationOptions, TAnimationOptions, TFocusOnOptions, TEasingFunction, TCameraTarget, TNavigationTarget, TDirectionZone, TCameraFocusOnTarget, TAddMarkerOptions, TAddPathOptions, TLabelAppearance, TAddLabelOptions, TAddModelOptions, TAddModel, TGetDirectionsOptions, TCollisionRankingTier, TMarkerAnchor, TDirectionInstruction, TDirectionInstructionAction, TGetState, TMarkerState, TBlueDotOptions, } from '@mappedin/react-sdk/mappedin-js/src/types';
+    export { WALLS, DOORS } from '@mappedin/react-sdk/mappedin-js/src/types';
     export type { Label, Marker, Path, Shape, CameraTransform, Model } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
     export type { Navigation, TNavigationOptions } from '@mappedin/react-sdk/mappedin-js/src/navigation';
     export type { TSpaceType } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     export { Coordinate, Annotation, Connection, Door, Floor, MapObject, PointOfInterest, Space, Image, Hyperlink, } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     export type { Camera, Models, Labels, Markers, Paths, Exporter, Directions, Style, Shapes, Outdoor, } from '@mappedin/react-sdk/mappedin-js/src/api-geojson';
-    export { analytics };
 }
 
 declare module '@mappedin/react-sdk/react-sdk/src/type-utils' {
@@ -562,7 +550,12 @@ declare module '@mappedin/react-sdk/react-sdk/src' {
 }
 
 declare module '@mappedin/react-sdk/mappedin-js/src/map-data' {
+    import { PubSub } from '@packages/internal/common';
+    import { Analytics } from '@mappedin/react-sdk/mappedin-js/src/analytics';
     import type { Connection, Door, Floor, MapDataInternal, Space, MapObject, PointOfInterest, Annotation, Coordinate } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
+    import type Category from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/category';
+    import type Location from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/location';
+    import type Venue from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/venue';
     /**
         * A WeakMap to associate {@link MapData} instances with their internal representation.
         * We need a way to get the internal data object from the API
@@ -574,8 +567,14 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data' {
         * Represents the data for a map, providing access to map elements
         * like spaces, floors, and points of interest.
         */
-    class MapData {
+    class MapData extends PubSub<{
+            'language-change': {
+                    code: string;
+                    name: string;
+            };
+    }> {
             #private;
+            Analytics: Analytics;
             /**
                 * Constructs a new instance of {@link MapData}.
                 *
@@ -600,6 +599,10 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data' {
                 * @returns {string} The organization ID of the map.
                 */
             get organizationId(): string;
+            /**
+                * @internal
+                */
+            get venue(): Venue | undefined;
             /**
                 * The token is used to fetch outdoor tiles.
                 *
@@ -657,6 +660,14 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data' {
                 * const annotations = mapData.getByType('annotation');
                 */
             getByType(type: 'annotation'): Annotation[];
+            /**
+                * @internal
+                */
+            getByType(type: 'location'): Location[];
+            /**
+                * @internal
+                */
+            getByType(type: 'category'): Category[];
             /**
                 * Retrieves a specific map feature by its type and ID.
                 *
@@ -673,9 +684,26 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data' {
             getById(type: 'object', id: string): MapObject | undefined;
             getById(type: 'point-of-interest', id: string): PointOfInterest | undefined;
             getById(type: 'annotation', id: string): Annotation | undefined;
+            getById(type: 'location', id: string): Location | undefined;
+            getById(type: 'category', id: string): Category | undefined;
             getById(type: string, id: string): object | undefined;
+            /**
+                * @internal
+                */
+            changeLanguage(languageCode: string): Promise<void>;
+            /**
+                * @internal
+                */
+            get currentLanguage(): {
+                    code: string;
+                    name: string;
+            };
     }
     export default MapData;
+    /**
+        * @internal
+        */
+    export function getMapDataInternal(mapData: MapData): MapDataInternal;
 }
 
 declare module '@mappedin/react-sdk/mappedin-js/src/events' {
@@ -799,15 +827,26 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects' {
     import Annotation from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/annotation';
     import Hyperlink from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/hyperlink';
     import Image from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/image';
-    import type { AnnotationCollection, ParsedMVF, Connection as MVFConnection, EntranceCollection, NodeCollection, ObstructionCollection, SpaceCollection, Map as MVFMap } from '@mappedin/mvf';
+    import type { AnnotationCollection, ParsedMVF, Connection as MVFConnection, EntranceCollection, NodeCollection, ObstructionCollection, SpaceCollection, Map as MVFMap, EnterpriseLocation, EnterpriseCategory } from '@mappedin/mvf';
     import type { MapDataObjects } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/types';
+    import type Location from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/location';
+    import type Category from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/category';
+    import Venue from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/venue';
+    import { PubSub } from '@packages/internal/common';
+    import { AnalyticsInternal } from '@mappedin/react-sdk/mappedin-js/src/analytics';
     /**
         * Internal class representing detailed map data.
         *
         * @internal
         */
-    class MapDataInternal {
+    class MapDataInternal extends PubSub<{
+            'language-change': {
+                    code: string;
+                    name: string;
+            };
+    }> {
             #private;
+            Analytics: AnalyticsInternal;
             /**
                 * Represents the parsed Mappedin Venue Format (MVF) data.
                 */
@@ -828,7 +867,9 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects' {
                 * Represents a map of entrance IDs to obstruction IDs.
                 */
             readonly obstructionIdByEntranceId: Record<string, string>;
+            readonly venue?: Venue;
             doorsByNodeId: Record<string, Door>;
+            locationsBySpaceId: Record<string, EnterpriseLocation[]>;
             /**
                 * @internal
                 */
@@ -891,6 +932,8 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects' {
                 * @returns {Annotation[]} An array of Annotation objects.
                 */
             get nodes(): Node[];
+            get locations(): Location[];
+            get categories(): Category[];
             /**
                 * Retrieves an object by its type and ID.
                 *
@@ -906,6 +949,8 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects' {
             getById(type: 'object', id: string): MapObject | undefined;
             getById(type: 'point-of-interest', id: string): PointOfInterest | undefined;
             getById(type: 'annotation', id: string): Annotation | undefined;
+            getById(type: 'location', id: string): Location | undefined;
+            getById(type: 'category', id: string): Category | undefined;
             getMapDataById(id: string): MapDataObjects | undefined;
             /**
                 * Retrieves a feature by its type and ID from the Mappedin Venue Format (MVF) data.
@@ -923,6 +968,25 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects' {
             getMVFFeatureById(type: 'annotation', id: string): AnnotationCollection['features'][number] | undefined;
             getMVFFeatureById(type: string, id: string): object | undefined;
             getMVFFeatureByNodeId(type: 'connection', id: string): MVFConnection | undefined;
+            currentLanguage: {
+                    code: string;
+                    name: string;
+            };
+            /**
+                * These represent maps of diffed objects that are used to store the translated values
+                */
+            languagePacks: {
+                    [key: string]: {
+                            location: {
+                                    [key: string]: Partial<EnterpriseLocation>;
+                            };
+                            category: {
+                                    [key: string]: Partial<EnterpriseCategory>;
+                            };
+                    };
+            };
+            getPropTranslation(type: 'location' | 'category', prop: string, id: string, fallback: EnterpriseLocation[keyof EnterpriseLocation] | EnterpriseCategory[keyof EnterpriseCategory]): unknown;
+            changeLanguage(languageCode: string): Promise<void>;
             /**
                 * Cleans up resources used by the instance.
                 *
@@ -930,7 +994,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects' {
                 */
             destroy(): void;
     }
-    export { MapDataInternal, Space, Floor, Connection, MapObject, Door, Coordinate, PointOfInterest, Annotation, Hyperlink, Image, };
+    export { MapDataInternal, Space, Floor, Connection, MapObject, Door, Coordinate, PointOfInterest, Annotation, Hyperlink, Image, Location, };
     export type { TSpaceType } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/space';
     export type { MapDataObjects };
 }
@@ -940,12 +1004,12 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view' {
     import { PubSub } from '@packages/internal/common';
     import { type TEvents, type TShow3DMapOptions } from '@mappedin/react-sdk/mappedin-js/src';
     import type { Navigation } from '@mappedin/react-sdk/mappedin-js/src/navigation';
-    import type { Camera, Labels, Markers, Models, Paths, Exporter, Directions, Style, Outdoor } from '@mappedin/react-sdk/mappedin-js/src/api-geojson';
+    import type { Camera, Labels, Markers, Models, Paths, Exporter, Directions, Style, Outdoor, Images } from '@mappedin/react-sdk/mappedin-js/src/api-geojson';
     import type { BlueDot } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/blue-dot/blue-dot';
     import type MapData from '@mappedin/react-sdk/mappedin-js/src/map-data';
-    import type { Floor, MapObject, Space } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
-    import type { TGetDirectionsOptions, TGetState, TNavigationTarget, TUpdateState, TUpdateStates } from '@mappedin/react-sdk/mappedin-js/src/types';
-    import type { Label, Marker } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
+    import type { Door, Floor, MapObject, Space } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
+    import type { DOORS, WALLS, TGetDirectionsOptions, TGetState, TNavigationTarget, TUpdateState, TUpdateStates } from '@mappedin/react-sdk/mappedin-js/src/types';
+    import type { Label, Marker, Image } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
     import type { TEventPayload } from '@mappedin/react-sdk/mappedin-js/src/events';
     import type { Shapes } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/shapes';
     export class MapView extends PubSub<TEvents> {
@@ -962,6 +1026,10 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view' {
                 * Controls for the map's markers.
                 */
             Markers: Markers;
+            /**
+                * Controls for the map's markers.
+                */
+            Images: Images;
             /**
                 * Controls for the map's models.
                 */
@@ -1017,8 +1085,8 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view' {
                 * // Update the color of a space to red.
                 * map.updateState(space, { color: 'red' });
                 */
-            updateState<T extends Space | MapObject | Label | Marker>(target: T | string, state: TUpdateState<T>): any;
-            updateState<T extends 'walls' | (string & NonNullable<unknown>)>(target: T, state: TUpdateStates): any;
+            updateState<T extends Space | MapObject | Label | Marker | Door | WALLS | DOORS>(target: T, state: TUpdateState<T>): any;
+            updateState<T extends string & NonNullable<unknown>>(target: T, state: TUpdateStates): any;
             update: () => void;
             getMapData(): {
                     [x: string]: MapData;
@@ -1066,7 +1134,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view' {
                 * @hidden
                 */
             updateWatermark(options: Omit<WatermarkOptions, 'onClick'>): void;
-            getState<T extends Space | MapObject | Label | Marker | string>(target: T): TGetState<T> | undefined;
+            getState<T extends Space | MapObject | Label | Marker | Image | string>(target: T): TGetState<T> | undefined;
             setHoverColor(c: string): void;
             getHoverColor(): string | undefined;
             /**
@@ -1147,14 +1215,17 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view' {
                 * @internal
                 */
             get __core(): RendererCore;
+            /**
+                * Clears all added elements from the map.
+                */
+            clear(): void;
             /**
                 * Destroys the MapView.
                 */
             destroy(): void;
             /**
-                * @internal
                 * @experimental
-                * SDK debug mode wip
+                * Enable debug interface
                 */
             enableDebug(): Promise<void>;
     }
@@ -1164,8 +1235,8 @@ declare module '@mappedin/react-sdk/geojson/src' {
     import type { MarkerState, AddMarkerOptions } from '@mappedin/react-sdk/geojson/src/components/marker';
     import type { PathState, AddPathOptions } from '@mappedin/react-sdk/geojson/src/components/path';
     import type { AddLabelOptions, LabelAppearance, LabelState } from '@mappedin/react-sdk/geojson/src/components/label';
-    import type { GroupContainerState } from '@mappedin/react-sdk/geojson/src/entities/entity-group-container';
-    import type { GeometryGroupState } from '@mappedin/react-sdk/geojson/src/entities/entity-group';
+    import type { GroupContainerState } from '@mappedin/react-sdk/geojson/src/entities/group-container';
+    import type { GeometryGroupState } from '@mappedin/react-sdk/geojson/src/entities/geometry-group';
     import type { Position } from '@mappedin/react-sdk/geojson/src/types/geometry';
     import type { InsetPadding, RendererCoreOptions, ClickPayload, HoverPayload, CameraPayload, MapEvent, MapEventPayload } from '@mappedin/react-sdk/geojson/src/types';
     import type { GeometryState } from '@mappedin/react-sdk/geojson/src/components/mesh';
@@ -1197,31 +1268,43 @@ declare module '@mappedin/react-sdk/geojson/src' {
     }): Promise<RendererCore>;
 }
 
-declare module '@mappedin/react-sdk/geojson/src/maplibre-overlay' {
-    import type { IControl, Map as MapLibreMap } from '@packages/internal/outdoor-context-v4';
-    import type { Position } from '@mappedin/react-sdk/geojson/src/types';
-    import RendererCore from '@mappedin/react-sdk/geojson/src/renderer';
-    import { PubSub } from '@packages/internal/common';
-    export class MapLibreOverlay<T> extends PubSub<T> implements IControl {
-        el: HTMLDivElement;
-        core: RendererCore;
-        origin?: Position;
-        constructor(origin: Position | undefined);
-        onAdd(map: MapLibreMap): HTMLDivElement;
-        onRemove(): void;
+declare module '@mappedin/react-sdk/mappedin-js/src/maplibre-overlay' {
+    import { MapView } from '@mappedin/react-sdk/mappedin-js/src/map-view';
+    import type MapData from '@mappedin/react-sdk/mappedin-js/src/map-data';
+    import type { TShow3DMapOptions } from '@mappedin/react-sdk/mappedin-js/src';
+    import { MapLibreOverlay } from '@mappedin/react-sdk/geojson/src/maplibre-overlay';
+    import type { Position } from '@mappedin/core-sdk';
+    export class MappedinMapLibreOverlay extends MapLibreOverlay<{
+            /**
+                * Event emitted when the MappedinMap is loaded
+                */
+            loaded: {
+                    /**
+                        * MapView instance
+                        */
+                    mapView: MapView;
+                    /**
+                        * MapData instance
+                        */
+                    mapData: MapData;
+            };
+    }> {
+            #private;
+            static instance: MappedinMapLibreOverlay;
+            constructor(origin: Position | undefined, mapData: MapData, options?: TShow3DMapOptions);
+            onAdd(map: any): HTMLDivElement;
+            onRemove(): void;
     }
 }
 
-declare module '@mappedin/react-sdk/mappedin-js/src/analytics' {
-    export { analytics, analyticsInternal } from '@mappedin/react-sdk/mappedin-js/src/analytics/customer';
-    export type { CustomerAnalytics, AnalyticsOptions } from '@mappedin/react-sdk/mappedin-js/src/analytics/customer';
-}
-
 declare module '@mappedin/react-sdk/mappedin-js/src/types' {
-    import { Feature, MultiPolygon, Polygon } from 'geojson';
+    import type { Feature, MultiPolygon, Polygon } from 'geojson';
     import type { Coordinate, Floor, Door, Space, MapObject, PointOfInterest, Connection, Annotation } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
-    import type { Label, Marker, Model } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
+    import type { Label, Marker, Model, Image } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
     import type { EasingCurve } from '@mappedin/core-sdk/src/camera';
+    export type DeepRequired<T> = Required<{
+            [K in keyof T]: T[K] extends Required<T[K]> ? T[K] : DeepRequired<T[K]>;
+    }>;
     /**
         * @hidden
         */
@@ -1283,6 +1366,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
         * Defines the state for a label when its appearance is updated.
         */
     export type TLabelState = {
+            text: string;
             type: 'label';
             /**
                 * Appearance settings for the label.
@@ -1307,6 +1391,12 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
     export type TModelState = {
             type: 'model';
     };
+    /**
+        * Defines the state for an image when its appearance is updated.
+        */
+    export type TImageState = {
+            type: 'image';
+    };
     export type TWallsState = {
             /**
                 * Color of the walls.
@@ -1316,6 +1406,31 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
                 * Color of the top of walls, if not set, defaults to the color.
                 */
             topColor?: string | 'initial';
+            /**
+                * Texture to apply to the geometry element.
+                */
+            texture?: {
+                    url?: string;
+            };
+            /**
+                * Top texture to apply to the geometry element.
+                */
+            topTexture?: {
+                    url?: string;
+            };
+            /**
+                * Visibility of the walls.
+                */
+            visible: boolean;
+    };
+    /**
+        * @interface
+        */
+    export type TDoorsState = TWallsState & {
+            /**
+                * Opacity of the doors.
+                */
+            opacity: number;
     };
     export type TMarkerState = {
             type: 'marker';
@@ -1365,13 +1480,41 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
                 * Indicates if the geometry element is interactive. Color can be set using CSS colors names `DarkGoldenRod`, as Hex strings `#0000FF` or the rgb values `rgb(255,0,0)`.
                 */
             interactive: boolean;
+            /**
+                * Opacity of the geometry element.
+                */
+            opacity: number;
+            /**
+                * Height of the geometry element in meters.
+                */
+            height: number;
+            /**
+                * Texture to apply to the geometry element.
+                */
+            texture?: {
+                    url: string;
+            };
+            /**
+                * Top texture to apply to the geometry element.
+                */
+            topTexture?: {
+                    url: string;
+            };
     };
+    export enum WALLS {
+            Exterior = "exterior-walls",
+            Interior = "interior-walls"
+    }
+    export enum DOORS {
+            Interior = "interior-doors",
+            Exterior = "exterior-doors"
+    }
     /**
         * The type for updating the state of map elements (colors, texts, etc.).
         */
-    export type TUpdateState<T> = T extends 'walls' ? Partial<Omit<TGeometryState, 'interactive' | 'hoverColor' | 'type'>> : T extends Marker ? Partial<TMarkerState> : T extends Label ? Partial<TLabelState> : T extends Space | MapObject ? Partial<TGeometryState> : T extends string ? Record<string, any> : never;
+    export type TUpdateState<T> = T extends WALLS ? Partial<TWallsState> : T extends DOORS ? Partial<TDoorsState> : T extends Marker ? Partial<TMarkerState> : T extends Label ? Partial<TLabelState> : T extends Space | MapObject ? Partial<TGeometryState> : T extends Door ? Partial<TGeometryState> : T extends string ? Record<string, any> : never;
     export type TUpdateStates = Partial<Omit<TGeometryState, 'interactive' | 'hoverColor' | 'type'>> | Partial<TMarkerState> | Partial<TLabelState> | Partial<TGeometryState>;
-    export type TGetEntityState<T> = T extends Marker ? TMarkerState : T extends Model ? TModelState : T extends Label ? TLabelState : T extends Space | MapObject ? TGeometryState : T extends string ? TLabelState | TGeometryState | TMarkerState | TModelState | undefined : never;
+    export type TGetEntityState<T> = T extends Marker ? TMarkerState : T extends Model ? TModelState : T extends Label ? TLabelState : T extends Image ? TImageState : T extends Space | MapObject ? TGeometryState : T extends string ? TLabelState | TGeometryState | TMarkerState | TModelState | undefined : never;
     export type TGetState<T> = TGetEntityState<T> | undefined;
     /**
         * Options for {@link Camera} animations on the map.
@@ -1833,6 +1976,42 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
                 */
             url: string;
     };
+    /**
+        * Options for controlling the behavior of a {@link Marker}.
+        * @interface
+        */
+    export type TAddImageOptions = {
+            /**
+                * @internal
+                */
+            id?: string;
+            /**
+                * Width of the image in meters.
+                */
+            width: number;
+            /**
+                * Height of the image in meters.
+                */
+            height: number;
+            /**
+                * Rotation of the image in degrees.
+                *
+                * @default 0
+                */
+            rotation?: number;
+            /**
+                * Vertical offset of the image in meters.
+                *
+                * @default 0
+                */
+            verticalOffset?: number;
+            /**
+                * Attempt to keep the image facing the camera as much as possible
+                *
+                * @default false
+                */
+            flipImageToFaceCamera?: boolean;
+    };
     /**
         * Options for controlling the behavior of a {@link Marker}.
         * @interface
@@ -1900,11 +2079,34 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
                 */
             id?: string;
     };
+    export type TBlueDotOptions = {
+            /** The radius of the BlueDot in pixels. The BlueDot will maintain this size clamped to a minimum of 0.35 metres. */
+            radius?: number;
+            /** The color of the BlueDot core element. */
+            color?: string;
+            /** Options for the accuracy ring around the BlueDot. */
+            accuracyRing?: {
+                    /** The color of the accuracy ring. */
+                    color?: string;
+                    /** The opacity of the accuracy ring. */
+                    opacity?: number;
+            };
+            /**
+                * Options for the bearing directional indicator.
+                */
+            bearing?: {
+                    /** The color of the bearing cone. */
+                    color?: string;
+                    /** The opacity of the bearing cone. */
+                    opacity?: number;
+            };
+    };
 }
 
 declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects' {
     export { Label } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects/label';
     export { Marker } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects/marker';
+    export { Image } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects/image';
     export { Model } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects/model';
     export { Path } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects/path';
     export { CameraTransform } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects/camera-transform';
@@ -2015,80 +2217,302 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson' {
     export { Directions } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/directions';
     export { Style } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/style';
     export { default as Outdoor } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/outdoor';
+    export { Images } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/images';
 }
 
-declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/stacked-maps/stacked-maps' {
-    import type { GeojsonApiMapObject } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/map-object';
-    import type { RendererCore } from '@mappedin/core-sdk';
-    import type { FloorObject } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/floor-object';
-    import { PubSub } from '@packages/internal/common';
-    export const GAP_BELOW_FLOORS = 30;
-    export const DURATION = 1000;
-    export type TStackedMapsEvents = {
-        expanded: void;
-        collapsed: void;
-    };
-    export class StackedMaps extends PubSub<TStackedMapsEvents> {
-        #private;
-        constructor(api: GeojsonApiMapObject, core: RendererCore);
-        includedFloors: FloorObject[];
-        get percentExpanded(): number;
-        set percentExpanded(value: number);
-        animateToCurrentFloor(): void;
-        expanded: boolean;
-        expand(opts?: {
-            excludeFloorIds: string[];
-        }): Promise<void>;
-        collapse(): Promise<void>;
-        animate(direction: 'expand' | 'collapse'): Promise<void>;
-    }
+declare module '@mappedin/react-sdk/mappedin-js/src/analytics' {
+    export { Analytics, AnalyticsInternal } from '@mappedin/react-sdk/mappedin-js/src/analytics/customer';
+    export type { AnalyticsUpdateOptions } from '@mappedin/react-sdk/mappedin-js/src/analytics/customer';
 }
 
-declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/camera-transform' {
-    import type { Camera } from '@mappedin/react-sdk/mappedin-js/src/api-geojson';
+declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/category' {
+    import type { EnterpriseCategory } from '@mappedin/mvf';
+    import type { MapDataInternal, Location } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
+    import BaseMapData from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/base-object';
     /**
-        * Class representing camera transformation data.
+        * A class representing space data within the map.
+        *
+        * Spaces are used to represent different areas within a map, such as rooms, hallways, etc.
         */
-    export class CameraTransform {
+    class Category extends BaseMapData implements Omit<EnterpriseCategory, 'children' | 'locations'> {
             #private;
             /**
                 * @internal
                 */
-            constructor(camera: Camera);
+            static readonly __type = "category";
             /**
-                * Getter for the center coordinate of the camera.
-                *
-                * @returns Center Coordinate.
+                * @internal
                 */
-            get center(): import("..").Coordinate;
+            readonly __type = "category";
+            name: string;
+            color?: string | undefined;
+            externalId: string;
+            extra?: Record<string, unknown> | undefined;
+            icon?: string | undefined;
+            iconFromDefaultList?: string | null | undefined;
+            sortOrder: number;
             /**
-                * Getter for the camera's bearing in degrees.
+                * Checks if the provided instance is of type Category.
                 *
-                * @returns Camera bearing in degrees.
+                * @param instance The instance to check.
+                * @returns {boolean} True if the instance is a Category, false otherwise.
                 */
-            get bearing(): number;
+            static is(instance: object): instance is Category;
             /**
-                * Getter for the camera's pitch in degrees.
-                *
-                * @returns Camera pitch in degrees.
+                * @internal
                 */
-            get pitch(): number;
+            constructor(data: MapDataInternal, options: {
+                    mvfData: EnterpriseCategory;
+            });
+            get children(): Category[];
+            get locations(): Location[];
             /**
-                * Getter for the camera's zoom level in mercator zoom levels.
+                * Serializes the space data to JSON.
                 *
-                * @see https://wiki.openstreetmap.org/wiki/Zoom_levels
+                * @returns An object representing the space.
+                */
+            toJSON(): {
+                    id: string;
+                    name: string;
+            };
+            /**
+                * Cleans up resources used by the instance.
                 *
-                * @returns Zoom level in mercator zoom levels.
+                * @internal
                 */
-            get zoomLevel(): number;
+            destroy(): void;
     }
+    export default Category;
 }
 
-declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/node' {
-    import type { NodeCollection } from '@mappedin/mvf';
-    import Coordinate from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/coordinate';
-    import type { MapDataInternal } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
-    import type Floor from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/floor';
+declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/location' {
+    import type { EnterpriseLocation, LocationState, OperationHours, SiblingGroup } from '@mappedin/mvf';
+    import type { Coordinate, MapDataInternal, Space } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
+    import BaseMapData from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/base-object';
+    import type Node from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/node';
+    /**
+        * A class representing space data within the map.
+        *
+        * Spaces are used to represent different areas within a map, such as rooms, hallways, etc.
+        */
+    class Location extends BaseMapData implements Omit<EnterpriseLocation, 'polygons' | 'nodes' | 'links'> {
+            #private;
+            /**
+                * @internal
+                */
+            static readonly __type = "location";
+            /**
+                * @internal
+                */
+            readonly __type = "location";
+            description?: string | undefined;
+            name: string;
+            amenity?: string | undefined;
+            externalId: string;
+            extra?: Record<string, unknown> | undefined;
+            gallery?: {
+                    caption?: string | null;
+                    image: string;
+                    embeddedUrl?: string | null;
+            }[] | undefined;
+            logo?: string | undefined;
+            operationHours?: OperationHours[] | undefined;
+            phone?: {
+                    number: string;
+                    extension?: string;
+            } | undefined;
+            picture?: string | undefined;
+            shortName?: string | undefined;
+            showFloatingLabelWhenImagePresent?: boolean | undefined;
+            showLogo?: boolean | undefined;
+            siblingGroups?: SiblingGroup[] | undefined;
+            social?: {
+                    facebook?: string;
+                    instagram?: string;
+                    twitter?: string;
+                    website?: string;
+            } | undefined;
+            sortOrder: number;
+            states?: LocationState[] | undefined;
+            tags?: string[] | undefined;
+            type: string;
+            /**
+                * Checks if the provided instance is of type Location.
+                *
+                * @param instance The instance to check.
+                * @returns {boolean} True if the instance is a Location, false otherwise.
+                */
+            static is(instance: object): instance is Location;
+            /**
+                * @internal
+                */
+            constructor(data: MapDataInternal, options: {
+                    mvfData: EnterpriseLocation;
+            });
+            get coordinates(): Coordinate[];
+            get nodes(): Node[];
+            get spaces(): Space[];
+            /**
+                * Serializes the space data to JSON.
+                *
+                * @returns An object representing the space.
+                */
+            toJSON(): {
+                    id: string;
+                    name: string;
+            };
+            /**
+                * Cleans up resources used by the instance.
+                *
+                * @internal
+                */
+            destroy(): void;
+    }
+    export default Location;
+}
+
+declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/venue' {
+    import type { EnterpriseVenue, Language } from '@mappedin/mvf';
+    import type { Hyperlink, MapDataInternal } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
+    import BaseMapData from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/base-object';
+    /**
+        * A class representing space data within the map.
+        *
+        * Spaces are used to represent different areas within a map, such as rooms, hallways, etc.
+        */
+    class Venue extends BaseMapData implements EnterpriseVenue {
+            #private;
+            /**
+                * @internal
+                */
+            static readonly __type = "venue";
+            /**
+                * @internal
+                */
+            readonly __type = "venue";
+            countrycode?: string | undefined;
+            externalId: string;
+            defaultLanguage: Language;
+            defaultMap?: string | undefined;
+            extra?: Record<string, unknown> | undefined;
+            icon?: string | undefined;
+            languages: Language[];
+            links: Hyperlink[];
+            logo?: string | undefined;
+            mappedinWebUrl?: string | undefined;
+            slug: string;
+            topLocations?: string[] | undefined;
+            tzid?: string | undefined;
+            /**
+                * Checks if the provided instance is of type Category.
+                *
+                * @param instance The instance to check.
+                * @returns {boolean} True if the instance is a Category, false otherwise.
+                */
+            static is(instance: object): instance is Venue;
+            /**
+                * @internal
+                */
+            constructor(_data: MapDataInternal, options: {
+                    mvfData: EnterpriseVenue;
+            });
+            /**
+                * Gets the name of the space.
+                *
+                * @returns {string} The name of the space.
+                */
+            get name(): string;
+            /**
+                * Serializes the space data to JSON.
+                *
+                * @returns An object representing the space.
+                */
+            toJSON(): {
+                    id: string;
+                    name: string;
+            };
+            /**
+                * Cleans up resources used by the instance.
+                *
+                * @internal
+                */
+            destroy(): void;
+    }
+    export default Venue;
+}
+
+declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/stacked-maps/stacked-maps' {
+    import type { GeojsonApiMapObject } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/map-object';
+    import type { RendererCore } from '@mappedin/core-sdk';
+    import type { FloorObject } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/floor-object';
+    import { PubSub } from '@packages/internal/common';
+    export const GAP_BELOW_FLOORS = 30;
+    export const DURATION = 1000;
+    export type TStackedMapsEvents = {
+        expanded: void;
+        collapsed: void;
+    };
+    export class StackedMaps extends PubSub<TStackedMapsEvents> {
+        #private;
+        constructor(api: GeojsonApiMapObject, core: RendererCore);
+        includedFloors: FloorObject[];
+        get percentExpanded(): number;
+        set percentExpanded(value: number);
+        animateToCurrentFloor(): void;
+        expanded: boolean;
+        expand(opts?: {
+            excludeFloorIds: string[];
+        }): Promise<void>;
+        collapse(): Promise<void>;
+        animate(direction: 'expand' | 'collapse'): Promise<void>;
+    }
+}
+
+declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/camera-transform' {
+    import type { Camera } from '@mappedin/react-sdk/mappedin-js/src/api-geojson';
+    /**
+        * Class representing camera transformation data.
+        */
+    export class CameraTransform {
+            #private;
+            /**
+                * @internal
+                */
+            constructor(camera: Camera);
+            /**
+                * Getter for the center coordinate of the camera.
+                *
+                * @returns Center Coordinate.
+                */
+            get center(): import("..").Coordinate;
+            /**
+                * Getter for the camera's bearing in degrees.
+                *
+                * @returns Camera bearing in degrees.
+                */
+            get bearing(): number;
+            /**
+                * Getter for the camera's pitch in degrees.
+                *
+                * @returns Camera pitch in degrees.
+                */
+            get pitch(): number;
+            /**
+                * Getter for the camera's zoom level in mercator zoom levels.
+                *
+                * @see https://wiki.openstreetmap.org/wiki/Zoom_levels
+                *
+                * @returns Zoom level in mercator zoom levels.
+                */
+            get zoomLevel(): number;
+    }
+}
+
+declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/node' {
+    import type { NodeCollection } from '@mappedin/mvf';
+    import Coordinate from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/coordinate';
+    import type { MapDataInternal } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
+    import type Floor from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/floor';
     import BaseMapData from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/base-object';
     /**
         * A class representing {@link Path} node data within the map.
@@ -2253,7 +2677,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/door' {
 declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/space' {
     import type { Image, SpaceCollection } from '@mappedin/mvf';
     import Coordinate from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/coordinate';
-    import type { MapDataInternal } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
+    import type { Location, MapDataInternal } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     import type Floor from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/floor';
     import BaseMapData from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/base-object';
     import Door from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/door';
@@ -2311,6 +2735,10 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/space' {
             get type(): TSpaceType;
             get description(): string;
             get images(): Image[];
+            /**
+                * @internal
+                */
+            get locations(): Location[];
             /**
                 * Gets the {@link Floor} object associated with the space.
                 *
@@ -3018,25 +3446,17 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/blue-dot/blue-do
     import type { RendererCore } from '@mappedin/core-sdk';
     import { PubSub } from '@packages/internal/common';
     import type { GeoJsonApi } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/api';
+    import type { TBlueDotOptions } from '@mappedin/react-sdk/mappedin-js/src/types';
     export type TBlueDotEvents = {
         'floor-change': {
             reason: 'blue-dot-floor-change';
             floorId: string;
         };
     };
-    export const POSITION_ANIMATION_DURATION = 500;
-    export const SCALE_ANIMATION_DURATION = 150;
-    export const ROTATION_ANIMATION_DURATION = 150;
-    export const MIN_AURA_RADIUS = 0;
-    export const MAX_AURA_RADIUS = 5;
-    export const MIN_ACCURACY = 5;
-    export const MAX_ACCURACY = 30;
-    export const CONE_START_RADIUS = 0.4;
-    export const CONE_DISTANCE = 1.25;
-    export const BLUE_DOT_RADIUS = 0.35;
     export class BlueDot extends PubSub<TBlueDotEvents> {
+        #private;
         constructor(core: RendererCore, geoJSONApi: GeoJsonApi);
-        enable(): void;
+        enable(options?: TBlueDotOptions): void;
         disable(): void;
     }
 }
@@ -3076,12 +3496,12 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/shapes' {
                 */
             add<T extends FeatureCollection<Polygon | MultiPolygon | LineString, any>>(geometry: T, style: T extends FeatureCollection<LineString, any> ? LineStyle : PaintStyle, floor?: Floor): Shape;
             /**
-                * Removes a specific shapes ({@link Shape}) from the map.
-                * @param shapes The shapes to be removed.
+                * Removes a specific shape ({@link Shape}) from the map.
+                * @param shape The shape to be removed.
                 * @example
                 * map.Shapes.remove(geo);
                 */
-            remove(shapes: Shape): void;
+            remove(shape: Shape): void;
             /**
                 * Removes all Shapes ({@link Shape}) from the map.
                 *
@@ -3098,8 +3518,9 @@ declare module '@mappedin/react-sdk/geojson/src/components/marker' {
     import './marker.scss';
     import { Vector2 } from 'three';
     import type { Entity2DHTMLDivElement, EntityId, Position } from '@mappedin/react-sdk/geojson/src/types';
-    import type { GroupContainerState } from '@mappedin/react-sdk/geojson/src/entities/entity-group-container';
+    import type { GroupContainerState } from '@mappedin/react-sdk/geojson/src/entities/group-container';
     import type { CollisionRankingTier } from '@mappedin/react-sdk/geojson/src/utils/collision-ranking-tier';
+    import { z } from 'zod';
     /**
         * State reprsenting a Marker
         */
@@ -3146,6 +3567,26 @@ declare module '@mappedin/react-sdk/geojson/src/components/marker' {
                     interactive?: boolean;
             };
     };
+    export const addMarkerOptionsSchema: z.ZodObject<{
+            rank: z.ZodOptional<z.ZodUnion<[z.ZodEnum<["low", "medium", "high", "always-visible"]>, z.ZodNumber]>>;
+            interactive: z.ZodOptional<z.ZodBoolean>;
+            id: z.ZodOptional<z.ZodString>;
+            anchor: z.ZodOptional<z.ZodEnum<["top", "bottom", "left", "right", "center"]>>;
+            dynamicResize: z.ZodOptional<z.ZodBoolean>;
+    }, "strip", z.ZodTypeAny, {
+            interactive?: boolean | undefined;
+            id?: string | undefined;
+            anchor?: "center" | "left" | "right" | "bottom" | "top" | undefined;
+            rank?: number | "high" | "low" | "medium" | "always-visible" | undefined;
+            dynamicResize?: boolean | undefined;
+    }, {
+            interactive?: boolean | undefined;
+            id?: string | undefined;
+            anchor?: "center" | "left" | "right" | "bottom" | "top" | undefined;
+            rank?: number | "high" | "low" | "medium" | "always-visible" | undefined;
+            dynamicResize?: boolean | undefined;
+    }>;
+    export function validateMarker(coordinate: Position, contentHTML: string, options: AddMarkerOptions): void;
     /**
         * Options for creating a new Marker
         */
@@ -3231,7 +3672,7 @@ declare module '@mappedin/react-sdk/geojson/src/components/marker' {
 declare module '@mappedin/react-sdk/geojson/src/components/path' {
     import { type Mesh, type ShaderMaterial, type BufferGeometry, Vector3 } from 'three';
     import type { Position } from '@mappedin/react-sdk/geojson/src/types';
-    import { Geometry3DObject3D } from '@mappedin/react-sdk/geojson/src/entities/three-d';
+    import { Geometry3DObject3D } from '@mappedin/react-sdk/geojson/src/entities/geometry3d';
     import type { FeatureCollection, Point } from 'geojson';
     /**
         * State representing a Path
@@ -3332,9 +3773,175 @@ declare module '@mappedin/react-sdk/geojson/src/components/label' {
     import { Vector2 } from 'three';
     import type { TDrawFn } from '@packages/internal/shave-text/shave-text';
     import type { EntityId, Position } from '@mappedin/react-sdk/geojson/src/types';
-    import type { GroupContainerState } from '@mappedin/react-sdk/geojson/src/entities/entity-group-container';
+    import type { GroupContainerState } from '@mappedin/react-sdk/geojson/src/entities/group-container';
     import type { RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
     import type { CollisionRankingTier } from '@mappedin/react-sdk/geojson/src';
+    import { z } from 'zod';
+    export const addLabelOptionsSchema: z.ZodObject<{
+            rank: z.ZodOptional<z.ZodUnion<[z.ZodEnum<["low", "medium", "high", "always-visible"]>, z.ZodNumber]>>;
+            interactive: z.ZodOptional<z.ZodBoolean>;
+            appearance: z.ZodOptional<z.ZodObject<{
+                    margin: z.ZodOptional<z.ZodNumber>;
+                    text: z.ZodOptional<z.ZodObject<{
+                            numLines: z.ZodOptional<z.ZodNumber>;
+                            lineHeight: z.ZodOptional<z.ZodNumber>;
+                            size: z.ZodOptional<z.ZodNumber>;
+                            maxWidth: z.ZodOptional<z.ZodNumber>;
+                            foregroundColor: z.ZodOptional<z.ZodString>;
+                            backgroundColor: z.ZodOptional<z.ZodString>;
+                    }, "strip", z.ZodTypeAny, {
+                            size?: number | undefined;
+                            maxWidth?: number | undefined;
+                            lineHeight?: number | undefined;
+                            numLines?: number | undefined;
+                            foregroundColor?: string | undefined;
+                            backgroundColor?: string | undefined;
+                    }, {
+                            size?: number | undefined;
+                            maxWidth?: number | undefined;
+                            lineHeight?: number | undefined;
+                            numLines?: number | undefined;
+                            foregroundColor?: string | undefined;
+                            backgroundColor?: string | undefined;
+                    }>>;
+                    marker: z.ZodOptional<z.ZodObject<{
+                            size: z.ZodOptional<z.ZodNumber>;
+                            foregroundColor: z.ZodOptional<z.ZodObject<{
+                                    active: z.ZodOptional<z.ZodString>;
+                                    inactive: z.ZodOptional<z.ZodString>;
+                            }, "strip", z.ZodTypeAny, {
+                                    active?: string | undefined;
+                                    inactive?: string | undefined;
+                            }, {
+                                    active?: string | undefined;
+                                    inactive?: string | undefined;
+                            }>>;
+                            backgroundColor: z.ZodOptional<z.ZodObject<{
+                                    active: z.ZodOptional<z.ZodString>;
+                                    inactive: z.ZodOptional<z.ZodString>;
+                            }, "strip", z.ZodTypeAny, {
+                                    active?: string | undefined;
+                                    inactive?: string | undefined;
+                            }, {
+                                    active?: string | undefined;
+                                    inactive?: string | undefined;
+                            }>>;
+                    }, "strip", z.ZodTypeAny, {
+                            size?: number | undefined;
+                            foregroundColor?: {
+                                    active?: string | undefined;
+                                    inactive?: string | undefined;
+                            } | undefined;
+                            backgroundColor?: {
+                                    active?: string | undefined;
+                                    inactive?: string | undefined;
+                            } | undefined;
+                    }, {
+                            size?: number | undefined;
+                            foregroundColor?: {
+                                    active?: string | undefined;
+                                    inactive?: string | undefined;
+                            } | undefined;
+                            backgroundColor?: {
+                                    active?: string | undefined;
+                                    inactive?: string | undefined;
+                            } | undefined;
+                    }>>;
+            }, "strip", z.ZodTypeAny, {
+                    text?: {
+                            size?: number | undefined;
+                            maxWidth?: number | undefined;
+                            lineHeight?: number | undefined;
+                            numLines?: number | undefined;
+                            foregroundColor?: string | undefined;
+                            backgroundColor?: string | undefined;
+                    } | undefined;
+                    marker?: {
+                            size?: number | undefined;
+                            foregroundColor?: {
+                                    active?: string | undefined;
+                                    inactive?: string | undefined;
+                            } | undefined;
+                            backgroundColor?: {
+                                    active?: string | undefined;
+                                    inactive?: string | undefined;
+                            } | undefined;
+                    } | undefined;
+                    margin?: number | undefined;
+            }, {
+                    text?: {
+                            size?: number | undefined;
+                            maxWidth?: number | undefined;
+                            lineHeight?: number | undefined;
+                            numLines?: number | undefined;
+                            foregroundColor?: string | undefined;
+                            backgroundColor?: string | undefined;
+                    } | undefined;
+                    marker?: {
+                            size?: number | undefined;
+                            foregroundColor?: {
+                                    active?: string | undefined;
+                                    inactive?: string | undefined;
+                            } | undefined;
+                            backgroundColor?: {
+                                    active?: string | undefined;
+                                    inactive?: string | undefined;
+                            } | undefined;
+                    } | undefined;
+                    margin?: number | undefined;
+            }>>;
+    }, "strip", z.ZodTypeAny, {
+            interactive?: boolean | undefined;
+            rank?: number | "high" | "low" | "medium" | "always-visible" | undefined;
+            appearance?: {
+                    text?: {
+                            size?: number | undefined;
+                            maxWidth?: number | undefined;
+                            lineHeight?: number | undefined;
+                            numLines?: number | undefined;
+                            foregroundColor?: string | undefined;
+                            backgroundColor?: string | undefined;
+                    } | undefined;
+                    marker?: {
+                            size?: number | undefined;
+                            foregroundColor?: {
+                                    active?: string | undefined;
+                                    inactive?: string | undefined;
+                            } | undefined;
+                            backgroundColor?: {
+                                    active?: string | undefined;
+                                    inactive?: string | undefined;
+                            } | undefined;
+                    } | undefined;
+                    margin?: number | undefined;
+            } | undefined;
+    }, {
+            interactive?: boolean | undefined;
+            rank?: number | "high" | "low" | "medium" | "always-visible" | undefined;
+            appearance?: {
+                    text?: {
+                            size?: number | undefined;
+                            maxWidth?: number | undefined;
+                            lineHeight?: number | undefined;
+                            numLines?: number | undefined;
+                            foregroundColor?: string | undefined;
+                            backgroundColor?: string | undefined;
+                    } | undefined;
+                    marker?: {
+                            size?: number | undefined;
+                            foregroundColor?: {
+                                    active?: string | undefined;
+                                    inactive?: string | undefined;
+                            } | undefined;
+                            backgroundColor?: {
+                                    active?: string | undefined;
+                                    inactive?: string | undefined;
+                            } | undefined;
+                    } | undefined;
+                    margin?: number | undefined;
+            } | undefined;
+    }>;
+    export function validateLabel(coordinate: Position, text: string, options: AddLabelOptions): void;
     export const labelThemes: {
             lightOnDark: {
                     text: {
@@ -3670,18 +4277,18 @@ declare module '@mappedin/react-sdk/geojson/src/components/label' {
     export default LabelComponent;
 }
 
-declare module '@mappedin/react-sdk/geojson/src/entities/entity-group-container' {
+declare module '@mappedin/react-sdk/geojson/src/entities/group-container' {
     import { Object3D } from 'three';
-    import type { GeometryGroupState } from '@mappedin/react-sdk/geojson/src/entities/entity-group';
-    import { GeometryGroupObject3D } from '@mappedin/react-sdk/geojson/src/entities/entity-group';
-    import { Geometry2D } from '@mappedin/react-sdk/geojson/src/entities/two-d';
+    import type { GeometryGroupState } from '@mappedin/react-sdk/geojson/src/entities/geometry-group';
+    import { GeometryGroupObject3D } from '@mappedin/react-sdk/geojson/src/entities/geometry-group';
+    import { Geometry2D } from '@mappedin/react-sdk/geojson/src/entities/geometry2d';
     import type { StackComponent } from '@mappedin/react-sdk/geojson/src/components/stack';
     import type { MarkerState } from '@mappedin/react-sdk/geojson/src/components/marker';
     import type { LabelState } from '@mappedin/react-sdk/geojson/src/components/label';
-    import { Geometry3D } from '@mappedin/react-sdk/geojson/src/entities/three-d';
+    import { Geometry3D } from '@mappedin/react-sdk/geojson/src/entities/geometry3d';
     import type { PathState } from '@mappedin/react-sdk/geojson/src/components/path';
-    import { InteractionComponent } from '@mappedin/react-sdk/geojson/src/components/interaction';
-    export enum EntityContainerComponents {
+    import type { InteractionComponent } from '@mappedin/react-sdk/geojson/src/components/interaction';
+    export enum GroupContainerComponents {
             Stack = 0,
             Interaction = 1
     }
@@ -3723,13 +4330,13 @@ declare module '@mappedin/react-sdk/geojson/src/entities/entity-group-container'
     }
 }
 
-declare module '@mappedin/react-sdk/geojson/src/entities/entity-group' {
+declare module '@mappedin/react-sdk/geojson/src/entities/geometry-group' {
     import type { LineStyle, PaintStyle, Shading } from '@mappedin/react-sdk/geojson/src/types';
     import { Object3D } from 'three';
-    import type { GeometryState } from '@mappedin/react-sdk/geojson/src/components/mesh';
+    import { type GeometryState } from '@mappedin/react-sdk/geojson/src/components/mesh';
     import type { ModelState } from '@mappedin/react-sdk/geojson/src/components/model';
     import { GeometryGroupStyleComponent } from '@mappedin/react-sdk/geojson/src/components/geometry-group-style';
-    export enum GEOMETRY_GROUP_COMPONENTS {
+    export enum GeometryGroupComponents {
             GeometryGroupStyle = 0
     }
     /**
@@ -3776,6 +4383,14 @@ declare module '@mappedin/react-sdk/geojson/src/entities/entity-group' {
                 * Whether the geometry and its children are outlined. This will affect all children of the geometry group and override their outline state.
                 */
             outline?: boolean;
+            /**
+                * The texture URL of the geometry
+                */
+            texture?: string;
+            /**
+                * The top texture URL of the geometry
+                */
+            topTexture?: string;
     };
     export type ChildUpdatable<T> = T extends LineStyle ? Partial<Pick<LineStyle, 'color' | 'opacity' | 'visible'>> : Partial<Pick<PaintStyle, 'color' | 'opacity' | 'visible'>>;
     export class GeometryGroupObject3D extends Object3D {
@@ -3796,6 +4411,11 @@ declare module '@mappedin/react-sdk/geojson/src/entities/entity-group' {
             setOpacity(opacity: number): void;
             removeEntity(): void;
             constructor(id: string, style?: GeometryGroupStyleComponent);
+            /**
+                * Get first child entity of a group if it's a batched mesh
+                * We use this logic a lot for getting the material of the group. since group does not have material and batched mesh does
+                */
+            getfirstChildEntityId(): string | number | undefined;
     }
 }
 
@@ -3805,20 +4425,22 @@ declare module '@mappedin/react-sdk/geojson/src/types/geometry' {
 
 declare module '@mappedin/react-sdk/geojson/src/types' {
     import { Mesh, Object3D, InstancedMesh } from 'three';
-    import type { Geometry2D } from '@mappedin/react-sdk/geojson/src/entities/two-d';
+    import type { Geometry2D } from '@mappedin/react-sdk/geojson/src/entities/geometry2d';
     import type { Position } from '@mappedin/react-sdk/geojson/src/types/geometry';
     import type { GeometryState } from '@mappedin/react-sdk/geojson/src/components/mesh';
-    import type { GeometryGroupState } from '@mappedin/react-sdk/geojson/src/entities/entity-group';
-    import type { GroupContainerState } from '@mappedin/react-sdk/geojson/src/entities/entity-group-container';
+    import type { GeometryGroupObject3D, GeometryGroupState } from '@mappedin/react-sdk/geojson/src/entities/geometry-group';
+    import type { GroupContainerObject3D, GroupContainerState } from '@mappedin/react-sdk/geojson/src/entities/group-container';
     import type { PathState } from '@mappedin/react-sdk/geojson/src/components/path';
     import type { ModelState } from '@mappedin/react-sdk/geojson/src/components/model';
     import type { LabelState } from '@mappedin/react-sdk/geojson/src/components/label';
     import type { MarkerState } from '@mappedin/react-sdk/geojson/src/components/marker';
+    import type { ImageState } from '@mappedin/react-sdk/geojson/src/components/image';
     import type { ShapeState } from '@mappedin/react-sdk/geojson/src/components/custom';
+    import type { Geometry3D } from '@mappedin/react-sdk/geojson/src/entities';
     /**
         * 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 | ShapeState;
+    export type EntityState = GeometryState | GeometryGroupState | GroupContainerState | PathState | ModelState | LabelState | MarkerState | ImageState | 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.
@@ -3867,9 +4489,9 @@ declare module '@mappedin/react-sdk/geojson/src/types' {
             texture?: string;
             shading?: Shading;
             outline?: boolean;
+            showImage?: boolean;
+            flipImageToFaceCamera?: boolean;
     };
-    export type Cap = 'round' | 'square' | 'butt';
-    export type Join = 'round' | 'bevel' | 'miter';
     export type Shading = {
             start?: number;
             end?: number;
@@ -3883,8 +4505,8 @@ declare module '@mappedin/react-sdk/geojson/src/types' {
             height?: number;
             altitude?: number;
             visible?: boolean;
-            cap?: Cap;
-            join?: Join;
+            cap?: 'round' | 'square' | 'butt';
+            join?: 'round' | 'bevel' | 'miter';
             shading?: Shading;
             outline?: boolean;
     };
@@ -3900,6 +4522,12 @@ declare module '@mappedin/react-sdk/geojson/src/types' {
             };
             source: string;
     };
+    export type PolygonImage = {
+            width: number;
+            height: number;
+            verticalOffset?: number;
+            rotation?: number;
+    };
     export type PolygonSource = {
             features: {
                     type: 'Feature';
@@ -4053,6 +4681,21 @@ declare module '@mappedin/react-sdk/geojson/src/types' {
     export type MapEventPayload<EventName extends keyof MapEvent> = MapEvent[EventName] extends {
             data: null;
     } ? MapEvent[EventName]['data'] : MapEvent[EventName];
+    export type Geometry3DTypes = Geometry3D | GeometryGroupObject3D | GroupContainerObject3D;
+    export type RendererState = {
+            geometry3DMap: Map<string | number, Geometry3DTypes>;
+            geometry2DMap: Map<string | number, Geometry2D>;
+            geometry2DIdsInScene: Set<Geometry2D['id']>;
+            geometry3DIdsInScene: Set<Geometry3DTypes['id']>;
+            entityScene: GroupContainerObject3D;
+            hoverColor: string;
+            center?: Position;
+            insetsPadding: InsetPadding;
+            shouldMeasureCanvas: boolean;
+            pixelRatio: number;
+            canvasWidth: number;
+            canvasHeight: number;
+    };
 }
 
 declare module '@mappedin/react-sdk/geojson/src/components/mesh' {
@@ -4067,6 +4710,7 @@ declare module '@mappedin/react-sdk/geojson/src/components/mesh' {
                     entities: {
                             [key: number]: string | number;
                     };
+                    detached?: boolean;
             };
     }
     /**
@@ -4112,21 +4756,49 @@ declare module '@mappedin/react-sdk/geojson/src/components/mesh' {
                 * Whether the geometry is outlined with a 30% darkened color. This effect adds lines around the geometry to make it stand out.
                 */
             outline: boolean;
+            /**
+                * Show geometry image if present
+                */
+            showImage: boolean;
+            /**
+                * Attempt to keep the image facing the camera as much as possible
+                */
+            flipImageToFaceCamera: boolean;
             /**
                 * Whether the geometry should emit an event when focused on by the center of the camera
                 */
             focusable: boolean;
+            /**
+                * The opacity of the geometry
+                */
+            opacity: number;
+            /**
+                * The height of the geometry
+                */
+            height: number;
+            /**
+                * The texture URL of the geometry
+                */
+            texture?: string;
+            /**
+                * The top texture URL of the geometry
+                */
+            topTexture?: string;
     };
     export class MeshComponent {
             #private;
             mesh?: EntityBatchedMesh;
             focusMesh?: Mesh;
             outline?: LineSegments;
+            imageMesh?: Mesh;
             readonly type = "geometry";
+            dirty: boolean;
+            detached: boolean;
             instanceIndex: number;
             geometry?: BufferGeometry;
             material?: BatchedStandardMaterial;
             feature: Feature<Polygon | LineString | MultiPolygon | MultiLineString>;
+            currentHeight: number;
             constructor(feature: Feature<Polygon | LineString | MultiPolygon | MultiLineString>);
             get visible(): boolean;
             set visible(visible: boolean);
@@ -4135,6 +4807,10 @@ declare module '@mappedin/react-sdk/geojson/src/components/mesh' {
             color: Color;
             topColor: Color;
             setColor(color: string, topColor: string): void;
+            getColor(): {
+                    color: Color;
+                    topColor: Color;
+            } | undefined;
             position: Vector3;
             get altitude(): number;
             set altitude(value: number);
@@ -4142,12 +4818,16 @@ declare module '@mappedin/react-sdk/geojson/src/components/mesh' {
             set opacity(value: number);
             get texture(): string;
             set texture(texture: Texture);
+            get textureInstance(): Texture | undefined;
             set topTexture(texture: Texture);
             get topTexture(): string;
+            get topTextureInstance(): Texture | undefined;
             get featureBbox(): BBox;
             texturesVisible: boolean;
             showTextures(): void;
             hideTextures(): void;
+            removeSideTexture(): void;
+            removeTopTexture(): void;
     }
 }
 
@@ -4155,8 +4835,8 @@ declare module '@mappedin/react-sdk/geojson/src/components/custom' {
     import { Color, type Object3D, type LineSegments } from 'three';
     import type { EntityId, Position } from '@mappedin/react-sdk/geojson/src/types';
     import type { Feature, Point } from 'geojson';
-    import { Geometry3DObject3D } from '@mappedin/react-sdk/geojson/src/entities/three-d';
-    import type { GroupContainerState } from '@mappedin/react-sdk/geojson/src/entities/entity-group-container';
+    import { Geometry3DObject3D } from '@mappedin/react-sdk/geojson/src/entities/geometry3d';
+    import type { GroupContainerState } from '@mappedin/react-sdk/geojson/src/entities/group-container';
     /**
         * State representing a Custom Geometry
         */
@@ -4211,10 +4891,11 @@ declare module '@mappedin/react-sdk/geojson/src/components/model' {
     import type { LineSegments, Object3D } from 'three';
     import { Color, Vector3 } from 'three';
     import type { BatchedStandardMaterial } from '@mappedin/react-sdk/geojson/src/systems/mesh-creation-and-optimization/batched-material';
-    import type { Position, EntityId } from '@mappedin/react-sdk/geojson/src/types';
-    import type { Feature, Point } from 'geojson';
-    import type { Geometry3DObject3D } from '@mappedin/react-sdk/geojson/src/entities/three-d';
-    import type { GeometryGroupState } from '@mappedin/react-sdk/geojson/src/entities/entity-group';
+    import type { Position, EntityId, ModelProperties, ModelStyle } from '@mappedin/react-sdk/geojson/src/types';
+    import type { Feature, FeatureCollection, Point } from 'geojson';
+    import type { Geometry3DObject3D } from '@mappedin/react-sdk/geojson/src/entities/geometry3d';
+    import type { GeometryGroupState } from '@mappedin/react-sdk/geojson/src/entities/geometry-group';
+    import { z } from 'zod';
     /**
         * State representing a Model, typically loaded via a URL
         */
@@ -4239,53 +4920,233 @@ declare module '@mappedin/react-sdk/geojson/src/components/model' {
                 */
             interactive: boolean;
     };
-    export class ModelComponent {
-            #private;
-            mesh?: Geometry3DObject3D;
-            readonly type = "model";
-            outline?: LineSegments;
-            geometry?: Object3D;
-            material?: BatchedStandardMaterial;
-            feature: Feature<Point>;
-            instanceIndex?: number;
-            constructor(feature: Feature<Point>);
-            visible: boolean;
-            setOpacity(): void;
-            color: Color;
-            setColor(): void;
-            position: Vector3;
-            get altitude(): number;
-            set altitude(value: number);
-            get opacity(): number;
-            set opacity(value: number);
-    }
-}
-
-declare module '@mappedin/react-sdk/geojson/src/renderer' {
-    import './utils/object-this-polyfill';
-    import type { Position as GeoJsonPosition } from 'geojson';
-    import { Vector3, Raycaster, Camera as ThreeCamera } from 'three';
-    import type { GroupContainerState } from '@mappedin/react-sdk/geojson/src/entities/entity-group-container';
-    import { GroupContainerObject3D } from '@mappedin/react-sdk/geojson/src/entities/entity-group-container';
-    import { PubSub } from '@mappedin/react-sdk/packages/common/pubsub';
-    import { Geometry3D } from '@mappedin/react-sdk/geojson/src/entities/three-d';
-    import { Geometry2D } from '@mappedin/react-sdk/geojson/src/entities/two-d';
-    import { CollisionSystem } from '@mappedin/react-sdk/geojson/src/systems/collisions/system';
-    import { InteractionSystem } from '@mappedin/react-sdk/geojson/src/systems/interactions';
-    import { ZoomInterpolationSystem } from '@mappedin/react-sdk/geojson/src/systems/zoom-interpolation/zoom-interpolation';
-    import type { AddMarkerOptions, MarkerState } from '@mappedin/react-sdk/geojson/src/components/marker';
-    import type { GLTFExportOptions } from '@mappedin/react-sdk/geojson/src/systems/exporter';
-    import { ExporterSystem } from '@mappedin/react-sdk/geojson/src/systems/exporter';
-    import type { AddLabelOptions, LabelState } from '@mappedin/react-sdk/geojson/src/components/label';
-    import type { LineStyle, PaintStyle, RendererCoreOptions, Position, ModelProperties, ModelStyle, InsetPadding, EntityState, EntityId, MapEvent, MapEventPayload } from '@mappedin/react-sdk/geojson/src/types';
-    import { MeshCreationAndOptimizationSystem } from '@mappedin/react-sdk/geojson/src/systems/mesh-creation-and-optimization/system';
-    import { DOMVisibilitySystem } from '@mappedin/react-sdk/geojson/src/systems/dom-visiblity/system';
+    export const modelPropertiesSchema: z.ZodObject<{
+            rotation: z.ZodOptional<z.ZodArray<z.ZodNumber, "many">>;
+            altitude: z.ZodOptional<z.ZodNumber>;
+            scale: z.ZodOptional<z.ZodArray<z.ZodNumber, "many">>;
+            interactive: z.ZodOptional<z.ZodBoolean>;
+            id: z.ZodOptional<z.ZodUnion<[z.ZodNumber, z.ZodString]>>;
+    }, "strip", z.ZodTypeAny, {
+            rotation?: number[] | undefined;
+            altitude?: number | undefined;
+            scale?: number[] | undefined;
+            interactive?: boolean | undefined;
+            id?: string | number | undefined;
+    }, {
+            rotation?: number[] | undefined;
+            altitude?: number | undefined;
+            scale?: number[] | undefined;
+            interactive?: boolean | undefined;
+            id?: string | number | undefined;
+    }>;
+    export const featureSchema: z.ZodObject<{
+            type: z.ZodEnum<["Feature"]>;
+            geometry: z.ZodObject<{
+                    type: z.ZodEnum<["Point"]>;
+                    coordinates: z.ZodArray<z.ZodNumber, "many">;
+            }, "strip", z.ZodTypeAny, {
+                    type: "Point";
+                    coordinates: number[];
+            }, {
+                    type: "Point";
+                    coordinates: number[];
+            }>;
+            properties: z.ZodObject<{
+                    rotation: z.ZodOptional<z.ZodArray<z.ZodNumber, "many">>;
+                    altitude: z.ZodOptional<z.ZodNumber>;
+                    scale: z.ZodOptional<z.ZodArray<z.ZodNumber, "many">>;
+                    interactive: z.ZodOptional<z.ZodBoolean>;
+                    id: z.ZodOptional<z.ZodUnion<[z.ZodNumber, z.ZodString]>>;
+            }, "strip", z.ZodTypeAny, {
+                    rotation?: number[] | undefined;
+                    altitude?: number | undefined;
+                    scale?: number[] | undefined;
+                    interactive?: boolean | undefined;
+                    id?: string | number | undefined;
+            }, {
+                    rotation?: number[] | undefined;
+                    altitude?: number | undefined;
+                    scale?: number[] | undefined;
+                    interactive?: boolean | undefined;
+                    id?: string | number | undefined;
+            }>;
+    }, "strip", z.ZodTypeAny, {
+            type: "Feature";
+            geometry: {
+                    type: "Point";
+                    coordinates: number[];
+            };
+            properties: {
+                    rotation?: number[] | undefined;
+                    altitude?: number | undefined;
+                    scale?: number[] | undefined;
+                    interactive?: boolean | undefined;
+                    id?: string | number | undefined;
+            };
+    }, {
+            type: "Feature";
+            geometry: {
+                    type: "Point";
+                    coordinates: number[];
+            };
+            properties: {
+                    rotation?: number[] | undefined;
+                    altitude?: number | undefined;
+                    scale?: number[] | undefined;
+                    interactive?: boolean | undefined;
+                    id?: string | number | undefined;
+            };
+    }>;
+    export const addModelFeatureSchema: z.ZodObject<{
+            type: z.ZodEnum<["FeatureCollection"]>;
+            features: z.ZodArray<z.ZodObject<{
+                    type: z.ZodEnum<["Feature"]>;
+                    geometry: z.ZodObject<{
+                            type: z.ZodEnum<["Point"]>;
+                            coordinates: z.ZodArray<z.ZodNumber, "many">;
+                    }, "strip", z.ZodTypeAny, {
+                            type: "Point";
+                            coordinates: number[];
+                    }, {
+                            type: "Point";
+                            coordinates: number[];
+                    }>;
+                    properties: z.ZodObject<{
+                            rotation: z.ZodOptional<z.ZodArray<z.ZodNumber, "many">>;
+                            altitude: z.ZodOptional<z.ZodNumber>;
+                            scale: z.ZodOptional<z.ZodArray<z.ZodNumber, "many">>;
+                            interactive: z.ZodOptional<z.ZodBoolean>;
+                            id: z.ZodOptional<z.ZodUnion<[z.ZodNumber, z.ZodString]>>;
+                    }, "strip", z.ZodTypeAny, {
+                            rotation?: number[] | undefined;
+                            altitude?: number | undefined;
+                            scale?: number[] | undefined;
+                            interactive?: boolean | undefined;
+                            id?: string | number | undefined;
+                    }, {
+                            rotation?: number[] | undefined;
+                            altitude?: number | undefined;
+                            scale?: number[] | undefined;
+                            interactive?: boolean | undefined;
+                            id?: string | number | undefined;
+                    }>;
+            }, "strip", z.ZodTypeAny, {
+                    type: "Feature";
+                    geometry: {
+                            type: "Point";
+                            coordinates: number[];
+                    };
+                    properties: {
+                            rotation?: number[] | undefined;
+                            altitude?: number | undefined;
+                            scale?: number[] | undefined;
+                            interactive?: boolean | undefined;
+                            id?: string | number | undefined;
+                    };
+            }, {
+                    type: "Feature";
+                    geometry: {
+                            type: "Point";
+                            coordinates: number[];
+                    };
+                    properties: {
+                            rotation?: number[] | undefined;
+                            altitude?: number | undefined;
+                            scale?: number[] | undefined;
+                            interactive?: boolean | undefined;
+                            id?: string | number | undefined;
+                    };
+            }>, "many">;
+    }, "strip", z.ZodTypeAny, {
+            type: "FeatureCollection";
+            features: {
+                    type: "Feature";
+                    geometry: {
+                            type: "Point";
+                            coordinates: number[];
+                    };
+                    properties: {
+                            rotation?: number[] | undefined;
+                            altitude?: number | undefined;
+                            scale?: number[] | undefined;
+                            interactive?: boolean | undefined;
+                            id?: string | number | undefined;
+                    };
+            }[];
+    }, {
+            type: "FeatureCollection";
+            features: {
+                    type: "Feature";
+                    geometry: {
+                            type: "Point";
+                            coordinates: number[];
+                    };
+                    properties: {
+                            rotation?: number[] | undefined;
+                            altitude?: number | undefined;
+                            scale?: number[] | undefined;
+                            interactive?: boolean | undefined;
+                            id?: string | number | undefined;
+                    };
+            }[];
+    }>;
+    export const modelStyleSchema: z.ZodObject<{
+            url: z.ZodString;
+            color: z.ZodOptional<z.ZodString>;
+            opacity: z.ZodOptional<z.ZodNumber>;
+    }, "strip", z.ZodTypeAny, {
+            url: string;
+            color?: string | undefined;
+            opacity?: number | undefined;
+    }, {
+            url: string;
+            color?: string | undefined;
+            opacity?: number | undefined;
+    }>;
+    export function validateModelGroup(id: string | number, geometry: FeatureCollection<Point, ModelProperties>, style: ModelStyle): void;
+    export class ModelComponent {
+            #private;
+            mesh?: Geometry3DObject3D;
+            readonly type = "model";
+            outline?: LineSegments;
+            geometry?: Object3D;
+            material?: BatchedStandardMaterial;
+            feature: Feature<Point>;
+            instanceIndex?: number;
+            constructor(feature: Feature<Point>);
+            visible: boolean;
+            setOpacity(): void;
+            color: Color;
+            setColor(): void;
+            position: Vector3;
+            get altitude(): number;
+            set altitude(value: number);
+            get opacity(): number;
+            set opacity(value: number);
+    }
+}
+
+declare module '@mappedin/react-sdk/geojson/src/renderer' {
+    import './utils/object-this-polyfill';
+    import { Vector3, Raycaster, Camera as ThreeCamera } from 'three';
+    import type { GroupContainerState } from '@mappedin/react-sdk/geojson/src/entities/group-container';
+    import { PubSub } from '@mappedin/react-sdk/packages/common/pubsub';
+    import { CollisionSystem } from '@mappedin/react-sdk/geojson/src/systems/collisions/system';
+    import { InteractionSystem } from '@mappedin/react-sdk/geojson/src/systems/interactions';
+    import { ZoomInterpolationSystem } from '@mappedin/react-sdk/geojson/src/systems/zoom-interpolation/zoom-interpolation';
+    import type { AddMarkerOptions, MarkerState } from '@mappedin/react-sdk/geojson/src/components/marker';
+    import type { GLTFExportOptions } from '@mappedin/react-sdk/geojson/src/systems/exporter';
+    import { ExporterSystem } from '@mappedin/react-sdk/geojson/src/systems/exporter';
+    import type { AddLabelOptions, LabelState } from '@mappedin/react-sdk/geojson/src/components/label';
+    import type { LineStyle, PaintStyle, RendererCoreOptions, Position, ModelProperties, ModelStyle, EntityState, EntityId, MapEvent, MapEventPayload, RendererState } from '@mappedin/react-sdk/geojson/src/types';
+    import { MeshCreationAndOptimizationSystem } from '@mappedin/react-sdk/geojson/src/systems/mesh-creation-and-optimization/system';
+    import { DOMVisibilitySystem } from '@mappedin/react-sdk/geojson/src/systems/dom-visiblity/system';
     import { TwoDProjectionSystem } from '@mappedin/react-sdk/geojson/src/systems/2d-projection/system';
     import { TwoDDrawSystem } from '@mappedin/react-sdk/geojson/src/systems/2d-draw/system';
     import { DrawSystem } from '@mappedin/react-sdk/geojson/src/systems/draw/system';
     import { TwoDVisibilitySystem } from '@mappedin/react-sdk/geojson/src/systems/2d-visibility/system';
     import { RenderSystem } from '@mappedin/react-sdk/geojson/src/systems/render/system';
-    import type { FeatureCollection, LineString, MultiPolygon, Polygon, Point, Feature } from 'geojson';
+    import type { Position as GeoJsonPosition, FeatureCollection, LineString, MultiPolygon, Polygon, Point, Feature } from 'geojson';
     import type { AddPathOptions, PathState } from '@mappedin/react-sdk/geojson/src/components/path';
     import { StackSystem } from '@mappedin/react-sdk/geojson/src/systems/stack/system';
     import { CameraSystem } from '@mappedin/react-sdk/geojson/src/systems/camera';
@@ -4293,8 +5154,7 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
     import { type Map as MapLibreMap } from '@mappedin/react-sdk/packages/outdoor-context-v4';
     import type { GeometryState } from '@mappedin/react-sdk/geojson/src/components/mesh';
     import type { ModelState } from '@mappedin/react-sdk/geojson/src/components/model';
-    import type { GeometryGroupState } from '@mappedin/react-sdk/geojson/src/entities/entity-group';
-    import { GeometryGroupObject3D } from '@mappedin/react-sdk/geojson/src/entities/entity-group';
+    import type { GeometryGroupState } from '@mappedin/react-sdk/geojson/src/entities/geometry-group';
     import { DOMResizeSystem } from '@mappedin/react-sdk/geojson/src/systems/dom-resize/system';
     import { Camera } from '@mappedin/react-sdk/geojson/src/camera';
     import { type WatermarkOptions, WatermarkSystem } from '@mappedin/react-sdk/geojson/src/systems/watermark/system';
@@ -4303,9 +5163,13 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
     import { type CustomGeometryBuilder, type ShapeState } from '@mappedin/react-sdk/geojson/src/components/custom';
     import { CustomGeometrySystem } from '@mappedin/react-sdk/geojson/src/systems/custom-geometry/system';
     import { OutlineInterpolationSystem } from '@mappedin/react-sdk/geojson/src/systems/outline-interpolation/system';
+    import { ImageSystem } from '@mappedin/react-sdk/geojson/src/systems/image/system';
     import { GeometryInFocusSystem } from '@mappedin/react-sdk/geojson/src/systems/geometry-in-focus/system';
     import { OutdoorLayers } from '@mappedin/react-sdk/geojson/src/systems/outdoor-layers/system';
     import { PathSystem } from '@mappedin/react-sdk/geojson/src/systems/path';
+    import { type ImageProperties, type ImageState, type ImageStyle } from '@mappedin/react-sdk/geojson/src/components/image';
+    import { MeshDetachmentSystem } from '@mappedin/react-sdk/geojson/src/systems/mesh-detachment/system';
+    import { MeshModificationSystem } from '@mappedin/react-sdk/geojson/src/systems/mesh-modification/system';
     export type * from '@mappedin/react-sdk/geojson/src/types';
     export const raycaster: Raycaster;
     export const DEFAULT_ZOOM_LEVEL = 18;
@@ -4324,21 +5188,6 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
             AFTER_RENDER: number;
             AFTER_ALL_UPDATES: number;
     };
-    export type Entity3DTypes = Geometry3D | GeometryGroupObject3D | GroupContainerObject3D;
-    export type RendererState = {
-            entity3DMap: Map<string | number, Entity3DTypes>;
-            entity2DMap: Map<string | number, Geometry2D>;
-            entity2DIds: Set<Geometry2D['id']>;
-            threeDEntities: (string | number)[];
-            entityScene: GroupContainerObject3D;
-            hoverColor: string;
-            center?: Position;
-            insetsPadding: InsetPadding;
-            shouldMeasureCanvas: boolean;
-            pixelRatio: number;
-            canvasWidth: number;
-            canvasHeight: number;
-    };
     export type Systems = {
             cameraSystem: CameraSystem;
             panBoundsSystem: PanBoundsSystem;
@@ -4362,7 +5211,10 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
             outlineInterpolationSystem: OutlineInterpolationSystem;
             outdoorLayersSystem: OutdoorLayers;
             pathSystem: PathSystem;
+            imageSystem: ImageSystem;
             geometryInFocusSystem: GeometryInFocusSystem;
+            meshDetachmentSystem: MeshDetachmentSystem;
+            meshModificationSystem: MeshModificationSystem;
     };
     export type MapViewState = {
             readonly type: 'map-view';
@@ -4420,18 +5272,19 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
                 * Add a geometry group from GeoJSON data
                 */
             addGeometryGroup<T extends FeatureCollection<Polygon | MultiPolygon | LineString, any>>(id: string, geometry: T, style?: T extends FeatureCollection<LineString, any> ? LineStyle : PaintStyle, parent?: EntityId<GroupContainerState> | string | number | null): EntityId<GeometryGroupState>;
+            addImage(id: string, geometry: Feature<Point, ImageProperties>, style: ImageStyle, parent?: EntityId<GroupContainerState> | string | null): EntityId<ImageState> | undefined;
             /**
                 * Add a group of models from GeoJSON data. These will be instanced automatically for better performance.
                 */
-            addModelGroup(id: string, geometry: FeatureCollection<Point, ModelProperties>, style: ModelStyle, parent?: EntityId<GroupContainerState> | string | null): EntityId<GeometryGroupState>;
+            addModelGroup(id: string, geometry: FeatureCollection<Point, ModelProperties>, style: ModelStyle, parent?: EntityId<GroupContainerState> | string | null): EntityId<GeometryGroupState> | undefined;
             /**
                 * Add an HTML Marker at a GeoJSON coordinate.
                 */
-            addMarker2D(coordinate: Position, contentHTML: string, options?: AddMarkerOptions, parent?: EntityId<GroupContainerState> | string | number | null): EntityId<MarkerState>;
+            addMarker2D(coordinate: Position, contentHTML: string, options?: AddMarkerOptions, parent?: EntityId<GroupContainerState> | string | number | null): EntityId<MarkerState> | undefined;
             /**
                 * Add a 2D label at a GeoJSON coordinate.
                 */
-            addLabel2D(coordinate: Position, text: string, options?: AddLabelOptions, parent?: EntityId<GroupContainerState> | string | number | null): EntityId<LabelState>;
+            addLabel2D(coordinate: Position, text: string, options?: AddLabelOptions, parent?: EntityId<GroupContainerState> | string | number | null): EntityId<LabelState> | undefined;
             /**
                 * Add a Path along a set of GeoJSON coordinates that can be animated.
                 */
@@ -4478,9 +5331,9 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
                 * Get the current state of the map view, or any entity that was added, regardless of whether it is visible in the scene
                 */
             getState(): MapViewState;
-            getState<T extends EntityId<EntityState>>(geometryOrGeometryId: T): T extends EntityId<LabelState> ? LabelState : T extends EntityId<GeometryState> ? GeometryState : T extends EntityId<MarkerState> ? MarkerState : T extends EntityId<GeometryGroupState> ? GeometryGroupState : T extends EntityId<GroupContainerState> ? GroupContainerState : T extends EntityId<ModelState> ? ModelState : T extends EntityId<PathState> ? ShapeState : T extends EntityId<ShapeState> ? ShapeState : 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> ? ShapeState : T extends EntityId<ShapeState> ? ShapeState : T extends EntityId<ImageState> ? ImageState : 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 ? ShapeState : T extends ShapeState ? PathState : 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 ? ShapeState : T extends ShapeState ? PathState : 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.
                 */
@@ -4493,6 +5346,7 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
             setState<T extends EntityId<ShapeState>>(object: T | T['id'], state: Partial<ShapeState>): void;
             setState<T extends EntityId<PathState>>(object: T | T['id'], state: Partial<PathState>): 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 EntityState>(object: T | T['id'], state: Partial<T>): void;
             /**
                 * Project a screen coordinate to a geographic coordinate
@@ -4531,6 +5385,10 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
                 * Sets the background color of the renderer. Only applies to "standalone mode"
                 */
             setBackgroundColor: (color: any, alpha: any) => void;
+            /**
+                * Returns the current scale of the map in metres per pixel.
+                */
+            getMetresPerPixel: () => number | undefined;
             /**
                 * @internal
                 * Filters out layers at a certain point on the outdoor map. This can be used to hide the outdoor building footprint underneath the 3D geometry.
@@ -4800,40 +5658,40 @@ declare module '@mappedin/react-sdk/geojson/src/utils' {
     import { Box2 } from 'three';
     import { MercatorCoordinate } from '@mappedin/react-sdk/packages/outdoor-context-v4';
     import type { CustomLayerInterface } from '@mappedin/react-sdk/packages/outdoor-context-v4';
-    import type { GeometryGroupObject3D } from '@mappedin/react-sdk/geojson/src/entities/entity-group';
-    import type { GroupContainerObject3D } from '@mappedin/react-sdk/geojson/src/entities/entity-group-container';
-    import type { Geometry2D } from '@mappedin/react-sdk/geojson/src/entities/two-d';
-    import type { Geometry3D } from '@mappedin/react-sdk/geojson/src/entities/three-d';
+    import type { GeometryGroupObject3D } from '@mappedin/react-sdk/geojson/src/entities/geometry-group';
+    import type { GroupContainerObject3D } from '@mappedin/react-sdk/geojson/src/entities/group-container';
+    import type { Geometry2D } from '@mappedin/react-sdk/geojson/src/entities/geometry2d';
+    import type { Geometry3D } from '@mappedin/react-sdk/geojson/src/entities/geometry3d';
     import type { Position, RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
     import type { Camera } from '@mappedin/react-sdk/geojson/src/camera';
     export function cartesianToGeographic(centerLat: number, centerLon: number, x: number, y: number): {
-        lat: number;
-        lon: number;
+            lat: number;
+            lon: number;
     };
     export function geographicToCartesian(centerLat: number, centerLon: number, targetLat: number, targetLon: number): {
-        x: number;
-        y: number;
+            x: number;
+            y: number;
     };
-    export const extract3DEntitiesFromTree: (tree: any, entities?: (string | number)[]) => (string | number)[];
-    export const extractEntitiesFromTree: (tree: any, entities: Set<Geometry2D["id"]>) => Set<string | number>;
+    export const populateGeometry3DIdsInScene: (tree: any, entities: RendererState["geometry3DIdsInScene"]) => Set<string | number>;
+    export const populateGeometry2DIdsInScene: (tree: any, entities: Set<Geometry2D["id"]>) => Set<string | number>;
     export function convertMapLibreStylePaintProps(paint: any): {
-        color: any;
-        height: any;
-        altitude: any;
-        opacity: any;
-        outline: any;
+            color: any;
+            height: any;
+            altitude: any;
+            opacity: any;
+            outline: any;
     };
     export function convertMapLibreLineStylePaintProps(paint: any): {
-        color: any;
-        join: any;
-        opacity: any;
-        width: any;
-        cap: any;
+            color: any;
+            join: any;
+            opacity: any;
+            width: any;
+            cap: any;
     };
     export function mergeObjects<T extends Record<string, any>>(obj1: T, obj2: T): T;
     export function createCustomLayer(modelAsMercatorCoordinate: MercatorCoordinate, viewCamera: THREECamera, camera: Camera, onRender: () => void): CustomLayerInterface;
     export function getRequestHeaders(authURL: string): Promise<{
-        'x-mappedin-tiles-key': string;
+            'x-mappedin-tiles-key': string;
     }>;
     export function cyrb53(str: string, seed?: number): number;
     export const linearEase: (t: number) => number;
@@ -4845,38 +5703,53 @@ declare module '@mappedin/react-sdk/geojson/src/utils' {
     /*  getProjectionScaleFactor()
     /*  finds the scale ratio between screen coordinates and 3D coordinates (in X-Z plane)
     /*
-          *                                    R
-          *                                  /|
-          *    C : Camera                  /  |
-          *    PQ : Projection Plane     /    |
-          *    OR : Origin             /      |
-          *    F : FOV               /        |
-          *                      Q /          |
-          *                      /|           |
-          *                    /  |           |
-          *                  /    |           |
-          *                /      |           |
-          *              /        |           |
-          *            / F/2      |           |
-          *         C ------------P------------ O
-          *
-          *
-          *   ProjectionScaleFactor = ( OR / PQ )
-          *   PQ = canvasHeight / 2
-          *   CQ = zoom
-          *
-          *   OR / C0 = tan(F/2)
-          *   so OR = CO * tan(F/2)
-          */
+                *                                    R
+                *                                  /|
+                *    C : Camera                  /  |
+                *    PQ : Projection Plane     /    |
+                *    OR : Origin             /      |
+                *    F : FOV               /        |
+                *                      Q /          |
+                *                      /|           |
+                *                    /  |           |
+                *                  /    |           |
+                *                /      |           |
+                *              /        |           |
+                *            / F/2      |           |
+                *         C ------------P------------ O
+                *
+                *
+                *   ProjectionScaleFactor = ( OR / PQ )
+                *   PQ = canvasHeight / 2
+                *   CQ = zoom
+                *
+                *   OR / C0 = tan(F/2)
+                *   so OR = CO * tan(F/2)
+                */
     export function getProjectionScaleFactor(FOV: number, canvasHeight: number, zoom: number): number;
     export function getGeometryByGeometryId(state: RendererState, geometryOrGeometryId?: string | number | Record<string, any>): Geometry3D | GroupContainerObject3D | GeometryGroupObject3D | Geometry2D | undefined;
     export function getBoundingBoxCenter(bbox: Position[]): [number, number];
+    export function toRadians(degrees: number): number;
+    /**
+        * Calculates the approximate distance between two geographic coordinates on Earth's surface.
+        *
+        * This function uses the equirectangular approximation method to compute the distance, which simplifies
+        * the math and speeds up calculations, but is less accurate over long distances compared to other methods
+        * like the haversine formula.
+        *
+        * @param {Position} point1 - The first point's longitude and latitude as [longitude, latitude].
+        * @param {Position} point1 - The second point's longitude and latitude as [longitude, latitude].
+        * @return
+        * @return {number} The approximate distance between the two points in meters.
+        */
+    export function haversineDistance(point1: Position, point2: Position): number;
     export { getCornersOfBoundingBox } from '@mappedin/react-sdk/geojson/src/utils/bounding-box';
     export function isFiniteBox(box: Box2 | Box3): boolean;
     export { getPixelRatio } from '@mappedin/react-sdk/geojson/src/utils/get-pixel-ratio';
     export { debounce } from '@mappedin/react-sdk/geojson/src/utils/async';
     export { shouldDisableOffscreenCanvas } from '@mappedin/react-sdk/geojson/src/utils/browser';
     export { noop } from '@mappedin/react-sdk/geojson/src/utils/fp';
+    export { transformRequest } from '@mappedin/react-sdk/geojson/src/utils/tranform-request';
 }
 
 declare module '@mappedin/react-sdk/geojson/src/utils/constants' {
@@ -5052,124 +5925,21 @@ declare module '@mappedin/react-sdk/geojson/src/systems/html-controls/system' {
     }
 }
 
-declare module '@mappedin/react-sdk/mappedin-js/src/analytics/customer' {
-    /**
-        * Valid track-analytics API contexts. These should match the expected values of that endpoint or the requests will fail.
-        * If a set context is not in this list, it will default to the first VALID_CONTEXTS value.
-        */
-    export const VALID_CONTEXTS: readonly ["websdk", "web", "webv2", "kiosk-v2", "mobile", "iossdk", "androidsdk", "reactnativesdk"];
-    type ValidContext = (typeof VALID_CONTEXTS)[number];
-    export const DEFAULT_CONTEXT: "websdk";
-    export const ANALYTICS_URL = "https://api-gateway.mappedin.com/track-analytics/a/";
-    export class CustomerAnalytics {
-            #private;
-            constructor();
-            init(options?: AnalyticsOptions): void;
-            /**
-                * Reset state and options
-                */
-            reset(): void;
-            updateState(update: UpdateStateParam): void;
-            get authReady(): boolean;
-            getState(): AnalyticState;
-            capture<T extends keyof CaptureEventsPayloadMap>(eventName: T, query: CaptureEventsPayloadMap[T]): Promise<Response> | Promise<void>;
-            capture<T extends keyof CaptureEventsPayloadMap | (string & NonNullable<unknown>)>(target: T, query: T extends keyof CaptureEventsPayloadMap ? CaptureEventsPayloadMap[T] : Record<string, any>): Promise<Response> | Promise<void>;
-            /**
-                * @internal
-                */
-            sendGetMapDataEvent(payload: {
-                    parseDuration: string;
-                    downloadDuration: string;
-                    viewId?: string;
-            }): Promise<void> | Promise<Response>;
-            sendWatchPositionDenied(): Promise<void> | Promise<Response>;
-            /**
-                * @internal
-                */
-            sendMapViewLoadedEvent({ firstRenderDuration, dimension, }: {
-                    firstRenderDuration: string;
-                    dimension: {
-                            height: number;
-                            width: number;
-                    };
-            }): Promise<void> | Promise<Response>;
-            /**
-                * @internal
-                */
-            sendGetDirectionsEvent: (start: string, end: string) => void;
+declare module '@mappedin/react-sdk/geojson/src/maplibre-overlay' {
+    import type { IControl, Map as MapLibreMap, CustomLayerInterface } from '@packages/internal/outdoor-context-v4';
+    import type { Position } from '@mappedin/react-sdk/geojson/src/types';
+    import RendererCore from '@mappedin/react-sdk/geojson/src/renderer';
+    import { PubSub } from '@packages/internal/common';
+    export class MapLibreOverlay<T> extends PubSub<T> implements IControl {
+        el: HTMLDivElement;
+        core: RendererCore;
+        origin?: Position;
+        map?: MapLibreMap;
+        layer?: CustomLayerInterface;
+        constructor(origin: Position | undefined);
+        onAdd(map: MapLibreMap): HTMLDivElement;
+        onRemove(): void;
     }
-    type AnalyticsUserPosition = {
-            bluedotTimestamp: number;
-            latitude: number;
-            longitude: number;
-            floorLevel?: number;
-            accuracy: number;
-    };
-    export type AnalyticsOptions = {
-            key?: string;
-            secret?: string;
-            accessToken?: string;
-            noAuth?: boolean;
-            mapId?: string;
-            logEvents?: boolean;
-            sendEvents?: boolean;
-            context?: string;
-            platformString?: string;
-    };
-    export type AnalyticState = {
-            accessToken?: string | undefined;
-            version: string;
-            platformString: string;
-            baseUrl: string;
-            noAuth: boolean;
-            geolocationMode: boolean;
-            mi_uuid: string;
-            mi_session: string;
-            context: ValidContext;
-            userPosition?: AnalyticsUserPosition;
-            mapId?: string;
-            key?: string;
-            secret?: string;
-            logEvents: boolean;
-            sendEvents: boolean;
-    };
-    type UpdateStateParam = Partial<Pick<AnalyticState, 'geolocationMode' | 'context' | 'logEvents' | 'userPosition' | 'mapId' | 'sendEvents' | 'logEvents' | 'accessToken'>>;
-    type CaptureEventsPayloadMap = {
-            '$select-location': {
-                    id: string;
-            };
-            '$select-category': {
-                    id: string;
-            };
-            '$query-suggest': Record<string, any>;
-            '$query-search': Record<string, any>;
-    };
-    export const analyticsInternal: CustomerAnalytics;
-    export const analytics: {
-            /**
-                * Initializes the analytics with the provided options.
-                * @param args - The options to initialize the analytics.
-                */
-            init(options?: AnalyticsOptions | undefined): void;
-            /**
-                * Captures an analytic event with a custom target and query payload.
-                *
-                * @param target - The event name or target can be .
-                * @param query - The payload associated with the event.
-                * @returns A promise that resolves to the server response or void.
-                */
-            capture(target: keyof CaptureEventsPayloadMap | (string & {}), query: Record<string, any> | {
-                    id: string;
-            } | {
-                    id: string;
-            }): Promise<void> | Promise<Response>;
-            /**
-                * Updates the analytics state with the provided parameters.
-                * @param update - The state parameters to update.
-                */
-            updateState(update: Partial<Pick<AnalyticState, "logEvents" | "sendEvents" | "logEvents" | "accessToken">>): void;
-    };
-    export {};
 }
 
 declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/label' {
@@ -5243,6 +6013,42 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/marker' {
     }
 }
 
+declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/image' {
+    /**
+        * Class representing an Image on the {@link MapView}.
+        */
+    export class Image {
+            #private;
+            /**
+                * @internal
+                */
+            static readonly __type = "Image";
+            /**
+                * @internal
+                */
+            readonly __type = "Image";
+            /**
+                * Checks if the provided instance is of type Marker"
+                *
+                * @param instance The instance to check.
+                * @returns {boolean} True if the instance is a Marker, false otherwise.
+                */
+            static is(instance: object): instance is Image;
+            /**
+                * @internal
+                */
+            constructor(id: string, url: string);
+            /**
+                * The image's id
+                */
+            get id(): string;
+            /**
+                * The image's url
+                */
+            get url(): string;
+    }
+}
+
 declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/model' {
     /**
         * Class representing a 3D model on the {@link MapView}.
@@ -5335,11 +6141,11 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view-objects/shape' {
 declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/api' {
     import type { Position, RendererCore, WatermarkOptions } from '@mappedin/core-sdk';
     import { type TShow3DMapOptions } from '@mappedin/react-sdk/mappedin-js/src';
+    import { WALLS, DOORS } from '@mappedin/react-sdk/mappedin-js/src/types';
     import type MapData from '@mappedin/react-sdk/mappedin-js/src/map-data';
-    import { Floor } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
-    import { Coordinate, MapObject, Space } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
+    import { Coordinate, MapObject, Space, Floor, type MapDataInternal, Door } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     import type { MapView } from '@mappedin/react-sdk/mappedin-js/src/map-view';
-    import { Label, Marker, type Model } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
+    import { Label, Marker, type Model, type Image } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
     import { Navigation } from '@mappedin/react-sdk/mappedin-js/src/navigation';
     import type { TGetDirectionsOptions, TGetState, TNavigationTarget, TUpdateState } from '@mappedin/react-sdk/mappedin-js/src/types';
     import { Camera } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/camera';
@@ -5348,6 +6154,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/api' {
     import { Labels } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/labels';
     import { GeojsonApiMapObject } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/map-object';
     import { Markers } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/markers';
+    import { Images } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/images';
     import { Models } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/models';
     import { Paths } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/paths';
     import { BlueDot } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/blue-dot/blue-dot';
@@ -5377,10 +6184,11 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/api' {
         BlueDot: BlueDot;
         Shapes: Shapes;
         Style: Style;
+        Images: Images;
         constructor(rendererCore: RendererCore, mapView: MapView);
-        updateState<T extends Space | MapObject | Label | Marker | 'walls' | (string & NonNullable<unknown>)>(target: T, state: TUpdateState<T>): void;
+        updateState<T extends Space | MapObject | Label | Marker | Door | WALLS | DOORS | (string & NonNullable<unknown>)>(target: T, state: TUpdateState<T>): void;
         update: () => void;
-        getMapDataInternal(): import("../map-data-objects").MapDataInternal | undefined;
+        getMapDataInternal(): MapDataInternal | undefined;
         getMapData(): MapData | undefined;
         expand(opts?: {
             excludeFloors: Floor[];
@@ -5390,7 +6198,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/api' {
         setFloor(floor: Floor | string, reason?: TFloorChangeReason): void;
         updateWatermark(options: Omit<WatermarkOptions, 'onClick'>): void;
         get currentFloor(): Floor;
-        getState<T extends Space | MapObject | Label | Marker | Model | string>(target: T): TGetState<T> | undefined;
+        getState<T extends Space | MapObject | Label | Marker | Model | Image | string>(target: T): TGetState<T> | undefined;
         setHoverColor(c: string): void;
         getHoverColor(): string | undefined;
         getDirections: (from: TNavigationTarget | TNavigationTarget[], to: TNavigationTarget | TNavigationTarget[], opt?: TGetDirectionsOptions) => Directions | undefined;
@@ -5402,6 +6210,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/api' {
           * @internal
           */
         get __core(): RendererCore;
+        clear(): void;
         destroy(): void;
     }
 }
@@ -5830,90 +6639,322 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/directions' {
                     groupBy?: string;
             });
             /**
-                * Get directions between two navigation targets.
-                *
-                * @hidden
-                * @param from
-                * @param to
-                * @param options
-                * @param mapData
+                * Get directions between two navigation targets.
+                *
+                * @hidden
+                * @param from
+                * @param to
+                * @param options
+                * @param mapData
+                */
+            getDirections: (from: TNavigationTarget[], to: TNavigationTarget[], options: {
+                    accessible: boolean;
+                    smoothing: {
+                            enabled: boolean;
+                            radius: number;
+                    };
+                    zones: TDirectionZone[];
+            }, mapData: MapDataInternal) => Directions | undefined;
+            /**
+                * Get the node IDs that should be excluded from the navigation graph.
+                *
+                * @hidden
+                * @param accessible {boolean}
+                */
+            getExcludedNodeIds: (accessible: boolean) => string[];
+    }
+}
+
+declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/style' {
+    import type { StyleCollection } from '@mappedin/mvf';
+    import type { GeojsonApiMapObject } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/map-object';
+    export class Style {
+            #private;
+            /**
+                * @internal
+                */
+            get currentMap(): GeojsonApiMapObject | undefined;
+            /**
+                * @internal
+                */
+            constructor({ currentMapGetter }: {
+                    currentMapGetter: CurrentMapGetter;
+            });
+            setFromStyleCollection(styleCollection: StyleCollection): void;
+    }
+    type CurrentMapGetter = () => GeojsonApiMapObject | undefined;
+    export {};
+}
+
+declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/outdoor' {
+    import { type RendererCore, type Position } from '@mappedin/core-sdk';
+    export default class Outdoor {
+            #private;
+            /**
+                * @internal
+                */
+            constructor(core: RendererCore, hiddenOutdoorGeometry?: [Position, string[]][]);
+            setStyle(style: any): void;
+            /**
+                * Returns a Maplibre map for advanced usage.
+                *
+                * @returns {object} Maplibre map instance
+                *
+                * Limitations:
+                * - Maplibre interaction events are not supported; use SDK interaction events.
+                * - Maplibre markers and labels may overlap as they are not integrated with the SDK collision engine.
+                */
+            get map(): import("@packages/internal/outdoor-context-v4").Map | undefined;
+            /**
+                * Whether the outdoorView is enabled.
+                */
+            get enabled(): boolean;
+    }
+}
+
+declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/images' {
+    import type { TAddImageOptions } from '@mappedin/react-sdk/mappedin-js/src/types';
+    import { Image } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
+    import type { GeojsonApiMapObject } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/map-object';
+    import type { Space, Door, Coordinate } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
+    export class Images {
+            #private;
+            /**
+                * @internal
+                */
+            get currentMap(): GeojsonApiMapObject | undefined;
+            /**
+                * @internal
+                */
+            constructor({ currentMapGetter }: {
+                    currentMapGetter: CurrentMapGetter;
+            });
+            /**
+                * @internal
+                */
+            getById(id: string): {
+                    image: Image;
+                    entityId: string;
+            } | undefined;
+            /**
+                * Adds an image to the map.
+                *
+                * @param target The target object ({@link Space}, {@link Door}, or {@link Coordinate}) for the image.
+                * @param url The URL of the image.
+                * @param options Optional additional options for the {@link Image}.
+                * @returns {Image | undefined} The created {@link Image}, or undefined if creation failed.
+                * @example
+                * // Add an interactive {@link Image} to the map with custom HTML content.
+                * map.Images.add(coordinate, '<div>Image Content</div>', { interactive: true });
+                */
+            add(target: Space | Door | Coordinate, url: string, options: TAddImageOptions): Image;
+            /**
+                * Removes a image from the map.
+                *
+                * @param image {Image} The {@link Image} which should be removed.
+                * @example
+                * mapView.Images.remove(image);
+                */
+            remove(image: Image): void;
+            /**
+                * Remove all the images from the map.
+                *
+                * @example
+                * map.Images.removeAll();
+                */
+            removeAll(): Image[];
+    }
+    type CurrentMapGetter = () => GeojsonApiMapObject | undefined;
+    export {};
+}
+
+declare module '@mappedin/react-sdk/mappedin-js/src/analytics/customer' {
+    /**
+        * Valid track-analytics API contexts. These should match the expected values of that endpoint or the requests will fail.
+        * If a set context is not in this list, it will default to the first VALID_CONTEXTS value.
+        */
+    export const VALID_CONTEXTS: readonly ["websdk", "web", "webv2", "kiosk-v2", "mobile", "iossdk", "androidsdk", "reactnativesdk"];
+    type ValidContext = (typeof VALID_CONTEXTS)[number];
+    export const DEFAULT_CONTEXT: "websdk";
+    export const ANALYTICS_URL = "https://api-gateway.mappedin.com/track-analytics/a/";
+    export const FOUND_POSITION = "found-position";
+    export const FOUND_FLOOR = "found-floor";
+    type BlueDotEvents = typeof FOUND_FLOOR | typeof FOUND_POSITION;
+    export class AnalyticsInternal {
+            #private;
+            constructor();
+            init(options: AnalyticsUpdateOptions): void;
+            /**
+                * Reset state and options
+                */
+            reset(): void;
+            updateState(update: UpdateStateParam): void;
+            get authReady(): boolean;
+            getState(): AnalyticState;
+            capture<T extends keyof CaptureEventsPayloadMap>(eventName: T, query: CaptureEventsPayloadMap[T]): Promise<Response> | Promise<void>;
+            capture<T extends keyof CaptureEventsPayloadMap | (string & NonNullable<unknown>)>(target: T, query: T extends keyof CaptureEventsPayloadMap ? CaptureEventsPayloadMap[T] : Record<string, any>): Promise<Response> | Promise<void>;
+            /**
+                * @internal
+                */
+            sendGetMapDataEvent(payload: {
+                    parseDuration: number;
+                    downloadDuration: number;
+                    viewId?: string;
+            }): void | Promise<Response> | Promise<void>;
+            sendWatchPositionDenied(): void | Promise<Response> | Promise<void>;
+            /**
+                * @internal
+                */
+            sendMapViewLoadedEvent({ firstRenderDuration, dimension, }: {
+                    firstRenderDuration: number;
+                    dimension: {
+                            height: number;
+                            width: number;
+                    };
+            }): void | Promise<Response> | Promise<void>;
+            /**
+                * @internal
+                */
+            sendGetDirectionsEvent: (start: string, end: string) => void;
+            sendBlueDotEvents(event: BlueDotEvents): void | Promise<Response> | Promise<void>;
+    }
+    type AnalyticsUserPosition = {
+            bluedotTimestamp: number;
+            latitude: number;
+            longitude: number;
+            floorLevel?: number;
+            accuracy: number;
+    };
+    type AnalyticsOptions = {
+            /** The ID of the map to be used for analytics. */
+            mapId?: string;
+            /** The API key for authentication. */
+            key?: string;
+            /** The API secret for authentication. */
+            secret?: string;
+            /** The access token for authentication. */
+            accessToken?: string;
+            /** Flag to disable authentication. */
+            noAuth?: boolean;
+            /** Flag to enable logging of events. */
+            logEvents?: boolean;
+            /** Flag to enable sending of events. */
+            sendEvents?: boolean;
+            /** The context in which the analytics are being used. */
+            context?: string;
+            /** The platform string to be included in analytics. */
+            platformString?: string;
+            /** The base URI for the analytics endpoint. */
+            baseUri?: string;
+    };
+    export type AnalyticsUpdateOptions = Omit<AnalyticsOptions, 'mapId' | 'key' | 'secret' | 'accessToken'> & {
+            /** The ID of the map to be used for analytics. */
+            mapId: string;
+    } & ({
+            /** The API key for authentication. */
+            key: string;
+            /** The API secret for authentication. */
+            secret: string;
+    } | {
+            /** The access token for authentication. */
+            accessToken: string;
+    });
+    export type AnalyticState = {
+            accessToken?: string | undefined;
+            version: string;
+            platformString: string;
+            baseUri: string;
+            analyticsBaseUrl: string;
+            noAuth: boolean;
+            geolocationMode: boolean;
+            mi_uuid: string;
+            mi_session: string;
+            context: ValidContext;
+            userPosition?: AnalyticsUserPosition;
+            mapId?: string;
+            key?: string;
+            secret?: string;
+            logEvents: boolean;
+            sendEvents: boolean;
+    };
+    type UpdateStateParam = Partial<Pick<AnalyticState, 'geolocationMode' | 'context' | 'logEvents' | 'userPosition' | 'mapId' | 'sendEvents' | 'logEvents' | 'accessToken'>>;
+    type CaptureEventsPayloadMap = {
+            '$select-location': {
+                    id: string;
+            };
+            '$select-category': {
+                    id: string;
+            };
+            '$query-suggest': {
+                    query: string;
+                    suggestions?: string[];
+            };
+            '$query-search': {
+                    query: string;
+                    hits?: string[];
+            };
+    };
+    export const analyticsInternal: AnalyticsInternal;
+    export class Analytics {
+            #private;
+            constructor(internalAnalytics: AnalyticsInternal);
+            /**
+                * Initializes the analytics with the provided options.
+                * @param args - The options to initialize the analytics.
                 */
-            getDirections: (from: TNavigationTarget[], to: TNavigationTarget[], options: {
-                    accessible: boolean;
-                    smoothing: {
-                            enabled: boolean;
-                            radius: number;
-                    };
-                    zones: TDirectionZone[];
-            }, mapData: MapDataInternal) => Directions | undefined;
+            init(options: AnalyticsUpdateOptions): void;
             /**
-                * Get the node IDs that should be excluded from the navigation graph.
+                * Captures an analytic event with a custom target and query payload.
                 *
-                * @hidden
-                * @param accessible {boolean}
+                * @param target - The event name or target can be .
+                * @param query - The payload associated with the event.
+                * @returns A promise that resolves to the server response or void.
                 */
-            getExcludedNodeIds: (accessible: boolean) => string[];
-    }
-}
-
-declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/style' {
-    import type { StyleCollection } from '@mappedin/mvf';
-    import type { GeojsonApiMapObject } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/map-object';
-    export class Style {
-            #private;
+            capture: typeof AnalyticsInternal.prototype.capture;
             /**
-                * @internal
+                * Updates the analytics state with the provided parameters.
+                * @param update - The state parameters to update.
                 */
-            get currentMap(): GeojsonApiMapObject | undefined;
+            updateState: (update: Partial<Pick<AnalyticState, 'logEvents' | 'sendEvents' | 'logEvents' | 'baseUri' | 'accessToken'>>) => void;
             /**
+                * Returns the current analytics state.
                 * @internal
+                * @returns the current analytics state
                 */
-            constructor({ currentMapGetter }: {
-                    currentMapGetter: CurrentMapGetter;
-            });
-            setFromStyleCollection(styleCollection: StyleCollection): void;
+            getState(): AnalyticState;
     }
-    type CurrentMapGetter = () => GeojsonApiMapObject | undefined;
     export {};
 }
 
-declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/outdoor' {
-    import { type RendererCore, type Position } from '@mappedin/core-sdk';
-    export default class Outdoor {
-            #private;
+declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/base-object' {
+    import Hyperlink from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/hyperlink';
+    import type { Details } from '@mappedin/mvf';
+    export default abstract class BaseMapData {
             /**
-                * @internal
+                * identity of the map object
                 */
-            constructor(core: RendererCore, hiddenOutdoorGeometry?: [Position, string[]][]);
-            setStyle(style: any): void;
+            readonly id: string;
+            constructor(id: string, details?: Details);
             /**
-                * Returns a Maplibre map for advanced usage.
-                *
-                * @returns {object} Maplibre map instance
+                * Gets the links associated with this data type.
                 *
-                * Limitations:
-                * - Maplibre interaction events are not supported; use SDK interaction events.
-                * - Maplibre markers and labels may overlap as they are not integrated with the SDK collision engine.
-                */
-            get map(): import("@packages/internal/outdoor-context-v4").Map | undefined;
-            /**
-                * Whether the outdoorView is enabled.
+                * @returns {Hyperlink[]} The links associated with this data type
                 */
-            get enabled(): boolean;
+            links: Hyperlink[];
     }
 }
 
 declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/map-object' {
     import type { ParsedMVF } from '@mappedin/mvf';
-    import { FloorObject } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/floor-object';
+    import type { FeatureCollection, LineString, MultiPolygon, Polygon } from 'geojson';
+    import { PubSub } from '@packages/internal/common';
     import type { Position, AddLabelOptions, RendererCore, MarkerState, LineStyle, PaintStyle } from '@mappedin/core-sdk';
+    import { FloorObject } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/floor-object';
     import type { Coordinate, TAddMarkerOptions, TAddPathOptions, TShow3DMapOptions } from '@mappedin/react-sdk/mappedin-js/src';
-    import type { GLTFExportOptions, TAnimationOptions, TAddModelOptions, TAddModel } from '@mappedin/react-sdk/mappedin-js/src/types';
+    import type { GLTFExportOptions, TAnimationOptions, TAddModelOptions, TAddModel, TAddImageOptions } from '@mappedin/react-sdk/mappedin-js/src/types';
     import { type AggregatedStyleMap } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/utils';
-    import { PubSub } from '@packages/internal/common';
     import { StackedMaps } from '@mappedin/react-sdk/mappedin-js/src/api-geojson/stacked-maps/stacked-maps';
     import type { TFloorChangeReason } from '@mappedin/react-sdk/mappedin-js/src/events';
-    import type { FeatureCollection, LineString, MultiPolygon, Polygon } from 'geojson';
     import type { Shape } from '@mappedin/react-sdk/mappedin-js/src/map-view-objects';
     export class GeojsonApiMapObject extends PubSub<{
         'floor-change': {
@@ -5939,11 +6980,18 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/map-object' {
             }) => (import("@mappedin/core-sdk").GeometryState | import("@mappedin/core-sdk").ModelState)[];
             remove: (_id: string, _groupId: string) => void;
         };
+        Images: {
+            add: (target: Position, url: string, opts: TAddImageOptions & {
+                floorId?: string;
+            }) => import("@mappedin/core-sdk").EntityId<import("@mappedin/core-sdk/src/components/image").ImageState> | undefined;
+            remove: (id: string) => void;
+            removeAll: () => void;
+        };
         Markers: {
             add: (coordinate: Position, html: string, opts?: TAddMarkerOptions & {
                 floorId?: string;
-            }) => import("@mappedin/core-sdk").EntityId<MarkerState>;
-            remove: (_id: string) => void;
+            }) => import("@mappedin/core-sdk").EntityId<MarkerState> | undefined;
+            remove: (id: string) => void;
             getContentEl: (id: string) => HTMLElement | undefined;
             removeAll: () => void;
             setPosition: (id: string, coordinate: Position, targetFloorId: string) => void;
@@ -5991,29 +7039,11 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/floor-object' {
         elevation: number;
         containerId: string;
         layers: Map<string, string>;
-        constructor(parentId: string, floor: ParsedMVF['map.geojson'][0], renderer: RendererCore, options: TShow3DMapOptions, mvf?: ParsedMVF, styleMap?: AggregatedStyleMap);
+        constructor(parentId: string, floor: ParsedMVF['map.geojson'][0], renderer: RendererCore, options: TShow3DMapOptions, mvf: ParsedMVF, styleMap?: AggregatedStyleMap);
         load: () => this;
     }
 }
 
-declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/base-object' {
-    import Hyperlink from '@mappedin/react-sdk/mappedin-js/src/map-data-objects/hyperlink';
-    import type { Details } from '@mappedin/mvf';
-    export default abstract class BaseMapData {
-            /**
-                * identity of the map object
-                */
-            readonly id: string;
-            constructor(id: string, details?: Details);
-            /**
-                * Gets the links associated with this data type.
-                *
-                * @returns {Hyperlink[]} The links associated with this data type
-                */
-            links: Hyperlink[];
-    }
-}
-
 declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/base-metadata-object' {
     export default abstract class BaseMetaData {
         /**
@@ -6024,17 +7054,18 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-data-objects/base-metada
     }
 }
 
-declare module '@mappedin/react-sdk/geojson/src/entities/three-d' {
+declare module '@mappedin/react-sdk/geojson/src/entities/geometry3d' {
     import { Object3D } from 'three';
     import type { InteractionComponent } from '@mappedin/react-sdk/geojson/src/components/interaction';
     import type { MeshComponent } from '@mappedin/react-sdk/geojson/src/components/mesh';
     import type { ModelComponent } from '@mappedin/react-sdk/geojson/src/components/model';
     import type { PathComponent } from '@mappedin/react-sdk/geojson/src/components/path';
     import type { StyleComponent } from '@mappedin/react-sdk/geojson/src/components/style';
+    import type { ImageComponent } from '@mappedin/react-sdk/geojson/src/components/image';
     import type { CustomGeometryComponent } from '@mappedin/react-sdk/geojson/src/components/custom';
-    import type { GroupContainerObject3D } from '@mappedin/react-sdk/geojson/src/entities/entity-group-container';
-    import { GeometryGroupObject3D } from '@mappedin/react-sdk/geojson/src/entities/entity-group';
-    export enum ThreeDComponents {
+    import type { GroupContainerObject3D } from '@mappedin/react-sdk/geojson/src/entities/group-container';
+    import type { GeometryGroupObject3D } from '@mappedin/react-sdk/geojson/src/entities/geometry-group';
+    export enum Geometry3DComponents {
         Mesh = 0,
         Style = 1,
         Interaction = 2
@@ -6042,27 +7073,27 @@ declare module '@mappedin/react-sdk/geojson/src/entities/three-d' {
     export class Geometry3DObject3D extends Object3D {
         userData: {
             entityId: string;
-            type: 'geometry' | 'path' | 'model' | 'custom-geometry';
+            type: 'geometry' | 'path' | 'model' | 'custom-geometry' | 'image';
         };
     }
-    export type MeshComponentTypes = MeshComponent | PathComponent | ModelComponent | CustomGeometryComponent;
+    export type MeshComponentTypes = MeshComponent | PathComponent | ModelComponent | CustomGeometryComponent | ImageComponent;
     export class Geometry3D {
         id: string | number;
         components: [MeshComponentTypes, StyleComponent, InteractionComponent?];
-        get object3d(): import("../components/mesh").EntityBatchedMesh | Geometry3DObject3D | undefined;
+        get object3d(): Geometry3DObject3D | import("../components/mesh").EntityBatchedMesh | undefined;
         get parent(): GroupContainerObject3D | GeometryGroupObject3D | null;
-        get type(): 'geometry' | 'path' | 'model' | 'custom-geometry';
-        constructor(meshComponent: MeshComponent | PathComponent | ModelComponent | CustomGeometryComponent, styleComponent: StyleComponent);
+        get type(): 'geometry' | 'path' | 'model' | 'custom-geometry' | 'image';
+        constructor(meshComponent: MeshComponent | PathComponent | ModelComponent | CustomGeometryComponent | ImageComponent, styleComponent: StyleComponent);
     }
 }
 
-declare module '@mappedin/react-sdk/geojson/src/entities/two-d' {
+declare module '@mappedin/react-sdk/geojson/src/entities/geometry2d' {
     import { Object3D, Vector3 } from 'three';
     import type { MarkerComponent } from '@mappedin/react-sdk/geojson/src/components/marker';
     import type LabelComponent from '@mappedin/react-sdk/geojson/src/components/label';
-    import type { GroupContainerObject3D } from '@mappedin/react-sdk/geojson/src/entities/entity-group-container';
+    import type { GroupContainerObject3D } from '@mappedin/react-sdk/geojson/src/entities/group-container';
     import type { InteractionComponent } from '@mappedin/react-sdk/geojson/src/components/interaction';
-    export enum TWOD_COMPONENTS {
+    export enum Geometry2DComponents {
         UI = 0,
         Interaction = 1
     }
@@ -6108,6 +7139,8 @@ declare module '@mappedin/react-sdk/geojson/src/components/geometry-group-style'
         opacity: number;
         shading?: Shading;
         outline: boolean;
+        texture?: string;
+        topTexture?: string;
     };
     export class GeometryGroupStyleComponent implements GeometryGroupStyle {
         #private;
@@ -6115,6 +7148,13 @@ declare module '@mappedin/react-sdk/geojson/src/components/geometry-group-style'
         topColor?: string;
         opacity: number;
         outline: boolean;
+        texture?: string;
+        topTexture?: string;
+        /**
+          * Ideally for handling all style component changes. However, it's only used for handling outline for now.
+          * Color update is handled separately in each child. See: https://github.com/MappedIn/sdk/blob/v6.0.1-beta.1/sdks/geojson/src/entities/utils.ts#L70
+          */
+        dirty: boolean;
         get shading(): Required<Shading> | undefined;
         set shading(value: Shading | undefined);
         constructor(style?: Partial<GeometryGroupStyle>);
@@ -6122,6 +7162,143 @@ declare module '@mappedin/react-sdk/geojson/src/components/geometry-group-style'
     export {};
 }
 
+declare module '@mappedin/react-sdk/geojson/src/components/image' {
+    import type { LineSegments, PlaneGeometry, MeshLambertMaterial } from 'three';
+    import { Vector3, Mesh } from 'three';
+    import type { Position } from '@mappedin/react-sdk/geojson/src/types';
+    import type { Feature, Point } from 'geojson';
+    import { Geometry3DObject3D } from '@mappedin/react-sdk/geojson/src/entities/geometry3d';
+    import { z } from 'zod';
+    export class EntityMesh extends Mesh {
+            userData: {
+                    entityId: string | number;
+            };
+    }
+    export type ImageStyle = {
+            /**
+                * Attempt to keep the image facing the camera as much as possible
+                */
+            flipImageToFaceCamera?: boolean;
+            /**
+                * url of the image
+                */
+            url: string;
+    };
+    export type ImageProperties = {
+            width: number;
+            height: number;
+            rotation?: number;
+            verticalOffset?: number;
+    };
+    export const addImageFeatureStyleSchema: z.ZodObject<{
+            flipImageToFaceCamera: z.ZodOptional<z.ZodBoolean>;
+            url: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+            url: string;
+            flipImageToFaceCamera?: boolean | undefined;
+    }, {
+            url: string;
+            flipImageToFaceCamera?: boolean | undefined;
+    }>;
+    export const addImageFeatureSchema: z.ZodObject<{
+            type: z.ZodEnum<["Feature"]>;
+            properties: z.ZodObject<{
+                    width: z.ZodNumber;
+                    height: z.ZodNumber;
+                    rotation: z.ZodOptional<z.ZodNumber>;
+                    verticalOffset: z.ZodOptional<z.ZodNumber>;
+            }, "strip", z.ZodTypeAny, {
+                    height: number;
+                    width: number;
+                    rotation?: number | undefined;
+                    verticalOffset?: number | undefined;
+            }, {
+                    height: number;
+                    width: number;
+                    rotation?: number | undefined;
+                    verticalOffset?: number | undefined;
+            }>;
+            geometry: z.ZodObject<{
+                    type: z.ZodEnum<["Point"]>;
+                    coordinates: z.ZodArray<z.ZodNumber, "many">;
+            }, "strip", z.ZodTypeAny, {
+                    type: "Point";
+                    coordinates: number[];
+            }, {
+                    type: "Point";
+                    coordinates: number[];
+            }>;
+    }, "strip", z.ZodTypeAny, {
+            type: "Feature";
+            geometry: {
+                    type: "Point";
+                    coordinates: number[];
+            };
+            properties: {
+                    height: number;
+                    width: number;
+                    rotation?: number | undefined;
+                    verticalOffset?: number | undefined;
+            };
+    }, {
+            type: "Feature";
+            geometry: {
+                    type: "Point";
+                    coordinates: number[];
+            };
+            properties: {
+                    height: number;
+                    width: number;
+                    rotation?: number | undefined;
+                    verticalOffset?: number | undefined;
+            };
+    }>;
+    export function validateImage(id: string | number, feature: Feature<Point, ImageProperties>, style: ImageStyle): void;
+    /**
+        * State representing an Image
+        */
+    export type ImageState = {
+            readonly id: string | number;
+            readonly type: 'image';
+            /**
+                * The position of the image in [lon, lat]
+                */
+            readonly position: Position;
+            /**
+                * The offset of the image in the z direction
+                */
+            readonly verticalOffset: number;
+            /**
+                * Whether the image is visible
+                */
+            visible: boolean;
+            /**
+                * Attempt to keep the image facing the camera as much as possible
+                */
+            flipImageToFaceCamera: boolean;
+    };
+    export class ImageComponent {
+            mesh: Geometry3DObject3D;
+            imageMesh?: EntityMesh;
+            outline?: LineSegments;
+            readonly type = "image";
+            instanceIndex: number;
+            geometry?: PlaneGeometry;
+            material?: MeshLambertMaterial;
+            feature: Feature<Point, ImageProperties>;
+            constructor(feature: Feature<Point, ImageProperties>);
+            get visible(): boolean;
+            set visible(visible: boolean);
+            position: Vector3;
+    }
+}
+
+declare module '@mappedin/react-sdk/geojson/src/entities' {
+    export { updateInteractivity } from '@mappedin/react-sdk/geojson/src/entities/utils';
+    export { Geometry2D, Geometry2DComponents } from '@mappedin/react-sdk/geojson/src/entities/geometry2d';
+    export { Geometry3D, Geometry3DComponents } from '@mappedin/react-sdk/geojson/src/entities/geometry3d';
+}
+
 declare module '@mappedin/react-sdk/geojson/src/types/options' {
     import type { Position } from '@mappedin/react-sdk/geojson/src/types/geometry';
     import type { Map as MapLibreMap } from '@mappedin/react-sdk/packages/outdoor-context-v4';
@@ -6162,15 +7339,28 @@ declare module '@mappedin/react-sdk/geojson/src/types/constants' {
 declare module '@mappedin/react-sdk/geojson/src/systems/mesh-creation-and-optimization/batched-material' {
     import { MeshLambertMaterial, type Color, type Texture, type MeshLambertMaterialParameters } from 'three';
     export class BatchedStandardMaterial extends MeshLambertMaterial {
-        constructor(params: MeshLambertMaterialParameters, geometryCount: number);
+        constructor(params: MeshLambertMaterialParameters, geometryCount: number, scaleFactor?: number);
+        /**
+          * These control the repeat factor of the texture in the Y direction.
+          * So when we scale a geometry, it needs to scale the texture as well.
+          * For now this only applies to detached geometries.
+          */
+        get repeatYFactor(): number;
+        set repeatYFactor(value: number);
         get texture(): Texture;
         set texture(texture: Texture);
         get topTexture(): Texture;
         set topTexture(texture: Texture);
         setGradientShading(start: number, end: number, intensity: number): void;
         setColor(batchId: number, color: Color, topColor: Color): void;
+        getColor(batchId: number): {
+            color: Color;
+            topColor: Color;
+        };
         showTextures: (batchId: number) => void;
         hideTextures(batchId: number): void;
+        removeSideTexture(batchId: number): void;
+        removeTopTexture(batchId: number): void;
         dispose(): void;
     }
 }
@@ -6245,6 +7435,7 @@ declare module '@mappedin/react-sdk/geojson/src/systems/collisions/system' {
     import { PubSub } from '@mappedin/react-sdk/packages/common/pubsub';
     import type { RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
     import type { TSerializedCollider, TSerializedColliderResponse } from '@mappedin/react-sdk/geojson/src/systems/collisions/collider-processor';
+    import { WatermarkPosition } from '@mappedin/react-sdk/geojson/src/systems/watermark/system';
     export type TMessageEvent = MessageEvent<{
         msgId: string;
         colliders: TSerializedColliderResponse[];
@@ -6261,6 +7452,7 @@ declare module '@mappedin/react-sdk/geojson/src/systems/collisions/system' {
         totalHeight: number;
         watermarkWidth: number;
         watermarkHeight: number;
+        watermarkPosition: WatermarkPosition;
         colliders: TSerializedCollider[];
         devicePixelRatio: number;
     };
@@ -6276,7 +7468,8 @@ declare module '@mappedin/react-sdk/geojson/src/systems/collisions/system' {
         totalHeight: number,
         totalWidth: number,
         watermarkWidth: number,
-        watermarkHeight: number
+        watermarkHeight: number,
+        watermarkPosition: WatermarkPosition
     ];
     export class CollisionSystem extends PubSub<TCollisionSystemEvent, keyof TCollisionSystemEvent> {
         dirty: boolean;
@@ -6295,8 +7488,8 @@ declare module '@mappedin/react-sdk/geojson/src/systems/collisions/system' {
         currentMsgId: string;
         working: boolean;
         componentArray: (MarkerComponent | LabelComponent)[];
-        update: (watermarkWidth: number, watermarkHeight: number) => void;
-        resize(watermarkWidth: number, watermarkHeight: number): void;
+        update: (watermarkWidth: number, watermarkHeight: number, watermarkPosition?: WatermarkPosition) => void;
+        resize(watermarkWidth: number, watermarkHeight: number, watermarkPosition: WatermarkPosition): void;
         /**
           * Resolve collisions
           */
@@ -6337,7 +7530,7 @@ declare module '@mappedin/react-sdk/geojson/src/systems/zoom-interpolation/zoom-
 declare module '@mappedin/react-sdk/geojson/src/systems/mesh-creation-and-optimization/system' {
     import type { BufferGeometry } from 'three';
     import type { RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
-    import { Geometry3D, Geometry3DObject3D } from '@mappedin/react-sdk/geojson/src/entities/three-d';
+    import { Geometry3D, Geometry3DObject3D } from '@mappedin/react-sdk/geojson/src/entities/geometry3d';
     import type { Feature, LineString, MultiPolygon, Point, Polygon } from 'geojson';
     import type { LineStyle, ModelProperties, ModelStyle, PaintStyle } from '@mappedin/react-sdk/geojson/src/types';
     import type { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
@@ -6433,13 +7626,18 @@ declare module '@mappedin/react-sdk/geojson/src/systems/2d-draw/system' {
 
 declare module '@mappedin/react-sdk/geojson/src/systems/draw/system' {
     import { PubSub } from '@packages/internal/common';
+    import { MeshComponent } from '@mappedin/react-sdk/geojson/src/components/mesh';
+    import { StyleComponent } from '@mappedin/react-sdk/geojson/src/components/style';
     import type { RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
+    import { InteractionComponent } from '@mappedin/react-sdk/geojson/src/components/interaction';
+    import type { GeometryGroupStyleComponent } from '@mappedin/react-sdk/geojson/src/components/geometry-group-style';
     export class DrawSystem extends PubSub<{
         'texture-loaded': void;
     }> {
         #private;
         state: RendererState;
         constructor(state: RendererState);
+        processTextures(component: MeshComponent, styleComponent: StyleComponent | GeometryGroupStyleComponent, interactionComponent?: InteractionComponent): void;
         update(): void;
         destroy(): void;
     }
@@ -6718,11 +7916,13 @@ declare module '@mappedin/react-sdk/geojson/src/systems/custom-geometry/system'
 declare module '@mappedin/react-sdk/geojson/src/systems/outline-interpolation/system' {
     import type { RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
     export class OutlineInterpolationSystem {
+            #private;
             /**
                 * Set to true when we need to update the outline color of all entities, regardless of zoom level.
                 */
             dirty: boolean;
-            geometries3DDirty: boolean;
+            get geometries3DDirty(): boolean;
+            set geometries3DDirty(value: boolean);
             constructor(rendererState: RendererState);
             /**
                 * Update the outline color of all entities with an outline component.
@@ -6733,6 +7933,21 @@ declare module '@mappedin/react-sdk/geojson/src/systems/outline-interpolation/sy
     }
 }
 
+declare module '@mappedin/react-sdk/geojson/src/systems/image/system' {
+    import type { RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
+    import { type Texture } from 'three';
+    import type { RendererCore } from '@mappedin/react-sdk/geojson/src';
+    import { PubSub } from '@packages/internal/common';
+    export const DEFAULT_VERTICAL_OFFSET = 0.01;
+    export class ImageSystem extends PubSub<{
+        'image-loaded': void;
+    }> {
+        constructor(rendererState: RendererState, convertTo3DMapPosition: RendererCore['convertTo3DMapPosition']);
+        imageLoadingCache: Map<string, Promise<Texture>>;
+        update(cameraRotationRadians: number): void;
+    }
+}
+
 declare module '@mappedin/react-sdk/geojson/src/systems/geometry-in-focus/system' {
     import { PubSub } from '@packages/internal/common';
     import type { RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
@@ -6766,6 +7981,45 @@ declare module '@mappedin/react-sdk/geojson/src/systems/path' {
     export { PathSystem } from '@mappedin/react-sdk/geojson/src/systems/path/system';
 }
 
+declare module '@mappedin/react-sdk/geojson/src/systems/mesh-detachment/system' {
+    import { type Geometry3DTypes, type RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
+    /**
+      * This system is responsible for updating the opacity of the mesh, which results in the mesh
+      * being detached from the parent's optimized geometry group and rendered as a separate mesh.
+      */
+    export class MeshDetachmentSystem {
+        #private;
+        rendererState: RendererState;
+        dirty: boolean;
+        constructor(rendererState: RendererState);
+        updateOne(geometry: Geometry3DTypes | undefined): void;
+        update(): void;
+    }
+}
+
+declare module '@mappedin/react-sdk/geojson/src/systems/mesh-modification/system' {
+    import { Geometry3D } from '@mappedin/react-sdk/geojson/src/entities';
+    import type { GeometryGroupObject3D } from '@mappedin/react-sdk/geojson/src/entities/geometry-group';
+    import type { GroupContainerObject3D } from '@mappedin/react-sdk/geojson/src/entities/group-container';
+    import type { RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
+    /**
+      * 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,
+      * such as the outline system.
+      *
+      * TODO: For now, this piggybacks of style.dirty, but we may want to create a flag indicating geometry dirty.
+      */
+    export class MeshModificationSystem {
+        #private;
+        rendererState: RendererState;
+        dirty: boolean;
+        constructor(rendererState: RendererState);
+        updateOne(entity: Geometry3D | GeometryGroupObject3D | GroupContainerObject3D | undefined): void;
+        update(): void;
+        cleanup(): void;
+    }
+}
+
 declare module '@mappedin/react-sdk/packages/geojson-navigator/src' {
     export { Navigator } from '@mappedin/react-sdk/packages/geojson-navigator/src/navigator';
     export type { SimplifyDirectionsOptions } from '@mappedin/react-sdk/packages/geojson-navigator/src/navigator/navigator';
@@ -6832,10 +8086,13 @@ declare module '@mappedin/react-sdk/geojson/src/utils/fp' {
     export function noop(): void;
 }
 
-declare module '@mappedin/react-sdk/geojson/src/entities' {
-    export { updateInteractivity } from '@mappedin/react-sdk/geojson/src/entities/utils';
-    export { Geometry2D, TWOD_COMPONENTS } from '@mappedin/react-sdk/geojson/src/entities/two-d';
-    export { Geometry3D, ThreeDComponents } from '@mappedin/react-sdk/geojson/src/entities/three-d';
+declare module '@mappedin/react-sdk/geojson/src/utils/tranform-request' {
+    export const transformRequest: (headers: {
+        "x-mappedin-tiles-key": string;
+    }) => (url: string) => {
+        url: string;
+        headers: {};
+    };
 }
 
 declare module '@mappedin/react-sdk/geojson/src/systems/exporter/exporter' {
@@ -6871,15 +8128,21 @@ declare module '@mappedin/react-sdk/geojson/src/systems/exporter/exporter' {
 declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/utils' {
     import { Coordinate } from '@mappedin/react-sdk/mappedin-js/src/map-data-objects';
     import type { Position, EntranceCollection, LineString, Polygon, Point, SpaceProperties, ObstructionProperties, StyleCollection, PolygonStyle, LineStringStyle, Feature, ObstructionCollection, PointStyle } from '@mappedin/mvf';
-    import type { MultiLineString } from 'geojson';
+    import type { WithPolygonImage } from '@packages/internal/mvf-utils';
+    import type { FeatureCollection, MultiLineString } from 'geojson';
     import type { LabelState, MarkerState, GeometryState, CollisionRankingTier, LineStyle, PaintStyle } from '@mappedin/core-sdk';
     import type { TGeometryState, TLabelState, TDirectionInstructionAction, TShow3DMapOptions } from '@mappedin/react-sdk/mappedin-js/src';
-    import type { TMarkerState } from '@mappedin/react-sdk/mappedin-js/src/types';
+    import type { TDoorsState, TMarkerState, TWallsState } from '@mappedin/react-sdk/mappedin-js/src/types';
     export function convertCoordinateToPosition(coord: Coordinate): Position;
     export function convertPositionToCoordinate(coord: Position): Coordinate;
-    export const cutEntrancesFromLineStrings: (lineStrings: ObstructionCollection["features"], entranceCollection: EntranceCollection["features"]) => Feature<MultiLineString, any>;
+    export const cutEntrancesFromLineStrings: (lineStrings: ObstructionCollection["features"], entranceCollection: EntranceCollection["features"]) => {
+        entrances: FeatureCollection<LineString, any>;
+        walls: Feature<MultiLineString, any>;
+    };
     export function translateLabelStateToGeojsonCore(state: Partial<TLabelState>, currentState: Partial<LabelState>): Partial<LabelState>;
     export function translateMarkerStateToGeojsonCore(state: Partial<TMarkerState>, currentState: Partial<MarkerState>): Partial<MarkerState>;
+    export function translateDoorsStateToGeojsonCore(state: Partial<TDoorsState>, currentState: Partial<GeometryState>): Partial<GeometryState>;
+    export function translateWallsStateToGeojsonCore(state: Partial<TWallsState>, currentState: Partial<GeometryState>): Partial<GeometryState>;
     export function translateSpaceStateToGeojsonCore(state: Partial<TGeometryState>, currentState: Partial<GeometryState>): Partial<GeometryState>;
     export function differenceBetweenAngles(a: number, b: number): number;
     export function getRelativeBearing(relativeBearingAngle: number, threshold: number): TDirectionInstructionAction['bearing'];
@@ -6894,12 +8157,14 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/utils' {
     export type WithId<T> = T & {
         id?: string;
     };
-    export function groupGeometryByStyle(features: Feature<LineString | Polygon | Point, SpaceProperties | ObstructionProperties>[], styleMap: AggregatedStyleMap): Map<WithId<PolygonStyle> | WithId<LineStringStyle> | WithId<PointStyle>, Feature<Point | LineString | Polygon, ObstructionProperties | SpaceProperties>[]>;
+    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;
 }
 
 declare module '@mappedin/react-sdk/geojson/src/components/style' {
-    import type { Cap, Join } from '@mappedin/react-sdk/geojson/src/types';
+    import type { LineStyle } from '@mappedin/react-sdk/geojson/src/renderer';
+    export const DEFAULT_COLOR = "#ffffff";
+    export const DEFAULT_HEIGHT = 0.1;
     type Style = {
         color: string;
         width: number;
@@ -6907,12 +8172,15 @@ declare module '@mappedin/react-sdk/geojson/src/components/style' {
         visible: boolean;
         height: number;
         altitude: number;
-        join: Join;
-        cap: Cap;
+        join: LineStyle['join'];
+        cap: LineStyle['cap'];
         topColor?: string;
         texture?: string;
         topTexture?: string;
         outline: boolean;
+        showImage: boolean;
+        flipImageToFaceCamera: boolean;
+        url?: string;
     };
     export class StyleComponent implements Style {
         initialColor: string;
@@ -6926,15 +8194,53 @@ declare module '@mappedin/react-sdk/geojson/src/components/style' {
         opacity: number;
         width: number;
         height: number;
+        initialHeight: number;
         altitude: number;
-        join: Join;
-        cap: Cap;
+        join: LineStyle['join'];
+        cap: LineStyle['cap'];
         outline: boolean;
+        showImage: boolean;
+        flipImageToFaceCamera: boolean;
+        url?: string;
         constructor(style?: Partial<Style>);
     }
     export {};
 }
 
+declare module '@mappedin/react-sdk/geojson/src/entities/utils' {
+    import type { CollisionRankingTier, GeometryState, LabelState, PathState, RendererCore } from '@mappedin/react-sdk/geojson/src';
+    import { type MarkerState } from '@mappedin/react-sdk/geojson/src/components/marker';
+    import type { Geometry3DTypes, Position, RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
+    import { GeometryGroupObject3D, type GeometryGroupState } from '@mappedin/react-sdk/geojson/src/entities/geometry-group';
+    import { GroupContainerObject3D } from '@mappedin/react-sdk/geojson/src/entities/group-container';
+    import { Geometry3D } from '@mappedin/react-sdk/geojson/src/entities/geometry3d';
+    import { Geometry2D } from '@mappedin/react-sdk/geojson/src/entities/geometry2d';
+    import type { StyleComponent } from '@mappedin/react-sdk/geojson/src/components/style';
+    import type { GeometryGroupStyleComponent } from '@mappedin/react-sdk/geojson/src/components/geometry-group-style';
+    export function updateInteractivity(entity: Geometry3DTypes | Geometry2D, update: boolean | undefined, state: RendererState): boolean;
+    export function updateGroupColor(entity: GeometryGroupObject3D, state: RendererState, update: Partial<Pick<GeometryGroupState, 'color' | 'topColor'>>): boolean | undefined;
+    export function updateGroupShading(entity: GeometryGroupObject3D, update?: GeometryGroupState['shading']): boolean;
+    export function updateImageProps(entity: Geometry3D | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D, update?: Partial<GeometryState>): void;
+    export function updateHeight(entity: Geometry3D, 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 updatePath(entity: Geometry3D | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D, update: Partial<PathState> | 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): void;
+    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): void;
+    export function updateOutline(entity: Geometry3DTypes, update?: boolean): boolean;
+}
+
 declare module '@mappedin/react-sdk/geojson/src/systems/collisions/collider-processor' {
     import { Rectangle } from '@packages/internal/quad-tree';
     export type TSerializedCollider = {
@@ -6950,7 +8256,7 @@ declare module '@mappedin/react-sdk/geojson/src/systems/collisions/collider-proc
         shouldCollideWithScreenEdges?: boolean;
     };
     export type TSerializedColliderResponse = [number, boolean, Rectangle?];
-    export function processColliders(colliders: TSerializedCollider[], totalWidth: any, totalHeight: any, watermarkWidth: any, watermarkHeight: any, msgId?: string): {
+    export function processColliders(colliders: TSerializedCollider[], totalWidth: any, totalHeight: any, watermarkWidth: any, watermarkHeight: any, watermarkPosition: any, msgId?: string): {
         msgId: string;
         colliders: TSerializedColliderResponse[];
         debug: {
@@ -6965,16 +8271,16 @@ declare module '@mappedin/react-sdk/geojson/src/systems/collisions/collider-proc
 declare module '@mappedin/react-sdk/geojson/src/systems/interactions/system' {
     import type { PerspectiveCamera, Vector3, Object3D, Mesh } from 'three';
     import { Raycaster } from 'three';
-    import type { Geometry2D } from '@mappedin/react-sdk/geojson/src/entities/two-d';
+    import type { Geometry2D } from '@mappedin/react-sdk/geojson/src/entities/geometry2d';
     import { QuadTree } from '@packages/internal/quad-tree';
-    import type { Geometry3D } from '@mappedin/react-sdk/geojson/src/entities/three-d';
+    import type { Geometry3D } from '@mappedin/react-sdk/geojson/src/entities/geometry3d';
     import { PubSub } from '@mappedin/react-sdk/packages/common/pubsub';
     import type { EntityMesh } from '@mappedin/react-sdk/geojson/src/types';
     import { TapsController } from '@mappedin/react-sdk/geojson/src/systems/interactions/tap-controller';
     import type { RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
     import 'style.scss';
     import type { EntityBatchedMesh } from '@mappedin/react-sdk/geojson/src/components/mesh';
-    import type { GroupContainerObject3D } from '@mappedin/react-sdk/geojson/src/entities/entity-group-container';
+    import type { GroupContainerObject3D } from '@mappedin/react-sdk/geojson/src/entities/group-container';
     type InteractionPayload = {
             entity2D?: Geometry2D;
             entity3D?: Geometry3D;
@@ -7000,8 +8306,8 @@ declare module '@mappedin/react-sdk/geojson/src/systems/interactions/system' {
             } | undefined;
     };
     export type InteractionRequiredCoreStateProps = {
-            twoDEntities: Geometry2D[];
-            threeDEntities: Geometry3D[];
+            geometry2DIdsInScene: Set<Geometry2D['id']>;
+            geometry3DIdsInScene: Set<Geometry3D['id']>;
     };
     /**
         * TODO: touch support
@@ -7043,6 +8349,7 @@ declare module '@mappedin/react-sdk/geojson/src/systems/interactions/system' {
                 * Get the current cursor type determined by the interaction.
                 */
             getCursor(): CursorTypes;
+            resize: () => void;
     }
     export {};
 }
@@ -15736,32 +17043,6 @@ declare module '@mappedin/react-sdk/packages/geojson-navigator/src/types/coordin
     export type CoordinateFeature = Feature<Point, CoordinateProperties>;
 }
 
-declare module '@mappedin/react-sdk/geojson/src/entities/utils' {
-    import type { CollisionRankingTier, GeometryState, LabelState, PathState, RendererCore } from '@mappedin/react-sdk/geojson/src';
-    import type { MarkerState } from '@mappedin/react-sdk/geojson/src/components/marker';
-    import type { Entity3DTypes, Position, RendererState } from '@mappedin/react-sdk/geojson/src/renderer';
-    import { GeometryGroupObject3D, type GeometryGroupState } from '@mappedin/react-sdk/geojson/src/entities/entity-group';
-    import { GroupContainerObject3D } from '@mappedin/react-sdk/geojson/src/entities/entity-group-container';
-    import { Geometry3D } from '@mappedin/react-sdk/geojson/src/entities/three-d';
-    import { Geometry2D } from '@mappedin/react-sdk/geojson/src/entities/two-d';
-    export function updateInteractivity(entity: Entity3DTypes | Geometry2D, update: boolean | undefined, state: RendererState): boolean;
-    export function updateGroupColor(entity: GeometryGroupObject3D, state: RendererState, update?: Partial<GeometryGroupState>): boolean;
-    export function updateGroupShading(entity: GeometryGroupObject3D, update?: GeometryGroupState['shading']): 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 updatePath(entity: Geometry3D | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D, update: Partial<PathState> | undefined): void;
-    export function updateMarker(entity: Geometry3D | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D, update: Partial<MarkerState> | undefined): 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): void;
-    export function updateHoverColor(entity: Geometry3D | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D, update?: string): void;
-    export function updateVisibility(entity: Geometry3D | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D, update?: boolean): boolean;
-    export function updateOpacity(entity: Geometry3D | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D, state: RendererState, update?: number): void;
-    export function updateAltitude(entity: Geometry3D | Geometry2D | GeometryGroupObject3D | GroupContainerObject3D, update?: number): void;
-    export function updateOutline(entity: Entity3DTypes, update?: boolean): boolean;
-}
-
 declare module '@mappedin/react-sdk/geojson/src/systems/interactions/tap-controller' {
     export enum TapType {
         onefinger = 0,