@mui/x-data-grid 8.11.1 → 8.11.3

package/esm/material/index.js

@@ -134,7 +134,7 @@ const BaseSelect = forwardRef(function BaseSelect(props, ref) {
       style,
       fullWidth
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const menuProps = {
     PaperProps: {
       onKeyDown
@@ -162,7 +162,7 @@ const BaseSelect = forwardRef(function BaseSelect(props, ref) {
       displayEmpty: true,
       onChange: onChange,
       variant: "outlined"
-    }, rest, {
+    }, other, {
       notched: true,
       inputProps: slotProps?.htmlInput,
       onOpen: onOpen,
@@ -194,7 +194,7 @@ const BasePagination = forwardRef(function BasePagination(props, ref) {
       material,
       disabled
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded2);
+    other = _objectWithoutPropertiesLoose(props, _excluded2);
   const computedProps = React.useMemo(() => {
     if (!disabled) {
       return undefined;
@@ -223,7 +223,7 @@ const BasePagination = forwardRef(function BasePagination(props, ref) {
       estimated: estimatedRowCount
     })),
     getItemAriaLabel: apiRef.current.getLocaleText('paginationItemAriaLabel')
-  }, computedProps, rest, material, {
+  }, computedProps, other, material, {
     ref: ref
   }));
 });
@@ -232,8 +232,8 @@ const BaseBadge = forwardRef(function BaseBadge(props, ref) {
   const {
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded3);
-  return /*#__PURE__*/_jsx(MUIBadge, _extends({}, rest, material, {
+    other = _objectWithoutPropertiesLoose(props, _excluded3);
+  return /*#__PURE__*/_jsx(MUIBadge, _extends({}, other, material, {
     ref: ref
   }));
 });
@@ -287,8 +287,8 @@ const BaseCircularProgress = forwardRef(function BaseCircularProgress(props, ref
   const {
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded5);
-  return /*#__PURE__*/_jsx(MUICircularProgress, _extends({}, rest, material, {
+    other = _objectWithoutPropertiesLoose(props, _excluded5);
+  return /*#__PURE__*/_jsx(MUICircularProgress, _extends({}, other, material, {
     ref: ref
   }));
 });
@@ -297,8 +297,8 @@ const BaseDivider = forwardRef(function BaseDivider(props, ref) {
   const {
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded6);
-  return /*#__PURE__*/_jsx(MUIDivider, _extends({}, rest, material, {
+    other = _objectWithoutPropertiesLoose(props, _excluded6);
+  return /*#__PURE__*/_jsx(MUIDivider, _extends({}, other, material, {
     ref: ref
   }));
 });
@@ -307,8 +307,8 @@ const BaseLinearProgress = forwardRef(function BaseLinearProgress(props, ref) {
   const {
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded7);
-  return /*#__PURE__*/_jsx(MUILinearProgress, _extends({}, rest, material, {
+    other = _objectWithoutPropertiesLoose(props, _excluded7);
+  return /*#__PURE__*/_jsx(MUILinearProgress, _extends({}, other, material, {
     ref: ref
   }));
 });
@@ -317,8 +317,8 @@ const BaseButton = forwardRef(function BaseButton(props, ref) {
   const {
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded8);
-  return /*#__PURE__*/_jsx(MUIButton, _extends({}, rest, material, {
+    other = _objectWithoutPropertiesLoose(props, _excluded8);
+  return /*#__PURE__*/_jsx(MUIButton, _extends({}, other, material, {
     ref: ref
   }));
 });
@@ -327,8 +327,8 @@ const BaseChip = forwardRef(function BaseChip(props, ref) {
   const {
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded9);
-  return /*#__PURE__*/_jsx(MUIChip, _extends({}, rest, material, {
+    other = _objectWithoutPropertiesLoose(props, _excluded9);
+  return /*#__PURE__*/_jsx(MUIChip, _extends({}, other, material, {
     ref: ref
   }));
 });
@@ -337,8 +337,8 @@ const BaseIconButton = forwardRef(function BaseIconButton(props, ref) {
   const {
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded0);
-  return /*#__PURE__*/_jsx(MUIIconButton, _extends({}, rest, material, {
+    other = _objectWithoutPropertiesLoose(props, _excluded0);
+  return /*#__PURE__*/_jsx(MUIIconButton, _extends({}, other, material, {
     ref: ref
   }));
 });
@@ -347,8 +347,8 @@ const BaseTooltip = forwardRef(function BaseTooltip(props, ref) {
   const {
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded1);
-  return /*#__PURE__*/_jsx(MUITooltip, _extends({}, rest, material, {
+    other = _objectWithoutPropertiesLoose(props, _excluded1);
+  return /*#__PURE__*/_jsx(MUITooltip, _extends({}, other, material, {
     ref: ref
   }));
 });
@@ -357,8 +357,8 @@ const BaseSkeleton = forwardRef(function BaseSkeleton(props, ref) {
   const {
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded10);
-  return /*#__PURE__*/_jsx(MUISkeleton, _extends({}, rest, material, {
+    other = _objectWithoutPropertiesLoose(props, _excluded10);
+  return /*#__PURE__*/_jsx(MUISkeleton, _extends({}, other, material, {
     ref: ref
   }));
 });
@@ -369,16 +369,16 @@ const BaseSwitch = forwardRef(function BaseSwitch(props, ref) {
       label,
       className
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded11);
+    other = _objectWithoutPropertiesLoose(props, _excluded11);
   if (!label) {
-    return /*#__PURE__*/_jsx(MUISwitch, _extends({}, rest, material, {
+    return /*#__PURE__*/_jsx(MUISwitch, _extends({}, other, material, {
       className: className,
       ref: ref
     }));
   }
   return /*#__PURE__*/_jsx(FormControlLabel, {
     className: className,
-    control: /*#__PURE__*/_jsx(MUISwitch, _extends({}, rest, material, {
+    control: /*#__PURE__*/_jsx(MUISwitch, _extends({}, other, material, {
       ref: ref
     })),
     label: label
@@ -389,8 +389,8 @@ const BaseMenuList = forwardRef(function BaseMenuList(props, ref) {
   const {
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded12);
-  return /*#__PURE__*/_jsx(MUIMenuList, _extends({}, rest, material, {
+    other = _objectWithoutPropertiesLoose(props, _excluded12);
+  return /*#__PURE__*/_jsx(MUIMenuList, _extends({}, other, material, {
     ref: ref
   }));
 });
@@ -422,10 +422,10 @@ function BaseTextField(props) {
       slotProps,
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded14);
+    other = _objectWithoutPropertiesLoose(props, _excluded14);
   return /*#__PURE__*/_jsx(MUITextField, _extends({
     variant: "outlined"
-  }, rest, material, {
+  }, other, material, {
     inputProps: slotProps?.htmlInput,
     InputProps: transformInputProps(slotProps?.input),
     InputLabelProps: _extends({
@@ -449,7 +449,7 @@ function BaseAutocomplete(props) {
       slotProps,
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded15);
+    other = _objectWithoutPropertiesLoose(props, _excluded15);
   return /*#__PURE__*/_jsx(MUIAutocomplete, _extends({
     id: id,
     multiple: multiple,
@@ -490,7 +490,7 @@ function BaseAutocomplete(props) {
         }, InputLabelProps)
       }, slotProps?.textField, rootProps.slotProps?.baseTextField));
     }
-  }, rest, material));
+  }, other, material));
 }
 function BaseInput(props) {
   return /*#__PURE__*/_jsx(MUIInputBase, _extends({}, transformInputProps(props)));
@@ -503,8 +503,8 @@ function transformInputProps(props, wrapAdornments = true) {
       slotProps,
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded18);
-  const result = rest;
+    other = _objectWithoutPropertiesLoose(props, _excluded18);
+  const result = other;
   if (wrapAdornments) {
     if (result.startAdornment) {
       result.startAdornment = /*#__PURE__*/_jsx(InputAdornment, {
@@ -552,7 +552,7 @@ function BasePopper(props) {
       placement,
       material
     } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded19);
+    other = _objectWithoutPropertiesLoose(props, _excluded19);
   const modifiers = React.useMemo(() => {
     const result = [{
       name: 'preventOverflow',
@@ -614,7 +614,7 @@ function BasePopper(props) {
     transition: transition,
     placement: placement,
     modifiers: modifiers
-  }, rest, material, {
+  }, other, material, {
     children: content
   }));
 }

package/esm/material/variables.js

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import { alpha, darken, lighten } from '@mui/material/styles';
 import { useTheme } from '@mui/material/styles';
-import { hash, stringify } from '@mui/x-internals/hash';
+import { hash } from '@mui/x-internals/hash';
 import { vars } from "../constants/cssVariables.js";
 export function useMaterialCSSVariables() {
   const theme = useTheme();
   return React.useMemo(() => {
-    const id = hash(stringify(theme));
+    const id = hash(stringifyTheme(theme));
     const variables = transformTheme(theme);
     return {
       id,
@@ -97,5 +97,33 @@ function formatFont(font) {
   if (!font) {
     return undefined;
   }
-  return `${font.fontWeight} ${font.fontSize} / ${font.lineHeight} ${font.fontFamily}`;
+  const fontSize = typeof font.fontSize === 'number' ? `${font.fontSize}px` : font.fontSize;
+  return `${font.fontWeight} ${fontSize} / ${font.lineHeight} ${font.fontFamily}`;
+}
+
+/**
+ * A version of JSON.stringify for theme objects.
+ * Fixes: https://github.com/mui/mui-x/issues/17521
+ * Source: https://www.30secondsofcode.org/js/s/stringify-circular-json/
+ */
+function stringifyTheme(input) {
+  const seen = new WeakSet();
+  return JSON.stringify(input, (_, v) => {
+    // https://github.com/mui/mui-x/issues/17855
+    if (typeof window !== 'undefined' && v === window || typeof document !== 'undefined' && v === document) {
+      return v.toString();
+    }
+    if (v !== null && typeof v === 'object') {
+      // Do not attempt to serialize React elements due to performance concerns.
+      // Fixes https://github.com/mui/mui-x/issues/19414
+      if (/*#__PURE__*/React.isValidElement(v)) {
+        return null;
+      }
+      if (seen.has(v)) {
+        return null;
+      }
+      seen.add(v);
+    }
+    return v;
+  });
 }

package/esm/models/gridFilterItem.d.ts

@@ -1,3 +1,4 @@
+import { GridBaseColDef } from "./colDef/gridColDef.js";
 /**
  * Filter item definition interface.
  * @demos
@@ -12,7 +13,7 @@ export interface GridFilterItem {
   /**
    * The column from which we want to filter the rows.
    */
-  field: string;
+  field: GridBaseColDef['field'];
   /**
    * The filtering value.
    * The operator filtering function will decide for each row if the row values is correct compared to this value.
@@ -20,8 +21,9 @@ export interface GridFilterItem {
   value?: any;
   /**
    * The name of the operator we want to apply.
+   * A custom operator is supported by providing any string value.
    */
-  operator: string;
+  operator: 'contains' | 'doesNotContain' | 'equals' | 'doesNotEqual' | 'startsWith' | 'endsWith' | '=' | '!=' | '>' | '>=' | '<' | '<=' | 'is' | 'not' | 'after' | 'onOrAfter' | 'before' | 'onOrBefore' | 'isEmpty' | 'isNotEmpty' | 'isAnyOf' | (string & {});
 }
 declare enum GridLogicOperator {
   And = "and",

package/esm/models/gridFilterOperator.d.ts

@@ -25,7 +25,7 @@ export interface GridFilterOperator<R extends GridValidRowModel = any, V = any,
    * The name of the filter operator.
    * It will be matched with the `operator` property of the filter items.
    */
-  value: string;
+  value: GridFilterItem['operator'];
   /**
    * The callback that generates a filtering function for a given filter item and column.
    * This function can return `null` to skip filtering for this item and column.

package/esm/models/props/DataGridProps.d.ts

@@ -175,6 +175,11 @@ export interface DataGridPropsWithDefaultValues<R extends GridValidRowModel = an
    * @default false
    */
   disableRowSelectionOnClick: boolean;
+  /**
+   * If `true`, the Data Grid will not use the exclude model optimization when selecting all rows.
+   * @default false
+   */
+  disableRowSelectionExcludeModel: boolean;
   /**
    * If `true`, the virtualization is disabled.
    * @default false

package/hooks/features/rowSelection/useGridRowSelection.d.ts

@@ -9,4 +9,4 @@ export declare const rowSelectionStateInitializer: GridStateInitializer<Pick<Dat
  * @requires useGridFocus (state) - can be after
  * @requires useGridKeyboardNavigation (`cellKeyDown` event must first be consumed by it)
  */
-export declare const useGridRowSelection: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "checkboxSelection" | "rowSelectionModel" | "onRowSelectionModelChange" | "disableMultipleRowSelection" | "disableRowSelectionOnClick" | "isRowSelectable" | "checkboxSelectionVisibleOnly" | "pagination" | "paginationMode" | "filterMode" | "classes" | "keepNonExistentRowsSelected" | "rowSelection" | "rowSelectionPropagation" | "signature">) => void;
+export declare const useGridRowSelection: (apiRef: RefObject<GridPrivateApiCommunity>, props: Pick<DataGridProcessedProps, "checkboxSelection" | "rowSelectionModel" | "onRowSelectionModelChange" | "disableMultipleRowSelection" | "disableRowSelectionOnClick" | "disableRowSelectionExcludeModel" | "isRowSelectable" | "checkboxSelectionVisibleOnly" | "pagination" | "paginationMode" | "filterMode" | "classes" | "keepNonExistentRowsSelected" | "rowSelection" | "rowSelectionPropagation" | "signature">) => void;

package/hooks/features/rowSelection/useGridRowSelection.js

@@ -439,7 +439,7 @@ const useGridRowSelection = (apiRef, props) => {
     const filterModel = (0, _gridFilterSelector.gridFilterModelSelector)(apiRef);
     const quickFilterModel = (0, _gridFilterSelector.gridQuickFilterValuesSelector)(apiRef);
     const hasFilters = filterModel.items.length > 0 || quickFilterModel?.some(val => val.length);
-    if (!props.isRowSelectable && !props.checkboxSelectionVisibleOnly && (!isNestedData || props.rowSelectionPropagation?.descendants) && !hasFilters) {
+    if (!props.isRowSelectable && !props.checkboxSelectionVisibleOnly && (!isNestedData || props.rowSelectionPropagation?.descendants) && !hasFilters && !props.disableRowSelectionExcludeModel) {
       apiRef.current.setRowSelectionModel({
         type: value ? 'exclude' : 'include',
         ids: new Set()
@@ -447,7 +447,7 @@ const useGridRowSelection = (apiRef, props) => {
     } else {
       apiRef.current.selectRows(getRowsToBeSelected(), value);
     }
-  }, [apiRef, getRowsToBeSelected, props.checkboxSelectionVisibleOnly, props.isRowSelectable, props.rowSelectionPropagation?.descendants, isNestedData]);
+  }, [apiRef, getRowsToBeSelected, props.checkboxSelectionVisibleOnly, props.isRowSelectable, props.rowSelectionPropagation?.descendants, props.disableRowSelectionExcludeModel, isNestedData]);
   const handleHeaderSelectionCheckboxChange = React.useCallback(params => {
     toggleAllRows(params.value);
   }, [toggleAllRows]);

package/hooks/features/rows/gridRowsSelector.d.ts

@@ -13,12 +13,18 @@ export declare const gridTopLevelRowCountSelector: (args_0: import("react").RefO
 export declare const gridRowsLookupSelector: (args_0: import("react").RefObject<{
   state: GridStateCommunity;
 } | null>) => import("@mui/x-data-grid").GridRowIdToModelLookup<import("@mui/x-data-grid").GridValidRowModel>;
+/**
+ * @category Rows
+ */
 export declare const gridRowSelector: (args_0: import("react").RefObject<{
   state: GridStateCommunity;
 } | null>, id: GridRowId) => import("@mui/x-data-grid").GridValidRowModel;
 export declare const gridRowTreeSelector: (args_0: import("react").RefObject<{
   state: GridStateCommunity;
 } | null>) => import("@mui/x-data-grid").GridRowTreeConfig;
+/**
+ * @category Rows
+ */
 export declare const gridRowNodeSelector: (args_0: import("react").RefObject<{
   state: GridStateCommunity;
 } | null>, rowId: GridRowId) => import("@mui/x-data-grid").GridTreeNode;

package/hooks/features/rows/gridRowsSelector.js

@@ -12,8 +12,16 @@ const gridTopLevelRowCountSelector = exports.gridTopLevelRowCountSelector = (0,
 
 // TODO rows v6: Rename
 const gridRowsLookupSelector = exports.gridRowsLookupSelector = (0, _createSelector.createSelector)(gridRowsStateSelector, rows => rows.dataRowIdToModelLookup);
+
+/**
+ * @category Rows
+ */
 const gridRowSelector = exports.gridRowSelector = (0, _createSelector.createSelector)(gridRowsLookupSelector, (rows, id) => rows[id]);
 const gridRowTreeSelector = exports.gridRowTreeSelector = (0, _createSelector.createSelector)(gridRowsStateSelector, rows => rows.tree);
+
+/**
+ * @category Rows
+ */
 const gridRowNodeSelector = exports.gridRowNodeSelector = (0, _createSelector.createSelector)(gridRowTreeSelector, (rowTree, rowId) => rowTree[rowId]);
 const gridRowGroupsToFetchSelector = exports.gridRowGroupsToFetchSelector = (0, _createSelector.createSelector)(gridRowsStateSelector, rows => rows.groupsToFetch);
 const gridRowGroupingNameSelector = exports.gridRowGroupingNameSelector = (0, _createSelector.createSelector)(gridRowsStateSelector, rows => rows.groupingName);

package/hooks/features/rows/index.d.ts

@@ -1,5 +1,5 @@
 export * from "./gridRowsMetaSelector.js";
 export * from "./gridRowsMetaState.js";
-export { gridRowCountSelector, gridRowsLoadingSelector, gridTopLevelRowCountSelector, gridRowsLookupSelector, gridRowTreeSelector, gridRowGroupingNameSelector, gridRowTreeDepthsSelector, gridRowMaximumTreeDepthSelector, gridDataRowIdsSelector, gridRowNodeSelector } from "./gridRowsSelector.js";
+export { gridRowCountSelector, gridRowsLoadingSelector, gridTopLevelRowCountSelector, gridRowsLookupSelector, gridRowTreeSelector, gridRowGroupingNameSelector, gridRowTreeDepthsSelector, gridRowMaximumTreeDepthSelector, gridDataRowIdsSelector, gridRowNodeSelector, gridRowSelector } from "./gridRowsSelector.js";
 export type { GridRowsState, GridRowIdToModelLookup } from "./gridRowsInterfaces.js";
 export { GRID_ROOT_GROUP_ID, checkGridRowIdIsValid, isAutogeneratedRow } from "./gridRowsUtils.js";

package/hooks/features/rows/index.js

@@ -14,6 +14,7 @@ var _exportNames = {
   gridRowMaximumTreeDepthSelector: true,
   gridDataRowIdsSelector: true,
   gridRowNodeSelector: true,
+  gridRowSelector: true,
   GRID_ROOT_GROUP_ID: true,
   checkGridRowIdIsValid: true,
   isAutogeneratedRow: true
@@ -60,6 +61,12 @@ Object.defineProperty(exports, "gridRowNodeSelector", {
     return _gridRowsSelector.gridRowNodeSelector;
   }
 });
+Object.defineProperty(exports, "gridRowSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridRowsSelector.gridRowSelector;
+  }
+});
 Object.defineProperty(exports, "gridRowTreeDepthsSelector", {
   enumerable: true,
   get: function () {

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v8.11.1
+ * @mui/x-data-grid v8.11.3
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/material/index.js

@@ -147,7 +147,7 @@ const BaseSelect = (0, _forwardRef.forwardRef)(function BaseSelect(props, ref) {
       style,
       fullWidth
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const menuProps = {
     PaperProps: {
       onKeyDown
@@ -175,7 +175,7 @@ const BaseSelect = (0, _forwardRef.forwardRef)(function BaseSelect(props, ref) {
       displayEmpty: true,
       onChange: onChange,
       variant: "outlined"
-    }, rest, {
+    }, other, {
       notched: true,
       inputProps: slotProps?.htmlInput,
       onOpen: onOpen,
@@ -207,7 +207,7 @@ const BasePagination = (0, _forwardRef.forwardRef)(function BasePagination(props
       material,
       disabled
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
   const computedProps = React.useMemo(() => {
     if (!disabled) {
       return undefined;
@@ -236,7 +236,7 @@ const BasePagination = (0, _forwardRef.forwardRef)(function BasePagination(props
       estimated: estimatedRowCount
     })),
     getItemAriaLabel: apiRef.current.getLocaleText('paginationItemAriaLabel')
-  }, computedProps, rest, material, {
+  }, computedProps, other, material, {
     ref: ref
   }));
 });
@@ -245,8 +245,8 @@ const BaseBadge = (0, _forwardRef.forwardRef)(function BaseBadge(props, ref) {
   const {
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded3);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.default, (0, _extends2.default)({}, rest, material, {
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded3);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.default, (0, _extends2.default)({}, other, material, {
     ref: ref
   }));
 });
@@ -300,8 +300,8 @@ const BaseCircularProgress = (0, _forwardRef.forwardRef)(function BaseCircularPr
   const {
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded5);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, (0, _extends2.default)({}, rest, material, {
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded5);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, (0, _extends2.default)({}, other, material, {
     ref: ref
   }));
 });
@@ -310,8 +310,8 @@ const BaseDivider = (0, _forwardRef.forwardRef)(function BaseDivider(props, ref)
   const {
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded6);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Divider.default, (0, _extends2.default)({}, rest, material, {
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded6);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Divider.default, (0, _extends2.default)({}, other, material, {
     ref: ref
   }));
 });
@@ -320,8 +320,8 @@ const BaseLinearProgress = (0, _forwardRef.forwardRef)(function BaseLinearProgre
   const {
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded7);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LinearProgress.default, (0, _extends2.default)({}, rest, material, {
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded7);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LinearProgress.default, (0, _extends2.default)({}, other, material, {
     ref: ref
   }));
 });
@@ -330,8 +330,8 @@ const BaseButton = (0, _forwardRef.forwardRef)(function BaseButton(props, ref) {
   const {
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded8);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, (0, _extends2.default)({}, rest, material, {
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded8);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, (0, _extends2.default)({}, other, material, {
     ref: ref
   }));
 });
@@ -340,8 +340,8 @@ const BaseChip = (0, _forwardRef.forwardRef)(function BaseChip(props, ref) {
   const {
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded9);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, (0, _extends2.default)({}, rest, material, {
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded9);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, (0, _extends2.default)({}, other, material, {
     ref: ref
   }));
 });
@@ -350,8 +350,8 @@ const BaseIconButton = (0, _forwardRef.forwardRef)(function BaseIconButton(props
   const {
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded0);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, (0, _extends2.default)({}, rest, material, {
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded0);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, (0, _extends2.default)({}, other, material, {
     ref: ref
   }));
 });
@@ -360,8 +360,8 @@ const BaseTooltip = (0, _forwardRef.forwardRef)(function BaseTooltip(props, ref)
   const {
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded1);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, (0, _extends2.default)({}, rest, material, {
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded1);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, (0, _extends2.default)({}, other, material, {
     ref: ref
   }));
 });
@@ -370,8 +370,8 @@ const BaseSkeleton = (0, _forwardRef.forwardRef)(function BaseSkeleton(props, re
   const {
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded10);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, (0, _extends2.default)({}, rest, material, {
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded10);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Skeleton.default, (0, _extends2.default)({}, other, material, {
     ref: ref
   }));
 });
@@ -382,16 +382,16 @@ const BaseSwitch = (0, _forwardRef.forwardRef)(function BaseSwitch(props, ref) {
       label,
       className
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded11);
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded11);
   if (!label) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.default, (0, _extends2.default)({}, rest, material, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.default, (0, _extends2.default)({}, other, material, {
       className: className,
       ref: ref
     }));
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(FormControlLabel, {
     className: className,
-    control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.default, (0, _extends2.default)({}, rest, material, {
+    control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.default, (0, _extends2.default)({}, other, material, {
       ref: ref
     })),
     label: label
@@ -402,8 +402,8 @@ const BaseMenuList = (0, _forwardRef.forwardRef)(function BaseMenuList(props, re
   const {
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded12);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuList.default, (0, _extends2.default)({}, rest, material, {
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded12);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuList.default, (0, _extends2.default)({}, other, material, {
     ref: ref
   }));
 });
@@ -435,10 +435,10 @@ function BaseTextField(props) {
       slotProps,
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded14);
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded14);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, (0, _extends2.default)({
     variant: "outlined"
-  }, rest, material, {
+  }, other, material, {
     inputProps: slotProps?.htmlInput,
     InputProps: transformInputProps(slotProps?.input),
     InputLabelProps: (0, _extends2.default)({
@@ -462,7 +462,7 @@ function BaseAutocomplete(props) {
       slotProps,
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded15);
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded15);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Autocomplete.default, (0, _extends2.default)({
     id: id,
     multiple: multiple,
@@ -503,7 +503,7 @@ function BaseAutocomplete(props) {
         }, InputLabelProps)
       }, slotProps?.textField, rootProps.slotProps?.baseTextField));
     }
-  }, rest, material));
+  }, other, material));
 }
 function BaseInput(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputBase.default, (0, _extends2.default)({}, transformInputProps(props)));
@@ -516,8 +516,8 @@ function transformInputProps(props, wrapAdornments = true) {
       slotProps,
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded18);
-  const result = rest;
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded18);
+  const result = other;
   if (wrapAdornments) {
     if (result.startAdornment) {
       result.startAdornment = /*#__PURE__*/(0, _jsxRuntime.jsx)(InputAdornment, {
@@ -565,7 +565,7 @@ function BasePopper(props) {
       placement,
       material
     } = props,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded19);
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded19);
   const modifiers = React.useMemo(() => {
     const result = [{
       name: 'preventOverflow',
@@ -627,7 +627,7 @@ function BasePopper(props) {
     transition: transition,
     placement: placement,
     modifiers: modifiers
-  }, rest, material, {
+  }, other, material, {
     children: content
   }));
 }