@erpsquad/common 1.8.40 → 1.8.42

package/dist/node_modules/material-react-table/dist/index.esm/index.esm.js

@@ -2,98 +2,98 @@ import { useReactTable } from "../../../@tanstack/react-table/build/lib/index/in
 import { useRef, useMemo, useState, useReducer, useEffect, useLayoutEffect, Fragment as Fragment$1, useCallback, memo } from "react";
 import { rankItem, rankings, compareItems } from "../../../@tanstack/match-sorter-utils/build/lib/index/index.esm.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import IconButton from "@mui/material/IconButton";
-import Tooltip from "@mui/material/Tooltip";
-import Box from "@mui/material/Box";
-import Button from "@mui/material/Button";
-import CircularProgress from "@mui/material/CircularProgress";
-import { useTheme, lighten, alpha, darken } from "@mui/material/styles";
-import Menu from "@mui/material/Menu";
-import ListItemIcon from "@mui/material/ListItemIcon";
-import MenuItem from "@mui/material/MenuItem";
-import Stack from "@mui/material/Stack";
-import Checkbox from "@mui/material/Checkbox";
-import Radio from "@mui/material/Radio";
-import ArrowDownwardIcon from "@mui/icons-material/ArrowDownward";
-import ArrowRightIcon from "@mui/icons-material/ArrowRight";
-import CancelIcon from "@mui/icons-material/Cancel";
-import ChevronLeftIcon from "@mui/icons-material/ChevronLeft";
-import ChevronRightIcon from "@mui/icons-material/ChevronRight";
-import ClearAllIcon from "@mui/icons-material/ClearAll";
-import CloseIcon from "@mui/icons-material/Close";
-import ContentCopy from "@mui/icons-material/ContentCopy";
-import DensityLargeIcon from "@mui/icons-material/DensityLarge";
-import DensityMediumIcon from "@mui/icons-material/DensityMedium";
-import DensitySmallIcon from "@mui/icons-material/DensitySmall";
-import DragHandleIcon from "@mui/icons-material/DragHandle";
-import DynamicFeedIcon from "@mui/icons-material/DynamicFeed";
-import EditIcon from "@mui/icons-material/Edit";
-import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
-import FilterAltIcon from "@mui/icons-material/FilterAlt";
-import FilterListIcon from "@mui/icons-material/FilterList";
-import FilterListOffIcon from "@mui/icons-material/FilterListOff";
-import FirstPageIcon from "@mui/icons-material/FirstPage";
-import FullscreenIcon from "@mui/icons-material/Fullscreen";
-import FullscreenExitIcon from "@mui/icons-material/FullscreenExit";
-import KeyboardDoubleArrowDownIcon from "@mui/icons-material/KeyboardDoubleArrowDown";
-import LastPageIcon from "@mui/icons-material/LastPage";
-import MoreHorizIcon from "@mui/icons-material/MoreHoriz";
-import MoreVertIcon from "@mui/icons-material/MoreVert";
-import PushPinIcon from "@mui/icons-material/PushPin";
-import RestartAltIcon from "@mui/icons-material/RestartAlt";
-import SaveIcon from "@mui/icons-material/Save";
-import SearchIcon from "@mui/icons-material/Search";
-import SearchOffIcon from "@mui/icons-material/SearchOff";
-import SortIcon from "@mui/icons-material/Sort";
-import SyncAltIcon from "@mui/icons-material/SyncAlt";
-import ViewColumnIcon from "@mui/icons-material/ViewColumn";
-import VisibilityOffIcon from "@mui/icons-material/VisibilityOff";
+import default_1$x from "../../../@mui/icons-material/ArrowDownward/index.esm.js";
+import default_1$w from "../../../@mui/icons-material/ArrowRight/index.esm.js";
+import default_1$v from "../../../@mui/icons-material/Cancel/index.esm.js";
+import default_1$u from "../../../@mui/icons-material/ChevronLeft/index.esm.js";
+import default_1$t from "../../../@mui/icons-material/ChevronRight/index.esm.js";
+import default_1$s from "../../../@mui/icons-material/ClearAll/index.esm.js";
+import default_1$r from "../../../@mui/icons-material/Close/index.esm.js";
+import default_1$q from "../../../@mui/icons-material/ContentCopy/index.esm.js";
+import default_1$p from "../../../@mui/icons-material/DensityLarge/index.esm.js";
+import default_1$o from "../../../@mui/icons-material/DensityMedium/index.esm.js";
+import default_1$n from "../../../@mui/icons-material/DensitySmall/index.esm.js";
+import default_1$m from "../../../@mui/icons-material/DragHandle/index.esm.js";
+import default_1$l from "../../../@mui/icons-material/DynamicFeed/index.esm.js";
+import default_1$k from "../../../@mui/icons-material/Edit/index.esm.js";
+import default_1$j from "../../../@mui/icons-material/ExpandMore/index.esm.js";
+import default_1$i from "../../../@mui/icons-material/FilterAlt/index.esm.js";
+import default_1$h from "../../../@mui/icons-material/FilterList/index.esm.js";
+import default_1$g from "../../../@mui/icons-material/FilterListOff/index.esm.js";
+import default_1$f from "../../../@mui/icons-material/FirstPage/index.esm.js";
+import default_1$d from "../../../@mui/icons-material/Fullscreen/index.esm.js";
+import default_1$e from "../../../@mui/icons-material/FullscreenExit/index.esm.js";
+import default_1$c from "../../../@mui/icons-material/KeyboardDoubleArrowDown/index.esm.js";
+import default_1$b from "../../../@mui/icons-material/LastPage/index.esm.js";
+import default_1$a from "../../../@mui/icons-material/MoreHoriz/index.esm.js";
+import default_1$9 from "../../../@mui/icons-material/MoreVert/index.esm.js";
+import default_1$8 from "../../../@mui/icons-material/PushPin/index.esm.js";
+import default_1$7 from "../../../@mui/icons-material/RestartAlt/index.esm.js";
+import default_1$6 from "../../../@mui/icons-material/Save/index.esm.js";
+import default_1$5 from "../../../@mui/icons-material/Search/index.esm.js";
+import default_1$4 from "../../../@mui/icons-material/SearchOff/index.esm.js";
+import default_1$3 from "../../../@mui/icons-material/Sort/index.esm.js";
+import default_1$2 from "../../../@mui/icons-material/SyncAlt/index.esm.js";
+import default_1$1 from "../../../@mui/icons-material/ViewColumn/index.esm.js";
+import default_1 from "../../../@mui/icons-material/VisibilityOff/index.esm.js";
 import { useVirtualizer } from "../../../@tanstack/react-virtual/dist/esm/index/index.esm.js";
-import Paper from "@mui/material/Paper";
-import { useTheme as useTheme$1 } from "@mui/material";
-import TableContainer from "@mui/material/TableContainer";
-import Table from "@mui/material/Table";
-import TableBody from "@mui/material/TableBody";
-import Typography from "@mui/material/Typography";
-import TableRow from "@mui/material/TableRow";
-import Skeleton from "@mui/material/Skeleton";
-import TableCell from "@mui/material/TableCell";
 import highlightWords from "../../../highlight-words/dist/highlight-words/index.esm.js";
-import TextField from "@mui/material/TextField";
-import Collapse from "@mui/material/Collapse";
-import TableFooter from "@mui/material/TableFooter";
-import TableHead from "@mui/material/TableHead";
-import FormControlLabel from "@mui/material/FormControlLabel";
-import Autocomplete from "@mui/material/Autocomplete";
-import Chip from "@mui/material/Chip";
-import InputAdornment from "@mui/material/InputAdornment";
-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 FormHelperText from "@mui/material/FormHelperText";
-import Slider from "@mui/material/Slider";
-import Grow from "@mui/material/Grow";
-import Popover from "@mui/material/Popover";
-import Divider from "@mui/material/Divider";
-import Badge from "@mui/material/Badge";
-import TableSortLabel from "@mui/material/TableSortLabel";
-import Alert from "@mui/material/Alert";
-import AlertTitle from "@mui/material/AlertTitle";
-import Dialog from "@mui/material/Dialog";
-import DialogActions from "@mui/material/DialogActions";
-import DialogContent from "@mui/material/DialogContent";
-import DialogTitle from "@mui/material/DialogTitle";
-import useMediaQuery from "@mui/material/useMediaQuery";
-import LinearProgress from "@mui/material/LinearProgress";
-import InputLabel from "@mui/material/InputLabel";
-import Pagination from "@mui/material/Pagination";
-import PaginationItem from "@mui/material/PaginationItem";
-import Select from "@mui/material/Select";
-import Fade from "@mui/material/Fade";
-import Switch from "@mui/material/Switch";
 import { createRow as createRow$1, getSortedRowModel, getPaginationRowModel, getGroupedRowModel, getFilteredRowModel, getFacetedUniqueValues, getFacetedRowModel, getFacetedMinMaxValues, getExpandedRowModel, getCoreRowModel, aggregationFns, filterFns, sortingFns } from "../../../@tanstack/table-core/build/lib/index/index.esm.js";
