@mui/x-tree-view 8.0.0-alpha.8 → 8.0.0-beta.0

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

@@ -1,25 +1,18 @@
-"use strict";
 'use client';
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SimpleTreeViewRoot = exports.SimpleTreeView = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
-var _warning = require("@mui/x-internals/warning");
-var _zeroStyled = require("../internals/zero-styled");
-var _simpleTreeViewClasses = require("./simpleTreeViewClasses");
-var _useTreeView = require("../internals/useTreeView");
-var _TreeViewProvider = require("../internals/TreeViewProvider");
-var _SimpleTreeView = require("./SimpleTreeView.plugins");
-var _jsxRuntime = require("react/jsx-runtime");
-const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiSimpleTreeView');
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import PropTypes from 'prop-types';
+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 { useTreeView } from "../internals/useTreeView/index.js";
+import { TreeViewProvider } from "../internals/TreeViewProvider/index.js";
+import { SIMPLE_TREE_VIEW_PLUGINS } from "./SimpleTreeView.plugins.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const useThemeProps = createUseThemeProps('MuiSimpleTreeView');
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -27,9 +20,9 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root']
   };
-  return (0, _composeClasses.default)(slots, _simpleTreeViewClasses.getSimpleTreeViewUtilityClass, classes);
+  return composeClasses(slots, getSimpleTreeViewUtilityClass, classes);
 };
