@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
@@ -285,11 +285,11 @@ export declare const SliderValueLabel: React.FC<SliderValueLabelProps>;
285
285
  *
286
286
  * Demos:
287
287
  *
288
- * - [Slider](https://next.mui.com/material-ui/react-slider/)
288
+ * - [Slider](https://mui.com/material-ui/react-slider/)
289
289
  *
290
290
  * API:
291
291
  *
292
- * - [Slider API](https://next.mui.com/material-ui/api/slider/)
292
+ * - [Slider API](https://mui.com/material-ui/api/slider/)
293
293
  */
294
294
  declare const Slider: SliderType;
295
295
  export type SliderProps<RootComponent extends React.ElementType = SliderTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<SliderTypeMap<RootComponent, AdditionalProps>, RootComponent> & {
@@ -172,11 +172,11 @@ export interface SnackbarProps extends Omit<StandardProps<React.HTMLAttributes<H
172
172
  *
173
173
  * Demos:
174
174
  *
175
- * - [Snackbar](https://next.mui.com/material-ui/react-snackbar/)
175
+ * - [Snackbar](https://mui.com/material-ui/react-snackbar/)
176
176
  *
177
177
  * API:
178
178
  *
179
- * - [Snackbar API](https://next.mui.com/material-ui/api/snackbar/)
179
+ * - [Snackbar API](https://mui.com/material-ui/api/snackbar/)
180
180
  */
181
181
  export default function Snackbar(props: SnackbarProps): React.JSX.Element;
182
182
  export interface SnackbarOwnerState extends Omit<SnackbarProps, 'slots' | 'slotProps'> {}
@@ -32,11 +32,11 @@ export interface SnackbarContentProps extends StandardProps<PaperProps, 'childre
32
32
  *
33
33
  * Demos:
34
34
  *
35
- * - [Snackbar](https://next.mui.com/material-ui/react-snackbar/)
35
+ * - [Snackbar](https://mui.com/material-ui/react-snackbar/)
36
36
  *
37
37
  * API:
38
38
  *
39
- * - [SnackbarContent API](https://next.mui.com/material-ui/api/snackbar-content/)
40
- * - inherits [Paper API](https://next.mui.com/material-ui/api/paper/)
39
+ * - [SnackbarContent API](https://mui.com/material-ui/api/snackbar-content/)
40
+ * - inherits [Paper API](https://mui.com/material-ui/api/paper/)
41
41
  */
42
42
  export default function SnackbarContent(props: SnackbarContentProps): React.JSX.Element;
@@ -122,10 +122,10 @@ export interface SpeedDialOwnerState extends SpeedDialProps {}
122
122
  *
123
123
  * Demos:
124
124
  *
125
- * - [Speed Dial](https://next.mui.com/material-ui/react-speed-dial/)
125
+ * - [Speed Dial](https://mui.com/material-ui/react-speed-dial/)
126
126
  *
127
127
  * API:
128
128
  *
129
- * - [SpeedDial API](https://next.mui.com/material-ui/api/speed-dial/)
129
+ * - [SpeedDial API](https://mui.com/material-ui/api/speed-dial/)
130
130
  */
131
131
  export default function SpeedDial(props: SpeedDialProps): React.JSX.Element;
@@ -106,12 +106,12 @@ export interface SpeedDialActionProps extends Omit<StandardProps<Partial<Tooltip
106
106
  *
107
107
  * Demos:
108
108
  *
109
- * - [Speed Dial](https://next.mui.com/material-ui/react-speed-dial/)
109
+ * - [Speed Dial](https://mui.com/material-ui/react-speed-dial/)
110
110
  *
111
111
  * API:
112
112
  *
113
- * - [SpeedDialAction API](https://next.mui.com/material-ui/api/speed-dial-action/)
114
- * - inherits [Tooltip API](https://next.mui.com/material-ui/api/tooltip/)
113
+ * - [SpeedDialAction API](https://mui.com/material-ui/api/speed-dial-action/)
114
+ * - inherits [Tooltip API](https://mui.com/material-ui/api/tooltip/)
115
115
  */
116
116
  export default function SpeedDialAction(props: SpeedDialActionProps): React.JSX.Element;
117
117
  export interface SpeedDialActionOwnerState extends Omit<SpeedDialActionProps, 'slots' | 'slotProps'> {}
@@ -31,11 +31,11 @@ export interface SpeedDialIconProps extends StandardProps<React.HTMLAttributes<H
31
31
  *
32
32
  * Demos:
33
33
  *
34
- * - [Speed Dial](https://next.mui.com/material-ui/react-speed-dial/)
34
+ * - [Speed Dial](https://mui.com/material-ui/react-speed-dial/)
35
35
  *
36
36
  * API:
37
37
  *
38
- * - [SpeedDialIcon API](https://next.mui.com/material-ui/api/speed-dial-icon/)
38
+ * - [SpeedDialIcon API](https://mui.com/material-ui/api/speed-dial-icon/)
39
39
  */
40
40
  declare const SpeedDialIcon: ((props: SpeedDialIconProps) => React.JSX.Element) & {
41
41
  muiName: string;
package/Stack/Stack.d.ts CHANGED
@@ -45,11 +45,11 @@ export interface StackTypeMap<AdditionalProps = {}, RootComponent extends React.
45
45
  *
46
46
  * Demos:
47
47
  *
48
- * - [Stack](https://next.mui.com/material-ui/react-stack/)
48
+ * - [Stack](https://mui.com/material-ui/react-stack/)
49
49
  *
50
50
  * API:
51
51
  *
52
- * - [Stack API](https://next.mui.com/material-ui/api/stack/)
52
+ * - [Stack API](https://mui.com/material-ui/api/stack/)
53
53
  */
54
54
  declare const Stack: OverridableComponent<StackTypeMap>;
55
55
  export type StackProps<RootComponent extends React.ElementType = StackTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<StackTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
package/Step/Step.d.ts CHANGED
@@ -60,11 +60,11 @@ export type StepClasskey = keyof NonNullable<StepProps['classes']>;
60
60
  *
61
61
  * Demos:
62
62
  *
63
- * - [Stepper](https://next.mui.com/material-ui/react-stepper/)
63
+ * - [Stepper](https://mui.com/material-ui/react-stepper/)
64
64
  *
65
65
  * API:
66
66
  *
67
- * - [Step API](https://next.mui.com/material-ui/api/step/)
67
+ * - [Step API](https://mui.com/material-ui/api/step/)
68
68
  */
69
69
  declare const Step: OverridableComponent<StepTypeMap>;
70
70
  export default Step;
@@ -36,12 +36,12 @@ export type StepButtonTypeMap<AdditionalProps, RootComponent extends React.Eleme
36
36
  *
37
37
  * Demos:
38
38
  *
39
- * - [Stepper](https://next.mui.com/material-ui/react-stepper/)
39
+ * - [Stepper](https://mui.com/material-ui/react-stepper/)
40
40
  *
41
41
  * API:
42
42
  *
43
- * - [StepButton API](https://next.mui.com/material-ui/api/step-button/)
44
- * - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
43
+ * - [StepButton API](https://mui.com/material-ui/api/step-button/)
44
+ * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
45
45
  */
46
46
  declare const StepButton: ExtendButtonBase<StepButtonTypeMap<{}, ButtonBaseTypeMap['defaultComponent']>>;
47
47
  export type StepButtonClasskey = keyof NonNullable<StepButtonProps['classes']>;
@@ -20,10 +20,10 @@ export type StepConnectorClasskey = keyof NonNullable<StepConnectorProps['classe
20
20
  *
21
21
  * Demos:
22
22
  *
23
- * - [Stepper](https://next.mui.com/material-ui/react-stepper/)
23
+ * - [Stepper](https://mui.com/material-ui/react-stepper/)
24
24
  *
25
25
  * API:
26
26
  *
27
- * - [StepConnector API](https://next.mui.com/material-ui/api/step-connector/)
27
+ * - [StepConnector API](https://mui.com/material-ui/api/step-connector/)
28
28
  */
29
29
  export default function StepConnector(props: StepConnectorProps): React.JSX.Element;
@@ -66,10 +66,10 @@ export type StepContentClasskey = keyof NonNullable<StepContentProps['classes']>
66
66
  *
67
67
  * Demos:
68
68
  *
69
- * - [Stepper](https://next.mui.com/material-ui/react-stepper/)
69
+ * - [Stepper](https://mui.com/material-ui/react-stepper/)
70
70
  *
71
71
  * API:
72
72
  *
73
- * - [StepContent API](https://next.mui.com/material-ui/api/step-content/)
73
+ * - [StepContent API](https://mui.com/material-ui/api/step-content/)
74
74
  */
75
75
  export default function StepContent(props: StepContentProps): React.JSX.Element;
@@ -40,11 +40,11 @@ export type StepIconClasskey = keyof NonNullable<StepIconProps['classes']>;
40
40
  *
41
41
  * Demos:
42
42
  *
43
- * - [Stepper](https://next.mui.com/material-ui/react-stepper/)
43
+ * - [Stepper](https://mui.com/material-ui/react-stepper/)
44
44
  *
45
45
  * API:
46
46
  *
47
- * - [StepIcon API](https://next.mui.com/material-ui/api/step-icon/)
48
- * - inherits [SvgIcon API](https://next.mui.com/material-ui/api/svg-icon/)
47
+ * - [StepIcon API](https://mui.com/material-ui/api/step-icon/)
48
+ * - inherits [SvgIcon API](https://mui.com/material-ui/api/svg-icon/)
49
49
  */
50
50
  export default function StepIcon(props: StepIconProps): React.JSX.Element;
@@ -6,6 +6,11 @@ import { Theme } from "../styles/index.js";
6
6
  import { StepLabelClasses } from "./stepLabelClasses.js";
7
7
  import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
8
8
  export interface StepLabelSlots {
9
+ /**
10
+ * The component that renders the root.
11
+ * @default span
12
+ */
13
+ root: React.ElementType;
9
14
  /**
10
15
  * The component that renders the label.
11
16
  * @default span
@@ -17,7 +22,20 @@ export interface StepLabelSlots {
17
22
  stepIcon: React.ElementType;
18
23
  }
19
24
  export type StepLabelSlotsAndSlotProps = CreateSlotsAndSlotProps<StepLabelSlots, {
20
- label: SlotProps<React.ElementType<React.HTMLProps<HTMLSpanElement>>, {}, StepLabelOwnerState>;
25
+ /**
26
+ * Props forwarded to the root slot.
27
+ * By default, the avaible props are based on the span element.
28
+ */
29
+ root: SlotProps<'span', {}, StepLabelOwnerState>;
30
+ /**
31
+ * Props forwarded to the label slot.
32
+ * By default, the avaible props are based on the span element.
33
+ */
34
+ label: SlotProps<'span', {}, StepLabelOwnerState>;
35
+ /**
36
+ * Props forwarded to the stepIcon slot.
37
+ * By default, the avaible props are based on the div element.
38
+ */
21
39
  stepIcon: SlotProps<React.ElementType<StepIconProps>, {}, StepLabelOwnerState>;
22
40
  }>;
23
41
  export interface StepLabelOwnerState extends StepLabelProps {}
@@ -76,11 +94,11 @@ export type StepLabelClasskey = keyof NonNullable<StepLabelProps['classes']>;
76
94
  *
77
95
  * Demos:
78
96
  *
79
- * - [Stepper](https://next.mui.com/material-ui/react-stepper/)
97
+ * - [Stepper](https://mui.com/material-ui/react-stepper/)
80
98
  *
81
99
  * API:
82
100
  *
83
- * - [StepLabel API](https://next.mui.com/material-ui/api/step-label/)
101
+ * - [StepLabel API](https://mui.com/material-ui/api/step-label/)
84
102
  */
85
103
  declare const StepLabel: ((props: StepLabelProps) => React.JSX.Element) & {
86
104
  muiName: string;
@@ -169,6 +169,16 @@ const StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref)
169
169
  ...slotProps
170
170
  }
171
171
  };
172
+ const [RootSlot, rootProps] = (0, _useSlot.default)('root', {
173
+ elementType: StepLabelRoot,
174
+ externalForwardedProps: {
175
+ ...externalForwardedProps,
176
+ ...other
177
+ },
178
+ ownerState,
179
+ ref,
180
+ className: (0, _clsx.default)(classes.root, className)
181
+ });
172
182
  const [LabelSlot, labelProps] = (0, _useSlot.default)('label', {
173
183
  elementType: StepLabelLabel,
174
184
  externalForwardedProps,
@@ -179,11 +189,8 @@ const StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref)
179
189
  externalForwardedProps,
180
190
  ownerState
181
191
  });
182
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StepLabelRoot, {
183
- className: (0, _clsx.default)(classes.root, className),
184
- ref: ref,
185
- ownerState: ownerState,
186
- ...other,
192
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(RootSlot, {
193
+ ...rootProps,
187
194
  children: [icon || StepIconSlot ? /*#__PURE__*/(0, _jsxRuntime.jsx)(StepLabelIconContainer, {
188
195
  className: classes.iconContainer,
189
196
  ownerState: ownerState,
@@ -249,6 +256,7 @@ process.env.NODE_ENV !== "production" ? StepLabel.propTypes /* remove-proptypes
249
256
  */
250
257
  slotProps: _propTypes.default.shape({
251
258
  label: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
259
+ root: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
252
260
  stepIcon: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
253
261
  }),
254
262
  /**
@@ -257,6 +265,7 @@ process.env.NODE_ENV !== "production" ? StepLabel.propTypes /* remove-proptypes
257
265
  */
258
266
  slots: _propTypes.default.shape({
259
267
  label: _propTypes.default.elementType,
268
+ root: _propTypes.default.elementType,
260
269
  stepIcon: _propTypes.default.elementType
261
270
  }),
262
271
  /**
@@ -61,11 +61,11 @@ export type StepperClasskey = keyof NonNullable<StepperProps['classes']>;
61
61
  *
62
62
  * Demos:
63
63
  *
64
- * - [Stepper](https://next.mui.com/material-ui/react-stepper/)
64
+ * - [Stepper](https://mui.com/material-ui/react-stepper/)
65
65
  *
66
66
  * API:
67
67
  *
68
- * - [Stepper API](https://next.mui.com/material-ui/api/stepper/)
68
+ * - [Stepper API](https://mui.com/material-ui/api/stepper/)
69
69
  */
70
70
  declare const Stepper: OverridableComponent<StepperTypeMap>;
71
71
  export default Stepper;
@@ -73,12 +73,12 @@ export interface SvgIconTypeMap<AdditionalProps = {}, RootComponent extends Reac
73
73
  *
74
74
  * Demos:
75
75
  *
76
- * - [Icons](https://next.mui.com/material-ui/icons/)
77
- * - [Material Icons](https://next.mui.com/material-ui/material-icons/)
76
+ * - [Icons](https://mui.com/material-ui/icons/)
77
+ * - [Material Icons](https://mui.com/material-ui/material-icons/)
78
78
  *
79
79
  * API:
80
80
  *
81
- * - [SvgIcon API](https://next.mui.com/material-ui/api/svg-icon/)
81
+ * - [SvgIcon API](https://mui.com/material-ui/api/svg-icon/)
82
82
  */
83
83
  declare const SvgIcon: OverridableComponent<SvgIconTypeMap> & {
84
84
  muiName: string;
@@ -95,12 +95,12 @@ export interface SwipeableDrawerProps extends Omit<DrawerProps, 'onClose' | 'ope
95
95
  *
96
96
  * Demos:
97
97
  *
98
- * - [Drawer](https://next.mui.com/material-ui/react-drawer/)
98
+ * - [Drawer](https://mui.com/material-ui/react-drawer/)
99
99
  *
100
100
  * API:
101
101
  *
102
- * - [SwipeableDrawer API](https://next.mui.com/material-ui/api/swipeable-drawer/)
103
- * - inherits [Drawer API](https://next.mui.com/material-ui/api/drawer/)
102
+ * - [SwipeableDrawer API](https://mui.com/material-ui/api/swipeable-drawer/)
103
+ * - inherits [Drawer API](https://mui.com/material-ui/api/drawer/)
104
104
  */
105
105
  declare const SwipeableDrawer: React.JSXElementConstructor<SwipeableDrawerProps>;
106
106
  export default SwipeableDrawer;
@@ -2,11 +2,72 @@ import * as React from 'react';
2
2
  import { SxProps } from '@mui/system';
3
3
  import { OverridableStringUnion } from '@mui/types';
4
4
  import { InternalStandardProps as StandardProps, Theme } from "../index.js";
5
+ import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
5
6
  import { SwitchBaseProps } from "../internal/SwitchBase.js";
6
7
  import { SwitchClasses } from "./switchClasses.js";
7
8
  export interface SwitchPropsSizeOverrides {}
8
9
  export interface SwitchPropsColorOverrides {}
9
- export interface SwitchProps extends StandardProps<SwitchBaseProps, 'checkedIcon' | 'color' | 'icon'> {
10
+ export interface SwitchRootSlotPropsOverrides {}
11
+ export interface SwitchTrackSlotPropsOverrides {}
12
+ export interface SwitchThumbSlotPropsOverrides {}
13
+ export interface SwitchSwitchBaseSlotPropsOverrides {}
14
+ export interface SwitchInputSlotPropsOverrides {}
15
+ export interface SwitchSlots {
16
+ /**
17
+ * The component that renders the root slot.
18
+ * @default 'span'
19
+ */
20
+ root: React.ElementType;
21
+ /**
22
+ * The component that renders the track slot.
23
+ * @default 'span'
24
+ */
25
+ track: React.ElementType;
26
+ /**
27
+ * The component that renders the thumb slot.
28
+ * @default 'span'
29
+ */
30
+ thumb: React.ElementType;
31
+ /**
32
+ * The component that renders the switchBase slot.
33
+ * @default SwitchBase
34
+ */
35
+ switchBase: React.ElementType;
36
+ /**
37
+ * The component that renders the switchBase's input slot.
38
+ * @default SwitchBaseInput
39
+ */
40
+ input: React.ElementType;
41
+ }
42
+ export type SwitchSlotsAndSlotProps = CreateSlotsAndSlotProps<SwitchSlots, {
43
+ /**
44
+ * Props forwarded to the root slot.
45
+ * By default, the avaible props are based on the span element.
46
+ */
47
+ root: SlotProps<'span', SwitchRootSlotPropsOverrides, SwitchOwnerState>;
48
+ /**
49
+ * Props forwarded to the track slot.
50
+ * By default, the avaible props are based on the span element.
51
+ */
52
+ track: SlotProps<'span', SwitchTrackSlotPropsOverrides, SwitchOwnerState>;
53
+ /**
54
+ * Props forwarded to the thumb slot.
55
+ * By default, the avaible props are based on the span element.
56
+ */
57
+ thumb: SlotProps<'span', SwitchThumbSlotPropsOverrides, SwitchOwnerState>;
58
+ /**
59
+ * Props forwarded to the switchBase slot.
60
+ * By default, the avaible props are based on the internal SwitchBase component.
61
+ */
62
+ switchBase: SlotProps<React.ElementType<SwitchBaseProps>, SwitchSwitchBaseSlotPropsOverrides, SwitchOwnerState>;
63
+ /**
64
+ * Props forwarded to the input slot.
65
+ * By default, the avaible props are based on the input element.
66
+ */
67
+ input: SlotProps<'input', SwitchInputSlotPropsOverrides, SwitchOwnerState>;
68
+ }>;
69
+ export interface SwitchOwnerState extends Omit<SwitchProps, 'slots' | 'slotProps'> {}
70
+ export interface SwitchProps extends StandardProps<SwitchBaseProps, 'checkedIcon' | 'color' | 'icon' | 'slots' | 'slotProps'>, SwitchSlotsAndSlotProps {
10
71
  /**
11
72
  * The icon to display when the component is checked.
12
73
  */
@@ -51,12 +112,12 @@ export interface SwitchProps extends StandardProps<SwitchBaseProps, 'checkedIcon
51
112
  *
52
113
  * Demos:
53
114
  *
54
- * - [Switch](https://next.mui.com/material-ui/react-switch/)
55
- * - [Transfer List](https://next.mui.com/material-ui/react-transfer-list/)
115
+ * - [Switch](https://mui.com/material-ui/react-switch/)
116
+ * - [Transfer List](https://mui.com/material-ui/react-transfer-list/)
56
117
  *
57
118
  * API:
58
119
  *
59
- * - [Switch API](https://next.mui.com/material-ui/api/switch/)
60
- * - inherits [IconButton API](https://next.mui.com/material-ui/api/icon-button/)
120
+ * - [Switch API](https://mui.com/material-ui/api/switch/)
121
+ * - inherits [IconButton API](https://mui.com/material-ui/api/icon-button/)
61
122
  */
62
123
  export default function Switch(props: SwitchProps): React.JSX.Element;
package/Switch/Switch.js CHANGED
@@ -21,6 +21,7 @@ var _zeroStyled = require("../zero-styled");
21
21
  var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
22
22
  var _DefaultPropsProvider = require("../DefaultPropsProvider");
23
23
  var _switchClasses = _interopRequireWildcard(require("./switchClasses"));
24
+ var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
24
25
  var _jsxRuntime = require("react/jsx-runtime");
25
26
  const useUtilityClasses = ownerState => {
26
27
  const {
@@ -219,6 +220,8 @@ const Switch = /*#__PURE__*/React.forwardRef(function Switch(inProps, ref) {
219
220
  edge = false,
220
221
  size = 'medium',
221
222
  sx,
223
+ slots = {},
224
+ slotProps = {},
222
225
  ...other
223
226
  } = props;
224
227
  const ownerState = {
@@ -228,14 +231,36 @@ const Switch = /*#__PURE__*/React.forwardRef(function Switch(inProps, ref) {
228
231
  size
229
232
  };
230
233
  const classes = useUtilityClasses(ownerState);
231
- const icon = /*#__PURE__*/(0, _jsxRuntime.jsx)(SwitchThumb, {
234
+ const externalForwardedProps = {
235
+ slots,
236
+ slotProps
237
+ };
238
+ const [RootSlot, rootSlotProps] = (0, _useSlot.default)('root', {
239
+ className: (0, _clsx.default)(classes.root, className),
240
+ elementType: SwitchRoot,
241
+ externalForwardedProps,
242
+ ownerState,
243
+ additionalProps: {
244
+ sx
245
+ }
246
+ });
247
+ const [ThumbSlot, thumbSlotProps] = (0, _useSlot.default)('thumb', {
232
248
  className: classes.thumb,
233
- ownerState: ownerState
249
+ elementType: SwitchThumb,
250
+ externalForwardedProps,
251
+ ownerState
234
252
  });
235
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SwitchRoot, {
236
- className: (0, _clsx.default)(classes.root, className),
237
- sx: sx,
238
- ownerState: ownerState,
253
+ const icon = /*#__PURE__*/(0, _jsxRuntime.jsx)(ThumbSlot, {
254
+ ...thumbSlotProps
255
+ });
256
+ const [TrackSlot, trackSlotProps] = (0, _useSlot.default)('track', {
257
+ className: classes.track,
258
+ elementType: SwitchTrack,
259
+ externalForwardedProps,
260
+ ownerState
261
+ });
262
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(RootSlot, {
263
+ ...rootSlotProps,
239
264
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SwitchSwitchBase, {
240
265
  type: "checkbox",
241
266
  icon: icon,
@@ -246,10 +271,25 @@ const Switch = /*#__PURE__*/React.forwardRef(function Switch(inProps, ref) {
246
271
  classes: {
247
272
  ...classes,
248
273
  root: classes.switchBase
274
+ },
275
+ slots: {
276
+ ...(slots.switchBase && {
277
+ root: slots.switchBase
278
+ }),
279
+ ...(slots.input && {
280
+ input: slots.input
281
+ })
282
+ },
283
+ slotProps: {
284
+ ...(slotProps.switchBase && {
285
+ root: typeof slotProps.switchBase === 'function' ? slotProps.switchBase(ownerState) : slotProps.switchBase
286
+ }),
287
+ ...(slotProps.input && {
288
+ input: typeof slotProps.input === 'function' ? slotProps.input(ownerState) : slotProps.input
289
+ })
249
290
  }
250
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SwitchTrack, {
251
- className: classes.track,
252
- ownerState: ownerState
291
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(TrackSlot, {
292
+ ...trackSlotProps
253
293
  })]
254
294
  });
255
295
  });
@@ -339,6 +379,28 @@ process.env.NODE_ENV !== "production" ? Switch.propTypes /* remove-proptypes */
339
379
  * @default 'medium'
340
380
  */
341
381
  size: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['medium', 'small']), _propTypes.default.string]),
382
+ /**
383
+ * The props used for each slot inside.
384
+ * @default {}
385
+ */
386
+ slotProps: _propTypes.default.shape({
387
+ input: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
388
+ root: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
389
+ switchBase: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
390
+ thumb: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
391
+ track: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
392
+ }),
393
+ /**
394
+ * The components used for each slot inside.
395
+ * @default {}
396
+ */
397
+ slots: _propTypes.default.shape({
398
+ input: _propTypes.default.elementType,
399
+ root: _propTypes.default.elementType,
400
+ switchBase: _propTypes.default.elementType,
401
+ thumb: _propTypes.default.elementType,
402
+ track: _propTypes.default.elementType
403
+ }),
342
404
  /**
343
405
  * The system prop that allows defining system overrides as well as additional CSS styles.
344
406
  */
package/Tab/Tab.d.ts CHANGED
@@ -61,12 +61,12 @@ export type TabTypeMap<AdditionalProps = {}, RootComponent extends React.Element
61
61
  *
62
62
  * Demos:
63
63
  *
64
- * - [Tabs](https://next.mui.com/material-ui/react-tabs/)
64
+ * - [Tabs](https://mui.com/material-ui/react-tabs/)
65
65
  *
66
66
  * API:
67
67
  *
68
- * - [Tab API](https://next.mui.com/material-ui/api/tab/)
69
- * - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
68
+ * - [Tab API](https://mui.com/material-ui/api/tab/)
69
+ * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
70
70
  */
71
71
  declare const Tab: ExtendButtonBase<TabTypeMap>;
72
72
  export type TabProps<RootComponent extends React.ElementType = TabTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TabTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
@@ -58,10 +58,10 @@ export interface TabScrollButtonProps extends ButtonBaseProps {
58
58
  *
59
59
  * Demos:
60
60
  *
61
- * - [Tabs](https://next.mui.com/material-ui/react-tabs/)
61
+ * - [Tabs](https://mui.com/material-ui/react-tabs/)
62
62
  *
63
63
  * API:
64
64
  *
65
- * - [TabScrollButton API](https://next.mui.com/material-ui/api/tab-scroll-button/)
65
+ * - [TabScrollButton API](https://mui.com/material-ui/api/tab-scroll-button/)
66
66
  */
67
67
  export default function TabScrollButton(props: TabScrollButtonProps): React.JSX.Element;
package/Table/Table.d.ts CHANGED
@@ -42,11 +42,11 @@ export interface TableTypeMap<AdditionalProps = {}, RootComponent extends React.
42
42
  *
43
43
  * Demos:
44
44
  *
45
- * - [Table](https://next.mui.com/material-ui/react-table/)
45
+ * - [Table](https://mui.com/material-ui/react-table/)
46
46
  *
47
47
  * API:
48
48
  *
49
- * - [Table API](https://next.mui.com/material-ui/api/table/)
49
+ * - [Table API](https://mui.com/material-ui/api/table/)
50
50
  */
51
51
  declare const Table: OverridableComponent<TableTypeMap>;
52
52
  export type TableProps<RootComponent extends React.ElementType = TableTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TableTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
@@ -25,11 +25,11 @@ export interface TableBodyTypeMap<AdditionalProps = {}, RootComponent extends Re
25
25
  *
26
26
  * Demos:
27
27
  *
28
- * - [Table](https://next.mui.com/material-ui/react-table/)
28
+ * - [Table](https://mui.com/material-ui/react-table/)
29
29
  *
30
30
  * API:
31
31
  *
32
- * - [TableBody API](https://next.mui.com/material-ui/api/table-body/)
32
+ * - [TableBody API](https://mui.com/material-ui/api/table-body/)
33
33
  */
34
34
  declare const TableBody: OverridableComponent<TableBodyTypeMap>;
35
35
  export type TableBodyProps<RootComponent extends React.ElementType = TableBodyTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TableBodyTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
@@ -73,10 +73,10 @@ export type SortDirection = 'asc' | 'desc' | false;
73
73
  *
74
74
  * Demos:
75
75
  *
76
- * - [Table](https://next.mui.com/material-ui/react-table/)
76
+ * - [Table](https://mui.com/material-ui/react-table/)
77
77
  *
78
78
  * API:
79
79
  *
80
- * - [TableCell API](https://next.mui.com/material-ui/api/table-cell/)
80
+ * - [TableCell API](https://mui.com/material-ui/api/table-cell/)
81
81
  */
82
82
  export default function TableCell(props: TableCellProps): React.JSX.Element;
@@ -25,11 +25,11 @@ export interface TableContainerTypeMap<AdditionalProps = {}, RootComponent exten
25
25
  *
26
26
  * Demos:
27
27
  *
28
- * - [Table](https://next.mui.com/material-ui/react-table/)
28
+ * - [Table](https://mui.com/material-ui/react-table/)
29
29
  *
30
30
  * API:
31
31
  *
32
- * - [TableContainer API](https://next.mui.com/material-ui/api/table-container/)
32
+ * - [TableContainer API](https://mui.com/material-ui/api/table-container/)
33
33
  */
34
34
  declare const TableContainer: OverridableComponent<TableContainerTypeMap>;
35
35
  export type TableContainerProps<RootComponent extends React.ElementType = TableContainerTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TableContainerTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
@@ -25,11 +25,11 @@ export interface TableFooterTypeMap<AdditionalProps = {}, RootComponent extends
25
25
  *
26
26
  * Demos:
27
27
  *
28
- * - [Table](https://next.mui.com/material-ui/react-table/)
28
+ * - [Table](https://mui.com/material-ui/react-table/)
29
29
  *
30
30
  * API:
31
31
  *
32
- * - [TableFooter API](https://next.mui.com/material-ui/api/table-footer/)
32
+ * - [TableFooter API](https://mui.com/material-ui/api/table-footer/)
33
33
  */
34
34
  declare const TableFooter: OverridableComponent<TableFooterTypeMap>;
35
35
  export type TableFooterProps<RootComponent extends React.ElementType = TableFooterTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TableFooterTypeMap<AdditionalProps, RootComponent>, RootComponent> & {