@mui/material 7.0.0-beta.4 → 7.0.0

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 (484) hide show
  1. package/Accordion/Accordion.d.ts +3 -3
  2. package/AccordionActions/AccordionActions.d.ts +2 -2
  3. package/AccordionDetails/AccordionDetails.d.ts +2 -2
  4. package/AccordionSummary/AccordionSummary.d.ts +3 -3
  5. package/Alert/Alert.d.ts +3 -3
  6. package/AlertTitle/AlertTitle.d.ts +3 -3
  7. package/AppBar/AppBar.d.ts +3 -3
  8. package/Autocomplete/Autocomplete.d.ts +2 -2
  9. package/Autocomplete/Autocomplete.js +1 -1
  10. package/Avatar/Avatar.d.ts +2 -2
  11. package/AvatarGroup/AvatarGroup.d.ts +2 -2
  12. package/Backdrop/Backdrop.d.ts +3 -3
  13. package/Badge/Badge.d.ts +3 -3
  14. package/BottomNavigation/BottomNavigation.d.ts +2 -2
  15. package/BottomNavigationAction/BottomNavigationAction.d.ts +3 -3
  16. package/Box/Box.d.ts +2 -2
  17. package/Breadcrumbs/Breadcrumbs.d.ts +3 -3
  18. package/Button/Button.d.ts +4 -4
  19. package/ButtonBase/ButtonBase.d.ts +2 -2
  20. package/ButtonGroup/ButtonGroup.d.ts +2 -2
  21. package/CHANGELOG.md +77 -0
  22. package/Card/Card.d.ts +3 -3
  23. package/CardActionArea/CardActionArea.d.ts +3 -3
  24. package/CardActions/CardActions.d.ts +2 -2
  25. package/CardContent/CardContent.d.ts +2 -2
  26. package/CardHeader/CardHeader.d.ts +2 -2
  27. package/CardMedia/CardMedia.d.ts +2 -2
  28. package/Checkbox/Checkbox.d.ts +4 -4
  29. package/Chip/Chip.d.ts +2 -2
  30. package/CircularProgress/CircularProgress.d.ts +2 -2
  31. package/ClickAwayListener/ClickAwayListener.d.ts +3 -3
  32. package/ClickAwayListener/ClickAwayListener.js +3 -3
  33. package/Collapse/Collapse.d.ts +5 -5
  34. package/Container/Container.d.ts +2 -2
  35. package/CssBaseline/CssBaseline.d.ts +2 -2
  36. package/Dialog/Dialog.d.ts +3 -3
  37. package/DialogActions/DialogActions.d.ts +2 -2
  38. package/DialogContent/DialogContent.d.ts +2 -2
  39. package/DialogContentText/DialogContentText.d.ts +3 -3
  40. package/DialogTitle/DialogTitle.d.ts +3 -3
  41. package/Divider/Divider.d.ts +3 -3
  42. package/Drawer/Drawer.d.ts +3 -3
  43. package/Fab/Fab.d.ts +3 -3
  44. package/Fade/Fade.d.ts +3 -3
  45. package/FilledInput/FilledInput.d.ts +3 -3
  46. package/FormControl/FormControl.d.ts +6 -6
  47. package/FormControlLabel/FormControlLabel.d.ts +4 -4
  48. package/FormGroup/FormGroup.d.ts +3 -3
  49. package/FormHelperText/FormHelperText.d.ts +2 -2
  50. package/FormLabel/FormLabel.d.ts +4 -4
  51. package/GlobalStyles/GlobalStyles.d.ts +2 -2
  52. package/Grid/Grid.d.ts +2 -2
  53. package/Grid/Grid.js +2 -2
  54. package/GridLegacy/GridLegacy.d.ts +2 -2
  55. package/Grow/Grow.d.ts +5 -5
  56. package/Icon/Icon.d.ts +3 -3
  57. package/IconButton/IconButton.d.ts +4 -4
  58. package/ImageList/ImageList.d.ts +2 -2
  59. package/ImageListItem/ImageListItem.d.ts +2 -2
  60. package/ImageListItemBar/ImageListItemBar.d.ts +2 -2
  61. package/Input/Input.d.ts +3 -3
  62. package/InputAdornment/InputAdornment.d.ts +2 -2
  63. package/InputBase/InputBase.d.ts +2 -2
  64. package/InputBase/InputBase.js +2 -2
  65. package/InputLabel/InputLabel.d.ts +3 -3
  66. package/LinearProgress/LinearProgress.d.ts +2 -2
  67. package/Link/Link.d.ts +4 -4
  68. package/List/List.d.ts +3 -3
  69. package/ListItem/ListItem.d.ts +3 -3
  70. package/ListItemAvatar/ListItemAvatar.d.ts +2 -2
  71. package/ListItemButton/ListItemButton.d.ts +3 -3
  72. package/ListItemIcon/ListItemIcon.d.ts +2 -2
  73. package/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +2 -2
  74. package/ListItemText/ListItemText.d.ts +2 -2
  75. package/ListSubheader/ListSubheader.d.ts +2 -2
  76. package/Menu/Menu.d.ts +4 -4
  77. package/MenuItem/MenuItem.d.ts +3 -3
  78. package/MenuList/MenuList.d.ts +4 -4
  79. package/MobileStepper/MobileStepper.d.ts +3 -3
  80. package/Modal/Modal.d.ts +7 -7
  81. package/NativeSelect/NativeSelect.d.ts +3 -3
  82. package/NoSsr/NoSsr.d.ts +2 -2
  83. package/NoSsr/NoSsr.js +2 -2
  84. package/OutlinedInput/OutlinedInput.d.ts +3 -3
  85. package/Pagination/Pagination.d.ts +2 -2
  86. package/PaginationItem/PaginationItem.d.ts +2 -2
  87. package/Paper/Paper.d.ts +3 -3
  88. package/PigmentContainer/PigmentContainer.d.ts +2 -2
  89. package/PigmentContainer/PigmentContainer.js +2 -2
  90. package/PigmentGrid/PigmentGrid.d.ts +2 -2
  91. package/PigmentGrid/PigmentGrid.js +2 -2
  92. package/PigmentStack/PigmentStack.d.ts +2 -2
  93. package/PigmentStack/PigmentStack.js +2 -2
  94. package/Popover/Popover.d.ts +4 -4
  95. package/Popper/Popper.d.ts +4 -4
  96. package/Popper/Popper.js +4 -4
  97. package/Portal/Portal.d.ts +2 -2
  98. package/Portal/Portal.js +2 -2
  99. package/README.md +3 -3
  100. package/Radio/Radio.d.ts +3 -3
  101. package/RadioGroup/RadioGroup.d.ts +3 -3
  102. package/Rating/Rating.d.ts +2 -2
  103. package/ScopedCssBaseline/ScopedCssBaseline.d.ts +2 -2
  104. package/Select/Select.d.ts +3 -3
  105. package/Select/SelectInput.js +2 -2
  106. package/Skeleton/Skeleton.d.ts +2 -2
  107. package/Slide/Slide.d.ts +4 -4
  108. package/Slider/Slider.d.ts +2 -2
  109. package/Snackbar/Snackbar.d.ts +2 -2
  110. package/SnackbarContent/SnackbarContent.d.ts +3 -3
  111. package/SpeedDial/SpeedDial.d.ts +2 -2
  112. package/SpeedDialAction/SpeedDialAction.d.ts +3 -3
  113. package/SpeedDialIcon/SpeedDialIcon.d.ts +2 -2
  114. package/Stack/Stack.d.ts +2 -2
  115. package/Step/Step.d.ts +2 -2
  116. package/StepButton/StepButton.d.ts +3 -3
  117. package/StepConnector/StepConnector.d.ts +2 -2
  118. package/StepContent/StepContent.d.ts +2 -2
  119. package/StepIcon/StepIcon.d.ts +3 -3
  120. package/StepLabel/StepLabel.d.ts +21 -3
  121. package/StepLabel/StepLabel.js +14 -5
  122. package/Stepper/Stepper.d.ts +2 -2
  123. package/SvgIcon/SvgIcon.d.ts +3 -3
  124. package/SwipeableDrawer/SwipeableDrawer.d.ts +3 -3
  125. package/Switch/Switch.d.ts +66 -5
  126. package/Switch/Switch.js +71 -9
  127. package/Tab/Tab.d.ts +3 -3
  128. package/TabScrollButton/TabScrollButton.d.ts +2 -2
  129. package/Table/Table.d.ts +2 -2
  130. package/TableBody/TableBody.d.ts +2 -2
  131. package/TableCell/TableCell.d.ts +2 -2
  132. package/TableContainer/TableContainer.d.ts +2 -2
  133. package/TableFooter/TableFooter.d.ts +2 -2
  134. package/TableHead/TableHead.d.ts +2 -2
  135. package/TablePagination/TablePagination.d.ts +4 -4
  136. package/TableRow/TableRow.d.ts +2 -2
  137. package/TableSortLabel/TableSortLabel.d.ts +3 -3
  138. package/Tabs/Tabs.d.ts +2 -2
  139. package/Tabs/Tabs.js +4 -0
  140. package/TextField/TextField.d.ts +40 -10
  141. package/TextField/TextField.js +22 -11
  142. package/TextareaAutosize/TextareaAutosize.d.ts +2 -2
  143. package/TextareaAutosize/TextareaAutosize.js +2 -2
  144. package/ToggleButton/ToggleButton.d.ts +3 -3
  145. package/ToggleButtonGroup/ToggleButtonGroup.d.ts +2 -2
  146. package/Toolbar/Toolbar.d.ts +2 -2
  147. package/Tooltip/Tooltip.d.ts +2 -2
  148. package/Typography/Typography.d.ts +3 -3
  149. package/Zoom/Zoom.d.ts +3 -3
  150. package/esm/Accordion/Accordion.d.ts +3 -3
  151. package/esm/AccordionActions/AccordionActions.d.ts +2 -2
  152. package/esm/AccordionDetails/AccordionDetails.d.ts +2 -2
  153. package/esm/AccordionSummary/AccordionSummary.d.ts +3 -3
  154. package/esm/Alert/Alert.d.ts +3 -3
  155. package/esm/AlertTitle/AlertTitle.d.ts +3 -3
  156. package/esm/AppBar/AppBar.d.ts +3 -3
  157. package/esm/Autocomplete/Autocomplete.d.ts +2 -2
  158. package/esm/Autocomplete/Autocomplete.js +1 -1
  159. package/esm/Avatar/Avatar.d.ts +2 -2
  160. package/esm/AvatarGroup/AvatarGroup.d.ts +2 -2
  161. package/esm/Backdrop/Backdrop.d.ts +3 -3
  162. package/esm/Badge/Badge.d.ts +3 -3
  163. package/esm/BottomNavigation/BottomNavigation.d.ts +2 -2
  164. package/esm/BottomNavigationAction/BottomNavigationAction.d.ts +3 -3
  165. package/esm/Box/Box.d.ts +2 -2
  166. package/esm/Breadcrumbs/Breadcrumbs.d.ts +3 -3
  167. package/esm/Button/Button.d.ts +4 -4
  168. package/esm/ButtonBase/ButtonBase.d.ts +2 -2
  169. package/esm/ButtonGroup/ButtonGroup.d.ts +2 -2
  170. package/esm/Card/Card.d.ts +3 -3
  171. package/esm/CardActionArea/CardActionArea.d.ts +3 -3
  172. package/esm/CardActions/CardActions.d.ts +2 -2
  173. package/esm/CardContent/CardContent.d.ts +2 -2
  174. package/esm/CardHeader/CardHeader.d.ts +2 -2
  175. package/esm/CardMedia/CardMedia.d.ts +2 -2
  176. package/esm/Checkbox/Checkbox.d.ts +4 -4
  177. package/esm/Chip/Chip.d.ts +2 -2
  178. package/esm/CircularProgress/CircularProgress.d.ts +2 -2
  179. package/esm/ClickAwayListener/ClickAwayListener.d.ts +3 -3
  180. package/esm/ClickAwayListener/ClickAwayListener.js +3 -3
  181. package/esm/Collapse/Collapse.d.ts +5 -5
  182. package/esm/Container/Container.d.ts +2 -2
  183. package/esm/CssBaseline/CssBaseline.d.ts +2 -2
  184. package/esm/Dialog/Dialog.d.ts +3 -3
  185. package/esm/DialogActions/DialogActions.d.ts +2 -2
  186. package/esm/DialogContent/DialogContent.d.ts +2 -2
  187. package/esm/DialogContentText/DialogContentText.d.ts +3 -3
  188. package/esm/DialogTitle/DialogTitle.d.ts +3 -3
  189. package/esm/Divider/Divider.d.ts +3 -3
  190. package/esm/Drawer/Drawer.d.ts +3 -3
  191. package/esm/Fab/Fab.d.ts +3 -3
  192. package/esm/Fade/Fade.d.ts +3 -3
  193. package/esm/FilledInput/FilledInput.d.ts +3 -3
  194. package/esm/FormControl/FormControl.d.ts +6 -6
  195. package/esm/FormControlLabel/FormControlLabel.d.ts +4 -4
  196. package/esm/FormGroup/FormGroup.d.ts +3 -3
  197. package/esm/FormHelperText/FormHelperText.d.ts +2 -2
  198. package/esm/FormLabel/FormLabel.d.ts +4 -4
  199. package/esm/GlobalStyles/GlobalStyles.d.ts +2 -2
  200. package/esm/Grid/Grid.d.ts +2 -2
  201. package/esm/Grid/Grid.js +2 -2
  202. package/esm/GridLegacy/GridLegacy.d.ts +2 -2
  203. package/esm/Grow/Grow.d.ts +5 -5
  204. package/esm/Icon/Icon.d.ts +3 -3
  205. package/esm/IconButton/IconButton.d.ts +4 -4
  206. package/esm/ImageList/ImageList.d.ts +2 -2
  207. package/esm/ImageListItem/ImageListItem.d.ts +2 -2
  208. package/esm/ImageListItemBar/ImageListItemBar.d.ts +2 -2
  209. package/esm/Input/Input.d.ts +3 -3
  210. package/esm/InputAdornment/InputAdornment.d.ts +2 -2
  211. package/esm/InputBase/InputBase.d.ts +2 -2
  212. package/esm/InputBase/InputBase.js +2 -2
  213. package/esm/InputLabel/InputLabel.d.ts +3 -3
  214. package/esm/LinearProgress/LinearProgress.d.ts +2 -2
  215. package/esm/Link/Link.d.ts +4 -4
  216. package/esm/List/List.d.ts +3 -3
  217. package/esm/ListItem/ListItem.d.ts +3 -3
  218. package/esm/ListItemAvatar/ListItemAvatar.d.ts +2 -2
  219. package/esm/ListItemButton/ListItemButton.d.ts +3 -3
  220. package/esm/ListItemIcon/ListItemIcon.d.ts +2 -2
  221. package/esm/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +2 -2
  222. package/esm/ListItemText/ListItemText.d.ts +2 -2
  223. package/esm/ListSubheader/ListSubheader.d.ts +2 -2
  224. package/esm/Menu/Menu.d.ts +4 -4
  225. package/esm/MenuItem/MenuItem.d.ts +3 -3
  226. package/esm/MenuList/MenuList.d.ts +4 -4
  227. package/esm/MobileStepper/MobileStepper.d.ts +3 -3
  228. package/esm/Modal/Modal.d.ts +7 -7
  229. package/esm/NativeSelect/NativeSelect.d.ts +3 -3
  230. package/esm/NoSsr/NoSsr.d.ts +2 -2
  231. package/esm/NoSsr/NoSsr.js +2 -2
  232. package/esm/OutlinedInput/OutlinedInput.d.ts +3 -3
  233. package/esm/Pagination/Pagination.d.ts +2 -2
  234. package/esm/PaginationItem/PaginationItem.d.ts +2 -2
  235. package/esm/Paper/Paper.d.ts +3 -3
  236. package/esm/PigmentContainer/PigmentContainer.d.ts +2 -2
  237. package/esm/PigmentContainer/PigmentContainer.js +2 -2
  238. package/esm/PigmentGrid/PigmentGrid.d.ts +2 -2
  239. package/esm/PigmentGrid/PigmentGrid.js +2 -2
  240. package/esm/PigmentStack/PigmentStack.d.ts +2 -2
  241. package/esm/PigmentStack/PigmentStack.js +2 -2
  242. package/esm/Popover/Popover.d.ts +4 -4
  243. package/esm/Popper/Popper.d.ts +4 -4
  244. package/esm/Popper/Popper.js +4 -4
  245. package/esm/Portal/Portal.d.ts +2 -2
  246. package/esm/Portal/Portal.js +2 -2
  247. package/esm/Radio/Radio.d.ts +3 -3
  248. package/esm/RadioGroup/RadioGroup.d.ts +3 -3
  249. package/esm/Rating/Rating.d.ts +2 -2
  250. package/esm/ScopedCssBaseline/ScopedCssBaseline.d.ts +2 -2
  251. package/esm/Select/Select.d.ts +3 -3
  252. package/esm/Select/SelectInput.js +2 -2
  253. package/esm/Skeleton/Skeleton.d.ts +2 -2
  254. package/esm/Slide/Slide.d.ts +4 -4
  255. package/esm/Slider/Slider.d.ts +2 -2
  256. package/esm/Snackbar/Snackbar.d.ts +2 -2
  257. package/esm/SnackbarContent/SnackbarContent.d.ts +3 -3
  258. package/esm/SpeedDial/SpeedDial.d.ts +2 -2
  259. package/esm/SpeedDialAction/SpeedDialAction.d.ts +3 -3
  260. package/esm/SpeedDialIcon/SpeedDialIcon.d.ts +2 -2
  261. package/esm/Stack/Stack.d.ts +2 -2
  262. package/esm/Step/Step.d.ts +2 -2
  263. package/esm/StepButton/StepButton.d.ts +3 -3
  264. package/esm/StepConnector/StepConnector.d.ts +2 -2
  265. package/esm/StepContent/StepContent.d.ts +2 -2
  266. package/esm/StepIcon/StepIcon.d.ts +3 -3
  267. package/esm/StepLabel/StepLabel.d.ts +21 -3
  268. package/esm/StepLabel/StepLabel.js +14 -5
  269. package/esm/Stepper/Stepper.d.ts +2 -2
  270. package/esm/SvgIcon/SvgIcon.d.ts +3 -3
  271. package/esm/SwipeableDrawer/SwipeableDrawer.d.ts +3 -3
  272. package/esm/Switch/Switch.d.ts +66 -5
  273. package/esm/Switch/Switch.js +71 -9
  274. package/esm/Tab/Tab.d.ts +3 -3
  275. package/esm/TabScrollButton/TabScrollButton.d.ts +2 -2
  276. package/esm/Table/Table.d.ts +2 -2
  277. package/esm/TableBody/TableBody.d.ts +2 -2
  278. package/esm/TableCell/TableCell.d.ts +2 -2
  279. package/esm/TableContainer/TableContainer.d.ts +2 -2
  280. package/esm/TableFooter/TableFooter.d.ts +2 -2
  281. package/esm/TableHead/TableHead.d.ts +2 -2
  282. package/esm/TablePagination/TablePagination.d.ts +4 -4
  283. package/esm/TableRow/TableRow.d.ts +2 -2
  284. package/esm/TableSortLabel/TableSortLabel.d.ts +3 -3
  285. package/esm/Tabs/Tabs.d.ts +2 -2
  286. package/esm/Tabs/Tabs.js +4 -0
  287. package/esm/TextField/TextField.d.ts +40 -10
  288. package/esm/TextField/TextField.js +22 -11
  289. package/esm/TextareaAutosize/TextareaAutosize.d.ts +2 -2
  290. package/esm/TextareaAutosize/TextareaAutosize.js +2 -2
  291. package/esm/ToggleButton/ToggleButton.d.ts +3 -3
  292. package/esm/ToggleButtonGroup/ToggleButtonGroup.d.ts +2 -2
  293. package/esm/Toolbar/Toolbar.d.ts +2 -2
  294. package/esm/Tooltip/Tooltip.d.ts +2 -2
  295. package/esm/Typography/Typography.d.ts +3 -3
  296. package/esm/Zoom/Zoom.d.ts +3 -3
  297. package/esm/index.js +1 -1
  298. package/esm/styles/createPalette.js +3 -3
  299. package/esm/styles/createThemeNoVars.js +2 -2
  300. package/esm/styles/createThemeWithVars.js +2 -2
  301. package/esm/styles/index.js +2 -2
  302. package/esm/styles/makeStyles.js +2 -2
  303. package/esm/styles/responsiveFontSizes.js +2 -2
  304. package/esm/styles/withStyles.js +2 -2
  305. package/esm/styles/withTheme.js +2 -2
  306. package/esm/useAutocomplete/useAutocomplete.d.ts +2 -2
  307. package/esm/useAutocomplete/useAutocomplete.js +3 -3
  308. package/esm/utils/mergeSlotProps.js +25 -0
  309. package/esm/version/index.js +2 -2
  310. package/index.js +1 -1
  311. package/modern/Accordion/Accordion.d.ts +3 -3
  312. package/modern/AccordionActions/AccordionActions.d.ts +2 -2
  313. package/modern/AccordionDetails/AccordionDetails.d.ts +2 -2
  314. package/modern/AccordionSummary/AccordionSummary.d.ts +3 -3
  315. package/modern/Alert/Alert.d.ts +3 -3
  316. package/modern/AlertTitle/AlertTitle.d.ts +3 -3
  317. package/modern/AppBar/AppBar.d.ts +3 -3
  318. package/modern/Autocomplete/Autocomplete.d.ts +2 -2
  319. package/modern/Autocomplete/Autocomplete.js +1 -1
  320. package/modern/Avatar/Avatar.d.ts +2 -2
  321. package/modern/AvatarGroup/AvatarGroup.d.ts +2 -2
  322. package/modern/Backdrop/Backdrop.d.ts +3 -3
  323. package/modern/Badge/Badge.d.ts +3 -3
  324. package/modern/BottomNavigation/BottomNavigation.d.ts +2 -2
  325. package/modern/BottomNavigationAction/BottomNavigationAction.d.ts +3 -3
  326. package/modern/Box/Box.d.ts +2 -2
  327. package/modern/Breadcrumbs/Breadcrumbs.d.ts +3 -3
  328. package/modern/Button/Button.d.ts +4 -4
  329. package/modern/ButtonBase/ButtonBase.d.ts +2 -2
  330. package/modern/ButtonGroup/ButtonGroup.d.ts +2 -2
  331. package/modern/Card/Card.d.ts +3 -3
  332. package/modern/CardActionArea/CardActionArea.d.ts +3 -3
  333. package/modern/CardActions/CardActions.d.ts +2 -2
  334. package/modern/CardContent/CardContent.d.ts +2 -2
  335. package/modern/CardHeader/CardHeader.d.ts +2 -2
  336. package/modern/CardMedia/CardMedia.d.ts +2 -2
  337. package/modern/Checkbox/Checkbox.d.ts +4 -4
  338. package/modern/Chip/Chip.d.ts +2 -2
  339. package/modern/CircularProgress/CircularProgress.d.ts +2 -2
  340. package/modern/ClickAwayListener/ClickAwayListener.d.ts +3 -3
  341. package/modern/ClickAwayListener/ClickAwayListener.js +3 -3
  342. package/modern/Collapse/Collapse.d.ts +5 -5
  343. package/modern/Container/Container.d.ts +2 -2
  344. package/modern/CssBaseline/CssBaseline.d.ts +2 -2
  345. package/modern/Dialog/Dialog.d.ts +3 -3
  346. package/modern/DialogActions/DialogActions.d.ts +2 -2
  347. package/modern/DialogContent/DialogContent.d.ts +2 -2
  348. package/modern/DialogContentText/DialogContentText.d.ts +3 -3
  349. package/modern/DialogTitle/DialogTitle.d.ts +3 -3
  350. package/modern/Divider/Divider.d.ts +3 -3
  351. package/modern/Drawer/Drawer.d.ts +3 -3
  352. package/modern/Fab/Fab.d.ts +3 -3
  353. package/modern/Fade/Fade.d.ts +3 -3
  354. package/modern/FilledInput/FilledInput.d.ts +3 -3
  355. package/modern/FormControl/FormControl.d.ts +6 -6
  356. package/modern/FormControlLabel/FormControlLabel.d.ts +4 -4
  357. package/modern/FormGroup/FormGroup.d.ts +3 -3
  358. package/modern/FormHelperText/FormHelperText.d.ts +2 -2
  359. package/modern/FormLabel/FormLabel.d.ts +4 -4
  360. package/modern/GlobalStyles/GlobalStyles.d.ts +2 -2
  361. package/modern/Grid/Grid.d.ts +2 -2
  362. package/modern/Grid/Grid.js +2 -2
  363. package/modern/GridLegacy/GridLegacy.d.ts +2 -2
  364. package/modern/Grow/Grow.d.ts +5 -5
  365. package/modern/Icon/Icon.d.ts +3 -3
  366. package/modern/IconButton/IconButton.d.ts +4 -4
  367. package/modern/ImageList/ImageList.d.ts +2 -2
  368. package/modern/ImageListItem/ImageListItem.d.ts +2 -2
  369. package/modern/ImageListItemBar/ImageListItemBar.d.ts +2 -2
  370. package/modern/Input/Input.d.ts +3 -3
  371. package/modern/InputAdornment/InputAdornment.d.ts +2 -2
  372. package/modern/InputBase/InputBase.d.ts +2 -2
  373. package/modern/InputBase/InputBase.js +2 -2
  374. package/modern/InputLabel/InputLabel.d.ts +3 -3
  375. package/modern/LinearProgress/LinearProgress.d.ts +2 -2
  376. package/modern/Link/Link.d.ts +4 -4
  377. package/modern/List/List.d.ts +3 -3
  378. package/modern/ListItem/ListItem.d.ts +3 -3
  379. package/modern/ListItemAvatar/ListItemAvatar.d.ts +2 -2
  380. package/modern/ListItemButton/ListItemButton.d.ts +3 -3
  381. package/modern/ListItemIcon/ListItemIcon.d.ts +2 -2
  382. package/modern/ListItemSecondaryAction/ListItemSecondaryAction.d.ts +2 -2
  383. package/modern/ListItemText/ListItemText.d.ts +2 -2
  384. package/modern/ListSubheader/ListSubheader.d.ts +2 -2
  385. package/modern/Menu/Menu.d.ts +4 -4
  386. package/modern/MenuItem/MenuItem.d.ts +3 -3
  387. package/modern/MenuList/MenuList.d.ts +4 -4
  388. package/modern/MobileStepper/MobileStepper.d.ts +3 -3
  389. package/modern/Modal/Modal.d.ts +7 -7
  390. package/modern/NativeSelect/NativeSelect.d.ts +3 -3
  391. package/modern/NoSsr/NoSsr.d.ts +2 -2
  392. package/modern/NoSsr/NoSsr.js +2 -2
  393. package/modern/OutlinedInput/OutlinedInput.d.ts +3 -3
  394. package/modern/Pagination/Pagination.d.ts +2 -2
  395. package/modern/PaginationItem/PaginationItem.d.ts +2 -2
  396. package/modern/Paper/Paper.d.ts +3 -3
  397. package/modern/PigmentContainer/PigmentContainer.d.ts +2 -2
  398. package/modern/PigmentContainer/PigmentContainer.js +2 -2
  399. package/modern/PigmentGrid/PigmentGrid.d.ts +2 -2
  400. package/modern/PigmentGrid/PigmentGrid.js +2 -2
  401. package/modern/PigmentStack/PigmentStack.d.ts +2 -2
  402. package/modern/PigmentStack/PigmentStack.js +2 -2
  403. package/modern/Popover/Popover.d.ts +4 -4
  404. package/modern/Popper/Popper.d.ts +4 -4
  405. package/modern/Popper/Popper.js +4 -4
  406. package/modern/Portal/Portal.d.ts +2 -2
  407. package/modern/Portal/Portal.js +2 -2
  408. package/modern/Radio/Radio.d.ts +3 -3
  409. package/modern/RadioGroup/RadioGroup.d.ts +3 -3
  410. package/modern/Rating/Rating.d.ts +2 -2
  411. package/modern/ScopedCssBaseline/ScopedCssBaseline.d.ts +2 -2
  412. package/modern/Select/Select.d.ts +3 -3
  413. package/modern/Select/SelectInput.js +2 -2
  414. package/modern/Skeleton/Skeleton.d.ts +2 -2
  415. package/modern/Slide/Slide.d.ts +4 -4
  416. package/modern/Slider/Slider.d.ts +2 -2
  417. package/modern/Snackbar/Snackbar.d.ts +2 -2
  418. package/modern/SnackbarContent/SnackbarContent.d.ts +3 -3
  419. package/modern/SpeedDial/SpeedDial.d.ts +2 -2
  420. package/modern/SpeedDialAction/SpeedDialAction.d.ts +3 -3
  421. package/modern/SpeedDialIcon/SpeedDialIcon.d.ts +2 -2
  422. package/modern/Stack/Stack.d.ts +2 -2
  423. package/modern/Step/Step.d.ts +2 -2
  424. package/modern/StepButton/StepButton.d.ts +3 -3
  425. package/modern/StepConnector/StepConnector.d.ts +2 -2
  426. package/modern/StepContent/StepContent.d.ts +2 -2
  427. package/modern/StepIcon/StepIcon.d.ts +3 -3
  428. package/modern/StepLabel/StepLabel.d.ts +21 -3
  429. package/modern/StepLabel/StepLabel.js +14 -5
  430. package/modern/Stepper/Stepper.d.ts +2 -2
  431. package/modern/SvgIcon/SvgIcon.d.ts +3 -3
  432. package/modern/SwipeableDrawer/SwipeableDrawer.d.ts +3 -3
  433. package/modern/Switch/Switch.d.ts +66 -5
  434. package/modern/Switch/Switch.js +71 -9
  435. package/modern/Tab/Tab.d.ts +3 -3
  436. package/modern/TabScrollButton/TabScrollButton.d.ts +2 -2
  437. package/modern/Table/Table.d.ts +2 -2
  438. package/modern/TableBody/TableBody.d.ts +2 -2
  439. package/modern/TableCell/TableCell.d.ts +2 -2
  440. package/modern/TableContainer/TableContainer.d.ts +2 -2
  441. package/modern/TableFooter/TableFooter.d.ts +2 -2
  442. package/modern/TableHead/TableHead.d.ts +2 -2
  443. package/modern/TablePagination/TablePagination.d.ts +4 -4
  444. package/modern/TableRow/TableRow.d.ts +2 -2
  445. package/modern/TableSortLabel/TableSortLabel.d.ts +3 -3
  446. package/modern/Tabs/Tabs.d.ts +2 -2
  447. package/modern/Tabs/Tabs.js +4 -0
  448. package/modern/TextField/TextField.d.ts +40 -10
  449. package/modern/TextField/TextField.js +22 -11
  450. package/modern/TextareaAutosize/TextareaAutosize.d.ts +2 -2
  451. package/modern/TextareaAutosize/TextareaAutosize.js +2 -2
  452. package/modern/ToggleButton/ToggleButton.d.ts +3 -3
  453. package/modern/ToggleButtonGroup/ToggleButtonGroup.d.ts +2 -2
  454. package/modern/Toolbar/Toolbar.d.ts +2 -2
  455. package/modern/Tooltip/Tooltip.d.ts +2 -2
  456. package/modern/Typography/Typography.d.ts +3 -3
  457. package/modern/Zoom/Zoom.d.ts +3 -3
  458. package/modern/index.js +1 -1
  459. package/modern/styles/createPalette.js +3 -3
  460. package/modern/styles/createThemeNoVars.js +2 -2
  461. package/modern/styles/createThemeWithVars.js +2 -2
  462. package/modern/styles/index.js +2 -2
  463. package/modern/styles/makeStyles.js +2 -2
  464. package/modern/styles/responsiveFontSizes.js +2 -2
  465. package/modern/styles/withStyles.js +2 -2
  466. package/modern/styles/withTheme.js +2 -2
  467. package/modern/useAutocomplete/useAutocomplete.d.ts +2 -2
  468. package/modern/useAutocomplete/useAutocomplete.js +3 -3
  469. package/modern/utils/mergeSlotProps.js +25 -0
  470. package/modern/version/index.js +2 -2
  471. package/package.json +7 -7
  472. package/styles/createPalette.js +3 -3
  473. package/styles/createThemeNoVars.js +2 -2
  474. package/styles/createThemeWithVars.js +2 -2
  475. package/styles/index.js +2 -2
  476. package/styles/makeStyles.js +2 -2
  477. package/styles/responsiveFontSizes.js +2 -2
  478. package/styles/withStyles.js +2 -2
  479. package/styles/withTheme.js +2 -2
  480. package/tsconfig.build.tsbuildinfo +1 -1
  481. package/useAutocomplete/useAutocomplete.d.ts +2 -2
  482. package/useAutocomplete/useAutocomplete.js +3 -3
  483. package/utils/mergeSlotProps.js +24 -0
  484. package/version/index.js +2 -2
