babylonjs-gui-editor 9.6.2 → 9.8.0

package/babylon.guiEditor.d.ts

@@ -6854,6 +6854,63 @@ declare namespace BABYLON.GuiEditor.SharedUIComponents {
 
 
 
+}
+declare namespace BABYLON {
+
+
+}
+declare namespace BABYLON.GuiEditor.SharedUIComponents {
+        /**
+     * Props for an action button in the dialog footer.
+     */
+    export type DialogActionProps = {
+        /** Button label text. */
+        label: string;
+        /** Click handler. */
+        onClick: () => void;
+        /** Button appearance. Defaults to "secondary". */
+        appearance?: "primary" | "secondary";
+    };
+    /**
+     * Props for the shared Dialog primitive.
+     */
+    export type DialogProps = {
+        /** Whether the dialog is open. */
+        open: boolean;
+        /** Dialog title. */
+        title: string;
+        /** Dialog content (body). */
+        children: React.ReactNode;
+        /** Action buttons rendered in the footer. */
+        actions?: DialogActionProps[];
+        /** Called when the dialog is dismissed via the close button. */
+        onDismiss?: () => void;
+    };
+    /**
+     * A shared dialog component wrapping Fluent UI Dialog with Babylon conventions.
+     *
+     * @example
+     * ```tsx
+     * <Dialog
+     *     open={isOpen}
+     *     title="Confirm Action"
+     *     onDismiss={() => setIsOpen(false)}
+     *     actions={[
+     *         { label: "Cancel", onClick: () => setIsOpen(false) },
+     *         { label: "Confirm", onClick: handleConfirm, appearance: "primary" },
+     *     ]}
+     * >
+     *     <Text>Are you sure you want to proceed?</Text>
+     * </Dialog>
+     * ```
+     *
+     * @param props - The dialog props.
+     * @returns The dialog element.
+     */
+    export var Dialog: React.FC<DialogProps>;
+
+
+
 }
 declare namespace BABYLON {
 

package/babylon.guiEditor.module.d.ts

@@ -6723,6 +6723,58 @@ export type DraggableLineProps = {
 };
 export const DraggableLine: React.FunctionComponent<DraggableLineProps>;
 
+}
+declare module "babylonjs-gui-editor/fluent/primitives/dialog" {
+import { ReactNode, FC } from "react";
+/**
+ * Props for an action button in the dialog footer.
+ */
+export type DialogActionProps = {
+    /** Button label text. */
+    label: string;
+    /** Click handler. */
+    onClick: () => void;
+    /** Button appearance. Defaults to "secondary". */
+    appearance?: "primary" | "secondary";
+};
+/**
+ * Props for the shared Dialog primitive.
+ */
+export type DialogProps = {
+    /** Whether the dialog is open. */
+    open: boolean;
+    /** Dialog title. */
+    title: string;
+    /** Dialog content (body). */
+    children: ReactNode;
+    /** Action buttons rendered in the footer. */
+    actions?: DialogActionProps[];
+    /** Called when the dialog is dismissed via the close button. */
+    onDismiss?: () => void;
+};
+/**
+ * A shared dialog component wrapping Fluent UI Dialog with Babylon conventions.
+ *
+ * @example
+ * ```tsx
+ * <Dialog
+ *     open={isOpen}
+ *     title="Confirm Action"
+ *     onDismiss={() => setIsOpen(false)}
+ *     actions={[
+ *         { label: "Cancel", onClick: () => setIsOpen(false) },
+ *         { label: "Confirm", onClick: handleConfirm, appearance: "primary" },
+ *     ]}
+ * >
+ *     <Text>Are you sure you want to proceed?</Text>
+ * </Dialog>
+ * ```
+ *
+ * @param props - The dialog props.
+ * @returns The dialog element.
+ */
+export const Dialog: FC<DialogProps>;
+
 }
 declare module "babylonjs-gui-editor/fluent/primitives/contextMenu" {
 import { ReactElement } from "react";
@@ -15718,6 +15770,63 @@ declare namespace BABYLON.GuiEditor.SharedUIComponents {
 
 
 
+}
+declare namespace BABYLON {
+
+
+}
+declare namespace BABYLON.GuiEditor.SharedUIComponents {
+        /**
+     * Props for an action button in the dialog footer.
+     */
+    export type DialogActionProps = {
+        /** Button label text. */
+        label: string;
+        /** Click handler. */
+        onClick: () => void;
+        /** Button appearance. Defaults to "secondary". */
+        appearance?: "primary" | "secondary";
+    };
+    /**
+     * Props for the shared Dialog primitive.
+     */
+    export type DialogProps = {
+        /** Whether the dialog is open. */
+        open: boolean;
+        /** Dialog title. */
+        title: string;
+        /** Dialog content (body). */
+        children: React.ReactNode;
+        /** Action buttons rendered in the footer. */
+        actions?: DialogActionProps[];
+        /** Called when the dialog is dismissed via the close button. */
+        onDismiss?: () => void;
+    };
+    /**
+     * A shared dialog component wrapping Fluent UI Dialog with Babylon conventions.
+     *
+     * @example
+     * ```tsx
+     * <Dialog
+     *     open={isOpen}
+     *     title="Confirm Action"
+     *     onDismiss={() => setIsOpen(false)}
+     *     actions={[
+     *         { label: "Cancel", onClick: () => setIsOpen(false) },
+     *         { label: "Confirm", onClick: handleConfirm, appearance: "primary" },
+     *     ]}
+     * >
+     *     <Text>Are you sure you want to proceed?</Text>
+     * </Dialog>
+     * ```
+     *
+     * @param props - The dialog props.
+     * @returns The dialog element.
+     */
+    export var Dialog: React.FC<DialogProps>;
+
+
+
 }
 declare namespace BABYLON {
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "babylonjs-gui-editor",
-    "version": "9.6.2",
+    "version": "9.8.0",
     "main": "babylon.guiEditor.js",
     "types": "babylon.guiEditor.module.d.ts",
     "files": [
@@ -15,8 +15,8 @@
         "clean": "rimraf dist && rimraf babylon*.* -g"
     },
     "dependencies": {
-        "babylonjs": "9.6.2",
-        "babylonjs-gui": "9.6.2"
+        "babylonjs": "9.8.0",
+        "babylonjs-gui": "9.8.0"
     },
     "devDependencies": {
         "@dev/build-tools": "1.0.0",