@mui/x-tree-view 8.0.0-alpha.11 → 8.0.0-alpha.12

package/SimpleTreeView/SimpleTreeView.types.d.ts

@@ -2,50 +2,50 @@ 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';
-import { SimpleTreeViewPluginParameters, SimpleTreeViewPluginSlotProps, SimpleTreeViewPluginSlots, SimpleTreeViewPluginSignatures } from './SimpleTreeView.plugins';
-import { TreeViewExperimentalFeatures, TreeViewPublicAPI } from '../internals/models';
+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;
+  /**
+   * Element rendered at the root.
+   * @default SimpleTreeViewRoot
+   */
+  root?: React.ElementType;
 }
 export interface SimpleTreeViewSlotProps extends SimpleTreeViewPluginSlotProps {
-    root?: SlotComponentProps<'ul', {}, {}>;
+  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>;
-}
+  /**
+   * 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/SimpleTreeView/SimpleTreeView.types.js

@@ -1 +1,5 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/SimpleTreeView/index.d.ts

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

package/SimpleTreeView/index.js

@@ -1,3 +1,27 @@
-export * from "./SimpleTreeView.js";
-export * from "./simpleTreeViewClasses.js";
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _SimpleTreeView = require("./SimpleTreeView");
+Object.keys(_SimpleTreeView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SimpleTreeView[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _SimpleTreeView[key];
+    }
+  });
+});
+var _simpleTreeViewClasses = require("./simpleTreeViewClasses");
+Object.keys(_simpleTreeViewClasses).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _simpleTreeViewClasses[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _simpleTreeViewClasses[key];
+    }
+  });
+});

package/SimpleTreeView/simpleTreeViewClasses.d.ts

@@ -1,7 +1,7 @@
 export interface SimpleTreeViewClasses {
-    /** Styles applied to the root element. */
-    root: string;
+  /** 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;
+export declare const simpleTreeViewClasses: SimpleTreeViewClasses;

package/SimpleTreeView/simpleTreeViewClasses.js

@@ -1,6 +1,14 @@
-import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-export function getSimpleTreeViewUtilityClass(slot) {
-  return generateUtilityClass('MuiSimpleTreeView', slot);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSimpleTreeViewUtilityClass = getSimpleTreeViewUtilityClass;
+exports.simpleTreeViewClasses = void 0;
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+function getSimpleTreeViewUtilityClass(slot) {
+  return (0, _generateUtilityClass.default)('MuiSimpleTreeView', slot);
 }
-export const simpleTreeViewClasses = generateUtilityClasses('MuiSimpleTreeView', ['root']);
+const simpleTreeViewClasses = exports.simpleTreeViewClasses = (0, _generateUtilityClasses.default)('MuiSimpleTreeView', ['root']);

package/TreeItem/TreeItem.d.ts

@@ -1,21 +1,21 @@
 import * as React from 'react';
 import { CheckboxProps } from '@mui/material/Checkbox';
-import { TreeItemProps } from './TreeItem.types';
-import { UseTreeItemStatus } from '../useTreeItem';
+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;
+  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;
+  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 TreeItemCheckbox: import("@emotion/styled").StyledComponent<Pick<Omit<CheckboxProps & {
-    visible?: boolean;
+  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" | "component" | "sx" | "classes" | "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;
+  propTypes?: any;
 };
 /**
  *
@@ -28,4 +28,4 @@ type TreeItemComponent = ((props: TreeItemProps & React.RefAttributes<HTMLLIElem
  * - [TreeItem API](https://mui.com/x/api/tree-view/tree-item-2/)
  */
 export declare const TreeItem: TreeItemComponent;
-export {};
+export {};

package/TreeItem/TreeItem.js

