ui-mathilde-web 0.3.3 → 0.3.5

package/dist/ui-mathilde-web.d.ts

@@ -111,6 +111,7 @@ declare interface DateRangePickerProps {
     minData?: Date;
     maxData?: Date;
     quickRanges?: QuickRange[];
+    className?: string;
 }
 
 export declare const DropdownButton: ({ label, dismissOnClick, items, size, className, styles, mode, columns, onSelectionChange, selectedItems, activeChevron, icon, iconSize, }: DropdownProps) => JSX_2.Element;
@@ -274,7 +275,7 @@ declare interface QuickRange {
     };
 }
 
-export declare const RadioButton: ({ options, classNameRadio, classNameLabel }: RadioButtonProps) => JSX_2.Element;
+export declare const RadioButton: ({ options, classNameRadio, classNameLabel, onChange }: RadioButtonProps) => JSX_2.Element;
 
 declare interface RadioButtonOption {
     id: string;
@@ -288,7 +289,7 @@ declare interface RadioButtonProps {
     label?: string;
     options: RadioButtonOption[];
     disabled?: boolean;
-    onChange?: (value: string) => void;
+    onChange?: () => void;
     classNameRadio?: string;
     classNameLabel?: string;
     className?: string;
@@ -340,19 +341,40 @@ declare interface SpinnerProps {
     description?: string;
 }
 
-declare interface Step {
+declare interface StepDefinition {
     title: string;
-    content: string;
+    description?: string;
+    content?: React.ReactNode;
 }
 
-export declare const Stepper: ({ steps, initialStep, onNext, onBack, onFinish, }: StepperProps) => JSX_2.Element;
+export declare const Stepper: ({ steps, initialStep, activeStep: controlledActiveStep, onStepChange, renderControls, onNext, onBack, onFinish, }: StepperProps) => JSX_2.Element;
 
 declare interface StepperProps {
-    steps: Step[];
-    initialStep: number;
+    steps: StepDefinition[];
+    /** Inicializa el paso cuando el componente funciona en modo no controlado */
+    initialStep?: number;
+    /** Modo controlado: el front proporciona `activeStep` y actualiza mediante `onStepChange` */
+    activeStep?: number;
+    /** Cuando el usuario solicita cambiar de paso (controlado). El front decide si acepta o no el cambio. */
+    onStepChange?: (newStep: number) => void;
+    /** Callbacks informativos (opcionales). No cambian el comportamiento interno en modo controlado. */
     onNext?: () => void;
     onBack?: () => void;
     onFinish?: () => void;
+    /**
+     * Render prop para controlar completamente la UI de controles (botones).
+     * Si se proporciona, el Stepper llamará a esta función con una colección de helpers
+     * (next, back, goToStep, flags) y renderizará lo que el parent devuelva.
+     */
+    renderControls?: (controls: {
+        activeStep: number;
+        stepsLength: number;
+        isFirst: boolean;
+        isLast: boolean;
+        next: () => void;
+        back: () => void;
+        goToStep: (n: number) => void;
+    }) => React.ReactNode;
 }
 
 declare interface SubMenuSection {