@babylonjs/gui 8.1.1 → 8.2.1

package/3D/controls/abstractButton3D.d.ts

@@ -1,6 +1,6 @@
 import { TransformNode } from "@babylonjs/core/Meshes/transformNode.js";
 import type { Scene } from "@babylonjs/core/scene.js";
-import { ContentDisplay3D } from "./contentDisplay3D";
+import { ContentDisplay3D } from "./contentDisplay3D.js";
 /**
  * Class used as a root to all buttons
  */

package/3D/controls/button3D.d.ts

@@ -2,8 +2,8 @@ import type { TransformNode } from "@babylonjs/core/Meshes/transformNode.js";
 import type { AbstractMesh } from "@babylonjs/core/Meshes/abstractMesh.js";
 import type { Material } from "@babylonjs/core/Materials/material.js";
 import type { Scene } from "@babylonjs/core/scene.js";
-import { AbstractButton3D } from "./abstractButton3D";
-import type { AdvancedDynamicTexture } from "../../2D/advancedDynamicTexture";
+import { AbstractButton3D } from "./abstractButton3D.js";
+import type { AdvancedDynamicTexture } from "../../2D/advancedDynamicTexture.js";
 /**
  * Options used to create a button in 3D
  */

package/3D/controls/container3D.d.ts

@@ -1,7 +1,7 @@
 import type { Nullable } from "@babylonjs/core/types.js";
 import { TransformNode } from "@babylonjs/core/Meshes/transformNode.js";
 import type { Scene } from "@babylonjs/core/scene.js";
-import { Control3D } from "./control3D";
+import { Control3D } from "./control3D.js";
 /**
  * Class used to create containers for controls
  */

package/3D/controls/contentDisplay3D.d.ts

@@ -1,7 +1,7 @@
-import type { Control } from "../../2D/controls/control";
-import { AdvancedDynamicTexture } from "../../2D/advancedDynamicTexture";
+import type { Control } from "../../2D/controls/control.js";
+import { AdvancedDynamicTexture } from "../../2D/advancedDynamicTexture.js";
 import type { Nullable } from "@babylonjs/core/types.js";
-import { Control3D } from "./control3D";
+import { Control3D } from "./control3D.js";
 /**
  * The base class for controls that display content
  */

package/3D/controls/control3D.d.ts

@@ -5,9 +5,9 @@ import type { TransformNode } from "@babylonjs/core/Meshes/transformNode.js";
 import { AbstractMesh } from "@babylonjs/core/Meshes/abstractMesh.js";
 import type { IBehaviorAware, Behavior } from "@babylonjs/core/Behaviors/behavior.js";
 import type { IDisposable, Scene } from "@babylonjs/core/scene.js";
-import type { GUI3DManager } from "../gui3DManager";
-import { Vector3WithInfo } from "../vector3WithInfo";
-import type { Container3D } from "./container3D";
+import type { GUI3DManager } from "../gui3DManager.js";
+import { Vector3WithInfo } from "../vector3WithInfo.js";
+import type { Container3D } from "./container3D.js";
 /**
  * Class used as base class for controls
  */

package/3D/controls/cylinderPanel.d.ts

@@ -1,7 +1,7 @@
 import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
 import type { float } from "@babylonjs/core/types.js";
-import { VolumeBasedPanel } from "./volumeBasedPanel";
-import type { Control3D } from "./control3D";
+import { VolumeBasedPanel } from "./volumeBasedPanel.js";
+import type { Control3D } from "./control3D.js";
 /**
  * Class used to create a container panel deployed on the surface of a cylinder
  */

package/3D/controls/handMenu.d.ts

@@ -1,7 +1,7 @@
 import type { Scene } from "@babylonjs/core/scene.js";
 import type { TransformNode } from "@babylonjs/core/Meshes/transformNode.js";
 import type { Nullable } from "@babylonjs/core/types.js";
