@m4l/components 0.1.78 → 0.1.80

package/components/hook-form/RHFCheckbox/{index.a08a65b3.js → index.7b4a21d7.js}

@@ -1,71 +1,48 @@
 import { useFormContext, Controller } from "react-hook-form";
-import { styled, Skeleton, generateUtilityClasses, generateUtilityClass, Checkbox } from "@mui/material";
-import { useModuleSkeleton } from "@m4l/core";
-import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { styled as styled$1 } from "@mui/material/styles";
+import { styled } from "@mui/material/styles";
+import { Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { H as HelperText } from "../../HelperText/index.a019742c.js";
-import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
-const WrapperSkeletonCheckBox = styled("div")(() => ({
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  width: "36px",
-  height: "36px"
-}));
-const SkeletonRHFCheckBoxRoot = styled("div")(() => ({
-  display: "flex",
-  justifyContent: "flex-start",
-  alignItems: "center",
-  gap: "8px",
-  width: "100%"
-}));
-const RHFCHEKCBOX_PREFIX = "RHFCheckbox";
-const getNameDataTestId = (KEY, NAME) => {
-  return `${RHFCHEKCBOX_PREFIX}-${NAME}-${KEY}`;
-};
-const SkeletonRHFCheckBox = (props) => {
-  const {
-    classes,
-    hasLabel,
-    fieldName
-  } = props;
-  return /* @__PURE__ */ jsxs(SkeletonRHFCheckBoxRoot, {
-    children: [/* @__PURE__ */ jsx(WrapperSkeletonCheckBox, {
-      className: classes.skeleton,
-      ...process.env.NODE_ENV !== "production" ? {
-        [TEST_PROP_ID]: getNameDataTestId("skeleton", fieldName)
-      } : {},
-      children: /* @__PURE__ */ jsx(Skeleton, {
-        variant: "rounded",
-        width: "18px",
-        height: "18px"
-      })
-    }), hasLabel && /* @__PURE__ */ jsx(Skeleton, {
-      variant: "text",
-      width: "70px",
-      height: "18px"
-    })]
-  });
-};
-const RHFCheckboxRoot = styled$1("div")(({
+import { H as HelperText } from "../../HelperText/index.6ef76993.js";
+import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
+import { useResponsiveDesktop } from "@m4l/graphics";
+import "react";
+import "@m4l/core";
+import "../../Icon/index.9fcd1476.js";
+import "clsx";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import "../../mui_extended/IconButton/index.12f1a3c3.js";
+import "../../mui_extended/Accordion/index.a6447bf8.js";
+import "../../mui_extended/Typography/index.443590d6.js";
+import "../../mui_extended/Avatar/index.75e6ed57.js";
+import "react-router-dom";
+import "@mui/material/Button";
+import "../../mui_extended/Button/index.4288f9fc.js";
+import { C as CheckBox } from "../../mui_extended/CheckBox.5f6c78b0.js";
+import "../../mui_extended/Badge/index.cad260fe.js";
+import "../../Image/index.c18ebf5a.js";
+import "@mui/lab";
+import "../../mui_extended/MenuActions/index.43a2e1ae.js";
+import "../../mui_extended/Popover/index.9f35d0eb.js";
+import "../../mui_extended/Pager/index.82e89328.js";
+import "../../mui_extended/Tab/index.c39a6681.js";
+import "../../mui_extended/Tooltip/index.5a795dcd.js";
+const RHFCheckboxRoot = styled("div")(({
   theme
 }) => ({
   ...theme.components?.M4LRHFCheckbox?.styleOverrides
 }));
-styled$1("div")(() => ({
+styled("div")(() => ({
   display: "flex",
   justifyContent: "center",
   alignItems: "center",
   padding: "8px"
 }));
-styled$1(Skeleton)(() => ({
+styled(Skeleton)(() => ({
   width: "20px",
   height: "20px",
   borderRadius: "4px"
 }));
-const ContainerCheckTypography = styled$1("div")(() => ({
+const ContainerCheckTypography = styled("div")(() => ({
   display: "flex",
   alignItems: "center"
 }));
@@ -92,6 +69,10 @@ const useUtilityClasses = (ownerState) => {
     ...composedClasses
   };
 };
+const RHFCHEKCBOX_PREFIX = "RHFCheckbox";
+const getNameDataTestId = (KEY, NAME) => {
+  return `${RHFCHEKCBOX_PREFIX}-${NAME}-${KEY}`;
+};
 function RHFCheckbox(props) {
   const {
     name,
@@ -99,15 +80,15 @@ function RHFCheckbox(props) {
     label,
     disabled = false
   } = props;
-  const isSkeleton = useModuleSkeleton();
   const {
     control,
     formState: {
       errors
     }
   } = useFormContext();
+  const isDesktop = useResponsiveDesktop();
   const ownerState = {
-    sizeCheck,
+    sizeCheck: !isDesktop ? "medium" : sizeCheck,
     disabled,
     error: errors[name] ? true : false
   };
@@ -126,29 +107,23 @@ function RHFCheckbox(props) {
           error
         }
       }) => {
-        return !isSkeleton ? /* @__PURE__ */ jsxs(Fragment, {
-          children: [/* @__PURE__ */ jsxs(ContainerCheckTypography, {
+        return /* @__PURE__ */ jsxs(Fragment, {
+          children: [/* @__PURE__ */ jsx(ContainerCheckTypography, {
             className: classes.checkTypography,
             ...process.env.NODE_ENV !== "production" ? {
               [TEST_PROP_ID]: getNameDataTestId("checkTypography", name)
             } : {},
-            children: [/* @__PURE__ */ jsx(Checkbox, {
+            children: /* @__PURE__ */ jsx(CheckBox, {
               size: sizeCheck,
               ...field,
               checked: field.value,
               disabled: disabled ? true : false,
-              disableRipple: true
-            }), /* @__PURE__ */ jsx(Typography, {
-              skeletonWidth: "80px",
-              children: label
-            })]
+              disableRipple: true,
+              label
+            })
           }), error?.message && /* @__PURE__ */ jsx(HelperText, {
             message: error?.message + ""
           })]
-        }) : /* @__PURE__ */ jsx(SkeletonRHFCheckBox, {
-          classes,
-          hasLabel: !!label,
-          fieldName: name
         });
       }
     })

package/components/hook-form/RHFCheckbox/types.d.ts

@@ -1,7 +1,8 @@
 import { FormControlLabelProps } from '@mui/material';
-export interface RHFCheckboxProps extends Omit<FormControlLabelProps, 'control'> {
+export interface RHFCheckboxProps extends Omit<FormControlLabelProps, 'control' | 'label'> {
     name: string;
     sizeCheck?: 'small' | 'medium';
+    label?: string;
 }
 export interface RHFMultiCheckboxProps extends Omit<FormControlLabelProps, 'control' | 'label'> {
     name: string;

package/components/hook-form/RHFDateTime/{index.4d671108.js → index.46cf616e.js}

@@ -3,27 +3,28 @@ import { DateTimePicker } from "@mui/x-date-pickers";
 import { useModuleSkeleton } from "@m4l/core";
 import { Skeleton, generateUtilityClasses, generateUtilityClass, styled as styled$1 } from "@mui/material";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useFormatter } from "@m4l/graphics";
+import { useFormatter, useResponsiveDesktop } from "@m4l/graphics";
 import { useState, useEffect } from "react";
 import clsx from "clsx";
 import "../../Icon/index.9fcd1476.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import "../../mui_extended/IconButton/index.12f1a3c3.js";
-import "../../mui_extended/Accordion/index.9877f7bf.js";
+import "../../mui_extended/Accordion/index.a6447bf8.js";
 import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
 import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
 import "../../mui_extended/Button/index.4288f9fc.js";
-import "../../mui_extended/Badge/index.8c2b8b66.js";
+import "../../mui_extended/CheckBox.5f6c78b0.js";
+import "../../mui_extended/Badge/index.cad260fe.js";
 import "../../Image/index.c18ebf5a.js";
 import "@mui/lab";
 import "../../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/Pager/index.2f6d6d7d.js";
-import "../../mui_extended/Tab/index.7c82e43d.js";
+import "../../mui_extended/Pager/index.82e89328.js";
+import "../../mui_extended/Tab/index.c39a6681.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
-import { H as HelperText } from "../../HelperText/index.a019742c.js";
+import { H as HelperText } from "../../HelperText/index.6ef76993.js";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 const SKTRHFWrapperTextField = styled("div")(({
@@ -131,10 +132,11 @@ function RHFDateTime(props) {
   const handlerBlur = () => {
     setIsFocus(false);
   };
+  const isDesktop = useResponsiveDesktop();
   const ownerState = {
     isFocus,
     disabled,
-    size,
+    size: isDesktop ? size : "medium",
     variant: currentVariant
   };
   const classes = useUtilityClasses(ownerState);

package/components/hook-form/RHFPeriod/{index.39b4be49.js → index.ce513149.js}

@@ -1,7 +1,7 @@
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { useFormContext, Controller } from "react-hook-form";
-import { H as HelperText } from "../../HelperText/index.a019742c.js";
-import { P as Period } from "../../Period/index.7b94c418.js";
+import { H as HelperText } from "../../HelperText/index.6ef76993.js";
+import { P as Period } from "../../Period/index.26071a16.js";
 import { unstable_composeClasses } from "@mui/base";
 import { jsx, jsxs } from "react/jsx-runtime";
 const RHFPeriodRoot = styled("div")(({

package/components/hook-form/RHFTextField/{index.9004e898.js → index.f7ee202c.js}

@@ -6,13 +6,13 @@ import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import "../../Icon/index.9fcd1476.js";
 import "clsx";
-import "@m4l/graphics";
+import { useResponsiveDesktop } from "@m4l/graphics";
 import { useFormContext, Controller } from "react-hook-form";
 import { styled as styled$1 } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../../utils/index.c43a95f4.js";
 import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
-import { H as HelperText } from "../../HelperText/index.a019742c.js";
+import { H as HelperText } from "../../HelperText/index.6ef76993.js";
 const SkeletonTextFieldRoot = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",
@@ -156,6 +156,7 @@ const RHFTextField = forwardRef((props, ref) => {
   } = useFormContext();
   const [isFocus, setIsFocus] = useState(false);
   const [currentVariant, setCurrentVariant] = useState(null);
+  const isDesktop = useResponsiveDesktop();
   useEffect(() => {
     if (errors[nameRHF]) {
       setCurrentVariant("error");
@@ -173,7 +174,7 @@ const RHFTextField = forwardRef((props, ref) => {
   };
   const ownerState = {
     type: type === "password" ? "password" : "text",
-    size,
+    size: !isDesktop ? "medium" : size,
     focus: isFocus,
     variant: currentVariant,
     disabled

package/components/hook-form/RHFUpload/{index.bed8573e.js → index.1befd5bb.js}

@@ -9,7 +9,7 @@ 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.4288f9fc.js";
 import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
-import { H as HelperText } from "../../HelperText/index.a019742c.js";
+import { H as HelperText } from "../../HelperText/index.6ef76993.js";
 import "clsx";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
@@ -17,15 +17,16 @@ import "@mui/material/Button";
 import "../../Icon/index.9fcd1476.js";
 import "../../mui_extended/IconButton/index.12f1a3c3.js";
 import "@m4l/graphics";
-import "../../mui_extended/Accordion/index.9877f7bf.js";
+import "../../mui_extended/Accordion/index.a6447bf8.js";
 import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
-import "../../mui_extended/Badge/index.8c2b8b66.js";
+import "../../mui_extended/CheckBox.5f6c78b0.js";
+import "../../mui_extended/Badge/index.cad260fe.js";
 import "@mui/lab";
 import "../../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/Pager/index.2f6d6d7d.js";
-import "../../mui_extended/Tab/index.7c82e43d.js";
+import "../../mui_extended/Pager/index.82e89328.js";
+import "../../mui_extended/Tab/index.c39a6681.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
 const UploadImageRoot = styled("div")(({
   theme

package/components/modal/{WindowBase.a0c0b322.js → WindowBase.7e19843e.js}

@@ -1,11 +1,11 @@
 import { useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.8e85f7ae.js";
-import { m as modalUtilityClasses } from "./index.00efea85.js";
+import { u as useModal } from "../../hooks/useModal/index.e1c5c31e.js";
+import { m as modalUtilityClasses } from "./index.b0a7236c.js";
 import { I as Icon } from "../Icon/index.9fcd1476.js";
 import "@mui/material";
 import { I as IconButton } from "../mui_extended/IconButton/index.12f1a3c3.js";
-import "../mui_extended/Accordion/index.9877f7bf.js";
+import "../mui_extended/Accordion/index.a6447bf8.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
@@ -13,13 +13,15 @@ import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.4288f9fc.js";
-import "../mui_extended/Badge/index.8c2b8b66.js";
+import "@m4l/graphics";
+import "../mui_extended/CheckBox.5f6c78b0.js";
+import "../mui_extended/Badge/index.cad260fe.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
 import "../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Pager/index.2f6d6d7d.js";
-import "../mui_extended/Tab/index.7c82e43d.js";
+import "../mui_extended/Pager/index.82e89328.js";
+import "../mui_extended/Tab/index.c39a6681.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 const Header = (props) => {
   const {

package/components/modal/{WindowConfirm.6c063f2d.js → WindowConfirm.12a9608a.js}

@@ -1,9 +1,9 @@
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.8e85f7ae.js";
-import { A as Actions } from "../CommonActions/components/Actions/index.52125041.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.d536ccfa.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.aa1648eb.js";
+import { u as useModal } from "../../hooks/useModal/index.e1c5c31e.js";
+import { A as Actions } from "../CommonActions/components/Actions/index.19d67bc6.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.1051a117.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.bfe3256c.js";
 import "react-hook-form";
 import { Typography } from "@mui/material";
 import "@mui/material/Button";
@@ -14,26 +14,27 @@ import "../../react-draggable.7abb5d0a.js";
 import "../Resizeable/index.9a9c79a4.js";
 import "@m4l/graphics";
 import "../Icon/index.9fcd1476.js";
-import { m as modalUtilityClasses } from "./index.00efea85.js";
+import { m as modalUtilityClasses } from "./index.b0a7236c.js";
 import { I as Image } from "../Image/index.c18ebf5a.js";
 import "../mui_extended/IconButton/index.12f1a3c3.js";
-import "../mui_extended/Accordion/index.9877f7bf.js";
+import "../mui_extended/Accordion/index.a6447bf8.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
-import "../mui_extended/Badge/index.8c2b8b66.js";
+import "../mui_extended/CheckBox.5f6c78b0.js";
+import "../mui_extended/Badge/index.cad260fe.js";
 import "@mui/lab";
 import "../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Pager/index.2f6d6d7d.js";
-import "../mui_extended/Tab/index.7c82e43d.js";
+import "../mui_extended/Pager/index.82e89328.js";
+import "../mui_extended/Tab/index.c39a6681.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.02c4e7be.js";
-import "../areas/components/AreasAdmin/index.43ecd998.js";
+import "../areas/contexts/AreasContext/index.0a08a08b.js";
+import "../areas/components/AreasAdmin/index.7a0dabbe.js";
 import "zustand/shallow";
 import "../ScrollBar/index.bbe48f4d.js";
-import "../areas/components/AreasViewer/index.14e62059.js";
+import "../areas/components/AreasViewer/index.fd49f06c.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";

package/components/modal/{index.00efea85.js → index.b0a7236c.js}

@@ -1,7 +1,7 @@
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import "../../react-draggable.7abb5d0a.js";
 import "react";
-import "../../contexts/ModalContext/index.e9a7ba4a.js";
+import "../../contexts/ModalContext/index.89805978.js";
 import "../Resizeable/index.9a9c79a4.js";
 import "react/jsx-runtime";
 import "@m4l/graphics";
@@ -9,29 +9,30 @@ import "../Icon/index.9fcd1476.js";
 import "clsx";
 import "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
-import "../CommonActions/components/Actions/index.52125041.js";
+import "../CommonActions/components/Actions/index.19d67bc6.js";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.4288f9fc.js";
 import "react-hook-form";
 import "../mui_extended/IconButton/index.12f1a3c3.js";
-import "../mui_extended/Accordion/index.9877f7bf.js";
+import "../mui_extended/Accordion/index.a6447bf8.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
-import "../mui_extended/Badge/index.8c2b8b66.js";
+import "../mui_extended/CheckBox.5f6c78b0.js";
+import "../mui_extended/Badge/index.cad260fe.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
 import "../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Pager/index.2f6d6d7d.js";
-import "../mui_extended/Tab/index.7c82e43d.js";
+import "../mui_extended/Pager/index.82e89328.js";
+import "../mui_extended/Tab/index.c39a6681.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.02c4e7be.js";
-import "../areas/components/AreasAdmin/index.43ecd998.js";
+import "../areas/contexts/AreasContext/index.0a08a08b.js";
+import "../areas/components/AreasAdmin/index.7a0dabbe.js";
 import "zustand/shallow";
 import "../ScrollBar/index.bbe48f4d.js";
-import "../areas/components/AreasViewer/index.14e62059.js";
+import "../areas/components/AreasViewer/index.fd49f06c.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";

package/components/mui_extended/Accordion/{index.9877f7bf.js → index.a6447bf8.js}

@@ -6,7 +6,7 @@ import { I as Icon } from "../../Icon/index.9fcd1476.js";
 import { T as Typography } from "../Typography/index.443590d6.js";
 import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../../vendor.e353394b.js";
+import { g as getNameDataTestId } from "../../../vendor.f57d47a7.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 const componentName = "M4LAccordion";
 generateUtilityClasses(componentName, [

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

@@ -1 +1 @@
-export declare const componentName = "M4LBadge";
+export declare const componentName = "M4LDataGrid";

package/components/mui_extended/Badge/{index.8c2b8b66.js → index.cad260fe.js}

@@ -2,7 +2,7 @@ import { generateUtilityClasses, styled, Badge as Badge$1 } from "@mui/material"
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsx } from "react/jsx-runtime";
 import "@mui/base";
-const componentName = "M4LBadge";
+const componentName = "M4LDataGrid";
 const badgeClasses = generateUtilityClasses(componentName, [
   "root"
 ]);

package/components/mui_extended/CheckBox/CheckBox.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { CheckboxProps } from './types';
+export declare const CheckBox: (props: CheckboxProps) => import("react").JSX.Element;

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

@@ -0,0 +1 @@
+export declare const COMPONENT_CLASS_NAME = "M4LCheckBox";

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

@@ -0,0 +1,8 @@
+import { CheckboxClassesType } from './types';
+import { OwnerState } from '../types';
+export declare const checkboxClasses: CheckboxClassesType;
+export declare function getRHFCheckboxUtilityClass(slot: string): string;
+export declare const useUtilityClasses: (ownerState: OwnerState) => {
+    root: string;
+    skeleton: string;
+};

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

@@ -0,0 +1,10 @@
+import { useUtilityClasses } from ".";
+export interface CheckboxClassesType {
+    root: string;
+    skeleton: string;
+    small: string;
+    medium: string;
+    stateDisabled: string;
+}
+export declare type CheckBoxClassesKey = keyof CheckboxClassesType;
+export declare type Classes = ReturnType<typeof useUtilityClasses>;

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

@@ -0,0 +1 @@
+export { CheckBox } from './CheckBox';

package/components/mui_extended/CheckBox/subcomponents/Skeleton/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SkeletonCheckBoxProps } from './types';
+export declare const SkeletonCheckBox: (props: SkeletonCheckBoxProps) => import("react").JSX.Element;

package/components/mui_extended/CheckBox/subcomponents/Skeleton/types.d.ts

@@ -0,0 +1,4 @@
+import { Classes } from "../../classes/types";
+export interface SkeletonCheckBoxProps {
+    classes: Classes;
+}

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

@@ -0,0 +1,5 @@
+import { CheckboxProps as MUICheckboxProps } from "@mui/material";
+export declare type OwnerState = Pick<CheckboxProps, 'size' | 'disabled'>;
+export interface CheckboxProps extends MUICheckboxProps {
+    label?: string;
+}

package/components/mui_extended/CheckBox.5f6c78b0.js

@@ -0,0 +1,86 @@
+import { generateUtilityClasses, generateUtilityClass, styled, Skeleton, Checkbox } from "@mui/material";
+import clsx from "clsx";
+import { useResponsiveDesktop } from "@m4l/graphics";
+import { useModuleSkeleton } from "@m4l/core";
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { T as Typography } from "./Typography/index.443590d6.js";
+import { unstable_composeClasses } from "@mui/base";
+const COMPONENT_CLASS_NAME = "M4LCheckBox";
+generateUtilityClasses(COMPONENT_CLASS_NAME, [
+  "root",
+  "skeleton",
+  "small",
+  "medium",
+  "stateDisabled"
+]);
+function getRHFCheckboxUtilityClass(slot) {
+  return generateUtilityClass(COMPONENT_CLASS_NAME, slot);
+}
+const useUtilityClasses = (ownerState) => {
+  const slots = {
+    root: ["root", ownerState.size === "small" && "small", ownerState.size === "medium" && "medium", ownerState.disabled && "stateDisabled"],
+    skeleton: ["skeleton"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getRHFCheckboxUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const WrapperSkeletonCheckBox = styled("div")(() => ({
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  width: "36px",
+  height: "36px"
+}));
+styled("div")(() => ({
+  display: "flex",
+  justifyContent: "flex-start",
+  alignItems: "center",
+  gap: "8px",
+  width: "100%"
+}));
+const SkeletonCheckBox = (props) => {
+  const {
+    classes
+  } = props;
+  return /* @__PURE__ */ jsx(Fragment, {
+    children: /* @__PURE__ */ jsx(WrapperSkeletonCheckBox, {
+      className: classes.skeleton,
+      children: /* @__PURE__ */ jsx(Skeleton, {
+        variant: "rounded",
+        width: "18px",
+        height: "18px"
+      })
+    })
+  });
+};
+const CheckBox = (props) => {
+  const {
+    className,
+    size = "small",
+    disabled,
+    label
+  } = props;
+  const isDesktop = useResponsiveDesktop();
+  const isSkeleton = useModuleSkeleton();
+  const ownerState = {
+    size: !isDesktop ? "medium" : size,
+    disabled
+  };
+  const classes = useUtilityClasses(ownerState);
+  return /* @__PURE__ */ jsxs("div", {
+    className: clsx(classes.root, className),
+    children: [!isSkeleton ? /* @__PURE__ */ jsx(Checkbox, {
+      ...props
+    }) : /* @__PURE__ */ jsx(SkeletonCheckBox, {
+      classes
+    }), label ? /* @__PURE__ */ jsx(Typography, {
+      skeletonWidth: "80px",
+      children: label
+    }) : null]
+  });
+};
+export {
+  CheckBox as C
+};

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

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

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

@@ -0,0 +1,10 @@
+import { PagerClassesType } from './types';
+export declare const pagerClasses: PagerClassesType;
+export declare function getPagerUtilityClass(slot: string): string;
+export declare const pagerUtilityClasses: () => {
+    root: string;
+    skeletonRoot: string;
+    skeletonRowsPerPage: string;
+    skeletonButtonContainer: string;
+    skeletonIconButton: string;
+};

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

@@ -0,0 +1,10 @@
+import { pagerUtilityClasses } from ".";
+export interface PagerClassesType {
+    root: string;
+    skeletonRoot: string;
+    skeletonRowsPerPage: string;
+    skeletonButtonContainer: string;
+    skeletonIconButton: string;
+}
+export declare type PagerClassesKey = keyof PagerClassesType;
+export declare type Classes = ReturnType<typeof pagerUtilityClasses>;