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

package/lib/esm/index.d.ts

@@ -6,10 +6,11 @@
 //   ../react/@packages/internal/common/pubsub
 //   ../react/@packages/internal/common/Mappedin.Logger
 //   ../react/geojson
-//   ../react/@mappedin/core-sdk
 //   ../react/@packages/internal/common
+//   ../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
@@ -247,7 +248,6 @@ declare module '@mappedin/react-sdk/mappedin-js/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 { 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';
     /**
@@ -516,12 +516,12 @@ declare module '@mappedin/react-sdk/mappedin-js/src' {
     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, 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' {
@@ -550,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
@@ -562,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}.
                 *
@@ -588,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.
                 *
@@ -645,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.
                 *
@@ -661,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' {
@@ -787,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.
                 */
@@ -816,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
                 */
@@ -879,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.
                 *
@@ -894,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.
@@ -911,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.
                 *
@@ -918,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 };
 }
@@ -928,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> {
@@ -950,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.
                 */
@@ -1005,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;
@@ -1054,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;
             /**
@@ -1144,9 +1224,8 @@ declare module '@mappedin/react-sdk/mappedin-js/src/map-view' {
                 */
             destroy(): void;
             /**
-                * @internal
                 * @experimental
-                * SDK debug mode wip
+                * Enable debug interface
                 */
             enableDebug(): Promise<void>;
     }
@@ -1189,11 +1268,6 @@ declare module '@mappedin/react-sdk/geojson/src' {
     }): Promise<RendererCore>;
 }
 
-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/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';
@@ -1226,9 +1300,8 @@ declare module '@mappedin/react-sdk/mappedin-js/src/maplibre-overlay' {
 declare module '@mappedin/react-sdk/mappedin-js/src/types' {
     import type { Feature, MultiPolygon, Polygon } from 'geojson';
     import type { Coordinate, Floor, Door, Space, MapObject, PointOfInterest, Connection, Annotation } 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';
-    import { GeometryGroupState } from '@mappedin/core-sdk';
     export type DeepRequired<T> = Required<{
             [K in keyof T]: T[K] extends Required<T[K]> ? T[K] : DeepRequired<T[K]>;
     }>;
@@ -1293,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.
@@ -1317,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.
@@ -1326,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';
@@ -1383,13 +1488,33 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
                 * 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<GeometryGroupState, '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.
@@ -1851,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
@@ -1945,6 +2106,7 @@ declare module '@mappedin/react-sdk/mappedin-js/src/types' {
 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';
@@ -2055,6 +2217,228 @@ 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/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-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';
+    /**
+        * A class representing space data within the map.
+        *
+        * Spaces are used to represent different areas within a map, such as rooms, hallways, etc.
+        */
+    class Category extends BaseMapData implements Omit<EnterpriseCategory, 'children' | 'locations'> {
+            #private;
+            /**
+                * @internal
+                */
+            static readonly __type = "category";
+            /**
+                * @internal
+                */
+            readonly __type = "category";
+            name: string;
+            color?: string | undefined;
+            externalId: string;
+            extra?: Record<string, unknown> | undefined;
+            icon?: string | undefined;
+            iconFromDefaultList?: string | null | undefined;
+            sortOrder: number;
+            /**
+                * 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 Category;
+            /**
+                * @internal
+                */
+            constructor(data: MapDataInternal, options: {
+                    mvfData: EnterpriseCategory;
+            });
+            get children(): Category[];
+            get locations(): Location[];
+            /**
+                * 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 Category;
+}
+
+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' {
@@ -2293,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';
@@ -2351,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.
                 *
@@ -3108,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.
                 *
@@ -3132,6 +3520,7 @@ declare module '@mappedin/react-sdk/geojson/src/components/marker' {
     import type { Entity2DHTMLDivElement, EntityId, Position } from '@mappedin/react-sdk/geojson/src/types';
     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
         */
@@ -3178,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
         */
@@ -3367,6 +3776,172 @@ declare module '@mappedin/react-sdk/geojson/src/components/label' {
     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: {
@@ -3808,9 +4383,17 @@ declare module '@mappedin/react-sdk/geojson/src/entities/geometry-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;
-    };
-    export type ChildUpdatable<T> = T extends LineStyle ? Partial<Pick<LineStyle, 'color' | 'opacity' | 'visible'>> : Partial<Pick<PaintStyle, 'color' | 'opacity' | 'visible'>>;
-    export class GeometryGroupObject3D extends Object3D {
+            /**
+                * 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 {
             visible: boolean;
             readonly type = "geometry-group";
             components: [GeometryGroupStyleComponent];
@@ -3909,8 +4492,6 @@ declare module '@mappedin/react-sdk/geojson/src/types' {
             showImage?: boolean;
             flipImageToFaceCamera?: boolean;
     };
-    export type Cap = 'round' | 'square' | 'butt';
-    export type Join = 'round' | 'bevel' | 'miter';
     export type Shading = {
             start?: number;
             end?: number;
@@ -3924,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;
     };
@@ -4129,6 +4710,7 @@ declare module '@mappedin/react-sdk/geojson/src/components/mesh' {
                     entities: {
                             [key: number]: string | number;
                     };
+                    detached?: boolean;
             };
     }
     /**
@@ -4194,6 +4776,14 @@ declare module '@mappedin/react-sdk/geojson/src/components/mesh' {
                 * 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;
@@ -4228,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;
     }
 }
 
@@ -4297,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 { 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
         */
@@ -4325,6 +4920,190 @@ declare module '@mappedin/react-sdk/geojson/src/components/model' {
                 */
             interactive: boolean;
     };
+    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;
@@ -4389,7 +5168,7 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
     import { OutdoorLayers } from '@mappedin/react-sdk/geojson/src/systems/outdoor-layers/system';
     import { PathSystem } from '@mappedin/react-sdk/geojson/src/systems/path';
     import { type ImageProperties, type ImageState, type ImageStyle } from '@mappedin/react-sdk/geojson/src/components/image';
-    import { MeshOpacitySystem } from '@mappedin/react-sdk/geojson/src/systems/mesh-opacity/system';
+    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;
@@ -4434,7 +5213,7 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
             pathSystem: PathSystem;
             imageSystem: ImageSystem;
             geometryInFocusSystem: GeometryInFocusSystem;
-            meshOpacitySystem: MeshOpacitySystem;
+            meshDetachmentSystem: MeshDetachmentSystem;
             meshModificationSystem: MeshModificationSystem;
     };
     export type MapViewState = {
@@ -4497,15 +5276,15 @@ declare module '@mappedin/react-sdk/geojson/src/renderer' {
             /**
                 * 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.
                 */
@@ -5146,126 +5925,6 @@ 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;
-    }
-    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/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';
@@ -5354,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}.
@@ -5446,10 +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 { Coordinate, MapObject, Space, Floor } 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';
@@ -5458,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';
@@ -5487,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[];
@@ -5500,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;
@@ -6014,17 +6712,249 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/outdoor' {
     }
 }
 
+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.
+                */
+            init(options: AnalyticsUpdateOptions): 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: typeof AnalyticsInternal.prototype.capture;
+            /**
+                * Updates the analytics state with the provided parameters.
+                * @param update - The state parameters to update.
+                */
+            updateState: (update: Partial<Pick<AnalyticState, 'logEvents' | 'sendEvents' | 'logEvents' | 'baseUri' | 'accessToken'>>) => void;
+            /**
+                * Returns the current analytics state.
+                * @internal
+                * @returns the current analytics state
+                */
+            getState(): AnalyticState;
+    }
+    export {};
+}
+
+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/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': {
@@ -6050,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;
@@ -6107,24 +7044,6 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/floor-object' {
     }
 }
 