-import { TouchHolographicMenu } from "./touchHolographicMenu";
+import { TouchHolographicMenu } from "./touchHolographicMenu.js";
 import { HandConstraintBehavior } from "@babylonjs/core/Behaviors/Meshes/handConstraintBehavior.js";
 import type { WebXRExperienceHelper } from "@babylonjs/core/XR/webXRExperienceHelper.js";
 /**

package/3D/controls/holographicBackplate.d.ts

@@ -1,8 +1,8 @@
 import type { TransformNode } from "@babylonjs/core/Meshes/transformNode.js";
 import type { Mesh } from "@babylonjs/core/Meshes/mesh.js";
 import type { Scene } from "@babylonjs/core/scene.js";
-import { FluentBackplateMaterial } from "../materials/fluentBackplate/fluentBackplateMaterial";
-import { Control3D } from "./control3D";
+import { FluentBackplateMaterial } from "../materials/fluentBackplate/fluentBackplateMaterial.js";
+import { Control3D } from "./control3D.js";
 /**
  * Class used to create a holographic backplate in 3D
  * @since 5.0.0

package/3D/controls/holographicButton.d.ts

@@ -1,11 +1,11 @@
-import { Button3D } from "./button3D";
+import { Button3D } from "./button3D.js";
 import type { Nullable } from "@babylonjs/core/types.js";
 import { StandardMaterial } from "@babylonjs/core/Materials/standardMaterial.js";
 import type { TransformNode } from "@babylonjs/core/Meshes/transformNode.js";
 import { Mesh } from "@babylonjs/core/Meshes/mesh.js";
 import type { Scene } from "@babylonjs/core/scene.js";
-import { FluentMaterial } from "../materials/fluent/fluentMaterial";
-import { AdvancedDynamicTexture } from "../../2D/advancedDynamicTexture";
+import { FluentMaterial } from "../materials/fluent/fluentMaterial.js";
+import { AdvancedDynamicTexture } from "../../2D/advancedDynamicTexture.js";
 /**
  * Class used to create a holographic button in 3D
  */

package/3D/controls/holographicSlate.d.ts

@@ -1,8 +1,8 @@
-import { ContentDisplay3D } from "./contentDisplay3D";
-import { TouchHolographicButton } from "./touchHolographicButton";
-import { AdvancedDynamicTexture } from "../../2D/advancedDynamicTexture";
-import { DefaultBehavior } from "../behaviors/defaultBehavior";
-import { SlateGizmo } from "../gizmos/slateGizmo";
+import { ContentDisplay3D } from "./contentDisplay3D.js";
+import { TouchHolographicButton } from "./touchHolographicButton.js";
+import { AdvancedDynamicTexture } from "../../2D/advancedDynamicTexture.js";
+import { DefaultBehavior } from "../behaviors/defaultBehavior.js";
+import { SlateGizmo } from "../gizmos/slateGizmo.js";
 import { Vector2, Vector3 } from "@babylonjs/core/Maths/math.vector.js";
 import type { AbstractMesh } from "@babylonjs/core/Meshes/abstractMesh.js";
 import type { TransformNode } from "@babylonjs/core/Meshes/transformNode.js";

package/3D/controls/index.d.ts

@@ -1,22 +1,22 @@
-export * from "./abstractButton3D";
-export * from "./button3D";
-export * from "./container3D";
-export * from "./control3D";
-export * from "./cylinderPanel";
-export * from "./handMenu";
-export * from "./holographicBackplate";
-export * from "./holographicButton";
-export * from "./holographicSlate";
-export * from "./meshButton3D";
-export * from "./nearMenu";
-export * from "./planePanel";
-export * from "./scatterPanel";
-export * from "./slider3D";
-export * from "./spherePanel";
-export * from "./stackPanel3D";
-export * from "./touchButton3D";
-export * from "./touchMeshButton3D";
-export * from "./touchHolographicButton";
-export * from "./touchHolographicMenu";
-export * from "./volumeBasedPanel";
-export { TouchHolographicButton as TouchHolographicButtonV3 } from "./MRTK3/touchHolographicButton";
+export * from "./abstractButton3D.js";
+export * from "./button3D.js";
+export * from "./container3D.js";
+export * from "./control3D.js";
+export * from "./cylinderPanel.js";
+export * from "./handMenu.js";
+export * from "./holographicBackplate.js";
+export * from "./holographicButton.js";
+export * from "./holographicSlate.js";
+export * from "./meshButton3D.js";
+export * from "./nearMenu.js";
+export * from "./planePanel.js";
+export * from "./scatterPanel.js";
+export * from "./slider3D.js";
+export * from "./spherePanel.js";
+export * from "./stackPanel3D.js";
+export * from "./touchButton3D.js";
+export * from "./touchMeshButton3D.js";
+export * from "./touchHolographicButton.js";
+export * from "./touchHolographicMenu.js";
+export * from "./volumeBasedPanel.js";
+export { TouchHolographicButton as TouchHolographicButtonV3 } from "./MRTK3/touchHolographicButton.js";

