@vitessce/biomarker-select 3.9.3 → 3.9.5

package/dist/index.js

@@ -1653,14 +1653,14 @@ var createCache = function createCache2(options) {
   cache2.sheet.hydrate(nodesToHydrate);
   return cache2;
 };
-function _extends$3() {
-  return _extends$3 = Object.assign ? Object.assign.bind() : function(n) {
+function _extends$2() {
+  return _extends$2 = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r2 in t) ({}).hasOwnProperty.call(t, r2) && (n[r2] = t[r2]);
     }
     return n;
-  }, _extends$3.apply(null, arguments);
+  }, _extends$2.apply(null, arguments);
 }
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
@@ -3203,7 +3203,7 @@ var createStyled$1 = function createStyled(tag, options) {
       }
     });
     Styled.withComponent = function(nextTag, nextOptions) {
-      var newStyled2 = createStyled(nextTag, _extends$3({}, options, nextOptions, {
+      var newStyled2 = createStyled(nextTag, _extends$2({}, options, nextOptions, {
         shouldForwardProp: composeShouldForwardProps(Styled, nextOptions, true)
       }));
       return newStyled2.apply(void 0, styles2);
@@ -9508,14 +9508,14 @@ function chainPropTypes(propType1, propType2) {
     return propType1(...args) || propType2(...args);
   };
 }
-function _extends$2() {
-  return _extends$2 = Object.assign ? Object.assign.bind() : function(n) {
+function _extends$1() {
+  return _extends$1 = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r2 in t) ({}).hasOwnProperty.call(t, r2) && (n[r2] = t[r2]);
     }
     return n;
-  }, _extends$2.apply(null, arguments);
+  }, _extends$1.apply(null, arguments);
 }
 function _objectWithoutPropertiesLoose(r2, e) {
   if (null == r2) return {};
@@ -9526,13 +9526,13 @@ function _objectWithoutPropertiesLoose(r2, e) {
   }
   return t;
 }
-function _setPrototypeOf$1(t, e) {
-  return _setPrototypeOf$1 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t2, e2) {
+function _setPrototypeOf(t, e) {
+  return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t2, e2) {
     return t2.__proto__ = e2, t2;
-  }, _setPrototypeOf$1(t, e);
+  }, _setPrototypeOf(t, e);
 }
