@m4l/components 9.3.13 → 9.3.15-BE091725-beta.1

package/@types/types.d.ts

@@ -47,11 +47,23 @@ import type {
   IconButtonOwnerState,
   IconButtonSlotsType,
 } from '../components/mui_extended/IconButton/types';
-import type { BadgeSlotsType, BadgeOwnerState } from '../components/mui_extended/Badge/types';
-import { SkeletonOwnerState, SkeletonSlotsType } from '../components/mui_extended/Skeleton/types';
-import { TypographyOwnerState, TypographySlotsType } from '../components/mui_extended/Typography/types';
+import type {
+  BadgeSlotsType,
+  BadgeOwnerState,
+} from '../components/mui_extended/Badge/types';
+import {
+  SkeletonOwnerState,
+  SkeletonSlotsType,
+} from '../components/mui_extended/Skeleton/types';
+import {
+  TypographyOwnerState,
+  TypographySlotsType,
+} from '../components/mui_extended/Typography/types';
 import { ColorOwnerState, ColorSlotsType } from '../components/Color/types';
-import { RHFColorPickerOwnerState, RHFColorPickerSlotsType } from '../components/hook-form/RHFColorPicker/types';
+import {
+  RHFColorPickerOwnerState,
+  RHFColorPickerSlotsType,
+} from '../components/hook-form/RHFColorPicker/types';
 import type {
   MenuItemSlotsType,
   MenuItemOwnerState,
@@ -88,10 +100,7 @@ import {
   AutocompleteOwnerState,
   AutocompleteSlotsType,
 } from '../components/mui_extended/Autocomplete/types';
-import {
-  ChipOwnerState,
-  ChipSlotsType,
-} from '../components/Chip/types';
+import { ChipOwnerState, ChipSlotsType } from '../components/Chip/types';
 import {
   CircularProgressOwnerState,
   CircularProgressSlotsType,
@@ -102,57 +111,187 @@ import {
   PaperFormOwnerState,
 } from '../components/PaperForm/types';
 import { WindowBaseOwnerState, WindowBaseType } from '../components/WindowBase';
-import { OwnerStateWindowConfirm, WindowConfirmType } from '../components/WindowConfirm';
+import {
+  OwnerStateWindowConfirm,
+  WindowConfirmType,
+} from '../components/WindowConfirm';
 import { AppBarSlotsType, AppBarOwnerState } from '../components/AppBar/types';
-import { DialogOwnerState, DialogType } from '../components/mui_extended/Dialog/types';
-import { LoadingButtonOwnerState, LoadingButtonSlotsType } from '../components/mui_extended/LoadingButton/types';
-import { AccordionOwnerState, AccordionSlotsType } from '../components/mui_extended/Accordion/types';
-import {
-  ImageOwnerState,
-  ImageSlotsType,
-} from '../components/Image/types';
-import { PopperOwnerState, PopperSlotsType } from '../components/mui_extended/Popper/types';
-import { AvatarOwnerState, AvatarSlotsType } from '../components/mui_extended/Avatar/types';
-import { ToggleButtonOwnerState, ToggleButtonSlotsType } from '../components/mui_extended/ToggleButton/types';
-import { BooleanFormatterOwnerState, PresentationType } from '../components/formatters/BooleanFormatter/types';
-import { ToggleIconButtonOwnerState, ToggleIconButtonSlotsType } from '../components/mui_extended/ToggleIconButton/types';
-import { TabsSlotsType, TabsOwnerState } from '../components/mui_extended/Tabs/types';
-import { PopoverOwnerState, PopoverSlotsType } from '../components/mui_extended/Popover/types';
-import { NumberInputOwnerState, NumberInputSlotsType } from '../components/NumberInput/types';
-import { AccountPopoverOwnerState, AccountPopoverSlotsType } from '../components/AccountPopover/types';
-import { PropertyVaLueOwnerState, PropertyValueSlotsType } from '../components/PropertyValue/types';
-import { RHFTextFieldPasswordOwnerState, RHFTextFieldPasswordType } from '../components/hook-form/RHFTextFieldPassword/types';
-import { RHFAutocompleteOwnerState, RHFAutocompleteSlotsType } from '../components/hook-form/RHFAutocomplete/types';
-import { PropagateLoaderSpinnerOwnerState, PropagateLoaderSpinnerType } from '../components/extended/React-Spinners/PropagateLoaderSpinner/types';
-import { LinearProgressIndeterminateOwnerState, LinearProgressIndeterminateType } from '../components/LinearProgressIndeterminate/types';
-import { MenuDividerOwnerState, MenuDividerSlotsType } from '../components/mui_extended/MenuDivider/types';
-import { NavLinkOwnerState, NavLinkSlotsType } from '../components/mui_extended/NavLink/types';
-import { RHFSelectSlotsType, RHFSelectOwnerState } from '../components/hook-form/RHFSelect/types';
-import { StackOwnerState, StackSlotsType } from '../components/mui_extended/Stack/types';
-import { RHFCheckBoxOwnerState, RHFCheckBoxSlotsType } from '../components/hook-form/RHFCheckbox/types';
-import { ActionFormCancelOwnerState, ActionFormCancelSlotsType } from '../components/CommonActions/components/ActionFormCancel/types';
-import { AreasAdminOwnerState, AreasAdminType } from '../components/areas/components/AreasAdmin/types';
-import { DateTimePickerOwnerState, DateTimePickerSlotsType } from '../components/mui_extended/DateTimePicker/types';
-import { DividerOwnerState, DividerSlotsType } from '../components/mui_extended/Divider/types';
-import { NoItemSelectedOwnerState, NoItemSelectedSlotsType } from '../components/NoItemSelected/types';
-import { ActionFormIntroOwnerState, ActionFormIntroSlotsType } from '../components/CommonActions/components/ActionFormIntro/types';
-import { AreasViewerOwnerState, AreasViewerType } from '../components/areas/components/AreasViewer/types';
-import { TimePickerOwnerState, TimePickerSlotsType } from '../components/mui_extended/TimePicker/types';
-import { DataGridOwnerState, DataGridSlotsType } from '../components/DataGrid/types';
-import { DynamicFilterAndSortOwnerState, DynamicFilterAndSortSlotsType } from '../hooks/useDynamicFilterAndSort/types';
-import { RHFUploadSingleFileOwnerState, RHFUploadSingleFileSlotsType } from '../components/hook-form/RHFUpload/RHFUploadSingleFile/types';
+import {
+  DialogOwnerState,
+  DialogType,
+} from '../components/mui_extended/Dialog/types';
+import {
+  LoadingButtonOwnerState,
+  LoadingButtonSlotsType,
+} from '../components/mui_extended/LoadingButton/types';
+import {
+  AccordionOwnerState,
+  AccordionSlotsType,
+} from '../components/mui_extended/Accordion/types';
+import { ImageOwnerState, ImageSlotsType } from '../components/Image/types';
+import {
+  PopperOwnerState,
+  PopperSlotsType,
+} from '../components/mui_extended/Popper/types';
+import {
+  AvatarOwnerState,
+  AvatarSlotsType,
+} from '../components/mui_extended/Avatar/types';
+import {
+  ToggleButtonOwnerState,
+  ToggleButtonSlotsType,
+} from '../components/mui_extended/ToggleButton/types';
+import {
+  BooleanFormatterOwnerState,
+  PresentationType,
+} from '../components/formatters/BooleanFormatter/types';
+import {
+  ToggleIconButtonOwnerState,
+  ToggleIconButtonSlotsType,
+} from '../components/mui_extended/ToggleIconButton/types';
+import {
+  TabsSlotsType,
+  TabsOwnerState,
+} from '../components/mui_extended/Tabs/types';
+import {
+  PopoverOwnerState,
+  PopoverSlotsType,
+} from '../components/mui_extended/Popover/types';
+import {
+  NumberInputOwnerState,
+  NumberInputSlotsType,
+} from '../components/NumberInput/types';
+import {
+  AccountPopoverOwnerState,
+  AccountPopoverSlotsType,
+} from '../components/AccountPopover/types';
+import {
+  PropertyVaLueOwnerState,
+  PropertyValueSlotsType,
+} from '../components/PropertyValue/types';
+import {
+  RHFTextFieldPasswordOwnerState,
+  RHFTextFieldPasswordType,
+} from '../components/hook-form/RHFTextFieldPassword/types';
+import {
+  RHFAutocompleteOwnerState,
+  RHFAutocompleteSlotsType,
+} from '../components/hook-form/RHFAutocomplete/types';
+import {
+  PropagateLoaderSpinnerOwnerState,
+  PropagateLoaderSpinnerType,
+} from '../components/extended/React-Spinners/PropagateLoaderSpinner/types';
+import {
+  LinearProgressIndeterminateOwnerState,
+  LinearProgressIndeterminateType,
+} from '../components/LinearProgressIndeterminate/types';
+import {
+  MenuDividerOwnerState,
+  MenuDividerSlotsType,
+} from '../components/mui_extended/MenuDivider/types';
+import {
+  NavLinkOwnerState,
+  NavLinkSlotsType,
+} from '../components/mui_extended/NavLink/types';
+import {
+  RHFSelectSlotsType,
+  RHFSelectOwnerState,
+} from '../components/hook-form/RHFSelect/types';
+import {
+  StackOwnerState,
+  StackSlotsType,
+} from '../components/mui_extended/Stack/types';
+import {
+  RHFCheckBoxOwnerState,
+  RHFCheckBoxSlotsType,
+} from '../components/hook-form/RHFCheckbox/types';
+import {
+  ActionFormCancelOwnerState,
+  ActionFormCancelSlotsType,
+} from '../components/CommonActions/components/ActionFormCancel/types';
+import {
+  AreasAdminOwnerState,
+  AreasAdminType,
+} from '../components/areas/components/AreasAdmin/types';
+import {
+  DateTimePickerOwnerState,
+  DateTimePickerSlotsType,
+} from '../components/mui_extended/DateTimePicker/types';
+import {
+  DividerOwnerState,
+  DividerSlotsType,
+} from '../components/mui_extended/Divider/types';
+import {
+  NoItemSelectedOwnerState,
+  NoItemSelectedSlotsType,
+} from '../components/NoItemSelected/types';
+import {
+  ActionFormIntroOwnerState,
+  ActionFormIntroSlotsType,
+} from '../components/CommonActions/components/ActionFormIntro/types';
+import {
+  AreasViewerOwnerState,
+  AreasViewerType,
+} from '../components/areas/components/AreasViewer/types';
+import {
+  TimePickerOwnerState,
+  TimePickerSlotsType,
+} from '../components/mui_extended/TimePicker/types';
+import {
+  DataGridOwnerState,
+  DataGridSlotsType,
+} from '../components/DataGrid/types';
+import {
+  DynamicFilterAndSortOwnerState,
+  DynamicFilterAndSortSlotsType,
+} from '../hooks/useDynamicFilterAndSort/types';
+import {
+  RHFUploadSingleFileOwnerState,
+  RHFUploadSingleFileSlotsType,
+} from '../components/hook-form/RHFUpload/RHFUploadSingleFile/types';
 import { ChipStatusFormatterSlotsType } from '../components/formatters/ChipStatusFormatter/types';
-import { RHFUploadImageOwnerState, RHFUploadImageSlotsType } from '../components/hook-form/RHFUpload/RHFUploadImage/types';
-import { PrintingSystemOwnerState, PrintingSystemSlotsType } from '../components/PrintingSystem/types';
-import { SettingsLayoutOwnerState, SettingsLayoutSlotsType } from '../components/SettingsLayout/types';
-import { ScrollBarOwnerState, ScrollBarSlotsType } from '../components/ScrollBar/types';
+import {
+  RHFUploadImageOwnerState,
+  RHFUploadImageSlotsType,
+} from '../components/hook-form/RHFUpload/RHFUploadImage/types';
+import {
+  PrintingSystemOwnerState,
+  PrintingSystemSlotsType,
+} from '../components/PrintingSystem/types';
+import {
+  SettingsLayoutOwnerState,
+  SettingsLayoutSlotsType,
+} from '../components/SettingsLayout/types';
+import {
+  ScrollBarOwnerState,
+  ScrollBarSlotsType,
+} from '../components/ScrollBar/types';
 import { SplitLayoutOwnerState } from '../components/extended/React-resizable-panels/types';
-import { ObjectLogsOwnerState, ObjectLogsSlotsType } from '../components/ObjectLogs/types';
-import { LanguagePopoverOwnerState, LanguagePopoverSlotsType } from '../components/LanguagePopover/types';
+import {
+  ObjectLogsOwnerState,
+  ObjectLogsSlotsType,
+} from '../components/ObjectLogs/types';
+import {
+  LanguagePopoverOwnerState,
+  LanguagePopoverSlotsType,
+} from '../components/LanguagePopover/types';
 import { CardOwnerState, CardSlotsType } from '../components/Card/types';
-import { ContainerFlowOwnerState, ContainerFlowSlotsType } from '../components/ContainerFlow/types';
-import { NoItemPrivilegesOwnerState, NoItemPrivilegesSlotsType } from '../components/NoItemPrivileges/types';
-import { ImageTextOwnerState, ImageTextSlotsType } from '../components/ImageText/types';
+import {
+  ContainerFlowOwnerState,
+  ContainerFlowSlotsType,
+} from '../components/ContainerFlow/types';
+import {
+  StepperOwnerState,
+  StepperSlotsType,
+} from '../components/Stepper/types';
+import {
+  NoItemPrivilegesOwnerState,
+  NoItemPrivilegesSlotsType,
+} from '../components/NoItemPrivileges/types';
+import {
+  ImageTextOwnerState,
+  ImageTextSlotsType,
+} from '../components/ImageText/types';
 import { FormContainerOwnerState, FormContainerSlotsType } from '../components/FormContainer/types';
 
 declare module '@mui/material/styles' {
@@ -223,7 +362,7 @@ declare module '@mui/material/styles' {
     M4LNoItemSelected: NoItemSelectedSlotsType;
     M4LActionFormIntro: ActionFormIntroSlotsType;
     M4LAreasViewer: AreasViewerType;
-    M4LTimePicker: TimePickerSlotsType
+    M4LTimePicker: TimePickerSlotsType;
     M4LDataGrid: DataGridSlotsType;
     M4LDynamicFilterAndSort: DynamicFilterAndSortSlotsType;
     M4LRHFUploadSingleFile: RHFUploadSingleFileSlotsType;
@@ -239,6 +378,7 @@ declare module '@mui/material/styles' {
     M4LContainerFlow: ContainerFlowSlotsType;
     M4LNoItemPrivileges: NoItemPrivilegesSlotsType;
     M4LSettingsLayoutBase: SettingsLayoutSlotsType;
+    M4LStepper: StepperSlotsType;
     M4LImageText: ImageTextSlotsType;
     M4LFormContainer: FormContainerSlotsType;
   }
@@ -301,7 +441,7 @@ declare module '@mui/material/styles' {
     M4LMenuDivider: Partial<MenuDividerOwnerState>;
     M4LNavLink: Partial<NavLinkOwnerState>;
     M4LRHFSelect: Partial<RHFSelectOwnerState>;
-    M4LActionFormCancel : Partial<ActionFormCancelOwnerState>;
+    M4LActionFormCancel: Partial<ActionFormCancelOwnerState>;
     M4LAreasAdmin: Partial<AreasAdminOwnerState>;
     M4LStack: Partial<StackOwnerState>;
     M4LDateTimePicker: Partial<DateTimePickerOwnerState>;
@@ -325,6 +465,7 @@ declare module '@mui/material/styles' {
     M4LContainerFlow: Partial<ContainerFlowOwnerState>;
     M4LNoItemPrivileges: Partial<NoItemPrivilegesOwnerState>;
     M4LSettingsLayoutBase: Partial<SettingsLayoutOwnerState>;
+    M4LStepper: Partial<StepperOwnerState>;
     M4LImageText: Partial<ImageTextOwnerState>;
     M4LFormContainer: Partial<FormContainerOwnerState>;
   }
@@ -613,7 +754,7 @@ declare module '@mui/material/styles' {
       defaultProps?: ComponentsPropsList['M4LActionFormCancel'];
       styleOverrides?: ComponentsOverrides<Theme>['M4LActionFormCancel'];
       variants?: ComponentsVariants['M4LActionFormCancel'];
-    }
+    };
     M4LNavLink?: {
       defaultProps?: ComponentsPropsList['M4LNavLink'];
       styleOverrides?: ComponentsOverrides<Theme>['M4LNavLink'];
@@ -643,7 +784,7 @@ declare module '@mui/material/styles' {
       defaultProps?: ComponentsPropsList['M4LNoItemSelected'];
       styleOverrides?: ComponentsOverrides<Theme>['M4LNoItemSelected'];
       variants?: ComponentsVariants['M4LNoItemSelected'];
-    }
+    };
     M4LActionFormIntro?: {
       defaultProps?: ComponentsPropsList['M4LActionFormIntro '];
       styleOverrides?: ComponentsOverrides<Theme>['M4LActionFormIntro '];
@@ -683,7 +824,7 @@ declare module '@mui/material/styles' {
       defaultProps?: ComponentsPropsList['M4LRHFUploadSingleFile'];
       styleOverrides?: ComponentsOverrides<Theme>['M4LRHFUploadSingleFile'];
       variants?: ComponentsVariants['M4LRHFUploadSingleFile'];
-    }
+    };
     M4LChipStatusFormatter?: {
       defaultProps?: ComponentsPropsList['M4LChipStatusFormatter'];
       styleOverrides?: ComponentsOverrides<Theme>['M4LChipStatusFormatter'];
@@ -744,6 +885,11 @@ declare module '@mui/material/styles' {
       styleOverrides?: ComponentsOverrides<Theme>['M4LSettingsLayoutBase'];
       variants?: ComponentsVariants['M4LSettingsLayoutBase'];
     };
+    M4LStepper?: {
+      defaultProps?: ComponentsPropsList['M4LStepper'];
+      styleOverrides?: ComponentsOverrides<Theme>['M4LStepper'];
+      variants?: ComponentsVariants['M4LStepper'];
+    };
     M4LImageText?: {
       defaultProps?: ComponentsPropsList['M4LImageText'];
       styleOverrides?: ComponentsOverrides<Theme>['M4LImageText'];
@@ -755,4 +901,4 @@ declare module '@mui/material/styles' {
       variants?: ComponentsVariants['M4LFormContainer'];
     };
   }
-}
+}

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/MenuActions/MenuActions.js

@@ -4,9 +4,10 @@ import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize.js";
 import { P as Popover } from "../mui_extended/Popover/Popover.js";
 import { M as MenuItem } from "../mui_extended/MenuItem/MenuItem.js";
-import { I as ICON_PATH, a as ICONS, M as MENU_ACTIONS_ } from "./constants.js";
+import { I as ICON_PATH, a as ICONS, M as MENU_ACTIONS_, b as MENU_ACTIONS_CLASSES } from "./constants.js";
 import { a as getMenuActionsDictionary, D as DICTIONARY } from "./dictionary.js";
 import { M as MenuDivider } from "../mui_extended/MenuDivider/MenuDivider.js";
+import clsx from "clsx";
 import { M as MenuListStyled, a as MenuLoaderStyled, R as RootStyled, I as IconButtonStyled, H as HeaderMenuActionsStyled, F as FooterMenuActionsStyled } from "./slots/MenuActionsSlots.js";
 import { C as CircularProgress } from "../mui_extended/CircularProgress/CircularProgress.js";
 function MenuActions(props) {
@@ -128,7 +129,7 @@ function MenuActions(props) {
       endListElement && endListElement
     ] });
   }, [menuActions, header, size, footer, endListElement, objItem, getLabel, actionKey, handleClick]);
