material-react-table 2.0.0-alpha.1 → 2.0.0-alpha.3

package/dist/index.d.ts

@@ -1,5 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { 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';
+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 } from '@tanstack/react-virtual';
+export { VirtualItem as MRT_VirtualItem, Virtualizer as MRT_Virtualizer, VirtualizerOptions as MRT_VirtualizerOptions } from '@tanstack/react-virtual';
+import { AutocompleteProps } from '@mui/material';
 import { AlertProps } from '@mui/material/Alert';
 import { ButtonProps } from '@mui/material/Button';
 import { CheckboxProps } from '@mui/material/Checkbox';
@@ -11,21 +17,17 @@ import { PaperProps } from '@mui/material/Paper';
 import { RadioProps } from '@mui/material/Radio';
 import { SkeletonProps } from '@mui/material/Skeleton';
 import { SliderProps } from '@mui/material/Slider';
+import { TableProps } from '@mui/material/Table';
 import { TableBodyProps } from '@mui/material/TableBody';
 import { TableCellProps } from '@mui/material/TableCell';
 import { TableContainerProps } from '@mui/material/TableContainer';
 import { TableFooterProps } from '@mui/material/TableFooter';
 import { TableHeadProps } from '@mui/material/TableHead';
 import { TablePaginationProps } from '@mui/material/TablePagination';
-import { TableProps } from '@mui/material/Table';
 import { TableRowProps } from '@mui/material/TableRow';
 import { TextFieldProps } from '@mui/material/TextField';
 import { ToolbarProps } from '@mui/material/Toolbar';
