@m4l/components 0.1.68 → 0.1.70

package/components/hook-form/RHFAutocomplete/{index.6f0823fb.js → index.09c400c3.js}

@@ -1,26 +1,26 @@
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { useFormContext, Controller } from "react-hook-form";
 import { styled as styled$1, Skeleton, generateUtilityClasses, generateUtilityClass, Autocomplete, Popper, TextField, CircularProgress } from "@mui/material";
-import { I as Image } from "../../Image/index.b216f30c.js";
+import { I as Image } from "../../Image/index.82a6cd46.js";
 import { useMemo, useState, useEffect } from "react";
-import { T as TEST_PROP_ID } from "../../../vendor.659fcc31.js";
+import { T as TEST_PROP_ID } from "../../../vendor.8edaef93.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { T as Typography } from "../../mui_extended/Typography/index.ab4ee376.js";
-import { H as HelperText } from "../../HelperText/index.dba051a9.js";
+import { T as Typography } from "../../mui_extended/Typography/index.b3c6e71c.js";
+import { H as HelperText } from "../../HelperText/index.a69e9509.js";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import "clsx";
-import "../../Icon/index.f0a7d42d.js";
-import "../../mui_extended/IconButton/index.06b5c4a8.js";
-import "../../mui_extended/Accordion/index.5370ebbf.js";
+import "../../Icon/index.caaed284.js";
+import "../../mui_extended/IconButton/index.57824447.js";
+import "../../mui_extended/Accordion/index.437bb3f8.js";
 import "../../mui_extended/Avatar/index.fe06afd7.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import "../../mui_extended/Button/index.4d13dbda.js";
+import "../../mui_extended/Button/index.f8ce9ccd.js";
 import "@mui/lab";
