@bluemarble/bm-components 2.4.5 → 2.4.6

package/dist/index.d.cts

@@ -451,7 +451,8 @@ interface IBaseDialogInstanceProviderProps {
     name: symbol;
 }
 
-interface IBaseDialogContainerProps extends Omit<TModalProps, 'children' | 'open' | 'onClose'> {
+interface IBaseDialogContainerProps {
+    BoxProps?: BoxProps;
     children: React__default.ReactNode | ((props: {
         close: () => void;
     }) => React__default.ReactNode);

package/dist/index.d.ts

@@ -451,7 +451,8 @@ interface IBaseDialogInstanceProviderProps {
     name: symbol;
 }
 
-interface IBaseDialogContainerProps extends Omit<TModalProps, 'children' | 'open' | 'onClose'> {
+interface IBaseDialogContainerProps {
+    BoxProps?: BoxProps;
     children: React__default.ReactNode | ((props: {
         close: () => void;
     }) => React__default.ReactNode);

package/dist/index.js

@@ -4500,7 +4500,7 @@ function useBaseDialogInstance() {
 }
 
 // src/components/BaseDialog/BaseDialog.tsx
-import { Box as Box8, Button as Button4 } from "@mui/material";
+import { Box as Box8, Button as Button4, Modal as Modal2 } from "@mui/material";
 
 // src/components/BaseDialog/BaseDialogHeader.tsx
 import React28 from "react";
@@ -4545,7 +4545,23 @@ var BaseDialogContainer = ({
 }) => {
   const { name } = useBaseDialogInstance();
   const { isOpened, close: closeDialog } = useBaseDialog();
-  return /* @__PURE__ */ React29.createElement(Modal, { open: isOpened(name), onClose: () => closeDialog(name), ...rest }, children instanceof Function ? children({ close: () => closeDialog(name) }) : children);
+  return /* @__PURE__ */ React29.createElement(Modal2, { open: isOpened(name), onClose: () => closeDialog(name), ...rest }, /* @__PURE__ */ React29.createElement(
+    Box8,
+    {
+      ...rest?.BoxProps,
+      sx: {
+        outline: "none",
+        backgroundColor: "background.paper",
+        position: "absolute",
+        top: "50%",
+        left: "50%",
+        transform: "translate(-50%, -50%)",
+        borderRadius: 1,
+        ...rest?.BoxProps?.sx
+      }
+    },
+    children
+  ));
 };
 var BaseDialogBody = (props) => {
   return /* @__PURE__ */ React29.createElement(Box8, { px: 2, pb: 2, width: "100vw", maxWidth: 650, ...props }, props.children);