package/3D/controls/meshButton3D.d.ts

@@ -2,7 +2,7 @@ import type { TransformNode } from "@babylonjs/core/Meshes/transformNode.js";
 import type { AbstractMesh } from "@babylonjs/core/Meshes/abstractMesh.js";
 import type { Mesh } from "@babylonjs/core/Meshes/mesh.js";
 import type { Scene } from "@babylonjs/core/scene.js";
-import { Button3D } from "./button3D";
+import { Button3D } from "./button3D.js";
 /**
  * Class used to create an interactable object. It's a 3D button using a mesh coming from the current scene
  */

package/3D/controls/nearMenu.d.ts

@@ -1,8 +1,8 @@
 import type { Scene } from "@babylonjs/core/scene.js";
 import type { TransformNode } from "@babylonjs/core/Meshes/transformNode.js";
 import type { Nullable } from "@babylonjs/core/types.js";
-import { DefaultBehavior } from "../behaviors/defaultBehavior";
-import { TouchHolographicMenu } from "./touchHolographicMenu";
+import { DefaultBehavior } from "../behaviors/defaultBehavior.js";
+import { TouchHolographicMenu } from "./touchHolographicMenu.js";
 /**
  * NearMenu that displays buttons and follows the camera
  * @since 5.0.0

package/3D/controls/planePanel.d.ts

@@ -1,6 +1,6 @@
 import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
-import type { Control3D } from "./control3D";
-import { VolumeBasedPanel } from "./volumeBasedPanel";
+import type { Control3D } from "./control3D.js";
+import { VolumeBasedPanel } from "./volumeBasedPanel.js";
 /**
  * Class used to create a container panel deployed on the surface of a plane
  */

package/3D/controls/scatterPanel.d.ts

@@ -1,7 +1,7 @@
 import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
 import type { float } from "@babylonjs/core/types.js";
-import { VolumeBasedPanel } from "./volumeBasedPanel";
-import type { Control3D } from "./control3D";
+import { VolumeBasedPanel } from "./volumeBasedPanel.js";
+import type { Control3D } from "./control3D.js";
 /**
  * Class used to create a container panel where items get randomized planar mapping
  */

package/3D/controls/slider3D.d.ts

@@ -2,11 +2,11 @@ import type { Nullable } from "@babylonjs/core/types.js";
 import { Observable } from "@babylonjs/core/Misc/observable.js";
 import type { TransformNode } from "@babylonjs/core/Meshes/transformNode.js";
 import type { Scene } from "@babylonjs/core/scene.js";
-import { Control3D } from "./control3D";
+import { Control3D } from "./control3D.js";
 import type { AbstractMesh } from "@babylonjs/core/Meshes/abstractMesh.js";
-import { MRDLSliderBarMaterial } from "../materials/mrdl/mrdlSliderBarMaterial";
-import { MRDLSliderThumbMaterial } from "../materials/mrdl/mrdlSliderThumbMaterial";
-import { MRDLBackplateMaterial } from "../materials/mrdl/mrdlBackplateMaterial";
+import { MRDLSliderBarMaterial } from "../materials/mrdl/mrdlSliderBarMaterial.js";
+import { MRDLSliderThumbMaterial } from "../materials/mrdl/mrdlSliderThumbMaterial.js";
+import { MRDLBackplateMaterial } from "../materials/mrdl/mrdlBackplateMaterial.js";
 /**
  * Class used to create a slider in 3D
  */

package/3D/controls/spherePanel.d.ts

@@ -1,7 +1,7 @@
 import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
 import type { float } from "@babylonjs/core/types.js";
