@sfperusacdev/sf-ui 0.2.0 → 0.2.2

package/dist/theme/dark.css

@@ -31,6 +31,7 @@
   --sf-surface-alt: #0f172a;
   --sf-white: #1e293b;
   --sf-page-bg: #0c1524;
+  --sf-on-dark: #ffffff;
 
   --sf-border: #334155;
   --sf-border-strong: #475569;

package/dist/theme/sf-tokens.css

@@ -22,6 +22,9 @@
   --sf-surface-alt: #f1f5f9;
   --sf-white: #ffffff;
   --sf-page-bg: #f8fafc;
+  /* Texto sobre fondos oscuros fijos (pieles neon/matrix/premium de tabla y
+     paginador). NO se invierte en dark: --sf-white sí (pasa a pizarra). */
+  --sf-on-dark: #ffffff;
 
   /* Bordes y texto */
   --sf-border: #e5e7eb;

package/dist/types/src/components/table/CustomTable.d.ts

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 import { IconType } from 'react-icons';
 import { AggregationFn } from '@tanstack/react-table';
 import { AsyncStateStore } from './asyncStateStore';
+import { PaginationVariant } from './Pagination';
 import { CustomTableController } from './customTableController';
 /**
  * Skin del `<thead>` del CustomTable. Los 4 variants nuevos (`soft`, `neon`,
@@ -58,6 +59,14 @@ type CustomTableProps<TData extends Record<string, unknown>, TDetail extends Rec
     enableFiltering?: boolean;
     enablePagination?: boolean;
     pageSize?: number;
+    /**
+     * Piel del paginador del footer (componente `Pagination`): classic | soft |
+     * neon | premium | matrix. `"legacy"` mantiene el `PaginationRangeInput`
+     * viejo (input de rango "1-10 / 13"). Default: "classic".
+     */
+    paginationVariant?: PaginationVariant | "legacy";
+    /** Opciones del selector "Mostrar N registros por página". Default: 10/25/50/100/200. */
+    pageSizeOptions?: number[];
     fillParentHeight?: boolean;
     maxBodyHeightPx?: number;
     className?: string;
@@ -113,5 +122,5 @@ type CustomTableProps<TData extends Record<string, unknown>, TDetail extends Rec
     detail?: CustomTableDetail<TData, TDetail>;
     controller?: CustomTableController<TData>;
 };
-export declare function CustomTable<TData extends Record<string, unknown>, TDetail extends Record<string, unknown> = Record<string, unknown>>({ id, stateStore, data, columns, grouping, defaultGrouping, enableGrouping, enableSorting, enableFiltering, enablePagination, pageSize, fillParentHeight, maxBodyHeightPx, className, emptyMessage, title, subtitle, sidePanel, onGroupingChange, toolbarSlot, belowToolbarSlot, loading, loadingMessage, isFetching, error, onRetry, onRefresh, onRowClick, enableRowSelection, getRowActions, getBulkActions, bulkActionsSlot, onSelectionChange, headerVariant, searchPlaceholder, embedded, detail, controller, }: CustomTableProps<TData, TDetail>): import("react").JSX.Element;
+export declare function CustomTable<TData extends Record<string, unknown>, TDetail extends Record<string, unknown> = Record<string, unknown>>({ id, stateStore, data, columns, grouping, defaultGrouping, enableGrouping, enableSorting, enableFiltering, enablePagination, pageSize, paginationVariant, pageSizeOptions, fillParentHeight, maxBodyHeightPx, className, emptyMessage, title, subtitle, sidePanel, onGroupingChange, toolbarSlot, belowToolbarSlot, loading, loadingMessage, isFetching, error, onRetry, onRefresh, onRowClick, enableRowSelection, getRowActions, getBulkActions, bulkActionsSlot, onSelectionChange, headerVariant, searchPlaceholder, embedded, detail, controller, }: CustomTableProps<TData, TDetail>): import("react").JSX.Element;
 export type { CustomColumn, CustomTableDetail, CustomTableProps, TableAggregation };

package/dist/types/src/components/table/Pagination.d.ts

@@ -49,4 +49,5 @@ export interface PaginationLabels {
     first: string;
     last: string;
 }
+export declare const DEFAULT_PAGE_SIZE_OPTIONS: number[];
 export declare const Pagination: React.FC<PaginationProps>;

package/dist/types/src/components/table/index.d.ts

@@ -4,8 +4,8 @@ export { AsyncCustomTable } from './AsyncCustomTable';
 export type { AsyncCustomTableProps } from './AsyncCustomTable';
 export { PaginationRangeInput } from './PaginationRangeInput';
 export type { PaginationRangeData } from './PaginationRangeInput';
-export { Pagination } from './Pagination';
-export type { PaginationProps, PaginationLabels } from './Pagination';
+export { Pagination, DEFAULT_PAGE_SIZE_OPTIONS } from './Pagination';
+export type { PaginationProps, PaginationLabels, PaginationVariant } from './Pagination';
 export { TableFiltersPanel } from './TableFiltersPanel';
 export { TableSortingPanel } from './TableSortingPanel';
 export { createLocalStorageAsyncStateStore } from './asyncStateStore';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sfperusacdev/sf-ui",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "SF UI — librería de componentes React (inputs, tablas, hooks) para aplicaciones SF Perú.",
   "type": "module",
   "main": "./dist/sf-ui.umd.cjs",