@mui/material 7.0.2 → 7.1.1

package/esm/InitColorSchemeScript/InitColorSchemeScript.js

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import PropTypes from 'prop-types';
 import SystemInitColorSchemeScript from '@mui/system/InitColorSchemeScript';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const defaultConfig = {
@@ -8,9 +9,83 @@ export const defaultConfig = {
   defaultDarkColorScheme: 'dark',
   modeStorageKey: 'mui-mode'
 };
-export default (function InitColorSchemeScript(props) {
+/**
+ *
+ * Demos:
+ *
+ * - [InitColorSchemeScript](https://mui.com/material-ui/react-init-color-scheme-script/)
+ *
+ * API:
+ *
+ * - [InitColorSchemeScript API](https://mui.com/material-ui/api/init-color-scheme-script/)
+ */
+function InitColorSchemeScript(props) {
+  const {
+    defaultMode = 'system',
+    defaultLightColorScheme = defaultConfig.defaultLightColorScheme,
+    defaultDarkColorScheme = defaultConfig.defaultDarkColorScheme,
+    modeStorageKey = defaultConfig.modeStorageKey,
+    colorSchemeStorageKey = defaultConfig.colorSchemeStorageKey,
+    attribute: initialAttribute = defaultConfig.attribute,
+    colorSchemeNode = 'document.documentElement',
+    nonce
+  } = props;
   return /*#__PURE__*/_jsx(SystemInitColorSchemeScript, {
-    ...defaultConfig,
-    ...props
+    defaultMode: defaultMode,
+    defaultLightColorScheme: defaultLightColorScheme,
+    defaultDarkColorScheme: defaultDarkColorScheme,
+    modeStorageKey: modeStorageKey,
+    colorSchemeStorageKey: colorSchemeStorageKey,
+    attribute: initialAttribute,
+    colorSchemeNode: colorSchemeNode,
+    nonce: nonce
   });
-});
+}
+process.env.NODE_ENV !== "production" ? InitColorSchemeScript.propTypes /* remove-proptypes */ = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * DOM attribute for applying a color scheme.
+   * @default 'data-mui-color-scheme'
+   * @example '.mode-%s' // for class based color scheme
+   * @example '[data-mode-%s]' // for data-attribute without '='
+   */
+  attribute: PropTypes.string,
+  /**
+   * The node (provided as string) used to attach the color-scheme attribute.
+   * @default 'document.documentElement'
+   */
+  colorSchemeNode: PropTypes.string,
+  /**
+   * localStorage key used to store `colorScheme`.
+   * @default 'mui-color-scheme'
+   */
+  colorSchemeStorageKey: PropTypes.string,
+  /**
+   * The default color scheme to be used in dark mode.
+   * @default 'dark'
+   */
+  defaultDarkColorScheme: PropTypes.string,
+  /**
+   * The default color scheme to be used in light mode.
+   * @default 'light'
+   */
+  defaultLightColorScheme: PropTypes.string,
+  /**
+   * The default mode when the storage is empty (user's first visit).
+   * @default 'system'
+   */
+  defaultMode: PropTypes.oneOf(['dark', 'light', 'system']),
+  /**
+   * localStorage key used to store `mode`.
+   * @default 'mui-mode'
+   */
+  modeStorageKey: PropTypes.string,
+  /**
+   * Nonce string to pass to the inline script for CSP headers.
+   */
+  nonce: PropTypes.string
+} : void 0;
+export default InitColorSchemeScript;

