@mui/material 7.1.0 → 7.1.1

package/{TablePagination → TablePaginationActions}/TablePaginationActions.js

@@ -10,17 +10,38 @@ exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _RtlProvider = require("@mui/system/RtlProvider");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _clsx = _interopRequireDefault(require("clsx"));
+var _zeroStyled = require("../zero-styled");
+var _DefaultPropsProvider = require("../DefaultPropsProvider");
 var _KeyboardArrowLeft = _interopRequireDefault(require("../internal/svg-icons/KeyboardArrowLeft"));
 var _KeyboardArrowRight = _interopRequireDefault(require("../internal/svg-icons/KeyboardArrowRight"));
 var _IconButton = _interopRequireDefault(require("../IconButton"));
 var _LastPage = _interopRequireDefault(require("../internal/svg-icons/LastPage"));
 var _FirstPage = _interopRequireDefault(require("../internal/svg-icons/FirstPage"));
+var _tablePaginationActionsClasses = require("./tablePaginationActionsClasses");
 var _jsxRuntime = require("react/jsx-runtime");
-/**
- * @ignore - internal component.
- */const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePaginationActions(props, ref) {
+const useUtilityClasses = ownerState => {
+  const {
+    classes
+  } = ownerState;
+  const slots = {
+    root: ['root']
+  };
+  return (0, _composeClasses.default)(slots, _tablePaginationActionsClasses.getTablePaginationActionsUtilityClass, classes);
+};
+const TablePaginationActionsRoot = (0, _zeroStyled.styled)('div', {
+  name: 'MuiTablePaginationActions',
+  slot: 'Root'
+})({});
+const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePaginationActions(inProps, ref) {
+  const props = (0, _DefaultPropsProvider.useDefaultProps)({
+    props: inProps,
+    name: 'MuiTablePaginationActions'
+  });
   const {
     backIconButtonProps,
+    className,
     count,
     disabled = false,
     getItemAriaLabel,
@@ -35,6 +56,8 @@ var _jsxRuntime = require("react/jsx-runtime");
     ...other
   } = props;
   const isRtl = (0, _RtlProvider.useRtl)();
+  const ownerState = props;
+  const classes = useUtilityClasses(ownerState);
   const handleFirstPageButtonClick = event => {
     onPageChange(event, 0);
   };
@@ -63,8 +86,9 @@ var _jsxRuntime = require("react/jsx-runtime");
   const previousButtonSlotProps = isRtl ? slotProps.nextButton : slotProps.previousButton;
   const nextButtonSlotProps = isRtl ? slotProps.previousButton : slotProps.nextButton;
   const lastButtonSlotProps = isRtl ? slotProps.firstButton : slotProps.lastButton;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(TablePaginationActionsRoot, {
     ref: ref,
+    className: (0, _clsx.default)(classes.root, className),
     ...other,
     children: [showFirstButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(FirstButtonSlot, {
       onClick: handleFirstPageButtonClick,
@@ -115,13 +139,30 @@ var _jsxRuntime = require("react/jsx-runtime");
     })]
   });
 });