-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';
-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 } from '@tanstack/react-virtual';
-export { VirtualItem as MRT_VirtualItem, Virtualizer as MRT_Virtualizer, VirtualizerOptions as MRT_VirtualizerOptions } from '@tanstack/react-virtual';
+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';
@@ -44,59 +46,59 @@ declare const MRT_AggregationFns: {
 
 declare const MRT_FilterFns: {
     between: {
-        <TData extends Record<string, any>>(row: Row<TData>, id: string, filterValues: [string | number, string | number]): boolean;
+        <TData extends Record<string, any>>(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: [string | number, string | number]): boolean;
+        <TData_1 extends Record<string, any>>(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: string | number): boolean;
+        <TData_2 extends Record<string, any>>(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: string | number): boolean;
+        <TData_3 extends Record<string, any>>(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: string | number): boolean;
+        <TData_4 extends Record<string, any>>(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: string | number): boolean;
+        <TData_5 extends Record<string, any>>(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: string | number, addMeta: (item: RankingInfo) => void): boolean;
+        <TData_6 extends Record<string, any>>(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: string | number): boolean;
+        <TData_7 extends Record<string, any>>(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: string | number): boolean;
+        <TData_8 extends Record<string, any>>(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: string | number): boolean;
+        <TData_9 extends Record<string, any>>(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: string | number): boolean;
+        <TData_10 extends Record<string, any>>(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: string | number): boolean;
+        <TData_11 extends Record<string, any>>(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: string | number): boolean;
+        <TData_12 extends Record<string, any>>(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: string | number): boolean;
+        <TData_13 extends Record<string, any>>(row: Row<TData_13>, id: string, filterValue: number | string): boolean;
         autoRemove(val: any): boolean;
     };
     includesString: _tanstack_react_table.FilterFn<any>;
@@ -109,17 +111,6 @@ declare const MRT_FilterFns: {
     inNumberRange: _tanstack_react_table.FilterFn<any>;
 };
 
-declare const MRT_SortingFns: {
-    fuzzy: <TData extends Record<string, any>>(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>;
-    textCaseSensitive: _tanstack_react_table.SortingFn<any>;
-    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;
-
 interface MRT_Icons {
     ArrowDownwardIcon: any;
     ArrowRightIcon: any;
@@ -129,7 +120,6 @@ interface MRT_Icons {
     DensityLargeIcon: any;
     DensityMediumIcon: any;
     DensitySmallIcon: any;
-    KeyboardDoubleArrowDownIcon: any;
     DragHandleIcon: any;
     DynamicFeedIcon: any;
     EditIcon: any;
@@ -139,6 +129,7 @@ interface MRT_Icons {
     FilterListOffIcon: any;
     FullscreenExitIcon: any;
     FullscreenIcon: any;
+    KeyboardDoubleArrowDownIcon: any;
     MoreHorizIcon: any;
     MoreVertIcon: any;
     PushPinIcon: any;
@@ -151,6 +142,17 @@ interface MRT_Icons {
     VisibilityOffIcon: any;
 }
 
+declare const MRT_SortingFns: {
+    fuzzy: <TData extends Record<string, any>>(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>;
+    textCaseSensitive: _tanstack_react_table.SortingFn<any>;
+    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;
+
 type LiteralUnion<T extends U, U = string> = T | (U & Record<never, never>);
 type Prettify<T> = {
     [K in keyof T]: T[K];
@@ -195,10 +197,9 @@ interface MRT_Localization {
     filterFuzzy: string;
     filterGreaterThan: string;
     filterGreaterThanOrEqualTo: string;
+    filterInNumberRange: string;
     filterIncludesString: string;
     filterIncludesStringSensitive: string;
-    filteringByColumn: string;
-    filterInNumberRange: string;
     filterLessThan: string;
     filterLessThanOrEqualTo: string;
     filterMode: string;
@@ -206,6 +207,7 @@ interface MRT_Localization {
     filterNotEquals: string;
     filterStartsWith: string;
     filterWeakEquals: string;
+    filteringByColumn: string;
     goToFirstPage: string;
     goToLastPage: string;
     goToNextPage: string;
@@ -288,26 +290,26 @@ type MRT_TableInstance<TData extends Record<string, any>> = Omit<Table<TData>, '
         filterInputRefs: MutableRefObject<Record<string, HTMLInputElement>>;
         searchInputRef: MutableRefObject<HTMLInputElement>;
         tableContainerRef: MutableRefObject<HTMLDivElement>;
+        tableFooterRef: MutableRefObject<HTMLTableSectionElement>;
         tableHeadCellRefs: MutableRefObject<Record<string, HTMLTableCellElement>>;
+        tableHeadRef: MutableRefObject<HTMLTableSectionElement>;
         tablePaperRef: MutableRefObject<HTMLDivElement>;
         topToolbarRef: MutableRefObject<HTMLDivElement>;
-        tableHeadRef: MutableRefObject<HTMLTableSectionElement>;
-        tableFooterRef: MutableRefObject<HTMLTableSectionElement>;
     };
-    setCreatingRow: Dispatch<SetStateAction<MRT_Row<TData> | null | true>>;
     setColumnFilterFns: Dispatch<SetStateAction<MRT_ColumnFilterFnsState>>;
+    setCreatingRow: Dispatch<SetStateAction<MRT_Row<TData> | null | true>>;
     setDensity: Dispatch<SetStateAction<MRT_DensityState>>;
     setDraggingColumn: Dispatch<SetStateAction<MRT_Column<TData> | null>>;
     setDraggingRow: Dispatch<SetStateAction<MRT_Row<TData> | null>>;
     setEditingCell: Dispatch<SetStateAction<MRT_Cell<TData> | null>>;
     setEditingRow: Dispatch<SetStateAction<MRT_Row<TData> | null>>;
     setGlobalFilterFn: Dispatch<SetStateAction<MRT_FilterOption>>;
-    setHoveredColumn: Dispatch<SetStateAction<MRT_Column<TData> | {
+    setHoveredColumn: Dispatch<SetStateAction<{
         id: string;
-    } | null>>;
-    setHoveredRow: Dispatch<SetStateAction<MRT_Row<TData> | {
+    } | MRT_Column<TData> | null>>;
+    setHoveredRow: Dispatch<SetStateAction<{
         id: string;
-    } | null>>;
+    } | MRT_Row<TData> | null>>;
     setIsFullScreen: Dispatch<SetStateAction<boolean>>;
     setShowAlertBanner: Dispatch<SetStateAction<boolean>>;
     setShowColumnFilters: Dispatch<SetStateAction<boolean>>;
@@ -315,8 +317,8 @@ type MRT_TableInstance<TData extends Record<string, any>> = Omit<Table<TData>, '
     setShowToolbarDropZone: Dispatch<SetStateAction<boolean>>;
 };
 type MRT_DefinedTableOptions<TData extends Record<string, any>> = MRT_TableOptions<TData> & {
-    localization: MRT_Localization;
     icons: MRT_Icons;
+    localization: MRT_Localization;
 };
 type MRT_TableState<TData extends Record<string, any>> = TableState & {
     columnFilterFns: MRT_ColumnFilterFnsState;
@@ -327,12 +329,12 @@ type MRT_TableState<TData extends Record<string, any>> = TableState & {
     editingCell: MRT_Cell<TData> | null;
     editingRow: MRT_Row<TData> | null;
     globalFilterFn: MRT_FilterOption;
-    hoveredColumn: MRT_Column<TData> | {
+    hoveredColumn: {
         id: string;
-    } | null;
-    hoveredRow: MRT_Row<TData> | {
+    } | MRT_Column<TData> | null;
+    hoveredRow: {
         id: string;
-    } | null;
+    } | MRT_Row<TData> | null;
     isFullScreen: boolean;
     isLoading: boolean;
     isSaving: boolean;
@@ -352,8 +354,8 @@ type MRT_ColumnDef<TData extends Record<string, any>> = Omit<ColumnDef<TData, un
     }) => ReactNode;
     Cell?: (props: {
         cell: MRT_Cell<TData>;
-        renderedCellValue: number | string | ReactNode;
         column: MRT_Column<TData>;
+        renderedCellValue: ReactNode | number | string;
         row: MRT_Row<TData>;
         rowRef?: RefObject<HTMLTableRowElement>;
         table: MRT_TableInstance<TData>;
@@ -370,22 +372,22 @@ type MRT_ColumnDef<TData extends Record<string, any>> = Omit<ColumnDef<TData, un
         rangeFilterIndex?: number;
         table: MRT_TableInstance<TData>;
     }) => ReactNode;
-    Footer?: ReactNode | ((props: {
+    Footer?: ((props: {
         column: MRT_Column<TData>;
         footer: MRT_Header<TData>;
         table: MRT_TableInstance<TData>;
-    }) => ReactNode);
+    }) => ReactNode) | ReactNode;
     GroupedCell?: (props: {
         cell: MRT_Cell<TData>;
         column: MRT_Column<TData>;
         row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
     }) => ReactNode;
-    Header?: ReactNode | ((props: {
+    Header?: ((props: {
         column: MRT_Column<TData>;
         header: MRT_Header<TData>;
         table: MRT_TableInstance<TData>;
-    }) => ReactNode);
+    }) => ReactNode) | ReactNode;
     PlaceholderCell?: (props: {
         cell: MRT_Cell<TData>;
         column: MRT_Column<TData>;
@@ -407,8 +409,8 @@ type MRT_ColumnDef<TData extends Record<string, any>> = Omit<ColumnDef<TData, un
      * @example accessorKey: 'username' //simple
      * @example accessorKey: 'name.firstName' //deep key dot notation
      */
-    accessorKey?: (string & {}) | DeepKeys<TData>;
-    aggregationFn?: MRT_AggregationFn<TData> | Array<MRT_AggregationFn<TData>>;
+    accessorKey?: DeepKeys<TData> | (string & {});
+    aggregationFn?: Array<MRT_AggregationFn<TData>> | MRT_AggregationFn<TData>;
     /**
      * Specify what type of column this is. Either `data`, `display`, or `group`. Defaults to `data`.
      * Leave this blank if you are just creating a normal data column.
@@ -420,24 +422,24 @@ 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>[];
-    editSelectOptions?: (string | {
+    editSelectOptions?: ({
         text: string;
         value: any;
-    })[];
-    editVariant?: 'text' | 'select';
+    } | string)[];
+    editVariant?: 'select' | 'text';
     enableClickToCopy?: boolean;
     enableColumnActions?: boolean;
     enableColumnDragging?: boolean;
     enableColumnFilterModes?: boolean;
     enableColumnOrdering?: boolean;
-    enableEditing?: boolean | ((row: MRT_Row<TData>) => boolean);
+    enableEditing?: ((row: MRT_Row<TData>) => boolean) | boolean;
     enableFilterMatchHighlighting?: boolean;
     filterFn?: MRT_FilterFn<TData>;
-    filterSelectOptions?: (string | {
+    filterSelectOptions?: ({
         text: string;
         value: any;
-    })[];
-    filterVariant?: 'checkbox' | 'multi-select' | 'range' | 'range-slider' | 'select' | 'text';
+    } | string)[];
+    filterVariant?: 'autocomplete' | 'checkbox' | 'date' | 'date-range' | 'multi-select' | 'range' | 'range-slider' | 'select' | 'text';
     /**
      * footer must be a string. If you want custom JSX to render the footer, you can also specify a `Footer` option. (Capital F)
      */
@@ -456,53 +458,62 @@ type MRT_ColumnDef<TData extends Record<string, any>> = Omit<ColumnDef<TData, un
      * @default gets set to the same value as `accessorKey` by default
      */
     id?: LiteralUnion<string & keyof TData>;
-    muiCopyButtonProps?: ButtonProps | ((props: {
-        cell: MRT_Cell<TData>;
+    muiColumnActionsButtonProps?: ((props: {
+        column: MRT_Column<TData>;
+        table: MRT_TableInstance<TData>;
+    }) => IconButtonProps) | IconButtonProps;
+    muiColumnDragHandleProps?: ((props: {
         column: MRT_Column<TData>;
-        row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
-    }) => ButtonProps);
-    muiEditTextFieldProps?: TextFieldProps | ((props: {
+    }) => IconButtonProps) | IconButtonProps;
+    muiCopyButtonProps?: ((props: {
         cell: MRT_Cell<TData>;
         column: MRT_Column<TData>;
         row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
-    }) => TextFieldProps);
-    muiTableBodyCellProps?: TableCellProps | ((props: {
+    }) => ButtonProps) | ButtonProps;
+    muiEditTextFieldProps?: ((props: {
         cell: MRT_Cell<TData>;
         column: MRT_Column<TData>;
         row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
-    }) => TableCellProps);
-    muiTableFooterCellProps?: TableCellProps | ((props: {
-        table: MRT_TableInstance<TData>;
+    }) => TextFieldProps) | TextFieldProps;
+    muiFilterAutocompleteProps?: ((props: {
         column: MRT_Column<TData>;
-    }) => TableCellProps);
-    muiColumnActionsButtonProps?: IconButtonProps | ((props: {
         table: MRT_TableInstance<TData>;
+    }) => AutocompleteProps<any, any, any, any>) | AutocompleteProps<any, any, any, any>;
+    muiFilterCheckboxProps?: ((props: {
         column: MRT_Column<TData>;
-    }) => IconButtonProps);
-    muiColumnDragHandleProps?: IconButtonProps | ((props: {
         table: MRT_TableInstance<TData>;
+    }) => CheckboxProps) | CheckboxProps;
+    muiFilterDatePickerProps?: ((props: {
         column: MRT_Column<TData>;
-    }) => IconButtonProps);
-    muiFilterCheckboxProps?: CheckboxProps | ((props: {
-        column: MRT_Column<TData>;
+        rangeFilterIndex?: number;
         table: MRT_TableInstance<TData>;
-    }) => CheckboxProps);
-    muiFilterTextFieldProps?: TextFieldProps | ((props: {
+    }) => DatePickerProps<any>) | DatePickerProps<any>;
+    muiFilterSliderProps?: ((props: {
+        column: MRT_Column<TData>;
         table: MRT_TableInstance<TData>;
+    }) => SliderProps) | SliderProps;
+    muiFilterTextFieldProps?: ((props: {
         column: MRT_Column<TData>;
         rangeFilterIndex?: number;
-    }) => TextFieldProps);
-    muiFilterSliderProps?: SliderProps | ((props: {
         table: MRT_TableInstance<TData>;
+    }) => TextFieldProps) | TextFieldProps;
+    muiTableBodyCellProps?: ((props: {
+        cell: MRT_Cell<TData>;
+        column: MRT_Column<TData>;
+        row: MRT_Row<TData>;
+        table: MRT_TableInstance<TData>;
+    }) => TableCellProps) | TableCellProps;
+    muiTableFooterCellProps?: ((props: {
         column: MRT_Column<TData>;
-    }) => SliderProps);
-    muiTableHeadCellProps?: TableCellProps | ((props: {
         table: MRT_TableInstance<TData>;
+    }) => TableCellProps) | TableCellProps;
+    muiTableHeadCellProps?: ((props: {
         column: MRT_Column<TData>;
-    }) => TableCellProps);
+        table: MRT_TableInstance<TData>;
+    }) => TableCellProps) | TableCellProps;
     renderColumnActionsMenuItems?: (props: {
         closeMenu: () => void;
         column: MRT_Column<TData>;
@@ -517,12 +528,12 @@ 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>, 'id' | 'defaultDisplayColumn'> & {
+type MRT_DefinedColumnDef<TData extends Record<string, any>> = Omit<MRT_ColumnDef<TData>, 'defaultDisplayColumn' | 'id'> & {
+    _filterFn: MRT_FilterOption;
     defaultDisplayColumn: Partial<MRT_ColumnDef<TData>>;
     id: string;
-    _filterFn: MRT_FilterOption;
 };
-type MRT_Column<TData extends Record<string, any>> = Omit<Column<TData, unknown>, 'header' | 'footer' | 'columns' | 'columnDef' | 'filterFn'> & {
+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>[];
     filterFn?: MRT_FilterFn<TData>;
@@ -535,11 +546,11 @@ type MRT_Header<TData extends Record<string, any>> = Omit<Header<TData, unknown>
 type MRT_HeaderGroup<TData extends Record<string, any>> = Omit<HeaderGroup<TData>, 'headers'> & {
     headers: MRT_Header<TData>[];
 };
-type MRT_Row<TData extends Record<string, any>> = Omit<Row<TData>, 'getVisibleCells' | 'getAllCells' | 'subRows' | '_valuesCache'> & {
+type MRT_Row<TData extends Record<string, any>> = 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>[];
-    _valuesCache: Record<LiteralUnion<string & DeepKeys<TData>>, any>;
 };
 type MRT_Cell<TData extends Record<string, any>> = Omit<Cell<TData, unknown>, 'column' | 'row'> & {
     column: MRT_Column<TData>;
@@ -548,7 +559,7 @@ type MRT_Cell<TData extends Record<string, any>> = Omit<Cell<TData, unknown>, 'c
 type MRT_AggregationOption = string & keyof typeof MRT_AggregationFns;
 type MRT_AggregationFn<TData extends Record<string, any>> = AggregationFn<TData> | MRT_AggregationOption;
 type MRT_SortingOption = LiteralUnion<string & keyof typeof MRT_SortingFns>;
-type MRT_SortingFn<TData extends Record<string, any>> = SortingFn<TData> | MRT_SortingOption;
+type MRT_SortingFn<TData extends Record<string, any>> = 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_InternalFilterOption = {
@@ -557,7 +568,7 @@ type MRT_InternalFilterOption = {
     option: string;
     symbol: string;
 };
-type MRT_DisplayColumnIds = 'mrt-row-actions' | 'mrt-row-drag' | 'mrt-row-expand' | 'mrt-row-numbers' | 'mrt-row-select' | 'mrt-row-pin';
+type MRT_DisplayColumnIds = 'mrt-row-actions' | 'mrt-row-drag' | 'mrt-row-expand' | 'mrt-row-numbers' | 'mrt-row-pin' | 'mrt-row-select';
 /**
  * `columns` and `data` props are the only required props, but there are over 170 other optional props.
  *
@@ -568,7 +579,12 @@ type MRT_DisplayColumnIds = 'mrt-row-actions' | 'mrt-row-drag' | 'mrt-row-expand
  * @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'> & {
+    columnFilterDisplayMode?: 'custom' | 'popover' | 'subheader';
     columnFilterModeOptions?: Array<LiteralUnion<string & MRT_FilterOption>> | null;
+    columnVirtualizerInstanceRef?: MutableRefObject<Virtualizer<HTMLDivElement, HTMLTableCellElement> | null>;
+    columnVirtualizerOptions?: ((props: {
+        table: MRT_TableInstance<TData>;
+    }) => Partial<VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>>) | Partial<VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>>;
     /**
      * The columns to display in the table. `accessorKey`s or `accessorFn`s must match keys in the `data` prop.
      *
@@ -580,10 +596,7 @@ type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<TableOpt
      * @link https://www.material-react-table.com/docs/api/column-options
      */
     columns: MRT_ColumnDef<TData>[];
-    columnVirtualizerInstanceRef?: MutableRefObject<Virtualizer<HTMLDivElement, HTMLTableCellElement> | null>;
-    columnVirtualizerOptions?: Partial<VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>> | ((props: {
-        table: MRT_TableInstance<TData>;
-    }) => Partial<VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>>);
+    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.
      *
@@ -602,12 +615,7 @@ type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<TableOpt
     displayColumnDefOptions?: Partial<{
         [key in MRT_DisplayColumnIds]: Partial<MRT_ColumnDef<TData>>;
     }>;
-    createDisplayMode?: 'modal' | 'row' | 'custom';
-    editDisplayMode?: 'modal' | 'row' | 'cell' | 'table' | 'custom';
-    columnFilterDisplayMode?: 'subheader' | 'popover' | 'custom';
-    paginationDisplayMode?: 'default' | 'pages' | 'custom';
-    selectDisplayMode?: 'checkbox' | 'radio' | 'switch';
-    rowPinningDisplayMode?: 'sticky' | 'top' | 'bottom' | 'top-and-bottom' | 'select-sticky' | 'select-top' | 'select-bottom';
+    editDisplayMode?: 'cell' | 'custom' | 'modal' | 'row' | 'table';
     enableBottomToolbar?: boolean;
     enableClickToCopy?: boolean;
     enableColumnActions?: boolean;
@@ -616,7 +624,7 @@ type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<TableOpt
     enableColumnOrdering?: boolean;
     enableColumnVirtualization?: boolean;
     enableDensityToggle?: boolean;
-    enableEditing?: boolean | ((row: MRT_Row<TData>) => boolean);
+    enableEditing?: ((row: MRT_Row<TData>) => boolean) | boolean;
     enableExpandAll?: boolean;
     enableFacetedValues?: boolean;
     enableFilterMatchHighlighting?: boolean;
@@ -628,7 +636,7 @@ type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<TableOpt
     enableRowDragging?: boolean;
     enableRowNumbers?: boolean;
     enableRowOrdering?: boolean;
-    enableRowSelection?: boolean | ((row: MRT_Row<TData>) => boolean);
+    enableRowSelection?: ((row: MRT_Row<TData>) => boolean) | boolean;
     enableRowVirtualization?: boolean;
     enableSelectAll?: boolean;
     enableStickyFooter?: boolean;
@@ -646,7 +654,7 @@ type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<TableOpt
     /**
      * Changes which kind of CSS layout is used to render the table. `semantic` uses default semantic HTML elements, while `grid` adds CSS grid and flexbox styles
      */
-    layoutMode?: 'semantic' | 'grid';
+    layoutMode?: 'grid' | 'semantic';
     /**
      * Pass in either a locale imported from `material-react-table/locales/*` or a custom locale object.
      *
@@ -661,143 +669,155 @@ 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';
-    muiBottomToolbarProps?: ToolbarProps | ((props: {
+    muiBottomToolbarProps?: ((props: {
         table: MRT_TableInstance<TData>;
-    }) => ToolbarProps);
-    muiExpandAllButtonProps?: IconButtonProps | ((props: {
+    }) => ToolbarProps) | ToolbarProps;
+    muiColumnActionsButtonProps?: ((props: {
+        column: MRT_Column<TData>;
         table: MRT_TableInstance<TData>;
-    }) => IconButtonProps);
-    muiExpandButtonProps?: IconButtonProps | ((props: {
+    }) => IconButtonProps) | IconButtonProps;
+    muiColumnDragHandleProps?: ((props: {
+        column: MRT_Column<TData>;
         table: MRT_TableInstance<TData>;
+    }) => IconButtonProps) | IconButtonProps;
+    muiCopyButtonProps?: ((props: {
+        cell: MRT_Cell<TData>;
+        column: MRT_Column<TData>;
         row: MRT_Row<TData>;
-    }) => IconButtonProps);
-    muiLinearProgressProps?: LinearProgressProps | ((props: {
-        isTopToolbar: boolean;
-        table: MRT_TableInstance<TData>;
-    }) => LinearProgressProps);
-    muiSearchTextFieldProps?: TextFieldProps | ((props: {
-        table: MRT_TableInstance<TData>;
-    }) => TextFieldProps);
-    muiSelectAllCheckboxProps?: CheckboxProps | ((props: {
         table: MRT_TableInstance<TData>;
-    }) => CheckboxProps);
-    muiSelectCheckboxProps?: (CheckboxProps | RadioProps) | ((props: {
+    }) => ButtonProps) | ButtonProps;
+    muiCreateRowModalProps?: ((props: {
+        row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
+    }) => DialogProps) | DialogProps;
+    muiDetailPanelProps?: ((props: {
         row: MRT_Row<TData>;
-    }) => CheckboxProps | RadioProps);
-    muiCopyButtonProps?: ButtonProps | ((props: {
-        cell: MRT_Cell<TData>;
-        column: MRT_Column<TData>;
+        table: MRT_TableInstance<TData>;
+    }) => TableCellProps) | TableCellProps;
+    muiEditRowModalProps?: ((props: {
         row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
-    }) => ButtonProps);
-    muiEditTextFieldProps?: TextFieldProps | ((props: {
+    }) => DialogProps) | DialogProps;
+    muiEditTextFieldProps?: ((props: {
         cell: MRT_Cell<TData>;
         column: MRT_Column<TData>;
         row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
-    }) => TextFieldProps);
-    muiTableBodyCellProps?: TableCellProps | ((props: {
-        cell: MRT_Cell<TData>;
-        column: MRT_Column<TData>;
+    }) => TextFieldProps) | TextFieldProps;
+    muiExpandAllButtonProps?: ((props: {
+        table: MRT_TableInstance<TData>;
+    }) => IconButtonProps) | IconButtonProps;
+    muiExpandButtonProps?: ((props: {
         row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
-    }) => TableCellProps);
-    muiSkeletonProps?: SkeletonProps | ((props: {
-        cell: MRT_Cell<TData>;
+    }) => IconButtonProps) | IconButtonProps;
+    muiFilterAutocompleteProps?: ((props: {
         column: MRT_Column<TData>;
-        row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
-    }) => SkeletonProps);
-    muiTableBodyProps?: TableBodyProps | ((props: {
+    }) => AutocompleteProps<any, any, any, any>) | AutocompleteProps<any, any, any, any>;
+    muiFilterCheckboxProps?: ((props: {
+        column: MRT_Column<TData>;
         table: MRT_TableInstance<TData>;
-    }) => TableBodyProps);
-    muiRowDragHandleProps?: IconButtonProps | ((props: {
+    }) => CheckboxProps) | CheckboxProps;
+    muiFilterDatePickerProps?: ((props: {
+        column: MRT_Column<TData>;
+        rangeFilterIndex?: number;
         table: MRT_TableInstance<TData>;
-        row: MRT_Row<TData>;
-    }) => IconButtonProps);
-    muiTableBodyRowProps?: TableRowProps | ((props: {
-        isDetailPanel?: boolean;
-        row: MRT_Row<TData>;
-        staticRowIndex: number;
+    }) => DatePickerProps<any>) | DatePickerProps<any>;
+    muiFilterSliderProps?: ((props: {
+        column: MRT_Column<TData>;
         table: MRT_TableInstance<TData>;
-    }) => TableRowProps);
-    muiTableContainerProps?: TableContainerProps | ((props: {
+    }) => SliderProps) | SliderProps;
+    muiFilterTextFieldProps?: ((props: {
+        column: MRT_Column<TData>;
+        rangeFilterIndex?: number;
         table: MRT_TableInstance<TData>;
-    }) => TableContainerProps);
-    muiDetailPanelProps?: TableCellProps | ((props: {
+    }) => TextFieldProps) | TextFieldProps;
+    muiLinearProgressProps?: ((props: {
+        isTopToolbar: boolean;
         table: MRT_TableInstance<TData>;
+    }) => LinearProgressProps) | LinearProgressProps;
+    muiRowDragHandleProps?: ((props: {
         row: MRT_Row<TData>;
-    }) => TableCellProps);
-    muiTableFooterCellProps?: TableCellProps | ((props: {
         table: MRT_TableInstance<TData>;
-        column: MRT_Column<TData>;
-    }) => TableCellProps);
-    muiTableFooterProps?: TableFooterProps | ((props: {
+    }) => IconButtonProps) | IconButtonProps;
+    muiSearchTextFieldProps?: ((props: {
         table: MRT_TableInstance<TData>;
-    }) => TableFooterProps);
-    muiTableFooterRowProps?: TableRowProps | ((props: {
+    }) => TextFieldProps) | TextFieldProps;
+    muiSelectAllCheckboxProps?: ((props: {
         table: MRT_TableInstance<TData>;
-        footerGroup: MRT_HeaderGroup<TData>;
-    }) => TableRowProps);
-    muiColumnActionsButtonProps?: IconButtonProps | ((props: {
+    }) => CheckboxProps) | CheckboxProps;
+    muiSelectCheckboxProps?: ((props: {
+        row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
+    }) => CheckboxProps | RadioProps) | (CheckboxProps | RadioProps);
+    muiSkeletonProps?: ((props: {
+        cell: MRT_Cell<TData>;
         column: MRT_Column<TData>;
-    }) => IconButtonProps);
-    muiColumnDragHandleProps?: IconButtonProps | ((props: {
+        row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
+    }) => SkeletonProps) | SkeletonProps;
+    muiTableBodyCellProps?: ((props: {
+        cell: MRT_Cell<TData>;
         column: MRT_Column<TData>;
-    }) => IconButtonProps);
-    muiFilterCheckboxProps?: CheckboxProps | ((props: {
-        column: MRT_Column<TData>;
+        row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
-    }) => CheckboxProps);
-    muiFilterTextFieldProps?: TextFieldProps | ((props: {
+    }) => TableCellProps) | TableCellProps;
+    muiTableBodyProps?: ((props: {
         table: MRT_TableInstance<TData>;
-        column: MRT_Column<TData>;
-        rangeFilterIndex?: number;
-    }) => TextFieldProps);
-    muiFilterSliderProps?: SliderProps | ((props: {
+    }) => TableBodyProps) | TableBodyProps;
+    muiTableBodyRowProps?: ((props: {
+        isDetailPanel?: boolean;
+        row: MRT_Row<TData>;
+        staticRowIndex: number;
+        table: MRT_TableInstance<TData>;
+    }) => TableRowProps) | TableRowProps;
+    muiTableContainerProps?: ((props: {
         table: MRT_TableInstance<TData>;
+    }) => TableContainerProps) | TableContainerProps;
+    muiTableFooterCellProps?: ((props: {
         column: MRT_Column<TData>;
-    }) => SliderProps);
-    muiCreateRowModalProps?: DialogProps | ((props: {
-        row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
-    }) => DialogProps);
-    muiEditRowModalProps?: DialogProps | ((props: {
-        row: MRT_Row<TData>;
+    }) => TableCellProps) | TableCellProps;
+    muiTableFooterProps?: ((props: {
         table: MRT_TableInstance<TData>;
-    }) => DialogProps);
-    muiTableHeadCellProps?: TableCellProps | ((props: {
+    }) => TableFooterProps) | TableFooterProps;
+    muiTableFooterRowProps?: ((props: {
+        footerGroup: MRT_HeaderGroup<TData>;
         table: MRT_TableInstance<TData>;
+    }) => TableRowProps) | TableRowProps;
+    muiTableHeadCellProps?: ((props: {
         column: MRT_Column<TData>;
-    }) => TableCellProps);
-    muiTableHeadProps?: TableHeadProps | ((props: {
         table: MRT_TableInstance<TData>;
-    }) => TableHeadProps);
-    muiTableHeadRowProps?: TableRowProps | ((props: {
+    }) => TableCellProps) | TableCellProps;
+    muiTableHeadProps?: ((props: {
         table: MRT_TableInstance<TData>;
+    }) => TableHeadProps) | TableHeadProps;
+    muiTableHeadRowProps?: ((props: {
         headerGroup: MRT_HeaderGroup<TData>;
-    }) => TableRowProps);
-    muiTablePaginationProps?: Partial<Omit<TablePaginationProps, 'rowsPerPage'>> | ((props: {
         table: MRT_TableInstance<TData>;
-    }) => Partial<Omit<TablePaginationProps, 'rowsPerPage'>>);
-    muiTablePaperProps?: PaperProps | ((props: {
+    }) => TableRowProps) | TableRowProps;
+    muiTablePaginationProps?: ((props: {
+        table: MRT_TableInstance<TData>;
+    }) => Partial<Omit<TablePaginationProps, 'rowsPerPage'>>) | Partial<Omit<TablePaginationProps, 'rowsPerPage'>>;
+    muiTablePaperProps?: ((props: {
         table: MRT_TableInstance<TData>;
-    }) => PaperProps);
-    muiTableProps?: TableProps | ((props: {
+    }) => PaperProps) | PaperProps;
+    muiTableProps?: ((props: {
         table: MRT_TableInstance<TData>;
-    }) => TableProps);
-    muiToolbarAlertBannerChipProps?: ChipProps | ((props: {
+    }) => TableProps) | TableProps;
+    muiToolbarAlertBannerChipProps?: ((props: {
         table: MRT_TableInstance<TData>;
-    }) => ChipProps);
-    muiToolbarAlertBannerProps?: AlertProps | ((props: {
+    }) => ChipProps) | ChipProps;
+    muiToolbarAlertBannerProps?: ((props: {
         table: MRT_TableInstance<TData>;
-    }) => AlertProps);
-    muiTopToolbarProps?: ToolbarProps | ((props: {
+    }) => AlertProps) | AlertProps;
+    muiTopToolbarProps?: ((props: {
         table: MRT_TableInstance<TData>;
-    }) => ToolbarProps);
+    }) => ToolbarProps) | ToolbarProps;
+    onColumnFilterFnsChange?: OnChangeFn<{
+        [key: string]: MRT_FilterOption;
+    }>;
     onCreatingRowCancel?: (props: {
         row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
@@ -809,9 +829,6 @@ type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<TableOpt
         table: MRT_TableInstance<TData>;
         values: Record<LiteralUnion<string & DeepKeys<TData>>, any>;
     }) => void;
-    onColumnFilterFnsChange?: OnChangeFn<{
-        [key: string]: MRT_FilterOption;
-    }>;
     onDensityChange?: OnChangeFn<MRT_DensityState>;
     onDraggingColumnChange?: OnChangeFn<MRT_Column<TData> | null>;
     onDraggingRowChange?: OnChangeFn<MRT_Row<TData> | null>;
@@ -828,42 +845,33 @@ type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<TableOpt
         values: Record<LiteralUnion<string & DeepKeys<TData>>, any>;
     }) => Promise<void> | void;
     onGlobalFilterFnChange?: OnChangeFn<MRT_FilterOption>;
-    onHoveredColumnChange?: OnChangeFn<MRT_Column<TData> | {
+    onHoveredColumnChange?: OnChangeFn<{
         id: string;
-    } | null>;
-    onHoveredRowChange?: OnChangeFn<MRT_Row<TData> | {
+    } | MRT_Column<TData> | null>;
+    onHoveredRowChange?: OnChangeFn<{
         id: string;
-    } | null>;
+    } | MRT_Row<TData> | null>;
     onIsFullScreenChange?: OnChangeFn<boolean>;
     onShowAlertBannerChange?: OnChangeFn<boolean>;
     onShowColumnFiltersChange?: OnChangeFn<boolean>;
     onShowGlobalFilterChange?: OnChangeFn<boolean>;
     onShowToolbarDropZoneChange?: OnChangeFn<boolean>;
+    paginationDisplayMode?: 'custom' | 'default' | 'pages';
     positionActionsColumn?: 'first' | 'last';
     positionExpandColumn?: 'first' | 'last';
-    positionGlobalFilter?: 'left' | 'right' | 'none';
-    positionPagination?: 'bottom' | 'top' | 'both' | 'none';
-    positionToolbarAlertBanner?: 'bottom' | 'top' | 'none';
-    positionToolbarDropZone?: 'bottom' | 'top' | 'none' | 'both';
-    renderBottomToolbar?: ReactNode | ((props: {
+    positionGlobalFilter?: 'left' | 'none' | 'right';
+    positionPagination?: 'both' | 'bottom' | 'none' | 'top';
+    positionToolbarAlertBanner?: 'bottom' | 'none' | 'top';
+    positionToolbarDropZone?: 'both' | 'bottom' | 'none' | 'top';
+    renderBottomToolbar?: ((props: {
         table: MRT_TableInstance<TData>;
-    }) => ReactNode);
+    }) => ReactNode) | ReactNode;
     renderBottomToolbarCustomActions?: (props: {
         table: MRT_TableInstance<TData>;
     }) => ReactNode;
-    renderCreateRowModalContent?: (props: {
-        internalEditComponents: ReactNode[];
-        row: MRT_Row<TData>;
-        table: MRT_TableInstance<TData>;
-    }) => ReactNode;
-    renderEditRowModalContent?: (props: {
-        internalEditComponents: ReactNode[];
-        row: MRT_Row<TData>;
-        table: MRT_TableInstance<TData>;
-    }) => ReactNode;
     renderColumnActionsMenuItems?: (props: {
-        column: MRT_Column<TData>;
         closeMenu: () => void;
+        column: MRT_Column<TData>;
         internalColumnMenuItems: ReactNode[];
         table: MRT_TableInstance<TData>;
     }) => ReactNode[];
@@ -873,18 +881,28 @@ type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<TableOpt
         onSelectFilterMode: (filterMode: MRT_FilterOption) => void;
         table: MRT_TableInstance<TData>;
     }) => ReactNode[];
+    renderCreateRowModalContent?: (props: {
+        internalEditComponents: ReactNode[];
+        row: MRT_Row<TData>;
+        table: MRT_TableInstance<TData>;
+    }) => ReactNode;
     renderDetailPanel?: (props: {
         row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
     }) => ReactNode;
+    renderEditRowModalContent?: (props: {
+        internalEditComponents: ReactNode[];
+        row: MRT_Row<TData>;
+        table: MRT_TableInstance<TData>;
+    }) => ReactNode;
+    renderEmptyRowsFallback?: (props: {
+        table: MRT_TableInstance<TData>;
+    }) => ReactNode;
     renderGlobalFilterModeMenuItems?: (props: {
         internalFilterOptions: MRT_InternalFilterOption[];
         onSelectFilterMode: (filterMode: MRT_FilterOption) => void;
         table: MRT_TableInstance<TData>;
     }) => ReactNode[];
-    renderEmptyRowsFallback?: (props: {
-        table: MRT_TableInstance<TData>;
-    }) => ReactNode;
     renderRowActionMenuItems?: (props: {
         closeMenu: () => void;
         row: MRT_Row<TData>;
@@ -898,19 +916,21 @@ type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<TableOpt
     renderToolbarInternalActions?: (props: {
         table: MRT_TableInstance<TData>;
     }) => ReactNode;
-    renderTopToolbar?: ReactNode | ((props: {
+    renderTopToolbar?: ((props: {
         table: MRT_TableInstance<TData>;
-    }) => ReactNode);
+    }) => ReactNode) | ReactNode;
     renderTopToolbarCustomActions?: (props: {
         table: MRT_TableInstance<TData>;
     }) => ReactNode;
     rowCount?: number;
     rowNumberMode?: 'original' | 'static';
+    rowPinningDisplayMode?: 'bottom' | 'select-bottom' | 'select-sticky' | 'select-top' | 'sticky' | 'top' | 'top-and-bottom';
     rowVirtualizerInstanceRef?: MutableRefObject<Virtualizer<HTMLDivElement, HTMLTableRowElement> | null>;
-    rowVirtualizerOptions?: Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>> | ((props: {
+    rowVirtualizerOptions?: ((props: {
         table: MRT_TableInstance<TData>;
-    }) => Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>>);
+    }) => Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>>) | Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>>;
     selectAllMode?: 'all' | 'page';
+    selectDisplayMode?: 'checkbox' | 'radio' | 'switch';
     /**
      * Manage state externally any way you want, then pass it back into MRT.
      */
@@ -1022,18 +1042,18 @@ declare const MRT_ExpandButton: <TData extends Record<string, any>>({ row, table
 
 interface Props$G<TData extends Record<string, any>> {
     iconButtonProps?: IconButtonProps;
-    onDragStart: DragEventHandler<HTMLButtonElement>;
     onDragEnd: DragEventHandler<HTMLButtonElement>;
+    onDragStart: DragEventHandler<HTMLButtonElement>;
     table: MRT_TableInstance<TData>;
 }
 declare const MRT_GrabHandleButton: <TData extends Record<string, any>>({ iconButtonProps, onDragEnd, onDragStart, table, }: Props$G<TData>) => react_jsx_runtime.JSX.Element;
 
 interface Props$F<TData extends Record<string, any>> {
+    pinningPosition: RowPinningPosition;
     row: MRT_Row<TData>;
     table: MRT_TableInstance<TData>;
-    pinningPosition: RowPinningPosition;
 }
-declare const MRT_RowPinButton: <TData extends Record<string, any>>({ row, table, pinningPosition, }: Props$F<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_RowPinButton: <TData extends Record<string, any>>({ pinningPosition, row, table, }: Props$F<TData>) => react_jsx_runtime.JSX.Element;
 
 interface Props$E<TData extends Record<string, any>> extends IconButtonProps {
     table: MRT_TableInstance<TData>;
@@ -1183,8 +1203,8 @@ declare const getCommonCellStyles: <TData extends Record<string, any>>({ column,
 }) => any;
 declare const MRT_DefaultColumn: {
     readonly filterVariant: "text";
-    readonly minSize: 40;
     readonly maxSize: 1000;
+    readonly minSize: 40;
     readonly size: 180;
 };
 declare const MRT_DefaultDisplayColumn: {
@@ -1203,7 +1223,7 @@ declare const MRT_DefaultDisplayColumn: {
 };
 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) => ReactNode | JSX.Element;
+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>;
 
 interface Props$y<TData extends Record<string, any>> {
@@ -1259,7 +1279,7 @@ interface Props$r<TData extends Record<string, any>> {
     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 Record<string, any> = {}>({ header, table, }: Props$r<TData>) => react_jsx_runtime.JSX.Element;
 
 interface Props$q<TData extends Record<string, any>> {
     column: MRT_Column<TData>;
@@ -1334,14 +1354,14 @@ interface Props$g<TData extends Record<string, any>> {
 declare const MRT_SelectCheckbox: <TData extends Record<string, any>>({ row, selectAll, table, }: Props$g<TData>) => react_jsx_runtime.JSX.Element;
 
 declare const commonMenuItemStyles: {
-    py: string;
-    my: number;
-    justifyContent: string;
     alignItems: string;
+    justifyContent: string;
+    my: number;
+    py: string;
 };
 declare const commonListItemStyles: {
-    display: string;
     alignItems: string;
+    display: string;
 };
 interface Props$f<TData extends Record<string, any>> {
     anchorEl: HTMLElement | null;
@@ -1386,7 +1406,7 @@ interface Props$b<TData extends Record<string, any>> {
     setHoveredColumn: Dispatch<SetStateAction<MRT_Column<TData> | null>>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_ShowHideColumnsMenuItems: <TData extends Record<string, any>>({ allColumns, hoveredColumn, setHoveredColumn, column, table, }: Props$b<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_ShowHideColumnsMenuItems: <TData extends Record<string, any>>({ allColumns, column, hoveredColumn, setHoveredColumn, table, }: Props$b<TData>) => react_jsx_runtime.JSX.Element;
 
 interface Props$a<TData extends Record<string, any>> {
     open: boolean;
@@ -1421,10 +1441,10 @@ interface Props$5<TData extends Record<string, any>> {
 declare const MRT_LinearProgressBar: <TData extends Record<string, any>>({ isTopToolbar, table, }: Props$5<TData>) => react_jsx_runtime.JSX.Element;
 
 interface Props$4<TData extends Record<string, any>> {
-    position?: 'top' | 'bottom';
+    position?: 'bottom' | 'top';
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_TablePagination: <TData extends Record<string, any>>({ table, position, }: Props$4<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TablePagination: <TData extends Record<string, any>>({ position, table, }: Props$4<TData>) => react_jsx_runtime.JSX.Element;
 
 interface Props$3<TData extends Record<string, any>> {
     stackAlertBanner: boolean;