+import useTheme from "../../../@mui/material/styles/useTheme/index.esm.js";
+import Stack from "../../../@mui/material/Stack/Stack/index.esm.js";
+import Tooltip from "../../../@mui/material/Tooltip/Tooltip/index.esm.js";
+import Paper from "../../../@mui/material/Paper/Paper/index.esm.js";
+import { lighten, alpha, darken } from "../../../@mui/system/esm/colorManipulator/index.esm.js";
+import Box from "../../../@mui/material/Box/Box/index.esm.js";
+import IconButton from "../../../@mui/material/IconButton/IconButton/index.esm.js";
+import Radio from "../../../@mui/material/Radio/Radio/index.esm.js";
+import Checkbox from "../../../@mui/material/Checkbox/Checkbox/index.esm.js";
+import useMediaQuery from "../../../@mui/system/esm/useMediaQuery/useMediaQuery/index.esm.js";
+import TableContainer from "../../../@mui/material/TableContainer/TableContainer/index.esm.js";
+import CircularProgress from "../../../@mui/material/CircularProgress/CircularProgress/index.esm.js";
+import Button from "../../../@mui/material/Button/Button/index.esm.js";
+import Menu from "../../../@mui/material/Menu/Menu/index.esm.js";
+import Chip from "../../../@mui/material/Chip/Chip/index.esm.js";
+import Collapse from "../../../@mui/material/Collapse/Collapse/index.esm.js";
+import Alert from "../../../@mui/material/Alert/Alert/index.esm.js";
+import AlertTitle from "../../../@mui/material/AlertTitle/AlertTitle/index.esm.js";
+import Fade from "../../../@mui/material/Fade/Fade/index.esm.js";
+import Typography from "../../../@mui/material/Typography/Typography/index.esm.js";
+import debounce from "../../../@mui/utils/esm/debounce/debounce/index.esm.js";
+import TextField from "../../../@mui/material/TextField/TextField/index.esm.js";
+import InputAdornment from "../../../@mui/material/InputAdornment/InputAdornment/index.esm.js";
+import InputLabel from "../../../@mui/material/InputLabel/InputLabel/index.esm.js";
+import Select from "../../../@mui/material/Select/Select/index.esm.js";
+import MenuItem from "../../../@mui/material/MenuItem/MenuItem/index.esm.js";
+import Pagination from "../../../@mui/material/Pagination/Pagination/index.esm.js";
+import PaginationItem from "../../../@mui/material/PaginationItem/PaginationItem/index.esm.js";
+import LinearProgress from "../../../@mui/material/LinearProgress/LinearProgress/index.esm.js";
+import Table from "../../../@mui/material/Table/Table/index.esm.js";
+import Dialog from "../../../@mui/material/Dialog/Dialog/index.esm.js";
+import DialogTitle from "../../../@mui/material/DialogTitle/DialogTitle/index.esm.js";
+import DialogContent from "../../../@mui/material/DialogContent/DialogContent/index.esm.js";
+import DialogActions from "../../../@mui/material/DialogActions/DialogActions/index.esm.js";
+import ListItemIcon from "../../../@mui/material/ListItemIcon/ListItemIcon/index.esm.js";
+import TableHead from "../../../@mui/material/TableHead/TableHead/index.esm.js";
+import TableBody from "../../../@mui/material/TableBody/TableBody/index.esm.js";
+import TableFooter from "../../../@mui/material/TableFooter/TableFooter/index.esm.js";
+import Divider from "../../../@mui/material/Divider/Divider/index.esm.js";
 import { defaultRangeExtractor } from "../../../@tanstack/virtual-core/dist/esm/index/index.esm.js";
+import TableRow from "../../../@mui/material/TableRow/TableRow/index.esm.js";
+import FormControlLabel from "../../../@mui/material/FormControlLabel/FormControlLabel/index.esm.js";
+import Switch from "../../../@mui/material/Switch/Switch/index.esm.js";
+import TableCell from "../../../@mui/material/TableCell/TableCell/index.esm.js";
+import Skeleton from "../../../@mui/material/Skeleton/Skeleton/index.esm.js";
+import Grow from "../../../@mui/material/Grow/Grow/index.esm.js";
+import Popover from "../../../@mui/material/Popover/Popover/index.esm.js";
+import Badge from "../../../@mui/material/Badge/Badge/index.esm.js";
+import TableSortLabel from "../../../@mui/material/TableSortLabel/TableSortLabel/index.esm.js";
+import Slider from "../../../@mui/material/Slider/Slider/index.esm.js";
+import FormHelperText from "../../../@mui/material/FormHelperText/FormHelperText/index.esm.js";
+import { TimePicker } from "../../../@mui/x-date-pickers/TimePicker/TimePicker/index.esm.js";
+import { DateTimePicker } from "../../../@mui/x-date-pickers/DateTimePicker/DateTimePicker/index.esm.js";
+import { DatePicker } from "../../../@mui/x-date-pickers/DatePicker/DatePicker/index.esm.js";
+import Autocomplete from "../../../@mui/material/Autocomplete/Autocomplete/index.esm.js";
 const getColumnId = (columnDef) => {
   var _a, _b, _c, _d;
   return (_d = (_a = columnDef.id) !== null && _a !== void 0 ? _a : (_c = (_b = columnDef.accessorKey) === null || _b === void 0 ? void 0 : _b.toString) === null || _c === void 0 ? void 0 : _c.call(_b)) !== null && _d !== void 0 ? _d : columnDef.header;
@@ -459,7 +459,7 @@ function __rest(s, e) {
 }
 const MRT_EditActionButtons = (_a) => {
   var { row, table, variant = "icon" } = _a, rest = __rest(_a, ["row", "table", "variant"]);
-  const { getState, options: { icons: { CancelIcon: CancelIcon2, SaveIcon: SaveIcon2 }, localization, onCreatingRowCancel, onCreatingRowSave, onEditingRowCancel, onEditingRowSave }, refs: { editInputRefs }, setCreatingRow, setEditingRow } = table;
+  const { getState, options: { icons: { CancelIcon, SaveIcon }, localization, onCreatingRowCancel, onCreatingRowSave, onEditingRowCancel, onEditingRowSave }, refs: { editInputRefs }, setCreatingRow, setEditingRow } = table;
   const { creatingRow, editingRow, isSaving } = getState();
   const isCreating = (creatingRow === null || creatingRow === void 0 ? void 0 : creatingRow.id) === row.id;
   const isEditing = (editingRow === null || editingRow === void 0 ? void 0 : editingRow.id) === row.id;
@@ -499,7 +499,7 @@ const MRT_EditActionButtons = (_a) => {
       });
     }
   };