-import { VolumeBasedPanel } from "./volumeBasedPanel";
-import type { Control3D } from "./control3D";
+import { VolumeBasedPanel } from "./volumeBasedPanel.js";
+import type { Control3D } from "./control3D.js";
 /**
  * Class used to create a container panel deployed on the surface of a sphere
  */

package/3D/controls/stackPanel3D.d.ts

@@ -1,4 +1,4 @@
-import { Container3D } from "./container3D";
+import { Container3D } from "./container3D.js";
 /**
  * Class used to create a stack panel in 3D on XY plane
  */

package/3D/controls/touchButton3D.d.ts

@@ -3,7 +3,7 @@ import type { Mesh } from "@babylonjs/core/Meshes/mesh.js";
 import type { TransformNode } from "@babylonjs/core/Meshes/transformNode.js";
 import type { Scene } from "@babylonjs/core/scene.js";
 import { Observable } from "@babylonjs/core/Misc/observable.js";
-import { Button3D } from "./button3D";
+import { Button3D } from "./button3D.js";
 /**
  * Class used to create a touchable button in 3D
  */

package/3D/controls/touchHolographicButton.d.ts

@@ -3,10 +3,10 @@ import { StandardMaterial } from "@babylonjs/core/Materials/standardMaterial.js"
 import { TransformNode } from "@babylonjs/core/Meshes/transformNode.js";
 import { Mesh } from "@babylonjs/core/Meshes/mesh.js";
 import type { Scene } from "@babylonjs/core/scene.js";
-import { FluentMaterial } from "../materials/fluent/fluentMaterial";
-import { FluentButtonMaterial } from "../materials/fluentButton/fluentButtonMaterial";
-import { AdvancedDynamicTexture } from "../../2D/advancedDynamicTexture";
-import { TouchButton3D } from "./touchButton3D";
+import { FluentMaterial } from "../materials/fluent/fluentMaterial.js";
+import { FluentButtonMaterial } from "../materials/fluentButton/fluentButtonMaterial.js";
+import { AdvancedDynamicTexture } from "../../2D/advancedDynamicTexture.js";
+import { TouchButton3D } from "./touchButton3D.js";
 import type { AbstractMesh } from "@babylonjs/core/Meshes/abstractMesh.js";
 /**
  * Class used to create a holographic button in 3D

package/3D/controls/touchHolographicMenu.d.ts

@@ -2,12 +2,12 @@ import type { Scene } from "@babylonjs/core/scene.js";
 import type { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
 import type { TransformNode } from "@babylonjs/core/Meshes/transformNode.js";
 import type { Nullable } from "@babylonjs/core/types.js";
-import type { Control3D } from "./control3D";
-import { VolumeBasedPanel } from "./volumeBasedPanel";
+import type { Control3D } from "./control3D.js";
+import { VolumeBasedPanel } from "./volumeBasedPanel.js";
 import { Mesh } from "@babylonjs/core/Meshes/mesh.js";
 import type { AbstractMesh } from "@babylonjs/core/Meshes/abstractMesh.js";
-import type { Container3D } from "./container3D";
-import type { TouchHolographicButton } from "./touchHolographicButton";
+import type { Container3D } from "./container3D.js";
+import type { TouchHolographicButton } from "./touchHolographicButton.js";
 /**
  * Simple menu that can contain holographic buttons
  */

package/3D/controls/touchMeshButton3D.d.ts

@@ -1,7 +1,7 @@
 import type { TransformNode } from "@babylonjs/core/Meshes/transformNode.js";
 import type { AbstractMesh } from "@babylonjs/core/Meshes/abstractMesh.js";
 import type { Mesh } from "@babylonjs/core/Meshes/mesh.js";
-import { TouchButton3D } from "./touchButton3D";
+import { TouchButton3D } from "./touchButton3D.js";
 /**
  * Class used to create an interactable object. It's a touchable 3D button using a mesh coming from the current scene
  * @since 5.0.0

package/3D/controls/volumeBasedPanel.d.ts

@@ -1,7 +1,7 @@
 import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
 import type { int } from "@babylonjs/core/types.js";
-import { Container3D } from "./container3D";
-import type { Control3D } from "./control3D";
+import { Container3D } from "./container3D.js";
+import type { Control3D } from "./control3D.js";
 /**
  * Abstract class used to create a container panel deployed on the surface of a volume
  */

