@mui/material 7.0.2 → 7.1.1

package/CardActionArea/CardActionArea.js

@@ -16,6 +16,7 @@ var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
 var _DefaultPropsProvider = require("../DefaultPropsProvider");
 var _cardActionAreaClasses = _interopRequireWildcard(require("./cardActionAreaClasses"));
 var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
+var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
 var _jsxRuntime = require("react/jsx-runtime");
 const useUtilityClasses = ownerState => {
   const {
@@ -29,8 +30,7 @@ const useUtilityClasses = ownerState => {
 };
 const CardActionAreaRoot = (0, _zeroStyled.styled)(_ButtonBase.default, {
   name: 'MuiCardActionArea',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })((0, _memoTheme.default)(({
   theme
 }) => ({
@@ -51,8 +51,7 @@ const CardActionAreaRoot = (0, _zeroStyled.styled)(_ButtonBase.default, {
 })));
 const CardActionAreaFocusHighlight = (0, _zeroStyled.styled)('span', {
   name: 'MuiCardActionArea',
-  slot: 'FocusHighlight',
-  overridesResolver: (props, styles) => styles.focusHighlight
+  slot: 'FocusHighlight'
 })((0, _memoTheme.default)(({
   theme
 }) => ({
@@ -79,19 +78,41 @@ const CardActionArea = /*#__PURE__*/React.forwardRef(function CardActionArea(inP
     children,
     className,
     focusVisibleClassName,
+    slots = {},
+    slotProps = {},
     ...other
   } = props;
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(CardActionAreaRoot, {
+  const externalForwardedProps = {
+    slots,
+    slotProps
+  };
+  const [RootSlot, rootProps] = (0, _useSlot.default)('root', {
+    elementType: CardActionAreaRoot,
+    externalForwardedProps: {
+      ...externalForwardedProps,
+      ...other
+    },
+    shouldForwardComponentProp: true,
+    ownerState,
+    ref,
     className: (0, _clsx.default)(classes.root, className),
-    focusVisibleClassName: (0, _clsx.default)(focusVisibleClassName, classes.focusVisible),
-    ref: ref,
-    ownerState: ownerState,
-    ...other,
-    children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(CardActionAreaFocusHighlight, {
-      className: classes.focusHighlight,
-      ownerState: ownerState
+    additionalProps: {
+      focusVisibleClassName: (0, _clsx.default)(focusVisibleClassName, classes.focusVisible)
+    }
+  });
+  const [FocusHighlightSlot, focusHighlightProps] = (0, _useSlot.default)('focusHighlight', {
+    elementType: CardActionAreaFocusHighlight,
+    externalForwardedProps,
+    ownerState,
+    ref,
+    className: classes.focusHighlight
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(RootSlot, {
+    ...rootProps,
+    children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(FocusHighlightSlot, {
+      ...focusHighlightProps
     })]
   });
 });
@@ -116,6 +137,22 @@ process.env.NODE_ENV !== "production" ? CardActionArea.propTypes /* remove-propt
    * @ignore
    */
   focusVisibleClassName: _propTypes.default.string,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: _propTypes.default.shape({
+    focusHighlight: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    root: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: _propTypes.default.shape({
+    focusHighlight: _propTypes.default.elementType,
+    root: _propTypes.default.elementType
+  }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/CardActions/CardActions.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
-import { InternalStandardProps as StandardProps, Theme } from "../index.js";
+import { Theme } from "../styles/index.js";
+import { InternalStandardProps as StandardProps } from "../internal/index.js";
 import { CardActionsClasses } from "./cardActionsClasses.js";
 export interface CardActionsProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>> {
   /**

package/CardContent/CardContent.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
-import { Theme } from "../index.js";
+import { Theme } from "../styles/index.js";
 import { CardContentClasses } from "./cardContentClasses.js";
 export interface CardContentOwnProps {
   /**

package/CardContent/CardContent.js

@@ -26,8 +26,7 @@ const useUtilityClasses = ownerState => {
 };
 const CardContentRoot = (0, _zeroStyled.styled)('div', {
   name: 'MuiCardContent',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({
   padding: 16,
   '&:last-child': {

package/CardHeader/CardHeader.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { TypographyProps } from "../Typography/index.js";
 import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
-import { Theme } from "../index.js";
+import { Theme } from "../styles/index.js";
 import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
 import { CardHeaderClasses } from "./cardHeaderClasses.js";
 export interface CardHeaderRootSlotPropsOverrides {}

package/CardHeader/CardHeader.js

@@ -47,8 +47,7 @@ const CardHeaderRoot = (0, _zeroStyled.styled)('div', {
 });
 const CardHeaderAvatar = (0, _zeroStyled.styled)('div', {
   name: 'MuiCardHeader',
-  slot: 'Avatar',
-  overridesResolver: (props, styles) => styles.avatar
+  slot: 'Avatar'
 })({
   display: 'flex',
   flex: '0 0 auto',
@@ -56,8 +55,7 @@ const CardHeaderAvatar = (0, _zeroStyled.styled)('div', {
 });
 const CardHeaderAction = (0, _zeroStyled.styled)('div', {
   name: 'MuiCardHeader',
-  slot: 'Action',
-  overridesResolver: (props, styles) => styles.action
+  slot: 'Action'
 })({
   flex: '0 0 auto',
   alignSelf: 'flex-start',
@@ -67,8 +65,7 @@ const CardHeaderAction = (0, _zeroStyled.styled)('div', {
 });
 const CardHeaderContent = (0, _zeroStyled.styled)('div', {
   name: 'MuiCardHeader',
-  slot: 'Content',
-  overridesResolver: (props, styles) => styles.content
+  slot: 'Content'
 })({
   flex: '1 1 auto',
   [`.${_Typography.typographyClasses.root}:where(& .${_cardHeaderClasses.default.title})`]: {

package/CardMedia/CardMedia.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
-import { Theme } from "../index.js";
+import { Theme } from "../styles/index.js";
 import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
 import { CardMediaClasses } from "./cardMediaClasses.js";
 export interface CardMediaOwnProps {

package/Checkbox/Checkbox.d.ts

@@ -1,7 +1,8 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { OverridableStringUnion } from '@mui/types';
-import { InternalStandardProps as StandardProps, Theme } from "../index.js";
+import { Theme } from "../styles/index.js";
+import { InternalStandardProps as StandardProps } from "../internal/index.js";
 import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
 import { SwitchBaseProps } from "../internal/SwitchBase.js";
 import { CheckboxClasses } from "./checkboxClasses.js";

package/Checkbox/Checkbox.js

@@ -236,7 +236,7 @@ process.env.NODE_ENV !== "production" ? Checkbox.propTypes /* remove-proptypes *
    */
   indeterminateIcon: _propTypes.default.node,
   /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
    * @deprecated Use `slotProps.input` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   inputProps: _propTypes.default.object,

package/Chip/Chip.d.ts

@@ -1,9 +1,35 @@
 import * as React from 'react';
 import { OverridableStringUnion } from '@mui/types';
 import { SxProps } from '@mui/system';
-import { Theme } from "../index.js";
+import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
+import { Theme } from "../styles/index.js";
 import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
 import { ChipClasses } from "./chipClasses.js";
+export interface ChipSlots {
+  /**
+   * The component that renders the root.
+   * @default div
+   */
+  root: React.ElementType;
+  /**
+   * The component that renders the label.
+   * @default span
+   */
+  label: React.ElementType;
+}
+export type ChipSlotsAndSlotProps = CreateSlotsAndSlotProps<ChipSlots, {
+  /**
+   * Props forwarded to the root slot.
+   * By default, the avaible props are based on the div element.
+   */
+  root: SlotProps<'div', {}, ChipOwnerState>;
+  /**
+   * Props forwarded to the label slot.
+   * By default, the avaible props are based on the span element.
+   */
+  label: SlotProps<'span', {}, ChipOwnerState>;
+}>;
+export interface ChipOwnerState extends Omit<ChipProps, 'slots' | 'slotProps'> {}
 export interface ChipPropsVariantOverrides {}
 export interface ChipPropsSizeOverrides {}
 export interface ChipPropsColorOverrides {}
@@ -85,7 +111,7 @@ export interface ChipOwnProps {
   variant?: OverridableStringUnion<'filled' | 'outlined', ChipPropsVariantOverrides>;
 }
 export interface ChipTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
-  props: AdditionalProps & ChipOwnProps;
+  props: AdditionalProps & ChipOwnProps & ChipSlotsAndSlotProps;
   defaultComponent: RootComponent;
 }
 

package/Chip/Chip.js

@@ -22,6 +22,7 @@ var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
 var _createSimplePaletteValueFilter = _interopRequireDefault(require("../utils/createSimplePaletteValueFilter"));
 var _DefaultPropsProvider = require("../DefaultPropsProvider");
 var _chipClasses = _interopRequireWildcard(require("./chipClasses"));
+var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
 var _jsxRuntime = require("react/jsx-runtime");
 const useUtilityClasses = ownerState => {
   const {
@@ -378,6 +379,8 @@ const Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
     tabIndex,
     skipFocusWhenDisabled = false,
     // TODO v6: Rename to `focusableWhenDisabled`.
+    slots = {},
+    slotProps = {},
     ...other
   } = props;
   const chipRef = React.useRef(null);
@@ -438,7 +441,7 @@ const Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
       className: (0, _clsx.default)(deleteIconProp.props.className, classes.deleteIcon),
       onClick: handleDeleteIconClick
     })) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cancel.default, {
-      className: (0, _clsx.default)(classes.deleteIcon),
+      className: classes.deleteIcon,
       onClick: handleDeleteIconClick
     });
   }
@@ -459,21 +462,53 @@ const Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
       console.error('MUI: The Chip component can not handle the avatar ' + 'and the icon prop at the same time. Pick one.');
     }
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ChipRoot, {
-    as: component,
-    className: (0, _clsx.default)(classes.root, className),
-    disabled: clickable && disabled ? true : undefined,
-    onClick: onClick,
-    onKeyDown: handleKeyDown,
-    onKeyUp: handleKeyUp,
+  const externalForwardedProps = {
+    slots,
+    slotProps
+  };
+  const [RootSlot, rootProps] = (0, _useSlot.default)('root', {
+    elementType: ChipRoot,
+    externalForwardedProps: {
+      ...externalForwardedProps,
+      ...other
+    },
+    ownerState,
+    // The `component` prop is preserved because `Chip` relies on it for internal logic. If `shouldForwardComponentProp` were `false`, `useSlot` would remove the `component` prop, potentially breaking the component's behavior.
+    shouldForwardComponentProp: true,
     ref: handleRef,
-    tabIndex: skipFocusWhenDisabled && disabled ? -1 : tabIndex,
-    ownerState: ownerState,
-    ...moreProps,
-    ...other,
-    children: [avatar || icon, /*#__PURE__*/(0, _jsxRuntime.jsx)(ChipLabel, {
-      className: (0, _clsx.default)(classes.label),
-      ownerState: ownerState,
+    className: (0, _clsx.default)(classes.root, className),
+    additionalProps: {
+      disabled: clickable && disabled ? true : undefined,
+      tabIndex: skipFocusWhenDisabled && disabled ? -1 : tabIndex,
+      ...moreProps
+    },
+    getSlotProps: handlers => ({
+      ...handlers,
+      onClick: event => {
+        handlers.onClick?.(event);
+        onClick(event);
+      },
+      onKeyDown: event => {
+        handlers.onKeyDown?.(event);
+        handleKeyDown(event);
+      },
+      onKeyUp: event => {
+        handlers.onKeyUp?.(event);
+        handleKeyUp(event);
+      }
+    })
+  });
+  const [LabelSlot, labelProps] = (0, _useSlot.default)('label', {
+    elementType: ChipLabel,
+    externalForwardedProps,
+    ownerState,
+    className: classes.label
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(RootSlot, {
+    as: component,
+    ...rootProps,
+    children: [avatar || icon, /*#__PURE__*/(0, _jsxRuntime.jsx)(LabelSlot, {
+      ...labelProps,
       children: label
     }), deleteIcon]
   });
@@ -566,6 +601,22 @@ process.env.NODE_ENV !== "production" ? Chip.propTypes /* remove-proptypes */ =
    * @default false
    */
   skipFocusWhenDisabled: _propTypes.default.bool,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: _propTypes.default.shape({
+    label: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    root: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: _propTypes.default.shape({
+    label: _propTypes.default.elementType,
+    root: _propTypes.default.elementType
+  }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/CircularProgress/CircularProgress.d.ts

@@ -1,7 +1,8 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { OverridableStringUnion } from '@mui/types';
-import { InternalStandardProps as StandardProps, Theme } from "../index.js";
+import { Theme } from "../styles/index.js";
+import { InternalStandardProps as StandardProps } from "../internal/index.js";
 import { CircularProgressClasses } from "./circularProgressClasses.js";
 export interface CircularProgressPropsColorOverrides {}
 export interface CircularProgressPropsVariantOverrides {}

package/CircularProgress/CircularProgress.js

@@ -107,8 +107,7 @@ const CircularProgressRoot = (0, _zeroStyled.styled)('span', {
 })));
 const CircularProgressSVG = (0, _zeroStyled.styled)('svg', {
   name: 'MuiCircularProgress',
-  slot: 'Svg',
-  overridesResolver: (props, styles) => styles.svg
+  slot: 'Svg'
 })({
   display: 'block' // Keeps the progress centered
 });

package/ClickAwayListener/ClickAwayListener.js

@@ -9,7 +9,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.ClickAwayListener = ClickAwayListener;
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("@mui/utils");
+var _ownerDocument = _interopRequireDefault(require("@mui/utils/ownerDocument"));
+var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
+var _elementAcceptingRef = _interopRequireDefault(require("@mui/utils/elementAcceptingRef"));
+var _exactProp = _interopRequireDefault(require("@mui/utils/exactProp"));
 var _getReactElementRef = _interopRequireDefault(require("@mui/utils/getReactElementRef"));
 // TODO: return `EventHandlerName extends `on${infer EventName}` ? Lowercase<EventName> : never` once generatePropTypes runs with TS 4.1
 function mapEventPropToEvent(eventProp) {
@@ -53,7 +57,7 @@ function ClickAwayListener(props) {
       activatedRef.current = false;
     };
   }, []);
-  const handleRef = (0, _utils.unstable_useForkRef)((0, _getReactElementRef.default)(children), nodeRef);
+  const handleRef = (0, _useForkRef.default)((0, _getReactElementRef.default)(children), nodeRef);
 
   // The handler doesn't take event.defaultPrevented into account:
   //
@@ -61,12 +65,12 @@ function ClickAwayListener(props) {
   // clicking a checkbox to check it, hitting a button to submit a form,
   // and hitting left arrow to move the cursor in a text input etc.
   // Only special HTML elements have these default behaviors.
-  const handleClickAway = (0, _utils.unstable_useEventCallback)(event => {
+  const handleClickAway = (0, _useEventCallback.default)(event => {
     // Given developers can stop the propagation of the synthetic event,
     // we can only be confident with a positive value.
     const insideReactTree = syntheticEventRef.current;
     syntheticEventRef.current = false;
-    const doc = (0, _utils.unstable_ownerDocument)(nodeRef.current);
+    const doc = (0, _ownerDocument.default)(nodeRef.current);
 
     // 1. IE11 support, which trigger the handleClickAway even after the unbind
     // 2. The child might render null.
@@ -114,7 +118,7 @@ function ClickAwayListener(props) {
   React.useEffect(() => {
     if (touchEvent !== false) {
       const mappedTouchEvent = mapEventPropToEvent(touchEvent);
-      const doc = (0, _utils.unstable_ownerDocument)(nodeRef.current);
+      const doc = (0, _ownerDocument.default)(nodeRef.current);
       const handleTouchMove = () => {
         movedRef.current = true;
       };
@@ -133,7 +137,7 @@ function ClickAwayListener(props) {
   React.useEffect(() => {
     if (mouseEvent !== false) {
       const mappedMouseEvent = mapEventPropToEvent(mouseEvent);
-      const doc = (0, _utils.unstable_ownerDocument)(nodeRef.current);
+      const doc = (0, _ownerDocument.default)(nodeRef.current);
       doc.addEventListener(mappedMouseEvent, handleClickAway);
       return () => {
         doc.removeEventListener(mappedMouseEvent, handleClickAway);
@@ -151,7 +155,7 @@ process.env.NODE_ENV !== "production" ? ClickAwayListener.propTypes /* remove-pr
   /**
    * The wrapped element.
    */
-  children: _utils.elementAcceptingRef.isRequired,
+  children: _elementAcceptingRef.default.isRequired,
   /**
    * If `true`, the React tree is ignored and only the DOM tree is considered.
    * This prop changes how portaled elements are handled.
@@ -175,5 +179,5 @@ process.env.NODE_ENV !== "production" ? ClickAwayListener.propTypes /* remove-pr
 } : void 0;
 if (process.env.NODE_ENV !== 'production') {
   // eslint-disable-next-line
-  ClickAwayListener['propTypes' + ''] = (0, _utils.exactProp)(ClickAwayListener.propTypes);
+  ClickAwayListener['propTypes' + ''] = (0, _exactProp.default)(ClickAwayListener.propTypes);
 }

package/Collapse/Collapse.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
-import { InternalStandardProps as StandardProps, Theme } from "../index.js";
+import { Theme } from "../styles/index.js";
+import { InternalStandardProps as StandardProps } from "../internal/index.js";
 import { TransitionProps } from "../transitions/transition.js";
 import { CollapseClasses } from "./collapseClasses.js";
 export interface CollapseProps extends StandardProps<TransitionProps, 'timeout'> {

package/Collapse/Collapse.js

@@ -87,8 +87,7 @@ const CollapseRoot = (0, _zeroStyled.styled)('div', {
 })));
 const CollapseWrapper = (0, _zeroStyled.styled)('div', {
   name: 'MuiCollapse',
-  slot: 'Wrapper',
-  overridesResolver: (props, styles) => styles.wrapper
+  slot: 'Wrapper'
 })({
   // Hack to get children with a negative margin to not falsify the height computation.
   display: 'flex',
@@ -105,8 +104,7 @@ const CollapseWrapper = (0, _zeroStyled.styled)('div', {
 });
 const CollapseWrapperInner = (0, _zeroStyled.styled)('div', {
   name: 'MuiCollapse',
-  slot: 'WrapperInner',
-  overridesResolver: (props, styles) => styles.wrapperInner
+  slot: 'WrapperInner'
 })({
   width: '100%',
   variants: [{

package/Dialog/Dialog.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { SxProps, Breakpoint } from '@mui/system';
-import { InternalStandardProps as StandardProps, Theme } from "../index.js";
+import { Theme } from "../styles/index.js";
+import { InternalStandardProps as StandardProps } from "../internal/index.js";
 import { BackdropProps } from "../Backdrop/index.js";
 import { PaperProps } from "../Paper/index.js";
 import { ModalProps } from "../Modal/index.js";

package/Dialog/Dialog.js

@@ -49,8 +49,7 @@ const useUtilityClasses = ownerState => {
 };
 const DialogRoot = (0, _zeroStyled.styled)(_Modal.default, {
   name: 'MuiDialog',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({
   '@media print': {
     // Use !important to override the Modal inline-style.
@@ -306,7 +305,7 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
     elementType: DialogContainer,
     externalForwardedProps,
     ownerState,
-    className: (0, _clsx.default)(classes.container)
+    className: classes.container
   });
   const [TransitionSlot, transitionSlotProps] = (0, _useSlot.default)('transition', {
     elementType: _Fade.default,
@@ -385,9 +384,6 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
    * @default styled(Backdrop, {
    *   name: 'MuiModal',
    *   slot: 'Backdrop',
-   *   overridesResolver: (props, styles) => {
-   *     return styles.backdrop;
-   *   },
    * })({
    *   zIndex: -1,
    * })

package/DialogActions/DialogActions.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
-import { InternalStandardProps as StandardProps, Theme } from "../index.js";
+import { Theme } from "../styles/index.js";
+import { InternalStandardProps as StandardProps } from "../internal/index.js";
 import { DialogActionsClasses } from "./dialogActionsClasses.js";
 export interface DialogActionsProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>> {
   /**

package/DialogContent/DialogContent.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
-import { InternalStandardProps as StandardProps, Theme } from "../index.js";
+import { Theme } from "../styles/index.js";
+import { InternalStandardProps as StandardProps } from "../internal/index.js";
 import { DialogContentClasses } from "./dialogContentClasses.js";
 export interface DialogContentProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>> {
   /**

package/DialogContentText/DialogContentText.js

@@ -34,8 +34,7 @@ const useUtilityClasses = ownerState => {
 const DialogContentTextRoot = (0, _zeroStyled.styled)(_Typography.default, {
   shouldForwardProp: prop => (0, _rootShouldForwardProp.default)(prop) || prop === 'classes',
   name: 'MuiDialogContentText',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({});
 const DialogContentText = /*#__PURE__*/React.forwardRef(function DialogContentText(inProps, ref) {
   const props = (0, _DefaultPropsProvider.useDefaultProps)({

package/DialogTitle/DialogTitle.js

@@ -28,8 +28,7 @@ const useUtilityClasses = ownerState => {
 };
 const DialogTitleRoot = (0, _zeroStyled.styled)(_Typography.default, {
   name: 'MuiDialogTitle',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({
   padding: '16px 24px',
   flex: '0 0 auto'

package/Divider/Divider.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { OverridableStringUnion } from '@mui/types';
 import { SxProps } from '@mui/system';
-import { Theme } from "../index.js";
+import { Theme } from "../styles/index.js";
 import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
 import { DividerClasses } from "./dividerClasses.js";
 export interface DividerPropsVariantOverrides {}

package/Drawer/Drawer.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
-import { InternalStandardProps as StandardProps, Theme } from "../index.js";
+import { Theme } from "../styles/index.js";
+import { InternalStandardProps as StandardProps } from "../internal/index.js";
 import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
 import { ModalProps } from "../Modal/index.js";
 import { BackdropProps } from "../Backdrop/index.js";

package/Fab/Fab.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { OverridableStringUnion } from '@mui/types';
 import { SxProps } from '@mui/system';
-import { PropTypes, Theme } from "../index.js";
+import { PropTypes, Theme } from "../styles/index.js";
 import { ExtendButtonBase, ExtendButtonBaseTypeMap } from "../ButtonBase/index.js";
 import { OverrideProps } from "../OverridableComponent/index.js";
 import { FabClasses } from "./fabClasses.js";

package/FilledInput/FilledInput.d.ts

@@ -1,5 +1,6 @@
 import { SxProps } from '@mui/system';
-import { InternalStandardProps as StandardProps, Theme } from "../index.js";
+import { Theme } from "../styles/index.js";
+import { InternalStandardProps as StandardProps } from "../internal/index.js";
 import { InputBaseProps } from "../InputBase/index.js";
 import { FilledInputClasses } from "./filledInputClasses.js";
 export interface FilledInputProps extends StandardProps<InputBaseProps> {

package/FilledInput/FilledInput.js

@@ -422,7 +422,7 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes /* remove-proptype
    */
   inputComponent: _propTypes.default.elementType,
   /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
    * @default {}
    */
   inputProps: _propTypes.default.object,
@@ -510,7 +510,7 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes /* remove-proptype
    */
   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]),
   /**
-   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
+   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types).
    * @default 'text'
    */
   type: _propTypes.default.string,

package/FormControlLabel/FormControlLabel.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
-import { Theme, InternalStandardProps as StandardProps } from "../index.js";
+import { Theme } from "../styles/index.js";
+import { InternalStandardProps as StandardProps } from "../internal/index.js";
 import Typography, { TypographyProps } from "../Typography/index.js";
 import { FormControlLabelClasses } from "./formControlLabelClasses.js";
 import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";