@fangxinyan/lumina 0.1.6 → 0.2.1

package/dist/Slider.d.ts

@@ -1,18 +1,33 @@
 import * as React from 'react';
 
-interface SliderProps {
-    value?: number;
-    defaultValue?: number;
-    onChange?: (value: number) => void;
+type SliderSingleValue = number;
+type SliderRangeValue = [number, number];
+type SliderValue = SliderSingleValue | SliderRangeValue;
+interface SliderBaseProps {
     min?: number;
     max?: number;
     step?: number;
     disabled?: boolean;
     showValue?: boolean;
     tone?: "accent" | "success" | "warning" | "danger";
+    /** Tick marks with labels. Clicking a mark snaps to it. */
+    marks?: Record<number, React.ReactNode>;
     className?: string;
 }
+interface SliderSingleProps extends SliderBaseProps {
+    range?: false;
+    value?: number;
+    defaultValue?: number;
+    onChange?: (value: number) => void;
+}
+interface SliderRangeProps extends SliderBaseProps {
+    range: true;
+    value?: SliderRangeValue;
+    defaultValue?: SliderRangeValue;
+    onChange?: (value: SliderRangeValue) => void;
+}
+type SliderProps = SliderSingleProps | SliderRangeProps;
 /** `Slider` — neumorphic range input with grooved track. */
 declare const Slider: React.FC<SliderProps>;
 
-export { Slider, type SliderProps };
+export { Slider, type SliderProps, type SliderRangeProps, type SliderRangeValue, type SliderSingleProps, type SliderSingleValue, type SliderValue };

package/dist/Slider.js

@@ -1,3 +1,3 @@
-export { Slider } from './chunk-7UJI437T.js';
+export { Slider } from './chunk-437LB2V4.js';
 //# sourceMappingURL=Slider.js.map
 //# sourceMappingURL=Slider.js.map

package/dist/Switch-36KJNDXM.css

@@ -0,0 +1,92 @@
+/* ============ Switch ============ */
+.switch {
+  --w: 46px;
+  --h: 26px;
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+  font-size: 13px;
+  color: var(--fg);
+  cursor: pointer;
+  user-select: none;
+}
+.switch.disabled { opacity: 0.5; cursor: not-allowed; }
+.switch-track {
+  position: relative;
+  width: var(--w);
+  height: var(--h);
+  border: none;
+  padding: 0;
+  border-radius: 999px;
+  background: var(--bg);
+  box-shadow: var(--neu-in-sm);
+  cursor: inherit;
+  flex-shrink: 0;
+  transition: all var(--dur) var(--ease);
+}
+.switch.sm { --w: 36px; --h: 20px; }
+.switch.lg { --w: 58px; --h: 32px; }
+/* When checkedChildren / unCheckedChildren are present, widen the track to fit. */
+.switch.with-children { --w: 60px; }
+.switch.with-children.sm { --w: 46px; }
+.switch.with-children.lg { --w: 74px; }
+
+.switch-thumb {
+  position: absolute;
+  top: 3px;
+  left: 3px;
+  width: calc(var(--h) - 6px);
+  height: calc(var(--h) - 6px);
+  border-radius: 999px;
+  background: var(--bg-raised);
+  box-shadow: var(--neu-out-sm);
+  transition: all var(--dur) var(--ease);
+  z-index: 1;
+}
+.switch.on .switch-thumb {
+  transform: translateX(calc(var(--w) - var(--h)));
+  background: var(--accent);
+  box-shadow: 0 2px 8px var(--accent-glow), 0 0 0 1px color-mix(in oklch, var(--accent) 40%, transparent);
+}
+
+/* Inline content (checkedChildren / unCheckedChildren) */
+.switch-inner {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  font-size: 11px;
+  font-weight: 500;
+  font-family: inherit;
+  line-height: 1;
+  pointer-events: none;
+}
+.switch.sm .switch-inner { font-size: 10px; }
+.switch-inner-on,
+.switch-inner-off {
+  position: absolute;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  transition: opacity var(--dur) var(--ease), transform var(--dur) var(--ease);
+}
+/* Checked label sits on the left side of the track (thumb pushes right). */
+.switch-inner-on {
+  left: 8px;
+  right: calc(var(--h) - 2px);
+  color: white;
+  opacity: 0;
+  transform: translateX(-4px);
+}
+/* Unchecked label sits on the right side (thumb is at left). */
+.switch-inner-off {
+  right: 8px;
+  left: calc(var(--h) - 2px);
+  color: var(--fg-muted);
+  opacity: 1;
+  transform: translateX(0);
+}
+.switch.sm .switch-inner-on { left: 5px; right: calc(var(--h) - 2px); }
+.switch.sm .switch-inner-off { right: 5px; left: calc(var(--h) - 2px); }
+.switch.on .switch-inner-on { opacity: 1; transform: translateX(0); }
+.switch.on .switch-inner-off { opacity: 0; transform: translateX(4px); }

package/dist/Switch.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkALFDP5WX_cjs = require('./chunk-ALFDP5WX.cjs');
+var chunkIDM6JJLP_cjs = require('./chunk-IDM6JJLP.cjs');
 
 
 
 Object.defineProperty(exports, "Switch", {
   enumerable: true,
-  get: function () { return chunkALFDP5WX_cjs.Switch; }
+  get: function () { return chunkIDM6JJLP_cjs.Switch; }
 });
 //# sourceMappingURL=Switch.cjs.map
 //# sourceMappingURL=Switch.cjs.map

package/dist/Switch.d.cts

@@ -7,6 +7,10 @@ interface SwitchProps {
     disabled?: boolean;
     label?: React.ReactNode;
     size?: "sm" | "md";
+    /** Content rendered inside the track when checked (short text or icon). */
+    checkedChildren?: React.ReactNode;
+    /** Content rendered inside the track when unchecked. */
+    unCheckedChildren?: React.ReactNode;
     className?: string;
     id?: string;
 }

package/dist/Switch.d.ts

@@ -7,6 +7,10 @@ interface SwitchProps {
     disabled?: boolean;
     label?: React.ReactNode;
     size?: "sm" | "md";
+    /** Content rendered inside the track when checked (short text or icon). */
+    checkedChildren?: React.ReactNode;
+    /** Content rendered inside the track when unchecked. */
+    unCheckedChildren?: React.ReactNode;
     className?: string;
     id?: string;
 }

package/dist/Switch.js

@@ -1,3 +1,3 @@
-export { Switch } from './chunk-HTP6UEVR.js';
+export { Switch } from './chunk-BBPNQ44M.js';
 //# sourceMappingURL=Switch.js.map
 //# sourceMappingURL=Switch.js.map

package/dist/Table-YKVM42SW.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: 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 chunkSBMOIE5C_cjs = require('./chunk-SBMOIE5C.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 chunkSBMOIE5C_cjs.Table; }
 });
 Object.defineProperty(exports, "TablePro", {
   enumerable: true,
-  get: function () { return chunk2VA2HSL4_cjs.TablePro; }
+  get: function () { return chunkSBMOIE5C_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 };