@scmlatam/web-ui 0.2.9 → 0.2.11

package/dist/images/feedbackSuggestion.svg

@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_530_3382" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_530_3382)">
+<path d="M12 22C11.45 22 10.9792 21.8042 10.5875 21.4125C10.1958 21.0208 10 20.55 10 20H14C14 20.55 13.8042 21.0208 13.4125 21.4125C13.0208 21.8042 12.55 22 12 22ZM9 19C8.71667 19 8.47917 18.9042 8.2875 18.7125C8.09583 18.5208 8 18.2833 8 18C8 17.7167 8.09583 17.4792 8.2875 17.2875C8.47917 17.0958 8.71667 17 9 17H15C15.2833 17 15.5208 17.0958 15.7125 17.2875C15.9042 17.4792 16 17.7167 16 18C16 18.2833 15.9042 18.5208 15.7125 18.7125C15.5208 18.9042 15.2833 19 15 19H9ZM8.25 16C7.1 15.3167 6.1875 14.4 5.5125 13.25C4.8375 12.1 4.5 10.85 4.5 9.5C4.5 7.41667 5.22917 5.64583 6.6875 4.1875C8.14583 2.72917 9.91667 2 12 2C14.0833 2 15.8542 2.72917 17.3125 4.1875C18.7708 5.64583 19.5 7.41667 19.5 9.5C19.5 10.85 19.1625 12.1 18.4875 13.25C17.8125 14.4 16.9 15.3167 15.75 16H8.25Z" fill="#9D11F2"/>
+</g>
+</svg>

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

@@ -17,6 +17,6 @@ export type { ValueItem } from './form/select/types/types';
 export type { CustomTreeItem } from './form/types/types';
 export type { Row, Option, OptionGroup, TableProps, ITableContext, PaginationModel, TableProviderProps, ContextMenu, ContextMenuProps, } from './table/types/types';
 export { initializeAuth, observeSSO, chekingSSOMS } from '../auth';
-export { CustomTimefield } from './form/datefield/simple/Timefield';
+export { CustomTimefield as LegacyCustomTimefield } from './form/datefield/simple/Timefield';
 export { CustomSelect } from './form/select/Select';
-export * from '../rb-components/ui';
+export * from './rb';

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

@@ -0,0 +1,13 @@
+export { MessageAlert } from '../rb-components/feedback';
+export type { MessageAlertAction, MessageAlertProps, MessageAlertType, } from '../rb-components/feedback';
+export { SystemAlert } from '../rb-components/feedback/system-alert';
+export { useSystemAlert as useRbSystemAlert } from '../rb-components/feedback/system-alert';
+export type { SystemAlertKey, SystemAlertSeverity, } from '../rb-components/feedback/system-alert';
+export { FormShell } from '../rb-components/form';
+export type { FormShellProps } from '../rb-components/form';
+export { PillsTabs, PillsTabs as RbPillsTabs, } from '../rb-components/navigation';
+export type { PillsTabItem, PillsTabsProps } from '../rb-components/navigation';
+export { Button as RBButton, Input, AutoCustomCompleteField, CustomDatefield, CustomDatePicker, CustomTimefield, CustomDateRangefield, CustomDateRangePicker, CustomDateRangeCalendar, RbInlineChipField, CalendarChipIcon, ClockChipIcon, Card, CardHeader, CardTitle, CardContent, CardFooter, IconButton as RbIconButton, Tooltip, Portal, RbContextMenu, } from '../rb-components/ui';
+export type { ButtonProps as RBButtonProps, InputProps, RbInlineChipFieldProps, RbInlineChipFieldAction, RbContextMenuAlign, RbContextMenuItem, RbContextMenuPosition, RbContextMenuProps, RbContextMenuVariant, CardProps, IconButtonProps as RbIconButtonProps, TooltipProps, } from '../rb-components/ui';
+export { RbTable, RbTableToolbar, RbToolbarActionButton, RbToolbarDateRangeField, RbToolbarMultiSelectField, RbToolbarSearchField, RbToolbarSelectField, } from '../rb-components/table';
+export type { RbTableColumn, RbTableRowId, RbTableProps, RbTableCellParams, RbTableRowParams, RbTableInitialState, RbTablePinnedColumns, RbTableBaseRow, RbTableSize, RbTableDensity, RbTableAlign, RbTableCellContextMenuParams, RbTableCellContextMenuPosition, RbRowSelectionModel, RbRowsPerPageOption, RbAnyTableColumn, RbLegacyGridColumn, } from '../rb-components/table';

