@m4l/components 0.1.62 → 0.1.63

package/components/mui_extended/IconButton/{index.afa201a7.js → index.be9c2ce5.js}

@@ -1,18 +1,17 @@
-import { useMemo } from "react";
+import { useMemo, useState } from "react";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton, styled, generateUtilityClasses, generateUtilityClass, Tooltip, IconButton as IconButton$1 } from "@mui/material";
-import { I as Icon } from "../../Icon/index.b29ff2d9.js";
+import { I as Icon } from "../../Icon/index.0f9b360e.js";
 import { jsx, Fragment } from "react/jsx-runtime";
-import "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 const SkeletonIconButton = (props) => {
   const {
     classes
   } = props;
   return /* @__PURE__ */ jsx(Skeleton, {
-    variant: "circular",
-    width: "30px",
-    height: "30px",
+    variant: "rectangular",
+    width: "100%",
+    height: "100%",
     className: classes.skeleton,
     "data-testid": "SkeletonIconButton"
   });
@@ -25,14 +24,22 @@ const IconButtonRoot = styled("div")(({
 const componentName = "M4LIconButton";
 generateUtilityClasses(componentName, [
   "root",
-  "skeleton"
+  "skeleton",
+  "sizeExtraSmall",
+  "sizemSall",
+  "sizeMedium",
+  "variantPrimary",
+  "variantSecondary",
+  "variantLine",
+  "isFocus",
+  "isDisabled"
 ]);
 function getIconButtonUtilityClass(slot) {
   return generateUtilityClass(componentName, slot);
 }
-const useUtilityClasses = () => {
+const useUtilityClasses = (ownerState) => {
   const slots = {
-    root: ["root"],
+    root: ["root", ownerState.size === "extraSmall" && "sizeExtraSmall", ownerState.size === "small" && "sizeSmall", ownerState.size === "medium" && "sizeMedium", ownerState.variant === "primary" && ownerState.isSkeleton !== true && "variantPrimary", ownerState.variant === "secondary" && ownerState.isSkeleton !== true && "variantSecondary", ownerState.variant === "line" && ownerState.isSkeleton !== true && "variantLine", ownerState.isFocus && "isFocus", ownerState.isDisabled && "isDisabled"],
     skeleton: ["skeleton"]
   };
   const composedClasses = unstable_composeClasses(slots, getIconButtonUtilityClass, {});
@@ -46,9 +53,9 @@ const IconButton = (props) => {
     tooltip,
     size = "small",
     dictionaryTooltip,
-    bgColor = "primary.active",
     rotationAngle,
-    angleTransition,
+    variant = "primary",
+    disabled,
     ...other
   } = props;
   const {
@@ -56,15 +63,31 @@ const IconButton = (props) => {
   } = useModuleDictionary();
   const isSkeleton = useModuleSkeleton();
   const finalTooltip = useMemo(() => {
-    if (other.disabled) {
+    if (disabled) {
       return void 0;
     }
     if (dictionaryTooltip && getLabel) {
       return getLabel(dictionaryTooltip);
     }
     return tooltip;
-  }, [dictionaryTooltip, getLabel, other.disabled]);
-  const classes = useUtilityClasses();
+  }, [dictionaryTooltip, getLabel, disabled]);
+  const [isfocus, setIsFocus] = useState(false);
+  const handlerOnFocus = () => {
+    console.log("focus active");
+    setIsFocus(true);
+  };
+  const handlerOnBlur = () => {
+    console.log("focus blur");
+    setIsFocus(false);
+  };
+  const ownerState = {
+    variant,
+    size,
+    isSkeleton,
+    isFocus: isfocus,
+    isDisabled: disabled
+  };
+  const classes = useUtilityClasses(ownerState);
   return /* @__PURE__ */ jsx(IconButtonRoot, {
     className: classes.root,
     "data-testid": "IconButtonRoot",
@@ -72,23 +95,26 @@ const IconButton = (props) => {
       children: finalTooltip ? /* @__PURE__ */ jsx(Tooltip, {
         title: finalTooltip || "",
         children: /* @__PURE__ */ jsx(IconButton$1, {
-          size,
           ...other,
+          disableFocusRipple: true,
+          onFocus: handlerOnFocus,
+          onBlur: handlerOnBlur,
+          disabled,
           children: /* @__PURE__ */ jsx(Icon, {
             src,
-            bgColor: other.disabled ? "action.disabled" : bgColor,
-            rotationAngle
+            size
           })
         })
       }) : /* @__PURE__ */ jsx(IconButton$1, {
-        size,
-        "data-component": "MUIIconButton",
         ...other,
+        disableFocusRipple: true,
+        onFocus: handlerOnFocus,
+        onBlur: handlerOnBlur,
+        disabled,
         children: /* @__PURE__ */ jsx(Icon, {
           src,
-          bgColor: other.disabled ? "action.disabled" : bgColor,
-          rotationAngle,
-          angleTransition
+          size,
+          rotationAngle
         })
       })
     }) : /* @__PURE__ */ jsx(SkeletonIconButton, {

package/components/mui_extended/IconButton/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const IconButtonRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/mui_extended/IconButton/types.d.ts

@@ -1,5 +1,17 @@
 import { IconProps } from '../../Icon/types';
-export interface IconButtonProps extends IconProps {
+import { IconButtonProps as MUIIconButtonProps } from '@mui/material';
+export declare type IconButtonVariants = 'primary' | 'secondary' | 'line';
+export declare type IconButtonSize = 'extraSmall' | 'small' | 'medium';
+export interface IconButtonProps extends Omit<IconProps, 'size'>, Omit<MUIIconButtonProps, 'size'> {
     tooltip?: string;
     dictionaryTooltip?: string;
+    variant?: IconButtonVariants;
+    size?: IconButtonSize;
+}
+export interface OwnerState {
+    variant: IconButtonVariants;
+    size: IconButtonSize;
+    isSkeleton: boolean;
+    isFocus: boolean;
+    isDisabled?: boolean;
 }

package/components/mui_extended/ImageButton/ImageButton.d.ts

@@ -1,5 +1,2 @@
 import { ImageButtonProps } from './types';
-import { ImageButtonClassesType } from './utils/Clases/types';
-export { imageButtonClasses } from './utils/Clases/index';
-export declare type ImageButtonClassesKey = keyof ImageButtonClassesType;
 export declare function ImageButton({ src, width, height, useIntersectionObserver, skeletonVariant, tooltip, sx, ...other }: ImageButtonProps): JSX.Element;

package/components/mui_extended/ImageButton/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const WrapperImageButton: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/mui_extended/ImageButton/tests/constants.d.ts

@@ -0,0 +1 @@
+export declare const IMAGEBUTTON_PREFIX = "ImageButton";

package/components/mui_extended/ImageButton/tests/utils.d.ts

@@ -0,0 +1,2 @@
+import { ImageButtonClassesKey } from "../utils/Clases/types";
+export declare const getNameDataTestId: (KEY: ImageButtonClassesKey) => string;

package/components/mui_extended/ImageButton/types.d.ts

@@ -2,4 +2,5 @@ import { ImageProps } from '../../Image/types';
 import { IconButtonProps as MUIIconButtonProps } from '@mui/material';
 export interface ImageButtonProps extends ImageProps, MUIIconButtonProps {
     tooltip?: string;
+    width: string;
 }

package/components/mui_extended/ImageButton/utils/Clases/types.d.ts

@@ -1,3 +1,4 @@
 export interface ImageButtonClassesType {
     root: string;
 }
+export declare type ImageButtonClassesKey = keyof ImageButtonClassesType;

package/components/mui_extended/LoadingButton/classes/constants.d.ts

@@ -0,0 +1 @@
+export declare const componentName = "M4LoadingButton";

package/components/mui_extended/LoadingButton/classes/index.d.ts

@@ -0,0 +1,8 @@
+import { LoadingButtonClassesType } from './types';
+import { OwnerState } from '../types';
+export declare const loadingButtonClasses: LoadingButtonClassesType;
+export declare function getLoadingButtonUtilityClass(slot: string): string;
+export declare const useUtilityClasses: (onwerState: OwnerState) => {
+    root: string;
+    skeleton: string;
+};

package/components/mui_extended/LoadingButton/classes/types.d.ts

@@ -0,0 +1,11 @@
+export interface LoadingButtonClassesType {
+    root: string;
+    skeleton: string;
+    sizeSmall: string;
+    sizeMedium: string;
+    variantOutlined: string;
+    variantContained: string;
+    variantText: string;
+    isDisabled: string;
+}
+export declare type LoadingbuttonClassesKey = keyof LoadingButtonClassesType;

package/components/mui_extended/LoadingButton/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const LoadingButtonRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/mui_extended/LoadingButton/tests/constants.d.ts

@@ -0,0 +1 @@
+export declare const LOADINGBUTTON_PREFIX = "LoadingButton";

package/components/mui_extended/LoadingButton/tests/utils.d.ts

@@ -0,0 +1,2 @@
+import { LoadingbuttonClassesKey } from "../classes/types";
+export declare const getNameDataTestId: (KEY: LoadingbuttonClassesKey) => string;

package/components/mui_extended/LoadingButton/types.d.ts

@@ -2,4 +2,9 @@ import { LoadingButtonProps } from '@mui/lab';
 import { ReactNode } from 'react';
 export interface MuiLabLoadingButtonProps extends LoadingButtonProps {
     children?: ReactNode;
+    size?: 'small' | 'medium';
+    skeletonWidth?: string | number;
+}
+export interface OwnerState extends Pick<MuiLabLoadingButtonProps, 'size' | 'variant'> {
+    isDisabled?: boolean;
 }

package/components/mui_extended/MenuActions/{index.1affe51a.js → index.ec654122.js}

@@ -1,9 +1,9 @@
 import { useState, useMemo } from "react";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { IconButton, Tooltip, MenuItem } from "@mui/material";
-import { P as Popover } from "../Popover/index.8ed52492.js";
+import { P as Popover } from "../Popover/index.260aae81.js";
 import { styled } from "@mui/material/styles";
-import { I as Icon } from "../../Icon/index.b29ff2d9.js";
+import { I as Icon } from "../../Icon/index.0f9b360e.js";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 const WrapperMenuActions = styled(IconButton)(() => ({}));
 const LabelMemuItem = styled("div")(({

package/components/mui_extended/MenuActions/styles.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+export declare const WrapperMenuActions: import("@emotion/styled").StyledComponent<{
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").IconButtonClasses> | undefined;
+    color?: "error" | "default" | "inherit" | "warning" | "info" | "primary" | "secondary" | "success" | undefined;
+    disabled?: boolean | undefined;
+    disableFocusRipple?: boolean | undefined;
+    edge?: false | "end" | "start" | undefined;
+    size?: "small" | "large" | "medium" | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+} & Omit<{
+    action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
+    centerRipple?: boolean | undefined;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
+    disabled?: boolean | undefined;
+    disableRipple?: boolean | undefined;
+    disableTouchRipple?: boolean | undefined;
+    focusRipple?: boolean | undefined;
+    focusVisibleClassName?: string | undefined;
+    LinkComponent?: import("react").ElementType<any> | undefined;
+    onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+    tabIndex?: number | undefined;
+    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
+    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
+}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "disabled" | "children" | "tabIndex" | "color" | "size" | "action" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const LabelMemuItem: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/mui_extended/Pager/components/PagerActions/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const WrapperPagerActions: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/mui_extended/Pager/{index.d4d1a1a0.js → index.9e123670.js}

@@ -1,7 +1,7 @@
 import { useMemo } from "react";
 import { Skeleton, TablePagination } from "@mui/material";
 import { styled } from "@mui/material/styles";
-import { I as IconButton } from "../IconButton/index.afa201a7.js";
+import { I as IconButton } from "../IconButton/index.be9c2ce5.js";
 import { useEnvironment } from "@m4l/core";
 import { jsxs, jsx } from "react/jsx-runtime";
 const WrapperPagerActions = styled("div")(({ theme }) => ({

package/components/mui_extended/Pager/styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const Pager: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SKTWrapperPagerActions: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SKTSvgIconButtonContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SKTSvgIconButton: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SKTWrapperRowsPerPage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/mui_extended/Popover/{index.8ed52492.js → index.260aae81.js}

@@ -1,7 +1,7 @@
+import { jsxs, jsx } from "react/jsx-runtime";
 import { styled, Popover as Popover$1, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { styled as styled$1 } from "@mui/material/styles";
-import { jsxs, jsx } from "react/jsx-runtime";
 const PopoverRoot = styled(Popover$1)(({
   theme
 }) => ({
@@ -71,14 +71,13 @@ const ArrowStyle = styled$1("span")(({
   return {
     display: "none",
     [theme.breakpoints.up("sm")]: {
-      zIndex: 1,
       width: SIZE,
       height: SIZE,
       content: "''",
       position: "absolute",
       display: "block",
       transform: "rotate(-135deg)",
-      background: theme.palette.background.paper
+      background: theme.palette.background.default
     },
     ...arrowType === "top-left" && {
       ...topStyle,

package/components/mui_extended/Popover/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Popover';
+export * from './types';

package/components/mui_extended/Popover/styles.d.ts

@@ -0,0 +1 @@
+export declare const PopoverRoot: import("@emotion/styled").StyledComponent<import("@mui/material").PopoverProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/components/mui_extended/Popover/subcomponts/ArrowIcon/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ArrowStyleProps } from '../../types';
+export declare const ArrowStyle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & ArrowStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/components/mui_extended/Tab/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const SKTTabWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/mui_extended/Typography/Typography.d.ts

@@ -0,0 +1,2 @@
+import { TypographyProps } from './types';
+export declare function Typography(props: TypographyProps): JSX.Element;

package/components/mui_extended/Typography/{index.be3a279a.js → index.41b60a6b.js}

@@ -1,6 +1,8 @@
 import { useModuleSkeleton } from "@m4l/core";
 import { styled, Skeleton, generateUtilityClasses, generateUtilityClass, Typography as Typography$1 } from "@mui/material";
 import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { T as TEST_PROP_ID } from "../../../vendor.a15d263e.js";
 import { unstable_composeClasses } from "@mui/base";
 const WarpperTypography = styled("div")(({
   theme
@@ -18,7 +20,7 @@ const SkeletonTypography = (props) => {
     height: skeletongHeight
   });
 };
-const typographyClasses = generateUtilityClasses("M4LTypography", [
+generateUtilityClasses("M4LTypography", [
   "root"
 ]);
 function getTypographyClassesUtilityClass(slot) {
@@ -33,31 +35,34 @@ const useUtilityClasses = () => {
     ...composedClasses
   };
 };
+const TYPOGRAPHY_PREFIX = "Typography";
+const getNameDataTestId = (KEY) => {
+  return `${TYPOGRAPHY_PREFIX}-${KEY}`;
+};
 function Typography(props) {
   const {
     skeletonWidth = "100%",
     skeletongHeight = "18px",
+    variant = "body",
+    className,
     ...other
   } = props;
   const isSkeleton = useModuleSkeleton();
   const classes = useUtilityClasses();
-  if (isSkeleton) {
-    return /* @__PURE__ */ jsx(WarpperTypography, {
-      className: classes.root,
-      children: /* @__PURE__ */ jsx(SkeletonTypography, {
-        skeletonWidth,
-        skeletongHeight
-      })
-    });
-  }
   return /* @__PURE__ */ jsx(WarpperTypography, {
-    className: classes.root,
-    children: /* @__PURE__ */ jsx(Typography$1, {
-      ...other
+    className: clsx(classes.root, className),
+    ...process.env.NODE_ENV !== "production" ? {
+      [TEST_PROP_ID]: getNameDataTestId("root")
+    } : {},
+    children: !isSkeleton ? /* @__PURE__ */ jsx(Typography$1, {
+      ...other,
+      variant
+    }) : /* @__PURE__ */ jsx(SkeletonTypography, {
+      skeletonWidth,
+      skeletongHeight
     })
   });
 }
 export {
-  Typography as T,
-  typographyClasses as t
+  Typography as T
 };

package/components/mui_extended/Typography/index.d.ts

@@ -1,5 +1 @@
-import { TypographyProps } from './types';
-import { TypographyClassesType } from './utils/Clases/types';
-export { typographyClasses } from './utils/Clases/index';
-export declare type TypographyClassesKey = TypographyClassesType;
-export declare function Typography(props: TypographyProps): JSX.Element;
+export { Typography } from './Typography';

package/components/mui_extended/Typography/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const WarpperTypography: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/mui_extended/Typography/tests/constants.d.ts

@@ -0,0 +1 @@
+export declare const TYPOGRAPHY_PREFIX = "Typography";

package/components/mui_extended/Typography/tests/utils.d.ts

@@ -0,0 +1,2 @@
+import { TypographyClassesKey } from "../utils/Clases/types";
+export declare const getNameDataTestId: (KEY: TypographyClassesKey) => string;

package/components/mui_extended/Typography/utils/Clases/types.d.ts

@@ -1,3 +1,4 @@
 export interface TypographyClassesType {
     root: string;
 }
+export declare type TypographyClassesKey = keyof TypographyClassesType;

package/components/mui_extended/index.459cbd6c.js

@@ -0,0 +1,19 @@
+import "@mui/material";
+import "react";
+import "@m4l/core";
+import "../Icon/index.0f9b360e.js";
+import "react/jsx-runtime";
+import "./IconButton/index.be9c2ce5.js";
+import "./Accordion/index.b7487e37.js";
+import "./Avatar/index.fe06afd7.js";
+import "react-router-dom";
+import "@mui/material/Button";
+import "./Button/index.d9e0ae2e.js";
+import "clsx";
+import "../Image/index.1a9c0327.js";
+import "@mui/lab";
+import "./Typography/index.41b60a6b.js";
+import "./Popover/index.260aae81.js";
+import "./MenuActions/index.ec654122.js";
+import "./Pager/index.9e123670.js";
+import "./Tab/index.e0653a0a.js";

package/components/mui_extended/index.d.ts

@@ -18,4 +18,4 @@ export { Pager } from './Pager';
 export type { PagerProps } from './Pager/types';
 export { getPagerComponentsDictionary } from './Pager/dicctionary';
 export { Tab } from './Tab';
-export * from './Typography';
+export * from './Typography/Typography';

package/contexts/ModalContext/{index.b4114066.js → index.ae8041f3.js}

@@ -1,5 +1,5 @@
 import { createContext, useState } from "react";
-import { M as ModalDialog } from "../../components/ModalDialog/index.dc7ebe06.js";
+import { M as ModalDialog } from "../../components/ModalDialog/index.3efe049b.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 const ModalContext = createContext(null);
 function ModalProvider({

package/contexts/RHFormContext/{index.3dc6e2f5.js → index.a7511399.js}

@@ -3,16 +3,10 @@ import { useForm, FormProvider } from "react-hook-form";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { styled } from "@mui/material/styles";
 import { jsx } from "react/jsx-runtime";
-const WrapperFormProvider = styled("form")(({
-  theme
-}) => ({
+const WrapperFormProvider = styled("form")(() => ({
   display: "flex",
-  marginBottom: theme.spacing(1),
   flexDirection: "column",
-  width: "100%",
-  overflow: "auto",
-  maxWidth: "900px",
-  padding: theme.spacing(3)
+  width: "100%"
 }));
 function RHFormProvider(props) {
   const {

package/contexts/RHFormContext/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const WrapperFormProvider: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, {}>;

package/hooks/useModal/{index.77b3415c.js → index.5c159ed2.js}

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { M as ModalContext } from "../../contexts/ModalContext/index.b4114066.js";
+import { M as ModalContext } from "../../contexts/ModalContext/index.ae8041f3.js";
 function useModal() {
   const context = useContext(ModalContext);
   if (!context)