-function _inheritsLoose$1(t, o) {
-  t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf$1(t, o);
+function _inheritsLoose(t, o) {
+  t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o);
 }
 const config = {
   disabled: false
@@ -9564,7 +9564,7 @@ var ENTERING = "entering";
 var ENTERED = "entered";
 var EXITING = "exiting";
 var Transition = /* @__PURE__ */ function(_React$Component) {
-  _inheritsLoose$1(Transition2, _React$Component);
+  _inheritsLoose(Transition2, _React$Component);
   function Transition2(props, context) {
     var _this;
     _this = _React$Component.call(this, props, context) || this;
@@ -9980,7 +9980,7 @@ Transition.EXITED = EXITED;
 Transition.ENTERING = ENTERING;
 Transition.ENTERED = ENTERED;
 Transition.EXITING = EXITING;
-function _assertThisInitialized$1(e) {
+function _assertThisInitialized(e) {
   if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return e;
 }
@@ -10088,11 +10088,11 @@ var defaultProps = {
   }
 };
 var TransitionGroup = /* @__PURE__ */ function(_React$Component) {
-  _inheritsLoose$1(TransitionGroup2, _React$Component);
+  _inheritsLoose(TransitionGroup2, _React$Component);
   function TransitionGroup2(props, context) {
     var _this;
     _this = _React$Component.call(this, props, context) || this;
-    var handleExited = _this.handleExited.bind(_assertThisInitialized$1(_this));
+    var handleExited = _this.handleExited.bind(_assertThisInitialized(_this));
     _this.state = {
       contextValue: {
         isMounting: true
@@ -10129,7 +10129,7 @@ var TransitionGroup = /* @__PURE__ */ function(_React$Component) {
     }
     if (this.mounted) {
       this.setState(function(state) {
-        var children = _extends$2({}, state.children);
+        var children = _extends$1({}, state.children);
         delete children[child.key];
         return {
           children
@@ -34347,7 +34347,7 @@ const keys$1 = {
   }
 };
 const values = wrap(keys$1);
-const vars = _extends$2({
+const vars = _extends$1({
   breakpoints,
   spacing,
   transition,
@@ -34462,7 +34462,7 @@ const GridEditInputCell = forwardRef((props, ref) => {
       inputRef.current.focus();
     }
   }, [hasFocus]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridEditInputCellRoot, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridEditInputCellRoot, _extends$1({
     as: rootProps.slots.baseInput,
     inputRef,
     className: classes2.root,
@@ -34546,7 +34546,7 @@ GridEditInputCell.propTypes = {
    */
   value: PropTypes.any
 };
-const renderEditInputCell = (params) => /* @__PURE__ */ jsxRuntimeExports.jsx(GridEditInputCell, _extends$2({}, params));
+const renderEditInputCell = (params) => /* @__PURE__ */ jsxRuntimeExports.jsx(GridEditInputCell, _extends$1({}, params));
 const gridRowsStateSelector = createRootSelector((state) => state.rows);
 const gridRowCountSelector = createSelector(gridRowsStateSelector, (rows) => rows.totalRowCount);
 const gridRowsLoadingSelector = createSelector(gridRowsStateSelector, (rows) => rows.loading);
@@ -34601,8 +34601,8 @@ const sanitizeSortModel = (model, disableMultipleColumnsSorting) => {
   }
   return model;
 };
-const mergeStateWithSortModel = (sortModel, disableMultipleColumnsSorting) => (state) => _extends$2({}, state, {
-  sorting: _extends$2({}, state.sorting, {
+const mergeStateWithSortModel = (sortModel, disableMultipleColumnsSorting) => (state) => _extends$1({}, state, {
+  sorting: _extends$1({}, state.sorting, {
     sortModel: sanitizeSortModel(sortModel, disableMultipleColumnsSorting)
   })
 });
@@ -34730,7 +34730,7 @@ function GridFilterInputValue(props) {
     setFilterValueState(value);
     setIsApplying(true);
     filterTimeout.start(rootProps.filterDebounceMs, () => {
-      const newItem = _extends$2({}, item, {
+      const newItem = _extends$1({}, item, {
         value: type === "number" && !Number.isNaN(Number(value)) ? Number(value) : value,
         fromInput: id
       });
@@ -34745,7 +34745,7 @@ function GridFilterInputValue(props) {
     }
   }, [id, item]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(React.Fragment, {
-    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseTextField, _extends$2({
+    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseTextField, _extends$1({
       id,
       label: apiRef.current.getLocaleText("filterPanelInputLabel"),
       placeholder: apiRef.current.getLocaleText("filterPanelInputPlaceholder"),
@@ -34753,14 +34753,14 @@ function GridFilterInputValue(props) {
       onChange: onFilterChange,
       type: type || "text",
       disabled,
-      slotProps: _extends$2({}, textFieldProps == null ? void 0 : textFieldProps.slotProps, {
-        input: _extends$2({
+      slotProps: _extends$1({}, textFieldProps == null ? void 0 : textFieldProps.slotProps, {
+        input: _extends$1({
           endAdornment: applying ? /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.loadIcon, {
             fontSize: "small",
             color: "action"
           }) : null
         }, (_a2 = textFieldProps == null ? void 0 : textFieldProps.slotProps) == null ? void 0 : _a2.input),
-        htmlInput: _extends$2({
+        htmlInput: _extends$1({
           tabIndex
         }, (_b2 = textFieldProps == null ? void 0 : textFieldProps.slotProps) == null ? void 0 : _b2.htmlInput)
       }),
@@ -34886,7 +34886,7 @@ function GridFilterInputMultipleValue(props) {
   }, [item.value]);
   const handleChange = React.useCallback((event, value) => {
     setFilterValueState(value.map(String));
-    applyValue(_extends$2({}, item, {
+    applyValue(_extends$1({}, item, {
       value: [...value.map((filterItemValue) => type === "number" ? Number(filterItemValue) : filterItemValue)]
     }));
   }, [applyValue, item, type]);
@@ -34898,7 +34898,7 @@ function GridFilterInputMultipleValue(props) {
     }
   }, [setOptions]);
   const BaseAutocomplete2 = rootProps.slots.baseAutocomplete;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(BaseAutocomplete2, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(BaseAutocomplete2, _extends$1({
     multiple: true,
     freeSolo: true,
     options,
@@ -35152,7 +35152,7 @@ function getHasEval() {
   return hasEval;
 }
 const cleanFilterItem = (item, apiRef) => {
-  const cleanItem = _extends$2({}, item);
+  const cleanItem = _extends$1({}, item);
   if (cleanItem.id == null) {
     cleanItem.id = Math.round(Math.random() * 1e5);
   }
@@ -35186,18 +35186,18 @@ const sanitizeFilterModel = (model, disableMultipleColumnsFiltering, apiRef) =>
     }
   }
   if (hasItemWithoutOperator || hasItemsWithoutIds) {
-    return _extends$2({}, model, {
+    return _extends$1({}, model, {
       items: items.map((item) => cleanFilterItem(item, apiRef))
     });
   }
   if (model.items !== items) {
-    return _extends$2({}, model, {
+    return _extends$1({}, model, {
       items
     });
   }
   return model;
 };
-const mergeStateWithFilterModel = (filterModel, disableMultipleColumnsFiltering, apiRef) => (filteringState) => _extends$2({}, filteringState, {
+const mergeStateWithFilterModel = (filterModel, disableMultipleColumnsFiltering, apiRef) => (filteringState) => _extends$1({}, filteringState, {
   filterModel: sanitizeFilterModel(filterModel, disableMultipleColumnsFiltering, apiRef)
 });
 const removeDiacritics = (value) => {
@@ -35228,7 +35228,7 @@ const getFilterCallbackFromItem = (filterItem, apiRef) => {
   if (ignoreDiacritics) {
     parsedValue = removeDiacritics(parsedValue);
   }
-  const newFilterItem = _extends$2({}, filterItem, {
+  const newFilterItem = _extends$1({}, filterItem, {
     value: parsedValue
   });
   const filterOperators = column2.filterOperators;
@@ -35653,7 +35653,7 @@ function GridMenu(props) {
     }
     onClose(event);
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridMenuRoot, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridMenuRoot, _extends$1({
     as: rootProps.slots.basePopper,
     className: clsx$1(classes2.root, className, variablesClass),
     ownerState: rootProps,
@@ -35814,7 +35814,7 @@ function GridActionsCell(props) {
       hideMenu();
     }
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", _extends$1({
     role: "menu",
     ref: rootRef,
     tabIndex: -1,
@@ -35826,7 +35826,7 @@ function GridActionsCell(props) {
       touchRippleRef: handleTouchRippleRef(index),
       onClick: handleButtonClick(index, button.props.onClick),
       tabIndex: focusedButtonIndex === index ? tabIndex : -1
-    })), menuButtons.length > 0 && buttonId && /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseIconButton, _extends$2({
+    })), menuButtons.length > 0 && buttonId && /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseIconButton, _extends$1({
       ref: buttonRef,
       id: buttonId,
       "aria-label": apiRef.current.getLocaleText("actionsCellMore"),
@@ -35924,9 +35924,9 @@ GridActionsCell.propTypes = {
    */
   value: PropTypes.any
 };
-const renderActionsCell = (params) => /* @__PURE__ */ jsxRuntimeExports.jsx(GridActionsCell, _extends$2({}, params));
+const renderActionsCell = (params) => /* @__PURE__ */ jsxRuntimeExports.jsx(GridActionsCell, _extends$1({}, params));
 const GRID_ACTIONS_COLUMN_TYPE = "actions";
-const GRID_ACTIONS_COL_DEF = _extends$2({}, GRID_STRING_COL_DEF, {
+const GRID_ACTIONS_COL_DEF = _extends$1({}, GRID_STRING_COL_DEF, {
   sortable: false,
   filterable: false,
   // @ts-ignore
@@ -36042,7 +36042,7 @@ const getRowsStateFromCache = ({
     },
     idToActionLookup: {}
   };
-  return _extends$2({}, groupingParamsWithHydrateRows, {
+  return _extends$1({}, groupingParamsWithHydrateRows, {
     totalRowCount: Math.max(rowCountProp, groupingParamsWithHydrateRows.dataRowIds.length),
     totalTopLevelRowCount: getTopLevelRowCount({
       tree: groupingParamsWithHydrateRows.tree,
@@ -36088,7 +36088,7 @@ const updateCacheWithNewRows = ({
   updates.forEach((update2) => {
     const id = getRowIdFromRowModel(update2, getRowId, "A row was provided without id when calling updateRows():");
     if (uniqueUpdates.has(id)) {
-      uniqueUpdates.set(id, _extends$2({}, uniqueUpdates.get(id), update2));
+      uniqueUpdates.set(id, _extends$1({}, uniqueUpdates.get(id), update2));
     } else {
       uniqueUpdates.set(id, update2);
     }
@@ -36100,10 +36100,10 @@ const updateCacheWithNewRows = ({
       modify: [...previousCache.updates.actions.modify ?? []],
       remove: [...previousCache.updates.actions.remove ?? []]
     },
-    idToActionLookup: _extends$2({}, previousCache.updates.idToActionLookup),
+    idToActionLookup: _extends$1({}, previousCache.updates.idToActionLookup),
     groupKeys
   };
-  const dataRowIdToModelLookup = _extends$2({}, previousCache.dataRowIdToModelLookup);
+  const dataRowIdToModelLookup = _extends$1({}, previousCache.dataRowIdToModelLookup);
   const alreadyAppliedActionsToRemove = {
     insert: {},
     modify: {},
@@ -36130,7 +36130,7 @@ const updateCacheWithNewRows = ({
       } else if (actionAlreadyAppliedToRow == null) {
         partialUpdates.actions.modify.push(id);
       }
-      dataRowIdToModelLookup[id] = _extends$2({}, oldRow, partialRow);
+      dataRowIdToModelLookup[id] = _extends$1({}, oldRow, partialRow);
       return;
     }
     if (actionAlreadyAppliedToRow === "remove") {
@@ -36167,7 +36167,7 @@ function computeRowsUpdates(apiRef, updates, getRowId) {
       const pinnedRowsCache = apiRef.current.caches.pinnedRows;
       const prevModel = pinnedRowsCache.idLookup[id];
       if (prevModel) {
-        pinnedRowsCache.idLookup[id] = _extends$2({}, prevModel, update2);
+        pinnedRowsCache.idLookup[id] = _extends$1({}, prevModel, update2);
       }
     } else {
       nonPinnedRowsUpdates.push(update2);
@@ -36228,7 +36228,7 @@ function GridBooleanCellRaw(props) {
   if (isServerSideRowGroupingRow && value === void 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, _extends$1({
     fontSize: "small",
     className: classes2.root,
     titleAccess: apiRef.current.getLocaleText(value ? "booleanCellTrueLabel" : "booleanCellFalseLabel"),
@@ -36306,7 +36306,7 @@ const renderBooleanCell = (params) => {
   if (params.field !== GRID_ROW_GROUPING_SINGLE_GROUPING_FIELD && isAutogeneratedRowNode(params.rowNode)) {
     return "";
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridBooleanCell, _extends$2({}, params));
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridBooleanCell, _extends$1({}, params));
 };
 const _excluded$S = ["id", "value", "formattedValue", "api", "field", "row", "rowNode", "colDef", "cellMode", "isEditable", "tabIndex", "className", "hasFocus", "isValidating", "isProcessingProps", "error", "onValueChange"];
 const useUtilityClasses$F = (ownerState) => {
@@ -36357,11 +36357,11 @@ function GridEditBooleanCell(props) {
       inputRef.current.focus();
     }
   }, [hasFocus]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("label", _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("label", _extends$1({
     htmlFor: id,
     className: clsx$1(classes2.root, className)
   }, other, {
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseCheckbox, _extends$2({
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseCheckbox, _extends$1({
       id,
       inputRef,
       checked: Boolean(valueState),
@@ -36435,7 +36435,7 @@ GridEditBooleanCell.propTypes = {
    */
   value: PropTypes.any
 };
-const renderEditBooleanCell = (params) => /* @__PURE__ */ jsxRuntimeExports.jsx(GridEditBooleanCell, _extends$2({}, params));
+const renderEditBooleanCell = (params) => /* @__PURE__ */ jsxRuntimeExports.jsx(GridEditBooleanCell, _extends$1({}, params));
 const _excluded$R = ["item", "applyValue", "apiRef", "focusElementRef", "isFilterActive", "headerFilterMenu", "clearButton", "tabIndex", "slotProps"];
 function GridFilterInputBoolean(props) {
   var _a2, _b2;
@@ -36459,7 +36459,7 @@ function GridFilterInputBoolean(props) {
   const onFilterChange = React.useCallback((event) => {
     const value = sanitizeFilterItemValue(event.target.value);
     setFilterValueState(value);
-    applyValue(_extends$2({}, item, {
+    applyValue(_extends$1({}, item, {
       value
     }));
   }, [applyValue, item]);
@@ -36469,7 +36469,7 @@ function GridFilterInputBoolean(props) {
   const label = (slotProps == null ? void 0 : slotProps.root.label) ?? apiRef.current.getLocaleText("filterPanelInputLabel");
   const rootSlotProps = slotProps == null ? void 0 : slotProps.root.slotProps;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(React.Fragment, {
-    children: [/* @__PURE__ */ jsxRuntimeExports.jsxs(rootProps.slots.baseSelect, _extends$2({
+    children: [/* @__PURE__ */ jsxRuntimeExports.jsxs(rootProps.slots.baseSelect, _extends$1({
       fullWidth: true,
       labelId,
       id: selectId,
@@ -36478,21 +36478,21 @@ function GridFilterInputBoolean(props) {
       onChange: onFilterChange,
       native: isSelectNative,
       slotProps: {
-        htmlInput: _extends$2({
+        htmlInput: _extends$1({
           ref: focusElementRef,
           tabIndex
         }, rootSlotProps == null ? void 0 : rootSlotProps.htmlInput)
       }
     }, baseSelectProps, others, slotProps == null ? void 0 : slotProps.root, {
-      children: [/* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseSelectOption, _extends$2({}, baseSelectOptionProps, {
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseSelectOption, _extends$1({}, baseSelectOptionProps, {
         native: isSelectNative,
         value: "",
         children: apiRef.current.getLocaleText("filterValueAny")
-      })), /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseSelectOption, _extends$2({}, baseSelectOptionProps, {
+      })), /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseSelectOption, _extends$1({}, baseSelectOptionProps, {
         native: isSelectNative,
         value: "true",
         children: apiRef.current.getLocaleText("filterValueTrue")
-      })), /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseSelectOption, _extends$2({}, baseSelectOptionProps, {
+      })), /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseSelectOption, _extends$1({}, baseSelectOptionProps, {
         native: isSelectNative,
         value: "false",
         children: apiRef.current.getLocaleText("filterValueFalse")
@@ -36580,7 +36580,7 @@ const stringToBoolean = (value) => {
       return void 0;
   }
 };
-const GRID_BOOLEAN_COL_DEF = _extends$2({}, GRID_STRING_COL_DEF, {
+const GRID_BOOLEAN_COL_DEF = _extends$1({}, GRID_STRING_COL_DEF, {
   type: "boolean",
   display: "flex",
   align: "center",
@@ -36947,7 +36947,7 @@ const GridCellCheckboxForwardRef = forwardRef(function GridCellCheckboxRenderer2
     return null;
   }
   const label = apiRef.current.getLocaleText(isChecked && !isIndeterminate ? "checkboxSelectionUnselectRow" : "checkboxSelectionSelectRow");
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseCheckbox, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseCheckbox, _extends$1({
     tabIndex,
     checked: isChecked && !isIndeterminate,
     onChange: handleChange,
@@ -37262,7 +37262,7 @@ const GridHeaderCheckbox = forwardRef(function GridHeaderCheckbox2(props, ref) {
     return apiRef.current.subscribeEvent("rowSelectionChange", handleSelectionChange);
   }, [apiRef, handleSelectionChange]);
   const label = apiRef.current.getLocaleText(isChecked && !isIndeterminate ? "checkboxSelectionUnselectAllRows" : "checkboxSelectionSelectAllRows");
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseCheckbox, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseCheckbox, _extends$1({
     indeterminate: isIndeterminate,
     checked: isChecked && !isIndeterminate,
     onChange: handleChange,
@@ -37301,7 +37301,7 @@ const gridRowIdSelector = createRootSelector((state, row) => {
   return state.props.getRowId ? state.props.getRowId(row) : row.id;
 });
 const GRID_CHECKBOX_SELECTION_FIELD = "__check__";
-const GRID_CHECKBOX_SELECTION_COL_DEF = _extends$2({}, GRID_BOOLEAN_COL_DEF, {
+const GRID_CHECKBOX_SELECTION_COL_DEF = _extends$1({}, GRID_BOOLEAN_COL_DEF, {
   type: "custom",
   field: GRID_CHECKBOX_SELECTION_FIELD,
   width: 50,
@@ -37319,8 +37319,8 @@ const GRID_CHECKBOX_SELECTION_COL_DEF = _extends$2({}, GRID_BOOLEAN_COL_DEF, {
     const rowId = gridRowIdSelector(apiRef, row);
     return apiRef.current.isRowSelected(rowId);
   },
-  renderHeader: (params) => /* @__PURE__ */ jsxRuntimeExports.jsx(GridHeaderCheckbox, _extends$2({}, params)),
-  renderCell: (params) => /* @__PURE__ */ jsxRuntimeExports.jsx(GridCellCheckboxRenderer, _extends$2({}, params))
+  renderHeader: (params) => /* @__PURE__ */ jsxRuntimeExports.jsx(GridHeaderCheckbox, _extends$1({}, params)),
+  renderCell: (params) => /* @__PURE__ */ jsxRuntimeExports.jsx(GridCellCheckboxRenderer, _extends$1({}, params))
 });
 const _excluded$O = ["item", "applyValue", "type", "apiRef", "focusElementRef", "slotProps", "isFilterActive", "headerFilterMenu", "clearButton", "tabIndex", "disabled"];
 function convertFilterItemValueToInputValue(itemValue, inputType) {
@@ -37367,7 +37367,7 @@ function GridFilterInputDate(props) {
     setIsApplying(true);
     filterTimeout.start(rootProps.filterDebounceMs, () => {
       const date = new Date(value);
-      applyValue(_extends$2({}, item, {
+      applyValue(_extends$1({}, item, {
         value: Number.isNaN(date.getTime()) ? void 0 : date
       }));
       setIsApplying(false);
@@ -37378,7 +37378,7 @@ function GridFilterInputDate(props) {
     setFilterValueState(value);
   }, [item.value, type]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(React.Fragment, {
-    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseTextField, _extends$2({
+    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseTextField, _extends$1({
       fullWidth: true,
       id,
       label: apiRef.current.getLocaleText("filterPanelInputLabel"),
@@ -37388,14 +37388,14 @@ function GridFilterInputDate(props) {
       type: type || "text",
       disabled,
       inputRef: focusElementRef,
-      slotProps: _extends$2({}, rootSlotProps, {
-        input: _extends$2({
+      slotProps: _extends$1({}, rootSlotProps, {
+        input: _extends$1({
           endAdornment: applying ? /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.loadIcon, {
             fontSize: "small",
             color: "action"
           }) : null
         }, rootSlotProps == null ? void 0 : rootSlotProps.input),
-        htmlInput: _extends$2({
+        htmlInput: _extends$1({
           max: type === "datetime-local" ? "9999-12-31T23:59" : "9999-12-31",
           tabIndex
         }, rootSlotProps == null ? void 0 : rootSlotProps.htmlInput)
@@ -37643,7 +37643,7 @@ function GridEditDateCell(props) {
       inputRef.current.focus();
     }
   }, [hasFocus]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(StyledInputBase, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(StyledInputBase, _extends$1({
     as: rootProps.slots.baseInput,
     inputRef,
     fullWidth: true,
@@ -37653,7 +37653,7 @@ function GridEditDateCell(props) {
     onChange: handleChange
   }, other, slotProps == null ? void 0 : slotProps.root, {
     slotProps: {
-      htmlInput: _extends$2({
+      htmlInput: _extends$1({
         max: isDateTime ? "9999-12-31T23:59" : "9999-12-31"
       }, (_b2 = (_a2 = slotProps == null ? void 0 : slotProps.root) == null ? void 0 : _a2.slotProps) == null ? void 0 : _b2.htmlInput)
     }
@@ -37725,7 +37725,7 @@ GridEditDateCell.propTypes = {
    */
   value: PropTypes.any
 };
-const renderEditDateCell = (params) => /* @__PURE__ */ jsxRuntimeExports.jsx(GridEditDateCell, _extends$2({}, params));
+const renderEditDateCell = (params) => /* @__PURE__ */ jsxRuntimeExports.jsx(GridEditDateCell, _extends$1({}, params));
 function throwIfNotDateObject({
   value,
   columnType,
@@ -37762,7 +37762,7 @@ const gridDateTimeFormatter = (value, row, column2, apiRef) => {
   });
   return value.toLocaleString();
 };
-const GRID_DATE_COL_DEF = _extends$2({}, GRID_STRING_COL_DEF, {
+const GRID_DATE_COL_DEF = _extends$1({}, GRID_STRING_COL_DEF, {
   type: "date",
   sortComparator: gridDateComparator,
   valueFormatter: gridDateFormatter,
@@ -37771,7 +37771,7 @@ const GRID_DATE_COL_DEF = _extends$2({}, GRID_STRING_COL_DEF, {
   // @ts-ignore
   pastedValueParser: (value) => new Date(value)
 });
-const GRID_DATETIME_COL_DEF = _extends$2({}, GRID_STRING_COL_DEF, {
+const GRID_DATETIME_COL_DEF = _extends$1({}, GRID_STRING_COL_DEF, {
   type: "dateTime",
   sortComparator: gridDateComparator,
   valueFormatter: gridDateTimeFormatter,
@@ -37921,7 +37921,7 @@ const getGridNumericOperators = () => [{
     type: "number"
   }
 }];
-const GRID_NUMERIC_COL_DEF = _extends$2({}, GRID_STRING_COL_DEF, {
+const GRID_NUMERIC_COL_DEF = _extends$1({}, GRID_STRING_COL_DEF, {
   type: "number",
   align: "right",
   headerAlign: "right",
@@ -37938,7 +37938,7 @@ function getValueOptions(column2, additionalParams) {
   if (!column2) {
     return void 0;
   }
-  return typeof column2.valueOptions === "function" ? column2.valueOptions(_extends$2({
+  return typeof column2.valueOptions === "function" ? column2.valueOptions(_extends$1({
     field: column2.field
   }, additionalParams)) : column2.valueOptions;
 }
@@ -38018,7 +38018,7 @@ function GridEditSingleSelectCell(props) {
     }
     if (reason === "backdropClick" || event.key === "Escape") {
       const params = apiRef.current.getCellParams(id, field);
-      apiRef.current.publishEvent("cellEditStop", _extends$2({}, params, {
+      apiRef.current.publishEvent("cellEditStop", _extends$1({}, params, {
         reason: event.key === "Escape" ? GridCellEditStopReasons.escapeKeyDown : GridCellEditStopReasons.cellFocusOut
       }));
     }
@@ -38032,7 +38032,7 @@ function GridEditSingleSelectCell(props) {
   if (!valueOptions || !colDef) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseSelect, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseSelect, _extends$1({
     ref,
     value: valueProp,
     onChange: handleChange,
@@ -38051,7 +38051,7 @@ function GridEditSingleSelectCell(props) {
     children: valueOptions.map((valueOption) => {
       var _a3;
       const value = getOptionValue(valueOption);
-      return /* @__PURE__ */ createElement(rootProps.slots.baseSelectOption, _extends$2({}, ((_a3 = rootProps.slotProps) == null ? void 0 : _a3.baseSelectOption) || {}, {
+      return /* @__PURE__ */ createElement(rootProps.slots.baseSelectOption, _extends$1({}, ((_a3 = rootProps.slotProps) == null ? void 0 : _a3.baseSelectOption) || {}, {
         native: isSelectNative,
         key: value,
         value
@@ -38128,7 +38128,7 @@ GridEditSingleSelectCell.propTypes = {
    */
   value: PropTypes.any
 };
-const renderEditSingleSelectCell = (params) => /* @__PURE__ */ jsxRuntimeExports.jsx(GridEditSingleSelectCell, _extends$2({}, params));
+const renderEditSingleSelectCell = (params) => /* @__PURE__ */ jsxRuntimeExports.jsx(GridEditSingleSelectCell, _extends$1({}, params));
 const _excluded$L = ["item", "applyValue", "type", "apiRef", "focusElementRef", "tabIndex", "isFilterActive", "clearButton", "headerFilterMenu", "slotProps"];
 const renderSingleSelectOptions = ({
   column: column2,
@@ -38145,7 +38145,7 @@ const renderSingleSelectOptions = ({
     if (label === "") {
       label = " ";
     }
-    return /* @__PURE__ */ createElement(OptionComponent, _extends$2({}, baseSelectOptionProps, {
+    return /* @__PURE__ */ createElement(OptionComponent, _extends$1({}, baseSelectOptionProps, {
       native: isSelectNative,
       key: value,
       value
@@ -38185,7 +38185,7 @@ function GridFilterInputSingleSelect(props) {
   const onFilterChange = React.useCallback((event) => {
     let value = event.target.value;
     value = getValueFromValueOptions(value, currentValueOptions, getOptionValue);
-    applyValue(_extends$2({}, item, {
+    applyValue(_extends$1({}, item, {
       value
     }));
   }, [currentValueOptions, getOptionValue, applyValue, item]);
@@ -38194,7 +38194,7 @@ function GridFilterInputSingleSelect(props) {
   }
   const label = (slotProps == null ? void 0 : slotProps.root.label) ?? apiRef.current.getLocaleText("filterPanelInputLabel");
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(React.Fragment, {
-    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseSelect, _extends$2({
+    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseSelect, _extends$1({
       fullWidth: true,
       id,
       label,
@@ -38202,7 +38202,7 @@ function GridFilterInputSingleSelect(props) {
       value: filterValue,
       onChange: onFilterChange,
       slotProps: {
-        htmlInput: _extends$2({
+        htmlInput: _extends$1({
           tabIndex,
           ref: focusElementRef,
           type: type || "text",
@@ -38302,12 +38302,12 @@ function GridFilterInputMultipleSingleSelect(props) {
     }, []);
   }, [getOptionValue, item.value, resolvedValueOptions]);
   const handleChange = React.useCallback((event, value) => {
-    applyValue(_extends$2({}, item, {
+    applyValue(_extends$1({}, item, {
       value: value.map(getOptionValue)
     }));
   }, [applyValue, item, getOptionValue]);
   const BaseAutocomplete2 = rootProps.slots.baseAutocomplete;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(BaseAutocomplete2, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(BaseAutocomplete2, _extends$1({
     multiple: true,
     options: resolvedValueOptions,
     isOptionEqualToValue,
@@ -38411,7 +38411,7 @@ const defaultGetOptionValue = (value) => {
 const defaultGetOptionLabel = (value) => {
   return isObject$2(value) ? value.label : String(value);
 };
-const GRID_SINGLE_SELECT_COL_DEF = _extends$2({}, GRID_STRING_COL_DEF, {
+const GRID_SINGLE_SELECT_COL_DEF = _extends$1({}, GRID_STRING_COL_DEF, {
   type: "singleSelect",
   getOptionLabel: defaultGetOptionLabel,
   getOptionValue: defaultGetOptionValue,
@@ -38577,7 +38577,7 @@ const hydrateColumnsWidth = (rawState, dimensions) => {
       widthAllocatedBeforeFlex += computedWidth;
     }
     if (column2.computedWidth !== computedWidth) {
-      column2 = _extends$2({}, column2, {
+      column2 = _extends$1({}, column2, {
         computedWidth
       });
     }
@@ -38598,7 +38598,7 @@ const hydrateColumnsWidth = (rawState, dimensions) => {
       columnsLookup[field].computedWidth = computedColumnWidths[field].computedWidth;
     });
   }
-  return _extends$2({}, rawState, {
+  return _extends$1({}, rawState, {
     lookup: columnsLookup
   });
 };
@@ -38624,10 +38624,10 @@ const applyInitialState = (columnsState, initialState2) => {
     }
   }
   const newOrderedFields = cleanOrderedFields.length === 0 ? columnsState.orderedFields : [...cleanOrderedFields, ...columnsState.orderedFields.filter((field) => !orderedFieldsLookup[field])];
-  const newColumnLookup = _extends$2({}, columnsState.lookup);
+  const newColumnLookup = _extends$1({}, columnsState.lookup);
   for (let i = 0; i < columnsWithUpdatedDimensions.length; i += 1) {
     const field = columnsWithUpdatedDimensions[i];
-    const newColDef = _extends$2({}, newColumnLookup[field], {
+    const newColDef = _extends$1({}, newColumnLookup[field], {
       hasBeenResized: true
     });
     Object.entries(dimensions[field]).forEach(([key, value]) => {
@@ -38635,7 +38635,7 @@ const applyInitialState = (columnsState, initialState2) => {
     });
     newColumnLookup[field] = newColDef;
   }
-  const newColumnsState = _extends$2({}, columnsState, {
+  const newColumnsState = _extends$1({}, columnsState, {
     orderedFields: newOrderedFields,
     lookup: newColumnLookup
   });
@@ -38670,7 +38670,7 @@ const createColumnsState = ({
     const currentState = gridColumnsStateSelector(apiRef);
     columnsState = {
       orderedFields: keepOnlyColumnsToUpsert ? [] : [...currentState.orderedFields],
-      lookup: _extends$2({}, currentState.lookup),
+      lookup: _extends$1({}, currentState.lookup),
       // Will be cleaned later if keepOnlyColumnsToUpsert=true
       columnVisibilityModel,
       initialColumnVisibilityModel: updateInitialVisibilityModel ? columnVisibilityModel : currentState.initialColumnVisibilityModel
@@ -38678,7 +38678,7 @@ const createColumnsState = ({
   }
   let columnsToKeep = {};
   if (keepOnlyColumnsToUpsert && !isInsideStateInitializer) {
-    columnsToKeep = Object.keys(columnsState.lookup).reduce((acc, key) => _extends$2({}, acc, {
+    columnsToKeep = Object.keys(columnsState.lookup).reduce((acc, key) => _extends$1({}, acc, {
       [key]: false
     }), {});
   }
@@ -38689,7 +38689,7 @@ const createColumnsState = ({
     columnsToKeep[field] = true;
     let existingState = columnsState.lookup[field];
     if (existingState == null) {
-      existingState = _extends$2({}, getDefaultColTypeDef(newColumn.type), {
+      existingState = _extends$1({}, getDefaultColTypeDef(newColumn.type), {
         field,
         hasBeenResized: false
       });
@@ -38698,7 +38698,7 @@ const createColumnsState = ({
       columnsState.orderedFields.push(field);
     }
     if (existingState && existingState.type !== newColumn.type) {
-      existingState = _extends$2({}, getDefaultColTypeDef(newColumn.type), {
+      existingState = _extends$1({}, getDefaultColTypeDef(newColumn.type), {
         field
       });
     }
@@ -38711,7 +38711,7 @@ const createColumnsState = ({
         }
       }
     });
-    columnsState.lookup[field] = resolveProps(existingState, _extends$2({}, getDefaultColTypeDef(newColumn.type), newColumn, {
+    columnsState.lookup[field] = resolveProps(existingState, _extends$1({}, getDefaultColTypeDef(newColumn.type), newColumn, {
       hasBeenResized
     }));
   });
@@ -38808,7 +38808,7 @@ function GridScrollAreaWrapper(props) {
   if (!dragging) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridScrollAreaContent, _extends$2({}, props));
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridScrollAreaContent, _extends$1({}, props));
 }
 function GridScrollAreaContent(props) {
   const {
@@ -38834,7 +38834,7 @@ function GridScrollAreaContent(props) {
   };
   const [canScrollMore, setCanScrollMore] = React.useState(getCanScrollMore);
   const rootProps = useGridRootProps();
-  const ownerState = _extends$2({}, rootProps, {
+  const ownerState = _extends$1({}, rootProps, {
     scrollDirection
   });
   const classes2 = useUtilityClasses$B(ownerState);
@@ -38982,14 +38982,14 @@ const virtualizationStateInitializer = (state, props) => {
     enabledForRows: !disableVirtualization && !autoHeight,
     renderContext: EMPTY_RENDER_CONTEXT
   };
-  return _extends$2({}, state, {
+  return _extends$1({}, state, {
     virtualization
   });
 };
 function useGridVirtualization(apiRef, props) {
   const setVirtualization = (enabled) => {
-    apiRef.current.setState((state) => _extends$2({}, state, {
-      virtualization: _extends$2({}, state.virtualization, {
+    apiRef.current.setState((state) => _extends$1({}, state, {
+      virtualization: _extends$1({}, state.virtualization, {
         enabled,
         enabledForColumns: enabled,
         enabledForRows: enabled && !props.autoHeight
@@ -38997,8 +38997,8 @@ function useGridVirtualization(apiRef, props) {
     }));
   };
   const setColumnVirtualization = (enabled) => {
-    apiRef.current.setState((state) => _extends$2({}, state, {
-      virtualization: _extends$2({}, state.virtualization, {
+    apiRef.current.setState((state) => _extends$1({}, state, {
+      virtualization: _extends$1({}, state.virtualization, {
         enabledForColumns: enabled
       })
     }));
@@ -39038,7 +39038,7 @@ const gridFocusedVirtualCellSelector = createSelectorMemoized(gridIsFocusedCellO
   if (columnIndex === -1) {
     return null;
   }
-  return _extends$2({}, focusedCell, {
+  return _extends$1({}, focusedCell, {
     rowIndex,
     columnIndex
   });
@@ -39152,8 +39152,8 @@ const useGridVirtualScroller = () => {
     }
     const didRowsIntervalChange = nextRenderContext.firstRowIndex !== previousRowContext.current.firstRowIndex || nextRenderContext.lastRowIndex !== previousRowContext.current.lastRowIndex;
     apiRef.current.setState((state) => {
-      return _extends$2({}, state, {
-        virtualization: _extends$2({}, state.virtualization, {
+      return _extends$1({}, state, {
+        virtualization: _extends$1({}, state.virtualization, {
           renderContext: nextRenderContext
         })
       });
@@ -39348,7 +39348,7 @@ const useGridVirtualScroller = () => {
       const showBottomBorder = isLastVisibleInSection && params.position === "top";
       const firstColumnIndex = currentRenderContext.firstColumnIndex;
       const lastColumnIndex = currentRenderContext.lastColumnIndex;
-      rows.push(/* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.row, _extends$2({
+      rows.push(/* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.row, _extends$1({
         row: model,
         rowId: id,
         index: rowIndex,
@@ -39555,7 +39555,7 @@ function computeRenderContext(inputs, scrollPosition, scrollCache) {
     lastColumnIndex: inputs.visibleColumns.length
   };
   if (inputs.listView) {
-    return _extends$2({}, renderContext, {
+    return _extends$1({}, renderContext, {
       lastColumnIndex: 1
     });
   }
@@ -39833,14 +39833,14 @@ function GridOverlayWrapper(props) {
   if (height2 === 0) {
     height2 = minimalContentHeight;
   }
-  const classes2 = useUtilityClasses$A(_extends$2({}, props, {
+  const classes2 = useUtilityClasses$A(_extends$1({}, props, {
     classes: rootProps.classes
   }));
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridOverlayWrapperRoot, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridOverlayWrapperRoot, _extends$1({
     className: clsx$1(classes2.root)
   }, props, {
     right: dimensions.columnsTotalWidth - dimensions.viewportOuterSize.width,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(GridOverlayWrapperInner, _extends$2({
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(GridOverlayWrapperInner, _extends$1({
       className: clsx$1(classes2.inner),
       style: {
         height: height2,
@@ -39896,8 +39896,8 @@ const useGridOverlays = () => {
     }
     const Overlay = (_a3 = rootProps.slots) == null ? void 0 : _a3[overlayType];
     const overlayProps = (_b3 = rootProps.slotProps) == null ? void 0 : _b3[overlayType];
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(GridOverlayWrapper, _extends$2({}, overlaysProps, {
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(Overlay, _extends$2({}, overlayProps))
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(GridOverlayWrapper, _extends$1({}, overlaysProps, {
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(Overlay, _extends$1({}, overlayProps))
     }));
   };
   return {
@@ -39924,7 +39924,7 @@ function GridHeaders() {
   const columnGroupsHeaderStructure = useGridSelector(apiRef, gridColumnGroupsHeaderStructureSelector);
   const hasOtherElementInTabSequence = !(columnGroupHeaderTabIndexState === null && columnHeaderTabIndexState === null && hasNoCellTabIndexState);
   const columnsContainerRef = apiRef.current.columnHeadersContainerRef;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.columnHeaders, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.columnHeaders, _extends$1({
     ref: columnsContainerRef,
     visibleColumns,
     filterColumnLookup,
@@ -39974,7 +39974,7 @@ const GridMainContainer = forwardRef((props, ref) => {
   const rootProps = useGridRootProps();
   const configuration2 = useGridConfiguration();
   const ariaAttributes = configuration2.hooks.useGridAriaAttributes();
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Element$3, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Element$3, _extends$1({
     ownerState,
     className: props.className,
     tabIndex: -1
@@ -39999,7 +39999,7 @@ const Element$2 = styled$1("div")({
 });
 function GridTopContainer(props) {
   const classes2 = useUtilityClasses$z();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Element$2, _extends$2({}, props, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Element$2, _extends$1({}, props, {
     className: clsx$1(classes2.root, gridClasses["container--top"]),
     role: "presentation"
   }));
@@ -40032,7 +40032,7 @@ const GridVirtualScrollerContent = forwardRef(function GridVirtualScrollerConten
     classes: rootProps.classes,
     overflowedContent
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(VirtualScrollerContentRoot, _extends$2({}, props, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(VirtualScrollerContentRoot, _extends$1({}, props, {
     ownerState,
     className: clsx$1(classes2.root, props.className),
     ref
@@ -40134,7 +40134,7 @@ const GridVirtualScrollerRenderZone = forwardRef(function GridVirtualScrollerRen
     const rowsMeta = gridRowsMetaSelector(apiRef);
     return rowsMeta.positions[renderContext.firstRowIndex] ?? 0;
   });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(VirtualScrollerRenderZoneRoot, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(VirtualScrollerRenderZoneRoot, _extends$1({
     className: clsx$1(classes2.root, className),
     ownerState: rootProps,
     style: {
@@ -40410,7 +40410,7 @@ function GridVirtualScroller(props) {
     getOverlay,
     overlaysProps
   } = useGridOverlays();
-  const ownerState = _extends$2({
+  const ownerState = _extends$1({
     classes: rootProps.classes,
     hasScrollX,
     hasPinnedRight
@@ -40428,15 +40428,15 @@ function GridVirtualScroller(props) {
     getScrollAreaProps
   } = virtualScroller;
   const rows = getRows();
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(GridMainContainer, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(GridMainContainer, _extends$1({
     className: classes2.root
   }, getContainerProps(), {
     ownerState,
-    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(GridScrollArea, _extends$2({
+    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(GridScrollArea, _extends$1({
       scrollDirection: "left"
-    }, getScrollAreaProps())), /* @__PURE__ */ jsxRuntimeExports.jsx(GridScrollArea, _extends$2({
+    }, getScrollAreaProps())), /* @__PURE__ */ jsxRuntimeExports.jsx(GridScrollArea, _extends$1({
       scrollDirection: "right"
-    }, getScrollAreaProps())), /* @__PURE__ */ jsxRuntimeExports.jsxs(Scroller, _extends$2({
+    }, getScrollAreaProps())), /* @__PURE__ */ jsxRuntimeExports.jsxs(Scroller, _extends$1({
       className: classes2.scroller
     }, getScrollerProps(), {
       ownerState,
@@ -40445,8 +40445,8 @@ function GridVirtualScroller(props) {
           position: "top",
           virtualScroller
         })]
-      }), getOverlay(), /* @__PURE__ */ jsxRuntimeExports.jsx(GridVirtualScrollerContent, _extends$2({}, getContentProps(), {
-        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(GridVirtualScrollerRenderZone, _extends$2({}, getRenderZoneProps(), {
+      }), getOverlay(), /* @__PURE__ */ jsxRuntimeExports.jsx(GridVirtualScrollerContent, _extends$1({}, getContentProps(), {
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(GridVirtualScrollerRenderZone, _extends$1({}, getRenderZoneProps(), {
           children: [rows, /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.detailPanels, {
             virtualScroller
           })]
@@ -40459,9 +40459,9 @@ function GridVirtualScroller(props) {
           virtualScroller
         })
       })]
-    })), hasScrollX && !rootProps.listView && /* @__PURE__ */ jsxRuntimeExports.jsx(GridVirtualScrollbar, _extends$2({
+    })), hasScrollX && !rootProps.listView && /* @__PURE__ */ jsxRuntimeExports.jsx(GridVirtualScrollbar, _extends$1({
       position: "horizontal"
-    }, getScrollbarHorizontalProps())), hasScrollY && /* @__PURE__ */ jsxRuntimeExports.jsx(GridVirtualScrollbar, _extends$2({
+    }, getScrollbarHorizontalProps())), hasScrollY && /* @__PURE__ */ jsxRuntimeExports.jsx(GridVirtualScrollbar, _extends$1({
       position: "vertical"
     }, getScrollbarVerticalProps())), props.children]
   }));
@@ -40472,7 +40472,7 @@ function GridFooterPlaceholder() {
   if (rootProps.hideFooter) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.footer, _extends$2(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.footer, _extends$1(
     {},
     (_a2 = rootProps.slotProps) == null ? void 0 : _a2.footer
     /* FIXME: typing error */
@@ -40498,7 +40498,7 @@ function computeSlots({
   if (!overrides || Object.keys(overrides).length === 0) {
     return defaultSlots2;
   }
-  const result = _extends$2({}, defaultSlots2);
+  const result = _extends$1({}, defaultSlots2);
   Object.keys(overrides).forEach((key) => {
     const k = key;
     if (overrides[k] !== void 0) {
@@ -40711,7 +40711,7 @@ const GridCell = forwardRef(function GridCell2(props, ref) {
         border: 0
       };
     }
-    const cellStyle = attachPinnedStyle(_extends$2({
+    const cellStyle = attachPinnedStyle(_extends$1({
       "--width": `${width2}px`
     }, styleProp), isRtl, pinnedPosition, pinnedOffset);
     const isLeftPinned = pinnedPosition === PinnedColumnPosition.LEFT;
@@ -40748,7 +40748,7 @@ const GridCell = forwardRef(function GridCell2(props, ref) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
       "data-colindex": colIndex,
       role: "presentation",
-      style: _extends$2({
+      style: _extends$1({
         width: "var(--width)"
       }, style2)
     });
@@ -40763,7 +40763,7 @@ const GridCell = forwardRef(function GridCell2(props, ref) {
     const updatedRow = apiRef.current.getRowWithUpdatedValues(rowId, column2.field);
     const editCellStateRest = _objectWithoutPropertiesLoose(editCellState, _excluded2$7);
     const formattedValue = column2.valueFormatter ? column2.valueFormatter(editCellState.value, updatedRow, column2, apiRef) : cellParams.formattedValue;
-    const params = _extends$2({}, cellParams, {
+    const params = _extends$1({}, cellParams, {
       row: updatedRow,
       formattedValue
     }, editCellStateRest);
@@ -40785,7 +40785,7 @@ const GridCell = forwardRef(function GridCell2(props, ref) {
     onDragEnter: publish("cellDragEnter", onDragEnter),
     onDragOver: publish("cellDragOver", onDragOver)
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", _extends$1({
     className: clsx$1(classes2.root, classNames, className),
     role: "gridcell",
     "data-field": field,
@@ -40887,16 +40887,16 @@ function GridSkeletonCell(props) {
       height: CONTENT_HEIGHT
     };
   }, [type]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", _extends$1({
     "data-field": field,
     className: clsx$1(classes2.root, className),
-    style: _extends$2({
+    style: _extends$1({
       height: height2,
       maxWidth: width2,
       minWidth: width2
     }, style2)
   }, other, {
-    children: !empty && /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseSkeleton, _extends$2({}, skeletonProps))
+    children: !empty && /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseSkeleton, _extends$1({}, skeletonProps))
   }));
 }
 GridSkeletonCell.propTypes = {
@@ -41901,7 +41901,7 @@ function GridPreferencesPanel() {
     filterPanelTriggerRef
   } = useGridPreferencePanelContext();
   const panelContent = apiRef.current.unstable_applyPipeProcessors("preferencePanel", null, preferencePanelState.openedPanelValue ?? GridPreferencePanelsValue.filters);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.panel, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.panel, _extends$1({
     id: preferencePanelState.panelId,
     open: columns2.length > 0 && preferencePanelState.open,
     "aria-labelledby": preferencePanelState.labelId,
@@ -41914,7 +41914,7 @@ function GridHeader() {
   var _a2;
   const rootProps = useGridRootProps();
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(React.Fragment, {
-    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(GridPreferencesPanel, {}), rootProps.showToolbar && /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.toolbar, _extends$2({}, (_a2 = rootProps.slotProps) == null ? void 0 : _a2.toolbar))]
+    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(GridPreferencesPanel, {}), rootProps.showToolbar && /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.toolbar, _extends$1({}, (_a2 = rootProps.slotProps) == null ? void 0 : _a2.toolbar))]
   });
 }
 const _excluded$G = ["className", "children"];
@@ -41952,7 +41952,7 @@ const GridRoot = forwardRef(function GridRoot2(props, ref) {
   if (isSSR2) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(GridRootStyles, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(GridRootStyles, _extends$1({
     className: clsx$1(classes2.root, className, cssVariables.className),
     ownerState
   }, other, {
@@ -42000,7 +42000,7 @@ const GridFooterContainer = forwardRef(function GridFooterContainer2(props, ref)
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$F);
   const rootProps = useGridRootProps();
   const classes2 = useUtilityClasses$r(rootProps);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridFooterContainerRoot, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridFooterContainerRoot, _extends$1({
     className: clsx$1(classes2.root, className),
     ownerState: rootProps
   }, other, {
@@ -42044,7 +42044,7 @@ const GridOverlay = forwardRef(function GridOverlay2(props, ref) {
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$E);
   const rootProps = useGridRootProps();
   const classes2 = useUtilityClasses$q(rootProps);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridOverlayRoot, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridOverlayRoot, _extends$1({
     className: clsx$1(classes2.root, className),
     ownerState: rootProps
   }, other, {
@@ -42067,7 +42067,7 @@ function useGridComponentRenderer(defaultElement, render, props, state = {}) {
       props.className = clsx$1(render.props.className, props.className);
     }
     if (render.props.style || props.style) {
-      props.style = _extends$2({}, props.style, render.props.style);
+      props.style = _extends$1({}, props.style, render.props.style);
     }
     if (render.props.sx || props.sx) {
       props.sx = mergeSx(props.sx, render.props.sx);
@@ -42207,7 +42207,7 @@ const Toolbar$1 = forwardRef(function Toolbar2(props, ref) {
     onItemFocus,
     onItemDisabled
   }), [focusableItemId, registerItem, unregisterItem, onItemKeyDown, onItemFocus, onItemDisabled]);
-  const element = useGridComponentRenderer(ToolbarRoot$1, render, _extends$2({
+  const element = useGridComponentRenderer(ToolbarRoot$1, render, _extends$1({
     role: "toolbar",
     "aria-orientation": "horizontal",
     "aria-label": rootProps.label || void 0,
@@ -42284,7 +42284,7 @@ const ToolbarButton = forwardRef(function ToolbarButton2(props, ref) {
     }
     previousAriaDisabled.current = ariaDisabled;
   }, [ariaDisabled, id, onItemDisabled]);
-  const element = useGridComponentRenderer(rootProps.slots.baseIconButton, render, _extends$2({}, (_a2 = rootProps.slotProps) == null ? void 0 : _a2.baseIconButton, {
+  const element = useGridComponentRenderer(rootProps.slots.baseIconButton, render, _extends$1({}, (_a2 = rootProps.slotProps) == null ? void 0 : _a2.baseIconButton, {
     tabIndex: focusableItemId === id ? 0 : -1
   }, other, {
     disabled,
@@ -42341,7 +42341,7 @@ const ColumnHeaderMenuIcon = /* @__PURE__ */ React.memo((props) => {
   } = props;
   const apiRef = useGridApiContext();
   const rootProps = useGridRootProps();
-  const ownerState = _extends$2({}, props, {
+  const ownerState = _extends$1({}, props, {
     classes: rootProps.classes
   });
   const classes2 = useUtilityClasses$o(ownerState);
@@ -42353,11 +42353,11 @@ const ColumnHeaderMenuIcon = /* @__PURE__ */ React.memo((props) => {
   const columnName = colDef.headerName ?? colDef.field;
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
     className: classes2.root,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseTooltip, _extends$2({
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseTooltip, _extends$1({
       title: apiRef.current.getLocaleText("columnMenuLabel"),
       enterDelay: 1e3
     }, (_a2 = rootProps.slotProps) == null ? void 0 : _a2.baseTooltip, {
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseIconButton, _extends$2({
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseIconButton, _extends$1({
         ref: iconButtonRef,
         tabIndex: -1,
         className: classes2.button,
@@ -42406,7 +42406,7 @@ function GridColumnHeaderMenu({
     target,
     onClose: hideMenu,
     onExited,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(ContentComponent, _extends$2({
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(ContentComponent, _extends$1({
       colDef,
       hideMenu,
       open,
@@ -42648,7 +42648,7 @@ const ColumnHeaderInnerTitle = forwardRef(function ColumnHeaderInnerTitle2(props
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$B);
   const rootProps = useGridRootProps();
   const classes2 = useUtilityClasses$n(rootProps);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridColumnHeaderTitleRoot, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridColumnHeaderTitleRoot, _extends$1({
     className: clsx$1(classes2.root, className),
     ownerState: rootProps
   }, other, {
@@ -42674,7 +42674,7 @@ function GridColumnHeaderTitle(props) {
       }
     }
   }, [description, label]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseTooltip, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseTooltip, _extends$1({
     title: description || tooltip
   }, (_a2 = rootProps.slotProps) == null ? void 0 : _a2.baseTooltip, {
     children: /* @__PURE__ */ jsxRuntimeExports.jsx(ColumnHeaderInnerTitle, {
@@ -42718,7 +42718,7 @@ function GridColumnHeaderSeparatorRaw(props) {
     side = GridColumnHeaderSeparatorSides.Right
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$A);
   const rootProps = useGridRootProps();
-  const ownerState = _extends$2({}, props, {
+  const ownerState = _extends$1({}, props, {
     side,
     classes: rootProps.classes
   });
@@ -42729,7 +42729,7 @@ function GridColumnHeaderSeparatorRaw(props) {
   }, []);
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", _extends$2({
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", _extends$1({
       className: classes2.root,
       style: {
         minHeight: height2
@@ -42798,9 +42798,9 @@ const GridGenericColumnHeaderItem = forwardRef(function GridGenericColumnHeaderI
       }
     }
   }, [apiRef, hasFocus]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", _extends$1({
     className: clsx$1(classes2.root, headerClassName),
-    style: _extends$2({}, style2, {
+    style: _extends$1({}, style2, {
       width: width2
     }),
     role: "columnheader",
@@ -42809,7 +42809,7 @@ const GridGenericColumnHeaderItem = forwardRef(function GridGenericColumnHeaderI
     "aria-sort": ariaSort
   }, other, {
     ref: handleRef,
-    children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", _extends$2({
+    children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", _extends$1({
       className: classes2.draggableContainer,
       draggable: isDraggable,
       role: "presentation"
@@ -42826,7 +42826,7 @@ const GridGenericColumnHeaderItem = forwardRef(function GridGenericColumnHeaderI
           })
         }), columnTitleIconButtons]
       }), columnMenuIconButton]
-    })), /* @__PURE__ */ jsxRuntimeExports.jsx(GridColumnHeaderSeparator, _extends$2({
+    })), /* @__PURE__ */ jsxRuntimeExports.jsx(GridColumnHeaderSeparator, _extends$1({
       resizable: !rootProps.disableColumnResize && !!resizable,
       resizing: isResizing,
       height: height2,
@@ -42911,7 +42911,7 @@ function GridColumnHeaderItem(props) {
   if (colDef.renderHeader) {
     headerComponent = colDef.renderHeader(apiRef.current.getColumnHeaderParams(colDef.field));
   }
-  const ownerState = _extends$2({}, props, {
+  const ownerState = _extends$1({}, props, {
     classes: rootProps.classes,
     showRightBorder,
     showLeftBorder
@@ -42977,10 +42977,10 @@ function GridColumnHeaderItem(props) {
   const sortingOrder = colDef.sortingOrder ?? rootProps.sortingOrder;
   const showSortIcon = (colDef.sortable || sortDirection != null) && !colDef.hideSortIcons && !rootProps.disableColumnSorting;
   const columnTitleIconButtons = /* @__PURE__ */ jsxRuntimeExports.jsxs(React.Fragment, {
-    children: [!rootProps.disableColumnFilter && /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.columnHeaderFilterIconButton, _extends$2({
+    children: [!rootProps.disableColumnFilter && /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.columnHeaderFilterIconButton, _extends$1({
       field: colDef.field,
       counter: filterItemsCounter
-    }, (_b2 = rootProps.slotProps) == null ? void 0 : _b2.columnHeaderFilterIconButton)), showSortIcon && /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.columnHeaderSortIcon, _extends$2({
+    }, (_b2 = rootProps.slotProps) == null ? void 0 : _b2.columnHeaderFilterIconButton)), showSortIcon && /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.columnHeaderSortIcon, _extends$1({
       field: colDef.field,
       direction: sortDirection,
       index: sortIndex,
@@ -43005,8 +43005,8 @@ function GridColumnHeaderItem(props) {
     colDef
   }) : colDef.headerClassName;
   const label = colDef.headerName ?? colDef.field;
-  const style2 = React.useMemo(() => attachPinnedStyle(_extends$2({}, props.style), isRtl, pinnedPosition, pinnedOffset), [pinnedPosition, pinnedOffset, props.style, isRtl]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridGenericColumnHeaderItem, _extends$2({
+  const style2 = React.useMemo(() => attachPinnedStyle(_extends$1({}, props.style), isRtl, pinnedPosition, pinnedOffset), [pinnedPosition, pinnedOffset, props.style, isRtl]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridGenericColumnHeaderItem, _extends$1({
     ref: headerCellRef,
     classes: classes2,
     columnMenuOpen,
@@ -43087,7 +43087,7 @@ const GridIconButtonContainer = forwardRef(function GridIconButtonContainer2(pro
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$y);
   const rootProps = useGridRootProps();
   const classes2 = useUtilityClasses$k(rootProps);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridIconButtonContainerRoot, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridIconButtonContainerRoot, _extends$1({
     className: clsx$1(classes2.root, className),
     ownerState: rootProps
   }, other, {
@@ -43115,7 +43115,7 @@ function getIcon(icons, direction, className, sortingOrder) {
     Icon = icons.columnUnsortedIcon;
     iconProps.sortingOrder = sortingOrder;
   }
-  return Icon ? /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, _extends$2({
+  return Icon ? /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, _extends$1({
     fontSize: "small",
     className
   }, iconProps)) : null;
@@ -43130,7 +43130,7 @@ function GridColumnHeaderSortIconRaw(props) {
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$x);
   const apiRef = useGridApiContext();
   const rootProps = useGridRootProps();
-  const ownerState = _extends$2({}, props, {
+  const ownerState = _extends$1({}, props, {
     classes: rootProps.classes
   });
   const classes2 = useUtilityClasses$j(ownerState);
@@ -43138,7 +43138,7 @@ function GridColumnHeaderSortIconRaw(props) {
   if (!iconElement) {
     return null;
   }
-  const iconButton = /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseIconButton, _extends$2({
+  const iconButton = /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseIconButton, _extends$1({
     tabIndex: -1,
     "aria-label": apiRef.current.getLocaleText("columnHeaderSortIconLabel"),
     title: apiRef.current.getLocaleText("columnHeaderSortIconLabel"),
@@ -43181,7 +43181,7 @@ function GridColumnHeaderFilterIconButtonWrapped(props) {
   if (!props.counter) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridColumnHeaderFilterIconButton, _extends$2({}, props));
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridColumnHeaderFilterIconButton, _extends$1({}, props));
 }
 GridColumnHeaderFilterIconButtonWrapped.propTypes = {
   // ----------------------------- Warning --------------------------------
@@ -43201,7 +43201,7 @@ function GridColumnHeaderFilterIconButton(props) {
   } = props;
   const apiRef = useGridApiContext();
   const rootProps = useGridRootProps();
-  const ownerState = _extends$2({}, props, {
+  const ownerState = _extends$1({}, props, {
     classes: rootProps.classes
   });
   const classes2 = useUtilityClasses$i(ownerState);
@@ -43227,7 +43227,7 @@ function GridColumnHeaderFilterIconButton(props) {
   if (!counter2) {
     return null;
   }
-  const iconButton = /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseIconButton, _extends$2({
+  const iconButton = /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseIconButton, _extends$1({
     id: labelId,
     onClick: toggleFilter,
     "aria-label": apiRef.current.getLocaleText("columnHeaderFiltersLabel"),
@@ -43242,7 +43242,7 @@ function GridColumnHeaderFilterIconButton(props) {
       fontSize: "small"
     })
   }));
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseTooltip, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseTooltip, _extends$1({
     title: apiRef.current.getLocaleText("columnHeaderFiltersTooltipActive")(counter2),
     enterDelay: 1e3
   }, (_b2 = rootProps.slotProps) == null ? void 0 : _b2.baseTooltip, {
@@ -43392,7 +43392,7 @@ const GridColumnMenuContainer = forwardRef(function GridColumnMenuContainer2(pro
       hideMenu(event);
     }
   }, [hideMenu]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(StyledMenuList, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(StyledMenuList, _extends$1({
     as: rootProps.slots.baseMenuList,
     id,
     className: clsx$1(gridClasses.menuList, className),
@@ -43428,14 +43428,14 @@ const useGridColumnMenuSlots = (props) => {
     colDef,
     addDividers = true
   } = props;
-  const processedComponents = React.useMemo(() => _extends$2({}, defaultSlots2, slots), [defaultSlots2, slots]);
+  const processedComponents = React.useMemo(() => _extends$1({}, defaultSlots2, slots), [defaultSlots2, slots]);
   const processedSlotProps = React.useMemo(() => {
     if (!slotProps || Object.keys(slotProps).length === 0) {
       return defaultSlotProps;
     }
-    const mergedProps = _extends$2({}, slotProps);
+    const mergedProps = _extends$1({}, slotProps);
     Object.entries(defaultSlotProps).forEach(([key, currentSlotProps]) => {
-      mergedProps[key] = _extends$2({}, currentSlotProps, slotProps[key] || {});
+      mergedProps[key] = _extends$1({}, currentSlotProps, slotProps[key] || {});
     });
     return mergedProps;
   }, [defaultSlotProps, slotProps]);
@@ -43462,7 +43462,7 @@ const useGridColumnMenuSlots = (props) => {
       const processedComponentProps = processedSlotProps[key];
       if (processedComponentProps) {
         const customProps = _objectWithoutPropertiesLoose(processedComponentProps, _excluded$v);
-        itemProps = _extends$2({}, itemProps, customProps);
+        itemProps = _extends$1({}, itemProps, customProps);
       }
       return addDividers && index !== sorted.length - 1 ? [...acc, [processedComponents[key], itemProps], [rootProps.slots.baseDivider, {}]] : [...acc, [processedComponents[key], itemProps]];
     }, []);
@@ -43539,7 +43539,7 @@ GridColumnMenuManageItem.propTypes = {
 };
 function GridColumnMenuColumnsItem(props) {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(React.Fragment, {
-    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(GridColumnMenuHideItem, _extends$2({}, props)), /* @__PURE__ */ jsxRuntimeExports.jsx(GridColumnMenuManageItem, _extends$2({}, props))]
+    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(GridColumnMenuHideItem, _extends$1({}, props)), /* @__PURE__ */ jsxRuntimeExports.jsx(GridColumnMenuManageItem, _extends$1({}, props))]
   });
 }
 GridColumnMenuColumnsItem.propTypes = {
@@ -43664,15 +43664,15 @@ const GridGenericColumnMenu = forwardRef(function GridGenericColumnMenu2(props,
     slots,
     slotProps
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$u);
-  const orderedSlots = useGridColumnMenuSlots(_extends$2({}, other, {
+  const orderedSlots = useGridColumnMenuSlots(_extends$1({}, other, {
     defaultSlots: defaultSlots2,
     defaultSlotProps,
     slots,
     slotProps
   }));
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridColumnMenuContainer, _extends$2({}, other, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridColumnMenuContainer, _extends$1({}, other, {
     ref,
-    children: orderedSlots.map(([Component, otherProps], index) => /* @__PURE__ */ jsxRuntimeExports.jsx(Component, _extends$2({}, otherProps), index))
+    children: orderedSlots.map(([Component, otherProps], index) => /* @__PURE__ */ jsxRuntimeExports.jsx(Component, _extends$1({}, otherProps), index))
   }));
 });
 GridGenericColumnMenu.propTypes = {
@@ -43708,7 +43708,7 @@ GridGenericColumnMenu.propTypes = {
   slots: PropTypes.object
 };
 const GridColumnMenu = forwardRef(function GridColumnMenu2(props, ref) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridGenericColumnMenu, _extends$2({}, props, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridGenericColumnMenu, _extends$1({}, props, {
     ref,
     defaultSlots: GRID_COLUMN_MENU_SLOTS,
     defaultSlotProps: GRID_COLUMN_MENU_SLOT_PROPS
@@ -43763,7 +43763,7 @@ const GridPanelWrapper = forwardRef(function GridPanelWrapper2(props, ref) {
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$t);
   const rootProps = useGridRootProps();
   const classes2 = useUtilityClasses$h(rootProps);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridPanelWrapperRoot, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridPanelWrapperRoot, _extends$1({
     tabIndex: -1,
     className: clsx$1(classes2.root, className),
     ownerState: rootProps
@@ -43774,8 +43774,8 @@ const GridPanelWrapper = forwardRef(function GridPanelWrapper2(props, ref) {
 function GridColumnsPanel(props) {
   var _a2;
   const rootProps = useGridRootProps();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridPanelWrapper, _extends$2({}, props, {
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.columnsManagement, _extends$2({}, (_a2 = rootProps.slotProps) == null ? void 0 : _a2.columnsManagement))
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridPanelWrapper, _extends$1({}, props, {
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.columnsManagement, _extends$1({}, (_a2 = rootProps.slotProps) == null ? void 0 : _a2.columnsManagement))
   }));
 }
 const _excluded$s = ["children", "className", "classes"];
@@ -43831,7 +43831,7 @@ const GridPanel = forwardRef((props, ref) => {
   if (!fallbackTarget) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridPanelRoot, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridPanelRoot, _extends$1({
     as: rootProps.slots.basePopper,
     ownerState: rootProps,
     placement: "bottom-end",
@@ -43898,7 +43898,7 @@ function GridPanelContent(props) {
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$r);
   const rootProps = useGridRootProps();
   const classes2 = useUtilityClasses$g(rootProps);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridPanelContentRoot, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridPanelContentRoot, _extends$1({
     className: clsx$1(classes2.root, className),
     ownerState: rootProps
   }, other));
@@ -43936,7 +43936,7 @@ function GridPanelFooter(props) {
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$q);
   const rootProps = useGridRootProps();
   const classes2 = useUtilityClasses$f(rootProps);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridPanelFooterRoot, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridPanelFooterRoot, _extends$1({
     className: clsx$1(classes2.root, className),
     ownerState: rootProps
   }, other));
@@ -44138,7 +44138,7 @@ const GridFilterForm = forwardRef(function GridFilterForm2(props, ref) {
         filterValue = void 0;
       }
     }
-    applyFilterChanges(_extends$2({}, item, {
+    applyFilterChanges(_extends$1({}, item, {
       field,
       operator: newOperator.value,
       value: filterValue
@@ -44148,7 +44148,7 @@ const GridFilterForm = forwardRef(function GridFilterForm2(props, ref) {
     const operator = event.target.value;
     const newOperator = currentColumn == null ? void 0 : currentColumn.filterOperators.find((op) => op.value === operator);
     const eraseItemValue = !(newOperator == null ? void 0 : newOperator.InputComponent) || (newOperator == null ? void 0 : newOperator.InputComponent) !== (currentOperator == null ? void 0 : currentOperator.InputComponent);
-    applyFilterChanges(_extends$2({}, item, {
+    applyFilterChanges(_extends$1({}, item, {
       operator,
       value: eraseItemValue ? void 0 : item.value
     }));
@@ -44170,16 +44170,16 @@ const GridFilterForm = forwardRef(function GridFilterForm2(props, ref) {
       }
     }
   }), [currentOperator]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(GridFilterFormRoot, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(GridFilterFormRoot, _extends$1({
     className: classes2.root,
     "data-id": item.id,
     ownerState: rootProps
   }, other, {
     ref,
-    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(FilterFormDeleteIcon, _extends$2({}, deleteIconProps, {
+    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(FilterFormDeleteIcon, _extends$1({}, deleteIconProps, {
       className: clsx$1(classes2.deleteIcon, deleteIconProps.className),
       ownerState: rootProps,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseIconButton, _extends$2({
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseIconButton, _extends$1({
         "aria-label": apiRef.current.getLocaleText("filterPanelDeleteIconLabel"),
         title: apiRef.current.getLocaleText("filterPanelDeleteIconLabel"),
         onClick: handleDeleteFilter,
@@ -44190,7 +44190,7 @@ const GridFilterForm = forwardRef(function GridFilterForm2(props, ref) {
           fontSize: "small"
         })
       }))
-    })), /* @__PURE__ */ jsxRuntimeExports.jsx(FilterFormLogicOperatorInput, _extends$2({
+    })), /* @__PURE__ */ jsxRuntimeExports.jsx(FilterFormLogicOperatorInput, _extends$1({
       as: rootProps.slots.baseSelect,
       sx: [hasLogicOperatorColumn ? {
         display: "flex"
@@ -44215,12 +44215,12 @@ const GridFilterForm = forwardRef(function GridFilterForm2(props, ref) {
       disabled: !!disableMultiFilterOperator || logicOperators.length === 1,
       native: isBaseSelectNative
     }, (_d2 = rootProps.slotProps) == null ? void 0 : _d2.baseSelect, {
-      children: logicOperators.map((logicOperator) => /* @__PURE__ */ createElement(rootProps.slots.baseSelectOption, _extends$2({}, baseSelectOptionProps, {
+      children: logicOperators.map((logicOperator) => /* @__PURE__ */ createElement(rootProps.slots.baseSelectOption, _extends$1({}, baseSelectOptionProps, {
         native: isBaseSelectNative,
         key: logicOperator.toString(),
         value: logicOperator.toString()
       }), apiRef.current.getLocaleText(getLogicOperatorLocaleKey(logicOperator))))
-    })), /* @__PURE__ */ jsxRuntimeExports.jsx(FilterFormColumnInput, _extends$2({
+    })), /* @__PURE__ */ jsxRuntimeExports.jsx(FilterFormColumnInput, _extends$1({
       as: rootProps.slots.baseSelect
     }, columnInputProps, {
       className: clsx$1(classes2.columnInput, columnInputProps.className),
@@ -44234,12 +44234,12 @@ const GridFilterForm = forwardRef(function GridFilterForm2(props, ref) {
       native: isBaseSelectNative,
       disabled: readOnly
     }, (_e = rootProps.slotProps) == null ? void 0 : _e.baseSelect, {
-      children: sortedFilteredColumns.map((col) => /* @__PURE__ */ createElement(rootProps.slots.baseSelectOption, _extends$2({}, baseSelectOptionProps, {
+      children: sortedFilteredColumns.map((col) => /* @__PURE__ */ createElement(rootProps.slots.baseSelectOption, _extends$1({}, baseSelectOptionProps, {
         native: isBaseSelectNative,
         key: col.field,
         value: col.field
       }), getColumnLabel(col)))
-    })), /* @__PURE__ */ jsxRuntimeExports.jsx(FilterFormOperatorInput, _extends$2({
+    })), /* @__PURE__ */ jsxRuntimeExports.jsx(FilterFormOperatorInput, _extends$1({
       as: rootProps.slots.baseSelect,
       size: "small"
     }, operatorInputProps, {
@@ -44254,15 +44254,15 @@ const GridFilterForm = forwardRef(function GridFilterForm2(props, ref) {
       inputRef: filterSelectorRef,
       disabled: readOnly
     }, (_f = rootProps.slotProps) == null ? void 0 : _f.baseSelect, {
-      children: (_g = currentColumn == null ? void 0 : currentColumn.filterOperators) == null ? void 0 : _g.map((operator) => /* @__PURE__ */ createElement(rootProps.slots.baseSelectOption, _extends$2({}, baseSelectOptionProps, {
+      children: (_g = currentColumn == null ? void 0 : currentColumn.filterOperators) == null ? void 0 : _g.map((operator) => /* @__PURE__ */ createElement(rootProps.slots.baseSelectOption, _extends$1({}, baseSelectOptionProps, {
         native: isBaseSelectNative,
         key: operator.value,
         value: operator.value
       }), operator.label || apiRef.current.getLocaleText(`filterOperator${capitalize(operator.value)}`)))
-    })), /* @__PURE__ */ jsxRuntimeExports.jsx(FilterFormValueInput, _extends$2({}, valueInputPropsOther, {
+    })), /* @__PURE__ */ jsxRuntimeExports.jsx(FilterFormValueInput, _extends$1({}, valueInputPropsOther, {
       className: clsx$1(classes2.valueInput, valueInputPropsOther.className),
       ownerState: rootProps,
-      children: (currentOperator == null ? void 0 : currentOperator.InputComponent) ? /* @__PURE__ */ jsxRuntimeExports.jsx(currentOperator.InputComponent, _extends$2({
+      children: (currentOperator == null ? void 0 : currentOperator.InputComponent) ? /* @__PURE__ */ jsxRuntimeExports.jsx(currentOperator.InputComponent, _extends$1({
         apiRef,
         item,
         applyValue: applyFilterChanges,
@@ -44490,7 +44490,7 @@ const GridFilterPanel = forwardRef(function GridFilterPanel2(props, ref) {
       apiRef.current.deleteFilterItem(validFilters[0]);
       return apiRef.current.hideFilterPanel();
     }
-    return apiRef.current.setFilterModel(_extends$2({}, filterModel, {
+    return apiRef.current.setFilterModel(_extends$1({}, filterModel, {
       items: readOnlyFilters
     }), "removeAllFilterItems");
   }, [apiRef, readOnlyFilters, filterModel, validFilters]);
@@ -44504,10 +44504,10 @@ const GridFilterPanel = forwardRef(function GridFilterPanel2(props, ref) {
       lastFilterRef.current.focus();
     }
   }, [validFilters.length]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(GridPanelWrapper, _extends$2({}, other, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(GridPanelWrapper, _extends$1({}, other, {
     ref,
     children: [/* @__PURE__ */ jsxRuntimeExports.jsxs(GridPanelContent, {
-      children: [readOnlyFilters.map((item, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(GridFilterForm, _extends$2({
+      children: [readOnlyFilters.map((item, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(GridFilterForm, _extends$1({
         item,
         applyFilterChanges: applyFilter,
         deleteFilter,
@@ -44519,7 +44519,7 @@ const GridFilterPanel = forwardRef(function GridFilterPanel2(props, ref) {
         readOnly: true,
         logicOperators,
         columnsSort
-      }, filterFormProps), item.id == null ? index : item.id)), validFilters.map((item, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(GridFilterForm, _extends$2({
+      }, filterFormProps), item.id == null ? index : item.id)), validFilters.map((item, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(GridFilterForm, _extends$1({
         item,
         applyFilterChanges: applyFilter,
         deleteFilter,
@@ -44532,12 +44532,12 @@ const GridFilterPanel = forwardRef(function GridFilterPanel2(props, ref) {
         columnsSort
       }, filterFormProps), item.id == null ? index + readOnlyFilters.length : item.id))]
     }), !rootProps.disableMultipleColumnsFiltering && !(disableAddFilterButton && disableRemoveAllButton) ? /* @__PURE__ */ jsxRuntimeExports.jsxs(GridPanelFooter, {
-      children: [!disableAddFilterButton ? /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseButton, _extends$2({
+      children: [!disableAddFilterButton ? /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseButton, _extends$1({
         onClick: addNewFilter,
         startIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.filterPanelAddIcon, {})
       }, (_a2 = rootProps.slotProps) == null ? void 0 : _a2.baseButton, {
         children: apiRef.current.getLocaleText("filterPanelAddFilter")
-      })) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", {}), !disableRemoveAllButton && validFilters.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseButton, _extends$2({
+      })) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", {}), !disableRemoveAllButton && validFilters.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseButton, _extends$1({
         onClick: handleRemoveAll,
         startIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.filterPanelRemoveAllIcon, {})
       }, (_b2 = rootProps.slotProps) == null ? void 0 : _b2.baseButton, {
@@ -44678,7 +44678,7 @@ function GridShadowScrollArea(props) {
   const {
     children
   } = props, rest = _objectWithoutPropertiesLoose(props, _excluded$n);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ShadowScrollArea, _extends$2({}, rest, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ShadowScrollArea, _extends$1({}, rest, {
     children
   }));
 }
@@ -44745,7 +44745,7 @@ function GridColumnsManagement(props) {
   }, [sortedColumns, searchValue, searchPredicate, getTogglableColumns]);
   const toggleAllColumns = React.useCallback((isVisible) => {
     const currentModel = gridColumnVisibilityModelSelector(apiRef);
-    const newModel = _extends$2({}, currentModel);
+    const newModel = _extends$1({}, currentModel);
     const togglableColumns = getTogglableColumns ? getTogglableColumns(columns2) : null;
     (toggleAllMode === "filteredOnly" ? currentColumns : columns2).forEach((col) => {
       if (col.hideable && (togglableColumns == null || togglableColumns.includes(col.field))) {
@@ -44788,7 +44788,7 @@ function GridColumnsManagement(props) {
     children: [/* @__PURE__ */ jsxRuntimeExports.jsx(GridColumnsManagementHeader, {
       className: classes2.header,
       ownerState: rootProps,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(SearchInput, _extends$2({
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(SearchInput, _extends$1({
         as: rootProps.slots.baseTextField,
         ownerState: rootProps,
         placeholder: apiRef.current.getLocaleText("columnsManagementSearchTitle"),
@@ -44803,7 +44803,7 @@ function GridColumnsManagement(props) {
             startAdornment: /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.quickFilterIcon, {
               fontSize: "small"
             }),
-            endAdornment: /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseIconButton, _extends$2({
+            endAdornment: /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseIconButton, _extends$1({
               size: "small",
               "aria-label": apiRef.current.getLocaleText("columnsManagementDeleteIconLabel"),
               style: searchValue ? {
@@ -44834,7 +44834,7 @@ function GridColumnsManagement(props) {
         ownerState: rootProps,
         children: [currentColumns.map((column2) => {
           var _a3;
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseCheckbox, _extends$2({
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseCheckbox, _extends$1({
             className: classes2.row,
             disabled: column2.hideable === false,
             checked: columnVisibilityModel[column2.field] !== false,
@@ -44853,7 +44853,7 @@ function GridColumnsManagement(props) {
     }), !disableShowHideToggle || !disableResetButton ? /* @__PURE__ */ jsxRuntimeExports.jsxs(GridColumnsManagementFooter, {
       ownerState: rootProps,
       className: classes2.footer,
-      children: [!disableShowHideToggle ? /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseCheckbox, _extends$2({
+      children: [!disableShowHideToggle ? /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseCheckbox, _extends$1({
         disabled: hideableColumns.length === 0,
         checked: allHideableColumnsVisible,
         indeterminate: !allHideableColumnsVisible && !allHideableColumnsHidden,
@@ -44861,7 +44861,7 @@ function GridColumnsManagement(props) {
         name: apiRef.current.getLocaleText("columnsManagementShowHideAllText"),
         label: apiRef.current.getLocaleText("columnsManagementShowHideAllText"),
         density: "compact"
-      }, (_c2 = rootProps.slotProps) == null ? void 0 : _c2.baseCheckbox)) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", {}), !disableResetButton ? /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseButton, _extends$2({
+      }, (_c2 = rootProps.slotProps) == null ? void 0 : _c2.baseCheckbox)) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", {}), !disableResetButton ? /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseButton, _extends$1({
         onClick: () => apiRef.current.setColumnVisibilityModel(initialColumnVisibilityModel),
         disabled: isResetDisabled
       }, (_d2 = rootProps.slotProps) == null ? void 0 : _d2.baseButton, {
@@ -44994,11 +44994,11 @@ const GridToolbarExportContainer = forwardRef(function GridToolbarExportContaine
     return null;
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(React.Fragment, {
-    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseTooltip, _extends$2({
+    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseTooltip, _extends$1({
       title: apiRef.current.getLocaleText("toolbarExportLabel"),
       enterDelay: 1e3
     }, (_a2 = rootProps.slotProps) == null ? void 0 : _a2.baseTooltip, tooltipProps, {
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseButton, _extends$2({
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseButton, _extends$1({
         size: "small",
         startIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.exportIcon, {}),
         "aria-expanded": open,
@@ -45053,7 +45053,7 @@ function GridCsvExportMenuItem(props) {
     hideMenu,
     options
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$m);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseMenuItem, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseMenuItem, _extends$1({
     onClick: () => {
       apiRef.current.exportDataAsCsv(options);
       hideMenu == null ? void 0 : hideMenu();
@@ -45089,7 +45089,7 @@ function GridPrintExportMenuItem(props) {
     hideMenu,
     options
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded2$5);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseMenuItem, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseMenuItem, _extends$1({
     onClick: () => {
       apiRef.current.exportDataAsPrint(options);
       hideMenu == null ? void 0 : hideMenu();
@@ -45133,7 +45133,7 @@ const GridToolbarExport = forwardRef(function GridToolbarExport2(props, ref) {
   if (preProcessedButtons.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridToolbarExportContainer, _extends$2({}, other, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridToolbarExportContainer, _extends$1({}, other, {
     ref,
     children: preProcessedButtons.map((button, index) => /* @__PURE__ */ React.cloneElement(button.component, {
       key: index
@@ -45352,7 +45352,7 @@ function QuickFilter(props) {
       ref.current.style.setProperty("--trigger-width", `${(_a2 = triggerRef.current) == null ? void 0 : _a2.offsetWidth}px`);
     }
   }, []);
-  const element = useGridComponentRenderer("div", render, _extends$2({
+  const element = useGridComponentRenderer("div", render, _extends$1({
     className: resolvedClassName
   }, other, {
     ref
@@ -45454,9 +45454,9 @@ const QuickFilterControl = forwardRef(function QuickFilterControl2(props, ref) {
     onValueChange(event);
     onChange == null ? void 0 : onChange(event);
   };
-  const element = useGridComponentRenderer(rootProps.slots.baseTextField, render, _extends$2({}, (_a2 = rootProps.slotProps) == null ? void 0 : _a2.baseTextField, {
-    slotProps: _extends$2({
-      htmlInput: _extends$2({
+  const element = useGridComponentRenderer(rootProps.slots.baseTextField, render, _extends$1({}, (_a2 = rootProps.slotProps) == null ? void 0 : _a2.baseTextField, {
+    slotProps: _extends$1({
+      htmlInput: _extends$1({
         role: "searchbox",
         id: controlId,
         tabIndex: state.expanded ? void 0 : -1
@@ -45526,7 +45526,7 @@ const QuickFilterClear = forwardRef(function QuickFilterClear2(props, ref) {
     clearValue();
     onClick == null ? void 0 : onClick(event);
   };
-  const element = useGridComponentRenderer(rootProps.slots.baseIconButton, render, _extends$2({}, (_a2 = rootProps.slotProps) == null ? void 0 : _a2.baseIconButton, {
+  const element = useGridComponentRenderer(rootProps.slots.baseIconButton, render, _extends$1({}, (_a2 = rootProps.slotProps) == null ? void 0 : _a2.baseIconButton, {
     className: resolvedClassName,
     tabIndex: -1
   }, other, {
@@ -45583,7 +45583,7 @@ const QuickFilterTrigger = forwardRef(function QuickFilterTrigger2(props, ref) {
     onExpandedChange(!state.expanded);
     onClick == null ? void 0 : onClick(event);
   };
-  const element = useGridComponentRenderer(rootProps.slots.baseButton, render, _extends$2({}, (_a2 = rootProps.slotProps) == null ? void 0 : _a2.baseButton, {
+  const element = useGridComponentRenderer(rootProps.slots.baseButton, render, _extends$1({}, (_a2 = rootProps.slotProps) == null ? void 0 : _a2.baseButton, {
     className: resolvedClassName,
     "aria-controls": controlId,
     "aria-expanded": state.expanded
@@ -45685,16 +45685,16 @@ function GridToolbarQuickFilter(props) {
     formatter: quickFilterFormatter,
     debounceMs,
     render: (quickFilterProps, state) => {
-      const currentOwnerState = _extends$2({}, ownerState, {
+      const currentOwnerState = _extends$1({}, ownerState, {
         expanded: state.expanded
       });
-      return /* @__PURE__ */ jsxRuntimeExports.jsxs(GridQuickFilterRoot, _extends$2({}, quickFilterProps, {
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs(GridQuickFilterRoot, _extends$1({}, quickFilterProps, {
         className: clsx$1(classes2.root, className),
         children: [/* @__PURE__ */ jsxRuntimeExports.jsx(QuickFilterTrigger, {
           render: (triggerProps) => /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseTooltip, {
             title: apiRef.current.getLocaleText("toolbarQuickFilterLabel"),
             enterDelay: 0,
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(GridQuickFilterTrigger, _extends$2({
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(GridQuickFilterTrigger, _extends$1({
               className: classes2.trigger
             }, triggerProps, {
               ownerState: currentOwnerState,
@@ -45712,7 +45712,7 @@ function GridToolbarQuickFilter(props) {
               ref,
               slotProps: controlSlotProps
             } = _ref, controlProps = _objectWithoutPropertiesLoose(_ref, _excluded2$4);
-            return /* @__PURE__ */ jsxRuntimeExports.jsx(GridQuickFilterTextField, _extends$2({
+            return /* @__PURE__ */ jsxRuntimeExports.jsx(GridQuickFilterTextField, _extends$1({
               as: rootProps.slots.baseTextField,
               className: classes2.control,
               ownerState: currentOwnerState,
@@ -45720,8 +45720,8 @@ function GridToolbarQuickFilter(props) {
               "aria-label": apiRef.current.getLocaleText("toolbarQuickFilterLabel"),
               placeholder: apiRef.current.getLocaleText("toolbarQuickFilterPlaceholder"),
               size: "small",
-              slotProps: _extends$2({
-                input: _extends$2({
+              slotProps: _extends$1({
+                input: _extends$1({
                   startAdornment: /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.quickFilterIcon, {
                     fontSize: "small"
                   }),
@@ -45813,7 +45813,7 @@ const FilterPanelTrigger = forwardRef(function FilterPanelTrigger2(props, ref) {
     }
     onPointerUp == null ? void 0 : onPointerUp(event);
   };
-  const element = useGridComponentRenderer(rootProps.slots.baseButton, render, _extends$2({}, (_a2 = rootProps.slotProps) == null ? void 0 : _a2.baseButton, {
+  const element = useGridComponentRenderer(rootProps.slots.baseButton, render, _extends$1({}, (_a2 = rootProps.slotProps) == null ? void 0 : _a2.baseButton, {
     id: buttonId,
     "aria-haspopup": "true",
     "aria-expanded": open ? "true" : void 0,
@@ -45888,7 +45888,7 @@ const ColumnsPanelTrigger = forwardRef(function ColumnsPanelTrigger2(props, ref)
     }
     onPointerUp == null ? void 0 : onPointerUp(event);
   };
-  const element = useGridComponentRenderer(rootProps.slots.baseButton, render, _extends$2({}, (_a2 = rootProps.slotProps) == null ? void 0 : _a2.baseButton, {
+  const element = useGridComponentRenderer(rootProps.slots.baseButton, render, _extends$1({}, (_a2 = rootProps.slotProps) == null ? void 0 : _a2.baseButton, {
     id: buttonId,
     "aria-haspopup": "true",
     "aria-expanded": open ? "true" : void 0,
@@ -45940,7 +45940,7 @@ const ExportCsv = forwardRef(function ExportCsv2(props, ref) {
     apiRef.current.exportDataAsCsv(options);
     onClick == null ? void 0 : onClick(event);
   };
-  const element = useGridComponentRenderer(rootProps.slots.baseButton, render, _extends$2({}, (_a2 = rootProps.slotProps) == null ? void 0 : _a2.baseButton, {
+  const element = useGridComponentRenderer(rootProps.slots.baseButton, render, _extends$1({}, (_a2 = rootProps.slotProps) == null ? void 0 : _a2.baseButton, {
     onClick: handleClick
   }, other, {
     ref
@@ -46000,7 +46000,7 @@ const ExportPrint = forwardRef(function ExportPrint2(props, ref) {
     apiRef.current.exportDataAsPrint(options);
     onClick == null ? void 0 : onClick(event);
   };
-  const element = useGridComponentRenderer(rootProps.slots.baseButton, render, _extends$2({}, (_a2 = rootProps.slotProps) == null ? void 0 : _a2.baseButton, {
+  const element = useGridComponentRenderer(rootProps.slots.baseButton, render, _extends$1({}, (_a2 = rootProps.slotProps) == null ? void 0 : _a2.baseButton, {
     onClick: handleClick
   }, other, {
     ref
@@ -46080,7 +46080,7 @@ function GridToolbarDivider(props) {
   const other = _objectWithoutPropertiesLoose(props, _excluded$c);
   const rootProps = useGridRootProps();
   const classes2 = useUtilityClasses$b(rootProps);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, _extends$1({
     as: rootProps.slots.baseDivider,
     orientation: "vertical",
     className: classes2.divider
@@ -46098,7 +46098,7 @@ function GridToolbarLabel(props) {
   const other = _objectWithoutPropertiesLoose(props, _excluded2$3);
   const rootProps = useGridRootProps();
   const classes2 = useUtilityClasses$b(rootProps);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Label, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Label, _extends$1({
     className: classes2.label
   }, other));
 }
@@ -46133,7 +46133,7 @@ function GridToolbar(props) {
     }), !rootProps.disableColumnFilter && /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseTooltip, {
       title: apiRef.current.getLocaleText("toolbarFilters"),
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(FilterPanelTrigger, {
-        render: (triggerProps, state) => /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarButton, _extends$2({}, triggerProps, {
+        render: (triggerProps, state) => /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarButton, _extends$1({}, triggerProps, {
           children: /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseBadge, {
             badgeContent: state.filterCount,
             color: "primary",
@@ -46163,18 +46163,18 @@ function GridToolbar(props) {
         open: exportMenuOpen,
         onClose: closeExportMenu,
         position: "bottom-end",
-        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(rootProps.slots.baseMenuList, _extends$2({
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(rootProps.slots.baseMenuList, _extends$1({
           id: exportMenuId,
           "aria-labelledby": exportMenuTriggerId,
           autoFocusItem: true
         }, (_a2 = rootProps.slotProps) == null ? void 0 : _a2.baseMenuList, {
           children: [!(printOptions == null ? void 0 : printOptions.disableToolbarButton) && /* @__PURE__ */ jsxRuntimeExports.jsx(ExportPrint, {
-            render: /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseMenuItem, _extends$2({}, (_b2 = rootProps.slotProps) == null ? void 0 : _b2.baseMenuItem)),
+            render: /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseMenuItem, _extends$1({}, (_b2 = rootProps.slotProps) == null ? void 0 : _b2.baseMenuItem)),
             options: printOptions,
             onClick: closeExportMenu,
             children: apiRef.current.getLocaleText("toolbarExportPrint")
           }), !(csvOptions == null ? void 0 : csvOptions.disableToolbarButton) && /* @__PURE__ */ jsxRuntimeExports.jsx(ExportCsv, {
-            render: /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseMenuItem, _extends$2({}, (_c2 = rootProps.slotProps) == null ? void 0 : _c2.baseMenuItem)),
+            render: /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseMenuItem, _extends$1({}, (_c2 = rootProps.slotProps) == null ? void 0 : _c2.baseMenuItem)),
             options: csvOptions,
             onClick: closeExportMenu,
             children: apiRef.current.getLocaleText("toolbarExportCSV")
@@ -46182,7 +46182,7 @@ function GridToolbar(props) {
         }))
       })]
     }), showQuickFilter && /* @__PURE__ */ jsxRuntimeExports.jsxs(React.Fragment, {
-      children: [/* @__PURE__ */ jsxRuntimeExports.jsx(GridToolbarDivider, {}), /* @__PURE__ */ jsxRuntimeExports.jsx(GridToolbarQuickFilter, _extends$2({}, quickFilterProps))]
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsx(GridToolbarDivider, {}), /* @__PURE__ */ jsxRuntimeExports.jsx(GridToolbarQuickFilter, _extends$1({}, quickFilterProps))]
     })]
   });
 }
@@ -46252,7 +46252,7 @@ const GridSelectedRowCount = forwardRef(function GridSelectedRowCount2(props, re
   const ownerState = useGridRootProps();
   const classes2 = useUtilityClasses$a(ownerState);
   const rowSelectedText = apiRef.current.getLocaleText("footerRowSelected")(selectedRowCount);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridSelectedRowCountRoot, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridSelectedRowCountRoot, _extends$1({
     className: clsx$1(classes2.root, className),
     ownerState
   }, other, {
@@ -46278,12 +46278,12 @@ const GridFooter = forwardRef(function GridFooter2(props, ref) {
   const selectedRowCountElement = !rootProps.hideFooterSelectedRowCount && selectedRowCount > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(GridSelectedRowCount, {
     selectedRowCount
   }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", {});
-  const rowCountElement = !rootProps.hideFooterRowCount && !rootProps.pagination ? /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.footerRowCount, _extends$2({}, (_a2 = rootProps.slotProps) == null ? void 0 : _a2.footerRowCount, {
+  const rowCountElement = !rootProps.hideFooterRowCount && !rootProps.pagination ? /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.footerRowCount, _extends$1({}, (_a2 = rootProps.slotProps) == null ? void 0 : _a2.footerRowCount, {
     rowCount: totalTopLevelRowCount,
     visibleRowCount: visibleTopLevelRowCount
   })) : null;
   const paginationElement = rootProps.pagination && !rootProps.hideFooterPagination && rootProps.slots.pagination && /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.pagination, {});
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(GridFooterContainer, _extends$2({}, props, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(GridFooterContainer, _extends$1({}, props, {
     ref,
     children: [selectedRowCountElement, rowCountElement, paginationElement]
   }));
@@ -46443,7 +46443,7 @@ const GridSkeletonLoadingOverlayInner = forwardRef(function GridSkeletonLoadingO
           "data-colindex": colIndex,
           empty: visibleColumns && !visibleColumns.has(column2.field),
           className: clsx$1(isPinnedLeft && gridClasses["cell--pinnedLeft"], isPinnedRight && gridClasses["cell--pinnedRight"], showRightBorder && gridClasses["cell--withRightBorder"], showLeftBorder && gridClasses["cell--withLeftBorder"]),
-          style: _extends$2({
+          style: _extends$1({
             "--width": `${column2.computedWidth}px`
           }, pinnedStyle)
         }, `skeleton-column-${i}-${column2.field}`));
@@ -46504,7 +46504,7 @@ const GridSkeletonLoadingOverlayInner = forwardRef(function GridSkeletonLoadingO
     }
   };
   useGridEvent(apiRef, "columnResize", handleColumnResize);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(SkeletonOverlay, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(SkeletonOverlay, _extends$1({
     className: classes2.root
   }, rest, {
     ref: handleRef,
@@ -46516,7 +46516,7 @@ const GridSkeletonLoadingOverlay = forwardRef(function GridSkeletonLoadingOverla
   const dimensions = useGridSelector(apiRef, gridDimensionsSelector);
   const viewportHeight = (dimensions == null ? void 0 : dimensions.viewportInnerSize.height) ?? 0;
   const skeletonRowsCount = Math.ceil(viewportHeight / dimensions.rowHeight);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridSkeletonLoadingOverlayInner, _extends$2({}, props, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridSkeletonLoadingOverlayInner, _extends$1({}, props, {
     skeletonRowsCount,
     ref: forwardedRef
   }));
@@ -46551,8 +46551,8 @@ const GridLoadingOverlay = forwardRef(function GridLoadingOverlay2(props, ref) {
   const rowsCount = useGridSelector(apiRef, gridRowCountSelector);
   const activeVariant = LOADING_VARIANTS[rowsCount === 0 ? noRowsVariant : variant];
   const Component = activeVariant.component(rootProps);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridOverlay, _extends$2({
-    style: _extends$2({}, activeVariant.style, style2)
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridOverlay, _extends$1({
+    style: _extends$1({}, activeVariant.style, style2)
   }, other, {
     ref,
     children: /* @__PURE__ */ jsxRuntimeExports.jsx(Component, {})
@@ -46578,7 +46578,7 @@ GridLoadingOverlay.propTypes = {
 const GridNoRowsOverlay = forwardRef(function GridNoRowsOverlay2(props, ref) {
   const apiRef = useGridApiContext();
   const noRowsLabel = apiRef.current.getLocaleText("noRowsLabel");
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridOverlay, _extends$2({}, props, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridOverlay, _extends$1({}, props, {
     ref,
     children: noRowsLabel
   }));
@@ -46599,9 +46599,9 @@ const GridNoColumnsOverlay = forwardRef(function GridNoColumnsOverlay2(props, re
     apiRef.current.showPreferences(GridPreferencePanelsValue.columns);
   };
   const showManageColumnsButton = !rootProps.disableColumnSelector && columns2.length > 0;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(GridOverlay, _extends$2({}, props, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(GridOverlay, _extends$1({}, props, {
     ref,
-    children: [apiRef.current.getLocaleText("noColumnsOverlayLabel"), showManageColumnsButton && /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseButton, _extends$2({
+    children: [apiRef.current.getLocaleText("noColumnsOverlayLabel"), showManageColumnsButton && /* @__PURE__ */ jsxRuntimeExports.jsx(rootProps.slots.baseButton, _extends$1({
       size: "small"
     }, (_a2 = rootProps.slotProps) == null ? void 0 : _a2.baseButton, {
       onClick: handleOpenManageColumns,
@@ -46718,7 +46718,7 @@ const GridRowCount = forwardRef(function GridRowCount2(props, ref) {
     return null;
   }
   const text = visibleRowCount < rowCount ? apiRef.current.getLocaleText("footerTotalVisibleRows")(visibleRowCount, rowCount) : rowCount.toLocaleString();
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(GridRowCountRoot, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(GridRowCountRoot, _extends$1({
     className: clsx$1(classes2.root, className),
     ownerState
   }, other, {
@@ -46852,7 +46852,7 @@ const GridRow = forwardRef(function GridRow2(props, refProp) {
     slotProps,
     disableColumnReorder
   } = rootProps;
-  const heightEntry = useGridSelector(apiRef, () => _extends$2({}, apiRef.current.getRowHeightEntry(rowId)), void 0, objectShallowCompare);
+  const heightEntry = useGridSelector(apiRef, () => _extends$1({}, apiRef.current.getRowHeightEntry(rowId)), void 0, objectShallowCompare);
   const style2 = React.useMemo(() => {
     if (isNotVisible) {
       return {
@@ -46861,7 +46861,7 @@ const GridRow = forwardRef(function GridRow2(props, refProp) {
         height: 0
       };
     }
-    const rowStyle = _extends$2({}, styleProp, {
+    const rowStyle = _extends$1({}, styleProp, {
       maxHeight: rowHeight === "auto" ? "none" : rowHeight,
       // max-height doesn't support "auto"
       minHeight: rowHeight,
@@ -46886,7 +46886,7 @@ const GridRow = forwardRef(function GridRow2(props, refProp) {
   const ariaAttributes = getRowAriaAttributes(rowNode, index);
   if (typeof rootProps.getRowClassName === "function") {
     const indexRelativeToCurrentPage = index - (((_a2 = currentPage.range) == null ? void 0 : _a2.firstRowIndex) || 0);
-    const rowParams = _extends$2({}, apiRef.current.getRowParams(rowId), {
+    const rowParams = _extends$1({}, apiRef.current.getRowParams(rowId), {
       isFirstVisible: indexRelativeToCurrentPage === 0,
       isLastVisible: indexRelativeToCurrentPage === currentPage.rows.length - 1,
       indexRelativeToCurrentPage
@@ -46917,7 +46917,7 @@ const GridRow = forwardRef(function GridRow2(props, refProp) {
     const cellIsNotVisible = pinnedPosition === PinnedColumnPosition.VIRTUAL;
     const showLeftBorder = shouldCellShowLeftBorder(pinnedPosition, indexInSection);
     const showRightBorder = shouldCellShowRightBorder(pinnedPosition, indexInSection, sectionLength, rootProps.showCellVerticalBorder, gridHasFiller);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(slots.cell, _extends$2({
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(slots.cell, _extends$1({
       column: column2,
       width: width2,
       rowId,
@@ -46966,7 +46966,7 @@ const GridRow = forwardRef(function GridRow2(props, refProp) {
     onMouseOut: publish("rowMouseOut", onMouseOut),
     onMouseOver: publish("rowMouseOver", onMouseOver)
   } : null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", _extends$1({
     "data-id": rowId,
     "data-rowindex": index,
     role: "row",
@@ -47111,7 +47111,7 @@ const useGridIsRtl = (apiRef) => {
     if (isFirstEffect.current) {
       isFirstEffect.current = false;
     } else {
-      apiRef.current.setState((state) => _extends$2({}, state, {
+      apiRef.current.setState((state) => _extends$1({}, state, {
         isRtl
       }));
     }
@@ -47666,7 +47666,7 @@ const useGridStateInitialization = (apiRef) => {
   }, [apiRef]);
   const updateControlState = React.useCallback((key, state, reason) => {
     return apiRef.current.setState((previousState) => {
-      return _extends$2({}, previousState, {
+      return _extends$1({}, previousState, {
         [key]: state(previousState[key])
       });
     }, reason);
@@ -47682,7 +47682,7 @@ const useGridStateInitialization = (apiRef) => {
   useGridApiMethod(apiRef, privateStateApi, "private");
 };
 const propsStateInitializer = (state, props) => {
-  return _extends$2({}, state, {
+  return _extends$1({}, state, {
     props: {
       getRowId: props.getRowId
     }
@@ -47690,7 +47690,7 @@ const propsStateInitializer = (state, props) => {
 };
 const useGridProps = (apiRef, props) => {
   React.useEffect(() => {
-    apiRef.current.setState((state) => _extends$2({}, state, {
+    apiRef.current.setState((state) => _extends$1({}, state, {
       props: {
         getRowId: props.getRowId
       }
@@ -47942,7 +47942,7 @@ const useGridClipboard = (apiRef, props) => {
   useGridNativeEventListener(apiRef, () => apiRef.current.rootElementRef.current, "keydown", handleCopy);
   useGridEventPriority(apiRef, "clipboardCopy", props.onClipboardCopy);
 };
-const columnMenuStateInitializer = (state) => _extends$2({}, state, {
+const columnMenuStateInitializer = (state) => _extends$1({}, state, {
   columnMenu: {
     open: false
   }
@@ -47962,7 +47962,7 @@ const useGridColumnMenu = (apiRef) => {
           return state;
         }
         logger.debug("Opening Column Menu");
-        return _extends$2({}, state, {
+        return _extends$1({}, state, {
           columnMenu: {
             open: true,
             field
@@ -48002,7 +48002,7 @@ const useGridColumnMenu = (apiRef) => {
     if (shouldUpdate) {
       apiRef.current.setState((state) => {
         logger.debug("Hiding Column Menu");
-        return _extends$2({}, state, {
+        return _extends$1({}, state, {
           columnMenu: newState
         });
       });
@@ -48036,7 +48036,7 @@ const columnsStateInitializer = (state, props, apiRef) => {
     columnVisibilityModel: props.columnVisibilityModel ?? ((_c2 = (_b2 = props.initialState) == null ? void 0 : _b2.columns) == null ? void 0 : _c2.columnVisibilityModel) ?? {},
     keepOnlyColumnsToUpsert: true
   });
-  return _extends$2({}, state, {
+  return _extends$1({}, state, {
     columns: columnsState,
     // In pro/premium, this part of the state is defined. We give it an empty but defined value
     // for the community version.
@@ -48074,7 +48074,7 @@ function useGridColumns(apiRef, props) {
     var _a3, _b3;
     const currentModel = gridColumnVisibilityModelSelector(apiRef);
     if (currentModel !== model) {
-      apiRef.current.setState((state) => _extends$2({}, state, {
+      apiRef.current.setState((state) => _extends$1({}, state, {
         columns: createColumnsState({
           apiRef,
           columnsToUpsert: [],
@@ -48100,7 +48100,7 @@ function useGridColumns(apiRef, props) {
     const columnVisibilityModel = gridColumnVisibilityModelSelector(apiRef);
     const isCurrentlyVisible = columnVisibilityModel[field] ?? true;
     if (isVisible !== isCurrentlyVisible) {
-      const newModel = _extends$2({}, columnVisibilityModel, {
+      const newModel = _extends$1({}, columnVisibilityModel, {
         [field]: isVisible
       });
       apiRef.current.setColumnVisibilityModel(newModel);
@@ -48120,7 +48120,7 @@ function useGridColumns(apiRef, props) {
     const updatedColumns = [...allColumns];
     const fieldRemoved = updatedColumns.splice(oldIndexPosition, 1)[0];
     updatedColumns.splice(targetIndexPosition, 0, fieldRemoved);
-    setGridColumnsState(_extends$2({}, gridColumnsStateSelector(apiRef), {
+    setGridColumnsState(_extends$1({}, gridColumnsStateSelector(apiRef), {
       orderedFields: updatedColumns
     }));
     const params = {
@@ -48134,12 +48134,12 @@ function useGridColumns(apiRef, props) {
     logger.debug(`Updating column ${field} width to ${width2}`);
     const columnsState = gridColumnsStateSelector(apiRef);
     const column2 = columnsState.lookup[field];
-    const newColumn = _extends$2({}, column2, {
+    const newColumn = _extends$1({}, column2, {
       width: width2,
       hasBeenResized: true
     });
-    setGridColumnsState(hydrateColumnsWidth(_extends$2({}, columnsState, {
-      lookup: _extends$2({}, columnsState.lookup, {
+    setGridColumnsState(hydrateColumnsWidth(_extends$1({}, columnsState, {
+      lookup: _extends$1({}, columnsState.lookup, {
         [field]: newColumn
       })
     }), apiRef.current.getRootDimensions()));
@@ -48200,7 +48200,7 @@ function useGridColumns(apiRef, props) {
     if (Object.keys(dimensions).length > 0) {
       columnsStateToExport.dimensions = dimensions;
     }
-    return _extends$2({}, prevState, {
+    return _extends$1({}, prevState, {
       columns: columnsStateToExport
     });
   }, [apiRef, props.columnVisibilityModel, (_a2 = props.initialState) == null ? void 0 : _a2.columns]);
@@ -48228,7 +48228,7 @@ function useGridColumns(apiRef, props) {
     var _a3;
     if (value === GridPreferencePanelsValue.columns) {
       const ColumnsPanel = props.slots.columnsPanel;
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(ColumnsPanel, _extends$2({}, (_a3 = props.slotProps) == null ? void 0 : _a3.columnsPanel));
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(ColumnsPanel, _extends$1({}, (_a3 = props.slotProps) == null ? void 0 : _a3.columnsPanel));
     }
     return initialValue;
   }, [props.slots.columnsPanel, (_b2 = props.slotProps) == null ? void 0 : _b2.columnsPanel]);
@@ -48293,13 +48293,13 @@ function useGridColumns(apiRef, props) {
   }, [apiRef, logger, props.columnVisibilityModel]);
 }
 function mergeColumnsState(columnsState) {
-  return (state) => _extends$2({}, state, {
+  return (state) => _extends$1({}, state, {
     columns: columnsState
   });
 }
 const densityStateInitializer = (state, props) => {
   var _a2;
-  return _extends$2({}, state, {
+  return _extends$1({}, state, {
     density: ((_a2 = props.initialState) == null ? void 0 : _a2.density) ?? props.density ?? "standard"
   });
 };
@@ -48319,7 +48319,7 @@ const useGridDensity = (apiRef, props) => {
       return;
     }
     logger.debug(`Set grid density to ${newDensity}`);
-    apiRef.current.setState((state) => _extends$2({}, state, {
+    apiRef.current.setState((state) => _extends$1({}, state, {
       density: newDensity
     }));
   });
@@ -48339,14 +48339,14 @@ const useGridDensity = (apiRef, props) => {
     if (!shouldExportRowCount) {
       return prevState;
     }
-    return _extends$2({}, prevState, {
+    return _extends$1({}, prevState, {
       density: exportedDensity
     });
   }, [apiRef, props.density, (_a2 = props.initialState) == null ? void 0 : _a2.density]);
   const stateRestorePreProcessing = React.useCallback((params, context) => {
     var _a3;
     const restoredDensity = ((_a3 = context.stateToRestore) == null ? void 0 : _a3.density) ? context.stateToRestore.density : gridDensitySelector(apiRef);
-    apiRef.current.setState((state) => _extends$2({}, state, {
+    apiRef.current.setState((state) => _extends$1({}, state, {
       density: restoredDensity
     }));
     return params;
@@ -48476,7 +48476,7 @@ const getDerivedPaginationModel = (paginationState, signature, paginationModelPr
   }
   const validPage = pageSize2 === -1 ? 0 : getValidPage(paginationModel.page, pageCount);
   if (validPage !== paginationModel.page) {
-    paginationModel = _extends$2({}, paginationModel, {
+    paginationModel = _extends$1({}, paginationModel, {
       page: validPage
     });
   }
@@ -48524,8 +48524,8 @@ const useGridPaginationModel = (apiRef, props) => {
       return;
     }
     logger.debug("Setting 'paginationModel' to", paginationModel);
-    apiRef.current.setState((state) => _extends$2({}, state, {
-      pagination: _extends$2({}, state.pagination, {
+    apiRef.current.setState((state) => _extends$1({}, state, {
+      pagination: _extends$1({}, state.pagination, {
         paginationModel: getDerivedPaginationModel(state.pagination, props.signature, paginationModel)
       })
     }), "setPaginationModel");
@@ -48549,17 +48549,17 @@ const useGridPaginationModel = (apiRef, props) => {
     if (!shouldExportPaginationModel) {
       return prevState;
     }
-    return _extends$2({}, prevState, {
-      pagination: _extends$2({}, prevState.pagination, {
+    return _extends$1({}, prevState, {
+      pagination: _extends$1({}, prevState.pagination, {
         paginationModel
       })
     });
   }, [apiRef, props.paginationModel, (_b2 = (_a2 = props.initialState) == null ? void 0 : _a2.pagination) == null ? void 0 : _b2.paginationModel, props.autoPageSize]);
   const stateRestorePreProcessing = React.useCallback((params, context) => {
     var _a3, _b3;
-    const paginationModel = ((_a3 = context.stateToRestore.pagination) == null ? void 0 : _a3.paginationModel) ? _extends$2({}, getDefaultGridPaginationModel(props.autoPageSize), (_b3 = context.stateToRestore.pagination) == null ? void 0 : _b3.paginationModel) : gridPaginationModelSelector(apiRef);
-    apiRef.current.setState((state) => _extends$2({}, state, {
-      pagination: _extends$2({}, state.pagination, {
+    const paginationModel = ((_a3 = context.stateToRestore.pagination) == null ? void 0 : _a3.paginationModel) ? _extends$1({}, getDefaultGridPaginationModel(props.autoPageSize), (_b3 = context.stateToRestore.pagination) == null ? void 0 : _b3.paginationModel) : gridPaginationModelSelector(apiRef);
+    apiRef.current.setState((state) => _extends$1({}, state, {
+      pagination: _extends$1({}, state.pagination, {
         paginationModel: getDerivedPaginationModel(state.pagination, props.signature, paginationModel)
       })
     }), "stateRestorePreProcessing");
@@ -48610,7 +48610,7 @@ const useGridPaginationModel = (apiRef, props) => {
     }
   }, [apiRef]);
   const handleFilterModelChange = React.useCallback((filterModel) => {
-    const currentActiveFilters = _extends$2({}, filterModel, {
+    const currentActiveFilters = _extends$1({}, filterModel, {
       // replace items with the active items
       items: gridFilterActiveItemsSelector(apiRef)
     });
@@ -48634,8 +48634,8 @@ const useGridPaginationModel = (apiRef, props) => {
     if (!props.pagination) {
       return;
     }
-    apiRef.current.setState((state) => _extends$2({}, state, {
-      pagination: _extends$2({}, state.pagination, {
+    apiRef.current.setState((state) => _extends$1({}, state, {
+      pagination: _extends$1({}, state.pagination, {
         paginationModel: getDerivedPaginationModel(state.pagination, props.signature, props.paginationModel)
       })
     }));
@@ -48646,8 +48646,8 @@ const useGridPaginationModel = (apiRef, props) => {
       if (state.pagination.paginationMode === props.paginationMode || state.pagination.enabled === isEnabled) {
         return state;
       }
-      return _extends$2({}, state, {
-        pagination: _extends$2({}, state.pagination, {
+      return _extends$1({}, state, {
+        pagination: _extends$1({}, state.pagination, {
           paginationMode: props.paginationMode,
           enabled: props.pagination === true
         })
@@ -48716,7 +48716,7 @@ const useGridPrintExport = (apiRef, props) => {
   }, [apiRef]);
   const handlePrintWindowLoad = React.useCallback((printWindow, options) => {
     var _a2, _b2, _c2;
-    const normalizeOptions = _extends$2({
+    const normalizeOptions = _extends$1({
       copyStyles: true,
       hideToolbar: false,
       hideFooter: false,
@@ -48813,7 +48813,7 @@ const useGridPrintExport = (apiRef, props) => {
     if (!((_b2 = (_a2 = previousGridState.current) == null ? void 0 : _a2.columns) == null ? void 0 : _b2.columnVisibilityModel)) {
       apiRef.current.setColumnVisibilityModel(previousColumnVisibility.current);
     }
-    apiRef.current.setState((state) => _extends$2({}, state, {
+    apiRef.current.setState((state) => _extends$1({}, state, {
       virtualization: previousVirtualizationState.current
     }));
     apiRef.current.setRows(previousRows.current);
@@ -48835,8 +48835,8 @@ const useGridPrintExport = (apiRef, props) => {
         page: 0,
         pageSize: visibleRowCount
       };
-      apiRef.current.setState((state) => _extends$2({}, state, {
-        pagination: _extends$2({}, state.pagination, {
+      apiRef.current.setState((state) => _extends$1({}, state, {
+        pagination: _extends$1({}, state.pagination, {
           paginationModel: getDerivedPaginationModel(
             state.pagination,
             // Using signature `DataGridPro` to allow more than 100 rows in the print export
@@ -48847,8 +48847,8 @@ const useGridPrintExport = (apiRef, props) => {
       }));
     }
     previousVirtualizationState.current = apiRef.current.state.virtualization;
-    apiRef.current.setState((state) => _extends$2({}, state, {
-      virtualization: _extends$2({}, state.virtualization, {
+    apiRef.current.setState((state) => _extends$1({}, state, {
+      virtualization: _extends$1({}, state.virtualization, {
         enabled: false,
         enabledForColumns: false
       })
@@ -48892,8 +48892,8 @@ const useGridPrintExport = (apiRef, props) => {
 const filterStateInitializer = (state, props, apiRef) => {
   var _a2, _b2;
   const filterModel = props.filterModel ?? ((_b2 = (_a2 = props.initialState) == null ? void 0 : _a2.filter) == null ? void 0 : _b2.filterModel) ?? getDefaultGridFilterModel();
-  return _extends$2({}, state, {
-    filter: _extends$2({
+  return _extends$1({}, state, {
+    filter: _extends$1({
       filterModel: sanitizeFilterModel(filterModel, props.disableMultipleColumnsFiltering, apiRef)
     }, defaultGridFilterLookup),
     visibleRowsLookup: {}
@@ -48925,11 +48925,11 @@ const useGridFilter = (apiRef, props) => {
     apiRef.current.setState((state) => {
       const filterModel = gridFilterModelSelector(apiRef);
       const filterState = apiRef.current.getFilterState(filterModel);
-      const newState = _extends$2({}, state, {
-        filter: _extends$2({}, state.filter, filterState)
+      const newState = _extends$1({}, state, {
+        filter: _extends$1({}, state.filter, filterState)
       });
       const visibleRowsLookupState = getVisibleRowsLookupState(apiRef, newState);
-      return _extends$2({}, newState, {
+      return _extends$1({}, newState, {
         visibleRowsLookup: visibleRowsLookupState
       });
     });
@@ -48950,7 +48950,7 @@ const useGridFilter = (apiRef, props) => {
     } else {
       items[itemIndex] = item;
     }
-    apiRef.current.setFilterModel(_extends$2({}, filterModel, {
+    apiRef.current.setFilterModel(_extends$1({}, filterModel, {
       items
     }), "upsertFilterItem");
   }, [apiRef]);
@@ -48965,7 +48965,7 @@ const useGridFilter = (apiRef, props) => {
         existingItems[itemIndex] = item;
       }
     });
-    apiRef.current.setFilterModel(_extends$2({}, filterModel, {
+    apiRef.current.setFilterModel(_extends$1({}, filterModel, {
       items: existingItems
     }), "upsertFilterItems");
   }, [apiRef]);
@@ -48975,7 +48975,7 @@ const useGridFilter = (apiRef, props) => {
     if (items.length === filterModel.items.length) {
       return;
     }
-    apiRef.current.setFilterModel(_extends$2({}, filterModel, {
+    apiRef.current.setFilterModel(_extends$1({}, filterModel, {
       items
     }), "deleteFilterItem");
   }, [apiRef]);
@@ -49015,7 +49015,7 @@ const useGridFilter = (apiRef, props) => {
           operator: targetColumn.filterOperators[0].value
         }, apiRef)];
       }
-      apiRef.current.setFilterModel(_extends$2({}, filterModel, {
+      apiRef.current.setFilterModel(_extends$1({}, filterModel, {
         items: newFilterItems
       }));
     }
@@ -49030,7 +49030,7 @@ const useGridFilter = (apiRef, props) => {
     if (filterModel.logicOperator === logicOperator) {
       return;
     }
-    apiRef.current.setFilterModel(_extends$2({}, filterModel, {
+    apiRef.current.setFilterModel(_extends$1({}, filterModel, {
       logicOperator
     }), "changeLogicOperator");
   }, [apiRef]);
@@ -49039,7 +49039,7 @@ const useGridFilter = (apiRef, props) => {
     if (isDeepEqual(filterModel.quickFilterValues, values2)) {
       return;
     }
-    apiRef.current.setFilterModel(_extends$2({}, filterModel, {
+    apiRef.current.setFilterModel(_extends$1({}, filterModel, {
       quickFilterValues: [...values2]
     }));
   }, [apiRef]);
@@ -49058,7 +49058,7 @@ const useGridFilter = (apiRef, props) => {
       isRowMatchingFilters,
       filterModel: filterModel ?? getDefaultGridFilterModel()
     });
-    return _extends$2({}, filterResult, {
+    return _extends$1({}, filterResult, {
       filterModel
     });
   }, [props.disableMultipleColumnsFiltering, props.filterMode, props.disableEval, apiRef]);
@@ -49092,7 +49092,7 @@ const useGridFilter = (apiRef, props) => {
     if (!shouldExportFilterModel) {
       return prevState;
     }
-    return _extends$2({}, prevState, {
+    return _extends$1({}, prevState, {
       filter: {
         filterModel: filterModelToExport
       }
@@ -49105,7 +49105,7 @@ const useGridFilter = (apiRef, props) => {
       return params;
     }
     apiRef.current.updateControlState("filter", mergeStateWithFilterModel(filterModel, props.disableMultipleColumnsFiltering, apiRef), "restoreState");
-    return _extends$2({}, params, {
+    return _extends$1({}, params, {
       callbacks: [...params.callbacks, apiRef.current.unstable_applyFilters]
     });
   }, [apiRef, props.disableMultipleColumnsFiltering]);
@@ -49113,7 +49113,7 @@ const useGridFilter = (apiRef, props) => {
     var _a3;
     if (value === GridPreferencePanelsValue.filters) {
       const FilterPanel = props.slots.filterPanel;
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(FilterPanel, _extends$2({}, (_a3 = props.slotProps) == null ? void 0 : _a3.filterPanel));
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(FilterPanel, _extends$1({}, (_a3 = props.slotProps) == null ? void 0 : _a3.filterPanel));
     }
     return initialValue;
   }, [props.slots.filterPanel, (_c2 = props.slotProps) == null ? void 0 : _c2.filterPanel]);
@@ -49169,7 +49169,7 @@ const useGridFilter = (apiRef, props) => {
     const columnsLookup = gridColumnLookupSelector(apiRef);
     const newFilterItems = filterModel.items.filter((item) => item.field && columnsLookup[item.field]);
     if (newFilterItems.length < filterModel.items.length) {
-      apiRef.current.setFilterModel(_extends$2({}, filterModel, {
+      apiRef.current.setFilterModel(_extends$1({}, filterModel, {
         items: newFilterItems
       }));
     }
@@ -49181,7 +49181,7 @@ const useGridFilter = (apiRef, props) => {
   }, [apiRef]);
   const updateVisibleRowsLookupState = React.useCallback(() => {
     apiRef.current.setState((state) => {
-      return _extends$2({}, state, {
+      return _extends$1({}, state, {
         visibleRowsLookup: getVisibleRowsLookupState(apiRef, state)
       });
     });
@@ -49205,7 +49205,7 @@ const useGridFilter = (apiRef, props) => {
     }
   }, [apiRef, logger, props.filterModel]);
 };
-const focusStateInitializer = (state) => _extends$2({}, state, {
+const focusStateInitializer = (state) => _extends$1({}, state, {
   focus: {
     cell: null,
     columnHeader: null,
@@ -49237,7 +49237,7 @@ const useGridFocus = (apiRef, props) => {
     }
     apiRef.current.setState((state) => {
       logger.debug(`Focusing on cell with id=${id} and field=${field}`);
-      return _extends$2({}, state, {
+      return _extends$1({}, state, {
         tabIndex: {
           cell: {
             id,
@@ -49271,7 +49271,7 @@ const useGridFocus = (apiRef, props) => {
     publishCellFocusOut(cell, event);
     apiRef.current.setState((state) => {
       logger.debug(`Focusing on column header with colIndex=${field}`);
-      return _extends$2({}, state, {
+      return _extends$1({}, state, {
         tabIndex: {
           columnHeader: {
             field
@@ -49296,7 +49296,7 @@ const useGridFocus = (apiRef, props) => {
     publishCellFocusOut(cell, event);
     apiRef.current.setState((state) => {
       logger.debug(`Focusing on column header filter with colIndex=${field}`);
-      return _extends$2({}, state, {
+      return _extends$1({}, state, {
         tabIndex: {
           columnHeader: null,
           columnHeaderFilter: {
@@ -49322,7 +49322,7 @@ const useGridFocus = (apiRef, props) => {
       apiRef.current.publishEvent("cellFocusOut", apiRef.current.getCellParams(cell.id, cell.field), event);
     }
     apiRef.current.setState((state) => {
-      return _extends$2({}, state, {
+      return _extends$1({}, state, {
         tabIndex: {
           columnGroupHeader: {
             field,
@@ -49429,7 +49429,7 @@ const useGridFocus = (apiRef, props) => {
       return;
     }
     logger.debug(`Clearing focus`);
-    apiRef.current.setState((state) => _extends$2({}, state, {
+    apiRef.current.setState((state) => _extends$1({}, state, {
       focus: {
         cell: null,
         columnHeader: null,
@@ -49468,7 +49468,7 @@ const useGridFocus = (apiRef, props) => {
     if (cellParams) {
       apiRef.current.setCellFocus(cellParams.id, cellParams.field);
     } else {
-      apiRef.current.setState((state) => _extends$2({}, state, {
+      apiRef.current.setState((state) => _extends$1({}, state, {
         focus: {
           cell: null,
           columnHeader: null,
@@ -49503,7 +49503,7 @@ const useGridFocus = (apiRef, props) => {
         const nextRow = currentPage.rows[clamp(lastFocusedRowIndex, 0, currentPage.rows.length - 1)];
         nextRowId = (nextRow == null ? void 0 : nextRow.id) ?? null;
       }
-      apiRef.current.setState((state) => _extends$2({}, state, {
+      apiRef.current.setState((state) => _extends$1({}, state, {
         focus: {
           cell: nextRowId === null ? null : {
             id: nextRowId,
@@ -49531,7 +49531,7 @@ const useGridFocus = (apiRef, props) => {
     }
     const visibleColumns = gridVisibleColumnDefinitionsSelector(apiRef);
     apiRef.current.setState((state) => {
-      return _extends$2({}, state, {
+      return _extends$1({}, state, {
         tabIndex: {
           cell: {
             id: currentPage.rows[0].id,
@@ -50089,8 +50089,8 @@ const useGridRowCount = (apiRef, props) => {
       return;
     }
     logger.debug("Setting 'rowCount' to", newRowCount);
-    apiRef.current.setState((state) => _extends$2({}, state, {
-      pagination: _extends$2({}, state.pagination, {
+    apiRef.current.setState((state) => _extends$1({}, state, {
+      pagination: _extends$1({}, state.pagination, {
         rowCount: newRowCount
       })
     }));
@@ -50111,8 +50111,8 @@ const useGridRowCount = (apiRef, props) => {
     if (!shouldExportRowCount) {
       return prevState;
     }
-    return _extends$2({}, prevState, {
-      pagination: _extends$2({}, prevState.pagination, {
+    return _extends$1({}, prevState, {
+      pagination: _extends$1({}, prevState.pagination, {
         rowCount: exportedRowCount
       })
     });
@@ -50120,8 +50120,8 @@ const useGridRowCount = (apiRef, props) => {
   const stateRestorePreProcessing = React.useCallback((params, context) => {
     var _a3;
     const restoredRowCount = ((_a3 = context.stateToRestore.pagination) == null ? void 0 : _a3.rowCount) ? context.stateToRestore.pagination.rowCount : gridPaginationRowCountSelector(apiRef);
-    apiRef.current.setState((state) => _extends$2({}, state, {
-      pagination: _extends$2({}, state.pagination, {
+    apiRef.current.setState((state) => _extends$1({}, state, {
+      pagination: _extends$1({}, state.pagination, {
         rowCount: restoredRowCount
       })
     }));
@@ -50171,8 +50171,8 @@ const useGridPaginationMeta = (apiRef, props) => {
       return;
     }
     logger.debug("Setting 'paginationMeta' to", newPaginationMeta);
-    apiRef.current.setState((state) => _extends$2({}, state, {
-      pagination: _extends$2({}, state.pagination, {
+    apiRef.current.setState((state) => _extends$1({}, state, {
+      pagination: _extends$1({}, state.pagination, {
         meta: newPaginationMeta
       })
     }));
@@ -50193,8 +50193,8 @@ const useGridPaginationMeta = (apiRef, props) => {
     if (!shouldExportRowCount) {
       return prevState;
     }
-    return _extends$2({}, prevState, {
-      pagination: _extends$2({}, prevState.pagination, {
+    return _extends$1({}, prevState, {
+      pagination: _extends$1({}, prevState.pagination, {
         meta: exportedPaginationMeta
       })
     });
@@ -50202,8 +50202,8 @@ const useGridPaginationMeta = (apiRef, props) => {
   const stateRestorePreProcessing = React.useCallback((params, context) => {
     var _a3;
     const restoredPaginationMeta = ((_a3 = context.stateToRestore.pagination) == null ? void 0 : _a3.meta) ? context.stateToRestore.pagination.meta : gridPaginationMetaSelector(apiRef);
-    apiRef.current.setState((state) => _extends$2({}, state, {
-      pagination: _extends$2({}, state.pagination, {
+    apiRef.current.setState((state) => _extends$1({}, state, {
+      pagination: _extends$1({}, state.pagination, {
         meta: restoredPaginationMeta
       })
     }));
@@ -50219,12 +50219,12 @@ const useGridPaginationMeta = (apiRef, props) => {
 };
 const paginationStateInitializer = (state, props) => {
   var _a2, _b2, _c2, _d2, _e, _f, _g;
-  const paginationModel = _extends$2({}, getDefaultGridPaginationModel(props.autoPageSize), props.paginationModel ?? ((_b2 = (_a2 = props.initialState) == null ? void 0 : _a2.pagination) == null ? void 0 : _b2.paginationModel));
+  const paginationModel = _extends$1({}, getDefaultGridPaginationModel(props.autoPageSize), props.paginationModel ?? ((_b2 = (_a2 = props.initialState) == null ? void 0 : _a2.pagination) == null ? void 0 : _b2.paginationModel));
   throwIfPageSizeExceedsTheLimit(paginationModel.pageSize, props.signature);
   const rowCount = props.rowCount ?? ((_d2 = (_c2 = props.initialState) == null ? void 0 : _c2.pagination) == null ? void 0 : _d2.rowCount) ?? (props.paginationMode === "client" ? (_e = state.rows) == null ? void 0 : _e.totalRowCount : void 0);
   const meta = props.paginationMeta ?? ((_g = (_f = props.initialState) == null ? void 0 : _f.pagination) == null ? void 0 : _g.meta) ?? {};
-  return _extends$2({}, state, {
-    pagination: _extends$2({}, state.pagination, {
+  return _extends$1({}, state, {
+    pagination: _extends$1({}, state.pagination, {
       paginationModel,
       rowCount,
       meta,
@@ -50240,7 +50240,7 @@ const useGridPagination = (apiRef, props) => {
 };
 const preferencePanelStateInitializer = (state, props) => {
   var _a2;
-  return _extends$2({}, state, {
+  return _extends$1({}, state, {
     preferencePanel: ((_a2 = props.initialState) == null ? void 0 : _a2.preferencePanel) ?? {
       open: false
     }
@@ -50259,7 +50259,7 @@ const useGridPreferencesPanel = (apiRef, props) => {
       apiRef.current.publishEvent("preferencePanelClose", {
         openedPanelValue: preferencePanelState.openedPanelValue
       });
-      return _extends$2({}, state, {
+      return _extends$1({}, state, {
         preferencePanel: {
           open: false
         }
@@ -50268,8 +50268,8 @@ const useGridPreferencesPanel = (apiRef, props) => {
   }, [apiRef, logger]);
   const showPreferences = React.useCallback((newValue, panelId, labelId) => {
     logger.debug("Opening Preferences Panel");
-    apiRef.current.setState((state) => _extends$2({}, state, {
-      preferencePanel: _extends$2({}, state.preferencePanel, {
+    apiRef.current.setState((state) => _extends$1({}, state, {
+      preferencePanel: _extends$1({}, state.preferencePanel, {
         open: true,
         openedPanelValue: newValue,
         panelId,
@@ -50296,14 +50296,14 @@ const useGridPreferencesPanel = (apiRef, props) => {
     if (!shouldExportPreferencePanel) {
       return prevState;
     }
-    return _extends$2({}, prevState, {
+    return _extends$1({}, prevState, {
       preferencePanel: preferencePanelToExport
     });
   }, [apiRef, (_a2 = props.initialState) == null ? void 0 : _a2.preferencePanel]);
   const stateRestorePreProcessing = React.useCallback((params, context) => {
     const preferencePanel = context.stateToRestore.preferencePanel;
     if (preferencePanel != null) {
-      apiRef.current.setState((state) => _extends$2({}, state, {
+      apiRef.current.setState((state) => _extends$1({}, state, {
         preferencePanel
       }));
     }
@@ -50361,7 +50361,7 @@ const useGridCellEditing = (apiRef, props) => {
     if (params.cellMode === GridCellModes.Edit) {
       return;
     }
-    const newParams = _extends$2({}, params, {
+    const newParams = _extends$1({}, params, {
       reason: GridCellEditStartReasons.cellDoubleClick
     });
     apiRef.current.publishEvent("cellEditStart", newParams, event);
@@ -50373,7 +50373,7 @@ const useGridCellEditing = (apiRef, props) => {
     if (apiRef.current.getCellMode(params.id, params.field) === GridCellModes.View) {
       return;
     }
-    const newParams = _extends$2({}, params, {
+    const newParams = _extends$1({}, params, {
       reason: GridCellEditStopReasons.cellFocusOut
     });
     apiRef.current.publishEvent("cellEditStop", newParams, event);
@@ -50393,7 +50393,7 @@ const useGridCellEditing = (apiRef, props) => {
         event.preventDefault();
       }
       if (reason) {
-        const newParams = _extends$2({}, params, {
+        const newParams = _extends$1({}, params, {
           reason
         });
         apiRef.current.publishEvent("cellEditStop", newParams, event);
@@ -50418,7 +50418,7 @@ const useGridCellEditing = (apiRef, props) => {
         reason = GridCellEditStartReasons.deleteKeyDown;
       }
       if (reason) {
-        const newParams = _extends$2({}, params, {
+        const newParams = _extends$1({}, params, {
           reason,
           key: event.key
         });
@@ -50505,10 +50505,10 @@ const useGridCellEditing = (apiRef, props) => {
     apiRef.current.publishEvent("cellModesModelChange", newModel);
   });
   const updateFieldInCellModesModel = React.useCallback((id, field, newProps) => {
-    const newModel = _extends$2({}, cellModesModelRef.current);
+    const newModel = _extends$1({}, cellModesModelRef.current);
     if (newProps !== null) {
-      newModel[id] = _extends$2({}, newModel[id], {
-        [field]: _extends$2({}, newProps)
+      newModel[id] = _extends$1({}, newModel[id], {
+        [field]: _extends$1({}, newProps)
       });
     } else {
       const _newModel$id = newModel[id], otherFields = _objectWithoutPropertiesLoose(_newModel$id, [field].map(toPropertyKey));
@@ -50521,10 +50521,10 @@ const useGridCellEditing = (apiRef, props) => {
   }, [updateCellModesModel]);
   const updateOrDeleteFieldState = React.useCallback((id, field, newProps) => {
     apiRef.current.setState((state) => {
-      const newEditingState = _extends$2({}, state.editRows);
+      const newEditingState = _extends$1({}, state.editRows);
       if (newProps !== null) {
-        newEditingState[id] = _extends$2({}, newEditingState[id], {
-          [field]: _extends$2({}, newProps)
+        newEditingState[id] = _extends$1({}, newEditingState[id], {
+          [field]: _extends$1({}, newProps)
         });
       } else {
         delete newEditingState[id][field];
@@ -50532,7 +50532,7 @@ const useGridCellEditing = (apiRef, props) => {
           delete newEditingState[id];
         }
       }
-      return _extends$2({}, state, {
+      return _extends$1({}, state, {
         editRows: newEditingState
       });
     });
@@ -50544,7 +50544,7 @@ const useGridCellEditing = (apiRef, props) => {
     } = params, other = _objectWithoutPropertiesLoose(params, _excluded$6);
     throwIfNotEditable(id, field);
     throwIfNotInMode(id, field, GridCellModes.View);
-    updateFieldInCellModesModel(id, field, _extends$2({
+    updateFieldInCellModesModel(id, field, _extends$1({
       mode: GridCellModes.Edit
     }, other));
   }, [throwIfNotEditable, throwIfNotInMode, updateFieldInCellModesModel]);
@@ -50580,7 +50580,7 @@ const useGridCellEditing = (apiRef, props) => {
       }));
       if (apiRef.current.getCellMode(id, field) === GridCellModes.Edit) {
         const editingState = gridEditRowsStateSelector(apiRef);
-        updateOrDeleteFieldState(id, field, _extends$2({}, newProps, {
+        updateOrDeleteFieldState(id, field, _extends$1({}, newProps, {
           value: editingState[id][field].value,
           isProcessingProps: false
         }));
@@ -50593,7 +50593,7 @@ const useGridCellEditing = (apiRef, props) => {
       field
     } = params, other = _objectWithoutPropertiesLoose(params, _excluded2$2);
     throwIfNotInMode(id, field, GridCellModes.Edit);
-    updateFieldInCellModesModel(id, field, _extends$2({
+    updateFieldInCellModesModel(id, field, _extends$1({
       mode: GridCellModes.View
     }, other));
   }, [throwIfNotInMode, updateFieldInCellModesModel]);
@@ -50676,13 +50676,13 @@ const useGridCellEditing = (apiRef, props) => {
       parsedValue = column2.valueParser(value, row, column2, apiRef);
     }
     let editingState = gridEditRowsStateSelector(apiRef);
-    let newProps = _extends$2({}, editingState[id][field], {
+    let newProps = _extends$1({}, editingState[id][field], {
       value: parsedValue,
       changeReason: debounceMs ? "debouncedSetEditCellValue" : "setEditCellValue"
     });
     if (column2.preProcessEditCellProps) {
       const hasChanged = value !== editingState[id][field].value;
-      newProps = _extends$2({}, newProps, {
+      newProps = _extends$1({}, newProps, {
         isProcessingProps: true
       });
       updateOrDeleteFieldState(id, field, newProps);
@@ -50697,7 +50697,7 @@ const useGridCellEditing = (apiRef, props) => {
       return false;
     }
     editingState = gridEditRowsStateSelector(apiRef);
-    newProps = _extends$2({}, newProps, {
+    newProps = _extends$1({}, newProps, {
       isProcessingProps: false
     });
     newProps.value = column2.preProcessEditCellProps ? editingState[id][field].value : parsedValue;
@@ -50715,7 +50715,7 @@ const useGridCellEditing = (apiRef, props) => {
     const {
       value
     } = editingState[id][field];
-    return column2.valueSetter ? column2.valueSetter(value, row, column2, apiRef) : _extends$2({}, row, {
+    return column2.valueSetter ? column2.valueSetter(value, row, column2, apiRef) : _extends$1({}, row, {
       [field]: value
     });
   }, [apiRef]);
@@ -50745,12 +50745,12 @@ const useGridCellEditing = (apiRef, props) => {
         const prevMode = ((_b2 = (_a2 = copyOfPrevCellModes[id]) == null ? void 0 : _a2[field]) == null ? void 0 : _b2.mode) || GridCellModes.View;
         const originalId = rowsLookup[id] ? apiRef.current.getRowId(rowsLookup[id]) : id;
         if (params.mode === GridCellModes.Edit && prevMode === GridCellModes.View) {
-          updateStateToStartCellEditMode(_extends$2({
+          updateStateToStartCellEditMode(_extends$1({
             id: originalId,
             field
           }, params));
         } else if (params.mode === GridCellModes.View && prevMode === GridCellModes.Edit) {
-          updateStateToStopCellEditMode(_extends$2({
+          updateStateToStopCellEditMode(_extends$1({
             id: originalId,
             field
           }, params));
@@ -50801,7 +50801,7 @@ const useGridRowEditing = (apiRef, props) => {
       return;
     }
     const rowParams = apiRef.current.getRowParams(params.id);
-    const newParams = _extends$2({}, rowParams, {
+    const newParams = _extends$1({}, rowParams, {
       field: params.field,
       reason: GridRowEditStartReasons.cellDoubleClick
     });
@@ -50831,7 +50831,7 @@ const useGridRowEditing = (apiRef, props) => {
           return;
         }
         const rowParams = apiRef.current.getRowParams(params.id);
-        const newParams = _extends$2({}, rowParams, {
+        const newParams = _extends$1({}, rowParams, {
           field: params.field,
           reason: GridRowEditStopReasons.rowFocusOut
         });
@@ -50880,7 +50880,7 @@ const useGridRowEditing = (apiRef, props) => {
         if (reason !== GridRowEditStopReasons.escapeKeyDown && hasFieldsWithErrors(params.id)) {
           return;
         }
-        const newParams = _extends$2({}, apiRef.current.getRowParams(params.id), {
+        const newParams = _extends$1({}, apiRef.current.getRowParams(params.id), {
           reason,
           field: params.field
         });
@@ -50907,7 +50907,7 @@ const useGridRowEditing = (apiRef, props) => {
       }
       if (reason) {
         const rowParams = apiRef.current.getRowParams(params.id);
-        const newParams = _extends$2({}, rowParams, {
+        const newParams = _extends$1({}, rowParams, {
           field: params.field,
           reason
         });
@@ -50983,9 +50983,9 @@ const useGridRowEditing = (apiRef, props) => {
     apiRef.current.publishEvent("rowModesModelChange", newModel);
   });
   const updateRowInRowModesModel = React.useCallback((id, newProps) => {
-    const newModel = _extends$2({}, rowModesModelRef.current);
+    const newModel = _extends$1({}, rowModesModelRef.current);
     if (newProps !== null) {
-      newModel[id] = _extends$2({}, newProps);
+      newModel[id] = _extends$1({}, newProps);
     } else {
       delete newModel[id];
     }
@@ -50993,23 +50993,23 @@ const useGridRowEditing = (apiRef, props) => {
   }, [updateRowModesModel]);
   const updateOrDeleteRowState = React.useCallback((id, newProps) => {
     apiRef.current.setState((state) => {
-      const newEditingState = _extends$2({}, state.editRows);
+      const newEditingState = _extends$1({}, state.editRows);
       if (newProps !== null) {
         newEditingState[id] = newProps;
       } else {
         delete newEditingState[id];
       }
-      return _extends$2({}, state, {
+      return _extends$1({}, state, {
         editRows: newEditingState
       });
     });
   }, [apiRef]);
   const updateOrDeleteFieldState = React.useCallback((id, field, newProps) => {
     apiRef.current.setState((state) => {
-      const newEditingState = _extends$2({}, state.editRows);
+      const newEditingState = _extends$1({}, state.editRows);
       if (newProps !== null) {
-        newEditingState[id] = _extends$2({}, newEditingState[id], {
-          [field]: _extends$2({}, newProps)
+        newEditingState[id] = _extends$1({}, newEditingState[id], {
+          [field]: _extends$1({}, newProps)
         });
       } else {
         delete newEditingState[id][field];
@@ -51017,7 +51017,7 @@ const useGridRowEditing = (apiRef, props) => {
           delete newEditingState[id];
         }
       }
-      return _extends$2({}, state, {
+      return _extends$1({}, state, {
         editRows: newEditingState
       });
     });
@@ -51027,7 +51027,7 @@ const useGridRowEditing = (apiRef, props) => {
       id
     } = params, other = _objectWithoutPropertiesLoose(params, _excluded$5);
     throwIfNotInMode(id, GridRowModes.View);
-    updateRowInRowModesModel(id, _extends$2({
+    updateRowInRowModesModel(id, _extends$1({
       mode: GridRowModes.Edit
     }, other));
   }, [throwIfNotInMode, updateRowInRowModesModel]);
@@ -51078,7 +51078,7 @@ const useGridRowEditing = (apiRef, props) => {
       })).then((processedProps) => {
         if (apiRef.current.getRowMode(id) === GridRowModes.Edit) {
           const editingState = gridEditRowsStateSelector(apiRef);
-          updateOrDeleteFieldState(id, field, _extends$2({}, processedProps, {
+          updateOrDeleteFieldState(id, field, _extends$1({}, processedProps, {
             value: editingState[id][field].value,
             isProcessingProps: false
           }));
@@ -51091,7 +51091,7 @@ const useGridRowEditing = (apiRef, props) => {
       id
     } = params, other = _objectWithoutPropertiesLoose(params, _excluded2$1);
     throwIfNotInMode(id, GridRowModes.Edit);
-    updateRowInRowModesModel(id, _extends$2({
+    updateRowInRowModesModel(id, _extends$1({
       mode: GridRowModes.View
     }, other));
   }, [throwIfNotInMode, updateRowInRowModesModel]);
@@ -51175,7 +51175,7 @@ const useGridRowEditing = (apiRef, props) => {
       parsedValue = column2.valueParser(value, row, column2, apiRef);
     }
     let editingState = gridEditRowsStateSelector(apiRef);
-    let newProps = _extends$2({}, editingState[id][field], {
+    let newProps = _extends$1({}, editingState[id][field], {
       value: parsedValue,
       changeReason: debounceMs ? "debouncedSetEditCellValue" : "setEditCellValue"
     });
@@ -51186,7 +51186,7 @@ const useGridRowEditing = (apiRef, props) => {
       const promises = [];
       if (column2.preProcessEditCellProps) {
         const hasChanged = newProps.value !== editingState[id][field].value;
-        newProps = _extends$2({}, newProps, {
+        newProps = _extends$1({}, newProps, {
           isProcessingProps: true
         });
         updateOrDeleteFieldState(id, field, newProps);
@@ -51203,7 +51203,7 @@ const useGridRowEditing = (apiRef, props) => {
             return;
           }
           editingState = gridEditRowsStateSelector(apiRef);
-          processedProps = _extends$2({}, processedProps, {
+          processedProps = _extends$1({}, processedProps, {
             isProcessingProps: false
           });
           processedProps.value = column2.preProcessEditCellProps ? editingState[id][field].value : parsedValue;
@@ -51219,7 +51219,7 @@ const useGridRowEditing = (apiRef, props) => {
         if (!fieldColumn.preProcessEditCellProps) {
           return;
         }
-        fieldProps = _extends$2({}, fieldProps, {
+        fieldProps = _extends$1({}, fieldProps, {
           isProcessingProps: true
         });
         updateOrDeleteFieldState(id, thisField, fieldProps);
@@ -51236,7 +51236,7 @@ const useGridRowEditing = (apiRef, props) => {
             resolve(false);
             return;
           }
-          processedProps = _extends$2({}, processedProps, {
+          processedProps = _extends$1({}, processedProps, {
             isProcessingProps: false
           });
           updateOrDeleteFieldState(id, thisField, processedProps);
@@ -51259,7 +51259,7 @@ const useGridRowEditing = (apiRef, props) => {
     if (!editingState[id]) {
       return apiRef.current.getRow(id);
     }
-    let rowUpdate = _extends$2({}, prevRowValuesLookup.current[id], row);
+    let rowUpdate = _extends$1({}, prevRowValuesLookup.current[id], row);
     Object.entries(editingState[id]).forEach(([field, fieldProps]) => {
       const column2 = apiRef.current.getColumn(field);
       if (column2 == null ? void 0 : column2.valueSetter) {
@@ -51299,18 +51299,18 @@ const useGridRowEditing = (apiRef, props) => {
       const prevMode = ((_a2 = copyOfPrevRowModesModel[id]) == null ? void 0 : _a2.mode) || GridRowModes.View;
       const originalId = rowsLookup[id] ? apiRef.current.getRowId(rowsLookup[id]) : id;
       if (params.mode === GridRowModes.Edit && prevMode === GridRowModes.View) {
-        updateStateToStartRowEditMode(_extends$2({
+        updateStateToStartRowEditMode(_extends$1({
           id: originalId
         }, params));
       } else if (params.mode === GridRowModes.View && prevMode === GridRowModes.Edit) {
-        updateStateToStopRowEditMode(_extends$2({
+        updateStateToStopRowEditMode(_extends$1({
           id: originalId
         }, params));
       }
     });
   }, [apiRef, rowModesModel, updateStateToStartRowEditMode, updateStateToStopRowEditMode]);
 };
-const editingStateInitializer = (state) => _extends$2({}, state, {
+const editingStateInitializer = (state) => _extends$1({}, state, {
   editRows: {}
 });
 const useGridEditing = (apiRef, props) => {
@@ -51429,7 +51429,7 @@ const rowsStateInitializer = (state, props, apiRef) => {
     loading: props.loading,
     rowCount: props.rowCount
   });
-  return _extends$2({}, state, {
+  return _extends$1({}, state, {
     rows: getRowsStateFromCache({
       apiRef,
       rowCountProp: props.rowCount,
@@ -51470,7 +51470,7 @@ const useGridRows = (apiRef, props) => {
   }) => {
     const run = () => {
       lastUpdateMs.current = Date.now();
-      apiRef.current.setState((state) => _extends$2({}, state, {
+      apiRef.current.setState((state) => _extends$1({}, state, {
         rows: getRowsStateFromCache({
           apiRef,
           rowCountProp: props.rowCount,
@@ -51543,8 +51543,8 @@ const useGridRows = (apiRef, props) => {
       return;
     }
     logger.debug(`Setting loading to ${loading}`);
-    apiRef.current.setState((state) => _extends$2({}, state, {
-      rows: _extends$2({}, state.rows, {
+    apiRef.current.setState((state) => _extends$1({}, state, {
+      rows: _extends$1({}, state.rows, {
         loading
       })
     }));
@@ -51571,13 +51571,13 @@ const useGridRows = (apiRef, props) => {
     if (currentNode.type !== "group") {
       throw new Error("MUI X: Only group nodes can be expanded or collapsed.");
     }
-    const newNode = _extends$2({}, currentNode, {
+    const newNode = _extends$1({}, currentNode, {
       childrenExpanded: isExpanded
     });
     apiRef.current.setState((state) => {
-      return _extends$2({}, state, {
-        rows: _extends$2({}, state.rows, {
-          tree: _extends$2({}, state.rows.tree, {
+      return _extends$1({}, state, {
+        rows: _extends$1({}, state.rows, {
+          tree: _extends$1({}, state.rows.tree, {
             [id]: newNode
           })
         })
@@ -51638,10 +51638,10 @@ const useGridRows = (apiRef, props) => {
       logger.debug(`Moving row ${rowId} to index ${targetIndex}`);
       const updatedRows = [...allRows];
       updatedRows.splice(targetIndex, 0, updatedRows.splice(oldIndex, 1)[0]);
-      return _extends$2({}, state, {
-        rows: _extends$2({}, state.rows, {
-          tree: _extends$2({}, state.rows.tree, {
-            [GRID_ROOT_GROUP_ID]: _extends$2({}, group, {
+      return _extends$1({}, state, {
+        rows: _extends$1({}, state.rows, {
+          tree: _extends$1({}, state.rows.tree, {
+            [GRID_ROOT_GROUP_ID]: _extends$1({}, group, {
               children: updatedRows
             })
           })
@@ -51661,8 +51661,8 @@ const useGridRows = (apiRef, props) => {
     if (treeDepth > 1) {
       throw new Error("`apiRef.current.unstable_replaceRows` is not compatible with tree data and row grouping");
     }
-    const tree = _extends$2({}, gridRowTreeSelector(apiRef));
-    const dataRowIdToModelLookup = _extends$2({}, gridRowsLookupSelector(apiRef));
+    const tree = _extends$1({}, gridRowTreeSelector(apiRef));
+    const dataRowIdToModelLookup = _extends$1({}, gridRowsLookupSelector(apiRef));
     const rootGroup = tree[GRID_ROOT_GROUP_ID];
     const rootGroupChildren = [...rootGroup.children];
     const seenIds = /* @__PURE__ */ new Set();
@@ -51685,7 +51685,7 @@ const useGridRows = (apiRef, props) => {
       tree[rowId] = rowTreeNodeConfig;
       seenIds.add(rowId);
     }
-    tree[GRID_ROOT_GROUP_ID] = _extends$2({}, rootGroup, {
+    tree[GRID_ROOT_GROUP_ID] = _extends$1({}, rootGroup, {
       children: rootGroupChildren
     });
     const dataRowIds = rootGroupChildren.filter((childId) => {
@@ -51693,8 +51693,8 @@ const useGridRows = (apiRef, props) => {
       return ((_a2 = tree[childId]) == null ? void 0 : _a2.type) === "leaf";
     });
     apiRef.current.caches.rows.dataRowIdToModelLookup = dataRowIdToModelLookup;
-    apiRef.current.setState((state) => _extends$2({}, state, {
-      rows: _extends$2({}, state.rows, {
+    apiRef.current.setState((state) => _extends$1({}, state, {
+      rows: _extends$1({}, state.rows, {
         loading: props.loading,
         totalRowCount: Math.max(props.rowCount || 0, rootGroupChildren.length),
         dataRowIdToModelLookup,
@@ -51729,7 +51729,7 @@ const useGridRows = (apiRef, props) => {
     logger.info(`Row grouping pre-processing have changed, regenerating the row tree`);
     let cache2;
     if (apiRef.current.caches.rows.rowsBeforePartialUpdates === props.rows) {
-      cache2 = _extends$2({}, apiRef.current.caches.rows, {
+      cache2 = _extends$1({}, apiRef.current.caches.rows, {
         updates: {
           type: "full",
           rows: gridDataRowIdsSelector(apiRef)
@@ -51773,8 +51773,8 @@ const useGridRows = (apiRef, props) => {
         dataRowIds: gridDataRowIdsSelector(apiRef),
         dataRowIdToModelLookup: gridRowsLookupSelector(apiRef)
       });
-      return _extends$2({}, state, {
-        rows: _extends$2({}, state.rows, response, {
+      return _extends$1({}, state, {
+        rows: _extends$1({}, state.rows, response, {
           totalTopLevelRowCount: getTopLevelRowCount({
             tree: response.tree,
             rowCountProp: props.rowCount
@@ -51805,16 +51805,16 @@ const useGridRows = (apiRef, props) => {
     const isNewRowCountAlreadyInState = apiRef.current.caches.rows.rowCountPropBeforePartialUpdates === props.rowCount;
     if (areNewRowsAlreadyInState) {
       if (!isNewLoadingAlreadyInState) {
-        apiRef.current.setState((state) => _extends$2({}, state, {
-          rows: _extends$2({}, state.rows, {
+        apiRef.current.setState((state) => _extends$1({}, state, {
+          rows: _extends$1({}, state.rows, {
             loading: props.loading
           })
         }));
         apiRef.current.caches.rows.loadingPropBeforePartialUpdates = props.loading;
       }
       if (!isNewRowCountAlreadyInState) {
-        apiRef.current.setState((state) => _extends$2({}, state, {
-          rows: _extends$2({}, state.rows, {
+        apiRef.current.setState((state) => _extends$1({}, state, {
+          rows: _extends$1({}, state.rows, {
             totalRowCount: Math.max(props.rowCount || 0, state.rows.totalRowCount),
             totalTopLevelRowCount: Math.max(props.rowCount || 0, state.rows.totalTopLevelRowCount)
           })
@@ -51839,7 +51839,7 @@ const useGridRows = (apiRef, props) => {
 };
 const createFlatRowTree = (rows) => {
   const tree = {
-    [GRID_ROOT_GROUP_ID]: _extends$2({}, buildRootGroup(), {
+    [GRID_ROOT_GROUP_ID]: _extends$1({}, buildRootGroup(), {
       children: rows
     })
   };
@@ -51866,7 +51866,7 @@ const updateFlatRowTree = ({
   previousTree,
   actions
 }) => {
-  const tree = _extends$2({}, previousTree);
+  const tree = _extends$1({}, previousTree);
   const idsToRemoveFromRootGroup = {};
   for (let i = 0; i < actions.remove.length; i += 1) {
     const idToDelete = actions.remove[i];
@@ -51888,7 +51888,7 @@ const updateFlatRowTree = ({
   if (Object.values(idsToRemoveFromRootGroup).length) {
     rootGroupChildren = rootGroupChildren.filter((id) => !idsToRemoveFromRootGroup[id]);
   }
-  tree[GRID_ROOT_GROUP_ID] = _extends$2({}, rootGroup, {
+  tree[GRID_ROOT_GROUP_ID] = _extends$1({}, rootGroup, {
     children: rootGroupChildren
   });
   return {
@@ -52040,7 +52040,7 @@ const emptyModel = {
   type: "include",
   ids: /* @__PURE__ */ new Set()
 };
-const rowSelectionStateInitializer = (state, props) => _extends$2({}, state, {
+const rowSelectionStateInitializer = (state, props) => _extends$1({}, state, {
   rowSelection: props.rowSelection ? props.rowSelectionModel ?? emptyModel : emptyModel
 });
 const useGridRowSelection = (apiRef, props) => {
@@ -52105,7 +52105,7 @@ const useGridRowSelection = (apiRef, props) => {
     const currentModel = gridRowSelectionStateSelector(apiRef);
     if (currentModel !== model) {
       logger.debug(`Setting selection model`);
-      apiRef.current.setState((state) => _extends$2({}, state, {
+      apiRef.current.setState((state) => _extends$1({}, state, {
         rowSelection: props.rowSelection ? model : emptyModel
       }));
     }
@@ -52574,7 +52574,7 @@ const useGridRowSelectionPreProcessors = (apiRef, props) => {
   };
   const classes2 = useUtilityClasses$7(ownerState);
   const updateSelectionColumn = React.useCallback((columnsState) => {
-    const selectionColumn = _extends$2({}, GRID_CHECKBOX_SELECTION_COL_DEF, {
+    const selectionColumn = _extends$1({}, GRID_CHECKBOX_SELECTION_COL_DEF, {
       cellClassName: classes2.cellCheckbox,
       headerClassName: classes2.columnHeaderCheckbox,
       headerName: apiRef.current.getLocaleText("checkboxSelectionHeaderName")
@@ -52588,7 +52588,7 @@ const useGridRowSelectionPreProcessors = (apiRef, props) => {
       delete columnsState.lookup[GRID_CHECKBOX_SELECTION_FIELD];
       columnsState.orderedFields = columnsState.orderedFields.filter((field) => field !== GRID_CHECKBOX_SELECTION_FIELD);
     } else if (shouldHaveSelectionColumn && haveSelectionColumn) {
-      columnsState.lookup[GRID_CHECKBOX_SELECTION_FIELD] = _extends$2({}, selectionColumn, columnsState.lookup[GRID_CHECKBOX_SELECTION_FIELD]);
+      columnsState.lookup[GRID_CHECKBOX_SELECTION_FIELD] = _extends$1({}, selectionColumn, columnsState.lookup[GRID_CHECKBOX_SELECTION_FIELD]);
     }
     return columnsState;
   }, [apiRef, classes2, props.checkboxSelection]);
@@ -52597,7 +52597,7 @@ const useGridRowSelectionPreProcessors = (apiRef, props) => {
 const sortingStateInitializer = (state, props) => {
   var _a2, _b2;
   const sortModel = props.sortModel ?? ((_b2 = (_a2 = props.initialState) == null ? void 0 : _a2.sorting) == null ? void 0 : _b2.sortModel) ?? [];
-  return _extends$2({}, state, {
+  return _extends$1({}, state, {
     sorting: {
       sortModel: sanitizeSortModel(sortModel, props.disableMultipleColumnsSorting),
       sortedRows: []
@@ -52634,7 +52634,7 @@ const useGridSorting = (apiRef, props) => {
     const existing = sortModel.find((c) => c.field === col.field);
     if (existing) {
       const nextSort = directionOverride === void 0 ? getNextGridSortDirection(col.sortingOrder ?? props.sortingOrder, existing.sort) : directionOverride;
-      return nextSort === void 0 ? void 0 : _extends$2({}, existing, {
+      return nextSort === void 0 ? void 0 : _extends$1({}, existing, {
         sort: nextSort
       });
     }
@@ -52657,8 +52657,8 @@ const useGridSorting = (apiRef, props) => {
     apiRef.current.setState((state) => {
       if (props.sortingMode === "server") {
         logger.debug("Skipping sorting rows as sortingMode = server");
-        return _extends$2({}, state, {
-          sorting: _extends$2({}, state.sorting, {
+        return _extends$1({}, state, {
+          sorting: _extends$1({}, state.sorting, {
             sortedRows: getTreeNodeDescendants(gridRowTreeSelector(apiRef), GRID_ROOT_GROUP_ID, false)
           })
         });
@@ -52668,8 +52668,8 @@ const useGridSorting = (apiRef, props) => {
       const sortedRows = apiRef.current.applyStrategyProcessor("sorting", {
         sortRowList
       });
-      return _extends$2({}, state, {
-        sorting: _extends$2({}, state.sorting, {
+      return _extends$1({}, state, {
+        sorting: _extends$1({}, state.sorting, {
           sortedRows
         })
       });
@@ -52725,7 +52725,7 @@ const useGridSorting = (apiRef, props) => {
     if (!shouldExportSortModel) {
       return prevState;
     }
-    return _extends$2({}, prevState, {
+    return _extends$1({}, prevState, {
       sorting: {
         sortModel: sortModelToExport
       }
@@ -52738,7 +52738,7 @@ const useGridSorting = (apiRef, props) => {
       return params;
     }
     apiRef.current.setState(mergeStateWithSortModel(sortModel, props.disableMultipleColumnsSorting));
-    return _extends$2({}, params, {
+    return _extends$1({}, params, {
       callbacks: [...params.callbacks, apiRef.current.applySorting]
     });
   }, [apiRef, props.disableMultipleColumnsSorting]);
@@ -53035,8 +53035,8 @@ const EMPTY_DIMENSIONS = {
 const dimensionsStateInitializer = (state, props, apiRef) => {
   const dimensions = EMPTY_DIMENSIONS;
   const density = gridDensityFactorSelector(apiRef);
-  return _extends$2({}, state, {
-    dimensions: _extends$2({}, dimensions, getStaticDimensions(props, apiRef, density, gridVisiblePinnedColumnDefinitionsSelector(apiRef)))
+  return _extends$1({}, state, {
+    dimensions: _extends$1({}, dimensions, getStaticDimensions(props, apiRef, density, gridVisiblePinnedColumnDefinitionsSelector(apiRef)))
   });
 };
 const columnsTotalWidthSelector = createSelector(gridVisibleColumnDefinitionsSelector, gridColumnPositionsSelector, (visibleColumns, positions) => {
@@ -53065,7 +53065,7 @@ function useGridDimensions(apiRef, props) {
   } = getStaticDimensions(props, apiRef, densityFactor, pinnedColumns);
   const getRootDimensions = React.useCallback(() => gridDimensionsSelector(apiRef), [apiRef]);
   const setDimensions = React.useCallback((dimensions) => {
-    apiRef.current.setState((state) => _extends$2({}, state, {
+    apiRef.current.setState((state) => _extends$1({}, state, {
       dimensions
     }));
     if (apiRef.current.rootElementRef.current) {
@@ -53290,7 +53290,7 @@ const rowsMetaStateInitializer = (state, props, apiRef) => {
   const dataRowCount = gridRowCountSelector(apiRef);
   const pagination = gridPaginationSelector(apiRef);
   const rowCount = Math.min(pagination.enabled ? pagination.paginationModel.pageSize : dataRowCount, dataRowCount);
-  return _extends$2({}, state, {
+  return _extends$1({}, state, {
     rowsMeta: {
       currentPageTotalHeight: rowCount * baseRowHeight,
       positions: Array.from({
@@ -53337,12 +53337,12 @@ const useGridRowsMeta = (apiRef, props) => {
       entry.content = baseRowHeight;
       entry.needsFirstMeasurement = false;
     } else {
-      const rowHeightFromUser = getRowHeightProp(_extends$2({}, row, {
+      const rowHeightFromUser = getRowHeightProp(_extends$1({}, row, {
         densityFactor
       }));
       if (rowHeightFromUser === "auto") {
         if (entry.needsFirstMeasurement) {
-          const estimatedRowHeight = getEstimatedRowHeight ? getEstimatedRowHeight(_extends$2({}, row, {
+          const estimatedRowHeight = getEstimatedRowHeight ? getEstimatedRowHeight(_extends$1({}, row, {
             densityFactor
           })) : baseRowHeight;
           entry.content = estimatedRowHeight ?? baseRowHeight;
@@ -53357,7 +53357,7 @@ const useGridRowsMeta = (apiRef, props) => {
     }
     if (getRowSpacing) {
       const indexRelativeToCurrentPage = apiRef.current.getRowIndexRelativeToVisibleRows(row.id);
-      const spacing2 = getRowSpacing(_extends$2({}, row, {
+      const spacing2 = getRowSpacing(_extends$1({}, row, {
         isFirstVisible: indexRelativeToCurrentPage === 0,
         isLastVisible: indexRelativeToCurrentPage === currentPage.rows.length - 1,
         indexRelativeToCurrentPage
@@ -53399,7 +53399,7 @@ const useGridRowsMeta = (apiRef, props) => {
       pinnedBottomRowsTotalHeight
     };
     apiRef.current.setState((state) => {
-      return _extends$2({}, state, {
+      return _extends$1({}, state, {
         rowsMeta
       });
     });
@@ -53682,18 +53682,18 @@ const createGroupLookup = (columnGroupingModel) => {
         console.warn(`MUI X: group groupId=${groupId} has no children.`);
       }
     }
-    const groupParam = _extends$2({}, other, {
+    const groupParam = _extends$1({}, other, {
       groupId
     });
     const subTreeLookup = createGroupLookup(children);
     if (subTreeLookup[groupId] !== void 0 || groupLookup[groupId] !== void 0) {
       throw new Error(`MUI X: The groupId ${groupId} is used multiple times in the columnGroupingModel.`);
     }
-    groupLookup = _extends$2({}, groupLookup, subTreeLookup, {
+    groupLookup = _extends$1({}, groupLookup, subTreeLookup, {
       [groupId]: groupParam
     });
   });
-  return _extends$2({}, groupLookup);
+  return _extends$1({}, groupLookup);
 };
 const columnGroupsStateInitializer = (state, props, apiRef) => {
   if (!props.columnGroupingModel) {
@@ -53708,7 +53708,7 @@ const columnGroupsStateInitializer = (state, props, apiRef) => {
     var _a2;
     return ((_a2 = unwrappedGroupingModel[field]) == null ? void 0 : _a2.length) ?? 0;
   }));
-  return _extends$2({}, state, {
+  return _extends$1({}, state, {
     columnGrouping: {
       lookup: groupLookup,
       unwrappedGroupingModel,
@@ -53738,8 +53738,8 @@ const useGridColumnGrouping = (apiRef, props) => {
       const orderedFields = ((_a2 = state.columns) == null ? void 0 : _a2.orderedFields) ?? [];
       const pinnedColumns = state.pinnedColumns ?? {};
       const columnGroupsHeaderStructure = getColumnGroupsHeaderStructure(orderedFields, unwrappedGroupingModel, pinnedColumns);
-      return _extends$2({}, state, {
-        columnGrouping: _extends$2({}, state.columnGrouping, {
+      return _extends$1({}, state, {
+        columnGrouping: _extends$1({}, state.columnGrouping, {
           headerStructure: columnGroupsHeaderStructure
         })
       });
@@ -53758,7 +53758,7 @@ const useGridColumnGrouping = (apiRef, props) => {
       return ((_a3 = unwrappedGroupingModel[field]) == null ? void 0 : _a3.length) ?? 0;
     }));
     apiRef.current.setState((state) => {
-      return _extends$2({}, state, {
+      return _extends$1({}, state, {
         columnGrouping: {
           lookup: groupLookup,
           unwrappedGroupingModel,
@@ -53908,7 +53908,7 @@ function extractColumnWidths(apiRef, options, columns2) {
   root2.classList.remove(gridClasses.autosizing);
   return widthByField;
 }
-const columnResizeStateInitializer = (state) => _extends$2({}, state, {
+const columnResizeStateInitializer = (state) => _extends$1({}, state, {
   columnResize: {
     resizingColumnField: ""
   }
@@ -54134,15 +54134,15 @@ const useGridColumnResize = (apiRef, props) => {
   const handleResizeStart = React.useCallback(({
     field
   }) => {
-    apiRef.current.setState((state) => _extends$2({}, state, {
-      columnResize: _extends$2({}, state.columnResize, {
+    apiRef.current.setState((state) => _extends$1({}, state, {
+      columnResize: _extends$1({}, state.columnResize, {
         resizingColumnField: field
       })
     }));
   }, [apiRef]);
   const handleResizeStop = React.useCallback(() => {
-    apiRef.current.setState((state) => _extends$2({}, state, {
-      columnResize: _extends$2({}, state.columnResize, {
+    apiRef.current.setState((state) => _extends$1({}, state, {
+      columnResize: _extends$1({}, state.columnResize, {
         resizingColumnField: ""
       })
     }));
@@ -54180,7 +54180,7 @@ const useGridColumnResize = (apiRef, props) => {
     if (column2.resizable === false) {
       return;
     }
-    apiRef.current.autosizeColumns(_extends$2({}, props.autosizeOptions, {
+    apiRef.current.autosizeColumns(_extends$1({}, props.autosizeOptions, {
       disableColumnVirtualization: false,
       columns: [column2.field]
     }));
@@ -54198,7 +54198,7 @@ const useGridColumnResize = (apiRef, props) => {
     }
     isAutosizingRef.current = true;
     const state = gridColumnsStateSelector(apiRef);
-    const options = _extends$2({}, DEFAULT_GRID_AUTOSIZE_OPTIONS, userOptions, {
+    const options = _extends$1({}, DEFAULT_GRID_AUTOSIZE_OPTIONS, userOptions, {
       columns: (userOptions == null ? void 0 : userOptions.columns) ?? state.orderedFields
     });
     options.columns = options.columns.filter((c) => state.columnVisibilityModel[c] !== false);
@@ -54209,7 +54209,7 @@ const useGridColumnResize = (apiRef, props) => {
         await columnVirtualizationDisabled();
       }
       const widthByField = extractColumnWidths(apiRef, options, columns2);
-      const newColumns = columns2.map((column2) => _extends$2({}, column2, {
+      const newColumns = columns2.map((column2) => _extends$1({}, column2, {
         width: widthByField[column2.field],
         computedWidth: widthByField[column2.field],
         flex: 0
@@ -54320,9 +54320,9 @@ const EMPTY_RANGE = {
 const skippedFields = /* @__PURE__ */ new Set([GRID_CHECKBOX_SELECTION_FIELD, "__reorder__", GRID_DETAIL_PANEL_TOGGLE_FIELD]);
 const DEFAULT_ROWS_TO_PROCESS = 20;
 const computeRowSpanningState = (apiRef, colDefs, visibleRows, range2, rangeToProcess, resetState, processedRange) => {
-  const spannedCells = resetState ? {} : _extends$2({}, apiRef.current.state.rowSpanning.spannedCells);
-  const hiddenCells = resetState ? {} : _extends$2({}, apiRef.current.state.rowSpanning.hiddenCells);
-  const hiddenCellOriginMap = resetState ? {} : _extends$2({}, apiRef.current.state.rowSpanning.hiddenCellOriginMap);
+  const spannedCells = resetState ? {} : _extends$1({}, apiRef.current.state.rowSpanning.spannedCells);
+  const hiddenCells = resetState ? {} : _extends$1({}, apiRef.current.state.rowSpanning.hiddenCells);
+  const hiddenCellOriginMap = resetState ? {} : _extends$1({}, apiRef.current.state.rowSpanning.hiddenCellOriginMap);
   if (resetState) {
     processedRange = EMPTY_RANGE;
   }
@@ -54436,7 +54436,7 @@ const getInitialRangeToProcess = (props, apiRef) => {
 const rowSpanningStateInitializer = (state, props, apiRef) => {
   var _a2;
   if (!props.rowSpanning) {
-    return _extends$2({}, state, {
+    return _extends$1({}, state, {
       rowSpanning: EMPTY_STATE
     });
   }
@@ -54446,7 +54446,7 @@ const rowSpanningStateInitializer = (state, props, apiRef) => {
   const columnsLookup = state.columns.lookup;
   const isFilteringPending = Boolean(state.filter.filterModel.items.length) || Boolean((_a2 = state.filter.filterModel.quickFilterValues) == null ? void 0 : _a2.length);
   if (!rowIds.length || !orderedFields.length || !dataRowIdToModelLookup || !columnsLookup || isFilteringPending) {
-    return _extends$2({}, state, {
+    return _extends$1({}, state, {
       rowSpanning: EMPTY_STATE
     });
   }
@@ -54461,7 +54461,7 @@ const rowSpanningStateInitializer = (state, props, apiRef) => {
     hiddenCells,
     hiddenCellOriginMap
   } = computeRowSpanningState(apiRef, colDefs, rows, rangeToProcess, rangeToProcess, true, EMPTY_RANGE);
-  return _extends$2({}, state, {
+  return _extends$1({}, state, {
     rowSpanning: {
       spannedCells,
       hiddenCells,
@@ -54512,7 +54512,7 @@ const useGridRowSpanning = (apiRef, props) => {
       return;
     }
     apiRef.current.setState((state) => {
-      return _extends$2({}, state, {
+      return _extends$1({}, state, {
         rowSpanning: {
           spannedCells,
           hiddenCells,
@@ -54536,7 +54536,7 @@ const useGridRowSpanning = (apiRef, props) => {
   React.useEffect(() => {
     if (!props.rowSpanning) {
       if (apiRef.current.state.rowSpanning !== EMPTY_STATE) {
-        apiRef.current.setState((state) => _extends$2({}, state, {
+        apiRef.current.setState((state) => _extends$1({}, state, {
           rowSpanning: EMPTY_STATE
         }));
       }
@@ -54545,8 +54545,8 @@ const useGridRowSpanning = (apiRef, props) => {
     }
   }, [apiRef, resetRowSpanningState, props.rowSpanning]);
 };
-const listViewStateInitializer = (state, props, apiRef) => _extends$2({}, state, {
-  listViewColumn: props.listViewColumn ? _extends$2({}, props.listViewColumn, {
+const listViewStateInitializer = (state, props, apiRef) => _extends$1({}, state, {
+  listViewColumn: props.listViewColumn ? _extends$1({}, props.listViewColumn, {
     computedWidth: getListColumnWidth(apiRef)
   }) : void 0
 });
@@ -54556,8 +54556,8 @@ function useGridListView(apiRef, props) {
       if (!state.listViewColumn) {
         return state;
       }
-      return _extends$2({}, state, {
-        listViewColumn: _extends$2({}, state.listViewColumn, {
+      return _extends$1({}, state, {
+        listViewColumn: _extends$1({}, state.listViewColumn, {
           computedWidth: getListColumnWidth(apiRef)
         })
       });
@@ -54576,8 +54576,8 @@ function useGridListView(apiRef, props) {
     const listColumn = props.listViewColumn;
     if (listColumn) {
       apiRef.current.setState((state) => {
-        return _extends$2({}, state, {
-          listViewColumn: _extends$2({}, listColumn, {
+        return _extends$1({}, state, {
+          listViewColumn: _extends$1({}, listColumn, {
             computedWidth: getListColumnWidth(apiRef)
           })
         });
@@ -54622,7 +54622,7 @@ class CacheChunkManager {
       const chunkedKeys = [];
       for (let i = key.start; i < key.end; i += this.chunkSize) {
         const end2 = Math.min(i + this.chunkSize - 1, key.end);
-        chunkedKeys.push(_extends$2({}, key, {
+        chunkedKeys.push(_extends$1({}, key, {
           start: i,
           end: end2
         }));
@@ -54635,8 +54635,8 @@ class CacheChunkManager {
       cacheKeys.forEach((chunkKey) => {
         var _a2, _b2, _c2, _d2;
         const isLastChunk = chunkKey.end === key.end;
-        const responseSlice = _extends$2({}, response, {
-          pageInfo: _extends$2({}, response.pageInfo, {
+        const responseSlice = _extends$1({}, response, {
+          pageInfo: _extends$1({}, response.pageInfo, {
             // If the original response had page info, update that information for all but last chunk and keep the original value for the last chunk
             hasNextPage: ((_a2 = response.pageInfo) == null ? void 0 : _a2.hasNextPage) !== void 0 && !isLastChunk ? true : (_b2 = response.pageInfo) == null ? void 0 : _b2.hasNextPage,
             nextCursor: ((_c2 = response.pageInfo) == null ? void 0 : _c2.nextCursor) !== void 0 && !isLastChunk ? response.rows[chunkKey.end + 1].id : (_d2 = response.pageInfo) == null ? void 0 : _d2.nextCursor
@@ -54703,7 +54703,7 @@ const useGridDataSourceBase = (apiRef, props, options = {}) => {
       return;
     }
     (_c2 = options.clearDataSourceState) == null ? void 0 : _c2.call(options);
-    const fetchParams = _extends$2({}, gridGetRowsParamsSelector(apiRef), apiRef.current.unstable_applyPipeProcessors("getRowsParams", {}), params);
+    const fetchParams = _extends$1({}, gridGetRowsParamsSelector(apiRef), apiRef.current.unstable_applyPipeProcessors("getRowsParams", {}), params);
     const cacheKeys = cacheChunkManager.getCacheKeys(fetchParams);
     const responses = cacheKeys.map((cacheKey) => cache2.get(cacheKey));
     if (responses.every((response) => response !== void 0)) {
@@ -54947,7 +54947,7 @@ function GridColumnGroupHeader(props) {
   if (groupId && render) {
     headerComponent = render(renderParams);
   }
-  const ownerState = _extends$2({}, props, {
+  const ownerState = _extends$1({}, props, {
     classes: rootProps.classes,
     headerAlign,
     depth,
@@ -54981,8 +54981,8 @@ function GridColumnGroupHeader(props) {
     onBlur: publish("columnGroupHeaderBlur")
   }), [publish]);
   const headerClassName = typeof group.headerClassName === "function" ? group.headerClassName(renderParams) : group.headerClassName;
-  const style2 = React.useMemo(() => attachPinnedStyle(_extends$2({}, props.style), isRtl, pinnedPosition, pinnedOffset), [pinnedPosition, pinnedOffset, props.style, isRtl]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridGenericColumnHeaderItem, _extends$2({
+  const style2 = React.useMemo(() => attachPinnedStyle(_extends$1({}, props.style), isRtl, pinnedPosition, pinnedOffset), [pinnedPosition, pinnedOffset, props.style, isRtl]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridGenericColumnHeaderItem, _extends$1({
     ref: headerCellRef,
     classes: classes2,
     columnMenuOpen: false,
@@ -55121,7 +55121,7 @@ const useGridColumnHeaders = (props) => {
       const sectionLength = renderedColumns.length;
       const showLeftBorder = shouldCellShowLeftBorder(pinnedPosition, indexInSection);
       const showRightBorder = shouldCellShowRightBorder(pinnedPosition, indexInSection, sectionLength, rootProps.showColumnVerticalBorder, gridHasFiller);
-      columns2.push(/* @__PURE__ */ jsxRuntimeExports.jsx(Memoized, _extends$2({}, sortColumnLookup[colDef.field], {
+      columns2.push(/* @__PURE__ */ jsxRuntimeExports.jsx(Memoized, _extends$1({}, sortColumnLookup[colDef.field], {
         columnMenuOpen: open,
         filterItemsCounter: filterColumnLookup[colDef.field] && filterColumnLookup[colDef.field].length,
         headerHeight,
@@ -55194,7 +55194,7 @@ const useGridColumnHeaders = (props) => {
       columnFields
     }) => groupId === lastGroupToRender && columnFields.includes(lastColumnFieldToRender));
     const visibleColumnGroupHeader = rowStructure.slice(firstGroupIndex, lastGroupIndex + 1).map((groupStructure) => {
-      return _extends$2({}, groupStructure, {
+      return _extends$1({}, groupStructure, {
         columnFields: groupStructure.columnFields.filter((field) => columnVisibility[field] !== false)
       });
     }).filter((groupStructure) => groupStructure.columnFields.length > 0);
@@ -55323,7 +55323,7 @@ const GridBaseColumnHeaders = forwardRef(function GridColumnHeaders(props, ref)
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded$3);
   const rootProps = useGridRootProps();
   const classes2 = useUtilityClasses$5(rootProps);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridColumnHeadersRoot, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridColumnHeadersRoot, _extends$1({
     className: clsx$1(classes2.root, className),
     ownerState: rootProps
   }, other, {
@@ -55365,7 +55365,7 @@ const GridColumnHeaders2 = forwardRef(function GridColumnHeaders22(props, ref) {
     columnGroupsHeaderStructure,
     hasOtherElementInTabSequence
   });
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(GridBaseColumnHeaders, _extends$2({}, other, getInnerProps(), {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(GridBaseColumnHeaders, _extends$1({}, other, getInnerProps(), {
     ref,
     children: [getColumnGroupHeadersRows(), getColumnHeadersRow()]
   }));
@@ -55414,7 +55414,7 @@ function GridPinnedRows(_) {
 const GridNoResultsOverlay = forwardRef(function GridNoResultsOverlay2(props, ref) {
   const apiRef = useGridApiContext();
   const noResultsOverlayLabel = apiRef.current.getLocaleText("noResultsOverlayLabel");
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridOverlay, _extends$2({}, props, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(GridOverlay, _extends$1({}, props, {
     ref,
     children: noResultsOverlayLabel
   }));
@@ -56939,7 +56939,7 @@ const GridColumnUnsortedIcon = /* @__PURE__ */ React.memo(function GridColumnHea
   const rootProps = useGridRootProps();
   const [nextSortDirection] = sortingOrder;
   const Icon = nextSortDirection === "asc" ? rootProps.slots.columnSortedAscendingIcon : rootProps.slots.columnSortedDescendingIcon;
-  return Icon ? /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, _extends$2({}, other)) : null;
+  return Icon ? /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, _extends$1({}, other)) : null;
 });
 const encoder = new TextEncoder();
 let bufferLength = 2 * 1024;
@@ -57156,7 +57156,7 @@ const BaseSelect = forwardRef(function BaseSelect2(props, ref) {
       shrink: true,
       variant: "outlined",
       children: label
-    }), /* @__PURE__ */ jsxRuntimeExports.jsx(Select, _extends$2({
+    }), /* @__PURE__ */ jsxRuntimeExports.jsx(Select, _extends$1({
       id,
       labelId,
       label,
@@ -57212,13 +57212,13 @@ const BasePagination = forwardRef(function BasePagination2(props, ref) {
   const {
     estimatedRowCount
   } = rootProps;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(StyledPagination, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(StyledPagination, _extends$1({
     component: "div",
     onRowsPerPageChange: useEventCallback((event) => {
       onRowsPerPageChange == null ? void 0 : onRowsPerPageChange(Number(event.target.value));
     }),
     labelRowsPerPage: apiRef.current.getLocaleText("paginationRowsPerPage"),
-    labelDisplayedRows: (params) => apiRef.current.getLocaleText("paginationDisplayedRows")(_extends$2({}, params, {
+    labelDisplayedRows: (params) => apiRef.current.getLocaleText("paginationDisplayedRows")(_extends$1({}, params, {
       estimated: estimatedRowCount
     })),
     getItemAriaLabel: apiRef.current.getLocaleText("paginationItemAriaLabel")
@@ -57230,7 +57230,7 @@ const BaseBadge = forwardRef(function BaseBadge2(props, ref) {
   const {
     material
   } = props, rest = _objectWithoutPropertiesLoose(props, _excluded3);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, _extends$2({}, rest, material, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, _extends$1({}, rest, material, {
     ref
   }));
 });
@@ -57258,7 +57258,7 @@ const BaseCheckbox = forwardRef(function BaseCheckbox2(props, ref) {
     }
   }, [autoFocus]);
   if (!label) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Checkbox, _extends$2({}, other, material, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Checkbox, _extends$1({}, other, material, {
       className: clsx$1(className, material == null ? void 0 : material.className),
       inputProps: slotProps == null ? void 0 : slotProps.htmlInput,
       ref: handleRef,
@@ -57267,7 +57267,7 @@ const BaseCheckbox = forwardRef(function BaseCheckbox2(props, ref) {
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(FormControlLabel, {
     className,
-    control: /* @__PURE__ */ jsxRuntimeExports.jsx(Checkbox, _extends$2({}, other, material, {
+    control: /* @__PURE__ */ jsxRuntimeExports.jsx(Checkbox, _extends$1({}, other, material, {
       inputProps: slotProps == null ? void 0 : slotProps.htmlInput,
       ref: handleRef,
       touchRippleRef: rippleRef
@@ -57280,7 +57280,7 @@ const BaseCircularProgress = forwardRef(function BaseCircularProgress2(props, re
   const {
     material
   } = props, rest = _objectWithoutPropertiesLoose(props, _excluded5);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(CircularProgress, _extends$2({}, rest, material, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(CircularProgress, _extends$1({}, rest, material, {
     ref
   }));
 });
@@ -57288,7 +57288,7 @@ const BaseDivider = forwardRef(function BaseDivider2(props, ref) {
   const {
     material
   } = props, rest = _objectWithoutPropertiesLoose(props, _excluded6);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Divider$1, _extends$2({}, rest, material, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Divider$1, _extends$1({}, rest, material, {
     ref
   }));
 });
@@ -57296,7 +57296,7 @@ const BaseLinearProgress = forwardRef(function BaseLinearProgress2(props, ref) {
   const {
     material
   } = props, rest = _objectWithoutPropertiesLoose(props, _excluded7);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(LinearProgress, _extends$2({}, rest, material, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(LinearProgress, _extends$1({}, rest, material, {
     ref
   }));
 });
@@ -57304,7 +57304,7 @@ const BaseButton = forwardRef(function BaseButton2(props, ref) {
   const {
     material
   } = props, rest = _objectWithoutPropertiesLoose(props, _excluded8);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Button, _extends$2({}, rest, material, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Button, _extends$1({}, rest, material, {
     ref
   }));
 });
@@ -57312,7 +57312,7 @@ const BaseIconButton = forwardRef(function BaseIconButton2(props, ref) {
   const {
     material
   } = props, rest = _objectWithoutPropertiesLoose(props, _excluded9);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(IconButton, _extends$2({}, rest, material, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(IconButton, _extends$1({}, rest, material, {
     ref
   }));
 });
@@ -57320,7 +57320,7 @@ const BaseTooltip = forwardRef(function BaseTooltip2(props, ref) {
   const {
     material
   } = props, rest = _objectWithoutPropertiesLoose(props, _excluded10);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, _extends$2({}, rest, material, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, _extends$1({}, rest, material, {
     ref
   }));
 });
@@ -57328,7 +57328,7 @@ const BaseSkeleton = forwardRef(function BaseSkeleton2(props, ref) {
   const {
     material
   } = props, rest = _objectWithoutPropertiesLoose(props, _excluded11);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, _extends$2({}, rest, material, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, _extends$1({}, rest, material, {
     ref
   }));
 });
@@ -57336,7 +57336,7 @@ const BaseSwitch = forwardRef(function BaseSwitch2(props, ref) {
   const {
     material
   } = props, rest = _objectWithoutPropertiesLoose(props, _excluded12);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Switch, _extends$2({}, rest, material, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Switch, _extends$1({}, rest, material, {
     ref
   }));
 });
@@ -57344,7 +57344,7 @@ const BaseMenuList = forwardRef(function BaseMenuList2(props, ref) {
   const {
     material
   } = props, rest = _objectWithoutPropertiesLoose(props, _excluded13);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(MenuList, _extends$2({}, rest, material, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(MenuList, _extends$1({}, rest, material, {
     ref
   }));
 });
@@ -57371,12 +57371,12 @@ function BaseTextField(props) {
     slotProps,
     material
   } = props, rest = _objectWithoutPropertiesLoose(props, _excluded15);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(TextField, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(TextField, _extends$1({
     variant: "outlined"
   }, rest, material, {
     inputProps: slotProps == null ? void 0 : slotProps.htmlInput,
     InputProps: transformInputProps(slotProps == null ? void 0 : slotProps.input),
-    InputLabelProps: _extends$2({
+    InputLabelProps: _extends$1({
       shrink: true
     }, slotProps == null ? void 0 : slotProps.inputLabel)
   }));
@@ -57397,7 +57397,7 @@ function BaseAutocomplete(props) {
     slotProps,
     material
   } = props, rest = _objectWithoutPropertiesLoose(props, _excluded16);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Autocomplete, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Autocomplete, _extends$1({
     id,
     multiple,
     freeSolo,
@@ -57412,7 +57412,7 @@ function BaseAutocomplete(props) {
       }), {
         key
       } = _getTagProps, tagProps = _objectWithoutPropertiesLoose(_getTagProps, _excluded17);
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(Chip, _extends$2({
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Chip, _extends$1({
         variant: "outlined",
         size: "small",
         label: typeof option === "string" ? option : getOptionLabel == null ? void 0 : getOptionLabel(option)
@@ -57425,12 +57425,12 @@ function BaseAutocomplete(props) {
         InputProps,
         InputLabelProps
       } = params, inputRest = _objectWithoutPropertiesLoose(params, _excluded18);
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(TextField, _extends$2({}, inputRest, {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(TextField, _extends$1({}, inputRest, {
         label,
         placeholder,
         inputProps,
         InputProps: transformInputProps(InputProps, false),
-        InputLabelProps: _extends$2({
+        InputLabelProps: _extends$1({
           shrink: true
         }, InputLabelProps)
       }, slotProps == null ? void 0 : slotProps.textField, (_a2 = rootProps.slotProps) == null ? void 0 : _a2.baseTextField));
@@ -57438,7 +57438,7 @@ function BaseAutocomplete(props) {
   }, rest, material));
 }
 function BaseInput(props) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(InputBase, _extends$2({}, transformInputProps(props)));
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(InputBase, _extends$1({}, transformInputProps(props)));
 }
 function transformInputProps(props, wrapAdornments = true) {
   if (!props) {
@@ -57470,7 +57470,7 @@ function transformInputProps(props, wrapAdornments = true) {
   }
   if (slotProps == null ? void 0 : slotProps.htmlInput) {
     if (result.inputProps) {
-      result.inputProps = _extends$2({}, result.inputProps, slotProps == null ? void 0 : slotProps.htmlInput);
+      result.inputProps = _extends$1({}, result.inputProps, slotProps == null ? void 0 : slotProps.htmlInput);
     } else {
       result.inputProps = slotProps == null ? void 0 : slotProps.htmlInput;
     }
@@ -57536,7 +57536,7 @@ function BasePopper(props) {
     };
     content = (p) => {
       var _a2;
-      return wrappers(props, /* @__PURE__ */ jsxRuntimeExports.jsx(Grow, _extends$2({}, p.TransitionProps, {
+      return wrappers(props, /* @__PURE__ */ jsxRuntimeExports.jsx(Grow, _extends$1({}, p.TransitionProps, {
         style: {
           transformOrigin: transformOrigin[p.placement]
         },
@@ -57547,7 +57547,7 @@ function BasePopper(props) {
       })));
     };
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Popper$1, _extends$2({
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Popper$1, _extends$1({
     id,
     className,
     open,
@@ -57592,9 +57592,9 @@ function BaseSelectOption(_ref) {
     native
   } = _ref, props = _objectWithoutPropertiesLoose(_ref, _excluded21);
   if (native) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("option", _extends$2({}, props));
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("option", _extends$1({}, props));
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(MenuItem, _extends$2({}, props));
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(MenuItem, _extends$1({}, props));
 }
 const iconSlots = {
   booleanCellTrueIcon: GridCheckIcon,
@@ -57656,7 +57656,7 @@ const baseSlots = {
   baseSkeleton: BaseSkeleton,
   baseSwitch: BaseSwitch
 };
-const materialSlots = _extends$2({}, baseSlots, iconSlots);
+const materialSlots = _extends$1({}, baseSlots, iconSlots);
 const useUtilityClasses = () => {
   const slots = {
     root: ["bottomContainer"]
@@ -57670,12 +57670,12 @@ const Element$1 = styled$1("div")({
 });
 function GridBottomContainer(props) {
   const classes2 = useUtilityClasses();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Element$1, _extends$2({}, props, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Element$1, _extends$1({}, props, {
     className: clsx$1(classes2.root, gridClasses["container--bottom"]),
     role: "presentation"
   }));
 }
-const DATA_GRID_DEFAULT_SLOTS_COMPONENTS = _extends$2({}, materialSlots, {
+const DATA_GRID_DEFAULT_SLOTS_COMPONENTS = _extends$1({}, materialSlots, {
   cell: MemoizedGridCell,
   skeletonCell: Memoized$1,
   columnHeaderFilterIconButton: GridColumnHeaderFilterIconButtonWrapped,
@@ -57711,7 +57711,7 @@ const DATA_GRID_FORCED_PROPS = {
   signature: "DataGrid",
   listView: false
 };
-const getDataGridForcedProps = (themedProps) => _extends$2({}, DATA_GRID_FORCED_PROPS, themedProps.dataSource ? {
+const getDataGridForcedProps = (themedProps) => _extends$1({}, DATA_GRID_FORCED_PROPS, themedProps.dataSource ? {
   filterMode: "server",
   sortingMode: "server",
   paginationMode: "server"
@@ -57725,7 +57725,7 @@ const useDataGridProps = (inProps) => {
       name: "MuiDataGrid"
     })
   );
-  const localeText = React.useMemo(() => _extends$2({}, GRID_DEFAULT_LOCALE_TEXT, themedProps.localeText), [themedProps.localeText]);
+  const localeText = React.useMemo(() => _extends$1({}, GRID_DEFAULT_LOCALE_TEXT, themedProps.localeText), [themedProps.localeText]);
   const slots = React.useMemo(() => computeSlots({
     defaultSlots,
     slots: themedProps.slots
@@ -57736,7 +57736,7 @@ const useDataGridProps = (inProps) => {
       return acc;
     }, {});
   }, [themedProps]);
-  return React.useMemo(() => _extends$2({}, themedProps, injectDefaultProps, {
+  return React.useMemo(() => _extends$1({}, themedProps, injectDefaultProps, {
     localeText,
     slots
   }, getDataGridForcedProps(themedProps)), [themedProps, localeText, slots, injectDefaultProps]);
@@ -57759,7 +57759,7 @@ const DataGridRaw = forwardRef(function DataGrid2(inProps, ref) {
     privateApiRef,
     configuration,
     props,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(MemoizedGridRoot, _extends$2({
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(MemoizedGridRoot, _extends$1({
       className: props.className,
       style: props.style,
       sx: props.sx
@@ -58750,7 +58750,7 @@ var defineProperty = function(obj, key, value) {
   }
   return obj;
 };
-var _extends$1 = Object.assign || function(target) {
+var _extends = Object.assign || function(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i];
     for (var key in source) {
@@ -58762,7 +58762,7 @@ var _extends$1 = Object.assign || function(target) {
   return target;
 };
 function getClientRect(offsets) {
-  return _extends$1({}, offsets, {
+  return _extends({}, offsets, {
     right: offsets.left + offsets.width,
     bottom: offsets.top + offsets.height
   });
@@ -58946,7 +58946,7 @@ function computeAutoPlacement(placement, refRect, popper2, reference2, boundarie
     }
   };
   var sortedAreas = Object.keys(rects).map(function(key) {
-    return _extends$1({
+    return _extends({
       key
     }, rects[key], {
       area: getArea(rects[key])
@@ -59254,9 +59254,9 @@ function computeStyle(data, options) {
   var attributes = {
     "x-placement": data.placement
   };
-  data.attributes = _extends$1({}, attributes, data.attributes);
-  data.styles = _extends$1({}, styles2, data.styles);
-  data.arrowStyles = _extends$1({}, data.offsets.arrow, data.arrowStyles);
+  data.attributes = _extends({}, attributes, data.attributes);
+  data.styles = _extends({}, styles2, data.styles);
+  data.arrowStyles = _extends({}, data.offsets.arrow, data.arrowStyles);
   return data;
 }
 function isModifierRequired(modifiers2, requestingName, requestedName) {
@@ -59391,7 +59391,7 @@ function flip(data, options) {
         variation = getOppositeVariation(variation);
       }
       data.placement = placement + (variation ? "-" + variation : "");
-      data.offsets.popper = _extends$1({}, data.offsets.popper, getPopperOffsets(data.instance.popper, data.offsets.reference, data.placement));
+      data.offsets.popper = _extends({}, data.offsets.popper, getPopperOffsets(data.instance.popper, data.offsets.reference, data.placement));
       data = runModifiers(data.instance.modifiers, data, "flip");
     }
   });
@@ -59550,7 +59550,7 @@ function preventOverflow(data, options) {
   };
   order2.forEach(function(placement) {
     var side = ["left", "top"].indexOf(placement) !== -1 ? "primary" : "secondary";
-    popper2 = _extends$1({}, popper2, check[side](placement));
+    popper2 = _extends({}, popper2, check[side](placement));
   });
   data.offsets.popper = popper2;
   return data;
@@ -59568,7 +59568,7 @@ function shift(data) {
       start: defineProperty({}, side, reference2[side]),
       end: defineProperty({}, side, reference2[side] + reference2[measurement] - popper2[measurement])
     };
-    data.offsets.popper = _extends$1({}, popper2, shiftOffsets[shiftvariation]);
+    data.offsets.popper = _extends({}, popper2, shiftOffsets[shiftvariation]);
   }
   return data;
 }
@@ -59971,7 +59971,7 @@ var Popper = function() {
       return requestAnimationFrame(_this.update);
     };
     this.update = debounce(this.update.bind(this));
-    this.options = _extends$1({}, Popper3.Defaults, options);
+    this.options = _extends({}, Popper3.Defaults, options);
     this.state = {
       isDestroyed: false,
       isCreated: false,
@@ -59980,11 +59980,11 @@ var Popper = function() {
     this.reference = reference2 && reference2.jquery ? reference2[0] : reference2;
     this.popper = popper2 && popper2.jquery ? popper2[0] : popper2;
     this.options.modifiers = {};
-    Object.keys(_extends$1({}, Popper3.Defaults.modifiers, options.modifiers)).forEach(function(name) {
-      _this.options.modifiers[name] = _extends$1({}, Popper3.Defaults.modifiers[name] || {}, options.modifiers ? options.modifiers[name] : {});
+    Object.keys(_extends({}, Popper3.Defaults.modifiers, options.modifiers)).forEach(function(name) {
+      _this.options.modifiers[name] = _extends({}, Popper3.Defaults.modifiers[name] || {}, options.modifiers ? options.modifiers[name] : {});
     });
     this.modifiers = Object.keys(this.options.modifiers).map(function(name) {
-      return _extends$1({
+      return _extends({
         name
       }, _this.options.modifiers[name]);
     }).sort(function(a, b) {
@@ -60214,38 +60214,6 @@ React.forwardRef((props, ref) => {
     ...style2
   }, children: typeof children === "function" ? children(childProps) : children }) });
 });
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-function _assertThisInitialized(self2) {
-  if (self2 === void 0) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  }
-  return self2;
-}
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o2, p2) {
-    o2.__proto__ = p2;
-    return o2;
-  };
-  return _setPrototypeOf(o, p);
-}
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  _setPrototypeOf(subClass, superClass);
-}
 var safeIsNaN = Number.isNaN || function ponyfill(value) {
   return typeof value === "number" && value !== value;
 };
@@ -60613,7 +60581,7 @@ function createListComponent(_ref) {
         className,
         onScroll,
         ref: this._outerRefSetter,
-        style: _extends({
+        style: _extends$1({
           position: "relative",
           height: height2,
           width: width2,