@scmlatam/web-ui 0.2.39 → 0.2.44

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

@@ -10,11 +10,12 @@ 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';
+export { Breadcrumbs, DashboardShell, ShellContent, } from '../rb-components/shell';
+export type { BreadcrumbItem, BreadcrumbsProps } from '../rb-components/shell';
 export { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, } from '../rb-components/sidebar';
 export { TopBar, TopBarUserMenu } from '../rb-components/topbar';
 export { TreePanel, VirtualTree, findNodeById, flattenTree, getExpandableNodeIds, getNodeSelectionState, getSelectableDescendantIds, getSelectableSubtreeIds, hasNodeChildren, isNodeSelectable, isNodeSelectionMutable, normalizeHierarchicalSelection, toggleExpandedNode, toggleNodeSelection, buildVirtualTreeIndex, filterVirtualTreeItems, getVirtualTreeAncestorIds, getVisibleVirtualTreeItems, normalizeVirtualTreeSearch, normalizeVirtualTreeSelection, toggleVirtualTreeSelection, useVirtualTreeState, } from '../rb-components/tree-panel';
@@ -22,4 +23,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/pages/home/rb/components/PropsTable.d.ts

@@ -0,0 +1,8 @@
+import { PropDefinition } from '../types/documentation.types';
+export interface PropsTableProps {
+    componentName: string;
+    rows: PropDefinition[];
+    description?: string;
+    className?: string;
+}
+export declare function PropsTable({ componentName, rows, description, className, }: PropsTableProps): import("react").JSX.Element;

package/dist/src/pages/home/rb/sections/BreadcrumbsSection.d.ts

@@ -0,0 +1 @@
+export declare function BreadcrumbsSection(): import("react").JSX.Element;

package/dist/src/pages/home/rb/types/documentation.types.d.ts

@@ -4,3 +4,9 @@ export interface RbDocumentationIndexItem {
     description: string;
 }
 export type DemoPillTab = "general" | "detalle";
+export interface PropDefinition {
+    name: string;
+    type: string;
+    default?: string;
+    description: string;
+}

package/dist/src/rb-components/feedback/empty-state/EmptyState.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+export type EmptyStateContext = "form" | "page";
+export interface EmptyStateAction {
+    label: ReactNode;
+    onClick: () => void;
+    disabled?: boolean;
+}
+export interface EmptyStateProps {
+    context?: EmptyStateContext;
+    icon?: ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
+    primaryAction?: EmptyStateAction;
+    secondaryAction?: EmptyStateAction;
+    hideIcon?: boolean;
+    hideTitle?: boolean;
+    hideDescription?: boolean;
+    hidePrimaryAction?: boolean;
+    hideSecondaryAction?: boolean;
+    className?: string;
+}
+export declare function EmptyState({ context, icon, title, description, primaryAction, secondaryAction, hideIcon, hideTitle, hideDescription, hidePrimaryAction, hideSecondaryAction, className, }: EmptyStateProps): import("react").JSX.Element;
+export default EmptyState;

package/dist/src/rb-components/feedback/empty-state/index.d.ts

@@ -0,0 +1,2 @@
+export { EmptyState } from './EmptyState';
+export type { EmptyStateAction, EmptyStateContext, EmptyStateProps, } from './EmptyState';

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

@@ -1,2 +1,3 @@
 export * from './system-alert';
 export * from './message-alert';
+export * from './empty-state';

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/shell/Breadcrumbs.d.ts

@@ -3,7 +3,7 @@ export type BreadcrumbItem = {
     label: ReactNode;
     to?: string;
 };
-interface BreadcrumbsProps {
+export interface BreadcrumbsProps {
     items?: BreadcrumbItem[];
     separator?: ReactNode;
     className?: string;
@@ -30,4 +30,3 @@ interface BreadcrumbsProps {
     }) => ReactNode;
 }
 export default function Breadcrumbs({ items, separator, className, queryKeys, includeHome, homeLabel, homeTo, labelFormatter, }: BreadcrumbsProps): import("react").JSX.Element | null;
-export {};

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

@@ -1,2 +1,4 @@
 export { DashboardShell } from './DashboardShell';
 export { ShellContent } from './ShellContent';
