@babylonjs/shared-ui-components 8.2.0 → 8.2.1

package/colorPicker/colorComponentEntry.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { LockObject } from "../tabs/propertyGrids/lockObject";
+import type { LockObject } from "../tabs/propertyGrids/lockObject.js";
 export interface IColorComponentEntryProps {
     value: number;
     label: string;

package/colorPicker/colorPicker.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Color3, Color4 } from "@babylonjs/core/Maths/math.color.js";
-import type { LockObject } from "../tabs/propertyGrids/lockObject";
+import type { LockObject } from "../tabs/propertyGrids/lockObject.js";
 import "./colorPicker.scss";
 /**
  * Interface used to specify creation options for color picker

package/colorPicker/hexColor.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { LockObject } from "../tabs/propertyGrids/lockObject";
+import type { LockObject } from "../tabs/propertyGrids/lockObject.js";
 export interface IHexColorProps {
     value: string;
     expectedLength: number;

package/components/colorPicker/ColorComponentEntry.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { LockObject } from "../../tabs/propertyGrids/lockObject";
+import type { LockObject } from "../../tabs/propertyGrids/lockObject.js";
 export interface IColorComponentEntryProps {
     value: number;
     label: string;

package/components/colorPicker/ColorPicker.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Color3, Color4 } from "@babylonjs/core/Maths/math.color.js";
-import type { LockObject } from "../../tabs/propertyGrids/lockObject";
+import type { LockObject } from "../../tabs/propertyGrids/lockObject.js";
 /**
  * Interface used to specify creation options for color picker
  */