package/3D/gizmos/gizmoHandle.d.ts

@@ -1,8 +1,8 @@
 import type { Scene } from "@babylonjs/core/scene.js";
 import { TransformNode } from "@babylonjs/core/Meshes/transformNode.js";
 import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
-import { HandleMaterial } from "../materials/handle/handleMaterial";
-import type { SlateGizmo } from "./slateGizmo";
+import { HandleMaterial } from "../materials/handle/handleMaterial.js";
+import type { SlateGizmo } from "./slateGizmo.js";
 import { BaseSixDofDragBehavior } from "@babylonjs/core/Behaviors/Meshes/baseSixDofDragBehavior.js";
 /**
  * State of the handle regarding user interaction

package/3D/gizmos/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./slateGizmo";
-export * from "./gizmoHandle";
+export * from "./slateGizmo.js";
+export * from "./gizmoHandle.js";

package/3D/gizmos/slateGizmo.d.ts

@@ -2,7 +2,7 @@ import { Gizmo } from "@babylonjs/core/Gizmos/gizmo.js";
 import type { AbstractMesh } from "@babylonjs/core/Meshes/abstractMesh.js";
 import type { UtilityLayerRenderer } from "@babylonjs/core/Rendering/utilityLayerRenderer.js";
 import type { Nullable } from "@babylonjs/core/types.js";
-import type { HolographicSlate } from "../controls/holographicSlate";
+import type { HolographicSlate } from "../controls/holographicSlate.js";
 /**
  * Gizmo to resize 2D slates
  */

package/3D/gui3DManager.d.ts

@@ -5,8 +5,8 @@ import type { Material } from "@babylonjs/core/Materials/material.js";
 import type { AbstractMesh } from "@babylonjs/core/Meshes/abstractMesh.js";
 import { UtilityLayerRenderer } from "@babylonjs/core/Rendering/utilityLayerRenderer.js";
 import type { IDisposable, Scene } from "@babylonjs/core/scene.js";