@@ -1,29 +1,36 @@
+"use strict";
 'use client';
 
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TreeItemRoot = exports.TreeItemLabel = exports.TreeItemIconContainer = exports.TreeItemGroupTransition = exports.TreeItemContent = exports.TreeItemCheckbox = exports.TreeItem = void 0;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _unsupportedProp = _interopRequireDefault(require("@mui/utils/unsupportedProp"));
+var _styles = require("@mui/material/styles");
+var _Collapse = _interopRequireDefault(require("@mui/material/Collapse"));
+var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
+var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
+var _createStyled = require("@mui/system/createStyled");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _zeroStyled = require("../internals/zero-styled");
+var _useTreeItem = require("../useTreeItem");
+var _treeItemClasses = require("./treeItemClasses");
+var _TreeItemIcon = require("../TreeItemIcon");
+var _TreeItemDragAndDropOverlay = require("../TreeItemDragAndDropOverlay");
+var _TreeItemProvider = require("../TreeItemProvider");
+var _TreeItemLabelInput = require("../TreeItemLabelInput");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["visible"],
   _excluded2 = ["id", "itemId", "label", "disabled", "children", "slots", "slotProps"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import unsupportedProp from '@mui/utils/unsupportedProp';
-import { alpha } from '@mui/material/styles';
-import Collapse from '@mui/material/Collapse';
-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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const useThemeProps = createUseThemeProps('MuiTreeItem');
-export const TreeItemRoot = styled('li', {
+const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiTreeItem');
+const TreeItemRoot = exports.TreeItemRoot = (0, _zeroStyled.styled)('li', {
   name: 'MuiTreeItem',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
@@ -33,11 +40,11 @@ export const TreeItemRoot = styled('li', {
   padding: 0,
   outline: 0
 });
-export const TreeItemContent = styled('div', {
+const TreeItemContent = exports.TreeItemContent = (0, _zeroStyled.styled)('div', {
   name: 'MuiTreeItem',
   slot: 'Content',
   overridesResolver: (props, styles) => styles.content,
-  shouldForwardProp: prop => shouldForwardProp(prop) && prop !== 'status'
+  shouldForwardProp: prop => (0, _createStyled.shouldForwardProp)(prop) && prop !== 'status'
 })(({
   theme
 }) => ({
@@ -80,12 +87,12 @@ export const TreeItemContent = styled('div', {
       status
     }) => status.selected,
     style: {
-      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity),
+      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : (0, _styles.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity),
       '&:hover': {
-        backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.hoverOpacity}))` : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity),
+        backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.hoverOpacity}))` : (0, _styles.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.hoverOpacity),
         // Reset on touch devices, it doesn't add specificity
         '@media (hover: none)': {
-          backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity)
+          backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / ${theme.vars.palette.action.selectedOpacity})` : (0, _styles.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity)
         }
       }
     }
@@ -94,18 +101,18 @@ export const TreeItemContent = styled('div', {
       status
     }) => status.selected && status.focused,
     style: {
-      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.focusOpacity}))` : alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.focusOpacity)
+      backgroundColor: theme.vars ? `rgba(${theme.vars.palette.primary.mainChannel} / calc(${theme.vars.palette.action.selectedOpacity} + ${theme.vars.palette.action.focusOpacity}))` : (0, _styles.alpha)(theme.palette.primary.main, theme.palette.action.selectedOpacity + theme.palette.action.focusOpacity)
     }
   }]
 }));
