babylonjs-gui-editor 6.46.1 → 6.48.0

package/babylon.guiEditor.d.ts

@@ -8,7 +8,7 @@ declare module BABYLON {
         private _stopUpdating;
         private _lockObject;
         constructor(props: ICommandBarComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -26,7 +26,7 @@ declare module BABYLON {
     }
     export class CommandButtonComponent extends React.Component<ICommandButtonComponentProps> {
         constructor(props: ICommandButtonComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -54,7 +54,7 @@ declare module BABYLON {
         activeState: string;
     }> {
         constructor(props: ICommandDropdownComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -69,7 +69,7 @@ declare module BABYLON {
         constructor(props: IGuiListComponentProps);
         componentWillUnmount(): void;
         filterContent(filter: string): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -87,7 +87,7 @@ declare module BABYLON {
         constructor(props: ILogComponentProps);
         componentDidMount(): void;
         componentDidUpdate(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -103,7 +103,7 @@ declare module BABYLON {
         updateGridPosition(): void;
         getCellInfo(): void;
         private _changeCell;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -117,7 +117,7 @@ declare module BABYLON {
     }
     export class ButtonPropertyGridComponent extends React.Component<IButtonPropertyGridComponentProps> {
         constructor(props: IButtonPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -130,7 +130,7 @@ declare module BABYLON {
     }
     export class CheckboxPropertyGridComponent extends React.Component<ICheckboxPropertyGridComponentProps> {
         constructor(props: ICheckboxPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -143,7 +143,7 @@ declare module BABYLON {
     }
     export class ColorPickerPropertyGridComponent extends React.Component<IColorPickerPropertyGridComponentProps> {
         constructor(props: IColorPickerPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -183,7 +183,7 @@ declare module BABYLON {
             value: string;
             id: string;
         }[];
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -192,7 +192,7 @@ declare module BABYLON {
         onPropertyChangedObservable?: Observable<BABYLON.GuiEditor.SharedUIComponents.PropertyChangedEvent>;
     }
     export class ContainerPropertyGridComponent extends React.Component<IContainerPropertyGridComponentProps> {
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -205,7 +205,7 @@ declare module BABYLON {
     }
     export class ControlPropertyGridComponent extends React.Component<IControlPropertyGridComponentProps> {
         constructor(props: IControlPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -218,7 +218,7 @@ declare module BABYLON {
     }
     export class DisplayGridPropertyGridComponent extends React.Component<IDisplayGridPropertyGridComponentProps> {
         constructor(props: IDisplayGridPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -231,7 +231,7 @@ declare module BABYLON {
     }
     export class EllipsePropertyGridComponent extends React.Component<IEllipsePropertyGridComponentProps> {
         constructor(props: IEllipsePropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -258,10 +258,10 @@ declare module BABYLON {
         private _editedColumn;
         private _rowChild;
         private _columnChild;
-        renderRows(): JSX.Element[];
+        renderRows(): import("react/jsx-runtime").JSX.Element[];
         setRowValues(): void;
         setColumnValues(): void;
-        renderColumns(): JSX.Element[];
+        renderColumns(): import("react/jsx-runtime").JSX.Element[];
         parsePercentage(value: string): number;
         isCloseTo(value: number, expected: number, epsilon?: number): boolean;
         adjustPercentages(definitions: string[], editFlags: boolean[]): string[];
@@ -270,7 +270,7 @@ declare module BABYLON {
         checkValue(value: string, percent: boolean): string;
         checkPercentage(value: string): boolean;
         resetValues(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -283,7 +283,7 @@ declare module BABYLON {
     }
     export class ImageBasedSliderPropertyGridComponent extends React.Component<IImageBasedSliderPropertyGridComponentProps> {
         constructor(props: IImageBasedSliderPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -303,7 +303,7 @@ declare module BABYLON {
         toggleAnimations(on: boolean): void;
         getMaxCells(): number;
         updateCellSize(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -316,7 +316,7 @@ declare module BABYLON {
     }
     export class InputTextPropertyGridComponent extends React.Component<IInputTextPropertyGridComponentProps> {
         constructor(props: IInputTextPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -330,7 +330,7 @@ declare module BABYLON {
     export class LinePropertyGridComponent extends React.Component<ILinePropertyGridComponentProps> {
         constructor(props: ILinePropertyGridComponentProps);
         onDashChange(value: string): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -343,7 +343,7 @@ declare module BABYLON {
     }
     export class RadioButtonPropertyGridComponent extends React.Component<IRadioButtonPropertyGridComponentProps> {
         constructor(props: IRadioButtonPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -356,7 +356,7 @@ declare module BABYLON {
     }
     export class RectanglePropertyGridComponent extends React.Component<IRectanglePropertyGridComponentProps> {
         constructor(props: IRectanglePropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -369,7 +369,7 @@ declare module BABYLON {
     }
     export class ScrollViewerPropertyGridComponent extends React.Component<IScrollViewerPropertyGridComponentProps> {
         constructor(props: IScrollViewerPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -382,7 +382,7 @@ declare module BABYLON {
     }
     export class SliderGenericPropertyGridComponent extends React.Component<ISliderGenericPropertyGridComponentProps> {
         constructor(props: ISliderGenericPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -393,7 +393,7 @@ declare module BABYLON {
     }
     export class SliderPropertyGridComponent extends React.Component<ISliderPropertyGridComponentProps> {
         constructor(props: ISliderPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -406,7 +406,7 @@ declare module BABYLON {
     }
     export class StackPanelPropertyGridComponent extends React.Component<IStackPanelPropertyGridComponentProps> {
         constructor(props: IStackPanelPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -419,7 +419,7 @@ declare module BABYLON {
     }
     export class TextBlockPropertyGridComponent extends React.Component<ITextBlockPropertyGridComponentProps> {
         constructor(props: ITextBlockPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -448,16 +448,16 @@ declare module BABYLON {
         saveToSnippetServerHelper: (content: string, adt: BABYLON.GUI.AdvancedDynamicTexture) => Promise<string>;
         saveToSnippetServer: () => Promise<void>;
         loadFromSnippet(): void;
-        renderNode(nodes: BABYLON.GUI.Control[]): JSX.Element;
+        renderNode(nodes: BABYLON.GUI.Control[]): import("react/jsx-runtime").JSX.Element;
         /**
          * returns the class name of a list of controls if they share a class, or an empty string if not
          * @param nodes the list of controls to check
          * @returns the class name of a list of controls if they share a class, or an empty string if not
          */
         getControlsCommonClassName(nodes: BABYLON.GUI.Control[]): string;
-        renderProperties(nodes: BABYLON.GUI.Control[]): JSX.Element | undefined;
+        renderProperties(nodes: BABYLON.GUI.Control[]): import("react/jsx-runtime").JSX.Element | undefined;
         renderControlIcon(nodes: BABYLON.GUI.Control[]): string;
-        render(): JSX.Element | null;
+        render(): import("react/jsx-runtime").JSX.Element | null;
     }
 
 
@@ -482,7 +482,7 @@ declare module BABYLON {
         highlight(): void;
         switchVisibility(): void;
         onRename(name: string): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -499,7 +499,7 @@ declare module BABYLON {
         showPopup(): void;
         componentDidMount(): void;
         componentDidUpdate(): void;
-        render(): JSX.Element | null;
+        render(): import("react/jsx-runtime").JSX.Element | null;
     }
 
 
@@ -508,7 +508,7 @@ declare module BABYLON {
     }
     export class SceneExplorerFilterComponent extends React.Component<ISceneExplorerFilterComponentProps> {
         constructor(props: ISceneExplorerFilterComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
     interface ISceneExplorerComponentProps {
         scene?: Scene;
@@ -541,10 +541,10 @@ declare module BABYLON {
             found?: boolean;
         }): boolean;
         processKeys(keyEvent: React.KeyboardEvent<HTMLDivElement>): void;
-        renderContent(): JSX.Element | null;
+        renderContent(): import("react/jsx-runtime").JSX.Element | null;
         onClose(): void;
         onPopup(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -574,8 +574,8 @@ declare module BABYLON {
             isExpanded: boolean;
         }): boolean;
         expandAll(expand: boolean): void;
-        renderContextMenu(): JSX.Element | null;
-        render(): JSX.Element;
+        renderContextMenu(): import("react/jsx-runtime").JSX.Element | null;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -594,7 +594,7 @@ declare module BABYLON {
         constructor(props: ITreeItemLabelComponentProps);
         onClick(): void;
         onBlur(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -633,8 +633,8 @@ declare module BABYLON {
         scrollIntoView(): void;
         componentWillUnmount(): void;
         onSelect(): void;
-        renderChildren(isExpanded: boolean, offset?: boolean): (JSX.Element | null)[] | null;
-        render(): JSX.Element | (JSX.Element | null)[] | null;
+        renderChildren(isExpanded: boolean, offset?: boolean): (import("react/jsx-runtime").JSX.Element | null)[] | null;
+        render(): import("react/jsx-runtime").JSX.Element | (import("react/jsx-runtime").JSX.Element | null)[] | null;
         dragOver(event: React.DragEvent<HTMLDivElement>): void;
         updateDragOverLocation(event: React.DragEvent<HTMLDivElement>): void;
         drop(): void;
@@ -656,7 +656,7 @@ declare module BABYLON {
     export class ArtBoardComponent extends React.Component<IArtBoardProps, IArtBoardState> {
         constructor(props: IArtBoardProps);
         update(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -749,11 +749,10 @@ declare module BABYLON {
         private _updateNodeFromLocalBounds;
         private _beginDraggingScalePoint;
         private _beginRotate;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
-    /// <reference types="react" />
     interface IGizmoLineProps {
         globalState: GlobalState;
         control: BABYLON.GUI.Line;
@@ -764,7 +763,7 @@ declare module BABYLON {
      * @param props the properties of the gizmo
      * @returns a gizmo line
      */
-    export function GizmoLine(props: IGizmoLineProps): JSX.Element;
+    export function GizmoLine(props: IGizmoLineProps): import("react/jsx-runtime").JSX.Element;
 
 
     export enum ScalePointPosition {
@@ -794,7 +793,7 @@ declare module BABYLON {
         canRotate: boolean;
         allowClickOnPivot?: boolean;
     }
-    export function GizmoScalePoint(props: IGizmoScalePointProps): JSX.Element;
+    export function GizmoScalePoint(props: IGizmoScalePointProps): import("react/jsx-runtime").JSX.Element;
 
 
     export interface IGizmoWrapperProps {
@@ -804,7 +803,7 @@ declare module BABYLON {
         observer: Nullable<Observer<void>>;
         componentWillMount(): void;
         componentWillUnmount(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -918,7 +917,7 @@ declare module BABYLON {
         zoomDrag(event: React.MouseEvent): void;
         zooming(delta: number): void;
         zeroIfClose(vec: Vector3): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -1164,14 +1163,14 @@ declare module BABYLON {
         createPopupWindow: (title: string, windowVariableName: string, width?: number, height?: number) => Window | null;
         copyStyles: (sourceDoc: HTMLDocument, targetDoc: HTMLDocument) => void;
         switchExpandedState(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
         onCreate(value: string): BABYLON.GUI.Control;
-        createBlackLine(): JSX.Element;
+        createBlackLine(): import("react/jsx-runtime").JSX.Element;
         createToolbarHelper(ct: {
             className: string;
             icon: string;
-        }[]): JSX.Element[];
-        createToolbar(): JSX.Element;
+        }[]): import("react/jsx-runtime").JSX.Element[];
+        createToolbar(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -1192,7 +1191,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         updateValue(valueString: string): void;
         lock(): void;
         unlock(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -1239,7 +1238,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         private _evaluateHue;
         componentDidUpdate(): void;
         raiseOnColorChanged(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -1265,7 +1264,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         lock(): void;
         unlock(): void;
         updateHexValue(valueString: string): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -1338,7 +1337,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         activeState: string;
     }> {
         constructor(props: ICommandDropdownComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -1391,7 +1390,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         updateValue(valueString: string): void;
         lock(): void;
         unlock(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -1439,7 +1438,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         private _evaluateHue;
         componentDidUpdate(): void;
         raiseOnColorChanged(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -1465,7 +1464,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         lock(): void;
         unlock(): void;
         updateHexValue(valueString: string): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -1957,7 +1956,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         copyToClipboard(): void;
         private _convertToColor;
         private _toColor3;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -1994,7 +1993,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         }>): string;
         componentDidUpdate(): void;
         componentDidMount(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2017,7 +2016,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         private _uploadInputRef;
         constructor(props: IFileButtonLineComponentProps);
         onChange(evt: any): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2053,7 +2052,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         onBlur(): void;
         incrementValue(amount: number): void;
         onKeyDown(evt: React.KeyboardEvent<HTMLInputElement>): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2063,8 +2062,7 @@ declare module BABYLON {
 
 }
 declare module BABYLON.GuiEditor.SharedUIComponents {
-        /// <reference types="react" />
-    /**
+        /**
      * This components represents an options menu with optional
      * customizable properties. Option IDs should be unique.
      */
@@ -2082,7 +2080,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         validateNewOptionValue?: (newOptionValue: string) => boolean;
         addOptionText?: string;
     }
-    export const OptionsLineComponent: (props: IOptionsLineComponentProps) => JSX.Element;
+    export const OptionsLineComponent: (props: IOptionsLineComponentProps) => import("react/jsx-runtime").JSX.Element;
 
 
 
@@ -2367,7 +2365,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
      * @param props
      * @returns
      */
-    export const NodeRenderer: (props: INodeRendererProps) => JSX.Element;
+    export const NodeRenderer: (props: INodeRendererProps) => import("react/jsx-runtime").JSX.Element;
 
 
 
@@ -2389,8 +2387,7 @@ declare module BABYLON {
 
 }
 declare module BABYLON.GuiEditor.SharedUIComponents {
-        /// <reference types="react" />
-    export interface ITextInputProps {
+        export interface ITextInputProps {
         label?: string;
         placeholder?: string;
         submitValue: (newValue: string) => void;
@@ -2402,7 +2399,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
      * @param props properties
      * @returns TextInputWithSubmit element
      */
-    export const TextInputWithSubmit: (props: ITextInputProps) => JSX.Element;
+    export const TextInputWithSubmit: (props: ITextInputProps) => import("react/jsx-runtime").JSX.Element;
 
 
 
@@ -2435,7 +2432,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class BooleanLineComponent extends React.Component<IBooleanLineComponentProps> {
         constructor(props: IBooleanLineComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2454,7 +2451,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class ButtonLineComponent extends React.Component<IButtonLineComponentProps> {
         constructor(props: IButtonLineComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2494,7 +2491,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
             isConflict: boolean;
         }): boolean;
         onChange(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2516,7 +2513,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         onChange?: () => void;
     }
     export class Color3LineComponent extends React.Component<IColor3LineComponentProps> {
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2538,7 +2535,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         lockObject: BABYLON.GuiEditor.SharedUIComponents.LockObject;
     }
     export class Color4LineComponent extends React.Component<IColor4LineComponentProps> {
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2580,7 +2577,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         copyToClipboard(): void;
         private _convertToColor;
         private _toColor3;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2615,7 +2612,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         }>): string;
         componentDidUpdate(): void;
         componentDidMount(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2631,7 +2628,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class DraggableLineComponent extends React.Component<IButtonLineComponentProps> {
         constructor(props: IButtonLineComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2654,7 +2651,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         private _uploadInputRef;
         constructor(props: IFileButtonLineComponentProps);
         onChange(evt: any): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2677,7 +2674,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         private _uploadInputRef;
         constructor(props: IFileMultipleButtonLineComponentProps);
         onChange(evt: any): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2731,7 +2728,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         unlock(): void;
         incrementValue(amount: number, processStep?: boolean): void;
         onKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2774,7 +2771,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         updateValue(valueString: string, raisePropertyChanged: boolean): void;
         lock(): void;
         unlock(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2792,7 +2789,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class IconButtonLineComponent extends React.Component<IIconButtonLineComponentProps> {
         constructor(props: IIconButtonLineComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2807,7 +2804,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         label?: string;
     }
     export class IconComponent extends React.Component<IIconComponentProps> {
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2828,8 +2825,8 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     export class IndentedTextLineComponent extends React.Component<IIndentedTextLineComponentProps> {
         constructor(props: IIndentedTextLineComponentProps);
         onLink(): void;
-        renderContent(): JSX.Element;
-        render(): JSX.Element;
+        renderContent(): import("react/jsx-runtime").JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2848,7 +2845,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         private _drag;
         private _releaseListener;
         private _lockChangeListener;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2882,9 +2879,9 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }> {
         constructor(props: ILineContainerComponentProps);
         switchExpandedState(): void;
-        renderHeader(): JSX.Element;
+        renderHeader(): import("react/jsx-runtime").JSX.Element;
         componentDidMount(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2905,7 +2902,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     export class LinkButtonComponent extends React.Component<ILinkButtonComponentProps> {
         constructor(props: ILinkButtonComponentProps);
         onLink(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2942,7 +2939,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         updateMatrix(): void;
         updateRow(value: Vector4, row: number): void;
         updateBasedOnMode(value: number): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2959,7 +2956,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class MessageLineComponent extends React.Component<IMessageLineComponentProps> {
         constructor(props: IMessageLineComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -2995,7 +2992,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         onBlur(): void;
         incrementValue(amount: number): void;
         onKeyDown(evt: React.KeyboardEvent<HTMLInputElement>): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -3036,7 +3033,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         raiseOnPropertyChanged(newValue: number, previousValue: number): void;
         setValue(value: string | number): void;
         updateValue(valueString: string): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -3074,7 +3071,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         componentDidMount(): void;
         componentWillUnmount(): void;
         onChange(): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -3114,7 +3111,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         onChange(newValueString: any): void;
         onInput(newValueString: any): void;
         prepareDataToRead(value: number): number;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -3185,7 +3182,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         updateValue(value: string, valueToValidate?: string): void;
         incrementValue(amount: number): void;
         onKeyDown(event: React.KeyboardEvent): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -3211,8 +3208,8 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     export class TextLineComponent extends React.Component<ITextLineComponentProps> {
         constructor(props: ITextLineComponentProps);
         onLink(): void;
-        renderContent(): JSX.Element | null;
-        render(): JSX.Element;
+        renderContent(): import("react/jsx-runtime").JSX.Element | null;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -3222,13 +3219,12 @@ declare module BABYLON {
 
 }
 declare module BABYLON.GuiEditor.SharedUIComponents {
-        /// <reference types="react" />
-    interface IUnitButtonProps {
+        interface IUnitButtonProps {
         unit: string;
         locked?: boolean;
         onClick?: (unit: string) => void;
     }
-    export function UnitButton(props: IUnitButtonProps): JSX.Element;
+    export function UnitButton(props: IUnitButtonProps): import("react/jsx-runtime").JSX.Element;
 
 
 
@@ -3248,7 +3244,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class ValueLineComponent extends React.Component<IValueLineComponentProps> {
         constructor(props: IValueLineComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -3286,7 +3282,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         raiseOnPropertyChanged(previousValue: Vector2): void;
         updateStateX(value: number): void;
         updateStateY(value: number): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -3329,7 +3325,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         updateStateX(value: number): void;
         updateStateY(value: number): void;
         updateStateZ(value: number): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -3373,7 +3369,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         updateStateY(value: number): void;
         updateStateZ(value: number): void;
         updateStateW(value: number): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -3528,7 +3524,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         processEditorData(editorData: BABYLON.GuiEditor.SharedUIComponents.IEditorData): void;
         reOrganize(editorData?: Nullable<BABYLON.GuiEditor.SharedUIComponents.IEditorData>, isImportingAFrame?: boolean): void;
         addFrame(frameData: BABYLON.GuiEditor.SharedUIComponents.IFrameData): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4041,7 +4037,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
         onFilterChange(evt: React.ChangeEvent<HTMLInputElement>): void;
         onNewNodeRequested(name: string): void;
         onKeyDown(evt: React.KeyboardEvent): void;
-        render(): JSX.Element | null;
+        render(): import("react/jsx-runtime").JSX.Element | null;
     }
 
 
@@ -4299,11 +4295,10 @@ declare module BABYLON {
 
 }
 declare module BABYLON.GuiEditor.SharedUIComponents {
-        /// <reference types="react" />
-    var _default: {
-        component: (props: => JSX.Element;
+        var _default: {
+        component: (props: JSX.Element;
     };
-    const RenderComponent: (args: any) => JSX.Element;
+    const RenderComponent: (args: any) => import("react/jsx-runtime").JSX.Element;
     export var Default: StoryObj<typeof RenderComponent>;
     export var WithCustomOptions: StoryObj<typeof RenderComponent>;
     export var WithValidation: StoryObj<typeof RenderComponent>;
@@ -4371,7 +4366,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class CheckboxPropertyGridComponent extends React.Component<ICheckboxPropertyGridComponentProps> {
         constructor(props: ICheckboxPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4388,7 +4383,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class ColorPickerPropertyGridComponent extends React.Component<IColorPickerPropertyGridComponentProps> {
         constructor(props: IColorPickerPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4406,8 +4401,8 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class CommonControlPropertyGridComponent extends React.Component<ICommonControlPropertyGridComponentProps> {
         constructor(props: ICommonControlPropertyGridComponentProps);
-        renderGridInformation(control: BABYLON.GUI.Control): JSX.Element | null;
-        render(): JSX.Element | undefined;
+        renderGridInformation(control: BABYLON.GUI.Control): import("react/jsx-runtime").JSX.Element | null;
+        render(): import("react/jsx-runtime").JSX.Element | undefined;
     }
 
 
@@ -4424,7 +4419,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class ControlPropertyGridComponent extends React.Component<IControlPropertyGridComponentProps> {
         constructor(props: IControlPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4441,7 +4436,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class EllipsePropertyGridComponent extends React.Component<IEllipsePropertyGridComponentProps> {
         constructor(props: IEllipsePropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4458,9 +4453,9 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class GridPropertyGridComponent extends React.Component<IGridPropertyGridComponentProps> {
         constructor(props: IGridPropertyGridComponentProps);
-        renderRows(): JSX.Element[];
-        renderColumns(): JSX.Element[];
-        render(): JSX.Element;
+        renderRows(): import("react/jsx-runtime").JSX.Element[];
+        renderColumns(): import("react/jsx-runtime").JSX.Element[];
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4477,7 +4472,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class ImageBasedSliderPropertyGridComponent extends React.Component<IImageBasedSliderPropertyGridComponentProps> {
         constructor(props: IImageBasedSliderPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4494,7 +4489,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class ImagePropertyGridComponent extends React.Component<IImagePropertyGridComponentProps> {
         constructor(props: IImagePropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4511,7 +4506,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class InputTextPropertyGridComponent extends React.Component<IInputTextPropertyGridComponentProps> {
         constructor(props: IInputTextPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4529,7 +4524,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     export class LinePropertyGridComponent extends React.Component<ILinePropertyGridComponentProps> {
         constructor(props: ILinePropertyGridComponentProps);
         onDashChange(value: string): void;
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4546,7 +4541,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class RadioButtonPropertyGridComponent extends React.Component<IRadioButtonPropertyGridComponentProps> {
         constructor(props: IRadioButtonPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4563,7 +4558,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class RectanglePropertyGridComponent extends React.Component<IRectanglePropertyGridComponentProps> {
         constructor(props: IRectanglePropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4580,7 +4575,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class ScrollViewerPropertyGridComponent extends React.Component<IScrollViewerPropertyGridComponentProps> {
         constructor(props: IScrollViewerPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4597,7 +4592,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class SliderPropertyGridComponent extends React.Component<ISliderPropertyGridComponentProps> {
         constructor(props: ISliderPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4614,7 +4609,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class StackPanelPropertyGridComponent extends React.Component<IStackPanelPropertyGridComponentProps> {
         constructor(props: IStackPanelPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }
 
 
@@ -4631,7 +4626,7 @@ declare module BABYLON.GuiEditor.SharedUIComponents {
     }
     export class TextBlockPropertyGridComponent extends React.Component<ITextBlockPropertyGridComponentProps> {
         constructor(props: ITextBlockPropertyGridComponentProps);
-        render(): JSX.Element;
+        render(): import("react/jsx-runtime").JSX.Element;
     }