package/dist/src/rb-components/auth/components/AuthPasswordInput.d.ts

@@ -1,3 +1,4 @@
+import { KeyboardEventHandler } from 'react';
 interface AuthPasswordInputProps {
     value: string;
     onChange: (value: string) => void;
@@ -5,7 +6,7 @@ interface AuthPasswordInputProps {
     placeholder: string;
     disabled?: boolean;
     autoComplete?: string;
-    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
 }
 export declare function AuthPasswordInput({ value, onChange, label, placeholder, disabled, autoComplete, onKeyDown, }: AuthPasswordInputProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

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

package/dist/src/rb-components/feedback/message-alert/MessageAlert.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+export type MessageAlertType = "alert" | "error" | "warning" | "success" | "suggestion" | "info";
+export interface MessageAlertAction {
+    label: ReactNode;
+    onClick: () => void;
+    disabled?: boolean;
+}
+export interface MessageAlertProps {
+    type?: MessageAlertType;
+    title?: ReactNode;
+    children?: ReactNode;
+    message?: ReactNode;
+    onClose?: () => void;
+    closeLabel?: string;
+    actions?: MessageAlertAction[];
+    hideIcon?: boolean;
+    className?: string;
+}
+export declare function MessageAlert({ type, title, children, message, onClose, closeLabel, actions, hideIcon, className, }: MessageAlertProps): import("react/jsx-runtime").JSX.Element;
+export default MessageAlert;

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

@@ -0,0 +1,2 @@
+export { MessageAlert } from './MessageAlert';
+export type { MessageAlertAction, MessageAlertProps, MessageAlertType, } from './MessageAlert';

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

@@ -1,9 +1,33 @@
+import { ReactNode } from 'react';
+export type BreadcrumbItem = {
+    label: ReactNode;
+    to?: string;
+};
 interface BreadcrumbsProps {
-    items: {
-        label: string;
-        to?: string;
-    }[];
-    separator: string;
+    items?: BreadcrumbItem[];
+    separator?: ReactNode;
+    className?: string;
+    /**
+     * Query params que sí son parte de navegación.
+     * Todo lo que no esté aquí se ignora para los breadcrumbs.
+     *
+     * Ejemplo:
+     * ?module=workers&view=detail&status=active&page=2
+     *
+     * Breadcrumbs mostrará solo:
+     * Home / Workers / Detail
+     */
+    queryKeys?: string[];
+    includeHome?: boolean;
+    homeLabel?: ReactNode;
+    homeTo?: string;
+    /**
+     * Opcional, por si después quieren traducir o personalizar labels.
+     */
+    labelFormatter?: (data: {
+        key: string;
+        value: string;
+    }) => ReactNode;
 }
-export default function Breadcrumbs({ items, separator, }: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
+export default function Breadcrumbs({ items, separator, className, queryKeys, includeHome, homeLabel, homeTo, labelFormatter, }: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -1,8 +1,2 @@
-import { RbTableProps } from './types';
-/**
- * ----------------------------------------------------------------------------
- * RB TABLE
- * ----------------------------------------------------------------------------
- */
-export declare function RbTable<Row = any>({ columns, rows, loading, getRowKey, title, description, toolbarLeft, toolbarRight, showToolbar, toolbarClassName, emptyText, emptyState, className, rootClassName, bodyClassName, size, fill, density, onRowClick, rowClassName, getCellClassName, getRowClassName, checkboxSelection, rowSelectionModel, setRowSelectionModel, onRowSelectionModelChange, isRowSelectable, disableRowSelectionOnClick, pinnedColumns, initialState, paginate, defaultRowsPerPage, rowsPerPageOptions, resultsLabel, viewAllLabel, prevAriaLabel, nextAriaLabel, footer, footerActions, hideFooter, }: RbTableProps<Row>): import("react/jsx-runtime").JSX.Element;
-export default RbTable;
+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, defaultRowsPerPage, rowsPerPageOptions, resultsLabel, viewAllLabel, prevAriaLabel, nextAriaLabel, footer, footerActions, hideFooter, }: RbTableProps<Row>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,9 @@
 export { RbTable } from './RbTable';
-export { RbTable as Table } from './RbTable';
-export { default } from './RbTable';
 export { RbTableToolbar } from './RbTableToolbar';
-export type { RbTableToolbarProps } from './RbTableToolbar';
-export * from './toolbar';
-export type { RbAnyTableColumn, RbLegacyGridColumn, RbRowSelectionModel, RbRowsPerPageOption, RbTableAlign, RbTableCellParams, RbTableColumn, RbTableDensity, RbTableInitialState, RbTablePinnedColumns, RbTableProps, RbTableRowId, RbTableRowParams, RbTableSize, } from './types';
-export { cx, getAlignClass, getCellValue, getCssGridWidth, getDefaultRowId, getSelectionArray, getStickyWidth, isLegacyGridColumn, isSelected, normalizeTableColumns, resolvePinnedColumns, toggleSelection, } from './table.helpers';
+export { RbToolbarActionButton } from './toolbar/RbToolbarActionButton';
+export { RbToolbarDateRangeField } from './toolbar/RbToolbarDateRangeField';
+export { RbToolbarMultiSelectField } from './toolbar/RbToolbarMultiSelectField';
+export { RbToolbarSearchField } from './toolbar/RbToolbarSearchField';
+export { RbToolbarSelectField } from './toolbar/RbToolbarSelectField';
+export type { RbToolbarDateRangeValue, RbToolbarDateRangeFieldProps, } from './toolbar/RbToolbarDateRangeField';
+export type { RbAnyTableColumn, RbLegacyGridColumn, RbRowSelectionModel, RbRowsPerPageOption, RbTableAlign, RbTableBaseRow, RbTableCellParams, RbTableColumn, RbTableDensity, RbTableInitialState, RbTablePinnedColumns, RbTableProps, RbTableRowId, RbTableRowParams, RbTableSize, RbTableCellContextMenuParams, RbTableCellContextMenuPosition, } from './types';

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

@@ -1,36 +1,19 @@
-import { RbAnyTableColumn, RbLegacyGridColumn, RbRowSelectionModel, RbTableColumn, RbTablePinnedColumns, RbTableRowId } from './types';
+import { RbAnyTableColumn, RbTableBaseRow, RbLegacyGridColumn, RbRowSelectionModel, RbTableColumn, RbTablePinnedColumns, RbTableRowId } from './types';
 /**
  * ----------------------------------------------------------------------------
  * RB TABLE - HELPERS
  * ----------------------------------------------------------------------------
- *
- * Estos helpers existen para que la tabla pueda recibir columnas nuevas RB o
- * columnas antiguas tipo DataGrid/GridColDef.
- *
- * La idea es que la migración sea progresiva:
- *
- * - Proyectos nuevos: usar estructura RB.
- * - Proyectos antiguos: pueden partir reutilizando sus columnas legacy.
  */
 export declare function cx(...classes: Array<string | false | null | undefined>): string;
-export declare function isLegacyGridColumn<Row = any>(column: RbAnyTableColumn<Row>): column is RbLegacyGridColumn<Row>;
-export declare function normalizeTableColumns<Row = any>(columns?: RbAnyTableColumn<Row>[]): RbTableColumn<Row>[];
-export declare function getLegacyColumnWidth<Row = any>(column: RbLegacyGridColumn<Row>): string | number;
-export declare function getDefaultRowId<Row = any>(row: Row, index: number): RbTableRowId;
-export declare function getCellValue<Row = any>(row: Row, key: string): any;
+export declare function isLegacyGridColumn<Row extends RbTableBaseRow = RbTableBaseRow>(column: RbAnyTableColumn<Row>): column is RbLegacyGridColumn<Row>;
+export declare function normalizeTableColumns<Row extends RbTableBaseRow = RbTableBaseRow>(columns?: RbAnyTableColumn<Row>[]): RbTableColumn<Row>[];
+export declare function getLegacyColumnWidth<Row extends RbTableBaseRow = RbTableBaseRow>(column: RbLegacyGridColumn<Row>): string | number;
+export declare function getDefaultRowId<Row extends RbTableBaseRow = RbTableBaseRow>(row: Row, index?: number): RbTableRowId;
+export declare function getCellValue<Row extends RbTableBaseRow = RbTableBaseRow>(row: Row, key: string): any;
 export declare function getSelectionArray(model?: RbRowSelectionModel): RbTableRowId[];
 export declare function isSelected(id: RbTableRowId, model?: RbRowSelectionModel): boolean;
 export declare function toggleSelection(id: RbTableRowId, model?: RbRowSelectionModel): RbTableRowId[];
 export declare function resolvePinnedColumns(pinnedColumns?: RbTablePinnedColumns, initialStatePinnedColumns?: RbTablePinnedColumns): RbTablePinnedColumns;
 export declare function getCssGridWidth(width?: number | string): string;
-/**
- * Para sticky columns necesitamos offsets en px.
- *
- * Si una columna sticky usa "1fr", no existe un ancho real calculable desde JS
- * sin medir el DOM. Para esta primera versión usamos un fallback razonable.
- *
- * Recomendación:
- * - pinned columns importantes deberían tener width numérico o px.
- */
 export declare function getStickyWidth(width?: number | string): number;
 export declare function getAlignClass(align?: string): "text-center justify-center" | "text-right justify-end" | "text-left justify-start";

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

@@ -31,6 +31,15 @@ import { default as React } from 'react';
  * La tabla normaliza internamente ambas estructuras.
  */
 export type RbTableRowId = string | number;
+/**
+ * Todas las filas de RbTable deben traer un id estable en la data.
+ * Ese id no se muestra automáticamente como columna; solo se usa como key
+ * interna y como valor retornado al seleccionar checkboxes.
+ */
+export type RbTableBaseRow = {
+    id: RbTableRowId;
+    [key: string]: any;
+};
 export type RbTableDensity = "compact" | "comfortable";
 export type RbTableSize = "s" | "m" | "l";
 export type RbTableAlign = "left" | "center" | "right";
@@ -41,15 +50,28 @@ export type RbTablePinnedColumns = {
 export type RbTableInitialState = {
     pinnedColumns?: RbTablePinnedColumns;
 };
+export type RbTableCellContextMenuPosition = {
+    x: number;
+    y: number;
+};
+export type RbTableCellContextMenuParams<Row extends RbTableBaseRow = RbTableBaseRow> = RbTableCellParams<Row> & {
+    column: RbTableColumn<Row>;
+    position: RbTableCellContextMenuPosition;
+};
 /**
  * Estructura recomendada para columnas nuevas.
  */
-export type RbTableColumn<Row = any> = {
+export type RbTableColumn<Row extends RbTableBaseRow = RbTableBaseRow> = {
     /**
      * Identificador de la columna.
      * En columnas nuevas usamos `key`.
      */
     key: string;
+    /**
+     * Permite ocultar la columna al consumir la tabla.
+     * Por defecto es true. Si se define show: false, la columna no se renderiza.
+     */
+    show?: boolean;
     /**
      * Contenido del header.
      */
@@ -68,38 +90,21 @@ export type RbTableColumn<Row = any> = {
      */
     width?: number | string;
     /**
-     * Alineación horizontal.
-     *
-     * Nota:
-     * En la primera versión visual de RbTable se fuerza izquierda para textos.
-     * El checkbox se mantiene centrado.
+     * Ancho mínimo de columna. Útil para mantener lectura y activar scroll
+     * horizontal cuando hay muchas columnas.
      */
-    align?: RbTableAlign;
+    minWidth?: number | string;
+    minWidthPx?: number;
     /**
-     * Render custom de celda.
+     * Compatibilidad con columnas legacy tipo DataGrid.
      */
+    maxWidth?: number;
+    align?: RbTableAlign;
     render?: (row: Row, index: number) => React.ReactNode;
-    /**
-     * Render custom de header.
-     */
     renderHeader?: () => React.ReactNode;
-    /**
-     * Si es false, permite salto de línea.
-     * Por defecto se trunca en una línea.
-     */
     truncate?: boolean;
-    /**
-     * Clases extra para header.
-     */
     headerClassName?: string;
-    /**
-     * Clases extra para celda.
-     */
     cellClassName?: string | ((row: Row, index: number) => string | undefined);
-    /**
-     * Props aceptadas para compatibilidad/documentación.
-     * No todas tienen comportamiento avanzado todavía.
-     */
     sortable?: boolean;
     filterable?: boolean;
     disabled?: boolean;
@@ -108,8 +113,13 @@ export type RbTableColumn<Row = any> = {
  * Estructura parecida a GridColDef para facilitar migración.
  * No importamos tipos de MUI para no arrastrar dependencia.
  */
-export type RbLegacyGridColumn<Row = any> = {
+export type RbLegacyGridColumn<Row extends RbTableBaseRow = RbTableBaseRow> = {
     field: string;
+    /**
+     * Permite ocultar columnas legacy antes de renderizar.
+     * Por defecto es true.
+     */
+    show?: boolean;
     headerName?: React.ReactNode;
     header?: React.ReactNode;
     width?: number;
@@ -125,25 +135,20 @@ export type RbLegacyGridColumn<Row = any> = {
     renderCell?: (params: RbTableCellParams<Row>) => React.ReactNode;
     valueGetter?: (params: RbTableCellParams<Row>) => React.ReactNode;
 };
-export type RbAnyTableColumn<Row = any> = RbTableColumn<Row> | RbLegacyGridColumn<Row>;
-export type RbTableCellParams<Row = any> = {
+export type RbAnyTableColumn<Row extends RbTableBaseRow = RbTableBaseRow> = RbTableColumn<Row> | RbLegacyGridColumn<Row>;
+export type RbTableCellParams<Row extends RbTableBaseRow = RbTableBaseRow> = {
     row: Row;
     id: RbTableRowId;
     field: string;
     value: any;
     index: number;
 };
-export type RbTableRowParams<Row = any> = {
+export type RbTableRowParams<Row extends RbTableBaseRow = RbTableBaseRow> = {
     row: Row;
     id: RbTableRowId;
     index: number;
 };
-export type RbRowSelectionModel = RbTableRowId[] | Set<RbTableRowId>
-/**
- * Compatibilidad con versiones nuevas de MUI donde el selection model puede
- * venir como objeto con ids.
- */
- | {
+export type RbRowSelectionModel = RbTableRowId[] | Set<RbTableRowId> | {
     ids?: Set<RbTableRowId> | RbTableRowId[];
     type?: "include" | "exclude";
 };
@@ -151,107 +156,49 @@ export type RbRowsPerPageOption = number | {
     value: number;
     label: string;
 };
-export type RbTableProps<Row = any> = {
-    /**
-     * Columnas. Puede recibir columnas RB nuevas o columnas legacy tipo GridColDef.
-     */
+export type RbTableProps<Row extends RbTableBaseRow = RbTableBaseRow> = {
     columns?: RbAnyTableColumn<Row>[];
-    /**
-     * Data de la tabla.
-     */
     rows?: Row[];
-    /**
-     * Estado loading.
-     */
     loading?: boolean;
     /**
      * Permite definir la key de cada fila.
-     * Si no se pasa, intenta usar row.id y si no existe usa el índice.
-     */
-    getRowKey?: (row: Row, index: number) => RbTableRowId;
-    /**
-     * Header/toolbar nuevo.
+     * Por defecto usa row.id.
      *
-     * Por defecto, si existe title/description/toolbarLeft/toolbarRight,
-     * se muestra una toolbar oscura arriba de la tabla.
-     *
-     * Si no quieres mostrar esa franja, usa:
-     *
-     * showToolbar={false}
+     * Importante: cada row debe traer id obligatorio en la data.
+     * Ese id no se muestra automáticamente en la tabla.
      */
+    getRowKey?: (row: Row, index: number) => RbTableRowId;
     title?: React.ReactNode;
     description?: React.ReactNode;
     toolbarLeft?: React.ReactNode;
     toolbarRight?: React.ReactNode;
     showToolbar?: boolean;
     toolbarClassName?: string;
-    /**
-     * Empty state.
-     */
     emptyText?: React.ReactNode;
     emptyState?: React.ReactNode;
-    /**
-     * Estilos generales.
-     */
     className?: string;
     rootClassName?: string;
     bodyClassName?: string;
-    /**
-     * Tamaño visual.
-     */
     size?: RbTableSize;
-    /**
-     * Si true, ocupa todo el alto disponible del padre.
-     */
     fill?: boolean;
-    /**
-     * Densidad visual.
-     */
     density?: RbTableDensity;
-    /**
-     * Click en fila.
-     */
     onRowClick?: (row: Row, index: number) => void;
     /**
-     * Clase custom para fila.
+     * Se ejecuta al hacer clic derecho sobre una celda.
+     * Entrega la fila, id, columna, field, value y coordenadas del puntero.
      */
+    onCellContextMenu?: (params: RbTableCellContextMenuParams<Row>) => void;
     rowClassName?: string | ((params: RbTableRowParams<Row>) => string | undefined);
-    /**
-     * Clase custom para celda, compatible con la prop actual usada en DataGrid.
-     */
     getCellClassName?: (params: RbTableCellParams<Row>) => string | undefined;
-    /**
-     * Clase custom para fila, equivalente a getRowClassName de DataGrid.
-     */
     getRowClassName?: (params: RbTableRowParams<Row>) => string | undefined;
-    /**
-     * Selección.
-     */
     checkboxSelection?: boolean;
     rowSelectionModel?: RbRowSelectionModel;
     setRowSelectionModel?: (value: RbTableRowId[]) => void;
     onRowSelectionModelChange?: (value: RbTableRowId[]) => void;
-    /**
-     * Controla si una fila puede seleccionarse.
-     */
     isRowSelectable?: (params: RbTableRowParams<Row>) => boolean;
-    /**
-     * Evita que el click en fila seleccione.
-     * Se deja por compatibilidad con DataGrid.
-     */
     disableRowSelectionOnClick?: boolean;
-    /**
-     * Pinned columns.
-     *
-     * Se soporta:
-     * - pinnedColumns={{ left: ["__check__", "fullname"], right: ["actions"] }}
-     * - initialState={{ pinnedColumns: { left: ["__check__"] } }}
-     */
     pinnedColumns?: RbTablePinnedColumns;
     initialState?: RbTableInitialState;
-    /**
-     * Paginación interna simple.
-     */
     paginate?: boolean;
     defaultRowsPerPage?: number;
     rowsPerPageOptions?: RbRowsPerPageOption[];
@@ -259,15 +206,8 @@ export type RbTableProps<Row = any> = {
     viewAllLabel?: string;
     prevAriaLabel?: string;
     nextAriaLabel?: string;
-    /**
-     * Footer custom.
-     */
     footer?: React.ReactNode;
     footerActions?: React.ReactNode;
-    /**
-     * Props legacy aceptadas para que la migración no explote.
-     * En esta tabla nueva no todas tienen efecto todavía.
-     */
     apiRef?: unknown;
     headerFilters?: boolean;
     hideFooter?: boolean;

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

@@ -23,6 +23,8 @@ export { CustomDatefield, CustomDatePicker, CustomTimefield, CustomDateRangefiel
 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 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';

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

@@ -0,0 +1,40 @@
+import { default as React } from 'react';
+export type RbContextMenuVariant = "light" | "dark";
+export type RbContextMenuAlign = "start" | "end";
+export type RbContextMenuPosition = {
+    x: number;
+    y: number;
+    align?: RbContextMenuAlign;
+};
+export type RbContextMenuItem = {
+    id?: React.Key;
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+    helper?: React.ReactNode;
+    onClick?: () => void;
+    disabled?: boolean;
+    danger?: boolean;
+    dividerBefore?: boolean;
+    dividerAfter?: boolean;
+    closeOnSelect?: boolean;
+    className?: string;
+};
+export type RbContextMenuProps = {
+    open: boolean;
+    position?: RbContextMenuPosition | null;
+    x?: number | null;
+    y?: number | null;
+    align?: RbContextMenuAlign;
+    items?: RbContextMenuItem[];
+    variant?: RbContextMenuVariant;
+    ariaLabel?: string;
+    emptyText?: React.ReactNode;
+    className?: string;
+    itemClassName?: string;
+    closeOnClickOutside?: boolean;
+    closeOnScroll?: boolean;
+    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 default RbContextMenu;

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

@@ -1,12 +1,18 @@
 import { default as React } from 'react';
+import { RbContextMenuVariant } from './RbContextMenu';
 type RbInlineChipFieldType = "text" | "date" | "time" | "datetime-local";
 type RbInlineChipFieldVariant = "default" | "success" | "warning" | "error" | "info" | "neutral";
 type DateSeparator = "-" | "/";
 export type RbInlineChipFieldAction = {
     label: React.ReactNode;
+    icon?: React.ReactNode;
+    helper?: React.ReactNode;
     onClick: () => void;
     danger?: boolean;
     disabled?: boolean;
+    dividerBefore?: boolean;
+    dividerAfter?: boolean;
+    closeOnSelect?: boolean;
 };
 export type RbInlineChipFieldProps = {
     value?: string | null;
@@ -24,12 +30,13 @@ export type RbInlineChipFieldProps = {
      * Ícono custom.
      * Si hay variant success/warning/error/info, se usa el ícono de estado.
      * Si no hay estado, puede mostrarse este ícono custom.
-     * Si no hay nada, se mantiene el espacio vacío.
+     * Si no hay nada, no se reserva espacio.
      */
     icon?: React.ReactNode;
     showIcon?: boolean;
     actions?: RbInlineChipFieldAction[];
     showMenu?: boolean;
+    menuVariant?: RbContextMenuVariant;
     onChange?: (value: string) => void;
     onClick?: () => void;
     className?: string;
@@ -38,5 +45,5 @@ export type RbInlineChipFieldProps = {
 };
 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, onChange, onClick, className, inputClassName, ariaLabel, }: RbInlineChipFieldProps): 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 default RbInlineChipField;

package/dist/src/stories/rb/RbAutoCustomCompleteField.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ label, placeholder, values, value, setValue, white, }: import('../../rb-components').CustomAutoCompleteFieldProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Dark: Story;
+export declare const Light: Story;

package/dist/src/stories/rb/RbCard.stories.d.ts

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Card } from '../../rb-components/ui';
+declare const meta: {
+    title: string;
+    component: typeof Card;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Basica: Story;
+export declare const VarianteDefault: Story;

package/dist/src/stories/rb/RbIconButton.stories.d.ts

@@ -0,0 +1,24 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('../../rb-components').IconButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        size: "m";
+        active: false;
+        children: import("react/jsx-runtime").JSX.Element;
+    };
+    argTypes: {
+        size: {
+            control: "radio";
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+export declare const Activo: Story;

package/dist/src/stories/rb/RbToolbar.stories.d.ts

@@ -0,0 +1,11 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;

package/dist/src/stories/rb/RbTooltip.stories.d.ts

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Tooltip } from '../../rb-components/ui';
+declare const meta: {
+    title: string;
+    component: typeof Tooltip;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Basico: Story;
+export declare const Multilinea: Story;