@soyfri/shared-library 2.0.0-beta.12 → 2.0.0-beta.15

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,24 @@ interface ModalProps {
     closeButtonDisabled?: boolean;
     actions?: ModalAction[];
     maxWidth?: DialogProps['maxWidth'];
+    /** 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 +70,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 { a, c, d, b, M } from "../../Modal-BRZMPwDj.js";
 export {
-  M as Modal,
-  b as ModalBody,
-  c as ModalFooter,
-  a as ModalHeader,
-  d as default
+  a as Modal,
+  c as ModalBody,
+  d as ModalFooter,
+  b as ModalHeader,
+  M 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

@@ -2,6 +2,8 @@ export { default } from './Modal';
 export { 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-B6jE3WH_.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,33 +10,22 @@ 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;
-export type RenderChipLabel = (item: SelectOption) => ReactNode;
 export interface OptionProps {
     children: RenderOptionItem;
 }
 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;
     disabled?: boolean;
     error?: boolean;
     helperText?: string;
@@ -59,17 +48,23 @@ export interface BaseSelectProps<TValue extends SelectOption['value'] = SelectOp
 }
 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;
+    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;
+    value: TValue;
+    onChange: (val: TValue) => void;
 }
 export type SelectProps<TValue extends SelectOption['value'] = SelectOption['value']> = RHFSelectProps<TValue> | StandardSelectProps<TValue>;
 export declare function Option(_props: OptionProps): null;

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-bSVQokFX.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, RenderOptionItem, LabelPosition, SelectSize, } from './Select';

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

package/{hooks/Wizard/WizardContext.d.ts → components/Stepper/StepperContext.d.ts}

@@ -1,17 +1,11 @@
 import { FC, ReactNode } from 'react';
 /**
- * API expuesta por `useWizard()`.
- *
- * Nota de retro-compatibilidad: los nombres `submitStep`, `nextStep`,
- * `prevStep`, `goToStep` se mantienen idénticos al `WizardContext` de
- * `@soyfri/fri-web-components` para que consumers migrando no tengan que
- * cambiar sus llamadas. Se agregan campos extra opcionales que antes no
- * existían (`currentStep`, `totalSteps`, `isFirst`, `isLast`, `completed`).
+ * API expuesta por `useStepper()`.
  */
-export interface WizardContextValue {
+export interface StepperContextValue {
     /** Índice del paso actual (0-based). */
     currentStep: number;
-    /** Total de pasos del wizard. */
+    /** Total de pasos del stepper. */
     totalSteps: number;
     /** True si `currentStep === 0`. */
     isFirst: boolean;
@@ -26,16 +20,25 @@ export interface WizardContextValue {
     /** Salta a un paso específico (0-based). No-op si fuera de rango. */
     goToStep: (stepNumber: number) => void;
     /**
-     * Envía el wizard. Marca `completed = true` y dispara el callback
+     * Envía el stepper. Marca `completed = true` y dispara el callback
      * `onSubmit` del provider. En el último paso suele reemplazar a `nextStep`.
      */
     submitStep: () => void;
-    /** Resetea el wizard al paso inicial y limpia `completed`. */
+    /** Resetea al paso inicial y limpia `completed`. */
     reset: () => void;
 }
-export declare const WizardContext: import('react').Context<WizardContextValue>;
-export interface WizardProviderProps {
-    /** Número total de pasos del wizard. Requerido. */
+export declare const StepperContext: import('react').Context<StepperContextValue>;
+/**
+ * Hook para consumir el `StepperContext` desde cualquier descendiente de
+ * `<StepperProvider>`.
+ *
+ * Si se llama fuera de un provider, devuelve los valores por defecto (no-op)
+ * para que componentes como `<Stepper>` puedan leerlo sin romper cuando no
+ * hay provider envolvente.
+ */
+export declare function useStepper(): StepperContextValue;
+export interface StepperProviderProps {
+    /** Número total de pasos. Requerido. */
     totalSteps: number;
     /** Paso inicial (0-based). Default: 0. */
     initialStep?: number;
@@ -52,16 +55,19 @@ export interface WizardProviderProps {
     children?: ReactNode;
 }
 /**
- * Provider del wizard. Administra el `currentStep` internamente. El consumer
- * no necesita gestionar estado — sólo consumirlo con `useWizard()` desde
+ * Provider del stepper. Administra el `currentStep` internamente. El consumer
+ * no necesita gestionar estado — solo consumirlo con `useStepper()` desde
  * cualquier descendiente.
  *
  * ```tsx
- * <WizardProvider totalSteps={3} onSubmit={handleFinalSubmit}>
- *   <Stepper ... />
- *   <StepContent />
- *   <WizardControls />
- * </WizardProvider>
+ * <StepperProvider totalSteps={3} onSubmit={handleFinalSubmit}>
+ *   <Stepper>
+ *     <Step label="Paso 1"><StepOne /></Step>
+ *     <Step label="Paso 2"><StepTwo /></Step>
+ *     <Step label="Paso 3"><StepThree /></Step>
+ *   </Stepper>
+ *   <StepperControls />
+ * </StepperProvider>
  * ```
  */
-export declare const WizardProvider: FC<WizardProviderProps>;
+export declare const StepperProvider: FC<StepperProviderProps>;

package/components/Stepper/_hooks/useHorizontalScroll.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Hook interno del Stepper para manejar scroll horizontal cuando los steps
+ * no caben en el contenedor. No se exporta desde el barrel — es un detalle
+ * de implementación.
+ *
+ * @param enabled - Si el scroll está activo (típicamente sólo en orientación horizontal).
+ * @param deps    - Cosas que afectan el layout y disparan un recompute (ej. cantidad de steps, paso activo).
+ *
+ * Retorna:
+ * - `scrollRef`: ref a asignar al contenedor con `overflow-x: auto`.
+ * - `canScrollLeft` / `canScrollRight`: flags para habilitar/deshabilitar flechas.
+ * - `scrollBy(delta)`: imperativo con scroll suave.
+ */
+export declare function useHorizontalScroll(enabled: boolean, deps?: unknown[]): {
+    scrollRef: import('react').RefObject<HTMLDivElement | null>;
+    canScrollLeft: boolean;
+    canScrollRight: boolean;
+    scrollBy: (delta: number) => void;
+};

package/components/Stepper/_parts/StepperScrollArrow.d.ts

@@ -0,0 +1,19 @@
+interface StepperScrollArrowProps {
+    direction: 'left' | 'right';
+    /** Cuando `false`, el botón está deshabilitado (por ejemplo, ya estás al inicio). */
+    enabled: boolean;
+    /**
+     * Cuando `false`, el botón queda con `visibility: hidden` (reserva su
+     * espacio pero no se ve). Útil para que el área de scroll no se corra
+     * horizontalmente cuando no hay overflow en ningún lado.
+     */
+    visible: boolean;
+    onClick: () => void;
+}
+/**
+ * Flecha de scroll (`<` / `>`) del Stepper horizontal. Se muestra a los
+ * costados del área scrollable cuando hay overflow. Componente privado —
+ * no se exporta del barrel.
+ */
+export declare const StepperScrollArrow: ({ direction, enabled, visible, onClick, }: StepperScrollArrowProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/components/Stepper/index.d.ts

@@ -1,2 +1,6 @@
-export { default as Stepper } from './Stepper';
-export { default as Step } from './Step';
+export { Stepper, default } from './Stepper';
+export type { StepperProps } from './Stepper';
+export { Step } from './Step';
+export type { StepProps } from './Step';
+export { StepperProvider, StepperContext, useStepper, } from './StepperContext';
+export type { StepperContextValue, StepperProviderProps, } from './StepperContext';

package/components/Stepper.d.ts

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

package/components/Switch/Switch.cjs

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