-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.default.object,
   /**
-   * The total number of rows.
+   * @ignore
+   */
+  children: _propTypes.default.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: _propTypes.default.object,
+  /**
+   * @ignore
+   */
+  className: _propTypes.default.string,
+  /**
+   * @ignore
    */
   count: _propTypes.default.number.isRequired,
   /**
@@ -131,44 +172,40 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes = {
   disabled: _propTypes.default.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.default.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.default.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.default.func.isRequired,
   /**
-   * The zero-based index of the current page.
+   * @ignore
    */
   page: _propTypes.default.number.isRequired,
   /**
-   * The number of rows per page.
+   * @ignore
    */
   rowsPerPage: _propTypes.default.number.isRequired,
   /**
-   * If `true`, show the first-page button.
+   * @ignore
    */
   showFirstButton: _propTypes.default.bool.isRequired,
   /**
-   * If `true`, show the last-page button.
+   * @ignore
    */
   showLastButton: _propTypes.default.bool.isRequired,
   /**
-   * The props used for each slot inside the TablePaginationActions.
-   * @default {}
+   * @ignore
    */
   slotProps: _propTypes.default.shape({
     firstButton: _propTypes.default.object,
@@ -181,9 +218,7 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes = {
     previousButtonIcon: _propTypes.default.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.default.shape({
     firstButton: _propTypes.default.elementType,

package/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/TablePaginationActions/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _TablePaginationActions.default;
+  }
+});
+Object.defineProperty(exports, "tablePaginationActionsClasses", {
+  enumerable: true,
+  get: function () {
+    return _tablePaginationActionsClasses.default;
+  }
+});
+var _TablePaginationActions = _interopRequireDefault(require("./TablePaginationActions"));
+var _tablePaginationActionsClasses = _interopRequireDefault(require("./tablePaginationActionsClasses"));

package/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/TablePaginationActions/tablePaginationActionsClasses.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.getTablePaginationActionsUtilityClass = getTablePaginationActionsUtilityClass;
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
+function getTablePaginationActionsUtilityClass(slot) {
+  return (0, _generateUtilityClass.default)('MuiTablePaginationActions', slot);
+}
+const tablePaginationActionsClasses = (0, _generateUtilityClasses.default)('MuiTablePaginationActions', ['root']);
+var _default = exports.default = tablePaginationActionsClasses;

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

package/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/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/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/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/Accordion/Accordion.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 { TransitionProps } from "../transitions/transition.js";
 import { AccordionClasses } from "./accordionClasses.js";
 import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";

package/esm/AccordionActions/AccordionActions.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 { AccordionActionsClasses } from "./accordionActionsClasses.js";
 export interface AccordionActionsProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>> {
   /**

package/esm/AccordionDetails/AccordionDetails.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 { AccordionDetailsClasses } from "./accordionDetailsClasses.js";
 export interface AccordionDetailsProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>> {
   /**

package/esm/AccordionSummary/AccordionSummary.d.ts

@@ -2,7 +2,8 @@ import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { ButtonBaseProps, ExtendButtonBase, ExtendButtonBaseTypeMap } from "../ButtonBase/index.js";
 import { OverrideProps } from "../OverridableComponent/index.js";
-import { CreateSlotsAndSlotProps, SlotProps, Theme } from "../index.js";
+import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
+import { Theme } from "../styles/index.js";
 import { AccordionSummaryClasses } from "./accordionSummaryClasses.js";
 export interface AccordionSummarySlots {
   /**

package/esm/Alert/Alert.d.ts

@@ -1,7 +1,10 @@
 import * as React from 'react';
 import { OverridableStringUnion } from '@mui/types';
 import { SxProps } from '@mui/system';
-import { IconButtonProps, InternalStandardProps as StandardProps, SvgIconProps, Theme } from "../index.js";
+import { SvgIconProps } from "../SvgIcon/index.js";
+import { Theme } from "../styles/index.js";
+import { InternalStandardProps as StandardProps } from "../internal/index.js";
+import { IconButtonProps } from "../IconButton/index.js";
 import { PaperProps } from "../Paper/index.js";
 import { AlertClasses } from "./alertClasses.js";
 import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";

package/esm/AlertTitle/AlertTitle.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
-import { Theme, TypographyProps } from "../index.js";
+import { Theme } from "../styles/index.js";
+import { TypographyProps } from "../Typography/index.js";
 import { AlertTitleClasses } from "./alertTitleClasses.js";
 export interface AlertTitleProps extends TypographyProps<'div'> {
   /**

package/esm/AppBar/AppBar.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { OverridableStringUnion } from '@mui/types';
 import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
-import { PropTypes, Theme } from "../index.js";
+import { PropTypes, Theme } from "../styles/index.js";
 import { AppBarClasses } from "./appBarClasses.js";
 import { ExtendPaperTypeMap } from "../Paper/Paper.js";
 export interface AppBarPropsColorOverrides {}

package/esm/Autocomplete/Autocomplete.d.ts

@@ -1,7 +1,9 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { OverridableStringUnion } from '@mui/types';
-import { IconButtonProps, InternalStandardProps as StandardProps, Theme } from '@mui/material';
+import { Theme } from "../styles/index.js";
+import { InternalStandardProps as StandardProps } from "../internal/index.js";
+import { IconButtonProps } from "../IconButton/index.js";
 import { ChipProps, ChipTypeMap } from "../Chip/index.js";
 import { PaperProps } from "../Paper/index.js";
 import { PopperProps } from "../Popper/index.js";
@@ -260,6 +262,13 @@ export interface AutocompleteProps<Value, Multiple extends boolean | undefined,
   /**
    * Render the input.
    *
+   * **Note:** The `renderInput` prop must return a `TextField` component or a compatible custom component
+   * that correctly forwards `InputProps.ref` and spreads `inputProps`. This ensures proper integration
+   * with the Autocomplete's internal logic (e.g., focus management and keyboard navigation).
+   *
+   * Avoid using components like `DatePicker` or `Select` directly, as they may not forward the required props,
+   * leading to runtime errors or unexpected behavior.
+   *
    * @param {object} params
    * @returns {ReactNode}
    */

package/esm/Autocomplete/Autocomplete.js

@@ -572,25 +572,31 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
     disabled,
     ...getItemProps(params)
   });
-  if (renderTags && multiple && value.length > 0) {
-    startAdornment = renderTags(value, getCustomizedItemProps, ownerState);
-  } else if (renderValue && value) {
+  if (multiple) {
+    if (value.length > 0) {
+      if (renderTags) {
+        startAdornment = renderTags(value, getCustomizedItemProps, ownerState);
+      } else if (renderValue) {
+        startAdornment = renderValue(value, getCustomizedItemProps, ownerState);
+      } else {
+        startAdornment = value.map((option, index) => {
+          const {
+            key,
+            ...customItemProps
+          } = getCustomizedItemProps({
+            index
+          });
+          return /*#__PURE__*/_jsx(Chip, {
+            label: getOptionLabel(option),
+            size: size,
+            ...customItemProps,
+            ...externalForwardedProps.slotProps.chip
+          }, key);
+        });
+      }
+    }
+  } else if (renderValue && value != null) {
     startAdornment = renderValue(value, getCustomizedItemProps, ownerState);
-  } else if (multiple && value.length > 0) {
-    startAdornment = value.map((option, index) => {
-      const {
-        key,
-        ...customItemProps
-      } = getCustomizedItemProps({
-        index
-      });
-      return /*#__PURE__*/_jsx(Chip, {
-        label: getOptionLabel(option),
-        size: size,
-        ...customItemProps,
-        ...externalForwardedProps.slotProps.chip
-      }, key);
-    });
   }
   if (limitTags > -1 && Array.isArray(startAdornment)) {
     const more = startAdornment.length - limitTags;
@@ -1104,6 +1110,13 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes /* remove-proptyp
   /**
    * Render the input.
    *
+   * **Note:** The `renderInput` prop must return a `TextField` component or a compatible custom component
+   * that correctly forwards `InputProps.ref` and spreads `inputProps`. This ensures proper integration
+   * with the Autocomplete's internal logic (e.g., focus management and keyboard navigation).
+   *
+   * Avoid using components like `DatePicker` or `Select` directly, as they may not forward the required props,
+   * leading to runtime errors or unexpected behavior.
+   *
    * @param {object} params
    * @returns {ReactNode}
    */

package/esm/AvatarGroup/AvatarGroup.d.ts

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

package/esm/BottomNavigation/BottomNavigation.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 { BottomNavigationClasses } from "./bottomNavigationClasses.js";
 export interface BottomNavigationOwnProps {

package/esm/BottomNavigationAction/BottomNavigationAction.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
-import { CreateSlotsAndSlotProps, SlotProps, Theme } from "../index.js";
+import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
+import { Theme } from "../styles/index.js";
 import { ButtonBaseProps, ButtonBaseTypeMap, ExtendButtonBase, ExtendButtonBaseTypeMap } from "../ButtonBase/index.js";
 import { OverrideProps } from "../OverridableComponent/index.js";
 import { BottomNavigationActionClasses } from "./bottomNavigationActionClasses.js";

package/esm/ButtonBase/TouchRipple.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";
 import { TouchRippleClasses, TouchRippleClassKey } from "./touchRippleClasses.js";
 export { TouchRippleClassKey };
 export interface StartActionOptions {

package/esm/ButtonGroup/ButtonGroup.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { OverridableStringUnion } from '@mui/types';
 import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
-import { Theme } from "../index.js";
+import { Theme } from "../styles/index.js";
 import { ButtonGroupClasses } from "./buttonGroupClasses.js";
 export interface ButtonGroupPropsColorOverrides {}
 export interface ButtonGroupPropsVariantOverrides {}

package/esm/Card/Card.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { DistributiveOmit } from '@mui/types';
 import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
-import { Theme } from "../index.js";
+import { Theme } from "../styles/index.js";
 import { PaperOwnProps } from "../Paper/index.js";
 import { CardClasses } from "./cardClasses.js";
 

package/esm/CardActionArea/CardActionArea.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
-import { SlotProps, CreateSlotsAndSlotProps, Theme } from "../index.js";
+import { SlotProps, CreateSlotsAndSlotProps } from "../utils/types.js";
+import { Theme } from "../styles/index.js";
 import { ButtonBaseProps, ButtonBaseTypeMap, ExtendButtonBase, ExtendButtonBaseTypeMap } from "../ButtonBase/index.js";
 import { OverrideProps } from "../OverridableComponent/index.js";
 import { CardActionAreaClasses } from "./cardActionAreaClasses.js";

package/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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;
 }