@m4l/components 9.3.15-JT19092025.beta.1 → 9.3.16-BE091825-beta.2

package/components/Card/Card.js

@@ -0,0 +1,49 @@
+import { jsx } from "react/jsx-runtime";
+import { C as CardRootStyled } from "./slots/CardSlots.js";
+import { C as CARD_CLASSES } from "./constants.js";
+import clsx from "clsx";
+const Card = (props) => {
+  const {
+    className,
+    variant = "text",
+    gap,
+    height = "auto",
+    children,
+    direction = "row",
+    justifyContent = "center",
+    alignItems = "center",
+    selected = false,
+    padding,
+    ...others
+  } = props;
+  const ownerState = {
+    variant,
+    gap,
+    height,
+    direction,
+    onClick: !!props.onClick,
+    justifyContent,
+    alignItems,
+    selected,
+    padding
+  };
+  return /* @__PURE__ */ jsx(
+    CardRootStyled,
+    {
+      ownerState,
+      className: clsx(
+        CARD_CLASSES.root,
+        variant === "outlined" && CARD_CLASSES.outlined,
+        variant === "text" && CARD_CLASSES.text,
+        selected && CARD_CLASSES.selected,
+        className
+      ),
+      role: "card",
+      ...others,
+      children
+    }
+  );
+};
+export {
+  Card as C
+};

package/components/Card/Card.styles.js

@@ -0,0 +1,56 @@
+import { g as getSizeSpacing } from "./helpers/getSizeSpacing.js";
+const cardStyles = {
+  /**
+   * Estilos para el contenedor principal del card.
+   */
+  root: ({ theme, ownerState }) => {
+    const gap = getSizeSpacing(ownerState?.gap, theme);
+    const padding = getSizeSpacing(ownerState?.padding, theme);
+    return {
+      display: "flex",
+      justifyContent: ownerState?.justifyContent ?? "center",
+      alignItems: ownerState?.alignItems ?? "center",
+      flexDirection: ownerState?.direction ?? "column",
+      gap,
+      padding,
+      transition: "all 0.2s ease-in-out",
+      width: "100%",
+      outline: "unset!important",
+      borderRadius: theme.vars.size.borderRadius.r2,
+      backgroundColor: theme.palette.background.paper,
+      height: ownerState?.height ?? "auto",
+      minHeight: ownerState?.height ?? "auto",
+      maxHeight: ownerState?.height ?? "auto",
+      overflow: "hidden",
+      ...ownerState?.onClick && {
+        cursor: "pointer",
+        "&:hover": {
+          backgroundColor: theme.vars.palette.background.base
+        },
+        "&:active": {
+          backgroundColor: theme.vars.palette.default.activeOpacity
+        },
+        "&:focus-visible, &:focus-within": {
+          border: theme.vars.size.borderStroke.container,
+          borderColor: `${theme.vars.palette.primary.focusVisible}!important`,
+          outline: "unset!important"
+        }
+      },
+      ...ownerState?.variant === "outlined" && {
+        border: theme.vars.size.borderStroke.container,
+        borderColor: theme.vars.palette.border.disabled
+      },
+      ...ownerState?.variant === "text" && {
+        border: theme.vars.size.borderStroke.container,
+        borderColor: "transparent"
+      },
+      ...ownerState?.selected && {
+        border: theme.vars.size.borderStroke.container,
+        borderColor: theme.vars.palette.primary.enabled
+      }
+    };
+  }
+};
+export {
+  cardStyles as c
+};

package/components/Card/constants.js

@@ -0,0 +1,17 @@
+import { g as getComponentClasses } from "../../utils/getComponentSlotRoot.js";
+import { C as CardSlots } from "./slots/CardEnum.js";
+const CARD_KEY = "M4LCard";
+const CARD_VARIANTS = {
+  text: "text",
+  outlined: "outlined"
+};
+const COMBINED_CLASSES = {
+  ...CARD_VARIANTS,
+  ...CardSlots,
+  selected: "selected"
+};
+const CARD_CLASSES = getComponentClasses(CARD_KEY, COMBINED_CLASSES);
+export {
+  CARD_CLASSES as C,
+  CARD_KEY as a
+};

package/components/Card/helpers/getSizeSpacing.d.ts

