@fangxinyan/lumina 0.1.5 → 0.2.0

package/dist/Table-ADVN6LXP.css

@@ -0,0 +1,295 @@
+/* ============ Table ============ */
+.table-card {
+  border-radius: var(--r-lg);
+  background: var(--bg);
+  box-shadow: var(--neu-out-sm);
+  overflow: hidden;
+}
+.table-wrap {
+  border-radius: var(--r-lg);
+  background: var(--bg);
+  box-shadow: var(--neu-in-sm);
+  overflow: auto;
+}
+/* When scroll=y is on, the wrap itself becomes the scroll region. */
+.table-wrap.scroll-y { overflow-y: auto; }
+.table-wrap.scroll-x { overflow-x: auto; }
+
+.table {
+  width: 100%;
+  border-collapse: separate;
+  border-spacing: 0;
+  font-size: 13px;
+}
+.table th {
+  text-align: left;
+  padding: 14px 18px;
+  background: var(--bg);
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--fg-subtle);
+  border-bottom: 1px solid var(--divider);
+  position: sticky; top: 0;
+  z-index: 1;
+}
+/* When the wrap is the scroll container (scroll.y), position:sticky on th needs
+   top:0 relative to the wrap — browsers already handle that. Adding a stronger
+   bg so content under the header doesn't bleed through. */
+.table.sticky-head th { background: var(--bg); }
+.table th.sortable { cursor: pointer; user-select: none; }
+.table th.sortable:hover { color: var(--fg); }
+.table th .th-label { vertical-align: middle; }
+.table th .sort-ind {
+  display: inline-flex;
+  width: 16px; height: 16px;
+  border-radius: 6px;
+  background: var(--bg);
+  box-shadow: var(--neu-flat);
+  align-items: center; justify-content: center;
+  margin-left: 6px;
+  color: var(--fg-subtle);
+  vertical-align: middle;
+}
+.table th.sorted .sort-ind { color: var(--accent); box-shadow: var(--neu-in-sm); }
+.table td {
+  padding: 12px 18px;
+  border-bottom: 1px solid var(--divider);
+  vertical-align: middle;
+}
+.table.hoverable tbody tr:hover td { background: color-mix(in oklch, var(--accent-soft) 40%, transparent); }
+.table tbody tr.clickable { cursor: pointer; }
+.table tbody tr.selected td { background: color-mix(in oklch, var(--accent-soft) 80%, transparent); color: var(--accent-ink); }
+.table tbody tr:last-child td { border-bottom: none; }
+.table.striped tbody tr:nth-child(even) td {
+  background: color-mix(in oklch, var(--bg-sunken) 40%, transparent);
+}
+
+/* Embossed: each row sits on the surface */
+.table.embossed { border-spacing: 0; }
+.table.embossed tbody td {
+  background: var(--bg);
+}
+
+/* Card-row variant: each row is its own raised pill */
+.table.cards {
+  border-collapse: separate;
+  border-spacing: 0 10px;
+  padding: 10px;
+  background: transparent;
+  box-shadow: none;
+}
+.table.cards thead th {
+  background: transparent;
+  border-bottom: none;
+  padding-top: 0;
+  padding-bottom: 6px;
+}
+.table.cards tbody td {
+  background: var(--bg);
+  border-bottom: none;
+  padding: 14px 18px;
+}
+.table.cards tbody td:first-child {
+  border-radius: var(--r-md) 0 0 var(--r-md);
+  box-shadow: -4px 4px 8px var(--shadow-dark), -4px -4px 8px var(--shadow-light);
+}
+.table.cards tbody td:last-child {
+  border-radius: 0 var(--r-md) var(--r-md) 0;
+  box-shadow: 4px 4px 8px var(--shadow-dark), 4px -4px 8px var(--shadow-light);
+}
+.table.cards tbody td:not(:first-child):not(:last-child) {
+  box-shadow: 0 4px 8px var(--shadow-dark), 0 -4px 8px var(--shadow-light);
+}
+.table.cards.hoverable tbody tr:hover td { background: var(--bg); transform: translateY(-1px); }
+
+.table .row-check { width: 44px; }
+.table .row-check .checkbox { display: inline-flex; }
+.table .row-expand { width: 40px; text-align: center; }
+.table-empty { padding: 60px 20px; text-align: center; color: var(--fg-muted); }
+
+/* Expand button */
+.expand-btn {
+  width: 22px; height: 22px;
+  border: none;
+  border-radius: var(--r-sm);
+  background: var(--bg);
+  box-shadow: var(--neu-flat);
+  color: var(--fg-subtle);
+  display: inline-flex; align-items: center; justify-content: center;
+  cursor: pointer;
+  transition: transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);
+}
+.expand-btn:hover { color: var(--accent-ink); box-shadow: var(--neu-out-sm); }
+.expand-btn.open { transform: rotate(90deg); color: var(--accent-ink); box-shadow: var(--neu-in-sm); }
+
+/* Expanded row panel */
+.table tbody tr.expanded-row td {
+  padding: 0 18px 14px 18px;
+  border-bottom: 1px solid var(--divider);
+  background: color-mix(in oklch, var(--bg-sunken) 25%, transparent);
+}
+.expanded-panel {
+  padding: 14px 16px;
+  border-radius: var(--r-md);
+  background: var(--bg);
+  box-shadow: var(--neu-in-sm);
+  color: var(--fg);
+  font-size: 13px;
+}
+
+/* Radio-style row selector */
+.table .row-check .radio-dot {
+  width: 16px; height: 16px;
+  border-radius: 50%;
+  border: none;
+  padding: 0;
+  background: var(--bg);
+  box-shadow: var(--neu-in-sm);
+  display: inline-flex; align-items: center; justify-content: center;
+  cursor: pointer;
+  transition: box-shadow var(--dur-fast) var(--ease);
+}
+.table .row-check .radio-dot:disabled { opacity: 0.5; cursor: not-allowed; }
+.table .row-check .radio-dot.checked {
+  box-shadow: var(--neu-out-sm);
+}
+.table .row-check .radio-dot.checked::after {
+  content: "";
+  width: 8px; height: 8px;
+  border-radius: 50%;
+  background: var(--accent);
+}
+
+/* Filter button on header */
+.table th.filterable .filter-ind {
+  display: inline-flex;
+  width: 18px; height: 18px;
+  border-radius: 5px;
+  background: var(--bg);
+  box-shadow: var(--neu-flat);
+  color: var(--fg-subtle);
+  align-items: center; justify-content: center;
+  margin-left: 6px;
+  cursor: pointer;
+  border: none;
+  vertical-align: middle;
+  padding: 0;
+  transition: color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);
+}
+.table th.filterable .filter-ind:hover { color: var(--fg); }
+.table th.filterable .filter-ind.active {
+  color: var(--accent-ink);
+  box-shadow: var(--neu-in-sm);
+}
+
+/* Filter popover panel (portaled to body) */
+.table-filter-panel {
+  z-index: 1001;
+  min-width: 200px;
+  max-width: 260px;
+  background: var(--bg);
+  border-radius: var(--r-md);
+  box-shadow: var(--neu-out-lg);
+  padding: 10px;
+  animation: menuIn var(--dur) var(--ease);
+}
+.table-filter-options {
+  display: flex;
+  flex-direction: column;
+  max-height: 220px;
+  overflow-y: auto;
+  gap: 4px;
+  padding: 4px;
+}
+.table-filter-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 8px;
+  border-radius: var(--r-sm);
+  font-size: 13px;
+  color: var(--fg);
+  cursor: pointer;
+  transition: background var(--dur-fast) var(--ease);
+}
+.table-filter-item:hover {
+  background: color-mix(in oklch, var(--accent-soft) 40%, transparent);
+}
+.table-filter-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 6px;
+  margin-top: 6px;
+  padding-top: 8px;
+  border-top: 1px solid var(--divider);
+}
+.table-filter-actions .tf-btn {
+  border: none;
+  padding: 6px 12px;
+  border-radius: var(--r-sm);
+  background: var(--bg);
+  box-shadow: var(--neu-out-sm);
+  font-size: 12px;
+  font-family: inherit;
+  color: var(--fg);
+  cursor: pointer;
+  transition: box-shadow var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);
+}
+.table-filter-actions .tf-btn:hover { box-shadow: var(--neu-in-sm); }
+.table-filter-actions .tf-btn.primary { color: var(--accent-ink); font-weight: 600; }
+.table-filter-actions .tf-btn.ghost { color: var(--fg-muted); box-shadow: var(--neu-flat); }
+.table-filter-actions .tf-btn.ghost:hover { box-shadow: var(--neu-in-sm); }
+
+/* Built-in pagination bar */
+.table-pagination {
+  margin-top: 12px;
+}
+
+/* Pro: card-wrap with toolbar + table + footer */
+.table-card {
+  border-radius: var(--r-lg);
+  background: var(--bg);
+  box-shadow: var(--neu-out-sm);
+  overflow: hidden;
+}
+.table-card .table-wrap { background: transparent; box-shadow: none; border-radius: 0; }
+.table-card .table-wrap.joined { border-radius: 0; }
+/* When TablePro hosts the built-in pagination, seat it inside the card. */
+.table-card .table-pagination {
+  margin-top: 0;
+  padding: 6px 16px;
+  border-top: 1px solid var(--divider);
+  background: color-mix(in oklch, var(--bg-sunken) 30%, transparent);
+}
+.table-toolbar {
+  display: flex;
+  align-items: center;
+  gap: var(--gap-3);
+  padding: 14px 16px;
+  border-bottom: 1px solid var(--divider);
+}
+.table-toolbar .table-title {
+  font-size: 14px;
+  font-weight: 600;
+  margin-right: 8px;
+}
+.table-toolbar-main {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  min-width: 0;
+}
+.table-toolbar-actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-shrink: 0;
+}
+.table-footer {
+  padding: 10px 16px;
+  border-top: 1px solid var(--divider);
+  background: color-mix(in oklch, var(--bg-sunken) 30%, transparent);
+}

