@soyfri/shared-library 2.0.0-beta8 → 3.0.0

package/components/Modal/Modal.d.ts

@@ -1,6 +1,7 @@
-import { default as React, ReactNode } from 'react';
+import { forwardRef, ReactNode } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
 import { DialogProps } from '@mui/material/Dialog';
-import { ModalAction, ModalFooter } from './ModalFooter';
+import { ModalFooter, ModalAction } from './ModalFooter';
 import { ModalHeader } from './ModalHeader';
 import { ModalBody } from './ModalBody';
 export interface ModalRef {
@@ -9,7 +10,7 @@ export interface ModalRef {
 }
 export type ModalMode = 'default' | 'confirm';
 export type ModalSeverity = 'info' | 'warning' | 'error' | 'success';
-interface ModalProps {
+export interface ModalProps {
     /**
      * Modo del modal.
      * - `default` (default): modal genérico con slots `Header`/`Body`/`Footer` y
@@ -30,10 +31,31 @@ interface ModalProps {
     closeButtonDisabled?: boolean;
     actions?: ModalAction[];
     maxWidth?: DialogProps['maxWidth'];
+    /**
+     * Si `true`, el modal NO se cierra al hacer click en el backdrop ni con Escape
+     * (equivale a `backdrop="static"`). Cerrar solo vía botón/acción.
+     */
+    staticBackdrop?: boolean;
+    /** Test id aplicado al Paper interno (contenedor visual). */
+    'data-testid'?: string;
+    /** Oculta el header (incluso si hay `title` o se pasa un `<Modal.Header>`). */
+    hiddenHeader?: boolean;
+    /** Oculta el body (incluso si se pasa un `<Modal.Body>`). */
+    hiddenBody?: boolean;
+    /** Oculta el footer (incluso si se pasa un `<Modal.Footer>` o `actions`). */
     hiddenFooter?: boolean;
+    /** sx del Modal root (MuiModal). */
+    sx?: SxProps<Theme>;
+    /** sx del Paper interno (contenedor visual). Se mergea sobre el default. */
+    paperSx?: SxProps<Theme>;
+    /** className del Paper interno. */
+    className?: string;
     /**
      * Callback de confirmación. Soporta promesa — si devuelve `Promise`, el
      * botón muestra estado `disabled` mientras resuelve.
+     *
+     * Si la promesa **rechaza**, el modal queda abierto para que el consumer
+     * pueda mostrar el error en su UI. El modal se cierra solo en éxito.
      */
     onConfirm?: () => void | Promise<void>;
     /** Texto del botón primario en modo `confirm`. Default: "Confirmar". */
@@ -55,8 +77,8 @@ interface ModalProps {
      */
     confirmMessage?: ReactNode;
 }
-export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<ModalRef>>;
-type ModalComponent = React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<ModalRef>> & {
+export declare const Modal: import('react').ForwardRefExoticComponent<ModalProps & import('react').RefAttributes<ModalRef>>;
+type ModalComponent = ReturnType<typeof forwardRef<ModalRef, ModalProps>> & {
     Header: typeof ModalHeader;
     Body: typeof ModalBody;
     Footer: typeof ModalFooter;

package/components/Modal/Modal.js

@@ -1,9 +1,9 @@
-import { M, b, c, a, d } from "../../Modal-Bnz6d9m9.js";
+import { M, b, c, a, M as M2 } from "../../Modal-C_QY7ZzY.js";
 export {
   M as Modal,
   b as ModalBody,
   c as ModalFooter,
   a as ModalHeader,
-  d as default
+  M2 as default
 };
 //# sourceMappingURL=Modal.js.map

package/components/Modal/ModalBody.d.ts

@@ -1,6 +1,11 @@
 import { default as React } from 'react';
-interface ModalBodyProps {
+export interface ModalBodyProps {
     children: React.ReactNode;
+    /**
+     * ID del elemento — usado para `aria-describedby` del Modal. Se setea
+     * automáticamente cuando el body se renderiza dentro de `<Modal>`.
+     */
+    id?: string;
 }
 export declare const ModalBody: React.FC<ModalBodyProps>;
 export default ModalBody;

package/components/Modal/ModalFooter.d.ts

@@ -1,17 +1,17 @@
 import { default as React } from 'react';
-import { ButtonProps } from '@mui/material/Button';
+import { ButtonProps as MuiButtonProps } from '@mui/material/Button';
 export interface ModalAction {
     text: string;
     onClick?: () => void;
     disabled?: boolean;
-    variant?: ButtonProps['variant'];
-    color?: ButtonProps['color'];
+    variant?: MuiButtonProps['variant'];
+    color?: MuiButtonProps['color'];
     /**
      * Props adicionales que se forwardean al `<Button>` interno. Útil para casos
      * avanzados como conectar el botón con un `<form id="...">` externo usando
      * `buttonProps={{ type: 'submit', form: 'my-form-id' }}`.
      */
-    buttonProps?: Partial<ButtonProps> & {
+    buttonProps?: Partial<MuiButtonProps> & {
         form?: string;
     };
 }

package/components/Modal/ModalHeader.d.ts

@@ -1,6 +1,11 @@
 import { default as React } from 'react';
-interface ModalHeaderProps {
+export interface ModalHeaderProps {
     children: React.ReactNode;
+    /**
+     * ID del elemento — usado para `aria-labelledby` del Modal. Se setea
+     * automáticamente cuando el header se renderiza dentro de `<Modal>`.
+     */
+    id?: string;
 }
 export declare const ModalHeader: React.FC<ModalHeaderProps>;
 export default ModalHeader;

package/components/Modal/index.d.ts

@@ -1,7 +1,8 @@
-export { default } from './Modal';
-export { Modal } from './Modal';
+export { default, default as Modal } from './Modal';
 export type { ModalRef, ModalMode, ModalSeverity } from './Modal';
 export { ModalHeader } from './ModalHeader';
+export type { ModalHeaderProps } from './ModalHeader';
 export { ModalBody } from './ModalBody';
+export type { ModalBodyProps } from './ModalBody';
 export { ModalFooter } from './ModalFooter';
 export type { ModalAction, ModalFooterProps } from './ModalFooter';

package/components/RadioGroup/RadioGroup.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const RadioGroup = require("../../RadioGroup-CxqDHap1.cjs");
+const RadioGroup = require("../../RadioGroup-Dd0rHXSX.cjs");
 exports.RadioGroup = RadioGroup.RadioGroup;
 exports.default = RadioGroup.RadioGroup;
 //# sourceMappingURL=RadioGroup.cjs.map

package/components/RadioGroup/RadioGroup.d.ts

@@ -1,5 +1,6 @@
+import { FC } from 'react';
 import { RadioGroupProps as MuiRadioGroupProps, SxProps, Theme } from '@mui/material';
-import { Control, RegisterOptions } from 'react-hook-form';
+import { RegisterOptions } from 'react-hook-form';
 export interface RadioOption {
     /** Valor que se emite cuando se selecciona la opción. */
     value: string;
@@ -36,8 +37,13 @@ export interface BaseRadioGroupProps extends Omit<MuiRadioGroupProps, 'value' |
 }
 export interface RHFRadioGroupProps extends BaseRadioGroupProps {
     name: string;
-    control: Control<any>;
+    control: any;
     validation?: RegisterOptions;
+    /**
+     * Side-effect que corre después de que RHF actualiza el form state.
+     * Útil para cascadas entre campos. NO reemplaza al handler de RHF.
+     */
+    onValueChange?: (value: string) => void;
     value?: never;
     onChange?: never;
 }
@@ -49,5 +55,5 @@ export interface ControlledRadioGroupProps extends BaseRadioGroupProps {
     onChange: (value: string) => void;
 }
 export type RadioGroupProps = RHFRadioGroupProps | ControlledRadioGroupProps;
-export declare const RadioGroup: React.FC<RadioGroupProps>;
+export declare const RadioGroup: FC<RadioGroupProps>;
 export default RadioGroup;

package/components/RadioGroup/RadioGroup.js

@@ -1,4 +1,4 @@
-import { R, R as R2 } from "../../RadioGroup-DMi9FvMP.js";
+import { R, R as R2 } from "../../RadioGroup-bO-ahP9T.js";
 export {
   R as RadioGroup,
   R2 as default

package/components/RadioGroup/index.d.ts

@@ -1,2 +1,2 @@
 export { RadioGroup, default } from './RadioGroup';
-export type { RadioOption, RadioGroupSize, BaseRadioGroupProps, RHFRadioGroupProps, ControlledRadioGroupProps, RadioGroupProps, } from './RadioGroup.types';
+export type { RadioOption, RadioGroupSize, BaseRadioGroupProps, RHFRadioGroupProps, ControlledRadioGroupProps, RadioGroupProps, } from './RadioGroup';

package/components/Select/Select.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Select = require("../../Select-Bku4f4f8.cjs");
+const Select = require("../../Select-CURrHSyl.cjs");
 exports.Option = Select.Option;
 exports.Select = Select.Select;
 exports.default = Select.Select;

package/components/Select/Select.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement, ReactNode } from 'react';
 import { SelectProps as MuiSelectProps } from '@mui/material';
-import { Control, RegisterOptions } from 'react-hook-form';
+import { RegisterOptions } from 'react-hook-form';
 export interface SelectOption {
     value: string | number;
     label: string;
@@ -10,9 +10,11 @@ export interface SelectOption {
     [key: string]: any;
 }
 export type LabelPosition = 'outside' | 'floating';
-export type ChipVariant = 'outlined' | 'filled';
 export type SelectSize = 'small' | 'medium';
 export type RenderOptionItem = (item: SelectOption) => ReactNode;
+/** Variante visual de los chips en modo `multiple`. */
+export type ChipVariant = 'filled' | 'outlined';
+/** Render custom del label de cada chip/valor seleccionado. */
 export type RenderChipLabel = (item: SelectOption) => ReactNode;
 export interface OptionProps {
     children: RenderOptionItem;
@@ -20,23 +22,16 @@ export interface OptionProps {
 export interface BaseSelectProps<TValue extends SelectOption['value'] = SelectOption['value']> {
     label?: string;
     options?: SelectOption[];
-    defaultValue?: TValue | TValue[];
+    defaultValue?: TValue;
     size?: SelectSize;
-    multiple?: boolean;
-    filterable?: boolean;
     placeholder?: string;
     children?: ReactElement<{
         children: RenderOptionItem;
     }>;
     maxHeight?: number | string;
     maxWidth?: number | string;
-    maxChipsToShow?: number;
-    renderChipLabel?: RenderChipLabel;
-    chipVariant?: ChipVariant;
-    loadOptions?: (inputValue: string) => Promise<SelectOption[]>;
-    loadingMessage?: ReactNode;
-    noOptionsMessage?: ReactNode;
-    debounceTimeout?: number;
+    /** Si `true`, muestra un buscador arriba del menú para filtrar opciones. */
+    filterable?: boolean;
     disabled?: boolean;
     error?: boolean;
     helperText?: string;
@@ -54,24 +49,48 @@ export interface BaseSelectProps<TValue extends SelectOption['value'] = SelectOp
      * - Cualquier otro string = mergea el preset encima del estilo built-in.
      */
     preset?: string;
+    /** MUI input variant. Default: 'outlined'. */
+    variant?: 'outlined' | 'filled';
     sx?: MuiSelectProps['sx'];
     className?: string;
 }
 export interface RHFSelectProps<TValue extends SelectOption['value'] = SelectOption['value']> extends BaseSelectProps<TValue> {
     name: string;
-    control: Control<any>;
+    control: any;
     validation?: RegisterOptions;
-    value?: TValue | TValue[];
-    onChange?: (val: TValue | TValue[]) => void;
+    /**
+     * Side-effect que corre después de que RHF actualiza el form state.
+     * Útil para cascadas entre campos (ej. reset de municipio al cambiar
+     * departamento). NO reemplaza al handler de RHF.
+     */
+    onValueChange?: (value: TValue) => void;
+    multiple?: false;
+    value?: never;
+    onChange?: never;
 }
 export interface StandardSelectProps<TValue extends SelectOption['value'] = SelectOption['value']> extends BaseSelectProps<TValue> {
     name?: string;
     control?: never;
     validation?: never;
-    value: TValue | TValue[];
-    onChange: (val: TValue | TValue[]) => void;
+    multiple?: false;
+    value: TValue;
+    onChange: (val: TValue) => void;
+}
+export interface MultipleSelectProps<TValue extends SelectOption['value'] = SelectOption['value']> extends BaseSelectProps<TValue> {
+    name?: string;
+    control?: never;
+    validation?: never;
+    multiple: true;
+    value: TValue[];
+    onChange: (val: TValue[]) => void;
+    /** Máximo de chips visibles antes de truncar con "+N más". Default: 3. */
+    maxChipsToShow?: number;
+    /** Variante visual de los chips. Default: 'filled'. */
+    chipVariant?: ChipVariant;
+    /** Render custom del label de cada chip. */
+    renderChipLabel?: RenderChipLabel;
 }
-export type SelectProps<TValue extends SelectOption['value'] = SelectOption['value']> = RHFSelectProps<TValue> | StandardSelectProps<TValue>;
+export type SelectProps<TValue extends SelectOption['value'] = SelectOption['value']> = RHFSelectProps<TValue> | StandardSelectProps<TValue> | MultipleSelectProps<TValue>;
 export declare function Option(_props: OptionProps): null;
 export declare namespace Option {
     var displayName: string;

package/components/Select/Select.helpers.d.ts

@@ -1,9 +1,4 @@
 import { SelectOption } from './Select';
-/**
- * Filtra opciones por `label` (case-insensitive). Si `search` es vacío,
- * devuelve el array completo. Solo se usa en modo no-async.
- */
-export declare const filterOptionsByLabel: (options: SelectOption[], search: string) => SelectOption[];
 /**
  * Agrupa opciones por la propiedad `group`. Las opciones sin group caen
  * bajo la key especial `__default`. Devuelve un Record para iterar en orden
@@ -11,18 +6,9 @@ export declare const filterOptionsByLabel: (options: SelectOption[], search: str
  */
 export declare const groupOptions: (options: SelectOption[]) => Record<string, SelectOption[]>;
 /**
- * Determina si un conjunto de grupos está efectivamente vacío
- * (no hay grupos o solo existe `__default` sin items).
- */
-export declare const isGroupedOptionsEmpty: (groups: Record<string, SelectOption[]>) => boolean;
-/**
- * Normaliza el valor actual al shape que espera el MUI Select:
- * - multiple: siempre array (aunque esté vacío).
- * - single:   string vacío si null/undefined.
- */
-export declare const normalizeSelectValue: <T>(value: T | T[] | null | undefined, multiple: boolean) => T | T[] | "";
-/**
- * Evalúa si el valor actual está vacío (para decidir shrink del label
- * y visibilidad del placeholder).
+ * Normaliza el valor single al shape que espera MUI Select: string vacío si
+ * el valor es `null`/`undefined`.
  */
-export declare const isSelectValueEmpty: (normalizedValue: unknown, multiple: boolean) => boolean;
+export declare const normalizeSelectValue: <T>(value: T | null | undefined) => T | "";
+/** `true` si el valor está vacío (para shrink del label + placeholder). */
+export declare const isSelectValueEmpty: (normalizedValue: unknown) => boolean;

package/components/Select/Select.js

@@ -1,4 +1,4 @@
-import { O, S, S as S2 } from "../../Select-3CBOfM2H.js";
+import { O, S, S as S2 } from "../../Select-BY5Y0qZ1.js";
 export {
   O as Option,
   S as Select,

package/components/Select/index.d.ts

@@ -1,2 +1,2 @@
 export { Select, Option, default } from './Select';
-export type { SelectProps, SelectOption, OptionProps, BaseSelectProps, RHFSelectProps, StandardSelectProps, RenderOptionItem, RenderChipLabel, LabelPosition, ChipVariant, SelectSize, } from './Select.types';
+export type { SelectProps, SelectOption, OptionProps, BaseSelectProps, RHFSelectProps, StandardSelectProps, MultipleSelectProps, RenderOptionItem, ChipVariant, RenderChipLabel, LabelPosition, SelectSize, } from './Select';

package/components/Spinner/Spinner.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Spinner = require("../../Spinner-D7qRmNS9.cjs");
+exports.Spinner = Spinner.Spinner;
+exports.default = Spinner.Spinner;
+//# sourceMappingURL=Spinner.cjs.map

package/components/Spinner/Spinner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/components/Spinner/Spinner.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+export type SpinnerSize = 'sm' | 'md' | 'lg' | number;
+export type SpinnerColor = 'primary' | 'secondary' | 'inherit' | 'error' | 'info' | 'success' | 'warning';
+export interface SpinnerProps {
+    /** Tamaño: `sm`=20, `md`=40, `lg`=56, o un número de px. Default: `md`. */
+    size?: SpinnerSize;
+    /** Color del indicador. Default: `primary`. */
+    color?: SpinnerColor;
+    /** Grosor del trazo. Default: 3.6 (default de MUI). */
+    thickness?: number;
+    /**
+     * Si `true`, centra el spinner en un contenedor flex de ancho completo.
+     * Útil para estados de carga de página/sección.
+     */
+    centered?: boolean;
+    /** Texto opcional debajo del spinner. */
+    label?: ReactNode;
+    /** sx del contenedor (o del propio spinner si no hay `centered`/`label`). */
+    sx?: SxProps<Theme>;
+    className?: string;
+    /** Texto accesible. Default: "Cargando". */
+    'aria-label'?: string;
+}
+export declare function Spinner({ size, color, thickness, centered, label, sx, className, 'aria-label': ariaLabel, }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+export default Spinner;

package/components/Spinner/Spinner.js

@@ -0,0 +1,6 @@
+import { S, S as S2 } from "../../Spinner-B6sThC1p.js";
+export {
+  S as Spinner,
+  S2 as default
+};
+//# sourceMappingURL=Spinner.js.map

package/components/Spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/Spinner/index.d.ts

@@ -0,0 +1,2 @@
+export { Spinner, default } from './Spinner';
+export type { SpinnerProps, SpinnerSize, SpinnerColor } from './Spinner';

package/components/Spinner.d.ts

@@ -0,0 +1,6 @@
+export * from './Spinner/index'
+export {}
+import _default from './Spinner/index'
+export default _default
+export * from './Spinner/index'
+export {}

package/components/Stat/Stat.cjs

@@ -1,6 +1,6 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require('../../styles.css');;/* empty css                      */
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const Stat = require("../../Stat-BUcFCGrz.cjs");
 exports.Stat = Stat.Stat;
+exports.default = Stat.Stat;
 //# sourceMappingURL=Stat.cjs.map

package/components/Stat/Stat.js

@@ -1,6 +1,6 @@
-import '../../styles.css';/* empty css                    */
-import { S } from "../../Stat-C06A_izS.js";
+import { S, S as S2 } from "../../Stat-C06A_izS.js";
 export {
-  S as Stat
+  S as Stat,
+  S2 as default
 };
 //# sourceMappingURL=Stat.js.map

package/components/Stat/Stat.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stat.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"Stat.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/Stat/index.d.ts

@@ -1 +1,2 @@
-export { default as Stat } from './Stat';
+export { Stat, default } from './Stat';
+export type { StatProps, StatChip } from './Stat';

package/components/Stat.d.ts

@@ -1,2 +1,6 @@
 export * from './Stat/index'
 export {}
+import _default from './Stat/index'
+export default _default
+export * from './Stat/index'
+export {}

package/components/StatusMessage/StatusMessage.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const StatusMessage = require("../../StatusMessage-C5B6oGZ_.cjs");
+const StatusMessage = require("../../StatusMessage-B3nXpuRl.cjs");
 exports.StatusMessage = StatusMessage.StatusMessage;
 exports.default = StatusMessage.StatusMessage;
 //# sourceMappingURL=StatusMessage.cjs.map

package/components/StatusMessage/StatusMessage.d.ts

@@ -1,44 +1,28 @@
-/**
- * `StatusMessage` es un componente de React que muestra mensajes de éxito, error o advertencia
- * en un modal o una alerta, utilizando el sistema de diseño de Material-UI.
- *
- * El componente puede mostrar alertas con estilos específicos o un modal personalizable
- * usando `Dialog` y otros componentes de MUI. También puede incluir una función opcional
- * para cerrar el mensaje.
- *
- * @param {StatusMessageProps} props - Las propiedades del componente.
- * @param {string | undefined} props.title - Título del mensaje que se muestra en el modal o alerta.
- * @param {string} [props.description] - Descripción o contenido detallado del mensaje.
- * @param {'success' | 'danger' | 'warning'} [props.messageType='success'] - Tipo de mensaje que determina el estilo visual. 'danger' se mapea a 'error' de MUI.
- * @param {'alert' | 'modal'} [props.displayType='alert'] - Determina si el mensaje se muestra como alerta o modal.
- * @param {() => void} [props.close] - Función opcional para ejecutar al cerrar el mensaje.
- * @returns {React.FC<StatusMessageProps>} Un componente funcional de React que muestra mensajes personalizados.
- *
- * @example
- * // Ejemplo de uso como una alerta:
- * <StatusMessage
- * title="Operación Exitosa"
- * description="La operación se ha completado correctamente."
- * messageType="success"
- * displayType="alert"
- * />
- *
- * // Ejemplo de uso como un modal:
- * <StatusMessage
- * title="Advertencia"
- * description="Se ha producido un error inesperado."
- * messageType="danger"
- * displayType="modal"
- * close={() => console.log('Modal cerrado')}
- * />
- */
+import { FC } from 'react';
 export interface StatusMessageProps {
-    title: string | undefined;
+    /** Título del mensaje. */
+    title?: string;
+    /** Descripción/contenido detallado. Requerido para que el componente renderice. */
     description?: string;
+    /** Tipo de mensaje (controla color + icono). `danger` mapea a `error` de MUI. */
     messageType?: 'success' | 'danger' | 'warning';
+    /** Forma de presentación: alerta inline o modal. Default: `'alert'`. */
     displayType?: 'alert' | 'modal';
+    /** Callback al cerrar. Si se omite, no se muestra botón de cerrar. */
     close?: () => void;
+    /**
+     * Controla visibilidad. Si se omite, el componente maneja su propio
+     * state (se oculta solo al llamar `close`). Si se pasa, queda controlled
+     * y el consumer es responsable de actualizarlo.
+     */
     open?: boolean;
 }
-export declare const StatusMessage: ({ title, description, messageType, displayType, close, open, }: StatusMessageProps) => import("react/jsx-runtime").JSX.Element | null;
+/**
+ * Mensaje de éxito / error / advertencia en forma de alerta inline o modal.
+ *
+ * - **Uncontrolled**: sin pasar `open`, el componente maneja su propia
+ *   visibilidad. Al llamar `close`, se oculta automáticamente.
+ * - **Controlled**: pasando `open`, el consumer decide cuándo mostrar/ocultar.
+ */
+export declare const StatusMessage: FC<StatusMessageProps>;
 export default StatusMessage;

package/components/StatusMessage/StatusMessage.js

@@ -1,4 +1,4 @@
-import { S, S as S2 } from "../../StatusMessage-D1GlfQdz.js";
+import { S, S as S2 } from "../../StatusMessage-D0WgSBx7.js";
 export {
   S as StatusMessage,
   S2 as default

package/components/Stepper/Stepper.cjs

@@ -1,6 +1,10 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Step = require("../../Step-a8U8O-91.cjs");
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Step = require("../../Step-Nd7SJbRZ.cjs");
 exports.Step = Step.Step;
 exports.Stepper = Step.Stepper;
+exports.StepperContext = Step.StepperContext;
+exports.StepperProvider = Step.StepperProvider;
+exports.default = Step.Stepper;
+exports.useStepper = Step.useStepper;
 //# sourceMappingURL=Stepper.cjs.map

package/components/Stepper/Stepper.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"Stepper.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/components/Stepper/Stepper.d.ts

@@ -1,16 +1,17 @@
-import { default as React, ReactElement } from 'react';
-import { StepProps } from './Step';
-interface MyStepperProps {
-    children: ReactElement<StepProps>[];
-    orientation?: "horizontal" | "vertical";
-    sx?: object;
+import { FC, ReactNode } from 'react';
+export interface StepperProps {
+    /** Uno o varios `<Step>`. Children que no sean `<Step>` se ignoran. */
+    children: ReactNode;
+    orientation?: 'horizontal' | 'vertical';
     alternateLabel?: boolean;
     /**
      * Índice 0-based del paso activo. Si no se provee, el Stepper intenta
-     * leerlo del `WizardContext` (si está dentro de un `<WizardProvider>`).
+     * leerlo del `StepperContext` (si está dentro de un `<StepperProvider>`).
      * Si tampoco hay provider, el default es 0.
      */
     currentStep?: number;
+    keepMounted?: boolean;
+    sx?: object;
 }
-export declare const Stepper: React.FC<MyStepperProps>;
+export declare const Stepper: FC<StepperProps>;
 export default Stepper;

package/components/Stepper/Stepper.js

@@ -1,6 +1,10 @@
-import { a, S } from "../../Step-Dq0N72YB.js";
+import { a, S, c, b, S as S2, u } from "../../Step-BArsou1V.js";
 export {
   a as Step,
-  S as Stepper
+  S as Stepper,
+  c as StepperContext,
+  b as StepperProvider,
+  S2 as default,
+  u as useStepper
 };
 //# sourceMappingURL=Stepper.js.map