-const SimpleTreeViewRoot = exports.SimpleTreeViewRoot = (0, _zeroStyled.styled)('ul', {
+export const SimpleTreeViewRoot = styled('ul', {
   name: 'MuiSimpleTreeView',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
@@ -52,7 +45,7 @@ const EMPTY_ITEMS = [];
  *
  * - [SimpleTreeView API](https://mui.com/x/api/tree-view/simple-tree-view/)
  */
-const SimpleTreeView = exports.SimpleTreeView = /*#__PURE__*/React.forwardRef(function SimpleTreeView(inProps, ref) {
+const SimpleTreeView = /*#__PURE__*/React.forwardRef(function SimpleTreeView(inProps, ref) {
   const props = useThemeProps({
     props: inProps,
     name: 'MuiSimpleTreeView'
@@ -60,16 +53,16 @@ const SimpleTreeView = exports.SimpleTreeView = /*#__PURE__*/React.forwardRef(fu
   const ownerState = props;
   if (process.env.NODE_ENV !== 'production') {
     if (props.items != null) {
-      (0, _warning.warnOnce)(['MUI X: The Simple Tree View component does not support the `items` prop.', 'If you want to add items, you need to pass them as JSX children.', 'Check the documentation for more details: https://mui.com/x/react-tree-view/simple-tree-view/items/.']);
+      warnOnce(['MUI X: The Simple Tree View component does not support the `items` prop.', 'If you want to add items, you need to pass them as JSX children.', 'Check the documentation for more details: https://mui.com/x/react-tree-view/simple-tree-view/items/.']);
     }
   }
   const {
     getRootProps,
     contextValue
-  } = (0, _useTreeView.useTreeView)({
-    plugins: _SimpleTreeView.SIMPLE_TREE_VIEW_PLUGINS,
+  } = useTreeView({
+    plugins: SIMPLE_TREE_VIEW_PLUGINS,
     rootRef: ref,
-    props: (0, _extends2.default)({}, props, {
+    props: _extends({}, props, {
       items: EMPTY_ITEMS
     })
   });
@@ -79,16 +72,16 @@ const SimpleTreeView = exports.SimpleTreeView = /*#__PURE__*/React.forwardRef(fu
   } = props;
   const classes = useUtilityClasses(props);
   const Root = slots?.root ?? SimpleTreeViewRoot;
-  const rootProps = (0, _useSlotProps.default)({
+  const rootProps = useSlotProps({
     elementType: Root,
     externalSlotProps: slotProps?.root,
     className: classes.root,
     getSlotProps: getRootProps,
     ownerState
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TreeViewProvider.TreeViewProvider, {
+  return /*#__PURE__*/_jsx(TreeViewProvider, {
     value: contextValue,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, (0, _extends2.default)({}, rootProps))
+    children: /*#__PURE__*/_jsx(Root, _extends({}, rootProps))
   });
 });
 process.env.NODE_ENV !== "production" ? SimpleTreeView.propTypes = {
@@ -99,129 +92,131 @@ process.env.NODE_ENV !== "production" ? SimpleTreeView.propTypes = {
   /**
    * The ref object that allows Tree View manipulation. Can be instantiated with `useTreeViewApiRef()`.
    */
-  apiRef: _propTypes.default.shape({
-    current: _propTypes.default.shape({
-      focusItem: _propTypes.default.func.isRequired,
-      getItem: _propTypes.default.func.isRequired,
-      getItemDOMElement: _propTypes.default.func.isRequired,
-      getItemOrderedChildrenIds: _propTypes.default.func.isRequired,
-      getItemTree: _propTypes.default.func.isRequired,
-      selectItem: _propTypes.default.func.isRequired,
-      setItemExpansion: _propTypes.default.func.isRequired
+  apiRef: PropTypes.shape({
+    current: PropTypes.shape({
+      focusItem: PropTypes.func.isRequired,
+      getItem: PropTypes.func.isRequired,
+      getItemDOMElement: PropTypes.func.isRequired,
+      getItemOrderedChildrenIds: PropTypes.func.isRequired,
+      getItemTree: PropTypes.func.isRequired,
+      getParentId: PropTypes.func.isRequired,
+      setIsItemDisabled: PropTypes.func.isRequired,
+      setItemExpansion: PropTypes.func.isRequired,
+      setItemSelection: PropTypes.func.isRequired
     })
   }),
   /**
    * If `true`, the Tree View renders a checkbox at the left of its label that allows selecting it.
    * @default false
    */
-  checkboxSelection: _propTypes.default.bool,
+  checkboxSelection: PropTypes.bool,
   /**
    * The content of the component.
    */
-  children: _propTypes.default.node,
+  children: PropTypes.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: _propTypes.default.object,
-  className: _propTypes.default.string,
+  classes: PropTypes.object,
+  className: PropTypes.string,
   /**
    * Expanded item ids.
    * Used when the item's expansion is not controlled.
    * @default []
    */
-  defaultExpandedItems: _propTypes.default.arrayOf(_propTypes.default.string),
+  defaultExpandedItems: PropTypes.arrayOf(PropTypes.string),
   /**
    * Selected item ids. (Uncontrolled)
    * When `multiSelect` is true this takes an array of strings; when false (default) a string.
    * @default []
    */
-  defaultSelectedItems: _propTypes.default.any,
+  defaultSelectedItems: PropTypes.any,
   /**
    * If `true`, will allow focus on disabled items.
    * @default false
    */
-  disabledItemsFocusable: _propTypes.default.bool,
+  disabledItemsFocusable: PropTypes.bool,
   /**
    * If `true` selection is disabled.
    * @default false
    */
-  disableSelection: _propTypes.default.bool,
+  disableSelection: PropTypes.bool,
   /**
    * Expanded item ids.
    * Used when the item's expansion is controlled.
    */
-  expandedItems: _propTypes.default.arrayOf(_propTypes.default.string),
+  expandedItems: PropTypes.arrayOf(PropTypes.string),
   /**
    * The slot that triggers the item's expansion when clicked.
    * @default 'content'
    */
-  expansionTrigger: _propTypes.default.oneOf(['content', 'iconContainer']),
+  expansionTrigger: PropTypes.oneOf(['content', 'iconContainer']),
   /**
    * Unstable features, breaking changes might be introduced.
    * For each feature, if the flag is not explicitly set to `true`,
    * the feature will be fully disabled and any property / method call will not have any effect.
    */
-  experimentalFeatures: _propTypes.default.object,
+  experimentalFeatures: PropTypes.object,
   /**
    * This prop is used to help implement the accessibility logic.
    * If you don't provide this prop. It falls back to a randomly generated id.
    */
-  id: _propTypes.default.string,
+  id: PropTypes.string,
   /**
    * Horizontal indentation between an item and its children.
    * Examples: 24, "24px", "2rem", "2em".
    * @default 12px
    */
-  itemChildrenIndentation: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  itemChildrenIndentation: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   /**
    * If `true`, `ctrl` and `shift` will trigger multiselect.
    * @default false
    */
-  multiSelect: _propTypes.default.bool,
+  multiSelect: PropTypes.bool,
   /**
    * Callback fired when Tree Items are expanded/collapsed.
-   * @param {React.SyntheticEvent} event The DOM event that triggered the change.
+   * @param {React.SyntheticEvent} event The DOM event that triggered the change. Can be null when the change is caused by the `publicAPI.setItemExpansion()` method.
    * @param {array} itemIds The ids of the expanded items.
    */
-  onExpandedItemsChange: _propTypes.default.func,
+  onExpandedItemsChange: PropTypes.func,
   /**
    * Callback fired when the `content` slot of a given Tree Item is clicked.
    * @param {React.MouseEvent} event The DOM event that triggered the change.
    * @param {string} itemId The id of the focused item.
    */
-  onItemClick: _propTypes.default.func,
+  onItemClick: PropTypes.func,
   /**
    * Callback fired when a Tree Item is expanded or collapsed.
-   * @param {React.SyntheticEvent} event The DOM event that triggered the change.
+   * @param {React.SyntheticEvent | null} event The DOM event that triggered the change. Can be null when the change is caused by the `publicAPI.setItemExpansion()` method.
    * @param {array} itemId The itemId of the modified item.
    * @param {array} isExpanded `true` if the item has just been expanded, `false` if it has just been collapsed.
    */
-  onItemExpansionToggle: _propTypes.default.func,
+  onItemExpansionToggle: PropTypes.func,
   /**
    * Callback fired when a given Tree Item is focused.
    * @param {React.SyntheticEvent | null} event The DOM event that triggered the change. **Warning**: This is a generic event not a focus event.
    * @param {string} itemId The id of the focused item.
    */
-  onItemFocus: _propTypes.default.func,
+  onItemFocus: PropTypes.func,
   /**
    * Callback fired when a Tree Item is selected or deselected.
-   * @param {React.SyntheticEvent} event The DOM event that triggered the change.
+   * @param {React.SyntheticEvent} event The DOM event that triggered the change. Can be null when the change is caused by the `publicAPI.setItemSelection()` method.
    * @param {array} itemId The itemId of the modified item.
    * @param {array} isSelected `true` if the item has just been selected, `false` if it has just been deselected.
    */
-  onItemSelectionToggle: _propTypes.default.func,
+  onItemSelectionToggle: PropTypes.func,
   /**
    * Callback fired when Tree Items are selected/deselected.
-   * @param {React.SyntheticEvent} event The DOM event that triggered the change.
+   * @param {React.SyntheticEvent} event The DOM event that triggered the change. Can be null when the change is caused by the `publicAPI.setItemSelection()` method.
    * @param {string[] | string} itemIds The ids of the selected items.
    * When `multiSelect` is `true`, this is an array of strings; when false (default) a string.
    */
-  onSelectedItemsChange: _propTypes.default.func,
+  onSelectedItemsChange: PropTypes.func,
   /**
    * Selected item ids. (Controlled)
    * When `multiSelect` is true this takes an array of strings; when false (default) a string.
    */
-  selectedItems: _propTypes.default.any,
+  selectedItems: PropTypes.any,
   /**
    * When `selectionPropagation.descendants` is set to `true`.
    *
@@ -238,20 +233,21 @@ process.env.NODE_ENV !== "production" ? SimpleTreeView.propTypes = {
    *
    * @default { parents: false, descendants: false }
    */
-  selectionPropagation: _propTypes.default.shape({
-    descendants: _propTypes.default.bool,
-    parents: _propTypes.default.bool
+  selectionPropagation: PropTypes.shape({
+    descendants: PropTypes.bool,
+    parents: PropTypes.bool
   }),
   /**
    * The props used for each component slot.
    */
-  slotProps: _propTypes.default.object,
+  slotProps: PropTypes.object,
   /**
    * Overridable component slots.
    */
-  slots: _propTypes.default.object,
+  slots: PropTypes.object,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
-} : void 0;
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
+} : void 0;
+export { SimpleTreeView };

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

@@ -0,0 +1,12 @@
+import { TreeViewCorePluginParameters } from "../internals/corePlugins/index.js";
+import { UseTreeViewItemsParameters } from "../internals/plugins/useTreeViewItems/index.js";
+import { UseTreeViewExpansionParameters } from "../internals/plugins/useTreeViewExpansion/index.js";
+import { UseTreeViewSelectionParameters } from "../internals/plugins/useTreeViewSelection/index.js";
+import { UseTreeViewFocusParameters } from "../internals/plugins/useTreeViewFocus/index.js";
+import { UseTreeViewIconsParameters } from "../internals/plugins/useTreeViewIcons/index.js";
+import { ConvertPluginsIntoSignatures, MergeSignaturesProperty } 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").UseTreeViewIconsSignature>, import("../internals").TreeViewPlugin<import("../internals").UseTreeViewJSXItemsSignature>];
+export type SimpleTreeViewPluginSignatures = ConvertPluginsIntoSignatures<typeof SIMPLE_TREE_VIEW_PLUGINS>;
+export type SimpleTreeViewPluginSlots = MergeSignaturesProperty<SimpleTreeViewPluginSignatures, 'slots'>;
+export type SimpleTreeViewPluginSlotProps = MergeSignaturesProperty<SimpleTreeViewPluginSignatures, 'slotProps'>;
+export interface SimpleTreeViewPluginParameters<Multiple extends boolean | undefined> extends TreeViewCorePluginParameters, Omit<UseTreeViewItemsParameters<any>, 'items' | 'isItemDisabled' | 'getItemLabel' | 'getItemId'>, UseTreeViewExpansionParameters, UseTreeViewFocusParameters, UseTreeViewSelectionParameters<Multiple>, UseTreeViewIconsParameters {}

package/esm/SimpleTreeView/SimpleTreeView.plugins.js

@@ -0,0 +1,10 @@
+import { useTreeViewItems } from "../internals/plugins/useTreeViewItems/index.js";
+import { useTreeViewExpansion } from "../internals/plugins/useTreeViewExpansion/index.js";
+import { useTreeViewSelection } from "../internals/plugins/useTreeViewSelection/index.js";
+import { useTreeViewFocus } from "../internals/plugins/useTreeViewFocus/index.js";
+import { useTreeViewKeyboardNavigation } from "../internals/plugins/useTreeViewKeyboardNavigation/index.js";
+import { useTreeViewIcons } from "../internals/plugins/useTreeViewIcons/index.js";
+import { useTreeViewJSXItems } from "../internals/plugins/useTreeViewJSXItems/index.js";
+export const SIMPLE_TREE_VIEW_PLUGINS = [useTreeViewItems, useTreeViewExpansion, useTreeViewSelection, useTreeViewFocus, useTreeViewKeyboardNavigation, useTreeViewIcons, useTreeViewJSXItems];
+
+// We can't infer this type from the plugin, otherwise we would lose the generics.

package/esm/SimpleTreeView/SimpleTreeView.types.d.ts

@@ -0,0 +1,51 @@
+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 { SimpleTreeViewPluginParameters, SimpleTreeViewPluginSlotProps, SimpleTreeViewPluginSlots, SimpleTreeViewPluginSignatures } from "./SimpleTreeView.plugins.js";
+import { TreeViewExperimentalFeatures, TreeViewPublicAPI } from "../internals/models/index.js";
+export interface SimpleTreeViewSlots extends SimpleTreeViewPluginSlots {
+  /**
+   * Element rendered at the root.
+   * @default SimpleTreeViewRoot
+   */
+  root?: React.ElementType;
+}
+export interface SimpleTreeViewSlotProps extends SimpleTreeViewPluginSlotProps {
+  root?: SlotComponentProps<'ul', {}, {}>;
+}
+export type SimpleTreeViewApiRef = React.RefObject<TreeViewPublicAPI<SimpleTreeViewPluginSignatures> | undefined>;
+export interface SimpleTreeViewProps<Multiple extends boolean | undefined> extends SimpleTreeViewPluginParameters<Multiple>, React.HTMLAttributes<HTMLUListElement> {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Overridable component slots.
+   */
+  slots?: SimpleTreeViewSlots;
+  /**
+   * The props used for each component slot.
+   */
+  slotProps?: SimpleTreeViewSlotProps;
+  className?: string;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<SimpleTreeViewClasses>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * The ref object that allows Tree View manipulation. Can be instantiated with `useTreeViewApiRef()`.
+   */
+  apiRef?: SimpleTreeViewApiRef;
+  /**
+   * Unstable features, breaking changes might be introduced.
+   * For each feature, if the flag is not explicitly set to `true`,
+   * the feature will be fully disabled and any property / method call will not have any effect.
+   */
+  experimentalFeatures?: TreeViewExperimentalFeatures<SimpleTreeViewPluginSignatures>;
+}

package/esm/SimpleTreeView/SimpleTreeView.types.js

@@ -0,0 +1 @@
+export {};

package/esm/SimpleTreeView/index.d.ts

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

package/esm/SimpleTreeView/index.js

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

package/esm/SimpleTreeView/simpleTreeViewClasses.d.ts

@@ -0,0 +1,7 @@
+export interface SimpleTreeViewClasses {
+  /** Styles applied to the root element. */
+  root: string;
+}
+export type SimpleTreeViewClassKey = keyof SimpleTreeViewClasses;
+export declare function getSimpleTreeViewUtilityClass(slot: string): string;
+export declare const simpleTreeViewClasses: SimpleTreeViewClasses;

package/esm/SimpleTreeView/simpleTreeViewClasses.js

@@ -0,0 +1,6 @@
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+export function getSimpleTreeViewUtilityClass(slot) {
+  return generateUtilityClass('MuiSimpleTreeView', slot);
+}
+export const simpleTreeViewClasses = generateUtilityClasses('MuiSimpleTreeView', ['root']);

package/esm/TreeItem/TreeItem.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { CheckboxProps } from '@mui/material/Checkbox';
+import { TreeItemProps } from "./TreeItem.types.js";
+import { UseTreeItemStatus } from "../useTreeItem/index.js";
+export declare const TreeItemRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").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").Theme> & {
+  status: UseTreeItemStatus;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TreeItemLabel: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+  editable?: boolean;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TreeItemIconContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const TreeItemGroupTransition: import("@emotion/styled").StyledComponent<Pick<import("@mui/material").CollapseProps, keyof import("@mui/material").CollapseProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const TreeItemErrorContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const TreeItemLoadingContainer: import("@emotion/styled").StyledComponent<Pick<import("@mui/material").CircularProgressProps, keyof import("@mui/material").CircularProgressProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const TreeItemCheckbox: import("@emotion/styled").StyledComponent<Pick<Omit<CheckboxProps & {
+  visible?: boolean;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>, "hidden" | "visible" | "color" | "content" | "size" | "style" | "icon" | "translate" | "disabled" | "form" | "slot" | "title" | "action" | "checked" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "readOnly" | "required" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "sx" | "classes" | "component" | "slots" | "slotProps" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "checkedIcon" | "inputProps" | "inputRef" | "indeterminate" | "indeterminateIcon" | keyof React.RefAttributes<HTMLButtonElement>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+type TreeItemComponent = ((props: TreeItemProps & React.RefAttributes<HTMLLIElement>) => React.JSX.Element) & {
+  propTypes?: any;
+};
+/**
+ *
+ * Demos:
+ *
+ * - [Tree View](https://mui.com/x/react-tree-view/)
+ *
+ * API:
+ *
+ * - [TreeItem API](https://mui.com/x/api/tree-view/tree-item-2/)
+ */
+export declare const TreeItem: TreeItemComponent;
+export {};