-import { Container3D } from "./controls/container3D";
-import type { Control3D } from "./controls/control3D";
+import { Container3D } from "./controls/container3D.js";
+import type { Control3D } from "./controls/control3D.js";
 /**
  * Class used to manage 3D user interface
  * @see https://doc.babylonjs.com/features/featuresDeepDive/gui/gui3D

package/3D/index.d.ts

@@ -1,5 +1,5 @@
-export * from "./controls/index";
-export * from "./materials/index";
-export * from "./gizmos/index";
-export * from "./gui3DManager";
-export * from "./vector3WithInfo";
+export * from "./controls/index.js";
+export * from "./materials/index.js";
+export * from "./gizmos/index.js";
+export * from "./gui3DManager.js";
+export * from "./vector3WithInfo.js";

package/3D/materials/fluent/fluentMaterial.d.ts

@@ -9,8 +9,8 @@ import type { SubMesh } from "@babylonjs/core/Meshes/subMesh.js";
 import type { Mesh } from "@babylonjs/core/Meshes/mesh.js";
 import type { Scene } from "@babylonjs/core/scene.js";
 import { Color3, Color4 } from "@babylonjs/core/Maths/math.color.js";
-import "./shaders/fluent.vertex";
-import "./shaders/fluent.fragment";
+import "./shaders/fluent.vertex.js";
+import "./shaders/fluent.fragment.js";
 /** @internal */
 export declare class FluentMaterialDefines extends MaterialDefines {
     INNERGLOW: boolean;

package/3D/materials/fluent/index.d.ts

@@ -1 +1 @@
-export * from "./fluentMaterial";
+export * from "./fluentMaterial.js";

package/3D/materials/fluentBackplate/fluentBackplateMaterial.d.ts

@@ -9,8 +9,8 @@ import type { SubMesh } from "@babylonjs/core/Meshes/subMesh.js";
 import type { Mesh } from "@babylonjs/core/Meshes/mesh.js";
 import type { Scene } from "@babylonjs/core/scene.js";
 import { Color4 } from "@babylonjs/core/Maths/math.color.js";
-import "./shaders/fluentBackplate.fragment";
-import "./shaders/fluentBackplate.vertex";
+import "./shaders/fluentBackplate.fragment.js";
+import "./shaders/fluentBackplate.vertex.js";
 /**
  * Class used to render square buttons with fluent design
  */

package/3D/materials/fluentBackplate/index.d.ts

@@ -1 +1 @@
-export * from "./fluentBackplateMaterial";
+export * from "./fluentBackplateMaterial.js";

package/3D/materials/fluentButton/fluentButtonMaterial.d.ts

@@ -9,8 +9,8 @@ import type { SubMesh } from "@babylonjs/core/Meshes/subMesh.js";
 import type { Mesh } from "@babylonjs/core/Meshes/mesh.js";
 import type { Scene } from "@babylonjs/core/scene.js";
 import { Color4 } from "@babylonjs/core/Maths/math.color.js";
-import "./shaders/fluentButton.fragment";
-import "./shaders/fluentButton.vertex";
+import "./shaders/fluentButton.fragment.js";
+import "./shaders/fluentButton.vertex.js";
 /**
  * Class used to render square buttons with fluent design
  * @since 5.0.0

package/3D/materials/fluentButton/index.d.ts

@@ -1 +1 @@
-export * from "./fluentButtonMaterial";
+export * from "./fluentButtonMaterial.js";

package/3D/materials/fluentMaterial.d.ts

@@ -1,4 +1,4 @@
 /**
  * This is here for backwards compatibility with 4.2
  */
-export { FluentMaterial } from "./fluent/fluentMaterial";
+export { FluentMaterial } from "./fluent/fluentMaterial.js";

package/3D/materials/handle/handleMaterial.d.ts

@@ -2,8 +2,8 @@ import { ShaderMaterial } from "@babylonjs/core/Materials/shaderMaterial.js";
 import type { Scene } from "@babylonjs/core/scene.js";
 import { Color3 } from "@babylonjs/core/Maths/math.color.js";
 import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
-import "./shaders/handle.vertex";
-import "./shaders/handle.fragment";
+import "./shaders/handle.vertex.js";
+import "./shaders/handle.fragment.js";
 /**
  * Class used to render gizmo handles with fluent design
  */

package/3D/materials/handle/index.d.ts

@@ -1 +1 @@
-export * from "./handleMaterial";
+export * from "./handleMaterial.js";

package/3D/materials/index.d.ts

@@ -1,5 +1,5 @@
-export * from "./fluent/index";
-export * from "./fluentButton/index";
-export * from "./fluentBackplate/index";
-export * from "./handle/index";
-export * from "./mrdl/index";
+export * from "./fluent/index.js";
+export * from "./fluentButton/index.js";
+export * from "./fluentBackplate/index.js";
+export * from "./handle/index.js";
+export * from "./mrdl/index.js";

package/3D/materials/mrdl/index.d.ts

@@ -1,3 +1,3 @@
-export * from "./mrdlSliderBarMaterial";
-export * from "./mrdlSliderThumbMaterial";
-export * from "./mrdlBackplateMaterial";
+export * from "./mrdlSliderBarMaterial.js";
+export * from "./mrdlSliderThumbMaterial.js";
+export * from "./mrdlBackplateMaterial.js";

package/3D/materials/mrdl/mrdlBackglowMaterial.d.ts

@@ -8,8 +8,8 @@ import type { Scene } from "@babylonjs/core/scene.js";
 import type { SubMesh } from "@babylonjs/core/Meshes/subMesh.js";
 import { Color4 } from "@babylonjs/core/Maths/math.color.js";
 import { PushMaterial } from "@babylonjs/core/Materials/pushMaterial.js";
-import "./shaders/mrdlBackglow.fragment";
-import "./shaders/mrdlBackglow.vertex";
+import "./shaders/mrdlBackglow.fragment.js";
+import "./shaders/mrdlBackglow.vertex.js";
 export declare class MRDLBackglowMaterial extends PushMaterial {
     /**
      * Gets or sets the bevel radius on the backglow. If this value is changed, update the lineWidth to match.

package/3D/materials/mrdl/mrdlBackplateMaterial.d.ts

@@ -9,8 +9,8 @@ import type { SubMesh } from "@babylonjs/core/Meshes/subMesh.js";
 import type { Mesh } from "@babylonjs/core/Meshes/mesh.js";
 import type { Scene } from "@babylonjs/core/scene.js";
 import { Color4 } from "@babylonjs/core/Maths/math.color.js";
-import "./shaders/mrdlBackplate.fragment";
-import "./shaders/mrdlBackplate.vertex";
+import "./shaders/mrdlBackplate.fragment.js";
+import "./shaders/mrdlBackplate.vertex.js";
 /**
  * Class used to render backplate material with MRDL
  */

package/3D/materials/mrdl/mrdlFrontplateMaterial.d.ts

@@ -9,8 +9,8 @@ import type { SubMesh } from "@babylonjs/core/Meshes/subMesh.js";
 import { Color4 } from "@babylonjs/core/Maths/math.color.js";
 import { PushMaterial } from "@babylonjs/core/Materials/pushMaterial.js";
 import { Vector3 } from "@babylonjs/core/Maths/math.vector.js";
-import "./shaders/mrdlFrontplate.fragment";
-import "./shaders/mrdlFrontplate.vertex";
+import "./shaders/mrdlFrontplate.fragment.js";
+import "./shaders/mrdlFrontplate.vertex.js";
 export declare class MRDLFrontplateMaterial extends PushMaterial {
     /**
      * Gets or sets the corner radius on the frontplate. If this value is changed, update the lineWidth to match.

package/3D/materials/mrdl/mrdlInnerquadMaterial.d.ts

@@ -8,8 +8,8 @@ import type { Scene } from "@babylonjs/core/scene.js";
 import type { SubMesh } from "@babylonjs/core/Meshes/subMesh.js";
 import { Color4 } from "@babylonjs/core/Maths/math.color.js";
 import { PushMaterial } from "@babylonjs/core/Materials/pushMaterial.js";
-import "./shaders/mrdlInnerquad.fragment";
-import "./shaders/mrdlInnerquad.vertex";
+import "./shaders/mrdlInnerquad.fragment.js";
+import "./shaders/mrdlInnerquad.vertex.js";
 export declare class MRDLInnerquadMaterial extends PushMaterial {
     /**
      * Gets or sets the color of the innerquad.

package/3D/materials/mrdl/mrdlSliderBarMaterial.d.ts

@@ -10,8 +10,8 @@ import type { SubMesh } from "@babylonjs/core/Meshes/subMesh.js";
 import type { Mesh } from "@babylonjs/core/Meshes/mesh.js";
 import type { Scene } from "@babylonjs/core/scene.js";
 import { Color4 } from "@babylonjs/core/Maths/math.color.js";
-import "./shaders/mrdlSliderBar.fragment";
-import "./shaders/mrdlSliderBar.vertex";
+import "./shaders/mrdlSliderBar.fragment.js";
+import "./shaders/mrdlSliderBar.vertex.js";
 /**
  * Class used to render Slider Bar material with MRDL
  */

package/3D/materials/mrdl/mrdlSliderThumbMaterial.d.ts

@@ -10,8 +10,8 @@ import type { SubMesh } from "@babylonjs/core/Meshes/subMesh.js";
 import type { Mesh } from "@babylonjs/core/Meshes/mesh.js";
 import type { Scene } from "@babylonjs/core/scene.js";
 import { Color4 } from "@babylonjs/core/Maths/math.color.js";
-import "./shaders/mrdlSliderThumb.fragment";
-import "./shaders/mrdlSliderThumb.vertex";
+import "./shaders/mrdlSliderThumb.fragment.js";
+import "./shaders/mrdlSliderThumb.vertex.js";
 /**
  * Class used to render Slider Thumb material with MRDL
  */

package/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./2D/index";
-export * from "./3D/index";
+export * from "./2D/index.js";
+export * from "./3D/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@babylonjs/gui",
-    "version": "8.1.1",
+    "version": "8.2.1",
     "main": "index.js",
     "module": "index.js",
     "types": "index.d.ts",
@@ -18,7 +18,7 @@
         "postcompile": "build-tools -c add-js-to-es6"
     },
     "devDependencies": {
-        "@babylonjs/core": "^8.1.1",
+        "@babylonjs/core": "^8.2.1",
         "@dev/build-tools": "^1.0.0",
         "@lts/gui": "1.0.0"
     },