@babylonjs/inspector 5.0.0-rc.9 → 5.0.2

package/dist/babylon.inspector.module.d.ts

@@ -163,14 +163,14 @@ export class TextureLinkLineComponent extends React.Component<ITextureLinkLineCo
 }
 declare module "@babylonjs/inspector/components/actionTabs/paneComponent" {
 import * as React from "react";
-import { IconDefinition } from "@fortawesome/free-solid-svg-icons";
+
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { Scene } from "@babylonjs/core/scene";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 export interface IPaneComponentProps {
     title: string;
-    icon: IconDefinition;
+    icon: any;
     scene: Scene;
     selectedEntity?: any;
     onSelectionChangedObservable?: Observable<any>;
@@ -187,7 +187,8 @@ export class PaneComponent extends React.Component<IPaneComponentProps, {
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/debugTabComponent" {
 /// <reference types="react" />
-import { PaneComponent, IPaneComponentProps } from "@babylonjs/inspector/components/actionTabs/paneComponent";
+import { IPaneComponentProps } from "@babylonjs/inspector/components/actionTabs/paneComponent";
+import { PaneComponent } from "@babylonjs/inspector/components/actionTabs/paneComponent";
 import "@babylonjs/core/Physics/physicsEngineComponent";
 export class DebugTabComponent extends PaneComponent {
     private _physicsViewersEnabled;
@@ -312,7 +313,7 @@ import { Observable } from "@babylonjs/core/Misc/observable";
 import { AnimationGroup } from "@babylonjs/core/Animations/animationGroup";
 import { Scene } from "@babylonjs/core/scene";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 interface IAnimationGroupGridComponentProps {
     globalState: GlobalState;
@@ -348,7 +349,7 @@ import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { Scene } from "@babylonjs/core/scene";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 import { IAnimatable } from "@babylonjs/core/Animations/animatable.interface";
 interface IAnimationGridComponentProps {
@@ -1255,7 +1256,7 @@ import { Observable } from "@babylonjs/core/Misc/observable";
 import { TargetedAnimation } from "@babylonjs/core/Animations/animationGroup";
 import { Scene } from "@babylonjs/core/scene";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 interface ITargetedAnimationGridComponentProps {
     globalState: GlobalState;
@@ -1281,7 +1282,7 @@ import * as React from "react";
 import { ArcRotateCamera } from "@babylonjs/core/Cameras/arcRotateCamera";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 interface IArcRotateCameraPropertyGridComponentProps {
     globalState: GlobalState;
@@ -1301,7 +1302,7 @@ import * as React from "react";
 import { Camera } from "@babylonjs/core/Cameras/camera";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 interface ICommonCameraPropertyGridComponentProps {
     globalState: GlobalState;
@@ -1322,7 +1323,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/ca
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 import { FollowCamera } from "@babylonjs/core/Cameras/followCamera";
 interface IFollowCameraPropertyGridComponentProps {
@@ -1343,7 +1344,7 @@ import * as React from "react";
 import { FreeCamera } from "@babylonjs/core/Cameras/freeCamera";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 interface IFreeCameraPropertyGridComponentProps {
     globalState: GlobalState;
@@ -1362,7 +1363,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/co
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 interface ICommonPropertyGridComponentProps {
     globalState: GlobalState;
@@ -1386,7 +1387,7 @@ import { Observable } from "@babylonjs/core/Misc/observable";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 import { IInspectable } from "@babylonjs/core/Misc/iInspectable";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 interface ICustomPropertyGridComponentProps {
     globalState: GlobalState;
     target: any;
@@ -1408,7 +1409,7 @@ import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { Scene } from "@babylonjs/core/scene";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 interface IFogPropertyGridComponentProps {
     globalState: GlobalState;
@@ -1429,7 +1430,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/la
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
 import { EffectLayer } from "@babylonjs/core/Layers/effectLayer";
@@ -1452,7 +1453,7 @@ import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { Light } from "@babylonjs/core/Lights/light";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 interface ICommonLightPropertyGridComponentProps {
     globalState: GlobalState;
@@ -1472,7 +1473,7 @@ import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { IShadowLight } from "@babylonjs/core/Lights/shadowLight";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 interface ICommonShadowLightPropertyGridComponentProps {
     globalState: GlobalState;
@@ -1495,7 +1496,7 @@ import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { DirectionalLight } from "@babylonjs/core/Lights/directionalLight";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 interface IDirectionalLightPropertyGridComponentProps {
     globalState: GlobalState;
@@ -1516,7 +1517,7 @@ import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { HemisphericLight } from "@babylonjs/core/Lights/hemisphericLight";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 interface IHemisphericLightPropertyGridComponentProps {
     globalState: GlobalState;
@@ -1536,7 +1537,7 @@ import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { PointLight } from "@babylonjs/core/Lights/pointLight";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 interface IPointLightPropertyGridComponentProps {
     globalState: GlobalState;
@@ -1556,7 +1557,7 @@ import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { SpotLight } from "@babylonjs/core/Lights/spotLight";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 interface ISpotLightPropertyGridComponentProps {
     globalState: GlobalState;
@@ -1576,7 +1577,7 @@ import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { BackgroundMaterial } from "@babylonjs/core/Materials/Background/backgroundMaterial";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 interface IBackgroundMaterialPropertyGridComponentProps {
     globalState: GlobalState;
@@ -1599,7 +1600,7 @@ import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { Material } from "@babylonjs/core/Materials/material";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 interface ICommonMaterialPropertyGridComponentProps {
     globalState: GlobalState;
@@ -1619,7 +1620,7 @@ import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { Material } from "@babylonjs/core/Materials/material";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 interface IMaterialPropertyGridComponentProps {
     globalState: GlobalState;
@@ -1638,7 +1639,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/ma
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 import { Material } from "@babylonjs/core/Materials/material";
 import { MultiMaterial } from "@babylonjs/core/Materials/multiMaterial";
@@ -1663,7 +1664,7 @@ import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { NodeMaterial } from "@babylonjs/core/Materials/Node/nodeMaterial";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 import { InputBlock } from "@babylonjs/core/Materials/Node/Blocks/Input/inputBlock";
 interface INodeMaterialPropertyGridComponentProps {
@@ -1691,7 +1692,7 @@ import { Observable } from "@babylonjs/core/Misc/observable";
 import { PBRMaterial } from "@babylonjs/core/Materials/PBR/pbrMaterial";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
 import { TextureLinkLineComponent } from "@babylonjs/inspector/components/actionTabs/lines/textureLinkLineComponent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 import "@babylonjs/core/Rendering/prePassRendererSceneComponent";
 import "@babylonjs/core/Rendering/subSurfaceSceneComponent";
@@ -1717,7 +1718,7 @@ import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { PBRMetallicRoughnessMaterial } from "@babylonjs/core/Materials/PBR/pbrMetallicRoughnessMaterial";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 interface IPBRMetallicRoughnessMaterialPropertyGridComponentProps {
     globalState: GlobalState;
@@ -1740,7 +1741,7 @@ import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { PBRSpecularGlossinessMaterial } from "@babylonjs/core/Materials/PBR/pbrSpecularGlossinessMaterial";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 interface IPBRSpecularGlossinessMaterialPropertyGridComponentProps {
     globalState: GlobalState;
@@ -1763,7 +1764,7 @@ import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { StandardMaterial } from "@babylonjs/core/Materials/standardMaterial";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 interface IStandardMaterialPropertyGridComponentProps {
     globalState: GlobalState;
@@ -1787,7 +1788,7 @@ import { Nullable } from "@babylonjs/core/types";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { BaseTexture } from "@babylonjs/core/Materials/Textures/baseTexture";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 interface ITexturePropertyGridComponentProps {
     texture: BaseTexture;
@@ -2091,6 +2092,9 @@ import { Vector2 } from "@babylonjs/core/Maths/math.vector";
 import { PointerInfo } from "@babylonjs/core/Events/pointerEvents";
 import { PopupComponent } from "@babylonjs/inspector/components/popupComponent";
 import "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/materials/textures/textureEditor.scss";
+global {
+    var _TOOL_DATA_: IToolData;
+}
 interface ITextureEditorComponentProps {
     texture: BaseTexture;
     url: string;
@@ -2174,9 +2178,6 @@ export interface IMetadata {
     };
     [key: string]: any;
 }
-global {
-    var _TOOL_DATA_: IToolData;
-}
 export class TextureEditorComponent extends React.Component<ITextureEditorComponentProps, ITextureEditorComponentState> {
     private _textureCanvasManager;
     private _uiCanvas;
@@ -2254,7 +2255,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/me
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 import { Bone } from "@babylonjs/core/Bones/bone";
 interface IBonePropertyGridComponentProps {
@@ -2276,7 +2277,7 @@ import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { Mesh } from "@babylonjs/core/Meshes/mesh";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 import "@babylonjs/core/Physics/physicsEngineComponent";
 interface IMeshPropertyGridComponentProps {
@@ -2314,7 +2315,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/me
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 import { Skeleton } from "@babylonjs/core/Bones/skeleton";
 interface ISkeletonPropertyGridComponentProps {
@@ -2343,7 +2344,7 @@ import * as React from "react";
 import { TransformNode } from "@babylonjs/core/Meshes/transformNode";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 interface ITransformNodePropertyGridComponentProps {
     globalState: GlobalState;
@@ -2357,6 +2358,26 @@ export class TransformNodePropertyGridComponent extends React.Component<ITransfo
 }
 export {};
 
+}
+declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/parentPropertyGridComponent" {
+import * as React from "react";
+import { Observable } from "@babylonjs/core/Misc/observable";
+import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
+import { GlobalState } from "@babylonjs/inspector/components/globalState";
+import { Node } from "@babylonjs/core/node";
+interface IParentPropertyGridComponentProps {
+    globalState: GlobalState;
+    lockObject: LockObject;
+    node: Node;
+    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+}
+export class ParentPropertyGridComponent extends React.Component<IParentPropertyGridComponentProps> {
+    constructor(props: IParentPropertyGridComponentProps);
+    render(): JSX.Element;
+}
+export {};
+
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/particleSystems/boxEmitterGridComponent" {
 import * as React from "react";
@@ -2380,7 +2401,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/pa
 import * as React from "react";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 import { ColorGradient, Color3Gradient } from "@babylonjs/core/Misc/gradients";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { IParticleSystem } from "@babylonjs/core/Particles/IParticleSystem";
 interface IColorGradientStepGridComponent {
     globalState: GlobalState;
@@ -2434,7 +2455,7 @@ import { Observable } from "@babylonjs/core/Misc/observable";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
 import { CylinderParticleEmitter } from "@babylonjs/core/Particles/EmitterTypes/cylinderParticleEmitter";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 interface ICylinderEmitterGridComponentProps {
     globalState: GlobalState;
     emitter: CylinderParticleEmitter;
@@ -2452,7 +2473,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/pa
 import * as React from "react";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 import { FactorGradient } from "@babylonjs/core/Misc/gradients";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { IParticleSystem } from "@babylonjs/core/Particles/IParticleSystem";
 interface IFactorGradientStepGridComponent {
     globalState: GlobalState;
@@ -2492,7 +2513,7 @@ import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { HemisphericParticleEmitter } from "@babylonjs/core/Particles/EmitterTypes/hemisphericParticleEmitter";
 interface IHemisphericEmitterGridComponentProps {
     globalState: GlobalState;
@@ -2512,7 +2533,7 @@ import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { MeshParticleEmitter } from "@babylonjs/core/Particles/EmitterTypes/meshParticleEmitter";
 import { Scene } from "@babylonjs/core/scene";
 interface IMeshEmitterGridComponentProps {
@@ -2534,7 +2555,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/pa
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 import { IParticleSystem } from "@babylonjs/core/Particles/IParticleSystem";
 interface IParticleSystemPropertyGridComponentProps {
@@ -2564,7 +2585,7 @@ import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { PointParticleEmitter } from "@babylonjs/core/Particles/EmitterTypes/pointParticleEmitter";
 interface IPointEmitterGridComponentProps {
     globalState: GlobalState;
@@ -2584,7 +2605,7 @@ import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { SphereParticleEmitter } from "@babylonjs/core/Particles/EmitterTypes/sphereParticleEmitter";
 interface ISphereEmitterGridComponentProps {
     globalState: GlobalState;
@@ -2603,7 +2624,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/pa
 import * as React from "react";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 import { IValueGradient } from "@babylonjs/core/Misc/gradients";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { Nullable } from "@babylonjs/core/types";
 import { IParticleSystem } from "@babylonjs/core/Particles/IParticleSystem";
 export enum GradientGridMode {
@@ -2637,7 +2658,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/po
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { PostProcess } from "@babylonjs/core/PostProcesses/postProcess";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 interface ICommonPostProcessPropertyGridComponentProps {
@@ -2657,7 +2678,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/po
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { PostProcessRenderPipeline } from "@babylonjs/core/PostProcesses/RenderPipeline/postProcessRenderPipeline";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 interface ICommonRenderingPipelinePropertyGridComponentProps {
@@ -2678,7 +2699,7 @@ import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { DefaultRenderingPipeline } from "@babylonjs/core/PostProcesses/RenderPipeline/Pipelines/defaultRenderingPipeline";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 interface IDefaultRenderingPipelinePropertyGridComponentProps {
     globalState: GlobalState;
@@ -2698,7 +2719,7 @@ import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { LensRenderingPipeline } from "@babylonjs/core/PostProcesses/RenderPipeline/Pipelines/lensRenderingPipeline";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 interface ILenstRenderingPipelinePropertyGridComponentProps {
     globalState: GlobalState;
@@ -2718,7 +2739,7 @@ import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { PostProcess } from "@babylonjs/core/PostProcesses/postProcess";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 interface IPostProcessPropertyGridComponentProps {
     globalState: GlobalState;
@@ -2739,7 +2760,7 @@ import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { PostProcessRenderPipeline } from "@babylonjs/core/PostProcesses/RenderPipeline/postProcessRenderPipeline";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 interface IRenderingPipelinePropertyGridComponentProps {
     globalState: GlobalState;
@@ -2758,7 +2779,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/po
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { SSAO2RenderingPipeline } from "@babylonjs/core/PostProcesses/RenderPipeline/Pipelines/ssao2RenderingPipeline";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 interface ISSAO2RenderingPipelinePropertyGridComponentProps {
@@ -2778,7 +2799,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/po
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { SSAORenderingPipeline } from "@babylonjs/core/PostProcesses/RenderPipeline/Pipelines/ssaoRenderingPipeline";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 interface ISSAORenderingPipelinePropertyGridComponentProps {
@@ -2820,7 +2841,7 @@ import { Observable } from "@babylonjs/core/Misc/observable";
 import { Vector3 } from "@babylonjs/core/Maths/math.vector";
 import { Scene } from "@babylonjs/core/scene";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 import "@babylonjs/core/Physics/physicsEngineComponent";
 interface IScenePropertyGridComponentProps {
@@ -2849,7 +2870,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/so
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 import { Sound } from "@babylonjs/core/Audio/sound";
 import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
@@ -2871,7 +2892,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/sp
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 import { SpriteManager } from "@babylonjs/core/Sprites/spriteManager";
 interface ISpriteManagerPropertyGridComponentProps {
@@ -2899,7 +2920,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/sp
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 import { Sprite } from "@babylonjs/core/Sprites/sprite";
 interface ISpritePropertyGridComponentProps {
@@ -2930,7 +2951,7 @@ declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGrids/va
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { GlobalState } from "@babylonjs/inspector/components/globalState";
 interface IVariantsPropertyGridComponentProps {
     globalState: GlobalState;
@@ -2948,7 +2969,8 @@ export {};
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/propertyGridTabComponent" {
 /// <reference types="react" />
-import { PaneComponent, IPaneComponentProps } from "@babylonjs/inspector/components/actionTabs/paneComponent";
+import { IPaneComponentProps } from "@babylonjs/inspector/components/actionTabs/paneComponent";
+import { PaneComponent } from "@babylonjs/inspector/components/actionTabs/paneComponent";
 export class PropertyGridTabComponent extends PaneComponent {
     private _timerIntervalId;
     private _lockObject;
@@ -2962,7 +2984,8 @@ export class PropertyGridTabComponent extends PaneComponent {
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/settingsTabComponent" {
 /// <reference types="react" />
-import { PaneComponent, IPaneComponentProps } from "@babylonjs/inspector/components/actionTabs/paneComponent";
+import { IPaneComponentProps } from "@babylonjs/inspector/components/actionTabs/paneComponent";
+import { PaneComponent } from "@babylonjs/inspector/components/actionTabs/paneComponent";
 export class SettingsTabComponent extends PaneComponent {
     constructor(props: IPaneComponentProps);
     render(): JSX.Element;
@@ -2971,7 +2994,8 @@ export class SettingsTabComponent extends PaneComponent {
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/statisticsTabComponent" {
 /// <reference types="react" />
-import { PaneComponent, IPaneComponentProps } from "@babylonjs/inspector/components/actionTabs/paneComponent";
+import { IPaneComponentProps } from "@babylonjs/inspector/components/actionTabs/paneComponent";
+import { PaneComponent } from "@babylonjs/inspector/components/actionTabs/paneComponent";
 export class StatisticsTabComponent extends PaneComponent {
     private _sceneInstrumentation;
     private _engineInstrumentation;
@@ -3004,15 +3028,16 @@ export {};
 }
 declare module "@babylonjs/inspector/components/actionTabs/tabs/toolsTabComponent" {
 /// <reference types="react" />
-import { PaneComponent, IPaneComponentProps } from "@babylonjs/inspector/components/actionTabs/paneComponent";
-import { Node } from "@babylonjs/core/node";
+import { IPaneComponentProps } from "@babylonjs/inspector/components/actionTabs/paneComponent";
+import { PaneComponent } from "@babylonjs/inspector/components/actionTabs/paneComponent";
 export class ToolsTabComponent extends PaneComponent {
     private _lockObject;
     private _videoRecorder;
     private _screenShotSize;
     private _gifOptions;
     private _useWidthHeight;
-    private _isExporting;
+    private _isExportingGltf;
+    private _gltfExportOptions;
     private _gifWorkerBlob;
     private _gifRecorder;
     private _previousRenderingScale;
@@ -3030,7 +3055,6 @@ export class ToolsTabComponent extends PaneComponent {
     recordGIFInternal(): void;
     recordGIF(): void;
     importAnimations(event: any): void;
-    shouldExport(node: Node): boolean;
     exportGLTF(): void;
     exportBabylon(): void;
     createEnvTexture(): void;
@@ -3092,7 +3116,8 @@ export {};
 declare module "@babylonjs/inspector/components/globalState" {
 import { IGLTFValidationResults } from "babylonjs-gltf2interface";
 import { Nullable } from "@babylonjs/core/types";
-import { Observable, Observer } from "@babylonjs/core/Misc/observable";
+import { Observer } from "@babylonjs/core/Misc/observable";
+import { Observable } from "@babylonjs/core/Misc/observable";
 import { ISceneLoaderPlugin, ISceneLoaderPluginAsync } from "@babylonjs/core/Loading/sceneLoader";
 import { Scene } from "@babylonjs/core/scene";
 import { Light } from "@babylonjs/core/Lights/light";
@@ -3101,6 +3126,7 @@ import { LightGizmo } from "@babylonjs/core/Gizmos/lightGizmo";
 import { CameraGizmo } from "@babylonjs/core/Gizmos/cameraGizmo";
 import { PropertyChangedEvent } from "@babylonjs/inspector/components/propertyChangedEvent";
 import { ReplayRecorder } from "@babylonjs/inspector/components/replayRecorder";
+import { IGLTFLoaderExtension, GLTFFileLoader } from "@babylonjs/loaders/glTF/index";
 export class GlobalState {
     onSelectionChangedObservable: Observable<any>;
     onPropertyChangedObservable: Observable<PropertyChangedEvent>;
@@ -3114,7 +3140,7 @@ export class GlobalState {
     };
     validationResults: Nullable<IGLTFValidationResults>;
     onValidationResultsUpdatedObservable: Observable<Nullable<IGLTFValidationResults>>;
-    onExtensionLoadedObservable: Observable<import("@babylonjs/loaders/glTF/index").IGLTFLoaderExtension>;
+    onExtensionLoadedObservable: Observable<IGLTFLoaderExtension>;
     glTFLoaderExtensionDefaults: {
         [name: string]: {
             [key: string]: any;
@@ -3124,7 +3150,7 @@ export class GlobalState {
         [key: string]: any;
     };
     glTFLoaderExtensions: {
-        [key: string]: import("@babylonjs/loaders/glTF/index").IGLTFLoaderExtension;
+        [key: string]: IGLTFLoaderExtension;
     };
     blockMutationUpdates: boolean;
     selectedLineContainerTitles: Array<string>;
@@ -3137,7 +3163,7 @@ export class GlobalState {
     get ignoreBackfacesForPicking(): boolean;
     set ignoreBackfacesForPicking(value: boolean);
     init(propertyChangedObservable: Observable<PropertyChangedEvent>): void;
-    prepareGLTFPlugin(loader: import("@babylonjs/loaders/glTF/index").GLTFFileLoader): void;
+    prepareGLTFPlugin(loader: GLTFFileLoader): void;
     resetGLTFValidationResults(): void;
     lightGizmos: Array<LightGizmo>;
     enableLightGizmo(light: Light, enable?: boolean): void;
@@ -4101,11 +4127,11 @@ export class TreeItemComponent extends React.Component<ITreeItemComponentProps,
 }
 declare module "@babylonjs/inspector/components/sceneExplorer/treeItemLabelComponent" {
 import * as React from "react";
-import { IconDefinition } from "@fortawesome/free-solid-svg-icons";
+
 interface ITreeItemLabelComponentProps {
     label: string;
     onClick?: () => void;
-    icon: IconDefinition;
+    icon: any;
     color: string;
 }
 export class TreeItemLabelComponent extends React.Component<ITreeItemLabelComponentProps> {
@@ -4224,6 +4250,10 @@ export class Inspector {
     static _ClosePersistentPopup(): void;
 }
 
+}
+declare module "@babylonjs/inspector/legacy/legacy" {
+export * from "@babylonjs/inspector/index";
+
 }
 declare module "@babylonjs/inspector/lod" {
 /** @hidden */
@@ -4266,7 +4296,7 @@ export class Tools {
 }
 
 }
-declare module "shared-ui-components/colorPicker/colorComponentEntry" {
+declare module "@babylonjs/inspector/colorPicker/colorComponentEntry" {
 import * as React from "react";
 export interface IColorComponentEntryProps {
     value: number;
@@ -4283,10 +4313,10 @@ export class ColorComponentEntry extends React.Component<IColorComponentEntryPro
 }
 
 }
-declare module "shared-ui-components/colorPicker/colorPicker" {
+declare module "@babylonjs/inspector/colorPicker/colorPicker" {
 import * as React from "react";
 import { Color3, Color4 } from "@babylonjs/core/Maths/math.color";
-import "shared-ui-components/colorPicker/colorPicker.scss";
+import "@babylonjs/inspector/colorPicker/colorPicker.scss";
 /**
  * Interface used to specify creation options for color picker
  */
@@ -4327,7 +4357,7 @@ export class ColorPicker extends React.Component<IColorPickerProps, IColorPicker
 }
 
 }
-declare module "shared-ui-components/colorPicker/hexColor" {
+declare module "@babylonjs/inspector/colorPicker/hexColor" {
 import * as React from "react";
 export interface IHexColorProps {
     value: string;
@@ -4346,7 +4376,7 @@ export class HexColor extends React.Component<IHexColorProps, {
 }
 
 }
-declare module "shared-ui-components/lines/booleanLineComponent" {
+declare module "@babylonjs/inspector/lines/booleanLineComponent" {
 import * as React from "react";
 export interface IBooleanLineComponentProps {
     label: string;
@@ -4360,7 +4390,7 @@ export class BooleanLineComponent extends React.Component<IBooleanLineComponentP
 }
 
 }
-declare module "shared-ui-components/lines/buttonLineComponent" {
+declare module "@babylonjs/inspector/lines/buttonLineComponent" {
 import * as React from "react";
 export interface IButtonLineComponentProps {
     label: string;
@@ -4374,11 +4404,11 @@ export class ButtonLineComponent extends React.Component<IButtonLineComponentPro
 }
 
 }
-declare module "shared-ui-components/lines/checkBoxLineComponent" {
+declare module "@babylonjs/inspector/lines/checkBoxLineComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { IconDefinition } from "@fortawesome/fontawesome-common-types";
+import { PropertyChangedEvent } from "@babylonjs/inspector/propertyChangedEvent";
+
 export interface ICheckBoxLineComponentProps {
     label?: string;
     target?: any;
@@ -4391,9 +4421,10 @@ export interface ICheckBoxLineComponentProps {
     icon?: string;
     iconLabel?: string;
     faIcons?: {
-        enabled: IconDefinition;
-        disabled: IconDefinition;
+        enabled: any;
+        disabled: any;
     };
+    large?: boolean;
 }
 export class CheckBoxLineComponent extends React.Component<ICheckBoxLineComponentProps, {
     isSelected: boolean;
@@ -4412,11 +4443,11 @@ export class CheckBoxLineComponent extends React.Component<ICheckBoxLineComponen
 }
 
 }
-declare module "shared-ui-components/lines/color3LineComponent" {
+declare module "@babylonjs/inspector/lines/color3LineComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/inspector/propertyChangedEvent";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
 export interface IColor3LineComponentProps {
     label: string;
     target: any;
@@ -4433,11 +4464,11 @@ export class Color3LineComponent extends React.Component<IColor3LineComponentPro
 }
 
 }
-declare module "shared-ui-components/lines/color4LineComponent" {
+declare module "@babylonjs/inspector/lines/color4LineComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/inspector/propertyChangedEvent";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
 export interface IColor4LineComponentProps {
     label: string;
     target?: any;
@@ -4454,12 +4485,12 @@ export class Color4LineComponent extends React.Component<IColor4LineComponentPro
 }
 
 }
-declare module "shared-ui-components/lines/colorLineComponent" {
+declare module "@babylonjs/inspector/lines/colorLineComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { Color4 } from "@babylonjs/core/Maths/math.color";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/inspector/propertyChangedEvent";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
 export interface IColorLineComponentProps {
     label: string;
     target?: any;
@@ -4497,7 +4528,7 @@ export class ColorLineComponent extends React.Component<IColorLineComponentProps
 export {};
 
 }
-declare module "shared-ui-components/lines/colorPickerComponent" {
+declare module "@babylonjs/inspector/lines/colorPickerComponent" {
 import * as React from "react";
 import { Color4, Color3 } from "@babylonjs/core/Maths/math.color";
 export interface IColorPickerComponentProps {
@@ -4529,7 +4560,7 @@ export class ColorPickerLineComponent extends React.Component<IColorPickerCompon
 export {};
 
 }
-declare module "shared-ui-components/lines/draggableLineComponent" {
+declare module "@babylonjs/inspector/lines/draggableLineComponent" {
 import * as React from "react";
 export interface IButtonLineComponentProps {
     data: string;
@@ -4541,7 +4572,7 @@ export class DraggableLineComponent extends React.Component<IButtonLineComponent
 }
 
 }
-declare module "shared-ui-components/lines/fileButtonLineComponent" {
+declare module "@babylonjs/inspector/lines/fileButtonLineComponent" {
 import * as React from "react";
 interface IFileButtonLineComponentProps {
     label: string;
@@ -4561,7 +4592,7 @@ export class FileButtonLineComponent extends React.Component<IFileButtonLineComp
 export {};
 
 }
-declare module "shared-ui-components/lines/fileMultipleButtonLineComponent" {
+declare module "@babylonjs/inspector/lines/fileMultipleButtonLineComponent" {
 import * as React from "react";
 interface IFileMultipleButtonLineComponentProps {
     label: string;
@@ -4581,11 +4612,11 @@ export class FileMultipleButtonLineComponent extends React.Component<IFileMultip
 export {};
 
 }
-declare module "shared-ui-components/lines/floatLineComponent" {
+declare module "@babylonjs/inspector/lines/floatLineComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/inspector/propertyChangedEvent";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
 interface IFloatLineComponentProps {
     label: string;
     target: any;
@@ -4605,12 +4636,14 @@ interface IFloatLineComponentProps {
     icon?: string;
     iconLabel?: string;
     defaultValue?: number;
-    unit?: string;
-    onUnitClicked?: () => void;
-    unitLocked?: boolean;
+    arrows?: boolean;
+    unit?: React.ReactNode;
+    onDragStart?: (newValue: number) => void;
+    onDragStop?: (newValue: number) => void;
 }
 export class FloatLineComponent extends React.Component<IFloatLineComponentProps, {
     value: string;
+    dragging: boolean;
 }> {
     private _localChange;
     private _store;
@@ -4619,21 +4652,24 @@ export class FloatLineComponent extends React.Component<IFloatLineComponentProps
     getValueString(value: any): string;
     shouldComponentUpdate(nextProps: IFloatLineComponentProps, nextState: {
         value: string;
+        dragging: boolean;
     }): boolean;
     raiseOnPropertyChanged(newValue: number, previousValue: number): void;
     updateValue(valueString: string): void;
     lock(): void;
     unlock(): void;
+    incrementValue(amount: number): void;
+    onKeyDown(event: React.KeyboardEvent): void;
     render(): JSX.Element;
 }
 export {};
 
 }
-declare module "shared-ui-components/lines/hexLineComponent" {
+declare module "@babylonjs/inspector/lines/hexLineComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/inspector/propertyChangedEvent";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
 interface IHexLineComponentProps {
     label: string;
     target: any;
@@ -4672,7 +4708,7 @@ export class HexLineComponent extends React.Component<IHexLineComponentProps, {
 export {};
 
 }
-declare module "shared-ui-components/lines/iconButtonLineComponent" {
+declare module "@babylonjs/inspector/lines/iconButtonLineComponent" {
 import * as React from "react";
 export interface IIconButtonLineComponentProps {
     icon: string;
@@ -4686,7 +4722,7 @@ export class IconButtonLineComponent extends React.Component<IIconButtonLineComp
 }
 
 }
-declare module "shared-ui-components/lines/iconComponent" {
+declare module "@babylonjs/inspector/lines/iconComponent" {
 import * as React from "react";
 interface IIconComponentProps {
     icon: string;
@@ -4698,7 +4734,7 @@ export class IconComponent extends React.Component<IIconComponentProps> {
 export {};
 
 }
-declare module "shared-ui-components/lines/indentedTextLineComponent" {
+declare module "@babylonjs/inspector/lines/indentedTextLineComponent" {
 import * as React from "react";
 interface IIndentedTextLineComponentProps {
     value?: string;
@@ -4717,7 +4753,7 @@ export class IndentedTextLineComponent extends React.Component<IIndentedTextLine
 export {};
 
 }
-declare module "shared-ui-components/lines/inputArrowsComponent" {
+declare module "@babylonjs/inspector/lines/inputArrowsComponent" {
 import * as React from "react";
 interface IInputArrowsComponentProps {
     incrementValue: (amount: number) => void;
@@ -4727,21 +4763,22 @@ export class InputArrowsComponent extends React.Component<IInputArrowsComponentP
     private _arrowsRef;
     private _drag;
     private _releaseListener;
+    private _lockChangeListener;
     render(): JSX.Element;
 }
 export {};
 
 }
-declare module "shared-ui-components/lines/iSelectedLineContainer" {
+declare module "@babylonjs/inspector/lines/iSelectedLineContainer" {
 export interface ISelectedLineContainer {
     selectedLineContainerTitles: Array<string>;
     selectedLineContainerTitlesNoFocus: Array<string>;
 }
 
 }
-declare module "shared-ui-components/lines/lineContainerComponent" {
+declare module "@babylonjs/inspector/lines/lineContainerComponent" {
 import * as React from "react";
-import { ISelectedLineContainer } from "shared-ui-components/lines/iSelectedLineContainer";
+import { ISelectedLineContainer } from "@babylonjs/inspector/lines/iSelectedLineContainer";
 interface ILineContainerComponentProps {
     selection?: ISelectedLineContainer;
     title: string;
@@ -4761,15 +4798,15 @@ export class LineContainerComponent extends React.Component<ILineContainerCompon
 export {};
 
 }
-declare module "shared-ui-components/lines/linkButtonComponent" {
+declare module "@babylonjs/inspector/lines/linkButtonComponent" {
 import * as React from "react";
-import { IconProp } from "@fortawesome/fontawesome-svg-core";
+
 interface ILinkButtonComponentProps {
     label: string;
     buttonLabel: string;
     url?: string;
     onClick: () => void;
-    icon?: IconProp;
+    icon?: any;
     onIconClick?: () => void;
 }
 export class LinkButtonComponent extends React.Component<ILinkButtonComponentProps> {
@@ -4780,13 +4817,13 @@ export class LinkButtonComponent extends React.Component<ILinkButtonComponentPro
 export {};
 
 }
-declare module "shared-ui-components/lines/messageLineComponent" {
+declare module "@babylonjs/inspector/lines/messageLineComponent" {
 import * as React from "react";
-import { IconProp } from "@fortawesome/fontawesome-svg-core";
+
 interface IMessageLineComponentProps {
     text: string;
     color?: string;
-    icon?: IconProp;
+    icon?: any;
 }
 export class MessageLineComponent extends React.Component<IMessageLineComponentProps> {
     constructor(props: IMessageLineComponentProps);
@@ -4795,7 +4832,7 @@ export class MessageLineComponent extends React.Component<IMessageLineComponentP
 export {};
 
 }
-declare module "shared-ui-components/lines/numericInputComponent" {
+declare module "@babylonjs/inspector/lines/numericInputComponent" {
 import * as React from "react";
 interface INumericInputComponentProps {
     label: string;
@@ -4824,10 +4861,10 @@ export class NumericInputComponent extends React.Component<INumericInputComponen
 export {};
 
 }
-declare module "shared-ui-components/lines/optionsLineComponent" {
+declare module "@babylonjs/inspector/lines/optionsLineComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "@babylonjs/inspector/propertyChangedEvent";
 import { IInspectableOptions } from "@babylonjs/core/Misc/iInspectable";
 export const Null_Value: number;
 export interface IOptionsLineComponentProps {
@@ -4859,14 +4896,14 @@ export class OptionsLineComponent extends React.Component<IOptionsLineComponentP
 }
 
 }
-declare module "shared-ui-components/lines/popup" {
+declare module "@babylonjs/inspector/lines/popup" {
 export class Popup {
     static CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): HTMLDivElement | null;
     private static _CopyStyles;
 }
 
 }
-declare module "shared-ui-components/lines/radioLineComponent" {
+declare module "@babylonjs/inspector/lines/radioLineComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 interface IRadioButtonLineComponentProps {
@@ -4890,11 +4927,11 @@ export class RadioButtonLineComponent extends React.Component<IRadioButtonLineCo
 export {};
 
 }
-declare module "shared-ui-components/lines/sliderLineComponent" {
+declare module "@babylonjs/inspector/lines/sliderLineComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/inspector/propertyChangedEvent";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
 interface ISliderLineComponentProps {
     label: string;
     target?: any;
@@ -4912,6 +4949,7 @@ interface ISliderLineComponentProps {
     icon?: string;
     iconLabel?: string;
     lockObject?: LockObject;
+    unit?: React.ReactNode;
 }
 export class SliderLineComponent extends React.Component<ISliderLineComponentProps, {
     value: number;
@@ -4929,8 +4967,8 @@ export class SliderLineComponent extends React.Component<ISliderLineComponentPro
 export {};
 
 }
-declare module "shared-ui-components/lines/targetsProxy" {
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+declare module "@babylonjs/inspector/lines/targetsProxy" {
+import { PropertyChangedEvent } from "@babylonjs/inspector/propertyChangedEvent";
 import { Observable } from "@babylonjs/core/Misc/observable";
 export const conflictingValuesPlaceholder = "\u2014";
 /**
@@ -4943,12 +4981,12 @@ export const conflictingValuesPlaceholder = "\u2014";
 export function makeTargetsProxy<Type>(targets: Type[], onPropertyChangedObservable?: Observable<PropertyChangedEvent>, getProperty?: (target: Type, property: keyof Type) => any): any;
 
 }
-declare module "shared-ui-components/lines/textInputLineComponent" {
+declare module "@babylonjs/inspector/lines/textInputLineComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
-interface ITextInputLineComponentProps {
+import { PropertyChangedEvent } from "@babylonjs/inspector/propertyChangedEvent";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
+export interface ITextInputLineComponentProps {
     label?: string;
     lockObject?: LockObject;
     target?: any;
@@ -4961,9 +4999,6 @@ interface ITextInputLineComponentProps {
     noUnderline?: boolean;
     numbersOnly?: boolean;
     delayInput?: boolean;
-    unit?: string;
-    onUnitClicked?: (unit: string) => void;
-    unitLocked?: boolean;
     arrows?: boolean;
     arrowsIncrement?: (amount: number) => void;
     step?: number;
@@ -4972,6 +5007,7 @@ interface ITextInputLineComponentProps {
     min?: number;
     max?: number;
     placeholder?: string;
+    unit?: React.ReactNode;
 }
 export class TextInputLineComponent extends React.Component<ITextInputLineComponentProps, {
     value: string;
@@ -4985,15 +5021,15 @@ export class TextInputLineComponent extends React.Component<ITextInputLineCompon
         dragging: boolean;
     }): boolean;
     raiseOnPropertyChanged(newValue: string, previousValue: string): void;
+    getCurrentNumericValue(value: string): number;
     updateValue(value: string): void;
     incrementValue(amount: number): void;
     onKeyDown(event: React.KeyboardEvent): void;
     render(): JSX.Element;
 }
-export {};
 
 }
-declare module "shared-ui-components/lines/textLineComponent" {
+declare module "@babylonjs/inspector/lines/textLineComponent" {
 import * as React from "react";
 interface ITextLineComponentProps {
     label?: string;
@@ -5017,7 +5053,18 @@ export class TextLineComponent extends React.Component<ITextLineComponentProps>
 export {};
 
 }
-declare module "shared-ui-components/lines/valueLineComponent" {
+declare module "@babylonjs/inspector/lines/unitButton" {
+/// <reference types="react" />
+interface IUnitButtonProps {
+    unit: string;
+    locked?: boolean;
+    onClick?: (unit: string) => void;
+}
+export function UnitButton(props: IUnitButtonProps): JSX.Element;
+export {};
+
+}
+declare module "@babylonjs/inspector/lines/valueLineComponent" {
 import * as React from "react";
 interface IValueLineComponentProps {
     label: string;
@@ -5035,11 +5082,11 @@ export class ValueLineComponent extends React.Component<IValueLineComponentProps
 export {};
 
 }
-declare module "shared-ui-components/lines/vector2LineComponent" {
+declare module "@babylonjs/inspector/lines/vector2LineComponent" {
 import * as React from "react";
 import { Vector2 } from "@babylonjs/core/Maths/math.vector";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "@babylonjs/inspector/propertyChangedEvent";
 interface IVector2LineComponentProps {
     label: string;
     target: any;
@@ -5072,11 +5119,11 @@ export class Vector2LineComponent extends React.Component<IVector2LineComponentP
 export {};
 
 }
-declare module "shared-ui-components/lines/vector3LineComponent" {
+declare module "@babylonjs/inspector/lines/vector3LineComponent" {
 import * as React from "react";
 import { Vector3 } from "@babylonjs/core/Maths/math.vector";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "@babylonjs/inspector/propertyChangedEvent";
 interface IVector3LineComponentProps {
     label: string;
     target: any;
@@ -5114,11 +5161,11 @@ export class Vector3LineComponent extends React.Component<IVector3LineComponentP
 export {};
 
 }
-declare module "shared-ui-components/lines/vector4LineComponent" {
+declare module "@babylonjs/inspector/lines/vector4LineComponent" {
 import * as React from "react";
 import { Vector4 } from "@babylonjs/core/Maths/math.vector";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "@babylonjs/inspector/propertyChangedEvent";
 interface IVector4LineComponentProps {
     label: string;
     target: any;
@@ -5156,7 +5203,7 @@ export class Vector4LineComponent extends React.Component<IVector4LineComponentP
 export {};
 
 }
-declare module "shared-ui-components/propertyChangedEvent" {
+declare module "@babylonjs/inspector/propertyChangedEvent" {
 export class PropertyChangedEvent {
     object: any;
     property: string;
@@ -5166,7 +5213,7 @@ export class PropertyChangedEvent {
 }
 
 }
-declare module "shared-ui-components/stringTools" {
+declare module "@babylonjs/inspector/stringTools" {
 export class StringTools {
     private static _SaveAs;
     private static _Click;
@@ -5180,11 +5227,11 @@ export class StringTools {
 }
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/checkboxPropertyGridComponent" {
+declare module "@babylonjs/inspector/tabs/propertyGrids/gui/checkboxPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/inspector/propertyChangedEvent";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
 import { Checkbox } from "@babylonjs/gui/2D/controls/checkbox";
 interface ICheckboxPropertyGridComponentProps {
     checkbox: Checkbox;
@@ -5198,12 +5245,12 @@ export class CheckboxPropertyGridComponent extends React.Component<ICheckboxProp
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/colorPickerPropertyGridComponent" {
+declare module "@babylonjs/inspector/tabs/propertyGrids/gui/colorPickerPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "@babylonjs/inspector/propertyChangedEvent";
 import { ColorPicker } from "@babylonjs/gui/2D/controls/colorpicker";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
 interface IColorPickerPropertyGridComponentProps {
     colorPicker: ColorPicker;
     lockObject: LockObject;
@@ -5216,12 +5263,12 @@ export class ColorPickerPropertyGridComponent extends React.Component<IColorPick
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/commonControlPropertyGridComponent" {
+declare module "@babylonjs/inspector/tabs/propertyGrids/gui/commonControlPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "@babylonjs/inspector/propertyChangedEvent";
 import { Control } from "@babylonjs/gui/2D/controls/control";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
 interface ICommonControlPropertyGridComponentProps {
     controls?: Control[];
     control?: Control;
@@ -5236,12 +5283,12 @@ export class CommonControlPropertyGridComponent extends React.Component<ICommonC
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/controlPropertyGridComponent" {
+declare module "@babylonjs/inspector/tabs/propertyGrids/gui/controlPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "@babylonjs/inspector/propertyChangedEvent";
 import { Control } from "@babylonjs/gui/2D/controls/control";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
 interface IControlPropertyGridComponentProps {
     control: Control;
     lockObject: LockObject;
@@ -5254,11 +5301,11 @@ export class ControlPropertyGridComponent extends React.Component<IControlProper
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/ellipsePropertyGridComponent" {
+declare module "@babylonjs/inspector/tabs/propertyGrids/gui/ellipsePropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/inspector/propertyChangedEvent";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
 import { Ellipse } from "@babylonjs/gui/2D/controls/ellipse";
 interface IEllipsePropertyGridComponentProps {
     ellipse: Ellipse;
@@ -5272,11 +5319,11 @@ export class EllipsePropertyGridComponent extends React.Component<IEllipseProper
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/gridPropertyGridComponent" {
+declare module "@babylonjs/inspector/tabs/propertyGrids/gui/gridPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/inspector/propertyChangedEvent";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
 import { Grid } from "@babylonjs/gui/2D/controls/grid";
 interface IGridPropertyGridComponentProps {
     grid: Grid;
@@ -5292,11 +5339,11 @@ export class GridPropertyGridComponent extends React.Component<IGridPropertyGrid
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/imageBasedSliderPropertyGridComponent" {
+declare module "@babylonjs/inspector/tabs/propertyGrids/gui/imageBasedSliderPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/inspector/propertyChangedEvent";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
 import { ImageBasedSlider } from "@babylonjs/gui/2D/controls/sliders/imageBasedSlider";
 interface IImageBasedSliderPropertyGridComponentProps {
     imageBasedSlider: ImageBasedSlider;
@@ -5310,11 +5357,11 @@ export class ImageBasedSliderPropertyGridComponent extends React.Component<IImag
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/imagePropertyGridComponent" {
+declare module "@babylonjs/inspector/tabs/propertyGrids/gui/imagePropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/inspector/propertyChangedEvent";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
 import { Image } from "@babylonjs/gui/2D/controls/image";
 interface IImagePropertyGridComponentProps {
     image: Image;
@@ -5328,12 +5375,12 @@ export class ImagePropertyGridComponent extends React.Component<IImagePropertyGr
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/inputTextPropertyGridComponent" {
+declare module "@babylonjs/inspector/tabs/propertyGrids/gui/inputTextPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "@babylonjs/inspector/propertyChangedEvent";
 import { InputText } from "@babylonjs/gui/2D/controls/inputText";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
 interface IInputTextPropertyGridComponentProps {
     inputText: InputText;
     lockObject: LockObject;
@@ -5346,11 +5393,11 @@ export class InputTextPropertyGridComponent extends React.Component<IInputTextPr
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/linePropertyGridComponent" {
+declare module "@babylonjs/inspector/tabs/propertyGrids/gui/linePropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/inspector/propertyChangedEvent";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
 import { Line } from "@babylonjs/gui/2D/controls/line";
 interface ILinePropertyGridComponentProps {
     line: Line;
@@ -5365,11 +5412,11 @@ export class LinePropertyGridComponent extends React.Component<ILinePropertyGrid
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/radioButtonPropertyGridComponent" {
+declare module "@babylonjs/inspector/tabs/propertyGrids/gui/radioButtonPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/inspector/propertyChangedEvent";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
 import { RadioButton } from "@babylonjs/gui/2D/controls/radioButton";
 interface IRadioButtonPropertyGridComponentProps {
     radioButtons: RadioButton[];
@@ -5383,11 +5430,11 @@ export class RadioButtonPropertyGridComponent extends React.Component<IRadioButt
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/rectanglePropertyGridComponent" {
+declare module "@babylonjs/inspector/tabs/propertyGrids/gui/rectanglePropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/inspector/propertyChangedEvent";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
 import { Rectangle } from "@babylonjs/gui/2D/controls/rectangle";
 interface IRectanglePropertyGridComponentProps {
     rectangle: Rectangle;
@@ -5401,11 +5448,11 @@ export class RectanglePropertyGridComponent extends React.Component<IRectanglePr
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/scrollViewerPropertyGridComponent" {
+declare module "@babylonjs/inspector/tabs/propertyGrids/gui/scrollViewerPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/inspector/propertyChangedEvent";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
 import { ScrollViewer } from "@babylonjs/gui/2D/controls/scrollViewers/scrollViewer";
 interface IScrollViewerPropertyGridComponentProps {
     scrollViewer: ScrollViewer;
@@ -5419,11 +5466,11 @@ export class ScrollViewerPropertyGridComponent extends React.Component<IScrollVi
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/sliderPropertyGridComponent" {
+declare module "@babylonjs/inspector/tabs/propertyGrids/gui/sliderPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/inspector/propertyChangedEvent";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
 import { Slider } from "@babylonjs/gui/2D/controls/sliders/slider";
 interface ISliderPropertyGridComponentProps {
     slider: Slider;
@@ -5437,11 +5484,11 @@ export class SliderPropertyGridComponent extends React.Component<ISliderProperty
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/stackPanelPropertyGridComponent" {
+declare module "@babylonjs/inspector/tabs/propertyGrids/gui/stackPanelPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/inspector/propertyChangedEvent";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
 import { StackPanel } from "@babylonjs/gui/2D/controls/stackPanel";
 interface IStackPanelPropertyGridComponentProps {
     stackPanel: StackPanel;
@@ -5455,12 +5502,12 @@ export class StackPanelPropertyGridComponent extends React.Component<IStackPanel
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/textBlockPropertyGridComponent" {
+declare module "@babylonjs/inspector/tabs/propertyGrids/gui/textBlockPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "@babylonjs/inspector/propertyChangedEvent";
 import { TextBlock } from "@babylonjs/gui/2D/controls/textBlock";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/inspector/tabs/propertyGrids/lockObject";
 interface ITextBlockPropertyGridComponentProps {
     textBlock: TextBlock;
     lockObject: LockObject;
@@ -5473,7 +5520,7 @@ export class TextBlockPropertyGridComponent extends React.Component<ITextBlockPr
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/lockObject" {
+declare module "@babylonjs/inspector/tabs/propertyGrids/lockObject" {
 /**
  * Class used to provide lock mechanism
  */
@@ -5487,7 +5534,7 @@ export class LockObject {
 }
 
 declare module "@babylonjs/inspector" {
-    export * from "@babylonjs/inspector/index";
+    export * from "@babylonjs/inspector/legacy/legacy";
 }