@mui/material 7.1.0 → 7.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (214) hide show
  1. package/Accordion/Accordion.d.ts +1 -1
  2. package/AccordionActions/AccordionActions.d.ts +2 -1
  3. package/AccordionDetails/AccordionDetails.d.ts +2 -1
  4. package/AccordionSummary/AccordionSummary.d.ts +2 -1
  5. package/Alert/Alert.d.ts +4 -1
  6. package/AlertTitle/AlertTitle.d.ts +2 -1
  7. package/AppBar/AppBar.d.ts +1 -1
  8. package/Autocomplete/Autocomplete.d.ts +10 -1
  9. package/Autocomplete/Autocomplete.js +31 -18
  10. package/AvatarGroup/AvatarGroup.d.ts +1 -1
  11. package/BottomNavigation/BottomNavigation.d.ts +1 -1
  12. package/BottomNavigationAction/BottomNavigationAction.d.ts +2 -1
  13. package/ButtonBase/TouchRipple.d.ts +1 -1
  14. package/ButtonGroup/ButtonGroup.d.ts +1 -1
  15. package/CHANGELOG.md +72 -0
  16. package/Card/Card.d.ts +1 -1
  17. package/CardActionArea/CardActionArea.d.ts +2 -1
  18. package/CardActions/CardActions.d.ts +2 -1
  19. package/CardContent/CardContent.d.ts +1 -1
  20. package/CardHeader/CardHeader.d.ts +1 -1
  21. package/CardMedia/CardMedia.d.ts +1 -1
  22. package/Checkbox/Checkbox.d.ts +2 -1
  23. package/Chip/Chip.d.ts +28 -2
  24. package/Chip/Chip.js +65 -14
  25. package/CircularProgress/CircularProgress.d.ts +2 -1
  26. package/Collapse/Collapse.d.ts +2 -1
  27. package/Dialog/Dialog.d.ts +2 -1
  28. package/DialogActions/DialogActions.d.ts +2 -1
  29. package/DialogContent/DialogContent.d.ts +2 -1
  30. package/Divider/Divider.d.ts +1 -1
  31. package/Drawer/Drawer.d.ts +2 -1
  32. package/Fab/Fab.d.ts +1 -1
  33. package/FilledInput/FilledInput.d.ts +2 -1
  34. package/FormControlLabel/FormControlLabel.d.ts +2 -1
  35. package/FormGroup/FormGroup.d.ts +2 -1
  36. package/IconButton/IconButton.d.ts +1 -1
  37. package/ImageList/ImageList.d.ts +1 -1
  38. package/ImageListItem/ImageListItem.d.ts +1 -1
  39. package/ImageListItemBar/ImageListItemBar.d.ts +2 -1
  40. package/Input/Input.d.ts +2 -1
  41. package/InputAdornment/InputAdornment.d.ts +1 -1
  42. package/InputBase/InputBase.d.ts +1 -1
  43. package/LinearProgress/LinearProgress.d.ts +2 -1
  44. package/List/List.d.ts +1 -1
  45. package/ListItemAvatar/ListItemAvatar.d.ts +2 -1
  46. package/ListItemIcon/ListItemIcon.d.ts +2 -1
  47. package/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +2 -1
  48. package/ListItemText/ListItemText.d.ts +2 -1
  49. package/ListSubheader/ListSubheader.d.ts +1 -1
  50. package/Menu/Menu.d.ts +2 -2
  51. package/MobileStepper/MobileStepper.d.ts +2 -1
  52. package/NativeSelect/NativeSelect.d.ts +2 -1
  53. package/NativeSelect/NativeSelectInput.d.ts +1 -1
  54. package/OutlinedInput/NotchedOutline.d.ts +1 -1
  55. package/OutlinedInput/OutlinedInput.d.ts +3 -1
  56. package/Pagination/Pagination.d.ts +1 -1
  57. package/Popover/Popover.d.ts +3 -2
  58. package/Radio/Radio.d.ts +2 -1
  59. package/Rating/Rating.d.ts +1 -1
  60. package/Select/Select.d.ts +2 -1
  61. package/Select/SelectInput.d.ts +1 -1
  62. package/Skeleton/Skeleton.d.ts +1 -1
  63. package/Snackbar/Snackbar.d.ts +1 -1
  64. package/SnackbarContent/SnackbarContent.d.ts +1 -1
  65. package/SnackbarContent/SnackbarContent.js +2 -5
  66. package/SpeedDial/SpeedDial.d.ts +1 -1
  67. package/SpeedDialAction/SpeedDialAction.d.ts +1 -1
  68. package/SpeedDialIcon/SpeedDialIcon.d.ts +1 -1
  69. package/StepConnector/StepConnector.d.ts +1 -1
  70. package/StepContent/StepContent.d.ts +2 -1
  71. package/StepIcon/StepIcon.d.ts +2 -1
  72. package/StepLabel/StepLabel.d.ts +2 -2
  73. package/Switch/Switch.d.ts +2 -1
  74. package/Tab/Tab.d.ts +1 -1
  75. package/TabScrollButton/TabScrollButton.d.ts +2 -1
  76. package/Table/Table.d.ts +1 -1
  77. package/TableBody/TableBody.d.ts +1 -1
  78. package/TableCell/TableCell.d.ts +2 -1
  79. package/TableContainer/TableContainer.d.ts +1 -1
  80. package/TableFooter/TableFooter.d.ts +1 -1
  81. package/TableHead/TableHead.d.ts +1 -1
  82. package/TablePagination/TablePagination.d.ts +1 -1
  83. package/TablePagination/TablePagination.js +1 -1
  84. package/{TablePagination → TablePaginationActions}/TablePaginationActions.d.ts +11 -0
  85. package/{TablePagination → TablePaginationActions}/TablePaginationActions.js +60 -25
  86. package/TablePaginationActions/index.d.ts +4 -0
  87. package/TablePaginationActions/index.js +20 -0
  88. package/TablePaginationActions/tablePaginationActionsClasses.d.ts +8 -0
  89. package/TablePaginationActions/tablePaginationActionsClasses.js +15 -0
  90. package/TableRow/TableRow.d.ts +1 -1
  91. package/TableSortLabel/TableSortLabel.d.ts +1 -1
  92. package/TextField/TextField.d.ts +2 -2
  93. package/ToggleButton/ToggleButton.d.ts +1 -1
  94. package/ToggleButtonGroup/ToggleButtonGroup.d.ts +1 -1
  95. package/Toolbar/Toolbar.d.ts +1 -1
  96. package/Tooltip/Tooltip.d.ts +2 -1
  97. package/esm/Accordion/Accordion.d.ts +1 -1
  98. package/esm/AccordionActions/AccordionActions.d.ts +2 -1
  99. package/esm/AccordionDetails/AccordionDetails.d.ts +2 -1
  100. package/esm/AccordionSummary/AccordionSummary.d.ts +2 -1
  101. package/esm/Alert/Alert.d.ts +4 -1
  102. package/esm/AlertTitle/AlertTitle.d.ts +2 -1
  103. package/esm/AppBar/AppBar.d.ts +1 -1
  104. package/esm/Autocomplete/Autocomplete.d.ts +10 -1
  105. package/esm/Autocomplete/Autocomplete.js +31 -18
  106. package/esm/AvatarGroup/AvatarGroup.d.ts +1 -1
  107. package/esm/BottomNavigation/BottomNavigation.d.ts +1 -1
  108. package/esm/BottomNavigationAction/BottomNavigationAction.d.ts +2 -1
  109. package/esm/ButtonBase/TouchRipple.d.ts +1 -1
  110. package/esm/ButtonGroup/ButtonGroup.d.ts +1 -1
  111. package/esm/Card/Card.d.ts +1 -1
  112. package/esm/CardActionArea/CardActionArea.d.ts +2 -1
  113. package/esm/CardActions/CardActions.d.ts +2 -1
  114. package/esm/CardContent/CardContent.d.ts +1 -1
  115. package/esm/CardHeader/CardHeader.d.ts +1 -1
  116. package/esm/CardMedia/CardMedia.d.ts +1 -1
  117. package/esm/Checkbox/Checkbox.d.ts +2 -1
  118. package/esm/Chip/Chip.d.ts +28 -2
  119. package/esm/Chip/Chip.js +65 -14
  120. package/esm/CircularProgress/CircularProgress.d.ts +2 -1
  121. package/esm/Collapse/Collapse.d.ts +2 -1
  122. package/esm/Dialog/Dialog.d.ts +2 -1
  123. package/esm/DialogActions/DialogActions.d.ts +2 -1
  124. package/esm/DialogContent/DialogContent.d.ts +2 -1
  125. package/esm/Divider/Divider.d.ts +1 -1
  126. package/esm/Drawer/Drawer.d.ts +2 -1
  127. package/esm/Fab/Fab.d.ts +1 -1
  128. package/esm/FilledInput/FilledInput.d.ts +2 -1
  129. package/esm/FormControlLabel/FormControlLabel.d.ts +2 -1
  130. package/esm/FormGroup/FormGroup.d.ts +2 -1
  131. package/esm/IconButton/IconButton.d.ts +1 -1
  132. package/esm/ImageList/ImageList.d.ts +1 -1
  133. package/esm/ImageListItem/ImageListItem.d.ts +1 -1
  134. package/esm/ImageListItemBar/ImageListItemBar.d.ts +2 -1
  135. package/esm/Input/Input.d.ts +2 -1
  136. package/esm/InputAdornment/InputAdornment.d.ts +1 -1
  137. package/esm/InputBase/InputBase.d.ts +1 -1
  138. package/esm/LinearProgress/LinearProgress.d.ts +2 -1
  139. package/esm/List/List.d.ts +1 -1
  140. package/esm/ListItemAvatar/ListItemAvatar.d.ts +2 -1
  141. package/esm/ListItemIcon/ListItemIcon.d.ts +2 -1
  142. package/esm/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +2 -1
  143. package/esm/ListItemText/ListItemText.d.ts +2 -1
  144. package/esm/ListSubheader/ListSubheader.d.ts +1 -1
  145. package/esm/Menu/Menu.d.ts +2 -2
  146. package/esm/MobileStepper/MobileStepper.d.ts +2 -1
  147. package/esm/NativeSelect/NativeSelect.d.ts +2 -1
  148. package/esm/NativeSelect/NativeSelectInput.d.ts +1 -1
  149. package/esm/OutlinedInput/NotchedOutline.d.ts +1 -1
  150. package/esm/OutlinedInput/OutlinedInput.d.ts +3 -1
  151. package/esm/Pagination/Pagination.d.ts +1 -1
  152. package/esm/Popover/Popover.d.ts +3 -2
  153. package/esm/Radio/Radio.d.ts +2 -1
  154. package/esm/Rating/Rating.d.ts +1 -1
  155. package/esm/Select/Select.d.ts +2 -1
  156. package/esm/Select/SelectInput.d.ts +1 -1
  157. package/esm/Skeleton/Skeleton.d.ts +1 -1
  158. package/esm/Snackbar/Snackbar.d.ts +1 -1
  159. package/esm/SnackbarContent/SnackbarContent.d.ts +1 -1
  160. package/esm/SnackbarContent/SnackbarContent.js +2 -5
  161. package/esm/SpeedDial/SpeedDial.d.ts +1 -1
  162. package/esm/SpeedDialAction/SpeedDialAction.d.ts +1 -1
  163. package/esm/SpeedDialIcon/SpeedDialIcon.d.ts +1 -1
  164. package/esm/StepConnector/StepConnector.d.ts +1 -1
  165. package/esm/StepContent/StepContent.d.ts +2 -1
  166. package/esm/StepIcon/StepIcon.d.ts +2 -1
  167. package/esm/StepLabel/StepLabel.d.ts +2 -2
  168. package/esm/Switch/Switch.d.ts +2 -1
  169. package/esm/Tab/Tab.d.ts +1 -1
  170. package/esm/TabScrollButton/TabScrollButton.d.ts +2 -1
  171. package/esm/Table/Table.d.ts +1 -1
  172. package/esm/TableBody/TableBody.d.ts +1 -1
  173. package/esm/TableCell/TableCell.d.ts +2 -1
  174. package/esm/TableContainer/TableContainer.d.ts +1 -1
  175. package/esm/TableFooter/TableFooter.d.ts +1 -1
  176. package/esm/TableHead/TableHead.d.ts +1 -1
  177. package/esm/TablePagination/TablePagination.d.ts +1 -1
  178. package/esm/TablePagination/TablePagination.js +1 -1
  179. package/esm/{TablePagination → TablePaginationActions}/TablePaginationActions.d.ts +11 -0
  180. package/esm/{TablePagination → TablePaginationActions}/TablePaginationActions.js +60 -27
  181. package/esm/TablePaginationActions/index.d.ts +4 -0
  182. package/esm/TablePaginationActions/index.js +2 -0
  183. package/esm/TablePaginationActions/tablePaginationActionsClasses.d.ts +8 -0
  184. package/esm/TablePaginationActions/tablePaginationActionsClasses.js +7 -0
  185. package/esm/TableRow/TableRow.d.ts +1 -1
  186. package/esm/TableSortLabel/TableSortLabel.d.ts +1 -1
  187. package/esm/TextField/TextField.d.ts +2 -2
  188. package/esm/ToggleButton/ToggleButton.d.ts +1 -1
  189. package/esm/ToggleButtonGroup/ToggleButtonGroup.d.ts +1 -1
  190. package/esm/Toolbar/Toolbar.d.ts +1 -1
  191. package/esm/Tooltip/Tooltip.d.ts +2 -1
  192. package/esm/index.d.ts +3 -43
  193. package/esm/index.js +3 -1
  194. package/esm/internal/SwitchBase.d.ts +1 -1
  195. package/esm/internal/index.d.ts +17 -0
  196. package/esm/internal/index.js +1 -0
  197. package/esm/styles/components.d.ts +5 -0
  198. package/esm/styles/index.d.ts +19 -0
  199. package/esm/styles/overrides.d.ts +2 -0
  200. package/esm/styles/props.d.ts +2 -0
  201. package/esm/useAutocomplete/useAutocomplete.js +0 -1
  202. package/esm/version/index.js +2 -2
  203. package/index.d.ts +3 -43
  204. package/index.js +20 -1
  205. package/internal/SwitchBase.d.ts +1 -1
  206. package/internal/index.d.ts +17 -0
  207. package/internal/index.js +5 -0
  208. package/package.json +6 -6
  209. package/styles/components.d.ts +5 -0
  210. package/styles/index.d.ts +19 -0
  211. package/styles/overrides.d.ts +2 -0
  212. package/styles/props.d.ts +2 -0
  213. package/useAutocomplete/useAutocomplete.js +0 -1
  214. package/version/index.js +2 -2
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
- import { Theme } from "../index.js";
3
+ import { Theme } from "../styles/index.js";
4
4
  import { TransitionProps } from "../transitions/transition.js";
