@m4l/components 0.1.75 → 0.1.76

package/components/hook-form/RHFPeriod/index.77486f61.js

@@ -1,55 +0,0 @@
-import { styled } from "@mui/material";
-import { useFormContext, Controller } from "react-hook-form";
-import { H as HelperText } from "../../HelperText/index.ec9b3e6a.js";
-import { P as Period } from "../../Period/index.ff110093.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-const Wrapper = styled("div")(({
-  theme
-}) => ({
-  width: "100%",
-  display: "flex",
-  flexDirection: "column",
-  justifyContent: "center",
-  alignItems: "flex-start",
-  gap: theme.spacing(1)
-}));
-const RHFPeriod = (props) => {
-  const {
-    name,
-    readOnly,
-    skeletonWidth,
-    skeletonHeight
-  } = props;
-  const {
-    control
-  } = useFormContext();
-  return /* @__PURE__ */ jsx(Controller, {
-    name,
-    control,
-    render: ({
-      field: {
-        onChange,
-        value
-      },
-      fieldState: {
-        error
-      }
-    }) => {
-      return /* @__PURE__ */ jsxs(Wrapper, {
-        children: [/* @__PURE__ */ jsx(Period, {
-          value,
-          onChange,
-          error: !!error,
-          readOnly,
-          skeletonWidth,
-          skeletonHeight
-        }), error && /* @__PURE__ */ jsx(HelperText, {
-          message: error.message || ""
-        })]
-      });
-    }
-  });
-};
-export {
-  RHFPeriod as R
-};

package/components/hook-form/RHFPeriod/styles.d.ts

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

package/components/hook-form/RHFTextField/styles.d.ts

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

package/components/hook-form/RHFTextField/subcomponents/Skeleton/styles.d.ts

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

package/components/hook-form/RHFTextFieldPassword/styles.d.ts

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

package/components/hook-form/RHFUpload/RHFUploadImage/styles.d.ts

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

package/components/hook-form/RHFUpload/RHFUploadImage/subcomponents/UploadImage/styles.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-export declare const WrapperUploadImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DropZoneStyle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const PlaceholderStyle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ContainerUploadBody: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Containermessage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ContainerTitle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ContainerDescription: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ContainerConditions: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const WrapperImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ContainerPlaceHolder: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const WrapperFileImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/hook-form/RHFUpload/RHFUploadImage/subcomponents/UploadImage/subcomponents/Skeleton/styles.d.ts

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

package/components/hook-form/RHFUpload/index.522bcad5.js

