@m4l/components 9.1.77 → 9.1.79

package/components/hook-form/RHFTextField/slots/RHFTextFieldSlots.d.ts

@@ -7,6 +7,6 @@ export declare const LabelStyled: import('@emotion/styled').StyledComponent<Pick
 export declare const TextFieldStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../../mui_extended/TextField/types').TextFieldProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "children" | "value" | "title" | "component" | "size" | "name" | "error" | "select" | "rows" | "id" | "type" | "hidden" | "content" | "style" | "disabled" | "variant" | "margin" | "translate" | "sx" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "label" | keyof import('react').RefAttributes<HTMLDivElement> | "autoComplete" | "placeholder" | "required" | "dataTestId" | "maxRows" | "fullWidth" | "focused" | "hiddenLabel" | "InputProps" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "inputProps" | "inputRef" | "multiline" | "minRows" | "SelectProps"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('..').RHFTextFieldOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('..').RHFTextFieldOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const HelperErrorStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../HelperError').HelperErrorProps, keyof import('../../../HelperError').HelperErrorProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('..').RHFTextFieldOwnerState> & Record<string, unknown> & {
+export declare const HelperErrorStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../HelperError').HelperErrorProps & import('react').RefAttributes<HTMLLabelElement>, keyof import('../../../HelperError').HelperErrorProps | keyof import('react').RefAttributes<HTMLLabelElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('..').RHFTextFieldOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('..').RHFTextFieldOwnerState> & Record<string, unknown>;
 }, {}, {}>;

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

@@ -13,4 +13,5 @@ export * from './RHFTextFieldPassword';
 export { RHFPeriod } from './RHFPeriod/RHFPeriod';
 export { getPeriodComponetsDictionary } from '../Period/dictionary';
 export { RHFRadioGroup } from './RHFRadioGroup';
+export { RHFNumberInput } from './RHFNumberInput/RHFNumberInput';
 export * from './RHFUpload';

package/components/maps/components/Map/subcomponents/Controls/subcomponents/TopLeftTools/subcomponents/PopoverToolButton/subcomponentes/MapSourcesTool/index.js

@@ -7,9 +7,9 @@ import { u as useStateRef } from "../../../../../../../../../../../../hooks/useS
 import { m as mapClasses } from "../../../../../../../../classes/index.js";
 import clsx from "clsx";
 import { M as MAP_ICONS } from "../../../../../../../../icons.js";
-import { C as CheckBox } from "../../../../../../../../../../../mui_extended/CheckBox/CheckBox.js";
 import { u as useMapStore } from "../../../../../../../../hooks/useMapStore/index.js";
 import { I as Icon } from "../../../../../../../../../../../Icon/Icon.js";
