@m4l/components 9.3.13 → 9.3.15-BE100925-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/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;

package/components/Stepper/Stepper.js

@@ -0,0 +1,70 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo, Children, isValidElement } from "react";
+import clsx from "clsx";
+import { useFlagsPresent, CommonFlags } from "@m4l/core";
+import { S as StepperRootStyled, C as ContentSectionStyled } from "./slots/StepperSlot.js";
+import { a as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
+import { S as STEPPER_PREFIX_NAME } from "./constants.js";
+import { S as StepArea } from "./subcomponents/StepArea/index.js";
+import { C as ContentArea } from "./subcomponents/ContentArea/index.js";
+import { S as StepperProvider } from "./store/StepperContext/index.js";
+import { S as StepperFooter } from "./subcomponents/StepperFooter/index.js";
+import { S as StepperContent } from "./subcomponents/StepperContent/index.js";
+import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize.js";
+function Stepper(props) {
+  const { orientation, size, children, className } = props;
+  const { currentSize } = useComponentSize(size);
+  const ownerState = {
+    size: currentSize,
+    orientation
+  };
+  const classRoot = getComponentSlotRoot(STEPPER_PREFIX_NAME);
+  const { stepperFooter, stepperContent } = useMemo(() => {
+    let footer = null;
+    let content = null;
+    let footerCount = 0;
+    let contentCount = 0;
+    if (children) {
+      Children.forEach(children, (child) => {
+        if (isValidElement(child)) {
+          if (child.type === StepperFooter) {
+            footerCount++;
+            if (footerCount > 1) {
+              throw new Error(
+                "Stepper: Solo se permite un componente StepperFooter. Se encontraron múltiples StepperFooter."
+              );
+            }
+            footer = child;
+          } else if (child.type === StepperContent) {
+            contentCount++;
+            if (contentCount > 1) {
+              throw new Error(
+                "Stepper: Solo se permite un componente StepperContent. Se encontraron múltiples StepperContent."
+              );
+            }
+            content = child;
+          } else {
+            throw new Error(
+              "Stepper: Solo se permiten componentes StepperContent y StepperFooter como hijos."
+            );
+          }
+        }
+      });
+    }
+    return { stepperFooter: footer, stepperContent: content };
+  }, [children]);
+  const hasPresentFlags = useFlagsPresent([CommonFlags.FLAG_DICTIONARY_LOADED]);
+  if (!hasPresentFlags) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(StepperProvider, { ...props, children: /* @__PURE__ */ jsxs(StepperRootStyled, { className: clsx(classRoot, className), children: [
+    /* @__PURE__ */ jsxs(ContentSectionStyled, { ownerState, children: [
+      /* @__PURE__ */ jsx(StepArea, {}),
+      /* @__PURE__ */ jsx(ContentArea, { children: stepperContent })
+    ] }),
+    stepperFooter
+  ] }) });
+}
+export {
+  Stepper as S
+};

package/components/Stepper/Stepper.styles.d.ts

@@ -0,0 +1,2 @@
+import { StepperStyles } from './types';
+export declare const stepperStyles: StepperStyles;