@@ -1,283 +0,0 @@
-import { styled as styled$1, Skeleton, FormHelperText } from "@mui/material";
-import { useCallback } from "react";
-import { useFormContext, Controller } from "react-hook-form";
-import isString from "lodash/isString";
-import { useDropzone } from "react-dropzone";
-import { styled, alpha } from "@mui/material/styles";
-import { I as Image } from "../../Image/index.8aae9322.js";
-import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-const WrapperUploadImage = styled("div")(({
-  theme
-}) => ({
-  width: "inherit",
-  height: "100%",
-  minHeight: "200px",
-  minWidth: theme.spacing(20),
-  margin: "auto",
-  borderRadius: theme.spacing(1),
-  padding: theme.spacing(1),
-  border: `1px dashed ${theme.palette.divider}`
-}));
-const DropZoneStyle = styled("div")(({
-  theme
-}) => ({
-  zIndex: 0,
-  width: "100%",
-  height: "100%",
-  outline: "none",
-  display: "flex",
-  overflow: "hidden",
-  borderRadius: theme.spacing(1),
-  position: "relative",
-  alignItems: "center",
-  justifyContent: "center",
-  "& > *": {
-    width: "100%",
-    height: "100%"
-  },
-  "&:hover": {
-    cursor: "pointer",
-    "& .placeholder": {
-      zIndex: 9
-    }
-  }
-}));
-const PlaceholderStyle = styled("div")(({
-  theme
-}) => ({
-  "&:hover": {
-    opacity: 1
-  },
-  display: "flex",
-  justifyContent: "center",
-  position: "absolute",
-  zIndex: "2",
-  inset: "0",
-  transition: theme.transitions.create("opacity", {
-    easing: theme.transitions.easing.easeInOut,
-    duration: theme.transitions.duration.shorter
-  }),
-  overflow: "auto"
-}));
-const ContainerUploadBody = styled("div")(({
-  theme
-}) => ({
-  padding: theme.spacing(3, 5),
-  display: "flex",
-  flexDirection: "column",
-  justifyContent: "center",
-  width: "100%",
-  height: "100%",
-  gap: theme.spacing(3)
-}));
-const Containermessage = styled("div")(({
-  theme
-}) => ({
-  display: "flex",
-  justifyContent: "center",
-  flexDirection: "column",
-  gap: theme.spacing(1)
-}));
-const ContainerTitle = styled("div")(({
-  theme
-}) => ({
-  ...theme.typography.subtitle1,
-  textAlign: "center"
-}));
-const ContainerDescription = styled("div")(({
-  theme
-}) => ({
-  ...theme.typography.body2,
-  textAlign: "center"
-}));
-const ContainerConditions = styled("div")(({
-  theme
-}) => ({
-  ...theme.typography.caption,
-  textAlign: "center"
-}));
-const WrapperImage = styled("div")(() => ({
-  display: "flex",
-  justifyContent: "center"
-}));
-styled("div")(() => ({
-  width: "100%",
-  height: "100%",
-  position: "absolute",
-  inset: "0",
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center"
-}));
-const WrapperFileImage = styled("div")(() => ({
-  "& .m4l_image > img": {
-    objectFit: "cover",
-    width: "auto",
-    margin: "0 auto"
-  }
-}));
-const MaskSkeletonUploadImage = styled$1("div")(({
-  theme
-}) => ({
-  maskPosition: "center!important",
-  maskRepeat: "no-repeat!important",
-  WebkitMaskRepeat: "no-repeat!important",
-  border: `1px dashed ${theme.palette.divider}`,
-  width: "100%",
-  height: "100%",
-  mask: `url('data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDcwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA3MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM2MzczODE7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NSw4LjdjMS40LTEuNSwzLjQtMi4zLDUuNC0yLjNzMy45LDAuOCw1LjQsMi4zczIuNCwzLjUsMi41LDUuN2MwLDIuMi0wLjksNC4yLTIuNCw1LjdzLTMuNSwyLjMtNS41LDIuMgoJCWMtMi4xLDAuMS00LTAuNy01LjUtMi4yYy0xLjQtMS41LTIuMy0zLjUtMi40LTUuN0M0Mi42LDEyLjIsNDMuNSwxMC4yLDQ1LDguN3oiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OC40LDYyLjFjLTAuMywwLjUtMC43LDAuOC0xLjIsMS4xcy0xLDAuNC0xLjYsMC40SDQuM2MtMC42LDAtMS4xLTAuMS0xLjYtMC40cy0wLjktMC42LTEuMi0xLjEKCQljLTAuMi0wLjUtMC40LTEtMC40LTEuNXMwLjEtMS4xLDAuNC0xLjVsMjMtMzYuNGMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNHMwLjksMC42LDEuMiwxLjEKCQlsMTEuNSwxOC4yYzAuMiwwLjMsMC41LDAuNSwwLjgsMC43czAuNiwwLjMsMSwwLjNjMC4zLDAsMC43LTAuMSwxLTAuM3MwLjYtMC40LDAuOC0wLjdsMy4xLTQuOWMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMQoJCXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNGMwLjUsMC4zLDAuOSwwLjYsMS4yLDEuMWwxNC42LDIzLjFjMC4zLDAuNSwwLjMsMSwwLjMsMS41UzY4LjcsNjEuNyw2OC40LDYyLjF6Ii8+CjwvZz4KPC9zdmc+Cg==')`,
-  WebkitMask: `url('data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDcwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA3MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM2MzczODE7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NSw4LjdjMS40LTEuNSwzLjQtMi4zLDUuNC0yLjNzMy45LDAuOCw1LjQsMi4zczIuNCwzLjUsMi41LDUuN2MwLDIuMi0wLjksNC4yLTIuNCw1LjdzLTMuNSwyLjMtNS41LDIuMgoJCWMtMi4xLDAuMS00LTAuNy01LjUtMi4yYy0xLjQtMS41LTIuMy0zLjUtMi40LTUuN0M0Mi42LDEyLjIsNDMuNSwxMC4yLDQ1LDguN3oiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OC40LDYyLjFjLTAuMywwLjUtMC43LDAuOC0xLjIsMS4xcy0xLDAuNC0xLjYsMC40SDQuM2MtMC42LDAtMS4xLTAuMS0xLjYtMC40cy0wLjktMC42LTEuMi0xLjEKCQljLTAuMi0wLjUtMC40LTEtMC40LTEuNXMwLjEtMS4xLDAuNC0xLjVsMjMtMzYuNGMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNHMwLjksMC42LDEuMiwxLjEKCQlsMTEuNSwxOC4yYzAuMiwwLjMsMC41LDAuNSwwLjgsMC43czAuNiwwLjMsMSwwLjNjMC4zLDAsMC43LTAuMSwxLTAuM3MwLjYtMC40LDAuOC0wLjdsMy4xLTQuOWMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMQoJCXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNGMwLjUsMC4zLDAuOSwwLjYsMS4yLDEuMWwxNC42LDIzLjFjMC4zLDAuNSwwLjMsMSwwLjMsMS41UzY4LjcsNjEuNyw2OC40LDYyLjF6Ii8+CjwvZz4KPC9zdmc+Cg==')`
-}));
-const SkeletonUploadImage = () => {
-  return /* @__PURE__ */ jsx(WrapperUploadImage, {
-    children: /* @__PURE__ */ jsx(MaskSkeletonUploadImage, {
-      children: /* @__PURE__ */ jsx(Skeleton, {
-        variant: "rectangular",
-        width: "100%",
-        height: "100%"
-      })
-    })
-  });
-};
-function UploadImage({
-  error,
-  file,
-  helperText,
-  sx,
-  ...other
-}) {
-  const {
-    getRootProps,
-    getInputProps,
-    isDragActive,
-    isDragReject
-  } = useDropzone({
-    multiple: false,
-    ...other
-  });
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
-  const {
-    getLabel
-  } = useModuleDictionary();
-  const isSkeleton = useModuleSkeleton();
-  if (isSkeleton) {
-    return /* @__PURE__ */ jsx(SkeletonUploadImage, {});
-  }
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [/* @__PURE__ */ jsx(WrapperUploadImage, {
-      sx: {
-        ...(isDragReject || error) && {
-          borderColor: "error.light"
-        },
-        ...sx
-      },
-      children: /* @__PURE__ */ jsxs(DropZoneStyle, {
-        ...getRootProps(),
-        sx: {
-          ...isDragActive && {
-            opacity: 0.72
-          }
-        },
-        children: [/* @__PURE__ */ jsx("input", {
-          ...getInputProps()
-        }), file && /* @__PURE__ */ jsx(WrapperFileImage, {
-          children: /* @__PURE__ */ jsx(Image, {
-            alt: "avatar",
-            src: isString(file) ? file : file.preview || "",
-            ratio: "1:1"
-          })
-        }), /* @__PURE__ */ jsx(PlaceholderStyle, {
-          id: "PlaceholderStyle",
-          className: "placeholder",
-          sx: {
-            ...file ? {
-              bgcolor: alpha("#161C24", 0.72),
-              color: "common.white",
-              opacity: 0
-            } : {
-              opacity: 1
-            },
-            ...(isDragReject || error) && {
-              bgcolor: "error.lighter",
-              borderColor: "error.light",
-              color: "error.main"
-            }
-          },
-          children: /* @__PURE__ */ jsxs(ContainerUploadBody, {
-            className: "ContainerUploadBody",
-            children: [/* @__PURE__ */ jsx(WrapperImage, {
-              children: /* @__PURE__ */ jsx(Image, {
-                src: `${host_static_assets}/${environment_assets}/frontend/components/upload_image/assets/img/upload_image_illustration.svg`,
-                ratio: "1:1"
-              })
-            }), /* @__PURE__ */ jsxs(Containermessage, {
-              children: [/* @__PURE__ */ jsx(ContainerTitle, {
-                children: getLabel("upload_image.title_upload")
-              }), /* @__PURE__ */ jsx(ContainerDescription, {
-                children: getLabel("upload_image.description")
-              }), /* @__PURE__ */ jsx(ContainerConditions, {
-                children: getLabel("upload_image.conditions")
-              })]
-            })]
-          })
-        })]
-      })
-    }), helperText && helperText]
-  });
-}
-const WrapperRHFUploadImage = styled$1("div")(() => ({
-  width: "inherit",
-  height: "inherit",
-  padding: "1px"
-}));
-function RHFUploadImage({
-  name,
-  ...other
-}) {
-  const {
-    control,
-    setValue
-  } = useFormContext();
-  const handleDrop = useCallback((acceptedFiles) => {
-    const file = acceptedFiles[0];
-    if (file) {
-      setValue(name, Object.assign(file, {
-        preview: URL.createObjectURL(file)
-      }));
-    }
-  }, [setValue]);
-  return /* @__PURE__ */ jsx(Controller, {
-    name,
-    control,
-    render: ({
-      field,
-      fieldState: {
-        error
-      }
-    }) => {
-      const checkError = !!error && !field.value;
-      return /* @__PURE__ */ jsxs(WrapperRHFUploadImage, {
-        children: [/* @__PURE__ */ jsx(UploadImage, {
-          onDrop: handleDrop,
-          error: checkError,
-          ...other,
-          file: field.value
-        }), checkError && /* @__PURE__ */ jsx(FormHelperText, {
-          error: true,
-          sx: {
-            px: 2,
-            textAlign: "center"
-          },
-          children: error.message
-        })]
-      });
-    }
-  });
-}
-export {
-  RHFUploadImage as R
-};