5
5
  import { AccordionClasses } from "./accordionClasses.js";
6
6
  import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
@@ -1,6 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
- import { InternalStandardProps as StandardProps, Theme } from "../index.js";
3
+ import { Theme } from "../styles/index.js";
4
+ import { InternalStandardProps as StandardProps } from "../internal/index.js";
4
5
  import { AccordionActionsClasses } from "./accordionActionsClasses.js";
5
6
  export interface AccordionActionsProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>> {
6
7
  /**
@@ -1,6 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
- import { InternalStandardProps as StandardProps, Theme } from "../index.js";
3
+ import { Theme } from "../styles/index.js";
4
+ import { InternalStandardProps as StandardProps } from "../internal/index.js";
4
5
  import { AccordionDetailsClasses } from "./accordionDetailsClasses.js";
5
6
  export interface AccordionDetailsProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>> {
6
7
  /**
@@ -2,7 +2,8 @@ import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
3
  import { ButtonBaseProps, ExtendButtonBase, ExtendButtonBaseTypeMap } from "../ButtonBase/index.js";
4
4
  import { OverrideProps } from "../OverridableComponent/index.js";
5
- import { CreateSlotsAndSlotProps, SlotProps, Theme } from "../index.js";
5
+ import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
6
+ import { Theme } from "../styles/index.js";
6
7
  import { AccordionSummaryClasses } from "./accordionSummaryClasses.js";
7
8
  export interface AccordionSummarySlots {
8
9
  /**
package/Alert/Alert.d.ts CHANGED
@@ -1,7 +1,10 @@
1
1
  import * as React from 'react';
2
2
  import { OverridableStringUnion } from '@mui/types';
3
3
  import { SxProps } from '@mui/system';
4
- import { IconButtonProps, InternalStandardProps as StandardProps, SvgIconProps, Theme } from "../index.js";
4
+ import { SvgIconProps } from "../SvgIcon/index.js";
5
+ import { Theme } from "../styles/index.js";
6
+ import { InternalStandardProps as StandardProps } from "../internal/index.js";
7
+ import { IconButtonProps } from "../IconButton/index.js";
5
8
  import { PaperProps } from "../Paper/index.js";
6
9
  import { AlertClasses } from "./alertClasses.js";
7
10
  import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
@@ -1,6 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
- import { Theme, TypographyProps } from "../index.js";
3
+ import { Theme } from "../styles/index.js";
4
+ import { TypographyProps } from "../Typography/index.js";
4
5
  import { AlertTitleClasses } from "./alertTitleClasses.js";
5
6
  export interface AlertTitleProps extends TypographyProps<'div'> {
6
7
  /**
@@ -2,7 +2,7 @@ import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
3
  import { OverridableStringUnion } from '@mui/types';
4
4
  import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
5
- import { PropTypes, Theme } from "../index.js";
5
+ import { PropTypes, Theme } from "../styles/index.js";
6
6
  import { AppBarClasses } from "./appBarClasses.js";
7
7
  import { ExtendPaperTypeMap } from "../Paper/Paper.js";
8
8
  export interface AppBarPropsColorOverrides {}
@@ -1,7 +1,9 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
3
  import { OverridableStringUnion } from '@mui/types';
4
- import { IconButtonProps, InternalStandardProps as StandardProps, Theme } from '@mui/material';
4
+ import { Theme } from "../styles/index.js";
5
+ import { InternalStandardProps as StandardProps } from "../internal/index.js";
6
+ import { IconButtonProps } from "../IconButton/index.js";
5
7
  import { ChipProps, ChipTypeMap } from "../Chip/index.js";
6
8
  import { PaperProps } from "../Paper/index.js";
7
9
  import { PopperProps } from "../Popper/index.js";
@@ -260,6 +262,13 @@ export interface AutocompleteProps<Value, Multiple extends boolean | undefined,
260
262
  /**
261
263
  * Render the input.
262
264
  *
265
+ * **Note:** The `renderInput` prop must return a `TextField` component or a compatible custom component
266
+ * that correctly forwards `InputProps.ref` and spreads `inputProps`. This ensures proper integration
267
+ * with the Autocomplete's internal logic (e.g., focus management and keyboard navigation).
268
+ *
269
+ * Avoid using components like `DatePicker` or `Select` directly, as they may not forward the required props,
270
+ * leading to runtime errors or unexpected behavior.
271
+ *
263
272
  * @param {object} params
264
273
  * @returns {ReactNode}
265
274
  */
@@ -584,25 +584,31 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
584
584
  disabled,
585
585
  ...getItemProps(params)
586
586
  });