@@ -85,12 +85,12 @@ export interface TypographyTypeMap<AdditionalProps = {}, RootComponent extends R
85
85
  *
86
86
  * Demos:
87
87
  *
88
- * - [Breadcrumbs](https://next.mui.com/material-ui/react-breadcrumbs/)
89
- * - [Typography](https://next.mui.com/material-ui/react-typography/)
88
+ * - [Breadcrumbs](https://mui.com/material-ui/react-breadcrumbs/)
89
+ * - [Typography](https://mui.com/material-ui/react-typography/)
90
90
  *
91
91
  * API:
92
92
  *
93
- * - [Typography API](https://next.mui.com/material-ui/api/typography/)
93
+ * - [Typography API](https://mui.com/material-ui/api/typography/)
94
94
  */
95
95
  declare const Typography: OverridableComponent<TypographyTypeMap>;
96
96
  export type TypographyProps<RootComponent extends React.ElementType = TypographyTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TypographyTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
@@ -34,16 +34,16 @@ export interface ZoomProps extends TransitionProps {
34
34
 
35
35
  /**
36
36
  * The Zoom transition can be used for the floating variant of the
37
- * [Button](https://next.mui.com/material-ui/react-button/#floating-action-buttons) component.
37
+ * [Button](https://mui.com/material-ui/react-button/#floating-action-buttons) component.
38
38
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
39
39
  *
40
40
  * Demos:
41
41
  *
42
- * - [Transitions](https://next.mui.com/material-ui/transitions/)
42
+ * - [Transitions](https://mui.com/material-ui/transitions/)
43
43
  *
44
44
  * API:
45
45
  *
46
- * - [Zoom API](https://next.mui.com/material-ui/api/zoom/)
46
+ * - [Zoom API](https://mui.com/material-ui/api/zoom/)
47
47
  * - inherits [Transition API](https://reactcommunity.org/react-transition-group/transition/#Transition-props)
48
48
  */
49
49
  export default function Zoom(props: ZoomProps): React.JSX.Element;
package/esm/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/material v7.0.0-beta.4
2
+ * @mui/material v7.0.0
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
@@ -1,4 +1,4 @@
1
- import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
1
+ import _formatErrorMessage from "@mui/utils/formatMuiErrorMessage";
2
2
  import deepmerge from '@mui/utils/deepmerge';
3
3
  import { darken, getContrastRatio, lighten } from '@mui/system/colorManipulator';
4
4
  import common from "../colors/common.js";
@@ -218,10 +218,10 @@ export default function createPalette(palette) {
218
218
  color.main = color[mainShade];
219
219
  }
220
220
  if (!color.hasOwnProperty('main')) {
221
- throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${name ? ` (${name})` : ''} provided to augmentColor(color) is invalid.\n` + `The color object needs to have a \`main\` property or a \`${mainShade}\` property.` : _formatMuiErrorMessage(11, name ? ` (${name})` : '', mainShade));
221
+ throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${name ? ` (${name})` : ''} provided to augmentColor(color) is invalid.\n` + `The color object needs to have a \`main\` property or a \`${mainShade}\` property.` : _formatErrorMessage(11, name ? ` (${name})` : '', mainShade));
222
222
  }
223
223
  if (typeof color.main !== 'string') {
224
- throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${name ? ` (${name})` : ''} provided to augmentColor(color) is invalid.\n` + `\`color.main\` should be a string, but \`${JSON.stringify(color.main)}\` was provided instead.\n` + '\n' + 'Did you intend to use one of the following approaches?\n' + '\n' + 'import { green } from "@mui/material/colors";\n' + '\n' + 'const theme1 = createTheme({ palette: {\n' + ' primary: green,\n' + '} });\n' + '\n' + 'const theme2 = createTheme({ palette: {\n' + ' primary: { main: green[500] },\n' + '} });' : _formatMuiErrorMessage(12, name ? ` (${name})` : '', JSON.stringify(color.main)));
224
+ throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${name ? ` (${name})` : ''} provided to augmentColor(color) is invalid.\n` + `\`color.main\` should be a string, but \`${JSON.stringify(color.main)}\` was provided instead.\n` + '\n' + 'Did you intend to use one of the following approaches?\n' + '\n' + 'import { green } from "@mui/material/colors";\n' + '\n' + 'const theme1 = createTheme({ palette: {\n' + ' primary: green,\n' + '} });\n' + '\n' + 'const theme2 = createTheme({ palette: {\n' + ' primary: { main: green[500] },\n' + '} });' : _formatErrorMessage(12, name ? ` (${name})` : '', JSON.stringify(color.main)));
225
225
  }
226
226
  addLightOrDark(color, 'light', lightShade, tonalOffset);
227
227
  addLightOrDark(color, 'dark', darkShade, tonalOffset);
@@ -1,4 +1,4 @@
1
- import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
1
+ import _formatErrorMessage from "@mui/utils/formatMuiErrorMessage";
2
2
  import deepmerge from '@mui/utils/deepmerge';
3
3
  import styleFunctionSx, { unstable_defaultSxConfig as defaultSxConfig } from '@mui/system/styleFunctionSx';
4
4
  import systemCreateTheme from '@mui/system/createTheme';
@@ -27,7 +27,7 @@ function createThemeNoVars(options = {}, ...args) {
27
27
  options.generateThemeVars === undefined) {
28
28
  throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: `vars` is a private field used for CSS variables support.\n' +
29
29
  // #host-reference
30
- 'Please use another name or follow the [docs](https://mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature.' : _formatMuiErrorMessage(20));
30
+ 'Please use another name or follow the [docs](https://mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature.' : _formatErrorMessage(20));
31
31
  }
32
32
  const palette = createPalette(paletteInput);
33
33
  const systemTheme = systemCreateTheme(options);
@@ -1,4 +1,4 @@
1
- import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
1
+ import _formatErrorMessage from "@mui/utils/formatMuiErrorMessage";
2
2
  import deepmerge from '@mui/utils/deepmerge';
3
3
  import { unstable_createGetCssVar as systemCreateGetCssVar, createSpacing } from '@mui/system';
4
4
  import { createUnarySpacing } from '@mui/system/spacing';
@@ -131,7 +131,7 @@ export default function createThemeWithVars(options = {}, ...args) {
131
131
  defaultScheme = true;
132
132
  }
133
133
  if (!defaultScheme) {
134
- throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${defaultColorScheme}\` option is either missing or invalid.` : _formatMuiErrorMessage(21, defaultColorScheme));
134
+ throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${defaultColorScheme}\` option is either missing or invalid.` : _formatErrorMessage(21, defaultColorScheme));
135
135
  }