package/components/modal/ModalDialog/styles.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { VariantProps } from './types';
-export declare const WrapperDialog: import("@emotion/styled").StyledComponent<import("@mui/material").DialogProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Header: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const IconTitleContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const IconHeader: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & VariantProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Content: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ModalTitle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & VariantProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/modal/WindowBase/styles.d.ts

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

package/components/modal/WindowBase/subcomponents/Header/styles.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { VariantProps } from '../../types';
-export declare const WrapperHeader: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const IconTitleContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const IconHeader: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & VariantProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ModalTitle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & VariantProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/modal/WindowBase.c223e4da.js

@@ -1,126 +0,0 @@
-import { useEnvironment } from "@m4l/core";
-import "react";
-import { u as useModal } from "../../hooks/useModal/index.26075cdd.js";
-import { styled } from "@mui/material/styles";
-import { a as getThemeVariantColor } from "../../utils/index.b61dccbe.js";
-import { I as Icon } from "../Icon/index.f9119f5e.js";
-import "@mui/material";
-import { I as IconButton } from "../mui_extended/IconButton/index.3b05af71.js";
-import "../mui_extended/Accordion/index.03bd0e2a.js";
-import { jsxs, jsx } from "react/jsx-runtime";
-import "../mui_extended/Avatar/index.1e1a91a3.js";
-import "react-router-dom";
-import "@mui/material/Button";
-import "../mui_extended/Button/index.aebbab34.js";
-import "clsx";
-import "../Image/index.8aae9322.js";
-import "@mui/lab";
-import "../mui_extended/Typography/index.443590d6.js";
-import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/MenuActions/index.ca5ce35a.js";
-import "../mui_extended/Pager/index.80ec975a.js";
-import "../mui_extended/Tab/index.e0653a0a.js";
-const WrapperWindowBase = styled("div")(({ theme }) => ({
-  display: "flex",
-  flexDirection: "column",
-  height: "100%",
-  overflow: "hidden",
-  padding: theme.spacing(0.5)
-}));
-const WrapperHeader = styled("div")(({
-  theme
-}) => ({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "space-between",
-  minHeight: theme.spacing(5),
-  borderBottom: `1px solid ${theme.palette.divider}`,
-  overflow: "hidden"
-}));
-styled("div")(({
-  theme
-}) => ({
-  display: "flex",
-  flexDirection: "row",
-  flexGrow: 1,
-  alignItems: "center",
-  cursor: "move",
-  ...theme.typography.subtitle1,
-  color: theme.palette.text.primary
-}));
-const IconHeader = styled("div")(({
-  theme,
-  variant
-}) => ({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  marginRight: theme.spacing(1.5),
-  "& > span": {
-    background: getThemeVariantColor(theme, variant)
-  }
-}));
-const ModalTitle = styled("div")(({
-  theme,
-  variant
-}) => ({
-  ...theme.typography.subtitle1,
-  color: getThemeVariantColor(theme, variant),
-  width: "100%",
-  whiteSpace: "nowrap",
-  textOverflow: "ellipsis",
-  overflow: "hidden"
-}));
-const Header = (props) => {
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
-  const {
-    variant,
-    title,
-    onClickCancel,
-    urlIcon
-  } = props;
-  return /* @__PURE__ */ jsxs(WrapperHeader, {
-    id: "Header",
-    className: "m4l_draggable_handle",
-    children: [urlIcon && /* @__PURE__ */ jsx(IconHeader, {
-      variant,
-      children: /* @__PURE__ */ jsx(Icon, {
-        src: urlIcon
-      })
-    }), /* @__PURE__ */ jsx(ModalTitle, {
-      variant,
-      children: title
-    }), /* @__PURE__ */ jsx(IconButton, {
-      src: `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/close.svg`,
-      onClick: onClickCancel,
-      "aria-label": "click"
-    })]
-  });
-};
-const WindowBase = (props) => {
-  const {
-    children,
-    onClickCancel,
-    ...other
-  } = props;
-  const {
-    closeModal
-  } = useModal();
-  const onCloseCancel = () => {
-    onClickCancel && onClickCancel();
-    closeModal();
-  };
-  return /* @__PURE__ */ jsxs(WrapperWindowBase, {
-    id: "WrapperWindowBase",
-    children: [/* @__PURE__ */ jsx(Header, {
-      ...other,
-      onClickCancel: onCloseCancel
-    }), children]
-  });
-};
-export {
-  WindowBase as W
-};

package/components/modal/WindowConfirm/subcomponents/MessageIlustration/styles.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { VariantProps } from './types';
-export declare const WrapperMessageIlustration: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ModalContent: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const IllustrationContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & VariantProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const MessageContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & VariantProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;