@scmlatam/web-ui 0.2.12 → 0.2.13

package/dist/src/rb-components/table/toolbar/RbToolbarMultiSelectField.d.ts

@@ -14,6 +14,10 @@ import { RbToolbarSelectOption } from './RbToolbarSelectField';
  */
 export type RbToolbarMultiSelectFieldProps = {
     label?: React.ReactNode;
+    /**
+     * Nombre accesible del control.
+     */
+    ariaLabel?: string;
     value: string[];
     onChange: (value: string[]) => void;
     options?: RbToolbarSelectOption[];
@@ -26,5 +30,5 @@ export type RbToolbarMultiSelectFieldProps = {
         placeholder?: string;
     };
 };
-export declare function RbToolbarMultiSelectField({ label, value, onChange, options, placeholder, className, disabled, search, }: RbToolbarMultiSelectFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function RbToolbarMultiSelectField({ label, ariaLabel, value, onChange, options, placeholder, className, disabled, search, }: RbToolbarMultiSelectFieldProps): React.JSX.Element;
 export default RbToolbarMultiSelectField;

package/dist/src/rb-components/table/toolbar/RbToolbarSearchField.d.ts

@@ -1,18 +1,11 @@
 import { default as React } from 'react';
-/**
- * ----------------------------------------------------------------------------
- * RB TOOLBAR SEARCH FIELD
- * ----------------------------------------------------------------------------
- *
- * Input dark para toolbars de tabla.
- */
-export type RbToolbarSearchFieldProps = {
-    label?: React.ReactNode;
+export type RbToolbarSearchFieldProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "value" | "onChange" | "className" | "disabled" | "placeholder"> & {
     value: string;
     onChange: (value: string) => void;
     placeholder?: string;
     className?: string;
     disabled?: boolean;
+    ariaLabel?: string;
 };
-export declare function RbToolbarSearchField({ label, value, onChange, placeholder, className, disabled, }: RbToolbarSearchFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function RbToolbarSearchField({ value, onChange, placeholder, className, disabled, ariaLabel, ...inputProps }: RbToolbarSearchFieldProps): React.JSX.Element;
 export default RbToolbarSearchField;

package/dist/src/rb-components/table/toolbar/RbToolbarSelectField.d.ts

@@ -20,6 +20,13 @@ export type RbToolbarSelectOption = {
 };
 export type RbToolbarSelectFieldProps = {
     label?: React.ReactNode;
+    /**
+     * Nombre accesible del control.
+     *
+     * Es recomendable entregarlo cuando label
+     * no existe o es un ReactNode complejo.
+     */
+    ariaLabel?: string;
     value: string;
     onChange: (value: string) => void;
     options?: RbToolbarSelectOption[];
@@ -32,5 +39,5 @@ export type RbToolbarSelectFieldProps = {
         placeholder?: string;
     };
 };
-export declare function RbToolbarSelectField({ label, value, onChange, options, placeholder, className, disabled, search, }: RbToolbarSelectFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function RbToolbarSelectField({ label, ariaLabel, value, onChange, options, placeholder, className, disabled, search, }: RbToolbarSelectFieldProps): React.JSX.Element;
 export default RbToolbarSelectField;

package/dist/src/rb-components/table/toolbar/index.d.ts

@@ -1,10 +1,12 @@
-export { RbToolbarActionButton } from './RbToolbarActionButton';
-export { RbToolbarDateRangeField } from './RbToolbarDateRangeField';
-export { RbToolbarMultiSelectField } from './RbToolbarMultiSelectField';
-export { RbToolbarSearchField } from './RbToolbarSearchField';
-export { RbToolbarSelectField } from './RbToolbarSelectField';
+export { RbToolbarActionButton, } from './RbToolbarActionButton';
+export { RbToolbarActions, } from './RbToolbarActions';
+export { RbToolbarDateRangeField, } from './RbToolbarDateRangeField';
+export { RbToolbarMultiSelectField, } from './RbToolbarMultiSelectField';
+export { RbToolbarSearchField, } from './RbToolbarSearchField';
+export { RbToolbarSelectField, } from './RbToolbarSelectField';
 export type { RbToolbarActionButtonProps, RbToolbarActionButtonVariant, } from './RbToolbarActionButton';
+export type { RbToolbarActionsProps, } from './RbToolbarActions';
 export type { RbToolbarDateRangeFieldProps, RbToolbarDateRangeValue, } from './RbToolbarDateRangeField';
-export type { RbToolbarMultiSelectFieldProps } from './RbToolbarMultiSelectField';
-export type { RbToolbarSearchFieldProps } from './RbToolbarSearchField';
+export type { RbToolbarMultiSelectFieldProps, } from './RbToolbarMultiSelectField';
+export type { RbToolbarSearchFieldProps, } from './RbToolbarSearchField';
 export type { RbToolbarSelectFieldProps, RbToolbarSelectOption, } from './RbToolbarSelectField';

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

@@ -156,6 +156,26 @@ export type RbRowsPerPageOption = number | {
     value: number;
     label: string;
 };
+/**
+* Define cómo se resuelve la paginación de la tabla.
+*
+* client:
+* La tabla recibe todos los rows y realiza el corte internamente.
+*
+* server:
+* La tabla recibe solamente los rows de la página actual.
+* El consumidor es responsable de consultar el backend.
+*/
+export type RbTablePaginationMode = "client" | "server";
+/**
+ * Estado actual de paginación.
+ *
+ * page comienza desde 0.
+ */
+export type RbTablePaginationModel = {
+    page: number;
+    pageSize: number;
+};
 export type RbTableProps<Row extends RbTableBaseRow = RbTableBaseRow> = {
     columns?: RbAnyTableColumn<Row>[];
     rows?: Row[];
@@ -199,7 +219,35 @@ export type RbTableProps<Row extends RbTableBaseRow = RbTableBaseRow> = {
     disableRowSelectionOnClick?: boolean;
     pinnedColumns?: RbTablePinnedColumns;
     initialState?: RbTableInitialState;
+    /**
+     * Activa el footer de paginación de la tabla.
+     */
     paginate?: boolean;
+    /**
+     * Define si la paginación se resuelve internamente o mediante backend.
+     *
+     * Por defecto: "client".
+     */
+    paginationMode?: RbTablePaginationMode;
+    /**
+     * Modelo de paginación controlado externamente.
+     */
+    paginationModel?: RbTablePaginationModel;
+    /**
+     * Setter compatible con consumos que manejan directamente el estado.
+     */
+    setPaginationModel?: (value: RbTablePaginationModel) => void;
+    /**
+     * Se ejecuta cuando cambia la página o el pageSize.
+     */
+    onPaginationModelChange?: (value: RbTablePaginationModel) => void;
+    /**
+     * Cantidad total de registros disponibles.
+     *
+     * Se utiliza principalmente con paginationMode="server",
+     * ya que rows contiene solamente los registros de la página actual.
+     */
+    rowCount?: number;
     defaultRowsPerPage?: number;
     rowsPerPageOptions?: RbRowsPerPageOption[];
     resultsLabel?: string;
@@ -217,6 +265,4 @@ export type RbTableProps<Row extends RbTableBaseRow = RbTableBaseRow> = {
     setContextMenu?: (value: any) => void;
     options?: any[];
     optionGroup?: any;
-    paginationModel?: any;
-    setPaginationModel?: (value: any) => void;
 };

package/dist/src/rb-components/topbar/TopBar.d.ts

@@ -6,5 +6,5 @@ interface TopBarProps {
     sidebarItems: SidebarItemsType;
     onOpenMobile?: () => void;
 }
-declare const TopBar: ({ account, sidebarItems, onOpenMobile }: TopBarProps) => import("react/jsx-runtime").JSX.Element;
+declare const TopBar: ({ account, sidebarItems, onOpenMobile }: TopBarProps) => import("react").JSX.Element;
 export { TopBar };

package/dist/src/rb-components/topbar/TopBarUserMenu.d.ts

@@ -3,5 +3,5 @@ type AccountType = DashboardProps["account"];
 interface TopBarUserMenuProps {
     account: AccountType;
 }
-declare const TopBarUserMenu: ({ account }: TopBarUserMenuProps) => import("react/jsx-runtime").JSX.Element;
+declare const TopBarUserMenu: ({ account }: TopBarUserMenuProps) => import("react").JSX.Element;
 export { TopBarUserMenu };

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

@@ -0,0 +1,19 @@
+declare const ICON_PATHS: {
+    readonly arrow: "/images/arrow.svg";
+    readonly arrowUp: "/images/arrow_right.svg";
+    readonly toolInfo: "/images/toolInfo.svg";
+};
+declare const SIZE_CLASSES: {
+    readonly s: "size-4";
+    readonly m: "size-5";
+    readonly l: "size-6";
+};
+export type TreeIconName = keyof typeof ICON_PATHS;
+export type TreeIconSize = keyof typeof SIZE_CLASSES;
+export interface TreeIconProps {
+    name: TreeIconName;
+    size?: TreeIconSize;
+    className?: string;
+}
+export default function TreeIcon({ name, size, className, }: TreeIconProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,17 @@
+import { TreePanelNode, TreePanelNodeId, TreePanelProps } from './treePanel.types';
+interface TreeNodeProps {
+    node: TreePanelNode;
+    depth?: number;
+    isRoot?: boolean;
+    selectedSet: ReadonlySet<TreePanelNodeId>;
+    expandedSet: ReadonlySet<TreePanelNodeId>;
+    onToggleSelection: (nodeId: TreePanelNodeId) => void;
+    onToggleExpanded: (nodeId: TreePanelNodeId) => void;
+    showCheckboxes?: boolean;
+    selectionDisabled?: boolean;
+    renderNodeContent?: TreePanelProps["renderNodeContent"];
+    expandLabel?: string;
+    collapseLabel?: string;
+}
+export default function TreeNode({ node, depth, isRoot, selectedSet, expandedSet, onToggleSelection, onToggleExpanded, showCheckboxes, selectionDisabled, renderNodeContent, expandLabel, collapseLabel, }: TreeNodeProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { TreePanelProps } from './treePanel.types';
+export declare function TreePanel({ title, ariaLabel, items, selectedIds, defaultSelectedIds, onSelectionChange, expandedIds, defaultExpandedIds, defaultExpandAll, onExpandedChange, showCheckboxes, selectionDisabled, headerAction, headerTooltip, headerActionLabel, renderNodeContent, emptyText, fill, expandLabel, collapseLabel, className, headerClassName, bodyClassName, listClassName, }: TreePanelProps): React.JSX.Element;
+export default TreePanel;

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

@@ -0,0 +1,4 @@
+export { default as TreePanel } from './TreePanel';
+export type { TreePanelExpandedChangeDetails, TreePanelIdCollection, TreePanelNode, TreePanelNodeId, TreePanelProps, TreePanelRenderNodeParams, TreePanelSelectionChangeDetails, TreePanelSelectionState, } from './treePanel.types';
+export { findNodeById, flattenTree, getExpandableNodeIds, getNodeSelectionState, getSelectableDescendantIds, getSelectableSubtreeIds, hasNodeChildren, isNodeSelectable, isNodeSelectionMutable, normalizeHierarchicalSelection, toggleExpandedNode, toggleNodeSelection, } from './treePanel.utils';
+export type { GetSelectableSubtreeOptions, } from './treePanel.utils';

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

@@ -0,0 +1,94 @@
+import { default as React } from 'react';
+export type TreePanelNodeId = string | number;
+export type TreePanelIdCollection = readonly TreePanelNodeId[] | ReadonlySet<TreePanelNodeId>;
+export interface TreePanelNode {
+    /**
+     * Identificador único del nodo.
+     */
+    id: TreePanelNodeId;
+    /**
+     * Contenido principal del nodo.
+     */
+    label: React.ReactNode;
+    /**
+     * Información secundaria opcional.
+     */
+    description?: React.ReactNode;
+    /**
+     * Nodos descendientes.
+     */
+    children?: readonly TreePanelNode[];
+    /**
+     * Deshabilita la selección del nodo.
+     * La expansión sigue disponible.
+     */
+    disabled?: boolean;
+    /**
+     * Define si el nodo participa en la selección.
+     */
+    selectable?: boolean;
+    /**
+     * Permite ocultar únicamente el checkbox
+     * de este nodo.
+     */
+    showCheckbox?: boolean;
+    /**
+     * Clase aplicada a la fila del nodo.
+     */
+    className?: string;
+}
+export interface TreePanelSelectionState {
+    checked: boolean;
+    indeterminate: boolean;
+}
+export interface TreePanelRenderNodeParams {
+    node: TreePanelNode;
+    depth: number;
+    expanded: boolean;
+    checked: boolean;
+    indeterminate: boolean;
+}
+export interface TreePanelSelectionChangeDetails {
+    nodeId: TreePanelNodeId;
+    node: TreePanelNode | null;
+}
+export interface TreePanelExpandedChangeDetails {
+    nodeId: TreePanelNodeId;
+    node: TreePanelNode | null;
+}
+export interface TreePanelProps {
+    title: React.ReactNode;
+    /**
+     * Nombre accesible del árbol.
+     *
+     * Es recomendable entregarlo cuando title
+     * no sea un string.
+     */
+    ariaLabel?: string;
+    items?: readonly TreePanelNode[];
+    selectedIds?: TreePanelIdCollection;
+    defaultSelectedIds?: TreePanelIdCollection;
+    onSelectionChange?: (selectedIds: TreePanelNodeId[], details: TreePanelSelectionChangeDetails) => void;
+    expandedIds?: TreePanelIdCollection;
+    defaultExpandedIds?: TreePanelIdCollection;
+    defaultExpandAll?: boolean;
+    onExpandedChange?: (expandedIds: TreePanelNodeId[], details: TreePanelExpandedChangeDetails) => void;
+    showCheckboxes?: boolean;
+    selectionDisabled?: boolean;
+    headerAction?: React.ReactNode;
+    headerTooltip?: React.ReactNode;
+    headerActionLabel?: string;
+    renderNodeContent?: (params: TreePanelRenderNodeParams) => React.ReactNode;
+    emptyText?: React.ReactNode;
+    /**
+     * Hace que el panel ocupe la altura disponible
+     * de su contenedor.
+     */
+    fill?: boolean;
+    expandLabel?: string;
+    collapseLabel?: string;
+    className?: string;
+    headerClassName?: string;
+    bodyClassName?: string;
+    listClassName?: string;
+}

package/dist/src/rb-components/tree-panel/treePanel.utils.d.ts

@@ -0,0 +1,25 @@
+import { TreePanelIdCollection, TreePanelNode, TreePanelNodeId, TreePanelSelectionState } from './treePanel.types';
+export declare function isNodeSelectable(node?: TreePanelNode | null): boolean;
+export declare function isNodeSelectionMutable(node?: TreePanelNode | null): boolean;
+export declare function hasNodeChildren(node?: TreePanelNode | null): boolean;
+export declare function flattenTree(items?: readonly TreePanelNode[]): TreePanelNode[];
+export declare function findNodeById(items: readonly TreePanelNode[] | undefined, nodeId: TreePanelNodeId): TreePanelNode | null;
+export declare function getExpandableNodeIds(items?: readonly TreePanelNode[]): TreePanelNodeId[];
+export interface GetSelectableSubtreeOptions {
+    mutableOnly?: boolean;
+}
+export declare function getSelectableSubtreeIds(node?: TreePanelNode | null, { mutableOnly }?: GetSelectableSubtreeOptions): TreePanelNodeId[];
+export declare function getSelectableDescendantIds(node?: TreePanelNode | null, { mutableOnly }?: GetSelectableSubtreeOptions): TreePanelNodeId[];
+/**
+ * Mantiene la selección consistente entre padres e hijos.
+ *
+ * Si todos los descendientes seleccionables están seleccionados,
+ * el padre también se considera seleccionado.
+ *
+ * Si solo una parte está seleccionada, el padre se mostrará
+ * como indeterminate, pero ese estado no se guarda.
+ */
+export declare function normalizeHierarchicalSelection(items?: readonly TreePanelNode[], selectedIds?: TreePanelIdCollection): TreePanelNodeId[];
+export declare function getNodeSelectionState(node: TreePanelNode | null | undefined, selectedIds?: TreePanelIdCollection): TreePanelSelectionState;
+export declare function toggleNodeSelection(items: readonly TreePanelNode[] | undefined, selectedIds: TreePanelIdCollection | undefined, nodeId: TreePanelNodeId): TreePanelNodeId[];
+export declare function toggleExpandedNode(expandedIds: TreePanelIdCollection | undefined, nodeId: TreePanelNodeId): TreePanelNodeId[];

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

@@ -5,33 +5,32 @@
  *
  * Punto público de entrada de la librería UI.
  *
- * Las pantallas deberían importar componentes reutilizables desde aquí
- * para evitar acoplarse a la estructura interna de carpetas.
- *
- * Ejemplo:
- *
- * import { Button, Card, Input } from "@/rb-components/ui";
- *
+ * Las pantallas deberían importar componentes reutilizables
+ * desde aquí para evitar acoplarse a la estructura interna.
  * =======================================================
  */
 export { cn } from './utils/cn';
 export { Button } from './primitives/Button';
-export type { ButtonProps } from './primitives/Button';
-export { AutoCustomCompleteField } from './primitives/AutoCustomCompleteField';
+export type { ButtonProps, } from './primitives/Button';
+export { AutoCustomCompleteField, } from './primitives/AutoCustomCompleteField';
 export type { AutoValueItem, CustomAutoCompleteFieldProps, } from './primitives/AutoCustomCompleteField';
 export { CustomDatefield, CustomDatePicker, CustomTimefield, CustomDateRangefield, CustomDateRangePicker, CustomDateRangeCalendar, } from './primitives/date-fields';
 export type { CustomDatefieldProps, CustomDatePickerProps, CustomTimefieldProps, CustomDateRangefieldProps, CustomDateRangePickerProps, CustomDateRangeCalendarProps, } from './primitives/date-fields';
 export { RbInlineChipField, CalendarChipIcon, ClockChipIcon, } from './primitives/RbInlineChipField';
 export type { RbInlineChipFieldProps, RbInlineChipFieldAction, } from './primitives/RbInlineChipField';
-export { RbContextMenu } from './primitives/RbContextMenu';
+export { RbContextMenu, } from './primitives/RbContextMenu';
 export type { RbContextMenuAlign, RbContextMenuItem, RbContextMenuPosition, RbContextMenuProps, RbContextMenuVariant, } from './primitives/RbContextMenu';
 export { Card, CardHeader, CardTitle, CardContent, CardFooter, } from './primitives/Card';
-export type { CardProps } from './primitives/Card';
-export { IconButton } from './primitives/IconButton';
-export type { IconButtonProps } from './primitives/IconButton';
-export { Input } from './primitives/Input';
-export type { InputProps } from './primitives/Input';
-export { default as Portal } from './overlays/Portal';
-export type { PortalProps } from './overlays/Portal';
-export { default as Tooltip } from './overlays/Tooltip';
-export type { TooltipProps } from './overlays/Tooltip';
+export type { CardProps, } from './primitives/Card';
+export { IconButton, } from './primitives/IconButton';
+export type { IconButtonProps, } from './primitives/IconButton';
+export { Input, } from './primitives/Input';
+export type { InputProps, } from './primitives/Input';
+export { Checkbox, } from './primitives/Checkbox';
+export type { CheckboxProps, CheckboxSize, } from './primitives/Checkbox';
+export { Radio, } from './primitives/Radio';
+export type { RadioProps, } from './primitives/Radio';
+export { default as Portal, } from './overlays/Portal';
+export type { PortalProps, } from './overlays/Portal';
+export { default as Tooltip, } from './overlays/Tooltip';
+export type { TooltipProps, } from './overlays/Tooltip';

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

@@ -10,5 +10,5 @@ export interface TooltipProps {
     openDelay?: number;
     closeDelay?: number;
 }
-export default function Tooltip({ content, children, placement, multiline, disabled, className, openDelay, closeDelay, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export default function Tooltip({ content, children, placement, multiline, disabled, className, openDelay, closeDelay, }: TooltipProps): React.JSX.Element;
 export {};

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

@@ -1,20 +1,77 @@
+import { default as React, ReactNode } from 'react';
 export interface AutoValueItem {
     value: string;
     label: string;
     sublabel?: string;
     disabled?: boolean;
+    /**
+     * Permite destacar visualmente una opción.
+     *
+     * En selección múltiple también modifica
+     * la apariencia del chip.
+     */
     highlight?: {
         active?: boolean;
         tooltip?: string;
     };
 }
-export interface CustomAutoCompleteFieldProps {
+export type AutoCompleteSearchMode = "local" | "external";
+export interface AutoCompleteSearchConfig {
+    /**
+     * Texto actual del buscador.
+     */
+    value: string;
+    /**
+     * Se ejecuta cada vez que cambia el texto.
+     */
+    onChange: (value: string) => void;
+    /**
+     * Placeholder del input de búsqueda.
+     */
+    placeholder?: string;
+    /**
+     * Contenido mostrado cuando no hay coincidencias.
+     */
+    emptyText?: ReactNode;
+    /**
+     * local:
+     * El componente filtra automáticamente values.
+     *
+     * external:
+     * El consumidor consulta el endpoint y actualiza
+     * values. El componente no vuelve a filtrarlas.
+     */
+    mode?: AutoCompleteSearchMode;
+}
+interface CustomAutoCompleteBaseProps {
+    id?: string;
     label: string;
     placeholder: string;
     values: AutoValueItem[];
+    white: boolean;
+    disabled?: boolean;
+    error?: boolean;
+    helperText?: ReactNode;
+    emptyText?: ReactNode;
+    clearLabel?: string;
+    /**
+     * Habilita el buscador dentro del listado.
+     */
+    search?: AutoCompleteSearchConfig;
+}
+interface CustomAutoCompleteSingleProps extends CustomAutoCompleteBaseProps {
+    selectionMode: "single";
+    value: string;
+    setValue: (newValue: string) => void;
+}
+interface CustomAutoCompleteMultipleProps extends CustomAutoCompleteBaseProps {
+    /**
+     * Multiple es el modo por defecto.
+     */
+    selectionMode?: "multiple";
     value: string[];
     setValue: (newValue: string[]) => void;
-    white: boolean;
 }
-declare const AutoCustomCompleteField: ({ label, placeholder, values, value, setValue, white, }: CustomAutoCompleteFieldProps) => import("react/jsx-runtime").JSX.Element;
-export { AutoCustomCompleteField };
+export type CustomAutoCompleteFieldProps = CustomAutoCompleteSingleProps | CustomAutoCompleteMultipleProps;
+declare const AutoCustomCompleteField: (props: CustomAutoCompleteFieldProps) => React.JSX.Element;
+export { AutoCustomCompleteField, };

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

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-type ButtonVariant = "primary" | "primaryDark" | "secondary" | "secondaryPrimary" | "secondaryPrimaryDark" | "ghost";
-type ButtonSize = "s" | "m";
+export type ButtonVariant = "primary" | "primaryDark" | "secondary" | "secondaryPrimary" | "secondaryPrimaryDark" | "ghost";
+export type ButtonSize = "s" | "m";
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: ButtonVariant;
     size?: ButtonSize;
@@ -9,4 +9,3 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
     rightIcon?: React.ReactNode;
 }
 export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export {};

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

@@ -3,9 +3,9 @@ type CardVariant = "default" | "flat";
 export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
     variant?: CardVariant;
 }
-export declare function Card({ className, variant, ...props }: CardProps): import("react/jsx-runtime").JSX.Element;
-export declare function CardHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-export declare function CardTitle({ className, ...props }: React.HTMLAttributes<HTMLHeadingElement>): import("react/jsx-runtime").JSX.Element;
-export declare function CardContent({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-export declare function CardFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export declare function Card({ className, variant, ...props }: CardProps): React.JSX.Element;
+export declare function CardHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+export declare function CardTitle({ className, ...props }: React.HTMLAttributes<HTMLHeadingElement>): React.JSX.Element;
+export declare function CardContent({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+export declare function CardFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
 export {};

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export type CheckboxSize = "s" | "m";
+export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
+    label?: React.ReactNode;
+    size?: CheckboxSize;
+    indeterminate?: boolean;
+    containerClassName?: string;
+    labelClassName?: string;
+}
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-type InputLabelVariant = "stacked" | "notched";
-type BaseInputProps = {
+export type InputLabelVariant = "stacked" | "notched";
+export type BaseInputProps = {
     containerClassName?: string;
     label?: React.ReactNode;
     labelVariant?: InputLabelVariant;

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

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+export type RadioSize = "s" | "m";
+export interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "children" | "className" | "size"> {
+    children?: React.ReactNode;
+    size?: RadioSize;
+    className?: string;
+    inputClassName?: string;
+    controlClassName?: string;
+    labelClassName?: string;
+}
+export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -36,5 +36,5 @@ export type RbContextMenuProps = {
     closeOnResize?: boolean;
     onClose: () => void;
 };
-export declare function RbContextMenu({ open, position, x, y, align, items, variant, ariaLabel, emptyText, className, itemClassName, closeOnClickOutside, closeOnScroll, closeOnResize, onClose, }: RbContextMenuProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function RbContextMenu({ open, position, x, y, align, items, variant, ariaLabel, emptyText, className, itemClassName, closeOnClickOutside, closeOnScroll, closeOnResize, onClose, }: RbContextMenuProps): React.JSX.Element | null;
 export default RbContextMenu;

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

@@ -43,7 +43,7 @@ export type RbInlineChipFieldProps = {
     inputClassName?: string;
     ariaLabel?: string;
 };
-export declare function CalendarChipIcon(): import("react/jsx-runtime").JSX.Element;
-export declare function ClockChipIcon(): import("react/jsx-runtime").JSX.Element;
-export declare function RbInlineChipField({ value, placeholder, type, variant, dateSeparator, editable, disabled, icon, showIcon, actions, showMenu, menuVariant, onChange, onClick, className, inputClassName, ariaLabel, }: RbInlineChipFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function CalendarChipIcon(): React.JSX.Element;
+export declare function ClockChipIcon(): React.JSX.Element;
+export declare function RbInlineChipField({ value, placeholder, type, variant, dateSeparator, editable, disabled, icon, showIcon, actions, showMenu, menuVariant, onChange, onClick, className, inputClassName, ariaLabel, }: RbInlineChipFieldProps): React.JSX.Element;
 export default RbInlineChipField;

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

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { Dayjs } from 'dayjs';
 export interface CustomDatePickerProps {
     label: string;
@@ -7,6 +8,16 @@ export interface CustomDatePickerProps {
     disabled: boolean;
     white: boolean;
     fullWidth: boolean;
+    placeholder?: string;
+    /**
+     * Activa el estado visual y accesible de error.
+     */
+    error?: boolean;
+    /**
+     * Texto de ayuda o validación mostrado
+     * bajo el campo.
+     */
+    helperText?: React.ReactNode;
 }
-declare const CustomDatePicker: ({ label, initialValue, value, setValue, disabled, white, fullWidth, }: CustomDatePickerProps) => import("react/jsx-runtime").JSX.Element;
+declare const CustomDatePicker: ({ label, initialValue, value, setValue, disabled, white, fullWidth, placeholder, error, helperText, }: CustomDatePickerProps) => React.JSX.Element;
 export { CustomDatePicker };

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

@@ -7,5 +7,5 @@ export interface CustomDateRangeCalendarProps {
     disabled: boolean;
     white: boolean;
 }
-declare const CustomDateRangeCalendar: ({ initialValue, value, setValue, calendars, disabled, white, }: CustomDateRangeCalendarProps) => import("react/jsx-runtime").JSX.Element;
+declare const CustomDateRangeCalendar: ({ initialValue, value, setValue, calendars, disabled, white, }: CustomDateRangeCalendarProps) => import("react").JSX.Element;
 export { CustomDateRangeCalendar };

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

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { Dayjs } from 'dayjs';
 export interface CustomDateRangePickerProps {
     label: string;
@@ -14,5 +15,5 @@ export interface CustomDateRangePickerProps {
      */
     compact?: boolean;
 }
-declare const CustomDateRangePicker: ({ label, initialValue, value, setValue, calendars, disabled, white, fullWidth, compact, }: CustomDateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
+declare const CustomDateRangePicker: ({ label, initialValue, value, setValue, calendars, disabled, white, fullWidth, compact, }: CustomDateRangePickerProps) => React.JSX.Element;
 export { CustomDateRangePicker };

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

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { Dayjs } from 'dayjs';
 export interface CustomDateRangefieldProps {
     label: string;
@@ -5,5 +6,5 @@ export interface CustomDateRangefieldProps {
     setValue: (newValue: [Dayjs | null, Dayjs | null]) => void;
     disabled: boolean;
 }
-declare const CustomDateRangefield: ({ label, value, setValue, disabled, }: CustomDateRangefieldProps) => import("react/jsx-runtime").JSX.Element;
+declare const CustomDateRangefield: ({ label, value, setValue, disabled, }: CustomDateRangefieldProps) => React.JSX.Element;
 export { CustomDateRangefield };

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

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { Dayjs } from 'dayjs';
 export interface CustomDatefieldProps {
     label: string;
@@ -8,5 +9,5 @@ export interface CustomDatefieldProps {
     white: boolean;
     fullWidth: boolean;
 }
-declare const CustomDatefield: ({ label, initialValue, value, setValue, disabled, white, fullWidth, }: CustomDatefieldProps) => import("react/jsx-runtime").JSX.Element;
+declare const CustomDatefield: ({ label, initialValue, value, setValue, disabled, white, fullWidth, }: CustomDatefieldProps) => React.JSX.Element;
 export { CustomDatefield };