136
136
 
137
137
  // Create the palette for the default color scheme, either `light`, `dark`, or custom color scheme.
@@ -1,4 +1,4 @@
1
- import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
1
+ import _formatErrorMessage from "@mui/utils/formatMuiErrorMessage";
2
2
  export { default as THEME_ID } from "./identifier.js";
3
3
  export { default as adaptV4Theme } from "./adaptV4Theme.js";
4
4
  export { hexToRgb, rgbToHex, hslToRgb, decomposeColor, recomposeColor, getContrastRatio, getLuminance, emphasize, alpha, darken, lighten, css, keyframes } from '@mui/system';
@@ -6,7 +6,7 @@ export { unstable_createBreakpoints } from '@mui/system/createBreakpoints';
6
6
  // TODO: Remove this function in v6.
7
7
  // eslint-disable-next-line @typescript-eslint/naming-convention
8
8
  export function experimental_sx() {
9
- throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: The `experimental_sx` has been moved to `theme.unstable_sx`.' + 'For more details, see https://github.com/mui/material-ui/pull/35150.' : _formatMuiErrorMessage(19));
9
+ throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: The `experimental_sx` has been moved to `theme.unstable_sx`.' + 'For more details, see https://github.com/mui/material-ui/pull/35150.' : _formatErrorMessage(19));
10
10
  }
