material-react-table 2.0.0-beta.1 → 2.0.0-beta.11

package/dist/index.d.ts

@@ -1,12 +1,13 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { MutableRefObject, Dispatch, SetStateAction, ReactNode, RefObject, DragEventHandler, MouseEvent } from 'react';
+import { CSSProperties, MutableRefObject, Dispatch, SetStateAction, ReactNode, RefObject, DragEventHandler, MouseEvent } from 'react';
 import * as _tanstack_react_table from '@tanstack/react-table';
-import { Row, Table, TableState, ColumnDef, DeepKeys, Column, Header, HeaderGroup, Cell, AggregationFn, SortingFn, FilterFn, TableOptions, OnChangeFn, RowPinningPosition, ColumnOrderState, GroupingState, Renderable } from '@tanstack/react-table';
+import { Row, AccessorFn, DeepKeys, DeepValue, Table, TableState, ColumnDef, Column, Header, HeaderGroup, Cell, AggregationFn, SortingFn, FilterFn, TableOptions, OnChangeFn, RowPinningPosition, ColumnOrderState, GroupingState, Renderable } from '@tanstack/react-table';
 export { ColumnFiltersState as MRT_ColumnFiltersState, ColumnOrderState as MRT_ColumnOrderState, ColumnPinningState as MRT_ColumnPinningState, ColumnSizingInfoState as MRT_ColumnSizingInfoState, ColumnSizingState as MRT_ColumnSizingState, ExpandedState as MRT_ExpandedState, GroupingState as MRT_GroupingState, PaginationState as MRT_PaginationState, RowSelectionState as MRT_RowSelectionState, SortingState as MRT_SortingState, Updater as MRT_Updater, VisibilityState as MRT_VisibilityState } from '@tanstack/react-table';
 import { Virtualizer, VirtualizerOptions, VirtualItem, Range } from '@tanstack/react-virtual';
 export { VirtualItem as MRT_VirtualItem, Virtualizer as MRT_Virtualizer, VirtualizerOptions as MRT_VirtualizerOptions } from '@tanstack/react-virtual';
 import { AlertProps } from '@mui/material/Alert';
 import { AutocompleteProps } from '@mui/material/Autocomplete';
+import { BoxProps } from '@mui/material/Box';
 import { ButtonProps } from '@mui/material/Button';
 import { CheckboxProps } from '@mui/material/Checkbox';
 import { ChipProps } from '@mui/material/Chip';
@@ -27,11 +28,15 @@ import { TableFooterProps } from '@mui/material/TableFooter';
 import { TableHeadProps } from '@mui/material/TableHead';
 import { TableRowProps } from '@mui/material/TableRow';
 import { TextFieldProps } from '@mui/material/TextField';
-import { ToolbarProps } from '@mui/material/Toolbar';
+import { Theme } from '@mui/material/styles';
 import { DatePickerProps } from '@mui/x-date-pickers';
 import * as _tanstack_match_sorter_utils from '@tanstack/match-sorter-utils';
 import { RankingInfo } from '@tanstack/match-sorter-utils';
