@bluemarble/bm-components 2.5.0 → 2.5.3

package/dist/index.d.cts

@@ -404,16 +404,31 @@ interface IDialogChildrenProps {
     onConfirm: (fn: (...params: any[]) => Promise<void>) => (...params: any[]) => Promise<void>;
     onCancel: () => void;
 }
+type TDialogConfirmColor = Exclude<NonNullable<ButtonProps['color']>, 'inherit'>;
+type TDialogConfirmVariant = Extract<NonNullable<ButtonProps['variant']>, 'outlined' | 'contained'>;
 interface IDialogConfirmProps {
     icon?: IconType;
     title?: string;
     body?: string;
+    /**
+     * Cor da paleta aplicada ao ícone e ao botão de confirmação.
+     * Sem valor, o ícone usa `warning` e o botão usa `primary`.
+     */
+    color?: TDialogConfirmColor;
+    /** Estilo do botão de confirmação. */
+    variant?: TDialogConfirmVariant;
     children: (props: IDialogChildrenProps) => ReactNode;
     confirmButtonText?: string;
     cancelButtonText?: string;
 }
 type TUseDialogConfirm = ReturnType<typeof UseDialogConfirm>;
-declare function UseDialogConfirm(): {
+/**
+ * Deve ser usado dentro de um `BaseDialog.Provider`.
+ * Recebe o `name` de um `BaseDialog.Create()` para controlar o diálogo,
+ * ou cria um nome próprio quando nenhum for informado.
+ */
+declare function UseDialogConfirm(dialogName?: symbol): {
+    name: symbol;
     isLoading: boolean;
     opened: boolean;
     onConfirm: (fn: (...params: any) => Promise<any>) => (...params: any[]) => Promise<void>;
@@ -451,7 +466,7 @@ interface IBaseDialogInstanceProviderProps {
     name: symbol;
 }
 
-interface IBaseDialogContainerProps {
+interface IBaseDialogContainerProps extends Omit<Partial<ModalProps>, 'open' | 'children'> {
     BoxProps?: BoxProps;
     children: React__default.ReactNode | ((props: {
         close: () => void;
@@ -772,4 +787,4 @@ declare function useFormHelper(): {
     createAlert(message: string, type: _mui_material.AlertColor): void;
 };
 
-export { AlertContext, AlertProvider, ApiHelper, type AuthContextProps, AuthHelper, Autocomplete, BaseDialog, BaseDialogBody, BaseDialogContainer, BaseDialogCreate, BaseDialogTrigger, BaseGrid, BaseGridAutoRows, type BaseRequest, type BaseResponse, Checkbox, type ColumnTitleProps, type ColumnsProps, CreateAuthProvider, Dialog, DialogConfirm, DomainError, EditableTableCell, type FilterCompareType, type FilterProps, FormHelperContext, FormHelperProvider, GetInputLabel, Grid, type HandlerProps, type HelperRequest, type HelperResponse, HttpError, type IBaseDialogBodyProps, type IBaseDialogContainerProps, type IBaseDialogTriggerProps, type IDialogConfirmProps, type IFilter, Input, InputMask, LargeButton, type MethodProps, type MiddlewaresProps, Modal, type NextHandlerApiRequest, type NookiesRequest, type NookiesResponse, Radio, Select, type ServerSidePropsContext, type SortedByProps$1 as SortedByProps, Switch, type TApiHelperProps, type TApiOptions, type TUseDialogConfirm, TabPanel, type TabPanelProps, Td, Tr, UseDialogConfirm, createApiHelper, createAuthContext, createFilter, destroyCookie, filterData, getTabProps, nookies, parseCookies, setCookie, useAlert, useAsyncGrid, useBaseDialog, useBaseDialogInstance, useEvent, useFilter, useFormHelper, useGrid, useLoading };
+export { AlertContext, AlertProvider, ApiHelper, type AuthContextProps, AuthHelper, Autocomplete, BaseDialog, BaseDialogBody, BaseDialogContainer, BaseDialogCreate, BaseDialogTrigger, BaseGrid, BaseGridAutoRows, type BaseRequest, type BaseResponse, Checkbox, type ColumnTitleProps, type ColumnsProps, CreateAuthProvider, Dialog, DialogConfirm, DomainError, EditableTableCell, type FilterCompareType, type FilterProps, FormHelperContext, FormHelperProvider, GetInputLabel, Grid, type HandlerProps, type HelperRequest, type HelperResponse, HttpError, type IBaseDialogBodyProps, type IBaseDialogContainerProps, type IBaseDialogTriggerProps, type IDialogConfirmProps, type IFilter, Input, InputMask, LargeButton, type MethodProps, type MiddlewaresProps, Modal, type NextHandlerApiRequest, type NookiesRequest, type NookiesResponse, Radio, Select, type ServerSidePropsContext, type SortedByProps$1 as SortedByProps, Switch, type TApiHelperProps, type TApiOptions, type TDialogConfirmColor, type TDialogConfirmVariant, type TUseDialogConfirm, TabPanel, type TabPanelProps, Td, Tr, UseDialogConfirm, createApiHelper, createAuthContext, createFilter, destroyCookie, filterData, getTabProps, nookies, parseCookies, setCookie, useAlert, useAsyncGrid, useBaseDialog, useBaseDialogInstance, useEvent, useFilter, useFormHelper, useGrid, useLoading };

package/dist/index.d.ts

@@ -404,16 +404,31 @@ interface IDialogChildrenProps {
     onConfirm: (fn: (...params: any[]) => Promise<void>) => (...params: any[]) => Promise<void>;
     onCancel: () => void;
 }
+type TDialogConfirmColor = Exclude<NonNullable<ButtonProps['color']>, 'inherit'>;
+type TDialogConfirmVariant = Extract<NonNullable<ButtonProps['variant']>, 'outlined' | 'contained'>;
 interface IDialogConfirmProps {
     icon?: IconType;
     title?: string;
     body?: string;
+    /**
+     * Cor da paleta aplicada ao ícone e ao botão de confirmação.
+     * Sem valor, o ícone usa `warning` e o botão usa `primary`.
+     */
+    color?: TDialogConfirmColor;
+    /** Estilo do botão de confirmação. */
+    variant?: TDialogConfirmVariant;
     children: (props: IDialogChildrenProps) => ReactNode;
     confirmButtonText?: string;
     cancelButtonText?: string;
 }
 type TUseDialogConfirm = ReturnType<typeof UseDialogConfirm>;
-declare function UseDialogConfirm(): {
+/**
+ * Deve ser usado dentro de um `BaseDialog.Provider`.
+ * Recebe o `name` de um `BaseDialog.Create()` para controlar o diálogo,
+ * ou cria um nome próprio quando nenhum for informado.
+ */
+declare function UseDialogConfirm(dialogName?: symbol): {
+    name: symbol;
     isLoading: boolean;
     opened: boolean;
     onConfirm: (fn: (...params: any) => Promise<any>) => (...params: any[]) => Promise<void>;
@@ -451,7 +466,7 @@ interface IBaseDialogInstanceProviderProps {
     name: symbol;
 }
 
-interface IBaseDialogContainerProps {
+interface IBaseDialogContainerProps extends Omit<Partial<ModalProps>, 'open' | 'children'> {
     BoxProps?: BoxProps;
     children: React__default.ReactNode | ((props: {
         close: () => void;
@@ -772,4 +787,4 @@ declare function useFormHelper(): {
     createAlert(message: string, type: _mui_material.AlertColor): void;
 };
 
-export { AlertContext, AlertProvider, ApiHelper, type AuthContextProps, AuthHelper, Autocomplete, BaseDialog, BaseDialogBody, BaseDialogContainer, BaseDialogCreate, BaseDialogTrigger, BaseGrid, BaseGridAutoRows, type BaseRequest, type BaseResponse, Checkbox, type ColumnTitleProps, type ColumnsProps, CreateAuthProvider, Dialog, DialogConfirm, DomainError, EditableTableCell, type FilterCompareType, type FilterProps, FormHelperContext, FormHelperProvider, GetInputLabel, Grid, type HandlerProps, type HelperRequest, type HelperResponse, HttpError, type IBaseDialogBodyProps, type IBaseDialogContainerProps, type IBaseDialogTriggerProps, type IDialogConfirmProps, type IFilter, Input, InputMask, LargeButton, type MethodProps, type MiddlewaresProps, Modal, type NextHandlerApiRequest, type NookiesRequest, type NookiesResponse, Radio, Select, type ServerSidePropsContext, type SortedByProps$1 as SortedByProps, Switch, type TApiHelperProps, type TApiOptions, type TUseDialogConfirm, TabPanel, type TabPanelProps, Td, Tr, UseDialogConfirm, createApiHelper, createAuthContext, createFilter, destroyCookie, filterData, getTabProps, nookies, parseCookies, setCookie, useAlert, useAsyncGrid, useBaseDialog, useBaseDialogInstance, useEvent, useFilter, useFormHelper, useGrid, useLoading };
+export { AlertContext, AlertProvider, ApiHelper, type AuthContextProps, AuthHelper, Autocomplete, BaseDialog, BaseDialogBody, BaseDialogContainer, BaseDialogCreate, BaseDialogTrigger, BaseGrid, BaseGridAutoRows, type BaseRequest, type BaseResponse, Checkbox, type ColumnTitleProps, type ColumnsProps, CreateAuthProvider, Dialog, DialogConfirm, DomainError, EditableTableCell, type FilterCompareType, type FilterProps, FormHelperContext, FormHelperProvider, GetInputLabel, Grid, type HandlerProps, type HelperRequest, type HelperResponse, HttpError, type IBaseDialogBodyProps, type IBaseDialogContainerProps, type IBaseDialogTriggerProps, type IDialogConfirmProps, type IFilter, Input, InputMask, LargeButton, type MethodProps, type MiddlewaresProps, Modal, type NextHandlerApiRequest, type NookiesRequest, type NookiesResponse, Radio, Select, type ServerSidePropsContext, type SortedByProps$1 as SortedByProps, Switch, type TApiHelperProps, type TApiOptions, type TDialogConfirmColor, type TDialogConfirmVariant, type TUseDialogConfirm, TabPanel, type TabPanelProps, Td, Tr, UseDialogConfirm, createApiHelper, createAuthContext, createFilter, destroyCookie, filterData, getTabProps, nookies, parseCookies, setCookie, useAlert, useAsyncGrid, useBaseDialog, useBaseDialogInstance, useEvent, useFilter, useFormHelper, useGrid, useLoading };

package/dist/index.js

@@ -209,7 +209,7 @@ var require_react_is_development = __commonJS({
         var Fragment3 = REACT_FRAGMENT_TYPE;
         var Lazy = REACT_LAZY_TYPE;
         var Memo = REACT_MEMO_TYPE;
-        var Portal2 = REACT_PORTAL_TYPE;
+        var Portal = REACT_PORTAL_TYPE;
         var Profiler = REACT_PROFILER_TYPE;
         var StrictMode = REACT_STRICT_MODE_TYPE;
         var Suspense = REACT_SUSPENSE_TYPE;
@@ -268,7 +268,7 @@ var require_react_is_development = __commonJS({
         exports.Fragment = Fragment3;
         exports.Lazy = Lazy;
         exports.Memo = Memo;
-        exports.Portal = Portal2;
+        exports.Portal = Portal;
         exports.Profiler = Profiler;
         exports.StrictMode = StrictMode;
         exports.Suspense = Suspense;
@@ -2760,7 +2760,7 @@ function createBox(options = {}) {
   const BoxRoot = styled("div", {
     shouldForwardProp: (prop) => prop !== "theme" && prop !== "sx" && prop !== "as"
   })(styleFunctionSx_default);
-  const Box9 = /* @__PURE__ */ React4.forwardRef(function Box10(inProps, ref) {
+  const Box8 = /* @__PURE__ */ React4.forwardRef(function Box9(inProps, ref) {
     const theme = useTheme_default(defaultTheme);
     const {
       className,
@@ -2775,7 +2775,7 @@ function createBox(options = {}) {
       ...other
     });
   });
-  return Box9;
+  return Box8;
 }
 
 // node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js
@@ -4335,111 +4335,25 @@ var Dialog = ({
 };
 
 // src/components/DialogConfirm/DialogConfirm.view.tsx
-import React25 from "react";
-import { Box as Box7, Portal, Stack as Stack2, Typography as Typography3 } from "@mui/material";
-import { grey, orange } from "@mui/material/colors";
+import React29 from "react";
+import { alpha, Stack as Stack3, Typography as Typography4 } from "@mui/material";
 import { MdOutlineWarningAmber } from "react-icons/md";
 
 // src/components/DialogConfirm/DialogConfirm.model.ts
-import { useRef as useRef3, useState as useState4 } from "react";
-function UseDialogConfirm() {
-  const [opened, setOpened] = useState4(false);
-  const [isLoading, setLoading] = useState4(false);
-  const onConfirmFn = useRef3(async () => {
-  });
-  const paramsFn = useRef3([]);
-  const onConfirm = (fn) => {
-    onConfirmFn.current = fn;
-    return async (...params) => {
-      paramsFn.current = params;
-      setOpened(true);
-    };
-  };
-  const onProceed = async (event) => {
-    event?.preventDefault();
-    event?.stopPropagation();
-    setLoading(true);
-    try {
-      if (!onConfirmFn.current) return;
-      await onConfirmFn.current(...paramsFn.current);
-    } finally {
-      setOpened(false);
-      setLoading(false);
-    }
-  };
-  const onCancel = (event) => {
-    event?.preventDefault();
-    event?.stopPropagation();
-    setOpened(false);
-  };
-  const onCloseModal = () => {
-    if (isLoading) return;
-    setOpened(false);
-  };
-  return {
-    isLoading,
-    opened,
-    onConfirm,
-    onCloseModal,
-    onCancel,
-    onProceed
-  };
-}
-
-// src/components/DialogConfirm/DialogConfirm.view.tsx
-var DEFAULT_ICON = MdOutlineWarningAmber;
-var DialogConfirm = (props) => {
-  const model = UseDialogConfirm();
-  const Icon = props.icon || DEFAULT_ICON;
-  return /* @__PURE__ */ React25.createElement(React25.Fragment, null, props.children({
-    onConfirm: model.onConfirm,
-    onCancel: model.onCancel
-  }), /* @__PURE__ */ React25.createElement(Portal, null, /* @__PURE__ */ React25.createElement(Modal, { open: model.opened, onClose: model.onCloseModal }, /* @__PURE__ */ React25.createElement(Box7, { sx: { p: 2, maxWidth: 400, textAlign: "center" } }, /* @__PURE__ */ React25.createElement(
-    Stack2,
-    {
-      mx: "auto",
-      color: orange[800],
-      bgcolor: orange[50],
-      borderRadius: "50%",
-      height: 8 * 5,
-      width: 8 * 5,
-      direction: "row",
-      justifyContent: "center",
-      alignItems: "center"
-    },
-    /* @__PURE__ */ React25.createElement(Icon, { size: 8 * 3 })
-  ), /* @__PURE__ */ React25.createElement(Typography3, { fontWeight: "bold", variant: "h6", mt: 1 }, props.title || "Aten\xE7\xE3o"), /* @__PURE__ */ React25.createElement(Typography3, { my: 1 }, props.body || "Tem certeza que deseja realizar essa a\xE7\xE3o?"), /* @__PURE__ */ React25.createElement(Stack2, { gap: 1, mt: 3, color: grey[600] }, /* @__PURE__ */ React25.createElement(
-    LargeButton,
-    {
-      color: "warning",
-      loading: model.isLoading,
-      onClick: model.onProceed
-    },
-    props.confirmButtonText || "Confirmar"
-  ), /* @__PURE__ */ React25.createElement(
-    LargeButton,
-    {
-      variant: "outlined",
-      disabled: model.isLoading,
-      onClick: model.onCancel,
-      color: "inherit"
-    },
-    props.cancelButtonText || "Cancelar"
-  ))))));
-};
+import { useMemo as useMemo3, useRef as useRef3, useState as useState5 } from "react";
 
 // src/components/BaseDialog/BaseDialog.tsx
-import React29 from "react";
+import React28 from "react";
 
 // src/components/BaseDialog/BaseDialogHook.ts
 import { useContext as useContext2 } from "react";
 
 // src/components/BaseDialog/BaseDialogContext.tsx
-import React26 from "react";
-import { createContext, useCallback, useState as useState5 } from "react";
+import React25 from "react";
+import { createContext, useCallback, useState as useState4 } from "react";
 var BaseDialogContext = createContext({});
 var BaseDialogProvider = (props) => {
-  const [openedDialogs, setOpenedDialogs] = useState5([]);
+  const [openedDialogs, setOpenedDialogs] = useState4([]);
   const isOpened = useCallback(
     (dialog) => {
       return openedDialogs.includes(dialog);
@@ -4464,7 +4378,7 @@ var BaseDialogProvider = (props) => {
   const closeAllDialogs = useCallback(() => {
     return setOpenedDialogs([]);
   }, [openedDialogs]);
-  return /* @__PURE__ */ React26.createElement(
+  return /* @__PURE__ */ React25.createElement(
     BaseDialogContext.Provider,
     {
       value: {
@@ -4481,14 +4395,14 @@ var BaseDialogProvider = (props) => {
 };
 
 // src/components/BaseDialog/BaseDialogInstanceContext.tsx
-import React27 from "react";
+import React26 from "react";
 import { createContext as createContext2 } from "react";
 var BaseDialogInstanceContext = createContext2(
   {}
 );
 var BaseDialogInstanceProvider = (props) => {
   const actions = useBaseDialog();
-  return /* @__PURE__ */ React27.createElement(BaseDialogInstanceContext.Provider, { value: { name: props.name, actions } }, props.children);
+  return /* @__PURE__ */ React26.createElement(BaseDialogInstanceContext.Provider, { value: { name: props.name, actions } }, props.children);
 };
 
 // src/components/BaseDialog/BaseDialogHook.ts
@@ -4500,14 +4414,18 @@ function useBaseDialogInstance() {
 }
 
 // src/components/BaseDialog/BaseDialog.tsx
-import { Box as Box8, Button as Button4, Modal as Modal2 } from "@mui/material";
+import {
+  Box as Box7,
+  Button as Button4,
+  Modal as Modal2
+} from "@mui/material";
 
 // src/components/BaseDialog/BaseDialogHeader.tsx
-import React28 from "react";
+import React27 from "react";
 import {
   IconButton as IconButton4,
-  Stack as Stack3,
-  Typography as Typography4
+  Stack as Stack2,
+  Typography as Typography3
 } from "@mui/material";
 import { MdClose as MdClose2 } from "react-icons/md";
 var BaseDialogHeader = ({
@@ -4523,8 +4441,8 @@ var BaseDialogHeader = ({
     if (onClose) return onClose();
     closeDialog(name);
   }
-  return /* @__PURE__ */ React28.createElement(
-    Stack3,
+  return /* @__PURE__ */ React27.createElement(
+    Stack2,
     {
       direction: "row",
       alignItems: "center",
@@ -4533,8 +4451,8 @@ var BaseDialogHeader = ({
       my: 1,
       ...props
     },
-    /* @__PURE__ */ React28.createElement(Typography4, { variant: "h6", fontWeight: "bold", ...TypographyProps2 }, title),
-    /* @__PURE__ */ React28.createElement(IconButton4, { ...IconButtonProps, onClick: handleClose }, /* @__PURE__ */ React28.createElement(MdClose2, null))
+    /* @__PURE__ */ React27.createElement(Typography3, { variant: "h6", fontWeight: "bold", ...TypographyProps2 }, title),
+    /* @__PURE__ */ React27.createElement(IconButton4, { ...IconButtonProps, onClick: handleClose }, /* @__PURE__ */ React27.createElement(MdClose2, null))
   );
 };
 
@@ -4546,8 +4464,9 @@ var BaseDialogContainer = ({
 }) => {
   const { name } = useBaseDialogInstance();
   const { isOpened, close: closeDialog } = useBaseDialog();
-  return /* @__PURE__ */ React29.createElement(Modal2, { open: isOpened(name), onClose: () => closeDialog(name), ...rest }, /* @__PURE__ */ React29.createElement(
-    Box8,
+  const close = React28.useCallback(() => closeDialog(name), [closeDialog, name]);
+  return /* @__PURE__ */ React28.createElement(Modal2, { open: isOpened(name), onClose: close, ...rest }, /* @__PURE__ */ React28.createElement(
+    Box7,
     {
       ...BoxProps3,
       sx: {
@@ -4561,11 +4480,11 @@ var BaseDialogContainer = ({
         ...BoxProps3?.sx
       }
     },
-    children
+    typeof children === "function" ? children({ close }) : children
   ));
 };
 var BaseDialogBody = (props) => {
-  return /* @__PURE__ */ React29.createElement(Box8, { px: 2, pb: 2, width: "100vw", maxWidth: 650, ...props }, props.children);
+  return /* @__PURE__ */ React28.createElement(Box7, { px: 2, pb: 2, width: "100vw", maxWidth: 650, ...props }, props.children);
 };
 var BaseDialogTrigger = ({
   name,
@@ -4573,7 +4492,7 @@ var BaseDialogTrigger = ({
   ...props
 }) => {
   const { open } = useBaseDialog();
-  return /* @__PURE__ */ React29.createElement(
+  return /* @__PURE__ */ React28.createElement(
     Button4,
     {
       ...props,
@@ -4588,8 +4507,8 @@ var BaseDialogTrigger = ({
 var BaseDialogCreate = (name = /* @__PURE__ */ Symbol()) => {
   return {
     name,
-    Trigger: (props) => /* @__PURE__ */ React29.createElement(BaseDialogTrigger, { name, ...props }),
-    Root: (props) => /* @__PURE__ */ React29.createElement(BaseDialogInstanceProvider, { name, ...props }),
+    Trigger: (props) => /* @__PURE__ */ React28.createElement(BaseDialogTrigger, { name, ...props }),
+    Root: (props) => /* @__PURE__ */ React28.createElement(BaseDialogInstanceProvider, { name, ...props }),
     Container: BaseDialogContainer,
     Header: BaseDialogHeader,
     Body: BaseDialogBody
@@ -4605,6 +4524,111 @@ var BaseDialog = {
   Body: BaseDialogBody
 };
 
+// src/components/DialogConfirm/DialogConfirm.model.ts
+function UseDialogConfirm(dialogName) {
+  const { isOpened, open, close } = useBaseDialog();
+  const name = useMemo3(
+    () => dialogName || /* @__PURE__ */ Symbol("DialogConfirm"),
+    [dialogName]
+  );
+  const [isLoading, setLoading] = useState5(false);
+  const onConfirmFn = useRef3(async () => {
+  });
+  const paramsFn = useRef3([]);
+  const onConfirm = (fn) => {
+    onConfirmFn.current = fn;
+    return async (...params) => {
+      paramsFn.current = params;
+      open(name);
+    };
+  };
+  const onProceed = async (event) => {
+    event?.preventDefault();
+    event?.stopPropagation();
+    setLoading(true);
+    try {
+      if (!onConfirmFn.current) return;
+      await onConfirmFn.current(...paramsFn.current);
+    } finally {
+      close(name);
+      setLoading(false);
+    }
+  };
+  const onCancel = (event) => {
+    event?.preventDefault();
+    event?.stopPropagation();
+    close(name);
+  };
+  const onCloseModal = () => {
+    if (isLoading) return;
+    close(name);
+  };
+  return {
+    name,
+    isLoading,
+    opened: isOpened(name),
+    onConfirm,
+    onCloseModal,
+    onCancel,
+    onProceed
+  };
+}
+
+// src/components/DialogConfirm/DialogConfirm.view.tsx
+var DEFAULT_ICON = MdOutlineWarningAmber;
+var DEFAULT_ICON_COLOR = "warning";
+var DEFAULT_BUTTON_COLOR = "primary";
+var DEFAULT_VARIANT = "contained";
+var DialogConfirmContent = (props) => {
+  const dialog = React29.useMemo(() => BaseDialog.Create(), []);
+  const model = UseDialogConfirm(dialog.name);
+  const Icon = props.icon || DEFAULT_ICON;
+  const iconColor = props.color || DEFAULT_ICON_COLOR;
+  const buttonColor = props.color || DEFAULT_BUTTON_COLOR;
+  const variant = props.variant || DEFAULT_VARIANT;
+  return /* @__PURE__ */ React29.createElement(React29.Fragment, null, props.children({
+    onConfirm: model.onConfirm,
+    onCancel: model.onCancel
+  }), /* @__PURE__ */ React29.createElement(dialog.Root, null, /* @__PURE__ */ React29.createElement(dialog.Container, { onClose: model.onCloseModal }, /* @__PURE__ */ React29.createElement(dialog.Body, { pt: 2, maxWidth: 400, textAlign: "center" }, /* @__PURE__ */ React29.createElement(
+    Stack3,
+    {
+      mx: "auto",
+      borderRadius: "50%",
+      height: 8 * 5,
+      width: 8 * 5,
+      direction: "row",
+      justifyContent: "center",
+      alignItems: "center",
+      sx: (theme) => {
+        const { main } = theme.palette[iconColor];
+        return { color: main, bgcolor: alpha(main, 0.12) };
+      }
+    },
+    /* @__PURE__ */ React29.createElement(Icon, { size: 8 * 3 })
+  ), /* @__PURE__ */ React29.createElement(Typography4, { fontWeight: "bold", variant: "h6", mt: 1 }, props.title || "Aten\xE7\xE3o"), /* @__PURE__ */ React29.createElement(Typography4, { my: 1 }, props.body || "Tem certeza que deseja realizar essa a\xE7\xE3o?"), /* @__PURE__ */ React29.createElement(Stack3, { gap: 1, mt: 3, color: "text.secondary" }, /* @__PURE__ */ React29.createElement(
+    LargeButton,
+    {
+      color: buttonColor,
+      variant,
+      loading: model.isLoading,
+      onClick: model.onProceed
+    },
+    props.confirmButtonText || "Confirmar"
+  ), /* @__PURE__ */ React29.createElement(
+    LargeButton,
+    {
+      variant: "outlined",
+      disabled: model.isLoading,
+      onClick: model.onCancel,
+      color: "inherit"
+    },
+    props.cancelButtonText || "Cancelar"
+  ))))));
+};
+var DialogConfirm = (props) => {
+  return /* @__PURE__ */ React29.createElement(BaseDialog.Provider, null, /* @__PURE__ */ React29.createElement(DialogConfirmContent, { ...props }));
+};
+
 // src/contexts/FormHelperProvider.tsx
 import React30 from "react";
 import { createContext as createContext3 } from "react";
@@ -4689,7 +4713,7 @@ import {
 } from "react";
 
 // src/hooks/useGrid.ts
-import { useCallback as useCallback4, useEffect as useEffect4, useMemo as useMemo3, useState as useState8 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect4, useMemo as useMemo4, useState as useState8 } from "react";
 
 // src/hooks/useFilter.ts
 import { useCallback as useCallback3, useState as useState7 } from "react";
@@ -4892,13 +4916,13 @@ function useGrid({
     },
     [currentPage]
   );
-  const orderedData = useMemo3(() => {
+  const orderedData = useMemo4(() => {
     if (sortedBy.length === 0) return defaultData;
     const newData = defaultData.slice(0);
     const sortedData = sortData(newData);
     return sortedData;
   }, [defaultData, sortData, sortedBy]);
-  const filteredData = useMemo3(() => {
+  const filteredData = useMemo4(() => {
     let newData = orderedData.slice(0);
     if (search && search.value !== "") {
       const searchBy = createSearch(search);
@@ -4908,7 +4932,7 @@ function useGrid({
     const newFilter = createFilter(filters);
     return newData.filter(newFilter.apply);
   }, [orderedData, search, filters]);
-  const paginatedData = useMemo3(() => {
+  const paginatedData = useMemo4(() => {
     const startPage = currentPage * rowsPerPage;
     const endPage = startPage + rowsPerPage;
     return filteredData.slice(startPage, endPage);