@scmlatam/web-ui 0.2.39 → 0.2.42

package/dist/src/components/rb.d.ts

@@ -10,8 +10,8 @@ export { RbList, RbListItem } from '../rb-components/list';
 export type { RbListItemProps, RbListProps, RbListSize, RbListVariant, } from '../rb-components/list';
 export { PillsTabs, PillsTabs as RbPillsTabs, TabPanel, TabPanel as RbTabPanel, } from '../rb-components/navigation';
 export type { PillsTabItem, PillsTabsProps, TabPanelItem, TabPanelProps, } from '../rb-components/navigation';
-export { Button as RBButton, Input, AutoCustomCompleteField, CustomDatefield, CustomDatePicker, CustomTimefield, CustomDateRangefield, CustomDateRangePicker, CustomDateRangeCalendar, CustomIndefiniteDatePicker, RbInlineChipField, CalendarChipIcon, ClockChipIcon, Card, CardHeader, CardTitle, CardContent, CardFooter, IconButton as RbIconButton, Tooltip, Portal, ConfirmDialog, RbContextMenu, Checkbox, Radio, RbStepper, cn, } from '../rb-components/ui';
-export type { AutoValueItem, ButtonProps as RBButtonProps, InputProps, CustomAutoCompleteFieldProps, CustomDatefieldProps, CustomDatePickerProps, CustomTimefieldProps, CustomDateRangefieldProps, CustomDateRangePickerProps, CustomDateRangeCalendarProps, CustomIndefiniteDatePickerProps, RbInlineChipFieldProps, RbInlineChipFieldAction, RbContextMenuAlign, RbContextMenuItem, RbContextMenuPosition, RbContextMenuProps, RbContextMenuVariant, CardProps, IconButtonProps as RbIconButtonProps, CheckboxProps, CheckboxSize, RadioProps, RbStepperProps, RbStepperStep, PortalProps, TooltipProps, ConfirmDialogProps, ConfirmDialogInitialFocus, ConfirmDialogIconType, } from '../rb-components/ui';
+export { Button as RBButton, Input, AutoCustomCompleteField, CustomDatefield, CustomDatePicker, CustomTimefield, CustomDateRangefield, CustomDateRangePicker, CustomDateRangeCalendar, CustomIndefiniteDatePicker, CustomDateControl, RbInlineChipField, CalendarChipIcon, ClockChipIcon, Card, CardHeader, CardTitle, CardContent, CardFooter, IconButton as RbIconButton, Tooltip, Portal, ConfirmDialog, RbContextMenu, Checkbox, Radio, RbStepper, cn, } from '../rb-components/ui';
+export type { AutoValueItem, ButtonProps as RBButtonProps, InputProps, CustomAutoCompleteFieldProps, CustomDatefieldProps, CustomDatePickerProps, CustomTimefieldProps, CustomDateRangefieldProps, CustomDateRangePickerProps, CustomDateRangeCalendarProps, CustomIndefiniteDatePickerProps, CustomDateControlProps, RbInlineChipFieldProps, RbInlineChipFieldAction, RbContextMenuAlign, RbContextMenuItem, RbContextMenuPosition, RbContextMenuProps, RbContextMenuVariant, CardProps, IconButtonProps as RbIconButtonProps, CheckboxProps, CheckboxSize, RadioProps, RbStepperProps, RbStepperStep, PortalProps, TooltipProps, ConfirmDialogProps, ConfirmDialogInitialFocus, ConfirmDialogIconType, } from '../rb-components/ui';
 export { RbTable, RbExcelTable, RbTableToolbar, RbToolbarActionButton, RbToolbarActions, RbToolbarDateRangeField, RbToolbarMultiSelectField, RbToolbarSearchField, RbToolbarSelectField, formatRbExcelDate, formatRbExcelTime, getRbExcelValueAtPath, isRbExcelEmptyValue, isValidRbExcelDate, isValidRbExcelNumber, isValidRbExcelTime, parseRbExcelValue, setRbExcelValueAtPath, } from '../rb-components/table';
 export type { RbExcelCellContext, RbExcelCreateRowContext, RbExcelEditorContext, RbExcelFieldType, RbExcelImportContext, RbExcelParseContext, RbExcelRenderContext, RbExcelRowsChangeMeta, RbExcelRowsChangeSource, RbExcelTableActions, RbExcelTableColumn, RbExcelTableLabels, RbExcelTableProps, RbExcelTableRef, RbExcelValidationError, RbExcelValidationErrorInput, RbExcelValidationErrorSource, RbExcelValidationResult, RbExcelValueSource, RbTableColumn, RbTableRowId, RbTableProps, RbTableCellParams, RbTableRowParams, RbTableInitialState, RbTablePinnedColumns, RbTableBaseRow, RbTableSize, RbTableDensity, RbTableAlign, RbTableCellContextMenuParams, RbTableCellContextMenuPosition, RbTablePaginationMode, RbTablePaginationModel, RbRowSelectionModel, RbRowsPerPageOption, RbToolbarActionsProps, RbToolbarDateRangeFieldProps, RbToolbarDateRangeValue, RbAnyTableColumn, RbLegacyGridColumn, } from '../rb-components/table';
 export { DashboardShell, ShellContent } from '../rb-components/shell';