package/dist/Table.cjs

@@ -1,18 +1,22 @@
 'use strict';
 
-var chunk2VA2HSL4_cjs = require('./chunk-2VA2HSL4.cjs');
+var chunkIFERLHCL_cjs = require('./chunk-IFERLHCL.cjs');
+require('./chunk-K7PVJLW4.cjs');
+require('./chunk-EPFYIR63.cjs');
+require('./chunk-URF6RBW6.cjs');
 require('./chunk-C5TGQ7CV.cjs');
+require('./chunk-RZ2E3XEU.cjs');
 require('./chunk-YVO7XO4W.cjs');
 
 
 
 Object.defineProperty(exports, "Table", {
   enumerable: true,
-  get: function () { return chunk2VA2HSL4_cjs.Table; }
+  get: function () { return chunkIFERLHCL_cjs.Table; }
 });
 Object.defineProperty(exports, "TablePro", {
   enumerable: true,
-  get: function () { return chunk2VA2HSL4_cjs.TablePro; }
+  get: function () { return chunkIFERLHCL_cjs.TablePro; }
 });
 //# sourceMappingURL=Table.cjs.map
 //# sourceMappingURL=Table.cjs.map

package/dist/Table.d.cts

@@ -1,6 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
+type RowKey = string | number;
+interface TableColumnFilterItem {
+    text: React.ReactNode;
+    value: string | number;
+}
 interface TableColumn<Row = any> {
     key: string;
     title: React.ReactNode;
@@ -10,12 +15,78 @@ interface TableColumn<Row = any> {
     width?: number | string;
     align?: "left" | "center" | "right";
     sortable?: boolean;
+    /** Filter options shown in header dropdown. Requires `onFilter` (or data index match). */
+    filters?: TableColumnFilterItem[];
+    /**
+     * Predicate to decide whether a row matches a given filter value.
+     * If omitted, falls back to strict equality on `row[dataIndex]`.
+     */
+    onFilter?: (value: string | number, row: Row) => boolean;
+    /**
+     * Default active filter values. When `filteredValue` is controlled externally via
+     * `Table.filteredValue`, prefer managing it at the table level.
+     */
+    defaultFilteredValue?: (string | number)[];
+    /** Controlled filter selection — when provided, makes the column's filter controlled. */
+    filteredValue?: (string | number)[];
 }
 type TableVariant = "default" | "striped" | "embossed" | "cards";
+interface PaginationConfig {
+    /** Current page (1-indexed). Makes pagination controlled. */
+    current?: number;
+    /** Uncontrolled initial page. */
+    defaultCurrent?: number;
+    /** Items per page. */
+    pageSize?: number;
+    /** Default items per page (uncontrolled). */
+    defaultPageSize?: number;
+    /** Total item count. Defaults to `data.length` when omitted. */
+    total?: number;
+    /** Fired when user picks a page or changes page size. */
+    onChange?: (page: number, pageSize: number) => void;
+    /** Reserved for future: jump-to-page input. */
+    showQuickJumper?: boolean;
+    /** Reserved for future: page size dropdown. */
+    showSizeChanger?: boolean;
+    /** Reserved for future: selectable page sizes. */
+    pageSizeOptions?: number[];
+}
+interface RowSelectionConfig<Row = any> {
+    /** "checkbox" (default) allows multi-select; "radio" allows only one row at a time. */
+    type?: "checkbox" | "radio";
+    /** Controlled list of selected row keys. */
+    selectedRowKeys?: RowKey[];
+    /** Uncontrolled initial selection. */
+    defaultSelectedRowKeys?: RowKey[];
+    /** Fired on selection change; receives the new keys and matching rows. */
+    onChange?: (selectedRowKeys: RowKey[], selectedRows: Row[]) => void;
+    /** Per-row switch toggling checkbox disabled state. */
+    getCheckboxProps?: (row: Row) => {
+        disabled?: boolean;
+    };
+}
+interface ExpandableConfig<Row = any> {
+    /** Controlled expanded row keys. */
+    expandedRowKeys?: RowKey[];
+    /** Uncontrolled initial expanded row keys. */
+    defaultExpandedRowKeys?: RowKey[];
+    /** Fired when a row expands / collapses. */
+    onExpand?: (expanded: boolean, row: Row) => void;
+    /** Render function for the expanded panel. When omitted, no expand UI renders. */
+    expandedRowRender?: (row: Row, index: number) => React.ReactNode;
+    /** Decide whether a given row can be expanded. */
+    rowExpandable?: (row: Row) => boolean;
+}
+interface TableScrollConfig {
+    /** Horizontal scroll: min-width of the inner table. */
+    x?: number | string;
+    /** Vertical scroll: max body height (with sticky header). */
+    y?: number | string;
+}
 interface TableProps<Row = any> {
     columns: TableColumn<Row>[];
     data: Row[];
-    rowKey?: keyof Row | ((row: Row) => string | number);
+    rowKey?: keyof Row | ((row: Row) => RowKey);
     /** Visual variant. */
     variant?: TableVariant;
     /** Hoverable rows. */
@@ -26,10 +97,32 @@ interface TableProps<Row = any> {
     sortKey?: string;
     sortDir?: "asc" | "desc";
     onSort?: (key: string) => void;
-    /** Row selection — controlled list of selected row keys. */
+    /**
+     * Row selection config — preferred API (antd-style).
+     * When provided, takes precedence over `selectable` / `selected` / `onSelect`.
+     */
+    rowSelection?: RowSelectionConfig<Row>;
+    /**
+     * @deprecated Use `rowSelection` instead. Kept for backwards compatibility.
+     */
     selectable?: boolean;
-    selected?: (string | number)[];
-    onSelect?: (keys: (string | number)[]) => void;
+    /**
+     * @deprecated Use `rowSelection.selectedRowKeys` instead.
+     */
+    selected?: RowKey[];
+    /**
+     * @deprecated Use `rowSelection.onChange` instead.
+     */
+    onSelect?: (keys: RowKey[]) => void;
+    /** Expandable row config. */
+    expandable?: ExpandableConfig<Row>;
+    /**
+     * Pagination config — `false` disables pagination; otherwise renders a bottom
+     * pagination bar and slices the data accordingly.
+     */
+    pagination?: false | PaginationConfig;
+    /** Horizontal / vertical scroll config. */
+    scroll?: TableScrollConfig;
     /** Called when user clicks a row. */
     onRowClick?: (row: Row, index: number) => void;
     /** Empty state. */
@@ -37,13 +130,13 @@ interface TableProps<Row = any> {
     className?: string;
 }
 /** `Table` — neumorphic data table with sorting, selection and visual variants. */
-declare function Table<Row extends Record<string, any> = any>({ columns, data, rowKey, variant, hoverable, striped, sortKey, sortDir, onSort, selectable, selected, onSelect, onRowClick, empty, className, }: TableProps<Row>): react_jsx_runtime.JSX.Element;
+declare function Table<Row extends Record<string, any> = any>({ columns, data, rowKey, variant, hoverable, striped, sortKey, sortDir, onSort, rowSelection, selectable, selected, onSelect, expandable, pagination, scroll, onRowClick, empty, className, }: TableProps<Row>): react_jsx_runtime.JSX.Element;
 interface TableProProps<Row = any> extends TableProps<Row> {
     /** Toolbar slot — search input, filter, etc. */
     toolbar?: React.ReactNode;
     /** Right-aligned actions slot in toolbar. */
     actions?: React.ReactNode;
-    /** Footer slot — usually <Pagination />. */
+    /** Footer slot — usually <Pagination />. Optional now that `pagination` is built-in. */
     footer?: React.ReactNode;
     /** Title shown above the toolbar. */
     title?: React.ReactNode;
@@ -51,7 +144,10 @@ interface TableProProps<Row = any> extends TableProps<Row> {
 /**
  * `TablePro` — full-featured table card with toolbar, sortable/selectable rows,
  * variants, and a footer slot for pagination.
+ *
+ * Prefer the built-in `pagination` prop over rendering a `<Pagination />` in the
+ * `footer` slot; `footer` still works for custom footers.
  */
 declare function TablePro<Row extends Record<string, any> = any>({ toolbar, actions, footer, title, className, ...tableProps }: TableProProps<Row>): react_jsx_runtime.JSX.Element;
 
-export { Table, type TableColumn, TablePro, type TableProProps, type TableProps, type TableVariant };
+export { type ExpandableConfig, type PaginationConfig, type RowKey, type RowSelectionConfig, Table, type TableColumn, type TableColumnFilterItem, TablePro, type TableProProps, type TableProps, type TableScrollConfig, type TableVariant };

package/dist/Table.d.ts

@@ -1,6 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
+type RowKey = string | number;
+interface TableColumnFilterItem {
+    text: React.ReactNode;
+    value: string | number;
+}
 interface TableColumn<Row = any> {
     key: string;
     title: React.ReactNode;
@@ -10,12 +15,78 @@ interface TableColumn<Row = any> {
     width?: number | string;
     align?: "left" | "center" | "right";
     sortable?: boolean;
+    /** Filter options shown in header dropdown. Requires `onFilter` (or data index match). */
+    filters?: TableColumnFilterItem[];
+    /**
+     * Predicate to decide whether a row matches a given filter value.
+     * If omitted, falls back to strict equality on `row[dataIndex]`.
+     */
+    onFilter?: (value: string | number, row: Row) => boolean;
+    /**
+     * Default active filter values. When `filteredValue` is controlled externally via
+     * `Table.filteredValue`, prefer managing it at the table level.
+     */
+    defaultFilteredValue?: (string | number)[];
+    /** Controlled filter selection — when provided, makes the column's filter controlled. */
+    filteredValue?: (string | number)[];
 }
 type TableVariant = "default" | "striped" | "embossed" | "cards";
+interface PaginationConfig {
+    /** Current page (1-indexed). Makes pagination controlled. */
+    current?: number;
+    /** Uncontrolled initial page. */
+    defaultCurrent?: number;
+    /** Items per page. */
+    pageSize?: number;
+    /** Default items per page (uncontrolled). */
+    defaultPageSize?: number;
+    /** Total item count. Defaults to `data.length` when omitted. */
+    total?: number;
+    /** Fired when user picks a page or changes page size. */
+    onChange?: (page: number, pageSize: number) => void;
+    /** Reserved for future: jump-to-page input. */
+    showQuickJumper?: boolean;
+    /** Reserved for future: page size dropdown. */
+    showSizeChanger?: boolean;
+    /** Reserved for future: selectable page sizes. */
+    pageSizeOptions?: number[];
+}
+interface RowSelectionConfig<Row = any> {
+    /** "checkbox" (default) allows multi-select; "radio" allows only one row at a time. */
+    type?: "checkbox" | "radio";
+    /** Controlled list of selected row keys. */
+    selectedRowKeys?: RowKey[];
+    /** Uncontrolled initial selection. */
+    defaultSelectedRowKeys?: RowKey[];
+    /** Fired on selection change; receives the new keys and matching rows. */
+    onChange?: (selectedRowKeys: RowKey[], selectedRows: Row[]) => void;
+    /** Per-row switch toggling checkbox disabled state. */
+    getCheckboxProps?: (row: Row) => {
+        disabled?: boolean;
+    };
+}
+interface ExpandableConfig<Row = any> {
+    /** Controlled expanded row keys. */
+    expandedRowKeys?: RowKey[];
+    /** Uncontrolled initial expanded row keys. */
+    defaultExpandedRowKeys?: RowKey[];
+    /** Fired when a row expands / collapses. */
+    onExpand?: (expanded: boolean, row: Row) => void;
+    /** Render function for the expanded panel. When omitted, no expand UI renders. */
+    expandedRowRender?: (row: Row, index: number) => React.ReactNode;
+    /** Decide whether a given row can be expanded. */
+    rowExpandable?: (row: Row) => boolean;
+}
+interface TableScrollConfig {
+    /** Horizontal scroll: min-width of the inner table. */
+    x?: number | string;
+    /** Vertical scroll: max body height (with sticky header). */
+    y?: number | string;
+}
 interface TableProps<Row = any> {
     columns: TableColumn<Row>[];
     data: Row[];
-    rowKey?: keyof Row | ((row: Row) => string | number);
+    rowKey?: keyof Row | ((row: Row) => RowKey);
     /** Visual variant. */
     variant?: TableVariant;
     /** Hoverable rows. */
@@ -26,10 +97,32 @@ interface TableProps<Row = any> {
     sortKey?: string;
     sortDir?: "asc" | "desc";
     onSort?: (key: string) => void;
-    /** Row selection — controlled list of selected row keys. */
+    /**
+     * Row selection config — preferred API (antd-style).
+     * When provided, takes precedence over `selectable` / `selected` / `onSelect`.
+     */
+    rowSelection?: RowSelectionConfig<Row>;
+    /**
+     * @deprecated Use `rowSelection` instead. Kept for backwards compatibility.
+     */
     selectable?: boolean;
-    selected?: (string | number)[];
-    onSelect?: (keys: (string | number)[]) => void;
+    /**
+     * @deprecated Use `rowSelection.selectedRowKeys` instead.
+     */
+    selected?: RowKey[];
+    /**
+     * @deprecated Use `rowSelection.onChange` instead.
+     */
+    onSelect?: (keys: RowKey[]) => void;
+    /** Expandable row config. */
+    expandable?: ExpandableConfig<Row>;
+    /**
+     * Pagination config — `false` disables pagination; otherwise renders a bottom
+     * pagination bar and slices the data accordingly.
+     */
+    pagination?: false | PaginationConfig;
+    /** Horizontal / vertical scroll config. */
+    scroll?: TableScrollConfig;
     /** Called when user clicks a row. */
     onRowClick?: (row: Row, index: number) => void;
     /** Empty state. */
@@ -37,13 +130,13 @@ interface TableProps<Row = any> {
     className?: string;
 }
 /** `Table` — neumorphic data table with sorting, selection and visual variants. */
-declare function Table<Row extends Record<string, any> = any>({ columns, data, rowKey, variant, hoverable, striped, sortKey, sortDir, onSort, selectable, selected, onSelect, onRowClick, empty, className, }: TableProps<Row>): react_jsx_runtime.JSX.Element;
+declare function Table<Row extends Record<string, any> = any>({ columns, data, rowKey, variant, hoverable, striped, sortKey, sortDir, onSort, rowSelection, selectable, selected, onSelect, expandable, pagination, scroll, onRowClick, empty, className, }: TableProps<Row>): react_jsx_runtime.JSX.Element;
 interface TableProProps<Row = any> extends TableProps<Row> {
     /** Toolbar slot — search input, filter, etc. */
     toolbar?: React.ReactNode;
     /** Right-aligned actions slot in toolbar. */
     actions?: React.ReactNode;
-    /** Footer slot — usually <Pagination />. */
+    /** Footer slot — usually <Pagination />. Optional now that `pagination` is built-in. */
     footer?: React.ReactNode;
     /** Title shown above the toolbar. */
     title?: React.ReactNode;
@@ -51,7 +144,10 @@ interface TableProProps<Row = any> extends TableProps<Row> {
 /**
  * `TablePro` — full-featured table card with toolbar, sortable/selectable rows,
  * variants, and a footer slot for pagination.
+ *
+ * Prefer the built-in `pagination` prop over rendering a `<Pagination />` in the
+ * `footer` slot; `footer` still works for custom footers.
  */
 declare function TablePro<Row extends Record<string, any> = any>({ toolbar, actions, footer, title, className, ...tableProps }: TableProProps<Row>): react_jsx_runtime.JSX.Element;
 
-export { Table, type TableColumn, TablePro, type TableProProps, type TableProps, type TableVariant };
+export { type ExpandableConfig, type PaginationConfig, type RowKey, type RowSelectionConfig, Table, type TableColumn, type TableColumnFilterItem, TablePro, type TableProProps, type TableProps, type TableScrollConfig, type TableVariant };

package/dist/Table.js

@@ -1,5 +1,9 @@
-export { Table, TablePro } from './chunk-2W2AJUZW.js';
+export { Table, TablePro } from './chunk-55NTFU7Y.js';
+import './chunk-TYQ5CN2C.js';
+import './chunk-ZVCMXDTP.js';
+import './chunk-AJZKESHB.js';
 import './chunk-M6CGYGEO.js';
+import './chunk-V2DIQ3RH.js';
 import './chunk-GEYMWUW6.js';
 //# sourceMappingURL=Table.js.map
 //# sourceMappingURL=Table.js.map

package/dist/{Tabs-A27TSZOP.css → Tabs-RHK6XAFF.css}

@@ -58,6 +58,13 @@
   box-shadow: 0 0 8px var(--accent-glow);
 }
 
+/* Centered nav — works for pill / segmented (self-align) and line (flex-center) */
+.tabs.centered .tabs-nav { align-self: center; }
+.tabs.centered.line .tabs-nav,
+.tabs.centered.underline .tabs-nav { align-self: stretch; justify-content: center; }
+.tabs.centered.line .tabs-nav .tab,
+.tabs.centered.underline .tabs-nav .tab { margin-right: 11px; margin-left: 11px; }
+
 .tabs-content { padding: var(--gap-2) 0; }
 
 /* Segmented (owned by Tabs.tsx — Segmented is co-exported) */

package/dist/Tabs.cjs

@@ -1,16 +1,16 @@
 'use strict';
 
-var chunkITGCHU3Y_cjs = require('./chunk-ITGCHU3Y.cjs');
+var chunkVICGQC6G_cjs = require('./chunk-VICGQC6G.cjs');
 
 
 
 Object.defineProperty(exports, "Segmented", {
   enumerable: true,
-  get: function () { return chunkITGCHU3Y_cjs.Segmented; }
+  get: function () { return chunkVICGQC6G_cjs.Segmented; }
 });
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
-  get: function () { return chunkITGCHU3Y_cjs.Tabs; }
+  get: function () { return chunkVICGQC6G_cjs.Tabs; }
 });
 //# sourceMappingURL=Tabs.cjs.map
 //# sourceMappingURL=Tabs.cjs.map

package/dist/Tabs.d.cts

@@ -13,6 +13,8 @@ interface TabsProps {
     defaultActiveKey?: string;
     onChange?: (key: string) => void;
     variant?: "line" | "pill" | "segmented";
+    /** Center-align the tab bar horizontally. */
+    centered?: boolean;
     className?: string;
 }
 /** `Tabs` — switchable sections. */