@mui/x-tree-view 9.0.0-alpha.1 → 9.0.0-alpha.2

package/CHANGELOG.md

@@ -1,5 +1,123 @@
 # Changelog
 
+## 9.0.0-alpha.2
+
+_Mar 5, 2026_
+
+We'd like to extend a big thank you to the 12 contributors who made this release possible. Here are some highlights ✨:
+
+- ✅ Stabilize Sankey chart
+- 🐞 Bugfixes and internal improvements
+
+The following team members contributed to this release:
+@aemartos, @alelthomas, @alexfauquette, @arminmeh, @bernardobelchior, @brijeshb42, @Janpot, @JCQuintas, @mapache-salvaje, @michelengelen, @mj12albert, @sai6855, @siriwatknp
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.0.0-alpha.2`
+
+- [dataGrid] Fix keyboard nav with single-row checkbox selection (#21149) @mj12albert
+- [DataGrid] Add `checkboxColDef` prop to customize the selection column (#21331) @michelengelen
+- [DataGrid] Format pagination numbers by default (#21117) @siriwatknp
+- [DataGrid] Prevent unnecessary row selection checkbox rerendering (#21570) @arminmeh
+- [DataGrid] Make GridScrollArea overrides resolver dynamic (#21532) @sai6855
+
+#### `@mui/x-data-grid-pro@9.0.0-alpha.2` [![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@9.0.0-alpha.2`, plus:
+
+- [DataGridPro] Use `getRowId` prop to calculate the tree data row update (#21540) @arminmeh
+
+#### `@mui/x-data-grid-premium@9.0.0-alpha.2` [![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@9.0.0-alpha.2`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.0.0-alpha.2`
+
+- [pickers] Add `keepOpenDuringFieldFocus` prop (#20782) @michelengelen
+
+#### `@mui/x-date-pickers-pro@9.0.0-alpha.2` [![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@9.0.0-alpha.2`.
+
+### Charts
+
+#### `@mui/x-charts@9.0.0-alpha.2`
+
+- [charts] Add `ChartsLayerContainer` component (#21264) @bernardobelchior
+- [charts] Add codemod for `ChartsContainer` rename (#21504) @JCQuintas
+- [charts] Add codemod for `ChartsDataProvider` rename (#21552) @JCQuintas
+- [charts] Add codemod for `ChartsZoomSlider` rename (#21597) @JCQuintas
+- [charts] Base the highlight items on the item identifiers (#21161) @alexfauquette
+- [charts] Deprecate `ChartDataProvider` in favour of `ChartsDataProvider` (#21191) @JCQuintas
+- [charts] Deprecate `highlighted` and `faded` classes (#21476) @alexfauquette
+- [charts] Migrate to latest v8 warning (#21518) @JCQuintas
+- [charts] Rename `ChartZoomSlider` to `ChartsZoomSlider` (#21553) @JCQuintas
+- [charts] Rename `WebGl` to `WebGL` (#21524) @JCQuintas
+- [charts] Rename `useSvgRef()` by `useChartsLayerContainerRef()` (#21494) @alexfauquette
+- [charts] Restore focus on last focused item (#21522) @alexfauquette
+- [charts] Warn users when controlled tooltip state does not match the trigger (#21520) @Copilot
+- [charts] Fix controlled tooltip position (#21603) @bernardobelchior
+
+#### `@mui/x-charts-pro@9.0.0-alpha.2` [![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@9.0.0-alpha.2`, plus:
+
+- [charts-pro] Center the watermark (#21550) @alexfauquette
+- [charts-pro] Stabilize `SankeyChart` API (#21133) @Copilot
+
+#### `@mui/x-charts-premium@9.0.0-alpha.2` [![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@9.0.0-alpha.2`.
+
+### Tree View
+
+#### `@mui/x-tree-view@9.0.0-alpha.2`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@9.0.0-alpha.2` [![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@9.0.0-alpha.2`.
+
+### Codemod
+
+#### `@mui/x-codemod@9.0.0-alpha.2`
+
+Internal changes.
+
+### Docs
+
+- [docs] Add backticks and parentheses to all functions and hooks (DX-173) (#21496) @mapache-salvaje
+- [docs] Remove mentions of `mySvgRef` (#21559) @bernardobelchior
+- [docs] Update Roadmap section in the docs  (#20892) @alelthomas
+- [docs] Add tutorial and example app for aggregation with row grouping (DX-162) (#21102) @mapache-salvaje
+- [docs] Fix missing codemod docs (#21604) @JCQuintas
+
+### Core
+
+- [code-infra] Add eslint rule to prevent `Math.random` in docs (#21505) @JCQuintas
+- [code-infra] Avoid static props for pageContent (#21038) @Janpot
+- [code-infra] Isolate `date-pickers-pro` in the browser tests (#21383) @Janpot
+- [code-infra] Remove `--coverage` (#21410) @Janpot
+- [code-infra] Remove unneeded `skipIf`s (#21569) @JCQuintas
+- [code-infra] Remove vale as a workspace dependency (#21489) @brijeshb42
+- [code-infra] Remove x-charts-vendor from nextjs processing (#21534) @brijeshb42
+- [code-infra] Set BASE_BRANCH env var in CircleCI config (#21548) @brijeshb42
+- [code-infra] Setup error code extraction (#21469) @brijeshb42
+- [code-infra] Setup flat build for packages (#21029) @brijeshb42
+- [code-infra] Upgrade test_unit to large resource class (#21558) @Janpot
+- [code-infra] Removed getTeamMembers function and usage from release script (#21605) @michelengelen
+
+### Miscellaneous
+
+- [x-license] Add Q1-2026 plan version with quantity and appType support (#21574) @aemartos
+- [x-license] Add v3 key format support, centralize test keys, and trim public API (#21485) @aemartos
+- [x-telemetry] telemetry opt-out by default, remove conf dependency (#21470) @aemartos
+- [x-telemetry] test: mock context module directly in sender tests (#21546) @aemartos
+
 ## 9.0.0-alpha.1
 
 _Feb 26, 2026_

package/{esm/RichTreeView/RichTreeView.d.ts → RichTreeView/RichTreeView.d.mts}

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RichTreeViewProps } from "./RichTreeView.types.js";
+import { RichTreeViewProps } from "./RichTreeView.types.mjs";
 export declare const RichTreeViewRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, keyof React.ClassAttributes<HTMLUListElement> | keyof React.HTMLAttributes<HTMLUListElement>>, {}>;
 type RichTreeViewComponent = (<R extends {}, Multiple extends boolean | undefined = undefined>(props: RichTreeViewProps<R, Multiple> & React.RefAttributes<HTMLUListElement>) => React.JSX.Element) & {
   propTypes?: any;

package/{esm/RichTreeView/RichTreeView.js → RichTreeView/RichTreeView.mjs}

@@ -9,16 +9,16 @@ import Alert from '@mui/material/Alert';
 import Typography from '@mui/material/Typography';
 import composeClasses from '@mui/utils/composeClasses';
 import { warnOnce } from '@mui/x-internals/warning';
-import { getRichTreeViewUtilityClass } from "./richTreeViewClasses.js";
-import { styled, createUseThemeProps } from "../internals/zero-styled/index.js";
-import { TreeViewProvider } from "../internals/TreeViewProvider/index.js";
-import { RichTreeViewItems } from "../internals/components/RichTreeViewItems.js";
-import { lazyLoadingSelectors } from "../internals/plugins/lazyLoading/index.js";
-import { TreeViewItemDepthContext } from "../internals/TreeViewItemDepthContext/index.js";
-import { useExtractRichTreeViewParameters } from "./useExtractRichTreeViewParameters.js";
-import { itemsSelectors } from "../internals/plugins/items/index.js";
-import { useTreeViewStore } from "../internals/hooks/useTreeViewStore.js";
-import { RichTreeViewStore } from "../internals/RichTreeViewStore/index.js";
+import { getRichTreeViewUtilityClass } from "./richTreeViewClasses.mjs";
+import { styled, createUseThemeProps } from "../internals/zero-styled/index.mjs";
+import { TreeViewProvider } from "../internals/TreeViewProvider/index.mjs";
+import { RichTreeViewItems } from "../internals/components/RichTreeViewItems.mjs";
+import { lazyLoadingSelectors } from "../internals/plugins/lazyLoading/index.mjs";
+import { TreeViewItemDepthContext } from "../internals/TreeViewItemDepthContext/index.mjs";
+import { useExtractRichTreeViewParameters } from "./useExtractRichTreeViewParameters.mjs";
+import { itemsSelectors } from "../internals/plugins/items/index.mjs";
+import { useTreeViewStore } from "../internals/hooks/useTreeViewStore.mjs";
+import { RichTreeViewStore } from "../internals/RichTreeViewStore/index.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useThemeProps = createUseThemeProps('MuiRichTreeView');
 const useUtilityClasses = ownerState => {

package/{esm/RichTreeView/RichTreeView.types.d.ts → RichTreeView/RichTreeView.types.d.mts}

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import { Theme } from '@mui/material/styles';
 import { SxProps } from '@mui/system/styleFunctionSx';
-import { RichTreeViewClasses } from "./richTreeViewClasses.js";
-import { RichTreeViewItemsSlotProps, RichTreeViewItemsSlots } from "../internals/components/RichTreeViewItems.js";
-import { TreeViewSlotProps, TreeViewSlots } from "../internals/TreeViewProvider/TreeViewStyleContext.js";
-import { RichTreeViewStore } from "../internals/RichTreeViewStore/index.js";
-import { TreeViewValidItem } from "../models/items.js";
-import { UseTreeViewStoreParameters } from "../internals/hooks/useTreeViewStore.js";
-import { TreeViewPublicAPI } from "../internals/models/index.js";
+import { RichTreeViewClasses } from "./richTreeViewClasses.mjs";
+import { RichTreeViewItemsSlotProps, RichTreeViewItemsSlots } from "../internals/components/RichTreeViewItems.mjs";
+import { TreeViewSlotProps, TreeViewSlots } from "../internals/TreeViewProvider/TreeViewStyleContext.mjs";
+import { RichTreeViewStore } from "../internals/RichTreeViewStore/index.mjs";
+import { TreeViewValidItem } from "../models/items.mjs";
+import { UseTreeViewStoreParameters } from "../internals/hooks/useTreeViewStore.mjs";
+import { TreeViewPublicAPI } from "../internals/models/index.mjs";
 export interface RichTreeViewSlots extends TreeViewSlots, Omit<RichTreeViewItemsSlots, 'root'> {
   /**
    * Element rendered at the root.

package/{esm/RichTreeView/index.d.ts → RichTreeView/index.d.mts}

@@ -1,3 +1,3 @@
-export * from "./RichTreeView.js";
-export * from "./richTreeViewClasses.js";
-export type { RichTreeViewProps, RichTreeViewPropsBase, RichTreeViewSlots, RichTreeViewSlotProps, RichTreeViewApiRef } from "./RichTreeView.types.js";
+export * from "./RichTreeView.mjs";
+export * from "./richTreeViewClasses.mjs";
+export type { RichTreeViewProps, RichTreeViewPropsBase, RichTreeViewSlots, RichTreeViewSlotProps, RichTreeViewApiRef } from "./RichTreeView.types.mjs";

package/RichTreeView/index.mjs

@@ -0,0 +1,3 @@
+export * from "./RichTreeView.mjs";
+export * from "./richTreeViewClasses.mjs";
+export {};

package/{esm/RichTreeView/richTreeViewClasses.d.ts → RichTreeView/richTreeViewClasses.d.mts}

@@ -1,4 +1,4 @@
-import { TreeViewClasses } from "../internals/TreeViewProvider/TreeViewStyleContext.js";
+import { TreeViewClasses } from "../internals/TreeViewProvider/TreeViewStyleContext.mjs";
 export interface RichTreeViewClasses extends Omit<TreeViewClasses, 'itemDragAndDropOverlay' | 'itemErrorIcon' | 'itemLoadingIcon'> {}
 export type RichTreeViewClassKey = keyof RichTreeViewClasses;
 export declare function getRichTreeViewUtilityClass(slot: string): string;

package/{esm/RichTreeView/useExtractRichTreeViewParameters.d.ts → RichTreeView/useExtractRichTreeViewParameters.d.mts}

@@ -1,16 +1,16 @@
 import * as React from 'react';
-import { TreeViewValidItem } from "../models/index.js";
-import { RichTreeViewProps } from "./RichTreeView.types.js";
-import { UseTreeViewStoreParameters } from "../internals/hooks/useTreeViewStore.js";
-import { RichTreeViewStore } from "../internals/RichTreeViewStore/index.js";
+import { TreeViewValidItem } from "../models/index.mjs";
+import { RichTreeViewProps } from "./RichTreeView.types.mjs";
+import { UseTreeViewStoreParameters } from "../internals/hooks/useTreeViewStore.mjs";
+import { RichTreeViewStore } from "../internals/RichTreeViewStore/index.mjs";
 export declare function useExtractRichTreeViewParameters<R extends TreeViewValidItem<R>, Multiple extends boolean | undefined>(props: RichTreeViewProps<R, Multiple>): {
-  apiRef: import("./RichTreeView.types.js").RichTreeViewApiRef<any, any> | undefined;
-  slots: import("./RichTreeView.types.js").RichTreeViewSlots | undefined;
-  slotProps: import("./RichTreeView.types.js").RichTreeViewSlotProps<R, Multiple> | undefined;
+  apiRef: import("./RichTreeView.types.mjs").RichTreeViewApiRef<any, any> | undefined;
+  slots: import("./RichTreeView.types.mjs").RichTreeViewSlots | undefined;
+  slotProps: import("./RichTreeView.types.mjs").RichTreeViewSlotProps<R, Multiple> | undefined;
   parameters: UseTreeViewStoreParameters<RichTreeViewStore<R, Multiple>>;
   forwardedProps: {
     className?: string;
-    classes?: Partial<import("./richTreeViewClasses.js").RichTreeViewClasses>;
+    classes?: Partial<import("./richTreeViewClasses.mjs").RichTreeViewClasses>;
     sx?: import("@mui/system").SxProps<import("@mui/material/styles").Theme>;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;

package/{esm/SimpleTreeView/SimpleTreeView.d.ts → SimpleTreeView/SimpleTreeView.d.mts}

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SimpleTreeViewProps } from "./SimpleTreeView.types.js";
+import { SimpleTreeViewProps } from "./SimpleTreeView.types.mjs";
 export declare const SimpleTreeViewRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
   ownerState: SimpleTreeViewProps<any>;
 }, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, keyof React.ClassAttributes<HTMLUListElement> | keyof React.HTMLAttributes<HTMLUListElement>>, {}>;

package/{esm/SimpleTreeView/SimpleTreeView.js → SimpleTreeView/SimpleTreeView.mjs}

@@ -7,15 +7,15 @@ import { useMergedRefs } from '@base-ui/utils/useMergedRefs';
 import composeClasses from '@mui/utils/composeClasses';
 import useSlotProps from '@mui/utils/useSlotProps';
 import { warnOnce } from '@mui/x-internals/warning';
-import { styled, createUseThemeProps } from "../internals/zero-styled/index.js";
-import { getSimpleTreeViewUtilityClass } from "./simpleTreeViewClasses.js";
-import { TreeViewProvider } from "../internals/TreeViewProvider/index.js";
-import { useExtractSimpleTreeViewParameters } from "./useExtractSimpleTreeViewParameters.js";
-import { useTreeViewRootProps } from "../internals/hooks/useTreeViewRootProps.js";
-import { TreeViewChildrenItemProvider } from "../internals/TreeViewProvider/TreeViewChildrenItemProvider.js";
-import { TreeViewItemDepthContext } from "../internals/TreeViewItemDepthContext/index.js";
-import { useTreeViewStore } from "../internals/hooks/useTreeViewStore.js";
-import { SimpleTreeViewStore } from "../internals/SimpleTreeViewStore/index.js";
+import { styled, createUseThemeProps } from "../internals/zero-styled/index.mjs";
+import { getSimpleTreeViewUtilityClass } from "./simpleTreeViewClasses.mjs";
+import { TreeViewProvider } from "../internals/TreeViewProvider/index.mjs";
+import { useExtractSimpleTreeViewParameters } from "./useExtractSimpleTreeViewParameters.mjs";
+import { useTreeViewRootProps } from "../internals/hooks/useTreeViewRootProps.mjs";
+import { TreeViewChildrenItemProvider } from "../internals/TreeViewProvider/TreeViewChildrenItemProvider.mjs";
+import { TreeViewItemDepthContext } from "../internals/TreeViewItemDepthContext/index.mjs";
+import { useTreeViewStore } from "../internals/hooks/useTreeViewStore.mjs";
+import { SimpleTreeViewStore } from "../internals/SimpleTreeViewStore/index.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useThemeProps = createUseThemeProps('MuiSimpleTreeView');
 const useUtilityClasses = ownerState => {

package/{esm/SimpleTreeView/SimpleTreeView.types.d.ts → SimpleTreeView/SimpleTreeView.types.d.mts}

@@ -2,11 +2,11 @@ import * as React from 'react';
 import { Theme } from '@mui/material/styles';
 import { SlotComponentProps } from '@mui/utils/types';
 import { SxProps } from '@mui/system/styleFunctionSx';
-import { SimpleTreeViewClasses } from "./simpleTreeViewClasses.js";
-import { TreeViewSlotProps, TreeViewSlots } from "../internals/TreeViewProvider/TreeViewStyleContext.js";
-import { SimpleTreeViewStore } from "../internals/SimpleTreeViewStore/index.js";
-import { UseTreeViewStoreParameters } from "../internals/hooks/useTreeViewStore.js";
-import { TreeViewPublicAPI } from "../internals/models/index.js";
+import { SimpleTreeViewClasses } from "./simpleTreeViewClasses.mjs";
+import { TreeViewSlotProps, TreeViewSlots } from "../internals/TreeViewProvider/TreeViewStyleContext.mjs";
+import { SimpleTreeViewStore } from "../internals/SimpleTreeViewStore/index.mjs";
+import { UseTreeViewStoreParameters } from "../internals/hooks/useTreeViewStore.mjs";
+import { TreeViewPublicAPI } from "../internals/models/index.mjs";
 export interface SimpleTreeViewSlots extends TreeViewSlots {
   /**
    * Element rendered at the root.

package/{esm/SimpleTreeView/index.d.ts → SimpleTreeView/index.d.mts}

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

package/SimpleTreeView/index.mjs

@@ -0,0 +1,3 @@
+export * from "./SimpleTreeView.mjs";
+export * from "./simpleTreeViewClasses.mjs";
+export {};

package/{esm/SimpleTreeView/simpleTreeViewClasses.d.ts → SimpleTreeView/simpleTreeViewClasses.d.mts}

@@ -1,4 +1,4 @@
-import { TreeViewClasses } from "../internals/TreeViewProvider/TreeViewStyleContext.js";
+import { TreeViewClasses } from "../internals/TreeViewProvider/TreeViewStyleContext.mjs";
 export interface SimpleTreeViewClasses extends Omit<TreeViewClasses, 'itemDragAndDropOverlay' | 'itemLabelInput' | 'itemErrorIcon' | 'itemLoadingIcon'> {}
 export type SimpleTreeViewClassKey = keyof SimpleTreeViewClasses;
 export declare function getSimpleTreeViewUtilityClass(slot: string): string;

package/{esm/SimpleTreeView/useExtractSimpleTreeViewParameters.d.ts → SimpleTreeView/useExtractSimpleTreeViewParameters.d.mts}

@@ -1,16 +1,16 @@
 import * as React from 'react';
-import { SimpleTreeViewProps } from "./SimpleTreeView.types.js";
-import { UseTreeViewStoreParameters } from "../internals/hooks/useTreeViewStore.js";
-import { SimpleTreeViewStore } from "../internals/SimpleTreeViewStore/index.js";
+import { SimpleTreeViewProps } from "./SimpleTreeView.types.mjs";
+import { UseTreeViewStoreParameters } from "../internals/hooks/useTreeViewStore.mjs";
+import { SimpleTreeViewStore } from "../internals/SimpleTreeViewStore/index.mjs";
 export declare function useExtractSimpleTreeViewParameters<Multiple extends boolean | undefined>(props: SimpleTreeViewProps<Multiple>): {
-  apiRef: import("./SimpleTreeView.types.js").SimpleTreeViewApiRef<any> | undefined;
-  slots: import("./SimpleTreeView.types.js").SimpleTreeViewSlots | undefined;
-  slotProps: import("./SimpleTreeView.types.js").SimpleTreeViewSlotProps | undefined;
+  apiRef: import("./SimpleTreeView.types.mjs").SimpleTreeViewApiRef<any> | undefined;
+  slots: import("./SimpleTreeView.types.mjs").SimpleTreeViewSlots | undefined;
+  slotProps: import("./SimpleTreeView.types.mjs").SimpleTreeViewSlotProps | undefined;
   parameters: UseTreeViewStoreParameters<SimpleTreeViewStore<Multiple>>;
   forwardedProps: {
     children?: React.ReactNode;
     className?: string;
-    classes?: Partial<import("./simpleTreeViewClasses.js").SimpleTreeViewClasses>;
+    classes?: Partial<import("./simpleTreeViewClasses.mjs").SimpleTreeViewClasses>;
     sx?: import("@mui/system").SxProps<import("@mui/material/styles").Theme>;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;

package/{esm/TreeItem/TreeItem.d.ts → TreeItem/TreeItem.d.mts}

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { CheckboxProps } from '@mui/material/Checkbox';
-import { TreeItemProps } from "./TreeItem.types.js";
-import { UseTreeItemStatus } from "../useTreeItem/index.js";
+import { TreeItemProps } from "./TreeItem.types.mjs";
+import { UseTreeItemStatus } from "../useTreeItem/index.mjs";
 export declare const TreeItemRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, keyof React.ClassAttributes<HTMLLIElement> | keyof React.LiHTMLAttributes<HTMLLIElement>>, {}>;
 export declare const TreeItemContent: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
   status: UseTreeItemStatus;

package/{esm/TreeItem/TreeItem.js → TreeItem/TreeItem.mjs}

@@ -15,14 +15,14 @@ import MuiCheckbox from '@mui/material/Checkbox';
 import useSlotProps from '@mui/utils/useSlotProps';
 import { shouldForwardProp } from '@mui/system/createStyled';
 import composeClasses from '@mui/utils/composeClasses';
-import { styled, createUseThemeProps } from "../internals/zero-styled/index.js";
-import { useTreeItem } from "../useTreeItem/index.js";
-import { getTreeItemUtilityClass } from "./treeItemClasses.js";
-import { TreeItemIcon } from "../TreeItemIcon/index.js";
-import { TreeItemDragAndDropOverlay } from "../TreeItemDragAndDropOverlay/index.js";
-import { TreeItemProvider } from "../TreeItemProvider/index.js";
-import { TreeItemLabelInput } from "../TreeItemLabelInput/index.js";
-import { useTreeViewStyleContext } from "../internals/TreeViewProvider/index.js";
+import { styled, createUseThemeProps } from "../internals/zero-styled/index.mjs";
+import { useTreeItem } from "../useTreeItem/index.mjs";
+import { getTreeItemUtilityClass } from "./treeItemClasses.mjs";
+import { TreeItemIcon } from "../TreeItemIcon/index.mjs";
+import { TreeItemDragAndDropOverlay } from "../TreeItemDragAndDropOverlay/index.mjs";
+import { TreeItemProvider } from "../TreeItemProvider/index.mjs";
+import { TreeItemLabelInput } from "../TreeItemLabelInput/index.mjs";
+import { useTreeViewStyleContext } from "../internals/TreeViewProvider/index.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useThemeProps = createUseThemeProps('MuiTreeItem');
 export const TreeItemRoot = styled('li', {

package/{esm/TreeItem/TreeItem.types.d.ts → TreeItem/TreeItem.types.d.mts}

@@ -4,10 +4,10 @@ import { Theme } from '@mui/material/styles';
 import { SlotComponentPropsFromProps } from '@mui/x-internals/types';
 import { TransitionProps } from '@mui/material/transitions';
 import { SlotComponentProps } from '@mui/utils/types';
-import { UseTreeItemParameters, UseTreeItemStatus } from "../useTreeItem/index.js";
-import { TreeItemClasses } from "./treeItemClasses.js";
-import { TreeItemIconSlotProps, TreeItemIconSlots } from "../TreeItemIcon/index.js";
-import { TreeViewCancellableEventHandler } from "../models/index.js";
+import { UseTreeItemParameters, UseTreeItemStatus } from "../useTreeItem/index.mjs";
+import { TreeItemClasses } from "./treeItemClasses.mjs";
+import { TreeItemIconSlotProps, TreeItemIconSlots } from "../TreeItemIcon/index.mjs";
+import { TreeViewCancellableEventHandler } from "../models/index.mjs";
 export interface TreeItemSlots extends TreeItemIconSlots {
   /**
    * The component that renders the root.

package/{esm/TreeItem/index.d.ts → TreeItem/index.d.mts}

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

package/{esm/TreeItem/index.js → TreeItem/index.mjs}

@@ -1,2 +1,2 @@
-export { TreeItem, TreeItemRoot, TreeItemContent, TreeItemIconContainer, TreeItemGroupTransition, TreeItemCheckbox, TreeItemLabel } from "./TreeItem.js";
-export { getTreeItemUtilityClass, treeItemClasses } from "./treeItemClasses.js";
+export { TreeItem, TreeItemRoot, TreeItemContent, TreeItemIconContainer, TreeItemGroupTransition, TreeItemCheckbox, TreeItemLabel } from "./TreeItem.mjs";
+export { getTreeItemUtilityClass, treeItemClasses } from "./treeItemClasses.mjs";

package/{esm/TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.d.ts → TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.d.mts}

@@ -1,4 +1,4 @@
-import { TreeItemDragAndDropOverlayProps } from "./TreeItemDragAndDropOverlay.types.js";
+import { TreeItemDragAndDropOverlayProps } from "./TreeItemDragAndDropOverlay.types.mjs";
 declare function TreeItemDragAndDropOverlay(props: TreeItemDragAndDropOverlayProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace TreeItemDragAndDropOverlay {
   var propTypes: any;

package/{esm/TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.js → TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.mjs}

@@ -4,7 +4,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import PropTypes from 'prop-types';
 import { alpha } from '@mui/material/styles';
 import { shouldForwardProp } from '@mui/system/createStyled';
-import { styled } from "../internals/zero-styled/index.js";
+import { styled } from "../internals/zero-styled/index.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 const TreeItemDragAndDropOverlayRoot = styled('div', {
   name: 'MuiTreeItemDragAndDropOverlay',

package/{esm/TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.types.d.ts → TreeItemDragAndDropOverlay/TreeItemDragAndDropOverlay.types.d.mts}

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { TreeViewItemsReorderingAction } from "../models/index.js";
+import { TreeViewItemsReorderingAction } from "../models/index.mjs";
 export interface TreeItemDragAndDropOverlayProps {
   action?: TreeViewItemsReorderingAction;
   style?: React.CSSProperties;

package/{esm/TreeItemDragAndDropOverlay/index.d.ts → TreeItemDragAndDropOverlay/index.d.mts}

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

package/{esm/TreeItemDragAndDropOverlay/index.js → TreeItemDragAndDropOverlay/index.mjs}

@@ -1 +1 @@
-export { TreeItemDragAndDropOverlay } from "./TreeItemDragAndDropOverlay.js";
+export { TreeItemDragAndDropOverlay } from "./TreeItemDragAndDropOverlay.mjs";

package/{esm/TreeItemIcon/TreeItemIcon.d.ts → TreeItemIcon/TreeItemIcon.d.mts}

@@ -1,4 +1,4 @@
-import { TreeItemIconProps } from "./TreeItemIcon.types.js";
+import { TreeItemIconProps } from "./TreeItemIcon.types.mjs";
 declare function TreeItemIcon(props: TreeItemIconProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace TreeItemIcon {
   var propTypes: any;

package/{esm/TreeItemIcon/TreeItemIcon.js → TreeItemIcon/TreeItemIcon.mjs}

@@ -7,8 +7,8 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import resolveComponentProps from '@mui/utils/resolveComponentProps';
 import useSlotProps from '@mui/utils/useSlotProps';
-import { useTreeViewStyleContext } from "../internals/TreeViewProvider/index.js";
-import { TreeViewCollapseIcon, TreeViewExpandIcon } from "../icons/index.js";
+import { useTreeViewStyleContext } from "../internals/TreeViewProvider/index.mjs";
+import { TreeViewCollapseIcon, TreeViewExpandIcon } from "../icons/index.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 function pickIcon(treeItemIcon, treeViewIcon, fallback) {
   if (treeItemIcon !== undefined) {

package/{esm/TreeItemIcon/TreeItemIcon.types.d.ts → TreeItemIcon/TreeItemIcon.types.d.mts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { SlotComponentProps } from '@mui/utils/types';
-import { UseTreeItemStatus } from "../useTreeItem/index.js";
+import { UseTreeItemStatus } from "../useTreeItem/index.mjs";
 export interface TreeItemIconSlots {
   /**
    * The icon used to collapse the item.

package/TreeItemIcon/index.d.mts

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

package/TreeItemIcon/index.mjs

@@ -0,0 +1 @@
+export { TreeItemIcon } from "./TreeItemIcon.mjs";

package/{esm/TreeItemLabelInput/TreeItemLabelInput.js → TreeItemLabelInput/TreeItemLabelInput.mjs}

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { styled } from "../internals/zero-styled/index.js";
+import { styled } from "../internals/zero-styled/index.mjs";
 
 /**
  * @ignore - internal component.

package/{esm/TreeItemLabelInput/TreeItemLabelInput.types.d.ts → TreeItemLabelInput/TreeItemLabelInput.types.d.mts}

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { TreeViewCancellableEventHandler } from "../models/index.js";
+import { TreeViewCancellableEventHandler } from "../models/index.mjs";
 export interface TreeItemLabelInputProps {
   value?: string;
   /**

package/TreeItemLabelInput/index.d.mts

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

package/TreeItemLabelInput/index.mjs

@@ -0,0 +1 @@
+export { TreeItemLabelInput } from "./TreeItemLabelInput.mjs";

package/{esm/TreeItemProvider/TreeItemProvider.d.ts → TreeItemProvider/TreeItemProvider.d.mts}

@@ -1,4 +1,4 @@
-import { TreeItemProviderProps } from "./TreeItemProvider.types.js";
+import { TreeItemProviderProps } from "./TreeItemProvider.types.mjs";
 declare function TreeItemProvider(props: TreeItemProviderProps): import("react/jsx-runtime").JSX.Element;
 declare namespace TreeItemProvider {
   var propTypes: any;

package/{esm/TreeItemProvider/TreeItemProvider.js → TreeItemProvider/TreeItemProvider.mjs}

@@ -3,8 +3,8 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useStore } from '@mui/x-internals/store';
-import { useTreeViewContext } from "../internals/TreeViewProvider/index.js";
-import { idSelectors } from "../internals/plugins/id/index.js";
+import { useTreeViewContext } from "../internals/TreeViewProvider/index.mjs";
+import { idSelectors } from "../internals/plugins/id/index.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 function TreeItemProvider(props) {
   const {

package/{esm/TreeItemProvider/TreeItemProvider.types.d.ts → TreeItemProvider/TreeItemProvider.types.d.mts}

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { TreeViewItemId } from "../models/index.js";
+import { TreeViewItemId } from "../models/index.mjs";
 export interface TreeItemProviderProps {
   children: React.ReactNode;
   itemId: TreeViewItemId;

package/TreeItemProvider/index.d.mts

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

package/TreeItemProvider/index.mjs

@@ -0,0 +1 @@
+export { TreeItemProvider } from "./TreeItemProvider.mjs";

package/hooks/index.d.mts

@@ -0,0 +1,6 @@
+export { useTreeItemUtils } from "./useTreeItemUtils/index.mjs";
+export { useTreeItemModel } from "./useTreeItemModel.mjs";
+export { useApplyPropagationToSelectedItemsOnMount } from "./useApplyPropagationToSelectedItemsOnMount.mjs";
+export { useTreeViewApiRef } from "./useTreeViewApiRef.mjs";
+export { useRichTreeViewApiRef } from "./useRichTreeViewApiRef.mjs";
+export { useSimpleTreeViewApiRef } from "./useSimpleTreeViewApiRef.mjs";

package/hooks/index.mjs

@@ -0,0 +1,6 @@
+export { useTreeItemUtils } from "./useTreeItemUtils/index.mjs";
+export { useTreeItemModel } from "./useTreeItemModel.mjs";
+export { useApplyPropagationToSelectedItemsOnMount } from "./useApplyPropagationToSelectedItemsOnMount.mjs";
+export { useTreeViewApiRef } from "./useTreeViewApiRef.mjs";
+export { useRichTreeViewApiRef } from "./useRichTreeViewApiRef.mjs";
+export { useSimpleTreeViewApiRef } from "./useSimpleTreeViewApiRef.mjs";

package/{esm/hooks/useApplyPropagationToSelectedItemsOnMount.d.ts → hooks/useApplyPropagationToSelectedItemsOnMount.d.mts}

@@ -1,4 +1,4 @@
-import { TreeViewItemId, TreeViewSelectionPropagation } from "../models/index.js";
+import { TreeViewItemId, TreeViewSelectionPropagation } from "../models/index.mjs";
 /**
  * Applies the selection propagation rules to the selected items.
  * The value is only computed during the first render, any update of the parameters will be ignored.

package/{esm/hooks/useApplyPropagationToSelectedItemsOnMount.js → hooks/useApplyPropagationToSelectedItemsOnMount.mjs}

@@ -1,5 +1,5 @@
 import { useRefWithInit } from '@base-ui/utils/useRefWithInit';
-import { getLookupFromArray } from "../internals/plugins/selection/TreeViewSelectionPlugin.js";
+import { getLookupFromArray } from "../internals/plugins/selection/TreeViewSelectionPlugin.mjs";
 const defaultGetItemId = item => item.id;
 const defaultGetItemChildren = item => item.children;
 

package/{esm/hooks/useRichTreeViewApiRef.d.ts → hooks/useRichTreeViewApiRef.d.mts}

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { TreeViewDefaultItemModelProperties, TreeViewValidItem } from "../models/index.js";
-import { TreeViewPublicAPI } from "../internals/models/index.js";
-import { RichTreeViewStore } from "../internals/RichTreeViewStore/index.js";
+import { TreeViewDefaultItemModelProperties, TreeViewValidItem } from "../models/index.mjs";
+import { TreeViewPublicAPI } from "../internals/models/index.mjs";
+import { RichTreeViewStore } from "../internals/RichTreeViewStore/index.mjs";
 /**
  * Creates the ref to pass to the `apiRef` prop of the `RichTreeView` component.
  */

package/{esm/hooks/useSimpleTreeViewApiRef.d.ts → hooks/useSimpleTreeViewApiRef.d.mts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { TreeViewPublicAPI } from "../internals/models/index.js";
-import { SimpleTreeViewStore } from "../internals/SimpleTreeViewStore/index.js";
+import { TreeViewPublicAPI } from "../internals/models/index.mjs";
+import { SimpleTreeViewStore } from "../internals/SimpleTreeViewStore/index.mjs";
 /**
  * Creates the ref to pass to the `apiRef` prop of the `SimpleTreeView` component.
  */

package/{esm/hooks/useTreeItemModel.d.ts → hooks/useTreeItemModel.d.mts}

@@ -1,2 +1,2 @@
-import { TreeViewDefaultItemModelProperties, TreeViewItemId } from "../models/index.js";
+import { TreeViewDefaultItemModelProperties, TreeViewItemId } from "../models/index.mjs";
 export declare const useTreeItemModel: <R extends {} = TreeViewDefaultItemModelProperties>(itemId: TreeViewItemId) => R | null;