-import { Theme } from '@mui/material/styles';
+import { CollapseProps } from '@mui/material/Collapse';
+import { DividerProps } from '@mui/material/Divider';
+import { TableSortLabelProps } from '@mui/material/TableSortLabel';
+import { MenuProps } from '@mui/material/Menu';
+import { MenuItemProps } from '@mui/material/MenuItem';
 
 declare const MRT_AggregationFns: {
     sum: _tanstack_react_table.AggregationFn<any>;
@@ -47,59 +52,59 @@ declare const MRT_AggregationFns: {
 
 declare const MRT_FilterFns: {
     between: {
-        <TData extends Record<string, any>>(row: Row<TData>, id: string, filterValues: [number | string, number | string]): boolean;
+        <TData extends MRT_RowData>(row: Row<TData>, id: string, filterValues: [number | string, number | string]): boolean;
         autoRemove(val: any): boolean;
     };
     betweenInclusive: {
-        <TData_1 extends Record<string, any>>(row: Row<TData_1>, id: string, filterValues: [number | string, number | string]): boolean;
+        <TData_1 extends MRT_RowData>(row: Row<TData_1>, id: string, filterValues: [number | string, number | string]): boolean;
         autoRemove(val: any): boolean;
     };
     contains: {
-        <TData_2 extends Record<string, any>>(row: Row<TData_2>, id: string, filterValue: number | string): boolean;
+        <TData_2 extends MRT_RowData>(row: Row<TData_2>, id: string, filterValue: number | string): boolean;
         autoRemove(val: any): boolean;
     };
     empty: {
-        <TData_3 extends Record<string, any>>(row: Row<TData_3>, id: string, _filterValue: number | string): boolean;
+        <TData_3 extends MRT_RowData>(row: Row<TData_3>, id: string, _filterValue: number | string): boolean;
         autoRemove(val: any): boolean;
     };
     endsWith: {
-        <TData_4 extends Record<string, any>>(row: Row<TData_4>, id: string, filterValue: number | string): boolean;
+        <TData_4 extends MRT_RowData>(row: Row<TData_4>, id: string, filterValue: number | string): boolean;
         autoRemove(val: any): boolean;
     };
     equals: {
-        <TData_5 extends Record<string, any>>(row: Row<TData_5>, id: string, filterValue: number | string): boolean;
+        <TData_5 extends MRT_RowData>(row: Row<TData_5>, id: string, filterValue: number | string): boolean;
         autoRemove(val: any): boolean;
     };
     fuzzy: {
-        <TData_6 extends Record<string, any>>(row: Row<TData_6>, columnId: string, filterValue: number | string, addMeta: (item: RankingInfo) => void): boolean;
+        <TData_6 extends MRT_RowData>(row: Row<TData_6>, columnId: string, filterValue: number | string, addMeta: (item: RankingInfo) => void): boolean;
         autoRemove(val: any): boolean;
     };
     greaterThan: {
-        <TData_7 extends Record<string, any>>(row: Row<TData_7>, id: string, filterValue: number | string): boolean;
+        <TData_7 extends MRT_RowData>(row: Row<TData_7>, id: string, filterValue: number | string): boolean;
         autoRemove(val: any): boolean;
     };
     greaterThanOrEqualTo: {
-        <TData_8 extends Record<string, any>>(row: Row<TData_8>, id: string, filterValue: number | string): boolean;
+        <TData_8 extends MRT_RowData>(row: Row<TData_8>, id: string, filterValue: number | string): boolean;
         autoRemove(val: any): boolean;
     };
     lessThan: {
-        <TData_9 extends Record<string, any>>(row: Row<TData_9>, id: string, filterValue: number | string): boolean;
+        <TData_9 extends MRT_RowData>(row: Row<TData_9>, id: string, filterValue: number | string): boolean;
         autoRemove(val: any): boolean;
     };
     lessThanOrEqualTo: {
-        <TData_10 extends Record<string, any>>(row: Row<TData_10>, id: string, filterValue: number | string): boolean;
+        <TData_10 extends MRT_RowData>(row: Row<TData_10>, id: string, filterValue: number | string): boolean;
         autoRemove(val: any): boolean;
     };
     notEmpty: {
-        <TData_11 extends Record<string, any>>(row: Row<TData_11>, id: string, _filterValue: number | string): boolean;
+        <TData_11 extends MRT_RowData>(row: Row<TData_11>, id: string, _filterValue: number | string): boolean;
         autoRemove(val: any): boolean;
     };
     notEquals: {
-        <TData_12 extends Record<string, any>>(row: Row<TData_12>, id: string, filterValue: number | string): boolean;
+        <TData_12 extends MRT_RowData>(row: Row<TData_12>, id: string, filterValue: number | string): boolean;
         autoRemove(val: any): boolean;
     };
     startsWith: {
-        <TData_13 extends Record<string, any>>(row: Row<TData_13>, id: string, filterValue: number | string): boolean;
+        <TData_13 extends MRT_RowData>(row: Row<TData_13>, id: string, filterValue: number | string): boolean;
         autoRemove(val: any): boolean;
     };
     includesString: _tanstack_react_table.FilterFn<any>;
@@ -149,7 +154,7 @@ interface MRT_Icons {
 }
 
 declare const MRT_SortingFns: {
-    fuzzy: <TData extends Record<string, any>>(rowA: Row<TData>, rowB: Row<TData>, columnId: string) => number;
+    fuzzy: <TData extends MRT_RowData>(rowA: Row<TData>, rowB: Row<TData>, columnId: string) => number;
     alphanumeric: _tanstack_react_table.SortingFn<any>;
     alphanumericCaseSensitive: _tanstack_react_table.SortingFn<any>;
     text: _tanstack_react_table.SortingFn<any>;
@@ -157,7 +162,7 @@ declare const MRT_SortingFns: {
     datetime: _tanstack_react_table.SortingFn<any>;
     basic: _tanstack_react_table.SortingFn<any>;
 };
-declare const rankGlobalFuzzy: <TData extends Record<string, any>>(rowA: MRT_Row<TData>, rowB: MRT_Row<TData>) => number;
+declare const rankGlobalFuzzy: <TData extends MRT_RowData>(rowA: MRT_Row<TData>, rowB: MRT_Row<TData>) => number;
 
 type LiteralUnion<T extends U, U = string> = T | (U & Record<never, never>);
 type Prettify<T> = {
@@ -170,7 +175,13 @@ type Xor<A, B> = Prettify<A & {
 }>;
 type MRT_DensityState = 'comfortable' | 'compact' | 'spacious';
 type MRT_ColumnFilterFnsState = Record<string, MRT_FilterOption>;
+type MRT_RowData = Record<string, any>;
 
+type MRT_ColumnHelper<TData extends MRT_RowData> = {
+    accessor: <TAccessor extends AccessorFn<TData> | DeepKeys<TData>, TValue extends TAccessor extends AccessorFn<TData, infer TReturn> ? TReturn : TAccessor extends DeepKeys<TData> ? DeepValue<TData, TAccessor> : never>(accessor: TAccessor, column: MRT_DisplayColumnDef<TData, TValue>) => MRT_ColumnDef<TData, TValue>;
+    display: (column: MRT_DisplayColumnDef<TData>) => MRT_ColumnDef<TData>;
+    group: (column: MRT_GroupColumnDef<TData>) => MRT_ColumnDef<TData>;
+};
 interface MRT_Localization {
     actions: string;
     and: string;
@@ -262,14 +273,21 @@ interface MRT_Localization {
     unpin: string;
     unpinAll: string;
 }
-interface MRT_RowModel<TData extends Record<string, any>> {
+interface MRT_Theme {
+    baseBackgroundColor?: CSSProperties['backgroundColor'];
+    draggingBorderColor?: CSSProperties['borderColor'];
+    matchHighlightColor?: CSSProperties['backgroundColor'];
+    pinnedRowBackgroundColor?: CSSProperties['backgroundColor'];
+    selectedRowBackgroundColor?: CSSProperties['backgroundColor'];
+}
+interface MRT_RowModel<TData extends MRT_RowData> {
     flatRows: MRT_Row<TData>[];
     rows: MRT_Row<TData>[];
     rowsById: {
         [key: string]: MRT_Row<TData>;
     };
 }
-type MRT_TableInstance<TData extends Record<string, any>> = Omit<Table<TData>, 'getAllColumns' | 'getAllFlatColumns' | 'getAllLeafColumns' | 'getBottomRows' | 'getCenterLeafColumns' | 'getCenterRows' | 'getColumn' | 'getExpandedRowModel' | 'getFlatHeaders' | 'getHeaderGroups' | 'getLeftLeafColumns' | 'getPaginationRowModel' | 'getPreFilteredRowModel' | 'getPrePaginationRowModel' | 'getRightLeafColumns' | 'getRowModel' | 'getSelectedRowModel' | 'getState' | 'getTopRows' | 'options'> & {
+type MRT_TableInstance<TData extends MRT_RowData> = Omit<Table<TData>, 'getAllColumns' | 'getAllFlatColumns' | 'getAllLeafColumns' | 'getBottomRows' | 'getCenterLeafColumns' | 'getCenterRows' | 'getColumn' | 'getExpandedRowModel' | 'getFlatHeaders' | 'getHeaderGroups' | 'getLeftLeafColumns' | 'getPaginationRowModel' | 'getPreFilteredRowModel' | 'getPrePaginationRowModel' | 'getRightLeafColumns' | 'getRowModel' | 'getSelectedRowModel' | 'getState' | 'getTopRows' | 'options'> & {
     getAllColumns: () => MRT_Column<TData>[];
     getAllFlatColumns: () => MRT_Column<TData>[];
     getAllLeafColumns: () => MRT_Column<TData>[];
@@ -318,11 +336,11 @@ type MRT_TableInstance<TData extends Record<string, any>> = Omit<Table<TData>, '
     setShowGlobalFilter: Dispatch<SetStateAction<boolean>>;
     setShowToolbarDropZone: Dispatch<SetStateAction<boolean>>;
 };
-type MRT_DefinedTableOptions<TData extends Record<string, any>> = MRT_TableOptions<TData> & {
+type MRT_DefinedTableOptions<TData extends MRT_RowData> = MRT_TableOptions<TData> & {
     icons: MRT_Icons;
     localization: MRT_Localization;
 };
-type MRT_TableState<TData extends Record<string, any>> = TableState & {
+type MRT_TableState<TData extends MRT_RowData> = TableState & {
     columnFilterFns: MRT_ColumnFilterFnsState;
     creatingRow: MRT_Row<TData> | null;
     density: MRT_DensityState;
@@ -344,52 +362,52 @@ type MRT_TableState<TData extends Record<string, any>> = TableState & {
     showSkeletons: boolean;
     showToolbarDropZone: boolean;
 };
-type MRT_ColumnDef<TData extends Record<string, any>> = Omit<ColumnDef<TData, unknown>, 'accessorKey' | 'aggregatedCell' | 'aggregationFn' | 'cell' | 'columns' | 'filterFn' | 'footer' | 'header' | 'id' | 'sortingFn'> & {
+type MRT_ColumnDef<TData extends MRT_RowData, TValue = unknown> = Omit<ColumnDef<TData, TValue>, 'accessorKey' | 'aggregatedCell' | 'aggregationFn' | 'cell' | 'columns' | 'filterFn' | 'footer' | 'header' | 'id' | 'sortingFn'> & {
     AggregatedCell?: (props: {
-        cell: MRT_Cell<TData>;
-        column: MRT_Column<TData>;
+        cell: MRT_Cell<TData, TValue>;
+        column: MRT_Column<TData, TValue>;
         row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
     }) => ReactNode;
     Cell?: (props: {
-        cell: MRT_Cell<TData>;
-        column: MRT_Column<TData>;
-        renderedCellValue: ReactNode | number | string;
+        cell: MRT_Cell<TData, TValue>;
+        column: MRT_Column<TData, TValue>;
+        renderedCellValue: ReactNode;
         row: MRT_Row<TData>;
         rowRef?: RefObject<HTMLTableRowElement>;
         table: MRT_TableInstance<TData>;
     }) => ReactNode;
     Edit?: (props: {
-        cell: MRT_Cell<TData>;
-        column: MRT_Column<TData>;
+        cell: MRT_Cell<TData, TValue>;
+        column: MRT_Column<TData, TValue>;
         row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
     }) => ReactNode;
     Filter?: (props: {
-        column: MRT_Column<TData>;
+        column: MRT_Column<TData, TValue>;
         header: MRT_Header<TData>;
         rangeFilterIndex?: number;
         table: MRT_TableInstance<TData>;
     }) => ReactNode;
     Footer?: ((props: {
-        column: MRT_Column<TData>;
+        column: MRT_Column<TData, TValue>;
         footer: MRT_Header<TData>;
         table: MRT_TableInstance<TData>;
     }) => ReactNode) | ReactNode;
     GroupedCell?: (props: {
-        cell: MRT_Cell<TData>;
-        column: MRT_Column<TData>;
+        cell: MRT_Cell<TData, TValue>;
+        column: MRT_Column<TData, TValue>;
         row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
     }) => ReactNode;
     Header?: ((props: {
-        column: MRT_Column<TData>;
+        column: MRT_Column<TData, TValue>;
         header: MRT_Header<TData>;
         table: MRT_TableInstance<TData>;
     }) => ReactNode) | ReactNode;
     PlaceholderCell?: (props: {
-        cell: MRT_Cell<TData>;
-        column: MRT_Column<TData>;
+        cell: MRT_Cell<TData, TValue>;
+        column: MRT_Column<TData, TValue>;
         row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
     }) => ReactNode;
@@ -399,7 +417,7 @@ type MRT_ColumnDef<TData extends Record<string, any>> = Omit<ColumnDef<TData, un
      *
      * @example accessorFn: (row) => row.username
      */
-    accessorFn?: (originalRow: TData) => any;
+    accessorFn?: (originalRow: TData) => TValue;
     /**
      * Either an `accessorKey` or a combination of an `accessorFn` and `id` are required for a data column definition.
      * Specify which key in the row this column should use to access the correct data.
@@ -420,7 +438,7 @@ type MRT_ColumnDef<TData extends Record<string, any>> = Omit<ColumnDef<TData, un
      */
     columnDefType?: 'data' | 'display' | 'group';
     columnFilterModeOptions?: Array<LiteralUnion<string & MRT_FilterOption>> | null;
-    columns?: MRT_ColumnDef<TData>[];
+    columns?: MRT_ColumnDef<TData, TValue>[];
     editSelectOptions?: ({
         text: string;
         value: any;
@@ -466,13 +484,13 @@ type MRT_ColumnDef<TData extends Record<string, any>> = Omit<ColumnDef<TData, un
         table: MRT_TableInstance<TData>;
     }) => IconButtonProps) | IconButtonProps;
     muiCopyButtonProps?: ((props: {
-        cell: MRT_Cell<TData>;
+        cell: MRT_Cell<TData, TValue>;
         column: MRT_Column<TData>;
         row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
     }) => ButtonProps) | ButtonProps;
     muiEditTextFieldProps?: ((props: {
-        cell: MRT_Cell<TData>;
+        cell: MRT_Cell<TData, TValue>;
         column: MRT_Column<TData>;
         row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
@@ -500,7 +518,7 @@ type MRT_ColumnDef<TData extends Record<string, any>> = Omit<ColumnDef<TData, un
         table: MRT_TableInstance<TData>;
     }) => TextFieldProps) | TextFieldProps;
     muiTableBodyCellProps?: ((props: {
-        cell: MRT_Cell<TData>;
+        cell: MRT_Cell<TData, TValue>;
         column: MRT_Column<TData>;
         row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
@@ -527,47 +545,51 @@ type MRT_ColumnDef<TData extends Record<string, any>> = Omit<ColumnDef<TData, un
     }) => ReactNode[];
     sortingFn?: MRT_SortingFn<TData>;
 };
-type MRT_DefinedColumnDef<TData extends Record<string, any>> = Omit<MRT_ColumnDef<TData>, 'defaultDisplayColumn' | 'id'> & {
+type MRT_DisplayColumnDef<TData extends MRT_RowData, TValue = unknown> = Omit<MRT_ColumnDef<TData, TValue>, 'accessorFn' | 'accessorKey'>;
+type MRT_GroupColumnDef<TData extends MRT_RowData> = MRT_DisplayColumnDef<TData, any> & {
+    columns: MRT_ColumnDef<TData>[];
+};
+type MRT_DefinedColumnDef<TData extends MRT_RowData, TValue = unknown> = Omit<MRT_ColumnDef<TData, TValue>, 'defaultDisplayColumn' | 'id'> & {
     _filterFn: MRT_FilterOption;
-    defaultDisplayColumn: Partial<MRT_ColumnDef<TData>>;
+    defaultDisplayColumn: Partial<MRT_ColumnDef<TData, TValue>>;
     id: string;
 };
-type MRT_Column<TData extends Record<string, any>> = Omit<Column<TData, unknown>, 'columnDef' | 'columns' | 'filterFn' | 'footer' | 'header'> & {
-    columnDef: MRT_DefinedColumnDef<TData>;
-    columns?: MRT_Column<TData>[];
+type MRT_Column<TData extends MRT_RowData, TValue = unknown> = Omit<Column<TData, TValue>, 'columnDef' | 'columns' | 'filterFn' | 'footer' | 'header'> & {
+    columnDef: MRT_DefinedColumnDef<TData, TValue>;
+    columns?: MRT_Column<TData, TValue>[];
     filterFn?: MRT_FilterFn<TData>;
     footer: string;
     header: string;
 };
-type MRT_Header<TData extends Record<string, any>> = Omit<Header<TData, unknown>, 'column'> & {
+type MRT_Header<TData extends MRT_RowData> = Omit<Header<TData, unknown>, 'column'> & {
     column: MRT_Column<TData>;
 };
-type MRT_HeaderGroup<TData extends Record<string, any>> = Omit<HeaderGroup<TData>, 'headers'> & {
+type MRT_HeaderGroup<TData extends MRT_RowData> = Omit<HeaderGroup<TData>, 'headers'> & {
     headers: MRT_Header<TData>[];
 };
-type MRT_Row<TData extends Record<string, any>> = Omit<Row<TData>, '_valuesCache' | 'getAllCells' | 'getVisibleCells' | 'subRows'> & {
+type MRT_Row<TData extends MRT_RowData> = Omit<Row<TData>, '_valuesCache' | 'getAllCells' | 'getVisibleCells' | 'subRows'> & {
     _valuesCache: Record<LiteralUnion<string & DeepKeys<TData>>, any>;
     getAllCells: () => MRT_Cell<TData>[];
     getVisibleCells: () => MRT_Cell<TData>[];
     subRows?: MRT_Row<TData>[];
 };
-type MRT_Cell<TData extends Record<string, any>> = Omit<Cell<TData, unknown>, 'column' | 'row'> & {
-    column: MRT_Column<TData>;
+type MRT_Cell<TData extends MRT_RowData, TValue = unknown> = Omit<Cell<TData, TValue>, 'column' | 'row'> & {
+    column: MRT_Column<TData, TValue>;
     row: MRT_Row<TData>;
 };
 type MRT_AggregationOption = string & keyof typeof MRT_AggregationFns;
-type MRT_AggregationFn<TData extends Record<string, any>> = AggregationFn<TData> | MRT_AggregationOption;
+type MRT_AggregationFn<TData extends MRT_RowData> = AggregationFn<TData> | MRT_AggregationOption;
 type MRT_SortingOption = LiteralUnion<string & keyof typeof MRT_SortingFns>;
-type MRT_SortingFn<TData extends Record<string, any>> = MRT_SortingOption | SortingFn<TData>;
+type MRT_SortingFn<TData extends MRT_RowData> = MRT_SortingOption | SortingFn<TData>;
 type MRT_FilterOption = LiteralUnion<string & keyof typeof MRT_FilterFns>;
-type MRT_FilterFn<TData extends Record<string, any>> = FilterFn<TData> | MRT_FilterOption;
+type MRT_FilterFn<TData extends MRT_RowData> = FilterFn<TData> | MRT_FilterOption;
 type MRT_InternalFilterOption = {
     divider: boolean;
     label: string;
     option: string;
     symbol: string;
 };
-type MRT_DisplayColumnIds = 'mrt-row-actions' | 'mrt-row-drag' | 'mrt-row-expand' | 'mrt-row-numbers' | 'mrt-row-pin' | 'mrt-row-select';
+type MRT_DisplayColumnIds = 'mrt-row-actions' | 'mrt-row-drag' | 'mrt-row-expand' | 'mrt-row-numbers' | 'mrt-row-pin' | 'mrt-row-select' | 'mrt-row-spacer';
 /**
  * `columns` and `data` props are the only required props, but there are over 170 other optional props.
  *
@@ -577,7 +599,7 @@ type MRT_DisplayColumnIds = 'mrt-row-actions' | 'mrt-row-drag' | 'mrt-row-expand
  * See the full props list on the official docs site:
  * @link https://www.material-react-table.com/docs/api/props
  */
-type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<TableOptions<TData>>, 'columns' | 'data' | 'defaultColumn' | 'enableRowSelection' | 'expandRowsFn' | 'getRowId' | 'globalFilterFn' | 'initialState' | 'onStateChange' | 'state'> & {
+type MRT_TableOptions<TData extends MRT_RowData> = Omit<Partial<TableOptions<TData>>, 'columns' | 'data' | 'defaultColumn' | 'enableRowSelection' | 'expandRowsFn' | 'getRowId' | 'globalFilterFn' | 'initialState' | 'onStateChange' | 'state'> & {
     columnFilterDisplayMode?: 'custom' | 'popover' | 'subheader';
     columnFilterModeOptions?: Array<LiteralUnion<string & MRT_FilterOption>> | null;
     columnVirtualizerInstanceRef?: MutableRefObject<Virtualizer<HTMLDivElement, HTMLTableCellElement> | null>;
@@ -594,7 +616,7 @@ type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<TableOpt
      * See all Columns Options on the official docs site:
      * @link https://www.material-react-table.com/docs/api/column-options
      */
-    columns: MRT_ColumnDef<TData>[];
+    columns: MRT_ColumnDef<TData, any>[];
     createDisplayMode?: 'custom' | 'modal' | 'row';
     /**
      * Pass your data as an array of objects. Objects can theoretically be any shape, but it's best to keep them consistent.
@@ -610,9 +632,9 @@ type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<TableOpt
     /**
      * Change the default options for display columns.
      */
-    defaultDisplayColumn?: Partial<MRT_ColumnDef<TData>>;
+    defaultDisplayColumn?: Partial<MRT_DisplayColumnDef<TData>>;
     displayColumnDefOptions?: Partial<{
-        [key in MRT_DisplayColumnIds]: Partial<MRT_ColumnDef<TData>>;
+        [key in MRT_DisplayColumnIds]: Partial<MRT_DisplayColumnDef<TData>>;
     }>;
     editDisplayMode?: 'cell' | 'custom' | 'modal' | 'row' | 'table';
     enableBottomToolbar?: boolean;
@@ -668,9 +690,10 @@ type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<TableOpt
      * @link https://www.material-react-table.com/docs/guides/memoize-components
      */
     memoMode?: 'cells' | 'rows' | 'table-body';
+    mrtTheme?: ((theme: Theme) => MRT_Theme) | MRT_Theme;
     muiBottomToolbarProps?: ((props: {
         table: MRT_TableInstance<TData>;
-    }) => ToolbarProps) | ToolbarProps;
+    }) => BoxProps) | BoxProps;
     muiCircularProgressProps?: ((props: {
         table: MRT_TableInstance<TData>;
     }) => CircularProgressProps) | CircularProgressProps;
@@ -696,7 +719,7 @@ type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<TableOpt
         row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
     }) => TableCellProps) | TableCellProps;
-    muiEditRowModalProps?: ((props: {
+    muiEditRowDialogProps?: ((props: {
         row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
     }) => DialogProps) | DialogProps;
@@ -822,7 +845,7 @@ type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<TableOpt
     }) => AlertProps) | AlertProps;
     muiTopToolbarProps?: ((props: {
         table: MRT_TableInstance<TData>;
-    }) => ToolbarProps) | ToolbarProps;
+    }) => BoxProps) | BoxProps;
     onColumnFilterFnsChange?: OnChangeFn<{
         [key: string]: MRT_FilterOption;
     }>;
@@ -885,7 +908,7 @@ type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<TableOpt
         onSelectFilterMode: (filterMode: MRT_FilterOption) => void;
         table: MRT_TableInstance<TData>;
     }) => ReactNode[];
-    renderCreateRowModalContent?: (props: {
+    renderCreateRowDialogContent?: (props: {
         internalEditComponents: ReactNode[];
         row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
@@ -894,7 +917,7 @@ type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<TableOpt
         row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
     }) => ReactNode;
-    renderEditRowModalContent?: (props: {
+    renderEditRowDialogContent?: (props: {
         internalEditComponents: ReactNode[];
         row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
@@ -946,41 +969,41 @@ type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<TableOpt
     state?: Partial<MRT_TableState<TData>>;
 };
 
-type TableInstanceProp<TData extends Record<string, any> = {}> = {
+type TableInstanceProp<TData extends MRT_RowData> = {
     table: MRT_TableInstance<TData>;
 };
-type Props$T<TData extends Record<string, any> = {}> = Xor<TableInstanceProp<TData>, MRT_TableOptions<TData>>;
-declare const MaterialReactTable: <TData extends Record<string, any> = {}>(props: Props$T<TData>) => react_jsx_runtime.JSX.Element;
+type Props$U<TData extends MRT_RowData> = Xor<TableInstanceProp<TData>, MRT_TableOptions<TData>>;
+declare const MaterialReactTable: <TData extends MRT_RowData>(props: Props$U<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$S<TData extends Record<string, any>> {
+interface Props$T<TData extends MRT_RowData> extends TableBodyProps {
     columnVirtualizer?: Virtualizer<HTMLDivElement, HTMLTableCellElement>;
     table: MRT_TableInstance<TData>;
     virtualColumns?: VirtualItem[];
     virtualPaddingLeft?: number;
     virtualPaddingRight?: number;
 }
-declare const MRT_TableBody: <TData extends Record<string, any>>({ columnVirtualizer, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, }: Props$S<TData>) => react_jsx_runtime.JSX.Element;
-declare const Memo_MRT_TableBody: <TData extends Record<string, any>>({ columnVirtualizer, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, }: Props$S<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableBody: <TData extends MRT_RowData>({ columnVirtualizer, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, ...rest }: Props$T<TData>) => react_jsx_runtime.JSX.Element;
+declare const Memo_MRT_TableBody: <TData extends MRT_RowData>({ columnVirtualizer, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, ...rest }: Props$T<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$R<TData extends Record<string, any>> {
+interface Props$S<TData extends MRT_RowData> extends TableCellProps {
     cell: MRT_Cell<TData>;
     measureElement?: (element: HTMLTableCellElement) => void;
     numRows?: number;
     rowIndex: number;
     rowRef: RefObject<HTMLTableRowElement>;
     table: MRT_TableInstance<TData>;
-    virtualCell?: VirtualItem;
+    virtualIndex?: number;
 }
-declare const MRT_TableBodyCell: <TData extends Record<string, any>>({ cell, measureElement, numRows, rowIndex, rowRef, table, virtualCell, }: Props$R<TData>) => react_jsx_runtime.JSX.Element;
-declare const Memo_MRT_TableBodyCell: <TData extends Record<string, any>>({ cell, measureElement, numRows, rowIndex, rowRef, table, virtualCell, }: Props$R<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableBodyCell: <TData extends MRT_RowData>({ cell, measureElement, numRows, rowIndex, rowRef, table, virtualIndex, ...rest }: Props$S<TData>) => react_jsx_runtime.JSX.Element;
+declare const Memo_MRT_TableBodyCell: <TData extends MRT_RowData>({ cell, measureElement, numRows, rowIndex, rowRef, table, virtualIndex, ...rest }: Props$S<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$Q<TData extends Record<string, any>> {
+interface Props$R<TData extends MRT_RowData> {
     cell: MRT_Cell<TData>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_TableBodyCellValue: <TData extends Record<string, any>>({ cell, table, }: Props$Q<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableBodyCellValue: <TData extends MRT_RowData>({ cell, table, }: Props$R<TData>) => ReactNode;
 
-interface Props$P<TData extends Record<string, any>> {
+interface Props$Q<TData extends MRT_RowData> {
     columnVirtualizer?: Virtualizer<HTMLDivElement, HTMLTableCellElement>;
     measureElement?: (element: HTMLTableRowElement) => void;
     numRows?: number;
@@ -993,113 +1016,112 @@ interface Props$P<TData extends Record<string, any>> {
     virtualPaddingRight?: number;
     virtualRow?: VirtualItem;
 }
-declare const MRT_TableBodyRow: <TData extends Record<string, any>>({ columnVirtualizer, measureElement, numRows, pinnedRowIds, row, rowIndex, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, virtualRow, }: Props$P<TData>) => react_jsx_runtime.JSX.Element;
-declare const Memo_MRT_TableBodyRow: <TData extends Record<string, any>>({ columnVirtualizer, measureElement, numRows, pinnedRowIds, row, rowIndex, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, virtualRow, }: Props$P<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableBodyRow: <TData extends MRT_RowData>({ columnVirtualizer, measureElement, numRows, pinnedRowIds, row, rowIndex, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, virtualRow, }: Props$Q<TData>) => react_jsx_runtime.JSX.Element;
+declare const Memo_MRT_TableBodyRow: <TData extends MRT_RowData>({ columnVirtualizer, measureElement, numRows, pinnedRowIds, row, rowIndex, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, virtualRow, }: Props$Q<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$O<TData extends Record<string, any>> {
+interface Props$P<TData extends MRT_RowData> extends IconButtonProps {
     row: MRT_Row<TData>;
     rowRef: RefObject<HTMLTableRowElement>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_TableBodyRowGrabHandle: <TData extends Record<string, any>>({ row, rowRef, table, }: Props$O<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableBodyRowGrabHandle: <TData extends MRT_RowData>({ row, rowRef, table, ...rest }: Props$P<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$N<TData extends Record<string, any>> {
+interface Props$O<TData extends MRT_RowData> extends IconButtonProps {
     row: MRT_Row<TData>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_TableBodyRowPinButton: <TData extends Record<string, any>>({ row, table, }: Props$N<TData>) => react_jsx_runtime.JSX.Element | null;
+declare const MRT_TableBodyRowPinButton: <TData extends MRT_RowData>({ row, table, ...rest }: Props$O<TData>) => react_jsx_runtime.JSX.Element | null;
 
-interface Props$M<TData extends Record<string, any>> {
+interface Props$N<TData extends MRT_RowData> extends TableCellProps {
     parentRowRef: RefObject<HTMLTableRowElement>;
     row: MRT_Row<TData>;
     rowIndex: number;
     table: MRT_TableInstance<TData>;
     virtualRow?: VirtualItem;
 }
-declare const MRT_TableDetailPanel: <TData extends Record<string, any>>({ parentRowRef, row, rowIndex, table, virtualRow, }: Props$M<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableDetailPanel: <TData extends MRT_RowData>({ parentRowRef, row, rowIndex, table, virtualRow, ...rest }: Props$N<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$L<TData extends Record<string, any>> {
+interface Props$M<TData extends MRT_RowData> extends BoxProps {
     column: MRT_Column<TData>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_ColumnPinningButtons: <TData extends Record<string, any>>({ column, table, }: Props$L<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_ColumnPinningButtons: <TData extends MRT_RowData>({ column, table, ...rest }: Props$M<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$K<TData extends Record<string, any>> {
+interface Props$L<TData extends MRT_RowData> extends ButtonProps {
     cell: MRT_Cell<TData>;
-    children: ReactNode;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_CopyButton: <TData extends Record<string, any>>({ cell, children, table, }: Props$K<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_CopyButton: <TData extends MRT_RowData>({ cell, table, ...rest }: Props$L<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$J<TData extends Record<string, any>> {
+interface Props$K<TData extends MRT_RowData> extends BoxProps {
     row: MRT_Row<TData>;
     table: MRT_TableInstance<TData>;
     variant?: 'icon' | 'text';
 }
-declare const MRT_EditActionButtons: <TData extends Record<string, any>>({ row, table, variant, }: Props$J<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_EditActionButtons: <TData extends MRT_RowData>({ row, table, variant, ...rest }: Props$K<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$I<TData extends Record<string, any>> {
+interface Props$J<TData extends MRT_RowData> extends IconButtonProps {
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_ExpandAllButton: <TData extends Record<string, any>>({ table, }: Props$I<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_ExpandAllButton: <TData extends MRT_RowData>({ table, ...rest }: Props$J<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$H<TData extends Record<string, any>> {
+interface Props$I<TData extends MRT_RowData> extends IconButtonProps {
     row: MRT_Row<TData>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_ExpandButton: <TData extends Record<string, any>>({ row, table, }: Props$H<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_ExpandButton: <TData extends MRT_RowData>({ row, table, }: Props$I<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$G<TData extends Record<string, any>> {
+interface Props$H<TData extends MRT_RowData> extends IconButtonProps {
     iconButtonProps?: IconButtonProps;
     location?: 'column' | 'row';
     onDragEnd: DragEventHandler<HTMLButtonElement>;
     onDragStart: DragEventHandler<HTMLButtonElement>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_GrabHandleButton: <TData extends Record<string, any>>({ iconButtonProps, location, onDragEnd, onDragStart, table, }: Props$G<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_GrabHandleButton: <TData extends MRT_RowData>({ iconButtonProps, location, onDragEnd, onDragStart, table, ...rest }: Props$H<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$F<TData extends Record<string, any>> {
+interface Props$G<TData extends MRT_RowData> extends IconButtonProps {
     pinningPosition: RowPinningPosition;
     row: MRT_Row<TData>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_RowPinButton: <TData extends Record<string, any>>({ pinningPosition, row, table, }: Props$F<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_RowPinButton: <TData extends MRT_RowData>({ pinningPosition, row, table, ...rest }: Props$G<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$E<TData extends Record<string, any>> extends IconButtonProps {
+interface Props$F<TData extends MRT_RowData> extends IconButtonProps {
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_ShowHideColumnsButton: <TData extends Record<string, any>>({ table, ...rest }: Props$E<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_ShowHideColumnsButton: <TData extends MRT_RowData>({ table, ...rest }: Props$F<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$D<TData extends Record<string, any>> extends IconButtonProps {
+interface Props$E<TData extends MRT_RowData> extends IconButtonProps {
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_ToggleDensePaddingButton: <TData extends Record<string, any>>({ table, ...rest }: Props$D<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_ToggleDensePaddingButton: <TData extends MRT_RowData>({ table, ...rest }: Props$E<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$C<TData extends Record<string, any>> extends IconButtonProps {
+interface Props$D<TData extends MRT_RowData> extends IconButtonProps {
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_ToggleFiltersButton: <TData extends Record<string, any>>({ table, ...rest }: Props$C<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_ToggleFiltersButton: <TData extends MRT_RowData>({ table, ...rest }: Props$D<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$B<TData extends Record<string, any>> extends IconButtonProps {
+interface Props$C<TData extends MRT_RowData> extends IconButtonProps {
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_ToggleFullScreenButton: <TData extends Record<string, any>>({ table, ...rest }: Props$B<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_ToggleFullScreenButton: <TData extends MRT_RowData>({ table, ...rest }: Props$C<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$A<TData extends Record<string, any>> extends IconButtonProps {
+interface Props$B<TData extends MRT_RowData> extends IconButtonProps {
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_ToggleGlobalFilterButton: <TData extends Record<string, any>>({ table, ...rest }: Props$A<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_ToggleGlobalFilterButton: <TData extends MRT_RowData>({ table, ...rest }: Props$B<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$z<TData extends Record<string, any>> {
+interface Props$A<TData extends MRT_RowData> extends IconButtonProps {
     cell: MRT_Cell<TData>;
     row: MRT_Row<TData>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_ToggleRowActionMenuButton: <TData extends Record<string, any>>({ cell, row, table, }: Props$z<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_ToggleRowActionMenuButton: <TData extends MRT_RowData>({ cell, row, table, ...rest }: Props$A<TData>) => react_jsx_runtime.JSX.Element;
 
-declare const getColumnId: <TData extends Record<string, any>>(columnDef: MRT_ColumnDef<TData>) => string;
-declare const getAllLeafColumnDefs: <TData extends Record<string, any>>(columns: MRT_ColumnDef<TData>[]) => MRT_ColumnDef<TData>[];
-declare const prepareColumns: <TData extends Record<string, any>>({ aggregationFns, columnDefs, columnFilterFns, defaultDisplayColumn, filterFns, sortingFns, }: {
+declare const getColumnId: <TData extends MRT_RowData>(columnDef: MRT_ColumnDef<TData>) => string;
+declare const getAllLeafColumnDefs: <TData extends MRT_RowData>(columns: MRT_ColumnDef<TData>[]) => MRT_ColumnDef<TData>[];
+declare const prepareColumns: <TData extends MRT_RowData>({ aggregationFns, columnDefs, columnFilterFns, defaultDisplayColumn, filterFns, sortingFns, }: {
     aggregationFns: {
         sum: _tanstack_react_table.AggregationFn<any>;
         min: _tanstack_react_table.AggregationFn<any>;
@@ -1118,59 +1140,59 @@ declare const prepareColumns: <TData extends Record<string, any>>({ aggregationF
     defaultDisplayColumn: Partial<MRT_ColumnDef<TData>>;
     filterFns: {
         between: {
-            <TData_1 extends Record<string, any>>(row: Row<TData_1>, id: string, filterValues: [string | number, string | number]): boolean;
+            <TData_1 extends MRT_RowData>(row: Row<TData_1>, id: string, filterValues: [string | number, string | number]): boolean;
             autoRemove(val: any): boolean;
         };
         betweenInclusive: {
-            <TData_2 extends Record<string, any>>(row: Row<TData_2>, id: string, filterValues: [string | number, string | number]): boolean;
+            <TData_2 extends MRT_RowData>(row: Row<TData_2>, id: string, filterValues: [string | number, string | number]): boolean;
             autoRemove(val: any): boolean;
         };
         contains: {
-            <TData_3 extends Record<string, any>>(row: Row<TData_3>, id: string, filterValue: string | number): boolean;
+            <TData_3 extends MRT_RowData>(row: Row<TData_3>, id: string, filterValue: string | number): boolean;
             autoRemove(val: any): boolean;
         };
         empty: {
-            <TData_4 extends Record<string, any>>(row: Row<TData_4>, id: string, _filterValue: string | number): boolean;
+            <TData_4 extends MRT_RowData>(row: Row<TData_4>, id: string, _filterValue: string | number): boolean;
             autoRemove(val: any): boolean;
         };
         endsWith: {
-            <TData_5 extends Record<string, any>>(row: Row<TData_5>, id: string, filterValue: string | number): boolean;
+            <TData_5 extends MRT_RowData>(row: Row<TData_5>, id: string, filterValue: string | number): boolean;
             autoRemove(val: any): boolean;
         };
         equals: {
-            <TData_6 extends Record<string, any>>(row: Row<TData_6>, id: string, filterValue: string | number): boolean;
+            <TData_6 extends MRT_RowData>(row: Row<TData_6>, id: string, filterValue: string | number): boolean;
             autoRemove(val: any): boolean;
         };
         fuzzy: {
-            <TData_7 extends Record<string, any>>(row: Row<TData_7>, columnId: string, filterValue: string | number, addMeta: (item: _tanstack_match_sorter_utils.RankingInfo) => void): boolean;
+            <TData_7 extends MRT_RowData>(row: Row<TData_7>, columnId: string, filterValue: string | number, addMeta: (item: _tanstack_match_sorter_utils.RankingInfo) => void): boolean;
             autoRemove(val: any): boolean;
         };
         greaterThan: {
-            <TData_8 extends Record<string, any>>(row: Row<TData_8>, id: string, filterValue: string | number): boolean;
+            <TData_8 extends MRT_RowData>(row: Row<TData_8>, id: string, filterValue: string | number): boolean;
             autoRemove(val: any): boolean;
         };
         greaterThanOrEqualTo: {
-            <TData_9 extends Record<string, any>>(row: Row<TData_9>, id: string, filterValue: string | number): boolean;
+            <TData_9 extends MRT_RowData>(row: Row<TData_9>, id: string, filterValue: string | number): boolean;
             autoRemove(val: any): boolean;
         };
         lessThan: {
-            <TData_10 extends Record<string, any>>(row: Row<TData_10>, id: string, filterValue: string | number): boolean;
+            <TData_10 extends MRT_RowData>(row: Row<TData_10>, id: string, filterValue: string | number): boolean;
             autoRemove(val: any): boolean;
         };
         lessThanOrEqualTo: {
-            <TData_11 extends Record<string, any>>(row: Row<TData_11>, id: string, filterValue: string | number): boolean;
+            <TData_11 extends MRT_RowData>(row: Row<TData_11>, id: string, filterValue: string | number): boolean;
             autoRemove(val: any): boolean;
         };
         notEmpty: {
-            <TData_12 extends Record<string, any>>(row: Row<TData_12>, id: string, _filterValue: string | number): boolean;
+            <TData_12 extends MRT_RowData>(row: Row<TData_12>, id: string, _filterValue: string | number): boolean;
             autoRemove(val: any): boolean;
         };
         notEquals: {
-            <TData_13 extends Record<string, any>>(row: Row<TData_13>, id: string, filterValue: string | number): boolean;
+            <TData_13 extends MRT_RowData>(row: Row<TData_13>, id: string, filterValue: string | number): boolean;
             autoRemove(val: any): boolean;
         };
         startsWith: {
-            <TData_14 extends Record<string, any>>(row: Row<TData_14>, id: string, filterValue: string | number): boolean;
+            <TData_14 extends MRT_RowData>(row: Row<TData_14>, id: string, filterValue: string | number): boolean;
             autoRemove(val: any): boolean;
         };
         includesString: _tanstack_react_table.FilterFn<any>;
@@ -1183,7 +1205,7 @@ declare const prepareColumns: <TData extends Record<string, any>>({ aggregationF
         inNumberRange: _tanstack_react_table.FilterFn<any>;
     } & Record<string, _tanstack_react_table.FilterFn<any>>;
     sortingFns: {
-        fuzzy: <TData_15 extends Record<string, any>>(rowA: Row<TData_15>, rowB: Row<TData_15>, columnId: string) => number;
+        fuzzy: <TData_15 extends MRT_RowData>(rowA: Row<TData_15>, rowB: Row<TData_15>, columnId: string) => number;
         alphanumeric: _tanstack_react_table.SortingFn<any>;
         alphanumericCaseSensitive: _tanstack_react_table.SortingFn<any>;
         text: _tanstack_react_table.SortingFn<any>;
@@ -1192,177 +1214,149 @@ declare const prepareColumns: <TData extends Record<string, any>>({ aggregationF
         basic: _tanstack_react_table.SortingFn<any>;
     } & Record<string, _tanstack_react_table.SortingFn<any>>;
 }) => MRT_DefinedColumnDef<TData>[];
-declare const reorderColumn: <TData extends Record<string, any>>(draggedColumn: MRT_Column<TData>, targetColumn: MRT_Column<TData>, columnOrder: ColumnOrderState) => ColumnOrderState;
-declare const showExpandColumn: <TData extends Record<string, any>>(props: MRT_TableOptions<TData>, grouping?: GroupingState) => boolean;
-declare const getLeadingDisplayColumnIds: <TData extends Record<string, any>>(props: MRT_TableOptions<TData>) => MRT_DisplayColumnIds[];
-declare const getTrailingDisplayColumnIds: <TData extends Record<string, any>>(props: MRT_TableOptions<TData>) => MRT_DisplayColumnIds[];
-declare const getDefaultColumnOrderIds: <TData extends Record<string, any>>(props: MRT_TableOptions<TData>) => string[];
-declare const getDefaultColumnFilterFn: <TData extends Record<string, any>>(columnDef: MRT_ColumnDef<TData>) => MRT_FilterOption;
-declare const getIsFirstColumn: <TData extends Record<string, any>>(column: MRT_Column<TData>, table: MRT_TableInstance<TData>) => boolean;
-declare const getIsLastColumn: <TData extends Record<string, any>>(column: MRT_Column<TData>, table: MRT_TableInstance<TData>) => boolean;
-declare const getIsLastLeftPinnedColumn: <TData extends Record<string, any>>(table: MRT_TableInstance<TData>, column: MRT_Column<TData>) => boolean;
-declare const getIsFirstRightPinnedColumn: <TData extends Record<string, any>>(column: MRT_Column<TData>) => boolean;
-declare const getTotalRight: <TData extends Record<string, any>>(table: MRT_TableInstance<TData>, column: MRT_Column<TData>) => number;
-declare const getCanRankRows: <TData extends Record<string, any>>(table: MRT_TableInstance<TData>) => boolean | undefined;
-declare const getCommonCellStyles: <TData extends Record<string, any>>({ column, header, table, tableCellProps, theme, }: {
-    column: MRT_Column<TData>;
-    header?: MRT_Header<TData> | undefined;
-    table: MRT_TableInstance<TData>;
-    tableCellProps: TableCellProps;
-    theme: Theme;
-}) => any;
-declare const MRT_DefaultColumn: {
-    readonly filterVariant: "text";
-    readonly maxSize: 1000;
-    readonly minSize: 40;
-    readonly size: 180;
-};
-declare const MRT_DefaultDisplayColumn: {
-    readonly columnDefType: "display";
-    readonly enableClickToCopy: false;
-    readonly enableColumnActions: false;
-    readonly enableColumnDragging: false;
-    readonly enableColumnFilter: false;
-    readonly enableColumnOrdering: false;
-    readonly enableEditing: false;
-    readonly enableGlobalFilter: false;
-    readonly enableGrouping: false;
-    readonly enableHiding: false;
-    readonly enableResizing: false;
-    readonly enableSorting: false;
-};
+declare const reorderColumn: <TData extends MRT_RowData>(draggedColumn: MRT_Column<TData>, targetColumn: MRT_Column<TData>, columnOrder: ColumnOrderState) => ColumnOrderState;
+declare const showExpandColumn: <TData extends MRT_RowData>(props: MRT_TableOptions<TData>, grouping?: GroupingState) => boolean;
+declare const getLeadingDisplayColumnIds: <TData extends MRT_RowData>(props: MRT_TableOptions<TData>) => MRT_DisplayColumnIds[];
+declare const getTrailingDisplayColumnIds: <TData extends MRT_RowData>(props: MRT_TableOptions<TData>) => MRT_DisplayColumnIds[];
+declare const getDefaultColumnOrderIds: <TData extends MRT_RowData>(props: MRT_TableOptions<TData>) => string[];
+declare const getDefaultColumnFilterFn: <TData extends MRT_RowData>(columnDef: MRT_ColumnDef<TData>) => MRT_FilterOption;
+declare const getIsFirstColumn: <TData extends MRT_RowData>(column: MRT_Column<TData>, table: MRT_TableInstance<TData>) => boolean;
+declare const getIsLastColumn: <TData extends MRT_RowData>(column: MRT_Column<TData>, table: MRT_TableInstance<TData>) => boolean;
+declare const getIsLastLeftPinnedColumn: <TData extends MRT_RowData>(table: MRT_TableInstance<TData>, column: MRT_Column<TData>) => boolean;
+declare const getIsFirstRightPinnedColumn: <TData extends MRT_RowData>(column: MRT_Column<TData>) => boolean;
+declare const getTotalRight: <TData extends MRT_RowData>(table: MRT_TableInstance<TData>, column: MRT_Column<TData>) => number;
+declare const getCanRankRows: <TData extends MRT_RowData>(table: MRT_TableInstance<TData>) => boolean | undefined;
 declare const parseFromValuesOrFunc: <T, U>(fn: T | ((arg: U) => T) | undefined, arg: U) => T | undefined;
-declare const parseCSSVarId: (id: string) => string;
 declare const flexRender: (Comp: Renderable<any>, props: any) => JSX.Element | ReactNode;
-declare const createRow: <TData extends Record<string, any>>(table: MRT_TableInstance<TData>, originalRow?: TData | undefined) => MRT_Row<TData>;
+declare const createRow: <TData extends MRT_RowData>(table: MRT_TableInstance<TData>, originalRow?: TData | undefined) => MRT_Row<TData>;
 declare const extraIndexRangeExtractor: (range: Range, draggingIndex: number) => number[];
+declare function createMRTColumnHelper<TData extends MRT_RowData>(): MRT_ColumnHelper<TData>;
 
-interface Props$y<TData extends Record<string, any>> {
+interface Props$z<TData extends MRT_RowData> extends TableFooterProps {
     table: MRT_TableInstance<TData>;
     virtualColumns?: VirtualItem[];
     virtualPaddingLeft?: number;
     virtualPaddingRight?: number;
 }
-declare const MRT_TableFooter: <TData extends Record<string, any>>({ table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, }: Props$y<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableFooter: <TData extends MRT_RowData>({ table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, ...rest }: Props$z<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$x<TData extends Record<string, any>> {
+interface Props$y<TData extends MRT_RowData> extends TableCellProps {
     footer: MRT_Header<TData>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_TableFooterCell: <TData extends Record<string, any>>({ footer, table, }: Props$x<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableFooterCell: <TData extends MRT_RowData>({ footer, table, ...rest }: Props$y<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$w<TData extends Record<string, any>> {
+interface Props$x<TData extends MRT_RowData> extends TableRowProps {
     footerGroup: MRT_HeaderGroup<TData>;
     table: MRT_TableInstance<TData>;
     virtualColumns?: VirtualItem[];
     virtualPaddingLeft?: number;
     virtualPaddingRight?: number;
 }
-declare const MRT_TableFooterRow: <TData extends Record<string, any>>({ footerGroup, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, }: Props$w<TData>) => react_jsx_runtime.JSX.Element | null;
+declare const MRT_TableFooterRow: <TData extends MRT_RowData>({ footerGroup, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, ...rest }: Props$x<TData>) => react_jsx_runtime.JSX.Element | null;
 
-interface Props$v<TData extends Record<string, any>> {
+interface Props$w<TData extends MRT_RowData> extends TableHeadProps {
     table: MRT_TableInstance<TData>;
     virtualColumns?: VirtualItem[];
     virtualPaddingLeft?: number;
     virtualPaddingRight?: number;
 }
-declare const MRT_TableHead: <TData extends Record<string, any>>({ table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, }: Props$v<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableHead: <TData extends MRT_RowData>({ table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, ...rest }: Props$w<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$u<TData extends Record<string, any>> {
+interface Props$v<TData extends MRT_RowData> extends TableCellProps {
     header: MRT_Header<TData>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_TableHeadCell: <TData extends Record<string, any>>({ header, table, }: Props$u<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableHeadCell: <TData extends MRT_RowData>({ header, table, ...rest }: Props$v<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$t<TData extends Record<string, any>> {
+interface Props$u<TData extends MRT_RowData> extends IconButtonProps {
     header: MRT_Header<TData>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_TableHeadCellColumnActionsButton: <TData extends Record<string, any>>({ header, table, }: Props$t<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableHeadCellColumnActionsButton: <TData extends MRT_RowData>({ header, table, ...rest }: Props$u<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$s<TData extends Record<string, any>> {
+interface Props$t<TData extends MRT_RowData> extends CollapseProps {
     header: MRT_Header<TData>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_TableHeadCellFilterContainer: <TData extends Record<string, any>>({ header, table, }: Props$s<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableHeadCellFilterContainer: <TData extends MRT_RowData>({ header, table, ...rest }: Props$t<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$r<TData extends Record<string, any>> {
+interface Props$s<TData extends MRT_RowData> extends IconButtonProps {
     header: MRT_Header<TData>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_TableHeadCellFilterLabel: <TData extends Record<string, any> = {}>({ header, table, }: Props$r<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableHeadCellFilterLabel: <TData extends MRT_RowData = {}>({ header, table, ...rest }: Props$s<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$q<TData extends Record<string, any>> {
+interface Props$r<TData extends MRT_RowData> extends IconButtonProps {
     column: MRT_Column<TData>;
     table: MRT_TableInstance<TData>;
     tableHeadCellRef: RefObject<HTMLTableCellElement>;
 }
-declare const MRT_TableHeadCellGrabHandle: <TData extends Record<string, any>>({ column, table, tableHeadCellRef, }: Props$q<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableHeadCellGrabHandle: <TData extends MRT_RowData>({ column, table, tableHeadCellRef, ...rest }: Props$r<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$p<TData extends Record<string, any>> {
+interface Props$q<TData extends MRT_RowData> extends DividerProps {
     header: MRT_Header<TData>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_TableHeadCellResizeHandle: <TData extends Record<string, any>>({ header, table, }: Props$p<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableHeadCellResizeHandle: <TData extends MRT_RowData>({ header, table, ...rest }: Props$q<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$o<TData extends Record<string, any>> {
+interface Props$p<TData extends MRT_RowData> extends TableSortLabelProps {
     header: MRT_Header<TData>;
     table: MRT_TableInstance<TData>;
-    tableCellProps?: TableCellProps;
 }
-declare const MRT_TableHeadCellSortLabel: <TData extends Record<string, any>>({ header, table, }: Props$o<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableHeadCellSortLabel: <TData extends MRT_RowData>({ header, table, ...rest }: Props$p<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$n<TData extends Record<string, any>> {
+interface Props$o<TData extends MRT_RowData> extends TableRowProps {
     headerGroup: MRT_HeaderGroup<TData>;
     table: MRT_TableInstance<TData>;
     virtualColumns?: VirtualItem[];
     virtualPaddingLeft?: number;
     virtualPaddingRight?: number;
 }
-declare const MRT_TableHeadRow: <TData extends Record<string, any>>({ headerGroup, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, }: Props$n<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableHeadRow: <TData extends MRT_RowData>({ headerGroup, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, ...rest }: Props$o<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$m<TData extends Record<string, any>> {
+interface Props$n<TData extends MRT_RowData> extends TextFieldProps<'standard'> {
     cell: MRT_Cell<TData>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_EditCellTextField: <TData extends Record<string, any>>({ cell, table, }: Props$m<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_EditCellTextField: <TData extends MRT_RowData>({ cell, table, ...rest }: Props$n<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$l<TData extends Record<string, any>> {
+interface Props$m<TData extends MRT_RowData> extends CheckboxProps {
     column: MRT_Column<TData>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_FilterCheckbox: <TData extends Record<string, any>>({ column, table, }: Props$l<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_FilterCheckbox: <TData extends MRT_RowData>({ column, table, ...rest }: Props$m<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$k<TData extends Record<string, any>> {
+interface Props$l<TData extends MRT_RowData> extends BoxProps {
     header: MRT_Header<TData>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_FilterRangeFields: <TData extends Record<string, any>>({ header, table, }: Props$k<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_FilterRangeFields: <TData extends MRT_RowData>({ header, table, ...rest }: Props$l<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$j<TData extends Record<string, any>> {
+interface Props$k<TData extends MRT_RowData> extends SliderProps {
     header: MRT_Header<TData>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_FilterRangeSlider: <TData extends Record<string, any>>({ header, table, }: Props$j<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_FilterRangeSlider: <TData extends MRT_RowData>({ header, table, ...rest }: Props$k<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$i<TData extends Record<string, any>> {
+interface Props$j<TData extends MRT_RowData> extends TextFieldProps<'standard'> {
     header: MRT_Header<TData>;
     rangeFilterIndex?: number;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_FilterTextField: <TData extends Record<string, any>>({ header, rangeFilterIndex, table, }: Props$i<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_FilterTextField: <TData extends MRT_RowData>({ header, rangeFilterIndex, table, ...rest }: Props$j<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$h<TData extends Record<string, any>> {
+interface Props$i<TData extends MRT_RowData> extends TextFieldProps<'standard'> {
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_GlobalFilterTextField: <TData extends Record<string, any>>({ table, }: Props$h<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_GlobalFilterTextField: <TData extends MRT_RowData>({ table, ...rest }: Props$i<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$g<TData extends Record<string, any>> {
+interface Props$h<TData extends MRT_RowData> extends CheckboxProps {
     row?: MRT_Row<TData>;
     selectAll?: boolean;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_SelectCheckbox: <TData extends Record<string, any>>({ row, selectAll, table, }: Props$g<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_SelectCheckbox: <TData extends MRT_RowData>({ row, selectAll, table, ...rest }: Props$h<TData>) => react_jsx_runtime.JSX.Element;
 
 declare const commonMenuItemStyles: {
     alignItems: string;
@@ -1374,16 +1368,16 @@ declare const commonListItemStyles: {
     alignItems: string;
     display: string;
 };
-interface Props$f<TData extends Record<string, any>> {
+interface Props$g<TData extends MRT_RowData> extends Partial<MenuProps> {
     anchorEl: HTMLElement | null;
     header: MRT_Header<TData>;
     setAnchorEl: (anchorEl: HTMLElement | null) => void;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_ColumnActionMenu: <TData extends Record<string, any>>({ anchorEl, header, setAnchorEl, table, }: Props$f<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_ColumnActionMenu: <TData extends MRT_RowData>({ anchorEl, header, setAnchorEl, table, ...rest }: Props$g<TData>) => react_jsx_runtime.JSX.Element;
 
 declare const mrtFilterOptions: (localization: MRT_Localization) => MRT_InternalFilterOption[];
-interface Props$e<TData extends Record<string, any>> {
+interface Props$f<TData extends MRT_RowData> extends Partial<MenuProps> {
     anchorEl: HTMLElement | null;
     header?: MRT_Header<TData>;
     onSelect?: () => void;
@@ -1391,107 +1385,131 @@ interface Props$e<TData extends Record<string, any>> {
     setFilterValue?: (filterValue: any) => void;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_FilterOptionMenu: <TData extends Record<string, any>>({ anchorEl, header, onSelect, setAnchorEl, setFilterValue, table, }: Props$e<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_FilterOptionMenu: <TData extends MRT_RowData>({ anchorEl, header, onSelect, setAnchorEl, setFilterValue, table, ...rest }: Props$f<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$d<TData extends Record<string, any>> {
+interface Props$e<TData extends MRT_RowData> extends Partial<MenuProps> {
     anchorEl: HTMLElement | null;
     handleEdit: (event: MouseEvent) => void;
     row: MRT_Row<TData>;
     setAnchorEl: (anchorEl: HTMLElement | null) => void;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_RowActionMenu: <TData extends Record<string, any>>({ anchorEl, handleEdit, row, setAnchorEl, table, }: Props$d<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_RowActionMenu: <TData extends MRT_RowData>({ anchorEl, handleEdit, row, setAnchorEl, table, ...rest }: Props$e<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$c<TData extends Record<string, any>> {
+interface Props$d<TData extends MRT_RowData> extends Partial<MenuProps> {
     anchorEl: HTMLElement | null;
     isSubMenu?: boolean;
     setAnchorEl: (anchorEl: HTMLElement | null) => void;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_ShowHideColumnsMenu: <TData extends Record<string, any>>({ anchorEl, setAnchorEl, table, }: Props$c<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_ShowHideColumnsMenu: <TData extends MRT_RowData>({ anchorEl, setAnchorEl, table, ...rest }: Props$d<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$b<TData extends Record<string, any>> {
+interface Props$c<TData extends MRT_RowData> extends MenuItemProps {
     allColumns: MRT_Column<TData>[];
     column: MRT_Column<TData>;
     hoveredColumn: MRT_Column<TData> | null;
     setHoveredColumn: Dispatch<SetStateAction<MRT_Column<TData> | null>>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_ShowHideColumnsMenuItems: <TData extends Record<string, any>>({ allColumns, column, hoveredColumn, setHoveredColumn, table, }: Props$b<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_ShowHideColumnsMenuItems: <TData extends MRT_RowData>({ allColumns, column, hoveredColumn, setHoveredColumn, table, ...rest }: Props$c<TData>) => react_jsx_runtime.JSX.Element | null;
 
-interface Props$a<TData extends Record<string, any>> {
+interface Props$b<TData extends MRT_RowData> extends Partial<DialogProps> {
     open: boolean;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_EditRowModal: <TData extends Record<string, any>>({ open, table, }: Props$a<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_EditRowModal: <TData extends MRT_RowData>({ open, table, ...rest }: Props$b<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$9<TData extends Record<string, any>> {
+declare const parseCSSVarId: (id: string) => string;
+declare const getMRTTheme: <TData extends MRT_RowData>(table: MRT_TableInstance<TData>, theme: Theme) => {
+    baseBackgroundColor: string;
+    draggingBorderColor: string;
+    matchHighlightColor: string;
+    pinnedRowBackgroundColor: string;
+    selectedRowBackgroundColor: string;
+};
+declare const getCommonMRTCellStyles: <TData extends MRT_RowData>({ column, header, table, tableCellProps, theme, }: {
+    column: MRT_Column<TData>;
+    header?: MRT_Header<TData> | undefined;
+    table: MRT_TableInstance<TData>;
+    tableCellProps: TableCellProps;
+    theme: Theme;
+}) => any;
+declare const getCommonToolbarStyles: <TData extends MRT_RowData>({ table, theme, }: {
+    table: MRT_TableInstance<TData>;
+    theme: Theme;
+}) => {
+    alignItems: string;
+    backgroundColor: string;
+    display: string;
+    flexWrap: string;
+    minHeight: string;
+    overflow: string;
+    position: string;
+    transition: string;
+    zIndex: number;
+};
+
+interface Props$a<TData extends MRT_RowData> extends TableProps {
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_Table: <TData extends Record<string, any>>({ table, }: Props$9<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_Table: <TData extends MRT_RowData>({ table, ...rest }: Props$a<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$8<TData extends Record<string, any>> {
+interface Props$9<TData extends MRT_RowData> extends TableContainerProps {
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_TableContainer: <TData extends Record<string, any>>({ table, }: Props$8<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableContainer: <TData extends MRT_RowData>({ table, ...rest }: Props$9<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$7<TData extends Record<string, any>> {
+interface Props$8<TData extends MRT_RowData> extends CircularProgressProps {
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_TablePaper: <TData extends Record<string, any>>({ table, }: Props$7<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TableLoadingOverlay: <TData extends MRT_RowData>({ table, ...rest }: Props$8<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$6<TData extends Record<string, any>> {
+interface Props$7<TData extends MRT_RowData> extends PaperProps {
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_BottomToolbar: <TData extends Record<string, any>>({ table, }: Props$6<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TablePaper: <TData extends MRT_RowData>({ table, ...rest }: Props$7<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$5<TData extends Record<string, any>> {
+interface Props$6<TData extends MRT_RowData> extends BoxProps {
+    table: MRT_TableInstance<TData>;
+}
+declare const MRT_BottomToolbar: <TData extends MRT_RowData>({ table, ...rest }: Props$6<TData>) => react_jsx_runtime.JSX.Element;
+
+interface Props$5<TData extends MRT_RowData> extends LinearProgressProps {
     isTopToolbar: boolean;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_LinearProgressBar: <TData extends Record<string, any>>({ isTopToolbar, table, }: Props$5<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_LinearProgressBar: <TData extends MRT_RowData>({ isTopToolbar, table, ...rest }: Props$5<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$4<TData extends Record<string, any> = {}> {
+interface Props$4<TData extends MRT_RowData> extends Partial<PaginationProps & {
+    rowsPerPageOptions?: number[];
+    showRowsPerPage?: boolean;
+}> {
     position?: 'bottom' | 'top';
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_TablePagination: <TData extends Record<string, any> = {}>({ position, table, }: Props$4<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TablePagination: <TData extends MRT_RowData>({ position, table, ...rest }: Props$4<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$3<TData extends Record<string, any>> {
+interface Props$3<TData extends MRT_RowData> extends AlertProps {
     stackAlertBanner?: boolean;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_ToolbarAlertBanner: <TData extends Record<string, any>>({ stackAlertBanner, table, }: Props$3<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_ToolbarAlertBanner: <TData extends MRT_RowData>({ stackAlertBanner, table, ...rest }: Props$3<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$2<TData extends Record<string, any>> {
+interface Props$2<TData extends MRT_RowData> extends BoxProps {
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_ToolbarDropZone: <TData extends Record<string, any>>({ table, }: Props$2<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_ToolbarDropZone: <TData extends MRT_RowData>({ table, ...rest }: Props$2<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$1<TData extends Record<string, any>> {
+interface Props$1<TData extends MRT_RowData> extends BoxProps {
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_ToolbarInternalButtons: <TData extends Record<string, any>>({ table, }: Props$1<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_ToolbarInternalButtons: <TData extends MRT_RowData>({ table, ...rest }: Props$1<TData>) => react_jsx_runtime.JSX.Element;
 
-declare const commonToolbarStyles: ({ theme }: {
-    theme: Theme;
-}) => {
-    alignItems: string;
-    backgroundColor: string;
-    backgroundImage: string;
-    display: string;
-    flexWrap: string;
-    minHeight: string;
-    overflow: string;
-    p: string;
-    transition: string;
-    zIndex: number;
-};
-interface Props<TData extends Record<string, any>> {
+interface Props<TData extends MRT_RowData> {
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_TopToolbar: <TData extends Record<string, any>>({ table, }: Props<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TopToolbar: <TData extends MRT_RowData>({ table, }: Props<TData>) => react_jsx_runtime.JSX.Element;
 
-declare const useMaterialReactTable: <TData extends Record<string, any>>(tableOptions: MRT_TableOptions<TData>) => MRT_TableInstance<TData>;
+declare const useMaterialReactTable: <TData extends MRT_RowData>(tableOptions: MRT_TableOptions<TData>) => MRT_TableInstance<TData>;
 
-export { type LiteralUnion, type MRT_AggregationFn, MRT_AggregationFns, type MRT_AggregationOption, MRT_BottomToolbar, type MRT_Cell, type MRT_Column, MRT_ColumnActionMenu, type MRT_ColumnDef, type MRT_ColumnFilterFnsState, MRT_ColumnPinningButtons, MRT_CopyButton, MRT_DefaultColumn, MRT_DefaultDisplayColumn, type MRT_DefinedColumnDef, type MRT_DefinedTableOptions, type MRT_DensityState, type MRT_DisplayColumnIds, MRT_EditActionButtons, MRT_EditCellTextField, MRT_EditRowModal, MRT_ExpandAllButton, MRT_ExpandButton, MRT_FilterCheckbox, type MRT_FilterFn, MRT_FilterFns, type MRT_FilterOption, MRT_FilterOptionMenu, MRT_FilterRangeFields, MRT_FilterRangeSlider, MRT_FilterTextField, MRT_GlobalFilterTextField, MRT_GrabHandleButton, type MRT_Header, type MRT_HeaderGroup, type MRT_Icons, type MRT_InternalFilterOption, MRT_LinearProgressBar, type MRT_Localization, type MRT_Row, MRT_RowActionMenu, type MRT_RowModel, MRT_RowPinButton, MRT_SelectCheckbox, MRT_ShowHideColumnsButton, MRT_ShowHideColumnsMenu, MRT_ShowHideColumnsMenuItems, type MRT_SortingFn, MRT_SortingFns, type MRT_SortingOption, MRT_Table, MRT_TableBody, MRT_TableBodyCell, MRT_TableBodyCellValue, MRT_TableBodyRow, MRT_TableBodyRowGrabHandle, MRT_TableBodyRowPinButton, MRT_TableContainer, MRT_TableDetailPanel, MRT_TableFooter, MRT_TableFooterCell, MRT_TableFooterRow, MRT_TableHead, MRT_TableHeadCell, MRT_TableHeadCellColumnActionsButton, MRT_TableHeadCellFilterContainer, MRT_TableHeadCellFilterLabel, MRT_TableHeadCellGrabHandle, MRT_TableHeadCellResizeHandle, MRT_TableHeadCellSortLabel, MRT_TableHeadRow, type MRT_TableInstance, type MRT_TableOptions, MRT_TablePagination, MRT_TablePaper, type MRT_TableState, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleFullScreenButton, MRT_ToggleGlobalFilterButton, MRT_ToggleRowActionMenuButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MRT_TopToolbar, MaterialReactTable, Memo_MRT_TableBody, Memo_MRT_TableBodyCell, Memo_MRT_TableBodyRow, type Prettify, type Xor, commonListItemStyles, commonMenuItemStyles, commonToolbarStyles, createRow, extraIndexRangeExtractor, flexRender, getAllLeafColumnDefs, getCanRankRows, getColumnId, getCommonCellStyles, getDefaultColumnFilterFn, getDefaultColumnOrderIds, getIsFirstColumn, getIsFirstRightPinnedColumn, getIsLastColumn, getIsLastLeftPinnedColumn, getLeadingDisplayColumnIds, getTotalRight, getTrailingDisplayColumnIds, mrtFilterOptions, parseCSSVarId, parseFromValuesOrFunc, prepareColumns, rankGlobalFuzzy, reorderColumn, showExpandColumn, useMaterialReactTable };
+export { type LiteralUnion, type MRT_AggregationFn, MRT_AggregationFns, type MRT_AggregationOption, MRT_BottomToolbar, type MRT_Cell, type MRT_Column, MRT_ColumnActionMenu, type MRT_ColumnDef, type MRT_ColumnFilterFnsState, type MRT_ColumnHelper, MRT_ColumnPinningButtons, MRT_CopyButton, type MRT_DefinedColumnDef, type MRT_DefinedTableOptions, type MRT_DensityState, type MRT_DisplayColumnDef, type MRT_DisplayColumnIds, MRT_EditActionButtons, MRT_EditCellTextField, MRT_EditRowModal, MRT_ExpandAllButton, MRT_ExpandButton, MRT_FilterCheckbox, type MRT_FilterFn, MRT_FilterFns, type MRT_FilterOption, MRT_FilterOptionMenu, MRT_FilterRangeFields, MRT_FilterRangeSlider, MRT_FilterTextField, MRT_GlobalFilterTextField, MRT_GrabHandleButton, type MRT_GroupColumnDef, type MRT_Header, type MRT_HeaderGroup, type MRT_Icons, type MRT_InternalFilterOption, MRT_LinearProgressBar, type MRT_Localization, type MRT_Row, MRT_RowActionMenu, type MRT_RowData, type MRT_RowModel, MRT_RowPinButton, MRT_SelectCheckbox, MRT_ShowHideColumnsButton, MRT_ShowHideColumnsMenu, MRT_ShowHideColumnsMenuItems, type MRT_SortingFn, MRT_SortingFns, type MRT_SortingOption, MRT_Table, MRT_TableBody, MRT_TableBodyCell, MRT_TableBodyCellValue, MRT_TableBodyRow, MRT_TableBodyRowGrabHandle, MRT_TableBodyRowPinButton, MRT_TableContainer, MRT_TableDetailPanel, MRT_TableFooter, MRT_TableFooterCell, MRT_TableFooterRow, MRT_TableHead, MRT_TableHeadCell, MRT_TableHeadCellColumnActionsButton, MRT_TableHeadCellFilterContainer, MRT_TableHeadCellFilterLabel, MRT_TableHeadCellGrabHandle, MRT_TableHeadCellResizeHandle, MRT_TableHeadCellSortLabel, MRT_TableHeadRow, type MRT_TableInstance, MRT_TableLoadingOverlay, type MRT_TableOptions, MRT_TablePagination, MRT_TablePaper, type MRT_TableState, type MRT_Theme, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleFullScreenButton, MRT_ToggleGlobalFilterButton, MRT_ToggleRowActionMenuButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MRT_TopToolbar, MaterialReactTable, Memo_MRT_TableBody, Memo_MRT_TableBodyCell, Memo_MRT_TableBodyRow, type Prettify, type Xor, commonListItemStyles, commonMenuItemStyles, createMRTColumnHelper, createRow, extraIndexRangeExtractor, flexRender, getAllLeafColumnDefs, getCanRankRows, getColumnId, getCommonMRTCellStyles, getCommonToolbarStyles, getDefaultColumnFilterFn, getDefaultColumnOrderIds, getIsFirstColumn, getIsFirstRightPinnedColumn, getIsLastColumn, getIsLastLeftPinnedColumn, getLeadingDisplayColumnIds, getMRTTheme, getTotalRight, getTrailingDisplayColumnIds, mrtFilterOptions, parseCSSVarId, parseFromValuesOrFunc, prepareColumns, rankGlobalFuzzy, reorderColumn, showExpandColumn, useMaterialReactTable };