+export { default as Breadcrumbs } from './Breadcrumbs';
+export type { BreadcrumbItem, BreadcrumbsProps } from './Breadcrumbs';

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,12 @@ 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 { getDateShortcuts, getDateRangeShortcuts, } from './primitives/date-fields/DateShortcuts';
+export type { DateShortcut, DateRangeShortcut, } from './primitives/date-fields/DateShortcuts';
+export type { CalendarioProps, CalendarioSingleProps, CalendarioRangeProps, CalendarioRange, CalendarioMonths, CalendarioCaptionLayout, CalendarioTimeFormat, CalendarioLocale, CalendarioDateFormat, } 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,134 @@
+import { default as React } from 'react';
+import { Dayjs } from 'dayjs';
+import { CalendarioTimeFormat } from './CalendarioTimePanel';
+import { DateRangeShortcut, DateShortcut } from './date-fields/DateShortcuts';
+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 { CalendarioLocale };
+export type CalendarioMonths = 1 | 2 | 3;
+export type CalendarioCaptionLayout = "label" | "month" | "year" | "dropdown" | "hidden";
+export type { CalendarioTimeFormat };
+export type CalendarioRange = [Dayjs | null, Dayjs | null];
+export type CalendarioDateFormat = "DD/MM/YYYY" | "MM/DD/YYYY" | "YYYY-MM-DD";
+interface CalendarioBaseProps {
+    label: string;
+    disabled: boolean;
+    white: boolean;
+    fullWidth: boolean;
+    placeholder?: string;
+    /**
+     * label: mes y año como texto.
+     * month: selector de mes.
+     * year: selector de año.
+     * dropdown: selectores de mes y año.
+     * hidden: sin cabecera de mes/año.
+     */
+    captionLayout?: CalendarioCaptionLayout;
+    /**
+     * Permite cambiar de mes y de año.
+     * En false oculta las flechas, los selectores
+     * y bloquea el cambio al escribir.
+     */
+    enableMonthNavigation?: boolean;
+    /**
+     * Muestra el calendario. En false el panel
+     * solo permite elegir hora.
+     */
+    includeDatePicker?: boolean;
+    /**
+     * Agrega la selección de hora al panel.
+     */
+    includeTimePicker?: boolean;
+    /**
+     * Formato del selector de hora.
+     */
+    timeFormat?: CalendarioTimeFormat;
+    /**
+     * Agrega la columna de segundos
+     * al selector de hora.
+     */
+    includeSeconds?: boolean;
+    /**
+     * Intervalo de minutos del selector de hora.
+     */
+    minuteStep?: number;
+    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;
+    /**
+     * Formato de la fecha en el campo:
+     * display, máscara al escribir y parseo.
+     */
+    dateFormat?: CalendarioDateFormat;
+    /**
+     * Muestra el valor del trigger en formato corto
+     * (año de dos dígitos), útil en espacios reducidos.
+     */
+    compact?: boolean;
+    /**
+     * Muestra la columna de atajos
+     * (hoy, ayer, mañana, etc.).
+     */
+    hasShortcuts?: boolean;
+    /**
+     * Exige confirmar con el botón "Listo"
+     * en vez de cerrar al completar la selección.
+     */
+    noInstantAcept?: 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;
+    /**
+     * Habilita el check de fecha indefinida
+     * dentro del panel.
+     */
+    isIndefiniteAllowed?: boolean;
+    indefinite?: boolean;
+    onIndefiniteChange?: (indefinite: boolean) => void;
+    indefiniteLabel?: string;
+    /**
+     * Reemplaza los atajos por defecto
+     * (ayer, hoy, mañana).
+     */
+    shortcuts?: DateShortcut[];
+}
+export interface CalendarioRangeProps extends CalendarioBaseProps {
+    selectionMode: "range";
+    initialValue: CalendarioRange;
+    value: CalendarioRange;
+    setValue: (newValue: CalendarioRange) => void;
+    /**
+     * Reemplaza los atajos de rango por defecto
+     * (semana pasada, últimos 7 días, etc.).
+     */
+    shortcuts?: DateRangeShortcut[];
+}
+export type CalendarioProps = CalendarioSingleProps | CalendarioRangeProps;
+declare const Calendario: (props: CalendarioProps) => React.JSX.Element;
+export { Calendario };

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

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+import { Dayjs } from 'dayjs';
+export type CalendarioTimeFormat = "ampm" | "24h";
+export interface CalendarioTimePanelProps {
+    value: Dayjs | null;
+    onChange: (newValue: Dayjs) => void;
+    timeFormat?: CalendarioTimeFormat;
+    includeSeconds?: boolean;
+    minuteStep?: number;
+    disabled?: boolean;
+    /** Se dispara al elegir en la última columna. */
+    onComplete?: () => void;
+}
+export declare function CalendarioTimePanel({ value, onChange, timeFormat, includeSeconds, minuteStep, disabled, onComplete, }: CalendarioTimePanelProps): React.JSX.Element;
+export declare function getCalendarioTimePattern(timeFormat: CalendarioTimeFormat, includeSeconds: boolean): "HH:mm" | "HH:mm:ss" | "hh:mm:ss A" | "hh:mm A";
+export interface CalendarioTimeFieldProps extends Omit<CalendarioTimePanelProps, "onChange"> {
+    label?: string;
+    white?: boolean;
+    onChange: (newValue: Dayjs) => void;
+}
+export declare function parseCalendarioTimeText(text: string, base: Dayjs | null, timeFormat: CalendarioTimeFormat): Dayjs | null;
+export declare function CalendarioTimeField({ value, onChange, label, timeFormat, includeSeconds, minuteStep, disabled, white, }: CalendarioTimeFieldProps): React.JSX.Element;

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,13 @@ interface DateInputTriggerProps {
     placeholder: string;
     open: boolean;
     disabled: boolean;
+    required?: boolean;
     white: boolean;
     fullWidth: boolean;
     error: boolean;
     helperText?: React.ReactNode;
+    maxLength?: number;
+    readOnly?: boolean;
     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;