package/esm/Input/Input.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 { InputClasses } from "./inputClasses.js";
 export interface InputProps extends StandardProps<InputBaseProps> {

package/esm/Input/Input.js

@@ -260,7 +260,7 @@ process.env.NODE_ENV !== "production" ? Input.propTypes /* remove-proptypes */ =
    */
   inputComponent: PropTypes.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.object,
@@ -348,7 +348,7 @@ process.env.NODE_ENV !== "production" ? Input.propTypes /* remove-proptypes */ =
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.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.string,

package/esm/InputAdornment/InputAdornment.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 { InputAdornmentClasses } from "./inputAdornmentClasses.js";
 export interface InputAdornmentOwnProps {
   /**

package/esm/InputBase/InputBase.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { OverridableStringUnion } from '@mui/types';
 import { Theme } from "../styles/index.js";
-import { InternalStandardProps as StandardProps } from "../index.js";
+import { InternalStandardProps as StandardProps } from "../internal/index.js";
 import { InputBaseClasses } from "./inputBaseClasses.js";
 export interface InputBasePropsSizeOverrides {}
 export interface InputBasePropsColorOverrides {}
@@ -99,7 +99,7 @@ export interface InputBaseProps extends StandardProps<React.HTMLAttributes<HTMLD
    */
   inputComponent?: React.ElementType<InputBaseComponentProps>;
   /**
-   * [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?: InputBaseComponentProps;
@@ -217,7 +217,7 @@ export interface InputBaseProps extends StandardProps<React.HTMLAttributes<HTMLD
    */
   sx?: SxProps<Theme>;
   /**
-   * 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?: string;

package/esm/InputBase/InputBase.js

@@ -615,7 +615,7 @@ process.env.NODE_ENV !== "production" ? InputBase.propTypes /* remove-proptypes
    */
   inputComponent: elementTypeAcceptingRef,
   /**
-   * [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.object,
@@ -737,7 +737,7 @@ process.env.NODE_ENV !== "production" ? InputBase.propTypes /* remove-proptypes
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.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.string,

package/esm/LinearProgress/LinearProgress.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 { LinearProgressClasses } from "./linearProgressClasses.js";
 export interface LinearProgressPropsColorOverrides {}
 export interface LinearProgressPropsVariantOverrides {}

package/esm/List/List.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, OverridableTypeMap, OverrideProps } from "../OverridableComponent/index.js";
 import { ListClasses } from "./listClasses.js";
 export interface ListOwnProps {

package/esm/ListItem/ListItem.js

@@ -141,8 +141,7 @@ export const ListItemRoot = styled('div', {
 })));
 const ListItemContainer = styled('li', {
   name: 'MuiListItem',
-  slot: 'Container',
-  overridesResolver: (props, styles) => styles.container
+  slot: 'Container'
 })({
   position: 'relative'
 });

package/esm/ListItemAvatar/ListItemAvatar.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 { ListItemAvatarClasses } from "./listItemAvatarClasses.js";
 export interface ListItemAvatarProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>> {
   /**

package/esm/ListItemIcon/ListItemIcon.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 { ListItemIconClasses } from "./listItemIconClasses.js";
 export interface ListItemIconProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>> {
   /**

package/esm/ListItemSecondaryAction/ListItemSecondaryAction.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 { ListItemSecondaryActionClasses } from "./listItemSecondaryActionClasses.js";
 export interface ListItemSecondaryActionProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>> {
   /**

package/esm/ListItemText/ListItemText.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 { TypographyProps } from "../Typography/index.js";
 import { ListItemTextClasses } from "./listItemTextClasses.js";
 import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";

package/esm/ListSubheader/ListSubheader.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 { ListSubheaderClasses } from "./listSubheaderClasses.js";
 export interface ListSubheaderOwnProps {

package/esm/Menu/Menu.d.ts

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
-import { InternalStandardProps as StandardProps } from "../index.js";
+import { Theme } from "../styles/index.js";
+import { InternalStandardProps as StandardProps } from "../internal/index.js";
 import { PaperProps } from "../Paper/index.js";
 import { PopoverProps } from "../Popover/index.js";
 import { MenuListProps } from "../MenuList/index.js";
 import { ModalProps } from "../Modal/index.js";
 import { BackdropProps } from "../Backdrop/index.js";
-import { Theme } from "../styles/index.js";
 import { TransitionProps } from "../transitions/transition.js";
 import { MenuClasses } from "./menuClasses.js";
 import { CreateSlotsAndSlotProps, SlotComponentProps, SlotProps } from "../utils/types.js";
@@ -23,7 +23,7 @@ export interface MenuSlots {
   root: React.ElementType;
   /**
    * The component used for the paper.
-   * @default Paper
+   * @default PopoverPaper
    */
   paper: React.ElementType;
   /**

package/esm/Menu/Menu.js

@@ -38,13 +38,11 @@ const useUtilityClasses = ownerState => {
 const MenuRoot = styled(Popover, {
   shouldForwardProp: prop => rootShouldForwardProp(prop) || prop === 'classes',
   name: 'MuiMenu',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({});
 export const MenuPaper = styled(PopoverPaper, {
   name: 'MuiMenu',
-  slot: 'Paper',
-  overridesResolver: (props, styles) => styles.paper
+  slot: 'Paper'
 })({
   // specZ: The maximum height of a simple menu should be one or more rows less than the view
   // height. This ensures a tappable area outside of the simple menu with which to dismiss
@@ -55,8 +53,7 @@ export const MenuPaper = styled(PopoverPaper, {
 });
 const MenuMenuList = styled(MenuList, {
   name: 'MuiMenu',
-  slot: 'List',
-  overridesResolver: (props, styles) => styles.list
+  slot: 'List'
 })({
   // We disable the focus ring for mouse, touch and keyboard users.
   outline: 0

package/esm/MobileStepper/MobileStepper.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 { PaperProps } from "../Paper/index.js";
 import { LinearProgressProps } from "../LinearProgress/index.js";
 import { MobileStepperClasses } from "./mobileStepperClasses.js";

package/esm/MobileStepper/MobileStepper.js

@@ -75,8 +75,7 @@ const MobileStepperRoot = styled(Paper, {
 })));
 const MobileStepperDots = styled('div', {
   name: 'MuiMobileStepper',
-  slot: 'Dots',
-  overridesResolver: (props, styles) => styles.dots
+  slot: 'Dots'
 })({
   variants: [{
     props: {
@@ -127,8 +126,7 @@ const MobileStepperDot = styled('div', {
 })));
 const MobileStepperProgress = styled(LinearProgress, {
   name: 'MuiMobileStepper',
-  slot: 'Progress',
-  overridesResolver: (props, styles) => styles.progress
+  slot: 'Progress'
 })({
   variants: [{
     props: {

package/esm/Modal/Modal.d.ts

@@ -30,9 +30,6 @@ export interface ModalOwnProps {
    * @default styled(Backdrop, {
    *   name: 'MuiModal',
    *   slot: 'Backdrop',
-   *   overridesResolver: (props, styles) => {
-   *     return styles.backdrop;
-   *   },
    * })({
    *   zIndex: -1,
    * })

package/esm/Modal/Modal.js

@@ -57,10 +57,7 @@ const ModalRoot = styled('div', {
 })));
 const ModalBackdrop = styled(Backdrop, {
   name: 'MuiModal',
-  slot: 'Backdrop',
-  overridesResolver: (props, styles) => {
-    return styles.backdrop;
-  }
+  slot: 'Backdrop'
 })({
   zIndex: -1
 });
@@ -231,9 +228,6 @@ process.env.NODE_ENV !== "production" ? Modal.propTypes /* remove-proptypes */ =
    * @default styled(Backdrop, {
    *   name: 'MuiModal',
    *   slot: 'Backdrop',
-   *   overridesResolver: (props, styles) => {
-   *     return styles.backdrop;
-   *   },
    * })({
    *   zIndex: -1,
    * })

package/esm/Modal/ModalManager.js

@@ -1,4 +1,6 @@
-import { unstable_ownerWindow as ownerWindow, unstable_ownerDocument as ownerDocument, unstable_getScrollbarSize as getScrollbarSize } from '@mui/utils';
+import ownerWindow from '@mui/utils/ownerWindow';
+import ownerDocument from '@mui/utils/ownerDocument';
+import getScrollbarSize from '@mui/utils/getScrollbarSize';
 // Is a vertical scrollbar displayed?
 function isOverflowing(container) {
   const doc = ownerDocument(container);

package/esm/Modal/useModal.d.ts

@@ -1,13 +1,3 @@
 import { UseModalParameters, UseModalReturnValue } from "./useModal.types.js";
-/**
- *
- * Demos:
- *
- * - [Modal](https://mui.com/base-ui/react-modal/#hook)
- *
- * API:
- *
- * - [useModal API](https://mui.com/base-ui/react-modal/hooks-api/#use-modal)
- */
 declare function useModal(parameters: UseModalParameters): UseModalReturnValue;
 export default useModal;

package/esm/Modal/useModal.js

@@ -1,7 +1,10 @@
 'use client';
 
 import * as React from 'react';
-import { unstable_ownerDocument as ownerDocument, unstable_useForkRef as useForkRef, unstable_useEventCallback as useEventCallback, unstable_createChainedFunction as createChainedFunction } from '@mui/utils';
+import ownerDocument from '@mui/utils/ownerDocument';
+import useForkRef from '@mui/utils/useForkRef';
+import useEventCallback from '@mui/utils/useEventCallback';
+import createChainedFunction from '@mui/utils/createChainedFunction';
 import extractEventHandlers from '@mui/utils/extractEventHandlers';
 import { ModalManager, ariaHidden } from "./ModalManager.js";
 function getContainer(container) {
@@ -15,16 +18,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();
-/**
- *
- * 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,

package/esm/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/esm/NativeSelect/NativeSelect.js

@@ -106,7 +106,7 @@ process.env.NODE_ENV !== "production" ? NativeSelect.propTypes /* remove-proptyp
    */
   input: PropTypes.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.object,
   /**

package/esm/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/esm/NoSsr/NoSsr.js

@@ -2,7 +2,8 @@
 
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { exactProp, unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
+import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
+import exactProp from '@mui/utils/exactProp';
 /**
  * NoSsr purposely removes components from the subject of Server Side Rendering (SSR).
  *

package/esm/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/esm/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/esm/OutlinedInput/OutlinedInput.js

@@ -14,6 +14,7 @@ import createSimplePaletteValueFilter from "../utils/createSimplePaletteValueFil
 import { useDefaultProps } from "../DefaultPropsProvider/index.js";
 import outlinedInputClasses, { getOutlinedInputUtilityClass } from "./outlinedInputClasses.js";
 import InputBase, { rootOverridesResolver as inputBaseRootOverridesResolver, inputOverridesResolver as inputBaseInputOverridesResolver, InputBaseRoot, InputBaseInput } from "../InputBase/InputBase.js";
+import useSlot from "../utils/useSlot.js";
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
@@ -109,8 +110,7 @@ const OutlinedInputRoot = styled(InputBaseRoot, {
 }));
 const NotchedOutlineRoot = styled(NotchedOutline, {
   name: 'MuiOutlinedInput',
-  slot: 'NotchedOutline',
-  overridesResolver: (props, styles) => styles.notchedOutline
+  slot: 'NotchedOutline'
 })(memoTheme(({
   theme
 }) => {
@@ -178,7 +178,6 @@ const OutlinedInputInput = styled(InputBaseInput, {
   }]
 })));
 const OutlinedInput = /*#__PURE__*/React.forwardRef(function OutlinedInput(inProps, ref) {
-  var _React$Fragment;
   const props = useDefaultProps({
     props: inProps,
     name: 'MuiOutlinedInput'
@@ -191,6 +190,7 @@ const OutlinedInput = /*#__PURE__*/React.forwardRef(function OutlinedInput(inPro
     multiline = false,
     notched,
     slots = {},
+    slotProps = {},
     type = 'text',
     ...other
   } = props;
@@ -216,17 +216,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] = useSlot('notchedOutline', {
+    elementType: NotchedOutlineRoot,
+    className: classes.notchedOutline,
+    shouldForwardComponentProp: true,
+    ownerState,
+    externalForwardedProps: {
+      slots,
+      slotProps
+    },
+    additionalProps: {
+      label: label != null && label !== '' && fcs.required ? /*#__PURE__*/_jsxs(React.Fragment, {
+        children: [label, "\u2009", '*']
+      }) : label
+    }
+  });
   return /*#__PURE__*/_jsx(InputBase, {
     slots: {
       root: RootSlot,
       input: InputSlot
     },
-    renderSuffix: state => /*#__PURE__*/_jsx(NotchedOutlineRoot, {
-      ownerState: ownerState,
-      className: classes.notchedOutline,
-      label: label != null && label !== '' && fcs.required ? _React$Fragment || (_React$Fragment = /*#__PURE__*/_jsxs(React.Fragment, {
-        children: [label, "\u2009", '*']
-      })) : label,
+    slotProps: slotProps,
+    renderSuffix: state => /*#__PURE__*/_jsx(NotchedSlot, {
+      ...notchedProps,
       notched: typeof notched !== 'undefined' ? notched : Boolean(state.startAdornment || state.filled || state.focused)
     }),
     fullWidth: fullWidth,
@@ -312,7 +324,7 @@ process.env.NODE_ENV !== "production" ? OutlinedInput.propTypes /* remove-propty
    */
   inputComponent: PropTypes.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.object,
@@ -377,15 +389,22 @@ process.env.NODE_ENV !== "production" ? OutlinedInput.propTypes /* remove-propty
    * Number of rows to display when multiline option is set to true.
    */
   rows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    input: PropTypes.object,
+    notchedOutline: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    root: PropTypes.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.shape({
     input: PropTypes.elementType,
+    notchedOutline: PropTypes.elementType,
     root: PropTypes.elementType
   }),
   /**
@@ -397,7 +416,7 @@ process.env.NODE_ENV !== "production" ? OutlinedInput.propTypes /* remove-propty
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.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.string,

package/esm/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 {