@mui/x-tree-view 8.28.5 → 8.29.0

package/CHANGELOG.md

@@ -5,6 +5,154 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 8.29.0
+<!-- generated comparing v8.28.7..v8.x -->
+_Jun 5, 2026_
+
+We'd like to extend a big thank you to the 2 contributors who made this release possible. Here are some highlights ✨:
+
+- ⚡️ Update exceljs fork (#22668)
+- 🐞 Bugfixes
+
+The following team members contributed to this release:
+@brijeshb42, @cherniavskii
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.29.0`
+
+Internal changes.
+
+#### `@mui/x-data-grid-pro@8.29.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.29.0`.
+
+#### `@mui/x-data-grid-premium@8.29.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+> This release includes a version bump of the `@mui/x-internal-exceljs-fork` package to address the vulnerable dependencies.
+> The following CVEs are fixed:
+>
+> - <https://github.com/advisories/GHSA-ph9p-34f9-6g65>
+> - <https://github.com/isaacs/minimatch/security/advisories/GHSA-23c5-xmqv-rm74>
+> - <https://github.com/advisories/GHSA-w5hq-g745-h8pq>
+>
+> To make this security update possible, we bumped the `node` version requirement from `>=14.0.0` to `>=14.17.0`.
+> [Node.js 14.17.0](https://nodejs.org/en/blog/release/v14.17.0) was released in May 2021, so we consider it safe to bump the requirement without causing issues for our users.
+
+Same changes as in `@mui/x-data-grid-pro@8.29.0`, plus:
+
+- [DataGridPremium] Update exceljs fork (#22668) @cherniavskii
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.29.0`
+
+Internal changes.
+
+#### `@mui/x-date-pickers-pro@8.29.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.29.0`.
+
+### Charts
+
+#### `@mui/x-charts@8.29.0`
+
+Internal changes.
+
+#### `@mui/x-charts-pro@8.29.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.29.0`.
+
+#### `@mui/x-charts-premium@8.29.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.29.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@8.29.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@8.29.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.29.0`.
+
+### Codemod
+
+#### `@mui/x-codemod@8.29.0`
+
+Internal changes.
+
+### Core
+
+- [code-infra] Backport flat build setup to v8.x (#22536) @brijeshb42
+
+## 8.28.7
+
+_May 20, 2026_
+
+We'd like to extend a big thank you to the 2 contributors who made this release possible:
+@arminmeh, @LukasTy
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.28.7`
+
+- [DataGrid] Fix scrollbar disappearing after multiple resizes (#22516) @LukasTy
+
+#### `@mui/x-data-grid-pro@8.28.7` [![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.28.7`.
+
+#### `@mui/x-data-grid-premium@8.28.7` [![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.28.7`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.28.7`
+
+- [pickers] Fix disabled state styling for `PickersTextField` standard and filled variants (#22534) @LukasTy
+
+#### `@mui/x-date-pickers-pro@8.28.7` [![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.28.7`.
+
+### Docs
+
+- [docs] Automatically update supported versions (#22527) @arminmeh
+
+## 8.28.6
+
+_May 13, 2026_
+
+We'd like to extend a big thank you to the 2 contributors who made this release possible. Here are some highlights ✨:
+
+- 🐞 Bugfixes
+
+The following team members contributed to this release:
+@LukasTy, @MBilalShafi
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.28.6`
+
+Internal changes.
+
+#### `@mui/x-data-grid-pro@8.28.6` [![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.28.6`, plus:
+
+- [DataGridPro] Preserve parent selection for non-selectable children (@MBilalShafi) (#22013)
+
+#### `@mui/x-data-grid-premium@8.28.6` [![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.28.6`.
+
+### Docs
+
+- [docs] Replace broken CodeSandbox iframes in migration guides (#22380) @LukasTy
+
 ## 8.28.5
 
 _May 8, 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}

@@ -10,17 +10,17 @@ import Typography from '@mui/material/Typography';
 import composeClasses from '@mui/utils/composeClasses';
 import useSlotProps from '@mui/utils/useSlotProps';
 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 { useTreeViewRootProps } from "../internals/hooks/useTreeViewRootProps.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 { useTreeViewRootProps } from "../internals/hooks/useTreeViewRootProps.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}

@@ -2,13 +2,13 @@ import * as React from 'react';
 import { Theme } from '@mui/material/styles';
 import { SxProps } from '@mui/system/styleFunctionSx';
 import { SlotComponentProps } from '@mui/utils/types';
-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, RichTreeViewItemsSlots {
   /**
    * 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/TreeViewStyleContext.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/TreeViewStyleContext.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/TreeViewStyleContext.js";
-import { TreeViewCollapseIcon, TreeViewExpandIcon } from "../icons/index.js";
+import { useTreeViewStyleContext } from "../internals/TreeViewProvider/TreeViewStyleContext.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;