package/components/colorPicker/HexColor.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { LockObject } from "../../tabs/propertyGrids/lockObject";
+import type { LockObject } from "../../tabs/propertyGrids/lockObject.js";
 export interface IHexColorProps {
     value: string;
     expectedLength: number;

package/components/layout/DraggableIcon.d.ts

@@ -1,5 +1,5 @@
 import type { FC } from "react";
-import type { ElementTypes, TabDrag } from "./types";
+import type { ElementTypes, TabDrag } from "./types.js";
 /**
  * Arguments for the DraggableIcon component.
  */

package/components/layout/FlexibleGridLayout.d.ts

@@ -1,5 +1,5 @@
 import type { FC } from "react";
-import type { Layout } from "./types";
+import type { Layout } from "./types.js";
 /**
  * Arguments for the Layout component.
  */

package/components/layout/FlexibleResizeBar.d.ts

@@ -1,5 +1,5 @@
 import type { FC } from "react";
-import { ResizeDirections } from "./types";
+import { ResizeDirections } from "./types.js";
 /**
  * Arguments for the ResizeBar component.
  */

package/components/layout/FlexibleTab.d.ts

@@ -1,5 +1,5 @@
 import type { FC } from "react";
-import type { TabDrag } from "./types";
+import type { TabDrag } from "./types.js";
 /**
  * Arguments for the FlexibleTab component.
  */

package/components/layout/FlexibleTabsContainer.d.ts

@@ -1,5 +1,5 @@
 import type { FC } from "react";
-import type { LayoutTab } from "./types";
+import type { LayoutTab } from "./types.js";
 /**
  * Arguments for the TabsContainer component.
  */

package/components/layout/LayoutContext.d.ts

@@ -1,4 +1,4 @@
-import type { Layout } from "./types";
+import type { Layout } from "./types.js";
 export declare const LayoutContext: import("react").Context<{
     /**
      * The layout object

package/components/layout/utils.d.ts

@@ -1,4 +1,4 @@
-import type { Layout, LayoutColumn, LayoutTabsRow } from "./types";
+import type { Layout, LayoutColumn, LayoutTabsRow } from "./types.js";
 /**
  * Given a column and row number in the layout, return the corresponding column/row
  * @param layout

package/components/lines/ColorLineComponent.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
 import type { Observable } from "@babylonjs/core/Misc/observable.js";
 import { Color4 } from "@babylonjs/core/Maths/math.color.js";
-import type { PropertyChangedEvent } from "../../propertyChangedEvent";
-import type { LockObject } from "../../tabs/propertyGrids/lockObject";
+import type { PropertyChangedEvent } from "../../propertyChangedEvent.js";
+import type { LockObject } from "../../tabs/propertyGrids/lockObject.js";
 export interface IColorLineComponentProps {
     label: string;
     target: any;

package/components/lines/ColorPickerLineComponent.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import type { Color4, Color3 } from "@babylonjs/core/Maths/math.color.js";
-import type { LockObject } from "../../tabs/propertyGrids/lockObject";
+import type { LockObject } from "../../tabs/propertyGrids/lockObject.js";
 export interface IColorPickerLineComponentProps {
     value: Color4 | Color3;
     linearHint?: boolean;

package/components/lines/NumericInputComponent.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { LockObject } from "../../tabs/propertyGrids/lockObject";
+import type { LockObject } from "../../tabs/propertyGrids/lockObject.js";
 interface INumericInputComponentProps {
     label: string;
     labelTooltip?: string;

package/components/reactGraphSystem/useGraphContext.d.ts

@@ -2,4 +2,4 @@
  * utility hook to assist using the graph context
  * @returns
  */
-export declare const useGraphContext: () => import("./GraphContextManager").IGraphContext;
+export declare const useGraphContext: () => import("./GraphContextManager.js").IGraphContext;

package/lines/checkBoxLineComponent.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "./../propertyChangedEvent";
+import type { PropertyChangedEvent } from "./../propertyChangedEvent.js";
 import type { IconDefinition } from "@fortawesome/fontawesome-common-types";
 export interface ICheckBoxLineComponentProps {
     label?: string;

package/lines/color3LineComponent.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../propertyChangedEvent";
-import type { LockObject } from "../tabs/propertyGrids/lockObject";
+import type { PropertyChangedEvent } from "../propertyChangedEvent.js";
+import type { LockObject } from "../tabs/propertyGrids/lockObject.js";
 export interface IColor3LineComponentProps {
     label: string;
     target: any;

package/lines/color4LineComponent.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../propertyChangedEvent";
-import type { LockObject } from "../tabs/propertyGrids/lockObject";
+import type { PropertyChangedEvent } from "../propertyChangedEvent.js";
+import type { LockObject } from "../tabs/propertyGrids/lockObject.js";
 export interface IColor4LineComponentProps {
     label: string;
     target?: any;

package/lines/colorLineComponent.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
 import type { Observable } from "@babylonjs/core/Misc/observable.js";
 import { Color4 } from "@babylonjs/core/Maths/math.color.js";
-import type { PropertyChangedEvent } from "../propertyChangedEvent";
-import type { LockObject } from "../tabs/propertyGrids/lockObject";
+import type { PropertyChangedEvent } from "../propertyChangedEvent.js";
+import type { LockObject } from "../tabs/propertyGrids/lockObject.js";
 export interface IColorLineProps {
     label: string;
     target?: any;

package/lines/colorPickerComponent.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import type { Color4, Color3 } from "@babylonjs/core/Maths/math.color.js";
-import type { LockObject } from "../tabs/propertyGrids/lockObject";
+import type { LockObject } from "../tabs/propertyGrids/lockObject.js";
 export interface IColorPickerLineProps {
     value: Color4 | Color3;
     linearHint?: boolean;

package/lines/floatLineComponent.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../propertyChangedEvent";
-import type { LockObject } from "../tabs/propertyGrids/lockObject";
+import type { PropertyChangedEvent } from "../propertyChangedEvent.js";
+import type { LockObject } from "../tabs/propertyGrids/lockObject.js";
 interface IFloatLineComponentProps {
     label: string;
     target: any;

package/lines/hexLineComponent.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../propertyChangedEvent";
-import type { LockObject } from "../tabs/propertyGrids/lockObject";
+import type { PropertyChangedEvent } from "../propertyChangedEvent.js";
+import type { LockObject } from "../tabs/propertyGrids/lockObject.js";
 interface IHexLineComponentProps {
     label: string;
     target: any;

package/lines/lineContainerComponent.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { ISelectedLineContainer } from "./iSelectedLineContainer";
+import type { ISelectedLineContainer } from "./iSelectedLineContainer.js";
 interface ILineContainerComponentProps {
     selection?: ISelectedLineContainer;
     title: string;

package/lines/matrixLineComponent.d.ts

@@ -2,8 +2,8 @@ import * as React from "react";
 import type { Vector3, Vector4 } from "@babylonjs/core/Maths/math.vector.js";
 import { Matrix } from "@babylonjs/core/Maths/math.vector.js";
 import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../propertyChangedEvent";
-import type { LockObject } from "../tabs/propertyGrids/lockObject";
+import type { PropertyChangedEvent } from "../propertyChangedEvent.js";
+import type { LockObject } from "../tabs/propertyGrids/lockObject.js";
 interface IMatrixLineComponentProps {
     label: string;
     target: any;

package/lines/numericInputComponent.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { LockObject } from "../tabs/propertyGrids/lockObject";
+import type { LockObject } from "../tabs/propertyGrids/lockObject.js";
 interface INumericInputProps {
     label: string;
     labelTooltip?: string;

package/lines/optionsLineComponent.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../propertyChangedEvent";
+import type { PropertyChangedEvent } from "../propertyChangedEvent.js";
 import type { IInspectableOptions } from "@babylonjs/core/Misc/iInspectable.js";
 export declare const Null_Value: number;
 export interface IOptionsLineProps {

package/lines/sliderLineComponent.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../propertyChangedEvent";
-import type { LockObject } from "../tabs/propertyGrids/lockObject";
+import type { PropertyChangedEvent } from "../propertyChangedEvent.js";
+import type { LockObject } from "../tabs/propertyGrids/lockObject.js";
 interface ISliderLineComponentProps {
     label: string;
     target?: any;

package/lines/targetsProxy.d.ts

@@ -1,4 +1,4 @@
-import type { PropertyChangedEvent } from "../propertyChangedEvent";
+import type { PropertyChangedEvent } from "../propertyChangedEvent.js";
 import type { Observable } from "@babylonjs/core/Misc/observable.js";
 export declare const conflictingValuesPlaceholder = "\u2014";
 /**

package/lines/textInputLineComponent.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../propertyChangedEvent";
-import type { LockObject } from "../tabs/propertyGrids/lockObject";
+import type { PropertyChangedEvent } from "../propertyChangedEvent.js";
+import type { LockObject } from "../tabs/propertyGrids/lockObject.js";
 export interface ITextInputLineComponentProps {
     label?: string;
     lockObject?: LockObject;

package/lines/vector2LineComponent.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { Vector2 } from "@babylonjs/core/Maths/math.vector.js";
 import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../propertyChangedEvent";
-import type { LockObject } from "../tabs/propertyGrids/lockObject";
+import type { PropertyChangedEvent } from "../propertyChangedEvent.js";
+import type { LockObject } from "../tabs/propertyGrids/lockObject.js";
 interface IVector2LineComponentProps {
     label: string;
     target: any;

package/lines/vector3LineComponent.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
 import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../propertyChangedEvent";
-import type { LockObject } from "../tabs/propertyGrids/lockObject";
+import type { PropertyChangedEvent } from "../propertyChangedEvent.js";
+import type { LockObject } from "../tabs/propertyGrids/lockObject.js";
 interface IVector3LineComponentProps {
     label: string;
     target?: any;

package/lines/vector4LineComponent.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { Vector4 } from "@babylonjs/core/Maths/math.vector.js";
 import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../propertyChangedEvent";
-import type { LockObject } from "../tabs/propertyGrids/lockObject";
+import type { PropertyChangedEvent } from "../propertyChangedEvent.js";
+import type { LockObject } from "../tabs/propertyGrids/lockObject.js";
 interface IVector4LineComponentProps {
     label: string;
     target?: any;

package/nodeGraphSystem/automaticProperties.d.ts

@@ -1,5 +1,5 @@
 import type { IEditablePropertyOption } from "@babylonjs/core/Decorators/nodeDecorator.js";
-import type { StateManager } from "./stateManager";
+import type { StateManager } from "./stateManager.js";
 /**
  * Function used to force a rebuild of the node system
  * @param source source object

package/nodeGraphSystem/frameNodePort.d.ts

@@ -1,11 +1,11 @@
-import type { IDisplayManager } from "./interfaces/displayManager";
+import type { IDisplayManager } from "./interfaces/displayManager.js";
 import { Observable } from "@babylonjs/core/Misc/observable.js";
 import type { Nullable } from "@babylonjs/core/types.js";
-import type { IPortData } from "./interfaces/portData";
-import { NodePort } from "./nodePort";
-import type { GraphNode } from "./graphNode";
-import type { FramePortPosition } from "./graphFrame";
-import type { StateManager } from "./stateManager";
+import type { IPortData } from "./interfaces/portData.js";
+import { NodePort } from "./nodePort.js";
+import type { GraphNode } from "./graphNode.js";
+import type { FramePortPosition } from "./graphFrame.js";
+import type { StateManager } from "./stateManager.js";
 export declare class FrameNodePort extends NodePort {
     portData: IPortData;
     node: GraphNode;

package/nodeGraphSystem/graphCanvas.d.ts

@@ -1,14 +1,14 @@
 import * as React from "react";
-import { GraphNode } from "./graphNode";
+import { GraphNode } from "./graphNode.js";
 import type { Nullable } from "@babylonjs/core/types.js";
-import { NodeLink } from "./nodeLink";
-import { NodePort } from "./nodePort";
-import { GraphFrame } from "./graphFrame";
-import type { IEditorData, IFrameData } from "./interfaces/nodeLocationInfo";
-import type { StateManager } from "./stateManager";
-import type { INodeData } from "./interfaces/nodeData";
-import type { IPortData } from "./interfaces/portData";
-import type { INodeContainer } from "./interfaces/nodeContainer";
+import { NodeLink } from "./nodeLink.js";
+import { NodePort } from "./nodePort.js";
+import { GraphFrame } from "./graphFrame.js";
+import type { IEditorData, IFrameData } from "./interfaces/nodeLocationInfo.js";
+import type { StateManager } from "./stateManager.js";
+import type { INodeData } from "./interfaces/nodeData.js";
+import type { IPortData } from "./interfaces/portData.js";
+import type { INodeContainer } from "./interfaces/nodeContainer.js";
 export interface IGraphCanvasComponentProps {
     stateManager: StateManager;
     onEmitNewNode: (nodeData: INodeData) => GraphNode;

package/nodeGraphSystem/graphFrame.d.ts

@@ -1,10 +1,10 @@
-import type { GraphNode } from "./graphNode";
-import type { GraphCanvasComponent } from "./graphCanvas";
+import type { GraphNode } from "./graphNode.js";
+import type { GraphCanvasComponent } from "./graphCanvas.js";
 import type { Nullable } from "@babylonjs/core/types.js";
 import { Observable } from "@babylonjs/core/Misc/observable.js";
 import { Color3 } from "@babylonjs/core/Maths/math.color.js";
-import { FrameNodePort } from "./frameNodePort";
-import type { IFrameData } from "./interfaces/nodeLocationInfo";
+import { FrameNodePort } from "./frameNodePort.js";
+import type { IFrameData } from "./interfaces/nodeLocationInfo.js";
 export declare enum FramePortPosition {
     Top = 0,
     Middle = 1,

package/nodeGraphSystem/graphNode.d.ts

@@ -1,11 +1,11 @@
 import type { Nullable } from "@babylonjs/core/types.js";
-import type { GraphCanvasComponent } from "./graphCanvas";
-import { NodePort } from "./nodePort";
-import type { GraphFrame } from "./graphFrame";
-import type { NodeLink } from "./nodeLink";
-import type { StateManager } from "./stateManager";
-import type { INodeData } from "./interfaces/nodeData";
-import type { IPortData } from "./interfaces/portData";
+import type { GraphCanvasComponent } from "./graphCanvas.js";
+import { NodePort } from "./nodePort.js";
+import type { GraphFrame } from "./graphFrame.js";
+import type { NodeLink } from "./nodeLink.js";
+import type { StateManager } from "./stateManager.js";
+import type { INodeData } from "./interfaces/nodeData.js";
+import type { IPortData } from "./interfaces/portData.js";
 import type { IEditablePropertyOption } from "@babylonjs/core/Decorators/nodeDecorator.js";
 export declare class GraphNode {
     content: INodeData;

package/nodeGraphSystem/interfaces/displayManager.d.ts

@@ -1,7 +1,7 @@
 import type { Nullable } from "@babylonjs/core/types.js";
-import type { StateManager } from "../stateManager";
-import type { INodeData } from "./nodeData";
-import type { IPortData } from "./portData";
+import type { StateManager } from "../stateManager.js";
+import type { INodeData } from "./nodeData.js";
+import type { IPortData } from "./portData.js";
 export interface VisualContentDescription {
     [key: string]: HTMLElement;
 }

package/nodeGraphSystem/interfaces/nodeContainer.d.ts

@@ -1,5 +1,5 @@
-import type { GraphNode } from "../graphNode";
-import type { INodeData } from "./nodeData";
+import type { GraphNode } from "../graphNode.js";
+import type { INodeData } from "./nodeData.js";
 export interface INodeContainer {
     nodes: GraphNode[];
     appendNode(data: INodeData): GraphNode;

package/nodeGraphSystem/interfaces/nodeData.d.ts

@@ -1,5 +1,5 @@
 import type { Nullable } from "@babylonjs/core/types.js";
-import type { IPortData } from "./portData";
+import type { IPortData } from "./portData.js";
 export interface INodeData {
     data: any;
     name: string;

package/nodeGraphSystem/interfaces/portData.d.ts

@@ -1,5 +1,5 @@
 import type { Nullable } from "@babylonjs/core/types.js";
-import type { GraphNode } from "../graphNode";
+import type { GraphNode } from "../graphNode.js";
 export declare enum PortDataDirection {
     /** Input */
     Input = 0,

package/nodeGraphSystem/interfaces/propertyComponentProps.d.ts

@@ -1,5 +1,5 @@
-import type { StateManager } from "../stateManager";
-import type { INodeData } from "./nodeData";
+import type { StateManager } from "../stateManager.js";
+import type { INodeData } from "./nodeData.js";
 export interface IPropertyComponentProps {
     stateManager: StateManager;
     nodeData: INodeData;

package/nodeGraphSystem/interfaces/selectionChangedOptions.d.ts

@@ -1,9 +1,9 @@
 import type { Nullable } from "@babylonjs/core/types.js";
-import type { GraphFrame } from "../graphFrame";
-import type { GraphNode } from "../graphNode";
-import type { NodeLink } from "../nodeLink";
-import type { NodePort } from "../nodePort";
-import type { FramePortData } from "../types/framePortData";
+import type { GraphFrame } from "../graphFrame.js";
+import type { GraphNode } from "../graphNode.js";
+import type { NodeLink } from "../nodeLink.js";
+import type { NodePort } from "../nodePort.js";
+import type { FramePortData } from "../types/framePortData.js";
 export interface ISelectionChangedOptions {
     selection: Nullable<GraphNode | NodeLink | GraphFrame | NodePort | FramePortData>;
     forceKeepSelection?: boolean;

package/nodeGraphSystem/nodeLink.d.ts

@@ -1,8 +1,8 @@
 import { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { FrameNodePort } from "./frameNodePort";
-import type { NodePort } from "./nodePort";
-import type { GraphNode } from "./graphNode";
-import type { GraphCanvasComponent } from "./graphCanvas";
+import type { FrameNodePort } from "./frameNodePort.js";
+import type { NodePort } from "./nodePort.js";
+import type { GraphNode } from "./graphNode.js";
+import type { GraphCanvasComponent } from "./graphCanvas.js";
 export declare class NodeLink {
     private _graphCanvas;
     private _portA;

package/nodeGraphSystem/nodePort.d.ts

@@ -1,12 +1,12 @@
 import type { Nullable } from "@babylonjs/core/types.js";
 import type { Observer } from "@babylonjs/core/Misc/observable.js";
 import type { Vector2 } from "@babylonjs/core/Maths/math.vector.js";
-import type { GraphNode } from "./graphNode";
-import type { StateManager } from "./stateManager";
-import type { ISelectionChangedOptions } from "./interfaces/selectionChangedOptions";
-import type { FrameNodePort } from "./frameNodePort";
-import type { IDisplayManager } from "./interfaces/displayManager";
-import { type IPortData } from "./interfaces/portData";
+import type { GraphNode } from "./graphNode.js";
+import type { StateManager } from "./stateManager.js";
+import type { ISelectionChangedOptions } from "./interfaces/selectionChangedOptions.js";
+import type { FrameNodePort } from "./frameNodePort.js";
+import type { IDisplayManager } from "./interfaces/displayManager.js";
+import { type IPortData } from "./interfaces/portData.js";
 export declare class NodePort {
     portData: IPortData;
     node: GraphNode;

package/nodeGraphSystem/propertyLedger.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentClass } from "react";
-import type { IPropertyComponentProps } from "./interfaces/propertyComponentProps";
+import type { IPropertyComponentProps } from "./interfaces/propertyComponentProps.js";
 export declare class PropertyLedger {
     static DefaultControl: ComponentClass<IPropertyComponentProps>;
     static RegisteredControls: {

package/nodeGraphSystem/searchBox.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { StateManager } from "./stateManager";
+import type { StateManager } from "./stateManager.js";
 import "./searchBox.scss";
 export interface ISearchBoxComponentProps {
     stateManager: StateManager;

package/nodeGraphSystem/stateManager.d.ts

@@ -1,15 +1,15 @@
 import type { Vector2 } from "@babylonjs/core/Maths/math.vector.js";
 import { Observable } from "@babylonjs/core/Misc/observable.js";
 import type { Nullable } from "@babylonjs/core/types.js";
-import type { FrameNodePort } from "./frameNodePort";
-import type { GraphFrame } from "./graphFrame";
-import type { GraphNode } from "./graphNode";
-import type { INodeContainer } from "./interfaces/nodeContainer";
-import type { INodeData } from "./interfaces/nodeData";
-import type { IPortData } from "./interfaces/portData";
-import type { ISelectionChangedOptions } from "./interfaces/selectionChangedOptions";
-import type { NodePort } from "./nodePort";
-import type { HistoryStack } from "../historyStack";
+import type { FrameNodePort } from "./frameNodePort.js";
+import type { GraphFrame } from "./graphFrame.js";
+import type { GraphNode } from "./graphNode.js";
+import type { INodeContainer } from "./interfaces/nodeContainer.js";
+import type { INodeData } from "./interfaces/nodeData.js";
+import type { IPortData } from "./interfaces/portData.js";
+import type { ISelectionChangedOptions } from "./interfaces/selectionChangedOptions.js";
+import type { NodePort } from "./nodePort.js";
+import type { HistoryStack } from "../historyStack.js";
 import type { Scene } from "@babylonjs/core/scene.js";
 export declare class StateManager {
     data: any;

package/nodeGraphSystem/tools.d.ts

@@ -1,7 +1,7 @@
-import type { GraphCanvasComponent } from "./graphCanvas";
-import type { GraphNode } from "./graphNode";
-import type { NodeLink } from "./nodeLink";
-import type { FramePortData } from "./types/framePortData";
+import type { GraphCanvasComponent } from "./graphCanvas.js";
+import type { GraphNode } from "./graphNode.js";
+import type { NodeLink } from "./nodeLink.js";
+import type { FramePortData } from "./types/framePortData.js";
 export declare const IsFramePortData: (variableToCheck: any) => variableToCheck is FramePortData;
 export declare const RefreshNode: (node: GraphNode, visitedNodes?: Set<GraphNode>, visitedLinks?: Set<NodeLink>, canvas?: GraphCanvasComponent) => void;
 export declare const BuildFloatUI: (container: HTMLDivElement, document: Document, displayName: string, isInteger: boolean, source: any, propertyName: string, onChange: () => void, min?: number, max?: number, visualPropertiesRefresh?: Array<() => void>, additionalClassName?: string) => void;

package/nodeGraphSystem/typeLedger.d.ts

@@ -1,7 +1,7 @@
-import type { INodeContainer } from "./interfaces/nodeContainer";
-import type { INodeData } from "./interfaces/nodeData";
-import type { IPortData } from "./interfaces/portData";
-import type { NodePort } from "./nodePort";
+import type { INodeContainer } from "./interfaces/nodeContainer.js";
+import type { INodeData } from "./interfaces/nodeData.js";
+import type { IPortData } from "./interfaces/portData.js";
+import type { NodePort } from "./nodePort.js";
 export declare class TypeLedger {
     static PortDataBuilder: (port: NodePort, nodeContainer: INodeContainer) => IPortData;
     static NodeDataBuilder: (data: any, nodeContainer: INodeContainer) => INodeData;

package/nodeGraphSystem/types/framePortData.d.ts

@@ -1,5 +1,5 @@
-import type { GraphFrame } from "../graphFrame";
-import type { FrameNodePort } from "../frameNodePort";
+import type { GraphFrame } from "../graphFrame.js";
+import type { FrameNodePort } from "../frameNodePort.js";
 export type FramePortData = {
     frame: GraphFrame;
     port: FrameNodePort;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@babylonjs/shared-ui-components",
-    "version": "8.2.0",
+    "version": "8.2.1",
     "main": "index.js",
     "module": "index.js",
     "types": "index.d.ts",

package/split/splitContainer.d.ts

@@ -1,5 +1,5 @@
 import type { PropsWithChildren } from "react";
-import { SplitDirection } from "./splitContext";
+import { SplitDirection } from "./splitContext.js";
 /**
  * Split container properties
  */

package/split/splitter.d.ts

@@ -1,4 +1,4 @@
-import type { ControlledSize } from "./splitContext";
+import type { ControlledSize } from "./splitContext.js";
 /**
  * Splitter component properties
  */

package/tabs/propertyGrids/gui/checkboxPropertyGridComponent.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent";
-import type { LockObject } from "../../../tabs/propertyGrids/lockObject";
+import type { PropertyChangedEvent } from "../../../propertyChangedEvent.js";
+import type { LockObject } from "../../../tabs/propertyGrids/lockObject.js";
 import type { Checkbox } from "@babylonjs/gui/2D/controls/checkbox.js";
 interface ICheckboxPropertyGridComponentProps {
     checkbox: Checkbox;

package/tabs/propertyGrids/gui/colorPickerPropertyGridComponent.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
 import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent";
+import type { PropertyChangedEvent } from "../../../propertyChangedEvent.js";
 import type { ColorPicker } from "@babylonjs/gui/2D/controls/colorpicker.js";
-import type { LockObject } from "../lockObject";
+import type { LockObject } from "../lockObject.js";
 interface IColorPickerPropertyGridComponentProps {
     colorPicker: ColorPicker;
     lockObject: LockObject;

package/tabs/propertyGrids/gui/commonControlPropertyGridComponent.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
 import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent";
+import type { PropertyChangedEvent } from "../../../propertyChangedEvent.js";
 import { Control } from "@babylonjs/gui/2D/controls/control.js";
-import type { LockObject } from "../../../tabs/propertyGrids/lockObject";
+import type { LockObject } from "../../../tabs/propertyGrids/lockObject.js";
 interface ICommonControlPropertyGridComponentProps {
     controls?: Control[];
     control?: Control;

package/tabs/propertyGrids/gui/controlPropertyGridComponent.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
 import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent";
+import type { PropertyChangedEvent } from "../../../propertyChangedEvent.js";
 import type { Control } from "@babylonjs/gui/2D/controls/control.js";
-import type { LockObject } from "../../../tabs/propertyGrids/lockObject";
+import type { LockObject } from "../../../tabs/propertyGrids/lockObject.js";
 interface IControlPropertyGridComponentProps {
     control: Control;
     lockObject: LockObject;

package/tabs/propertyGrids/gui/ellipsePropertyGridComponent.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent";
-import type { LockObject } from "../../../tabs/propertyGrids/lockObject";
+import type { PropertyChangedEvent } from "../../../propertyChangedEvent.js";
+import type { LockObject } from "../../../tabs/propertyGrids/lockObject.js";
 import type { Ellipse } from "@babylonjs/gui/2D/controls/ellipse.js";
 interface IEllipsePropertyGridComponentProps {
     ellipse: Ellipse;

package/tabs/propertyGrids/gui/gridPropertyGridComponent.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent";
-import type { LockObject } from "../../../tabs/propertyGrids/lockObject";
+import type { PropertyChangedEvent } from "../../../propertyChangedEvent.js";
+import type { LockObject } from "../../../tabs/propertyGrids/lockObject.js";
 import type { Grid } from "@babylonjs/gui/2D/controls/grid.js";
 interface IGridPropertyGridComponentProps {
     grid: Grid;

package/tabs/propertyGrids/gui/imageBasedSliderPropertyGridComponent.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent";
-import type { LockObject } from "../../../tabs/propertyGrids/lockObject";
+import type { PropertyChangedEvent } from "../../../propertyChangedEvent.js";
+import type { LockObject } from "../../../tabs/propertyGrids/lockObject.js";
 import type { ImageBasedSlider } from "@babylonjs/gui/2D/controls/sliders/imageBasedSlider.js";
 interface IImageBasedSliderPropertyGridComponentProps {
     imageBasedSlider: ImageBasedSlider;

package/tabs/propertyGrids/gui/imagePropertyGridComponent.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent";
-import type { LockObject } from "../../../tabs/propertyGrids/lockObject";
+import type { PropertyChangedEvent } from "../../../propertyChangedEvent.js";
+import type { LockObject } from "../../../tabs/propertyGrids/lockObject.js";
 import { Image } from "@babylonjs/gui/2D/controls/image.js";
 interface IImagePropertyGridComponentProps {
     image: Image;

package/tabs/propertyGrids/gui/inputTextPropertyGridComponent.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
 import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent";
+import type { PropertyChangedEvent } from "../../../propertyChangedEvent.js";
 import type { InputText } from "@babylonjs/gui/2D/controls/inputText.js";
-import type { LockObject } from "../../../tabs/propertyGrids/lockObject";
+import type { LockObject } from "../../../tabs/propertyGrids/lockObject.js";
 interface IInputTextPropertyGridComponentProps {
     inputText: InputText;
     lockObject: LockObject;

package/tabs/propertyGrids/gui/linePropertyGridComponent.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent";
-import type { LockObject } from "../../../tabs/propertyGrids/lockObject";
+import type { PropertyChangedEvent } from "../../../propertyChangedEvent.js";
+import type { LockObject } from "../../../tabs/propertyGrids/lockObject.js";
 import type { Line } from "@babylonjs/gui/2D/controls/line.js";
 interface ILinePropertyGridComponentProps {
     line: Line;

package/tabs/propertyGrids/gui/radioButtonPropertyGridComponent.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent";
-import type { LockObject } from "../../../tabs/propertyGrids/lockObject";
+import type { PropertyChangedEvent } from "../../../propertyChangedEvent.js";
+import type { LockObject } from "../../../tabs/propertyGrids/lockObject.js";
 import type { RadioButton } from "@babylonjs/gui/2D/controls/radioButton.js";
 interface IRadioButtonPropertyGridComponentProps {
     radioButtons: RadioButton[];

package/tabs/propertyGrids/gui/rectanglePropertyGridComponent.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent";
-import type { LockObject } from "../../../tabs/propertyGrids/lockObject";
+import type { PropertyChangedEvent } from "../../../propertyChangedEvent.js";
+import type { LockObject } from "../../../tabs/propertyGrids/lockObject.js";
 import type { Rectangle } from "@babylonjs/gui/2D/controls/rectangle.js";
 interface IRectanglePropertyGridComponentProps {
     rectangle: Rectangle;

package/tabs/propertyGrids/gui/scrollViewerPropertyGridComponent.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent";
-import type { LockObject } from "../../../tabs/propertyGrids/lockObject";
+import type { PropertyChangedEvent } from "../../../propertyChangedEvent.js";
+import type { LockObject } from "../../../tabs/propertyGrids/lockObject.js";
 import type { ScrollViewer } from "@babylonjs/gui/2D/controls/scrollViewers/scrollViewer.js";
 interface IScrollViewerPropertyGridComponentProps {
     scrollViewer: ScrollViewer;

package/tabs/propertyGrids/gui/sliderPropertyGridComponent.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent";
-import type { LockObject } from "../lockObject";
+import type { PropertyChangedEvent } from "../../../propertyChangedEvent.js";
+import type { LockObject } from "../lockObject.js";
 import type { Slider } from "@babylonjs/gui/2D/controls/sliders/slider.js";
 interface ISliderPropertyGridComponentProps {
     slider: Slider;

package/tabs/propertyGrids/gui/stackPanelPropertyGridComponent.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent";
-import type { LockObject } from "../../../tabs/propertyGrids/lockObject";
+import type { PropertyChangedEvent } from "../../../propertyChangedEvent.js";
+import type { LockObject } from "../../../tabs/propertyGrids/lockObject.js";
 import type { StackPanel } from "@babylonjs/gui/2D/controls/stackPanel.js";
 interface IStackPanelPropertyGridComponentProps {
     stackPanel: StackPanel;

package/tabs/propertyGrids/gui/textBlockPropertyGridComponent.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
 import type { Observable } from "@babylonjs/core/Misc/observable.js";
-import type { PropertyChangedEvent } from "../../../propertyChangedEvent";
+import type { PropertyChangedEvent } from "../../../propertyChangedEvent.js";
 import type { TextBlock } from "@babylonjs/gui/2D/controls/textBlock.js";
-import type { LockObject } from "../../../tabs/propertyGrids/lockObject";
+import type { LockObject } from "../../../tabs/propertyGrids/lockObject.js";
 interface ITextBlockPropertyGridComponentProps {
     textBlock: TextBlock;
     lockObject: LockObject;