@@ -1,7 +1,8 @@
-import { CardProps } from '../types';
+import { SpacingsCard } from '../types';
+import { Theme } from '@mui/material';
 /**
  * Obtiene el tamaño del gap de la tarjeta.
- * @param gap - El gap de la tarjeta.
+ * @param spacing - El gap de la tarjeta.
  * @returns El tamaño del gap de la tarjeta.
  */
-export declare const getSizeSpacing: (gap: CardProps["gap"] | number | undefined | null) => number;
+export declare const getSizeSpacing: (spacing: SpacingsCard | number | undefined | null, theme: Theme) => string | number;

package/components/Card/helpers/getSizeSpacing.js

@@ -0,0 +1,10 @@
+const getSizeSpacing = (spacing, theme) => {
+  if (typeof spacing === "number") {
+    return spacing;
+  }
+  const densityKey = spacing ?? "standard";
+  return theme.vars.size.density[densityKey];
+};
+export {
+  getSizeSpacing as g
+};

package/components/Card/index.js

@@ -0,0 +1 @@
+

package/components/Card/slots/CardEnum.js

@@ -0,0 +1,7 @@
+var CardSlots = /* @__PURE__ */ ((CardSlots2) => {
+  CardSlots2["root"] = "root";
+  return CardSlots2;
+})(CardSlots || {});
+export {
+  CardSlots as C
+};

package/components/Card/slots/CardSlots.js

@@ -0,0 +1,11 @@
+import { styled } from "@mui/material/styles";
+import { a as CARD_KEY } from "../constants.js";
+import { C as CardSlots } from "./CardEnum.js";
+import { c as cardStyles } from "../Card.styles.js";
+const CardRootStyled = styled("div", {
+  name: CARD_KEY,
+  slot: CardSlots.root
+})(cardStyles?.root);
+export {
+  CardRootStyled as C
+};

package/components/Card/types.d.ts

@@ -1,7 +1,9 @@
-import { Theme } from '@mui/material';
+import { Theme } from '@mui/material/styles';
 import { M4LOverridesStyleRules } from '../../@types/augmentations';
 import { CARD_KEY } from './constants';
 import { CardSlots } from './slots/CardEnum';
+import { Density } from '@m4l/styles';
+export type SpacingsCard = number | keyof Density;
 export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Contenido de la tarjeta.
@@ -14,11 +16,11 @@ export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Espacio entre los elementos de la tarjeta.
      */
-    gap?: number | 'compact' | 'standard' | 'comfortable';
+    gap?: SpacingsCard;
     /**
      * Espacio entre los elementos de la tarjeta.
      */
-    padding?: number | 'compact' | 'standard' | 'comfortable';
+    padding?: SpacingsCard;
     /**
      * Dirección de la tarjeta.
      */

package/components/Stepper/hooks/useStepperActions/index.js

@@ -2,10 +2,8 @@ import { useCallback } from "react";
 import { u as useStepper } from "../useStepper/index.js";
 import { useFormContext } from "react-hook-form";
 import { shallow } from "zustand/shallow";
