@mui/x-tree-view 8.0.0 → 8.2.0

package/CHANGELOG.md

@@ -5,6 +5,227 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 8.2.0
+
+_May 1, 2025_
+
+We'd like to offer a big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
+
+- 📊 `<FunnelChart/>` now uses the `strawberrySky` sequential color palette by default.
+  <img width="481" alt="Screenshot 2025-04-29 at 13 55 21" src="https://github.com/user-attachments/assets/182085d1-a7ce-4e4d-9d8d-a4fe87f27167" />
+- 📊 Add API to export a chart as an image: `apiRef.exportAsImage` — [Learn more](https://mui.com/x/react-charts/export/#export-as-image).
+
+Special thanks go out to the community members for their valuable contributions:
+@federico-ntr, @nusr.
+Following are all team members who have contributed to this release:
+@alexfauquette, @arminmeh, @bernardobelchior, @hasdfa, @Janpot, @JCQuintas, @KenanYusuf, @LukasTy, @MBilalShafi, @michelengelen, @oliviertassinari, @romgrk.
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.2.0`
+
+- [DataGrid] Fix panel alignment (#17625) @KenanYusuf
+- [DataGrid] Fix theme `defaultProps` causing unwanted re-renders (#17490) @KenanYusuf
+- [DataGrid] Fix circular reference error (#17591) @romgrk
+- [DataGrid] Fix `<GridEditInputCell />` break input (#16773) @nusr
+
+#### `@mui/x-data-grid-pro@8.2.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.2.0`, plus:
+
+- [DataGridPro] Use intersection observer to trigger server-side infinite loading (#17369) @arminmeh
+
+#### `@mui/x-data-grid-premium@8.2.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.2.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.2.0`
+
+- [l10n] Improve Italian (it-IT) locale (#17600) @federico-ntr
+- [pickers] Refactor owner state typing (#17517) @LukasTy
+
+#### `@mui/x-date-pickers-pro@8.2.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.2.0`.
+
+### Charts
+
+#### `@mui/x-charts@8.2.0`
+
+- [charts] Add library name to errors (#17547) @bernardobelchior
+- [charts] Add monochrome palettes (#17610) @JCQuintas
+- [charts] Add screenshot of the tooltip (#17395) @alexfauquette
+- [charts] Default bar chart x-axis scale type to band (#17519) @bernardobelchior
+- [charts] Document axis ID uniqueness constraints (#17630) @bernardobelchior
+- [charts] Refactor axis types (#17632) @bernardobelchior
+- [charts] Use `<circle />` for circular legend mark (#17590) @alexfauquette
+
+#### `@mui/x-charts-pro@8.2.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.2.0`, plus:
+
+- [charts-pro] Add `gap` option to `<FunnelChart />` (#17642) @JCQuintas
+- [charts-pro] Export charts as image (#17353) @bernardobelchior
+- [charts-pro] Simplify zoom testing (#17525) @JCQuintas
+- [charts-pro] Use new sequential color palette in `<FunnelChart />` (#17606) @JCQuintas
+
+### Tree View
+
+#### `@mui/x-tree-view@8.2.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@8.2.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.2.0`.
+
+### Docs
+
+- [docs][charts] Add composition sections (#17377) @alexfauquette
+- [docs][charts] Add docs on tooltip style (#17601) @bernardobelchior
+- [docs][charts] Fix highlighting heading structure (#17581) @oliviertassinari
+- [docs][charts] Improve export docs (#17538) @oliviertassinari
+- [docs][charts] Similar introduction on most charts pages (#17374) @alexfauquette
+- [docs][DataGrid] Clear component docs (#17540) @oliviertassinari
+- [docs] Explicitly state that `groupingColDef` reference needs to be stable (#17544) @arminmeh
+- [docs] Fix <kbd> a11y (#17536) @oliviertassinari
+- [docs] Fix CodeSandbox spelling @oliviertassinari
+- [docs] Fix coding style function @oliviertassinari
+- [docs] Fix migration guide format (#17450) @oliviertassinari
+- [docs] Improve data grid export docs (#17551) @MBilalShafi
+- [docs] Remove leftover `@next` usages (#17542) @LukasTy
+
+### Core
+
+- [core] Add security label to dependabot PRs @oliviertassinari
+- [core] Allow post-install vale @oliviertassinari
+- [core] Component consistency @oliviertassinari
+- [core] Fix all Vale errors @oliviertassinari
+- [core] Move `loadStyleSheets` to internals and use it in data grid and charts (#17548) @bernardobelchior
+- [core] Remove empty version (#17582) @oliviertassinari
+- [core] Remove eslint from codemod spec files (#17443) @alexfauquette
+- [core] Remove unnecessary versions (#17597) @oliviertassinari
+- [code-infra] Allow postinstall scripts for packages requesting it (#17635) @LukasTy
+- [code-infra] Data Grid `vitest` changes (#17619) @JCQuintas
+- [code-infra] Fix date-time sensitive tests (#17644) @JCQuintas
+- [code-infra] Fix extension handling for type imports (#17636) @Janpot
+- [code-infra] Further remove `clock=fake` and add `async act` for datagrid (#17563) @JCQuintas
+- [code-infra] Latest vitest picker changes (#17577) @JCQuintas
+- [docs-infra] Fix Vale no longer working (#17602) @alexfauquette
+- [docs-infra] Uniformize Vale between repositories @oliviertassinari
+- [infra] Updates to `branch switch comments` (#17589) @michelengelen
+- [x-telemetry] Fix issue with get machineid hash (#17614) @hasdfa
+
+## 8.1.0
+
+_Apr 24, 2025_
+
+We'd like to offer a big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
+
+- 📊 Add API to print a chart or export it as PDF: `apiRef.exportAsPrint()`.
+- 📚 Documentation improvements
+- 🐞 Bugfixes
+
+Special thanks go out to the community members for their valuable contributions:
+@lhilgert9, @ArturAghakaryan, @sai6855.
+Following are all team members who have contributed to this release:
+@alexfauquette, @arminmeh, @bernardobelchior, @cherniavskii, @JCQuintas, @joserodolfofreitas, @KenanYusuf, @LukasTy, @mapache-salvaje, @oliviertassinari, @romgrk.
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.1.0`
+
+- [DataGrid] Allow row deselection with multiple rows selected (#17473) @arminmeh
+- [DataGrid] Fix column title truncation on touch devices (#17375) @KenanYusuf
+- [DataGrid] Remove internal usage of `material` prop (#17513) @KenanYusuf
+- [DataGrid] Fix apiRef not being passed on onCellClick params (#17335) @sai6855
+- [DataGrid] Add Armenian (hy-AM) locale (#17527) @ArturAghakaryan
+
+#### `@mui/x-data-grid-pro@8.1.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.1.0`, plus:
+
+- [DataGridPro] Fix locales.ts export (#17433) @lhilgert9
+- [DataGridPro] Avoid proptypes warnings with header filters in React 17 (#17482) @cherniavskii
+- [DataGridPro] Fix expandable rows detail content height updates (#17394) @arminmeh
+
+#### `@mui/x-data-grid-premium@8.1.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.1.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.1.0`
+
+- [pickers] Improve `PickersInputBase` owner state typing (#17478) @LukasTy
+
+#### `@mui/x-date-pickers-pro@8.1.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.1.0`.
+
+### Charts
+
+- Add API to print a chart or export it as PDF: `apiRef.exportAsPrint()`.
+
+#### `@mui/x-charts@8.1.0`
+
+- [charts] Add a localization provider (#17325) @alexfauquette
+- [charts] Add codemod for replacing legend's hidden slot prop (#17392) @bernardobelchior
+- [charts] Fix chart visual tests flakiness (#17469) @bernardobelchior
+- [charts] Fix tooltip position (#17440) @alexfauquette
+- [charts] Improve axis tooltip performances (#17398) @alexfauquette
+- [charts] Move radar from under development to preview (#17418) @alexfauquette
+- [charts] Advance time in charts regression tests (#17420) @bernardobelchior
+- [charts] Fix charts visuals flakiness (#17472) @bernardobelchior
+- [charts] Move `rafThrottle` on event handlers instead of setter (#17489) @bernardobelchior
+
+#### `@mui/x-charts-pro@8.1.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.1.0`, plus:
+
+- [charts-pro] Add export as PDF/print functionality (#17285) @bernardobelchior
+- [charts-pro] Fix axis zoom being disabled when not specified in `initialZoom` (#17500) @bernardobelchior
+
+### Tree View
+
+#### `@mui/x-tree-view@8.1.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@8.1.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.1.0`.
+
+### Docs
+
+- [docs] Fix AI Assistant Panel Trigger demo (#17426) @KenanYusuf
+- [docs] Fix DataGrid's master-detail demo for one expanded detail panel at a time (#17471) @arminmeh
+- [docs] Improve StackOverflow links (#17483) @oliviertassinari
+- [docs] Refine charts demos (#17417) @alexfauquette
+- [docs] Remove ad on paid docs pages (#17373) @oliviertassinari
+- [docs] Serve migration guides in raw markdown format (#17210) @cherniavskii
+- [docs] Fix heading structure (#17495) @oliviertassinari
+- [docs] Revise the Row Grouping doc (#16217) @mapache-salvaje
+- [docs] Fix ellipsis in the demo (#17476) @oliviertassinari
+- [docs] Add docs information for Legend HTML (#17502) @alexfauquette
+- [docs] Refine charts demos (#17417) @alexfauquette
+- [tree view][docs] Copyedit the Tree View Overview page (#17498) @mapache-salvaje
+
+### Core
+
+- [core] Bump `@types/node` (#17444) @LukasTy
+- [core] Remove `react-is` dependency (#17470) @LukasTy
+- [core] Remove redundant `overridesResolver` in `styled` components (#17466) @romgrk
+- [core] Update support table (#17425) @joserodolfofreitas
+- [code-infra] Ditch `@babel/node` (#17446) @LukasTy
+- [code-infra] Further remove `clock=fake` from pickers (#17253) @JCQuintas
+
 ## 8.0.0
 
 _Apr 17, 2025_
@@ -1715,7 +1936,7 @@ Same changes as in `@mui/x-tree-view@8.0.0-alpha.8`.
 - [docs] Add example for custom legend (#16169) @alexfauquette
 - [docs] Add full custom field creation example (#15194) @flaviendelangle
 - [docs] Copyedit the Data Grid cell selection page (#16099) @samuelsycamore
-- [docs] Fix demo rendering issue on Codesandbox (#16118) @arminmeh
+- [docs] Fix demo rendering issue on CodeSandbox (#16118) @arminmeh
 - [docs] Remove broken links (#16167) @alexfauquette
 - [docs] Split the Data Grid editing page (#14931) @MBilalShafi
 - [docs] Fix wrong props warnings (#16119) @JCQuintas
@@ -2162,7 +2383,7 @@ Releasing to benefit from license package fix (#15814).
 
 - [code-infra] Add Charts sandbox generation (#15830) @JCQuintas
 - [code-infra] Remove redundant `@type/react-test-renderer` dep (#15766) @LukasTy
-- [license] Use `console.log` for the error message on Codesandbox to avoid rendering error (#15814) @arminmeh
+- [license] Use `console.log` for the error message on CodeSandbox to avoid rendering error (#15814) @arminmeh
 
 ## 8.0.0-alpha.3
 
@@ -2378,6 +2599,8 @@ Same changes as in `@mui/x-tree-view@v8.0.0-alpha.2`.
 
 ### Docs
 
+<!-- vale MUI.CorrectRererenceCased = NO -->
+
 - [docs] Fix 404 links (#15575) @oliviertassinari
 - [docs] Fix bash comments (#15571) @oliviertassinari
 - [docs] Fix Pickers theme augmentation example (#15672) @LukasTy
@@ -2387,6 +2610,8 @@ Same changes as in `@mui/x-tree-view@v8.0.0-alpha.2`.
 - [docs] Fix `anchorEl` API page for charts (#15625) @oliviertassinari
 - [docs] Add documentation for the list view feature (#15344) @KenanYusuf
 
+<!-- vale MUI.CorrectRererenceCased = YES -->
+
 ### Core
 
 - [core] Follow `()` function convention for docs @oliviertassinari
@@ -3295,7 +3520,7 @@ Same changes as in `@mui/x-tree-view@7.24.0`.
 ### Docs
 
 - [docs] Copyedit the Data Grid cell selection page (#16213) @samuelsycamore
-- [docs] Fix demo rendering issue on Codesandbox (#16129) @arminmeh
+- [docs] Fix demo rendering issue on CodeSandbox (#16129) @arminmeh
 
 ### Core
 
@@ -3573,7 +3798,7 @@ Releasing to benefit from license package fix (#15818).
 ### Core
 
 - [core] Add `@mui/x-tree-view-pro` to `releaseChangelog` (#15747) @flaviendelangle
-- [license] Use `console.log` for the error message on Codesandbox to avoid rendering error (#15818) @arminmeh
+- [license] Use `console.log` for the error message on CodeSandbox to avoid rendering error (#15818) @arminmeh
 
 ## 7.23.1
 
@@ -6914,7 +7139,7 @@ Same changes as in `@mui/x-data-grid-pro@7.0.0-beta.4`.
    />
   ```
 
-- The headless field hooks (e.g.: `useDateField`) now returns a new prop called `enableAccessibleFieldDOMStructure`.
+- The headless field hooks (for example `useDateField()`) now returns a new prop called `enableAccessibleFieldDOMStructure`.
   This property is utilized to determine whether the anticipated UI is constructed using an accessible DOM structure.
   Learn more about this new accessible DOM structure in the [v8 migration guide](https://v7.mui.com/x/migration/migration-pickers-v7/#new-dom-structure-for-the-field).
 

package/RichTreeView/RichTreeView.js

@@ -49,8 +49,7 @@ const useUtilityClasses = ownerState => {
 };
 const RichTreeViewRoot = exports.RichTreeViewRoot = (0, _zeroStyled.styled)('ul', {
   name: 'MuiRichTreeView',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({
   padding: 0,
   margin: 0,

package/RichTreeView/RichTreeView.plugins.d.ts

@@ -5,6 +5,6 @@ import { UseTreeViewSelectionParameters } from "../internals/plugins/useTreeView
 import { UseTreeViewFocusParameters } from "../internals/plugins/useTreeViewFocus/index.js";
 import { ConvertPluginsIntoSignatures } from "../internals/models/index.js";
 import { UseTreeViewLabelParameters } from "../internals/plugins/useTreeViewLabel/index.js";
-export declare const RICH_TREE_VIEW_PLUGINS: readonly [import("../internals").TreeViewPlugin<import("../internals").UseTreeViewItemsSignature>, import("../internals").TreeViewPlugin<import("../internals").UseTreeViewExpansionSignature>, import("../internals").TreeViewPlugin<import("../internals").UseTreeViewSelectionSignature>, import("../internals").TreeViewPlugin<import("../internals").UseTreeViewFocusSignature>, import("../internals").TreeViewPlugin<import("../internals").UseTreeViewKeyboardNavigationSignature>, import("../internals").TreeViewPlugin<import("../internals").UseTreeViewLabelSignature>];
+export declare const RICH_TREE_VIEW_PLUGINS: readonly [import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewItemsSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewExpansionSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewSelectionSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewFocusSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewKeyboardNavigationSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewLabelSignature>];
 export type RichTreeViewPluginSignatures = ConvertPluginsIntoSignatures<typeof RICH_TREE_VIEW_PLUGINS>;
 export interface RichTreeViewPluginParameters<R extends {}, Multiple extends boolean | undefined> extends TreeViewCorePluginParameters, UseTreeViewItemsParameters<R>, UseTreeViewExpansionParameters, UseTreeViewFocusParameters, UseTreeViewSelectionParameters<Multiple>, UseTreeViewLabelParameters<R> {}

package/RichTreeView/index.d.ts

@@ -1,5 +1,5 @@
 export * from "./RichTreeView.js";
 export * from "./richTreeViewClasses.js";
-export type { RichTreeViewProps, RichTreeViewPropsBase, RichTreeViewSlots, RichTreeViewSlotProps } from './RichTreeView.types';
+export type { RichTreeViewProps, RichTreeViewPropsBase, RichTreeViewSlots, RichTreeViewSlotProps } from "./RichTreeView.types.js";
 export { RICH_TREE_VIEW_PLUGINS } from "./RichTreeView.plugins.js";
-export type { RichTreeViewPluginParameters } from './RichTreeView.plugins';
+export type { RichTreeViewPluginParameters } from "./RichTreeView.plugins.js";

package/SimpleTreeView/SimpleTreeView.js

@@ -44,8 +44,7 @@ const useUtilityClasses = ownerState => {
 };
 const SimpleTreeViewRoot = exports.SimpleTreeViewRoot = (0, _zeroStyled.styled)('ul', {
   name: 'MuiSimpleTreeView',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({
   padding: 0,
   margin: 0,

package/SimpleTreeView/SimpleTreeView.plugins.d.ts

@@ -4,6 +4,6 @@ import { UseTreeViewExpansionParameters } from "../internals/plugins/useTreeView
 import { UseTreeViewSelectionParameters } from "../internals/plugins/useTreeViewSelection/index.js";
 import { UseTreeViewFocusParameters } from "../internals/plugins/useTreeViewFocus/index.js";
 import { ConvertPluginsIntoSignatures } from "../internals/models/index.js";
-export declare const SIMPLE_TREE_VIEW_PLUGINS: readonly [import("../internals").TreeViewPlugin<import("../internals").UseTreeViewItemsSignature>, import("../internals").TreeViewPlugin<import("../internals").UseTreeViewExpansionSignature>, import("../internals").TreeViewPlugin<import("../internals").UseTreeViewSelectionSignature>, import("../internals").TreeViewPlugin<import("../internals").UseTreeViewFocusSignature>, import("../internals").TreeViewPlugin<import("../internals").UseTreeViewKeyboardNavigationSignature>, import("../internals").TreeViewPlugin<import("../internals").UseTreeViewJSXItemsSignature>];
+export declare const SIMPLE_TREE_VIEW_PLUGINS: readonly [import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewItemsSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewExpansionSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewSelectionSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewFocusSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewKeyboardNavigationSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewJSXItemsSignature>];
 export type SimpleTreeViewPluginSignatures = ConvertPluginsIntoSignatures<typeof SIMPLE_TREE_VIEW_PLUGINS>;
 export interface SimpleTreeViewPluginParameters<Multiple extends boolean | undefined> extends TreeViewCorePluginParameters, Omit<UseTreeViewItemsParameters<any>, 'items' | 'isItemDisabled' | 'getItemLabel' | 'getItemId'>, UseTreeViewExpansionParameters, UseTreeViewFocusParameters, UseTreeViewSelectionParameters<Multiple> {}

package/SimpleTreeView/index.d.ts

@@ -1,3 +1,3 @@
 export * from "./SimpleTreeView.js";
 export * from "./simpleTreeViewClasses.js";
-export type { SimpleTreeViewProps, SimpleTreeViewSlots, SimpleTreeViewSlotProps } from './SimpleTreeView.types';
+export type { SimpleTreeViewProps, SimpleTreeViewSlots, SimpleTreeViewSlotProps } from "./SimpleTreeView.types.js";

package/TreeItem/TreeItem.js

@@ -34,8 +34,7 @@ const _excluded = ["visible"],
 const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiTreeItem');
 const TreeItemRoot = exports.TreeItemRoot = (0, _zeroStyled.styled)('li', {
   name: 'MuiTreeItem',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({
   listStyle: 'none',
   margin: 0,
@@ -45,7 +44,6 @@ const TreeItemRoot = exports.TreeItemRoot = (0, _zeroStyled.styled)('li', {
 const TreeItemContent = exports.TreeItemContent = (0, _zeroStyled.styled)('div', {
   name: 'MuiTreeItem',
   slot: 'Content',
-  overridesResolver: (props, styles) => styles.content,
   shouldForwardProp: prop => (0, _createStyled.shouldForwardProp)(prop) && prop !== 'status'
 })(({
   theme
@@ -93,7 +91,6 @@ const TreeItemContent = exports.TreeItemContent = (0, _zeroStyled.styled)('div',
 const TreeItemLabel = exports.TreeItemLabel = (0, _zeroStyled.styled)('div', {
   name: 'MuiTreeItem',
   slot: 'Label',
-  overridesResolver: (props, styles) => styles.label,
   shouldForwardProp: prop => (0, _createStyled.shouldForwardProp)(prop) && prop !== 'editable'
 })(({
   theme
@@ -117,8 +114,7 @@ const TreeItemLabel = exports.TreeItemLabel = (0, _zeroStyled.styled)('div', {
 }));
 const TreeItemIconContainer = exports.TreeItemIconContainer = (0, _zeroStyled.styled)('div', {
   name: 'MuiTreeItem',
-  slot: 'IconContainer',
-  overridesResolver: (props, styles) => styles.iconContainer
+  slot: 'IconContainer'
 })({
   width: 16,
   display: 'flex',
@@ -139,8 +135,7 @@ const TreeItemGroupTransition = exports.TreeItemGroupTransition = (0, _zeroStyle
 });
 const TreeItemErrorContainer = exports.TreeItemErrorContainer = (0, _zeroStyled.styled)('div', {
   name: 'MuiTreeItem',
-  slot: 'ErrorIcon',
-  overridesResolver: (props, styles) => styles.errorIcon
+  slot: 'ErrorIcon'
 })({
   position: 'absolute',
   right: -3,
@@ -151,8 +146,7 @@ const TreeItemErrorContainer = exports.TreeItemErrorContainer = (0, _zeroStyled.
 });
 const TreeItemLoadingContainer = exports.TreeItemLoadingContainer = (0, _zeroStyled.styled)(_CircularProgress.default, {
   name: 'MuiTreeItem',
-  slot: 'LoadingIcon',
-  overridesResolver: (props, styles) => styles.loadingIcon
+  slot: 'LoadingIcon'
 })({
   color: 'text.primary'
 });
@@ -169,8 +163,7 @@ const TreeItemCheckbox = exports.TreeItemCheckbox = (0, _zeroStyled.styled)(/*#_
   }));
 }), {
   name: 'MuiTreeItem',
-  slot: 'Checkbox',
-  overridesResolver: (props, styles) => styles.checkbox
+  slot: 'Checkbox'
 })({
   padding: 0
 });

package/TreeItem/index.d.ts

@@ -1,4 +1,4 @@
 export { TreeItem, TreeItemRoot, TreeItemContent, TreeItemIconContainer, TreeItemGroupTransition, TreeItemCheckbox, TreeItemLabel } from "./TreeItem.js";
-export type { TreeItemProps, TreeItemSlots, TreeItemSlotProps } from './TreeItem.types';
+export type { TreeItemProps, TreeItemSlots, TreeItemSlotProps } from "./TreeItem.types.js";
 export { getTreeItemUtilityClass, treeItemClasses } from "./treeItemClasses.js";
-export type { TreeItemClassKey, TreeItemClasses } from './treeItemClasses';
+export type { TreeItemClassKey, TreeItemClasses } from "./treeItemClasses.js";

package/TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.js

@@ -17,7 +17,6 @@ var _jsxRuntime = require("react/jsx-runtime");
 const TreeItemDragAndDropOverlayRoot = (0, _zeroStyled.styled)('div', {
   name: 'MuiTreeItemDragAndDropOverlay',
   slot: 'Root',
-  overridesResolver: (props, styles) => styles.root,
   shouldForwardProp: prop => (0, _createStyled.shouldForwardProp)(prop) && prop !== 'action'
 })(({
   theme

package/TreeItemDragAndDropOverlay/index.d.ts

@@ -1,2 +1,2 @@
 export { TreeItemDragAndDropOverlay } from "./TreeItemDragAndDropOverlay.js";
-export type { TreeItemDragAndDropOverlayProps } from './TreeItemDragAndDropOverlay.types';
+export type { TreeItemDragAndDropOverlayProps } from "./TreeItemDragAndDropOverlay.types.js";

package/TreeItemIcon/index.d.ts

@@ -1,2 +1,2 @@
 export { TreeItemIcon } from "./TreeItemIcon.js";
-export type { TreeItemIconProps, TreeItemIconSlots, TreeItemIconSlotProps } from './TreeItemIcon.types';
+export type { TreeItemIconProps, TreeItemIconSlots, TreeItemIconSlotProps } from "./TreeItemIcon.types.js";

package/TreeItemLabelInput/TreeItemLabelInput.js

@@ -12,8 +12,7 @@ var _zeroStyled = require("../internals/zero-styled");
  */
 const TreeItemLabelInput = exports.TreeItemLabelInput = (0, _zeroStyled.styled)('input', {
   name: 'MuiTreeItem',
-  slot: 'LabelInput',
-  overridesResolver: (props, styles) => styles.labelInput
+  slot: 'LabelInput'
 })(({
   theme
 }) => (0, _extends2.default)({}, theme.typography.body1, {

package/TreeItemLabelInput/index.d.ts

@@ -1,2 +1,2 @@
 export { TreeItemLabelInput } from "./TreeItemLabelInput.js";
-export type { TreeItemLabelInputProps } from './TreeItemLabelInput.types';
+export type { TreeItemLabelInputProps } from "./TreeItemLabelInput.types.js";

package/TreeItemProvider/index.d.ts

@@ -1,2 +1,2 @@
 export { TreeItemProvider } from "./TreeItemProvider.js";
-export type { TreeItemProviderProps } from './TreeItemProvider.types';
+export type { TreeItemProviderProps } from "./TreeItemProvider.types.js";

package/esm/RichTreeView/RichTreeView.js

@@ -42,8 +42,7 @@ const useUtilityClasses = ownerState => {
 };
 export const RichTreeViewRoot = styled('ul', {
   name: 'MuiRichTreeView',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({
   padding: 0,
   margin: 0,

package/esm/RichTreeView/RichTreeView.plugins.d.ts

@@ -5,6 +5,6 @@ import { UseTreeViewSelectionParameters } from "../internals/plugins/useTreeView
 import { UseTreeViewFocusParameters } from "../internals/plugins/useTreeViewFocus/index.js";
 import { ConvertPluginsIntoSignatures } from "../internals/models/index.js";
 import { UseTreeViewLabelParameters } from "../internals/plugins/useTreeViewLabel/index.js";
-export declare const RICH_TREE_VIEW_PLUGINS: readonly [import("../internals").TreeViewPlugin<import("../internals").UseTreeViewItemsSignature>, import("../internals").TreeViewPlugin<import("../internals").UseTreeViewExpansionSignature>, import("../internals").TreeViewPlugin<import("../internals").UseTreeViewSelectionSignature>, import("../internals").TreeViewPlugin<import("../internals").UseTreeViewFocusSignature>, import("../internals").TreeViewPlugin<import("../internals").UseTreeViewKeyboardNavigationSignature>, import("../internals").TreeViewPlugin<import("../internals").UseTreeViewLabelSignature>];
+export declare const RICH_TREE_VIEW_PLUGINS: readonly [import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewItemsSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewExpansionSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewSelectionSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewFocusSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewKeyboardNavigationSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewLabelSignature>];
 export type RichTreeViewPluginSignatures = ConvertPluginsIntoSignatures<typeof RICH_TREE_VIEW_PLUGINS>;
 export interface RichTreeViewPluginParameters<R extends {}, Multiple extends boolean | undefined> extends TreeViewCorePluginParameters, UseTreeViewItemsParameters<R>, UseTreeViewExpansionParameters, UseTreeViewFocusParameters, UseTreeViewSelectionParameters<Multiple>, UseTreeViewLabelParameters<R> {}

package/esm/RichTreeView/index.d.ts

@@ -1,5 +1,5 @@
 export * from "./RichTreeView.js";
 export * from "./richTreeViewClasses.js";
-export type { RichTreeViewProps, RichTreeViewPropsBase, RichTreeViewSlots, RichTreeViewSlotProps } from './RichTreeView.types';
+export type { RichTreeViewProps, RichTreeViewPropsBase, RichTreeViewSlots, RichTreeViewSlotProps } from "./RichTreeView.types.js";
 export { RICH_TREE_VIEW_PLUGINS } from "./RichTreeView.plugins.js";
-export type { RichTreeViewPluginParameters } from './RichTreeView.plugins';
+export type { RichTreeViewPluginParameters } from "./RichTreeView.plugins.js";

package/esm/SimpleTreeView/SimpleTreeView.js

@@ -37,8 +37,7 @@ const useUtilityClasses = ownerState => {
 };
 export const SimpleTreeViewRoot = styled('ul', {
   name: 'MuiSimpleTreeView',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({
   padding: 0,
   margin: 0,

package/esm/SimpleTreeView/SimpleTreeView.plugins.d.ts

@@ -4,6 +4,6 @@ import { UseTreeViewExpansionParameters } from "../internals/plugins/useTreeView
 import { UseTreeViewSelectionParameters } from "../internals/plugins/useTreeViewSelection/index.js";
 import { UseTreeViewFocusParameters } from "../internals/plugins/useTreeViewFocus/index.js";
 import { ConvertPluginsIntoSignatures } from "../internals/models/index.js";
-export declare const SIMPLE_TREE_VIEW_PLUGINS: readonly [import("../internals").TreeViewPlugin<import("../internals").UseTreeViewItemsSignature>, import("../internals").TreeViewPlugin<import("../internals").UseTreeViewExpansionSignature>, import("../internals").TreeViewPlugin<import("../internals").UseTreeViewSelectionSignature>, import("../internals").TreeViewPlugin<import("../internals").UseTreeViewFocusSignature>, import("../internals").TreeViewPlugin<import("../internals").UseTreeViewKeyboardNavigationSignature>, import("../internals").TreeViewPlugin<import("../internals").UseTreeViewJSXItemsSignature>];
+export declare const SIMPLE_TREE_VIEW_PLUGINS: readonly [import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewItemsSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewExpansionSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewSelectionSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewFocusSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewKeyboardNavigationSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewJSXItemsSignature>];
 export type SimpleTreeViewPluginSignatures = ConvertPluginsIntoSignatures<typeof SIMPLE_TREE_VIEW_PLUGINS>;
 export interface SimpleTreeViewPluginParameters<Multiple extends boolean | undefined> extends TreeViewCorePluginParameters, Omit<UseTreeViewItemsParameters<any>, 'items' | 'isItemDisabled' | 'getItemLabel' | 'getItemId'>, UseTreeViewExpansionParameters, UseTreeViewFocusParameters, UseTreeViewSelectionParameters<Multiple> {}

package/esm/SimpleTreeView/index.d.ts

@@ -1,3 +1,3 @@
 export * from "./SimpleTreeView.js";
 export * from "./simpleTreeViewClasses.js";
-export type { SimpleTreeViewProps, SimpleTreeViewSlots, SimpleTreeViewSlotProps } from './SimpleTreeView.types';
+export type { SimpleTreeViewProps, SimpleTreeViewSlots, SimpleTreeViewSlotProps } from "./SimpleTreeView.types.js";

package/esm/TreeItem/TreeItem.js

@@ -27,8 +27,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useThemeProps = createUseThemeProps('MuiTreeItem');
 export const TreeItemRoot = styled('li', {
   name: 'MuiTreeItem',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({
   listStyle: 'none',
   margin: 0,
@@ -38,7 +37,6 @@ export const TreeItemRoot = styled('li', {
 export const TreeItemContent = styled('div', {
   name: 'MuiTreeItem',
   slot: 'Content',
-  overridesResolver: (props, styles) => styles.content,
   shouldForwardProp: prop => shouldForwardProp(prop) && prop !== 'status'
 })(({
   theme
@@ -86,7 +84,6 @@ export const TreeItemContent = styled('div', {
 export const TreeItemLabel = styled('div', {
   name: 'MuiTreeItem',
   slot: 'Label',
-  overridesResolver: (props, styles) => styles.label,
   shouldForwardProp: prop => shouldForwardProp(prop) && prop !== 'editable'
 })(({
   theme
@@ -110,8 +107,7 @@ export const TreeItemLabel = styled('div', {
 }));
 export const TreeItemIconContainer = styled('div', {
   name: 'MuiTreeItem',
-  slot: 'IconContainer',
-  overridesResolver: (props, styles) => styles.iconContainer
+  slot: 'IconContainer'
 })({
   width: 16,
   display: 'flex',
@@ -132,8 +128,7 @@ export const TreeItemGroupTransition = styled(Collapse, {
 });
 export const TreeItemErrorContainer = styled('div', {
   name: 'MuiTreeItem',
-  slot: 'ErrorIcon',
-  overridesResolver: (props, styles) => styles.errorIcon
+  slot: 'ErrorIcon'
 })({
   position: 'absolute',
   right: -3,
@@ -144,8 +139,7 @@ export const TreeItemErrorContainer = styled('div', {
 });
 export const TreeItemLoadingContainer = styled(CircularProgress, {
   name: 'MuiTreeItem',
-  slot: 'LoadingIcon',
-  overridesResolver: (props, styles) => styles.loadingIcon
+  slot: 'LoadingIcon'
 })({
   color: 'text.primary'
 });
@@ -162,8 +156,7 @@ export const TreeItemCheckbox = styled(/*#__PURE__*/React.forwardRef((props, ref
   }));
 }), {
   name: 'MuiTreeItem',
-  slot: 'Checkbox',
-  overridesResolver: (props, styles) => styles.checkbox
+  slot: 'Checkbox'
 })({
   padding: 0
 });

package/esm/TreeItem/index.d.ts

@@ -1,4 +1,4 @@
 export { TreeItem, TreeItemRoot, TreeItemContent, TreeItemIconContainer, TreeItemGroupTransition, TreeItemCheckbox, TreeItemLabel } from "./TreeItem.js";
-export type { TreeItemProps, TreeItemSlots, TreeItemSlotProps } from './TreeItem.types';
+export type { TreeItemProps, TreeItemSlots, TreeItemSlotProps } from "./TreeItem.types.js";
 export { getTreeItemUtilityClass, treeItemClasses } from "./treeItemClasses.js";
-export type { TreeItemClassKey, TreeItemClasses } from './treeItemClasses';
+export type { TreeItemClassKey, TreeItemClasses } from "./treeItemClasses.js";

package/esm/TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.js

@@ -10,7 +10,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 const TreeItemDragAndDropOverlayRoot = styled('div', {
   name: 'MuiTreeItemDragAndDropOverlay',
   slot: 'Root',
-  overridesResolver: (props, styles) => styles.root,
   shouldForwardProp: prop => shouldForwardProp(prop) && prop !== 'action'
 })(({
   theme

package/esm/TreeItemDragAndDropOverlay/index.d.ts

@@ -1,2 +1,2 @@
 export { TreeItemDragAndDropOverlay } from "./TreeItemDragAndDropOverlay.js";
-export type { TreeItemDragAndDropOverlayProps } from './TreeItemDragAndDropOverlay.types';
+export type { TreeItemDragAndDropOverlayProps } from "./TreeItemDragAndDropOverlay.types.js";

package/esm/TreeItemIcon/index.d.ts

@@ -1,2 +1,2 @@
 export { TreeItemIcon } from "./TreeItemIcon.js";
-export type { TreeItemIconProps, TreeItemIconSlots, TreeItemIconSlotProps } from './TreeItemIcon.types';
+export type { TreeItemIconProps, TreeItemIconSlots, TreeItemIconSlotProps } from "./TreeItemIcon.types.js";

package/esm/TreeItemLabelInput/TreeItemLabelInput.js

@@ -6,8 +6,7 @@ import { styled } from "../internals/zero-styled/index.js";
  */
 const TreeItemLabelInput = styled('input', {
   name: 'MuiTreeItem',
-  slot: 'LabelInput',
-  overridesResolver: (props, styles) => styles.labelInput
+  slot: 'LabelInput'
 })(({
   theme
 }) => _extends({}, theme.typography.body1, {

package/esm/TreeItemLabelInput/index.d.ts

@@ -1,2 +1,2 @@
 export { TreeItemLabelInput } from "./TreeItemLabelInput.js";
-export type { TreeItemLabelInputProps } from './TreeItemLabelInput.types';
+export type { TreeItemLabelInputProps } from "./TreeItemLabelInput.types.js";