@mui/material 7.0.2 → 7.1.1

package/esm/Switch/Switch.js

@@ -174,8 +174,7 @@ const SwitchSwitchBase = styled(SwitchBase, {
 })));
 const SwitchTrack = styled('span', {
   name: 'MuiSwitch',
-  slot: 'Track',
-  overridesResolver: (props, styles) => styles.track
+  slot: 'Track'
 })(memoTheme(({
   theme
 }) => ({
@@ -191,8 +190,7 @@ const SwitchTrack = styled('span', {
 })));
 const SwitchThumb = styled('span', {
   name: 'MuiSwitch',
-  slot: 'Thumb',
-  overridesResolver: (props, styles) => styles.thumb
+  slot: 'Thumb'
 })(memoTheme(({
   theme
 }) => ({
@@ -344,7 +342,7 @@ process.env.NODE_ENV !== "production" ? Switch.propTypes /* remove-proptypes */
    */
   id: PropTypes.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.object,

package/esm/Tab/Tab.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 { ExtendButtonBase, ExtendButtonBaseTypeMap } from "../ButtonBase/index.js";
 import { OverrideProps } from "../OverridableComponent/index.js";
 import { TabClasses } from "./tabClasses.js";

package/esm/TabScrollButton/TabScrollButton.d.ts

@@ -2,7 +2,8 @@ import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { SlotComponentProps } from "../utils/types.js";
 import { ButtonBaseProps } from "../ButtonBase/index.js";
-import { SvgIcon, Theme } from "../index.js";
+import { Theme } from "../styles/index.js";
+import SvgIcon from "../SvgIcon/index.js";
 import { TabScrollButtonClasses } from "./tabScrollButtonClasses.js";
 export interface TabScrollButtonStartIconSlotPropsOverrides {}
 export interface TabScrollButtonEndIconSlotPropsOverrides {}

package/esm/Table/Table.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 { TableClasses } from "./tableClasses.js";
 export interface TablePropsSizeOverrides {}

package/esm/TableBody/TableBody.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 { TableBodyClasses } from "./tableBodyClasses.js";
 export interface TableBodyOwnProps {

package/esm/TableBody/TableBody.js

@@ -20,8 +20,7 @@ const useUtilityClasses = ownerState => {
 };
 const TableBodyRoot = styled('tbody', {
   name: 'MuiTableBody',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({
   display: 'table-row-group'
 });

package/esm/TableCell/TableCell.d.ts

@@ -1,7 +1,8 @@
 import * as React from 'react';
 import { OverridableStringUnion } from '@mui/types';
 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 { TableCellClasses } from "./tableCellClasses.js";
 export interface TableCellPropsSizeOverrides {}
 export interface TableCellPropsVariantOverrides {}

package/esm/TableContainer/TableContainer.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 { TableContainerClasses } from "./tableContainerClasses.js";
 export interface TableContainerOwnProps {

package/esm/TableContainer/TableContainer.js

@@ -19,8 +19,7 @@ const useUtilityClasses = ownerState => {
 };
 const TableContainerRoot = styled('div', {
   name: 'MuiTableContainer',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({
   width: '100%',
   overflowX: 'auto'

package/esm/TableFooter/TableFooter.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 { TableFooterClasses } from "./tableFooterClasses.js";
 export interface TableFooterOwnProps {

package/esm/TableFooter/TableFooter.js

@@ -20,8 +20,7 @@ const useUtilityClasses = ownerState => {
 };
 const TableFooterRoot = styled('tfoot', {
   name: 'MuiTableFooter',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({
   display: 'table-footer-group'
 });

package/esm/TableHead/TableHead.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 { TableHeadClasses } from "./tableHeadClasses.js";
 export interface TableHeadOwnProps {

package/esm/TableHead/TableHead.js

@@ -20,8 +20,7 @@ const useUtilityClasses = ownerState => {
 };
 const TableHeadRoot = styled('thead', {
   name: 'MuiTableHead',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({
   display: 'table-header-group'
 });

package/esm/TablePagination/TablePagination.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { Theme } from "../styles/index.js";
 import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
-import { TablePaginationActionsProps, TablePaginationActionsSlots } from "./TablePaginationActions.js";
+import { TablePaginationActionsProps, TablePaginationActionsSlots } from "../TablePaginationActions/index.js";
 import { TableCellProps } from "../TableCell/index.js";
 import { IconButtonProps } from "../IconButton/index.js";
 import { SelectProps } from "../Select/index.js";

package/esm/TablePagination/TablePagination.js

@@ -15,7 +15,7 @@ import MenuItem from "../MenuItem/index.js";
 import Select from "../Select/index.js";
 import TableCell from "../TableCell/index.js";
 import Toolbar from "../Toolbar/index.js";
-import TablePaginationActions from "./TablePaginationActions.js";
+import TablePaginationActions from "../TablePaginationActions/index.js";
 import useId from "../utils/useId.js";
 import tablePaginationClasses, { getTablePaginationUtilityClass } from "./tablePaginationClasses.js";
 import useSlot from "../utils/useSlot.js";
@@ -23,8 +23,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
 const TablePaginationRoot = styled(TableCell, {
   name: 'MuiTablePagination',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })(memoTheme(({
   theme
 }) => ({
@@ -62,15 +61,13 @@ const TablePaginationToolbar = styled(Toolbar, {
 })));
 const TablePaginationSpacer = styled('div', {
   name: 'MuiTablePagination',
-  slot: 'Spacer',
-  overridesResolver: (props, styles) => styles.spacer
+  slot: 'Spacer'
 })({
   flex: '1 1 100%'
 });
 const TablePaginationSelectLabel = styled('p', {
   name: 'MuiTablePagination',
-  slot: 'SelectLabel',
-  overridesResolver: (props, styles) => styles.selectLabel
+  slot: 'SelectLabel'
 })(memoTheme(({
   theme
 }) => ({
@@ -101,13 +98,11 @@ const TablePaginationSelect = styled(Select, {
 });
 const TablePaginationMenuItem = styled(MenuItem, {
   name: 'MuiTablePagination',
-  slot: 'MenuItem',
-  overridesResolver: (props, styles) => styles.menuItem
+  slot: 'MenuItem'
 })({});
 const TablePaginationDisplayedRows = styled('p', {
   name: 'MuiTablePagination',
-  slot: 'DisplayedRows',
-  overridesResolver: (props, styles) => styles.displayedRows
+  slot: 'DisplayedRows'
 })(memoTheme(({
   theme
 }) => ({

package/esm/{TablePagination → TablePaginationActions}/TablePaginationActions.d.ts

@@ -11,6 +11,7 @@ export interface TablePaginationActionsProps extends React.HTMLAttributes<HTMLDi
    * Override or extend the styles applied to the component.
    */
   classes?: {};
+  className?: string;
   count: number;
   /**
    * If `true`, the component is disabled.
@@ -90,5 +91,15 @@ export interface TablePaginationActionsSlots {
    */
   previousButtonIcon?: React.ElementType;
 }
+/**
+ *
+ * Demos:
+ *
+ * - [Pagination](https://mui.com/material-ui/react-pagination/)
+ *
+ * API:
+ *
+ * - [TablePaginationActions API](https://mui.com/material-ui/api/table-pagination-actions/)
+ */
 declare const TablePaginationActions: React.JSXElementConstructor<TablePaginationActionsProps>;
 export default TablePaginationActions;

package/esm/{TablePagination → TablePaginationActions}/TablePaginationActions.js

@@ -3,19 +3,38 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useRtl } from '@mui/system/RtlProvider';
+import composeClasses from '@mui/utils/composeClasses';
+import clsx from 'clsx';
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
 import KeyboardArrowLeft from "../internal/svg-icons/KeyboardArrowLeft.js";
 import KeyboardArrowRight from "../internal/svg-icons/KeyboardArrowRight.js";
 import IconButton from "../IconButton/index.js";
 import LastPageIconDefault from "../internal/svg-icons/LastPage.js";
 import FirstPageIconDefault from "../internal/svg-icons/FirstPage.js";
-
-/**
- * @ignore - internal component.
- */
+import { getTablePaginationActionsUtilityClass } from "./tablePaginationActionsClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePaginationActions(props, ref) {
+const useUtilityClasses = ownerState => {
+  const {
+    classes
+  } = ownerState;
+  const slots = {
+    root: ['root']
+  };
+  return composeClasses(slots, getTablePaginationActionsUtilityClass, classes);
+};
+const TablePaginationActionsRoot = styled('div', {
+  name: 'MuiTablePaginationActions',
+  slot: 'Root'
+})({});
+const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePaginationActions(inProps, ref) {
+  const props = useDefaultProps({
+    props: inProps,
+    name: 'MuiTablePaginationActions'
+  });
   const {
     backIconButtonProps,
+    className,
     count,
     disabled = false,
     getItemAriaLabel,
@@ -30,6 +49,8 @@ const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePagin
     ...other
   } = props;
   const isRtl = useRtl();
+  const ownerState = props;
+  const classes = useUtilityClasses(ownerState);
   const handleFirstPageButtonClick = event => {
     onPageChange(event, 0);
   };
@@ -58,8 +79,9 @@ const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePagin
   const previousButtonSlotProps = isRtl ? slotProps.nextButton : slotProps.previousButton;
   const nextButtonSlotProps = isRtl ? slotProps.previousButton : slotProps.nextButton;
   const lastButtonSlotProps = isRtl ? slotProps.firstButton : slotProps.lastButton;
-  return /*#__PURE__*/_jsxs("div", {
+  return /*#__PURE__*/_jsxs(TablePaginationActionsRoot, {
     ref: ref,
+    className: clsx(classes.root, className),
     ...other,
     children: [showFirstButton && /*#__PURE__*/_jsx(FirstButtonSlot, {
       onClick: handleFirstPageButtonClick,
@@ -110,13 +132,30 @@ const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePagin
     })]
   });
 });
-process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes = {
+process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes /* remove-proptypes */ = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
   /**
-   * Props applied to the back arrow [`IconButton`](/material-ui/api/icon-button/) element.
+   * This prop is an alias for `slotProps.previousButton` and will be overriden by it if both are used.
+   * @deprecated Use `slotProps.previousButton` instead.
    */
   backIconButtonProps: PropTypes.object,
   /**
-   * The total number of rows.
+   * @ignore
+   */
+  children: PropTypes.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: PropTypes.object,
+  /**
+   * @ignore
+   */
+  className: PropTypes.string,
+  /**
+   * @ignore
    */
   count: PropTypes.number.isRequired,
   /**
@@ -126,44 +165,40 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes = {
   disabled: PropTypes.bool,
   /**
    * Accepts a function which returns a string value that provides a user-friendly name for the current page.
+   * This is important for screen reader users.
    *
-   * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
-   *
-   * @param {string} type The link or button type to format ('page' | 'first' | 'last' | 'next' | 'previous'). Defaults to 'page'.
-   * @param {number} page The page number to format.
+   * For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
+   * @param {string} type The link or button type to format ('first' | 'last' | 'next' | 'previous').
    * @returns {string}
    */
   getItemAriaLabel: PropTypes.func.isRequired,
   /**
-   * Props applied to the next arrow [`IconButton`](/material-ui/api/icon-button/) element.
+   * This prop is an alias for `slotProps.nextButton` and will be overriden by it if both are used.
+   * @deprecated Use `slotProps.nextButton` instead.
    */
   nextIconButtonProps: PropTypes.object,
   /**
-   * Callback fired when the page is changed.
-   *
-   * @param {object} event The event source of the callback.
-   * @param {number} page The page selected.
+   * @ignore
    */
   onPageChange: PropTypes.func.isRequired,
   /**
-   * The zero-based index of the current page.
+   * @ignore
    */
   page: PropTypes.number.isRequired,
   /**
-   * The number of rows per page.
+   * @ignore
    */
   rowsPerPage: PropTypes.number.isRequired,
   /**
-   * If `true`, show the first-page button.
+   * @ignore
    */
   showFirstButton: PropTypes.bool.isRequired,
   /**
-   * If `true`, show the last-page button.
+   * @ignore
    */
   showLastButton: PropTypes.bool.isRequired,
   /**
-   * The props used for each slot inside the TablePaginationActions.
-   * @default {}
+   * @ignore
    */
   slotProps: PropTypes.shape({
     firstButton: PropTypes.object,
@@ -176,9 +211,7 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes = {
     previousButtonIcon: PropTypes.object
   }),
   /**
-   * The components used for each slot inside the TablePaginationActions.
-   * Either a string to use a HTML element or a component.
-   * @default {}
+   * @ignore
    */
   slots: PropTypes.shape({
     firstButton: PropTypes.elementType,

package/esm/TablePaginationActions/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from "./TablePaginationActions.js";
+export * from "./TablePaginationActions.js";
+export { default as tablePaginationActionsClasses } from "./tablePaginationActionsClasses.js";
+export * from "./tablePaginationActionsClasses.js";

package/esm/TablePaginationActions/index.js

@@ -0,0 +1,2 @@
+export { default } from "./TablePaginationActions.js";
+export { default as tablePaginationActionsClasses } from "./tablePaginationActionsClasses.js";

package/esm/TablePaginationActions/tablePaginationActionsClasses.d.ts

@@ -0,0 +1,8 @@
+export interface TablePaginationActionsClasses {
+  /** Styles applied to the root element. */
+  root: string;
+}
+export type TablePaginationActionsClassKey = keyof TablePaginationActionsClasses;
+export declare function getTablePaginationActionsUtilityClass(slot: string): string;
+declare const tablePaginationActionsClasses: TablePaginationActionsClasses;
+export default tablePaginationActionsClasses;

package/esm/TablePaginationActions/tablePaginationActionsClasses.js

@@ -0,0 +1,7 @@
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+export function getTablePaginationActionsUtilityClass(slot) {
+  return generateUtilityClass('MuiTablePaginationActions', slot);
+}
+const tablePaginationActionsClasses = generateUtilityClasses('MuiTablePaginationActions', ['root']);
+export default tablePaginationActionsClasses;

package/esm/TableRow/TableRow.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 { TableRowClasses } from "./tableRowClasses.js";
 export interface TableRowOwnProps {

package/esm/TableSortLabel/TableSortLabel.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 { ExtendButtonBase, ExtendButtonBaseTypeMap } from "../ButtonBase/index.js";
 import { OverrideProps } from "../OverridableComponent/index.js";
 import { TableSortLabelClasses } from "./tableSortLabelClasses.js";

package/esm/Tabs/Tabs.js

@@ -206,8 +206,7 @@ const List = styled('div', {
 });
 const TabsIndicator = styled('span', {
   name: 'MuiTabs',
-  slot: 'Indicator',
-  overridesResolver: (props, styles) => styles.indicator
+  slot: 'Indicator'
 })(memoTheme(({
   theme
 }) => ({

package/esm/TextField/TextField.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 } from "../index.js";
+import { Theme } from "../styles/index.js";
+import { InternalStandardProps as StandardProps } from "../internal/index.js";
 import { FormControlProps } from "../FormControl/index.js";
 import { FormHelperTextProps } from "../FormHelperText/index.js";
 import { InputBaseProps } from "../InputBase/index.js";
@@ -10,7 +11,6 @@ import { FilledInputProps } from "../FilledInput/index.js";
 import { OutlinedInputProps } from "../OutlinedInput/index.js";
 import { InputLabelProps } from "../InputLabel/index.js";
 import { SelectProps } from "../Select/index.js";
-import { Theme } from "../styles/index.js";
 import { TextFieldClasses } from "./textFieldClasses.js";
 import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
 export interface TextFieldPropsColorOverrides {}
@@ -148,7 +148,7 @@ export interface BaseTextFieldProps extends StandardProps<FormControlProps,
    */
   InputLabelProps?: Partial<InputLabelProps>;
   /**
-   * [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.htmlInput` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   inputProps?: InputBaseProps['inputProps'];
@@ -213,7 +213,7 @@ export interface BaseTextFieldProps extends StandardProps<FormControlProps,
    */
   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).
    */
   type?: React.InputHTMLAttributes<unknown>['type'];
   /**

package/esm/TextField/TextField.js

@@ -34,8 +34,7 @@ const useUtilityClasses = ownerState => {
 };
 const TextFieldRoot = styled(FormControl, {
   name: 'MuiTextField',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
+  slot: 'Root'
 })({});
 
 /**
@@ -327,7 +326,7 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes /* remove-proptypes
    */
   InputLabelProps: PropTypes.object,
   /**
-   * [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.htmlInput` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   inputProps: PropTypes.object,
@@ -441,7 +440,7 @@ process.env.NODE_ENV !== "production" ? TextField.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).
    */
   type: PropTypes /* @typescript-to-proptypes-ignore */.string,
   /**

package/esm/TextareaAutosize/TextareaAutosize.js

@@ -2,7 +2,11 @@
 
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { unstable_debounce as debounce, unstable_useForkRef as useForkRef, unstable_useEnhancedEffect as useEnhancedEffect, unstable_useEventCallback as useEventCallback, unstable_ownerWindow as ownerWindow } from '@mui/utils';
+import debounce from '@mui/utils/debounce';
+import useForkRef from '@mui/utils/useForkRef';
+import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
+import useEventCallback from '@mui/utils/useEventCallback';
+import ownerWindow from '@mui/utils/ownerWindow';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function getStyleValue(value) {
   return parseInt(value, 10) || 0;
@@ -176,6 +180,15 @@ const TextareaAutosize = /*#__PURE__*/React.forwardRef(function TextareaAutosize
     if (!isControlled) {
       syncHeight();
     }
+    const textarea = event.target;
+    const countOfCharacters = textarea.value.length;
+    const isLastCharacterNewLine = textarea.value.endsWith('\n');
+    const isEndOfTheLine = textarea.selectionStart === countOfCharacters;
+
+    // Set the cursor position to the very end of the text.
+    if (isLastCharacterNewLine && isEndOfTheLine) {
+      textarea.setSelectionRange(countOfCharacters, countOfCharacters);
+    }
     if (onChange) {
       onChange(event);
     }

package/esm/ToggleButton/ToggleButton.d.ts

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

package/esm/ToggleButtonGroup/ToggleButtonGroup.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { OverridableStringUnion } from '@mui/types';
-import { InternalStandardProps as StandardProps } from "../index.js";
 import { Theme } from "../styles/index.js";
+import { InternalStandardProps as StandardProps } from "../internal/index.js";
 import { ToggleButtonGroupClasses } from "./toggleButtonGroupClasses.js";
 export interface ToggleButtonGroupPropsSizeOverrides {}
 export interface ToggleButtonGroupPropsColorOverrides {}

package/esm/Toolbar/Toolbar.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 { ToolbarClasses } from "./toolbarClasses.js";
 export interface ToolbarPropsVariantOverrides {}

package/esm/Tooltip/Tooltip.d.ts

@@ -1,7 +1,8 @@
 import * as React from 'react';
 import { MUIStyledCommonProps, SxProps } from '@mui/system';
 import { PopperProps } from "../Popper/index.js";
-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 { TransitionProps } from "../transitions/transition.js";
 import { TooltipClasses } from "./tooltipClasses.js";

package/esm/Tooltip/Tooltip.js

@@ -269,8 +269,7 @@ const TooltipTooltip = styled('div', {
 })));
 const TooltipArrow = styled('span', {
   name: 'MuiTooltip',
-  slot: 'Arrow',
-  overridesResolver: (props, styles) => styles.arrow
+  slot: 'Arrow'
 })(memoTheme(({
   theme
 }) => ({

package/esm/Unstable_TrapFocus/FocusTrap.js

@@ -3,7 +3,11 @@
 /* eslint-disable consistent-return, jsx-a11y/no-noninteractive-tabindex */
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { exactProp, elementAcceptingRef, unstable_useForkRef as useForkRef, unstable_ownerDocument as ownerDocument, unstable_getReactElementRef as getReactElementRef } from '@mui/utils';
+import useForkRef from '@mui/utils/useForkRef';
+import ownerDocument from '@mui/utils/ownerDocument';
+import getReactElementRef from '@mui/utils/getReactElementRef';
+import exactProp from '@mui/utils/exactProp';
+import elementAcceptingRef from '@mui/utils/elementAcceptingRef';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Inspired by https://github.com/focus-trap/tabbable
 const candidatesSelector = ['input', 'select', 'textarea', 'a[href]', 'button', '[tabindex]', 'audio[controls]', 'video[controls]', '[contenteditable]:not([contenteditable="false"])'].join(',');

package/esm/className/index.d.ts

@@ -1 +1 @@
-export { unstable_ClassNameGenerator } from '@mui/utils';
+export { default as unstable_ClassNameGenerator } from '@mui/utils/ClassNameGenerator';

package/esm/className/index.js

@@ -1,2 +1,2 @@
 // eslint-disable-next-line import/prefer-default-export
-export { unstable_ClassNameGenerator } from '@mui/utils';
+export { default as unstable_ClassNameGenerator } from '@mui/utils/ClassNameGenerator';