@cutting/material-react-table 4.1.0 → 5.0.0-beta.1

package/dist/index.js

@@ -1,25 +1,27 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-let _mui_material = require("@mui/material");
-let react = require("react");
-let _tanstack_match_sorter_utils = require("@tanstack/match-sorter-utils");
-let _tanstack_react_table = require("@tanstack/react-table");
-let _tanstack_react_virtual = require("@tanstack/react-virtual");
-let _mui_material_styles = require("@mui/material/styles");
-let react_jsx_runtime = require("react/jsx-runtime");
-let _mui_material_utils = require("@mui/material/utils");
-let _mui_x_date_pickers_DatePicker = require("@mui/x-date-pickers/DatePicker");
-let _mui_x_date_pickers_DateTimePicker = require("@mui/x-date-pickers/DateTimePicker");
-let _mui_x_date_pickers_TimePicker = require("@mui/x-date-pickers/TimePicker");
-let _mui_icons_material = require("@mui/icons-material");
+import { Alert, AlertTitle, Autocomplete, Badge, Box, Button, Checkbox, Chip, CircularProgress, Collapse, Dialog, DialogActions, DialogContent, DialogTitle, Divider, Fade, FormControlLabel, FormHelperText, Grow, IconButton, InputAdornment, InputLabel, LinearProgress, ListItemIcon, Menu, MenuItem, Pagination, PaginationItem, Paper, Popover, Radio, Select, Skeleton, Slider, Stack, Switch, Table, TableBody, TableCell, TableContainer, TableFooter, TableHead, TableRow, TableSortLabel, TextField, Tooltip, Typography, useMediaQuery } from "@mui/material";
+import { Fragment, memo, useCallback, useEffect, useId, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
+import { compareItems, rankItem, rankings } from "@tanstack/match-sorter-utils";
+import { aggregationFns, cellSelectionFeature, cellSpanningFeature, columnFacetingFeature, columnFilteringFeature, columnGroupingFeature, columnOrderingFeature, columnPinningFeature, columnResizingFeature, columnSizingFeature, columnVisibilityFeature, constructRow, createExpandedRowModel, createFacetedMinMaxValues, createFacetedRowModel, createFacetedUniqueValues, createFilteredRowModel, createGroupedRowModel, createPaginatedRowModel, createSortedRowModel, filterFn_arrIncludes, filterFn_arrIncludesAll, filterFn_arrIncludesSome, filterFn_equalsString, filterFn_equalsStringSensitive, filterFn_inNumberRange, filterFn_includesString, filterFn_includesStringSensitive, flexRender as flexRender$1, globalFilteringFeature, rowAggregationFeature, rowExpandingFeature, rowPaginationFeature, rowPinningFeature, rowSelectionFeature, rowSortingFeature, sortFn_alphanumeric, sortFn_basic, sortFn_datetime, sortFn_text, tableFeatures, useTable } from "@tanstack/react-table";
+import { defaultRangeExtractor, useVirtualizer } from "@tanstack/react-virtual";
+import { alpha, darken, lighten, useTheme } from "@mui/material/styles";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { debounce } from "@mui/material/utils";
+import { DatePicker } from "@mui/x-date-pickers/DatePicker";
+import { DateTimePicker } from "@mui/x-date-pickers/DateTimePicker";
+import { TimePicker } from "@mui/x-date-pickers/TimePicker";
+import { ArrowDownward, ArrowRight, Cancel, ChevronLeft, ChevronRight, ClearAll, Close, ContentCopy, DensityLarge, DensityMedium, DensitySmall, DragHandle, DynamicFeed, Edit, ExpandMore, FilterAlt, FilterList, FilterListOff, FirstPage, Fullscreen, FullscreenExit, KeyboardDoubleArrowDown, LastPage, MoreHoriz, MoreVert, PushPin, RestartAlt, Save, Search, SearchOff, Sort, SyncAlt, ViewColumn, VisibilityOff } from "@mui/icons-material";
 //#region src/fns/sortingFns.ts
 const fuzzy$1 = (rowA, rowB, columnId) => {
 	let dir = 0;
-	if (rowA.columnFiltersMeta[columnId]) dir = (0, _tanstack_match_sorter_utils.compareItems)(rowA.columnFiltersMeta[columnId], rowB.columnFiltersMeta[columnId]);
-	return dir === 0 ? _tanstack_react_table.sortingFns.alphanumeric(rowA, rowB, columnId) : dir;
+	if (rowA.columnFiltersMeta[columnId]) dir = compareItems(rowA.columnFiltersMeta[columnId], rowB.columnFiltersMeta[columnId]);
+	return dir === 0 ? sortFn_alphanumeric(rowA, rowB, columnId) : dir;
 };
 const MRT_SortingFns = {
-	..._tanstack_react_table.sortingFns,
-	fuzzy: fuzzy$1
+	alphanumeric: sortFn_alphanumeric,
+	basic: sortFn_basic,
+	datetime: sortFn_datetime,
+	fuzzy: fuzzy$1,
+	text: sortFn_text
 };
 const rankGlobalFuzzy = (rowA, rowB) => Math.max(...Object.values(rowB.columnFiltersMeta).map((v) => v.rank)) - Math.max(...Object.values(rowA.columnFiltersMeta).map((v) => v.rank));
 //#endregion
@@ -28,12 +30,14 @@ const parseFromValuesOrFunc = (fn, arg) => fn instanceof Function ? fn(arg) : fn
 const getValueAndLabel = (option) => {
 	let label = "";
 	let value = "";
-	if (option) if (typeof option !== "object") {
-		label = option;
-		value = option;
-	} else {
-		label = option.label ?? option.value;
-		value = option.value ?? label;
+	if (option) {
+		if (typeof option !== "object") {
+			label = option;
+			value = option;
+		} else {
+			label = option.label ?? option.value;
+			value = option.value ?? label;
+		}
 	}
 	return {
 		label,
@@ -43,13 +47,13 @@ const getValueAndLabel = (option) => {
 //#endregion
 //#region src/utils/row.utils.ts
 const getMRT_Rows = (table, all) => {
-	const { getCenterRows, getPrePaginationRowModel, getRowModel, getState, getTopRows, options: { createDisplayMode, enablePagination, enableRowPinning, manualPagination, positionCreatingRow, rowPinningDisplayMode } } = table;
-	const { creatingRow, pagination } = getState();
+	const { getCenterRows, getPrePaginatedRowModel, getRowModel, getTopRows, options: { createDisplayMode, enablePagination, enableRowPinning, manualPagination, positionCreatingRow, rowPinningDisplayMode } } = table;
+	const { creatingRow, pagination } = table.state;
 	const isRankingRows = getIsRankingRows(table);
 	let rows = [];
-	if (!isRankingRows) rows = !enableRowPinning || rowPinningDisplayMode?.includes("sticky") ? all ? getPrePaginationRowModel().rows : getRowModel().rows : getCenterRows();
+	if (!isRankingRows) rows = !enableRowPinning || rowPinningDisplayMode?.includes("sticky") ? all ? getPrePaginatedRowModel().rows : getRowModel().rows : getCenterRows();
 	else {
-		rows = getPrePaginationRowModel().rows.sort((a, b) => rankGlobalFuzzy(a, b));
+		rows = getPrePaginatedRowModel().rows.sort((a, b) => rankGlobalFuzzy(a, b));
 		if (enablePagination && !manualPagination && !all) {
 			const start = pagination.pageIndex * pagination.pageSize;
 			rows = rows.slice(start, start + pagination.pageSize);
@@ -71,12 +75,12 @@ const getMRT_Rows = (table, all) => {
 	return rows;
 };
 const getCanRankRows = (table) => {
-	const { getState, options: { enableGlobalFilterRankedResults, manualExpanding, manualFiltering, manualGrouping, manualSorting } } = table;
-	const { expanded, globalFilterFn } = getState();
+	const { options: { enableGlobalFilterRankedResults, manualExpanding, manualFiltering, manualGrouping, manualSorting } } = table;
+	const { expanded, globalFilterFn } = table.state;
 	return !manualExpanding && !manualFiltering && !manualGrouping && !manualSorting && enableGlobalFilterRankedResults && globalFilterFn === "fuzzy" && expanded !== true && !Object.values(expanded).some(Boolean);
 };
 const getIsRankingRows = (table) => {
-	const { globalFilter, sorting } = table.getState();
+	const { globalFilter, sorting } = table.state;
 	return getCanRankRows(table) && globalFilter && !Object.values(sorting).some(Boolean);
 };
 const getIsRowSelected = ({ row, table }) => {
@@ -84,8 +88,8 @@ const getIsRowSelected = ({ row, table }) => {
 	return row.getIsSelected() || parseFromValuesOrFunc(enableRowSelection, row) && row.getCanSelectSubRows() && row.getIsAllSubRowsSelected();
 };
 const getMRT_RowSelectionHandler = ({ row, staticRowIndex = 0, table }) => (event, value) => {
-	const { getState, options: { enableBatchRowSelection, enableMultiRowSelection, enableRowPinning, manualPagination, rowPinningDisplayMode }, refs: { lastSelectedRowId } } = table;
-	const { pagination: { pageIndex, pageSize } } = getState();
+	const { options: { enableBatchRowSelection, enableMultiRowSelection, enableRowPinning, manualPagination, rowPinningDisplayMode }, refs: { lastSelectedRowId } } = table;
+	const { pagination: { pageIndex, pageSize } } = table.state;
 	const paginationOffset = manualPagination ? 0 : pageSize * pageIndex;
 	const wasCurrentRowChecked = getIsRowSelected({
 		row,
@@ -127,9 +131,9 @@ const getMRT_SelectAllHandler = ({ table }) => (event, value, forceAll) => {
 //#endregion
 //#region src/hooks/useMRT_Rows.ts
 const useMRT_Rows = (table) => {
-	const { getRowModel, getState, options: { data, enableGlobalFilterRankedResults, positionCreatingRow } } = table;
-	const { creatingRow, expanded, globalFilter, pagination, rowPinning, sorting } = getState();
-	return (0, react.useMemo)(() => getMRT_Rows(table), [
+	const { getRowModel, options: { data, enableGlobalFilterRankedResults, positionCreatingRow } } = table;
+	const { creatingRow, expanded, globalFilter, pagination, rowPinning, sorting } = table.state;
+	return useMemo(() => getMRT_Rows(table), [
 		creatingRow,
 		data,
 		enableGlobalFilterRankedResults,
@@ -151,7 +155,7 @@ const useMRT_Rows = (table) => {
 * We should keep the `draggingRow` or `draggingColumn` in `getVirtualItems()` to avoid this thing.
 */
 const extraIndexRangeExtractor = (range, draggingIndex) => {
-	const newIndexes = (0, _tanstack_react_virtual.defaultRangeExtractor)(range);
+	const newIndexes = defaultRangeExtractor(range);
 	if (draggingIndex === void 0) return newIndexes;
 	if (draggingIndex >= 0 && draggingIndex < Math.max(range.startIndex - range.overscan, 0)) newIndexes.unshift(draggingIndex);
 	if (draggingIndex >= 0 && draggingIndex > range.endIndex + range.overscan) newIndexes.push(draggingIndex);
@@ -160,24 +164,24 @@ const extraIndexRangeExtractor = (range, draggingIndex) => {
 //#endregion
 //#region src/hooks/useMRT_RowVirtualizer.ts
 const useMRT_RowVirtualizer = (table, rows) => {
-	const { getRowModel, getState, options: { enableRowVirtualization, renderDetailPanel, rowVirtualizerInstanceRef, rowVirtualizerOptions }, refs: { tableContainerRef } } = table;
-	const { density, draggingRow, expanded } = getState();
+	const { getRowModel, options: { enableRowVirtualization, renderDetailPanel, rowVirtualizerInstanceRef, rowVirtualizerOptions }, refs: { tableContainerRef } } = table;
+	const { density, draggingRow, expanded } = table.state;
 	if (!enableRowVirtualization) return void 0;
 	const rowVirtualizerProps = parseFromValuesOrFunc(rowVirtualizerOptions, { table });
 	const realRows = rows ?? getRowModel().rows;
 	/**
 	* when filtering, should find the correct index in filtered rows
 	*/
-	const draggingRowIndex = (0, react.useMemo)(() => draggingRow?.id ? realRows.findIndex((r) => r.id === draggingRow?.id) : void 0, [realRows, draggingRow?.id]);
+	const draggingRowIndex = useMemo(() => draggingRow?.id ? realRows.findIndex((r) => r.id === draggingRow?.id) : void 0, [realRows, draggingRow?.id]);
 	const rowCount = realRows.length;
 	const normalRowHeight = density === "compact" ? 37 : density === "comfortable" ? 58 : 73;
-	const rowVirtualizer = (0, _tanstack_react_virtual.useVirtualizer)({
+	const rowVirtualizer = useVirtualizer({
 		count: renderDetailPanel ? rowCount * 2 : rowCount,
 		estimateSize: (index) => renderDetailPanel && index % 2 === 1 ? expanded === true ? 100 : 0 : normalRowHeight,
 		getScrollElement: () => tableContainerRef.current,
 		measureElement: typeof window !== "undefined" && navigator.userAgent.indexOf("Firefox") === -1 ? (element) => element?.getBoundingClientRect().height : void 0,
 		overscan: 4,
-		rangeExtractor: (0, react.useCallback)((range) => {
+		rangeExtractor: useCallback((range) => {
 			return extraIndexRangeExtractor(range, draggingRowIndex);
 		}, [draggingRowIndex]),
 		...rowVirtualizerProps
@@ -191,15 +195,15 @@ const useMRT_RowVirtualizer = (table, rows) => {
 const parseCSSVarId = (id) => id.replace(/[^a-zA-Z0-9]/g, "_");
 const getMRTTheme = (mrtTheme, muiTheme) => {
 	const mrtThemeOverrides = parseFromValuesOrFunc(mrtTheme, muiTheme);
-	const baseBackgroundColor = mrtThemeOverrides?.baseBackgroundColor ?? (muiTheme.palette.mode === "dark" ? (0, _mui_material_styles.lighten)(muiTheme.palette.background.default, .05) : muiTheme.palette.background.default);
+	const baseBackgroundColor = mrtThemeOverrides?.baseBackgroundColor ?? (muiTheme.palette.mode === "dark" ? lighten(muiTheme.palette.background.default, .05) : muiTheme.palette.background.default);
 	return {
 		baseBackgroundColor,
 		cellNavigationOutlineColor: muiTheme.palette.primary.main,
 		draggingBorderColor: muiTheme.palette.primary.main,
-		matchHighlightColor: muiTheme.palette.mode === "dark" ? (0, _mui_material_styles.darken)(muiTheme.palette.warning.dark, .25) : (0, _mui_material_styles.lighten)(muiTheme.palette.warning.light, .5),
-		menuBackgroundColor: (0, _mui_material_styles.lighten)(baseBackgroundColor, .07),
-		pinnedRowBackgroundColor: (0, _mui_material_styles.alpha)(muiTheme.palette.primary.main, .1),
-		selectedRowBackgroundColor: (0, _mui_material_styles.alpha)(muiTheme.palette.primary.main, .2),
+		matchHighlightColor: muiTheme.palette.mode === "dark" ? darken(muiTheme.palette.warning.dark, .25) : lighten(muiTheme.palette.warning.light, .5),
+		menuBackgroundColor: lighten(baseBackgroundColor, .07),
+		pinnedRowBackgroundColor: alpha(muiTheme.palette.primary.main, .1),
+		selectedRowBackgroundColor: alpha(muiTheme.palette.primary.main, .2),
 		...mrtThemeOverrides
 	};
 };
@@ -216,14 +220,14 @@ const getCommonPinnedCellStyles = ({ column, table, theme }) => {
 	const { baseBackgroundColor } = table.options.mrtTheme;
 	const isPinned = column?.getIsPinned();
 	return { "&[data-pinned=\"true\"]": { "&:before": {
-		backgroundColor: (0, _mui_material_styles.alpha)((0, _mui_material_styles.darken)(baseBackgroundColor, theme.palette.mode === "dark" ? .05 : .01), .97),
-		boxShadow: column ? isPinned === "left" && column.getIsLastColumn(isPinned) ? `-4px 0 4px -4px ${(0, _mui_material_styles.alpha)(theme.palette.grey[700], .5)} inset` : isPinned === "right" && column.getIsFirstColumn(isPinned) ? `4px 0 4px -4px ${(0, _mui_material_styles.alpha)(theme.palette.grey[700], .5)} inset` : void 0 : void 0,
+		backgroundColor: alpha(darken(baseBackgroundColor, theme.palette.mode === "dark" ? .05 : .01), .97),
+		boxShadow: column ? isPinned === "start" && column.getIsLastColumn(isPinned) ? `-4px 0 4px -4px ${alpha(theme.palette.grey[700], .5)} inset` : isPinned === "end" && column.getIsFirstColumn(isPinned) ? `4px 0 4px -4px ${alpha(theme.palette.grey[700], .5)} inset` : void 0 : void 0,
 		...commonCellBeforeAfterStyles
 	} } };
 };
 const getCommonMRTCellStyles = ({ column, header, table, tableCellProps, theme }) => {
-	const { getState, options: { enableColumnVirtualization, layoutMode } } = table;
-	const { draggingColumn } = getState();
+	const { options: { enableColumnVirtualization, layoutMode } } = table;
+	const { draggingColumn } = table.state;
 	const { columnDef } = column;
 	const { columnDefType } = columnDef;
 	const isColumnPinned = columnDef.columnDefType !== "group" && column.getIsPinned();
@@ -239,10 +243,10 @@ const getCommonMRTCellStyles = ({ column, header, table, tableCellProps, theme }
 			table,
 			theme
 		}),
-		left: isColumnPinned === "left" ? `${column.getStart("left")}px` : void 0,
+		left: isColumnPinned === "start" ? `${column.getStart("start")}px` : void 0,
 		opacity: .97,
 		position: "sticky",
-		right: isColumnPinned === "right" ? `${column.getAfter("right")}px` : void 0
+		right: isColumnPinned === "end" ? `${column.getAfter("end")}px` : void 0
 	} : {};
 	return {
 		"&:focus-visible": {
@@ -253,7 +257,7 @@ const getCommonMRTCellStyles = ({ column, header, table, tableCellProps, theme }
 		backgroundImage: "inherit",
 		display: layoutMode?.startsWith("grid") ? "flex" : void 0,
 		justifyContent: columnDefType === "group" ? "center" : layoutMode?.startsWith("grid") ? tableCellProps.align : void 0,
-		opacity: table.getState().draggingColumn?.id === column.id || table.getState().hoveredColumn?.id === column.id ? .5 : 1,
+		opacity: table.state.draggingColumn?.id === column.id || table.state.hoveredColumn?.id === column.id ? .5 : 1,
 		position: "relative",
 		transition: enableColumnVirtualization ? "none" : `padding 150ms ease-in-out`,
 		zIndex: column.getIsResizing() || draggingColumn?.id === column.id ? 2 : columnDefType !== "group" && isColumnPinned ? 1 : 0,
@@ -393,9 +397,7 @@ const cellKeyboardShortcuts = ({ cell, cellElements, cellValue, containerElement
 			case "PageDown":
 				nextCell = findBottomTopCell(currentIndex, "b");
 				break;
-			case "PageUp":
-				nextCell = findBottomTopCell(currentIndex, "t");
-				break;
+			case "PageUp": nextCell = findBottomTopCell(currentIndex, "t");
 		}
 		if (nextCell) nextCell.focus();
 	}
@@ -406,7 +408,7 @@ const MRT_CopyButton = ({ cell, table, ...rest }) => {
 	const { options: { localization, muiCopyButtonProps } } = table;
 	const { column, row } = cell;
 	const { columnDef } = column;
-	const [copied, setCopied] = (0, react.useState)(false);
+	const [copied, setCopied] = useState(false);
 	const handleCopy = (event, text) => {
 		event.stopPropagation();
 		navigator.clipboard.writeText(text);
@@ -428,10 +430,10 @@ const MRT_CopyButton = ({ cell, table, ...rest }) => {
 		}),
 		...rest
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Tooltip, {
+	return /* @__PURE__ */ jsx(Tooltip, {
 		...getCommonTooltipProps("top"),
 		title: buttonProps?.title ?? (copied ? localization.copiedToClipboard : localization.clickToCopy),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Button, {
+		children: /* @__PURE__ */ jsx(Button, {
 			onClick: (e) => handleCopy(e, cell.getValue()),
 			size: "small",
 			type: "button",
@@ -468,15 +470,15 @@ const getTextFieldSlotProps = (slotProps) => ({
 //#endregion
 //#region src/components/inputs/MRT_EditCellTextField.tsx
 const MRT_EditCellTextField = ({ cell, table, ...rest }) => {
-	const { getState, options: { createDisplayMode, editDisplayMode, muiEditTextFieldProps }, refs: { editInputRefs }, setCreatingRow, setEditingCell, setEditingRow } = table;
+	const { options: { createDisplayMode, editDisplayMode, muiEditTextFieldProps }, refs: { editInputRefs }, setCreatingRow, setEditingCell, setEditingRow } = table;
 	const { column, row } = cell;
 	const { columnDef } = column;
-	const { creatingRow, editingRow } = getState();
+	const { creatingRow, editingRow } = table.state;
 	const { editSelectOptions, editVariant } = columnDef;
 	const isCreating = creatingRow?.id === row.id;
 	const isEditing = editingRow?.id === row.id;
-	const [value, setValue] = (0, react.useState)(() => cell.getValue());
-	const [completesComposition, setCompletesComposition] = (0, react.useState)(true);
+	const [value, setValue] = useState(() => cell.getValue());
+	const [completesComposition, setCompletesComposition] = useState(true);
 	const textFieldProps = {
 		...parseFromValuesOrFunc(muiEditTextFieldProps, {
 			cell,
@@ -518,14 +520,14 @@ const MRT_EditCellTextField = ({ cell, table, ...rest }) => {
 		textFieldProps.onKeyDown?.(event);
 		if (event.key === "Enter" && !event.shiftKey && completesComposition) editInputRefs.current?.[column.id]?.blur();
 	};
-	if (columnDef.Edit) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: columnDef.Edit?.({
+	if (columnDef.Edit) return /* @__PURE__ */ jsx(Fragment$1, { children: columnDef.Edit?.({
 		cell,
 		column,
 		row,
 		table
 	}) });
 	const consumerSlots = getTextFieldSlotProps(textFieldProps.slotProps);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TextField, {
+	return /* @__PURE__ */ jsx(TextField, {
 		disabled: parseFromValuesOrFunc(columnDef.enableEditing, row) === false,
 		fullWidth: true,
 		inputRef: (inputRef) => {
@@ -572,7 +574,7 @@ const MRT_EditCellTextField = ({ cell, table, ...rest }) => {
 		},
 		children: textFieldProps.children ?? selectOptions?.map((option) => {
 			const { label, value } = getValueAndLabel(option);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.MenuItem, {
+			return /* @__PURE__ */ jsx(MenuItem, {
 				sx: {
 					alignItems: "center",
 					display: "flex",
@@ -616,10 +618,10 @@ const highlightWords = ({ matchExactly = false, query, text }) => {
 //#region src/components/body/MRT_TableBodyCellValue.tsx
 const allowedTypes = ["string", "number"];
 const MRT_TableBodyCellValue = ({ cell, rowRef, staticColumnIndex, staticRowIndex, table }) => {
-	const { getState, options: { enableFilterMatchHighlighting, mrtTheme: { matchHighlightColor } } } = table;
+	const { options: { enableFilterMatchHighlighting, mrtTheme: { matchHighlightColor } } } = table;
 	const { column, row } = cell;
 	const { columnDef } = column;
-	const { globalFilter, globalFilterFn } = getState();
+	const { globalFilter, globalFilterFn } = table.state;
 	const filterValue = column.getFilterValue();
 	let renderedCellValue = cell.getIsAggregated() && columnDef.AggregatedCell ? columnDef.AggregatedCell({
 		cell,
@@ -644,10 +646,10 @@ const MRT_TableBodyCellValue = ({ cell, rowRef, staticColumnIndex, staticRowInde
 			query: (filterValue ?? globalFilter ?? "").toString(),
 			text: renderedCellValue?.toString()
 		});
-		if (chunks?.length > 1 || chunks?.[0]?.match) renderedCellValue = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		if (chunks?.length > 1 || chunks?.[0]?.match) renderedCellValue = /* @__PURE__ */ jsx("span", {
 			"aria-label": renderedCellValue,
 			role: "note",
-			children: chunks?.map(({ key, match, text }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Box, {
+			children: chunks?.map(({ key, match, text }) => /* @__PURE__ */ jsx(Box, {
 				"aria-hidden": "true",
 				component: "span",
 				sx: match ? {
@@ -675,9 +677,9 @@ const MRT_TableBodyCellValue = ({ cell, rowRef, staticColumnIndex, staticRowInde
 //#endregion
 //#region src/components/body/MRT_TableBodyCell.tsx
 const MRT_TableBodyCell = ({ cell, numRows, rowRef, staticColumnIndex, staticRowIndex, table, ...rest }) => {
-	const theme = (0, _mui_material_styles.useTheme)();
-	const { getState, options: { columnResizeDirection, columnResizeMode, createDisplayMode, editDisplayMode, enableCellActions, enableClickToCopy, enableColumnOrdering, enableColumnPinning, enableGrouping, enableKeyboardShortcuts, layoutMode, mrtTheme: { draggingBorderColor }, muiSkeletonProps, muiTableBodyCellProps }, setHoveredColumn } = table;
-	const { actionCell, columnSizingInfo, creatingRow, density, draggingColumn, draggingRow, editingCell, editingRow, hoveredColumn, hoveredRow, isLoading, showSkeletons } = getState();
+	const theme = useTheme();
+	const { options: { columnResizeDirection, columnResizeMode, createDisplayMode, editDisplayMode, enableCellActions, enableClickToCopy, enableColumnOrdering, enableColumnPinning, enableGrouping, enableKeyboardShortcuts, layoutMode, mrtTheme: { draggingBorderColor }, muiSkeletonProps, muiTableBodyCellProps }, setHoveredColumn } = table;
+	const { actionCell, columnResizing, creatingRow, density, draggingColumn, draggingRow, editingCell, editingRow, hoveredColumn, hoveredRow, isLoading, showSkeletons } = table.state;
 	const { column, row } = cell;
 	const { columnDef } = column;
 	const { columnDefType } = columnDef;
@@ -698,13 +700,13 @@ const MRT_TableBodyCell = ({ cell, numRows, rowRef, staticColumnIndex, staticRow
 		row,
 		table
 	});
-	const [skeletonWidth, setSkeletonWidth] = (0, react.useState)(100);
-	(0, react.useEffect)(() => {
+	const [skeletonWidth, setSkeletonWidth] = useState(100);
+	useEffect(() => {
 		if (!isLoading && !showSkeletons || skeletonWidth !== 100) return;
 		const size = column.getSize();
 		setSkeletonWidth(columnDefType === "display" ? size / 2 : Math.round(Math.random() * (size - size / 3) + size / 3));
 	}, [isLoading, showSkeletons]);
-	const draggingBorders = (0, react.useMemo)(() => {
+	const draggingBorders = useMemo(() => {
 		const isDraggingColumn = draggingColumn?.id === column.id;
 		const isHoveredColumn = hoveredColumn?.id === column.id;
 		const isDraggingRow = draggingRow?.id === row.id;
@@ -712,7 +714,7 @@ const MRT_TableBodyCell = ({ cell, numRows, rowRef, staticColumnIndex, staticRow
 		const isFirstColumn = column.getIsFirstColumn();
 		const isLastColumn = column.getIsLastColumn();
 		const isLastRow = numRows && staticRowIndex === numRows - 1;
-		const isResizingColumn = columnSizingInfo.isResizingColumn === column.id;
+		const isResizingColumn = columnResizing.isResizingColumn === column.id;
 		const showResizeBorder = isResizingColumn && columnResizeMode === "onChange";
 		const borderStyle = showResizeBorder ? `2px solid ${draggingBorderColor} !important` : isDraggingColumn || isDraggingRow ? `1px dashed ${theme.palette.grey[500]} !important` : isHoveredColumn || isHoveredRow || isResizingColumn ? `2px dashed ${draggingBorderColor} !important` : void 0;
 		if (showResizeBorder) return columnResizeDirection === "ltr" ? { borderRight: borderStyle } : { borderLeft: borderStyle };
@@ -723,7 +725,7 @@ const MRT_TableBodyCell = ({ cell, numRows, rowRef, staticColumnIndex, staticRow
 			borderTop: isDraggingRow || isHoveredRow ? borderStyle : void 0
 		} : void 0;
 	}, [
-		columnSizingInfo.isResizingColumn,
+		columnResizing.isResizingColumn,
 		draggingColumn,
 		draggingRow,
 		hoveredColumn,
@@ -777,7 +779,7 @@ const MRT_TableBodyCell = ({ cell, numRows, rowRef, staticColumnIndex, staticRow
 			table
 		});
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TableCell, {
+	return /* @__PURE__ */ jsx(TableCell, {
 		align: theme.direction === "rtl" ? "right" : "left",
 		"data-index": staticColumnIndex,
 		"data-pinned": !!isColumnPinned || void 0,
@@ -809,12 +811,12 @@ const MRT_TableBodyCell = ({ cell, numRows, rowRef, staticColumnIndex, staticRow
 			}),
 			...draggingBorders
 		}),
-		children: tableCellProps.children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [cell.getIsPlaceholder() ? columnDef.PlaceholderCell?.({
+		children: tableCellProps.children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [cell.getIsPlaceholder() ? columnDef.PlaceholderCell?.({
 			cell,
 			column,
 			row,
 			table
-		}) ?? null : showSkeletons !== false && (isLoading || showSkeletons) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Skeleton, {
+		}) ?? null : showSkeletons !== false && (isLoading || showSkeletons) ? /* @__PURE__ */ jsx(Skeleton, {
 			animation: "wave",
 			height: 20,
 			width: skeletonWidth,
@@ -832,26 +834,26 @@ const MRT_TableBodyCell = ({ cell, numRows, rowRef, staticColumnIndex, staticRow
 			staticColumnIndex,
 			staticRowIndex,
 			table
-		}) : isCreating || isEditing ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_EditCellTextField, {
+		}) : isCreating || isEditing ? /* @__PURE__ */ jsx(MRT_EditCellTextField, {
 			cell,
 			table
-		}) : showClickToCopyButton && columnDef.enableClickToCopy !== false ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_CopyButton, {
+		}) : showClickToCopyButton && columnDef.enableClickToCopy !== false ? /* @__PURE__ */ jsx(MRT_CopyButton, {
 			cell,
 			table,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_TableBodyCellValue, { ...cellValueProps })
-		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_TableBodyCellValue, { ...cellValueProps }), cell.getIsGrouped() && !columnDef.GroupedCell && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+			children: /* @__PURE__ */ jsx(MRT_TableBodyCellValue, { ...cellValueProps })
+		}) : /* @__PURE__ */ jsx(MRT_TableBodyCellValue, { ...cellValueProps }), cell.getIsGrouped() && !columnDef.GroupedCell && /* @__PURE__ */ jsxs(Fragment$1, { children: [
 			" (",
 			row.subRows?.length,
 			")"
 		] })] })
 	});
 };
-const Memo_MRT_TableBodyCell = (0, react.memo)(MRT_TableBodyCell, (prev, next) => next.cell === prev.cell);
+const Memo_MRT_TableBodyCell = memo(MRT_TableBodyCell, (prev, next) => next.cell === prev.cell);
 //#endregion
 //#region src/components/body/MRT_TableDetailPanel.tsx
 const MRT_TableDetailPanel = ({ parentRowRef, row, rowVirtualizer, staticRowIndex, table, virtualRow, ...rest }) => {
-	const { getState, getVisibleLeafColumns, options: { layoutMode, mrtTheme: { baseBackgroundColor }, muiDetailPanelProps, muiTableBodyRowProps, renderDetailPanel } } = table;
-	const { isLoading } = getState();
+	const { getVisibleLeafColumns, options: { layoutMode, mrtTheme: { baseBackgroundColor }, muiDetailPanelProps, muiTableBodyRowProps, renderDetailPanel } } = table;
+	const { isLoading } = table.state;
 	const tableRowProps = parseFromValuesOrFunc(muiTableBodyRowProps, {
 		isDetailPanel: true,
 		row,
@@ -869,7 +871,7 @@ const MRT_TableDetailPanel = ({ parentRowRef, row, rowVirtualizer, staticRowInde
 		row,
 		table
 	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TableRow, {
+	return /* @__PURE__ */ jsx(TableRow, {
 		className: "Mui-TableBodyCell-DetailPanel",
 		"data-index": renderDetailPanel ? staticRowIndex * 2 + 1 : staticRowIndex,
 		ref: (node) => {
@@ -884,7 +886,7 @@ const MRT_TableDetailPanel = ({ parentRowRef, row, rowVirtualizer, staticRowInde
 			width: "100%",
 			...parseFromValuesOrFunc(tableRowProps?.sx, theme)
 		}),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TableCell, {
+		children: /* @__PURE__ */ jsx(TableCell, {
 			className: "Mui-TableBodyCell-DetailPanel",
 			colSpan: getVisibleLeafColumns().length,
 			...tableCellProps,
@@ -897,7 +899,7 @@ const MRT_TableDetailPanel = ({ parentRowRef, row, rowVirtualizer, staticRowInde
 				width: `100%`,
 				...parseFromValuesOrFunc(tableCellProps?.sx, theme)
 			}),
-			children: virtualRow ? row.getIsExpanded() && DetailPanel : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Collapse, {
+			children: virtualRow ? row.getIsExpanded() && DetailPanel : /* @__PURE__ */ jsx(Collapse, {
 				in: row.getIsExpanded(),
 				mountOnEnter: true,
 				unmountOnExit: true,
@@ -909,9 +911,9 @@ const MRT_TableDetailPanel = ({ parentRowRef, row, rowVirtualizer, staticRowInde
 //#endregion
 //#region src/components/body/MRT_TableBodyRow.tsx
 const MRT_TableBodyRow = ({ columnVirtualizer, numRows, pinnedRowIds, row, rowVirtualizer, staticRowIndex, table, virtualRow, ...rest }) => {
-	const theme = (0, _mui_material_styles.useTheme)();
-	const { getState, options: { enableRowOrdering, enableRowPinning, enableStickyFooter, enableStickyHeader, layoutMode, memoMode, mrtTheme: { baseBackgroundColor, pinnedRowBackgroundColor, selectedRowBackgroundColor }, muiTableBodyRowProps, renderDetailPanel, rowPinningDisplayMode }, refs: { tableFooterRef, tableHeadRef }, setHoveredRow } = table;
-	const { density, draggingColumn, draggingRow, editingCell, editingRow, hoveredRow, isFullScreen, rowPinning } = getState();
+	const theme = useTheme();
+	const { options: { enableRowOrdering, enableRowPinning, enableStickyFooter, enableStickyHeader, layoutMode, memoMode, mrtTheme: { baseBackgroundColor, pinnedRowBackgroundColor, selectedRowBackgroundColor }, muiTableBodyRowProps, renderDetailPanel, rowPinningDisplayMode }, refs: { tableFooterRef, tableHeadRef }, setHoveredRow } = table;
+	const { density, draggingColumn, draggingRow, editingCell, editingRow, hoveredRow, isFullScreen, rowPinning } = table.state;
 	const visibleCells = row.getVisibleCells();
 	const { virtualColumns, virtualPaddingLeft, virtualPaddingRight } = columnVirtualizer ?? {};
 	const isRowSelected = getIsRowSelected({
@@ -929,7 +931,7 @@ const MRT_TableBodyRow = ({ columnVirtualizer, numRows, pinnedRowIds, row, rowVi
 		}),
 		...rest
 	};
-	const [bottomPinnedIndex, topPinnedIndex] = (0, react.useMemo)(() => {
+	const [bottomPinnedIndex, topPinnedIndex] = useMemo(() => {
 		if (!enableRowPinning || !rowPinningDisplayMode?.includes("sticky") || !pinnedRowIds || !row.getIsPinned()) return [];
 		return [[...pinnedRowIds].reverse().indexOf(row.id), pinnedRowIds.indexOf(row.id)];
 	}, [pinnedRowIds, rowPinning]);
@@ -944,10 +946,10 @@ const MRT_TableBodyRow = ({ columnVirtualizer, numRows, pinnedRowIds, row, rowVi
 	const handleDragOver = (e) => {
 		e.preventDefault();
 	};
-	const rowRef = (0, react.useRef)(null);
+	const rowRef = useRef(null);
 	const cellHighlightColor = isRowSelected ? selectedRowBackgroundColor : isRowPinned ? pinnedRowBackgroundColor : void 0;
-	const cellHighlightColorHover = tableRowProps?.hover !== false ? isRowSelected ? cellHighlightColor : theme.palette.mode === "dark" ? `${(0, _mui_material_styles.lighten)(baseBackgroundColor, .3)}` : `${(0, _mui_material_styles.darken)(baseBackgroundColor, .3)}` : void 0;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.TableRow, {
+	const cellHighlightColorHover = tableRowProps?.hover !== false ? isRowSelected ? cellHighlightColor : theme.palette.mode === "dark" ? `${lighten(baseBackgroundColor, .3)}` : `${darken(baseBackgroundColor, .3)}` : void 0;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(TableRow, {
 		"data-index": renderDetailPanel ? staticRowIndex * 2 : staticRowIndex,
 		"data-pinned": !!isRowPinned || void 0,
 		"data-selected": isRowSelected || void 0,
@@ -967,7 +969,7 @@ const MRT_TableBodyRow = ({ columnVirtualizer, numRows, pinnedRowIds, row, rowVi
 		},
 		sx: (theme) => ({
 			"&:hover td:after": cellHighlightColorHover ? {
-				backgroundColor: (0, _mui_material_styles.alpha)(cellHighlightColorHover, .3),
+				backgroundColor: alpha(cellHighlightColorHover, .3),
 				...commonCellBeforeAfterStyles
 			} : void 0,
 			backgroundColor: `${baseBackgroundColor} !important`,
@@ -991,7 +993,7 @@ const MRT_TableBodyRow = ({ columnVirtualizer, numRows, pinnedRowIds, row, rowVi
 			...sx
 		}),
 		children: [
-			virtualPaddingLeft ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { style: {
+			virtualPaddingLeft ? /* @__PURE__ */ jsx("td", { style: {
 				display: "flex",
 				width: virtualPaddingLeft
 			} }) : null,
@@ -1010,14 +1012,14 @@ const MRT_TableBodyRow = ({ columnVirtualizer, numRows, pinnedRowIds, row, rowVi
 					table
 				};
 				const key = `${cell.id}-${staticRowIndex}`;
-				return cell ? memoMode === "cells" && cell.column.columnDef.columnDefType === "data" && !draggingColumn && !draggingRow && editingCell?.id !== cell.id && editingRow?.id !== row.id ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Memo_MRT_TableBodyCell, { ...props }, key) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_TableBodyCell, { ...props }, key) : null;
+				return cell ? memoMode === "cells" && cell.column.columnDef.columnDefType === "data" && !draggingColumn && !draggingRow && editingCell?.id !== cell.id && editingRow?.id !== row.id ? /* @__PURE__ */ jsx(Memo_MRT_TableBodyCell, { ...props }, key) : /* @__PURE__ */ jsx(MRT_TableBodyCell, { ...props }, key) : null;
 			}),
-			virtualPaddingRight ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", { style: {
+			virtualPaddingRight ? /* @__PURE__ */ jsx("td", { style: {
 				display: "flex",
 				width: virtualPaddingRight
 			} }) : null
 		]
-	}), renderDetailPanel && !row.getIsGrouped() && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_TableDetailPanel, {
+	}), renderDetailPanel && !row.getIsGrouped() && /* @__PURE__ */ jsx(MRT_TableDetailPanel, {
 		parentRowRef: rowRef,
 		row,
 		rowVirtualizer,
@@ -1026,19 +1028,19 @@ const MRT_TableBodyRow = ({ columnVirtualizer, numRows, pinnedRowIds, row, rowVi
 		virtualRow
 	})] });
 };
-const Memo_MRT_TableBodyRow = (0, react.memo)(MRT_TableBodyRow, (prev, next) => prev.row === next.row && prev.staticRowIndex === next.staticRowIndex);
+const Memo_MRT_TableBodyRow = memo(MRT_TableBodyRow, (prev, next) => prev.row === next.row && prev.staticRowIndex === next.staticRowIndex);
 //#endregion
 //#region src/components/body/MRT_TableBody.tsx
 const MRT_TableBody = ({ columnVirtualizer, table, ...rest }) => {
-	const { getBottomRows, getIsSomeRowsPinned, getRowModel, getState, getTopRows, options: { enableStickyFooter, enableStickyHeader, layoutMode, localization, memoMode, muiTableBodyProps, renderDetailPanel, renderEmptyRowsFallback, rowPinningDisplayMode }, refs: { tableFooterRef, tableHeadRef, tablePaperRef } } = table;
-	const { columnFilters, globalFilter, isFullScreen, rowPinning } = getState();
+	const { getBottomRows, getIsSomeRowsPinned, getRowModel, getTopRows, options: { enableStickyFooter, enableStickyHeader, layoutMode, localization, memoMode, muiTableBodyProps, renderDetailPanel, renderEmptyRowsFallback, rowPinningDisplayMode }, refs: { tableFooterRef, tableHeadRef, tablePaperRef } } = table;
+	const { columnFilters, globalFilter, isFullScreen, rowPinning } = table.state;
 	const tableBodyProps = {
 		...parseFromValuesOrFunc(muiTableBodyProps, { table }),
 		...rest
 	};
 	const tableHeadHeight = (enableStickyHeader || isFullScreen) && tableHeadRef.current?.clientHeight || 0;
 	const tableFooterHeight = enableStickyFooter && tableFooterRef.current?.clientHeight || 0;
-	const pinnedRowIds = (0, react.useMemo)(() => {
+	const pinnedRowIds = useMemo(() => {
 		if (!rowPinning.bottom?.length && !rowPinning.top?.length) return [];
 		return getRowModel().rows.filter((row) => row.getIsPinned()).map((r) => r.id);
 	}, [rowPinning, getRowModel().rows]);
@@ -1050,8 +1052,8 @@ const MRT_TableBody = ({ columnVirtualizer, table, ...rest }) => {
 		numRows: rows.length,
 		table
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-		!rowPinningDisplayMode?.includes("sticky") && getIsSomeRowsPinned("top") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TableBody, {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		!rowPinningDisplayMode?.includes("sticky") && getIsSomeRowsPinned("top") && /* @__PURE__ */ jsx(TableBody, {
 			...tableBodyProps,
 			sx: (theme) => ({
 				display: layoutMode?.startsWith("grid") ? "grid" : void 0,
@@ -1066,10 +1068,10 @@ const MRT_TableBody = ({ columnVirtualizer, table, ...rest }) => {
 					row,
 					staticRowIndex
 				};
-				return memoMode === "rows" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Memo_MRT_TableBodyRow, { ...props }, row.id) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_TableBodyRow, { ...props }, row.id);
+				return memoMode === "rows" ? /* @__PURE__ */ jsx(Memo_MRT_TableBodyRow, { ...props }, row.id) : /* @__PURE__ */ jsx(MRT_TableBodyRow, { ...props }, row.id);
 			})
 		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TableBody, {
+		/* @__PURE__ */ jsx(TableBody, {
 			...tableBodyProps,
 			sx: (theme) => ({
 				display: layoutMode?.startsWith("grid") ? "grid" : void 0,
@@ -1078,12 +1080,12 @@ const MRT_TableBody = ({ columnVirtualizer, table, ...rest }) => {
 				position: "relative",
 				...parseFromValuesOrFunc(tableBodyProps?.sx, theme)
 			}),
-			children: tableBodyProps?.children ?? (!rows.length ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", {
+			children: tableBodyProps?.children ?? (!rows.length ? /* @__PURE__ */ jsx("tr", {
 				style: { display: layoutMode?.startsWith("grid") ? "grid" : void 0 },
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+				children: /* @__PURE__ */ jsx("td", {
 					colSpan: table.getVisibleLeafColumns().length,
 					style: { display: layoutMode?.startsWith("grid") ? "grid" : void 0 },
-					children: renderEmptyRowsFallback?.({ table }) ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Typography, {
+					children: renderEmptyRowsFallback?.({ table }) ?? /* @__PURE__ */ jsx(Typography, {
 						sx: {
 							color: "text.secondary",
 							fontStyle: "italic",
@@ -1095,12 +1097,13 @@ const MRT_TableBody = ({ columnVirtualizer, table, ...rest }) => {
 						children: globalFilter || columnFilters.length ? localization.noResultsFound : localization.noRecordsToDisplay
 					})
 				})
-			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: (virtualRows ?? rows).map((rowOrVirtualRow, staticRowIndex) => {
+			}) : /* @__PURE__ */ jsx(Fragment$1, { children: (virtualRows ?? rows).map((rowOrVirtualRow, staticRowIndex) => {
 				let row = rowOrVirtualRow;
 				if (rowVirtualizer) {
-					if (renderDetailPanel) if (rowOrVirtualRow.index % 2 === 1) return null;
-					else staticRowIndex = rowOrVirtualRow.index / 2;
-					else staticRowIndex = rowOrVirtualRow.index;
+					if (renderDetailPanel) {
+						if (rowOrVirtualRow.index % 2 === 1) return null;
+						else staticRowIndex = rowOrVirtualRow.index / 2;
+					} else staticRowIndex = rowOrVirtualRow.index;
 					row = rows[staticRowIndex];
 				}
 				const props = {
@@ -1112,10 +1115,10 @@ const MRT_TableBody = ({ columnVirtualizer, table, ...rest }) => {
 					virtualRow: rowVirtualizer ? rowOrVirtualRow : void 0
 				};
 				const key = `${row.id}-${row.index}`;
-				return memoMode === "rows" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Memo_MRT_TableBodyRow, { ...props }, key) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_TableBodyRow, { ...props }, key);
+				return memoMode === "rows" ? /* @__PURE__ */ jsx(Memo_MRT_TableBodyRow, { ...props }, key) : /* @__PURE__ */ jsx(MRT_TableBodyRow, { ...props }, key);
 			}) }))
 		}),
-		!rowPinningDisplayMode?.includes("sticky") && getIsSomeRowsPinned("bottom") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TableBody, {
+		!rowPinningDisplayMode?.includes("sticky") && getIsSomeRowsPinned("bottom") && /* @__PURE__ */ jsx(TableBody, {
 			...tableBodyProps,
 			sx: (theme) => ({
 				bottom: tableFooterHeight - 1,
@@ -1130,20 +1133,20 @@ const MRT_TableBody = ({ columnVirtualizer, table, ...rest }) => {
 					row,
 					staticRowIndex
 				};
-				return memoMode === "rows" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Memo_MRT_TableBodyRow, { ...props }, row.id) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_TableBodyRow, { ...props }, row.id);
+				return memoMode === "rows" ? /* @__PURE__ */ jsx(Memo_MRT_TableBodyRow, { ...props }, row.id) : /* @__PURE__ */ jsx(MRT_TableBodyRow, { ...props }, row.id);
 			})
 		})
 	] });
 };
-const Memo_MRT_TableBody = (0, react.memo)(MRT_TableBody, (prev, next) => prev.table.options.data === next.table.options.data);
+const Memo_MRT_TableBody = memo(MRT_TableBody, (prev, next) => prev.table.options.data === next.table.options.data);
 //#endregion
 //#region src/components/buttons/MRT_GrabHandleButton.tsx
 const MRT_GrabHandleButton = ({ location, table, ...rest }) => {
 	const { options: { icons: { DragHandleIcon }, localization } } = table;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Tooltip, {
+	return /* @__PURE__ */ jsx(Tooltip, {
 		...getCommonTooltipProps("top"),
 		title: rest?.title ?? localization.move,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.IconButton, {
+		children: /* @__PURE__ */ jsx(IconButton, {
 			"aria-label": rest.title ?? localization.move,
 			disableRipple: true,
 			draggable: "true",
@@ -1167,7 +1170,7 @@ const MRT_GrabHandleButton = ({ location, table, ...rest }) => {
 				...parseFromValuesOrFunc(rest?.sx, theme)
 			}),
 			title: void 0,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DragHandleIcon, {})
+			children: /* @__PURE__ */ jsx(DragHandleIcon, {})
 		})
 	});
 };
@@ -1196,7 +1199,7 @@ const MRT_TableBodyRowGrabHandle = ({ row, rowRef, table, ...rest }) => {
 		table.setDraggingRow(null);
 		table.setHoveredRow(null);
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_GrabHandleButton, {
+	return /* @__PURE__ */ jsx(MRT_GrabHandleButton, {
 		...iconButtonProps,
 		location: "row",
 		onDragEnd: handleDragEnd,
@@ -1209,17 +1212,17 @@ const MRT_TableBodyRowGrabHandle = ({ row, rowRef, table, ...rest }) => {
 const MRT_RowPinButton = ({ pinningPosition, row, table, ...rest }) => {
 	const { options: { icons: { CloseIcon, PushPinIcon }, localization, rowPinningDisplayMode } } = table;
 	const isPinned = row.getIsPinned();
-	const [tooltipOpened, setTooltipOpened] = (0, react.useState)(false);
+	const [tooltipOpened, setTooltipOpened] = useState(false);
 	const handleTogglePin = (event) => {
 		setTooltipOpened(false);
 		event.stopPropagation();
 		row.pin(isPinned ? false : pinningPosition);
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Tooltip, {
+	return /* @__PURE__ */ jsx(Tooltip, {
 		...getCommonTooltipProps(),
 		open: tooltipOpened,
 		title: isPinned ? localization.unpin : localization.pin,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.IconButton, {
+		children: /* @__PURE__ */ jsx(IconButton, {
 			"aria-label": localization.pin,
 			onBlur: () => setTooltipOpened(false),
 			onClick: handleTogglePin,
@@ -1233,7 +1236,7 @@ const MRT_RowPinButton = ({ pinningPosition, row, table, ...rest }) => {
 				width: "24px",
 				...parseFromValuesOrFunc(rest?.sx, theme)
 			}),
-			children: isPinned ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CloseIcon, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PushPinIcon, {
+			children: isPinned ? /* @__PURE__ */ jsx(CloseIcon, {}) : /* @__PURE__ */ jsx(PushPinIcon, {
 				fontSize: "small",
 				style: { transform: `rotate(${rowPinningDisplayMode === "sticky" ? 135 : pinningPosition === "top" ? 180 : 0}deg)` }
 			})
@@ -1243,28 +1246,28 @@ const MRT_RowPinButton = ({ pinningPosition, row, table, ...rest }) => {
 //#endregion
 //#region src/components/body/MRT_TableBodyRowPinButton.tsx
 const MRT_TableBodyRowPinButton = ({ row, table, ...rest }) => {
-	const { getState, options: { enableRowPinning, rowPinningDisplayMode } } = table;
-	const { density } = getState();
+	const { options: { enableRowPinning, rowPinningDisplayMode } } = table;
+	const { density } = table.state;
 	if (!parseFromValuesOrFunc(enableRowPinning, row)) return null;
 	const rowPinButtonProps = {
 		row,
 		table,
 		...rest
 	};
-	if (rowPinningDisplayMode === "top-and-bottom" && !row.getIsPinned()) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Box, {
+	if (rowPinningDisplayMode === "top-and-bottom" && !row.getIsPinned()) return /* @__PURE__ */ jsxs(Box, {
 		sx: {
 			display: "flex",
 			flexDirection: density === "compact" ? "row" : "column"
 		},
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_RowPinButton, {
+		children: [/* @__PURE__ */ jsx(MRT_RowPinButton, {
 			pinningPosition: "top",
 			...rowPinButtonProps
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_RowPinButton, {
+		}), /* @__PURE__ */ jsx(MRT_RowPinButton, {
 			pinningPosition: "bottom",
 			...rowPinButtonProps
 		})]
 	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_RowPinButton, {
+	return /* @__PURE__ */ jsx(MRT_RowPinButton, {
 		pinningPosition: rowPinningDisplayMode === "bottom" ? "bottom" : "top",
 		...rowPinButtonProps
 	});
@@ -1276,33 +1279,33 @@ const MRT_ColumnPinningButtons = ({ column, table, ...rest }) => {
 	const handlePinColumn = (pinDirection) => {
 		column.pin(pinDirection);
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Box, {
+	return /* @__PURE__ */ jsx(Box, {
 		...rest,
 		sx: (theme) => ({
 			minWidth: "70px",
 			textAlign: "center",
 			...parseFromValuesOrFunc(rest?.sx, theme)
 		}),
-		children: column.getIsPinned() ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Tooltip, {
+		children: column.getIsPinned() ? /* @__PURE__ */ jsx(Tooltip, {
 			title: localization.unpin,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.IconButton, {
+			children: /* @__PURE__ */ jsx(IconButton, {
 				onClick: () => handlePinColumn(false),
 				size: "small",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PushPinIcon, {})
+				children: /* @__PURE__ */ jsx(PushPinIcon, {})
 			})
-		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Tooltip, {
+		}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Tooltip, {
 			title: localization.pinToLeft,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.IconButton, {
-				onClick: () => handlePinColumn("left"),
+			children: /* @__PURE__ */ jsx(IconButton, {
+				onClick: () => handlePinColumn("start"),
 				size: "small",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PushPinIcon, { style: { transform: "rotate(90deg)" } })
+				children: /* @__PURE__ */ jsx(PushPinIcon, { style: { transform: "rotate(90deg)" } })
 			})
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Tooltip, {
+		}), /* @__PURE__ */ jsx(Tooltip, {
 			title: localization.pinToRight,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.IconButton, {
-				onClick: () => handlePinColumn("right"),
+			children: /* @__PURE__ */ jsx(IconButton, {
+				onClick: () => handlePinColumn("end"),
 				size: "small",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PushPinIcon, { style: { transform: "rotate(-90deg)" } })
+				children: /* @__PURE__ */ jsx(PushPinIcon, { style: { transform: "rotate(-90deg)" } })
 			})
 		})] })
 	});
@@ -1310,8 +1313,8 @@ const MRT_ColumnPinningButtons = ({ column, table, ...rest }) => {
 //#endregion
 //#region src/components/buttons/MRT_EditActionButtons.tsx
 const MRT_EditActionButtons = ({ row, table, variant = "icon", ...rest }) => {
-	const { getState, options: { icons: { CancelIcon, SaveIcon }, localization, onCreatingRowCancel, onCreatingRowSave, onEditingRowCancel, onEditingRowSave }, refs: { editInputRefs }, setCreatingRow, setEditingRow } = table;
-	const { creatingRow, editingRow, isSaving } = getState();
+	const { options: { icons: { CancelIcon, SaveIcon }, localization, onCreatingRowCancel, onCreatingRowSave, onEditingRowCancel, onEditingRowSave }, refs: { editInputRefs }, setCreatingRow, setEditingRow } = table;
+	const { creatingRow, editingRow, isSaving } = table.state;
 	const isCreating = creatingRow?.id === row.id;
 	const isEditing = editingRow?.id === row.id;
 	const handleCancel = () => {
@@ -1347,39 +1350,39 @@ const MRT_EditActionButtons = ({ row, table, variant = "icon", ...rest }) => {
 			values: row?._valuesCache
 		});
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Box, {
+	return /* @__PURE__ */ jsx(Box, {
 		onClick: (e) => e.stopPropagation(),
 		sx: (theme) => ({
 			display: "flex",
 			gap: "0.75rem",
 			...parseFromValuesOrFunc(rest?.sx, theme)
 		}),
-		children: variant === "icon" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Tooltip, {
+		children: variant === "icon" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Tooltip, {
 			title: localization.cancel,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.IconButton, {
+			children: /* @__PURE__ */ jsx(IconButton, {
 				"aria-label": localization.cancel,
 				onClick: handleCancel,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CancelIcon, {})
+				children: /* @__PURE__ */ jsx(CancelIcon, {})
 			})
-		}), (isCreating && onCreatingRowSave || isEditing && onEditingRowSave) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Tooltip, {
+		}), (isCreating && onCreatingRowSave || isEditing && onEditingRowSave) && /* @__PURE__ */ jsx(Tooltip, {
 			title: localization.save,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.IconButton, {
+			children: /* @__PURE__ */ jsx(IconButton, {
 				"aria-label": localization.save,
 				color: "info",
 				disabled: isSaving,
 				onClick: handleSubmitRow,
-				children: isSaving ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.CircularProgress, { size: 18 }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SaveIcon, {})
+				children: isSaving ? /* @__PURE__ */ jsx(CircularProgress, { size: 18 }) : /* @__PURE__ */ jsx(SaveIcon, {})
 			})
-		})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Button, {
+		})] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
 			onClick: handleCancel,
 			sx: { minWidth: "100px" },
 			children: localization.cancel
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Button, {
+		}), /* @__PURE__ */ jsxs(Button, {
 			disabled: isSaving,
 			onClick: handleSubmitRow,
 			sx: { minWidth: "100px" },
 			variant: "contained",
-			children: [isSaving && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.CircularProgress, {
+			children: [isSaving && /* @__PURE__ */ jsx(CircularProgress, {
 				color: "inherit",
 				size: 18
 			}), localization.save]
@@ -1389,17 +1392,17 @@ const MRT_EditActionButtons = ({ row, table, variant = "icon", ...rest }) => {
 //#endregion
 //#region src/components/buttons/MRT_ExpandAllButton.tsx
 const MRT_ExpandAllButton = ({ table, ...rest }) => {
-	const { getCanSomeRowsExpand, getIsAllRowsExpanded, getIsSomeRowsExpanded, getState, options: { icons: { KeyboardDoubleArrowDownIcon }, localization, muiExpandAllButtonProps, renderDetailPanel }, toggleAllRowsExpanded } = table;
-	const { density, isLoading } = getState();
+	const { getCanSomeRowsExpand, getIsAllRowsExpanded, getIsSomeRowsExpanded, options: { icons: { KeyboardDoubleArrowDownIcon }, localization, muiExpandAllButtonProps, renderDetailPanel }, toggleAllRowsExpanded } = table;
+	const { density, isLoading } = table.state;
 	const iconButtonProps = {
 		...parseFromValuesOrFunc(muiExpandAllButtonProps, { table }),
 		...rest
 	};
 	const isAllRowsExpanded = getIsAllRowsExpanded();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Tooltip, {
+	return /* @__PURE__ */ jsx(Tooltip, {
 		...getCommonTooltipProps(),
 		title: iconButtonProps?.title ?? (isAllRowsExpanded ? localization.collapseAll : localization.expandAll),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.IconButton, {
+		children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, {
 			"aria-label": localization.expandAll,
 			disabled: isLoading || !renderDetailPanel && !getCanSomeRowsExpand(),
 			onClick: () => toggleAllRowsExpanded(!isAllRowsExpanded),
@@ -1411,7 +1414,7 @@ const MRT_ExpandAllButton = ({ table, ...rest }) => {
 				...parseFromValuesOrFunc(iconButtonProps?.sx, theme)
 			}),
 			title: void 0,
-			children: iconButtonProps?.children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(KeyboardDoubleArrowDownIcon, { style: {
+			children: iconButtonProps?.children ?? /* @__PURE__ */ jsx(KeyboardDoubleArrowDownIcon, { style: {
 				transform: `rotate(${isAllRowsExpanded ? -180 : getIsSomeRowsExpanded() ? -90 : 0}deg)`,
 				transition: "transform 150ms"
 			} })
@@ -1421,9 +1424,9 @@ const MRT_ExpandAllButton = ({ table, ...rest }) => {
 //#endregion
 //#region src/components/buttons/MRT_ExpandButton.tsx
 const MRT_ExpandButton = ({ row, staticRowIndex, table }) => {
-	const theme = (0, _mui_material_styles.useTheme)();
-	const { getState, options: { icons: { ExpandMoreIcon }, localization, muiExpandButtonProps, positionExpandColumn, renderDetailPanel } } = table;
-	const { density } = getState();
+	const theme = useTheme();
+	const { options: { icons: { ExpandMoreIcon }, localization, muiExpandButtonProps, positionExpandColumn, renderDetailPanel } } = table;
+	const { density } = table.state;
 	const iconButtonProps = parseFromValuesOrFunc(muiExpandButtonProps, {
 		row,
 		staticRowIndex,
@@ -1440,11 +1443,11 @@ const MRT_ExpandButton = ({ row, staticRowIndex, table }) => {
 		row,
 		table
 	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Tooltip, {
+	return /* @__PURE__ */ jsx(Tooltip, {
 		disableHoverListener: !canExpand && !detailPanel,
 		...getCommonTooltipProps(),
 		title: iconButtonProps?.title ?? (isExpanded ? localization.collapse : localization.expand),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.IconButton, {
+		children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, {
 			"aria-label": localization.expand,
 			disabled: !canExpand && !detailPanel,
 			...iconButtonProps,
@@ -1457,7 +1460,7 @@ const MRT_ExpandButton = ({ row, staticRowIndex, table }) => {
 				...parseFromValuesOrFunc(iconButtonProps?.sx, theme)
 			}),
 			title: void 0,
-			children: iconButtonProps?.children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExpandMoreIcon, { style: {
+			children: iconButtonProps?.children ?? /* @__PURE__ */ jsx(ExpandMoreIcon, { style: {
 				transform: `rotate(${!canExpand && !renderDetailPanel ? positionExpandColumn === "last" || theme.direction === "rtl" ? 90 : -90 : isExpanded ? -180 : 0}deg)`,
 				transition: "transform 150ms"
 			} })
@@ -1466,12 +1469,14 @@ const MRT_ExpandButton = ({ row, staticRowIndex, table }) => {
 };
 //#endregion
 //#region src/utils/column.utils.ts
-const getColumnId = (columnDef) => columnDef.id ?? columnDef.accessorKey?.toString?.() ?? columnDef.header;
+const getSubColumnDefs = (columnDef) => "columns" in columnDef ? columnDef.columns : void 0;
+const getColumnId = (columnDef) => columnDef.id ?? ("accessorKey" in columnDef ? columnDef.accessorKey?.toString?.() : void 0) ?? columnDef.header;
 const getAllLeafColumnDefs = (columns) => {
 	const allLeafColumnDefs = [];
 	const getLeafColumns = (cols) => {
 		cols.forEach((col) => {
-			if (col.columns) getLeafColumns(col.columns);
+			const subColumnDefs = getSubColumnDefs(col);
+			if (subColumnDefs) getLeafColumns(subColumnDefs);
 			else allLeafColumnDefs.push(col);
 		});
 	};
@@ -1479,26 +1484,27 @@ const getAllLeafColumnDefs = (columns) => {
 	return allLeafColumnDefs;
 };
 const prepareColumns = ({ columnDefs, tableOptions }) => {
-	const { aggregationFns = {}, defaultDisplayColumn, filterFns = {}, sortingFns = {}, state: { columnFilterFns = {} } = {} } = tableOptions;
+	const { aggregationFns = {}, defaultDisplayColumn, filterFns = {}, sortFns = {}, state: { columnFilterFns = {} } = {} } = tableOptions;
 	return columnDefs.map((columnDef) => {
 		if (!columnDef.id) columnDef.id = getColumnId(columnDef);
 		if (!columnDef.columnDefType) columnDef.columnDefType = "data";
-		if (columnDef.columns?.length) {
+		const subColumnDefs = getSubColumnDefs(columnDef);
+		if (subColumnDefs?.length && "columns" in columnDef) {
 			columnDef.columnDefType = "group";
 			columnDef.columns = prepareColumns({
-				columnDefs: columnDef.columns,
+				columnDefs: [...subColumnDefs],
 				tableOptions
 			});
 		} else if (columnDef.columnDefType === "data") {
 			if (Array.isArray(columnDef.aggregationFn)) {
 				const aggFns = columnDef.aggregationFn;
-				columnDef.aggregationFn = (columnId, leafRows, childRows) => aggFns.map((fn) => aggregationFns[fn]?.(columnId, leafRows, childRows));
+				columnDef.aggregationFn = { aggregate: (context) => aggFns.map((fn) => aggregationFns[fn]?.aggregate(context)) };
 			}
 			if (Object.keys(filterFns).includes(columnFilterFns[columnDef.id])) {
 				columnDef.filterFn = filterFns[columnFilterFns[columnDef.id]] ?? filterFns.fuzzy;
 				columnDef._filterFn = columnFilterFns[columnDef.id];
 			}
-			if (Object.keys(sortingFns).includes(columnDef.sortingFn)) columnDef.sortingFn = sortingFns[columnDef.sortingFn];
+			if (Object.keys(sortFns).includes(columnDef.sortFn)) columnDef.sortFn = sortFns[columnDef.sortFn];
 		} else if (columnDef.columnDefType === "display") columnDef = {
 			...defaultDisplayColumn,
 			...columnDef
@@ -1526,15 +1532,15 @@ const getColumnFilterInfo = ({ header, table }) => {
 	const { filterVariant } = columnDef;
 	const isDateFilter = !!(filterVariant?.startsWith("date") || filterVariant?.startsWith("time"));
 	const isAutocompleteFilter = filterVariant === "autocomplete";
+	const currentFilterOption = columnDef._filterFn ?? getDefaultColumnFilterFn(columnDef);
 	const isRangeFilter = filterVariant?.includes("range") || [
 		"between",
 		"betweenInclusive",
 		"inNumberRange"
-	].includes(columnDef._filterFn);
+	].includes(currentFilterOption);
 	const isSelectFilter = filterVariant === "select";
 	const isMultiSelectFilter = filterVariant === "multi-select";
 	const isTextboxFilter = ["autocomplete", "text"].includes(filterVariant) || !isSelectFilter && !isMultiSelectFilter;
-	const currentFilterOption = columnDef._filterFn;
 	return {
 		allowedColumnFilterOptions: columnDef?.columnFilterModeOptions ?? columnFilterModeOptions,
 		currentFilterOption,
@@ -1554,7 +1560,7 @@ const useDropdownOptions = ({ header, table }) => {
 		header,
 		table
 	});
-	return (0, react.useMemo)(() => columnDef.filterSelectOptions ?? ((isSelectFilter || isMultiSelectFilter || isAutocompleteFilter) && facetedUniqueValues ? Array.from(facetedUniqueValues.keys()).filter((value) => value !== null && value !== void 0).sort((a, b) => a.localeCompare(b)) : void 0), [
+	return useMemo(() => columnDef.filterSelectOptions ?? ((isSelectFilter || isMultiSelectFilter || isAutocompleteFilter) && facetedUniqueValues ? Array.from(facetedUniqueValues.keys()).filter((value) => value !== null && value !== void 0).sort((a, b) => a.localeCompare(b)) : void 0), [
 		columnDef.filterSelectOptions,
 		facetedUniqueValues,
 		isMultiSelectFilter,
@@ -1621,8 +1627,8 @@ const getDefaultColumnOrderIds = (tableOptions, reset = false) => {
 //#endregion
 //#region src/components/menus/MRT_ShowHideColumnsMenuItems.tsx
 const MRT_ShowHideColumnsMenuItems = ({ allColumns, column, hoveredColumn, isNestedColumns, setHoveredColumn, table, ...rest }) => {
-	const { getState, options: { enableColumnOrdering, enableColumnPinning, enableHiding, localization, mrtTheme: { draggingBorderColor } }, setColumnOrder, setColumnPinning } = table;
-	const { columnOrder } = getState();
+	const { options: { enableColumnOrdering, enableColumnPinning, enableHiding, localization, mrtTheme: { draggingBorderColor } }, setColumnOrder, setColumnPinning } = table;
+	const { columnOrder } = table.state;
 	const { columnDef } = column;
 	const { columnDefType } = columnDef;
 	const switchChecked = column.getIsVisible();
@@ -1632,8 +1638,8 @@ const MRT_ShowHideColumnsMenuItems = ({ allColumns, column, hoveredColumn, isNes
 		});
 		else column.toggleVisibility();
 	};
-	const menuItemRef = (0, react.useRef)(null);
-	const [isDragging, setIsDragging] = (0, react.useState)(false);
+	const menuItemRef = useRef(null);
+	const [isDragging, setIsDragging] = useState(false);
 	const handleDragStart = (e) => {
 		setIsDragging(true);
 		try {
@@ -1648,9 +1654,9 @@ const MRT_ShowHideColumnsMenuItems = ({ allColumns, column, hoveredColumn, isNes
 		if (hoveredColumn) {
 			const reorderedColumns = reorderColumn(column, hoveredColumn, columnOrder);
 			setColumnOrder(reorderedColumns);
-			setColumnPinning(({ left = [], right = [] }) => ({
-				left: reorderedColumns.filter((header) => left.includes(header)),
-				right: reorderedColumns.filter((header) => right.includes(header))
+			setColumnPinning(({ end = [], start = [] }) => ({
+				end: reorderedColumns.filter((header) => end.includes(header)),
+				start: reorderedColumns.filter((header) => start.includes(header))
 			}));
 		}
 	};
@@ -1658,7 +1664,7 @@ const MRT_ShowHideColumnsMenuItems = ({ allColumns, column, hoveredColumn, isNes
 		if (!isDragging && columnDef.enableColumnOrdering !== false) setHoveredColumn(column);
 	};
 	if (!columnDef.header || columnDef.visibleInShowHideMenu === false) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.MenuItem, {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(MenuItem, {
 		disableRipple: true,
 		onDragEnter: handleDragEnter,
 		ref: menuItemRef,
@@ -1674,28 +1680,28 @@ const MRT_ShowHideColumnsMenuItems = ({ allColumns, column, hoveredColumn, isNes
 			py: "6px",
 			...parseFromValuesOrFunc(rest?.sx, theme)
 		}),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Box, {
+		children: /* @__PURE__ */ jsxs(Box, {
 			sx: {
 				display: "flex",
 				flexWrap: "nowrap",
 				gap: "8px"
 			},
 			children: [
-				columnDefType !== "group" && enableColumnOrdering && !isNestedColumns && (columnDef.enableColumnOrdering !== false ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_GrabHandleButton, {
+				columnDefType !== "group" && enableColumnOrdering && !isNestedColumns && (columnDef.enableColumnOrdering !== false ? /* @__PURE__ */ jsx(MRT_GrabHandleButton, {
 					onDragEnd: handleDragEnd,
 					onDragStart: handleDragStart,
 					table
-				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Box, { sx: { width: "28px" } })),
-				enableColumnPinning && (column.getCanPin() ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_ColumnPinningButtons, {
+				}) : /* @__PURE__ */ jsx(Box, { sx: { width: "28px" } })),
+				enableColumnPinning && (column.getCanPin() ? /* @__PURE__ */ jsx(MRT_ColumnPinningButtons, {
 					column,
 					table
-				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Box, { sx: { width: "70px" } })),
-				enableHiding ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.FormControlLabel, {
+				}) : /* @__PURE__ */ jsx(Box, { sx: { width: "70px" } })),
+				enableHiding ? /* @__PURE__ */ jsx(FormControlLabel, {
 					checked: switchChecked,
-					control: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Tooltip, {
+					control: /* @__PURE__ */ jsx(Tooltip, {
 						...getCommonTooltipProps(),
 						title: localization.toggleVisibility,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Switch, {})
+						children: /* @__PURE__ */ jsx(Switch, {})
 					}),
 					disabled: !column.getCanHide(),
 					label: columnDef.header,
@@ -1704,13 +1710,13 @@ const MRT_ShowHideColumnsMenuItems = ({ allColumns, column, hoveredColumn, isNes
 						mb: 0,
 						opacity: columnDefType !== "display" ? 1 : .5
 					} } }
-				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Typography, {
+				}) : /* @__PURE__ */ jsx(Typography, {
 					sx: { alignSelf: "center" },
 					children: columnDef.header
 				})
 			]
 		})
-	}), column.columns?.map((c, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_ShowHideColumnsMenuItems, {
+	}), column.columns?.map((c, i) => /* @__PURE__ */ jsx(MRT_ShowHideColumnsMenuItems, {
 		allColumns,
 		column: c,
 		hoveredColumn,
@@ -1722,8 +1728,8 @@ const MRT_ShowHideColumnsMenuItems = ({ allColumns, column, hoveredColumn, isNes
 //#endregion
 //#region src/components/menus/MRT_ShowHideColumnsMenu.tsx
 const MRT_ShowHideColumnsMenu = ({ anchorEl, setAnchorEl, table, ...rest }) => {
-	const { getAllColumns, getAllLeafColumns, getCenterLeafColumns, getIsAllColumnsVisible, getIsSomeColumnsPinned, getIsSomeColumnsVisible, getLeftLeafColumns, getRightLeafColumns, getState, initialState, options: { enableColumnOrdering, enableColumnPinning, enableHiding, localization, mrtTheme: { menuBackgroundColor } } } = table;
-	const { columnOrder, columnPinning, density } = getState();
+	const { getAllColumns, getAllLeafColumns, getCenterLeafColumns, getIsAllColumnsVisible, getIsSomeColumnsPinned, getIsSomeColumnsVisible, getLeftLeafColumns, getRightLeafColumns, initialState, options: { enableColumnOrdering, enableColumnPinning, enableHiding, localization, mrtTheme: { menuBackgroundColor } } } = table;
+	const { columnOrder, columnPinning, density } = table.state;
 	const handleToggleAllColumns = (value) => {
 		const updates = getAllLeafColumns().filter((column) => column.columnDef.enableHiding !== false).reduce((acc, column) => {
 			acc[column.id] = value ?? !column.getIsVisible();
@@ -1734,7 +1740,7 @@ const MRT_ShowHideColumnsMenu = ({ anchorEl, setAnchorEl, table, ...rest }) => {
 			...updates
 		}));
 	};
-	const allColumns = (0, react.useMemo)(() => {
+	const allColumns = useMemo(() => {
 		const columns = getAllColumns();
 		if (columnOrder.length > 0 && !columns.some((col) => col.columnDef.columnDefType === "group")) return [
 			...getLeftLeafColumns(),
@@ -1751,9 +1757,9 @@ const MRT_ShowHideColumnsMenu = ({ anchorEl, setAnchorEl, table, ...rest }) => {
 		getRightLeafColumns()
 	]);
 	const isNestedColumns = allColumns.some((col) => col.columnDef.columnDefType === "group");
-	const hasColumnOrderChanged = (0, react.useMemo)(() => columnOrder.length !== initialState.columnOrder.length || !columnOrder.every((column, index) => column === initialState.columnOrder[index]), [columnOrder, initialState.columnOrder]);
-	const [hoveredColumn, setHoveredColumn] = (0, react.useState)(null);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Menu, {
+	const hasColumnOrderChanged = useMemo(() => columnOrder.length !== initialState.columnOrder.length || !columnOrder.every((column, index) => column === initialState.columnOrder[index]), [columnOrder, initialState.columnOrder]);
+	const [hoveredColumn, setHoveredColumn] = useState(null);
+	return /* @__PURE__ */ jsxs(Menu, {
 		anchorEl,
 		disableScrollLock: true,
 		onClose: () => setAnchorEl(null),
@@ -1764,7 +1770,7 @@ const MRT_ShowHideColumnsMenu = ({ anchorEl, setAnchorEl, table, ...rest }) => {
 		} },
 		...rest,
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Box, {
+			/* @__PURE__ */ jsxs(Box, {
 				sx: {
 					display: "flex",
 					justifyContent: "space-between",
@@ -1772,30 +1778,30 @@ const MRT_ShowHideColumnsMenu = ({ anchorEl, setAnchorEl, table, ...rest }) => {
 					pt: 0
 				},
 				children: [
-					enableHiding && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Button, {
+					enableHiding && /* @__PURE__ */ jsx(Button, {
 						disabled: !getIsSomeColumnsVisible(),
 						onClick: () => handleToggleAllColumns(false),
 						children: localization.hideAll
 					}),
-					enableColumnOrdering && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Button, {
+					enableColumnOrdering && /* @__PURE__ */ jsx(Button, {
 						disabled: !hasColumnOrderChanged,
 						onClick: () => table.setColumnOrder(getDefaultColumnOrderIds(table.options, true)),
 						children: localization.resetOrder
 					}),
-					enableColumnPinning && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Button, {
+					enableColumnPinning && /* @__PURE__ */ jsx(Button, {
 						disabled: !getIsSomeColumnsPinned(),
 						onClick: () => table.resetColumnPinning(true),
 						children: localization.unpinAll
 					}),
-					enableHiding && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Button, {
+					enableHiding && /* @__PURE__ */ jsx(Button, {
 						disabled: getIsAllColumnsVisible(),
 						onClick: () => handleToggleAllColumns(true),
 						children: localization.showAll
 					})
 				]
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Divider, {}),
-			allColumns.map((column, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_ShowHideColumnsMenuItems, {
+			/* @__PURE__ */ jsx(Divider, {}),
+			allColumns.map((column, index) => /* @__PURE__ */ jsx(MRT_ShowHideColumnsMenuItems, {
 				allColumns,
 				column,
 				hoveredColumn,
@@ -1810,20 +1816,20 @@ const MRT_ShowHideColumnsMenu = ({ anchorEl, setAnchorEl, table, ...rest }) => {
 //#region src/components/buttons/MRT_ShowHideColumnsButton.tsx
 const MRT_ShowHideColumnsButton = ({ table, ...rest }) => {
 	const { options: { icons: { ViewColumnIcon }, localization } } = table;
-	const [anchorEl, setAnchorEl] = (0, react.useState)(null);
+	const [anchorEl, setAnchorEl] = useState(null);
 	const handleClick = (event) => {
 		setAnchorEl(event.currentTarget);
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Tooltip, {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Tooltip, {
 		title: rest?.title ?? localization.showHideColumns,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.IconButton, {
+		children: /* @__PURE__ */ jsx(IconButton, {
 			"aria-label": localization.showHideColumns,
 			onClick: handleClick,
 			...rest,
 			title: void 0,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ViewColumnIcon, {})
+			children: /* @__PURE__ */ jsx(ViewColumnIcon, {})
 		})
-	}), anchorEl && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_ShowHideColumnsMenu, {
+	}), anchorEl && /* @__PURE__ */ jsx(MRT_ShowHideColumnsMenu, {
 		anchorEl,
 		setAnchorEl,
 		table
@@ -1832,55 +1838,55 @@ const MRT_ShowHideColumnsButton = ({ table, ...rest }) => {
 //#endregion
 //#region src/components/buttons/MRT_ToggleDensePaddingButton.tsx
 const MRT_ToggleDensePaddingButton = ({ table, ...rest }) => {
-	const { getState, options: { icons: { DensityLargeIcon, DensityMediumIcon, DensitySmallIcon }, localization }, setDensity } = table;
-	const { density } = getState();
+	const { options: { icons: { DensityLargeIcon, DensityMediumIcon, DensitySmallIcon }, localization }, setDensity } = table;
+	const { density } = table.state;
 	const handleToggleDensePadding = () => {
 		setDensity(density === "comfortable" ? "compact" : density === "compact" ? "spacious" : "comfortable");
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Tooltip, {
+	return /* @__PURE__ */ jsx(Tooltip, {
 		title: rest?.title ?? localization.toggleDensity,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.IconButton, {
+		children: /* @__PURE__ */ jsx(IconButton, {
 			"aria-label": localization.toggleDensity,
 			onClick: handleToggleDensePadding,
 			...rest,
 			title: void 0,
-			children: density === "compact" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DensitySmallIcon, {}) : density === "comfortable" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DensityMediumIcon, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DensityLargeIcon, {})
+			children: density === "compact" ? /* @__PURE__ */ jsx(DensitySmallIcon, {}) : density === "comfortable" ? /* @__PURE__ */ jsx(DensityMediumIcon, {}) : /* @__PURE__ */ jsx(DensityLargeIcon, {})
 		})
 	});
 };
 //#endregion
 //#region src/components/buttons/MRT_ToggleFiltersButton.tsx
 const MRT_ToggleFiltersButton = ({ table, ...rest }) => {
-	const { getState, options: { icons: { FilterListIcon, FilterListOffIcon }, localization }, setShowColumnFilters } = table;
-	const { showColumnFilters } = getState();
+	const { options: { icons: { FilterListIcon, FilterListOffIcon }, localization }, setShowColumnFilters } = table;
+	const { showColumnFilters } = table.state;
 	const handleToggleShowFilters = () => {
 		setShowColumnFilters(!showColumnFilters);
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Tooltip, {
+	return /* @__PURE__ */ jsx(Tooltip, {
 		title: rest?.title ?? localization.showHideFilters,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.IconButton, {
+		children: /* @__PURE__ */ jsx(IconButton, {
 			"aria-label": localization.showHideFilters,
 			onClick: handleToggleShowFilters,
 			...rest,
 			title: void 0,
-			children: showColumnFilters ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FilterListOffIcon, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FilterListIcon, {})
+			children: showColumnFilters ? /* @__PURE__ */ jsx(FilterListOffIcon, {}) : /* @__PURE__ */ jsx(FilterListIcon, {})
 		})
 	});
 };
 //#endregion
 //#region src/components/buttons/MRT_ToggleFullScreenButton.tsx
 const MRT_ToggleFullScreenButton = ({ table, ...rest }) => {
-	const { getState, options: { icons: { FullscreenExitIcon, FullscreenIcon }, localization }, setIsFullScreen } = table;
-	const { isFullScreen } = getState();
-	const [tooltipOpened, setTooltipOpened] = (0, react.useState)(false);
+	const { options: { icons: { FullscreenExitIcon, FullscreenIcon }, localization }, setIsFullScreen } = table;
+	const { isFullScreen } = table.state;
+	const [tooltipOpened, setTooltipOpened] = useState(false);
 	const handleToggleFullScreen = () => {
 		setTooltipOpened(false);
 		setIsFullScreen(!isFullScreen);
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Tooltip, {
+	return /* @__PURE__ */ jsx(Tooltip, {
 		open: tooltipOpened,
 		title: rest?.title ?? localization.toggleFullScreen,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.IconButton, {
+		children: /* @__PURE__ */ jsx(IconButton, {
 			"aria-label": localization.toggleFullScreen,
 			onBlur: () => setTooltipOpened(false),
 			onClick: handleToggleFullScreen,
@@ -1889,28 +1895,28 @@ const MRT_ToggleFullScreenButton = ({ table, ...rest }) => {
 			onMouseLeave: () => setTooltipOpened(false),
 			...rest,
 			title: void 0,
-			children: isFullScreen ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FullscreenExitIcon, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FullscreenIcon, {})
+			children: isFullScreen ? /* @__PURE__ */ jsx(FullscreenExitIcon, {}) : /* @__PURE__ */ jsx(FullscreenIcon, {})
 		})
 	});
 };
 //#endregion
 //#region src/components/buttons/MRT_ToggleGlobalFilterButton.tsx
 const MRT_ToggleGlobalFilterButton = ({ table, ...rest }) => {
-	const { getState, options: { icons: { SearchIcon, SearchOffIcon }, localization }, refs: { searchInputRef }, setShowGlobalFilter } = table;
-	const { globalFilter, showGlobalFilter } = getState();
+	const { options: { icons: { SearchIcon, SearchOffIcon }, localization }, refs: { searchInputRef }, setShowGlobalFilter } = table;
+	const { globalFilter, showGlobalFilter } = table.state;
 	const handleToggleSearch = () => {
 		setShowGlobalFilter(!showGlobalFilter);
 		queueMicrotask(() => searchInputRef.current?.focus());
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Tooltip, {
+	return /* @__PURE__ */ jsx(Tooltip, {
 		title: rest?.title ?? localization.showHideSearch,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.IconButton, {
+		children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, {
 			"aria-label": rest?.title ?? localization.showHideSearch,
 			disabled: !!globalFilter && showGlobalFilter,
 			onClick: handleToggleSearch,
 			...rest,
 			title: void 0,
-			children: showGlobalFilter ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchOffIcon, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchIcon, {})
+			children: showGlobalFilter ? /* @__PURE__ */ jsx(SearchOffIcon, {}) : /* @__PURE__ */ jsx(SearchIcon, {})
 		}) })
 	});
 };
@@ -1918,7 +1924,7 @@ const MRT_ToggleGlobalFilterButton = ({ table, ...rest }) => {
 //#region src/components/menus/MRT_ActionMenuItem.tsx
 const MRT_ActionMenuItem = ({ icon, label, onOpenSubMenu, table, ...rest }) => {
 	const { options: { icons: { ArrowRightIcon } } } = table;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.MenuItem, {
+	return /* @__PURE__ */ jsxs(MenuItem, {
 		sx: {
 			alignItems: "center",
 			justifyContent: "space-between",
@@ -1928,30 +1934,30 @@ const MRT_ActionMenuItem = ({ icon, label, onOpenSubMenu, table, ...rest }) => {
 		},
 		tabIndex: 0,
 		...rest,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Box, {
+		children: [/* @__PURE__ */ jsxs(Box, {
 			sx: {
 				alignItems: "center",
 				display: "flex"
 			},
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.ListItemIcon, { children: icon }), label]
-		}), onOpenSubMenu && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.IconButton, {
+			children: [/* @__PURE__ */ jsx(ListItemIcon, { children: icon }), label]
+		}), onOpenSubMenu && /* @__PURE__ */ jsx(IconButton, {
 			onClick: onOpenSubMenu,
 			onMouseEnter: onOpenSubMenu,
 			size: "small",
 			sx: { p: 0 },
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ArrowRightIcon, {})
+			children: /* @__PURE__ */ jsx(ArrowRightIcon, {})
 		})]
 	});
 };
 //#endregion
 //#region src/components/menus/MRT_RowActionMenu.tsx
 const MRT_RowActionMenu = ({ anchorEl, handleEdit, row, setAnchorEl, staticRowIndex, table, ...rest }) => {
-	const { getState, options: { editDisplayMode, enableEditing, icons: { EditIcon }, localization, mrtTheme: { menuBackgroundColor }, renderRowActionMenuItems } } = table;
-	const { density } = getState();
-	const menuItems = (0, react.useMemo)(() => {
+	const { options: { editDisplayMode, enableEditing, icons: { EditIcon }, localization, mrtTheme: { menuBackgroundColor }, renderRowActionMenuItems } } = table;
+	const { density } = table.state;
+	const menuItems = useMemo(() => {
 		const items = [];
-		const editItem = parseFromValuesOrFunc(enableEditing, row) && ["modal", "row"].includes(editDisplayMode) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_ActionMenuItem, {
-			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EditIcon, {}),
+		const editItem = parseFromValuesOrFunc(enableEditing, row) && ["modal", "row"].includes(editDisplayMode) && /* @__PURE__ */ jsx(MRT_ActionMenuItem, {
+			icon: /* @__PURE__ */ jsx(EditIcon, {}),
 			label: localization.edit,
 			onClick: handleEdit,
 			table
@@ -1972,7 +1978,7 @@ const MRT_RowActionMenu = ({ anchorEl, handleEdit, row, setAnchorEl, staticRowIn
 		table
 	]);
 	if (!menuItems.length) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Menu, {
+	return /* @__PURE__ */ jsx(Menu, {
 		anchorEl,
 		disableScrollLock: true,
 		onClick: (event) => event.stopPropagation(),
@@ -1997,12 +2003,12 @@ const commonIconButtonStyles = {
 	width: "2rem"
 };
 const MRT_ToggleRowActionMenuButton = ({ cell, row, staticRowIndex, table, ...rest }) => {
-	const { getState, options: { createDisplayMode, editDisplayMode, enableEditing, icons: { EditIcon, MoreHorizIcon }, localization, renderRowActionMenuItems, renderRowActions }, setEditingRow } = table;
-	const { creatingRow, editingRow } = getState();
+	const { options: { createDisplayMode, editDisplayMode, enableEditing, icons: { EditIcon, MoreHorizIcon }, localization, renderRowActionMenuItems, renderRowActions }, setEditingRow } = table;
+	const { creatingRow, editingRow } = table.state;
 	const isCreating = creatingRow?.id === row.id;
 	const isEditing = editingRow?.id === row.id;
 	const showEditActionButtons = isCreating && createDisplayMode === "row" || isEditing && editDisplayMode === "row";
-	const [anchorEl, setAnchorEl] = (0, react.useState)(null);
+	const [anchorEl, setAnchorEl] = useState(null);
 	const handleOpenRowActionMenu = (event) => {
 		event.stopPropagation();
 		event.preventDefault();
@@ -2010,43 +2016,43 @@ const MRT_ToggleRowActionMenuButton = ({ cell, row, staticRowIndex, table, ...re
 	};
 	const handleStartEditMode = (event) => {
 		event.stopPropagation();
-		setEditingRow({ ...row });
+		setEditingRow(row);
 		setAnchorEl(null);
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: renderRowActions && !showEditActionButtons ? renderRowActions({
+	return /* @__PURE__ */ jsx(Fragment$1, { children: renderRowActions && !showEditActionButtons ? renderRowActions({
 		cell,
 		row,
 		staticRowIndex,
 		table
-	}) : showEditActionButtons ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_EditActionButtons, {
+	}) : showEditActionButtons ? /* @__PURE__ */ jsx(MRT_EditActionButtons, {
 		row,
 		table
-	}) : !renderRowActionMenuItems && parseFromValuesOrFunc(enableEditing, row) && ["modal", "row"].includes(editDisplayMode) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Tooltip, {
+	}) : !renderRowActionMenuItems && parseFromValuesOrFunc(enableEditing, row) && ["modal", "row"].includes(editDisplayMode) ? /* @__PURE__ */ jsx(Tooltip, {
 		placement: "right",
 		title: localization.edit,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.IconButton, {
+		children: /* @__PURE__ */ jsx(IconButton, {
 			"aria-label": localization.edit,
 			onClick: handleStartEditMode,
 			sx: commonIconButtonStyles,
 			...rest,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EditIcon, {})
+			children: /* @__PURE__ */ jsx(EditIcon, {})
 		})
 	}) : renderRowActionMenuItems?.({
 		row,
 		staticRowIndex,
 		table
-	})?.length ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Tooltip, {
+	})?.length ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Tooltip, {
 		...getCommonTooltipProps(),
 		title: localization.rowActions,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.IconButton, {
+		children: /* @__PURE__ */ jsx(IconButton, {
 			"aria-label": localization.rowActions,
 			onClick: handleOpenRowActionMenu,
 			size: "small",
 			sx: commonIconButtonStyles,
 			...rest,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MoreHorizIcon, {})
+			children: /* @__PURE__ */ jsx(MoreHorizIcon, {})
 		})
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_RowActionMenu, {
+	}), /* @__PURE__ */ jsx(MRT_RowActionMenu, {
 		anchorEl,
 		handleEdit: handleStartEditMode,
 		row,
@@ -2058,9 +2064,9 @@ const MRT_ToggleRowActionMenuButton = ({ cell, row, staticRowIndex, table, ...re
 //#endregion
 //#region src/components/footer/MRT_TableFooterCell.tsx
 const MRT_TableFooterCell = ({ footer, staticColumnIndex, table, ...rest }) => {
-	const theme = (0, _mui_material_styles.useTheme)();
-	const { getState, options: { enableColumnPinning, enableKeyboardShortcuts, muiTableFooterCellProps } } = table;
-	const { density } = getState();
+	const theme = useTheme();
+	const { options: { enableColumnPinning, enableKeyboardShortcuts, muiTableFooterCellProps } } = table;
+	const { density } = table.state;
 	const { column } = footer;
 	const { columnDef } = column;
 	const { columnDefType } = columnDef;
@@ -2082,7 +2088,7 @@ const MRT_TableFooterCell = ({ footer, staticColumnIndex, table, ...rest }) => {
 			table
 		});
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TableCell, {
+	return /* @__PURE__ */ jsx(TableCell, {
 		align: columnDefType === "group" ? "center" : theme.direction === "rtl" ? "right" : "left",
 		colSpan: footer.colSpan,
 		"data-index": staticColumnIndex,
@@ -2124,7 +2130,7 @@ const MRT_TableFooterRow = ({ columnVirtualizer, footerGroup, table, ...rest })
 		}),
 		...rest
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.TableRow, {
+	return /* @__PURE__ */ jsxs(TableRow, {
 		...tableRowProps,
 		sx: (theme) => ({
 			backgroundColor: baseBackgroundColor,
@@ -2134,7 +2140,7 @@ const MRT_TableFooterRow = ({ columnVirtualizer, footerGroup, table, ...rest })
 			...parseFromValuesOrFunc(tableRowProps?.sx, theme)
 		}),
 		children: [
-			virtualPaddingLeft ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { style: {
+			virtualPaddingLeft ? /* @__PURE__ */ jsx("th", { style: {
 				display: "flex",
 				width: virtualPaddingLeft
 			} }) : null,
@@ -2144,13 +2150,13 @@ const MRT_TableFooterRow = ({ columnVirtualizer, footerGroup, table, ...rest })
 					staticColumnIndex = footerOrVirtualFooter.index;
 					footer = footerGroup.headers[staticColumnIndex];
 				}
-				return footer ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_TableFooterCell, {
+				return footer ? /* @__PURE__ */ jsx(MRT_TableFooterCell, {
 					footer,
 					staticColumnIndex,
 					table
 				}, footer.id) : null;
 			}),
-			virtualPaddingRight ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { style: {
+			virtualPaddingRight ? /* @__PURE__ */ jsx("th", { style: {
 				display: "flex",
 				width: virtualPaddingRight
 			} }) : null
@@ -2160,8 +2166,8 @@ const MRT_TableFooterRow = ({ columnVirtualizer, footerGroup, table, ...rest })
 //#endregion
 //#region src/components/footer/MRT_TableFooter.tsx
 const MRT_TableFooter = ({ columnVirtualizer, table, ...rest }) => {
-	const { getState, options: { enableStickyFooter, layoutMode, muiTableFooterProps }, refs: { tableFooterRef } } = table;
-	const { isFullScreen } = getState();
+	const { options: { enableStickyFooter, layoutMode, muiTableFooterProps }, refs: { tableFooterRef } } = table;
+	const { isFullScreen } = table.state;
 	const tableFooterProps = {
 		...parseFromValuesOrFunc(muiTableFooterProps, { table }),
 		...rest
@@ -2169,7 +2175,7 @@ const MRT_TableFooter = ({ columnVirtualizer, table, ...rest }) => {
 	const stickFooter = (isFullScreen || enableStickyFooter) && enableStickyFooter !== false;
 	const footerGroups = table.getFooterGroups();
 	if (!footerGroups.some((footerGroup) => footerGroup.headers?.some((header) => typeof header.column.columnDef.footer === "string" && !!header.column.columnDef.footer || header.column.columnDef.Footer))) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TableFooter, {
+	return /* @__PURE__ */ jsx(TableFooter, {
 		...tableFooterProps,
 		ref: (ref) => {
 			tableFooterRef.current = ref;
@@ -2184,7 +2190,7 @@ const MRT_TableFooter = ({ columnVirtualizer, table, ...rest }) => {
 			zIndex: stickFooter ? 1 : void 0,
 			...parseFromValuesOrFunc(tableFooterProps?.sx, theme)
 		}),
-		children: footerGroups.map((footerGroup) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_TableFooterRow, {
+		children: footerGroups.map((footerGroup) => /* @__PURE__ */ jsx(MRT_TableFooterRow, {
 			columnVirtualizer,
 			footerGroup,
 			table
@@ -2194,8 +2200,8 @@ const MRT_TableFooter = ({ columnVirtualizer, table, ...rest }) => {
 //#endregion
 //#region src/components/inputs/MRT_SelectCheckbox.tsx
 const MRT_SelectCheckbox = ({ row, staticRowIndex, table, ...rest }) => {
-	const { getState, options: { enableMultiRowSelection, localization, muiSelectAllCheckboxProps, muiSelectCheckboxProps, selectAllMode } } = table;
-	const { density, isLoading } = getState();
+	const { options: { enableMultiRowSelection, localization, muiSelectAllCheckboxProps, muiSelectCheckboxProps, selectAllMode } } = table;
+	const { density, isLoading } = table.state;
 	const selectAll = !row;
 	const allRowsSelected = selectAll ? selectAllMode === "page" ? table.getIsAllPageRowsSelected() : table.getIsAllRowsSelected() : void 0;
 	const isChecked = selectAll ? allRowsSelected : getIsRowSelected({
@@ -2240,10 +2246,10 @@ const MRT_SelectCheckbox = ({ row, staticRowIndex, table, ...rest }) => {
 		}),
 		title: void 0
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Tooltip, {
+	return /* @__PURE__ */ jsx(Tooltip, {
 		...getCommonTooltipProps(),
 		title: checkboxProps?.title ?? (selectAll ? localization.toggleSelectAll : localization.toggleSelectRow),
-		children: enableMultiRowSelection === false ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Radio, { ...commonProps }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Checkbox, {
+		children: enableMultiRowSelection === false ? /* @__PURE__ */ jsx(Radio, { ...commonProps }) : /* @__PURE__ */ jsx(Checkbox, {
 			indeterminate: !isChecked && selectAll ? table.getIsSomeRowsSelected() : row?.getIsSomeSelected() && row.getCanSelectSubRows(),
 			...commonProps
 		})
@@ -2252,8 +2258,8 @@ const MRT_SelectCheckbox = ({ row, staticRowIndex, table, ...rest }) => {
 //#endregion
 //#region src/components/toolbar/MRT_ToolbarAlertBanner.tsx
 const MRT_ToolbarAlertBanner = ({ stackAlertBanner, table, ...rest }) => {
-	const { getCoreRowModel, getFilteredSelectedRowModel, getState, options: { enableRowSelection, enableSelectAll, localization, manualPagination, muiToolbarAlertBannerChipProps, muiToolbarAlertBannerProps, positionToolbarAlertBanner, renderToolbarAlertBannerContent, rowCount }, refs: { tablePaperRef } } = table;
-	const { density, grouping, rowSelection, showAlertBanner } = getState();
+	const { getCoreRowModel, getFilteredSelectedRowModel, options: { enableRowSelection, enableSelectAll, localization, manualPagination, muiToolbarAlertBannerChipProps, muiToolbarAlertBannerProps, positionToolbarAlertBanner, renderToolbarAlertBannerContent, rowCount }, refs: { tablePaperRef } } = table;
+	const { density, grouping, rowSelection, showAlertBanner } = table.state;
 	const alertProps = {
 		...parseFromValuesOrFunc(muiToolbarAlertBannerProps, { table }),
 		...rest
@@ -2261,38 +2267,38 @@ const MRT_ToolbarAlertBanner = ({ stackAlertBanner, table, ...rest }) => {
 	const chipProps = parseFromValuesOrFunc(muiToolbarAlertBannerChipProps, { table });
 	const totalRowCount = rowCount ?? getCoreRowModel().rows.length;
 	const filteredRowCount = getFilteredSelectedRowModel().rows.length;
-	const selectedRowCount = (0, react.useMemo)(() => manualPagination ? Object.values(rowSelection).filter(Boolean).length : filteredRowCount, [
+	const selectedRowCount = useMemo(() => manualPagination ? Object.values(rowSelection).filter(Boolean).length : filteredRowCount, [
 		rowSelection,
 		totalRowCount,
 		manualPagination,
 		filteredRowCount
 	]);
-	const selectedAlert = selectedRowCount > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Stack, {
+	const selectedAlert = selectedRowCount > 0 ? /* @__PURE__ */ jsxs(Stack, {
 		direction: "row",
 		sx: {
 			alignItems: "center",
 			gap: "16px"
 		},
-		children: [localization.selectedCountOfRowCountRowsSelected?.replace("{selectedCount}", selectedRowCount.toLocaleString(localization.language))?.replace("{rowCount}", totalRowCount.toLocaleString(localization.language)), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Button, {
+		children: [localization.selectedCountOfRowCountRowsSelected?.replace("{selectedCount}", selectedRowCount.toLocaleString(localization.language))?.replace("{rowCount}", totalRowCount.toLocaleString(localization.language)), /* @__PURE__ */ jsx(Button, {
 			onClick: (event) => getMRT_SelectAllHandler({ table })(event, false, true),
 			size: "small",
 			sx: { p: "2px" },
 			children: localization.clearSelection
 		})]
 	}) : null;
-	const groupedAlert = grouping.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+	const groupedAlert = grouping.length > 0 ? /* @__PURE__ */ jsxs("span", { children: [
 		localization.groupedBy,
 		" ",
-		grouping.map((columnId, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [index > 0 ? localization.thenBy : "", /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Chip, {
-			label: table.getColumn(columnId).columnDef.header,
-			onDelete: () => table.getColumn(columnId).toggleGrouping(),
+		grouping.map((columnId, index) => /* @__PURE__ */ jsxs(Fragment, { children: [index > 0 ? localization.thenBy : "", /* @__PURE__ */ jsx(Chip, {
+			label: table.getColumn(columnId)?.columnDef.header,
+			onDelete: () => table.getColumn(columnId)?.toggleGrouping(),
 			...chipProps
 		})] }, `${index}-${columnId}`))
 	] }) : null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Collapse, {
+	return /* @__PURE__ */ jsx(Collapse, {
 		in: showAlertBanner || !!selectedAlert || !!groupedAlert,
 		timeout: stackAlertBanner ? 200 : 0,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Alert, {
+		children: /* @__PURE__ */ jsx(Alert, {
 			color: "info",
 			icon: false,
 			...alertProps,
@@ -2317,20 +2323,20 @@ const MRT_ToolbarAlertBanner = ({ stackAlertBanner, table, ...rest }) => {
 				groupedAlert,
 				selectedAlert,
 				table
-			}) ?? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [alertProps?.title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.AlertTitle, { children: alertProps.title }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Stack, {
+			}) ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [alertProps?.title && /* @__PURE__ */ jsx(AlertTitle, { children: alertProps.title }), /* @__PURE__ */ jsxs(Stack, {
 				sx: { p: positionToolbarAlertBanner !== "head-overlay" ? "0.5rem 1rem" : density === "spacious" ? "0.75rem 1.25rem" : density === "comfortable" ? "0.5rem 0.75rem" : "0.25rem 0.5rem" },
 				children: [
 					alertProps?.children,
-					alertProps?.children && (selectedAlert || groupedAlert) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("br", {}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Box, {
+					alertProps?.children && (selectedAlert || groupedAlert) && /* @__PURE__ */ jsx("br", {}),
+					/* @__PURE__ */ jsxs(Box, {
 						sx: { display: "flex" },
 						children: [
-							enableRowSelection && enableSelectAll && positionToolbarAlertBanner === "head-overlay" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_SelectCheckbox, { table }),
+							enableRowSelection && enableSelectAll && positionToolbarAlertBanner === "head-overlay" && /* @__PURE__ */ jsx(MRT_SelectCheckbox, { table }),
 							" ",
 							selectedAlert
 						]
 					}),
-					selectedAlert && groupedAlert && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("br", {}),
+					selectedAlert && groupedAlert && /* @__PURE__ */ jsx("br", {}),
 					groupedAlert
 				]
 			})] })
@@ -2443,14 +2449,14 @@ const rangeVariants = [
 	"range"
 ];
 const MRT_FilterOptionMenu = ({ anchorEl, header, onSelect, setAnchorEl, setFilterValue, table, ...rest }) => {
-	const { getState, options: { columnFilterModeOptions, globalFilterModeOptions, localization, mrtTheme: { menuBackgroundColor }, renderColumnFilterModeMenuItems, renderGlobalFilterModeMenuItems }, setColumnFilterFns, setGlobalFilterFn } = table;
-	const { density, globalFilterFn } = getState();
+	const { options: { columnFilterModeOptions, globalFilterModeOptions, localization, mrtTheme: { menuBackgroundColor }, renderColumnFilterModeMenuItems, renderGlobalFilterModeMenuItems }, setColumnFilterFns, setGlobalFilterFn } = table;
+	const { density, globalFilterFn } = table.state;
 	const { column } = header ?? {};
 	const { columnDef } = column ?? {};
 	const currentFilterValue = column?.getFilterValue();
 	let allowedColumnFilterOptions = columnDef?.columnFilterModeOptions ?? columnFilterModeOptions;
 	if (rangeVariants.includes(columnDef?.filterVariant)) allowedColumnFilterOptions = [...rangeModes, ...allowedColumnFilterOptions ?? []].filter((option) => rangeModes.includes(option));
-	const internalFilterOptions = (0, react.useMemo)(() => mrtFilterOptions(localization).filter((filterOption) => columnDef ? allowedColumnFilterOptions === void 0 || allowedColumnFilterOptions?.includes(filterOption.option) : (!globalFilterModeOptions || globalFilterModeOptions.includes(filterOption.option)) && [
+	const internalFilterOptions = useMemo(() => mrtFilterOptions(localization).filter((filterOption) => columnDef ? allowedColumnFilterOptions === void 0 || allowedColumnFilterOptions?.includes(filterOption.option) : (!globalFilterModeOptions || globalFilterModeOptions.includes(filterOption.option)) && [
 		"contains",
 		"fuzzy",
 		"startsWith"
@@ -2471,11 +2477,12 @@ const MRT_FilterOptionMenu = ({ anchorEl, header, onSelect, setAnchorEl, setFilt
 					column.setFilterValue([]);
 					setFilterValue?.([]);
 				} else if (currentFilterValue) column.setFilterValue(currentFilterValue);
-			} else if (columnDef?.filterVariant?.includes("range") || rangeModes.includes(option)) if (!Array.isArray(currentFilterValue) || !currentFilterValue?.every((v) => v === "") && !rangeModes.includes(prevFilterMode)) {
-				column.setFilterValue(["", ""]);
-				setFilterValue?.("");
-			} else column.setFilterValue(currentFilterValue);
-			else if (Array.isArray(currentFilterValue)) {
+			} else if (columnDef?.filterVariant?.includes("range") || rangeModes.includes(option)) {
+				if (!Array.isArray(currentFilterValue) || !currentFilterValue?.every((v) => v === "") && !rangeModes.includes(prevFilterMode)) {
+					column.setFilterValue(["", ""]);
+					setFilterValue?.("");
+				} else column.setFilterValue(currentFilterValue);
+			} else if (Array.isArray(currentFilterValue)) {
 				column.setFilterValue("");
 				setFilterValue?.("");
 			} else if (currentFilterValue === " " && emptyModes.includes(prevFilterMode)) column.setFilterValue(void 0);
@@ -2485,7 +2492,7 @@ const MRT_FilterOptionMenu = ({ anchorEl, header, onSelect, setAnchorEl, setFilt
 		onSelect?.();
 	};
 	const filterOption = !!header && columnDef ? columnDef._filterFn : globalFilterFn;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Menu, {
+	return /* @__PURE__ */ jsx(Menu, {
 		anchorEl,
 		anchorOrigin: {
 			horizontal: "right",
@@ -2513,7 +2520,7 @@ const MRT_FilterOptionMenu = ({ anchorEl, header, onSelect, setAnchorEl, setFilt
 			internalFilterOptions,
 			onSelectFilterMode: handleSelectFilterMode,
 			table
-		})) ?? internalFilterOptions.map(({ divider, label, option, symbol }, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_ActionMenuItem, {
+		})) ?? internalFilterOptions.map(({ divider, label, option, symbol }, index) => /* @__PURE__ */ jsx(MRT_ActionMenuItem, {
 			divider,
 			icon: symbol,
 			label,
@@ -2527,12 +2534,12 @@ const MRT_FilterOptionMenu = ({ anchorEl, header, onSelect, setAnchorEl, setFilt
 //#endregion
 //#region src/components/menus/MRT_ColumnActionMenu.tsx
 const MRT_ColumnActionMenu = ({ anchorEl, header, setAnchorEl, table, ...rest }) => {
-	const { getAllLeafColumns, getState, options: { columnFilterDisplayMode, columnFilterModeOptions, enableColumnFilterModes, enableColumnFilters, enableColumnPinning, enableColumnResizing, enableGrouping, enableHiding, enableSorting, enableSortingRemoval, icons: { ClearAllIcon, DynamicFeedIcon, FilterListIcon, FilterListOffIcon, PushPinIcon, RestartAltIcon, SortIcon, ViewColumnIcon, VisibilityOffIcon }, localization, mrtTheme: { menuBackgroundColor }, renderColumnActionsMenuItems }, refs: { filterInputRefs }, setColumnFilterFns, setColumnOrder, setColumnSizingInfo, setShowColumnFilters } = table;
+	const { getAllLeafColumns, options: { columnFilterDisplayMode, enableColumnFilterModes, enableColumnFilters, enableColumnPinning, enableColumnResizing, enableGrouping, enableHiding, enableSorting, enableSortingRemoval, icons: { ClearAllIcon, DynamicFeedIcon, FilterListIcon, FilterListOffIcon, PushPinIcon, RestartAltIcon, SortIcon, ViewColumnIcon, VisibilityOffIcon }, localization, mrtTheme: { menuBackgroundColor }, renderColumnActionsMenuItems }, refs: { filterInputRefs }, setColumnFilterFns, setColumnOrder, setColumnResizing, setShowColumnFilters } = table;
 	const { column } = header;
 	const { columnDef } = column;
-	const { columnSizing, columnVisibility, density, showColumnFilters } = getState();
+	const { columnSizing, columnVisibility, density, showColumnFilters } = table.state;
 	const columnFilterValue = column.getFilterValue();
-	const [filterMenuAnchorEl, setFilterMenuAnchorEl] = (0, react.useState)(null);
+	const [filterMenuAnchorEl, setFilterMenuAnchorEl] = useState(null);
 	const handleClearSort = () => {
 		column.clearSorting();
 		setAnchorEl(null);
@@ -2546,7 +2553,7 @@ const MRT_ColumnActionMenu = ({ anchorEl, header, setAnchorEl, table, ...rest })
 		setAnchorEl(null);
 	};
 	const handleResetColumnSize = () => {
-		setColumnSizingInfo((old) => ({
+		setColumnResizing((old) => ({
 			...old,
 			isResizingColumn: false
 		}));
@@ -2569,7 +2576,7 @@ const MRT_ColumnActionMenu = ({ anchorEl, header, setAnchorEl, table, ...rest })
 	const handleClearFilter = () => {
 		column.setFilterValue(void 0);
 		setAnchorEl(null);
-		if (["empty", "notEmpty"].includes(columnDef._filterFn)) setColumnFilterFns((prev) => ({
+		if (["empty", "notEmpty"].includes(currentFilterOption)) setColumnFilterFns((prev) => ({
 			...prev,
 			[header.id]: allowedColumnFilterOptions?.[0] ?? "fuzzy"
 		}));
@@ -2588,51 +2595,54 @@ const MRT_ColumnActionMenu = ({ anchorEl, header, setAnchorEl, table, ...rest })
 		setFilterMenuAnchorEl(event.currentTarget);
 	};
 	const isSelectFilter = !!columnDef.filterSelectOptions;
-	const allowedColumnFilterOptions = columnDef?.columnFilterModeOptions ?? columnFilterModeOptions;
+	const { allowedColumnFilterOptions, currentFilterOption } = getColumnFilterInfo({
+		header,
+		table
+	});
 	const showFilterModeSubMenu = enableColumnFilterModes && columnDef.enableColumnFilterModes !== false && !isSelectFilter && (allowedColumnFilterOptions === void 0 || !!allowedColumnFilterOptions?.length);
 	const internalColumnMenuItems = [
 		...enableSorting && column.getCanSort() ? [
-			enableSortingRemoval !== false && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_ActionMenuItem, {
+			enableSortingRemoval !== false && /* @__PURE__ */ jsx(MRT_ActionMenuItem, {
 				disabled: column.getIsSorted() === false,
-				icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ClearAllIcon, {}),
+				icon: /* @__PURE__ */ jsx(ClearAllIcon, {}),
 				label: localization.clearSort,
 				onClick: handleClearSort,
 				table
 			}, 0),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_ActionMenuItem, {
+			/* @__PURE__ */ jsx(MRT_ActionMenuItem, {
 				disabled: column.getIsSorted() === "asc",
-				icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortIcon, { style: { transform: "rotate(180deg) scaleX(-1)" } }),
+				icon: /* @__PURE__ */ jsx(SortIcon, { style: { transform: "rotate(180deg) scaleX(-1)" } }),
 				label: localization.sortByColumnAsc?.replace("{column}", String(columnDef.header)),
 				onClick: handleSortAsc,
 				table
 			}, 1),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_ActionMenuItem, {
+			/* @__PURE__ */ jsx(MRT_ActionMenuItem, {
 				disabled: column.getIsSorted() === "desc",
 				divider: enableColumnFilters || enableGrouping || enableHiding,
-				icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortIcon, {}),
+				icon: /* @__PURE__ */ jsx(SortIcon, {}),
 				label: localization.sortByColumnDesc?.replace("{column}", String(columnDef.header)),
 				onClick: handleSortDesc,
 				table
 			}, 2)
 		] : [],
 		...enableColumnFilters && column.getCanFilter() ? [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_ActionMenuItem, {
+			/* @__PURE__ */ jsx(MRT_ActionMenuItem, {
 				disabled: !columnFilterValue || Array.isArray(columnFilterValue) && !columnFilterValue.filter((value) => value).length,
-				icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FilterListOffIcon, {}),
+				icon: /* @__PURE__ */ jsx(FilterListOffIcon, {}),
 				label: localization.clearFilter,
 				onClick: handleClearFilter,
 				table
 			}, 3),
-			columnFilterDisplayMode === "subheader" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_ActionMenuItem, {
+			columnFilterDisplayMode === "subheader" && /* @__PURE__ */ jsx(MRT_ActionMenuItem, {
 				disabled: showColumnFilters && !enableColumnFilterModes,
 				divider: enableGrouping || enableHiding,
-				icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FilterListIcon, {}),
+				icon: /* @__PURE__ */ jsx(FilterListIcon, {}),
 				label: localization.filterByColumn?.replace("{column}", String(columnDef.header)),
 				onClick: showColumnFilters ? handleOpenFilterModeMenu : handleFilterByColumn,
 				onOpenSubMenu: showFilterModeSubMenu ? handleOpenFilterModeMenu : void 0,
 				table
 			}, 4),
-			showFilterModeSubMenu && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_FilterOptionMenu, {
+			showFilterModeSubMenu && /* @__PURE__ */ jsx(MRT_FilterOptionMenu, {
 				anchorEl: filterMenuAnchorEl,
 				header,
 				onSelect: handleFilterByColumn,
@@ -2640,59 +2650,59 @@ const MRT_ColumnActionMenu = ({ anchorEl, header, setAnchorEl, table, ...rest })
 				table
 			}, 5)
 		].filter(Boolean) : [],
-		...enableGrouping && column.getCanGroup() ? [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_ActionMenuItem, {
+		...enableGrouping && column.getCanGroup() ? [/* @__PURE__ */ jsx(MRT_ActionMenuItem, {
 			divider: enableColumnPinning,
-			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DynamicFeedIcon, {}),
+			icon: /* @__PURE__ */ jsx(DynamicFeedIcon, {}),
 			label: localization[column.getIsGrouped() ? "ungroupByColumn" : "groupByColumn"]?.replace("{column}", String(columnDef.header)),
 			onClick: handleGroupByColumn,
 			table
 		}, 6)] : [],
 		...enableColumnPinning && column.getCanPin() ? [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_ActionMenuItem, {
-				disabled: column.getIsPinned() === "left" || !column.getCanPin(),
-				icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PushPinIcon, { style: { transform: "rotate(90deg)" } }),
+			/* @__PURE__ */ jsx(MRT_ActionMenuItem, {
+				disabled: column.getIsPinned() === "start" || !column.getCanPin(),
+				icon: /* @__PURE__ */ jsx(PushPinIcon, { style: { transform: "rotate(90deg)" } }),
 				label: localization.pinToLeft,
-				onClick: () => handlePinColumn("left"),
+				onClick: () => handlePinColumn("start"),
 				table
 			}, 7),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_ActionMenuItem, {
-				disabled: column.getIsPinned() === "right" || !column.getCanPin(),
-				icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PushPinIcon, { style: { transform: "rotate(-90deg)" } }),
+			/* @__PURE__ */ jsx(MRT_ActionMenuItem, {
+				disabled: column.getIsPinned() === "end" || !column.getCanPin(),
+				icon: /* @__PURE__ */ jsx(PushPinIcon, { style: { transform: "rotate(-90deg)" } }),
 				label: localization.pinToRight,
-				onClick: () => handlePinColumn("right"),
+				onClick: () => handlePinColumn("end"),
 				table
 			}, 8),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_ActionMenuItem, {
+			/* @__PURE__ */ jsx(MRT_ActionMenuItem, {
 				disabled: !column.getIsPinned(),
 				divider: enableHiding,
-				icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PushPinIcon, {}),
+				icon: /* @__PURE__ */ jsx(PushPinIcon, {}),
 				label: localization.unpin,
 				onClick: () => handlePinColumn(false),
 				table
 			}, 9)
 		] : [],
-		...enableColumnResizing && column.getCanResize() ? [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_ActionMenuItem, {
+		...enableColumnResizing && column.getCanResize() ? [/* @__PURE__ */ jsx(MRT_ActionMenuItem, {
 			disabled: columnSizing[column.id] === void 0,
-			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RestartAltIcon, {}),
+			icon: /* @__PURE__ */ jsx(RestartAltIcon, {}),
 			label: localization.resetColumnSize,
 			onClick: handleResetColumnSize,
 			table
 		}, 10)] : [],
-		...enableHiding ? [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_ActionMenuItem, {
+		...enableHiding ? [/* @__PURE__ */ jsx(MRT_ActionMenuItem, {
 			disabled: !column.getCanHide(),
-			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(VisibilityOffIcon, {}),
+			icon: /* @__PURE__ */ jsx(VisibilityOffIcon, {}),
 			label: localization.hideColumn?.replace("{column}", String(columnDef.header)),
 			onClick: handleHideColumn,
 			table
-		}, 11), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_ActionMenuItem, {
+		}, 11), /* @__PURE__ */ jsx(MRT_ActionMenuItem, {
 			disabled: !Object.values(columnVisibility).filter((visible) => !visible).length,
-			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ViewColumnIcon, {}),
+			icon: /* @__PURE__ */ jsx(ViewColumnIcon, {}),
 			label: localization.showAllColumns?.replace("{column}", String(columnDef.header)),
 			onClick: handleShowAllColumns,
 			table
 		}, 12)] : []
 	].filter(Boolean);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Menu, {
+	return /* @__PURE__ */ jsx(Menu, {
 		anchorEl,
 		disableScrollLock: true,
 		onClose: () => setAnchorEl(null),
@@ -2721,7 +2731,7 @@ const MRT_TableHeadCellColumnActionsButton = ({ header, table, ...rest }) => {
 	const { options: { icons: { MoreVertIcon }, localization, muiColumnActionsButtonProps } } = table;
 	const { column } = header;
 	const { columnDef } = column;
-	const [anchorEl, setAnchorEl] = (0, react.useState)(null);
+	const [anchorEl, setAnchorEl] = useState(null);
 	const handleClick = (event) => {
 		event.stopPropagation();
 		event.preventDefault();
@@ -2738,10 +2748,10 @@ const MRT_TableHeadCellColumnActionsButton = ({ header, table, ...rest }) => {
 		}),
 		...rest
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Tooltip, {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Tooltip, {
 		...getCommonTooltipProps("top"),
 		title: iconButtonProps?.title ?? localization.columnActions,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.IconButton, {
+		children: /* @__PURE__ */ jsx(IconButton, {
 			"aria-label": localization.columnActions,
 			onClick: handleClick,
 			size: "small",
@@ -2756,9 +2766,9 @@ const MRT_TableHeadCellColumnActionsButton = ({ header, table, ...rest }) => {
 				...parseFromValuesOrFunc(iconButtonProps?.sx, theme)
 			}),
 			title: void 0,
-			children: iconButtonProps?.children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MoreVertIcon, { style: { transform: "scale(0.9)" } })
+			children: iconButtonProps?.children ?? /* @__PURE__ */ jsx(MoreVertIcon, { style: { transform: "scale(0.9)" } })
 		})
-	}), anchorEl && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_ColumnActionMenu, {
+	}), anchorEl && /* @__PURE__ */ jsx(MRT_ColumnActionMenu, {
 		anchorEl,
 		header,
 		setAnchorEl,
@@ -2768,8 +2778,8 @@ const MRT_TableHeadCellColumnActionsButton = ({ header, table, ...rest }) => {
 //#endregion
 //#region src/components/inputs/MRT_FilterCheckbox.tsx
 const MRT_FilterCheckbox = ({ column, table, ...rest }) => {
-	const { getState, options: { localization, muiFilterCheckboxProps } } = table;
-	const { density } = getState();
+	const { options: { localization, muiFilterCheckboxProps } } = table;
+	const { density } = table.state;
 	const { columnDef } = column;
 	const checkboxProps = {
 		...parseFromValuesOrFunc(muiFilterCheckboxProps, {
@@ -2783,11 +2793,11 @@ const MRT_FilterCheckbox = ({ column, table, ...rest }) => {
 		...rest
 	};
 	const filterLabel = localization.filterByColumn?.replace("{column}", columnDef.header);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Tooltip, {
+	return /* @__PURE__ */ jsx(Tooltip, {
 		...getCommonTooltipProps(),
 		title: checkboxProps?.title ?? filterLabel,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.FormControlLabel, {
-			control: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Checkbox, {
+		children: /* @__PURE__ */ jsx(FormControlLabel, {
+			control: /* @__PURE__ */ jsx(Checkbox, {
 				checked: column.getFilterValue() === "true",
 				color: column.getFilterValue() === void 0 ? "default" : "primary",
 				indeterminate: column.getFilterValue() === void 0,
@@ -2862,10 +2872,10 @@ const MRT_FilterTextField = ({ header, rangeFilterIndex, table, ...rest }) => {
 	const filterChipLabel = ["empty", "notEmpty"].includes(currentFilterOption) ? localization[`filter${currentFilterOption?.charAt?.(0)?.toUpperCase() + currentFilterOption?.slice(1)}`] : "";
 	const filterPlaceholder = !isRangeFilter ? textFieldProps?.placeholder ?? localization.filterByColumn?.replace("{column}", String(columnDef.header)) : rangeFilterIndex === 0 ? localization.min : rangeFilterIndex === 1 ? localization.max : "";
 	const showChangeModeButton = !!(enableColumnFilterModes && columnDef.enableColumnFilterModes !== false && !rangeFilterIndex && (allowedColumnFilterOptions === void 0 || !!allowedColumnFilterOptions?.length));
-	const [anchorEl, setAnchorEl] = (0, react.useState)(null);
-	const [filterValue, setFilterValue] = (0, react.useState)(() => isMultiSelectFilter ? column.getFilterValue() || [] : isRangeFilter ? column.getFilterValue()?.[rangeFilterIndex] || "" : isAutocompleteFilter ? typeof column.getFilterValue() === "string" ? column.getFilterValue() : "" : column.getFilterValue() ?? "");
-	const [autocompleteValue, setAutocompleteValue] = (0, react.useState)(() => isAutocompleteFilter ? column.getFilterValue() || null : null);
-	const handleChangeDebounced = (0, react.useCallback)((0, _mui_material_utils.debounce)((newValue) => {
+	const [anchorEl, setAnchorEl] = useState(null);
+	const [filterValue, setFilterValue] = useState(() => isMultiSelectFilter ? column.getFilterValue() || [] : isRangeFilter ? column.getFilterValue()?.[rangeFilterIndex] || "" : isAutocompleteFilter ? typeof column.getFilterValue() === "string" ? column.getFilterValue() : "" : column.getFilterValue() ?? "");
+	const [autocompleteValue, setAutocompleteValue] = useState(() => isAutocompleteFilter ? column.getFilterValue() || null : null);
+	const handleChangeDebounced = useCallback(debounce((newValue) => {
 		if (isRangeFilter) column.setFilterValue((old) => {
 			const newFilterValues = old ?? ["", ""];
 			newFilterValues[rangeFilterIndex] = newValue ?? void 0;
@@ -2919,8 +2929,8 @@ const MRT_FilterTextField = ({ header, rangeFilterIndex, table, ...rest }) => {
 	const handleFilterMenuOpen = (event) => {
 		setAnchorEl(event.currentTarget);
 	};
-	const isMounted = (0, react.useRef)(false);
-	(0, react.useEffect)(() => {
+	const isMounted = useRef(false);
+	useEffect(() => {
 		if (isMounted.current) {
 			const filterValue = column.getFilterValue();
 			if (filterValue === void 0) handleClear();
@@ -2929,22 +2939,22 @@ const MRT_FilterTextField = ({ header, rangeFilterIndex, table, ...rest }) => {
 		}
 		isMounted.current = true;
 	}, [column.getFilterValue()]);
-	if (columnDef.Filter) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: columnDef.Filter?.({
+	if (columnDef.Filter) return /* @__PURE__ */ jsx(Fragment$1, { children: columnDef.Filter?.({
 		column,
 		header,
 		rangeFilterIndex,
 		table
 	}) });
-	const endAdornment = !isAutocompleteFilter && !isDateFilter && !filterChipLabel ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.InputAdornment, {
+	const endAdornment = !isAutocompleteFilter && !isDateFilter && !filterChipLabel ? /* @__PURE__ */ jsx(InputAdornment, {
 		position: "end",
 		sx: {
 			mr: isSelectFilter || isMultiSelectFilter ? "20px" : void 0,
 			visibility: (filterValue?.length ?? 0) > 0 ? "visible" : "hidden"
 		},
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Tooltip, {
+		children: /* @__PURE__ */ jsx(Tooltip, {
 			placement: "right",
 			title: localization.clearFilter ?? "",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.IconButton, {
+			children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, {
 				"aria-label": localization.clearFilter,
 				disabled: !filterValue?.toString()?.length,
 				onClick: handleClear,
@@ -2954,15 +2964,15 @@ const MRT_FilterTextField = ({ header, rangeFilterIndex, table, ...rest }) => {
 					transform: "scale(0.9)",
 					width: "2rem"
 				},
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CloseIcon, {})
+				children: /* @__PURE__ */ jsx(CloseIcon, {})
 			}) })
 		})
 	}) : null;
-	const startAdornment = showChangeModeButton ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.InputAdornment, {
+	const startAdornment = showChangeModeButton ? /* @__PURE__ */ jsxs(InputAdornment, {
 		position: "start",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Tooltip, {
+		children: [/* @__PURE__ */ jsx(Tooltip, {
 			title: localization.changeFilterMode,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.IconButton, {
+			children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, {
 				"aria-label": localization.changeFilterMode,
 				onClick: handleFilterMenuOpen,
 				size: "small",
@@ -2970,16 +2980,16 @@ const MRT_FilterTextField = ({ header, rangeFilterIndex, table, ...rest }) => {
 					height: "1.75rem",
 					width: "1.75rem"
 				},
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FilterListIcon, {})
+				children: /* @__PURE__ */ jsx(FilterListIcon, {})
 			}) })
-		}), filterChipLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Chip, {
+		}), filterChipLabel && /* @__PURE__ */ jsx(Chip, {
 			label: filterChipLabel,
 			onDelete: handleClearEmptyFilterChip
 		})]
 	}) : null;
 	const commonTextFieldProps = {
 		fullWidth: true,
-		helperText: showChangeModeButton ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", { children: localization.filterMode.replace("{filterType}", localization[`filter${currentFilterOption?.charAt(0)?.toUpperCase() + currentFilterOption?.slice(1)}`]) }) : null,
+		helperText: showChangeModeButton ? /* @__PURE__ */ jsx("label", { children: localization.filterMode.replace("{filterType}", localization[`filter${currentFilterOption?.charAt(0)?.toUpperCase() + currentFilterOption?.slice(1)}`]) }) : null,
 		inputRef: (inputRef) => {
 			filterInputRefs.current[`${column.id}-${rangeFilterIndex ?? 0}`] = inputRef;
 			if (textFieldProps.inputRef) textFieldProps.inputRef = inputRef;
@@ -3036,7 +3046,7 @@ const MRT_FilterTextField = ({ header, rangeFilterIndex, table, ...rest }) => {
 		},
 		value: filterValue || null
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [filterVariant?.startsWith("time") ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_x_date_pickers_TimePicker.TimePicker, {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [filterVariant?.startsWith("time") ? /* @__PURE__ */ jsx(TimePicker, {
 		...commonDatePickerProps,
 		...timePickerProps,
 		slotProps: {
@@ -3051,7 +3061,7 @@ const MRT_FilterTextField = ({ header, rangeFilterIndex, table, ...rest }) => {
 				...timePickerProps?.slotProps?.textField
 			}
 		}
-	}) : filterVariant?.startsWith("datetime") ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_x_date_pickers_DateTimePicker.DateTimePicker, {
+	}) : filterVariant?.startsWith("datetime") ? /* @__PURE__ */ jsx(DateTimePicker, {
 		...commonDatePickerProps,
 		...dateTimePickerProps,
 		slotProps: {
@@ -3066,7 +3076,7 @@ const MRT_FilterTextField = ({ header, rangeFilterIndex, table, ...rest }) => {
 				...dateTimePickerProps?.slotProps?.textField
 			}
 		}
-	}) : filterVariant?.startsWith("date") ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_x_date_pickers_DatePicker.DatePicker, {
+	}) : filterVariant?.startsWith("date") ? /* @__PURE__ */ jsx(DatePicker, {
 		...commonDatePickerProps,
 		...datePickerProps,
 		slotProps: {
@@ -3081,7 +3091,7 @@ const MRT_FilterTextField = ({ header, rangeFilterIndex, table, ...rest }) => {
 				...datePickerProps?.slotProps?.textField
 			}
 		}
-	}) : isAutocompleteFilter ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Autocomplete, {
+	}) : isAutocompleteFilter ? /* @__PURE__ */ jsx(Autocomplete, {
 		freeSolo: true,
 		getOptionLabel: (option) => getValueAndLabel(option).label,
 		inputValue: filterValue,
@@ -3092,7 +3102,7 @@ const MRT_FilterTextField = ({ header, rangeFilterIndex, table, ...rest }) => {
 		renderInput: (params) => {
 			const commonInput = getTextFieldSlotProps(commonTextFieldProps.slotProps).input;
 			const commonHtmlInput = getTextFieldSlotProps(commonTextFieldProps.slotProps).htmlInput;
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TextField, {
+			return /* @__PURE__ */ jsx(TextField, {
 				...commonTextFieldProps,
 				disabled: params.disabled,
 				fullWidth: params.fullWidth,
@@ -3114,7 +3124,7 @@ const MRT_FilterTextField = ({ header, rangeFilterIndex, table, ...rest }) => {
 			});
 		},
 		value: autocompleteValue
-	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TextField, {
+	}) : /* @__PURE__ */ jsx(TextField, {
 		select: isSelectFilter || isMultiSelectFilter,
 		...commonTextFieldProps,
 		onChange: handleTextFieldChange,
@@ -3129,10 +3139,10 @@ const MRT_FilterTextField = ({ header, rangeFilterIndex, table, ...rest }) => {
 				displayEmpty: true,
 				MenuProps: { disableScrollLock: true },
 				multiple: isMultiSelectFilter,
-				renderValue: isMultiSelectFilter ? (selected) => !Array.isArray(selected) || selected?.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Box, {
+				renderValue: isMultiSelectFilter ? (selected) => !Array.isArray(selected) || selected?.length === 0 ? /* @__PURE__ */ jsx(Box, {
 					sx: { opacity: .5 },
 					children: filterPlaceholder
-				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Box, {
+				}) : /* @__PURE__ */ jsx(Box, {
 					sx: {
 						display: "flex",
 						flexWrap: "wrap",
@@ -3140,25 +3150,25 @@ const MRT_FilterTextField = ({ header, rangeFilterIndex, table, ...rest }) => {
 					},
 					children: selected.map((value) => {
 						const selectedValue = dropdownOptions?.find((option) => getValueAndLabel(option).value === value);
-						return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Chip, { label: getValueAndLabel(selectedValue).label }, value);
+						return /* @__PURE__ */ jsx(Chip, { label: getValueAndLabel(selectedValue).label }, value);
 					})
 				}) : void 0,
 				...commonTextFieldProps.slotProps?.select
 			}
 		},
 		value: isMultiSelectFilter ? Array.isArray(filterValue) ? filterValue : [] : filterValue,
-		children: (isSelectFilter || isMultiSelectFilter) && [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.MenuItem, {
+		children: (isSelectFilter || isMultiSelectFilter) && [/* @__PURE__ */ jsx(MenuItem, {
 			disabled: true,
 			divider: true,
 			hidden: true,
 			value: "",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Box, {
+			children: /* @__PURE__ */ jsx(Box, {
 				sx: { opacity: .5 },
 				children: filterPlaceholder
 			})
 		}, "p"), ...[textFieldProps.children ?? dropdownOptions?.map((option, index) => {
 			const { label, value } = getValueAndLabel(option);
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.MenuItem, {
+			return /* @__PURE__ */ jsxs(MenuItem, {
 				sx: {
 					alignItems: "center",
 					display: "flex",
@@ -3167,7 +3177,7 @@ const MRT_FilterTextField = ({ header, rangeFilterIndex, table, ...rest }) => {
 				},
 				value,
 				children: [
-					isMultiSelectFilter && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Checkbox, {
+					isMultiSelectFilter && /* @__PURE__ */ jsx(Checkbox, {
 						checked: (column.getFilterValue() ?? []).includes(value),
 						sx: { mr: "0.5rem" }
 					}),
@@ -3177,7 +3187,7 @@ const MRT_FilterTextField = ({ header, rangeFilterIndex, table, ...rest }) => {
 				]
 			}, `${index}-${value}`);
 		})]]
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_FilterOptionMenu, {
+	}), /* @__PURE__ */ jsx(MRT_FilterOptionMenu, {
 		anchorEl,
 		header,
 		setAnchorEl,
@@ -3188,7 +3198,7 @@ const MRT_FilterTextField = ({ header, rangeFilterIndex, table, ...rest }) => {
 //#endregion
 //#region src/components/inputs/MRT_FilterRangeFields.tsx
 const MRT_FilterRangeFields = ({ header, table, ...rest }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Box, {
+	return /* @__PURE__ */ jsx(Box, {
 		...rest,
 		sx: (theme) => ({
 			display: "grid",
@@ -3196,7 +3206,7 @@ const MRT_FilterRangeFields = ({ header, table, ...rest }) => {
 			gridTemplateColumns: "1fr 1fr",
 			...parseFromValuesOrFunc(rest?.sx, theme)
 		}),
-		children: [0, 1].map((rangeFilterIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_FilterTextField, {
+		children: [0, 1].map((rangeFilterIndex) => /* @__PURE__ */ jsx(MRT_FilterTextField, {
 			header,
 			rangeFilterIndex,
 			table
@@ -3209,7 +3219,10 @@ const MRT_FilterRangeSlider = ({ header, table, ...rest }) => {
 	const { options: { enableColumnFilterModes, localization, muiFilterSliderProps }, refs: { filterInputRefs } } = table;
 	const { column } = header;
 	const { columnDef } = column;
-	const currentFilterOption = columnDef._filterFn;
+	const { currentFilterOption } = getColumnFilterInfo({
+		header,
+		table
+	});
 	const showChangeModeButton = enableColumnFilterModes && columnDef.enableColumnFilterModes !== false;
 	const sliderProps = {
 		...parseFromValuesOrFunc(muiFilterSliderProps, {
@@ -3227,13 +3240,13 @@ const MRT_FilterRangeSlider = ({ header, table, ...rest }) => {
 	if (Array.isArray(max)) max = max[0];
 	if (min === null) min = 0;
 	if (max === null) max = 1;
-	const [filterValues, setFilterValues] = (0, react.useState)([min, max]);
+	const [filterValues, setFilterValues] = useState([min, max]);
 	const columnFilterValue = column.getFilterValue();
-	const isMounted = (0, react.useRef)(false);
+	const isMounted = useRef(false);
 	const handleKeyDown = (event) => {
 		if (event.key === "ArrowLeft" || event.key === "ArrowRight") event.stopPropagation();
 	};
-	(0, react.useEffect)(() => {
+	useEffect(() => {
 		if (isMounted.current) {
 			if (columnFilterValue === void 0) setFilterValues([min, max]);
 			else if (Array.isArray(columnFilterValue)) setFilterValues(columnFilterValue);
@@ -3244,7 +3257,7 @@ const MRT_FilterRangeSlider = ({ header, table, ...rest }) => {
 		min,
 		max
 	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Stack, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Slider, {
+	return /* @__PURE__ */ jsxs(Stack, { children: [/* @__PURE__ */ jsx(Slider, {
 		disableSwap: true,
 		max,
 		min,
@@ -3252,8 +3265,10 @@ const MRT_FilterRangeSlider = ({ header, table, ...rest }) => {
 			setFilterValues(values);
 		},
 		onChangeCommitted: (_event, value) => {
-			if (Array.isArray(value)) if (value[0] <= min && value[1] >= max) column.setFilterValue(void 0);
-			else column.setFilterValue(value);
+			if (Array.isArray(value)) {
+				if (value[0] <= min && value[1] >= max) column.setFilterValue(void 0);
+				else column.setFilterValue(value);
+			}
 		},
 		onKeyDown: handleKeyDown,
 		value: filterValues,
@@ -3273,7 +3288,7 @@ const MRT_FilterRangeSlider = ({ header, table, ...rest }) => {
 			width: "calc(100% - 8px)",
 			...parseFromValuesOrFunc(sliderProps?.sx, theme)
 		})
-	}), showChangeModeButton ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.FormHelperText, {
+	}), showChangeModeButton ? /* @__PURE__ */ jsx(FormHelperText, {
 		sx: {
 			fontSize: "0.75rem",
 			lineHeight: "0.8rem",
@@ -3286,29 +3301,29 @@ const MRT_FilterRangeSlider = ({ header, table, ...rest }) => {
 //#endregion
 //#region src/components/head/MRT_TableHeadCellFilterContainer.tsx
 const MRT_TableHeadCellFilterContainer = ({ header, table, ...rest }) => {
-	const { getState, options: { columnFilterDisplayMode } } = table;
-	const { showColumnFilters } = getState();
+	const { options: { columnFilterDisplayMode } } = table;
+	const { showColumnFilters } = table.state;
 	const { column } = header;
 	const { columnDef } = column;
 	const { isRangeFilter } = getColumnFilterInfo({
 		header,
 		table
 	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Collapse, {
+	return /* @__PURE__ */ jsx(Collapse, {
 		in: showColumnFilters || columnFilterDisplayMode === "popover",
 		mountOnEnter: true,
 		unmountOnExit: true,
 		...rest,
-		children: columnDef.filterVariant === "checkbox" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_FilterCheckbox, {
+		children: columnDef.filterVariant === "checkbox" ? /* @__PURE__ */ jsx(MRT_FilterCheckbox, {
 			column,
 			table
-		}) : columnDef.filterVariant === "range-slider" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_FilterRangeSlider, {
+		}) : columnDef.filterVariant === "range-slider" ? /* @__PURE__ */ jsx(MRT_FilterRangeSlider, {
 			header,
 			table
-		}) : isRangeFilter ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_FilterRangeFields, {
+		}) : isRangeFilter ? /* @__PURE__ */ jsx(MRT_FilterRangeFields, {
 			header,
 			table
-		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_FilterTextField, {
+		}) : /* @__PURE__ */ jsx(MRT_FilterTextField, {
 			header,
 			table
 		})
@@ -3321,7 +3336,7 @@ const MRT_TableHeadCellFilterLabel = ({ header, table, ...rest }) => {
 	const { column } = header;
 	const { columnDef } = column;
 	const filterValue = column.getFilterValue();
-	const [anchorEl, setAnchorEl] = (0, react.useState)(null);
+	const [anchorEl, setAnchorEl] = useState(null);
 	const { currentFilterOption, isMultiSelectFilter, isRangeFilter, isSelectFilter } = getColumnFilterInfo({
 		header,
 		table
@@ -3333,16 +3348,16 @@ const MRT_TableHeadCellFilterLabel = ({ header, table, ...rest }) => {
 	const getSelectLabel = (index) => getValueAndLabel(dropdownOptions?.find((option) => getValueAndLabel(option).value === (index !== void 0 ? filterValue[index] : filterValue))).label;
 	const isFilterActive = Array.isArray(filterValue) && filterValue.some(Boolean) || !!filterValue && !Array.isArray(filterValue);
 	const filterTooltip = columnFilterDisplayMode === "popover" && !isFilterActive ? localization.filterByColumn?.replace("{column}", String(columnDef.header)) : localization.filteringByColumn.replace("{column}", String(columnDef.header)).replace("{filterType}", currentFilterOption ? localization[`filter${currentFilterOption.charAt(0).toUpperCase() + currentFilterOption.slice(1)}`] : "").replace("{filterValue}", `"${Array.isArray(filterValue) ? filterValue.map((value, index) => isMultiSelectFilter ? getSelectLabel(index) : value).join(`" ${isRangeFilter ? localization.and : localization.or} "`) : isSelectFilter ? getSelectLabel() : filterValue}"`).replace("\" \"", "");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Grow, {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Grow, {
 		in: columnFilterDisplayMode === "popover" || !!filterValue && !isRangeFilter || isRangeFilter && (!!filterValue?.[0] || !!filterValue?.[1]),
 		unmountOnExit: true,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Box, {
+		children: /* @__PURE__ */ jsx(Box, {
 			component: "span",
 			sx: { flex: "0 0" },
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Tooltip, {
+			children: /* @__PURE__ */ jsx(Tooltip, {
 				placement: "top",
 				title: filterTooltip,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.IconButton, {
+				children: /* @__PURE__ */ jsx(IconButton, {
 					disableRipple: true,
 					onClick: (event) => {
 						if (columnFilterDisplayMode === "popover") setAnchorEl(event.currentTarget);
@@ -3365,11 +3380,11 @@ const MRT_TableHeadCellFilterLabel = ({ header, table, ...rest }) => {
 						width: "16px",
 						...parseFromValuesOrFunc(rest?.sx, theme)
 					}),
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FilterAltIcon, {})
+					children: /* @__PURE__ */ jsx(FilterAltIcon, {})
 				})
 			})
 		})
-	}), columnFilterDisplayMode === "popover" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Popover, {
+	}), columnFilterDisplayMode === "popover" && /* @__PURE__ */ jsx(Popover, {
 		anchorEl,
 		anchorOrigin: {
 			horizontal: "center",
@@ -3388,9 +3403,9 @@ const MRT_TableHeadCellFilterLabel = ({ header, table, ...rest }) => {
 			horizontal: "center",
 			vertical: "bottom"
 		},
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Box, {
+		children: /* @__PURE__ */ jsx(Box, {
 			sx: { p: "1rem" },
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_TableHeadCellFilterContainer, {
+			children: /* @__PURE__ */ jsx(MRT_TableHeadCellFilterContainer, {
 				header,
 				table
 			})
@@ -3400,9 +3415,9 @@ const MRT_TableHeadCellFilterLabel = ({ header, table, ...rest }) => {
 //#endregion
 //#region src/components/head/MRT_TableHeadCellGrabHandle.tsx
 const MRT_TableHeadCellGrabHandle = ({ column, table, tableHeadCellRef, ...rest }) => {
-	const { getState, options: { enableColumnOrdering, muiColumnDragHandleProps }, setColumnOrder, setColumnPinning, setDraggingColumn, setHoveredColumn } = table;
+	const { options: { enableColumnOrdering, muiColumnDragHandleProps }, setColumnOrder, setColumnPinning, setDraggingColumn, setHoveredColumn } = table;
 	const { columnDef } = column;
-	const { columnOrder, draggingColumn, hoveredColumn } = getState();
+	const { columnOrder, draggingColumn, hoveredColumn } = table.state;
 	const iconButtonProps = {
 		...parseFromValuesOrFunc(muiColumnDragHandleProps, {
 			column,
@@ -3429,15 +3444,15 @@ const MRT_TableHeadCellGrabHandle = ({ column, table, tableHeadCellRef, ...rest
 		else if (enableColumnOrdering && hoveredColumn && hoveredColumn?.id !== draggingColumn?.id) {
 			const reorderedColumns = reorderColumn(column, hoveredColumn, columnOrder);
 			setColumnOrder(reorderedColumns);
-			setColumnPinning(({ left = [], right = [] }) => ({
-				left: reorderedColumns.filter((header) => left.includes(header)),
-				right: reorderedColumns.filter((header) => right.includes(header))
+			setColumnPinning(({ end = [], start = [] }) => ({
+				end: reorderedColumns.filter((header) => end.includes(header)),
+				start: reorderedColumns.filter((header) => start.includes(header))
 			}));
 		}
 		setDraggingColumn(null);
 		setHoveredColumn(null);
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_GrabHandleButton, {
+	return /* @__PURE__ */ jsx(MRT_GrabHandleButton, {
 		...iconButtonProps,
 		onDragEnd: handleDragEnd,
 		onDragStart: handleDragStart,
@@ -3447,16 +3462,16 @@ const MRT_TableHeadCellGrabHandle = ({ column, table, tableHeadCellRef, ...rest
 //#endregion
 //#region src/components/head/MRT_TableHeadCellResizeHandle.tsx
 const MRT_TableHeadCellResizeHandle = ({ header, table, ...rest }) => {
-	const { getState, options: { columnResizeDirection, columnResizeMode }, setColumnSizingInfo } = table;
-	const { density } = getState();
+	const { options: { columnResizeDirection, columnResizeMode }, setColumnResizing } = table;
+	const { density } = table.state;
 	const { column } = header;
 	const handler = header.getResizeHandler();
 	const mx = density === "compact" ? "-8px" : density === "comfortable" ? "-16px" : "-24px";
 	const lr = column.columnDef.columnDefType === "display" ? "4px" : "0";
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Box, {
+	return /* @__PURE__ */ jsx(Box, {
 		className: "Mui-TableHeadCell-ResizeHandle-Wrapper",
 		onDoubleClick: () => {
-			setColumnSizingInfo((old) => ({
+			setColumnResizing((old) => ({
 				...old,
 				isResizingColumn: false
 			}));
@@ -3464,7 +3479,7 @@ const MRT_TableHeadCellResizeHandle = ({ header, table, ...rest }) => {
 		},
 		onMouseDown: handler,
 		onTouchStart: handler,
-		style: { transform: column.getIsResizing() && columnResizeMode === "onEnd" ? `translateX(${(columnResizeDirection === "rtl" ? -1 : 1) * (getState().columnSizingInfo.deltaOffset ?? 0)}px)` : void 0 },
+		style: { transform: column.getIsResizing() && columnResizeMode === "onEnd" ? `translateX(${(columnResizeDirection === "rtl" ? -1 : 1) * (table.state.columnResizing.deltaOffset ?? 0)}px)` : void 0 },
 		sx: (theme) => ({
 			"&:active > hr": {
 				backgroundColor: theme.palette.info.main,
@@ -3478,7 +3493,7 @@ const MRT_TableHeadCellResizeHandle = ({ header, table, ...rest }) => {
 			px: "4px",
 			right: columnResizeDirection === "ltr" ? lr : void 0
 		}),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Divider, {
+		children: /* @__PURE__ */ jsx(Divider, {
 			className: "Mui-TableHeadCell-ResizeHandle-Divider",
 			flexItem: true,
 			orientation: "vertical",
@@ -3499,24 +3514,24 @@ const MRT_TableHeadCellResizeHandle = ({ header, table, ...rest }) => {
 //#endregion
 //#region src/components/head/MRT_TableHeadCellSortLabel.tsx
 const MRT_TableHeadCellSortLabel = ({ header, table, ...rest }) => {
-	const { getState, options: { icons: { ArrowDownwardIcon, SyncAltIcon }, localization } } = table;
+	const { options: { icons: { ArrowDownwardIcon, SyncAltIcon }, localization } } = table;
 	const { column } = header;
 	const { columnDef } = column;
-	const { isLoading, showSkeletons, sorting } = getState();
+	const { isLoading, showSkeletons, sorting } = table.state;
 	const isSorted = !!column.getIsSorted();
 	const sortTooltip = isLoading || showSkeletons ? "" : column.getIsSorted() ? column.getIsSorted() === "desc" ? localization.sortedByColumnDesc.replace("{column}", columnDef.header) : localization.sortedByColumnAsc.replace("{column}", columnDef.header) : column.getNextSortingOrder() === "desc" ? localization.sortByColumnDesc.replace("{column}", columnDef.header) : localization.sortByColumnAsc.replace("{column}", columnDef.header);
 	const direction = isSorted ? column.getIsSorted() : void 0;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Tooltip, {
+	return /* @__PURE__ */ jsx(Tooltip, {
 		placement: "top",
 		title: sortTooltip,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Badge, {
+		children: /* @__PURE__ */ jsx(Badge, {
 			badgeContent: sorting.length > 1 ? column.getSortIndex() + 1 : 0,
 			overlap: "circular",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TableSortLabel, {
+			children: /* @__PURE__ */ jsx(TableSortLabel, {
 				active: true,
 				"aria-label": sortTooltip,
 				direction,
-				IconComponent: !isSorted ? (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SyncAltIcon, {
+				IconComponent: !isSorted ? (props) => /* @__PURE__ */ jsx(SyncAltIcon, {
 					...props,
 					direction,
 					style: { transform: "rotate(-90deg) scaleX(0.9) translateX(-1px)" }
@@ -3541,9 +3556,9 @@ const MRT_TableHeadCellSortLabel = ({ header, table, ...rest }) => {
 //#endregion
 //#region src/components/head/MRT_TableHeadCell.tsx
 const MRT_TableHeadCell = ({ columnVirtualizer, header, staticColumnIndex, table, ...rest }) => {
-	const theme = (0, _mui_material_styles.useTheme)();
-	const { getState, options: { columnFilterDisplayMode, columnResizeDirection, columnResizeMode, enableColumnActions, enableColumnDragging, enableColumnOrdering, enableColumnPinning, enableGrouping, enableKeyboardShortcuts, enableMultiSort, layoutMode, mrtTheme: { draggingBorderColor }, muiTableHeadCellProps }, refs: { tableHeadCellRefs }, setHoveredColumn } = table;
-	const { columnSizingInfo, density, draggingColumn, grouping, hoveredColumn, showColumnFilters } = getState();
+	const theme = useTheme();
+	const { options: { columnFilterDisplayMode, columnResizeDirection, columnResizeMode, enableColumnActions, enableColumnDragging, enableColumnOrdering, enableColumnPinning, enableGrouping, enableKeyboardShortcuts, enableMultiSort, layoutMode, mrtTheme: { draggingBorderColor }, muiTableHeadCellProps }, refs: { tableHeadCellRefs }, setHoveredColumn } = table;
+	const { columnResizing, density, draggingColumn, grouping, hoveredColumn, showColumnFilters } = table.state;
 	const { column } = header;
 	const { columnDef } = column;
 	const { columnDefType } = columnDef;
@@ -3561,15 +3576,15 @@ const MRT_TableHeadCell = ({ columnVirtualizer, header, staticColumnIndex, table
 	const isColumnPinned = enableColumnPinning && columnDef.columnDefType !== "group" && column.getIsPinned();
 	const showColumnActions = (enableColumnActions || columnDef.enableColumnActions) && columnDef.enableColumnActions !== false;
 	const showDragHandle = enableColumnDragging !== false && columnDef.enableColumnDragging !== false && (enableColumnDragging || enableColumnOrdering && columnDef.enableColumnOrdering !== false || enableGrouping && columnDef.enableGrouping !== false && !grouping.includes(column.id));
-	const headerPL = (0, react.useMemo)(() => {
+	const headerPL = useMemo(() => {
 		let pl = 0;
 		if (column.getCanSort()) pl += 1;
 		if (showColumnActions) pl += 1.75;
 		if (showDragHandle) pl += 1.5;
 		return pl;
 	}, [showColumnActions, showDragHandle]);
-	const draggingBorders = (0, react.useMemo)(() => {
-		const showResizeBorder = columnSizingInfo.isResizingColumn === column.id && columnResizeMode === "onChange" && !header.subHeaders.length;
+	const draggingBorders = useMemo(() => {
+		const showResizeBorder = columnResizing.isResizingColumn === column.id && columnResizeMode === "onChange" && !header.subHeaders.length;
 		const borderStyle = showResizeBorder ? `2px solid ${draggingBorderColor} !important` : draggingColumn?.id === column.id ? `1px dashed ${theme.palette.grey[500]}` : hoveredColumn?.id === column.id ? `2px dashed ${draggingBorderColor}` : void 0;
 		if (showResizeBorder) return columnResizeDirection === "ltr" ? { borderRight: borderStyle } : { borderLeft: borderStyle };
 		return borderStyle ? {
@@ -3580,7 +3595,7 @@ const MRT_TableHeadCell = ({ columnVirtualizer, header, staticColumnIndex, table
 	}, [
 		draggingColumn,
 		hoveredColumn,
-		columnSizingInfo.isResizingColumn
+		columnResizing.isResizingColumn
 	]);
 	const handleDragEnter = (_e) => {
 		if (enableGrouping && hoveredColumn?.id === "drop-zone") setHoveredColumn(null);
@@ -3598,7 +3613,9 @@ const MRT_TableHeadCell = ({ columnVirtualizer, header, staticColumnIndex, table
 			table
 		});
 	};
-	const handleRef = (0, react.useCallback)((node) => {
+	const tableHeadCellRef = useRef(null);
+	const handleRef = useCallback((node) => {
+		tableHeadCellRef.current = node;
 		if (node) {
 			if (tableHeadCellRefs.current) tableHeadCellRefs.current[column.id] = node;
 			if (columnDefType !== "group") columnVirtualizer?.measureElement?.(node);
@@ -3614,7 +3631,7 @@ const MRT_TableHeadCell = ({ columnVirtualizer, header, staticColumnIndex, table
 		header,
 		table
 	}) ?? columnDef.header;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.TableCell, {
+	return /* @__PURE__ */ jsxs(TableCell, {
 		align: columnDefType === "group" ? "center" : theme.direction === "rtl" ? "right" : "left",
 		"aria-sort": column.getIsSorted() ? column.getIsSorted() === "asc" ? "ascending" : "descending" : "none",
 		colSpan: header.colSpan,
@@ -3647,7 +3664,7 @@ const MRT_TableHeadCell = ({ columnVirtualizer, header, staticColumnIndex, table
 			}),
 			...draggingBorders
 		}),
-		children: [header.isPlaceholder ? null : tableCellProps.children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Box, {
+		children: [header.isPlaceholder ? null : tableCellProps.children ?? /* @__PURE__ */ jsxs(Box, {
 			className: "Mui-TableHeadCell-Content",
 			sx: {
 				alignItems: "center",
@@ -3658,7 +3675,7 @@ const MRT_TableHeadCell = ({ columnVirtualizer, header, staticColumnIndex, table
 				width: "100%"
 			},
 			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Box, {
+				/* @__PURE__ */ jsxs(Box, {
 					className: "Mui-TableHeadCell-Content-Labels",
 					onClick: column.getToggleSortingHandler(),
 					sx: {
@@ -3670,7 +3687,7 @@ const MRT_TableHeadCell = ({ columnVirtualizer, header, staticColumnIndex, table
 						pl: tableCellProps?.align === "center" ? `${headerPL}rem` : void 0
 					},
 					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Box, {
+						/* @__PURE__ */ jsx(Box, {
 							className: "Mui-TableHeadCell-Content-Wrapper",
 							sx: {
 								"&:hover": { textOverflow: "clip" },
@@ -3681,34 +3698,34 @@ const MRT_TableHeadCell = ({ columnVirtualizer, header, staticColumnIndex, table
 							},
 							children: HeaderElement
 						}),
-						column.getCanFilter() && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_TableHeadCellFilterLabel, {
+						column.getCanFilter() && /* @__PURE__ */ jsx(MRT_TableHeadCellFilterLabel, {
 							header,
 							table
 						}),
-						column.getCanSort() && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_TableHeadCellSortLabel, {
+						column.getCanSort() && /* @__PURE__ */ jsx(MRT_TableHeadCellSortLabel, {
 							header,
 							table
 						})
 					]
 				}),
-				columnDefType !== "group" && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Box, {
+				columnDefType !== "group" && /* @__PURE__ */ jsxs(Box, {
 					className: "Mui-TableHeadCell-Content-Actions",
 					sx: { whiteSpace: "nowrap" },
-					children: [showDragHandle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_TableHeadCellGrabHandle, {
+					children: [showDragHandle && /* @__PURE__ */ jsx(MRT_TableHeadCellGrabHandle, {
 						column,
 						table,
-						tableHeadCellRef: { current: tableHeadCellRefs.current?.[column.id] }
-					}), showColumnActions && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_TableHeadCellColumnActionsButton, {
+						tableHeadCellRef
+					}), showColumnActions && /* @__PURE__ */ jsx(MRT_TableHeadCellColumnActionsButton, {
 						header,
 						table
 					})]
 				}),
-				column.getCanResize() && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_TableHeadCellResizeHandle, {
+				column.getCanResize() && /* @__PURE__ */ jsx(MRT_TableHeadCellResizeHandle, {
 					header,
 					table
 				})
 			]
-		}), columnFilterDisplayMode === "subheader" && column.getCanFilter() && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_TableHeadCellFilterContainer, {
+		}), columnFilterDisplayMode === "subheader" && column.getCanFilter() && /* @__PURE__ */ jsx(MRT_TableHeadCellFilterContainer, {
 			header,
 			table
 		})]
@@ -3726,18 +3743,18 @@ const MRT_TableHeadRow = ({ columnVirtualizer, headerGroup, table, ...rest }) =>
 		}),
 		...rest
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.TableRow, {
+	return /* @__PURE__ */ jsxs(TableRow, {
 		...tableRowProps,
 		sx: (theme) => ({
 			backgroundColor: baseBackgroundColor,
-			boxShadow: `4px 0 8px ${(0, _mui_material_styles.alpha)(theme.palette.common.black, .1)}`,
+			boxShadow: `4px 0 8px ${alpha(theme.palette.common.black, .1)}`,
 			display: layoutMode?.startsWith("grid") ? "flex" : void 0,
 			position: enableStickyHeader && layoutMode === "semantic" ? "sticky" : "relative",
 			top: 0,
 			...parseFromValuesOrFunc(tableRowProps?.sx, theme)
 		}),
 		children: [
-			virtualPaddingLeft ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { style: {
+			virtualPaddingLeft ? /* @__PURE__ */ jsx("th", { style: {
 				display: "flex",
 				width: virtualPaddingLeft
 			} }) : null,
@@ -3747,14 +3764,14 @@ const MRT_TableHeadRow = ({ columnVirtualizer, headerGroup, table, ...rest }) =>
 					staticColumnIndex = headerOrVirtualHeader.index;
 					header = headerGroup.headers[staticColumnIndex];
 				}
-				return header ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_TableHeadCell, {
+				return header ? /* @__PURE__ */ jsx(MRT_TableHeadCell, {
 					columnVirtualizer,
 					header,
 					staticColumnIndex,
 					table
 				}, header.id) : null;
 			}),
-			virtualPaddingRight ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", { style: {
+			virtualPaddingRight ? /* @__PURE__ */ jsx("th", { style: {
 				display: "flex",
 				width: virtualPaddingRight
 			} }) : null
@@ -3764,14 +3781,14 @@ const MRT_TableHeadRow = ({ columnVirtualizer, headerGroup, table, ...rest }) =>
 //#endregion
 //#region src/components/head/MRT_TableHead.tsx
 const MRT_TableHead = ({ columnVirtualizer, table, ...rest }) => {
-	const { getState, options: { enableStickyHeader, layoutMode, muiTableHeadProps, positionToolbarAlertBanner }, refs: { tableHeadRef } } = table;
-	const { isFullScreen, showAlertBanner } = getState();
+	const { options: { enableStickyHeader, layoutMode, muiTableHeadProps, positionToolbarAlertBanner }, refs: { tableHeadRef } } = table;
+	const { isFullScreen, showAlertBanner } = table.state;
 	const tableHeadProps = {
 		...parseFromValuesOrFunc(muiTableHeadProps, { table }),
 		...rest
 	};
 	const stickyHeader = enableStickyHeader || isFullScreen;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TableHead, {
+	return /* @__PURE__ */ jsx(TableHead, {
 		...tableHeadProps,
 		ref: (ref) => {
 			tableHeadRef.current = ref;
@@ -3785,17 +3802,17 @@ const MRT_TableHead = ({ columnVirtualizer, table, ...rest }) => {
 			zIndex: stickyHeader ? 2 : void 0,
 			...parseFromValuesOrFunc(tableHeadProps?.sx, theme)
 		}),
-		children: positionToolbarAlertBanner === "head-overlay" && (showAlertBanner || table.getSelectedRowModel().rows.length > 0) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", {
+		children: positionToolbarAlertBanner === "head-overlay" && (showAlertBanner || table.getSelectedRowModel().rows.length > 0) ? /* @__PURE__ */ jsx("tr", {
 			style: { display: layoutMode?.startsWith("grid") ? "grid" : void 0 },
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+			children: /* @__PURE__ */ jsx("th", {
 				colSpan: table.getVisibleLeafColumns().length,
 				style: {
 					display: layoutMode?.startsWith("grid") ? "grid" : void 0,
 					padding: 0
 				},
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_ToolbarAlertBanner, { table })
+				children: /* @__PURE__ */ jsx(MRT_ToolbarAlertBanner, { table })
 			})
-		}) : table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_TableHeadRow, {
+		}) : table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(MRT_TableHeadRow, {
 			columnVirtualizer,
 			headerGroup,
 			table
@@ -3805,16 +3822,16 @@ const MRT_TableHead = ({ columnVirtualizer, table, ...rest }) => {
 //#endregion
 //#region src/components/inputs/MRT_GlobalFilterTextField.tsx
 const MRT_GlobalFilterTextField = ({ table, ...rest }) => {
-	const { getState, options: { enableGlobalFilterModes, icons: { CloseIcon, SearchIcon }, localization, manualFiltering, muiSearchTextFieldProps }, refs: { searchInputRef }, setGlobalFilter } = table;
-	const { globalFilter, showGlobalFilter } = getState();
+	const { options: { enableGlobalFilterModes, icons: { CloseIcon, SearchIcon }, localization, manualFiltering, muiSearchTextFieldProps }, refs: { searchInputRef }, setGlobalFilter } = table;
+	const { globalFilter, showGlobalFilter } = table.state;
 	const textFieldProps = {
 		...parseFromValuesOrFunc(muiSearchTextFieldProps, { table }),
 		...rest
 	};
-	const isMounted = (0, react.useRef)(false);
-	const [anchorEl, setAnchorEl] = (0, react.useState)(null);
-	const [searchValue, setSearchValue] = (0, react.useState)(globalFilter ?? "");
-	const handleChangeDebounced = (0, react.useCallback)((0, _mui_material_utils.debounce)((event) => {
+	const isMounted = useRef(false);
+	const [anchorEl, setAnchorEl] = useState(null);
+	const [searchValue, setSearchValue] = useState(globalFilter ?? "");
+	const handleChangeDebounced = useCallback(debounce((event) => {
 		setGlobalFilter(event.target.value ?? void 0);
 	}, manualFiltering ? 500 : 250), []);
 	const handleChange = (event) => {
@@ -3828,18 +3845,20 @@ const MRT_GlobalFilterTextField = ({ table, ...rest }) => {
 		setSearchValue("");
 		setGlobalFilter(void 0);
 	};
-	(0, react.useEffect)(() => {
-		if (isMounted.current) if (globalFilter === void 0) handleClear();
-		else setSearchValue(globalFilter);
+	useEffect(() => {
+		if (isMounted.current) {
+			if (globalFilter === void 0) handleClear();
+			else setSearchValue(globalFilter);
+		}
 		isMounted.current = true;
 	}, [globalFilter]);
 	const consumerSlots = getTextFieldSlotProps(textFieldProps.slotProps);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Collapse, {
+	return /* @__PURE__ */ jsxs(Collapse, {
 		in: showGlobalFilter,
 		mountOnEnter: true,
 		orientation: "horizontal",
 		unmountOnExit: true,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.TextField, {
+		children: [/* @__PURE__ */ jsx(TextField, {
 			onChange: handleChange,
 			placeholder: localization.search,
 			size: "small",
@@ -3856,24 +3875,24 @@ const MRT_GlobalFilterTextField = ({ table, ...rest }) => {
 					...consumerSlots.htmlInput
 				},
 				input: {
-					endAdornment: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.InputAdornment, {
+					endAdornment: /* @__PURE__ */ jsx(InputAdornment, {
 						position: "end",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Tooltip, {
+						children: /* @__PURE__ */ jsx(Tooltip, {
 							title: localization.clearSearch ?? "",
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.IconButton, {
+							children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, {
 								"aria-label": localization.clearSearch,
 								disabled: !searchValue?.length,
 								onClick: handleClear,
 								size: "small",
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CloseIcon, {})
+								children: /* @__PURE__ */ jsx(CloseIcon, {})
 							}) })
 						})
 					}),
-					startAdornment: enableGlobalFilterModes ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.InputAdornment, {
+					startAdornment: enableGlobalFilterModes ? /* @__PURE__ */ jsx(InputAdornment, {
 						position: "start",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Tooltip, {
+						children: /* @__PURE__ */ jsx(Tooltip, {
 							title: localization.changeSearchMode,
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.IconButton, {
+							children: /* @__PURE__ */ jsx(IconButton, {
 								"aria-label": localization.changeSearchMode,
 								onClick: handleGlobalFilterMenuOpen,
 								size: "small",
@@ -3881,10 +3900,10 @@ const MRT_GlobalFilterTextField = ({ table, ...rest }) => {
 									height: "1.75rem",
 									width: "1.75rem"
 								},
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchIcon, {})
+								children: /* @__PURE__ */ jsx(SearchIcon, {})
 							})
 						})
-					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchIcon, { style: { marginRight: "4px" } }),
+					}) : /* @__PURE__ */ jsx(SearchIcon, { style: { marginRight: "4px" } }),
 					...consumerSlots.input,
 					sx: {
 						mb: 0,
@@ -3892,7 +3911,7 @@ const MRT_GlobalFilterTextField = ({ table, ...rest }) => {
 					}
 				}
 			}
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_FilterOptionMenu, {
+		}), /* @__PURE__ */ jsx(MRT_FilterOptionMenu, {
 			anchorEl,
 			onSelect: handleClear,
 			setAnchorEl,
@@ -3901,8 +3920,123 @@ const MRT_GlobalFilterTextField = ({ table, ...rest }) => {
 	});
 };
 //#endregion
+//#region src/fns/aggregationFns.ts
+const MRT_AggregationFns = { ...aggregationFns };
+//#endregion
+//#region src/fns/filterFns.ts
+const fuzzy = (row, columnId, filterValue, addMeta) => {
+	const itemRank = rankItem(row.getValue(columnId), filterValue, { threshold: rankings.MATCHES });
+	addMeta?.(itemRank);
+	return itemRank.passed;
+};
+fuzzy.autoRemove = (val) => !val;
+const contains = (row, id, filterValue) => !!row.getValue(id)?.toString().toLowerCase().trim().includes(filterValue.toString().toLowerCase().trim());
+contains.autoRemove = (val) => !val;
+const startsWith = (row, id, filterValue) => !!row.getValue(id)?.toString().toLowerCase().trim().startsWith(filterValue.toString().toLowerCase().trim());
+startsWith.autoRemove = (val) => !val;
+const endsWith = (row, id, filterValue) => !!row.getValue(id)?.toString().toLowerCase().trim().endsWith(filterValue.toString().toLowerCase().trim());
+endsWith.autoRemove = (val) => !val;
+const equals = (row, id, filterValue) => row.getValue(id)?.toString().toLowerCase().trim() === filterValue.toString().toLowerCase().trim();
+equals.autoRemove = (val) => !val;
+const notEquals = (row, id, filterValue) => row.getValue(id)?.toString().toLowerCase().trim() !== filterValue.toString().toLowerCase().trim();
+notEquals.autoRemove = (val) => !val;
+const greaterThan = (row, id, filterValue) => !isNaN(+filterValue) && !isNaN(+row.getValue(id)) ? +(row.getValue(id) ?? 0) > +filterValue : (row.getValue(id) ?? "")?.toString().toLowerCase().trim() > filterValue.toString().toLowerCase().trim();
+greaterThan.autoRemove = (val) => !val;
+const greaterThanOrEqualTo = (row, id, filterValue) => equals(row, id, filterValue) || greaterThan(row, id, filterValue);
+greaterThanOrEqualTo.autoRemove = (val) => !val;
+const lessThan = (row, id, filterValue) => !isNaN(+filterValue) && !isNaN(+row.getValue(id)) ? +(row.getValue(id) ?? 0) < +filterValue : (row.getValue(id) ?? "")?.toString().toLowerCase().trim() < filterValue.toString().toLowerCase().trim();
+lessThan.autoRemove = (val) => !val;
+const lessThanOrEqualTo = (row, id, filterValue) => equals(row, id, filterValue) || lessThan(row, id, filterValue);
+lessThanOrEqualTo.autoRemove = (val) => !val;
+const between = (row, id, filterValues) => (["", void 0].includes(filterValues[0]) || greaterThan(row, id, filterValues[0])) && (!isNaN(+filterValues[0]) && !isNaN(+filterValues[1]) && +filterValues[0] > +filterValues[1] || ["", void 0].includes(filterValues[1]) || lessThan(row, id, filterValues[1]));
+between.autoRemove = (val) => !val;
+const betweenInclusive = (row, id, filterValues) => (["", void 0].includes(filterValues[0]) || greaterThanOrEqualTo(row, id, filterValues[0])) && (!isNaN(+filterValues[0]) && !isNaN(+filterValues[1]) && +filterValues[0] > +filterValues[1] || ["", void 0].includes(filterValues[1]) || lessThanOrEqualTo(row, id, filterValues[1]));
+betweenInclusive.autoRemove = (val) => !val;
+const empty = (row, id, _filterValue) => !row.getValue(id)?.toString().trim();
+empty.autoRemove = (val) => !val;
+const notEmpty = (row, id, _filterValue) => !!row.getValue(id)?.toString().trim();
+notEmpty.autoRemove = (val) => !val;
+const MRT_FilterFns = {
+	arrIncludes: filterFn_arrIncludes,
+	arrIncludesAll: filterFn_arrIncludesAll,
+	arrIncludesSome: filterFn_arrIncludesSome,
+	between,
+	betweenInclusive,
+	contains,
+	empty,
+	endsWith,
+	equals,
+	equalsString: filterFn_equalsString,
+	equalsStringSensitive: filterFn_equalsStringSensitive,
+	fuzzy,
+	greaterThan,
+	greaterThanOrEqualTo,
+	includesString: filterFn_includesString,
+	includesStringSensitive: filterFn_includesStringSensitive,
+	inNumberRange: filterFn_inNumberRange,
+	lessThan,
+	lessThanOrEqualTo,
+	notEmpty,
+	notEquals,
+	startsWith
+};
+const MRT_DefaultTableFeatures = tableFeatures({
+	aggregationFns: MRT_AggregationFns,
+	cellSelectionFeature,
+	cellSpanningFeature,
+	columnFacetingFeature,
+	columnFilteringFeature,
+	columnGroupingFeature,
+	columnOrderingFeature,
+	columnPinningFeature,
+	columnResizingFeature,
+	columnSizingFeature,
+	columnVisibilityFeature,
+	expandedRowModel: createExpandedRowModel(),
+	facetedMinMaxValues: createFacetedMinMaxValues(),
+	facetedRowModel: createFacetedRowModel(),
+	facetedUniqueValues: createFacetedUniqueValues(),
+	filteredRowModel: createFilteredRowModel(),
+	filterFns: MRT_FilterFns,
+	globalFilteringFeature,
+	groupedRowModel: createGroupedRowModel(),
+	mrtFeature: { getInitialState: (state) => ({
+		actionCell: null,
+		columnFilterFns: {},
+		creatingRow: null,
+		density: "comfortable",
+		draggingColumn: null,
+		draggingRow: null,
+		editingCell: null,
+		editingRow: null,
+		globalFilterFn: "fuzzy",
+		hoveredColumn: null,
+		hoveredRow: null,
+		isFullScreen: false,
+		isLoading: false,
+		isSaving: false,
+		showAlertBanner: false,
+		showColumnFilters: false,
+		showGlobalFilter: false,
+		showLoadingOverlay: false,
+		showProgressBars: false,
+		showSkeletons: false,
+		showToolbarDropZone: false,
+		...state
+	}) },
+	paginatedRowModel: createPaginatedRowModel(),
+	rowAggregationFeature,
+	rowExpandingFeature,
+	rowPaginationFeature,
+	rowPinningFeature,
+	rowSelectionFeature,
+	rowSortingFeature,
+	sortedRowModel: createSortedRowModel(),
+	sortFns: MRT_SortingFns
+});
+//#endregion
 //#region src/utils/tanstack.helpers.ts
-const flexRender = _tanstack_react_table.flexRender;
+const flexRender = flexRender$1;
 function createMRTColumnHelper() {
 	return {
 		accessor: (accessor, column) => {
@@ -3918,12 +4052,12 @@ function createMRTColumnHelper() {
 		group: (column) => column
 	};
 }
-const createRow = (table, originalRow, rowIndex = -1, depth = 0, subRows, parentId) => (0, _tanstack_react_table.createRow)(table, "mrt-row-create", originalRow ?? Object.assign({}, ...getAllLeafColumnDefs(table.options.columns).map((col) => ({ [getColumnId(col)]: "" }))), rowIndex, depth, subRows, parentId);
+const createRow = (table, originalRow, rowIndex = -1, depth = 0, subRows, parentId) => constructRow(table, "mrt-row-create", originalRow ?? Object.assign({}, ...getAllLeafColumnDefs(table.options.columns).map((col) => ({ [getColumnId(col)]: "" }))), rowIndex, depth, subRows, parentId);
 //#endregion
 //#region src/hooks/display-columns/getMRT_RowActionsColumnDef.tsx
 const getMRT_RowActionsColumnDef = (tableOptions) => {
 	return {
-		Cell: ({ cell, row, staticRowIndex, table }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_ToggleRowActionMenuButton, {
+		Cell: ({ cell, row, staticRowIndex, table }) => /* @__PURE__ */ jsx(MRT_ToggleRowActionMenuButton, {
 			cell,
 			row,
 			staticRowIndex,
@@ -3941,7 +4075,7 @@ const getMRT_RowActionsColumnDef = (tableOptions) => {
 //#region src/hooks/display-columns/getMRT_RowDragColumnDef.tsx
 const getMRT_RowDragColumnDef = (tableOptions) => {
 	return {
-		Cell: ({ row, rowRef, table }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_TableBodyRowGrabHandle, {
+		Cell: ({ row, rowRef, table }) => /* @__PURE__ */ jsx(MRT_TableBodyRowGrabHandle, {
 			row,
 			rowRef,
 			table
@@ -3968,27 +4102,27 @@ const getMRT_RowExpandColumnDef = (tableOptions) => {
 				table
 			};
 			const subRowsLength = row.subRows?.length;
-			if (groupedColumnMode === "remove" && row.groupingColumnId) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Stack, {
+			if (groupedColumnMode === "remove" && row.groupingColumnId) return /* @__PURE__ */ jsxs(Stack, {
 				sx: {
 					alignItems: "center",
 					flexDirection: "row",
 					gap: "0.25rem"
 				},
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_ExpandButton, { ...expandButtonProps }),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Tooltip, {
+					/* @__PURE__ */ jsx(MRT_ExpandButton, { ...expandButtonProps }),
+					/* @__PURE__ */ jsx(Tooltip, {
 						...getCommonTooltipProps("right"),
-						title: table.getColumn(row.groupingColumnId).columnDef.header,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: row.groupingValue })
+						title: table.getColumn(row.groupingColumnId)?.columnDef.header,
+						children: /* @__PURE__ */ jsx("span", { children: row.groupingValue })
 					}),
-					!!subRowsLength && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+					!!subRowsLength && /* @__PURE__ */ jsxs("span", { children: [
 						"(",
 						subRowsLength,
 						")"
 					] })
 				]
 			});
-			else return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_ExpandButton, { ...expandButtonProps }), column.columnDef.GroupedCell?.({
+			else return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(MRT_ExpandButton, { ...expandButtonProps }), column.columnDef.GroupedCell?.({
 				cell,
 				column,
 				row,
@@ -3996,7 +4130,7 @@ const getMRT_RowExpandColumnDef = (tableOptions) => {
 			})] });
 		},
 		Header: enableExpandAll ? ({ table }) => {
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_ExpandAllButton, { table }), groupedColumnMode === "remove" && grouping?.map((groupedColumnId) => table.getColumn(groupedColumnId).columnDef.header)?.join(", ")] });
+			return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(MRT_ExpandAllButton, { table }), groupedColumnMode === "remove" && grouping?.map((groupedColumnId) => table.getColumn(groupedColumnId)?.columnDef.header)?.join(", ")] });
 		} : void 0,
 		muiTableBodyCellProps: alignProps,
 		muiTableHeadCellProps: alignProps,
@@ -4029,7 +4163,7 @@ const getMRT_RowNumbersColumnDef = (tableOptions) => {
 //#region src/hooks/display-columns/getMRT_RowPinningColumnDef.tsx
 const getMRT_RowPinningColumnDef = (tableOptions) => {
 	return {
-		Cell: ({ row, table }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_TableBodyRowPinButton, {
+		Cell: ({ row, table }) => /* @__PURE__ */ jsx(MRT_TableBodyRowPinButton, {
 			row,
 			table
 		}),
@@ -4047,13 +4181,13 @@ const getMRT_RowPinningColumnDef = (tableOptions) => {
 const getMRT_RowSelectColumnDef = (tableOptions) => {
 	const { enableMultiRowSelection, enableSelectAll } = tableOptions;
 	return {
-		Cell: ({ row, staticRowIndex, table }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_SelectCheckbox, {
+		Cell: ({ row, staticRowIndex, table }) => /* @__PURE__ */ jsx(MRT_SelectCheckbox, {
 			row,
 			staticRowIndex,
 			table
 		}),
 		grow: false,
-		Header: enableSelectAll && enableMultiRowSelection ? ({ table }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_SelectCheckbox, { table }) : void 0,
+		Header: enableSelectAll && enableMultiRowSelection ? ({ table }) => /* @__PURE__ */ jsx(MRT_SelectCheckbox, { table }) : void 0,
 		...defaultDisplayColumnProps({
 			header: "select",
 			id: "mrt-row-select",
@@ -4063,96 +4197,42 @@ const getMRT_RowSelectColumnDef = (tableOptions) => {
 	};
 };
 //#endregion
-//#region src/fns/aggregationFns.ts
-const MRT_AggregationFns = { ..._tanstack_react_table.aggregationFns };
-//#endregion
-//#region src/fns/filterFns.ts
-const fuzzy = (row, columnId, filterValue, addMeta) => {
-	const itemRank = (0, _tanstack_match_sorter_utils.rankItem)(row.getValue(columnId), filterValue, { threshold: _tanstack_match_sorter_utils.rankings.MATCHES });
-	addMeta(itemRank);
-	return itemRank.passed;
-};
-fuzzy.autoRemove = (val) => !val;
-const contains = (row, id, filterValue) => !!row.getValue(id)?.toString().toLowerCase().trim().includes(filterValue.toString().toLowerCase().trim());
-contains.autoRemove = (val) => !val;
-const startsWith = (row, id, filterValue) => !!row.getValue(id)?.toString().toLowerCase().trim().startsWith(filterValue.toString().toLowerCase().trim());
-startsWith.autoRemove = (val) => !val;
-const endsWith = (row, id, filterValue) => !!row.getValue(id)?.toString().toLowerCase().trim().endsWith(filterValue.toString().toLowerCase().trim());
-endsWith.autoRemove = (val) => !val;
-const equals = (row, id, filterValue) => row.getValue(id)?.toString().toLowerCase().trim() === filterValue.toString().toLowerCase().trim();
-equals.autoRemove = (val) => !val;
-const notEquals = (row, id, filterValue) => row.getValue(id)?.toString().toLowerCase().trim() !== filterValue.toString().toLowerCase().trim();
-notEquals.autoRemove = (val) => !val;
-const greaterThan = (row, id, filterValue) => !isNaN(+filterValue) && !isNaN(+row.getValue(id)) ? +(row.getValue(id) ?? 0) > +filterValue : (row.getValue(id) ?? "")?.toString().toLowerCase().trim() > filterValue.toString().toLowerCase().trim();
-greaterThan.autoRemove = (val) => !val;
-const greaterThanOrEqualTo = (row, id, filterValue) => equals(row, id, filterValue) || greaterThan(row, id, filterValue);
-greaterThanOrEqualTo.autoRemove = (val) => !val;
-const lessThan = (row, id, filterValue) => !isNaN(+filterValue) && !isNaN(+row.getValue(id)) ? +(row.getValue(id) ?? 0) < +filterValue : (row.getValue(id) ?? "")?.toString().toLowerCase().trim() < filterValue.toString().toLowerCase().trim();
-lessThan.autoRemove = (val) => !val;
-const lessThanOrEqualTo = (row, id, filterValue) => equals(row, id, filterValue) || lessThan(row, id, filterValue);
-lessThanOrEqualTo.autoRemove = (val) => !val;
-const between = (row, id, filterValues) => (["", void 0].includes(filterValues[0]) || greaterThan(row, id, filterValues[0])) && (!isNaN(+filterValues[0]) && !isNaN(+filterValues[1]) && +filterValues[0] > +filterValues[1] || ["", void 0].includes(filterValues[1]) || lessThan(row, id, filterValues[1]));
-between.autoRemove = (val) => !val;
-const betweenInclusive = (row, id, filterValues) => (["", void 0].includes(filterValues[0]) || greaterThanOrEqualTo(row, id, filterValues[0])) && (!isNaN(+filterValues[0]) && !isNaN(+filterValues[1]) && +filterValues[0] > +filterValues[1] || ["", void 0].includes(filterValues[1]) || lessThanOrEqualTo(row, id, filterValues[1]));
-betweenInclusive.autoRemove = (val) => !val;
-const empty = (row, id, _filterValue) => !row.getValue(id)?.toString().trim();
-empty.autoRemove = (val) => !val;
-const notEmpty = (row, id, _filterValue) => !!row.getValue(id)?.toString().trim();
-notEmpty.autoRemove = (val) => !val;
-const MRT_FilterFns = {
-	..._tanstack_react_table.filterFns,
-	between,
-	betweenInclusive,
-	contains,
-	empty,
-	endsWith,
-	equals,
-	fuzzy,
-	greaterThan,
-	greaterThanOrEqualTo,
-	lessThan,
-	lessThanOrEqualTo,
-	notEmpty,
-	notEquals,
-	startsWith
-};
-//#endregion
 //#region src/icons.ts
 const MRT_Default_Icons = {
-	ArrowDownwardIcon: _mui_icons_material.ArrowDownward,
-	ArrowRightIcon: _mui_icons_material.ArrowRight,
-	CancelIcon: _mui_icons_material.Cancel,
-	ChevronLeftIcon: _mui_icons_material.ChevronLeft,
-	ChevronRightIcon: _mui_icons_material.ChevronRight,
-	ClearAllIcon: _mui_icons_material.ClearAll,
-	CloseIcon: _mui_icons_material.Close,
-	ContentCopy: _mui_icons_material.ContentCopy,
-	DensityLargeIcon: _mui_icons_material.DensityLarge,
-	DensityMediumIcon: _mui_icons_material.DensityMedium,
-	DensitySmallIcon: _mui_icons_material.DensitySmall,
-	DragHandleIcon: _mui_icons_material.DragHandle,
-	DynamicFeedIcon: _mui_icons_material.DynamicFeed,
-	EditIcon: _mui_icons_material.Edit,
-	ExpandMoreIcon: _mui_icons_material.ExpandMore,
-	FilterAltIcon: _mui_icons_material.FilterAlt,
-	FilterListIcon: _mui_icons_material.FilterList,
-	FilterListOffIcon: _mui_icons_material.FilterListOff,
-	FirstPageIcon: _mui_icons_material.FirstPage,
-	FullscreenExitIcon: _mui_icons_material.FullscreenExit,
-	FullscreenIcon: _mui_icons_material.Fullscreen,
-	KeyboardDoubleArrowDownIcon: _mui_icons_material.KeyboardDoubleArrowDown,
-	LastPageIcon: _mui_icons_material.LastPage,
-	MoreHorizIcon: _mui_icons_material.MoreHoriz,
-	MoreVertIcon: _mui_icons_material.MoreVert,
-	PushPinIcon: _mui_icons_material.PushPin,
-	RestartAltIcon: _mui_icons_material.RestartAlt,
-	SaveIcon: _mui_icons_material.Save,
-	SearchIcon: _mui_icons_material.Search,
-	SearchOffIcon: _mui_icons_material.SearchOff,
-	SortIcon: _mui_icons_material.Sort,
-	SyncAltIcon: _mui_icons_material.SyncAlt,
-	ViewColumnIcon: _mui_icons_material.ViewColumn,
-	VisibilityOffIcon: _mui_icons_material.VisibilityOff
+	ArrowDownwardIcon: ArrowDownward,
+	ArrowRightIcon: ArrowRight,
+	CancelIcon: Cancel,
+	ChevronLeftIcon: ChevronLeft,
+	ChevronRightIcon: ChevronRight,
+	ClearAllIcon: ClearAll,
+	CloseIcon: Close,
+	ContentCopy,
+	DensityLargeIcon: DensityLarge,
+	DensityMediumIcon: DensityMedium,
+	DensitySmallIcon: DensitySmall,
+	DragHandleIcon: DragHandle,
+	DynamicFeedIcon: DynamicFeed,
+	EditIcon: Edit,
+	ExpandMoreIcon: ExpandMore,
+	FilterAltIcon: FilterAlt,
+	FilterListIcon: FilterList,
+	FilterListOffIcon: FilterListOff,
+	FirstPageIcon: FirstPage,
+	FullscreenExitIcon: FullscreenExit,
+	FullscreenIcon: Fullscreen,
+	KeyboardDoubleArrowDownIcon: KeyboardDoubleArrowDown,
+	LastPageIcon: LastPage,
+	MoreHorizIcon: MoreHoriz,
+	MoreVertIcon: MoreVert,
+	PushPinIcon: PushPin,
+	RestartAltIcon: RestartAlt,
+	SaveIcon: Save,
+	SearchIcon: Search,
+	SearchOffIcon: SearchOff,
+	SortIcon: Sort,
+	SyncAltIcon: SyncAlt,
+	ViewColumnIcon: ViewColumn,
+	VisibilityOffIcon: VisibilityOff
 };
 //#endregion
 //#region src/locales/en.ts
@@ -4272,38 +4352,38 @@ const MRT_DefaultDisplayColumn = {
 	enableResizing: false,
 	enableSorting: false
 };
-const useMRT_TableOptions = ({ aggregationFns, autoResetExpanded = false, columnFilterDisplayMode = "subheader", columnResizeDirection, columnResizeMode = "onChange", createDisplayMode = "modal", defaultColumn, defaultDisplayColumn, editDisplayMode = "modal", enableBatchRowSelection = true, enableBottomToolbar = true, enableColumnActions = true, enableColumnFilters = true, enableColumnOrdering = false, enableColumnPinning = false, enableColumnResizing = false, enableColumnVirtualization, enableDensityToggle = true, enableExpandAll = true, enableExpanding, enableFacetedValues = false, enableFilterMatchHighlighting = true, enableFilters = true, enableFullScreenToggle = true, enableGlobalFilter = true, enableGlobalFilterRankedResults = true, enableGrouping = false, enableHiding = true, enableKeyboardShortcuts = true, enableMultiRowSelection = true, enableMultiSort = true, enablePagination = true, enableRowPinning = false, enableRowSelection = false, enableRowVirtualization, enableSelectAll = true, enableSorting = true, enableStickyHeader = false, enableTableFooter = true, enableTableHead = true, enableToolbarInternalActions = true, enableTopToolbar = true, filterFns, icons, id = (0, react.useId)(), layoutMode, localization, manualFiltering, manualGrouping, manualPagination, manualSorting, mrtTheme, paginationDisplayMode = "default", positionActionsColumn = "first", positionCreatingRow = "top", positionExpandColumn = "first", positionGlobalFilter = "right", positionPagination = "bottom", positionToolbarAlertBanner = "top", positionToolbarDropZone = "top", rowNumberDisplayMode = "static", rowPinningDisplayMode = "sticky", selectAllMode = "page", sortingFns, ...rest }) => {
-	const theme = (0, _mui_material_styles.useTheme)();
-	icons = (0, react.useMemo)(() => ({
+const useMRT_TableOptions = ({ aggregationFns, autoResetExpanded = false, columnFilterDisplayMode = "subheader", columnResizeDirection, columnResizeMode = "onChange", createDisplayMode = "modal", defaultColumn, defaultDisplayColumn, editDisplayMode = "modal", enableBatchRowSelection = true, enableBottomToolbar = true, enableColumnActions = true, enableColumnFilters = true, enableColumnOrdering = false, enableColumnPinning = false, enableColumnResizing = false, enableColumnVirtualization, enableDensityToggle = true, enableExpandAll = true, enableExpanding, enableFacetedValues = false, enableFilterMatchHighlighting = true, enableFilters = true, enableFullScreenToggle = true, enableGlobalFilter = true, enableGlobalFilterRankedResults = true, enableGrouping = false, enableHiding = true, enableKeyboardShortcuts = true, enableMultiRowSelection = true, enableMultiSort = true, enablePagination = true, enableRowPinning = false, enableRowSelection = false, enableRowVirtualization, enableSelectAll = true, enableSorting = true, enableStickyHeader = false, enableTableFooter = true, enableTableHead = true, enableToolbarInternalActions = true, enableTopToolbar = true, filterFns, icons, id = useId(), layoutMode, localization, manualFiltering, manualGrouping, manualPagination, manualSorting, mrtTheme, paginationDisplayMode = "default", positionActionsColumn = "first", positionCreatingRow = "top", positionExpandColumn = "first", positionGlobalFilter = "right", positionPagination = "bottom", positionToolbarAlertBanner = "top", positionToolbarDropZone = "top", rowNumberDisplayMode = "static", rowPinningDisplayMode = "sticky", selectAllMode = "page", sortFns, ...rest }) => {
+	const theme = useTheme();
+	icons = useMemo(() => ({
 		...MRT_Default_Icons,
 		...icons
 	}), [icons]);
-	localization = (0, react.useMemo)(() => ({
+	localization = useMemo(() => ({
 		...MRT_Localization_EN,
 		...localization
 	}), [localization]);
-	mrtTheme = (0, react.useMemo)(() => getMRTTheme(mrtTheme, theme), [mrtTheme, theme]);
-	aggregationFns = (0, react.useMemo)(() => ({
+	mrtTheme = useMemo(() => getMRTTheme(mrtTheme, theme), [mrtTheme, theme]);
+	aggregationFns = useMemo(() => ({
 		...MRT_AggregationFns,
 		...aggregationFns
 	}), []);
-	filterFns = (0, react.useMemo)(() => ({
+	filterFns = useMemo(() => ({
 		...MRT_FilterFns,
 		...filterFns
 	}), []);
-	sortingFns = (0, react.useMemo)(() => ({
+	sortFns = useMemo(() => ({
 		...MRT_SortingFns,
-		...sortingFns
+		...sortFns
 	}), []);
-	defaultColumn = (0, react.useMemo)(() => ({
+	defaultColumn = useMemo(() => ({
 		...MRT_DefaultColumn,
 		...defaultColumn
 	}), [defaultColumn]);
-	defaultDisplayColumn = (0, react.useMemo)(() => ({
+	defaultDisplayColumn = useMemo(() => ({
 		...MRT_DefaultDisplayColumn,
 		...defaultDisplayColumn
 	}), [defaultDisplayColumn]);
-	[enableColumnVirtualization, enableRowVirtualization] = (0, react.useMemo)(() => [enableColumnVirtualization, enableRowVirtualization], []);
+	[enableColumnVirtualization, enableRowVirtualization] = useMemo(() => [enableColumnVirtualization, enableRowVirtualization], []);
 	if (!columnResizeDirection) columnResizeDirection = theme.direction || "ltr";
 	layoutMode = layoutMode || (enableColumnResizing ? "grid-no-grow" : "semantic");
 	if (layoutMode === "semantic" && (enableRowVirtualization || enableColumnVirtualization)) layoutMode = "grid";
@@ -4359,15 +4439,7 @@ const useMRT_TableOptions = ({ aggregationFns, autoResetExpanded = false, column
 		enableToolbarInternalActions,
 		enableTopToolbar,
 		filterFns,
-		getCoreRowModel: (0, _tanstack_react_table.getCoreRowModel)(),
-		getExpandedRowModel: enableExpanding || enableGrouping ? (0, _tanstack_react_table.getExpandedRowModel)() : void 0,
-		getFacetedMinMaxValues: enableFacetedValues ? (0, _tanstack_react_table.getFacetedMinMaxValues)() : void 0,
-		getFacetedRowModel: enableFacetedValues ? (0, _tanstack_react_table.getFacetedRowModel)() : void 0,
-		getFacetedUniqueValues: enableFacetedValues ? (0, _tanstack_react_table.getFacetedUniqueValues)() : void 0,
-		getFilteredRowModel: (enableColumnFilters || enableGlobalFilter || enableFilters) && !manualFiltering ? (0, _tanstack_react_table.getFilteredRowModel)() : void 0,
-		getGroupedRowModel: enableGrouping && !manualGrouping ? (0, _tanstack_react_table.getGroupedRowModel)() : void 0,
-		getPaginationRowModel: enablePagination && !manualPagination ? (0, _tanstack_react_table.getPaginationRowModel)() : void 0,
-		getSortedRowModel: enableSorting && !manualSorting ? (0, _tanstack_react_table.getSortedRowModel)() : void 0,
+		getRowCanExpand: rest.getRowCanExpand ?? (rest.renderDetailPanel ? () => true : void 0),
 		getSubRows: (row) => row?.subRows,
 		icons,
 		id,
@@ -4389,7 +4461,7 @@ const useMRT_TableOptions = ({ aggregationFns, autoResetExpanded = false, column
 		rowNumberDisplayMode,
 		rowPinningDisplayMode,
 		selectAllMode,
-		sortingFns,
+		sortFns,
 		...rest
 	};
 };
@@ -4420,33 +4492,35 @@ const getMRT_RowSpacerColumnDef = (tableOptions) => {
 //#endregion
 //#region src/hooks/useMRT_Effects.ts
 const useMRT_Effects = (table) => {
-	const { getIsSomeRowsPinned, getPrePaginationRowModel, getState, options: { enablePagination, enableRowPinning, rowCount } } = table;
-	const { columnOrder, density, globalFilter, isFullScreen, isLoading, pagination, showSkeletons, sorting } = getState();
+	const { getIsSomeRowsPinned, getPrePaginatedRowModel, options: { enablePagination, enableRowPinning, rowCount } } = table;
+	const { columnOrder, density, globalFilter, isFullScreen, isLoading, pagination, showSkeletons, sorting } = table.state;
 	const totalColumnCount = table.options.columns.length;
-	const totalRowCount = rowCount ?? getPrePaginationRowModel().rows.length;
-	const rerender = (0, react.useReducer)(() => ({}), {})[1];
-	const initialBodyHeight = (0, react.useRef)(null);
-	const previousTop = (0, react.useRef)(null);
-	(0, react.useEffect)(() => {
+	const totalRowCount = rowCount ?? getPrePaginatedRowModel().rows.length;
+	const rerender = useReducer(() => ({}), {})[1];
+	const initialBodyHeight = useRef(null);
+	const previousTop = useRef(null);
+	useEffect(() => {
 		if (typeof window !== "undefined") initialBodyHeight.current = document.body.style.height;
 	}, []);
-	(0, react.useEffect)(() => {
-		if (typeof window !== "undefined") if (isFullScreen) {
-			previousTop.current = document.body.getBoundingClientRect().top;
-			document.body.style.height = "100dvh";
-		} else {
-			document.body.style.height = initialBodyHeight.current;
-			if (!previousTop.current) return;
-			window.scrollTo({
-				behavior: "instant",
-				top: -1 * previousTop.current
-			});
+	useEffect(() => {
+		if (typeof window !== "undefined") {
+			if (isFullScreen) {
+				previousTop.current = document.body.getBoundingClientRect().top;
+				document.body.style.height = "100dvh";
+			} else {
+				document.body.style.height = initialBodyHeight.current;
+				if (!previousTop.current) return;
+				window.scrollTo({
+					behavior: "instant",
+					top: -1 * previousTop.current
+				});
+			}
 		}
 	}, [isFullScreen]);
-	(0, react.useEffect)(() => {
+	useEffect(() => {
 		if (totalColumnCount !== columnOrder.length) table.setColumnOrder(getDefaultColumnOrderIds(table.options));
 	}, [totalColumnCount]);
-	(0, react.useEffect)(() => {
+	useEffect(() => {
 		if (!enablePagination || isLoading || showSkeletons) return;
 		const { pageIndex, pageSize } = pagination;
 		const totalPages = totalRowCount > 0 ? Math.ceil(totalRowCount / pageSize) : 1;
@@ -4457,16 +4531,16 @@ const useMRT_Effects = (table) => {
 		isLoading,
 		showSkeletons
 	]);
-	const appliedSort = (0, react.useRef)(sorting);
-	(0, react.useEffect)(() => {
+	const appliedSort = useRef(sorting);
+	useEffect(() => {
 		if (sorting.length) appliedSort.current = sorting;
 	}, [sorting]);
-	(0, react.useEffect)(() => {
+	useEffect(() => {
 		if (!getCanRankRows(table)) return;
 		if (globalFilter) table.setSorting([]);
 		else table.setSorting(() => appliedSort.current || []);
 	}, [globalFilter]);
-	(0, react.useEffect)(() => {
+	useEffect(() => {
 		if (enableRowPinning && getIsSomeRowsPinned()) setTimeout(() => {
 			rerender();
 		}, 150);
@@ -4480,19 +4554,19 @@ const useMRT_Effects = (table) => {
 * @returns the MRT table instance
 */
 const useMRT_TableInstance = (definedTableOptions) => {
-	const lastSelectedRowId = (0, react.useRef)(null);
-	const actionCellRef = (0, react.useRef)(null);
-	const bottomToolbarRef = (0, react.useRef)(null);
-	const editInputRefs = (0, react.useRef)({});
-	const filterInputRefs = (0, react.useRef)({});
-	const searchInputRef = (0, react.useRef)(null);
-	const tableContainerRef = (0, react.useRef)(null);
-	const tableHeadCellRefs = (0, react.useRef)({});
-	const tablePaperRef = (0, react.useRef)(null);
-	const topToolbarRef = (0, react.useRef)(null);
-	const tableHeadRef = (0, react.useRef)(null);
-	const tableFooterRef = (0, react.useRef)(null);
-	const initialState = (0, react.useMemo)(() => {
+	const lastSelectedRowId = useRef(null);
+	const actionCellRef = useRef(null);
+	const bottomToolbarRef = useRef(null);
+	const editInputRefs = useRef({});
+	const filterInputRefs = useRef({});
+	const searchInputRef = useRef(null);
+	const tableContainerRef = useRef(null);
+	const tableHeadCellRefs = useRef({});
+	const tablePaperRef = useRef(null);
+	const topToolbarRef = useRef(null);
+	const tableHeadRef = useRef(null);
+	const tableFooterRef = useRef(null);
+	const initialState = useMemo(() => {
 		const initState = definedTableOptions.initialState ?? {};
 		initState.columnOrder = initState.columnOrder ?? getDefaultColumnOrderIds({
 			...definedTableOptions,
@@ -4505,34 +4579,34 @@ const useMRT_TableInstance = (definedTableOptions) => {
 		return initState;
 	}, []);
 	definedTableOptions.initialState = initialState;
-	const [actionCell, setActionCell] = (0, react.useState)(initialState.actionCell ?? null);
-	const [creatingRow, _setCreatingRow] = (0, react.useState)(initialState.creatingRow ?? null);
-	const [columnFilterFns, setColumnFilterFns] = (0, react.useState)(() => Object.assign({}, ...getAllLeafColumnDefs(definedTableOptions.columns).map((col) => ({ [getColumnId(col)]: col.filterFn instanceof Function ? col.filterFn.name ?? "custom" : col.filterFn ?? initialState?.columnFilterFns?.[getColumnId(col)] ?? getDefaultColumnFilterFn(col) }))));
-	const [columnOrder, onColumnOrderChange] = (0, react.useState)(initialState.columnOrder ?? []);
-	const [columnSizingInfo, onColumnSizingInfoChange] = (0, react.useState)(initialState.columnSizingInfo ?? {});
-	const [density, setDensity] = (0, react.useState)(initialState?.density ?? "comfortable");
-	const [draggingColumn, setDraggingColumn] = (0, react.useState)(initialState.draggingColumn ?? null);
-	const [draggingRow, setDraggingRow] = (0, react.useState)(initialState.draggingRow ?? null);
-	const [editingCell, setEditingCell] = (0, react.useState)(initialState.editingCell ?? null);
-	const [editingRow, setEditingRow] = (0, react.useState)(initialState.editingRow ?? null);
-	const [globalFilterFn, setGlobalFilterFn] = (0, react.useState)(initialState.globalFilterFn ?? "fuzzy");
-	const [grouping, onGroupingChange] = (0, react.useState)(initialState.grouping ?? []);
-	const [hoveredColumn, setHoveredColumn] = (0, react.useState)(initialState.hoveredColumn ?? null);
-	const [hoveredRow, setHoveredRow] = (0, react.useState)(initialState.hoveredRow ?? null);
-	const [isFullScreen, setIsFullScreen] = (0, react.useState)(initialState?.isFullScreen ?? false);
-	const [pagination, onPaginationChange] = (0, react.useState)(initialState?.pagination ?? {
+	const [actionCell, setActionCell] = useState(initialState.actionCell ?? null);
+	const [creatingRow, _setCreatingRow] = useState(initialState.creatingRow ?? null);
+	const [columnFilterFns, setColumnFilterFns] = useState(() => Object.assign({}, ...getAllLeafColumnDefs(definedTableOptions.columns).map((col) => ({ [getColumnId(col)]: col.filterFn instanceof Function ? col.filterFn.name ?? "custom" : col.filterFn ?? initialState?.columnFilterFns?.[getColumnId(col)] ?? getDefaultColumnFilterFn(col) }))));
+	const [columnOrder, onColumnOrderChange] = useState(initialState.columnOrder ?? []);
+	const [columnResizing, onColumnResizingChange] = useState(initialState.columnResizing ?? {});
+	const [density, setDensity] = useState(initialState?.density ?? "comfortable");
+	const [draggingColumn, setDraggingColumn] = useState(initialState.draggingColumn ?? null);
+	const [draggingRow, setDraggingRow] = useState(initialState.draggingRow ?? null);
+	const [editingCell, setEditingCell] = useState(initialState.editingCell ?? null);
+	const [editingRow, setEditingRow] = useState(initialState.editingRow ?? null);
+	const [globalFilterFn, setGlobalFilterFn] = useState(initialState.globalFilterFn ?? "fuzzy");
+	const [grouping, onGroupingChange] = useState(initialState.grouping ?? []);
+	const [hoveredColumn, setHoveredColumn] = useState(initialState.hoveredColumn ?? null);
+	const [hoveredRow, setHoveredRow] = useState(initialState.hoveredRow ?? null);
+	const [isFullScreen, setIsFullScreen] = useState(initialState?.isFullScreen ?? false);
+	const [pagination, onPaginationChange] = useState(initialState?.pagination ?? {
 		pageIndex: 0,
 		pageSize: 10
 	});
-	const [showAlertBanner, setShowAlertBanner] = (0, react.useState)(initialState?.showAlertBanner ?? false);
-	const [showColumnFilters, setShowColumnFilters] = (0, react.useState)(initialState?.showColumnFilters ?? false);
-	const [showGlobalFilter, setShowGlobalFilter] = (0, react.useState)(initialState?.showGlobalFilter ?? false);
-	const [showToolbarDropZone, setShowToolbarDropZone] = (0, react.useState)(initialState?.showToolbarDropZone ?? false);
+	const [showAlertBanner, setShowAlertBanner] = useState(initialState?.showAlertBanner ?? false);
+	const [showColumnFilters, setShowColumnFilters] = useState(initialState?.showColumnFilters ?? false);
+	const [showGlobalFilter, setShowGlobalFilter] = useState(initialState?.showGlobalFilter ?? false);
+	const [showToolbarDropZone, setShowToolbarDropZone] = useState(initialState?.showToolbarDropZone ?? false);
 	definedTableOptions.state = {
 		actionCell,
 		columnFilterFns,
 		columnOrder,
-		columnSizingInfo,
+		columnResizing,
 		creatingRow,
 		density,
 		draggingColumn,
@@ -4552,8 +4626,8 @@ const useMRT_TableInstance = (definedTableOptions) => {
 		...definedTableOptions.state
 	};
 	const statefulTableOptions = definedTableOptions;
-	const columnDefsRef = (0, react.useRef)([]);
-	statefulTableOptions.columns = statefulTableOptions.state.columnSizingInfo.isResizingColumn || statefulTableOptions.state.draggingColumn || statefulTableOptions.state.draggingRow ? columnDefsRef.current : prepareColumns({
+	const columnDefsRef = useRef([]);
+	statefulTableOptions.columns = statefulTableOptions.state.columnResizing.isResizingColumn || statefulTableOptions.state.draggingColumn || statefulTableOptions.state.draggingRow ? columnDefsRef.current : prepareColumns({
 		columnDefs: [
 			...[
 				showRowPinningColumn(statefulTableOptions) && getMRT_RowPinningColumnDef(statefulTableOptions),
@@ -4569,53 +4643,74 @@ const useMRT_TableInstance = (definedTableOptions) => {
 		tableOptions: statefulTableOptions
 	});
 	columnDefsRef.current = statefulTableOptions.columns;
-	statefulTableOptions.data = (0, react.useMemo)(() => (statefulTableOptions.state.isLoading || statefulTableOptions.state.showSkeletons) && !statefulTableOptions.data.length ? [...Array(Math.min(statefulTableOptions.state.pagination.pageSize, 20)).fill(null)].map(() => Object.assign({}, ...getAllLeafColumnDefs(statefulTableOptions.columns).map((col) => ({ [getColumnId(col)]: null })))) : statefulTableOptions.data, [
+	statefulTableOptions.data = useMemo(() => (statefulTableOptions.state.isLoading || statefulTableOptions.state.showSkeletons) && !statefulTableOptions.data.length ? [...Array(Math.min(statefulTableOptions.state.pagination.pageSize, 20)).fill(null)].map(() => Object.assign({}, ...getAllLeafColumnDefs(statefulTableOptions.columns).map((col) => ({ [getColumnId(col)]: null })))) : statefulTableOptions.data, [
 		statefulTableOptions.data,
 		statefulTableOptions.state.isLoading,
 		statefulTableOptions.state.showSkeletons
 	]);
-	const table = (0, _tanstack_react_table.useReactTable)({
+	const [features] = useState(() => tableFeatures({
+		...MRT_DefaultTableFeatures,
+		aggregationFns: {
+			...MRT_DefaultTableFeatures.aggregationFns,
+			...statefulTableOptions.aggregationFns
+		},
+		filterFns: {
+			...MRT_DefaultTableFeatures.filterFns,
+			...statefulTableOptions.filterFns
+		},
+		sortFns: {
+			...MRT_DefaultTableFeatures.sortFns,
+			...statefulTableOptions.sortFns
+		}
+	}));
+	const tableOptions = {
 		onColumnOrderChange,
-		onColumnSizingInfoChange,
+		onColumnResizingChange,
 		onGroupingChange,
 		onPaginationChange,
 		...statefulTableOptions,
-		globalFilterFn: statefulTableOptions.filterFns?.[globalFilterFn ?? "fuzzy"]
+		features,
+		globalFilterFn: globalFilterFn ?? "fuzzy"
+	};
+	const reactTable = useTable(tableOptions);
+	const table = Object.assign(reactTable, {
+		getLeftLeafColumns: () => reactTable.getStartLeafColumns(),
+		getPaginationRowModel: () => reactTable.getPaginatedRowModel(),
+		getRightLeafColumns: () => reactTable.getEndLeafColumns(),
+		refs: {
+			actionCellRef,
+			bottomToolbarRef,
+			editInputRefs,
+			filterInputRefs,
+			lastSelectedRowId,
+			searchInputRef,
+			tableContainerRef,
+			tableFooterRef,
+			tableHeadCellRefs,
+			tableHeadRef,
+			tablePaperRef,
+			topToolbarRef
+		},
+		setActionCell: statefulTableOptions.onActionCellChange ?? setActionCell,
+		setColumnFilterFns: statefulTableOptions.onColumnFilterFnsChange ?? setColumnFilterFns,
+		setCreatingRow: (row) => {
+			const nextRow = row === true ? createRow(table) : row;
+			statefulTableOptions?.onCreatingRowChange?.(nextRow) ?? _setCreatingRow(nextRow);
+		},
+		setDensity: statefulTableOptions.onDensityChange ?? setDensity,
+		setDraggingColumn: statefulTableOptions.onDraggingColumnChange ?? setDraggingColumn,
+		setDraggingRow: statefulTableOptions.onDraggingRowChange ?? setDraggingRow,
+		setEditingCell: statefulTableOptions.onEditingCellChange ?? setEditingCell,
+		setEditingRow: statefulTableOptions.onEditingRowChange ?? setEditingRow,
+		setGlobalFilterFn: statefulTableOptions.onGlobalFilterFnChange ?? setGlobalFilterFn,
+		setHoveredColumn: statefulTableOptions.onHoveredColumnChange ?? setHoveredColumn,
+		setHoveredRow: statefulTableOptions.onHoveredRowChange ?? setHoveredRow,
+		setIsFullScreen: statefulTableOptions.onIsFullScreenChange ?? setIsFullScreen,
+		setShowAlertBanner: statefulTableOptions.onShowAlertBannerChange ?? setShowAlertBanner,
+		setShowColumnFilters: statefulTableOptions.onShowColumnFiltersChange ?? setShowColumnFilters,
+		setShowGlobalFilter: statefulTableOptions.onShowGlobalFilterChange ?? setShowGlobalFilter,
+		setShowToolbarDropZone: statefulTableOptions.onShowToolbarDropZoneChange ?? setShowToolbarDropZone
 	});
-	table.refs = {
-		actionCellRef,
-		bottomToolbarRef,
-		editInputRefs,
-		filterInputRefs,
-		lastSelectedRowId,
-		searchInputRef,
-		tableContainerRef,
-		tableFooterRef,
-		tableHeadCellRefs,
-		tableHeadRef,
-		tablePaperRef,
-		topToolbarRef
-	};
-	table.setActionCell = statefulTableOptions.onActionCellChange ?? setActionCell;
-	table.setCreatingRow = (row) => {
-		let _row = row;
-		if (row === true) _row = createRow(table);
-		statefulTableOptions?.onCreatingRowChange?.(_row) ?? _setCreatingRow(_row);
-	};
-	table.setColumnFilterFns = statefulTableOptions.onColumnFilterFnsChange ?? setColumnFilterFns;
-	table.setDensity = statefulTableOptions.onDensityChange ?? setDensity;
-	table.setDraggingColumn = statefulTableOptions.onDraggingColumnChange ?? setDraggingColumn;
-	table.setDraggingRow = statefulTableOptions.onDraggingRowChange ?? setDraggingRow;
-	table.setEditingCell = statefulTableOptions.onEditingCellChange ?? setEditingCell;
-	table.setEditingRow = statefulTableOptions.onEditingRowChange ?? setEditingRow;
-	table.setGlobalFilterFn = statefulTableOptions.onGlobalFilterFnChange ?? setGlobalFilterFn;
-	table.setHoveredColumn = statefulTableOptions.onHoveredColumnChange ?? setHoveredColumn;
-	table.setHoveredRow = statefulTableOptions.onHoveredRowChange ?? setHoveredRow;
-	table.setIsFullScreen = statefulTableOptions.onIsFullScreenChange ?? setIsFullScreen;
-	table.setShowAlertBanner = statefulTableOptions.onShowAlertBannerChange ?? setShowAlertBanner;
-	table.setShowColumnFilters = statefulTableOptions.onShowColumnFiltersChange ?? setShowColumnFilters;
-	table.setShowGlobalFilter = statefulTableOptions.onShowGlobalFilterChange ?? setShowGlobalFilter;
-	table.setShowToolbarDropZone = statefulTableOptions.onShowToolbarDropZoneChange ?? setShowToolbarDropZone;
 	useMRT_Effects(table);
 	return table;
 };
@@ -4625,8 +4720,8 @@ const useMaterialReactTable = (tableOptions) => useMRT_TableInstance(useMRT_Tabl
 //#endregion
 //#region src/components/toolbar/MRT_LinearProgressBar.tsx
 const MRT_LinearProgressBar = ({ isTopToolbar, table, ...rest }) => {
-	const { getState, options: { muiLinearProgressProps } } = table;
-	const { isSaving, showProgressBars } = getState();
+	const { options: { muiLinearProgressProps } } = table;
+	const { isSaving, showProgressBars } = table.state;
 	const linearProgressProps = {
 		...parseFromValuesOrFunc(muiLinearProgressProps, {
 			isTopToolbar,
@@ -4634,7 +4729,7 @@ const MRT_LinearProgressBar = ({ isTopToolbar, table, ...rest }) => {
 		}),
 		...rest
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Collapse, {
+	return /* @__PURE__ */ jsx(Collapse, {
 		in: showProgressBars !== false && (showProgressBars || isSaving),
 		mountOnEnter: true,
 		sx: {
@@ -4644,7 +4739,7 @@ const MRT_LinearProgressBar = ({ isTopToolbar, table, ...rest }) => {
 			width: "100%"
 		},
 		unmountOnExit: true,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.LinearProgress, {
+		children: /* @__PURE__ */ jsx(LinearProgress, {
 			"aria-busy": "true",
 			"aria-label": "Loading",
 			sx: { position: "relative" },
@@ -4665,10 +4760,10 @@ const defaultRowsPerPage = [
 	100
 ];
 const MRT_TablePagination = ({ position = "bottom", table, ...rest }) => {
-	const theme = (0, _mui_material_styles.useTheme)();
-	const isMobile = (0, _mui_material.useMediaQuery)("(max-width: 720px)");
-	const { getState, options: { enableToolbarInternalActions, icons: { ChevronLeftIcon, ChevronRightIcon, FirstPageIcon, LastPageIcon }, id, localization, muiPaginationProps, paginationDisplayMode } } = table;
-	const { pagination: { pageIndex = 0, pageSize = 10 } } = getState();
+	const theme = useTheme();
+	const isMobile = useMediaQuery("(max-width: 720px)");
+	const { options: { enableToolbarInternalActions, icons: { ChevronLeftIcon, ChevronRightIcon, FirstPageIcon, LastPageIcon }, id, localization, muiPaginationProps, paginationDisplayMode } } = table;
+	const { pagination: { pageIndex = 0, pageSize = 10 } } = table.state;
 	const paginationProps = {
 		...parseFromValuesOrFunc(muiPaginationProps, { table }),
 		...rest
@@ -4683,7 +4778,7 @@ const MRT_TablePagination = ({ position = "bottom", table, ...rest }) => {
 	const disableNext = lastRowIndex >= totalRowCount || disabled;
 	if (isMobile && SelectProps?.native !== false) SelectProps.native = true;
 	const tooltipProps = getCommonTooltipProps();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		className: "MuiTablePagination-root",
 		sx: {
 			alignItems: "center",
@@ -4701,17 +4796,17 @@ const MRT_TablePagination = ({ position = "bottom", table, ...rest }) => {
 			py: "12px",
 			zIndex: 2
 		},
-		children: [showRowsPerPage && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Box, {
+		children: [showRowsPerPage && /* @__PURE__ */ jsxs(Box, {
 			sx: {
 				alignItems: "center",
 				display: "flex",
 				gap: "8px"
 			},
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.InputLabel, {
+			children: [/* @__PURE__ */ jsx(InputLabel, {
 				htmlFor: `mrt-rows-per-page-${id}`,
 				sx: { mb: 0 },
 				children: localization.rowsPerPage
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Select, {
+			}), /* @__PURE__ */ jsx(Select, {
 				disabled,
 				disableUnderline: true,
 				inputProps: {
@@ -4728,22 +4823,22 @@ const MRT_TablePagination = ({ position = "bottom", table, ...rest }) => {
 				children: rowsPerPageOptions.map((option) => {
 					const value = typeof option !== "number" ? option.value : option;
 					const label = typeof option !== "number" ? option.label : `${option}`;
-					return SelectProps?.children ?? (SelectProps?.native ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+					return SelectProps?.children ?? (SelectProps?.native ? /* @__PURE__ */ jsx("option", {
 						value,
 						children: label
-					}, value) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.MenuItem, {
+					}, value) : /* @__PURE__ */ jsx(MenuItem, {
 						sx: { m: 0 },
 						value,
 						children: label
 					}, value));
 				})
 			})]
-		}), paginationDisplayMode === "pages" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Pagination, {
+		}), paginationDisplayMode === "pages" ? /* @__PURE__ */ jsx(Pagination, {
 			count: numberOfPages,
 			disabled,
 			onChange: (_e, newPageIndex) => table.setPageIndex(newPageIndex - 1),
 			page: pageIndex + 1,
-			renderItem: (item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.PaginationItem, {
+			renderItem: (item) => /* @__PURE__ */ jsx(PaginationItem, {
 				slots: {
 					first: FirstPageIcon,
 					last: LastPageIcon,
@@ -4755,7 +4850,7 @@ const MRT_TablePagination = ({ position = "bottom", table, ...rest }) => {
 			showFirstButton,
 			showLastButton,
 			...restPaginationProps
-		}) : paginationDisplayMode === "default" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Typography, {
+		}) : paginationDisplayMode === "default" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Typography, {
 			align: "center",
 			component: "span",
 			sx: {
@@ -4764,51 +4859,51 @@ const MRT_TablePagination = ({ position = "bottom", table, ...rest }) => {
 			},
 			variant: "body2",
 			children: `${lastRowIndex === 0 ? 0 : (firstRowIndex + 1).toLocaleString(localization.language)}-${lastRowIndex.toLocaleString(localization.language)} ${localization.of} ${totalRowCount.toLocaleString(localization.language)}`
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Box, {
+		}), /* @__PURE__ */ jsxs(Box, {
 			sx: { gap: "xs" },
 			children: [
-				showFirstButton && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Tooltip, {
+				showFirstButton && /* @__PURE__ */ jsx(Tooltip, {
 					...tooltipProps,
 					title: localization.goToFirstPage,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.IconButton, {
+					children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, {
 						"aria-label": localization.goToFirstPage,
 						disabled: disableBack,
 						onClick: () => table.firstPage(),
 						size: "small",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FirstPageIcon, { ...flipIconStyles(theme) })
+						children: /* @__PURE__ */ jsx(FirstPageIcon, { ...flipIconStyles(theme) })
 					}) })
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Tooltip, {
+				/* @__PURE__ */ jsx(Tooltip, {
 					...tooltipProps,
 					title: localization.goToPreviousPage,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.IconButton, {
+					children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, {
 						"aria-label": localization.goToPreviousPage,
 						disabled: disableBack,
 						onClick: () => table.previousPage(),
 						size: "small",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronLeftIcon, { ...flipIconStyles(theme) })
+						children: /* @__PURE__ */ jsx(ChevronLeftIcon, { ...flipIconStyles(theme) })
 					}) })
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Tooltip, {
+				/* @__PURE__ */ jsx(Tooltip, {
 					...tooltipProps,
 					title: localization.goToNextPage,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.IconButton, {
+					children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, {
 						"aria-label": localization.goToNextPage,
 						disabled: disableNext,
 						onClick: () => table.nextPage(),
 						size: "small",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChevronRightIcon, { ...flipIconStyles(theme) })
+						children: /* @__PURE__ */ jsx(ChevronRightIcon, { ...flipIconStyles(theme) })
 					}) })
 				}),
-				showLastButton && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Tooltip, {
+				showLastButton && /* @__PURE__ */ jsx(Tooltip, {
 					...tooltipProps,
 					title: localization.goToLastPage,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.IconButton, {
+					children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(IconButton, {
 						"aria-label": localization.goToLastPage,
 						disabled: disableNext,
 						onClick: () => table.lastPage(),
 						size: "small",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LastPageIcon, { ...flipIconStyles(theme) })
+						children: /* @__PURE__ */ jsx(LastPageIcon, { ...flipIconStyles(theme) })
 					}) })
 				})
 			]
@@ -4818,24 +4913,24 @@ const MRT_TablePagination = ({ position = "bottom", table, ...rest }) => {
 //#endregion
 //#region src/components/toolbar/MRT_ToolbarDropZone.tsx
 const MRT_ToolbarDropZone = ({ table, ...rest }) => {
-	const { getState, options: { enableGrouping, localization }, setHoveredColumn, setShowToolbarDropZone } = table;
-	const { draggingColumn, grouping, hoveredColumn, showToolbarDropZone } = getState();
+	const { options: { enableGrouping, localization }, setHoveredColumn, setShowToolbarDropZone } = table;
+	const { draggingColumn, grouping, hoveredColumn, showToolbarDropZone } = table.state;
 	const handleDragEnter = (_event) => {
 		setHoveredColumn({ id: "drop-zone" });
 	};
 	const handleDragOver = (e) => {
 		e.preventDefault();
 	};
-	(0, react.useEffect)(() => {
+	useEffect(() => {
 		if (table.options.state?.showToolbarDropZone !== void 0) setShowToolbarDropZone(!!enableGrouping && !!draggingColumn && draggingColumn.columnDef.enableGrouping !== false && !grouping.includes(draggingColumn.id));
 	}, [
 		enableGrouping,
 		draggingColumn,
 		grouping
 	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Fade, {
+	return /* @__PURE__ */ jsx(Fade, {
 		in: showToolbarDropZone,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Box, {
+		children: /* @__PURE__ */ jsx(Box, {
 			className: "Mui-ToolbarDropZone",
 			onDragEnter: handleDragEnter,
 			onDragOver: handleDragOver,
@@ -4843,7 +4938,7 @@ const MRT_ToolbarDropZone = ({ table, ...rest }) => {
 			sx: (theme) => ({
 				alignItems: "center",
 				backdropFilter: "blur(4px)",
-				backgroundColor: (0, _mui_material_styles.alpha)(theme.palette.info.main, hoveredColumn?.id === "drop-zone" ? .2 : .1),
+				backgroundColor: alpha(theme.palette.info.main, hoveredColumn?.id === "drop-zone" ? .2 : .1),
 				border: `dashed ${theme.palette.info.main} 2px`,
 				boxSizing: "border-box",
 				display: "flex",
@@ -4854,7 +4949,7 @@ const MRT_ToolbarDropZone = ({ table, ...rest }) => {
 				zIndex: 4,
 				...parseFromValuesOrFunc(rest?.sx, theme)
 			}),
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Typography, {
+			children: /* @__PURE__ */ jsx(Typography, {
 				sx: { fontStyle: "italic" },
 				children: localization.dropToGroupBy.replace("{column}", draggingColumn?.columnDef?.header ?? "")
 			})
@@ -4864,15 +4959,15 @@ const MRT_ToolbarDropZone = ({ table, ...rest }) => {
 //#endregion
 //#region src/components/toolbar/MRT_BottomToolbar.tsx
 const MRT_BottomToolbar = ({ table, ...rest }) => {
-	const { getState, options: { enablePagination, muiBottomToolbarProps, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, renderBottomToolbarCustomActions }, refs: { bottomToolbarRef } } = table;
-	const { isFullScreen } = getState();
-	const isMobile = (0, _mui_material.useMediaQuery)("(max-width:720px)");
+	const { options: { enablePagination, muiBottomToolbarProps, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, renderBottomToolbarCustomActions }, refs: { bottomToolbarRef } } = table;
+	const { isFullScreen } = table.state;
+	const isMobile = useMediaQuery("(max-width:720px)");
 	const toolbarProps = {
 		...parseFromValuesOrFunc(muiBottomToolbarProps, { table }),
 		...rest
 	};
 	const stackAlertBanner = isMobile || !!renderBottomToolbarCustomActions;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		...toolbarProps,
 		ref: (node) => {
 			if (node) {
@@ -4886,23 +4981,23 @@ const MRT_BottomToolbar = ({ table, ...rest }) => {
 				theme
 			}),
 			bottom: isFullScreen ? "0" : void 0,
-			boxShadow: `0 1px 2px -1px ${(0, _mui_material_styles.alpha)(theme.palette.grey[700], .5)} inset`,
+			boxShadow: `0 1px 2px -1px ${alpha(theme.palette.grey[700], .5)} inset`,
 			left: 0,
 			position: isFullScreen ? "fixed" : "relative",
 			right: 0,
 			...parseFromValuesOrFunc(toolbarProps?.sx, theme)
 		}),
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_LinearProgressBar, {
+			/* @__PURE__ */ jsx(MRT_LinearProgressBar, {
 				isTopToolbar: false,
 				table
 			}),
-			positionToolbarAlertBanner === "bottom" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_ToolbarAlertBanner, {
+			positionToolbarAlertBanner === "bottom" && /* @__PURE__ */ jsx(MRT_ToolbarAlertBanner, {
 				stackAlertBanner,
 				table
 			}),
-			["both", "bottom"].includes(positionToolbarDropZone ?? "") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_ToolbarDropZone, { table }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Box, {
+			["both", "bottom"].includes(positionToolbarDropZone ?? "") && /* @__PURE__ */ jsx(MRT_ToolbarDropZone, { table }),
+			/* @__PURE__ */ jsxs(Box, {
 				sx: {
 					alignItems: "center",
 					boxSizing: "border-box",
@@ -4911,7 +5006,7 @@ const MRT_BottomToolbar = ({ table, ...rest }) => {
 					p: "0.5rem",
 					width: "100%"
 				},
-				children: [renderBottomToolbarCustomActions ? renderBottomToolbarCustomActions({ table }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Box, {
+				children: [renderBottomToolbarCustomActions ? renderBottomToolbarCustomActions({ table }) : /* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsx(Box, {
 					sx: {
 						display: "flex",
 						justifyContent: "flex-end",
@@ -4919,7 +5014,7 @@ const MRT_BottomToolbar = ({ table, ...rest }) => {
 						right: 0,
 						top: 0
 					},
-					children: enablePagination && ["both", "bottom"].includes(positionPagination ?? "") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_TablePagination, {
+					children: enablePagination && ["both", "bottom"].includes(positionPagination ?? "") && /* @__PURE__ */ jsx(MRT_TablePagination, {
 						position: "bottom",
 						table
 					})
@@ -4932,7 +5027,7 @@ const MRT_BottomToolbar = ({ table, ...rest }) => {
 //#region src/components/toolbar/MRT_ToolbarInternalButtons.tsx
 const MRT_ToolbarInternalButtons = ({ table, ...rest }) => {
 	const { options: { columnFilterDisplayMode, enableColumnFilters, enableColumnOrdering, enableColumnPinning, enableDensityToggle, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableHiding, initialState, renderToolbarInternalActions } } = table;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Box, {
+	return /* @__PURE__ */ jsx(Box, {
 		...rest,
 		sx: (theme) => ({
 			alignItems: "center",
@@ -4940,29 +5035,29 @@ const MRT_ToolbarInternalButtons = ({ table, ...rest }) => {
 			zIndex: 3,
 			...parseFromValuesOrFunc(rest?.sx, theme)
 		}),
-		children: renderToolbarInternalActions?.({ table }) ?? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-			enableFilters && enableGlobalFilter && !initialState?.showGlobalFilter && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_ToggleGlobalFilterButton, { table }),
-			enableFilters && enableColumnFilters && columnFilterDisplayMode !== "popover" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_ToggleFiltersButton, { table }),
-			(enableHiding || enableColumnOrdering || enableColumnPinning) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_ShowHideColumnsButton, { table }),
-			enableDensityToggle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_ToggleDensePaddingButton, { table }),
-			enableFullScreenToggle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_ToggleFullScreenButton, { table })
+		children: renderToolbarInternalActions?.({ table }) ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			enableFilters && enableGlobalFilter && !initialState?.showGlobalFilter && /* @__PURE__ */ jsx(MRT_ToggleGlobalFilterButton, { table }),
+			enableFilters && enableColumnFilters && columnFilterDisplayMode !== "popover" && /* @__PURE__ */ jsx(MRT_ToggleFiltersButton, { table }),
+			(enableHiding || enableColumnOrdering || enableColumnPinning) && /* @__PURE__ */ jsx(MRT_ShowHideColumnsButton, { table }),
+			enableDensityToggle && /* @__PURE__ */ jsx(MRT_ToggleDensePaddingButton, { table }),
+			enableFullScreenToggle && /* @__PURE__ */ jsx(MRT_ToggleFullScreenButton, { table })
 		] })
 	});
 };
 //#endregion
 //#region src/components/toolbar/MRT_TopToolbar.tsx
 const MRT_TopToolbar = ({ table }) => {
-	const { getState, options: { enableGlobalFilter, enablePagination, enableToolbarInternalActions, muiTopToolbarProps, positionGlobalFilter, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, renderTopToolbarCustomActions }, refs: { topToolbarRef } } = table;
-	const { isFullScreen, showGlobalFilter } = getState();
-	const isMobile = (0, _mui_material.useMediaQuery)("(max-width:720px)");
-	const isTablet = (0, _mui_material.useMediaQuery)("(max-width:1024px)");
+	const { options: { enableGlobalFilter, enablePagination, enableToolbarInternalActions, muiTopToolbarProps, positionGlobalFilter, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, renderTopToolbarCustomActions }, refs: { topToolbarRef } } = table;
+	const { isFullScreen, showGlobalFilter } = table.state;
+	const isMobile = useMediaQuery("(max-width:720px)");
+	const isTablet = useMediaQuery("(max-width:1024px)");
 	const toolbarProps = parseFromValuesOrFunc(muiTopToolbarProps, { table });
 	const stackAlertBanner = isMobile || !!renderTopToolbarCustomActions || showGlobalFilter && isTablet;
 	const globalFilterProps = {
 		sx: !isTablet ? { zIndex: 2 } : void 0,
 		table
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Box, {
+	return /* @__PURE__ */ jsxs(Box, {
 		...toolbarProps,
 		ref: (ref) => {
 			topToolbarRef.current = ref;
@@ -4978,12 +5073,12 @@ const MRT_TopToolbar = ({ table }) => {
 			...parseFromValuesOrFunc(toolbarProps?.sx, theme)
 		}),
 		children: [
-			positionToolbarAlertBanner === "top" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_ToolbarAlertBanner, {
+			positionToolbarAlertBanner === "top" && /* @__PURE__ */ jsx(MRT_ToolbarAlertBanner, {
 				stackAlertBanner,
 				table
 			}),
-			["both", "top"].includes(positionToolbarDropZone ?? "") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_ToolbarDropZone, { table }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Box, {
+			["both", "top"].includes(positionToolbarDropZone ?? "") && /* @__PURE__ */ jsx(MRT_ToolbarDropZone, { table }),
+			/* @__PURE__ */ jsxs(Box, {
 				sx: {
 					alignItems: "flex-start",
 					boxSizing: "border-box",
@@ -4997,9 +5092,9 @@ const MRT_TopToolbar = ({ table }) => {
 					width: "100%"
 				},
 				children: [
-					enableGlobalFilter && positionGlobalFilter === "left" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_GlobalFilterTextField, { ...globalFilterProps }),
-					renderTopToolbarCustomActions?.({ table }) ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {}),
-					enableToolbarInternalActions ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Box, {
+					enableGlobalFilter && positionGlobalFilter === "left" && /* @__PURE__ */ jsx(MRT_GlobalFilterTextField, { ...globalFilterProps }),
+					renderTopToolbarCustomActions?.({ table }) ?? /* @__PURE__ */ jsx("span", {}),
+					enableToolbarInternalActions ? /* @__PURE__ */ jsxs(Box, {
 						sx: {
 							alignItems: "center",
 							display: "flex",
@@ -5007,15 +5102,15 @@ const MRT_TopToolbar = ({ table }) => {
 							gap: "0.5rem",
 							justifyContent: "flex-end"
 						},
-						children: [enableGlobalFilter && positionGlobalFilter === "right" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_GlobalFilterTextField, { ...globalFilterProps }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_ToolbarInternalButtons, { table })]
-					}) : enableGlobalFilter && positionGlobalFilter === "right" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_GlobalFilterTextField, { ...globalFilterProps })
+						children: [enableGlobalFilter && positionGlobalFilter === "right" && /* @__PURE__ */ jsx(MRT_GlobalFilterTextField, { ...globalFilterProps }), /* @__PURE__ */ jsx(MRT_ToolbarInternalButtons, { table })]
+					}) : enableGlobalFilter && positionGlobalFilter === "right" && /* @__PURE__ */ jsx(MRT_GlobalFilterTextField, { ...globalFilterProps })
 				]
 			}),
-			enablePagination && ["both", "top"].includes(positionPagination ?? "") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_TablePagination, {
+			enablePagination && ["both", "top"].includes(positionPagination ?? "") && /* @__PURE__ */ jsx(MRT_TablePagination, {
 				position: "top",
 				table
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_LinearProgressBar, {
+			/* @__PURE__ */ jsx(MRT_LinearProgressBar, {
 				isTopToolbar: true,
 				table
 			})
@@ -5025,8 +5120,8 @@ const MRT_TopToolbar = ({ table }) => {
 //#endregion
 //#region src/components/menus/MRT_CellActionMenu.tsx
 const MRT_CellActionMenu = ({ table, ...rest }) => {
-	const { getState, options: { editDisplayMode, enableClickToCopy, enableEditing, icons: { ContentCopy, EditIcon }, localization, mrtTheme: { menuBackgroundColor }, renderCellActionMenuItems }, refs: { actionCellRef } } = table;
-	const { actionCell, density } = getState();
+	const { options: { editDisplayMode, enableClickToCopy, enableEditing, icons: { ContentCopy, EditIcon }, localization, mrtTheme: { menuBackgroundColor }, renderCellActionMenuItems }, refs: { actionCellRef } } = table;
+	const { actionCell, density } = table.state;
 	const cell = actionCell;
 	const { row } = cell;
 	const { column } = cell;
@@ -5036,8 +5131,8 @@ const MRT_CellActionMenu = ({ table, ...rest }) => {
 		table.setActionCell(null);
 		actionCellRef.current = null;
 	};
-	const internalMenuItems = [(parseFromValuesOrFunc(enableClickToCopy, cell) === "context-menu" || parseFromValuesOrFunc(columnDef.enableClickToCopy, cell) === "context-menu") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_ActionMenuItem, {
-		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ContentCopy, {}),
+	const internalMenuItems = [(parseFromValuesOrFunc(enableClickToCopy, cell) === "context-menu" || parseFromValuesOrFunc(columnDef.enableClickToCopy, cell) === "context-menu") && /* @__PURE__ */ jsx(MRT_ActionMenuItem, {
+		icon: /* @__PURE__ */ jsx(ContentCopy, {}),
 		label: localization.copy,
 		onClick: (event) => {
 			event.stopPropagation();
@@ -5045,8 +5140,8 @@ const MRT_CellActionMenu = ({ table, ...rest }) => {
 			handleClose();
 		},
 		table
-	}, "mrt-copy"), parseFromValuesOrFunc(enableEditing, row) && editDisplayMode === "cell" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_ActionMenuItem, {
-		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EditIcon, {}),
+	}, "mrt-copy"), parseFromValuesOrFunc(enableEditing, row) && editDisplayMode === "cell" && /* @__PURE__ */ jsx(MRT_ActionMenuItem, {
+		icon: /* @__PURE__ */ jsx(EditIcon, {}),
 		label: localization.edit,
 		onClick: () => {
 			openEditingCell({
@@ -5066,7 +5161,7 @@ const MRT_CellActionMenu = ({ table, ...rest }) => {
 		table
 	};
 	const menuItems = columnDef.renderCellActionMenuItems?.(renderActionProps) ?? renderCellActionMenuItems?.(renderActionProps);
-	return (!!menuItems?.length || !!internalMenuItems?.length) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Menu, {
+	return (!!menuItems?.length || !!internalMenuItems?.length) && /* @__PURE__ */ jsx(Menu, {
 		anchorEl: actionCellRef.current,
 		disableScrollLock: true,
 		onClick: (event) => event.stopPropagation(),
@@ -5087,8 +5182,8 @@ const MRT_CellActionMenu = ({ table, ...rest }) => {
 //#endregion
 //#region src/components/modals/MRT_EditRowModal.tsx
 const MRT_EditRowModal = ({ open, table, ...rest }) => {
-	const { getState, options: { localization, muiCreateRowModalProps, muiEditRowDialogProps, onCreatingRowCancel, onEditingRowCancel, renderCreateRowDialogContent, renderEditRowDialogContent }, setCreatingRow, setEditingRow } = table;
-	const { creatingRow, editingRow } = getState();
+	const { options: { localization, muiCreateRowModalProps, muiEditRowDialogProps, onCreatingRowCancel, onEditingRowCancel, renderCreateRowDialogContent, renderEditRowDialogContent }, setCreatingRow, setEditingRow } = table;
+	const { creatingRow, editingRow } = table.state;
 	const row = creatingRow ?? editingRow;
 	const dialogProps = {
 		...parseFromValuesOrFunc(muiEditRowDialogProps, {
@@ -5101,11 +5196,11 @@ const MRT_EditRowModal = ({ open, table, ...rest }) => {
 		}),
 		...rest
 	};
-	const internalEditComponents = row.getAllCells().filter((cell) => cell.column.columnDef.columnDefType === "data").map((cell) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_EditCellTextField, {
+	const internalEditComponents = row.getAllCells().filter((cell) => cell.column.columnDef.columnDefType === "data").map((cell) => /* @__PURE__ */ jsx(MRT_EditCellTextField, {
 		cell,
 		table
 	}, cell.id));
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Dialog, {
+	return /* @__PURE__ */ jsx(Dialog, {
 		fullWidth: true,
 		maxWidth: "xs",
 		onClose: (event, reason) => {
@@ -5135,14 +5230,14 @@ const MRT_EditRowModal = ({ open, table, ...rest }) => {
 			internalEditComponents,
 			row,
 			table
-		})) ?? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.DialogTitle, {
+		})) ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			/* @__PURE__ */ jsx(DialogTitle, {
 				sx: { textAlign: "center" },
 				children: localization.edit
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.DialogContent, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("form", {
+			/* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx("form", {
 				onSubmit: (e) => e.preventDefault(),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Stack, {
+				children: /* @__PURE__ */ jsx(Stack, {
 					sx: {
 						gap: "32px",
 						paddingTop: "16px",
@@ -5151,9 +5246,9 @@ const MRT_EditRowModal = ({ open, table, ...rest }) => {
 					children: internalEditComponents
 				})
 			}) }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.DialogActions, {
+			/* @__PURE__ */ jsx(DialogActions, {
 				sx: { p: "1.25rem" },
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_EditActionButtons, {
+				children: /* @__PURE__ */ jsx(MRT_EditActionButtons, {
 					row,
 					table,
 					variant: "text"
@@ -5165,26 +5260,26 @@ const MRT_EditRowModal = ({ open, table, ...rest }) => {
 //#endregion
 //#region src/hooks/useMRT_ColumnVirtualizer.ts
 const useMRT_ColumnVirtualizer = (table) => {
-	const { getState, options: { columnVirtualizerInstanceRef, columnVirtualizerOptions, enableColumnPinning, enableColumnVirtualization }, refs: { tableContainerRef } } = table;
-	const { columnPinning, columnVisibility, draggingColumn } = getState();
+	const { options: { columnVirtualizerInstanceRef, columnVirtualizerOptions, enableColumnPinning, enableColumnVirtualization }, refs: { tableContainerRef } } = table;
+	const { columnPinning, columnVisibility, draggingColumn } = table.state;
 	if (!enableColumnVirtualization) return void 0;
 	const columnVirtualizerProps = parseFromValuesOrFunc(columnVirtualizerOptions, { table });
 	const visibleColumns = table.getVisibleLeafColumns();
-	const [leftPinnedIndexes, rightPinnedIndexes] = (0, react.useMemo)(() => enableColumnPinning ? [table.getLeftVisibleLeafColumns().map((c) => c.getPinnedIndex()), table.getRightVisibleLeafColumns().map((column) => visibleColumns.length - column.getPinnedIndex() - 1).sort((a, b) => a - b)] : [[], []], [
+	const [leftPinnedIndexes, rightPinnedIndexes] = useMemo(() => enableColumnPinning ? [visibleColumns.filter((c) => c.getIsPinned() === "start").map((c) => c.getPinnedIndex()), visibleColumns.filter((c) => c.getIsPinned() === "end").map((column) => visibleColumns.length - column.getPinnedIndex() - 1).sort((a, b) => a - b)] : [[], []], [
 		columnPinning,
 		columnVisibility,
 		enableColumnPinning
 	]);
 	const numPinnedLeft = leftPinnedIndexes.length;
 	const numPinnedRight = rightPinnedIndexes.length;
-	const draggingColumnIndex = (0, react.useMemo)(() => draggingColumn?.id ? visibleColumns.findIndex((c) => c.id === draggingColumn?.id) : void 0, [draggingColumn?.id]);
-	const columnVirtualizer = (0, _tanstack_react_virtual.useVirtualizer)({
+	const draggingColumnIndex = useMemo(() => draggingColumn?.id ? visibleColumns.findIndex((c) => c.id === draggingColumn?.id) : void 0, [draggingColumn?.id]);
+	const columnVirtualizer = useVirtualizer({
 		count: visibleColumns.length,
 		estimateSize: (index) => visibleColumns[index].getSize(),
 		getScrollElement: () => tableContainerRef.current,
 		horizontal: true,
 		overscan: 3,
-		rangeExtractor: (0, react.useCallback)((range) => {
+		rangeExtractor: useCallback((range) => {
 			const newIndexes = extraIndexRangeExtractor(range, draggingColumnIndex);
 			if (!numPinnedLeft && !numPinnedRight) return newIndexes;
 			return [.../* @__PURE__ */ new Set([
@@ -5217,14 +5312,14 @@ const useMRT_ColumnVirtualizer = (table) => {
 //#endregion
 //#region src/components/table/MRT_Table.tsx
 const MRT_Table = ({ table, ...rest }) => {
-	const { getFlatHeaders, getState, options: { columns, enableStickyHeader, enableTableFooter, enableTableHead, layoutMode, memoMode, muiTableProps, renderCaption } } = table;
-	const { columnSizing, columnSizingInfo, columnVisibility, isFullScreen } = getState();
+	const { getFlatHeaders, options: { columns, enableStickyHeader, enableTableFooter, enableTableHead, layoutMode, memoMode, muiTableProps, renderCaption } } = table;
+	const { columnResizing, columnSizing, columnVisibility, isFullScreen } = table.state;
 	const tableProps = {
 		...parseFromValuesOrFunc(muiTableProps, { table }),
 		...rest
 	};
 	const Caption = parseFromValuesOrFunc(renderCaption, { table });
-	const columnSizeVars = (0, react.useMemo)(() => {
+	const columnSizeVars = useMemo(() => {
 		const headers = getFlatHeaders();
 		const colSizes = {};
 		for (let i = 0; i < headers.length; i++) {
@@ -5237,14 +5332,14 @@ const MRT_Table = ({ table, ...rest }) => {
 	}, [
 		columns,
 		columnSizing,
-		columnSizingInfo,
+		columnResizing,
 		columnVisibility
 	]);
 	const commonTableGroupProps = {
 		columnVirtualizer: useMRT_ColumnVirtualizer(table),
 		table
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Table, {
+	return /* @__PURE__ */ jsxs(Table, {
 		stickyHeader: enableStickyHeader || isFullScreen,
 		...tableProps,
 		style: {
@@ -5258,10 +5353,10 @@ const MRT_Table = ({ table, ...rest }) => {
 			...parseFromValuesOrFunc(tableProps?.sx, theme)
 		}),
 		children: [
-			!!Caption && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("caption", { children: Caption }),
-			enableTableHead && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_TableHead, { ...commonTableGroupProps }),
-			memoMode === "table-body" || columnSizingInfo.isResizingColumn ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Memo_MRT_TableBody, { ...commonTableGroupProps }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_TableBody, { ...commonTableGroupProps }),
-			enableTableFooter && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_TableFooter, { ...commonTableGroupProps })
+			!!Caption && /* @__PURE__ */ jsx("caption", { children: Caption }),
+			enableTableHead && /* @__PURE__ */ jsx(MRT_TableHead, { ...commonTableGroupProps }),
+			memoMode === "table-body" || columnResizing.isResizingColumn ? /* @__PURE__ */ jsx(Memo_MRT_TableBody, { ...commonTableGroupProps }) : /* @__PURE__ */ jsx(MRT_TableBody, { ...commonTableGroupProps }),
+			enableTableFooter && /* @__PURE__ */ jsx(MRT_TableFooter, { ...commonTableGroupProps })
 		]
 	});
 };
@@ -5273,10 +5368,10 @@ const MRT_TableLoadingOverlay = ({ table, ...rest }) => {
 		...parseFromValuesOrFunc(muiCircularProgressProps, { table }),
 		...rest
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.Box, {
+	return /* @__PURE__ */ jsx(Box, {
 		sx: {
 			alignItems: "center",
-			backgroundColor: (0, _mui_material_styles.alpha)(baseBackgroundColor, .5),
+			backgroundColor: alpha(baseBackgroundColor, .5),
 			bottom: 0,
 			display: "flex",
 			justifyContent: "center",
@@ -5288,7 +5383,7 @@ const MRT_TableLoadingOverlay = ({ table, ...rest }) => {
 			width: "100%",
 			zIndex: 3
 		},
-		children: circularProgressProps?.Component ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material.CircularProgress, {
+		children: circularProgressProps?.Component ?? /* @__PURE__ */ jsx(CircularProgress, {
 			"aria-label": localization.noRecordsToDisplay,
 			id: `mrt-progress-${id}`,
 			...circularProgressProps
@@ -5297,12 +5392,12 @@ const MRT_TableLoadingOverlay = ({ table, ...rest }) => {
 };
 //#endregion
 //#region src/components/table/MRT_TableContainer.tsx
-const useIsomorphicLayoutEffect = typeof window !== "undefined" ? react.useLayoutEffect : react.useEffect;
+const useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
 const MRT_TableContainer = ({ table, ...rest }) => {
-	const { getState, options: { createDisplayMode, editDisplayMode, enableCellActions, enableStickyHeader, muiTableContainerProps }, refs: { bottomToolbarRef, tableContainerRef, topToolbarRef } } = table;
-	const { actionCell, creatingRow, editingRow, isFullScreen, isLoading, showLoadingOverlay } = getState();
+	const { options: { createDisplayMode, editDisplayMode, enableCellActions, enableStickyHeader, muiTableContainerProps }, refs: { bottomToolbarRef, tableContainerRef, topToolbarRef } } = table;
+	const { actionCell, creatingRow, editingRow, isFullScreen, isLoading, showLoadingOverlay } = table.state;
 	const loading = showLoadingOverlay !== false && (isLoading || showLoadingOverlay);
-	const [totalToolbarHeight, setTotalToolbarHeight] = (0, react.useState)(0);
+	const [totalToolbarHeight, setTotalToolbarHeight] = useState(0);
 	const tableContainerProps = {
 		...parseFromValuesOrFunc(muiTableContainerProps, { table }),
 		...rest
@@ -5314,7 +5409,7 @@ const MRT_TableContainer = ({ table, ...rest }) => {
 	});
 	const createModalOpen = createDisplayMode === "modal" && creatingRow;
 	const editModalOpen = editDisplayMode === "modal" && editingRow;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.TableContainer, {
+	return /* @__PURE__ */ jsxs(TableContainer, {
 		"aria-busy": loading,
 		"aria-describedby": loading ? "mrt-progress" : void 0,
 		...tableContainerProps,
@@ -5336,27 +5431,27 @@ const MRT_TableContainer = ({ table, ...rest }) => {
 			...parseFromValuesOrFunc(tableContainerProps?.sx, theme)
 		}),
 		children: [
-			loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_TableLoadingOverlay, { table }) : null,
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_Table, { table }),
-			(createModalOpen || editModalOpen) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_EditRowModal, {
+			loading ? /* @__PURE__ */ jsx(MRT_TableLoadingOverlay, { table }) : null,
+			/* @__PURE__ */ jsx(MRT_Table, { table }),
+			(createModalOpen || editModalOpen) && /* @__PURE__ */ jsx(MRT_EditRowModal, {
 				open: true,
 				table
 			}),
-			enableCellActions && actionCell && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_CellActionMenu, { table })
+			enableCellActions && actionCell && /* @__PURE__ */ jsx(MRT_CellActionMenu, { table })
 		]
 	});
 };
 //#endregion
 //#region src/components/table/MRT_TablePaper.tsx
 const MRT_TablePaper = ({ table, ...rest }) => {
-	const { getState, options: { enableBottomToolbar, enableTopToolbar, mrtTheme: { baseBackgroundColor }, muiTablePaperProps, renderBottomToolbar, renderTopToolbar }, refs: { tablePaperRef } } = table;
-	const { isFullScreen } = getState();
+	const { options: { enableBottomToolbar, enableTopToolbar, mrtTheme: { baseBackgroundColor }, muiTablePaperProps, renderBottomToolbar, renderTopToolbar }, refs: { tablePaperRef } } = table;
+	const { isFullScreen } = table.state;
 	const paperProps = {
 		...parseFromValuesOrFunc(muiTablePaperProps, { table }),
 		...rest
 	};
-	const theme = (0, _mui_material_styles.useTheme)();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_mui_material.Paper, {
+	const theme = useTheme();
+	return /* @__PURE__ */ jsxs(Paper, {
 		elevation: 2,
 		onKeyDown: (e) => e.key === "Escape" && table.setIsFullScreen(false),
 		...paperProps,
@@ -5389,9 +5484,9 @@ const MRT_TablePaper = ({ table, ...rest }) => {
 			...parseFromValuesOrFunc(paperProps?.sx, theme)
 		}),
 		children: [
-			enableTopToolbar && (parseFromValuesOrFunc(renderTopToolbar, { table }) ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_TopToolbar, { table })),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_TableContainer, { table }),
-			enableBottomToolbar && (parseFromValuesOrFunc(renderBottomToolbar, { table }) ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_BottomToolbar, { table }))
+			enableTopToolbar && (parseFromValuesOrFunc(renderTopToolbar, { table }) ?? /* @__PURE__ */ jsx(MRT_TopToolbar, { table })),
+			/* @__PURE__ */ jsx(MRT_TableContainer, { table }),
+			enableBottomToolbar && (parseFromValuesOrFunc(renderBottomToolbar, { table }) ?? /* @__PURE__ */ jsx(MRT_BottomToolbar, { table }))
 		]
 	});
 };
@@ -5402,113 +5497,9 @@ const MaterialReactTable = (props) => {
 	let table;
 	if (isTableInstanceProp(props)) table = props.table;
 	else table = useMaterialReactTable(props);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MRT_TablePaper, { table });
+	return /* @__PURE__ */ jsx(MRT_TablePaper, { table });
 };
 //#endregion
-exports.MRT_ActionMenuItem = MRT_ActionMenuItem;
-exports.MRT_AggregationFns = MRT_AggregationFns;
-exports.MRT_BottomToolbar = MRT_BottomToolbar;
-exports.MRT_ColumnActionMenu = MRT_ColumnActionMenu;
-exports.MRT_ColumnPinningButtons = MRT_ColumnPinningButtons;
-exports.MRT_CopyButton = MRT_CopyButton;
-exports.MRT_DefaultColumn = MRT_DefaultColumn;
-exports.MRT_DefaultDisplayColumn = MRT_DefaultDisplayColumn;
-exports.MRT_EditActionButtons = MRT_EditActionButtons;
-exports.MRT_EditCellTextField = MRT_EditCellTextField;
-exports.MRT_EditRowModal = MRT_EditRowModal;
-exports.MRT_ExpandAllButton = MRT_ExpandAllButton;
-exports.MRT_ExpandButton = MRT_ExpandButton;
-exports.MRT_FilterCheckbox = MRT_FilterCheckbox;
-exports.MRT_FilterFns = MRT_FilterFns;
-exports.MRT_FilterOptionMenu = MRT_FilterOptionMenu;
-exports.MRT_FilterRangeFields = MRT_FilterRangeFields;
-exports.MRT_FilterRangeSlider = MRT_FilterRangeSlider;
-exports.MRT_FilterTextField = MRT_FilterTextField;
-exports.MRT_GlobalFilterTextField = MRT_GlobalFilterTextField;
-exports.MRT_GrabHandleButton = MRT_GrabHandleButton;
-exports.MRT_LinearProgressBar = MRT_LinearProgressBar;
-exports.MRT_RowActionMenu = MRT_RowActionMenu;
-exports.MRT_RowPinButton = MRT_RowPinButton;
-exports.MRT_SelectCheckbox = MRT_SelectCheckbox;
-exports.MRT_ShowHideColumnsButton = MRT_ShowHideColumnsButton;
-exports.MRT_ShowHideColumnsMenu = MRT_ShowHideColumnsMenu;
-exports.MRT_ShowHideColumnsMenuItems = MRT_ShowHideColumnsMenuItems;
-exports.MRT_SortingFns = MRT_SortingFns;
-exports.MRT_Table = MRT_Table;
-exports.MRT_TableBody = MRT_TableBody;
-exports.MRT_TableBodyCell = MRT_TableBodyCell;
-exports.MRT_TableBodyCellValue = MRT_TableBodyCellValue;
-exports.MRT_TableBodyRow = MRT_TableBodyRow;
-exports.MRT_TableBodyRowGrabHandle = MRT_TableBodyRowGrabHandle;
-exports.MRT_TableBodyRowPinButton = MRT_TableBodyRowPinButton;
-exports.MRT_TableContainer = MRT_TableContainer;
-exports.MRT_TableDetailPanel = MRT_TableDetailPanel;
-exports.MRT_TableFooter = MRT_TableFooter;
-exports.MRT_TableFooterCell = MRT_TableFooterCell;
-exports.MRT_TableFooterRow = MRT_TableFooterRow;
-exports.MRT_TableHead = MRT_TableHead;
-exports.MRT_TableHeadCell = MRT_TableHeadCell;
-exports.MRT_TableHeadCellColumnActionsButton = MRT_TableHeadCellColumnActionsButton;
-exports.MRT_TableHeadCellFilterContainer = MRT_TableHeadCellFilterContainer;
-exports.MRT_TableHeadCellFilterLabel = MRT_TableHeadCellFilterLabel;
-exports.MRT_TableHeadCellGrabHandle = MRT_TableHeadCellGrabHandle;
-exports.MRT_TableHeadCellResizeHandle = MRT_TableHeadCellResizeHandle;
-exports.MRT_TableHeadCellSortLabel = MRT_TableHeadCellSortLabel;
-exports.MRT_TableHeadRow = MRT_TableHeadRow;
-exports.MRT_TableLoadingOverlay = MRT_TableLoadingOverlay;
-exports.MRT_TablePagination = MRT_TablePagination;
-exports.MRT_TablePaper = MRT_TablePaper;
-exports.MRT_ToggleDensePaddingButton = MRT_ToggleDensePaddingButton;
-exports.MRT_ToggleFiltersButton = MRT_ToggleFiltersButton;
-exports.MRT_ToggleFullScreenButton = MRT_ToggleFullScreenButton;
-exports.MRT_ToggleGlobalFilterButton = MRT_ToggleGlobalFilterButton;
-exports.MRT_ToggleRowActionMenuButton = MRT_ToggleRowActionMenuButton;
-exports.MRT_ToolbarAlertBanner = MRT_ToolbarAlertBanner;
-exports.MRT_ToolbarDropZone = MRT_ToolbarDropZone;
-exports.MRT_ToolbarInternalButtons = MRT_ToolbarInternalButtons;
-exports.MRT_TopToolbar = MRT_TopToolbar;
-exports.MaterialReactTable = MaterialReactTable;
-exports.Memo_MRT_TableBody = Memo_MRT_TableBody;
-exports.Memo_MRT_TableBodyCell = Memo_MRT_TableBodyCell;
-exports.Memo_MRT_TableBodyRow = Memo_MRT_TableBodyRow;
-exports.cellKeyboardShortcuts = cellKeyboardShortcuts;
-exports.createMRTColumnHelper = createMRTColumnHelper;
-exports.createRow = createRow;
-exports.defaultDisplayColumnProps = defaultDisplayColumnProps;
-exports.flexRender = flexRender;
-exports.getAllLeafColumnDefs = getAllLeafColumnDefs;
-exports.getCanRankRows = getCanRankRows;
-exports.getColumnFilterInfo = getColumnFilterInfo;
-exports.getColumnId = getColumnId;
-exports.getDefaultColumnFilterFn = getDefaultColumnFilterFn;
-exports.getDefaultColumnOrderIds = getDefaultColumnOrderIds;
-exports.getIsRankingRows = getIsRankingRows;
-exports.getIsRowSelected = getIsRowSelected;
-exports.getLeadingDisplayColumnIds = getLeadingDisplayColumnIds;
-exports.getMRT_RowSelectionHandler = getMRT_RowSelectionHandler;
-exports.getMRT_Rows = getMRT_Rows;
-exports.getMRT_SelectAllHandler = getMRT_SelectAllHandler;
-exports.getTrailingDisplayColumnIds = getTrailingDisplayColumnIds;
-exports.isCellEditable = isCellEditable;
-exports.mrtFilterOptions = mrtFilterOptions;
-exports.openEditingCell = openEditingCell;
-exports.prepareColumns = prepareColumns;
-exports.rankGlobalFuzzy = rankGlobalFuzzy;
-exports.reorderColumn = reorderColumn;
-exports.showRowActionsColumn = showRowActionsColumn;
-exports.showRowDragColumn = showRowDragColumn;
-exports.showRowExpandColumn = showRowExpandColumn;
-exports.showRowNumbersColumn = showRowNumbersColumn;
-exports.showRowPinningColumn = showRowPinningColumn;
-exports.showRowSelectionColumn = showRowSelectionColumn;
-exports.showRowSpacerColumn = showRowSpacerColumn;
-exports.useDropdownOptions = useDropdownOptions;
-exports.useMRT_ColumnVirtualizer = useMRT_ColumnVirtualizer;
-exports.useMRT_Effects = useMRT_Effects;
-exports.useMRT_RowVirtualizer = useMRT_RowVirtualizer;
-exports.useMRT_Rows = useMRT_Rows;
-exports.useMRT_TableInstance = useMRT_TableInstance;
-exports.useMRT_TableOptions = useMRT_TableOptions;
-exports.useMaterialReactTable = useMaterialReactTable;
+export { MRT_ActionMenuItem, MRT_AggregationFns, MRT_BottomToolbar, MRT_ColumnActionMenu, MRT_ColumnPinningButtons, MRT_CopyButton, MRT_DefaultColumn, MRT_DefaultDisplayColumn, MRT_EditActionButtons, MRT_EditCellTextField, MRT_EditRowModal, MRT_ExpandAllButton, MRT_ExpandButton, MRT_FilterCheckbox, MRT_FilterFns, MRT_FilterOptionMenu, MRT_FilterRangeFields, MRT_FilterRangeSlider, MRT_FilterTextField, MRT_GlobalFilterTextField, MRT_GrabHandleButton, MRT_LinearProgressBar, MRT_RowActionMenu, MRT_RowPinButton, MRT_SelectCheckbox, MRT_ShowHideColumnsButton, MRT_ShowHideColumnsMenu, MRT_ShowHideColumnsMenuItems, MRT_SortingFns, 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, MRT_TableLoadingOverlay, MRT_TablePagination, MRT_TablePaper, 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, cellKeyboardShortcuts, createMRTColumnHelper, createRow, defaultDisplayColumnProps, flexRender, getAllLeafColumnDefs, getCanRankRows, getColumnFilterInfo, getColumnId, getDefaultColumnFilterFn, getDefaultColumnOrderIds, getIsRankingRows, getIsRowSelected, getLeadingDisplayColumnIds, getMRT_RowSelectionHandler, getMRT_Rows, getMRT_SelectAllHandler, getSubColumnDefs, getTrailingDisplayColumnIds, isCellEditable, mrtFilterOptions, openEditingCell, prepareColumns, rankGlobalFuzzy, reorderColumn, showRowActionsColumn, showRowDragColumn, showRowExpandColumn, showRowNumbersColumn, showRowPinningColumn, showRowSelectionColumn, showRowSpacerColumn, useDropdownOptions, useMRT_ColumnVirtualizer, useMRT_Effects, useMRT_RowVirtualizer, useMRT_Rows, useMRT_TableInstance, useMRT_TableOptions, useMaterialReactTable };
 
 //# sourceMappingURL=index.js.map