@m4l/components 0.1.74 → 0.1.76

package/components/hook-form/RHFUpload/index.17e7f9eb.js

@@ -0,0 +1,260 @@
+import { useCallback } from "react";
+import { useFormContext, Controller } from "react-hook-form";
+import isString from "lodash/isString";
+import { useDropzone } from "react-dropzone";
+import { I as Image } from "../../Image/index.c18ebf5a.js";
+import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
+import { Skeleton, generateUtilityClasses, generateUtilityClass, styled as styled$1 } from "@mui/material";
+import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { B as Button } from "../../mui_extended/Button/index.fdb5dcbd.js";
+import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
+import { H as HelperText } from "../../HelperText/index.9864f773.js";
+import "clsx";
+import { styled } from "@mui/material/styles";
+import { unstable_composeClasses } from "@mui/base";
+import "@mui/material/Button";
+import "../../Icon/index.9dae8337.js";
+import "../../mui_extended/IconButton/index.1a9d4fa5.js";
+import "@m4l/graphics";
+import "../../mui_extended/Accordion/index.3faafd8b.js";
+import "../../mui_extended/Avatar/index.75e6ed57.js";
+import "react-router-dom";
+import "@mui/lab";
+import "../../mui_extended/Popover/index.9f35d0eb.js";
+import "../../mui_extended/MenuActions/index.ba1da3b3.js";
+import "../../mui_extended/Pager/index.67bda2c5.js";
+import "../../mui_extended/Tab/index.9e2f6e34.js";
+import "../../mui_extended/Tooltip/index.5a795dcd.js";
+const UploadImageRoot = styled("div")(({
+  theme
+}) => ({
+  ...theme.components?.M4LRHFUploadImage?.styleOverrides
+}));
+const ICON_PREFIX = "M4LRHFUploadImage";
+const getNameRHFUploadImageDataTestId = (KEY) => {
+  return `${ICON_PREFIX}-${KEY}`;
+};
+const SkeletonUploadImage = (props) => {
+  const {
+    classes
+  } = props;
+  return /* @__PURE__ */ jsxs("div", {
+    className: classes,
+    ...process.env.NODE_ENV !== "production" ? {
+      [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("skeleton")
+    } : {},
+    children: ["est\xE1 con skeleton", /* @__PURE__ */ jsx(Skeleton, {
+      variant: "rectangular",
+      width: "100%",
+      height: "100%"
+    })]
+  });
+};
+const componentName = "M4LRHFUploadImage";
+generateUtilityClasses(componentName, [
+  "root",
+  "dropZoneStyle",
+  "containerFileImage",
+  "placeHolder",
+  "containerUploadBoddy",
+  "containerBodyImage",
+  "containerMessage",
+  "containerTitle",
+  "containerDescription",
+  "containerConditions",
+  "containerUploadImage",
+  "string",
+  "skeleton",
+  "inputDropZone",
+  "stateError"
+]);
+function getRHFUploadImagebUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const RHFUploadImageUtilityClasses = (ownerState) => {
+  const slots = {
+    root: ["root", ownerState.isDragReject && "stateError", ownerState.isDragActive && "stateActive", ownerState.hasFile && "hasFile"],
+    dropZoneStyle: ["dropZoneStyle"],
+    containerFileImage: ["containerFileImage"],
+    placeHolder: ["placeHolder"],
+    containerUploadBoddy: ["containerUploadBoddy"],
+    containerBodyImage: ["containerBodyImage"],
+    containerMessage: ["containerMessage"],
+    containerTitle: ["containerTitle"],
+    containerDescription: ["containerDescription"],
+    containerConditions: ["containerConditions"],
+    containerUploadImage: ["containerUploadImage"],
+    skeleton: ["skeleton"],
+    inputDropZone: ["inputDropZone"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getRHFUploadImagebUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+function UploadImage({
+  error,
+  file,
+  helperText,
+  sx,
+  ...other
+}) {
+  const {
+    getRootProps,
+    getInputProps,
+    isDragActive,
+    isDragReject,
+    open
+  } = useDropzone({
+    multiple: false,
+    ...other
+  });
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  const {
+    getLabel
+  } = useModuleDictionary();
+  const isSkeleton = useModuleSkeleton();
+  const ownerSate = {
+    isDragReject: isDragReject || error,
+    isDragActive,
+    hasFile: file
+  };
+  console.log("isSkeleton", isSkeleton);
+  console.log("file load", file);
+  console.log("ownerState", ownerSate);
+  const classes = RHFUploadImageUtilityClasses(ownerSate);
+  return /* @__PURE__ */ jsx(UploadImageRoot, {
+    className: classes.root,
+    ...process.env.NODE_ENV !== "production" ? {
+      [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("root")
+    } : {},
+    children: !isSkeleton ? /* @__PURE__ */ jsxs(Fragment, {
+      children: ["est\xE1 sin skeleton", /* @__PURE__ */ jsx("div", {
+        className: classes.containerUploadImage,
+        ...process.env.NODE_ENV !== "production" ? {
+          [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("containerUploadImage")
+        } : {},
+        children: /* @__PURE__ */ jsxs("div", {
+          className: classes.dropZoneStyle,
+          ...getRootProps(),
+          ...process.env.NODE_ENV !== "production" ? {
+            [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("dropZoneStyle")
+          } : {},
+          children: [/* @__PURE__ */ jsx("input", {
+            ...getInputProps(),
+            className: classes.inputDropZone,
+            ...process.env.NODE_ENV !== "production" ? {
+              [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("inputDropZone")
+            } : {}
+          }), file && /* @__PURE__ */ jsx("div", {
+            className: classes.containerFileImage,
+            ...process.env.NODE_ENV !== "production" ? {
+              [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("containerFileImage")
+            } : {},
+            children: /* @__PURE__ */ jsx(Image, {
+              alt: "bgImageUploadImage",
+              src: isString(file) ? file : file.preview || "",
+              ratio: "1:1"
+            })
+          }), /* @__PURE__ */ jsx("div", {
+            className: classes.placeHolder,
+            ...process.env.NODE_ENV !== "production" ? {
+              [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("placeHolder")
+            } : {},
+            children: /* @__PURE__ */ jsxs("div", {
+              className: classes.containerUploadBoddy,
+              ...process.env.NODE_ENV !== "production" ? {
+                [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("containerUploadBoddy")
+              } : {},
+              children: [/* @__PURE__ */ jsx("div", {
+                className: classes.containerBodyImage,
+                ...process.env.NODE_ENV !== "production" ? {
+                  [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("containerBodyImage")
+                } : {},
+                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("div", {
+                className: classes.containerMessage,
+                ...process.env.NODE_ENV !== "production" ? {
+                  [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("containerMessage")
+                } : {},
+                children: [/* @__PURE__ */ jsx(Typography, {
+                  className: classes.containerTitle,
+                  variant: "subtitle",
+                  skeletonWidth: "150px",
+                  children: getLabel("upload_image.title_upload")
+                }), /* @__PURE__ */ jsx(Typography, {
+                  className: classes.containerDescription,
+                  variant: "body",
+                  children: getLabel("upload_image.description")
+                }), /* @__PURE__ */ jsx(Typography, {
+                  className: classes.containerConditions,
+                  variant: "body",
+                  children: getLabel("upload_image.conditions")
+                }), /* @__PURE__ */ jsx(Button, {
+                  onClick: open,
+                  children: getLabel("upload_image.label_button")
+                })]
+              })]
+            })
+          })]
+        })
+      }), helperText && helperText]
+    }) : /* @__PURE__ */ jsx(SkeletonUploadImage, {
+      classes: classes.skeleton
+    })
+  });
+}
+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(HelperText, {
+          message: error.message
+        })]
+      });
+    }
+  });
+}
+export {
+  RHFUploadImage as R
+};

package/components/hook-form/RHFUpload/index.d.ts

@@ -1 +1 @@
-export { RHFUploadImage } from './RHFUploadImage/';
+export { RHFUploadImage } from './RHFUploadImage/RHFUploadImage';

package/components/index.d.ts

@@ -19,6 +19,7 @@ export * from './CommonActions/dictionary';
 export * from './DraggableWindow';
 export * from './Icon';
 export * from './LanguagePopover';
+export * from './LinearProgressIndeterminate';
 export * from './Image/Image';
 export * from './Loadable';
 export * from './modal';
@@ -27,15 +28,14 @@ export * from './NoItemSelected';
 export * from './NoItemSelected/dictionary';
 export * from './ObjectLogs';
 export * from './ObjectLogs/dictionary';
-export * from './PaperForm';
+export * from './PaperForm/PaperForm';
 export * from './Period';
-export type { PeriodType } from './Period/types';
 export * from './HelmetPage';
-export * from './PropertyValue';
+export * from './PropertyValue/PropertyValue';
 export * from './ResizeableWindow';
 export * from './ScrollBar';
 export { ScrollToTop } from './ScrollToTop';
-export * from './SplitLayout';
+export * from './SplitLayout/SplitLayout';
 export * from './SideBar';
 export * from './AppBar';
 export * from './AccountPopover';

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

@@ -1,2 +1,5 @@
+import { Classes } from '../../../classes/types';
 import { WindowBaseProps } from '../../types';
-export declare type HeaderProps = Pick<WindowBaseProps, 'title' | 'variant' | 'onClickCancel' | 'urlIcon'>;
+export interface HeaderProps extends Pick<WindowBaseProps, 'title' | 'onClickCancel' | 'urlIcon'> {
+    classes: Classes;
+}

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

@@ -1,10 +1,7 @@
 import { ReactNode } from 'react';
-import { VariantColor } from '../../../utils/types';
 export interface WindowBaseProps {
     title: string;
-    variant?: VariantColor;
     children: ReactNode;
     urlIcon?: string;
     onClickCancel?: () => void;
 }
-export declare type VariantProps = Pick<WindowBaseProps, 'variant'>;

package/components/modal/WindowBase.7acb9f1d.js

@@ -0,0 +1,81 @@
+import { useEnvironment } from "@m4l/core";
+import "react";
+import { u as useModal } from "../../hooks/useModal/index.7b7d26ba.js";
+import { m as modalUtilityClasses } from "./index.1b25b61d.js";
+import { I as Icon } from "../Icon/index.9dae8337.js";
+import "@mui/material";
+import { I as IconButton } from "../mui_extended/IconButton/index.1a9d4fa5.js";
+import "../mui_extended/Accordion/index.3faafd8b.js";
+import "../mui_extended/Typography/index.443590d6.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import "../mui_extended/Avatar/index.75e6ed57.js";
+import "react-router-dom";
+import "@mui/material/Button";
+import "../mui_extended/Button/index.fdb5dcbd.js";
+import "../Image/index.c18ebf5a.js";
+import "@mui/lab";
+import "../mui_extended/Popover/index.9f35d0eb.js";
+import "../mui_extended/MenuActions/index.ba1da3b3.js";
+import "../mui_extended/Pager/index.67bda2c5.js";
+import "../mui_extended/Tab/index.9e2f6e34.js";
+import "../mui_extended/Tooltip/index.5a795dcd.js";
+const Header = (props) => {
+  const {
+    title,
+    onClickCancel,
+    urlIcon,
+    classes
+  } = props;
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  return /* @__PURE__ */ jsxs("div", {
+    id: "Header",
+    className: clsx(classes.headerContainer, "m4l_draggable_handle"),
+    children: [urlIcon && /* @__PURE__ */ jsx("div", {
+      className: classes.iconHeader,
+      children: /* @__PURE__ */ jsx(Icon, {
+        src: urlIcon
+      })
+    }), /* @__PURE__ */ jsx("div", {
+      className: classes.titleHeader,
+      children: title
+    }), /* @__PURE__ */ jsx(IconButton, {
+      className: classes.iconCloseHeader,
+      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,
+    variant
+  } = useModal();
+  const onCloseCancel = () => {
+    onClickCancel && onClickCancel();
+    closeModal();
+  };
+  const classes = modalUtilityClasses({
+    variant
+  });
+  return /* @__PURE__ */ jsxs("div", {
+    className: classes.windowBaseRoot,
+    children: [/* @__PURE__ */ jsx(Header, {
+      ...other,
+      onClickCancel: onCloseCancel,
+      classes
+    }), children]
+  });
+};
+export {
+  WindowBase as W
+};

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

@@ -1,8 +1,6 @@
-import { VariantColor } from '../../../../../utils/types';
+import { Classes } from '../../../classes/types';
 export interface ModalConfirmProps {
-    variant?: VariantColor;
     msg?: string;
-}
-export interface VariantProps {
-    variant?: VariantColor;
+    title?: string;
+    classes: Classes;
 }

package/components/modal/WindowConfirm/types.d.ts

@@ -1,10 +1,11 @@
-import { VariantColor } from '../../../utils/types';
+export declare type StateColors = 'warning' | 'delete' | 'info' | 'success' | undefined;
 export interface WindowConfirmProps {
     title: string;
-    variant?: VariantColor;
+    variant?: StateColors;
     titleAccept?: string;
     msg: string;
     onClickIntro?: () => void;
     onClickCancel?: () => void;
 }
 export declare type VariantProps = Pick<WindowConfirmProps, 'variant'>;
+export declare type OwnerStateWindowConfim = VariantProps;

package/components/modal/WindowConfirm.9b829837.js

@@ -0,0 +1,122 @@
+import { useModuleDictionary, useEnvironment } from "@m4l/core";
+import "react";
+import { u as useModal } from "../../hooks/useModal/index.7b7d26ba.js";
+import { A as Actions } from "../CommonActions/components/Actions/index.e376a68e.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.453c2d24.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.c653a266.js";
+import "react-hook-form";
+import { Typography } from "@mui/material";
+import "@mui/material/Button";
+import "../mui_extended/Button/index.fdb5dcbd.js";
+import "clsx";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import "../../react-draggable.6d7949a3.js";
+import "../ModalDialog/index.d9c5d400.js";
+import "../Resizeable/index.f6e48e56.js";
+import "@m4l/graphics";
+import "../Icon/index.9dae8337.js";
+import { m as modalUtilityClasses } from "./index.1b25b61d.js";
+import { I as Image } from "../Image/index.c18ebf5a.js";
+import "../mui_extended/IconButton/index.1a9d4fa5.js";
+import "../mui_extended/Accordion/index.3faafd8b.js";
+import "../mui_extended/Typography/index.443590d6.js";
+import "../mui_extended/Avatar/index.75e6ed57.js";
+import "react-router-dom";
+import "@mui/lab";
+import "../mui_extended/Popover/index.9f35d0eb.js";
+import "../mui_extended/MenuActions/index.ba1da3b3.js";
+import "../mui_extended/Pager/index.67bda2c5.js";
+import "../mui_extended/Tab/index.9e2f6e34.js";
+import "../mui_extended/Tooltip/index.5a795dcd.js";
+import "zustand";
+import "../areas/contexts/AreasContext/index.f0397b7c.js";
+import "../areas/components/AreasAdmin/index.946eebb9.js";
+import "zustand/shallow";
+import "../ScrollBar/index.bbe48f4d.js";
+import "../areas/components/AreasViewer/index.bf4191ea.js";
+import "../LinearProgressIndeterminate/index.d34d398f.js";
+import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
+import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
+const dictionary = {
+  MESSAGE: "common_actions.confirm_quit_msg"
+};
+const MessageIlustration = (props) => {
+  const {
+    getLabel
+  } = useModuleDictionary();
+  const {
+    variant
+  } = useModal();
+  const {
+    msg = getLabel(dictionary.MESSAGE),
+    classes,
+    title
+  } = props;
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  const illustrationWarning = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/illustrator_confirm_warning.svg`;
+  const illustrationDanger = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/illustrator_confirm_danger.svg`;
+  const illustrationSuccess = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/illustrator_confirm_success.svg`;
+  const illustrationInfo = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/illustrator_confirm_info.svg`;
+  return /* @__PURE__ */ jsx("div", {
+    className: classes.containerMassageIlustration,
+    children: /* @__PURE__ */ jsxs("div", {
+      className: classes.modalContent,
+      children: [/* @__PURE__ */ jsx("div", {
+        className: classes.illustrationContainer,
+        children: /* @__PURE__ */ jsx(Image, {
+          className: classes.illustration,
+          src: variant === "warning" ? illustrationWarning : variant === "delete" ? illustrationDanger : variant === "success" ? illustrationSuccess : illustrationInfo
+        })
+      }), /* @__PURE__ */ jsx("div", {
+        children: /* @__PURE__ */ jsx(Typography, {
+          variant: "subtitle",
+          children: title
+        })
+      }), /* @__PURE__ */ jsx("div", {
+        className: classes.messageContainer,
+        children: /* @__PURE__ */ jsx(Typography, {
+          variant: "body",
+          children: msg
+        })
+      })]
+    })
+  });
+};
+const WindowConfirm = (props) => {
+  const {
+    variant,
+    title,
+    onClickCancel,
+    onClickIntro,
+    msg
+  } = props;
+  const {
+    closeModal
+  } = useModal();
+  const onCloseCancel = () => {
+    onClickCancel && onClickCancel();
+    closeModal();
+  };
+  const classes = modalUtilityClasses({
+    variant
+  });
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [/* @__PURE__ */ jsx(MessageIlustration, {
+      classes,
+      msg,
+      title
+    }), /* @__PURE__ */ jsxs(Actions, {
+      children: [/* @__PURE__ */ jsx(ActionCancel, {
+        onClick: onCloseCancel
+      }), /* @__PURE__ */ jsx(ActionIntro, {
+        onClick: onClickIntro
+      })]
+    })]
+  });
+};
+export {
+  WindowConfirm as W
+};

package/components/modal/classes/constants.d.ts

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

package/components/modal/classes/index.d.ts

@@ -0,0 +1,18 @@
+import { ModalClassesType } from './types';
+import { OwnerStateWindowConfim } from '../WindowConfirm/types';
+export declare const modalClasses: ModalClassesType;
+export declare function getModalUtilityClass(slot: string): string;
+export declare const modalUtilityClasses: (ownerState: OwnerStateWindowConfim) => {
+    root: string;
+    headerContainer: string;
+    windowBaseRoot: string;
+    containerWindow: string;
+    iconHeader: string;
+    titleHeader: string;
+    iconCloseHeader: string;
+    containerMassageIlustration: string;
+    modalContent: string;
+    illustrationContainer: string;
+    messageContainer: string;
+    illustration: string;
+};

package/components/modal/classes/types.d.ts

@@ -0,0 +1,21 @@
+import { modalUtilityClasses } from ".";
+export interface ModalClassesType {
+    root: string;
+    windowBaseRoot: string;
+    containerWindow: string;
+    headerContainer: string;
+    iconHeader: string;
+    titleHeader: string;
+    iconCloseHeader: string;
+    containerMassageIlustration: string;
+    modalContent: string;
+    illustrationContainer: string;
+    messageContainer: string;
+    illustration: string;
+    variantDelete: string;
+    variantWarning: string;
+    variantInfo: string;
+    variantPrimary: string;
+}
+export declare type ModalClassesKey = keyof ModalClassesType;
+export declare type Classes = ReturnType<typeof modalUtilityClasses>;

package/components/modal/index.1b25b61d.js

@@ -0,0 +1,82 @@
+import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
+import "../../react-draggable.6d7949a3.js";
+import "react";
+import "../../contexts/ModalContext/index.699f95fa.js";
+import "../ModalDialog/index.d9c5d400.js";
+import "../Resizeable/index.f6e48e56.js";
+import "react/jsx-runtime";
+import "@m4l/graphics";
+import "../Icon/index.9dae8337.js";
+import "clsx";
+import "@m4l/core";
+import { unstable_composeClasses } from "@mui/base";
+import "../CommonActions/components/Actions/index.e376a68e.js";
+import "@mui/material/Button";
+import "../mui_extended/Button/index.fdb5dcbd.js";
+import "react-hook-form";
+import "../mui_extended/IconButton/index.1a9d4fa5.js";
+import "../mui_extended/Accordion/index.3faafd8b.js";
+import "../mui_extended/Typography/index.443590d6.js";
+import "../mui_extended/Avatar/index.75e6ed57.js";
+import "react-router-dom";
+import "../Image/index.c18ebf5a.js";
+import "@mui/lab";
+import "../mui_extended/Popover/index.9f35d0eb.js";
+import "../mui_extended/MenuActions/index.ba1da3b3.js";
+import "../mui_extended/Pager/index.67bda2c5.js";
+import "../mui_extended/Tab/index.9e2f6e34.js";
+import "../mui_extended/Tooltip/index.5a795dcd.js";
+import "zustand";
+import "../areas/contexts/AreasContext/index.f0397b7c.js";
+import "../areas/components/AreasAdmin/index.946eebb9.js";
+import "zustand/shallow";
+import "../ScrollBar/index.bbe48f4d.js";
+import "../areas/components/AreasViewer/index.bf4191ea.js";
+import "../LinearProgressIndeterminate/index.d34d398f.js";
+import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
+import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
+const componentName = "M4LModal";
+generateUtilityClasses(componentName, [
+  "root",
+  "windowBaseRoot",
+  "containerWindow",
+  "headerContainer",
+  "iconHeader",
+  "titleHeader",
+  "iconCloseHeader",
+  "containerMassageIlustration",
+  "modalContent",
+  "illustrationContainer",
+  "messageContainer",
+  "illustration",
+  "variantDelete",
+  "variantWarning",
+  "variantInfo",
+  "variantPrimary"
+]);
+function getModalUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const modalUtilityClasses = (ownerState) => {
+  const slots = {
+    root: ["root", ownerState?.variant === "delete" && "variantDelete", ownerState.variant === "warning" && "variantWarning", ownerState.variant === "info" && "variantInfo", ownerState.variant === "success" && "variantSuccess"],
+    windowBaseRoot: ["windowBaseRoot"],
+    containerWindow: ["containerWindow"],
+    headerContainer: ["headerContainer"],
+    iconHeader: ["iconHeader"],
+    titleHeader: ["titleHeader"],
+    iconCloseHeader: ["iconCloseHeader"],
+    containerMassageIlustration: ["containerMassageIlustration"],
+    modalContent: ["modalContent"],
+    illustrationContainer: ["illustrationContainer"],
+    messageContainer: ["messageContainer"],
+    illustration: ["illustration"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getModalUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+export {
+  modalUtilityClasses as m
+};

package/components/modal/index.d.ts

@@ -1,4 +1,5 @@
 export { ModalDialog } from './ModalDialog';
 export * from './ModalDialog/dictionary';
-export * from './WindowConfirm';
+export { WindowConfirm } from './WindowConfirm';
+export type { WindowConfirmProps } from './WindowConfirm/types';
 export * from './WindowBase';