@mui/x-data-grid 8.26.0 → 8.27.1

package/CHANGELOG.md

@@ -5,6 +5,159 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## v8.27.1
+
+<!-- generated comparing v8.27.0..v8.x -->
+
+_Feb 13, 2026_
+
+We'd like to extend a big thank you to the 6 contributors who made this release possible. Here are some highlights ✨:
+
+- 📝 CSS bundler support is no longer needed for the Data Grid
+- 🐞 Bugfixes
+
+Special thanks go out to these community members for their valuable contributions:
+@sai6855
+
+The following team members contributed to this release:
+@arminmeh, @cherniavskii, @flaviendelangle, @mj12albert, @MBilalShafi
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.27.1`
+
+- [DataGrid] Hide column menu icon when there are no items (#21303) @MBilalShafi
+- [DataGrid] Migrate styled imports and remove `index.css` (#21176) @MBilalShafi
+- [DataGrid] Optimize `GridRootStyles` overrides resolver (#21251) @sai6855
+
+#### `@mui/x-data-grid-pro@8.27.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@8.27.1`, plus:
+
+- [DataGridPro] Fix column pinning issue with `restoreState` (#21305) @MBilalShafi
+- [DataGridPro] Fix lazy loading params for page with one row (#21238) @MBilalShafi
+- [DataGridPro] Properly extract parent path (#21301) @arminmeh
+
+#### `@mui/x-data-grid-premium@8.27.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@8.27.1`, plus:
+
+- [DataGridPremium] Fix aggregation display when `initialState` has both `sortModel` and `pinnedColumns` (#21152) @mj12albert
+
+### Tree View
+
+#### `@mui/x-tree-view@8.27.1`
+
+- [tree view] Fix `apiRef.current.setItemExpansion()` (#21095) @flaviendelangle
+
+#### `@mui/x-tree-view-pro@8.27.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@8.27.1`.
+
+### Core
+
+- [internal] Add CLI for translation using LLM (#21299) @cherniavskii
+
+## v8.27.0
+
+_Feb 2, 2026_
+
+We'd like to extend a big thank you to the 8 contributors who made this release possible. Here are some highlights ✨:
+
+- 📝 Data Grid supports new `longText` [column type](https://mui.com/x/react-data-grid/column-definition/#column-types)
+
+The following team members contributed to this release:
+@alexfauquette, @arminmeh, @bernardobelchior, @cherniavskii, @flaviendelangle, @JCQuintas, @MBilalShafi, @siriwatknp
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.27.0`
+
+- [DataGrid] Fix virtualization crash by preventing out-of-bounds `focusedVirtualCell` indices (#21123) @cherniavskii
+- [DataGrid] Fix focus steal issue with `<Dialog />` (#21106) @MBilalShafi
+- [DataGrid] Add new `longText` column type (#21103) @siriwatknp
+
+#### `@mui/x-data-grid-pro@8.27.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@8.27.0`.
+
+#### `@mui/x-data-grid-premium@8.27.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@8.27.0`, plus:
+
+- [DataGridPremium] Fix focus retention when undo/redo operations are done on the same cell (#21110) @arminmeh
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.27.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@8.27.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@8.27.0`.
+
+### Charts
+
+#### `@mui/x-charts@8.27.0`
+
+- [charts] Deprecate `AxisId` class in favour of to `data-axis-id` attribute (#21048) @JCQuintas
+
+#### `@mui/x-charts-pro@8.27.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@8.27.0`, plus:
+
+- [charts-pro] Add `onItemClick` to the heatmap (#20817) (#21030) @alexfauquette
+
+#### `@mui/x-charts-premium@8.27.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-charts-pro@8.27.0`, plus:
+
+- [charts-premium] Fix wrong `defaultSlots` in premium charts (#21052) @bernardobelchior
+
+### Tree View
+
+#### `@mui/x-tree-view@8.27.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@8.27.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@8.27.0`, plus:
+
+- [RichTreeViewPro] Do not export `useSimpleTreeViewApiRef()` and `useRichTreeViewApiRef()` from pro package (#21145) @flaviendelangle
+
+### Codemod
+
+#### `@mui/x-codemod@8.27.0`
+
+Internal changes.
+
+### Docs
+
+- [docs] Fix DataGrid's cell edit renderers (@arminmeh) (#21041) @github-actions[bot]
+
+### Core
+
+- [code-infra] Add `consistent-type-imports` rule to the grid packages (#21119) @arminmeh
+- [code-infra] Allow user to select target branch if it exists for current major (#21005) @JCQuintas
+- [code-infra] Fix the target branch condition in the release script (#21051) @arminmeh
+- [code-infra] Update docs deploy script to fetch from `v8.x` (#21013) @arminmeh
+
+## 8.26.1
+
+_Jan 23, 2026_
+
+Release highlight ✨:
+
+- 🐞 Hotfix for Data Grid Premium type imports
+
+### Data Grid
+
+#### `@mui/x-data-grid-premium@8.26.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+- [DataGridPremium] Fix type import (#21033) @arminmeh
+
 ## 8.26.0
 
 _Jan 22, 2026_

package/DataGrid/DataGrid.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { DataGridProps } from "../models/props/DataGridProps.js";
-import { GridValidRowModel } from "../models/gridRows.js";
+import type { DataGridProps } from "../models/props/DataGridProps.js";
+import type { GridValidRowModel } from "../models/gridRows.js";
 export type { GridSlotsComponent as GridSlots } from "../models/index.js";
 interface DataGridComponent {
   <R extends GridValidRowModel = any>(props: DataGridProps<R> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;

package/DataGrid/index.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-require("../index.css");
 var _DataGrid = require("./DataGrid");
 Object.keys(_DataGrid).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/DataGrid/useDataGridComponent.d.ts

@@ -1,5 +1,5 @@
-import { RefObject } from '@mui/x-internals/types';
-import { DataGridProcessedProps } from "../models/props/DataGridProps.js";
-import { GridPrivateApiCommunity } from "../models/api/gridApiCommunity.js";
-import { GridConfiguration } from "../models/configuration/gridConfiguration.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { DataGridProcessedProps } from "../models/props/DataGridProps.js";
+import type { GridPrivateApiCommunity } from "../models/api/gridApiCommunity.js";
+import type { GridConfiguration } from "../models/configuration/gridConfiguration.js";
 export declare const useDataGridComponent: (apiRef: RefObject<GridPrivateApiCommunity>, props: DataGridProcessedProps, configuration: GridConfiguration) => void;

package/DataGrid/useDataGridProps.d.ts

@@ -1,3 +1,3 @@
-import { DataGridProcessedProps, DataGridProps } from "../models/props/DataGridProps.js";
-import { GridValidRowModel } from "../models/index.js";
+import type { DataGridProcessedProps, DataGridProps } from "../models/props/DataGridProps.js";
+import type { GridValidRowModel } from "../models/index.js";
 export declare const useDataGridProps: <R extends GridValidRowModel>(inProps: DataGridProps<R>) => DataGridProcessedProps<R>;

package/colDef/gridActionsColDef.d.ts

@@ -1,3 +1,3 @@
-import { GridColTypeDef } from "../models/colDef/gridColDef.js";
+import type { GridColTypeDef } from "../models/colDef/gridColDef.js";
 export declare const GRID_ACTIONS_COLUMN_TYPE = "actions";
 export declare const GRID_ACTIONS_COL_DEF: GridColTypeDef;

package/colDef/gridBooleanColDef.d.ts

@@ -1,2 +1,2 @@
-import { GridColTypeDef } from "../models/colDef/gridColDef.js";
+import type { GridColTypeDef } from "../models/colDef/gridColDef.js";
 export declare const GRID_BOOLEAN_COL_DEF: GridColTypeDef<boolean | null, any>;

package/colDef/gridBooleanOperators.d.ts

@@ -1,2 +1,2 @@
-import { GridFilterOperator } from "../models/gridFilterOperator.js";
+import type { GridFilterOperator } from "../models/gridFilterOperator.js";
 export declare const getGridBooleanOperators: () => GridFilterOperator<any, boolean | null, any>[];

package/colDef/gridCheckboxSelectionColDef.d.ts

@@ -1,3 +1,3 @@
-import { GridColDef } from "../models/colDef/gridColDef.js";
+import type { GridColDef } from "../models/colDef/gridColDef.js";
 export declare const GRID_CHECKBOX_SELECTION_FIELD = "__check__";
 export declare const GRID_CHECKBOX_SELECTION_COL_DEF: GridColDef;

package/colDef/gridDateColDef.d.ts

@@ -1,4 +1,4 @@
-import { GridColTypeDef, GridValueFormatter } from "../models/colDef/gridColDef.js";
+import type { GridColTypeDef, GridValueFormatter } from "../models/colDef/gridColDef.js";
 export declare const gridDateFormatter: GridValueFormatter;
 export declare const gridDateTimeFormatter: GridValueFormatter;
 export declare const GRID_DATE_COL_DEF: GridColTypeDef<Date, string>;

package/colDef/gridDateOperators.d.ts

@@ -1,3 +1,3 @@
-import { GridFilterInputDateProps } from "../components/panel/filterPanel/GridFilterInputDate.js";
-import { GridFilterOperator } from "../models/gridFilterOperator.js";
+import { type GridFilterInputDateProps } from "../components/panel/filterPanel/GridFilterInputDate.js";
+import type { GridFilterOperator } from "../models/gridFilterOperator.js";
 export declare const getGridDateOperators: (showTime?: boolean) => GridFilterOperator<any, Date, any, GridFilterInputDateProps>[];

package/colDef/gridDefaultColumnTypes.js

@@ -10,6 +10,7 @@ var _gridDateColDef = require("./gridDateColDef");
 var _gridBooleanColDef = require("./gridBooleanColDef");
 var _gridSingleSelectColDef = require("./gridSingleSelectColDef");
 var _gridActionsColDef = require("./gridActionsColDef");
+var _gridLongTextColDef = require("./gridLongTextColDef");
 const DEFAULT_GRID_COL_TYPE_KEY = exports.DEFAULT_GRID_COL_TYPE_KEY = 'string';
 const getGridDefaultColumnTypes = () => {
   const nativeColumnTypes = {
@@ -20,7 +21,8 @@ const getGridDefaultColumnTypes = () => {
     boolean: _gridBooleanColDef.GRID_BOOLEAN_COL_DEF,
     singleSelect: _gridSingleSelectColDef.GRID_SINGLE_SELECT_COL_DEF,
     [_gridActionsColDef.GRID_ACTIONS_COLUMN_TYPE]: _gridActionsColDef.GRID_ACTIONS_COL_DEF,
-    custom: _gridStringColDef.GRID_STRING_COL_DEF
+    custom: _gridStringColDef.GRID_STRING_COL_DEF,
+    longText: _gridLongTextColDef.GRID_LONG_TEXT_COL_DEF
   };
   return nativeColumnTypes;
 };

package/colDef/gridLongTextColDef.d.ts

@@ -0,0 +1,2 @@
+import type { GridColTypeDef } from "../models/colDef/gridColDef.js";
+export declare const GRID_LONG_TEXT_COL_DEF: GridColTypeDef<string | null, any>;

package/colDef/gridLongTextColDef.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GRID_LONG_TEXT_COL_DEF = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _gridStringColDef = require("./gridStringColDef");
+var _GridLongTextCell = require("../components/cell/GridLongTextCell");
+var _GridEditLongTextCell = require("../components/cell/GridEditLongTextCell");
+const GRID_LONG_TEXT_COL_DEF = exports.GRID_LONG_TEXT_COL_DEF = (0, _extends2.default)({}, _gridStringColDef.GRID_STRING_COL_DEF, {
+  type: 'longText',
+  display: 'flex',
+  renderCell: _GridLongTextCell.renderLongTextCell,
+  renderEditCell: _GridEditLongTextCell.renderEditLongTextCell
+});

package/colDef/gridNumericColDef.d.ts

@@ -1,2 +1,2 @@
-import { GridColTypeDef } from "../models/colDef/gridColDef.js";
+import type { GridColTypeDef } from "../models/colDef/gridColDef.js";
 export declare const GRID_NUMERIC_COL_DEF: GridColTypeDef<number | string | null, string>;

package/colDef/gridNumericOperators.d.ts

@@ -1,4 +1,4 @@
-import { GridFilterOperator } from "../models/gridFilterOperator.js";
+import type { GridFilterOperator } from "../models/gridFilterOperator.js";
 import type { GridFilterInputValueProps } from "../models/gridFilterInputComponent.js";
 import type { GetApplyQuickFilterFn } from "../models/colDef/gridColDef.js";
 export declare const getGridNumericQuickFilterFn: GetApplyQuickFilterFn<any, number | string | null>;

package/colDef/gridSingleSelectColDef.d.ts

@@ -1,2 +1,2 @@
-import { GridSingleSelectColDef } from "../models/colDef/gridColDef.js";
+import type { GridSingleSelectColDef } from "../models/colDef/gridColDef.js";
 export declare const GRID_SINGLE_SELECT_COL_DEF: Omit<GridSingleSelectColDef, 'field'>;

package/colDef/gridSingleSelectOperators.d.ts

@@ -1,2 +1,2 @@
-import { GridFilterOperator } from "../models/gridFilterOperator.js";
+import type { GridFilterOperator } from "../models/gridFilterOperator.js";
 export declare const getGridSingleSelectOperators: () => GridFilterOperator[];

package/colDef/gridStringColDef.d.ts

@@ -1,4 +1,4 @@
-import { GridColTypeDef } from "../models/colDef/gridColDef.js";
+import type { GridColTypeDef } from "../models/colDef/gridColDef.js";
 /**
  * TODO: Move pro and premium properties outside of this Community file
  */

package/colDef/gridStringOperators.d.ts

@@ -1,4 +1,4 @@
 import type { GetApplyQuickFilterFn } from "../models/colDef/gridColDef.js";
-import { GridFilterOperator } from "../models/gridFilterOperator.js";
+import type { GridFilterOperator } from "../models/gridFilterOperator.js";
 export declare const getGridStringQuickFilterFn: GetApplyQuickFilterFn<any, unknown>;
 export declare const getGridStringOperators: (disableTrim?: boolean) => GridFilterOperator<any, number | string | null, any>[];

package/colDef/index.d.ts

@@ -5,6 +5,7 @@ export * from "./gridDateColDef.js";
 export * from "./gridNumericColDef.js";
 export * from "./gridSingleSelectColDef.js";
 export * from "./gridStringColDef.js";
+export * from "./gridLongTextColDef.js";
 export * from "./gridBooleanOperators.js";
 export * from "./gridDateOperators.js";
 export * from "./gridNumericOperators.js";

package/colDef/index.js

@@ -80,6 +80,17 @@ Object.keys(_gridStringColDef).forEach(function (key) {
     }
   });
 });
+var _gridLongTextColDef = require("./gridLongTextColDef");
+Object.keys(_gridLongTextColDef).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _gridLongTextColDef[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _gridLongTextColDef[key];
+    }
+  });
+});
 var _gridBooleanOperators = require("./gridBooleanOperators");
 Object.keys(_gridBooleanOperators).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/components/GridColumnHeaders.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { UseGridColumnHeadersProps } from "../hooks/features/columnHeaders/useGridColumnHeaders.js";
+import { type UseGridColumnHeadersProps } from "../hooks/features/columnHeaders/useGridColumnHeaders.js";
 export interface GridColumnHeadersProps extends React.HTMLAttributes<HTMLDivElement>, UseGridColumnHeadersProps {
   ref?: React.Ref<HTMLDivElement>;
 }

package/components/GridColumnSortButton.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { GridSlotProps } from "../models/index.js";
-import { GridSortDirection } from "../models/gridSortModel.js";
+import type { GridSlotProps } from "../models/index.js";
+import type { GridSortDirection } from "../models/gridSortModel.js";
 export type GridColumnSortButtonProps = GridSlotProps['baseIconButton'] & {
   field: string;
   direction: GridSortDirection;

package/components/GridColumnSortButton.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _system = require("@mui/system");
+var _styles = require("@mui/material/styles");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _useGridApiContext = require("../hooks/utils/useGridApiContext");
 var _gridClasses = require("../constants/gridClasses");
@@ -30,7 +30,7 @@ const useUtilityClasses = ownerState => {
   };
   return (0, _composeClasses.default)(slots, _gridClasses.getDataGridUtilityClass, classes);
 };
-const GridColumnSortButtonRoot = (0, _system.styled)(_assert.NotRendered, {
+const GridColumnSortButtonRoot = (0, _styles.styled)(_assert.NotRendered, {
   name: 'MuiDataGrid',
   slot: 'SortButton'
 })({

package/components/GridColumnUnsortedIcon.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { GridBaseIconProps } from "../models/gridSlotsComponentsProps.js";
-import { GridSortDirection } from "../models/gridSortModel.js";
+import type { GridBaseIconProps } from "../models/gridSlotsComponentsProps.js";
+import type { GridSortDirection } from "../models/gridSortModel.js";
 export interface GridColumnUnsortedIconProps extends GridBaseIconProps {
   sortingOrder: GridSortDirection[];
 }

package/components/GridFooter.d.ts

@@ -1,4 +1,4 @@
-import { GridFooterContainerProps } from "./containers/GridFooterContainer.js";
+import { type GridFooterContainerProps } from "./containers/GridFooterContainer.js";
 declare const GridFooter: import("react").ForwardRefExoticComponent<GridFooterContainerProps> | import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
   sx?: import("@mui/system").SxProps<import("@mui/system").Theme>;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/components/GridLoadingOverlay.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { GridOverlayProps } from "./containers/GridOverlay.js";
+import { type GridOverlayProps } from "./containers/GridOverlay.js";
 import type { GridLoadingOverlayVariant } from "../hooks/features/overlays/gridOverlaysInterfaces.js";
 export interface GridLoadingOverlayProps extends GridOverlayProps {
   /**

package/components/GridNoColumnsOverlay.d.ts

@@ -1,4 +1,4 @@
-import { GridOverlayProps } from "./containers/GridOverlay.js";
+import { type GridOverlayProps } from "./containers/GridOverlay.js";
 declare const GridNoColumnsOverlay: import("react").ForwardRefExoticComponent<GridOverlayProps> | import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
   sx?: import("@mui/system").SxProps<import("@mui/system").Theme>;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/components/GridNoResultsOverlay.d.ts

@@ -1,4 +1,4 @@
-import { GridOverlayProps } from "./containers/GridOverlay.js";
+import { type GridOverlayProps } from "./containers/GridOverlay.js";
 export declare const GridNoResultsOverlay: import("react").ForwardRefExoticComponent<GridOverlayProps> | import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
   sx?: import("@mui/system").SxProps<import("@mui/system").Theme>;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/components/GridNoRowsOverlay.d.ts

@@ -1,4 +1,4 @@
-import { GridOverlayProps } from "./containers/GridOverlay.js";
+import { type GridOverlayProps } from "./containers/GridOverlay.js";
 declare const GridNoRowsOverlay: import("react").ForwardRefExoticComponent<GridOverlayProps> | import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
   sx?: import("@mui/system").SxProps<import("@mui/system").Theme>;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/components/GridRow.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { GridRowId, GridRowModel } from "../models/gridRows.js";
-import { GridPinnedColumns } from "../hooks/features/columns/index.js";
+import type { GridRowId, GridRowModel } from "../models/gridRows.js";
+import type { GridPinnedColumns } from "../hooks/features/columns/index.js";
 import type { GridStateColDef } from "../models/colDef/gridColDef.js";
 export interface GridRowProps extends React.HTMLAttributes<HTMLDivElement> {
   row: GridRowModel;

package/components/GridRowCount.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SxProps, Theme } from '@mui/system';
+import { type SxProps, type Theme } from '@mui/system';
 interface RowCountProps {
   rowCount: number;
   visibleRowCount: number;

package/components/GridScrollArea.d.ts

@@ -1,5 +1,5 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridScrollParams } from "../models/params/gridScrollParams.js";
+import type { RefObject } from '@mui/x-internals/types';
+import type { GridScrollParams } from "../models/params/gridScrollParams.js";
 interface ScrollAreaProps {
   scrollDirection: 'left' | 'right' | 'up' | 'down';
   scrollPosition: RefObject<GridScrollParams>;

package/components/GridScrollArea.js

@@ -12,7 +12,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _system = require("@mui/system");
+var _styles = require("@mui/material/styles");
 var _fastMemo = require("@mui/x-internals/fastMemo");
 var _forwardRef = require("@mui/x-internals/forwardRef");
 var _useGridRootProps = require("../hooks/utils/useGridRootProps");
@@ -39,7 +39,7 @@ const useUtilityClasses = ownerState => {
   };
   return (0, _composeClasses.default)(slots, _constants.getDataGridUtilityClass, classes);
 };
-const GridScrollAreaRawRoot = (0, _system.styled)('div', {
+const GridScrollAreaRawRoot = (0, _styles.styled)('div', {
   name: 'MuiDataGrid',
   slot: 'ScrollArea',
   overridesResolver: (props, styles) => [{

package/components/GridScrollShadows.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.GridScrollShadows = GridScrollShadows;
 var React = _interopRequireWildcard(require("react"));
-var _system = require("@mui/system");
+var _styles = require("@mui/material/styles");
 var _RtlProvider = require("@mui/system/RtlProvider");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _hooks = require("../hooks");
@@ -29,7 +29,7 @@ const useUtilityClasses = ownerState => {
   };
   return (0, _composeClasses.default)(slots, _constants.getDataGridUtilityClass, classes);
 };
-const ScrollShadow = (0, _system.styled)('div', {
+const ScrollShadow = (0, _styles.styled)('div', {
   name: 'MuiDataGrid',
   slot: 'ScrollShadow',
   overridesResolver: (props, styles) => [styles.root, styles[props.position]]

package/components/GridSelectedRowCount.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SxProps, Theme } from '@mui/system';
+import { type SxProps, type Theme } from '@mui/system';
 interface SelectedRowCountProps {
   selectedRowCount: number;
 }

package/components/GridSkeletonLoadingOverlay.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { GridColDef } from "../models/index.js";
+import type { GridColDef } from "../models/index.js";
 type GridSkeletonLoadingOverlayInnerProps = React.HTMLAttributes<HTMLDivElement> & {
   skeletonRowsCount: number;
   showFirstRowBorder?: boolean;

package/components/GridSkeletonLoadingOverlay.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _system = require("@mui/system");
+var _styles = require("@mui/material/styles");
 var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _RtlProvider = require("@mui/system/RtlProvider");
@@ -29,7 +29,7 @@ var _rtlFlipSide = require("../utils/rtlFlipSide");
 var _utils = require("../internals/utils");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["skeletonRowsCount", "visibleColumns", "showFirstRowBorder"];
-const SkeletonOverlay = (0, _system.styled)('div', {
+const SkeletonOverlay = (0, _styles.styled)('div', {
   name: 'MuiDataGrid',
   slot: 'SkeletonLoadingOverlay'
 })({

package/components/base/GridOverlays.js

@@ -9,7 +9,7 @@ exports.GridOverlayWrapper = GridOverlayWrapper;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _system = require("@mui/system");
+var _styles = require("@mui/material/styles");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _gridRowsUtils = require("../../hooks/features/rows/gridRowsUtils");
 var _useGridSelector = require("../../hooks/utils/useGridSelector");
@@ -18,7 +18,7 @@ var _useGridApiContext = require("../../hooks/utils/useGridApiContext");
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
 var _gridClasses = require("../../constants/gridClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-const GridOverlayWrapperRoot = (0, _system.styled)('div', {
+const GridOverlayWrapperRoot = (0, _styles.styled)('div', {
   name: 'MuiDataGrid',
   slot: 'OverlayWrapper',
   shouldForwardProp: prop => prop !== 'overlayType' && prop !== 'loadingOverlayVariant' && prop !== 'right'
@@ -42,7 +42,7 @@ loadingOverlayVariant !== 'skeleton' ? {
   zIndex: overlayType === 'loadingOverlay' ? 5 // Should be above pinned columns, pinned rows, and detail panel
   : 4 // Should be above pinned columns and detail panel
 } : {});
-const GridOverlayWrapperInner = (0, _system.styled)('div', {
+const GridOverlayWrapperInner = (0, _styles.styled)('div', {
   name: 'MuiDataGrid',
   slot: 'OverlayWrapperInner',
   shouldForwardProp: prop => prop !== 'overlayType' && prop !== 'loadingOverlayVariant'

package/components/cell/GridActionsCell.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { GridRowParams } from "../../models/params/gridRowParams.js";
-import { GridRenderCellParams } from "../../models/params/gridCellParams.js";
-import { GridMenuProps } from "../menu/GridMenu.js";
-import { GridValidRowModel, GridTreeNodeWithRender } from "../../models/gridRows.js";
+import type { GridRowParams } from "../../models/params/gridRowParams.js";
+import type { GridRenderCellParams } from "../../models/params/gridCellParams.js";
+import { type GridMenuProps } from "../menu/GridMenu.js";
+import type { GridValidRowModel, GridTreeNodeWithRender } from "../../models/gridRows.js";
 interface GridActionsCellProps<R extends GridValidRowModel = any, V = any, F = V, N extends GridTreeNodeWithRender = GridTreeNodeWithRender> extends Omit<GridRenderCellParams<R, V, F, N>, 'api'> {
   api?: GridRenderCellParams['api'];
   position?: GridMenuProps['position'];

package/components/cell/GridActionsCellItem.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { GridSlotProps, GridBaseIconProps } from "../../models/gridSlotsComponentsProps.js";
+import type { GridSlotProps, GridBaseIconProps } from "../../models/gridSlotsComponentsProps.js";
 interface GridActionsCellItemCommonProps {
   icon?: React.JSXElementConstructor<GridBaseIconProps> | React.ReactNode;
   /** from https://mui.com/material-ui/api/button-base/#ButtonBase-prop-component */

package/components/cell/GridCell.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { GridRowId } from "../../models/index.js";
-import { GridAlignment, GridStateColDef } from "../../models/colDef/gridColDef.js";
-import { GridRowModel, GridTreeNode } from "../../models/gridRows.js";
+import { type GridRowId } from "../../models/index.js";
+import type { GridAlignment, GridStateColDef } from "../../models/colDef/gridColDef.js";
+import type { GridRowModel, GridTreeNode } from "../../models/gridRows.js";
 import { GridPinnedColumnPosition } from "../../hooks/features/columns/gridColumnsInterfaces.js";
 import { PinnedColumnPosition } from "../../internals/constants.js";
 export declare const gridPinnedColumnPositionLookup: {

package/components/cell/GridEditBooleanCell.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { GridRenderEditCellParams } from "../../models/params/gridCellParams.js";
+import type { GridRenderEditCellParams } from "../../models/params/gridCellParams.js";
 export interface GridEditBooleanCellProps extends GridRenderEditCellParams, Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, 'id' | 'tabIndex'> {
   /**
    * Callback called when the value is changed by the user.

package/components/cell/GridEditDateCell.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { GridSlotProps } from "../../models/gridSlotsComponent.js";
-import { GridRenderEditCellParams } from "../../models/params/gridCellParams.js";
+import type { GridSlotProps } from "../../models/gridSlotsComponent.js";
+import type { GridRenderEditCellParams } from "../../models/params/gridCellParams.js";
 export interface GridEditDateCellProps extends GridRenderEditCellParams {
   /**
    * Callback called when the value is changed by the user.

package/components/cell/GridEditInputCell.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { GridSlotProps } from "../../models/gridSlotsComponent.js";
-import { GridRenderEditCellParams } from "../../models/params/gridCellParams.js";
+import type { GridSlotProps } from "../../models/gridSlotsComponent.js";
+import type { GridRenderEditCellParams } from "../../models/params/gridCellParams.js";
 export interface GridEditInputCellProps extends GridRenderEditCellParams {
   debounceMs?: number;
   /**