-  return /* @__PURE__ */ jsxs(RootStyled, { className, ownerState: { ownerState }, children: [
+  return /* @__PURE__ */ jsxs(RootStyled, { className: clsx(className, MENU_ACTIONS_CLASSES.root, ownerState.selected && MENU_ACTIONS_CLASSES.selected), ownerState: { ownerState }, children: [
     /* @__PURE__ */ jsx(
       IconButtonStyled,
       {

package/components/MenuActions/MenuActions.styles.js

@@ -38,7 +38,7 @@ const menuActionsStyles = {
     "& active": {
       backgroundColor: theme.vars.palette[ownerState?.paletteColor ?? "default"].selectedOpacity
     },
-    '& [class*="M4LIcon-icon"]': {
+    "& .M4LIcon-icon": {
       backgroundColor: ownerState?.selected ? theme.vars.palette[ownerState?.paletteColor ?? "default"].selected : void 0
     }
   }),

package/components/MenuActions/constants.d.ts

@@ -20,3 +20,4 @@ export declare const MENU_ACTIONS_EMPTY = "menu_action_empty";
  * Prefijo de la clave que se utiliza cuando un ítem del menú está cargando en React.
  */
 export declare const MENU_ACTIONS_ = "menu_action_";
+export declare const MENU_ACTIONS_CLASSES: Record<string, string>;

package/components/MenuActions/constants.js

@@ -1,12 +1,23 @@
+import { g as getComponentClasses } from "../../utils/getComponentSlotRoot.js";
+import { M as MenuActionsSlots } from "./slots/MenuActionsEnum.js";
 const ICON_PATH = "frontend/components/menu_actions/assets/icons";
 const ICONS = {
   MENU: "menu.svg"
 };
 const MENU_ACTIONS_KEY_COMPONENT = "M4LMenuActions";
 const MENU_ACTIONS_ = "menu_action_";
+const MenuActionsComplementaryClasses = {
+  selected: "selected"
+};
+const MENU_ACTIONS_COMBINATE_CLASSES = {
+  ...MenuActionsSlots,
+  ...MenuActionsComplementaryClasses
+};
+const MENU_ACTIONS_CLASSES = getComponentClasses(MENU_ACTIONS_KEY_COMPONENT, MENU_ACTIONS_COMBINATE_CLASSES);
 export {
   ICON_PATH as I,
   MENU_ACTIONS_ as M,
   ICONS as a,
-  MENU_ACTIONS_KEY_COMPONENT as b
+  MENU_ACTIONS_CLASSES as b,
+  MENU_ACTIONS_KEY_COMPONENT as c
 };

package/components/MenuActions/slots/MenuActionsSlots.js

@@ -1,6 +1,6 @@
 import { MenuList } from "@mui/material";
 import { styled } from "@mui/material/styles";
-import { b as MENU_ACTIONS_KEY_COMPONENT } from "../constants.js";
+import { c as MENU_ACTIONS_KEY_COMPONENT } from "../constants.js";
 import { m as menuActionsStyles } from "../MenuActions.styles.js";
 import { M as MenuActionsSlots } from "./MenuActionsEnum.js";
 import { I as IconButton } from "../../mui_extended/IconButton/IconButton.js";

package/components/Stepper/Stepper.d.ts

@@ -0,0 +1,8 @@
+import { StepperProps } from './types';
+/**
+ * El Stepper es un componente que permite navegar a través de una serie de pasos (steps) de manera secuencial.
+ *
+ * ### Dependecias:
+ *- **`useFlagsPresent:`** Hook que permite verificar si una lista de flags se encuentran presentes.
+ */
+export declare function Stepper(props: StepperProps): import("react/jsx-runtime").JSX.Element | null;