11
11
  export { default as createTheme } from "./createTheme.js";
12
12
  export { default as unstable_createMuiStrictModeTheme } from "./createMuiStrictModeTheme.js";
@@ -1,4 +1,4 @@
1
- import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
1
+ import _formatErrorMessage from "@mui/utils/formatMuiErrorMessage";
2
2
  export default function makeStyles() {
3
- throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: makeStyles is no longer exported from @mui/material/styles.\n' + 'You have to import it from @mui/styles.\n' + 'See https://mui.com/r/migration-v4/#mui-material-styles for more details.' : _formatMuiErrorMessage(14));
3
+ throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: makeStyles is no longer exported from @mui/material/styles.\n' + 'You have to import it from @mui/styles.\n' + 'See https://mui.com/r/migration-v4/#mui-material-styles for more details.' : _formatErrorMessage(14));
4
4
  }
@@ -1,4 +1,4 @@
1
- import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
1
+ import _formatErrorMessage from "@mui/utils/formatMuiErrorMessage";
2
2
  import { isUnitless, convertLength, responsiveProperty, alignProperty, fontGrid } from "./cssUtils.js";
3
3
  export default function responsiveFontSizes(themeInput, options = {}) {
4
4
  const {
@@ -34,7 +34,7 @@ export default function responsiveFontSizes(themeInput, options = {}) {
34
34
  lineHeight
35
35
  } = style;
36
36
  if (!isUnitless(lineHeight) && !disableAlign) {
37
- throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: Unsupported non-unitless line height with grid alignment.\n' + 'Use unitless line heights instead.' : _formatMuiErrorMessage(6));
37
+ throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: Unsupported non-unitless line height with grid alignment.\n' + 'Use unitless line heights instead.' : _formatErrorMessage(6));
38
38
  }
39
39
  if (!isUnitless(lineHeight)) {
40
40
  // make it unitless
@@ -1,4 +1,4 @@
1
- import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
1
+ import _formatErrorMessage from "@mui/utils/formatMuiErrorMessage";
2
2
  export default function withStyles() {
3
- throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: withStyles is no longer exported from @mui/material/styles.\n' + 'You have to import it from @mui/styles.\n' + 'See https://mui.com/r/migration-v4/#mui-material-styles for more details.' : _formatMuiErrorMessage(15));
3
+ throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: withStyles is no longer exported from @mui/material/styles.\n' + 'You have to import it from @mui/styles.\n' + 'See https://mui.com/r/migration-v4/#mui-material-styles for more details.' : _formatErrorMessage(15));
4
4
  }
@@ -1,4 +1,4 @@
1
- import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
1
+ import _formatErrorMessage from "@mui/utils/formatMuiErrorMessage";
2
2
  export default function withTheme() {
3
- throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: withTheme is no longer exported from @mui/material/styles.\n' + 'You have to import it from @mui/styles.\n' + 'See https://mui.com/r/migration-v4/#mui-material-styles for more details.' : _formatMuiErrorMessage(16));
3
+ throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: withTheme is no longer exported from @mui/material/styles.\n' + 'You have to import it from @mui/styles.\n' + 'See https://mui.com/r/migration-v4/#mui-material-styles for more details.' : _formatErrorMessage(16));
4
4
  }
@@ -223,7 +223,7 @@ export interface UseAutocompleteProps<Value, Multiple extends boolean | undefine
223
223
  *
224
224
  * @param {React.SyntheticEvent} event The event source of the callback.
225
225
  * @param {Value} option The highlighted option.
226
- * @param {string} reason Can be: `"keyboard"`, `"auto"`, `"mouse"`, `"touch"`.
226
+ * @param {string} reason Can be: `"keyboard"`, `"mouse"`, `"touch"`.
227
227
  */
228
228
  onHighlightChange?: (event: React.SyntheticEvent, option: Value | null, reason: AutocompleteHighlightChangeReason) => void;
229
229
  /**
@@ -274,7 +274,7 @@ export interface UseAutocompleteProps<Value, Multiple extends boolean | undefine
274
274
  value?: AutocompleteValue<Value, Multiple, DisableClearable, FreeSolo>;
275
275
  }
276
276
  export interface UseAutocompleteParameters<Value, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> extends UseAutocompleteProps<Value, Multiple, DisableClearable, FreeSolo> {}
277
- export type AutocompleteHighlightChangeReason = 'keyboard' | 'mouse' | 'auto' | 'touch';
277
+ export type AutocompleteHighlightChangeReason = 'keyboard' | 'mouse' | 'touch';
278
278
  export type AutocompleteChangeReason = 'createOption' | 'selectOption' | 'removeOption' | 'clear' | 'blur';
279
279
  export interface AutocompleteChangeDetails<Value = string> {
280
280
  option: Value;
@@ -238,7 +238,7 @@ function useAutocomplete(props) {
238
238
  const setHighlightedIndex = useEventCallback(({
239
239
  event,
240
240
  index,
241
- reason = 'auto'
241
+ reason
242
242
  }) => {
243
243
  highlightedIndexRef.current = index;
244
244
 
@@ -248,7 +248,7 @@ function useAutocomplete(props) {
248
248
  } else {
249
249
  inputRef.current.setAttribute('aria-activedescendant', `${id}-option-${index}`);
250
250
  }
251
- if (onHighlightChange) {
251
+ if (onHighlightChange && ['mouse', 'keyboard', 'touch'].includes(reason)) {
252
252
  onHighlightChange(event, index === -1 ? null : filteredOptions[index], reason);
253
253
  }
254
254
  if (!listboxRef.current) {
@@ -301,7 +301,7 @@ function useAutocomplete(props) {
301
301
  event,
302
302
  diff,
303
303
  direction = 'next',
304
- reason = 'auto'
304
+ reason
305
305
  }) => {
306
306
  if (!popupOpen) {
307
307
  return;
@@ -1,8 +1,29 @@
1
1
  import clsx from 'clsx';
2
+
3
+ // Brought from [Base UI](https://github.com/mui/base-ui/blob/master/packages/react/src/merge-props/mergeProps.ts#L119)
4
+ // Use it directly from Base UI once it's a package dependency.
5
+ function isEventHandler(key, value) {
6
+ // This approach is more efficient than using a regex.
7
+ const thirdCharCode = key.charCodeAt(2);
8
+ return key[0] === 'o' && key[1] === 'n' && thirdCharCode >= 65 /* A */ && thirdCharCode <= 90 /* Z */ && typeof value === 'function';
9
+ }
2
10
  export default function mergeSlotProps(externalSlotProps, defaultSlotProps) {
3
11
  if (!externalSlotProps) {
4
12
  return defaultSlotProps;
5
13
  }
14
+ function extractHandlers(externalSlotPropsValue, defaultSlotPropsValue) {
15
+ const handlers = {};
16
+ Object.keys(defaultSlotPropsValue).forEach(key => {
17
+ if (isEventHandler(key, defaultSlotPropsValue[key]) && typeof externalSlotPropsValue[key] === 'function') {
18
+ // only compose the handlers if both default and external slot props match the event handler
19
+ handlers[key] = (...args) => {
20
+ externalSlotPropsValue[key](...args);
21
+ defaultSlotPropsValue[key](...args);
22
+ };
23
+ }
24
+ });
25
+ return handlers;
26
+ }
6
27
  if (typeof externalSlotProps === 'function' || typeof defaultSlotProps === 'function') {
7
28
  return ownerState => {
8
29
  const defaultSlotPropsValue = typeof defaultSlotProps === 'function' ? defaultSlotProps(ownerState) : defaultSlotProps;
@@ -11,9 +32,11 @@ export default function mergeSlotProps(externalSlotProps, defaultSlotProps) {
11
32
  ...defaultSlotPropsValue
12
33
  }) : externalSlotProps;
13
34
  const className = clsx(ownerState?.className, defaultSlotPropsValue?.className, externalSlotPropsValue?.className);
35
+ const handlers = extractHandlers(externalSlotPropsValue, defaultSlotPropsValue);
14
36
  return {
15
37
  ...defaultSlotPropsValue,
16
38
  ...externalSlotPropsValue,
39
+ ...handlers,
17
40
  ...(!!className && {
18
41
  className
19
42
  }),
@@ -30,10 +53,12 @@ export default function mergeSlotProps(externalSlotProps, defaultSlotProps) {
30
53
  };
31
54
  }
32
55
  const typedDefaultSlotProps = defaultSlotProps;
56
+ const handlers = extractHandlers(externalSlotProps, typedDefaultSlotProps);
33
57
  const className = clsx(typedDefaultSlotProps?.className, externalSlotProps?.className);
34
58
  return {
35
59
  ...defaultSlotProps,
36
60
  ...externalSlotProps,
61
+ ...handlers,
37
62
  ...(!!className && {
38
63
  className
39
64
  }),
@@ -1,6 +1,6 @@
1
- export const version = "7.0.0-beta.4";
1
+ export const version = "7.0.0";
2
2
  export const major = Number("7");
3
3
  export const minor = Number("0");
4
4
  export const patch = Number("0");
5
- export const prerelease = "beta.4";
5
+ export const prerelease = undefined;
6
6
  export default version;
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/material v7.0.0-beta.4
2
+ * @mui/material v7.0.0
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
@@ -107,12 +107,12 @@ export type AccordionTypeMap<AdditionalProps = {}, RootComponent extends React.E
107
107
  *
108
108
  * Demos:
109
109
  *
110
- * - [Accordion](https://next.mui.com/material-ui/react-accordion/)
110
+ * - [Accordion](https://mui.com/material-ui/react-accordion/)
111
111
  *
112
112
  * API:
113
113
  *
114
- * - [Accordion API](https://next.mui.com/material-ui/api/accordion/)
115
- * - inherits [Paper API](https://next.mui.com/material-ui/api/paper/)
114
+ * - [Accordion API](https://mui.com/material-ui/api/accordion/)
115
+ * - inherits [Paper API](https://mui.com/material-ui/api/paper/)
116
116
  */
117
117
  declare const Accordion: OverridableComponent<AccordionTypeMap>;
118
118
  export type AccordionProps<RootComponent extends React.ElementType = AccordionTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<AccordionTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
@@ -26,10 +26,10 @@ export interface AccordionActionsProps extends StandardProps<React.HTMLAttribute
26
26
  *
27
27
  * Demos:
28
28
  *
29
- * - [Accordion](https://next.mui.com/material-ui/react-accordion/)
29
+ * - [Accordion](https://mui.com/material-ui/react-accordion/)
30
30
  *
31
31
  * API:
32
32
  *
33
- * - [AccordionActions API](https://next.mui.com/material-ui/api/accordion-actions/)
33
+ * - [AccordionActions API](https://mui.com/material-ui/api/accordion-actions/)
34
34
  */
35
35
  export default function AccordionActions(props: AccordionActionsProps): React.JSX.Element;
@@ -21,10 +21,10 @@ export interface AccordionDetailsProps extends StandardProps<React.HTMLAttribute
21
21
  *
22
22
  * Demos:
23
23
  *
24
- * - [Accordion](https://next.mui.com/material-ui/react-accordion/)
24
+ * - [Accordion](https://mui.com/material-ui/react-accordion/)
25
25
  *
26
26
  * API:
27
27
  *
28
- * - [AccordionDetails API](https://next.mui.com/material-ui/api/accordion-details/)
28
+ * - [AccordionDetails API](https://mui.com/material-ui/api/accordion-details/)
29
29
  */
30
30
  export default function AccordionDetails(props: AccordionDetailsProps): React.JSX.Element;
@@ -66,12 +66,12 @@ export interface AccordionSummaryOwnerState extends Omit<AccordionSummaryProps,
66
66
  *
67
67
  * Demos:
68
68
  *
69
- * - [Accordion](https://next.mui.com/material-ui/react-accordion/)
69
+ * - [Accordion](https://mui.com/material-ui/react-accordion/)
70
70
  *
71
71
  * API:
72
72
  *
73
- * - [AccordionSummary API](https://next.mui.com/material-ui/api/accordion-summary/)
74
- * - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
73
+ * - [AccordionSummary API](https://mui.com/material-ui/api/accordion-summary/)
74
+ * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
75
75
  */
76
76
  declare const AccordionSummary: ExtendButtonBase<AccordionSummaryTypeMap>;
77
77
  export type AccordionSummaryProps<RootComponent extends React.ElementType = AccordionSummaryTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<AccordionSummaryTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
@@ -168,11 +168,11 @@ export interface AlertOwnerState extends AlertProps {}
168
168
  *
169
169
  * Demos:
170
170
  *
171
- * - [Alert](https://next.mui.com/material-ui/react-alert/)
171
+ * - [Alert](https://mui.com/material-ui/react-alert/)
172
172
  *
173
173
  * API:
174
174
  *
175
- * - [Alert API](https://next.mui.com/material-ui/api/alert/)
176
- * - inherits [Paper API](https://next.mui.com/material-ui/api/paper/)
175
+ * - [Alert API](https://mui.com/material-ui/api/alert/)
176
+ * - inherits [Paper API](https://mui.com/material-ui/api/paper/)
177
177
  */
178
178
  export default function Alert(props: AlertProps): React.JSX.Element;
@@ -21,11 +21,11 @@ export interface AlertTitleProps extends TypographyProps<'div'> {
21
21
  *
22
22
  * Demos:
23
23
  *
24
- * - [Alert](https://next.mui.com/material-ui/react-alert/)
24
+ * - [Alert](https://mui.com/material-ui/react-alert/)
25
25
  *
26
26
  * API:
27
27
  *
28
- * - [AlertTitle API](https://next.mui.com/material-ui/api/alert-title/)
29
- * - inherits [Typography API](https://next.mui.com/material-ui/api/typography/)
28
+ * - [AlertTitle API](https://mui.com/material-ui/api/alert-title/)
29
+ * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
30
30
  */
31
31
  export default function AlertTitle(props: AlertTitleProps): React.JSX.Element;
@@ -44,12 +44,12 @@ export type AppBarTypeMap<AdditionalProps = {}, RootComponent extends React.Elem
44
44
  *
45
45
  * Demos:
46
46
  *
47
- * - [App Bar](https://next.mui.com/material-ui/react-app-bar/)
47
+ * - [App Bar](https://mui.com/material-ui/react-app-bar/)
48
48
  *
49
49
  * API:
50
50
  *
51
- * - [AppBar API](https://next.mui.com/material-ui/api/app-bar/)
52
- * - inherits [Paper API](https://next.mui.com/material-ui/api/paper/)
51
+ * - [AppBar API](https://mui.com/material-ui/api/app-bar/)
52
+ * - inherits [Paper API](https://mui.com/material-ui/api/paper/)
53
53
  */
54
54
 
55
55
  declare const AppBar: OverridableComponent<AppBarTypeMap>;
@@ -281,10 +281,10 @@ export interface AutocompleteProps<Value, Multiple extends boolean | undefined,
281
281
  *
282
282
  * Demos:
283
283
  *
284
- * - [Autocomplete](https://next.mui.com/material-ui/react-autocomplete/)
284
+ * - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)
285
285
  *
286
286
  * API:
287
287
  *
288
- * - [Autocomplete API](https://next.mui.com/material-ui/api/autocomplete/)
288
+ * - [Autocomplete API](https://mui.com/material-ui/api/autocomplete/)
289
289
  */
290
290
  export default function Autocomplete<Value, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']>(props: AutocompleteProps<Value, Multiple, DisableClearable, FreeSolo, ChipComponent>): React.JSX.Element;
@@ -1037,7 +1037,7 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes /* remove-proptyp
1037
1037
  *
1038
1038
  * @param {React.SyntheticEvent} event The event source of the callback.
1039
1039
  * @param {Value} option The highlighted option.
1040
- * @param {string} reason Can be: `"keyboard"`, `"auto"`, `"mouse"`, `"touch"`.
1040
+ * @param {string} reason Can be: `"keyboard"`, `"mouse"`, `"touch"`.
1041
1041
  */
1042
1042
  onHighlightChange: PropTypes.func,
1043
1043
  /**
@@ -72,11 +72,11 @@ export interface AvatarTypeMap<AdditionalProps = {}, RootComponent extends React
72
72
  *
73
73
  * Demos:
74
74
  *
75
- * - [Avatar](https://next.mui.com/material-ui/react-avatar/)
75
+ * - [Avatar](https://mui.com/material-ui/react-avatar/)
76
76
  *
77
77
  * API:
78
78
  *
79
- * - [Avatar API](https://next.mui.com/material-ui/api/avatar/)
79
+ * - [Avatar API](https://mui.com/material-ui/api/avatar/)
80
80
  */
81
81
  declare const Avatar: OverridableComponent<AvatarTypeMap>;
82
82
  export type AvatarProps<RootComponent extends React.ElementType = AvatarTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<AvatarTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
@@ -82,11 +82,11 @@ export interface AvatarGroupTypeMap<AdditionalProps = {}, RootComponent extends
82
82
  *
83
83
  * Demos:
84
84
  *
85
- * - [Avatar](https://next.mui.com/material-ui/react-avatar/)
85
+ * - [Avatar](https://mui.com/material-ui/react-avatar/)
86
86
  *
87
87
  * API:
88
88
  *
89
- * - [AvatarGroup API](https://next.mui.com/material-ui/api/avatar-group/)
89
+ * - [AvatarGroup API](https://mui.com/material-ui/api/avatar-group/)
90
90
  */
91
91
  declare const AvatarGroup: OverridableComponent<AvatarGroupTypeMap>;
92
92
  export type AvatarGroupProps<RootComponent extends React.ElementType = AvatarGroupTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<AvatarGroupTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
@@ -103,12 +103,12 @@ export declare const BackdropRoot: React.FC<BackdropRootProps>;
103
103
  *
104
104
  * Demos:
105
105
  *
106
- * - [Backdrop](https://next.mui.com/material-ui/react-backdrop/)
106
+ * - [Backdrop](https://mui.com/material-ui/react-backdrop/)
107
107
  *
108
108
  * API:
109
109
  *
110
- * - [Backdrop API](https://next.mui.com/material-ui/api/backdrop/)
111
- * - inherits [Fade API](https://next.mui.com/material-ui/api/fade/)
110
+ * - [Backdrop API](https://mui.com/material-ui/api/backdrop/)
111
+ * - inherits [Fade API](https://mui.com/material-ui/api/fade/)
112
112
  */
113
113
  declare const Backdrop: OverridableComponent<BackdropTypeMap>;
114
114
  export type BackdropProps<RootComponent extends React.ElementType = BackdropTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<BackdropTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
@@ -144,12 +144,12 @@ export declare const BadgeMark: React.FC<BadgeBadgeProps>;
144
144
  *
145
145
  * Demos:
146
146
  *
147
- * - [Avatar](https://next.mui.com/material-ui/react-avatar/)
148
- * - [Badge](https://next.mui.com/material-ui/react-badge/)
147
+ * - [Avatar](https://mui.com/material-ui/react-avatar/)
148
+ * - [Badge](https://mui.com/material-ui/react-badge/)
149
149
  *
150
150
  * API:
151
151
  *
152
- * - [Badge API](https://next.mui.com/material-ui/api/badge/)
152
+ * - [Badge API](https://mui.com/material-ui/api/badge/)
153
153
  */
154
154
  declare const Badge: OverridableComponent<BadgeTypeMap>;
155
155
  export type BadgeProps<RootComponent extends React.ElementType = BadgeTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<BadgeTypeMap<RootComponent, AdditionalProps>, RootComponent> & {
@@ -42,11 +42,11 @@ export interface BottomNavigationTypeMap<AdditionalProps = {}, RootComponent ext
42
42
  *
43
43
  * Demos:
44
44
  *
45
- * - [Bottom Navigation](https://next.mui.com/material-ui/react-bottom-navigation/)
45
+ * - [Bottom Navigation](https://mui.com/material-ui/react-bottom-navigation/)
46
46
  *
47
47
  * API:
48
48
  *
49
- * - [BottomNavigation API](https://next.mui.com/material-ui/api/bottom-navigation/)
49
+ * - [BottomNavigation API](https://mui.com/material-ui/api/bottom-navigation/)
50
50
  */
51
51
  declare const BottomNavigation: OverridableComponent<BottomNavigationTypeMap>;
52
52
  export type BottomNavigationProps<RootComponent extends React.ElementType = BottomNavigationTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<BottomNavigationTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
@@ -48,12 +48,12 @@ export type BottomNavigationActionTypeMap<AdditionalProps, RootComponent extends
48
48
  *
49
49
  * Demos:
50
50
  *
51
- * - [Bottom Navigation](https://next.mui.com/material-ui/react-bottom-navigation/)
51
+ * - [Bottom Navigation](https://mui.com/material-ui/react-bottom-navigation/)
52
52
  *
53
53
  * API:
54
54
  *
55
- * - [BottomNavigationAction API](https://next.mui.com/material-ui/api/bottom-navigation-action/)
56
- * - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
55
+ * - [BottomNavigationAction API](https://mui.com/material-ui/api/bottom-navigation-action/)
56
+ * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
57
57
  */
58
58
  declare const BottomNavigationAction: ExtendButtonBase<BottomNavigationActionTypeMap<{}, ButtonBaseTypeMap['defaultComponent']>>;
59
59
  export type BottomNavigationActionProps<RootComponent extends React.ElementType = ButtonBaseTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<BottomNavigationActionTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
@@ -7,11 +7,11 @@ import { Theme as MaterialTheme } from "../styles/index.js";
7
7
  *
8
8
  * Demos:
9
9
  *
10
- * - [Box](https://next.mui.com/material-ui/react-box/)
10
+ * - [Box](https://mui.com/material-ui/react-box/)
11
11
  *
12
12
  * API:
13
13
  *
14
- * - [Box API](https://next.mui.com/material-ui/api/box/)
14
+ * - [Box API](https://mui.com/material-ui/api/box/)
15
15
  */
16
16
  declare const Box: OverridableComponent<BoxTypeMap<{}, 'div', MaterialTheme>>;
17
17
  export type BoxProps<RootComponent extends React.ElementType = BoxTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<BoxTypeMap<AdditionalProps, RootComponent, MaterialTheme>, RootComponent> & {
@@ -80,12 +80,12 @@ export interface BreadcrumbsTypeMap<AdditionalProps = {}, RootComponent extends
80
80
  *
81
81
  * Demos:
82
82
  *
83
- * - [Breadcrumbs](https://next.mui.com/material-ui/react-breadcrumbs/)
83
+ * - [Breadcrumbs](https://mui.com/material-ui/react-breadcrumbs/)
84
84
  *
85
85
  * API:
86
86
  *
87
- * - [Breadcrumbs API](https://next.mui.com/material-ui/api/breadcrumbs/)
88
- * - inherits [Typography API](https://next.mui.com/material-ui/api/typography/)
87
+ * - [Breadcrumbs API](https://mui.com/material-ui/api/breadcrumbs/)
88
+ * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
89
89
  */
90
90
  declare const Breadcrumbs: OverridableComponent<BreadcrumbsTypeMap>;
91
91
  export type BreadcrumbsProps<RootComponent extends React.ElementType = BreadcrumbsTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<BreadcrumbsTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
@@ -115,13 +115,13 @@ export type ExtendButton<TypeMap extends OverridableTypeMap> = ((props: {
115
115
  *
116
116
  * Demos:
117
117
  *
118
- * - [Button Group](https://next.mui.com/material-ui/react-button-group/)
119
- * - [Button](https://next.mui.com/material-ui/react-button/)
118
+ * - [Button Group](https://mui.com/material-ui/react-button-group/)
119
+ * - [Button](https://mui.com/material-ui/react-button/)
120
120
  *
121
121
  * API:
122
122
  *
123
- * - [Button API](https://next.mui.com/material-ui/api/button/)
124
- * - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
123
+ * - [Button API](https://mui.com/material-ui/api/button/)
124
+ * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
125
125
  */
126
126
  declare const Button: ExtendButtonBase<ButtonTypeMap>;
127
127
  export type ButtonProps<RootComponent extends React.ElementType = ButtonTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ButtonTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
@@ -109,11 +109,11 @@ export type ExtendButtonBase<TypeMap extends OverridableTypeMap> = ((props: {
109
109
  *
110
110
  * Demos:
111
111
  *
112
- * - [Button](https://next.mui.com/material-ui/react-button/)
112
+ * - [Button](https://mui.com/material-ui/react-button/)
113
113
  *
114
114
  * API:
115
115
  *
116
- * - [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
116
+ * - [ButtonBase API](https://mui.com/material-ui/api/button-base/)
117
117
  */
118
118
  declare const ButtonBase: ExtendButtonBase<ButtonBaseTypeMap>;
119
119
  export type ButtonBaseProps<RootComponent extends React.ElementType = ButtonBaseTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ButtonBaseTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
@@ -78,11 +78,11 @@ export interface ButtonGroupTypeMap<AdditionalProps = {}, RootComponent extends
78
78
  *
79
79
  * Demos:
80
80
  *
81
- * - [Button Group](https://next.mui.com/material-ui/react-button-group/)
81
+ * - [Button Group](https://mui.com/material-ui/react-button-group/)
82
82
  *
83
83
  * API:
84
84
  *
85
- * - [ButtonGroup API](https://next.mui.com/material-ui/api/button-group/)
85
+ * - [ButtonGroup API](https://mui.com/material-ui/api/button-group/)
86
86
  */
87
87
  declare const ButtonGroup: OverridableComponent<ButtonGroupTypeMap>;
88
88
  export type ButtonGroupProps<RootComponent extends React.ElementType = ButtonGroupTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ButtonGroupTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
@@ -32,12 +32,12 @@ export interface CardTypeMap<AdditionalProps = {}, RootComponent extends React.E
32
32
  *
33
33
  * Demos:
34
34
  *
35
- * - [Card](https://next.mui.com/material-ui/react-card/)
35
+ * - [Card](https://mui.com/material-ui/react-card/)
36
36
  *
37
37
  * API:
38
38
  *
39
- * - [Card API](https://next.mui.com/material-ui/api/card/)
40
- * - inherits [Paper API](https://next.mui.com/material-ui/api/paper/)
39
+ * - [Card API](https://mui.com/material-ui/api/card/)
40
+ * - inherits [Paper API](https://mui.com/material-ui/api/paper/)
41
41
  */
42
42
 
43
43
  declare const Card: OverridableComponent<CardTypeMap>;