@mui/material 7.0.2 → 7.1.1

package/Modal/useModal.js

@@ -8,7 +8,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
-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 _createChainedFunction = _interopRequireDefault(require("@mui/utils/createChainedFunction"));
 var _extractEventHandlers = _interopRequireDefault(require("@mui/utils/extractEventHandlers"));
 var _ModalManager = require("./ModalManager");
 function getContainer(container) {
@@ -22,16 +25,6 @@ const noop = () => {};
 // A modal manager used to track and manage the state of open Modals.
 // Modals don't open on the server so this won't conflict with concurrent requests.
 const manager = new _ModalManager.ModalManager();
-/**
- *
- * Demos:
- *
- * - [Modal](https://mui.com/base-ui/react-modal/#hook)
- *
- * API:
- *
- * - [useModal API](https://mui.com/base-ui/react-modal/hooks-api/#use-modal)
- */
 function useModal(parameters) {
   const {
     container,
@@ -50,14 +43,14 @@ function useModal(parameters) {
   const modal = React.useRef({});
   const mountNodeRef = React.useRef(null);
   const modalRef = React.useRef(null);
-  const handleRef = (0, _utils.unstable_useForkRef)(modalRef, rootRef);
+  const handleRef = (0, _useForkRef.default)(modalRef, rootRef);
   const [exited, setExited] = React.useState(!open);
   const hasTransition = getHasTransition(children);
   let ariaHiddenProp = true;
   if (parameters['aria-hidden'] === 'false' || parameters['aria-hidden'] === false) {
     ariaHiddenProp = false;
   }
-  const getDoc = () => (0, _utils.unstable_ownerDocument)(mountNodeRef.current);
+  const getDoc = () => (0, _ownerDocument.default)(mountNodeRef.current);
   const getModal = () => {
     modal.current.modalRef = modalRef.current;
     modal.current.mount = mountNodeRef.current;
@@ -73,7 +66,7 @@ function useModal(parameters) {
       modalRef.current.scrollTop = 0;
     }
   };
-  const handleOpen = (0, _utils.unstable_useEventCallback)(() => {
+  const handleOpen = (0, _useEventCallback.default)(() => {
     const resolvedContainer = getContainer(container) || getDoc().body;
     manager.add(getModal(), resolvedContainer);
 
@@ -83,7 +76,7 @@ function useModal(parameters) {
     }
   });
   const isTopModal = () => manager.isTopModal(getModal());
-  const handlePortalRef = (0, _utils.unstable_useEventCallback)(node => {
+  const handlePortalRef = (0, _useEventCallback.default)(node => {
     mountNodeRef.current = node;
     if (!node) {
       return;
@@ -189,8 +182,8 @@ function useModal(parameters) {
       }
     };
     return {
-      onEnter: (0, _utils.unstable_createChainedFunction)(handleEnter, children?.props.onEnter ?? noop),
-      onExited: (0, _utils.unstable_createChainedFunction)(handleExited, children?.props.onExited ?? noop)
+      onEnter: (0, _createChainedFunction.default)(handleEnter, children?.props.onEnter ?? noop),
+      onExited: (0, _createChainedFunction.default)(handleExited, children?.props.onExited ?? noop)
     };
   };
   return {

package/NativeSelect/NativeSelect.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 { InputProps } from "../Input/index.js";
 import { NativeSelectInputProps } from "./NativeSelectInput.js";
 import { NativeSelectClasses } from "./nativeSelectClasses.js";
@@ -26,7 +27,7 @@ export interface NativeSelectProps extends StandardProps<InputProps, 'inputProps
    */
   input?: React.ReactElement<unknown, any>;
   /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#attributes) applied to the `select` element.
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/select#attributes) applied to the `select` element.
    */
   inputProps?: Partial<NativeSelectInputProps>;
   /**

package/NativeSelect/NativeSelect.js

@@ -113,7 +113,7 @@ process.env.NODE_ENV !== "production" ? NativeSelect.propTypes /* remove-proptyp
    */
   input: _propTypes.default.element,
   /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select#attributes) applied to the `select` element.
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/select#attributes) applied to the `select` element.
    */
   inputProps: _propTypes.default.object,
   /**

package/NativeSelect/NativeSelectInput.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";
 export interface NativeSelectInputProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
   disabled?: boolean;
   IconComponent: React.ElementType;

package/NoSsr/NoSsr.js

@@ -9,7 +9,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("@mui/utils");
+var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
+var _exactProp = _interopRequireDefault(require("@mui/utils/exactProp"));
 /**
  * NoSsr purposely removes components from the subject of Server Side Rendering (SSR).
  *
@@ -35,7 +36,7 @@ function NoSsr(props) {
     fallback = null
   } = props;
   const [mountedState, setMountedState] = React.useState(false);
-  (0, _utils.unstable_useEnhancedEffect)(() => {
+  (0, _useEnhancedEffect.default)(() => {
     if (!defer) {
       setMountedState(true);
     }
@@ -72,6 +73,6 @@ process.env.NODE_ENV !== "production" ? NoSsr.propTypes /* remove-proptypes */ =
 } : void 0;
 if (process.env.NODE_ENV !== 'production') {
   // eslint-disable-next-line
-  NoSsr['propTypes' + ''] = (0, _utils.exactProp)(NoSsr.propTypes);
+  NoSsr['propTypes' + ''] = (0, _exactProp.default)(NoSsr.propTypes);
 }
 var _default = exports.default = NoSsr;

package/OutlinedInput/NotchedOutline.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { InternalStandardProps as StandardProps } from "../index.js";
+import { InternalStandardProps as StandardProps } from "../internal/index.js";
 export interface NotchedOutlineProps extends StandardProps<React.FieldsetHTMLAttributes<HTMLFieldSetElement>> {
   disabled?: boolean;
   error?: boolean;

package/OutlinedInput/OutlinedInput.d.ts

@@ -1,9 +1,24 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
-import { InternalStandardProps as StandardProps, Theme } from "../index.js";
+import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
+import { Theme } from "../styles/index.js";
+import { InternalStandardProps as StandardProps } from "../internal/index.js";
 import { InputBaseProps } from "../InputBase/index.js";
 import { OutlinedInputClasses } from "./outlinedInputClasses.js";
-export interface OutlinedInputProps extends StandardProps<InputBaseProps> {
+interface OutlinedInputSlots {
+  /**
+   * The component that renders the notchedOutline slot.
+   * @default NotchedOutline
+   */
+  notchedOutline: React.ElementType;
+}
+type OutlinedInputSlotsAndSlotProps = CreateSlotsAndSlotProps<OutlinedInputSlots, {
+  notchedOutline: SlotProps<'fieldset', {}, OutlinedInputOwnerState>;
+}> & {
+  slots?: InputBaseProps['slots'];
+  slotProps?: InputBaseProps['slotProps'];
+};
+export interface OutlinedInputProps extends Omit<StandardProps<InputBaseProps>, 'slots' | 'slotProps'>, OutlinedInputSlotsAndSlotProps {
   /**
    * Override or extend the styles applied to the component.
    */
@@ -22,6 +37,7 @@ export interface OutlinedInputProps extends StandardProps<InputBaseProps> {
    */
   sx?: SxProps<Theme>;
 }
+export interface OutlinedInputOwnerState extends Omit<OutlinedInputProps, 'slots' | 'slotProps'> {}
 
 /**
  *

package/OutlinedInput/OutlinedInput.js

@@ -21,6 +21,7 @@ var _createSimplePaletteValueFilter = _interopRequireDefault(require("../utils/c
 var _DefaultPropsProvider = require("../DefaultPropsProvider");
 var _outlinedInputClasses = _interopRequireWildcard(require("./outlinedInputClasses"));
 var _InputBase = _interopRequireWildcard(require("../InputBase/InputBase"));
+var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
 var _jsxRuntime = require("react/jsx-runtime");
 const useUtilityClasses = ownerState => {
   const {
@@ -116,8 +117,7 @@ const OutlinedInputRoot = (0, _zeroStyled.styled)(_InputBase.InputBaseRoot, {
 }));
 const NotchedOutlineRoot = (0, _zeroStyled.styled)(_NotchedOutline.default, {
   name: 'MuiOutlinedInput',
-  slot: 'NotchedOutline',
-  overridesResolver: (props, styles) => styles.notchedOutline
+  slot: 'NotchedOutline'
 })((0, _memoTheme.default)(({
   theme
 }) => {
@@ -185,7 +185,6 @@ const OutlinedInputInput = (0, _zeroStyled.styled)(_InputBase.InputBaseInput, {
   }]
 })));
 const OutlinedInput = /*#__PURE__*/React.forwardRef(function OutlinedInput(inProps, ref) {
-  var _React$Fragment;
   const props = (0, _DefaultPropsProvider.useDefaultProps)({
     props: inProps,
     name: 'MuiOutlinedInput'
@@ -198,6 +197,7 @@ const OutlinedInput = /*#__PURE__*/React.forwardRef(function OutlinedInput(inPro
     multiline = false,
     notched,
     slots = {},
+    slotProps = {},
     type = 'text',
     ...other
   } = props;
@@ -223,17 +223,29 @@ const OutlinedInput = /*#__PURE__*/React.forwardRef(function OutlinedInput(inPro
   };
   const RootSlot = slots.root ?? components.Root ?? OutlinedInputRoot;
   const InputSlot = slots.input ?? components.Input ?? OutlinedInputInput;
+  const [NotchedSlot, notchedProps] = (0, _useSlot.default)('notchedOutline', {
+    elementType: NotchedOutlineRoot,
+    className: classes.notchedOutline,
+    shouldForwardComponentProp: true,
+    ownerState,
+    externalForwardedProps: {
+      slots,
+      slotProps
+    },
+    additionalProps: {
+      label: label != null && label !== '' && fcs.required ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+        children: [label, "\u2009", '*']
+      }) : label
+    }
+  });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputBase.default, {
     slots: {
       root: RootSlot,
       input: InputSlot
     },
-    renderSuffix: state => /*#__PURE__*/(0, _jsxRuntime.jsx)(NotchedOutlineRoot, {
-      ownerState: ownerState,
-      className: classes.notchedOutline,
-      label: label != null && label !== '' && fcs.required ? _React$Fragment || (_React$Fragment = /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
-        children: [label, "\u2009", '*']
-      })) : label,
+    slotProps: slotProps,
+    renderSuffix: state => /*#__PURE__*/(0, _jsxRuntime.jsx)(NotchedSlot, {
+      ...notchedProps,
       notched: typeof notched !== 'undefined' ? notched : Boolean(state.startAdornment || state.filled || state.focused)
     }),
     fullWidth: fullWidth,
@@ -319,7 +331,7 @@ process.env.NODE_ENV !== "production" ? OutlinedInput.propTypes /* remove-propty
    */
   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,
@@ -384,15 +396,22 @@ process.env.NODE_ENV !== "production" ? OutlinedInput.propTypes /* remove-propty
    * Number of rows to display when multiline option is set to true.
    */
   rows: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: _propTypes.default.shape({
+    input: _propTypes.default.object,
+    notchedOutline: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    root: _propTypes.default.object
+  }),
   /**
    * The components used for each slot inside.
-   *
-   * This prop is an alias for the `components` prop, which will be deprecated in the future.
-   *
    * @default {}
    */
   slots: _propTypes.default.shape({
     input: _propTypes.default.elementType,
+    notchedOutline: _propTypes.default.elementType,
     root: _propTypes.default.elementType
   }),
   /**
@@ -404,7 +423,7 @@ process.env.NODE_ENV !== "production" ? OutlinedInput.propTypes /* remove-propty
    */
   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/Pagination/Pagination.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { OverridableStringUnion } from '@mui/types';
 import { SxProps } from '@mui/system';
-import { InternalStandardProps as StandardProps } from '@mui/material';
 import { Theme } from "../styles/index.js";
+import { InternalStandardProps as StandardProps } from "../internal/index.js";
 import { UsePaginationItem, UsePaginationProps } from "../usePagination/usePagination.js";
 import { PaginationClasses } from "./paginationClasses.js";
 export interface PaginationRenderItemParams extends UsePaginationItem {

package/Pagination/Pagination.js

@@ -41,8 +41,7 @@ const PaginationRoot = (0, _zeroStyled.styled)('nav', {
 })({});
 const PaginationUl = (0, _zeroStyled.styled)('ul', {
   name: 'MuiPagination',
-  slot: 'Ul',
-  overridesResolver: (props, styles) => styles.ul
+  slot: 'Ul'
 })({
   display: 'flex',
   flexWrap: 'wrap',

package/PaginationItem/PaginationItem.js

@@ -251,8 +251,7 @@ const PaginationItemPage = (0, _zeroStyled.styled)(_ButtonBase.default, {
 })));
 const PaginationItemPageIcon = (0, _zeroStyled.styled)('div', {
   name: 'MuiPaginationItem',
-  slot: 'Icon',
-  overridesResolver: (props, styles) => styles.icon
+  slot: 'Icon'
 })((0, _memoTheme.default)(({
   theme
 }) => ({

package/Popover/Popover.d.ts

@@ -1,10 +1,11 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
-import { SlotComponentProps } from '@mui/utils';
-import { BackdropProps, InternalStandardProps as StandardProps } from "../index.js";
+import { SlotComponentProps } from '@mui/utils/types';
+import { BackdropProps } from "../Backdrop/index.js";
+import { Theme } from "../styles/index.js";
+import { InternalStandardProps as StandardProps } from "../internal/index.js";
 import Paper, { PaperProps } from "../Paper/index.js";
 import Modal, { ModalProps } from "../Modal/index.js";
-import { Theme } from "../styles/index.js";
 import { TransitionProps } from "../transitions/transition.js";
 import { PopoverClasses } from "./popoverClasses.js";
 import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";

package/Popover/Popover.js

@@ -71,13 +71,11 @@ const useUtilityClasses = ownerState => {
 };
 const PopoverRoot = exports.PopoverRoot = (0, _zeroStyled.styled)(_Modal.default, {
   name: 'MuiPopover',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({});
 const PopoverPaper = exports.PopoverPaper = (0, _zeroStyled.styled)(_Paper.default, {
   name: 'MuiPopover',
-  slot: 'Paper',
-  overridesResolver: (props, styles) => styles.paper
+  slot: 'Paper'
 })({
   position: 'absolute',
   overflowY: 'auto',

package/Popper/BasePopper.js

@@ -8,7 +8,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _utils = require("@mui/utils");
+var _ownerDocument = _interopRequireDefault(require("@mui/utils/ownerDocument"));
+var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
+var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _chainPropTypes = _interopRequireDefault(require("@mui/utils/chainPropTypes"));
+var _HTMLElementType = _interopRequireDefault(require("@mui/utils/HTMLElementType"));
+var _refType = _interopRequireDefault(require("@mui/utils/refType"));
 var _core = require("@popperjs/core");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
@@ -72,11 +77,11 @@ const PopperTooltip = /*#__PURE__*/React.forwardRef(function PopperTooltip(props
     ...other
   } = props;
   const tooltipRef = React.useRef(null);
-  const ownRef = (0, _utils.unstable_useForkRef)(tooltipRef, forwardedRef);
+  const ownRef = (0, _useForkRef.default)(tooltipRef, forwardedRef);
   const popperRef = React.useRef(null);
-  const handlePopperRef = (0, _utils.unstable_useForkRef)(popperRef, popperRefProp);
+  const handlePopperRef = (0, _useForkRef.default)(popperRef, popperRefProp);
   const handlePopperRefRef = React.useRef(handlePopperRef);
-  (0, _utils.unstable_useEnhancedEffect)(() => {
+  (0, _useEnhancedEffect.default)(() => {
     handlePopperRefRef.current = handlePopperRef;
   }, [handlePopperRef]);
   React.useImperativeHandle(popperRefProp, () => popperRef.current, []);
@@ -97,7 +102,7 @@ const PopperTooltip = /*#__PURE__*/React.forwardRef(function PopperTooltip(props
       setResolvedAnchorElement(resolveAnchorEl(anchorEl));
     }
   }, [anchorEl]);
-  (0, _utils.unstable_useEnhancedEffect)(() => {
+  (0, _useEnhancedEffect.default)(() => {
     if (!resolvedAnchorElement || !open) {
       return undefined;
     }
@@ -215,7 +220,7 @@ const Popper = /*#__PURE__*/React.forwardRef(function Popper(props, forwardedRef
     container = containerProp;
   } else if (anchorEl) {
     const resolvedAnchorEl = resolveAnchorEl(anchorEl);
-    container = resolvedAnchorEl && isHTMLElement(resolvedAnchorEl) ? (0, _utils.unstable_ownerDocument)(resolvedAnchorEl).body : (0, _utils.unstable_ownerDocument)(null).body;
+    container = resolvedAnchorEl && isHTMLElement(resolvedAnchorEl) ? (0, _ownerDocument.default)(resolvedAnchorEl).body : (0, _ownerDocument.default)(null).body;
   }
   const display = !open && keepMounted && (!transition || exited) ? 'none' : undefined;
   const transitionProps = transition ? {
@@ -264,7 +269,7 @@ process.env.NODE_ENV !== "production" ? Popper.propTypes /* remove-proptypes */
    * It's used to set the position of the popper.
    * The return value will passed as the reference object of the Popper instance.
    */
-  anchorEl: (0, _utils.chainPropTypes)(_propTypes.default.oneOfType([_utils.HTMLElementType, _propTypes.default.object, _propTypes.default.func]), props => {
+  anchorEl: (0, _chainPropTypes.default)(_propTypes.default.oneOfType([_HTMLElementType.default, _propTypes.default.object, _propTypes.default.func]), props => {
     if (props.open) {
       const resolvedAnchorEl = resolveAnchorEl(props.anchorEl);
       if (resolvedAnchorEl && isHTMLElement(resolvedAnchorEl) && resolvedAnchorEl.nodeType === 1) {
@@ -292,7 +297,7 @@ process.env.NODE_ENV !== "production" ? Popper.propTypes /* remove-proptypes */
    * By default, it uses the body of the top-level document object,
    * so it's simply `document.body` most of the time.
    */
-  container: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_utils.HTMLElementType, _propTypes.default.func]),
+  container: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_HTMLElementType.default, _propTypes.default.func]),
   /**
    * Direction of the text.
    * @default 'ltr'
@@ -352,7 +357,7 @@ process.env.NODE_ENV !== "production" ? Popper.propTypes /* remove-proptypes */
   /**
    * A ref that points to the used popper instance.
    */
-  popperRef: _utils.refType,
+  popperRef: _refType.default,
   /**
    * The props used for each slot inside the Popper.
    * @default {}

package/Popper/Popper.js

@@ -18,8 +18,7 @@ var _DefaultPropsProvider = require("../DefaultPropsProvider");
 var _jsxRuntime = require("react/jsx-runtime");
 const PopperRoot = (0, _zeroStyled.styled)(_BasePopper.default, {
   name: 'MuiPopper',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({});
 
 /**

package/Portal/Portal.js

@@ -10,7 +10,12 @@ exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var ReactDOM = _interopRequireWildcard(require("react-dom"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("@mui/utils");
+var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
+var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
+var _setRef = _interopRequireDefault(require("@mui/utils/setRef"));
+var _getReactElementRef = _interopRequireDefault(require("@mui/utils/getReactElementRef"));
+var _exactProp = _interopRequireDefault(require("@mui/utils/exactProp"));
+var _HTMLElementType = _interopRequireDefault(require("@mui/utils/HTMLElementType"));
 function getContainer(container) {
   return typeof container === 'function' ? container() : container;
 }
@@ -34,17 +39,17 @@ const Portal = /*#__PURE__*/React.forwardRef(function Portal(props, forwardedRef
     disablePortal = false
   } = props;
   const [mountNode, setMountNode] = React.useState(null);
-  const handleRef = (0, _utils.unstable_useForkRef)(/*#__PURE__*/React.isValidElement(children) ? (0, _utils.unstable_getReactElementRef)(children) : null, forwardedRef);
-  (0, _utils.unstable_useEnhancedEffect)(() => {
+  const handleRef = (0, _useForkRef.default)(/*#__PURE__*/React.isValidElement(children) ? (0, _getReactElementRef.default)(children) : null, forwardedRef);
+  (0, _useEnhancedEffect.default)(() => {
     if (!disablePortal) {
       setMountNode(getContainer(container) || document.body);
     }
   }, [container, disablePortal]);
-  (0, _utils.unstable_useEnhancedEffect)(() => {
+  (0, _useEnhancedEffect.default)(() => {
     if (mountNode && !disablePortal) {
-      (0, _utils.unstable_setRef)(forwardedRef, mountNode);
+      (0, _setRef.default)(forwardedRef, mountNode);
       return () => {
-        (0, _utils.unstable_setRef)(forwardedRef, null);
+        (0, _setRef.default)(forwardedRef, null);
       };
     }
     return undefined;
@@ -79,7 +84,7 @@ process.env.NODE_ENV !== "production" ? Portal.propTypes /* remove-proptypes */
    * By default, it uses the body of the top-level document object,
    * so it's simply `document.body` most of the time.
    */
-  container: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_utils.HTMLElementType, _propTypes.default.func]),
+  container: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_HTMLElementType.default, _propTypes.default.func]),
   /**
    * The `children` will be under the DOM hierarchy of the parent component.
    * @default false
@@ -88,6 +93,6 @@ process.env.NODE_ENV !== "production" ? Portal.propTypes /* remove-proptypes */
 } : void 0;
 if (process.env.NODE_ENV !== 'production') {
   // eslint-disable-next-line
-  Portal['propTypes' + ''] = (0, _utils.exactProp)(Portal.propTypes);
+  Portal['propTypes' + ''] = (0, _exactProp.default)(Portal.propTypes);
 }
 var _default = exports.default = Portal;

package/Radio/Radio.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 { RadioClasses } from "./radioClasses.js";

package/Radio/Radio.js

@@ -256,7 +256,7 @@ process.env.NODE_ENV !== "production" ? Radio.propTypes /* remove-proptypes */ =
    */
   id: _propTypes.default.string,
   /**
-   * [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/Rating/Rating.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { OverridableStringUnion } from '@mui/types';
-import { Theme } from "../index.js";
+import { Theme } from "../styles/index.js";
 import { RatingClasses } from "./ratingClasses.js";
 import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
 import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";

package/ScopedCssBaseline/ScopedCssBaseline.js

@@ -28,8 +28,7 @@ const useUtilityClasses = ownerState => {
 };
 const ScopedCssBaselineRoot = (0, _zeroStyled.styled)('div', {
   name: 'MuiScopedCssBaseline',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })((0, _memoTheme.default)(({
   theme
 }) => {

package/Select/Select.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 { InputProps } from "../Input/index.js";
 import { MenuProps } from "../Menu/index.js";
 import { SelectChangeEvent, SelectInputProps } from "./SelectInput.js";
@@ -62,7 +63,7 @@ export interface BaseSelectProps<Value = unknown> extends StandardProps<InputPro
    */
   input?: React.ReactElement<unknown, any>;
   /**
-   * [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.
    * When `native` is `true`, the attributes are applied on the `select` element.
    */
   inputProps?: InputProps['inputProps'];

package/Select/Select.js

@@ -42,9 +42,8 @@ const useUtilityClasses = ownerState => {
 };
 const styledRootConfig = {
   name: 'MuiSelect',
-  overridesResolver: (props, styles) => styles.root,
-  shouldForwardProp: prop => (0, _rootShouldForwardProp.default)(prop) && prop !== 'variant',
-  slot: 'Root'
+  slot: 'Root',
+  shouldForwardProp: prop => (0, _rootShouldForwardProp.default)(prop) && prop !== 'variant'
 };
 const StyledInput = (0, _zeroStyled.styled)(_Input.default, styledRootConfig)('');
 const StyledOutlinedInput = (0, _zeroStyled.styled)(_OutlinedInput.default, styledRootConfig)('');
@@ -218,7 +217,7 @@ process.env.NODE_ENV !== "production" ? Select.propTypes /* remove-proptypes */
    */
   input: _propTypes.default.element,
   /**
-   * [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.
    * When `native` is `true`, the attributes are applied on the `select` element.
    */
   inputProps: _propTypes.default.object,

package/Select/SelectInput.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 { MenuProps } from "../Menu/index.js";
 
 /**
@@ -8,12 +8,20 @@ import { MenuProps } from "../Menu/index.js";
  * The type of event depends on what caused the change.
  * For example, when the browser auto-fills the `Select` you'll receive a `React.ChangeEvent`.
  */
-export type SelectChangeEvent<Value = string> = (Event & {
+
+export type SelectChangeEvent<Value = string> = Value extends (string & {}) | number ? React.ChangeEvent<Omit<HTMLInputElement, 'value'> & {
+  value: Value;
+}> | (Event & {
+  target: {
+    value: Value;
+    name: string;
+  };
+}) : React.ChangeEvent<HTMLInputElement> | (Event & {
   target: {
     value: Value;
     name: string;
   };
-}) | React.ChangeEvent<HTMLInputElement>;
+});
 export interface SelectInputProps<Value = unknown> {
   autoFocus?: boolean;
   autoWidth: boolean;

package/Select/SelectInput.js

@@ -71,8 +71,7 @@ const SelectIcon = (0, _zeroStyled.styled)(_NativeSelectInput.StyledSelectIcon,
 const SelectNativeInput = (0, _zeroStyled.styled)('input', {
   shouldForwardProp: prop => (0, _slotShouldForwardProp.default)(prop) && prop !== 'classes',
   name: 'MuiSelect',
-  slot: 'NativeInput',
-  overridesResolver: (props, styles) => styles.nativeInput
+  slot: 'NativeInput'
 })({
   bottom: 0,
   left: 0,

package/Skeleton/Skeleton.d.ts

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