-import "../../mui_extended/Popover/index.e271e4f0.js";
-import "../../mui_extended/MenuActions/index.e05e6158.js";
-import "../../mui_extended/Pager/index.b9db40bc.js";
+import "../../mui_extended/Popover/index.226f247e.js";
+import "../../mui_extended/MenuActions/index.37043326.js";
+import "../../mui_extended/Pager/index.eeed3bd5.js";
 import "../../mui_extended/Tab/index.e0653a0a.js";
 const AutocompleteRoot = styled("div")(({
   theme

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const AutocompleteRoot: 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/RHFAutocomplete/subcomponents/RenderOption/index.d.ts

@@ -1,3 +1,3 @@
 import { HTMLAttributes } from 'react';
 import { GetOptionString } from '../../types';
-export declare function withRenderOption<T>(getUrlImage: GetOptionString<T>, classes: any): (optionProps: HTMLAttributes<HTMLLIElement>, option: T) => JSX.Element;
+export declare function withRenderOption<T>(getUrlImage: GetOptionString<T>, classes: any): (optionProps: HTMLAttributes<HTMLLIElement>, option: T) => import("react").JSX.Element;

package/components/hook-form/RHFAutocomplete/subcomponents/RenderOption/styles.d.ts

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

package/components/hook-form/RHFAutocomplete/subcomponents/Skeleton/index.d.ts

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

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

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

package/components/hook-form/RHFAutocompleteAsync/RHFAutocompleteAsync.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 import type { RHFAutocompleteAsyncProps } from './types';
 /**
  * Provee un combo de opciones cargadas directamente desde un endpoint usando internamente el componente RHFAutocomplete.
  * @param props
  * @returns
  */
-export declare function RHFAutocompleteAsync<T>(props: RHFAutocompleteAsyncProps<T>): JSX.Element;
+export declare function RHFAutocompleteAsync<T>(props: RHFAutocompleteAsyncProps<T>): import("react").JSX.Element;

package/components/hook-form/RHFAutocompleteAsync/{index.dec5535b.js → index.e8acff04.js}

@@ -4,8 +4,8 @@ import debounce from "lodash/debounce";
 import { styled } from "@mui/material/styles";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { T as TEST_PROP_ID } from "../../../vendor.659fcc31.js";
-import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.6f0823fb.js";
+import { T as TEST_PROP_ID } from "../../../vendor.8edaef93.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.09c400c3.js";
 import { jsx } from "react/jsx-runtime";
 styled("div")(() => ({
   display: "flex",

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const SKTRHFAutocompleteAsyncWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const PropertieValueLabel: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SKTInputText: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const RHFAutocompleteAsyncRoot: 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/RHFCheckbox/RHFCheckbox.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 import { RHFCheckboxProps } from './types';
 /**
  * Provee de un caja de selección vinculado al controlador de hook-forms y aporta su versión provisional de carga en red.
  * @param props
  * @returns
  */
-export declare function RHFCheckbox(props: RHFCheckboxProps): JSX.Element;
+export declare function RHFCheckbox(props: RHFCheckboxProps): import("react").JSX.Element;

package/components/hook-form/RHFCheckbox/{index.7ae098fb.js → index.70310f35.js}

@@ -1,12 +1,12 @@
 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 "../../../vendor.659fcc31.js";
+import { T as TEST_PROP_ID } from "../../../vendor.8edaef93.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { styled as styled$1 } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
-import { H as HelperText } from "../../HelperText/index.dba051a9.js";
-import { T as Typography } from "../../mui_extended/Typography/index.ab4ee376.js";
+import { H as HelperText } from "../../HelperText/index.a69e9509.js";
+import { T as Typography } from "../../mui_extended/Typography/index.b3c6e71c.js";
 const WrapperSkeletonCheckBox = styled("div")(() => ({
   display: "flex",
   justifyContent: "center",

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export declare const RHFCheckboxRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const WrapperSKTRHFCheckbox: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SKTCheckSkeleton: import("@emotion/styled").StyledComponent<{
+    animation?: false | "pulse" | "wave" | undefined;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").SkeletonClasses> | undefined;
+    height?: string | number | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+    variant?: "text" | "rectangular" | "rounded" | "circular" | undefined;
+    width?: string | number | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "children" | "width" | "height" | keyof import("@mui/material/OverridableComponent").CommonProps | "animation" | "sx" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const ContainerCheckTypography: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/hook-form/RHFCheckbox/subcomponents/Skeleton/index.d.ts

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

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

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

package/components/hook-form/RHFDateTime/RHFDateTime.d.ts

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

package/components/hook-form/RHFDateTime/classes/constants.d.ts

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

package/components/hook-form/RHFDateTime/classes/index.d.ts

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

package/components/hook-form/RHFDateTime/classes/types.d.ts

@@ -0,0 +1,13 @@
+export interface RHFDateTimeClassesType {
+    root: string;
+    skeleton: string;
+    small: string;
+    medium: string;
+    isFocus: string;
+    isDisabled: string;
+    variantInfo: string;
+    variantSuccess: string;
+    variantWarning: string;
+    variantError: string;
+}
+export declare type RHFDateTimeClassesKey = keyof RHFDateTimeClassesType;

package/components/hook-form/RHFDateTime/index.7b815072.js

@@ -0,0 +1,187 @@
+import { useFormContext, Controller } from "react-hook-form";
+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 } from "react/jsx-runtime";
+import { useFormatter } from "@m4l/graphics";
+import { useState, useEffect } from "react";
+import clsx from "clsx";
+import "../../Icon/index.caaed284.js";
+import "../../mui_extended/IconButton/index.57824447.js";
+import "../../mui_extended/Accordion/index.437bb3f8.js";
+import "../../mui_extended/Avatar/index.fe06afd7.js";
+import "react-router-dom";
+import "@mui/material/Button";
+import "../../mui_extended/Button/index.f8ce9ccd.js";
+import "../../Image/index.82a6cd46.js";
+import "@mui/lab";
+import { T as Typography } from "../../mui_extended/Typography/index.b3c6e71c.js";
+import "../../mui_extended/Popover/index.226f247e.js";
+import "../../mui_extended/MenuActions/index.37043326.js";
+import "../../mui_extended/Pager/index.eeed3bd5.js";
+import "../../mui_extended/Tab/index.e0653a0a.js";
+import { H as HelperText } from "../../HelperText/index.a69e9509.js";
+import { styled } from "@mui/material/styles";
+import { unstable_composeClasses } from "@mui/base";
+const SKTRHFWrapperTextField = styled("div")(({
+  theme
+}) => ({
+  display: "flex",
+  width: "100%",
+  height: "42.25px",
+  alignItems: "center",
+  justifyContent: "space-between",
+  border: `1px solid ${theme.palette.divider}`,
+  padding: "0 14px",
+  borderRadius: theme.spacing(0.5)
+}));
+const SkeletonRHFDateTime = (props) => {
+  const {
+    skeletonWidth,
+    skeletonHeight,
+    className
+  } = props;
+  return /* @__PURE__ */ jsxs(SKTRHFWrapperTextField, {
+    className,
+    children: [/* @__PURE__ */ jsx(Skeleton, {
+      variant: "text",
+      width: skeletonWidth,
+      height: skeletonHeight
+    }), /* @__PURE__ */ jsx(Skeleton, {
+      variant: "circular",
+      width: "20px",
+      height: "20px"
+    })]
+  });
+};
+const componentName = "M4LRHFDateTime";
+generateUtilityClasses(componentName, [
+  "root",
+  "skeleton",
+  "small",
+  "medium",
+  "isFocus",
+  "isDisabled",
+  "variantInfo",
+  "variantSuccess",
+  "variantWarning",
+  "variantError"
+]);
+function getRHFCheckboxUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const useUtilityClasses = (ownerState) => {
+  const slots = {
+    root: ["root", ownerState.size === "small" && "small", ownerState.size === "medium" && "medium", ownerState.isFocus && "isFocus", ownerState.disabled && "isDisabled", ownerState.variant === "info" && "variantInfo", ownerState.variant === "success" && "variantSuccess", ownerState.variant === "warning" && "variantWarning", ownerState.variant === "error" && "variantError"],
+    skeleton: ["skeleton"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getRHFCheckboxUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const RHFDateTimeRoot = styled$1("div")(({ theme }) => ({
+  ...theme.components?.M4LRHFDateTime?.styleOverrides
+}));
+function RHFDateTime(props) {
+  const {
+    name: nameRHF,
+    disabled,
+    size = "small",
+    variant,
+    skeletonWidth = "50%",
+    skeletonHeight = 14,
+    className,
+    label,
+    helperMessage
+  } = props;
+  const [isFocus, setIsFocus] = useState(false);
+  const [currentVariant, setCurrentVariant] = useState(void 0);
+  const {
+    control,
+    formState: {
+      errors
+    }
+  } = useFormContext();
+  useEffect(() => {
+    if (errors[nameRHF]) {
+      setCurrentVariant("error");
+    } else if (variant) {
+      setCurrentVariant(variant);
+    } else {
+      setCurrentVariant(void 0);
+    }
+  }, [errors[nameRHF], variant, control]);
+  const isSkeleton = useModuleSkeleton();
+  const {
+    dateFormatter: {
+      datetimeFormat
+    }
+  } = useFormatter();
+  const handlerFocus = () => {
+    setIsFocus(true);
+  };
+  const handlerBlur = () => {
+    setIsFocus(false);
+  };
+  const ownerState = {
+    isFocus,
+    disabled,
+    size,
+    variant: currentVariant
+  };
+  const classes = useUtilityClasses(ownerState);
+  if (isSkeleton) {
+    return /* @__PURE__ */ jsx(SkeletonRHFDateTime, {
+      skeletonWidth,
+      skeletonHeight,
+      className: classes.skeleton
+    });
+  }
+  return /* @__PURE__ */ jsx(Controller, {
+    name: nameRHF,
+    control,
+    render: ({
+      field: {
+        value,
+        onChange,
+        ref
+      },
+      fieldState: {
+        error
+      }
+    }) => {
+      return /* @__PURE__ */ jsxs(RHFDateTimeRoot, {
+        className: clsx(classes.root, className),
+        children: [label && /* @__PURE__ */ jsx(Typography, {
+          variant: "body",
+          children: label
+        }), /* @__PURE__ */ jsx(DateTimePicker, {
+          inputRef: ref,
+          ampm: false,
+          value,
+          onChange: (newValue) => {
+            onChange(newValue);
+          },
+          slotProps: {
+            textField: {
+              error: !!error,
+              helperText: error?.message,
+              onFocus: handlerFocus,
+              onBlur: handlerBlur
+            },
+            field: {
+              format: datetimeFormat
+            }
+          }
+        }), currentVariant ? /* @__PURE__ */ jsx(HelperText, {
+          variant: currentVariant,
+          message: currentVariant !== "error" ? helperMessage : error?.message
+        }) : null]
+      });
+    }
+  });
+}
+export {
+  RHFDateTime as R
+};

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

@@ -1,3 +1 @@
-import { TextFieldProps } from '@mui/material';
-import { RHFDateTimeProps } from './types';
-export declare function RHFDateTime(props: RHFDateTimeProps & TextFieldProps): JSX.Element;
+export { RHFDateTime } from './RHFDateTime';

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

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

package/components/hook-form/RHFDateTime/subcomponents/Skeleton/index.d.ts

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

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+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/RHFDateTime/subcomponents/Skeleton/types.d.ts

@@ -1,2 +1,4 @@
 import { RHFDateTimeProps } from '../../types';
-export declare type SkeletonRHFDateTimeProps = Pick<RHFDateTimeProps, 'skeletonWidth' | 'skeletonHeight'>;
+export interface SkeletonRHFDateTimeProps extends Pick<RHFDateTimeProps, 'skeletonWidth' | 'skeletonHeight'> {
+    className: string;
+}

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

@@ -3,4 +3,17 @@ export interface RHFDateTimeProps {
     skeletonHeight?: string | number;
     name: string;
     withMask?: boolean;
+    variant?: RHFDateTimeVariants;
+    size?: SizeType;
+    disabled?: boolean;
+    className?: string;
+    label?: string;
+    helperMessage?: string;
 }
+declare type SizeType = 'small' | 'medium';
+export declare type RHFDateTimeVariants = 'info' | 'success' | 'warning' | undefined;
+export interface OwnerState extends Pick<RHFDateTimeProps, 'size' | 'disabled'> {
+    isFocus?: boolean;
+    variant?: RHFDateTimeVariants | 'error';
+}
+export {};

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { RHFMultiCheckboxProps } from './types';
-export declare function RHFMultiCheckbox({ name, options, ...other }: RHFMultiCheckboxProps): JSX.Element;
+export declare function RHFMultiCheckbox({ name, options, ...other }: RHFMultiCheckboxProps): import("react").JSX.Element;

package/components/hook-form/RHFPeriod/{index.81da23cf.js → index.3c7d393c.js}

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material";
 import { useFormContext, Controller } from "react-hook-form";
-import { H as HelperText } from "../../HelperText/index.dba051a9.js";
-import { P as Period } from "../../Period/index.41358ce0.js";
+import { H as HelperText } from "../../HelperText/index.a69e9509.js";
+import { P as Period } from "../../Period/index.fbf074d3.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 const Wrapper = styled("div")(({
   theme

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

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

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

@@ -0,0 +1,2 @@
+/// <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/RHFRadioGroup.d.ts

@@ -1,8 +1,9 @@
+/// <reference types="react" />
 import { RadioGroupProps } from '@mui/material';
 interface IProps {
     name: string;
     options: string[];
     getOptionLabel?: string[];
 }
-export declare function RHFRadioGroup({ name, options, getOptionLabel, ...other }: IProps & RadioGroupProps): JSX.Element;
+export declare function RHFRadioGroup({ name, options, getOptionLabel, ...other }: IProps & RadioGroupProps): import("react").JSX.Element;
 export {};

package/components/hook-form/RHFSelect.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 import { TextFieldProps } from '@mui/material';
 interface IProps {
     name: string;
     children: any;
 }
-export declare function RHFSelect({ name, children, ...other }: IProps & TextFieldProps): JSX.Element;
+export declare function RHFSelect({ name, children, ...other }: IProps & TextFieldProps): import("react").JSX.Element;
 export {};

package/components/hook-form/RHFTextField/{index.ef829e80.js → index.d4c39859.js}

@@ -1,17 +1,17 @@
 import { useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { styled, Skeleton, generateUtilityClasses, TextField, InputAdornment, generateUtilityClass } from "@mui/material";
 import { forwardRef, useState, useEffect } from "react";
-import { I as IconButton } from "../../mui_extended/IconButton/index.06b5c4a8.js";
-import { T as TEST_PROP_ID } from "../../../vendor.659fcc31.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.57824447.js";
+import { T as TEST_PROP_ID } from "../../../vendor.8edaef93.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import "../../Icon/index.f0a7d42d.js";
+import "../../Icon/index.caaed284.js";
 import "clsx";
 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.d4755e7e.js";
-import { T as Typography } from "../../mui_extended/Typography/index.ab4ee376.js";
-import { H as HelperText } from "../../HelperText/index.dba051a9.js";
+import { g as getComponentUtilityClass } from "../../../utils/index.a2312a73.js";
+import { T as Typography } from "../../mui_extended/Typography/index.b3c6e71c.js";
+import { H as HelperText } from "../../HelperText/index.a69e9509.js";
 const SkeletonTextFieldRoot = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",
@@ -308,7 +308,6 @@ const RHFTextFieldPassword = (props) => {
     environment_assets
   } = useEnvironment();
   const classes = useUtilityClasses();
-  console.log("label----", label);
   return /* @__PURE__ */ jsx(RHFTextFieldPasswordRoot, {
     className: classes.root,
     ...process.env.NODE_ENV !== "production" ? {

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

@@ -0,0 +1,3 @@
+/// <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/index.d.ts

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

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

@@ -0,0 +1,3 @@
+/// <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/RHFTextFieldPassword.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RHFTextFieldPasswordProps } from './types';
 /**
  * Provee de un campo de texto de tipo contraseña vinculado al formulario de hook-forms, aporta su versión provisional
@@ -5,4 +6,4 @@ import { RHFTextFieldPasswordProps } from './types';
  * @param props
  * @returns
  */
-export declare const RHFTextFieldPassword: (props: RHFTextFieldPasswordProps) => JSX.Element;
+export declare const RHFTextFieldPassword: (props: RHFTextFieldPasswordProps) => import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+/// <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/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { RHFUploadImageProps } from './types';
-export declare function RHFUploadImage({ name, ...other }: RHFUploadImageProps): JSX.Element;
+export declare function RHFUploadImage({ name, ...other }: RHFUploadImageProps): import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+/// <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/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { UploadImageProps } from './types';
-export default function UploadImage({ error, file, helperText, sx, ...other }: UploadImageProps): JSX.Element;
+export default function UploadImage({ error, file, helperText, sx, ...other }: UploadImageProps): import("react").JSX.Element;

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

@@ -0,0 +1,12 @@
+/// <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/index.d.ts

@@ -1 +1,2 @@
-export declare const SkeletonUploadImage: () => JSX.Element;
+/// <reference types="react" />
+export declare const SkeletonUploadImage: () => import("react").JSX.Element;

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

@@ -0,0 +1,2 @@
+/// <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.0b97dc3c.js → index.31044674.js}

@@ -4,7 +4,7 @@ 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.b216f30c.js";
+import { I as Image } from "../../Image/index.82a6cd46.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 const WrapperUploadImage = styled("div")(({

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

@@ -1 +1,2 @@
-export declare const ModalDialog: () => JSX.Element;
+/// <reference types="react" />
+export declare const ModalDialog: () => import("react").JSX.Element;