-  return jsx(Box, { onClick: (e) => e.stopPropagation(), sx: (theme) => Object.assign({ display: "flex", gap: "0.75rem" }, parseFromValuesOrFunc(rest === null || rest === void 0 ? void 0 : rest.sx, theme)), children: variant === "icon" ? jsxs(Fragment, { children: [jsx(Tooltip, { title: localization.cancel, children: jsx(IconButton, { "aria-label": localization.cancel, onClick: handleCancel, children: jsx(CancelIcon2, {}) }) }), (isCreating && onCreatingRowSave || isEditing && onEditingRowSave) && jsx(Tooltip, { title: localization.save, children: jsx(IconButton, { "aria-label": localization.save, color: "info", disabled: isSaving, onClick: handleSubmitRow, children: isSaving ? jsx(CircularProgress, { size: 18 }) : jsx(SaveIcon2, {}) }) })] }) : jsxs(Fragment, { children: [jsx(Button, { onClick: handleCancel, sx: { minWidth: "100px" }, children: localization.cancel }), jsxs(Button, { disabled: isSaving, onClick: handleSubmitRow, sx: { minWidth: "100px" }, variant: "contained", children: [isSaving && jsx(CircularProgress, { color: "inherit", size: 18 }), localization.save] })] }) });
+  return jsx(Box, { onClick: (e) => e.stopPropagation(), sx: (theme) => Object.assign({ display: "flex", gap: "0.75rem" }, parseFromValuesOrFunc(rest === null || rest === void 0 ? void 0 : rest.sx, theme)), children: variant === "icon" ? jsxs(Fragment, { children: [jsx(Tooltip, { title: localization.cancel, children: jsx(IconButton, { "aria-label": localization.cancel, onClick: handleCancel, children: jsx(CancelIcon, {}) }) }), (isCreating && onCreatingRowSave || isEditing && onEditingRowSave) && jsx(Tooltip, { title: localization.save, children: jsx(IconButton, { "aria-label": localization.save, color: "info", disabled: isSaving, onClick: handleSubmitRow, children: isSaving ? jsx(CircularProgress, { size: 18 }) : jsx(SaveIcon, {}) }) })] }) : jsxs(Fragment, { children: [jsx(Button, { onClick: handleCancel, sx: { minWidth: "100px" }, children: localization.cancel }), jsxs(Button, { disabled: isSaving, onClick: handleSubmitRow, sx: { minWidth: "100px" }, variant: "contained", children: [isSaving && jsx(CircularProgress, { color: "inherit", size: 18 }), localization.save] })] }) });
 };
 const parseCSSVarId = (id) => id.replace(/[^a-zA-Z0-9]/g, "_");
 const getMRTTheme = (mrtTheme, muiTheme) => {
@@ -565,7 +565,7 @@ const getCommonTooltipProps = (placement) => ({
 });
 const MRT_ActionMenuItem = (_a) => {
   var { icon, label, onOpenSubMenu, table } = _a, rest = __rest(_a, ["icon", "label", "onOpenSubMenu", "table"]);
-  const { options: { icons: { ArrowRightIcon: ArrowRightIcon2 } } } = table;
+  const { options: { icons: { ArrowRightIcon } } } = table;
   return jsxs(MenuItem, Object.assign({ sx: {
     alignItems: "center",
     justifyContent: "space-between",
@@ -575,18 +575,18 @@ const MRT_ActionMenuItem = (_a) => {
   } }, rest, { children: [jsxs(Box, { sx: {
     alignItems: "center",
     display: "flex"
-  }, children: [jsx(ListItemIcon, { children: icon }), label] }), onOpenSubMenu && jsx(IconButton, { onClick: onOpenSubMenu, onMouseEnter: onOpenSubMenu, size: "small", sx: { p: 0 }, children: jsx(ArrowRightIcon2, {}) })] }));
+  }, children: [jsx(ListItemIcon, { children: icon }), label] }), onOpenSubMenu && jsx(IconButton, { onClick: onOpenSubMenu, onMouseEnter: onOpenSubMenu, size: "small", sx: { p: 0 }, children: jsx(ArrowRightIcon, {}) })] }));
 };
 const MRT_RowActionMenu = (_a) => {
   var { anchorEl, handleEdit, row, setAnchorEl, staticRowIndex, table } = _a, rest = __rest(_a, ["anchorEl", "handleEdit", "row", "setAnchorEl", "staticRowIndex", "table"]);
-  const { getState, options: { editDisplayMode, enableEditing, icons: { EditIcon: EditIcon2 }, localization, mrtTheme: { menuBackgroundColor }, renderRowActionMenuItems } } = table;
+  const { getState, options: { editDisplayMode, enableEditing, icons: { EditIcon }, localization, mrtTheme: { menuBackgroundColor }, renderRowActionMenuItems } } = table;
   const { density } = getState();
   return jsxs(Menu, Object.assign({ MenuListProps: {
     dense: density === "compact",
     sx: {
       backgroundColor: menuBackgroundColor
     }
-  }, anchorEl, disableScrollLock: true, onClick: (event) => event.stopPropagation(), onClose: () => setAnchorEl(null), open: !!anchorEl }, rest, { children: [parseFromValuesOrFunc(enableEditing, row) && ["modal", "row"].includes(editDisplayMode) && jsx(MRT_ActionMenuItem, { icon: jsx(EditIcon2, {}), label: localization.edit, onClick: handleEdit, table }), renderRowActionMenuItems === null || renderRowActionMenuItems === void 0 ? void 0 : renderRowActionMenuItems({
+  }, anchorEl, disableScrollLock: true, onClick: (event) => event.stopPropagation(), onClose: () => setAnchorEl(null), open: !!anchorEl }, rest, { children: [parseFromValuesOrFunc(enableEditing, row) && ["modal", "row"].includes(editDisplayMode) && jsx(MRT_ActionMenuItem, { icon: jsx(EditIcon, {}), label: localization.edit, onClick: handleEdit, table }), renderRowActionMenuItems === null || renderRowActionMenuItems === void 0 ? void 0 : renderRowActionMenuItems({
     closeMenu: () => setAnchorEl(null),
     row,
     staticRowIndex,
@@ -605,7 +605,7 @@ const commonIconButtonStyles = {
 };
 const MRT_ToggleRowActionMenuButton = (_a) => {
   var { cell, row, staticRowIndex, table } = _a, rest = __rest(_a, ["cell", "row", "staticRowIndex", "table"]);
-  const { getState, options: { createDisplayMode, editDisplayMode, enableEditing, icons: { EditIcon: EditIcon2, MoreHorizIcon: MoreHorizIcon2 }, localization, renderRowActionMenuItems, renderRowActions }, setEditingRow } = table;
+  const { getState, options: { createDisplayMode, editDisplayMode, enableEditing, icons: { EditIcon, MoreHorizIcon }, localization, renderRowActionMenuItems, renderRowActions }, setEditingRow } = table;
   const { creatingRow, editingRow } = getState();
   const isCreating = (creatingRow === null || creatingRow === void 0 ? void 0 : creatingRow.id) === row.id;
   const isEditing = (editingRow === null || editingRow === void 0 ? void 0 : editingRow.id) === row.id;
@@ -621,7 +621,7 @@ const MRT_ToggleRowActionMenuButton = (_a) => {
     setEditingRow(Object.assign({}, row));
     setAnchorEl(null);
   };
-  return jsx(Fragment, { children: renderRowActions && !showEditActionButtons ? renderRowActions({ cell, row, staticRowIndex, table }) : showEditActionButtons ? jsx(MRT_EditActionButtons, { row, table }) : !renderRowActionMenuItems && parseFromValuesOrFunc(enableEditing, row) && ["modal", "row"].includes(editDisplayMode) ? jsx(Tooltip, { placement: "right", title: localization.edit, children: jsx(IconButton, Object.assign({ "aria-label": localization.edit, onClick: handleStartEditMode, sx: commonIconButtonStyles }, rest, { children: jsx(EditIcon2, {}) })) }) : renderRowActionMenuItems ? jsxs(Fragment, { children: [jsx(Tooltip, Object.assign({}, getCommonTooltipProps(), { title: localization.rowActions, children: jsx(IconButton, Object.assign({ "aria-label": localization.rowActions, onClick: handleOpenRowActionMenu, size: "small", sx: commonIconButtonStyles }, rest, { children: jsx(MoreHorizIcon2, {}) })) })), jsx(MRT_RowActionMenu, { anchorEl, handleEdit: handleStartEditMode, row, setAnchorEl, staticRowIndex, table })] }) : null });
+  return jsx(Fragment, { children: renderRowActions && !showEditActionButtons ? renderRowActions({ cell, row, staticRowIndex, table }) : showEditActionButtons ? jsx(MRT_EditActionButtons, { row, table }) : !renderRowActionMenuItems && parseFromValuesOrFunc(enableEditing, row) && ["modal", "row"].includes(editDisplayMode) ? jsx(Tooltip, { placement: "right", title: localization.edit, children: jsx(IconButton, Object.assign({ "aria-label": localization.edit, onClick: handleStartEditMode, sx: commonIconButtonStyles }, rest, { children: jsx(EditIcon, {}) })) }) : renderRowActionMenuItems ? jsxs(Fragment, { children: [jsx(Tooltip, Object.assign({}, getCommonTooltipProps(), { title: localization.rowActions, children: jsx(IconButton, Object.assign({ "aria-label": localization.rowActions, onClick: handleOpenRowActionMenu, size: "small", sx: commonIconButtonStyles }, rest, { children: jsx(MoreHorizIcon, {}) })) })), jsx(MRT_RowActionMenu, { anchorEl, handleEdit: handleStartEditMode, row, setAnchorEl, staticRowIndex, table })] }) : null });
 };
 const getMRT_RowActionsColumnDef = (tableOptions) => {
   return Object.assign({ Cell: ({ cell, row, staticRowIndex, table }) => jsx(MRT_ToggleRowActionMenuButton, { cell, row, staticRowIndex, table }) }, defaultDisplayColumnProps({
@@ -634,7 +634,7 @@ const getMRT_RowActionsColumnDef = (tableOptions) => {
 const MRT_GrabHandleButton = (_a) => {
   var _b, _c;
   var { location, table } = _a, rest = __rest(_a, ["location", "table"]);
-  const { options: { icons: { DragHandleIcon: DragHandleIcon2 }, localization } } = table;
+  const { options: { icons: { DragHandleIcon }, localization } } = table;
   return jsx(Tooltip, Object.assign({}, getCommonTooltipProps("top"), { title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.move, children: jsx(IconButton, Object.assign({ "aria-label": (_c = rest.title) !== null && _c !== void 0 ? _c : localization.move, disableRipple: true, draggable: "true", size: "small" }, rest, { onClick: (e) => {
     var _a2;
     e.stopPropagation();
@@ -644,7 +644,7 @@ const MRT_GrabHandleButton = (_a) => {
   }, "&:hover": {
     backgroundColor: "transparent",
     opacity: 1
-  }, cursor: "grab", m: "0 -0.1rem", opacity: location === "row" ? 1 : 0.5, p: "2px", transition: "all 150ms ease-in-out" }, parseFromValuesOrFunc(rest === null || rest === void 0 ? void 0 : rest.sx, theme)), title: void 0, children: jsx(DragHandleIcon2, {}) })) }));
+  }, cursor: "grab", m: "0 -0.1rem", opacity: location === "row" ? 1 : 0.5, p: "2px", transition: "all 150ms ease-in-out" }, parseFromValuesOrFunc(rest === null || rest === void 0 ? void 0 : rest.sx, theme)), title: void 0, children: jsx(DragHandleIcon, {}) })) }));
 };
 const MRT_TableBodyRowGrabHandle = (_a) => {
   var { row, rowRef, table } = _a, rest = __rest(_a, ["row", "rowRef", "table"]);
@@ -682,13 +682,13 @@ const getMRT_RowDragColumnDef = (tableOptions) => {
 const MRT_ExpandAllButton = (_a) => {
   var _b, _c;
   var { table } = _a, rest = __rest(_a, ["table"]);
-  const { getCanSomeRowsExpand, getIsAllRowsExpanded, getIsSomeRowsExpanded, getState, options: { icons: { KeyboardDoubleArrowDownIcon: KeyboardDoubleArrowDownIcon2 }, localization, muiExpandAllButtonProps, renderDetailPanel }, toggleAllRowsExpanded } = table;
+  const { getCanSomeRowsExpand, getIsAllRowsExpanded, getIsSomeRowsExpanded, getState, options: { icons: { KeyboardDoubleArrowDownIcon }, localization, muiExpandAllButtonProps, renderDetailPanel }, toggleAllRowsExpanded } = table;
   const { density, isLoading } = getState();
   const iconButtonProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiExpandAllButtonProps, {
     table
   })), rest);
   const isAllRowsExpanded = getIsAllRowsExpanded();
-  return jsx(Tooltip, Object.assign({}, getCommonTooltipProps(), { title: (_b = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.title) !== null && _b !== void 0 ? _b : isAllRowsExpanded ? localization.collapseAll : localization.expandAll, children: jsx("span", { children: jsx(IconButton, Object.assign({ "aria-label": localization.expandAll, disabled: isLoading || !renderDetailPanel && !getCanSomeRowsExpand(), onClick: () => toggleAllRowsExpanded(!isAllRowsExpanded) }, iconButtonProps, { sx: (theme) => Object.assign({ height: density === "compact" ? "1.75rem" : "2.25rem", mt: density !== "compact" ? "-0.25rem" : void 0, width: density === "compact" ? "1.75rem" : "2.25rem" }, parseFromValuesOrFunc(iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.sx, theme)), title: void 0, children: (_c = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.children) !== null && _c !== void 0 ? _c : jsx(KeyboardDoubleArrowDownIcon2, { style: {
+  return jsx(Tooltip, Object.assign({}, getCommonTooltipProps(), { title: (_b = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.title) !== null && _b !== void 0 ? _b : isAllRowsExpanded ? localization.collapseAll : localization.expandAll, children: jsx("span", { children: jsx(IconButton, Object.assign({ "aria-label": localization.expandAll, disabled: isLoading || !renderDetailPanel && !getCanSomeRowsExpand(), onClick: () => toggleAllRowsExpanded(!isAllRowsExpanded) }, iconButtonProps, { sx: (theme) => Object.assign({ height: density === "compact" ? "1.75rem" : "2.25rem", mt: density !== "compact" ? "-0.25rem" : void 0, width: density === "compact" ? "1.75rem" : "2.25rem" }, parseFromValuesOrFunc(iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.sx, theme)), title: void 0, children: (_c = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.children) !== null && _c !== void 0 ? _c : jsx(KeyboardDoubleArrowDownIcon, { style: {
     transform: `rotate(${isAllRowsExpanded ? -180 : getIsSomeRowsExpanded() ? -90 : 0}deg)`,
     transition: "transform 150ms"
   } }) })) }) }));
@@ -696,7 +696,7 @@ const MRT_ExpandAllButton = (_a) => {
 const MRT_ExpandButton = ({ row, staticRowIndex, table }) => {
   var _a, _b;
   const theme = useTheme();
-  const { getState, options: { icons: { ExpandMoreIcon: ExpandMoreIcon2 }, localization, muiExpandButtonProps, positionExpandColumn, renderDetailPanel } } = table;
+  const { getState, options: { icons: { ExpandMoreIcon }, localization, muiExpandButtonProps, positionExpandColumn, renderDetailPanel } } = table;
   const { density } = getState();
   const iconButtonProps = parseFromValuesOrFunc(muiExpandButtonProps, {
     row,
@@ -712,7 +712,7 @@ const MRT_ExpandButton = ({ row, staticRowIndex, table }) => {
     (_a2 = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.onClick) === null || _a2 === void 0 ? void 0 : _a2.call(iconButtonProps, event);
   };
   const detailPanel = !!(renderDetailPanel === null || renderDetailPanel === void 0 ? void 0 : renderDetailPanel({ row, table }));
-  return jsx(Tooltip, Object.assign({ disableHoverListener: !canExpand && !detailPanel }, getCommonTooltipProps(), { title: (_a = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.title) !== null && _a !== void 0 ? _a : isExpanded ? localization.collapse : localization.expand, children: jsx("span", { children: jsx(IconButton, Object.assign({ "aria-label": localization.expand, disabled: !canExpand && !detailPanel }, iconButtonProps, { onClick: handleToggleExpand, sx: (theme2) => Object.assign({ height: density === "compact" ? "1.75rem" : "2.25rem", opacity: !canExpand && !detailPanel ? 0.3 : 1, [theme2.direction === "rtl" || positionExpandColumn === "last" ? "mr" : "ml"]: `${row.depth * 16}px`, width: density === "compact" ? "1.75rem" : "2.25rem" }, parseFromValuesOrFunc(iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.sx, theme2)), title: void 0, children: (_b = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.children) !== null && _b !== void 0 ? _b : jsx(ExpandMoreIcon2, { style: {
+  return jsx(Tooltip, Object.assign({ disableHoverListener: !canExpand && !detailPanel }, getCommonTooltipProps(), { title: (_a = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.title) !== null && _a !== void 0 ? _a : isExpanded ? localization.collapse : localization.expand, children: jsx("span", { children: jsx(IconButton, Object.assign({ "aria-label": localization.expand, disabled: !canExpand && !detailPanel }, iconButtonProps, { onClick: handleToggleExpand, sx: (theme2) => Object.assign({ height: density === "compact" ? "1.75rem" : "2.25rem", opacity: !canExpand && !detailPanel ? 0.3 : 1, [theme2.direction === "rtl" || positionExpandColumn === "last" ? "mr" : "ml"]: `${row.depth * 16}px`, width: density === "compact" ? "1.75rem" : "2.25rem" }, parseFromValuesOrFunc(iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.sx, theme2)), title: void 0, children: (_b = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.children) !== null && _b !== void 0 ? _b : jsx(ExpandMoreIcon, { style: {
     transform: `rotate(${!canExpand && !renderDetailPanel ? positionExpandColumn === "last" || theme.direction === "rtl" ? 90 : -90 : isExpanded ? -180 : 0}deg)`,
     transition: "transform 150ms"
   } }) })) }) }));
@@ -757,7 +757,7 @@ const getMRT_RowNumbersColumnDef = (tableOptions) => {
 };
 const MRT_RowPinButton = (_a) => {
   var { pinningPosition, row, table } = _a, rest = __rest(_a, ["pinningPosition", "row", "table"]);
-  const { options: { icons: { CloseIcon: CloseIcon2, PushPinIcon: PushPinIcon2 }, localization, rowPinningDisplayMode } } = table;
+  const { options: { icons: { CloseIcon, PushPinIcon }, localization, rowPinningDisplayMode } } = table;
   const isPinned = row.getIsPinned();
   const [tooltipOpened, setTooltipOpened] = useState(false);
   const handleTogglePin = (event) => {
@@ -765,7 +765,7 @@ const MRT_RowPinButton = (_a) => {
     event.stopPropagation();
     row.pin(isPinned ? false : pinningPosition);
   };
-  return jsx(Tooltip, Object.assign({}, getCommonTooltipProps(), { open: tooltipOpened, title: isPinned ? localization.unpin : localization.pin, children: jsx(IconButton, Object.assign({ "aria-label": localization.pin, onClick: handleTogglePin, onMouseEnter: () => setTooltipOpened(true), onMouseLeave: () => setTooltipOpened(false), size: "small" }, rest, { sx: (theme) => Object.assign({ height: "24px", width: "24px" }, parseFromValuesOrFunc(rest === null || rest === void 0 ? void 0 : rest.sx, theme)), children: isPinned ? jsx(CloseIcon2, {}) : jsx(PushPinIcon2, { fontSize: "small", style: {
+  return jsx(Tooltip, Object.assign({}, getCommonTooltipProps(), { open: tooltipOpened, title: isPinned ? localization.unpin : localization.pin, children: jsx(IconButton, Object.assign({ "aria-label": localization.pin, onClick: handleTogglePin, onMouseEnter: () => setTooltipOpened(true), onMouseLeave: () => setTooltipOpened(false), size: "small" }, rest, { sx: (theme) => Object.assign({ height: "24px", width: "24px" }, parseFromValuesOrFunc(rest === null || rest === void 0 ? void 0 : rest.sx, theme)), children: isPinned ? jsx(CloseIcon, {}) : jsx(PushPinIcon, { fontSize: "small", style: {
     transform: `rotate(${rowPinningDisplayMode === "sticky" ? 135 : pinningPosition === "top" ? 180 : 0}deg)`
   } }) })) }));
 };
@@ -837,40 +837,40 @@ const getMRT_RowSelectColumnDef = (tableOptions) => {
   }));
 };
 const MRT_Default_Icons = {
-  ArrowDownwardIcon,
-  ArrowRightIcon,
-  CancelIcon,
-  ChevronLeftIcon,
-  ChevronRightIcon,
-  ClearAllIcon,
-  CloseIcon,
-  ContentCopy,
-  DensityLargeIcon,
-  DensityMediumIcon,
-  DensitySmallIcon,
-  DragHandleIcon,
-  DynamicFeedIcon,
-  EditIcon,
-  ExpandMoreIcon,
-  FilterAltIcon,
-  FilterListIcon,
-  FilterListOffIcon,
-  FirstPageIcon,
-  FullscreenExitIcon,
-  FullscreenIcon,
-  KeyboardDoubleArrowDownIcon,
-  LastPageIcon,
-  MoreHorizIcon,
-  MoreVertIcon,
-  PushPinIcon,
-  RestartAltIcon,
-  SaveIcon,
-  SearchIcon,
-  SearchOffIcon,
-  SortIcon,
-  SyncAltIcon,
-  ViewColumnIcon,
-  VisibilityOffIcon
+  ArrowDownwardIcon: default_1$x,
+  ArrowRightIcon: default_1$w,
+  CancelIcon: default_1$v,
+  ChevronLeftIcon: default_1$u,
+  ChevronRightIcon: default_1$t,
+  ClearAllIcon: default_1$s,
+  CloseIcon: default_1$r,
+  ContentCopy: default_1$q,
+  DensityLargeIcon: default_1$p,
+  DensityMediumIcon: default_1$o,
+  DensitySmallIcon: default_1$n,
+  DragHandleIcon: default_1$m,
+  DynamicFeedIcon: default_1$l,
+  EditIcon: default_1$k,
+  ExpandMoreIcon: default_1$j,
+  FilterAltIcon: default_1$i,
+  FilterListIcon: default_1$h,
+  FilterListOffIcon: default_1$g,
+  FirstPageIcon: default_1$f,
+  FullscreenExitIcon: default_1$e,
+  FullscreenIcon: default_1$d,
+  KeyboardDoubleArrowDownIcon: default_1$c,
+  LastPageIcon: default_1$b,
+  MoreHorizIcon: default_1$a,
+  MoreVertIcon: default_1$9,
+  PushPinIcon: default_1$8,
+  RestartAltIcon: default_1$7,
+  SaveIcon: default_1$6,
+  SearchIcon: default_1$5,
+  SearchOffIcon: default_1$4,
+  SortIcon: default_1$3,
+  SyncAltIcon: default_1$2,
+  ViewColumnIcon: default_1$1,
+  VisibilityOffIcon: default_1
 };
 const MRT_Localization_EN = {
   actions: "Actions",
@@ -2096,7 +2096,7 @@ const MRT_FilterOptionMenu = (_a) => {
 const MRT_ColumnActionMenu = (_a) => {
   var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
   var { anchorEl, header, setAnchorEl, table } = _a, rest = __rest(_a, ["anchorEl", "header", "setAnchorEl", "table"]);
-  const { getAllLeafColumns, getState, options: { columnFilterDisplayMode, columnFilterModeOptions, enableColumnFilterModes, enableColumnFilters, enableColumnPinning, enableColumnResizing, enableGrouping, enableHiding, enableSorting, enableSortingRemoval, icons: { ClearAllIcon: ClearAllIcon2, DynamicFeedIcon: DynamicFeedIcon2, FilterListIcon: FilterListIcon2, FilterListOffIcon: FilterListOffIcon2, PushPinIcon: PushPinIcon2, RestartAltIcon: RestartAltIcon2, SortIcon: SortIcon2, ViewColumnIcon: ViewColumnIcon2, VisibilityOffIcon: VisibilityOffIcon2 }, localization, mrtTheme: { menuBackgroundColor }, renderColumnActionsMenuItems }, refs: { filterInputRefs }, setColumnFilterFns, setColumnOrder, setColumnSizingInfo, setShowColumnFilters } = table;
+  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 { column } = header;
   const { columnDef } = column;
   const { columnSizing, columnVisibility, density, showColumnFilters } = getState();
@@ -2163,29 +2163,29 @@ const MRT_ColumnActionMenu = (_a) => {
   const showFilterModeSubMenu = enableColumnFilterModes && columnDef.enableColumnFilterModes !== false && !isSelectFilter && (allowedColumnFilterOptions === void 0 || !!(allowedColumnFilterOptions === null || allowedColumnFilterOptions === void 0 ? void 0 : allowedColumnFilterOptions.length));
   const internalColumnMenuItems = [
     ...enableSorting && column.getCanSort() ? [
-      enableSortingRemoval !== false && jsx(MRT_ActionMenuItem, { icon: jsx(ClearAllIcon2, {}), label: localization.clearSort, onClick: handleClearSort, table }, 0),
-      jsx(MRT_ActionMenuItem, { disabled: column.getIsSorted() === "asc", icon: jsx(SortIcon2, { style: { transform: "rotate(180deg) scaleX(-1)" } }), label: (_c = localization.sortByColumnAsc) === null || _c === void 0 ? void 0 : _c.replace("{column}", String(columnDef.header)), onClick: handleSortAsc, table }, 1),
-      jsx(MRT_ActionMenuItem, { disabled: column.getIsSorted() === "desc", divider: enableColumnFilters || enableGrouping || enableHiding, icon: jsx(SortIcon2, {}), label: (_d = localization.sortByColumnDesc) === null || _d === void 0 ? void 0 : _d.replace("{column}", String(columnDef.header)), onClick: handleSortDesc, table }, 2)
+      enableSortingRemoval !== false && jsx(MRT_ActionMenuItem, { icon: jsx(ClearAllIcon, {}), label: localization.clearSort, onClick: handleClearSort, table }, 0),
+      jsx(MRT_ActionMenuItem, { disabled: column.getIsSorted() === "asc", icon: jsx(SortIcon, { style: { transform: "rotate(180deg) scaleX(-1)" } }), label: (_c = localization.sortByColumnAsc) === null || _c === void 0 ? void 0 : _c.replace("{column}", String(columnDef.header)), onClick: handleSortAsc, table }, 1),
+      jsx(MRT_ActionMenuItem, { disabled: column.getIsSorted() === "desc", divider: enableColumnFilters || enableGrouping || enableHiding, icon: jsx(SortIcon, {}), label: (_d = localization.sortByColumnDesc) === null || _d === void 0 ? void 0 : _d.replace("{column}", String(columnDef.header)), onClick: handleSortDesc, table }, 2)
     ] : [],
     ...enableColumnFilters && column.getCanFilter() ? [
-      jsx(MRT_ActionMenuItem, { disabled: !columnFilterValue || Array.isArray(columnFilterValue) && !columnFilterValue.filter((value) => value).length, icon: jsx(FilterListOffIcon2, {}), label: localization.clearFilter, onClick: handleClearFilter, table }, 3),
-      columnFilterDisplayMode === "subheader" && jsx(MRT_ActionMenuItem, { disabled: showColumnFilters && !enableColumnFilterModes, divider: enableGrouping || enableHiding, icon: jsx(FilterListIcon2, {}), label: (_e = localization.filterByColumn) === null || _e === void 0 ? void 0 : _e.replace("{column}", String(columnDef.header)), onClick: showColumnFilters ? handleOpenFilterModeMenu : handleFilterByColumn, onOpenSubMenu: showFilterModeSubMenu ? handleOpenFilterModeMenu : void 0, table }, 4),
+      jsx(MRT_ActionMenuItem, { disabled: !columnFilterValue || Array.isArray(columnFilterValue) && !columnFilterValue.filter((value) => value).length, icon: jsx(FilterListOffIcon, {}), label: localization.clearFilter, onClick: handleClearFilter, table }, 3),
+      columnFilterDisplayMode === "subheader" && jsx(MRT_ActionMenuItem, { disabled: showColumnFilters && !enableColumnFilterModes, divider: enableGrouping || enableHiding, icon: jsx(FilterListIcon, {}), label: (_e = localization.filterByColumn) === null || _e === void 0 ? void 0 : _e.replace("{column}", String(columnDef.header)), onClick: showColumnFilters ? handleOpenFilterModeMenu : handleFilterByColumn, onOpenSubMenu: showFilterModeSubMenu ? handleOpenFilterModeMenu : void 0, table }, 4),
       showFilterModeSubMenu && jsx(MRT_FilterOptionMenu, { anchorEl: filterMenuAnchorEl, header, onSelect: handleFilterByColumn, setAnchorEl: setFilterMenuAnchorEl, table }, 5)
     ].filter(Boolean) : [],
     ...enableGrouping && column.getCanGroup() ? [
-      jsx(MRT_ActionMenuItem, { divider: enableColumnPinning, icon: jsx(DynamicFeedIcon2, {}), label: (_f = localization[column.getIsGrouped() ? "ungroupByColumn" : "groupByColumn"]) === null || _f === void 0 ? void 0 : _f.replace("{column}", String(columnDef.header)), onClick: handleGroupByColumn, table }, 6)
+      jsx(MRT_ActionMenuItem, { divider: enableColumnPinning, icon: jsx(DynamicFeedIcon, {}), label: (_f = localization[column.getIsGrouped() ? "ungroupByColumn" : "groupByColumn"]) === null || _f === void 0 ? void 0 : _f.replace("{column}", String(columnDef.header)), onClick: handleGroupByColumn, table }, 6)
     ] : [],
     ...enableColumnPinning && column.getCanPin() ? [
-      jsx(MRT_ActionMenuItem, { disabled: column.getIsPinned() === "left" || !column.getCanPin(), icon: jsx(PushPinIcon2, { style: { transform: "rotate(90deg)" } }), label: localization.pinToLeft, onClick: () => handlePinColumn("left"), table }, 7),
-      jsx(MRT_ActionMenuItem, { disabled: column.getIsPinned() === "right" || !column.getCanPin(), icon: jsx(PushPinIcon2, { style: { transform: "rotate(-90deg)" } }), label: localization.pinToRight, onClick: () => handlePinColumn("right"), table }, 8),
-      jsx(MRT_ActionMenuItem, { disabled: !column.getIsPinned(), divider: enableHiding, icon: jsx(PushPinIcon2, {}), label: localization.unpin, onClick: () => handlePinColumn(false), table }, 9)
+      jsx(MRT_ActionMenuItem, { disabled: column.getIsPinned() === "left" || !column.getCanPin(), icon: jsx(PushPinIcon, { style: { transform: "rotate(90deg)" } }), label: localization.pinToLeft, onClick: () => handlePinColumn("left"), table }, 7),
+      jsx(MRT_ActionMenuItem, { disabled: column.getIsPinned() === "right" || !column.getCanPin(), icon: jsx(PushPinIcon, { style: { transform: "rotate(-90deg)" } }), label: localization.pinToRight, onClick: () => handlePinColumn("right"), table }, 8),
+      jsx(MRT_ActionMenuItem, { disabled: !column.getIsPinned(), divider: enableHiding, icon: jsx(PushPinIcon, {}), label: localization.unpin, onClick: () => handlePinColumn(false), table }, 9)
     ] : [],
     ...enableColumnResizing && column.getCanResize() ? [
-      jsx(MRT_ActionMenuItem, { disabled: !columnSizing[column.id], icon: jsx(RestartAltIcon2, {}), label: localization.resetColumnSize, onClick: handleResetColumnSize, table }, 10)
+      jsx(MRT_ActionMenuItem, { disabled: !columnSizing[column.id], icon: jsx(RestartAltIcon, {}), label: localization.resetColumnSize, onClick: handleResetColumnSize, table }, 10)
     ] : [],
     ...enableHiding ? [
-      jsx(MRT_ActionMenuItem, { disabled: !column.getCanHide(), icon: jsx(VisibilityOffIcon2, {}), label: (_g = localization.hideColumn) === null || _g === void 0 ? void 0 : _g.replace("{column}", String(columnDef.header)), onClick: handleHideColumn, table }, 11),
-      jsx(MRT_ActionMenuItem, { disabled: !Object.values(columnVisibility).filter((visible) => !visible).length, icon: jsx(ViewColumnIcon2, {}), label: (_h = localization.showAllColumns) === null || _h === void 0 ? void 0 : _h.replace("{column}", String(columnDef.header)), onClick: handleShowAllColumns, table }, 12)
+      jsx(MRT_ActionMenuItem, { disabled: !column.getCanHide(), icon: jsx(VisibilityOffIcon, {}), label: (_g = localization.hideColumn) === null || _g === void 0 ? void 0 : _g.replace("{column}", String(columnDef.header)), onClick: handleHideColumn, table }, 11),
+      jsx(MRT_ActionMenuItem, { disabled: !Object.values(columnVisibility).filter((visible) => !visible).length, icon: jsx(ViewColumnIcon, {}), label: (_h = localization.showAllColumns) === null || _h === void 0 ? void 0 : _h.replace("{column}", String(columnDef.header)), onClick: handleShowAllColumns, table }, 12)
     ] : []
   ].filter(Boolean);
   return jsx(Menu, Object.assign({ MenuListProps: {
@@ -2208,7 +2208,7 @@ const MRT_ColumnActionMenu = (_a) => {
 const MRT_TableHeadCellColumnActionsButton = (_a) => {
   var _b, _c;
   var { header, table } = _a, rest = __rest(_a, ["header", "table"]);
-  const { options: { icons: { MoreVertIcon: MoreVertIcon2 }, localization, muiColumnActionsButtonProps } } = table;
+  const { options: { icons: { MoreVertIcon }, localization, muiColumnActionsButtonProps } } = table;
   const { column } = header;
   const { columnDef } = column;
   const [anchorEl, setAnchorEl] = useState(null);
@@ -2226,7 +2226,7 @@ const MRT_TableHeadCellColumnActionsButton = (_a) => {
   })), rest);
   return jsxs(Fragment, { children: [jsx(Tooltip, Object.assign({}, getCommonTooltipProps("top"), { title: (_b = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.title) !== null && _b !== void 0 ? _b : localization.columnActions, children: jsx(IconButton, Object.assign({ "aria-label": localization.columnActions, onClick: handleClick, size: "small" }, iconButtonProps, { sx: (theme) => Object.assign({ "&:hover": {
     opacity: 1
-  }, height: "2rem", m: "-8px -4px", opacity: 0.3, transition: "all 150ms", width: "2rem" }, parseFromValuesOrFunc(iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.sx, theme)), title: void 0, children: (_c = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.children) !== null && _c !== void 0 ? _c : jsx(MoreVertIcon2, { style: { transform: "scale(0.9)" } }) })) })), anchorEl && jsx(MRT_ColumnActionMenu, { anchorEl, header, setAnchorEl, table })] });
+  }, height: "2rem", m: "-8px -4px", opacity: 0.3, transition: "all 150ms", width: "2rem" }, parseFromValuesOrFunc(iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.sx, theme)), title: void 0, children: (_c = iconButtonProps === null || iconButtonProps === void 0 ? void 0 : iconButtonProps.children) !== null && _c !== void 0 ? _c : jsx(MoreVertIcon, { style: { transform: "scale(0.9)" } }) })) })), anchorEl && jsx(MRT_ColumnActionMenu, { anchorEl, header, setAnchorEl, table })] });
 };
 const MRT_FilterCheckbox = (_a) => {
   var _b, _c, _d;
@@ -2255,7 +2255,7 @@ const MRT_FilterCheckbox = (_a) => {
 const MRT_FilterTextField = (_a) => {
   var _b, _c, _d, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
   var { header, rangeFilterIndex, table } = _a, rest = __rest(_a, ["header", "rangeFilterIndex", "table"]);
-  const { options: { enableColumnFilterModes, icons: { CloseIcon: CloseIcon2, FilterListIcon: FilterListIcon2 }, localization, manualFiltering, muiFilterAutocompleteProps, muiFilterDatePickerProps, muiFilterDateTimePickerProps, muiFilterTextFieldProps, muiFilterTimePickerProps }, refs: { filterInputRefs }, setColumnFilterFns } = table;
+  const { options: { enableColumnFilterModes, icons: { CloseIcon, FilterListIcon }, localization, manualFiltering, muiFilterAutocompleteProps, muiFilterDatePickerProps, muiFilterDateTimePickerProps, muiFilterTextFieldProps, muiFilterTimePickerProps }, refs: { filterInputRefs }, setColumnFilterFns } = table;
   const { column } = header;
   const { columnDef } = column;
   const { filterVariant } = columnDef;
@@ -2352,8 +2352,8 @@ const MRT_FilterTextField = (_a) => {
     height: "2rem",
     transform: "scale(0.9)",
     width: "2rem"
-  }, children: jsx(CloseIcon2, {}) }) }) }) }) : null;
-  const startAdornment = showChangeModeButton ? jsxs(InputAdornment, { position: "start", children: [jsx(Tooltip, { title: localization.changeFilterMode, children: jsx("span", { children: jsx(IconButton, { "aria-label": localization.changeFilterMode, onClick: handleFilterMenuOpen, size: "small", sx: { height: "1.75rem", width: "1.75rem" }, children: jsx(FilterListIcon2, {}) }) }) }), filterChipLabel && jsx(Chip, { label: filterChipLabel, onDelete: handleClearEmptyFilterChip })] }) : null;
+  }, children: jsx(CloseIcon, {}) }) }) }) }) : null;
+  const startAdornment = showChangeModeButton ? jsxs(InputAdornment, { position: "start", children: [jsx(Tooltip, { title: localization.changeFilterMode, children: jsx("span", { children: jsx(IconButton, { "aria-label": localization.changeFilterMode, onClick: handleFilterMenuOpen, size: "small", sx: { height: "1.75rem", width: "1.75rem" }, children: jsx(FilterListIcon, {}) }) }) }), filterChipLabel && jsx(Chip, { label: filterChipLabel, onDelete: handleClearEmptyFilterChip })] }) : null;
   const commonTextFieldProps = Object.assign(Object.assign({ FormHelperTextProps: {
     sx: {
       fontSize: "0.75rem",
@@ -2497,7 +2497,7 @@ const MRT_TableHeadCellFilterContainer = (_a) => {
 const MRT_TableHeadCellFilterLabel = (_a) => {
   var _b, _c;
   var { header, table } = _a, rest = __rest(_a, ["header", "table"]);
-  const { options: { columnFilterDisplayMode, icons: { FilterAltIcon: FilterAltIcon2 }, localization }, refs: { filterInputRefs }, setShowColumnFilters } = table;
+  const { options: { columnFilterDisplayMode, icons: { FilterAltIcon }, localization }, refs: { filterInputRefs }, setShowColumnFilters } = table;
   const { column } = header;
   const { columnDef } = column;
   const filterValue = column.getFilterValue();
@@ -2523,7 +2523,7 @@ const MRT_TableHeadCellFilterLabel = (_a) => {
       (_d = (_c2 = filterInputRefs.current[`${column.id}-0`]) === null || _c2 === void 0 ? void 0 : _c2.select) === null || _d === void 0 ? void 0 : _d.call(_c2);
     });
     event.stopPropagation();
-  }, size: "small" }, rest, { sx: (theme) => Object.assign({ height: "16px", ml: "4px", opacity: isFilterActive ? 1 : 0.3, p: "8px", transform: "scale(0.75)", transition: "all 150ms ease-in-out", width: "16px" }, parseFromValuesOrFunc(rest === null || rest === void 0 ? void 0 : rest.sx, theme)), children: jsx(FilterAltIcon2, {}) })) }) }) }), columnFilterDisplayMode === "popover" && jsx(Popover, { anchorEl, anchorOrigin: {
+  }, size: "small" }, rest, { sx: (theme) => Object.assign({ height: "16px", ml: "4px", opacity: isFilterActive ? 1 : 0.3, p: "8px", transform: "scale(0.75)", transition: "all 150ms ease-in-out", width: "16px" }, parseFromValuesOrFunc(rest === null || rest === void 0 ? void 0 : rest.sx, theme)), children: jsx(FilterAltIcon, {}) })) }) }) }), columnFilterDisplayMode === "popover" && jsx(Popover, { anchorEl, anchorOrigin: {
     horizontal: "center",
     vertical: "top"
   }, disableScrollLock: true, onClick: (event) => event.stopPropagation(), onClose: (event) => {
@@ -2596,16 +2596,16 @@ const MRT_TableHeadCellResizeHandle = (_a) => {
 };
 const MRT_TableHeadCellSortLabel = (_a) => {
   var { header, table } = _a, rest = __rest(_a, ["header", "table"]);
-  const { getState, options: { icons: { ArrowDownwardIcon: ArrowDownwardIcon2, SyncAltIcon: SyncAltIcon2 }, localization } } = table;
+  const { getState, options: { icons: { ArrowDownwardIcon, SyncAltIcon }, localization } } = table;
   const { column } = header;
   const { columnDef } = column;
   const { isLoading, showSkeletons, sorting } = getState();
   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 jsx(Tooltip, { placement: "top", title: sortTooltip, children: jsx(Badge, { badgeContent: sorting.length > 1 ? column.getSortIndex() + 1 : 0, overlap: "circular", children: jsx(TableSortLabel, Object.assign({ IconComponent: !isSorted ? (props) => jsx(SyncAltIcon2, Object.assign({}, props, { direction, style: {
+  return jsx(Tooltip, { placement: "top", title: sortTooltip, children: jsx(Badge, { badgeContent: sorting.length > 1 ? column.getSortIndex() + 1 : 0, overlap: "circular", children: jsx(TableSortLabel, Object.assign({ IconComponent: !isSorted ? (props) => jsx(SyncAltIcon, Object.assign({}, props, { direction, style: {
     transform: "rotate(-90deg) scaleX(0.9) translateX(-1px)"
-  } })) : ArrowDownwardIcon2, active: true, "aria-label": sortTooltip, direction, onClick: (e) => {
+  } })) : ArrowDownwardIcon, active: true, "aria-label": sortTooltip, direction, onClick: (e) => {
     var _a2;
     e.stopPropagation();
     (_a2 = header.column.getToggleSortingHandler()) === null || _a2 === void 0 ? void 0 : _a2(e);
@@ -2827,7 +2827,7 @@ const MRT_TableLoadingOverlay = (_a) => {
 const MRT_CellActionMenu = (_a) => {
   var _b, _c;
   var { table } = _a, rest = __rest(_a, ["table"]);
-  const { getState, options: { editDisplayMode, enableClickToCopy, enableEditing, icons: { ContentCopy: ContentCopy2, EditIcon: EditIcon2 }, localization, mrtTheme: { menuBackgroundColor }, renderCellActionMenuItems }, refs: { actionCellRef } } = table;
+  const { getState, options: { editDisplayMode, enableClickToCopy, enableEditing, icons: { ContentCopy, EditIcon }, localization, mrtTheme: { menuBackgroundColor }, renderCellActionMenuItems }, refs: { actionCellRef } } = table;
   const { actionCell, density } = getState();
   const cell = actionCell;
   const { row } = cell;
@@ -2839,12 +2839,12 @@ const MRT_CellActionMenu = (_a) => {
     actionCellRef.current = null;
   };
   const internalMenuItems = [
-    (parseFromValuesOrFunc(enableClickToCopy, cell) === "context-menu" || parseFromValuesOrFunc(columnDef.enableClickToCopy, cell) === "context-menu") && jsx(MRT_ActionMenuItem, { icon: jsx(ContentCopy2, {}), label: localization.copy, onClick: (event) => {
+    (parseFromValuesOrFunc(enableClickToCopy, cell) === "context-menu" || parseFromValuesOrFunc(columnDef.enableClickToCopy, cell) === "context-menu") && jsx(MRT_ActionMenuItem, { icon: jsx(ContentCopy, {}), label: localization.copy, onClick: (event) => {
       event.stopPropagation();
       navigator.clipboard.writeText(cell.getValue());
       handleClose();
     }, table }, "mrt-copy"),
-    parseFromValuesOrFunc(enableEditing, row) && editDisplayMode === "cell" && jsx(MRT_ActionMenuItem, { icon: jsx(EditIcon2, {}), label: localization.edit, onClick: () => {
+    parseFromValuesOrFunc(enableEditing, row) && editDisplayMode === "cell" && jsx(MRT_ActionMenuItem, { icon: jsx(EditIcon, {}), label: localization.edit, onClick: () => {
       openEditingCell({ cell, table });
       handleClose();
     }, table }, "mrt-edit")
@@ -2945,7 +2945,7 @@ const MRT_TablePagination = (_a) => {
   var { position = "bottom", table } = _a, rest = __rest(_a, ["position", "table"]);
   const theme = useTheme();
   const isMobile = useMediaQuery("(max-width: 720px)");
-  const { getState, options: { enableToolbarInternalActions, icons: { ChevronLeftIcon: ChevronLeftIcon2, ChevronRightIcon: ChevronRightIcon2, FirstPageIcon: FirstPageIcon2, LastPageIcon: LastPageIcon2 }, localization, muiPaginationProps, paginationDisplayMode } } = table;
+  const { getState, options: { enableToolbarInternalActions, icons: { ChevronLeftIcon, ChevronRightIcon, FirstPageIcon, LastPageIcon }, localization, muiPaginationProps, paginationDisplayMode } } = table;
   const { pagination: { pageIndex = 0, pageSize = 10 }, showGlobalFilter } = getState();
   const paginationProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiPaginationProps, {
     table
@@ -2983,11 +2983,11 @@ const MRT_TablePagination = (_a) => {
     const label = typeof option !== "number" ? option.label : `${option}`;
     return (_a2 = SelectProps === null || SelectProps === void 0 ? void 0 : SelectProps.children) !== null && _a2 !== void 0 ? _a2 : (SelectProps === null || SelectProps === void 0 ? void 0 : SelectProps.native) ? jsx("option", { value, children: label }, value) : jsx(MenuItem, { sx: { m: 0 }, value, children: label }, value);
   }) }))] }), paginationDisplayMode === "pages" ? jsx(Pagination, Object.assign({ count: numberOfPages, disabled, onChange: (_e, newPageIndex) => table.setPageIndex(newPageIndex - 1), page: pageIndex + 1, renderItem: (item) => jsx(PaginationItem, Object.assign({ slots: {
-    first: FirstPageIcon2,
-    last: LastPageIcon2,
-    next: ChevronRightIcon2,
-    previous: ChevronLeftIcon2
-  } }, item)), showFirstButton, showLastButton }, restPaginationProps)) : paginationDisplayMode === "default" ? jsxs(Fragment, { children: [jsx(Typography, { align: "center", component: "span", sx: { m: "0 4px", minWidth: "8ch" }, variant: "body2", children: `${lastRowIndex === 0 ? 0 : (firstRowIndex + 1).toLocaleString()}-${lastRowIndex.toLocaleString()} ${localization.of} ${totalRowCount.toLocaleString()}` }), jsxs(Box, { gap: "xs", children: [showFirstButton && jsx(Tooltip, Object.assign({}, tooltipProps, { title: localization.goToFirstPage, children: jsx("span", { children: jsx(IconButton, { "aria-label": localization.goToFirstPage, disabled: disableBack, onClick: () => table.firstPage(), size: "small", children: jsx(FirstPageIcon2, Object.assign({}, flipIconStyles(theme))) }) }) })), jsx(Tooltip, Object.assign({}, tooltipProps, { title: localization.goToPreviousPage, children: jsx("span", { children: jsx(IconButton, { "aria-label": localization.goToPreviousPage, disabled: disableBack, onClick: () => table.previousPage(), size: "small", children: jsx(ChevronLeftIcon2, Object.assign({}, flipIconStyles(theme))) }) }) })), jsx(Tooltip, Object.assign({}, tooltipProps, { title: localization.goToNextPage, children: jsx("span", { children: jsx(IconButton, { "aria-label": localization.goToNextPage, disabled: disableNext, onClick: () => table.nextPage(), size: "small", children: jsx(ChevronRightIcon2, Object.assign({}, flipIconStyles(theme))) }) }) })), showLastButton && jsx(Tooltip, Object.assign({}, tooltipProps, { title: localization.goToLastPage, children: jsx("span", { children: jsx(IconButton, { "aria-label": localization.goToLastPage, disabled: disableNext, onClick: () => table.lastPage(), size: "small", children: jsx(LastPageIcon2, Object.assign({}, flipIconStyles(theme))) }) }) }))] })] }) : null] });
+    first: FirstPageIcon,
+    last: LastPageIcon,
+    next: ChevronRightIcon,
+    previous: ChevronLeftIcon
+  } }, item)), showFirstButton, showLastButton }, restPaginationProps)) : paginationDisplayMode === "default" ? jsxs(Fragment, { children: [jsx(Typography, { align: "center", component: "span", sx: { m: "0 4px", minWidth: "8ch" }, variant: "body2", children: `${lastRowIndex === 0 ? 0 : (firstRowIndex + 1).toLocaleString()}-${lastRowIndex.toLocaleString()} ${localization.of} ${totalRowCount.toLocaleString()}` }), jsxs(Box, { gap: "xs", children: [showFirstButton && jsx(Tooltip, Object.assign({}, tooltipProps, { title: localization.goToFirstPage, children: jsx("span", { children: jsx(IconButton, { "aria-label": localization.goToFirstPage, disabled: disableBack, onClick: () => table.firstPage(), size: "small", children: jsx(FirstPageIcon, Object.assign({}, flipIconStyles(theme))) }) }) })), jsx(Tooltip, Object.assign({}, tooltipProps, { title: localization.goToPreviousPage, children: jsx("span", { children: jsx(IconButton, { "aria-label": localization.goToPreviousPage, disabled: disableBack, onClick: () => table.previousPage(), size: "small", children: jsx(ChevronLeftIcon, Object.assign({}, flipIconStyles(theme))) }) }) })), jsx(Tooltip, Object.assign({}, tooltipProps, { title: localization.goToNextPage, children: jsx("span", { children: jsx(IconButton, { "aria-label": localization.goToNextPage, disabled: disableNext, onClick: () => table.nextPage(), size: "small", children: jsx(ChevronRightIcon, Object.assign({}, flipIconStyles(theme))) }) }) })), showLastButton && jsx(Tooltip, Object.assign({}, tooltipProps, { title: localization.goToLastPage, children: jsx("span", { children: jsx(IconButton, { "aria-label": localization.goToLastPage, disabled: disableNext, onClick: () => table.lastPage(), size: "small", children: jsx(LastPageIcon, Object.assign({}, flipIconStyles(theme))) }) }) }))] })] }) : null] });
 };
 const MRT_ToolbarDropZone = (_a) => {
   var _b, _c;
@@ -3039,13 +3039,13 @@ const MRT_BottomToolbar = (_a) => {
 };
 const MRT_ColumnPinningButtons = (_a) => {
   var { column, table } = _a, rest = __rest(_a, ["column", "table"]);
-  const { options: { icons: { PushPinIcon: PushPinIcon2 }, localization } } = table;
+  const { options: { icons: { PushPinIcon }, localization } } = table;
   const handlePinColumn = (pinDirection) => {
     column.pin(pinDirection);
   };
-  return jsx(Box, Object.assign({}, rest, { sx: (theme) => Object.assign({ minWidth: "70px", textAlign: "center" }, parseFromValuesOrFunc(rest === null || rest === void 0 ? void 0 : rest.sx, theme)), children: column.getIsPinned() ? jsx(Tooltip, { title: localization.unpin, children: jsx(IconButton, { onClick: () => handlePinColumn(false), size: "small", children: jsx(PushPinIcon2, {}) }) }) : jsxs(Fragment, { children: [jsx(Tooltip, { title: localization.pinToLeft, children: jsx(IconButton, { onClick: () => handlePinColumn("left"), size: "small", children: jsx(PushPinIcon2, { style: {
+  return jsx(Box, Object.assign({}, rest, { sx: (theme) => Object.assign({ minWidth: "70px", textAlign: "center" }, parseFromValuesOrFunc(rest === null || rest === void 0 ? void 0 : rest.sx, theme)), children: column.getIsPinned() ? jsx(Tooltip, { title: localization.unpin, children: jsx(IconButton, { onClick: () => handlePinColumn(false), size: "small", children: jsx(PushPinIcon, {}) }) }) : jsxs(Fragment, { children: [jsx(Tooltip, { title: localization.pinToLeft, children: jsx(IconButton, { onClick: () => handlePinColumn("left"), size: "small", children: jsx(PushPinIcon, { style: {
     transform: "rotate(90deg)"
-  } }) }) }), jsx(Tooltip, { title: localization.pinToRight, children: jsx(IconButton, { onClick: () => handlePinColumn("right"), size: "small", children: jsx(PushPinIcon2, { style: {
+  } }) }) }), jsx(Tooltip, { title: localization.pinToRight, children: jsx(IconButton, { onClick: () => handlePinColumn("right"), size: "small", children: jsx(PushPinIcon, { style: {
     transform: "rotate(-90deg)"
   } }) }) })] }) }));
 };
@@ -3147,50 +3147,50 @@ const MRT_ShowHideColumnsMenu = (_a) => {
 const MRT_ShowHideColumnsButton = (_a) => {
   var _b;
   var { table } = _a, rest = __rest(_a, ["table"]);
-  const { options: { icons: { ViewColumnIcon: ViewColumnIcon2 }, localization } } = table;
+  const { options: { icons: { ViewColumnIcon }, localization } } = table;
   const [anchorEl, setAnchorEl] = useState(null);
   const handleClick = (event) => {
     setAnchorEl(event.currentTarget);
   };
-  return jsxs(Fragment, { children: [jsx(Tooltip, { title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.showHideColumns, children: jsx(IconButton, Object.assign({ "aria-label": localization.showHideColumns, onClick: handleClick }, rest, { title: void 0, children: jsx(ViewColumnIcon2, {}) })) }), anchorEl && jsx(MRT_ShowHideColumnsMenu, { anchorEl, setAnchorEl, table })] });
+  return jsxs(Fragment, { children: [jsx(Tooltip, { title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.showHideColumns, children: jsx(IconButton, Object.assign({ "aria-label": localization.showHideColumns, onClick: handleClick }, rest, { title: void 0, children: jsx(ViewColumnIcon, {}) })) }), anchorEl && jsx(MRT_ShowHideColumnsMenu, { anchorEl, setAnchorEl, table })] });
 };
 const MRT_ToggleDensePaddingButton = (_a) => {
   var _b;
   var { table } = _a, rest = __rest(_a, ["table"]);
-  const { getState, options: { icons: { DensityLargeIcon: DensityLargeIcon2, DensityMediumIcon: DensityMediumIcon2, DensitySmallIcon: DensitySmallIcon2 }, localization }, setDensity } = table;
+  const { getState, options: { icons: { DensityLargeIcon, DensityMediumIcon, DensitySmallIcon }, localization }, setDensity } = table;
   const { density } = getState();
   const handleToggleDensePadding = () => {
     const nextDensity = density === "comfortable" ? "compact" : density === "compact" ? "spacious" : "comfortable";
     setDensity(nextDensity);
   };
-  return jsx(Tooltip, { title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.toggleDensity, children: jsx(IconButton, Object.assign({ "aria-label": localization.toggleDensity, onClick: handleToggleDensePadding }, rest, { title: void 0, children: density === "compact" ? jsx(DensitySmallIcon2, {}) : density === "comfortable" ? jsx(DensityMediumIcon2, {}) : jsx(DensityLargeIcon2, {}) })) });
+  return jsx(Tooltip, { title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.toggleDensity, children: jsx(IconButton, Object.assign({ "aria-label": localization.toggleDensity, onClick: handleToggleDensePadding }, rest, { title: void 0, children: density === "compact" ? jsx(DensitySmallIcon, {}) : density === "comfortable" ? jsx(DensityMediumIcon, {}) : jsx(DensityLargeIcon, {}) })) });
 };
 const MRT_ToggleFiltersButton = (_a) => {
   var _b;
   var { table } = _a, rest = __rest(_a, ["table"]);
-  const { getState, options: { icons: { FilterListIcon: FilterListIcon2, FilterListOffIcon: FilterListOffIcon2 }, localization }, setShowColumnFilters } = table;
+  const { getState, options: { icons: { FilterListIcon, FilterListOffIcon }, localization }, setShowColumnFilters } = table;
   const { showColumnFilters } = getState();
   const handleToggleShowFilters = () => {
     setShowColumnFilters(!showColumnFilters);
   };
-  return jsx(Tooltip, { title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.showHideFilters, children: jsx(IconButton, Object.assign({ "aria-label": localization.showHideFilters, onClick: handleToggleShowFilters }, rest, { title: void 0, children: showColumnFilters ? jsx(FilterListOffIcon2, {}) : jsx(FilterListIcon2, {}) })) });
+  return jsx(Tooltip, { title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.showHideFilters, children: jsx(IconButton, Object.assign({ "aria-label": localization.showHideFilters, onClick: handleToggleShowFilters }, rest, { title: void 0, children: showColumnFilters ? jsx(FilterListOffIcon, {}) : jsx(FilterListIcon, {}) })) });
 };
 const MRT_ToggleFullScreenButton = (_a) => {
   var _b;
   var { table } = _a, rest = __rest(_a, ["table"]);
-  const { getState, options: { icons: { FullscreenExitIcon: FullscreenExitIcon2, FullscreenIcon: FullscreenIcon2 }, localization }, setIsFullScreen } = table;
+  const { getState, options: { icons: { FullscreenExitIcon, FullscreenIcon }, localization }, setIsFullScreen } = table;
   const { isFullScreen } = getState();
   const [tooltipOpened, setTooltipOpened] = useState(false);
   const handleToggleFullScreen = () => {
     setTooltipOpened(false);
     setIsFullScreen(!isFullScreen);
   };
-  return jsx(Tooltip, { open: tooltipOpened, title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.toggleFullScreen, children: jsx(IconButton, Object.assign({ "aria-label": localization.toggleFullScreen, onClick: handleToggleFullScreen, onMouseEnter: () => setTooltipOpened(true), onMouseLeave: () => setTooltipOpened(false) }, rest, { title: void 0, children: isFullScreen ? jsx(FullscreenExitIcon2, {}) : jsx(FullscreenIcon2, {}) })) });
+  return jsx(Tooltip, { open: tooltipOpened, title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.toggleFullScreen, children: jsx(IconButton, Object.assign({ "aria-label": localization.toggleFullScreen, onClick: handleToggleFullScreen, onMouseEnter: () => setTooltipOpened(true), onMouseLeave: () => setTooltipOpened(false) }, rest, { title: void 0, children: isFullScreen ? jsx(FullscreenExitIcon, {}) : jsx(FullscreenIcon, {}) })) });
 };
 const MRT_ToggleGlobalFilterButton = (_a) => {
   var _b, _c;
   var { table } = _a, rest = __rest(_a, ["table"]);
-  const { getState, options: { icons: { SearchIcon: SearchIcon2, SearchOffIcon: SearchOffIcon2 }, localization }, refs: { searchInputRef }, setShowGlobalFilter } = table;
+  const { getState, options: { icons: { SearchIcon, SearchOffIcon }, localization }, refs: { searchInputRef }, setShowGlobalFilter } = table;
   const { globalFilter, showGlobalFilter } = getState();
   const handleToggleSearch = () => {
     setShowGlobalFilter(!showGlobalFilter);
@@ -3199,7 +3199,7 @@ const MRT_ToggleGlobalFilterButton = (_a) => {
       return (_a2 = searchInputRef.current) === null || _a2 === void 0 ? void 0 : _a2.focus();
     });
   };
-  return jsx(Tooltip, { title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.showHideSearch, children: jsx(IconButton, Object.assign({ "aria-label": (_c = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _c !== void 0 ? _c : localization.showHideSearch, disabled: !!globalFilter, onClick: handleToggleSearch }, rest, { title: void 0, children: showGlobalFilter ? jsx(SearchOffIcon2, {}) : jsx(SearchIcon2, {}) })) });
+  return jsx(Tooltip, { title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.showHideSearch, children: jsx(IconButton, Object.assign({ "aria-label": (_c = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _c !== void 0 ? _c : localization.showHideSearch, disabled: !!globalFilter, onClick: handleToggleSearch }, rest, { title: void 0, children: showGlobalFilter ? jsx(SearchOffIcon, {}) : jsx(SearchIcon, {}) })) });
 };
 const MRT_ToolbarInternalButtons = (_a) => {
   var _b;
@@ -3212,7 +3212,7 @@ const MRT_ToolbarInternalButtons = (_a) => {
 const MRT_GlobalFilterTextField = (_a) => {
   var _b;
   var { table } = _a, rest = __rest(_a, ["table"]);
-  const { getState, options: { enableGlobalFilterModes, icons: { CloseIcon: CloseIcon2, SearchIcon: SearchIcon2 }, localization, manualFiltering, muiSearchTextFieldProps }, refs: { searchInputRef }, setGlobalFilter } = table;
+  const { getState, options: { enableGlobalFilterModes, icons: { CloseIcon, SearchIcon }, localization, manualFiltering, muiSearchTextFieldProps }, refs: { searchInputRef }, setGlobalFilter } = table;
   const { globalFilter, showGlobalFilter } = getState();
   const textFieldProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiSearchTextFieldProps, {
     table
@@ -3245,7 +3245,7 @@ const MRT_GlobalFilterTextField = (_a) => {
     }
     isMounted.current = true;
   }, [globalFilter]);
-  return jsxs(Collapse, { in: showGlobalFilter, mountOnEnter: true, orientation: "horizontal", unmountOnExit: true, children: [jsx(TextField, Object.assign({ inputProps: Object.assign({ autoComplete: "new-password" }, textFieldProps.inputProps), onChange: handleChange, placeholder: localization.search, size: "small", value: searchValue !== null && searchValue !== void 0 ? searchValue : "", variant: "outlined" }, textFieldProps, { InputProps: Object.assign(Object.assign({ endAdornment: jsx(InputAdornment, { position: "end", children: jsx(Tooltip, { title: (_b = localization.clearSearch) !== null && _b !== void 0 ? _b : "", children: jsx("span", { children: jsx(IconButton, { "aria-label": localization.clearSearch, disabled: !(searchValue === null || searchValue === void 0 ? void 0 : searchValue.length), onClick: handleClear, size: "small", children: jsx(CloseIcon2, {}) }) }) }) }), startAdornment: enableGlobalFilterModes ? jsx(InputAdornment, { position: "start", children: jsx(Tooltip, { title: localization.changeSearchMode, children: jsx(IconButton, { "aria-label": localization.changeSearchMode, onClick: handleGlobalFilterMenuOpen, size: "small", sx: { height: "1.75rem", width: "1.75rem" }, children: jsx(SearchIcon2, {}) }) }) }) : jsx(SearchIcon2, { style: { marginRight: "4px" } }) }, textFieldProps.InputProps), { sx: (theme) => {
+  return jsxs(Collapse, { in: showGlobalFilter, mountOnEnter: true, orientation: "horizontal", unmountOnExit: true, children: [jsx(TextField, Object.assign({ inputProps: Object.assign({ autoComplete: "new-password" }, textFieldProps.inputProps), onChange: handleChange, placeholder: localization.search, size: "small", value: searchValue !== null && searchValue !== void 0 ? searchValue : "", variant: "outlined" }, textFieldProps, { InputProps: Object.assign(Object.assign({ endAdornment: jsx(InputAdornment, { position: "end", children: jsx(Tooltip, { title: (_b = localization.clearSearch) !== null && _b !== void 0 ? _b : "", children: jsx("span", { children: jsx(IconButton, { "aria-label": localization.clearSearch, disabled: !(searchValue === null || searchValue === void 0 ? void 0 : searchValue.length), onClick: handleClear, size: "small", children: jsx(CloseIcon, {}) }) }) }) }), startAdornment: enableGlobalFilterModes ? jsx(InputAdornment, { position: "start", children: jsx(Tooltip, { title: localization.changeSearchMode, children: jsx(IconButton, { "aria-label": localization.changeSearchMode, onClick: handleGlobalFilterMenuOpen, size: "small", sx: { height: "1.75rem", width: "1.75rem" }, children: jsx(SearchIcon, {}) }) }) }) : jsx(SearchIcon, { style: { marginRight: "4px" } }) }, textFieldProps.InputProps), { sx: (theme) => {
     var _a2;
     return Object.assign({ mb: 0 }, parseFromValuesOrFunc((_a2 = textFieldProps === null || textFieldProps === void 0 ? void 0 : textFieldProps.InputProps) === null || _a2 === void 0 ? void 0 : _a2.sx, theme));
   } }), inputRef: (inputRef) => {
@@ -3299,7 +3299,7 @@ const MRT_TablePaper = (_a) => {
   const { getState, options: { enableBottomToolbar, enableTopToolbar, mrtTheme: { baseBackgroundColor }, muiTablePaperProps, renderBottomToolbar, renderTopToolbar }, refs: { tablePaperRef } } = table;
   const { isFullScreen } = getState();
   const paperProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiTablePaperProps, { table })), rest);
-  const theme = useTheme$1();
+  const theme = useTheme();
   return jsxs(Paper, Object.assign({ elevation: 2 }, paperProps, { ref: (ref) => {
     tablePaperRef.current = ref;
     if (paperProps === null || paperProps === void 0 ? void 0 : paperProps.ref) {