+import { C as CheckBox } from "../../../../../../../../../../../mui_extended/CheckBox/CheckBox.js";
 function MapSourcesTool() {
   const { getLabel } = useModuleDictionary();
   const { host_static_assets, environment_assets } = useEnvironment();

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

@@ -1,10 +1,10 @@
 import { CheckboxProps } from './types';
 /**
- * Componente CheckBox
+ * Componente CheckBox 🟦
  *
  * Este componente representa un checkbox personalizado que puede ser utilizado en formularios y otros lugares donde se necesite una opción de selección.
  * @param {CheckboxProps} props - Las propiedades del componente.
- * @param {React.Ref<HTMLDivElement>} ref - La referencia al elemento raíz del componente.
+ * @param {React.Ref<HTMLButtonElement>} ref - La referencia al elemento raíz del componente.
  * @returns {JSX.Element} El componente CheckBox renderizado.
  * @example
  * ```tsx

package/components/mui_extended/CheckBox/CheckBox.js

@@ -7,7 +7,7 @@ import clsx from "clsx";
 import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";
 import { C as CheckBoxRootStyled, M as MUICheckboxStyled, I as IconCheckedStyled, a as IconStyled, T as TypographyStyled, S as SkeletonStyled } from "./slots/CheckBoxSlots.js";
 import { C as CheckBoxSlots } from "./slots/CheckBoxEnum.js";
-const CheckBox = forwardRef((props) => {
+const CheckBox = forwardRef((props, ref) => {
   const {
     className,
     size = "medium",
@@ -43,6 +43,7 @@ const CheckBox = forwardRef((props) => {
     /* @__PURE__ */ jsx(
       MUICheckboxStyled,
       {
+        ref,
         ownerState: { ...ownerState },
         disableRipple: true,
         id: finalId,
@@ -67,8 +68,8 @@ const CheckBox = forwardRef((props) => {
       }
     )
   ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(SkeletonStyled, { ownerState: {}, variant: "rounded", width: "24px", height: "24px" }),
-    inlineText ? /* @__PURE__ */ jsx(SkeletonStyled, { ownerState: {}, variant: "text", width: "100px", height: "24px" }) : null
+    /* @__PURE__ */ jsx(SkeletonStyled, { ownerState: {}, variant: "rounded", className: "checkSkeleton" }),
+    inlineText ? /* @__PURE__ */ jsx(SkeletonStyled, { ownerState: {}, variant: "rectangular", className: "checkSkeletonInlineText" }) : null
   ] }) });
 });
 export {

package/components/mui_extended/CheckBox/CheckBox.styles.js

@@ -1,6 +1,9 @@
+import { g as getHeightSizeStyles } from "../../../utils/getHeightSizeStyles.js";
 const checkBoxStyles = {
   /**
-   * Estilos generales para el checkbox
+   * Estilos generales para el checkbox 🟦
+   * @param {object} theme - El tema de MUI.
+   * @returns {object} - Los estilos aplicados al root del checkbox.
    */
   root: ({ theme }) => {
     return {
@@ -11,11 +14,13 @@ const checkBoxStyles = {
       overflow: "visible",
       boxSizing: "border-box",
       gap: theme.vars.size.baseSpacings.sp1
-      // height: theme.vars.size[device][size].action,
     };
   },
   /**
-   * Componente MuiCheckBox, FocusVisible para cuando esta seleccionado el CheckBox
+   * Componente MuiCheckBox, FocusVisible para cuando está seleccionado el CheckBox 🟩
+   * @param {object} theme - El tema de MUI.
+   * @param {object} ownerState - El estado del componente.
+   * @returns {object} - Los estilos aplicados al MuiCheckBox.
    */
   muiCheckBox: ({ theme, ownerState }) => {
     const color = ownerState.error ? "error" : "primary";
@@ -51,7 +56,7 @@ const checkBoxStyles = {
         outline: `1px solid ${theme.vars.palette["primary"].focusVisible}`,
         outlineOffset: 2
       },
-      // Historia Disabled para CheckBox
+      // Historia Disabled para CheckBox 😶‍🌫️
       ...ownerState.disabled && {
         pointerEvents: ownerState.disabled ? "none" : "auto",
         "&:hover": {
@@ -61,24 +66,68 @@ const checkBoxStyles = {
     };
   },
   /**
-   * Estilos para el inline-text del CheckBox
+   * Estilos para el inline-text del CheckBox 📝
+   * @param {object} theme - El tema de MUI.
+   * @param {object} ownerState - El estado del componente.
+   * @returns {object} - Los estilos aplicados al skeletonStyled.
    */
-  skeletonStyled: ({ theme }) => ({
-    borderRadius: theme.vars.size.borderRadius.r1,
-    backgroundColor: theme.vars.palette?.skeleton.default
-  }),
+  skeletonStyled: ({ theme, ownerState }) => {
+    const device = theme.generalSettings.isMobile ? "mobile" : "desktop";
+    const size = ownerState.size ?? "medium";
+    return {
+      borderRadius: theme.vars.size.borderRadius.r1,
+      backgroundColor: theme.vars.palette?.skeleton.transition,
+      "&.checkSkeleton": {
+        width: theme.vars.size[device][size].action,
+        ...getHeightSizeStyles(
+          theme.generalSettings.isMobile,
+          ownerState.size || "medium",
+          "action",
+          (val) => {
+            return {
+              width: val
+            };
+          }
+        ),
+        ...getHeightSizeStyles(
+          theme.generalSettings.isMobile,
+          ownerState.size || "small",
+          "action",
+          (val) => {
+            return {
+              width: val
+            };
+          }
+        )
+      },
+      "&.checkSkeletonInlineText": {
+        width: theme.vars.size.baseSpacings.sp12,
+        borderRadius: theme.vars.size.borderRadius.r1,
+        ...getHeightSizeStyles(
+          theme.generalSettings.isMobile,
+          ownerState.size || "medium",
+          "base"
+        ),
+        ...getHeightSizeStyles(
+          theme.generalSettings.isMobile,
+          ownerState.size || "small",
+          "base"
+        )
+      }
+    };
+  },
   /**
-   * El estilado de este slot, se hace en muiCheckBox, debido a que el input absorve los psuedo selectore, entonces hay que hacerlos desde el nodo padre.
+   * Estilos para el inline-text del CheckBox 📝
    */
-  icon: {},
+  typographyStyled: {},
   /**
-   * El estilado de este slot, se hace en muiCheckBox, debido a que el input absorve los psuedo selectore, entonces hay que hacerlos desde el nodo padre.
+   * El estilado de este slot, se hace en muiCheckBox, debido a que el input absorbe los pseudo selectores, entonces hay que hacerlos desde el nodo padre. 🟨
    */
-  iconChecked: {},
+  icon: {},
   /**
-   * Estilos para el label del CheckBox
+   * El estilado de este slot, se hace en muiCheckBox, debido a que el input absorbe los pseudo selectores, entonces hay que hacerlos desde el nodo padre. 🟨
    */
-  typographyStyled: {}
+  iconChecked: {}
 };
 export {
   checkBoxStyles as c

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

@@ -4,37 +4,62 @@ import { ComponentPalletColor, Sizes } from '@m4l/styles';
 import { CheckBoxSlots } from './slots';
 import { OverridesStyleRules } from '@mui/material/styles/overrides';
 import { CHECK_BOX_KEY_COMPONENT } from './constants';
+/**
+ * Propiedades del estado del propietario del CheckBox.
+ * size - El tamaño del CheckBox.
+ * disabled - Indica si el CheckBox está deshabilitado.
+ */
 export type OwnerState = Pick<CheckboxProps, 'size' | 'disabled'>;
 /**
- * Variants for the CheckBox component.
+ * Variantes para el componente CheckBox.
  */
 export type CheckBoxVariants = 'standard';
+/**
+ * Propiedades del componente CheckBox.
+ * [size] - El tamaño del CheckBox.
+ * [color] - El color del CheckBox.
+ * [inlineText] - El texto que se muestra en línea con el CheckBox.
+ */
 export interface CheckboxProps extends MUICheckboxProps, Omit<LabelProps, 'label' | 'size'> {
     size?: Extract<Sizes, 'small' | 'medium'>;
     color?: Extract<ComponentPalletColor, 'default'>;
     inlineText?: string;
 }
+/**
+ * Estado del propietario del CheckBox.
+ * [checked] - Indica si el CheckBox está marcado.
+ * [disabled] - Indica si el CheckBox está deshabilitado.
+ * size - El tamaño del CheckBox.
+ * [error] - Indica si hay un error en el CheckBox.
+ * color - El color del CheckBox.
+ */
 export interface CheckBoxOwnerState {
     /**
-     * Si está checkedo o no.
+     * Indica si el CheckBox está marcado.
      */
     checked?: boolean;
     /**
-     * Indica si el  CheckBox está deshabilitado.
+     * Indica si el CheckBox está deshabilitado.
      */
     disabled?: boolean;
     /**
-     * Tamaño de CheckBox.
+     * El tamaño del CheckBox.
      */
     size: Extract<Sizes, 'small' | 'medium'>;
     /**
-     * Indica si CheckBox es error.
+     * Indica si hay un error en el CheckBox.
      */
     error?: boolean;
     /**
-     * Color del campo de CheckBox.
+     * El color del CheckBox.
      */
     color: Extract<ComponentPalletColor, 'default'>;
 }
+/**
+ * Tipos de slots del CheckBox.
+ */
 export type CheckBoxSlotsType = keyof typeof CheckBoxSlots;
+/**
+ * Estilos del CheckBox.
+ */
 export type CheckBoxStyles = OverridesStyleRules<CheckBoxSlotsType, typeof CHECK_BOX_KEY_COMPONENT, Theme>;

package/index.js

@@ -36,11 +36,12 @@ import { R as R6 } from "./components/hook-form/RHFHelperError/index.js";
 import { R as R7 } from "./components/hook-form/RHFPeriod/RHFPeriod.js";
 import { g as g6 } from "./components/Period/dictionary.js";
 import { R as R8 } from "./components/hook-form/RHFRadioGroup/RHFRadioGroup.js";
-import { R as R9 } from "./components/hook-form/RHFColorPicker/RFHColorPicker.js";
-import { R as R10 } from "./components/hook-form/RHFCheckbox/RHFCheckbox.js";
-import { R as R11 } from "./components/hook-form/RHFTextField/RHFTextField.js";
-import { R as R12 } from "./components/hook-form/RHFTextFieldPassword/RHFTextFieldPassword.js";
-import { R as R13 } from "./components/hook-form/RHFUpload/RHFUploadImage/RHFUploadImage.js";
+import { R as R9 } from "./components/hook-form/RHFNumberInput/RHFNumberInput.js";
+import { R as R10 } from "./components/hook-form/RHFColorPicker/RFHColorPicker.js";
+import { R as R11 } from "./components/hook-form/RHFCheckbox/RHFCheckbox.js";
+import { R as R12 } from "./components/hook-form/RHFTextField/RHFTextField.js";
+import { R as R13 } from "./components/hook-form/RHFTextFieldPassword/RHFTextFieldPassword.js";
+import { R as R14 } from "./components/hook-form/RHFUpload/RHFUploadImage/RHFUploadImage.js";
 import { B } from "./components/formatters/BooleanFormatter/BooleanFormatter.js";
 import { D as D2, u as u4 } from "./components/formatters/DateFormatter/DateFormatter.js";
 import { U, g as g7 } from "./components/formatters/UncertaintyFormatter/UncertaintyFormatter.js";
@@ -73,7 +74,7 @@ import { d, g as g13 } from "./components/CommonActions/dictionary.js";
 import { D as D5 } from "./components/DragResizeWindow/DragResizeWindow.js";
 import { d as d2 } from "./components/DragResizeWindow/classes/index.js";
 import { G } from "./components/GridLayout/GridLayout.js";
-import { R as R14 } from "./components/GridLayout/subcomponents/Responsive/index.js";
+import { R as R15 } from "./components/GridLayout/subcomponents/Responsive/index.js";
 import { c as c3, d as d3, e } from "./components/GridLayout/subcomponents/Responsive/responsiveUtils.js";
 import { i, k } from "./components/GridLayout/utils.js";
 import { w } from "./components/GridLayout/subcomponents/withSizeProvider/index.js";
@@ -127,8 +128,8 @@ import { H as H4 } from "./components/HelmetPage/index.js";
 import { P as P11 } from "./components/PropertyValue/PropertyValue.js";
 import { a as a9 } from "./components/MenuActions/dictionary.js";
 import { a as a10, M as M11 } from "./components/MenuActions/MenuActions.js";
-import { R as R15 } from "./components/extended/React-Resizable/Resizable/Resizable.js";
-import { R as R16 } from "./components/extended/React-Resizable/ResizableBox/ResizableBox.js";
+import { R as R16 } from "./components/extended/React-Resizable/Resizable/Resizable.js";
+import { R as R17 } from "./components/extended/React-Resizable/ResizableBox/ResizableBox.js";
 import { S as S3 } from "./components/ScrollBar/index.js";
 import { S as S4 } from "./components/SplitLayout/SplitLayout.js";
 import { T as T3 } from "./components/ToastContainer/ToastContainer.js";
@@ -182,12 +183,12 @@ import { T as T17 } from "./components/mui_extended/ToggleIconButton/constants.j
 import { T as T18 } from "./components/mui_extended/ToggleIconButton/slots/ToggleIconButtonEnum.js";
 import { T as T19 } from "./components/mui_extended/ToggleIconButton/slots/ToggleIconButtonSlots.js";
 import { a as a13, D as D6, M as M13 } from "./components/areas/contexts/DynamicMFParmsContext/index.js";
-import { F, R as R17, u as u9 } from "./components/hook-form/RHFormContext/index.js";
+import { F, R as R18, u as u9 } from "./components/hook-form/RHFormContext/index.js";
 import { g as g26 } from "./components/hook-form/RHFormContext/dictionary.js";
 import { u as u10 } from "./contexts/AppearanceComponentContext/useAppearanceComponentStore.js";
 import { A as A16 } from "./contexts/AppearanceComponentContext/AppearanceComponentContext.js";
 import { a as a14, M as M14 } from "./contexts/ModalContext/index.js";
-import { a as a15, R as R18 } from "./contexts/RealTimeContext/RealTimeContext.js";
+import { a as a15, R as R19 } from "./contexts/RealTimeContext/RealTimeContext.js";
 import { u as u11 } from "./hooks/useFormAddEdit/index.js";
 import { u as u12 } from "./hooks/useModal/index.js";
 import { u as u13 } from "./hooks/useTab/index.js";
@@ -310,23 +311,24 @@ export {
   P11 as PropertyValue,
   R as RHFAutocomplete,
   R2 as RHFAutocompleteAsync,
-  R10 as RHFCheckbox,
-  R9 as RHFColorPicker,
+  R11 as RHFCheckbox,
+  R10 as RHFColorPicker,
   R3 as RHFDateTime,
   R6 as RHFHelperError,
   R4 as RHFMultiCheckbox,
+  R9 as RHFNumberInput,
   R7 as RHFPeriod,
   R8 as RHFRadioGroup,
   R5 as RHFSelect,
-  R11 as RHFTextField,
-  R12 as RHFTextFieldPassword,
-  R13 as RHFUploadImage,
-  R17 as RHFormProvider,
+  R12 as RHFTextField,
+  R13 as RHFTextFieldPassword,
+  R14 as RHFUploadImage,
+  R18 as RHFormProvider,
   a15 as RealTimeContext,
-  R18 as RealTimeProvider,
-  R15 as Resizable,
-  R16 as ResizableBox,
-  R14 as Responsive,
+  R19 as RealTimeProvider,
+  R16 as Resizable,
+  R17 as ResizableBox,
+  R15 as Responsive,
   S3 as ScrollBar,
   S as ScrollToTop,
   S6 as SectionCommercial,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.1.77",
+  "version": "9.1.79",
   "license": "UNLICENSED",
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"

package/components/HelperError/HelperError.stories.d.ts

@@ -1,13 +0,0 @@
-import { HelperError } from './HelperError';
-import { Meta, StoryObj } from '@storybook/react';
-declare const meta: Meta<typeof HelperError>;
-export default meta;
-type Story = StoryObj<typeof HelperError>;
-/** Base HelperError component  */
-export declare const ErrorBase: Story;
-/** Small  HelperError component  */
-export declare const small: Story;
-/** Medium HelperError component  */
-export declare const medium: Story;
-/** Skeleton HelperError component  */
-export declare const Skeleton: Story;

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

@@ -1,12 +0,0 @@
-import { RHFCheckboxClassesType } from './types';
-import { OwnerState } from '../types';
-export declare const RHFCheckboxClasses: RHFCheckboxClassesType;
-export declare function getRHFCheckboxUtilityClass(slot: string): string;
-/**
- * TODO: Documentar
- */
-export declare const useUtilityClasses: (ownerState: OwnerState) => {
-    skeleton: string;
-    root: string;
-    checkTypography: string;
-};

package/components/hook-form/RHFCheckbox/classes/index.js

@@ -1,44 +0,0 @@
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-generateUtilityClasses("M4LRHFCheckbox", [
-  /* elements */
-  "root",
-  "checkTypography",
-  "skeleton",
-  /* states or variants of elements */
-  "small",
-  "medium",
-  "stateDisabled",
-  "stateError",
-  "isFocus",
-  "isTabSelected"
-]);
-function getRHFCheckboxUtilityClass(slot) {
-  return generateUtilityClass("M4LRHFCheckbox", slot);
-}
-const useUtilityClasses = (ownerState) => {
-  const slots = {
-    root: [
-      "root",
-      ownerState.isFocus && "isFocus",
-      ownerState.isTabSelected && "isTabSelected",
-      ownerState.sizeCheck === "small" && "small",
-      ownerState.sizeCheck === "medium" && "medium",
-      ownerState.disabled && "stateDisabled",
-      ownerState.error && "stateError"
-    ],
-    skeleton: ["skeleton"],
-    checkTypography: [
-      "checkTypography",
-      ownerState.sizeCheck === "small" ? "small" : "medium",
-      ownerState.disabled && "stateDisabled"
-    ]
-  };
-  const composedClasses = unstable_composeClasses(slots, getRHFCheckboxUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-export {
-  useUtilityClasses as u
-};

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

@@ -1,12 +0,0 @@
-export interface RHFCheckboxClassesType {
-    root: string;
-    checkTypography: string;
-    skeleton: string;
-    small: string;
-    medium: string;
-    stateDisabled: string;
-    stateError: string;
-    isFocus: string;
-    isTabSelected: string;
-}
-export type RHFCheckboxClassesKey = keyof RHFCheckboxClassesType;

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

@@ -1,6 +0,0 @@
-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<import('@mui/material').SkeletonOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLSpanElement> | null | undefined;
-}, "children" | "style" | "variant" | "width" | "height" | "animation" | "sx" | "classes" | "className"> & 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/styles.js

@@ -1,24 +0,0 @@
-import { styled } from "@mui/material/styles";
-import { Skeleton } from "@mui/material";
-const RHFCheckboxRoot = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LRHFCheckbox?.styleOverrides || {}
-}));
-styled("div")(() => ({
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  padding: "8px"
-}));
-styled(Skeleton)(() => ({
-  width: "20px",
-  height: "20px",
-  borderRadius: "4px"
-}));
-const ContainerCheckTypography = styled("div")(() => ({
-  display: "flex",
-  alignItems: "center"
-}));
-export {
-  ContainerCheckTypography as C,
-  RHFCheckboxRoot as R
-};

package/components/hook-form/RHFCheckbox/test/constants.d.ts

@@ -1,4 +0,0 @@
-export declare const RHFCHEKCBOX_ROOT_TEST_ID = "root";
-export declare const RHFCHEKCBOX_CHECKTYPOGRAPHY_TEST_ID = "checkTypography";
-export declare const RHFCHEKCBOX_SKELETON_TEST_ID = "skeleton";
-export declare const RHFCHEKCBOX_PREFIX = "RHFCheckbox";

package/components/hook-form/RHFCheckbox/test/constants.js

@@ -1,4 +0,0 @@
-const RHFCHEKCBOX_PREFIX = "RHFCheckbox";
-export {
-  RHFCHEKCBOX_PREFIX as R
-};

package/components/hook-form/RHFCheckbox/test/utils.d.ts

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

package/components/hook-form/RHFCheckbox/test/utils.js

@@ -1,7 +0,0 @@
-import { R as RHFCHEKCBOX_PREFIX } from "./constants.js";
-const getNameDataTestId = (KEY, NAME) => {
-  return `${RHFCHEKCBOX_PREFIX}-${NAME}-${KEY}`;
-};
-export {
-  getNameDataTestId as g
-};