587
- if (renderTags && multiple && value.length > 0) {
588
- startAdornment = renderTags(value, getCustomizedItemProps, ownerState);
589
- } else if (renderValue && value) {
587
+ if (multiple) {
588
+ if (value.length > 0) {
589
+ if (renderTags) {
590
+ startAdornment = renderTags(value, getCustomizedItemProps, ownerState);
591
+ } else if (renderValue) {
592
+ startAdornment = renderValue(value, getCustomizedItemProps, ownerState);
593
+ } else {
594
+ startAdornment = value.map((option, index) => {
595
+ const {
596
+ key,
597
+ ...customItemProps
598
+ } = getCustomizedItemProps({
599
+ index
600
+ });
601
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
602
+ label: getOptionLabel(option),
603
+ size: size,
604
+ ...customItemProps,
605
+ ...externalForwardedProps.slotProps.chip
606
+ }, key);
607
+ });
608
+ }
609
+ }
610
+ } else if (renderValue && value != null) {
590
611
  startAdornment = renderValue(value, getCustomizedItemProps, ownerState);
591
- } else if (multiple && value.length > 0) {
592
- startAdornment = value.map((option, index) => {
593
- const {
594
- key,
595
- ...customItemProps
596
- } = getCustomizedItemProps({
597
- index
598
- });
599
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
600
- label: getOptionLabel(option),
601
- size: size,
602
- ...customItemProps,
603
- ...externalForwardedProps.slotProps.chip
604
- }, key);
605
- });
606
612
  }