-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 {
         /**
@@ -6161,7 +7080,7 @@ declare module '@mappedin/react-sdk/geojson/src/entities/geometry3d' {
     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' | 'image';
         constructor(meshComponent: MeshComponent | PathComponent | ModelComponent | CustomGeometryComponent | ImageComponent, styleComponent: StyleComponent);
@@ -6220,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;
@@ -6227,6 +7148,8 @@ 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
@@ -6245,6 +7168,7 @@ declare module '@mappedin/react-sdk/geojson/src/components/image' {
     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;
@@ -6266,7 +7190,70 @@ declare module '@mappedin/react-sdk/geojson/src/components/image' {
             rotation?: number;
             verticalOffset?: number;
     };
-    export function validImageFeature(feature: Feature<Point, ImageProperties>): feature is Feature<Point, ImageProperties>;
+    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
         */
@@ -6352,7 +7339,14 @@ 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;
@@ -6365,6 +7359,8 @@ declare module '@mappedin/react-sdk/geojson/src/systems/mesh-creation-and-optimi
         };
         showTextures: (batchId: number) => void;
         hideTextures(batchId: number): void;
+        removeSideTexture(batchId: number): void;
+        removeTopTexture(batchId: number): void;
         dispose(): void;
     }
 }
@@ -6630,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;
     }
@@ -6934,6 +7935,7 @@ 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;
@@ -6941,6 +7943,7 @@ declare module '@mappedin/react-sdk/geojson/src/systems/image/system' {
         'image-loaded': void;
     }> {
         constructor(rendererState: RendererState, convertTo3DMapPosition: RendererCore['convertTo3DMapPosition']);
+        imageLoadingCache: Map<string, Promise<Texture>>;
         update(cameraRotationRadians: number): void;
     }
 }
@@ -6978,13 +7981,13 @@ 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-opacity/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 MeshOpacitySystem {
+    export class MeshDetachmentSystem {
         #private;
         rendererState: RendererState;
         dirty: boolean;
@@ -7126,15 +8129,20 @@ 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 { WithPolygonImage } from '@packages/internal/mvf-utils';
-    import type { MultiLineString } from 'geojson';
+    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'];
@@ -7154,7 +8162,8 @@ declare module '@mappedin/react-sdk/mappedin-js/src/api-geojson/utils' {
 }
 
 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;
@@ -7163,8 +8172,8 @@ 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;
@@ -7185,9 +8194,10 @@ 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;
@@ -7199,12 +8209,14 @@ declare module '@mappedin/react-sdk/geojson/src/components/style' {
 
 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 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;
@@ -7215,13 +8227,15 @@ declare module '@mappedin/react-sdk/geojson/src/entities/utils' {
     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 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): void;
+    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;