-import { u as useDynamicValidation } from "../useDynamicValidation/index.js";
 function useStepperActions() {
   const { trigger, clearErrors, getValues, reset } = useFormContext();
-  const { activateFieldsValidation, clearAllValidation } = useDynamicValidation();
   const {
     nextStep,
     prevStep,
@@ -43,22 +41,9 @@ function useStepperActions() {
       if (fieldsToValidate.length === 0) {
         return true;
       }
-      const result = await trigger(fieldsToValidate);
-      if (!result) {
-        activateFieldsValidation(fieldsToValidate);
-      }
-      return result;
+      return await trigger(fieldsToValidate);
     };
     const success = await nextStep(validateFn, formData);
-    if (success) {
-      const currentStepData = steps[currentStep - 1];
-      const fieldsJustValidated = currentStepData?.validationFields || [];
-      if (fieldsJustValidated.length > 0) {
-        setTimeout(() => {
-          clearAllValidation();
-        }, 100);
-      }
-    }
     if (success && futureFields.length > 0) {
       clearErrors(futureFields);
       setTimeout(() => {
@@ -77,16 +62,13 @@ function useStepperActions() {
     steps,
     currentStep,
     trigger,
-    getValues,
-    activateFieldsValidation,
-    clearAllValidation
+    getValues
   ]);
   const cancelAction = useCallback(() => {
     reset();
     clearErrors();
-    clearAllValidation();
     resetStepper();
-  }, [reset, clearErrors, clearAllValidation, resetStepper]);
+  }, [reset, clearErrors, resetStepper]);
   return { prevStepAction, nextStepAction, cancelAction };
 }
 export {

package/components/Stepper/subcomponents/StepArea/index.js

@@ -5,12 +5,10 @@ import { u as useStepper } from "../../hooks/useStepper/index.js";
 import { e as StepAreaStyled, f as StepStyled, g as StepNameStyled } from "../../slots/StepperSlot.js";
 import { I as Indicator } from "./subcomponents/Inidicator/index.js";
 import { shallow } from "zustand/shallow";
-import { u as useDynamicValidation } from "../../hooks/useDynamicValidation/index.js";
 import { e as evaluateVisibilityStepCondition } from "../../helpers/evaluateVisibilityStepCondition/index.js";
 function StepArea() {
   const { trigger, clearErrors } = useFormContext();
   const formValues = useWatch();
-  const { activateFieldsValidation } = useDynamicValidation();
   const {
     currentStep,
     steps,
@@ -66,7 +64,6 @@ function StepArea() {
         if (!isValid) {
           setCurrentStep(stepOriginalIndex);
           setStepValidationStatus(stepOriginalIndex, false);
-          activateFieldsValidation(step.validationFields || []);
           return;
         }
         setStepValidationStatus(stepOriginalIndex, true);
@@ -79,7 +76,6 @@ function StepArea() {
       const isCurrentValid = await trigger(currentStepData.validationFields);
       if (!isCurrentValid) {
         setStepValidationStatus(currentStepOriginalIndex, false);
-        activateFieldsValidation(currentStepData.validationFields || []);
         return;
       }
       setStepValidationStatus(currentStepOriginalIndex, true);

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

@@ -3,7 +3,7 @@ import { CustomFormArguments, FormProviderCustomProps, FormProviderProps } from
 /**
  * TODO: Documentar
  */
-export declare function useCustomForm({ validationSchema, values, statusLoad, mode, }: CustomFormArguments): import('react-hook-form').UseFormReturn<FieldValues, any, FieldValues>;
+export declare function useCustomForm({ validationSchema, values, statusLoad, mode }: CustomFormArguments): import('react-hook-form').UseFormReturn<FieldValues, any, FieldValues>;
 /**
  * TODO: Documentar
  */

package/components/hook-form/RHFormContext/index.js

@@ -6,12 +6,7 @@ import { yupResolver } from "@hookform/resolvers/yup";
 import { F as FormProviderRoot } from "./styles.js";
 import { R as RHFormProviderUtilityClasses } from "./classes/index.js";
 const classes = RHFormProviderUtilityClasses();
-function useCustomForm({
-  validationSchema,
-  values,
-  statusLoad,
-  mode
-}) {
+function useCustomForm({ validationSchema, values, statusLoad, mode }) {
   const formMethods = useForm({
     resolver: yupResolver(validationSchema),
     defaultValues: values,
@@ -44,31 +39,11 @@ function useCustomForm({
 }
 function FormProviderCustom(props) {
   const { children, onSubmit, className, handleSubmit } = props;
-  return /* @__PURE__ */ jsx(FormProvider, { ...props, children: /* @__PURE__ */ jsx(
-    FormProviderRoot,
-    {
-      className: clsx(classes.root, className),
-      onSubmit: handleSubmit(onSubmit),
-      children
-    }
-  ) });
+  return /* @__PURE__ */ jsx(FormProvider, { ...props, children: /* @__PURE__ */ jsx(FormProviderRoot, { className: clsx(classes.root, className), onSubmit: handleSubmit(onSubmit), children }) });
 }
 function RHFormProvider(props) {
-  const {
-    children,
-    onSubmit,
-    values,
-    validationSchema,
-    statusLoad = "ready",
-    className,
-    mode
-  } = props;
-  const formMethods = useCustomForm({
-    validationSchema,
-    statusLoad,
-    values,
-    mode
-  });
+  const { children, onSubmit, values, validationSchema, statusLoad = "ready", className, mode } = props;
+  const formMethods = useCustomForm({ validationSchema, statusLoad, values, mode });
   return /* @__PURE__ */ jsx(
     FormProviderCustom,
     {

package/components/index.d.ts

@@ -4,6 +4,7 @@ export * from './AppBar';
 export * from './AppBar/AppBar';
 export * from './areas';
 export * from './BaseModule';
+export * from './Card';
 export * from './Chip';
 export * from './commercial';
 export * from './CommonActions/';

package/components/mui_extended/Typography/Typography.js

@@ -18,6 +18,7 @@ function Typography(props) {
     children,
     disabled,
     ellipsis = false,
+    fontFamily = "Inter",
     ...other
   } = props;
   const isSkeleton = useModuleSkeleton();
@@ -30,7 +31,8 @@ function Typography(props) {
     skeletonRows,
     variant,
     skeleton: isSkeleton,
-    ellipsis
+    ellipsis,
+    fontFamily
   };
   return /* @__PURE__ */ jsx(
     StyledMUITypography,

package/components/mui_extended/Typography/constants.d.ts

@@ -11,3 +11,7 @@ export declare const TYPOGRAPHY_CLASS_NAME_SPECIFY = "M4lclassCssSpecificity";
  * Inventario de clases CSS para el componente Typography.
  */
 export declare const TYPOGRAPHY_CLASSES: Record<string, string>;
+export declare const TYPOGRAPHY_FONTS: {
+    Inter: string;
+    Jura: string;
+};

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

@@ -7,6 +7,7 @@ import { M4LOverridesStyleRules } from '../../../@types/augmentations';
  * Define los colores de tipografía disponibles para el componente.
  */
 export type TypographyColors = 'text.primary' | 'text.secondary' | 'text.disabled' | string;
+export type TypographyFontsFamily = 'Inter' | 'Jura';
 /**
  * Define la propiedades del componente, se une a las capacidades originales de MUI Typography.
  */
@@ -47,6 +48,10 @@ export interface TypographyProps extends Omit<MUITypographyProps, 'color' | 'var
      * Si se activa, el texto se corta y se muestra un elipsis.
      */
     ellipsis?: boolean;
+    /**
+     * Familia de fuentes a usar para el componente.
+     */
+    fontFamily?: TypographyFontsFamily;
 }
 /**
  * Define valores de estado necesarios para estilar el componente.
@@ -59,6 +64,7 @@ export interface TypographyOwnerState {
     skeletonRows: TypographyProps['skeletonRows'];
     skeleton: boolean;
     ellipsis: TypographyProps['ellipsis'];
+    fontFamily: TypographyProps['fontFamily'];
 }
 /**
  * Agrupa la lista de slots del componente.

package/components/mui_extended/Typography/typography.styles.js

@@ -8,6 +8,7 @@ const typographyStyles = {
   root: ({ ownerState, theme }) => ({
     margin: 0,
     cursor: "default",
+    fontFamily: ownerState?.fontFamily || "Inter",
     "&.M4lclassCssSpecificity": {
       // Estilos generales 🌐
       // skeleton spacing when multiple rows 🦴

package/index.js

@@ -18,7 +18,8 @@ import { a as a2, A as A6 } from "./components/areas/contexts/AreasContext/index
 import { u } from "./components/areas/hooks/useAreas/index.js";
 import { A as A7, a as a3, L as L2, b as b2, g as g3 } from "./components/areas/dictionary.js";
 import { B } from "./components/BaseModule/BaseModule.js";
-import { C } from "./components/Chip/Chip.js";
+import { C } from "./components/Card/Card.js";
+import { C as C2 } from "./components/Chip/Chip.js";
 import { A as A8 } from "./components/commercial/AppBarCommercial/index.js";
 import { H } from "./components/commercial/HamburgerMenu/HamburgerMenu.js";
 import { T } from "./components/commercial/TopBar/TopBar.js";
@@ -29,32 +30,32 @@ import { A as A11 } from "./components/CommonActions/components/ActionIntro/Acti
 import { A as A12 } from "./components/CommonActions/components/ActionFormCancel/ActionFormCancel.js";
 import { A as A13 } from "./components/CommonActions/components/ActionFormIntro/ActionFormIntro.js";
 import { D, d, g as g4 } from "./components/CommonActions/dictionary.js";
-import { C as C2 } from "./components/ContainerFlow/ContainerFlow.js";
+import { C as C3 } from "./components/ContainerFlow/ContainerFlow.js";
 import { D as D2 } from "./components/DataGrid/DataGrid.js";
 import { g as g5 } from "./components/DataGrid/dictionary.js";
 import { N, T as T2 } from "./components/DataGrid/subcomponents/editors/TextEditor/index.js";
 import { g as g6 } from "./components/DataGrid/utils/getDataGridRowsFromSet.js";
 import { b as b3, a as a4, e } from "./components/DataGrid/constants.js";
-import { C as C3 } from "./components/DataGrid/formatters/ColumnBooleanFormatter/formatter.js";
+import { C as C4 } from "./components/DataGrid/formatters/ColumnBooleanFormatter/formatter.js";
 import { u as u2 } from "./components/DataGrid/formatters/ColumnBooleanFormatter/useColumnBoolean.js";
-import { C as C4 } from "./components/DataGrid/formatters/ColumnConcatenatedValuesFormatter/formatter.js";
+import { C as C5 } from "./components/DataGrid/formatters/ColumnConcatenatedValuesFormatter/formatter.js";
 import { u as u3 } from "./components/DataGrid/formatters/ColumnConcatenatedValuesFormatter/useColumnConcatenatedValues.js";
-import { C as C5 } from "./components/DataGrid/formatters/ColumnDateFormatter/formatter.js";
+import { C as C6 } from "./components/DataGrid/formatters/ColumnDateFormatter/formatter.js";
 import { u as u4 } from "./components/DataGrid/formatters/ColumnDateFormatter/useColumnDate.js";
-import { C as C6 } from "./components/DataGrid/formatters/ColumnIconFormatter/formatter.js";
-import { C as C7 } from "./components/DataGrid/formatters/ColumnInteractiveCheckFormatter/formatter.js";
+import { C as C7 } from "./components/DataGrid/formatters/ColumnIconFormatter/formatter.js";
+import { C as C8 } from "./components/DataGrid/formatters/ColumnInteractiveCheckFormatter/formatter.js";
 import { u as u5 } from "./components/DataGrid/formatters/ColumnInteractiveCheckFormatter/useColumnInteractiveCheck.js";
-import { C as C8 } from "./components/DataGrid/formatters/ColumnNestedValueFormatter/formatter.js";
+import { C as C9 } from "./components/DataGrid/formatters/ColumnNestedValueFormatter/formatter.js";
 import { u as u6 } from "./components/DataGrid/formatters/ColumnNestedValueFormatter/useColumnNestedValue.js";
-import { C as C9 } from "./components/DataGrid/formatters/ColumnPointsFormatter/formatter.js";
+import { C as C10 } from "./components/DataGrid/formatters/ColumnPointsFormatter/formatter.js";
 import { u as u7 } from "./components/DataGrid/formatters/ColumnPointsFormatter/useColumnPoints.js";
-import { C as C10 } from "./components/DataGrid/formatters/ColumnPriceFormatter/formatter.js";
+import { C as C11 } from "./components/DataGrid/formatters/ColumnPriceFormatter/formatter.js";
 import { u as u8 } from "./components/DataGrid/formatters/ColumnPriceFormatter/useColumnPrice.js";
-import { C as C11 } from "./components/DataGrid/formatters/ColumnSetCheckFormatter/formatter.js";
+import { C as C12 } from "./components/DataGrid/formatters/ColumnSetCheckFormatter/formatter.js";
 import { u as u9 } from "./components/DataGrid/formatters/ColumnSetCheckFormatter/useColumnSetCheck.js";
-import { C as C12 } from "./components/DataGrid/formatters/ColumnUncertaintyFormatter/formatter.js";
+import { C as C13 } from "./components/DataGrid/formatters/ColumnUncertaintyFormatter/formatter.js";
 import { u as u10 } from "./components/DataGrid/formatters/ColumnUncertaintyFormatter/useColumnUncertainty.js";
-import { C as C13 } from "./components/DataGrid/formatters/ColumnChipStatusFormatter/formatter.js";
+import { C as C14 } from "./components/DataGrid/formatters/ColumnChipStatusFormatter/formatter.js";
 import { u as u11 } from "./components/DataGrid/formatters/ColumnChipStatusFormatter/useColumnChipStatus.js";
 import { D as D3 } from "./components/DragResizeWindowRND/DragResizeWindowRND.js";
 import { d as d2 } from "./components/DragResizeWindowRND/classes/index.js";
@@ -77,7 +78,7 @@ import { R as R3 } from "./components/extended/React-Json-Viewer/ReactJsonViewer
 import { A as A14 } from "./components/mui_extended/Avatar/Avatar.js";
 import { B as B2 } from "./components/mui_extended/BoxIcon/index.js";
 import { B as B3 } from "./components/mui_extended/Breadcrumbs/index.js";
-import { C as C14 } from "./components/mui_extended/CircularProgress/CircularProgress.js";
+import { C as C15 } from "./components/mui_extended/CircularProgress/CircularProgress.js";
 import { B as B4 } from "./components/mui_extended/Badge/Badge.js";
 import { L as L3 } from "./components/mui_extended/LinearProgress/index.js";
 import { L as L4 } from "./components/mui_extended/LinkWithRoute/index.js";
@@ -87,7 +88,7 @@ import { A as A15 } from "./components/mui_extended/Accordion/Accordion.js";
 import { T as T3 } from "./components/mui_extended/Tooltip/Tooltip.js";
 import { I as I2 } from "./components/mui_extended/IconButton/IconButton.js";
 import { B as B5 } from "./components/mui_extended/Button/Button.js";
-import { C as C15 } from "./components/mui_extended/CheckBox/CheckBox.js";
+import { C as C16 } from "./components/mui_extended/CheckBox/CheckBox.js";
 import { I as I3 } from "./components/mui_extended/ImageButton/ImageButton.js";
 import { P as P2 } from "./components/mui_extended/Popover/Popover.js";
 import { S as S4 } from "./components/mui_extended/Select/Select.js";
@@ -115,10 +116,10 @@ import { B as B6 } from "./components/formatters/BooleanFormatter/BooleanFormatt
 import { D as D8, g as g12 } from "./components/formatters/DateFormatter/DateFormatter.js";
 import { U, g as g13 } from "./components/formatters/UncertaintyFormatter/UncertaintyFormatter.js";
 import { P as P3, g as g14 } from "./components/formatters/PointsFormatter/PointsFormatter.js";
-import { C as C16, g as g15 } from "./components/formatters/ConcatenatedFormatter/ConcatenatedFormatter.js";
+import { C as C17, g as g15 } from "./components/formatters/ConcatenatedFormatter/ConcatenatedFormatter.js";
 import { P as P4, u as u12 } from "./components/formatters/PeriodFormatter/PeriodFormatter.js";
 import { P as P5, g as g16 } from "./components/formatters/PriceFormatter/PriceFormatter.js";
-import { C as C17 } from "./components/formatters/ChipStatusFormatter/ChipStatusFormatter.js";
+import { C as C18 } from "./components/formatters/ChipStatusFormatter/ChipStatusFormatter.js";
 import { g as g17 } from "./components/formatters/DistanceToNowFormatter/dictionary.js";
 import { D as D9 } from "./components/formatters/DistanceToNowFormatter/DistanceToNowFormatter.js";
 import { g as g18 } from "./components/formatters/dictionary.js";
@@ -265,23 +266,24 @@ export {
   B2 as BoxIcon,
   B3 as Breadcrumbs,
   B5 as Button,
-  C15 as CheckBox,
-  C as Chip,
-  C17 as ChipStatusFormatter,
-  C14 as CircularProgress,
-  C3 as ColumnBooleanFormatter,
-  C13 as ColumnChipStatusFormatter,
-  C4 as ColumnConcatenatedValueFormatter,
-  C5 as ColumnDateFormatter,
-  C6 as ColumnIconFormatter,
-  C7 as ColumnInteractiveCheckFormatter,
-  C8 as ColumnNestedValueFormatter,
-  C9 as ColumnPointsFormatter,
-  C10 as ColumnPriceFormatter,
-  C11 as ColumnSetCheckFormatter,
-  C12 as ColumnUncertaintyFormatter,
-  C16 as ConcatenatedFormatter,
-  C2 as ContainerFlow,
+  C as Card,
+  C16 as CheckBox,
+  C2 as Chip,
+  C18 as ChipStatusFormatter,
+  C15 as CircularProgress,
+  C4 as ColumnBooleanFormatter,
+  C14 as ColumnChipStatusFormatter,
+  C5 as ColumnConcatenatedValueFormatter,
+  C6 as ColumnDateFormatter,
+  C7 as ColumnIconFormatter,
+  C8 as ColumnInteractiveCheckFormatter,
+  C9 as ColumnNestedValueFormatter,
+  C10 as ColumnPointsFormatter,
+  C11 as ColumnPriceFormatter,
+  C12 as ColumnSetCheckFormatter,
+  C13 as ColumnUncertaintyFormatter,
+  C17 as ConcatenatedFormatter,
+  C3 as ContainerFlow,
   b3 as DATAGRID_ROW_HEADER_HEIGHTS,
   a4 as DATAGRID_ROW_HEIGHTS,
   e as DATAGRID_SEMANTIC_WIDTHS,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.3.15-JT19092025.beta.1",
+  "version": "9.3.16-BE091825-beta.2",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {
@@ -11,7 +11,7 @@
     "@googlemaps/js-api-loader": "^1.16.6",
     "@hookform/resolvers": "2.9.11",
     "@m4l/core": "^2.0.0",
-    "@m4l/graphics": "^7.0.0",
+    "@m4l/graphics": "7.1.4-BE091825-beta.2",
     "@m4l/styles": "^7.0.0",
     "@mui/lab": "5.0.0-alpha.173",
     "@mui/material": "5.16.7",

package/components/Stepper/hooks/useDynamicValidation/index.d.ts

@@ -1,9 +0,0 @@
-/**
- * Hook que simula validación onChange de campos específicos del Stepper, manteniendo el formulario en modo onSubmit para preservar el rendimiento.
- * @returns Objeto con funciones para manejar la validación dinámica
- */
-export declare function useDynamicValidation(): {
-    activateFieldsValidation: (fields: string[]) => void;
-    clearAllValidation: () => void;
-    activeFields: string[];
-};

package/components/Stepper/hooks/useDynamicValidation/index.js

@@ -1,57 +0,0 @@
-import { useState, useRef, useEffect, useCallback } from "react";
-import { useFormContext, useWatch } from "react-hook-form";
-function useDynamicValidation() {
-  const { trigger } = useFormContext();
-  const [activeFields, setActiveFields] = useState([]);
-  const watchValues = useWatch({
-    name: activeFields.length > 0 ? activeFields : ["__dummy__"]
-  });
-  const lastValuesRef = useRef({});
-  useEffect(() => {
-    if (activeFields.length === 0) {
-      return;
-    }
-    const currentValues = activeFields.length === 1 ? { [activeFields[0]]: watchValues } : activeFields.reduce((acc, field, index) => {
-      acc[field] = Array.isArray(watchValues) ? watchValues[index] : watchValues;
-      return acc;
-    }, {});
-    const changedFields = activeFields.filter((field) => {
-      const currentValue = currentValues[field];
-      const lastValue = lastValuesRef.current[field];
-      const hasChanged = JSON.stringify(currentValue) !== JSON.stringify(lastValue);
-      if (hasChanged) {
-        lastValuesRef.current[field] = currentValue;
-      }
-      return hasChanged;
-    });
-    if (changedFields.length > 0) {
-      const timeoutId = setTimeout(() => {
-        trigger(changedFields);
-      }, 100);
-      return () => clearTimeout(timeoutId);
-    }
-  }, [activeFields, trigger, watchValues]);
-  const activateFieldsValidation = useCallback((fields) => {
-    setActiveFields((prev) => {
-      const newFields = fields.filter((field) => !prev.includes(field));
-      return [...prev, ...newFields];
-    });
-    fields.forEach((field) => {
-      if (!lastValuesRef.current.hasOwnProperty(field)) {
-        lastValuesRef.current[field] = void 0;
-      }
-    });
-  }, []);
-  const clearAllValidation = useCallback(() => {
-    setActiveFields([]);
-    lastValuesRef.current = {};
-  }, []);
-  return {
-    activateFieldsValidation,
-    clearAllValidation,
-    activeFields
-  };
-}
-export {
-  useDynamicValidation as u
-};