@babylonjs/gui-editor 5.0.0-rc.9 → 5.0.2

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

@@ -7,10 +7,8 @@ interface ICommandBarComponentProps {
     globalState: GlobalState;
 }
 export class CommandBarComponent extends React.Component<ICommandBarComponentProps> {
-    private _panning;
-    private _zooming;
-    private _selecting;
     private _sizeOption;
+    private _stopUpdating;
     constructor(props: ICommandBarComponentProps);
     render(): JSX.Element;
 }
@@ -113,8 +111,8 @@ export {};
 declare module "@babylonjs/gui-editor/components/parentingPropertyGridComponent" {
 import * as React from "react";
 import { Control } from "@babylonjs/gui/2D/controls/control";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
+import { PropertyChangedEvent } from "@babylonjs/shared-ui-components/propertyChangedEvent";
 import { Observable } from "@babylonjs/core/Misc/observable";
 interface IParentingPropertyGridComponentProps {
     control: Control;
@@ -136,8 +134,8 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/buttonPropertyGridComponent" {
 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/shared-ui-components/propertyChangedEvent";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { Rectangle } from "@babylonjs/gui/2D/controls/rectangle";
 interface IButtonPropertyGridComponentProps {
     rectangles: Rectangle[];
@@ -155,8 +153,8 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/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/shared-ui-components/propertyChangedEvent";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { Checkbox } from "@babylonjs/gui/2D/controls/checkbox";
 interface ICheckboxPropertyGridComponentProps {
     checkboxes: Checkbox[];
@@ -173,9 +171,9 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/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/shared-ui-components/propertyChangedEvent";
 import { ColorPicker } from "@babylonjs/gui/2D/controls/colorpicker";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 interface IColorPickerPropertyGridComponentProps {
     colorPickers: ColorPicker[];
     lockObject: LockObject;
@@ -191,13 +189,14 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/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/shared-ui-components/propertyChangedEvent";
 import { Control } from "@babylonjs/gui/2D/controls/control";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 interface ICommonControlPropertyGridComponentProps {
     controls: Control[];
     lockObject: LockObject;
     onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
+    hideDimensions?: boolean;
 }
 export class CommonControlPropertyGridComponent extends React.Component<ICommonControlPropertyGridComponentProps> {
     private _onPropertyChangedObserver;
@@ -215,7 +214,7 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/containerPropertyGridComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "@babylonjs/shared-ui-components/propertyChangedEvent";
 import { Container } from "@babylonjs/gui/2D/controls/container";
 interface IContainerPropertyGridComponentProps {
     containers: Container[];
@@ -230,9 +229,9 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/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/shared-ui-components/propertyChangedEvent";
 import { Control } from "@babylonjs/gui/2D/controls/control";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 interface IControlPropertyGridComponentProps {
     controls: Control[];
     lockObject: LockObject;
@@ -248,8 +247,8 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/displayGridPropertyGridComponent" {
 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/shared-ui-components/propertyChangedEvent";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { DisplayGrid } from "@babylonjs/gui/2D/controls/displayGrid";
 interface IDisplayGridPropertyGridComponentProps {
     displayGrids: DisplayGrid[];
@@ -266,8 +265,8 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/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/shared-ui-components/propertyChangedEvent";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { Ellipse } from "@babylonjs/gui/2D/controls/ellipse";
 interface IEllipsePropertyGridComponentProps {
     ellipses: Ellipse[];
@@ -284,8 +283,8 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/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/shared-ui-components/propertyChangedEvent";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { Grid } from "@babylonjs/gui/2D/controls/grid";
 interface IGridPropertyGridComponentProps {
     grids: Grid[];
@@ -322,8 +321,8 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/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/shared-ui-components/propertyChangedEvent";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { ImageBasedSlider } from "@babylonjs/gui/2D/controls/sliders/imageBasedSlider";
 interface IImageBasedSliderPropertyGridComponentProps {
     imageBasedSliders: ImageBasedSlider[];
@@ -340,8 +339,8 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/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/shared-ui-components/propertyChangedEvent";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { Image } from "@babylonjs/gui/2D/controls/image";
 interface IImagePropertyGridComponentProps {
     images: Image[];
@@ -349,7 +348,11 @@ interface IImagePropertyGridComponentProps {
     onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
 }
 export class ImagePropertyGridComponent extends React.Component<IImagePropertyGridComponentProps> {
+    private _observers;
     constructor(props: IImagePropertyGridComponentProps);
+    shouldComponentUpdate(nextProps: IImagePropertyGridComponentProps): boolean;
+    updateObservers(oldImages: Image[], newImages: Image[]): void;
+    componentWillUnmount(): void;
     toggleAnimations(on: boolean): void;
     getMaxCells(): number;
     updateCellSize(): void;
@@ -361,9 +364,9 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/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/shared-ui-components/propertyChangedEvent";
 import { InputText } from "@babylonjs/gui/2D/controls/inputText";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 interface IInputTextPropertyGridComponentProps {
     inputTexts: InputText[];
     lockObject: LockObject;
@@ -379,8 +382,8 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/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/shared-ui-components/propertyChangedEvent";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { Line } from "@babylonjs/gui/2D/controls/line";
 interface ILinePropertyGridComponentProps {
     lines: Line[];
@@ -398,8 +401,8 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/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/shared-ui-components/propertyChangedEvent";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { RadioButton } from "@babylonjs/gui/2D/controls/radioButton";
 interface IRadioButtonPropertyGridComponentProps {
     radioButtons: RadioButton[];
@@ -416,8 +419,8 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/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/shared-ui-components/propertyChangedEvent";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { Rectangle } from "@babylonjs/gui/2D/controls/rectangle";
 interface IRectanglePropertyGridComponentProps {
     rectangles: Rectangle[];
@@ -434,8 +437,8 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/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/shared-ui-components/propertyChangedEvent";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { ScrollViewer } from "@babylonjs/gui/2D/controls/scrollViewers/scrollViewer";
 interface IScrollViewerPropertyGridComponentProps {
     scrollViewers: ScrollViewer[];
@@ -452,8 +455,8 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/sliderGenericPropertyGridComponent" {
 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/shared-ui-components/propertyChangedEvent";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { Slider } from "@babylonjs/gui/2D/controls/sliders/slider";
 interface ISliderGenericPropertyGridComponentProps {
     sliders: Slider[];
@@ -470,8 +473,8 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/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/shared-ui-components/propertyChangedEvent";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { Slider } from "@babylonjs/gui/2D/controls/sliders/slider";
 import { ImageBasedSlider } from "@babylonjs/gui/2D/controls/sliders/imageBasedSlider";
 interface ISliderPropertyGridComponentProps {
@@ -489,8 +492,8 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/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/shared-ui-components/propertyChangedEvent";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { StackPanel } from "@babylonjs/gui/2D/controls/stackPanel";
 interface IStackPanelPropertyGridComponentProps {
     stackPanels: StackPanel[];
@@ -507,9 +510,9 @@ export {};
 declare module "@babylonjs/gui-editor/components/propertyTab/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/shared-ui-components/propertyChangedEvent";
 import { TextBlock } from "@babylonjs/gui/2D/controls/textBlock";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 interface ITextBlockPropertyGridComponentProps {
     textBlocks: TextBlock[];
     lockObject: LockObject;
@@ -561,7 +564,8 @@ declare module "@babylonjs/gui-editor/components/sceneExplorer/entities/gui/cont
 import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
 import { Control } from "@babylonjs/gui/2D/controls/control";
 import * as React from "react";
-import { DragOverLocation, GlobalState } from "@babylonjs/gui-editor/globalState";
+import { GlobalState } from "@babylonjs/gui-editor/globalState";
+import { DragOverLocation } from "@babylonjs/gui-editor/globalState";
 interface IControlTreeItemComponentProps {
     control: Control;
     extensibilityGroups?: IExplorerExtensibilityGroup[];
@@ -720,7 +724,8 @@ declare module "@babylonjs/gui-editor/components/sceneExplorer/treeItemSelectabl
 import { Nullable } from "@babylonjs/core/types";
 import { IExplorerExtensibilityGroup } from "@babylonjs/core/Debug/debugLayer";
 import * as React from "react";
-import { DragOverLocation, GlobalState } from "@babylonjs/gui-editor/globalState";
+import { GlobalState } from "@babylonjs/gui-editor/globalState";
+import { DragOverLocation } from "@babylonjs/gui-editor/globalState";
 export interface ITreeItemSelectableComponentProps {
     entity: any;
     selectedEntities: any[];
@@ -793,7 +798,7 @@ import { Matrix2D } from "@babylonjs/gui/2D/math2D";
 import { Vector2 } from "@babylonjs/core/Maths/math.vector";
 import { Observable } from "@babylonjs/core/Misc/observable";
 import { GlobalState } from "@babylonjs/gui-editor/globalState";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "@babylonjs/shared-ui-components/propertyChangedEvent";
 export type DimensionProperties = "width" | "left" | "height" | "top" | "paddingLeft" | "paddingRight" | "paddingTop" | "paddingBottom" | "fontSize";
 export class Rect {
     top: number;
@@ -847,42 +852,27 @@ export class CoordinateHelper {
      */
     static ConvertToPercentage(guiControl: Control, properties?: DimensionProperties[], onPropertyChangedObservable?: Observable<PropertyChangedEvent>): void;
     static Round(value: number): number;
-    static ConvertToPixels(guiControl: Control, properties?: DimensionProperties[]): void;
+    static ConvertToPixels(guiControl: Control, properties?: DimensionProperties[], onPropertyChangedObservable?: Observable<PropertyChangedEvent>): void;
 }
 
 }
-declare module "@babylonjs/gui-editor/diagram/guiGizmo" {
+declare module "@babylonjs/gui-editor/diagram/gizmoGeneric" {
 import { Control } from "@babylonjs/gui/2D/controls/control";
-import { Vector2 } from "@babylonjs/core/Maths/math.vector";
 import * as React from "react";
 import { GlobalState } from "@babylonjs/gui-editor/globalState";
 import { Rect } from "@babylonjs/gui-editor/diagram/coordinateHelper";
-import "@babylonjs/gui-editor/diagram/workbenchCanvas.scss";
+import { IScalePoint } from "@babylonjs/gui-editor/diagram/gizmoScalePoint";
 export interface IGuiGizmoProps {
     globalState: GlobalState;
     control: Control;
 }
-enum ScalePointPosition {
-    Top = -1,
-    Left = -1,
-    Center = 0,
-    Right = 1,
-    Bottom = 1
-}
-interface IScalePoint {
-    position: Vector2;
-    horizontalPosition: ScalePointPosition;
-    verticalPosition: ScalePointPosition;
-    rotation: number;
-    isPivot: boolean;
-}
 interface IGuiGizmoState {
     canvasBounds: Rect;
     scalePoints: IScalePoint[];
     scalePointDragging: number;
     isRotating: boolean;
 }
-export class GuiGizmoComponent extends React.Component<IGuiGizmoProps, IGuiGizmoState> {
+export class GizmoGeneric extends React.Component<IGuiGizmoProps, IGuiGizmoState> {
     private _storedValues;
     private _localBounds;
     private _rotation;
@@ -890,15 +880,16 @@ export class GuiGizmoComponent extends React.Component<IGuiGizmoProps, IGuiGizmo
     private _pointerUpObserver;
     private _pointerMoveObserver;
     constructor(props: IGuiGizmoProps);
+    componentDidMount(): void;
     componentWillUnmount(): void;
     /**
      * Update the gizmo's positions
+     * @param force should the update be forced. otherwise it will be updated only when the pointer is down
      */
     updateGizmo(): void;
     private _onUp;
     private _onMove;
     private _rotate;
-    private _modulo;
     private _dragLocalBounds;
     private _updateNodeFromLocalBounds;
     private _beginDraggingScalePoint;
@@ -908,7 +899,51 @@ export class GuiGizmoComponent extends React.Component<IGuiGizmoProps, IGuiGizmo
 export {};
 
 }
-declare module "@babylonjs/gui-editor/diagram/guiGizmoWrapper" {
+declare module "@babylonjs/gui-editor/diagram/gizmoLine" {
+/// <reference types="react" />
+import { GlobalState } from "@babylonjs/gui-editor/globalState";
+import { Line } from "@babylonjs/gui/2D/controls/line";
+interface IGizmoLineProps {
+    globalState: GlobalState;
+    control: Line;
+}
+export function GizmoLine(props: IGizmoLineProps): JSX.Element;
+export {};
+
+}
+declare module "@babylonjs/gui-editor/diagram/gizmoScalePoint" {
+/// <reference types="react" />
+import { Vector2 } from "@babylonjs/core/Maths/math";
+export enum ScalePointPosition {
+    Top = -1,
+    Left = -1,
+    Center = 0,
+    Right = 1,
+    Bottom = 1
+}
+export interface IScalePoint {
+    position: Vector2;
+    horizontalPosition: ScalePointPosition;
+    verticalPosition: ScalePointPosition;
+    rotation: number;
+    isPivot: boolean;
+    defaultRotation: number;
+}
+interface IGizmoScalePointProps {
+    scalePoint: IScalePoint;
+    clickable: boolean;
+    key: number;
+    onDrag: () => void;
+    onRotate: () => void;
+    onUp: () => void;
+    overrideCursor?: string;
+    canRotate: boolean;
+}
+export function GizmoScalePoint(props: IGizmoScalePointProps): JSX.Element;
+export {};
+
+}
+declare module "@babylonjs/gui-editor/diagram/gizmoWrapper" {
 import { Nullable } from "@babylonjs/core/types";
 import { Observer } from "@babylonjs/core/Misc/observable";
 import * as React from "react";
@@ -946,15 +981,8 @@ export class WorkbenchComponent extends React.Component<IWorkbenchComponentProps
     private _setConstraintDirection;
     private _mouseStartPoint;
     _scene: Scene;
-    private _ctrlKeyIsPressed;
-    private _altKeyIsPressed;
     private _constraintDirection;
-    private _forcePanning;
-    private _forceZooming;
-    private _forceSelecting;
     private _panning;
-    private _canvas;
-    private _responsive;
     private _isOverGUINode;
     private _engine;
     private _liveRenderObserver;
@@ -983,6 +1011,7 @@ export class WorkbenchComponent extends React.Component<IWorkbenchComponentProps
     set guiSize(value: ISize);
     applyEditorTransformation(): void;
     removeEditorTransformation(): void;
+    private _reframeWindow;
     constructor(props: IWorkbenchComponentProps);
     keyEvent: (evt: KeyboardEvent) => void;
     copyToClipboard(copyFn: (content: string) => void): void;
@@ -990,21 +1019,29 @@ export class WorkbenchComponent extends React.Component<IWorkbenchComponentProps
     pasteFromClipboard(clipboardContents: string): boolean;
     CopyGUIControl(original: Control): void;
     blurEvent: () => void;
-    componentWillUnmount(): void;
+    /**
+     * Adds editor observers to control and stores old data in metadata
+     * @param guiControl
+     */
+    addEditorBehavior(guiControl: Control): void;
+    /**
+     * Removes editor behavior (observables, metadata) from control
+     * @param control
+     */
+    removeEditorBehavior(control: Control): void;
+    dispose(): void;
     loadFromJson(serializationObject: any): void;
     loadFromSnippet(snippetId: string): Promise<void>;
     loadToEditor(): void;
     updateNodeOutlines(): void;
     appendBlock(guiElement: Control): Control;
-    createNewGuiNode(guiControl: Control): Control;
     private parent;
-    private _convertToPixels;
     private _reorderGrid;
     private _isNotChildInsert;
     private _adjustParentingIndex;
     isSelected(value: boolean, guiNode: Control): void;
     clicked: boolean;
-    _onMove(guiControl: Control, evt: Vector2, startPos: Vector2): boolean;
+    _onMove(guiControl: Control, evt: Vector2, startPos: Vector2): void;
     onMove(evt: React.PointerEvent): void;
     private _screenToTexturePosition;
     private getScaledPointerPosition;
@@ -1033,17 +1070,23 @@ import { LogEntry } from "@babylonjs/gui-editor/components/log/logComponent";
 import { Color3 } from "@babylonjs/core/Maths/math.color";
 import { WorkbenchComponent } from "@babylonjs/gui-editor/diagram/workbench";
 import { AdvancedDynamicTexture } from "@babylonjs/gui/2D/advancedDynamicTexture";
-import { PropertyChangedEvent } from "shared-ui-components/propertyChangedEvent";
+import { PropertyChangedEvent } from "@babylonjs/shared-ui-components/propertyChangedEvent";
 import { Scene } from "@babylonjs/core/scene";
 import { Control } from "@babylonjs/gui/2D/controls/control";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/shared-ui-components/tabs/propertyGrids/lockObject";
 import { ISize } from "@babylonjs/core/Maths/math";
+import { KeyboardManager } from "@babylonjs/gui-editor/keyboardManager";
 export enum DragOverLocation {
     ABOVE = 0,
     BELOW = 1,
     CENTER = 2,
     NONE = 3
 }
+export enum GUIEditorTool {
+    SELECT = 0,
+    PAN = 1,
+    ZOOM = 2
+}
 export class GlobalState {
     liveGuiTexture: Nullable<AdvancedDynamicTexture>;
     guiTexture: AdvancedDynamicTexture;
@@ -1065,17 +1108,20 @@ export class GlobalState {
     onPopupClosedObservable: Observable<void>;
     private _backgroundColor;
     private _outlines;
-    isMultiSelecting: boolean;
-    onOutlineChangedObservable: Observable<void>;
+    keys: KeyboardManager;
+    /** DO NOT USE: in the process of removing */
     blockKeyboardEvents: boolean;
+    onOutlineChangedObservable: Observable<void>;
     controlCamera: boolean;
     selectionLock: boolean;
     workbench: WorkbenchComponent;
     onPropertyChangedObservable: Observable<PropertyChangedEvent>;
-    onZoomObservable: Observable<void>;
-    onFitToWindowObservable: Observable<void>;
-    onPanObservable: Observable<void>;
-    onSelectionButtonObservable: Observable<void>;
+    private _tool;
+    onToolChangeObservable: Observable<void>;
+    get tool(): GUIEditorTool;
+    set tool(newTool: GUIEditorTool);
+    onFitControlsToWindowObservable: Observable<void>;
+    onReframeWindowObservable: Observable<void>;
     onLoadObservable: Observable<File>;
     onSaveObservable: Observable<void>;
     onSnippetLoadObservable: Observable<void>;
@@ -1111,15 +1157,16 @@ export class GlobalState {
     constructor();
     /** adds copy, cut and paste listeners to the host window */
     registerEventListeners(): void;
-    private _updateKeys;
     get backgroundColor(): Color3;
     set backgroundColor(value: Color3);
     get outlines(): boolean;
     set outlines(value: boolean);
     select(control: Control): void;
     setSelection(controls: Control[]): void;
+    private _findParentControlInTexture;
     deleteSelectedNodes(): void;
     isMultiSelectable(control: Control): boolean;
+    dispose(): void;
 }
 
 }
@@ -1173,13 +1220,35 @@ import { RadioButton } from "@babylonjs/gui/2D/controls/radioButton";
 import { ImageBasedSlider } from "@babylonjs/gui/2D/controls/sliders/imageBasedSlider";
 export class GUINodeTools {
     static ImageControlDefaultUrl: string;
-    static CreateControlFromString(data: string): Grid | Rectangle | Line | TextBlock | Image | Slider | ImageBasedSlider | RadioButton | InputText | ColorPicker | StackPanel | Ellipse | Checkbox | DisplayGrid;
+    static CreateControlFromString(data: string): Grid | Rectangle | StackPanel | Line | TextBlock | Image | Slider | ImageBasedSlider | RadioButton | InputText | ColorPicker | Ellipse | Checkbox | DisplayGrid;
 }
 
 }
 declare module "@babylonjs/gui-editor/index" {
 export * from "@babylonjs/gui-editor/guiEditor";
 
+}
+declare module "@babylonjs/gui-editor/keyboardManager" {
+import { Observable } from "@babylonjs/core/Misc/observable";
+type Key = "control" | "shift" | "alt" | "space" | "meta";
+export class KeyboardManager {
+    private _hostElement;
+    private _kdListener;
+    private _kuListener;
+    private _moveListener;
+    private _focusOutListener;
+    private _keys;
+    onKeyPressedObservable: Observable<Key>;
+    constructor(hostElement: HTMLElement | HTMLDocument);
+    private _keyEvent;
+    private _updateModifierKeys;
+    private _setKeyDown;
+    private _clearKeys;
+    isKeyDown(key: Key): boolean;
+    dispose(): void;
+}
+export {};
+
 }
 declare module "@babylonjs/gui-editor/legacy/legacy" {
 export * from "@babylonjs/gui-editor/index";
@@ -1225,68 +1294,6 @@ export class Portal extends React.Component<IPortalProps> {
 }
 export {};
 
-}
-declare module "@babylonjs/gui-editor/sharedComponents/floatLineComponent" {
-import * as React from "react";
-import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "@babylonjs/gui-editor/sharedComponents/propertyChangedEvent";
-import { GlobalState } from "@babylonjs/gui-editor/globalState";
-interface IFloatLineComponentProps {
-    label: string;
-    target: any;
-    propertyName: string;
-    onChange?: (newValue: number) => void;
-    isInteger?: boolean;
-    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
-    additionalClass?: string;
-    step?: string;
-    digits?: number;
-    globalState: GlobalState;
-    min?: number;
-    max?: number;
-    smallUI?: boolean;
-    onEnter?: (newValue: number) => void;
-}
-export class FloatLineComponent extends React.Component<IFloatLineComponentProps, {
-    value: string;
-}> {
-    private _localChange;
-    private _store;
-    private _regExp;
-    private _digits;
-    constructor(props: IFloatLineComponentProps);
-    shouldComponentUpdate(nextProps: IFloatLineComponentProps, nextState: {
-        value: string;
-    }): boolean;
-    raiseOnPropertyChanged(newValue: number, previousValue: number): void;
-    updateValue(valueString: string): void;
-    render(): JSX.Element;
-}
-export {};
-
-}
-declare module "@babylonjs/gui-editor/sharedComponents/lineWithFileButtonComponent" {
-import * as React from "react";
-interface ILineWithFileButtonComponentProps {
-    title: string;
-    closed?: boolean;
-    label: string;
-    iconImage: any;
-    onIconClick: (file: File) => void;
-    accept: string;
-    uploadName?: string;
-}
-export class LineWithFileButtonComponent extends React.Component<ILineWithFileButtonComponentProps, {
-    isExpanded: boolean;
-}> {
-    private _uploadRef;
-    constructor(props: ILineWithFileButtonComponentProps);
-    onChange(evt: any): void;
-    switchExpandedState(): void;
-    render(): JSX.Element;
-}
-export {};
-
 }
 declare module "@babylonjs/gui-editor/sharedComponents/messageDialog" {
 import * as React from "react";
@@ -1303,109 +1310,6 @@ export class MessageDialogComponent extends React.Component<IMessageDialogCompon
 }
 export {};
 
-}
-declare module "@babylonjs/gui-editor/sharedComponents/numericInputComponent" {
-import * as React from "react";
-import { GlobalState } from "@babylonjs/gui-editor/globalState";
-interface INumericInputComponentProps {
-    label: string;
-    value: number;
-    step?: number;
-    onChange: (value: number) => void;
-    globalState: GlobalState;
-}
-export class NumericInputComponent extends React.Component<INumericInputComponentProps, {
-    value: string;
-}> {
-    static defaultProps: {
-        step: number;
-    };
-    private _localChange;
-    constructor(props: INumericInputComponentProps);
-    shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {
-        value: string;
-    }): boolean;
-    updateValue(evt: any): void;
-    render(): JSX.Element;
-}
-export {};
-
-}
-declare module "@babylonjs/gui-editor/sharedComponents/propertyChangedEvent" {
-export class PropertyChangedEvent {
-    object: any;
-    property: string;
-    value: any;
-    initialValue: any;
-}
-
-}
-declare module "@babylonjs/gui-editor/sharedComponents/sliderLineComponent" {
-import * as React from "react";
-import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "@babylonjs/gui-editor/sharedComponents/propertyChangedEvent";
-import { GlobalState } from "@babylonjs/gui-editor/globalState";
-interface ISliderLineComponentProps {
-    label: string;
-    target?: any;
-    propertyName?: string;
-    minimum: number;
-    maximum: number;
-    step: number;
-    directValue?: number;
-    useEuler?: boolean;
-    onChange?: (value: number) => void;
-    onInput?: (value: number) => void;
-    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
-    decimalCount?: number;
-    globalState: GlobalState;
-}
-export class SliderLineComponent extends React.Component<ISliderLineComponentProps, {
-    value: number;
-}> {
-    private _localChange;
-    constructor(props: ISliderLineComponentProps);
-    shouldComponentUpdate(nextProps: ISliderLineComponentProps, nextState: {
-        value: number;
-    }): boolean;
-    onChange(newValueString: any): void;
-    onInput(newValueString: any): void;
-    prepareDataToRead(value: number): number;
-    render(): JSX.Element;
-}
-export {};
-
-}
-declare module "@babylonjs/gui-editor/sharedComponents/textInputLineComponent" {
-import * as React from "react";
-import { Observable } from "@babylonjs/core/Misc/observable";
-import { PropertyChangedEvent } from "@babylonjs/gui-editor/sharedComponents/propertyChangedEvent";
-import { GlobalState } from "@babylonjs/gui-editor/globalState";
-interface ITextInputLineComponentProps {
-    label: string;
-    globalState: GlobalState;
-    target?: any;
-    propertyName?: string;
-    value?: string;
-    multilines?: boolean;
-    onChange?: (value: string) => void;
-    validator?: (value: string) => boolean;
-    onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
-}
-export class TextInputLineComponent extends React.Component<ITextInputLineComponentProps, {
-    value: string;
-}> {
-    private _localChange;
-    constructor(props: ITextInputLineComponentProps);
-    shouldComponentUpdate(nextProps: ITextInputLineComponentProps, nextState: {
-        value: string;
-    }): boolean;
-    raiseOnPropertyChanged(newValue: string, previousValue: string): void;
-    updateValue(value: string, raisePropertyChanged: boolean): void;
-    render(): JSX.Element;
-}
-export {};
-
 }
 declare module "@babylonjs/gui-editor/tools" {
 import { Control } from "@babylonjs/gui/2D/controls/control";
@@ -1458,7 +1362,7 @@ export class WorkbenchEditor extends React.Component<IGraphEditorProps, IGraphEd
 export {};
 
 }
-declare module "shared-ui-components/colorPicker/colorComponentEntry" {
+declare module "@babylonjs/gui-editor/colorPicker/colorComponentEntry" {
 import * as React from "react";
 export interface IColorComponentEntryProps {
     value: number;
@@ -1475,10 +1379,10 @@ export class ColorComponentEntry extends React.Component<IColorComponentEntryPro
 }
 
 }
-declare module "shared-ui-components/colorPicker/colorPicker" {
+declare module "@babylonjs/gui-editor/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/gui-editor/colorPicker/colorPicker.scss";
 /**
  * Interface used to specify creation options for color picker
  */
@@ -1519,7 +1423,7 @@ export class ColorPicker extends React.Component<IColorPickerProps, IColorPicker
 }
 
 }
-declare module "shared-ui-components/colorPicker/hexColor" {
+declare module "@babylonjs/gui-editor/colorPicker/hexColor" {
 import * as React from "react";
 export interface IHexColorProps {
     value: string;
@@ -1538,7 +1442,7 @@ export class HexColor extends React.Component<IHexColorProps, {
 }
 
 }
-declare module "shared-ui-components/lines/booleanLineComponent" {
+declare module "@babylonjs/gui-editor/lines/booleanLineComponent" {
 import * as React from "react";
 export interface IBooleanLineComponentProps {
     label: string;
@@ -1552,7 +1456,7 @@ export class BooleanLineComponent extends React.Component<IBooleanLineComponentP
 }
 
 }
-declare module "shared-ui-components/lines/buttonLineComponent" {
+declare module "@babylonjs/gui-editor/lines/buttonLineComponent" {
 import * as React from "react";
 export interface IButtonLineComponentProps {
     label: string;
@@ -1566,11 +1470,11 @@ export class ButtonLineComponent extends React.Component<IButtonLineComponentPro
 }
 
 }
-declare module "shared-ui-components/lines/checkBoxLineComponent" {
+declare module "@babylonjs/gui-editor/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/gui-editor/propertyChangedEvent";
+
 export interface ICheckBoxLineComponentProps {
     label?: string;
     target?: any;
@@ -1583,9 +1487,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;
@@ -1604,11 +1509,11 @@ export class CheckBoxLineComponent extends React.Component<ICheckBoxLineComponen
 }
 
 }
-declare module "shared-ui-components/lines/color3LineComponent" {
+declare module "@babylonjs/gui-editor/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/gui-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 export interface IColor3LineComponentProps {
     label: string;
     target: any;
@@ -1625,11 +1530,11 @@ export class Color3LineComponent extends React.Component<IColor3LineComponentPro
 }
 
 }
-declare module "shared-ui-components/lines/color4LineComponent" {
+declare module "@babylonjs/gui-editor/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/gui-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 export interface IColor4LineComponentProps {
     label: string;
     target?: any;
@@ -1646,12 +1551,12 @@ export class Color4LineComponent extends React.Component<IColor4LineComponentPro
 }
 
 }
-declare module "shared-ui-components/lines/colorLineComponent" {
+declare module "@babylonjs/gui-editor/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/gui-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 export interface IColorLineComponentProps {
     label: string;
     target?: any;
@@ -1689,7 +1594,7 @@ export class ColorLineComponent extends React.Component<IColorLineComponentProps
 export {};
 
 }
-declare module "shared-ui-components/lines/colorPickerComponent" {
+declare module "@babylonjs/gui-editor/lines/colorPickerComponent" {
 import * as React from "react";
 import { Color4, Color3 } from "@babylonjs/core/Maths/math.color";
 export interface IColorPickerComponentProps {
@@ -1721,7 +1626,7 @@ export class ColorPickerLineComponent extends React.Component<IColorPickerCompon
 export {};
 
 }
-declare module "shared-ui-components/lines/draggableLineComponent" {
+declare module "@babylonjs/gui-editor/lines/draggableLineComponent" {
 import * as React from "react";
 export interface IButtonLineComponentProps {
     data: string;
@@ -1733,7 +1638,7 @@ export class DraggableLineComponent extends React.Component<IButtonLineComponent
 }
 
 }
-declare module "shared-ui-components/lines/fileButtonLineComponent" {
+declare module "@babylonjs/gui-editor/lines/fileButtonLineComponent" {
 import * as React from "react";
 interface IFileButtonLineComponentProps {
     label: string;
@@ -1753,7 +1658,7 @@ export class FileButtonLineComponent extends React.Component<IFileButtonLineComp
 export {};
 
 }
-declare module "shared-ui-components/lines/fileMultipleButtonLineComponent" {
+declare module "@babylonjs/gui-editor/lines/fileMultipleButtonLineComponent" {
 import * as React from "react";
 interface IFileMultipleButtonLineComponentProps {
     label: string;
@@ -1773,11 +1678,11 @@ export class FileMultipleButtonLineComponent extends React.Component<IFileMultip
 export {};
 
 }
-declare module "shared-ui-components/lines/floatLineComponent" {
+declare module "@babylonjs/gui-editor/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/gui-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 interface IFloatLineComponentProps {
     label: string;
     target: any;
@@ -1797,12 +1702,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;
@@ -1811,21 +1718,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/gui-editor/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/gui-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 interface IHexLineComponentProps {
     label: string;
     target: any;
@@ -1864,7 +1774,7 @@ export class HexLineComponent extends React.Component<IHexLineComponentProps, {
 export {};
 
 }
-declare module "shared-ui-components/lines/iconButtonLineComponent" {
+declare module "@babylonjs/gui-editor/lines/iconButtonLineComponent" {
 import * as React from "react";
 export interface IIconButtonLineComponentProps {
     icon: string;
@@ -1878,7 +1788,7 @@ export class IconButtonLineComponent extends React.Component<IIconButtonLineComp
 }
 
 }
-declare module "shared-ui-components/lines/iconComponent" {
+declare module "@babylonjs/gui-editor/lines/iconComponent" {
 import * as React from "react";
 interface IIconComponentProps {
     icon: string;
@@ -1890,7 +1800,7 @@ export class IconComponent extends React.Component<IIconComponentProps> {
 export {};
 
 }
-declare module "shared-ui-components/lines/indentedTextLineComponent" {
+declare module "@babylonjs/gui-editor/lines/indentedTextLineComponent" {
 import * as React from "react";
 interface IIndentedTextLineComponentProps {
     value?: string;
@@ -1909,7 +1819,7 @@ export class IndentedTextLineComponent extends React.Component<IIndentedTextLine
 export {};
 
 }
-declare module "shared-ui-components/lines/inputArrowsComponent" {
+declare module "@babylonjs/gui-editor/lines/inputArrowsComponent" {
 import * as React from "react";
 interface IInputArrowsComponentProps {
     incrementValue: (amount: number) => void;
@@ -1919,21 +1829,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/gui-editor/lines/iSelectedLineContainer" {
 export interface ISelectedLineContainer {
     selectedLineContainerTitles: Array<string>;
     selectedLineContainerTitlesNoFocus: Array<string>;
 }
 
 }
-declare module "shared-ui-components/lines/lineContainerComponent" {
+declare module "@babylonjs/gui-editor/lines/lineContainerComponent" {
 import * as React from "react";
-import { ISelectedLineContainer } from "shared-ui-components/lines/iSelectedLineContainer";
+import { ISelectedLineContainer } from "@babylonjs/gui-editor/lines/iSelectedLineContainer";
 interface ILineContainerComponentProps {
     selection?: ISelectedLineContainer;
     title: string;
@@ -1953,15 +1864,15 @@ export class LineContainerComponent extends React.Component<ILineContainerCompon
 export {};
 
 }
-declare module "shared-ui-components/lines/linkButtonComponent" {
+declare module "@babylonjs/gui-editor/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> {
@@ -1972,13 +1883,13 @@ export class LinkButtonComponent extends React.Component<ILinkButtonComponentPro
 export {};
 
 }
-declare module "shared-ui-components/lines/messageLineComponent" {
+declare module "@babylonjs/gui-editor/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);
@@ -1987,7 +1898,7 @@ export class MessageLineComponent extends React.Component<IMessageLineComponentP
 export {};
 
 }
-declare module "shared-ui-components/lines/numericInputComponent" {
+declare module "@babylonjs/gui-editor/lines/numericInputComponent" {
 import * as React from "react";
 interface INumericInputComponentProps {
     label: string;
@@ -2016,10 +1927,10 @@ export class NumericInputComponent extends React.Component<INumericInputComponen
 export {};
 
 }
-declare module "shared-ui-components/lines/optionsLineComponent" {
+declare module "@babylonjs/gui-editor/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/gui-editor/propertyChangedEvent";
 import { IInspectableOptions } from "@babylonjs/core/Misc/iInspectable";
 export const Null_Value: number;
 export interface IOptionsLineComponentProps {
@@ -2051,14 +1962,14 @@ export class OptionsLineComponent extends React.Component<IOptionsLineComponentP
 }
 
 }
-declare module "shared-ui-components/lines/popup" {
+declare module "@babylonjs/gui-editor/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/gui-editor/lines/radioLineComponent" {
 import * as React from "react";
 import { Observable } from "@babylonjs/core/Misc/observable";
 interface IRadioButtonLineComponentProps {
@@ -2082,11 +1993,11 @@ export class RadioButtonLineComponent extends React.Component<IRadioButtonLineCo
 export {};
 
 }
-declare module "shared-ui-components/lines/sliderLineComponent" {
+declare module "@babylonjs/gui-editor/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/gui-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 interface ISliderLineComponentProps {
     label: string;
     target?: any;
@@ -2104,6 +2015,7 @@ interface ISliderLineComponentProps {
     icon?: string;
     iconLabel?: string;
     lockObject?: LockObject;
+    unit?: React.ReactNode;
 }
 export class SliderLineComponent extends React.Component<ISliderLineComponentProps, {
     value: number;
@@ -2121,8 +2033,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/gui-editor/lines/targetsProxy" {
+import { PropertyChangedEvent } from "@babylonjs/gui-editor/propertyChangedEvent";
 import { Observable } from "@babylonjs/core/Misc/observable";
 export const conflictingValuesPlaceholder = "\u2014";
 /**
@@ -2135,12 +2047,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/gui-editor/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/gui-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
+export interface ITextInputLineComponentProps {
     label?: string;
     lockObject?: LockObject;
     target?: any;
@@ -2153,9 +2065,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;
@@ -2164,6 +2073,7 @@ interface ITextInputLineComponentProps {
     min?: number;
     max?: number;
     placeholder?: string;
+    unit?: React.ReactNode;
 }
 export class TextInputLineComponent extends React.Component<ITextInputLineComponentProps, {
     value: string;
@@ -2177,15 +2087,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/gui-editor/lines/textLineComponent" {
 import * as React from "react";
 interface ITextLineComponentProps {
     label?: string;
@@ -2209,7 +2119,18 @@ export class TextLineComponent extends React.Component<ITextLineComponentProps>
 export {};
 
 }
-declare module "shared-ui-components/lines/valueLineComponent" {
+declare module "@babylonjs/gui-editor/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/gui-editor/lines/valueLineComponent" {
 import * as React from "react";
 interface IValueLineComponentProps {
     label: string;
@@ -2227,11 +2148,11 @@ export class ValueLineComponent extends React.Component<IValueLineComponentProps
 export {};
 
 }
-declare module "shared-ui-components/lines/vector2LineComponent" {
+declare module "@babylonjs/gui-editor/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/gui-editor/propertyChangedEvent";
 interface IVector2LineComponentProps {
     label: string;
     target: any;
@@ -2264,11 +2185,11 @@ export class Vector2LineComponent extends React.Component<IVector2LineComponentP
 export {};
 
 }
-declare module "shared-ui-components/lines/vector3LineComponent" {
+declare module "@babylonjs/gui-editor/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/gui-editor/propertyChangedEvent";
 interface IVector3LineComponentProps {
     label: string;
     target: any;
@@ -2306,11 +2227,11 @@ export class Vector3LineComponent extends React.Component<IVector3LineComponentP
 export {};
 
 }
-declare module "shared-ui-components/lines/vector4LineComponent" {
+declare module "@babylonjs/gui-editor/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/gui-editor/propertyChangedEvent";
 interface IVector4LineComponentProps {
     label: string;
     target: any;
@@ -2348,7 +2269,7 @@ export class Vector4LineComponent extends React.Component<IVector4LineComponentP
 export {};
 
 }
-declare module "shared-ui-components/propertyChangedEvent" {
+declare module "@babylonjs/gui-editor/propertyChangedEvent" {
 export class PropertyChangedEvent {
     object: any;
     property: string;
@@ -2358,7 +2279,7 @@ export class PropertyChangedEvent {
 }
 
 }
-declare module "shared-ui-components/stringTools" {
+declare module "@babylonjs/gui-editor/stringTools" {
 export class StringTools {
     private static _SaveAs;
     private static _Click;
@@ -2372,11 +2293,11 @@ export class StringTools {
 }
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/checkboxPropertyGridComponent" {
+declare module "@babylonjs/gui-editor/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/gui-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 import { Checkbox } from "@babylonjs/gui/2D/controls/checkbox";
 interface ICheckboxPropertyGridComponentProps {
     checkbox: Checkbox;
@@ -2390,12 +2311,12 @@ export class CheckboxPropertyGridComponent extends React.Component<ICheckboxProp
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/colorPickerPropertyGridComponent" {
+declare module "@babylonjs/gui-editor/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/gui-editor/propertyChangedEvent";
 import { ColorPicker } from "@babylonjs/gui/2D/controls/colorpicker";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 interface IColorPickerPropertyGridComponentProps {
     colorPicker: ColorPicker;
     lockObject: LockObject;
@@ -2408,12 +2329,12 @@ export class ColorPickerPropertyGridComponent extends React.Component<IColorPick
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/commonControlPropertyGridComponent" {
+declare module "@babylonjs/gui-editor/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/gui-editor/propertyChangedEvent";
 import { Control } from "@babylonjs/gui/2D/controls/control";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 interface ICommonControlPropertyGridComponentProps {
     controls?: Control[];
     control?: Control;
@@ -2428,12 +2349,12 @@ export class CommonControlPropertyGridComponent extends React.Component<ICommonC
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/controlPropertyGridComponent" {
+declare module "@babylonjs/gui-editor/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/gui-editor/propertyChangedEvent";
 import { Control } from "@babylonjs/gui/2D/controls/control";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 interface IControlPropertyGridComponentProps {
     control: Control;
     lockObject: LockObject;
@@ -2446,11 +2367,11 @@ export class ControlPropertyGridComponent extends React.Component<IControlProper
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/ellipsePropertyGridComponent" {
+declare module "@babylonjs/gui-editor/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/gui-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 import { Ellipse } from "@babylonjs/gui/2D/controls/ellipse";
 interface IEllipsePropertyGridComponentProps {
     ellipse: Ellipse;
@@ -2464,11 +2385,11 @@ export class EllipsePropertyGridComponent extends React.Component<IEllipseProper
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/gridPropertyGridComponent" {
+declare module "@babylonjs/gui-editor/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/gui-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 import { Grid } from "@babylonjs/gui/2D/controls/grid";
 interface IGridPropertyGridComponentProps {
     grid: Grid;
@@ -2484,11 +2405,11 @@ export class GridPropertyGridComponent extends React.Component<IGridPropertyGrid
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/imageBasedSliderPropertyGridComponent" {
+declare module "@babylonjs/gui-editor/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/gui-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 import { ImageBasedSlider } from "@babylonjs/gui/2D/controls/sliders/imageBasedSlider";
 interface IImageBasedSliderPropertyGridComponentProps {
     imageBasedSlider: ImageBasedSlider;
@@ -2502,11 +2423,11 @@ export class ImageBasedSliderPropertyGridComponent extends React.Component<IImag
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/imagePropertyGridComponent" {
+declare module "@babylonjs/gui-editor/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/gui-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 import { Image } from "@babylonjs/gui/2D/controls/image";
 interface IImagePropertyGridComponentProps {
     image: Image;
@@ -2520,12 +2441,12 @@ export class ImagePropertyGridComponent extends React.Component<IImagePropertyGr
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/inputTextPropertyGridComponent" {
+declare module "@babylonjs/gui-editor/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/gui-editor/propertyChangedEvent";
 import { InputText } from "@babylonjs/gui/2D/controls/inputText";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 interface IInputTextPropertyGridComponentProps {
     inputText: InputText;
     lockObject: LockObject;
@@ -2538,11 +2459,11 @@ export class InputTextPropertyGridComponent extends React.Component<IInputTextPr
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/linePropertyGridComponent" {
+declare module "@babylonjs/gui-editor/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/gui-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 import { Line } from "@babylonjs/gui/2D/controls/line";
 interface ILinePropertyGridComponentProps {
     line: Line;
@@ -2557,11 +2478,11 @@ export class LinePropertyGridComponent extends React.Component<ILinePropertyGrid
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/radioButtonPropertyGridComponent" {
+declare module "@babylonjs/gui-editor/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/gui-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 import { RadioButton } from "@babylonjs/gui/2D/controls/radioButton";
 interface IRadioButtonPropertyGridComponentProps {
     radioButtons: RadioButton[];
@@ -2575,11 +2496,11 @@ export class RadioButtonPropertyGridComponent extends React.Component<IRadioButt
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/rectanglePropertyGridComponent" {
+declare module "@babylonjs/gui-editor/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/gui-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 import { Rectangle } from "@babylonjs/gui/2D/controls/rectangle";
 interface IRectanglePropertyGridComponentProps {
     rectangle: Rectangle;
@@ -2593,11 +2514,11 @@ export class RectanglePropertyGridComponent extends React.Component<IRectanglePr
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/scrollViewerPropertyGridComponent" {
+declare module "@babylonjs/gui-editor/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/gui-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 import { ScrollViewer } from "@babylonjs/gui/2D/controls/scrollViewers/scrollViewer";
 interface IScrollViewerPropertyGridComponentProps {
     scrollViewer: ScrollViewer;
@@ -2611,11 +2532,11 @@ export class ScrollViewerPropertyGridComponent extends React.Component<IScrollVi
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/sliderPropertyGridComponent" {
+declare module "@babylonjs/gui-editor/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/gui-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 import { Slider } from "@babylonjs/gui/2D/controls/sliders/slider";
 interface ISliderPropertyGridComponentProps {
     slider: Slider;
@@ -2629,11 +2550,11 @@ export class SliderPropertyGridComponent extends React.Component<ISliderProperty
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/stackPanelPropertyGridComponent" {
+declare module "@babylonjs/gui-editor/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/gui-editor/propertyChangedEvent";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 import { StackPanel } from "@babylonjs/gui/2D/controls/stackPanel";
 interface IStackPanelPropertyGridComponentProps {
     stackPanel: StackPanel;
@@ -2647,12 +2568,12 @@ export class StackPanelPropertyGridComponent extends React.Component<IStackPanel
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/gui/textBlockPropertyGridComponent" {
+declare module "@babylonjs/gui-editor/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/gui-editor/propertyChangedEvent";
 import { TextBlock } from "@babylonjs/gui/2D/controls/textBlock";
-import { LockObject } from "shared-ui-components/tabs/propertyGrids/lockObject";
+import { LockObject } from "@babylonjs/gui-editor/tabs/propertyGrids/lockObject";
 interface ITextBlockPropertyGridComponentProps {
     textBlock: TextBlock;
     lockObject: LockObject;
@@ -2665,7 +2586,7 @@ export class TextBlockPropertyGridComponent extends React.Component<ITextBlockPr
 export {};
 
 }
-declare module "shared-ui-components/tabs/propertyGrids/lockObject" {
+declare module "@babylonjs/gui-editor/tabs/propertyGrids/lockObject" {
 /**
  * Class used to provide lock mechanism
  */