607
613
  if (limitTags > -1 && Array.isArray(startAdornment)) {
608
614
  const more = startAdornment.length - limitTags;
@@ -1116,6 +1122,13 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes /* remove-proptyp
1116
1122
  /**
1117
1123
  * Render the input.
1118
1124
  *
1125
+ * **Note:** The `renderInput` prop must return a `TextField` component or a compatible custom component
1126
+ * that correctly forwards `InputProps.ref` and spreads `inputProps`. This ensures proper integration
1127
+ * with the Autocomplete's internal logic (e.g., focus management and keyboard navigation).
1128
+ *
1129
+ * Avoid using components like `DatePicker` or `Select` directly, as they may not forward the required props,
1130
+ * leading to runtime errors or unexpected behavior.
1131
+ *
1119
1132
  * @param {object} params
1120
1133
  * @returns {ReactNode}
1121
1134
  */
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { OverridableComponent, OverridableStringUnion, OverrideProps, PartiallyRequired } from '@mui/types';
3
3
  import { SxProps } from '@mui/system';
4
- import { Theme } from '@mui/material';
4
+ import { Theme } from "../styles/index.js";
5
5
  import { AvatarGroupClasses } from "./avatarGroupClasses.js";
6
6
  import Avatar from "../Avatar/index.js";
7
7
  import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
- import { Theme } from "../index.js";
3
+ import { Theme } from "../styles/index.js";
4
4
  import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
5
5
  import { BottomNavigationClasses } from "./bottomNavigationClasses.js";
6
6
  export interface BottomNavigationOwnProps {
@@ -1,6 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
- import { CreateSlotsAndSlotProps, SlotProps, Theme } from "../index.js";
3
+ import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
4
+ import { Theme } from "../styles/index.js";
4
5
  import { ButtonBaseProps, ButtonBaseTypeMap, ExtendButtonBase, ExtendButtonBaseTypeMap } from "../ButtonBase/index.js";
5
6
  import { OverrideProps } from "../OverridableComponent/index.js";
6
7
  import { BottomNavigationActionClasses } from "./bottomNavigationActionClasses.js";
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { InternalStandardProps as StandardProps } from "../index.js";
2
+ import { InternalStandardProps as StandardProps } from "../internal/index.js";
3
3
  import { TouchRippleClasses, TouchRippleClassKey } from "./touchRippleClasses.js";
4
4
  export { TouchRippleClassKey };
5
5
  export interface StartActionOptions {
@@ -2,7 +2,7 @@ import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
3
  import { OverridableStringUnion } from '@mui/types';
4
4
  import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
5
- import { Theme } from "../index.js";
5
+ import { Theme } from "../styles/index.js";
6
6
  import { ButtonGroupClasses } from "./buttonGroupClasses.js";
7
7
  export interface ButtonGroupPropsColorOverrides {}
8
8
  export interface ButtonGroupPropsVariantOverrides {}
package/CHANGELOG.md CHANGED
@@ -1,5 +1,77 @@
1
1
  # [Versions](https://mui.com/versions/)
2
2
 
3
+ ## 7.1.1
4
+
5
+ <!-- generated comparing v7.1.0..master -->
6
+
7
+ _May 30, 2025_
8
+
9
+ A big thanks to the 15 contributors who made this release possible.
10
+
11
+ ### `@mui/material@7.1.1`
12
+
13
+ - [Autocomplete] Fix label shrink issue when `renderValue` is used with empty array in multiple mode (#46047) @ZeeshanTamboli
14
+ - [Autocomplete] Prevent `renderValue` from being skipped when value is 0 (#46145) @LakshitAgarwal
15
+ - [Autocomplete] Add note in JSDoc for non-TextField components in `renderInput` (#46141) @khllbnomrn
16
+ - [Chip] Add slots and slotProps (#46098) @sai6855
17
+ - [Menu] Remove depreacted `MenuListProps` from demos (#46144) @sai6855
18
+ - [TablePaginationActions] Export TablePaginationActions as new component (#46149) @sai6855
19
+ - [SnackbarContent] Fix `square` prop not working (#46196) @0210shivam
20
+ - [SnackbarContent] Fix error when theme value is CSS variable (#46198) @0210shivam
21
+
22
+ ### `@mui/codemod@7.1.1`
23
+
24
+ - Add package name option (#45977) @siriwatknp
25
+
26
+ ### `@mui/system@7.1.1`
27
+
28
+ - Skip styled component from being transformed (#46129) @siriwatknp
29
+ - Update the type for borderRadius (#46154) @codiini
30
+
31
+ ### `@mui/styled-engine@7.1.1`
32
+
33
+ - Fix variant props callback type to spread `ownerState` (#46187) @siriwatknp
34
+
35
+ ### `@mui/stylis-plugin-rtl@7.1.1`
36
+
37
+ - Fix RTL does not work with CSS layer with a new package (#46230) @siriwatknp
38
+
39
+ ### Docs
40
+
41
+ - [Dialog] Remove deprecated TransitionComponent from demo (#46185) @sai6855
42
+ - [Grid] Remove direction `column` and `column-reverse` from the demo (#46127) @0210shivam
43
+ - [Grid] Update grid migration guide (#46057) @sai6855
44
+ - [templates] Fix rendering of logos in dark mode (#46221) @sai6855
45
+ - [ToggleButtonGroup] Add spacing demo (#46058) @sai6855
46
+ - Fix typo in dark mode docs (#46229) @ZeeshanTamboli
47
+ - Clarify Next.js + Tailwind CSS v3 integration requirements (#46176) @chaitanyasharma1011
48
+ - Fix GridLegacy docs order (#46135) @oliviertassinari
49
+ - Update upgrade guide for resolution of `react-is` (#46002) @siriwatknp
50
+ - Remove oudated scaffoldhub ad (#46090) @oliviertassinari
51
+ - Show how to target global state classes with CSS Modules (#45992) @RubemMazzetto
52
+
53
+ ### Core
54
+
55
+ - [code-infra] Add plugin to check for index file access (#46178) @Janpot
56
+ - [code-infra] Bump eslint to v9 (#46222) @brijeshb42
57
+ - [code-infra] Move packages to mui/mui-public (#46155) @Janpot
58
+ - [code-infra] Move `chai` to peerDep (#46227) @JCQuintas
59
+ - [code-infra] Avoid loading barrel file during type checking (#46177) @Janpot
60
+ - [code-infra] Remove unnecessary ref from `HighlightedCode` component (#46151) @ZeeshanTamboli
61
+ - [code-infra] Import mocha type instead of global (#46108) @JCQuintas
62
+ - [code-infra] Dependabot also create branches (795a481) @oliviertassinari
63
+ - [code-infra] Avoid running continuous release on forks (#46103) @Janpot
64
+ - [code-infra] Remove checkout job altogether (#46100) @Janpot
65
+ - [code-infra] Remove required checkout workflows in circleci (#46099) @Janpot
66
+ - Run pnpm docs:sync-team (c8f1da5) @oliviertassinari
67
+ - Upgrade MUI X packages to v8 (#45990) @KenanYusuf
68
+ - Minor detail to reduce confusion (4c64b72) @oliviertassinari
69
+ - Update security.md (#45839) @DiegoAndai
70
+ - Apply yml convention, blank line only at top level (f273220) @oliviertassinari
71
+ - Add comment that lab should be in alpha (#45999) @oliviertassinari
72
+
73
+ All contributors of this release in alphabetical order: @0210shivam, @brijeshb42, @chaitanyasharma1011, @codiini, @DiegoAndai, @Janpot, @JCQuintas, @KenanYusuf, @khllbnomrn, @LakshitAgarwal, @oliviertassinari, @RubemMazzetto, @sai6855, @siriwatknp, @ZeeshanTamboli
74
+
3
75
  ## 7.1.0
4
76
 
5
77
  <!-- generated comparing v7.0.2..master -->
package/Card/Card.d.ts CHANGED
@@ -2,7 +2,7 @@ import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
3
  import { DistributiveOmit } from '@mui/types';
4
4
  import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
5
- import { Theme } from "../index.js";
5
+ import { Theme } from "../styles/index.js";
6
6
  import { PaperOwnProps } from "../Paper/index.js";
7
7
  import { CardClasses } from "./cardClasses.js";
8
8
 
@@ -1,6 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
- import { SlotProps, CreateSlotsAndSlotProps, Theme } from "../index.js";
3
+ import { SlotProps, CreateSlotsAndSlotProps } from "../utils/types.js";
4
+ import { Theme } from "../styles/index.js";
4
5
  import { ButtonBaseProps, ButtonBaseTypeMap, ExtendButtonBase, ExtendButtonBaseTypeMap } from "../ButtonBase/index.js";
5
6
  import { OverrideProps } from "../OverridableComponent/index.js";
6
7
  import { CardActionAreaClasses } from "./cardActionAreaClasses.js";
@@ -1,6 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
- import { InternalStandardProps as StandardProps, Theme } from "../index.js";
3
+ import { Theme } from "../styles/index.js";
4
+ import { InternalStandardProps as StandardProps } from "../internal/index.js";
4
5
  import { CardActionsClasses } from "./cardActionsClasses.js";
5
6
  export interface CardActionsProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>> {
6
7
  /**
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
3
  import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
4
- import { Theme } from "../index.js";
4
+ import { Theme } from "../styles/index.js";
5
5
  import { CardContentClasses } from "./cardContentClasses.js";
6
6
  export interface CardContentOwnProps {
7
7
  /**
@@ -2,7 +2,7 @@ import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
3
  import { TypographyProps } from "../Typography/index.js";
4
4
  import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
5
- import { Theme } from "../index.js";
5
+ import { Theme } from "../styles/index.js";
6
6
  import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
7
7
  import { CardHeaderClasses } from "./cardHeaderClasses.js";
8
8
  export interface CardHeaderRootSlotPropsOverrides {}
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
- import { Theme } from "../index.js";
3
+ import { Theme } from "../styles/index.js";
4
4
  import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
5
5
  import { CardMediaClasses } from "./cardMediaClasses.js";
6
6
  export interface CardMediaOwnProps {
@@ -1,7 +1,8 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
3
  import { OverridableStringUnion } from '@mui/types';
4
- import { InternalStandardProps as StandardProps, Theme } from "../index.js";
4
+ import { Theme } from "../styles/index.js";
5
+ import { InternalStandardProps as StandardProps } from "../internal/index.js";
5
6
  import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
6
7
  import { SwitchBaseProps } from "../internal/SwitchBase.js";
7
8
  import { CheckboxClasses } from "./checkboxClasses.js";
package/Chip/Chip.d.ts CHANGED
@@ -1,9 +1,35 @@
1
1
  import * as React from 'react';
2
2
  import { OverridableStringUnion } from '@mui/types';
3
3
  import { SxProps } from '@mui/system';
4
- import { Theme } from "../index.js";
4
+ import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
5
+ import { Theme } from "../styles/index.js";
5
6
  import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
6
7
  import { ChipClasses } from "./chipClasses.js";
8
+ export interface ChipSlots {
9
+ /**
10
+ * The component that renders the root.
11
+ * @default div
12
+ */
13
+ root: React.ElementType;
14
+ /**
15
+ * The component that renders the label.
16
+ * @default span
17
+ */
18
+ label: React.ElementType;
19
+ }
20
+ export type ChipSlotsAndSlotProps = CreateSlotsAndSlotProps<ChipSlots, {
21
+ /**
22
+ * Props forwarded to the root slot.
23
+ * By default, the avaible props are based on the div element.
24
+ */
25
+ root: SlotProps<'div', {}, ChipOwnerState>;
26
+ /**
27
+ * Props forwarded to the label slot.
28
+ * By default, the avaible props are based on the span element.
29
+ */
30
+ label: SlotProps<'span', {}, ChipOwnerState>;
31
+ }>;
32
+ export interface ChipOwnerState extends Omit<ChipProps, 'slots' | 'slotProps'> {}
7
33
  export interface ChipPropsVariantOverrides {}
8
34
  export interface ChipPropsSizeOverrides {}
9
35
  export interface ChipPropsColorOverrides {}
@@ -85,7 +111,7 @@ export interface ChipOwnProps {
85
111
  variant?: OverridableStringUnion<'filled' | 'outlined', ChipPropsVariantOverrides>;
86
112
  }
87
113
  export interface ChipTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
88
- props: AdditionalProps & ChipOwnProps;
114
+ props: AdditionalProps & ChipOwnProps & ChipSlotsAndSlotProps;
89
115
  defaultComponent: RootComponent;
90
116
  }
91
117
 
package/Chip/Chip.js CHANGED
@@ -22,6 +22,7 @@ var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
22
22
  var _createSimplePaletteValueFilter = _interopRequireDefault(require("../utils/createSimplePaletteValueFilter"));
23
23
  var _DefaultPropsProvider = require("../DefaultPropsProvider");
24
24
  var _chipClasses = _interopRequireWildcard(require("./chipClasses"));
25
+ var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
25
26
  var _jsxRuntime = require("react/jsx-runtime");
26
27
  const useUtilityClasses = ownerState => {
27
28
  const {
@@ -378,6 +379,8 @@ const Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
378
379
  tabIndex,
379
380
  skipFocusWhenDisabled = false,
380
381
  // TODO v6: Rename to `focusableWhenDisabled`.
382
+ slots = {},
383
+ slotProps = {},
381
384
  ...other
382
385
  } = props;
383
386
  const chipRef = React.useRef(null);
@@ -459,21 +462,53 @@ const Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
459
462
  console.error('MUI: The Chip component can not handle the avatar ' + 'and the icon prop at the same time. Pick one.');
460
463
  }
461
464
  }
462
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ChipRoot, {
463
- as: component,
464
- className: (0, _clsx.default)(classes.root, className),
465
- disabled: clickable && disabled ? true : undefined,
466
- onClick: onClick,
467
- onKeyDown: handleKeyDown,
468
- onKeyUp: handleKeyUp,
465
+ const externalForwardedProps = {
466
+ slots,
467
+ slotProps
468
+ };
469
+ const [RootSlot, rootProps] = (0, _useSlot.default)('root', {
470
+ elementType: ChipRoot,
471
+ externalForwardedProps: {
472
+ ...externalForwardedProps,
473
+ ...other
474
+ },
475
+ ownerState,
476
+ // The `component` prop is preserved because `Chip` relies on it for internal logic. If `shouldForwardComponentProp` were `false`, `useSlot` would remove the `component` prop, potentially breaking the component's behavior.
477
+ shouldForwardComponentProp: true,
469
478
  ref: handleRef,
470
- tabIndex: skipFocusWhenDisabled && disabled ? -1 : tabIndex,
471
- ownerState: ownerState,
472
- ...moreProps,
473
- ...other,
474
- children: [avatar || icon, /*#__PURE__*/(0, _jsxRuntime.jsx)(ChipLabel, {
475
- className: classes.label,
476
- ownerState: ownerState,
479
+ className: (0, _clsx.default)(classes.root, className),
480
+ additionalProps: {
481
+ disabled: clickable && disabled ? true : undefined,
482
+ tabIndex: skipFocusWhenDisabled && disabled ? -1 : tabIndex,
483
+ ...moreProps
484
+ },
485
+ getSlotProps: handlers => ({
486
+ ...handlers,
487
+ onClick: event => {
488
+ handlers.onClick?.(event);
489
+ onClick(event);
490
+ },
491
+ onKeyDown: event => {
492
+ handlers.onKeyDown?.(event);
493
+ handleKeyDown(event);
494
+ },
495
+ onKeyUp: event => {
496
+ handlers.onKeyUp?.(event);
497
+ handleKeyUp(event);
498
+ }
499
+ })
500
+ });
501
+ const [LabelSlot, labelProps] = (0, _useSlot.default)('label', {
502
+ elementType: ChipLabel,
503
+ externalForwardedProps,
504
+ ownerState,
505
+ className: classes.label
506
+ });
507
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(RootSlot, {
508
+ as: component,
509
+ ...rootProps,
510
+ children: [avatar || icon, /*#__PURE__*/(0, _jsxRuntime.jsx)(LabelSlot, {
511
+ ...labelProps,
477
512
  children: label
478
513
  }), deleteIcon]
479
514
  });
@@ -566,6 +601,22 @@ process.env.NODE_ENV !== "production" ? Chip.propTypes /* remove-proptypes */ =
566
601
  * @default false
567
602
  */
568
603
  skipFocusWhenDisabled: _propTypes.default.bool,
604
+ /**
605
+ * The props used for each slot inside.
606
+ * @default {}
607
+ */
608
+ slotProps: _propTypes.default.shape({
609
+ label: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
610
+ root: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
611
+ }),
612
+ /**
613
+ * The components used for each slot inside.
614
+ * @default {}
615
+ */
616
+ slots: _propTypes.default.shape({
617
+ label: _propTypes.default.elementType,
618
+ root: _propTypes.default.elementType
619
+ }),
569
620
  /**
570
621
  * The system prop that allows defining system overrides as well as additional CSS styles.
571
622
  */
@@ -1,7 +1,8 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
3
  import { OverridableStringUnion } from '@mui/types';
4
- import { InternalStandardProps as StandardProps, Theme } from "../index.js";
4
+ import { Theme } from "../styles/index.js";
5
+ import { InternalStandardProps as StandardProps } from "../internal/index.js";
5
6
  import { CircularProgressClasses } from "./circularProgressClasses.js";
6
7
  export interface CircularProgressPropsColorOverrides {}
7
8
  export interface CircularProgressPropsVariantOverrides {}
@@ -1,6 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
- import { InternalStandardProps as StandardProps, Theme } from "../index.js";
3
+ import { Theme } from "../styles/index.js";
4
+ import { InternalStandardProps as StandardProps } from "../internal/index.js";
4
5
  import { TransitionProps } from "../transitions/transition.js";
5
6
  import { CollapseClasses } from "./collapseClasses.js";
6
7
  export interface CollapseProps extends StandardProps<TransitionProps, 'timeout'> {
@@ -1,6 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps, Breakpoint } from '@mui/system';
3
- import { InternalStandardProps as StandardProps, Theme } from "../index.js";
3
+ import { Theme } from "../styles/index.js";
4
+ import { InternalStandardProps as StandardProps } from "../internal/index.js";
4
5
  import { BackdropProps } from "../Backdrop/index.js";
5
6
  import { PaperProps } from "../Paper/index.js";
6
7
  import { ModalProps } from "../Modal/index.js";
@@ -1,6 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
- import { InternalStandardProps as StandardProps, Theme } from "../index.js";
3
+ import { Theme } from "../styles/index.js";
4
+ import { InternalStandardProps as StandardProps } from "../internal/index.js";
4
5
  import { DialogActionsClasses } from "./dialogActionsClasses.js";
5
6
  export interface DialogActionsProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>> {
6
7
  /**
@@ -1,6 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
- import { InternalStandardProps as StandardProps, Theme } from "../index.js";
3
+ import { Theme } from "../styles/index.js";
4
+ import { InternalStandardProps as StandardProps } from "../internal/index.js";
4
5
  import { DialogContentClasses } from "./dialogContentClasses.js";
5
6
  export interface DialogContentProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>> {
6
7
  /**
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { OverridableStringUnion } from '@mui/types';
3
3
  import { SxProps } from '@mui/system';
4
- import { Theme } from "../index.js";
4
+ import { Theme } from "../styles/index.js";
5
5
  import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
6
6
  import { DividerClasses } from "./dividerClasses.js";
7
7
  export interface DividerPropsVariantOverrides {}
@@ -1,6 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
- import { InternalStandardProps as StandardProps, Theme } from "../index.js";
3
+ import { Theme } from "../styles/index.js";
4
+ import { InternalStandardProps as StandardProps } from "../internal/index.js";
4
5
  import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
5
6
  import { ModalProps } from "../Modal/index.js";
6
7
  import { BackdropProps } from "../Backdrop/index.js";
package/Fab/Fab.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { OverridableStringUnion } from '@mui/types';
3
3
  import { SxProps } from '@mui/system';
4
- import { PropTypes, Theme } from "../index.js";
4
+ import { PropTypes, Theme } from "../styles/index.js";
5
5
  import { ExtendButtonBase, ExtendButtonBaseTypeMap } from "../ButtonBase/index.js";
6
6
  import { OverrideProps } from "../OverridableComponent/index.js";
7
7
  import { FabClasses } from "./fabClasses.js";
@@ -1,5 +1,6 @@
1
1
  import { SxProps } from '@mui/system';
2
- import { InternalStandardProps as StandardProps, Theme } from "../index.js";
2
+ import { Theme } from "../styles/index.js";
3
+ import { InternalStandardProps as StandardProps } from "../internal/index.js";
3
4
  import { InputBaseProps } from "../InputBase/index.js";
4
5
  import { FilledInputClasses } from "./filledInputClasses.js";
5
6
  export interface FilledInputProps extends StandardProps<InputBaseProps> {
@@ -1,6 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
- import { Theme, InternalStandardProps as StandardProps } from "../index.js";
3
+ import { Theme } from "../styles/index.js";
4
+ import { InternalStandardProps as StandardProps } from "../internal/index.js";
4
5
  import Typography, { TypographyProps } from "../Typography/index.js";
5
6
  import { FormControlLabelClasses } from "./formControlLabelClasses.js";
6
7
  import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
@@ -1,6 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
- import { InternalStandardProps as StandardProps, Theme } from "../index.js";
3
+ import { Theme } from "../styles/index.js";
4
+ import { InternalStandardProps as StandardProps } from "../internal/index.js";
4
5
  import { FormGroupClasses } from "./formGroupClasses.js";
5
6
  export interface FormGroupProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>> {
6
7
  /**
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
3
  import { OverridableStringUnion } from '@mui/types';
4
- import { Theme } from "../index.js";
4
+ import { Theme } from "../styles/index.js";
5
5
  import { ExtendButtonBase, ExtendButtonBaseTypeMap } from "../ButtonBase/index.js";
6
6
  import { OverrideProps } from "../OverridableComponent/index.js";
7
7
  import { IconButtonClasses } from "./iconButtonClasses.js";