@@ -22,4 +22,4 @@ export type { GetSelectableSubtreeOptions, TreePanelExpandedChangeDetails, TreeP
 export { getRbImageUrl, rbImages } from '../rb-components/images';
 export type { RbImageName } from '../rb-components/images';
 export { Timeline } from '../rb-components/timeline';
-export type { TimelineProps, TimelineSegment, TimelineBoundary, TimelineBoundaryClickArgs, TimelineSegmentClickArgs, TimelineBoundaryChangeArgs, TimelineSegmentId, } from '../rb-components/timeline';
+export type { TimelineProps, TimelineCompactRange, TimelineSegment, TimelineBoundary, TimelineBoundaryClickArgs, TimelineSegmentClickArgs, TimelineBoundaryChangeArgs, TimelineSegmentId, } from '../rb-components/timeline';

package/dist/src/pages/Fechas.d.ts

@@ -0,0 +1,3 @@
+import { PageProps } from '../components/core/types/types';
+declare const Fechas: ({ location, navigate }: PageProps) => import("react").JSX.Element;
+export { Fechas };

package/dist/src/rb-components/form/FormShell.d.ts

@@ -33,6 +33,7 @@ export interface FormShellProps {
     headerClassName?: string;
     bodyClassName?: string;
     footerClassName?: string;
+    marginY?: number;
 }
-export declare function FormShell({ open, title, ariaLabel, alert, children, footer, onClose, loading, loadingLabel, closeLabel, size, draggable, closeOnEscape, closeOnBackdrop, className, headerClassName, bodyClassName, footerClassName, }: FormShellProps): React.JSX.Element | null;
+export declare function FormShell({ open, title, ariaLabel, alert, children, footer, onClose, loading, loadingLabel, closeLabel, size, draggable, closeOnEscape, closeOnBackdrop, className, headerClassName, bodyClassName, footerClassName, marginY, }: FormShellProps): React.JSX.Element | null;
 export default FormShell;

package/dist/src/rb-components/table/RbTable.d.ts

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
 import { RbTableBaseRow, RbTableProps } from './types';
-export declare function RbTable<Row extends RbTableBaseRow = RbTableBaseRow>({ columns, rows, loading, getRowKey, title, description, toolbarLeft, toolbarRight, showToolbar, toolbarClassName, emptyText, emptyState, className, rootClassName, bodyClassName, size, fill, density, onRowClick, onCellContextMenu, rowClassName, getCellClassName, getRowClassName, checkboxSelection, rowSelectionModel, setRowSelectionModel, onRowSelectionModelChange, isRowSelectable, disableRowSelectionOnClick, pinnedColumns, initialState, paginate, paginationMode, paginationModel, setPaginationModel, onPaginationModelChange, rowCount, defaultRowsPerPage, rowsPerPageOptions, resultsLabel, viewAllLabel, prevAriaLabel, nextAriaLabel, footer, footerActions, hideFooter, }: RbTableProps<Row>): React.JSX.Element;
+export declare function RbTable<Row extends RbTableBaseRow = RbTableBaseRow>({ columns, rows, loading, getRowKey, title, description, toolbarLeft, toolbarRight, showToolbar, toolbarClassName, emptyText, emptyState, className, rootClassName, bodyClassName, size, fill, density, maxHeight, onRowClick, onCellContextMenu, rowClassName, getCellClassName, getRowClassName, checkboxSelection, rowSelectionModel, setRowSelectionModel, onRowSelectionModelChange, isRowSelectable, disableRowSelectionOnClick, pinnedColumns, initialState, paginate, paginationMode, paginationModel, setPaginationModel, onPaginationModelChange, rowCount, defaultRowsPerPage, rowsPerPageOptions, resultsLabel, viewAllLabel, prevAriaLabel, nextAriaLabel, footer, footerActions, hideFooter, }: RbTableProps<Row>): React.JSX.Element;

package/dist/src/rb-components/table/types.d.ts

@@ -214,6 +214,13 @@ export type RbTableProps<Row extends RbTableBaseRow = RbTableBaseRow> = {
     size?: RbTableSize;
     fill?: boolean;
     density?: RbTableDensity;
+    /**
+     * Altura máxima del body de la tabla. Acepta el mismo formato que el ancho
+     * de columnas: number => px, o cualquier string CSS válido ("20rem", "50vh", etc).
+     * Si no se define, se usa el valor por defecto asociado a 'size'.
+     * Se ignora cuando 'fill' está activo.
+     */
+    maxHeight?: number | string;
     onRowClick?: (row: Row, index: number) => void;
     /**
      * Se ejecuta al hacer clic derecho sobre una celda.

package/dist/src/rb-components/timeline/Timeline.d.ts

@@ -1,3 +1,3 @@
 import { TimelineProps } from './timeline.types';
-export declare function Timeline({ segments, startBoundary, endBoundary, colors, formatDate, segmentTooltip, boundaryTooltip, onSegmentClick, onBoundaryClick, allowGaps, scale, editableBoundaries, exclusiveEnd, indefiniteDate, indefiniteLabel, onBoundaryDateChange, className, }: TimelineProps): import("react").JSX.Element | null;
+export declare function Timeline({ segments, mode, external_labels, legend, compactRange, tooltips, startBoundary, endBoundary, colors, formatDate, segmentTooltip, boundaryTooltip, onSegmentClick, onBoundaryClick, allowGaps, scale, editableBoundaries, exclusiveEnd, indefiniteDate, indefiniteLabel, onBoundaryDateChange, className, }: TimelineProps): import("react").JSX.Element | null;
 export default Timeline;

package/dist/src/rb-components/timeline/index.d.ts

@@ -1,2 +1,2 @@
 export { Timeline, default } from './Timeline';
-export type { TimelineBoundary, TimelineBoundaryClickArgs, TimelineProps, TimelineSegment, TimelineSegmentClickArgs, TimelineSegmentId, TimelineBoundaryChangeArgs, } from './timeline.types';
+export type { TimelineBoundary, TimelineBoundaryClickArgs, TimelineCompactRange, TimelineProps, TimelineSegment, TimelineSegmentClickArgs, TimelineSegmentId, TimelineBoundaryChangeArgs, } from './timeline.types';

package/dist/src/rb-components/timeline/timeline.types.d.ts

@@ -27,6 +27,10 @@ export interface TimelineBoundary {
     color?: string;
     tooltip?: React.ReactNode;
 }
+export interface TimelineCompactRange {
+    startDate: Dayjs;
+    endDate: Dayjs;
+}
 export interface TimelineBoundaryClickArgs {
     /** Índice del punto (0 = inicio, `segments.length` = fin). */
     index: number;
@@ -43,6 +47,19 @@ export interface TimelineSegmentClickArgs {
 }
 export interface TimelineProps {
     segments: TimelineSegment[];
+    /** Vista del timeline. `simple` conserva la vista con dots y etiquetas. */
+    mode?: "simple" | "compact";
+    /** Etiquetas externas para los extremos de la vista compacta. */
+    external_labels?: {
+        fecha_inicio?: React.ReactNode;
+        fecha_fin?: React.ReactNode;
+    };
+    /** Muestra la leyenda de segmentos en la vista compacta. */
+    legend?: boolean;
+    /** Dominio temporal usado por la vista compacta para posicionar los segmentos. */
+    compactRange?: TimelineCompactRange;
+    /** Activa los tooltips de rango en la vista compacta. */
+    tooltips?: boolean;
     /** Personaliza el punto/etiqueta inicial (por defecto usa la fecha inicial del primer segmento). */
     startBoundary?: TimelineBoundary;
     /** Personaliza el punto/etiqueta final (por defecto usa la fecha final del último segmento). */

package/dist/src/rb-components/timeline/timelineLayout.d.ts

@@ -4,6 +4,10 @@ export interface BuildSlotsOptions {
     /** Reparte el ancho según la duración real de cada tramo. */
     proportional?: boolean;
     indefiniteDate?: Dayjs;
+    domain?: {
+        startDate: Dayjs;
+        endDate: Dayjs;
+    };
 }
 export declare function buildSlots(segments: TimelineSegment[], allowGaps: boolean, options?: BuildSlotsOptions): TimelineSlot[];
 export declare function buildBoundaries(segments: TimelineSegment[], segmentSlots: TimelineSlot[], allowGaps: boolean): ResolvedBoundary[];

package/dist/src/rb-components/tree-panel/virtualTree.types.d.ts

@@ -36,7 +36,6 @@ export interface VirtualTreeApiRef<TValue = unknown> {
     scrollToItem: (itemId: VirtualTreeNodeId) => void;
 }
 export interface VirtualTreeProps<TValue = unknown> {
-    title: React.ReactNode;
     ariaLabel?: string;
     items?: readonly VirtualTreeNode<TValue>[];
     selectionMode?: VirtualTreeSelectionMode;

package/dist/src/rb-components/ui/index.d.ts

@@ -14,8 +14,10 @@ export { Button } from './primitives/Button';
 export type { ButtonProps } from './primitives/Button';
 export { AutoCustomCompleteField } from './primitives/AutoCustomCompleteField';
 export type { AutoValueItem, CustomAutoCompleteFieldProps, } from './primitives/AutoCustomCompleteField';
-export { CustomDatefield, CustomDatePicker, CustomIndefiniteDatePicker, CustomTimefield, CustomDateRangefield, CustomDateRangePicker, CustomDateRangeCalendar, } from './primitives/date-fields';
-export type { CustomDatefieldProps, CustomDatePickerProps, CustomIndefiniteDatePickerProps, CustomTimefieldProps, CustomDateRangefieldProps, CustomDateRangePickerProps, CustomDateRangeCalendarProps, } from './primitives/date-fields';
+export { CustomDatefield, CustomDatePicker, CustomIndefiniteDatePicker, CustomTimefield, CustomDateRangefield, CustomDateRangePicker, CustomDateRangeCalendar, CustomDateControl, } from './primitives/date-fields';
+export type { CustomDatefieldProps, CustomDatePickerProps, CustomIndefiniteDatePickerProps, CustomTimefieldProps, CustomDateRangefieldProps, CustomDateRangePickerProps, CustomDateRangeCalendarProps, CustomDateControlProps, } from './primitives/date-fields';
+export { Calendario } from './primitives/Calendario';
+export type { CalendarioProps, CalendarioSingleProps, CalendarioRangeProps, CalendarioRange, CalendarioMonths, } from './primitives/Calendario';
 export { RbInlineChipField, CalendarChipIcon, ClockChipIcon, } from './primitives/RbInlineChipField';
 export type { RbInlineChipFieldProps, RbInlineChipFieldAction, } from './primitives/RbInlineChipField';
 export { RbContextMenu } from './primitives/RbContextMenu';

package/dist/src/rb-components/ui/overlays/Tooltip.d.ts

@@ -6,9 +6,10 @@ export interface TooltipProps {
     placement?: TooltipPlacement;
     multiline?: boolean;
     disabled?: boolean;
+    triggerClassName?: string;
     className?: string;
     openDelay?: number;
     closeDelay?: number;
 }
-export default function Tooltip({ content, children, placement, multiline, disabled, className, openDelay, closeDelay, }: TooltipProps): React.JSX.Element;
+export default function Tooltip({ content, children, placement, multiline, disabled, triggerClassName, className, openDelay, closeDelay, }: TooltipProps): React.JSX.Element;
 export {};

package/dist/src/rb-components/ui/primitives/AutoCustomCompleteField.d.ts

@@ -66,6 +66,7 @@ interface CustomAutoCompleteBaseProps {
     values: AutoValueItem[];
     white: boolean;
     disabled?: boolean;
+    required?: boolean;
     error?: boolean;
     helperText?: ReactNode;
     emptyText?: ReactNode;

package/dist/src/rb-components/ui/primitives/Calendario.d.ts

@@ -0,0 +1,60 @@
+import { default as React } from 'react';
+import { Dayjs } from 'dayjs';
+declare const CALENDARIO_LOCALES: {
+    readonly en: import('react-day-picker').DayPickerLocale;
+    readonly es: import('react-day-picker').DayPickerLocale;
+};
+type CalendarioLocale = keyof typeof CALENDARIO_LOCALES;
+export type CalendarioMonths = 1 | 2 | 3;
+export type CalendarioRange = [Dayjs | null, Dayjs | null];
+interface CalendarioBaseProps {
+    label: string;
+    disabled: boolean;
+    white: boolean;
+    fullWidth: boolean;
+    placeholder?: string;
+    captionLayout?: "label" | "dropdown";
+    locale?: CalendarioLocale | null;
+    minDate?: Dayjs | Date;
+    maxDate?: Dayjs | Date;
+    calendarWhite?: boolean;
+    /**
+     * Cantidad de meses visibles en el panel:
+     * 1 simple, 2 doble, 3 triple.
+     */
+    months?: CalendarioMonths;
+    /**
+     * Centra los calendarios y la cabecera
+     * dentro del panel.
+     */
+    centerCalendars?: boolean;
+    /**
+     * Muestra el valor del trigger en formato corto
+     * (DD/MM/YY), útil en espacios reducidos.
+     */
+    compact?: boolean;
+    /**
+     * Activa el estado visual y accesible de error.
+     */
+    error?: boolean;
+    /**
+     * Texto de ayuda o validación mostrado
+     * bajo el campo.
+     */
+    helperText?: React.ReactNode;
+}
+export interface CalendarioSingleProps extends CalendarioBaseProps {
+    selectionMode?: "single";
+    initialValue: Dayjs | null;
+    value: Dayjs | null;
+    setValue: (newValue: Dayjs | null) => void;
+}
+export interface CalendarioRangeProps extends CalendarioBaseProps {
+    selectionMode: "range";
+    initialValue: CalendarioRange;
+    value: CalendarioRange;
+    setValue: (newValue: CalendarioRange) => void;
+}
+export type CalendarioProps = CalendarioSingleProps | CalendarioRangeProps;
+declare const Calendario: (props: CalendarioProps) => React.JSX.Element;
+export { Calendario };

package/dist/src/rb-components/ui/primitives/Input.d.ts

@@ -4,6 +4,7 @@ export type BaseInputProps = {
     containerClassName?: string;
     label?: React.ReactNode;
     labelVariant?: InputLabelVariant;
+    white?: boolean;
     hint?: React.ReactNode;
     helperText?: React.ReactNode;
     error?: boolean;

package/dist/src/rb-components/ui/primitives/date-fields/CustomDateControl.d.ts

@@ -0,0 +1,41 @@
+import { Dayjs } from 'dayjs';
+import { CustomDatePickerProps } from './CustomDatePicker';
+import { CustomDatePickerProps as CustomFieldDatePickerProps } from './CustomIndefiniteDatePicker/CustomDatePicker';
+import { CustomIndefiniteDatePickerProps } from './CustomIndefiniteDatePicker/CustomIndefiniteDatePicker';
+type DateControlVariant = "input" | "field";
+type DateControlBaseProps = {
+    label: string;
+    initialValue?: Dayjs | null;
+    value: Dayjs | null;
+    setValue: (newValue: Dayjs | null) => void;
+    disabled?: boolean;
+    required?: boolean;
+    white?: boolean;
+    fullWidth?: boolean;
+    placeholder?: string;
+    minDate?: Dayjs | Date;
+    maxDate?: Dayjs | Date;
+    error?: boolean;
+    helperText?: React.ReactNode;
+};
+type DateControlPickerProps = Omit<CustomDatePickerProps, "label" | "initialValue" | "value" | "setValue" | "disabled" | "required" | "white" | "fullWidth" | "placeholder" | "error" | "helperText">;
+type DateControlIndefiniteProps = Omit<CustomIndefiniteDatePickerProps, "label" | "value" | "setValue" | "disabled" | "required" | "white" | "fullWidth" | "placeholder" | "error" | "helperText" | "indefinite" | "onIndefiniteChange">;
+type DateControlFieldProps = Omit<CustomFieldDatePickerProps, "label" | "value" | "setValue" | "disabled" | "required" | "white" | "fullWidth" | "placeholder" | "error" | "helperText">;
+export interface CustomDateControlProps extends DateControlBaseProps {
+    /** Visualizacion editable tipo input o visualizacion compacta tipo field. */
+    variant?: DateControlVariant;
+    /** Usa el selector de fecha y hora de CustomDatefield. */
+    withTime?: boolean;
+    /** Activa la visualizacion y comportamiento de fecha indefinida. */
+    indefinite?: boolean;
+    /** Handler requerido cuando se muestra la opcion indefinida. */
+    onIndefiniteChange?: (indefinite: boolean) => void;
+    /** Props especificas del CustomDatePicker editable. */
+    pickerProps?: DateControlPickerProps;
+    /** Props especificas de la visualizacion compacta tipo field. */
+    fieldProps?: DateControlFieldProps;
+    /** Props especificas de CustomIndefiniteDatePicker. */
+    indefiniteProps?: DateControlIndefiniteProps;
+}
+declare const CustomDateControl: ({ label, initialValue, value, setValue, disabled, required, white, fullWidth, placeholder, minDate, maxDate, error, helperText, variant, withTime, indefinite, onIndefiniteChange, pickerProps, fieldProps, indefiniteProps, }: CustomDateControlProps) => import("react").JSX.Element;
+export { CustomDateControl };

package/dist/src/rb-components/ui/primitives/date-fields/CustomDatePicker.d.ts

@@ -11,6 +11,7 @@ export interface CustomDatePickerProps {
     value: Dayjs | null;
     setValue: (newValue: Dayjs | null) => void;
     disabled: boolean;
+    required?: boolean;
     white: boolean;
     fullWidth: boolean;
     placeholder?: string;
@@ -28,5 +29,5 @@ export interface CustomDatePickerProps {
      */
     helperText?: React.ReactNode;
 }
-declare const CustomDatePicker: ({ label, initialValue, value, setValue, disabled, white, fullWidth, placeholder, captionLayout, error, helperText, locale, minDate: minDateProp, maxDate: maxDateProp, }: CustomDatePickerProps) => React.JSX.Element;
+declare const CustomDatePicker: ({ label, initialValue, value, setValue, disabled, required, white, fullWidth, placeholder, captionLayout, error, helperText, locale, minDate: minDateProp, maxDate: maxDateProp, }: CustomDatePickerProps) => React.JSX.Element;
 export { CustomDatePicker };

package/dist/src/rb-components/ui/primitives/date-fields/CustomDateRangePicker.d.ts

@@ -2,20 +2,12 @@ import { default as React } from 'react';
 import { Dayjs } from 'dayjs';
 export interface CustomDateRangePickerProps {
     label: string;
-    initialValue: [
-        Dayjs | null,
-        Dayjs | null
-    ];
-    value: [
-        Dayjs | null,
-        Dayjs | null
-    ];
-    setValue: (newValue: [
-        Dayjs | null,
-        Dayjs | null
-    ]) => void;
+    initialValue: [Dayjs | null, Dayjs | null];
+    value: [Dayjs | null, Dayjs | null];
+    setValue: (newValue: [Dayjs | null, Dayjs | null]) => void;
     calendars: 1 | 2 | 3;
     disabled: boolean;
+    required?: boolean;
     white: boolean;
     fullWidth: boolean;
     /**
@@ -24,5 +16,5 @@ export interface CustomDateRangePickerProps {
      */
     compact?: boolean;
 }
-declare const CustomDateRangePicker: ({ label, initialValue, value, setValue, calendars, disabled, white, fullWidth, compact, }: CustomDateRangePickerProps) => React.JSX.Element;
+declare const CustomDateRangePicker: ({ label, initialValue, value, setValue, calendars, disabled, required, white, fullWidth, compact, }: CustomDateRangePickerProps) => React.JSX.Element;
 export { CustomDateRangePicker };

package/dist/src/rb-components/ui/primitives/date-fields/CustomDateRangefield.d.ts

@@ -5,6 +5,7 @@ export interface CustomDateRangefieldProps {
     value: [Dayjs | null, Dayjs | null];
     setValue: (newValue: [Dayjs | null, Dayjs | null]) => void;
     disabled: boolean;
+    required?: boolean;
 }
-declare const CustomDateRangefield: ({ label, value, setValue, disabled, }: CustomDateRangefieldProps) => React.JSX.Element;
+declare const CustomDateRangefield: ({ label, value, setValue, disabled, required, }: CustomDateRangefieldProps) => React.JSX.Element;
 export { CustomDateRangefield };

package/dist/src/rb-components/ui/primitives/date-fields/CustomDatefield.d.ts

@@ -6,8 +6,11 @@ export interface CustomDatefieldProps {
     value: Dayjs | null;
     setValue: (newValue: Dayjs | null) => void;
     disabled: boolean;
+    required?: boolean;
     white: boolean;
     fullWidth: boolean;
+    minDate?: Dayjs | Date;
+    maxDate?: Dayjs | Date;
 }
-declare const CustomDatefield: ({ label, initialValue, value, setValue, disabled, white, fullWidth, }: CustomDatefieldProps) => React.JSX.Element;
+declare const CustomDatefield: ({ label, initialValue, value, setValue, disabled, required, white, fullWidth, minDate, maxDate, }: CustomDatefieldProps) => React.JSX.Element;
 export { CustomDatefield };

package/dist/src/rb-components/ui/primitives/date-fields/CustomIndefiniteDatePicker/CustomDatePicker.d.ts

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
 import { Dayjs } from 'dayjs';
+type DatePickerCaptionLayout = "label" | "dropdown";
 export interface DatePickerFooterApi {
     close: () => void;
 }
@@ -10,9 +11,11 @@ export interface CustomDatePickerProps {
     minDate?: Dayjs | Date;
     maxDate?: Dayjs | Date;
     disabled?: boolean;
+    required?: boolean;
     white?: boolean;
     fullWidth?: boolean;
     placeholder?: string;
+    captionLayout?: DatePickerCaptionLayout;
     /** Sobrescribe el texto del trigger (ej. "Indefinido"). */
     displayValue?: string;
     /** Texto de ayuda opcional que se muestra debajo del campo. */
@@ -22,5 +25,5 @@ export interface CustomDatePickerProps {
     /** Contenido opcional al pie del panel. Se oculta en la vista de años. */
     footer?: (api: DatePickerFooterApi) => React.ReactNode;
 }
-declare const CustomDatePicker: ({ label, value, setValue, minDate: minDateProp, maxDate: maxDateProp, disabled, white, fullWidth, placeholder, displayValue, footer, helperText, error, }: CustomDatePickerProps) => React.JSX.Element;
+declare const CustomDatePicker: ({ label, value, setValue, minDate: minDateProp, maxDate: maxDateProp, disabled, required, white, fullWidth, placeholder, displayValue, footer, helperText, error, }: CustomDatePickerProps) => React.JSX.Element;
 export { CustomDatePicker };

package/dist/src/rb-components/ui/primitives/date-fields/CustomIndefiniteDatePicker/YearGrid.d.ts

@@ -2,7 +2,8 @@ import { default as React } from 'react';
 interface YearGridProps {
     years: number[];
     activeYear: number;
+    variant?: "light" | "dark";
     onSelect: (year: number) => void;
 }
-export declare const YearGrid: React.MemoExoticComponent<({ years, activeYear, onSelect }: YearGridProps) => React.JSX.Element>;
+export declare const YearGrid: React.MemoExoticComponent<({ years, activeYear, variant, onSelect, }: YearGridProps) => React.JSX.Element>;
 export {};

package/dist/src/rb-components/ui/primitives/date-fields/CustomTimefield.d.ts

@@ -6,6 +6,7 @@ export interface CustomTimefieldProps {
     value: Dayjs | null;
     setValue: (newValue: Dayjs | null) => void;
     disabled: boolean;
+    required?: boolean;
     white: boolean;
     fullWidth: boolean;
     /**
@@ -31,5 +32,5 @@ export interface CustomTimefieldProps {
      */
     helperText?: React.ReactNode;
 }
-declare const CustomTimefield: ({ label, initialValue, value, setValue, disabled, white, fullWidth, minuteStep, error, helperText, }: CustomTimefieldProps) => React.JSX.Element;
+declare const CustomTimefield: ({ label, initialValue, value, setValue, disabled, required, white, fullWidth, minuteStep, error, helperText, }: CustomTimefieldProps) => React.JSX.Element;
 export { CustomTimefield, };

package/dist/src/rb-components/ui/primitives/date-fields/DateFieldTrigger.d.ts

@@ -7,6 +7,7 @@ interface DateFieldTriggerProps {
     placeholder?: string;
     open?: boolean;
     disabled?: boolean;
+    required?: boolean;
     white?: boolean;
     fullWidth?: boolean;
     icon?: DateFieldIcon;
@@ -23,6 +24,9 @@ interface DateFieldTriggerProps {
      */
     helperText?: React.ReactNode;
     onClick?: () => void;
+    onChange?: (value: string) => void;
+    onBlur?: () => void;
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
 }
 export declare const DateFieldTrigger: React.ForwardRefExoticComponent<DateFieldTriggerProps & React.RefAttributes<HTMLButtonElement | HTMLInputElement>>;
 export {};

package/dist/src/rb-components/ui/primitives/date-fields/DateInputTrigger.d.ts

@@ -6,10 +6,12 @@ interface DateInputTriggerProps {
     placeholder: string;
     open: boolean;
     disabled: boolean;
+    required?: boolean;
     white: boolean;
     fullWidth: boolean;
     error: boolean;
     helperText?: React.ReactNode;
+    maxLength?: number;
     onChange: (value: string) => void;
     onOpen: () => void;
     onBlur: () => void;

package/dist/src/rb-components/ui/primitives/date-fields/TimeFieldTrigger.d.ts

@@ -6,6 +6,7 @@ interface TimeFieldTriggerProps {
     minute: string;
     open: boolean;
     disabled: boolean;
+    required?: boolean;
     white: boolean;
     fullWidth: boolean;
     error: boolean;

package/dist/src/rb-components/ui/primitives/date-fields/dateUtils.d.ts

@@ -2,11 +2,17 @@ import { default as dayjs, Dayjs } from 'dayjs';
 export declare const DATE_DISPLAY_FORMAT = "DD/MM/YYYY";
 export declare const TIME_DISPLAY_FORMAT = "HH:mm";
 export declare const DATETIME_DISPLAY_FORMAT = "DD/MM/YYYY HH:mm";
+export declare const INVALID_DATE_HELPER_TEXT = "Fecha inv\u00E1lida";
 export declare function toDate(value?: Dayjs | null): Date | undefined;
 export declare function toDayjs(value?: Date | null): Dayjs | null;
 export declare function formatDate(value?: Dayjs | null): string;
 export declare function maskDateInput(value: string): string;
+export declare function maskDateRangeInput(value: string): string;
 export declare function fromDisplayDateValue(value: string): dayjs.Dayjs | null;
+export declare function fromDisplayDateRangeValue(value: string): {
+    value: [Dayjs | null, Dayjs | null];
+    invalid: boolean;
+};
 export declare function formatTime(value?: Dayjs | null): string;
 export declare function formatDateTime(value?: Dayjs | null): string;
 export declare function formatDateRange(value?: [Dayjs | null, Dayjs | null]): string;

package/dist/src/rb-components/ui/primitives/date-fields/index.d.ts

@@ -4,6 +4,8 @@ export { CustomDatePicker } from './CustomDatePicker';
 export type { CustomDatePickerProps } from './CustomDatePicker';
 export { CustomIndefiniteDatePicker } from './CustomIndefiniteDatePicker/CustomIndefiniteDatePicker';
 export type { CustomIndefiniteDatePickerProps } from './CustomIndefiniteDatePicker/CustomIndefiniteDatePicker';
+export { CustomDateControl } from './CustomDateControl';
+export type { CustomDateControlProps } from './CustomDateControl';
 export { CustomTimefield } from './CustomTimefield';
 export type { CustomTimefieldProps } from './CustomTimefield';
 export { CustomDateRangefield } from './CustomDateRangefield';

package/dist/src/rb-components/ui/primitives/date-fields/useDatePopover.d.ts

@@ -10,6 +10,7 @@ interface UseDatePopoverOptions {
     estimatedHeight?: number;
     offset?: number;
     screenPadding?: number;
+    ignoreCloseSelectors?: string[];
 }
 export declare function useDatePopover<TriggerElement extends HTMLElement = HTMLButtonElement>(options?: UseDatePopoverOptions): {
     open: boolean;