-export const TreeItemLabel = styled('div', {
+const TreeItemLabel = exports.TreeItemLabel = (0, _zeroStyled.styled)('div', {
   name: 'MuiTreeItem',
   slot: 'Label',
   overridesResolver: (props, styles) => styles.label,
-  shouldForwardProp: prop => shouldForwardProp(prop) && prop !== 'editable'
+  shouldForwardProp: prop => (0, _createStyled.shouldForwardProp)(prop) && prop !== 'editable'
 })(({
   theme
-}) => _extends({
+}) => (0, _extends2.default)({
   width: '100%',
   boxSizing: 'border-box',
   // prevent width + padding to overflow
@@ -123,7 +130,7 @@ export const TreeItemLabel = styled('div', {
     }
   }]
 }));
-export const TreeItemIconContainer = styled('div', {
+const TreeItemIconContainer = exports.TreeItemIconContainer = (0, _zeroStyled.styled)('div', {
   name: 'MuiTreeItem',
   slot: 'IconContainer',
   overridesResolver: (props, styles) => styles.iconContainer
@@ -136,7 +143,7 @@ export const TreeItemIconContainer = styled('div', {
     fontSize: 18
   }
 });
-export const TreeItemGroupTransition = styled(Collapse, {
+const TreeItemGroupTransition = exports.TreeItemGroupTransition = (0, _zeroStyled.styled)(_Collapse.default, {
   name: 'MuiTreeItem',
   slot: 'GroupTransition',
   overridesResolver: (props, styles) => styles.groupTransition
@@ -144,15 +151,15 @@ export const TreeItemGroupTransition = styled(Collapse, {
   margin: 0,
   padding: 0
 });
-export const TreeItemCheckbox = styled(/*#__PURE__*/React.forwardRef((props, ref) => {
+const TreeItemCheckbox = exports.TreeItemCheckbox = (0, _zeroStyled.styled)(/*#__PURE__*/React.forwardRef((props, ref) => {
   const {
       visible
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   if (!visible) {
     return null;
   }
-  return /*#__PURE__*/_jsx(MuiCheckbox, _extends({}, other, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.default, (0, _extends2.default)({}, other, {
     ref: ref
   }));
 }), {
@@ -182,7 +189,7 @@ const useUtilityClasses = ownerState => {
     labelInput: ['labelInput'],
     dragAndDropOverlay: ['dragAndDropOverlay']
   };
-  return composeClasses(slots, getTreeItemUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _treeItemClasses.getTreeItemUtilityClass, classes);
 };
 /**
  *
@@ -194,7 +201,7 @@ const useUtilityClasses = ownerState => {
  *
  * - [TreeItem API](https://mui.com/x/api/tree-view/tree-item-2/)
  */
-export const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, forwardedRef) {
+const TreeItem = exports.TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps, forwardedRef) {
   const props = useThemeProps({
     props: inProps,
     name: 'MuiTreeItem'
@@ -208,7 +215,7 @@ export const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps,
       slots = {},
       slotProps = {}
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded2);
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
   const {
     getContextProviderProps,
     getRootProps,
@@ -220,17 +227,17 @@ export const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps,
     getLabelInputProps,
     getDragAndDropOverlayProps,
     status
-  } = useTreeItem({
+  } = (0, _useTreeItem.useTreeItem)({
     id,
     itemId,
     children,
     label,
     disabled
   });
-  const ownerState = _extends({}, props, status);
+  const ownerState = (0, _extends2.default)({}, props, status);
   const classes = useUtilityClasses(ownerState);
   const Root = slots.root ?? TreeItemRoot;
-  const rootProps = useSlotProps({
+  const rootProps = (0, _useSlotProps.default)({
     elementType: Root,
     getSlotProps: getRootProps,
     externalForwardedProps: other,
@@ -242,15 +249,15 @@ export const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps,
     className: classes.root
   });
   const Content = slots.content ?? TreeItemContent;
-  const contentProps = useSlotProps({
+  const contentProps = (0, _useSlotProps.default)({
     elementType: Content,
     getSlotProps: getContentProps,
     externalSlotProps: slotProps.content,
     ownerState: {},
-    className: clsx(classes.content, status.expanded && classes.expanded, status.selected && classes.selected, status.focused && classes.focused, status.disabled && classes.disabled, status.editing && classes.editing, status.editable && classes.editable)
+    className: (0, _clsx.default)(classes.content, status.expanded && classes.expanded, status.selected && classes.selected, status.focused && classes.focused, status.disabled && classes.disabled, status.editing && classes.editing, status.editable && classes.editable)
   });
   const IconContainer = slots.iconContainer ?? TreeItemIconContainer;
-  const iconContainerProps = useSlotProps({
+  const iconContainerProps = (0, _useSlotProps.default)({
     elementType: IconContainer,
     getSlotProps: getIconContainerProps,
     externalSlotProps: slotProps.iconContainer,
@@ -258,7 +265,7 @@ export const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps,
     className: classes.iconContainer
   });
   const Label = slots.label ?? TreeItemLabel;
-  const labelProps = useSlotProps({
+  const labelProps = (0, _useSlotProps.default)({
     elementType: Label,
     getSlotProps: getLabelProps,
     externalSlotProps: slotProps.label,
@@ -266,7 +273,7 @@ export const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps,
     className: classes.label
   });
   const Checkbox = slots.checkbox ?? TreeItemCheckbox;
-  const checkboxProps = useSlotProps({
+  const checkboxProps = (0, _useSlotProps.default)({
     elementType: Checkbox,
     getSlotProps: getCheckboxProps,
     externalSlotProps: slotProps.checkbox,
@@ -274,40 +281,40 @@ export const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps,
     className: classes.checkbox
   });
   const GroupTransition = slots.groupTransition ?? undefined;
-  const groupTransitionProps = useSlotProps({
+  const groupTransitionProps = (0, _useSlotProps.default)({
     elementType: GroupTransition,
     getSlotProps: getGroupTransitionProps,
     externalSlotProps: slotProps.groupTransition,
     ownerState: {},
     className: classes.groupTransition
   });
-  const LabelInput = slots.labelInput ?? TreeItemLabelInput;
-  const labelInputProps = useSlotProps({
+  const LabelInput = slots.labelInput ?? _TreeItemLabelInput.TreeItemLabelInput;
+  const labelInputProps = (0, _useSlotProps.default)({
     elementType: LabelInput,
     getSlotProps: getLabelInputProps,
     externalSlotProps: slotProps.labelInput,
     ownerState: {},
     className: classes.labelInput
   });
-  const DragAndDropOverlay = slots.dragAndDropOverlay ?? TreeItemDragAndDropOverlay;
-  const dragAndDropOverlayProps = useSlotProps({
+  const DragAndDropOverlay = slots.dragAndDropOverlay ?? _TreeItemDragAndDropOverlay.TreeItemDragAndDropOverlay;
+  const dragAndDropOverlayProps = (0, _useSlotProps.default)({
     elementType: DragAndDropOverlay,
     getSlotProps: getDragAndDropOverlayProps,
     externalSlotProps: slotProps.dragAndDropOverlay,
     ownerState: {},
     className: classes.dragAndDropOverlay
   });
-  return /*#__PURE__*/_jsx(TreeItemProvider, _extends({}, getContextProviderProps(), {
-    children: /*#__PURE__*/_jsxs(Root, _extends({}, rootProps, {
-      children: [/*#__PURE__*/_jsxs(Content, _extends({}, contentProps, {
-        children: [/*#__PURE__*/_jsx(IconContainer, _extends({}, iconContainerProps, {
-          children: /*#__PURE__*/_jsx(TreeItemIcon, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TreeItemProvider.TreeItemProvider, (0, _extends2.default)({}, getContextProviderProps(), {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, (0, _extends2.default)({}, rootProps, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Content, (0, _extends2.default)({}, contentProps, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(IconContainer, (0, _extends2.default)({}, iconContainerProps, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TreeItemIcon.TreeItemIcon, {
             status: status,
             slots: slots,
             slotProps: slotProps
           })
-        })), /*#__PURE__*/_jsx(Checkbox, _extends({}, checkboxProps)), status.editing ? /*#__PURE__*/_jsx(LabelInput, _extends({}, labelInputProps)) : /*#__PURE__*/_jsx(Label, _extends({}, labelProps)), /*#__PURE__*/_jsx(DragAndDropOverlay, _extends({}, dragAndDropOverlayProps))]
-      })), children && /*#__PURE__*/_jsx(TreeItemGroupTransition, _extends({
+        })), /*#__PURE__*/(0, _jsxRuntime.jsx)(Checkbox, (0, _extends2.default)({}, checkboxProps)), status.editing ? /*#__PURE__*/(0, _jsxRuntime.jsx)(LabelInput, (0, _extends2.default)({}, labelInputProps)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(Label, (0, _extends2.default)({}, labelProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(DragAndDropOverlay, (0, _extends2.default)({}, dragAndDropOverlayProps))]
+      })), children && /*#__PURE__*/(0, _jsxRuntime.jsx)(TreeItemGroupTransition, (0, _extends2.default)({
         as: GroupTransition
       }, groupTransitionProps))]
     }))
@@ -321,51 +328,51 @@ process.env.NODE_ENV !== "production" ? TreeItem.propTypes = {
   /**
    * The content of the component.
    */
-  children: PropTypes /* @typescript-to-proptypes-ignore */.any,
+  children: _propTypes.default /* @typescript-to-proptypes-ignore */.any,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: PropTypes.object,
-  className: PropTypes.string,
+  classes: _propTypes.default.object,
+  className: _propTypes.default.string,
   /**
    * If `true`, the item is disabled.
    * @default false
    */
-  disabled: PropTypes.bool,
+  disabled: _propTypes.default.bool,
   /**
    * The id attribute of the item. If not provided, it will be generated.
    */
-  id: PropTypes.string,
+  id: _propTypes.default.string,
   /**
    * The id of the item.
    * Must be unique.
    */
-  itemId: PropTypes.string.isRequired,
+  itemId: _propTypes.default.string.isRequired,
   /**
    * The label of the item.
    */
-  label: PropTypes.node,
+  label: _propTypes.default.node,
   /**
    * Callback fired when the item root is blurred.
    */
-  onBlur: PropTypes.func,
+  onBlur: _propTypes.default.func,
   /**
    * This prop isn't supported.
    * Use the `onItemFocus` callback on the tree if you need to monitor an item's focus.
    */
-  onFocus: unsupportedProp,
+  onFocus: _unsupportedProp.default,
   /**
    * Callback fired when a key is pressed on the keyboard and the tree is in focus.
    */
-  onKeyDown: PropTypes.func,
+  onKeyDown: _propTypes.default.func,
   /**
    * The props used for each component slot.
    * @default {}
    */
-  slotProps: PropTypes.object,
+  slotProps: _propTypes.default.object,
   /**
    * Overridable component slots.
    * @default {}
    */
-  slots: PropTypes.object
+  slots: _propTypes.default.object
 } : void 0;