@mui/material 5.15.3 → 5.15.5

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 (555) hide show
  1. package/Accordion/Accordion.d.ts +30 -2
  2. package/Accordion/Accordion.js +43 -10
  3. package/AccordionActions/AccordionActions.js +4 -4
  4. package/AccordionDetails/AccordionDetails.js +4 -4
  5. package/AccordionSummary/AccordionSummary.js +4 -4
  6. package/AccordionSummary/accordionSummaryClasses.d.ts +4 -1
  7. package/Alert/Alert.d.ts +4 -2
  8. package/Alert/Alert.js +5 -5
  9. package/AlertTitle/AlertTitle.js +4 -4
  10. package/AppBar/AppBar.js +4 -4
  11. package/Autocomplete/Autocomplete.js +4 -4
  12. package/Avatar/Avatar.js +4 -4
  13. package/AvatarGroup/AvatarGroup.js +4 -4
  14. package/Backdrop/Backdrop.js +4 -4
  15. package/Badge/Badge.js +5 -5
  16. package/BottomNavigation/BottomNavigation.js +4 -4
  17. package/BottomNavigationAction/BottomNavigationAction.js +4 -4
  18. package/Box/Box.js +4 -4
  19. package/Breadcrumbs/Breadcrumbs.js +4 -4
  20. package/Button/Button.js +4 -4
  21. package/ButtonBase/ButtonBase.js +4 -4
  22. package/ButtonGroup/ButtonGroup.js +4 -4
  23. package/ButtonGroup/ButtonGroupContext.d.ts +2 -2
  24. package/CHANGELOG.md +184 -1
  25. package/Card/Card.js +4 -4
  26. package/CardActionArea/CardActionArea.js +4 -4
  27. package/CardActions/CardActions.js +4 -4
  28. package/CardContent/CardContent.js +4 -4
  29. package/CardHeader/CardHeader.js +4 -4
  30. package/CardMedia/CardMedia.js +4 -4
  31. package/Checkbox/Checkbox.js +4 -4
  32. package/Chip/Chip.js +4 -4
  33. package/CircularProgress/CircularProgress.js +4 -4
  34. package/ClickAwayListener/index.d.ts +2 -1
  35. package/Collapse/Collapse.js +4 -4
  36. package/Container/Container.js +4 -4
  37. package/CssBaseline/CssBaseline.js +4 -4
  38. package/Dialog/Dialog.js +4 -4
  39. package/DialogActions/DialogActions.js +4 -4
  40. package/DialogContent/DialogContent.js +4 -4
  41. package/DialogContentText/DialogContentText.js +4 -4
  42. package/DialogTitle/DialogTitle.js +4 -4
  43. package/Divider/Divider.d.ts +1 -0
  44. package/Divider/Divider.js +5 -4
  45. package/Divider/dividerClasses.d.ts +6 -2
  46. package/Drawer/Drawer.js +4 -4
  47. package/Fab/Fab.js +4 -4
  48. package/Fade/Fade.js +4 -4
  49. package/FilledInput/FilledInput.js +4 -4
  50. package/FormControl/FormControl.d.ts +1 -1
  51. package/FormControl/FormControl.js +4 -4
  52. package/FormControlLabel/FormControlLabel.js +4 -4
  53. package/FormGroup/FormGroup.js +4 -4
  54. package/FormHelperText/FormHelperText.js +4 -4
  55. package/FormLabel/FormLabel.d.ts +1 -1
  56. package/FormLabel/FormLabel.js +4 -4
  57. package/GlobalStyles/GlobalStyles.js +4 -4
  58. package/Grid/Grid.js +4 -4
  59. package/Grow/Grow.js +4 -4
  60. package/Hidden/Hidden.js +4 -4
  61. package/Icon/Icon.js +4 -4
  62. package/IconButton/IconButton.js +4 -4
  63. package/ImageList/ImageList.js +4 -4
  64. package/ImageListItem/ImageListItem.js +4 -4
  65. package/ImageListItemBar/ImageListItemBar.js +4 -4
  66. package/Input/Input.js +4 -4
  67. package/InputAdornment/InputAdornment.js +4 -4
  68. package/InputBase/InputBase.js +4 -4
  69. package/InputLabel/InputLabel.d.ts +1 -5
  70. package/InputLabel/InputLabel.js +4 -4
  71. package/LinearProgress/LinearProgress.js +4 -4
  72. package/Link/Link.js +4 -4
  73. package/List/List.js +4 -4
  74. package/ListItem/ListItem.js +4 -4
  75. package/ListItemAvatar/ListItemAvatar.js +4 -4
  76. package/ListItemButton/ListItemButton.js +4 -4
  77. package/ListItemIcon/ListItemIcon.js +4 -4
  78. package/ListItemSecondaryAction/ListItemSecondaryAction.js +4 -4
  79. package/ListItemText/ListItemText.js +4 -4
  80. package/ListSubheader/ListSubheader.js +4 -4
  81. package/Menu/Menu.js +4 -4
  82. package/MenuItem/MenuItem.js +4 -4
  83. package/MenuList/MenuList.js +4 -4
  84. package/MobileStepper/MobileStepper.js +4 -4
  85. package/Modal/Modal.js +4 -4
  86. package/NativeSelect/NativeSelect.js +4 -4
  87. package/OutlinedInput/OutlinedInput.js +4 -4
  88. package/Pagination/Pagination.js +4 -4
  89. package/PaginationItem/PaginationItem.js +4 -4
  90. package/Paper/Paper.js +4 -4
  91. package/Popover/Popover.js +4 -4
  92. package/Popper/Popper.js +4 -4
  93. package/Radio/Radio.js +4 -4
  94. package/RadioGroup/RadioGroup.js +4 -4
  95. package/Rating/Rating.js +5 -14
  96. package/ScopedCssBaseline/ScopedCssBaseline.js +4 -4
  97. package/Select/Select.js +4 -4
  98. package/Skeleton/Skeleton.js +4 -4
  99. package/Slide/Slide.js +4 -4
  100. package/Slider/Slider.js +4 -4
  101. package/Snackbar/Snackbar.js +4 -4
  102. package/SnackbarContent/SnackbarContent.js +4 -4
  103. package/SpeedDial/SpeedDial.js +5 -13
  104. package/SpeedDialAction/SpeedDialAction.js +4 -4
  105. package/SpeedDialIcon/SpeedDialIcon.js +4 -4
  106. package/Stack/Stack.js +4 -4
  107. package/Step/Step.js +4 -4
  108. package/StepButton/StepButton.js +4 -4
  109. package/StepConnector/StepConnector.js +4 -4
  110. package/StepContent/StepContent.js +4 -4
  111. package/StepIcon/StepIcon.js +4 -4
  112. package/StepLabel/StepLabel.js +4 -4
  113. package/Stepper/Stepper.js +4 -4
  114. package/SvgIcon/SvgIcon.js +4 -4
  115. package/SwipeableDrawer/SwipeableDrawer.js +4 -4
  116. package/Switch/Switch.js +4 -4
  117. package/Tab/Tab.js +4 -4
  118. package/TabScrollButton/TabScrollButton.js +4 -4
  119. package/Table/Table.js +4 -4
  120. package/TableBody/TableBody.js +4 -4
  121. package/TableCell/TableCell.js +4 -4
  122. package/TableContainer/TableContainer.js +4 -4
  123. package/TableFooter/TableFooter.js +4 -4
  124. package/TableHead/TableHead.js +4 -4
  125. package/TablePagination/TablePagination.js +4 -4
  126. package/TableRow/TableRow.js +4 -4
  127. package/TableSortLabel/TableSortLabel.js +4 -4
  128. package/Tabs/Tabs.js +4 -4
  129. package/TextField/TextField.d.ts +1 -1
  130. package/TextField/TextField.js +4 -4
  131. package/ToggleButton/ToggleButton.js +24 -8
  132. package/ToggleButtonGroup/ToggleButtonGroup.js +88 -46
  133. package/ToggleButtonGroup/ToggleButtonGroupButtonContext.d.ts +6 -0
  134. package/ToggleButtonGroup/ToggleButtonGroupButtonContext.js +9 -0
  135. package/ToggleButtonGroup/ToggleButtonGroupContext.d.ts +16 -0
  136. package/ToggleButtonGroup/ToggleButtonGroupContext.js +9 -0
  137. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +6 -0
  138. package/ToggleButtonGroup/toggleButtonGroupClasses.js +1 -1
  139. package/Toolbar/Toolbar.js +4 -4
  140. package/Tooltip/Tooltip.js +4 -4
  141. package/Typography/Typography.js +4 -4
  142. package/Unstable_Grid2/Grid2.js +4 -4
  143. package/Zoom/Zoom.js +4 -4
  144. package/index.js +1 -1
  145. package/legacy/Accordion/Accordion.js +48 -11
  146. package/legacy/AccordionActions/AccordionActions.js +4 -4
  147. package/legacy/AccordionDetails/AccordionDetails.js +4 -4
  148. package/legacy/AccordionSummary/AccordionSummary.js +4 -4
  149. package/legacy/Alert/Alert.js +5 -5
  150. package/legacy/AlertTitle/AlertTitle.js +4 -4
  151. package/legacy/AppBar/AppBar.js +4 -4
  152. package/legacy/Autocomplete/Autocomplete.js +4 -4
  153. package/legacy/Avatar/Avatar.js +4 -4
  154. package/legacy/AvatarGroup/AvatarGroup.js +4 -4
  155. package/legacy/Backdrop/Backdrop.js +4 -4
  156. package/legacy/Badge/Badge.js +5 -5
  157. package/legacy/BottomNavigation/BottomNavigation.js +4 -4
  158. package/legacy/BottomNavigationAction/BottomNavigationAction.js +4 -4
  159. package/legacy/Box/Box.js +4 -4
  160. package/legacy/Breadcrumbs/Breadcrumbs.js +4 -4
  161. package/legacy/Button/Button.js +4 -4
  162. package/legacy/ButtonBase/ButtonBase.js +4 -4
  163. package/legacy/ButtonGroup/ButtonGroup.js +4 -4
  164. package/legacy/Card/Card.js +4 -4
  165. package/legacy/CardActionArea/CardActionArea.js +4 -4
  166. package/legacy/CardActions/CardActions.js +4 -4
  167. package/legacy/CardContent/CardContent.js +4 -4
  168. package/legacy/CardHeader/CardHeader.js +4 -4
  169. package/legacy/CardMedia/CardMedia.js +4 -4
  170. package/legacy/Checkbox/Checkbox.js +4 -4
  171. package/legacy/Chip/Chip.js +4 -4
  172. package/legacy/CircularProgress/CircularProgress.js +4 -4
  173. package/legacy/Collapse/Collapse.js +4 -4
  174. package/legacy/Container/Container.js +4 -4
  175. package/legacy/CssBaseline/CssBaseline.js +4 -4
  176. package/legacy/Dialog/Dialog.js +4 -4
  177. package/legacy/DialogActions/DialogActions.js +4 -4
  178. package/legacy/DialogContent/DialogContent.js +4 -4
  179. package/legacy/DialogContentText/DialogContentText.js +4 -4
  180. package/legacy/DialogTitle/DialogTitle.js +4 -4
  181. package/legacy/Divider/Divider.js +5 -4
  182. package/legacy/Drawer/Drawer.js +4 -4
  183. package/legacy/Fab/Fab.js +4 -4
  184. package/legacy/Fade/Fade.js +4 -4
  185. package/legacy/FilledInput/FilledInput.js +4 -4
  186. package/legacy/FormControl/FormControl.js +4 -4
  187. package/legacy/FormControlLabel/FormControlLabel.js +4 -4
  188. package/legacy/FormGroup/FormGroup.js +4 -4
  189. package/legacy/FormHelperText/FormHelperText.js +4 -4
  190. package/legacy/FormLabel/FormLabel.js +4 -4
  191. package/legacy/GlobalStyles/GlobalStyles.js +4 -4
  192. package/legacy/Grid/Grid.js +4 -4
  193. package/legacy/Grow/Grow.js +4 -4
  194. package/legacy/Hidden/Hidden.js +4 -4
  195. package/legacy/Icon/Icon.js +4 -4
  196. package/legacy/IconButton/IconButton.js +4 -4
  197. package/legacy/ImageList/ImageList.js +4 -4
  198. package/legacy/ImageListItem/ImageListItem.js +4 -4
  199. package/legacy/ImageListItemBar/ImageListItemBar.js +4 -4
  200. package/legacy/Input/Input.js +4 -4
  201. package/legacy/InputAdornment/InputAdornment.js +4 -4
  202. package/legacy/InputBase/InputBase.js +4 -4
  203. package/legacy/InputLabel/InputLabel.js +4 -4
  204. package/legacy/LinearProgress/LinearProgress.js +4 -4
  205. package/legacy/Link/Link.js +4 -4
  206. package/legacy/List/List.js +4 -4
  207. package/legacy/ListItem/ListItem.js +4 -4
  208. package/legacy/ListItemAvatar/ListItemAvatar.js +4 -4
  209. package/legacy/ListItemButton/ListItemButton.js +4 -4
  210. package/legacy/ListItemIcon/ListItemIcon.js +4 -4
  211. package/legacy/ListItemSecondaryAction/ListItemSecondaryAction.js +4 -4
  212. package/legacy/ListItemText/ListItemText.js +4 -4
  213. package/legacy/ListSubheader/ListSubheader.js +4 -4
  214. package/legacy/Menu/Menu.js +4 -4
  215. package/legacy/MenuItem/MenuItem.js +4 -4
  216. package/legacy/MenuList/MenuList.js +4 -4
  217. package/legacy/MobileStepper/MobileStepper.js +4 -4
  218. package/legacy/Modal/Modal.js +4 -4
  219. package/legacy/NativeSelect/NativeSelect.js +4 -4
  220. package/legacy/OutlinedInput/OutlinedInput.js +4 -4
  221. package/legacy/Pagination/Pagination.js +4 -4
  222. package/legacy/PaginationItem/PaginationItem.js +4 -4
  223. package/legacy/Paper/Paper.js +4 -4
  224. package/legacy/Popover/Popover.js +4 -4
  225. package/legacy/Popper/Popper.js +4 -4
  226. package/legacy/Radio/Radio.js +4 -4
  227. package/legacy/RadioGroup/RadioGroup.js +4 -4
  228. package/legacy/Rating/Rating.js +5 -14
  229. package/legacy/ScopedCssBaseline/ScopedCssBaseline.js +4 -4
  230. package/legacy/Select/Select.js +4 -4
  231. package/legacy/Skeleton/Skeleton.js +4 -4
  232. package/legacy/Slide/Slide.js +4 -4
  233. package/legacy/Slider/Slider.js +4 -4
  234. package/legacy/Snackbar/Snackbar.js +4 -4
  235. package/legacy/SnackbarContent/SnackbarContent.js +4 -4
  236. package/legacy/SpeedDial/SpeedDial.js +5 -13
  237. package/legacy/SpeedDialAction/SpeedDialAction.js +4 -4
  238. package/legacy/SpeedDialIcon/SpeedDialIcon.js +4 -4
  239. package/legacy/Stack/Stack.js +4 -4
  240. package/legacy/Step/Step.js +4 -4
  241. package/legacy/StepButton/StepButton.js +4 -4
  242. package/legacy/StepConnector/StepConnector.js +4 -4
  243. package/legacy/StepContent/StepContent.js +4 -4
  244. package/legacy/StepIcon/StepIcon.js +4 -4
  245. package/legacy/StepLabel/StepLabel.js +4 -4
  246. package/legacy/Stepper/Stepper.js +4 -4
  247. package/legacy/SvgIcon/SvgIcon.js +4 -4
  248. package/legacy/SwipeableDrawer/SwipeableDrawer.js +4 -4
  249. package/legacy/Switch/Switch.js +4 -4
  250. package/legacy/Tab/Tab.js +4 -4
  251. package/legacy/TabScrollButton/TabScrollButton.js +4 -4
  252. package/legacy/Table/Table.js +4 -4
  253. package/legacy/TableBody/TableBody.js +4 -4
  254. package/legacy/TableCell/TableCell.js +4 -4
  255. package/legacy/TableContainer/TableContainer.js +4 -4
  256. package/legacy/TableFooter/TableFooter.js +4 -4
  257. package/legacy/TableHead/TableHead.js +4 -4
  258. package/legacy/TablePagination/TablePagination.js +4 -4
  259. package/legacy/TableRow/TableRow.js +4 -4
  260. package/legacy/TableSortLabel/TableSortLabel.js +4 -4
  261. package/legacy/Tabs/Tabs.js +4 -4
  262. package/legacy/TextField/TextField.js +4 -4
  263. package/legacy/ToggleButton/ToggleButton.js +19 -6
  264. package/legacy/ToggleButtonGroup/ToggleButtonGroup.js +81 -55
  265. package/legacy/ToggleButtonGroup/ToggleButtonGroupButtonContext.js +9 -0
  266. package/legacy/ToggleButtonGroup/ToggleButtonGroupContext.js +9 -0
  267. package/legacy/ToggleButtonGroup/toggleButtonGroupClasses.js +1 -1
  268. package/legacy/Toolbar/Toolbar.js +4 -4
  269. package/legacy/Tooltip/Tooltip.js +4 -4
  270. package/legacy/Typography/Typography.js +4 -4
  271. package/legacy/Unstable_Grid2/Grid2.js +4 -4
  272. package/legacy/Zoom/Zoom.js +4 -4
  273. package/legacy/index.js +1 -1
  274. package/legacy/styles/CssVarsProvider.js +3 -0
  275. package/legacy/utils/types.js +1 -0
  276. package/legacy/utils/useSlot.js +71 -0
  277. package/legacy/zero-styled/index.js +2 -0
  278. package/modern/Accordion/Accordion.js +43 -10
  279. package/modern/AccordionActions/AccordionActions.js +4 -4
  280. package/modern/AccordionDetails/AccordionDetails.js +4 -4
  281. package/modern/AccordionSummary/AccordionSummary.js +4 -4
  282. package/modern/Alert/Alert.js +5 -5
  283. package/modern/AlertTitle/AlertTitle.js +4 -4
  284. package/modern/AppBar/AppBar.js +4 -4
  285. package/modern/Autocomplete/Autocomplete.js +4 -4
  286. package/modern/Avatar/Avatar.js +4 -4
  287. package/modern/AvatarGroup/AvatarGroup.js +4 -4
  288. package/modern/Backdrop/Backdrop.js +4 -4
  289. package/modern/Badge/Badge.js +5 -5
  290. package/modern/BottomNavigation/BottomNavigation.js +4 -4
  291. package/modern/BottomNavigationAction/BottomNavigationAction.js +4 -4
  292. package/modern/Box/Box.js +4 -4
  293. package/modern/Breadcrumbs/Breadcrumbs.js +4 -4
  294. package/modern/Button/Button.js +4 -4
  295. package/modern/ButtonBase/ButtonBase.js +4 -4
  296. package/modern/ButtonGroup/ButtonGroup.js +4 -4
  297. package/modern/Card/Card.js +4 -4
  298. package/modern/CardActionArea/CardActionArea.js +4 -4
  299. package/modern/CardActions/CardActions.js +4 -4
  300. package/modern/CardContent/CardContent.js +4 -4
  301. package/modern/CardHeader/CardHeader.js +4 -4
  302. package/modern/CardMedia/CardMedia.js +4 -4
  303. package/modern/Checkbox/Checkbox.js +4 -4
  304. package/modern/Chip/Chip.js +4 -4
  305. package/modern/CircularProgress/CircularProgress.js +4 -4
  306. package/modern/Collapse/Collapse.js +4 -4
  307. package/modern/Container/Container.js +4 -4
  308. package/modern/CssBaseline/CssBaseline.js +4 -4
  309. package/modern/Dialog/Dialog.js +4 -4
  310. package/modern/DialogActions/DialogActions.js +4 -4
  311. package/modern/DialogContent/DialogContent.js +4 -4
  312. package/modern/DialogContentText/DialogContentText.js +4 -4
  313. package/modern/DialogTitle/DialogTitle.js +4 -4
  314. package/modern/Divider/Divider.js +5 -4
  315. package/modern/Drawer/Drawer.js +4 -4
  316. package/modern/Fab/Fab.js +4 -4
  317. package/modern/Fade/Fade.js +4 -4
  318. package/modern/FilledInput/FilledInput.js +4 -4
  319. package/modern/FormControl/FormControl.js +4 -4
  320. package/modern/FormControlLabel/FormControlLabel.js +4 -4
  321. package/modern/FormGroup/FormGroup.js +4 -4
  322. package/modern/FormHelperText/FormHelperText.js +4 -4
  323. package/modern/FormLabel/FormLabel.js +4 -4
  324. package/modern/GlobalStyles/GlobalStyles.js +4 -4
  325. package/modern/Grid/Grid.js +4 -4
  326. package/modern/Grow/Grow.js +4 -4
  327. package/modern/Hidden/Hidden.js +4 -4
  328. package/modern/Icon/Icon.js +4 -4
  329. package/modern/IconButton/IconButton.js +4 -4
  330. package/modern/ImageList/ImageList.js +4 -4
  331. package/modern/ImageListItem/ImageListItem.js +4 -4
  332. package/modern/ImageListItemBar/ImageListItemBar.js +4 -4
  333. package/modern/Input/Input.js +4 -4
  334. package/modern/InputAdornment/InputAdornment.js +4 -4
  335. package/modern/InputBase/InputBase.js +4 -4
  336. package/modern/InputLabel/InputLabel.js +4 -4
  337. package/modern/LinearProgress/LinearProgress.js +4 -4
  338. package/modern/Link/Link.js +4 -4
  339. package/modern/List/List.js +4 -4
  340. package/modern/ListItem/ListItem.js +4 -4
  341. package/modern/ListItemAvatar/ListItemAvatar.js +4 -4
  342. package/modern/ListItemButton/ListItemButton.js +4 -4
  343. package/modern/ListItemIcon/ListItemIcon.js +4 -4
  344. package/modern/ListItemSecondaryAction/ListItemSecondaryAction.js +4 -4
  345. package/modern/ListItemText/ListItemText.js +4 -4
  346. package/modern/ListSubheader/ListSubheader.js +4 -4
  347. package/modern/Menu/Menu.js +4 -4
  348. package/modern/MenuItem/MenuItem.js +4 -4
  349. package/modern/MenuList/MenuList.js +4 -4
  350. package/modern/MobileStepper/MobileStepper.js +4 -4
  351. package/modern/Modal/Modal.js +4 -4
  352. package/modern/NativeSelect/NativeSelect.js +4 -4
  353. package/modern/OutlinedInput/OutlinedInput.js +4 -4
  354. package/modern/Pagination/Pagination.js +4 -4
  355. package/modern/PaginationItem/PaginationItem.js +4 -4
  356. package/modern/Paper/Paper.js +4 -4
  357. package/modern/Popover/Popover.js +4 -4
  358. package/modern/Popper/Popper.js +4 -4
  359. package/modern/Radio/Radio.js +4 -4
  360. package/modern/RadioGroup/RadioGroup.js +4 -4
  361. package/modern/Rating/Rating.js +5 -14
  362. package/modern/ScopedCssBaseline/ScopedCssBaseline.js +4 -4
  363. package/modern/Select/Select.js +4 -4
  364. package/modern/Skeleton/Skeleton.js +4 -4
  365. package/modern/Slide/Slide.js +4 -4
  366. package/modern/Slider/Slider.js +4 -4
  367. package/modern/Snackbar/Snackbar.js +4 -4
  368. package/modern/SnackbarContent/SnackbarContent.js +4 -4
  369. package/modern/SpeedDial/SpeedDial.js +5 -13
  370. package/modern/SpeedDialAction/SpeedDialAction.js +4 -4
  371. package/modern/SpeedDialIcon/SpeedDialIcon.js +4 -4
  372. package/modern/Stack/Stack.js +4 -4
  373. package/modern/Step/Step.js +4 -4
  374. package/modern/StepButton/StepButton.js +4 -4
  375. package/modern/StepConnector/StepConnector.js +4 -4
  376. package/modern/StepContent/StepContent.js +4 -4
  377. package/modern/StepIcon/StepIcon.js +4 -4
  378. package/modern/StepLabel/StepLabel.js +4 -4
  379. package/modern/Stepper/Stepper.js +4 -4
  380. package/modern/SvgIcon/SvgIcon.js +4 -4
  381. package/modern/SwipeableDrawer/SwipeableDrawer.js +4 -4
  382. package/modern/Switch/Switch.js +4 -4
  383. package/modern/Tab/Tab.js +4 -4
  384. package/modern/TabScrollButton/TabScrollButton.js +4 -4
  385. package/modern/Table/Table.js +4 -4
  386. package/modern/TableBody/TableBody.js +4 -4
  387. package/modern/TableCell/TableCell.js +4 -4
  388. package/modern/TableContainer/TableContainer.js +4 -4
  389. package/modern/TableFooter/TableFooter.js +4 -4
  390. package/modern/TableHead/TableHead.js +4 -4
  391. package/modern/TablePagination/TablePagination.js +4 -4
  392. package/modern/TableRow/TableRow.js +4 -4
  393. package/modern/TableSortLabel/TableSortLabel.js +4 -4
  394. package/modern/Tabs/Tabs.js +4 -4
  395. package/modern/TextField/TextField.js +4 -4
  396. package/modern/ToggleButton/ToggleButton.js +24 -8
  397. package/modern/ToggleButtonGroup/ToggleButtonGroup.js +88 -46
  398. package/modern/ToggleButtonGroup/ToggleButtonGroupButtonContext.js +9 -0
  399. package/modern/ToggleButtonGroup/ToggleButtonGroupContext.js +9 -0
  400. package/modern/ToggleButtonGroup/toggleButtonGroupClasses.js +1 -1
  401. package/modern/Toolbar/Toolbar.js +4 -4
  402. package/modern/Tooltip/Tooltip.js +4 -4
  403. package/modern/Typography/Typography.js +4 -4
  404. package/modern/Unstable_Grid2/Grid2.js +4 -4
  405. package/modern/Zoom/Zoom.js +4 -4
  406. package/modern/index.js +1 -1
  407. package/modern/styles/CssVarsProvider.js +3 -0
  408. package/modern/utils/types.js +1 -0
  409. package/modern/utils/useSlot.js +82 -0
  410. package/modern/zero-styled/index.js +2 -0
  411. package/node/Accordion/Accordion.js +43 -10
  412. package/node/AccordionActions/AccordionActions.js +4 -4
  413. package/node/AccordionDetails/AccordionDetails.js +4 -4
  414. package/node/AccordionSummary/AccordionSummary.js +4 -4
  415. package/node/Alert/Alert.js +5 -5
  416. package/node/AlertTitle/AlertTitle.js +4 -4
  417. package/node/AppBar/AppBar.js +4 -4
  418. package/node/Autocomplete/Autocomplete.js +4 -4
  419. package/node/Avatar/Avatar.js +4 -4
  420. package/node/AvatarGroup/AvatarGroup.js +4 -4
  421. package/node/Backdrop/Backdrop.js +4 -4
  422. package/node/Badge/Badge.js +7 -7
  423. package/node/BottomNavigation/BottomNavigation.js +4 -4
  424. package/node/BottomNavigationAction/BottomNavigationAction.js +4 -4
  425. package/node/Box/Box.js +4 -4
  426. package/node/Breadcrumbs/Breadcrumbs.js +4 -4
  427. package/node/Button/Button.js +4 -4
  428. package/node/ButtonBase/ButtonBase.js +4 -4
  429. package/node/ButtonGroup/ButtonGroup.js +4 -4
  430. package/node/Card/Card.js +4 -4
  431. package/node/CardActionArea/CardActionArea.js +4 -4
  432. package/node/CardActions/CardActions.js +4 -4
  433. package/node/CardContent/CardContent.js +4 -4
  434. package/node/CardHeader/CardHeader.js +4 -4
  435. package/node/CardMedia/CardMedia.js +4 -4
  436. package/node/Checkbox/Checkbox.js +4 -4
  437. package/node/Chip/Chip.js +4 -4
  438. package/node/CircularProgress/CircularProgress.js +4 -4
  439. package/node/Collapse/Collapse.js +4 -4
  440. package/node/Container/Container.js +4 -4
  441. package/node/CssBaseline/CssBaseline.js +4 -4
  442. package/node/Dialog/Dialog.js +4 -4
  443. package/node/DialogActions/DialogActions.js +4 -4
  444. package/node/DialogContent/DialogContent.js +4 -4
  445. package/node/DialogContentText/DialogContentText.js +4 -4
  446. package/node/DialogTitle/DialogTitle.js +4 -4
  447. package/node/Divider/Divider.js +5 -4
  448. package/node/Drawer/Drawer.js +4 -4
  449. package/node/Fab/Fab.js +4 -4
  450. package/node/Fade/Fade.js +4 -4
  451. package/node/FilledInput/FilledInput.js +4 -4
  452. package/node/FormControl/FormControl.js +4 -4
  453. package/node/FormControlLabel/FormControlLabel.js +4 -4
  454. package/node/FormGroup/FormGroup.js +4 -4
  455. package/node/FormHelperText/FormHelperText.js +4 -4
  456. package/node/FormLabel/FormLabel.js +4 -4
  457. package/node/GlobalStyles/GlobalStyles.js +4 -4
  458. package/node/Grid/Grid.js +4 -4
  459. package/node/Grow/Grow.js +4 -4
  460. package/node/Hidden/Hidden.js +4 -4
  461. package/node/Icon/Icon.js +4 -4
  462. package/node/IconButton/IconButton.js +4 -4
  463. package/node/ImageList/ImageList.js +4 -4
  464. package/node/ImageListItem/ImageListItem.js +4 -4
  465. package/node/ImageListItemBar/ImageListItemBar.js +4 -4
  466. package/node/Input/Input.js +4 -4
  467. package/node/InputAdornment/InputAdornment.js +4 -4
  468. package/node/InputBase/InputBase.js +4 -4
  469. package/node/InputLabel/InputLabel.js +4 -4
  470. package/node/LinearProgress/LinearProgress.js +4 -4
  471. package/node/Link/Link.js +4 -4
  472. package/node/List/List.js +4 -4
  473. package/node/ListItem/ListItem.js +4 -4
  474. package/node/ListItemAvatar/ListItemAvatar.js +4 -4
  475. package/node/ListItemButton/ListItemButton.js +4 -4
  476. package/node/ListItemIcon/ListItemIcon.js +4 -4
  477. package/node/ListItemSecondaryAction/ListItemSecondaryAction.js +4 -4
  478. package/node/ListItemText/ListItemText.js +4 -4
  479. package/node/ListSubheader/ListSubheader.js +4 -4
  480. package/node/Menu/Menu.js +4 -4
  481. package/node/MenuItem/MenuItem.js +4 -4
  482. package/node/MenuList/MenuList.js +4 -4
  483. package/node/MobileStepper/MobileStepper.js +4 -4
  484. package/node/Modal/Modal.js +4 -4
  485. package/node/NativeSelect/NativeSelect.js +4 -4
  486. package/node/OutlinedInput/OutlinedInput.js +4 -4
  487. package/node/Pagination/Pagination.js +4 -4
  488. package/node/PaginationItem/PaginationItem.js +4 -4
  489. package/node/Paper/Paper.js +4 -4
  490. package/node/Popover/Popover.js +4 -4
  491. package/node/Popper/Popper.js +4 -4
  492. package/node/Radio/Radio.js +4 -4
  493. package/node/RadioGroup/RadioGroup.js +4 -4
  494. package/node/Rating/Rating.js +5 -14
  495. package/node/ScopedCssBaseline/ScopedCssBaseline.js +4 -4
  496. package/node/Select/Select.js +4 -4
  497. package/node/Skeleton/Skeleton.js +4 -4
  498. package/node/Slide/Slide.js +4 -4
  499. package/node/Slider/Slider.js +4 -4
  500. package/node/Snackbar/Snackbar.js +4 -4
  501. package/node/SnackbarContent/SnackbarContent.js +4 -4
  502. package/node/SpeedDial/SpeedDial.js +6 -14
  503. package/node/SpeedDialAction/SpeedDialAction.js +4 -4
  504. package/node/SpeedDialIcon/SpeedDialIcon.js +4 -4
  505. package/node/Stack/Stack.js +4 -4
  506. package/node/Step/Step.js +4 -4
  507. package/node/StepButton/StepButton.js +4 -4
  508. package/node/StepConnector/StepConnector.js +4 -4
  509. package/node/StepContent/StepContent.js +4 -4
  510. package/node/StepIcon/StepIcon.js +4 -4
  511. package/node/StepLabel/StepLabel.js +4 -4
  512. package/node/Stepper/Stepper.js +4 -4
  513. package/node/SvgIcon/SvgIcon.js +4 -4
  514. package/node/SwipeableDrawer/SwipeableDrawer.js +4 -4
  515. package/node/Switch/Switch.js +4 -4
  516. package/node/Tab/Tab.js +4 -4
  517. package/node/TabScrollButton/TabScrollButton.js +4 -4
  518. package/node/Table/Table.js +4 -4
  519. package/node/TableBody/TableBody.js +4 -4
  520. package/node/TableCell/TableCell.js +4 -4
  521. package/node/TableContainer/TableContainer.js +4 -4
  522. package/node/TableFooter/TableFooter.js +4 -4
  523. package/node/TableHead/TableHead.js +4 -4
  524. package/node/TablePagination/TablePagination.js +4 -4
  525. package/node/TableRow/TableRow.js +4 -4
  526. package/node/TableSortLabel/TableSortLabel.js +4 -4
  527. package/node/Tabs/Tabs.js +4 -4
  528. package/node/TextField/TextField.js +4 -4
  529. package/node/ToggleButton/ToggleButton.js +24 -8
  530. package/node/ToggleButtonGroup/ToggleButtonGroup.js +88 -46
  531. package/node/ToggleButtonGroup/ToggleButtonGroupButtonContext.js +17 -0
  532. package/node/ToggleButtonGroup/ToggleButtonGroupContext.js +17 -0
  533. package/node/ToggleButtonGroup/toggleButtonGroupClasses.js +1 -1
  534. package/node/Toolbar/Toolbar.js +4 -4
  535. package/node/Tooltip/Tooltip.js +4 -4
  536. package/node/Typography/Typography.js +4 -4
  537. package/node/Unstable_Grid2/Grid2.js +4 -4
  538. package/node/Zoom/Zoom.js +4 -4
  539. package/node/index.js +1 -1
  540. package/node/styles/CssVarsProvider.js +3 -0
  541. package/node/utils/types.js +5 -0
  542. package/node/utils/useSlot.js +88 -0
  543. package/node/zero-styled/index.js +13 -0
  544. package/package.json +11 -10
  545. package/styles/CssVarsProvider.d.ts +3 -3
  546. package/styles/CssVarsProvider.js +3 -0
  547. package/umd/material-ui.development.js +15848 -15745
  548. package/umd/material-ui.production.min.js +4 -207
  549. package/utils/types.d.ts +27 -0
  550. package/utils/types.js +1 -0
  551. package/utils/useSlot.d.ts +84 -0
  552. package/utils/useSlot.js +82 -0
  553. package/zero-styled/index.d.ts +2 -0
  554. package/zero-styled/index.js +2 -0
  555. package/zero-styled/package.json +6 -0
@@ -108,10 +108,10 @@ const SnackbarContent = /*#__PURE__*/React.forwardRef(function SnackbarContent(i
108
108
  }));
109
109
  });
110
110
  process.env.NODE_ENV !== "production" ? SnackbarContent.propTypes /* remove-proptypes */ = {
111
- // ----------------------------- Warning --------------------------------
112
- // | These PropTypes are generated from the TypeScript type definitions |
113
- // | To update them edit the d.ts file and run "yarn proptypes" |
114
- // ----------------------------------------------------------------------
111
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
112
+ // These PropTypes are generated from the TypeScript type definitions.
113
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
114
+ // └─────────────────────────────────────────────────────────────────────┘
115
115
  /**
116
116
  * The action to display. It renders after the message, at the end of the snackbar.
117
117
  */
@@ -13,6 +13,7 @@ var _reactIs = require("react-is");
13
13
  var _propTypes = _interopRequireDefault(require("prop-types"));
14
14
  var _clsx = _interopRequireDefault(require("clsx"));
15
15
  var _composeClasses = require("@mui/base/composeClasses");
16
+ var _utils = require("@mui/utils");
16
17
  var _styled = _interopRequireDefault(require("../styles/styled"));
17
18
  var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
18
19
  var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
@@ -51,15 +52,6 @@ function getOrientation(direction) {
51
52
  }
52
53
  return undefined;
53
54
  }
54
- function clamp(value, min, max) {
55
- if (value < min) {
56
- return min;
57
- }
58
- if (value > max) {
59
- return max;
60
- }
61
- return value;
62
- }
63
55
  const dialRadius = 32;
64
56
  const spacingActions = 16;
65
57
  const SpeedDialRoot = (0, _styled.default)('div', {
@@ -247,7 +239,7 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
247
239
  const actionStep = key === nextItemArrowKeyCurrent ? 1 : -1;
248
240
 
249
241
  // stay within array indices
250
- const nextAction = clamp(focusedAction.current + actionStep, 0, actions.current.length - 1);
242
+ const nextAction = (0, _utils.clamp)(focusedAction.current + actionStep, 0, actions.current.length - 1);
251
243
  actions.current[nextAction].focus();
252
244
  focusedAction.current = nextAction;
253
245
  nextItemArrowKey.current = nextItemArrowKeyCurrent;
@@ -398,10 +390,10 @@ const SpeedDial = /*#__PURE__*/React.forwardRef(function SpeedDial(inProps, ref)
398
390
  }));
399
391
  });
400
392
  process.env.NODE_ENV !== "production" ? SpeedDial.propTypes /* remove-proptypes */ = {
401
- // ----------------------------- Warning --------------------------------
402
- // | These PropTypes are generated from the TypeScript type definitions |
403
- // | To update them edit the d.ts file and run "yarn proptypes" |
404
- // ----------------------------------------------------------------------
393
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
394
+ // These PropTypes are generated from the TypeScript type definitions.
395
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
396
+ // └─────────────────────────────────────────────────────────────────────┘
405
397
  /**
406
398
  * The aria-label of the button element.
407
399
  * Also used to provide the `id` for the `SpeedDial` element and its children.
@@ -192,10 +192,10 @@ const SpeedDialAction = /*#__PURE__*/React.forwardRef(function SpeedDialAction(i
192
192
  }));
193
193
  });
194
194
  process.env.NODE_ENV !== "production" ? SpeedDialAction.propTypes /* remove-proptypes */ = {
195
- // ----------------------------- Warning --------------------------------
196
- // | These PropTypes are generated from the TypeScript type definitions |
197
- // | To update them edit the d.ts file and run "yarn proptypes" |
198
- // ----------------------------------------------------------------------
195
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
196
+ // These PropTypes are generated from the TypeScript type definitions.
197
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
198
+ // └─────────────────────────────────────────────────────────────────────┘
199
199
  /**
200
200
  * Override or extend the styles applied to the component.
201
201
  */
@@ -110,10 +110,10 @@ const SpeedDialIcon = /*#__PURE__*/React.forwardRef(function SpeedDialIcon(inPro
110
110
  }));
111
111
  });
112
112
  process.env.NODE_ENV !== "production" ? SpeedDialIcon.propTypes /* remove-proptypes */ = {
113
- // ----------------------------- Warning --------------------------------
114
- // | These PropTypes are generated from the TypeScript type definitions |
115
- // | To update them edit the d.ts file and run "yarn proptypes" |
116
- // ----------------------------------------------------------------------
113
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
114
+ // These PropTypes are generated from the TypeScript type definitions.
115
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
116
+ // └─────────────────────────────────────────────────────────────────────┘
117
117
  /**
118
118
  * Override or extend the styles applied to the component.
119
119
  */
@@ -22,10 +22,10 @@ const Stack = (0, _system.createStack)({
22
22
  })
23
23
  });
24
24
  process.env.NODE_ENV !== "production" ? Stack.propTypes /* remove-proptypes */ = {
25
- // ----------------------------- Warning --------------------------------
26
- // | These PropTypes are generated from the TypeScript type definitions |
27
- // | To update them edit the d.ts file and run "yarn proptypes" |
28
- // ----------------------------------------------------------------------
25
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
26
+ // These PropTypes are generated from the TypeScript type definitions.
27
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
28
+ // └─────────────────────────────────────────────────────────────────────┘
29
29
  /**
30
30
  * The content of the component.
31
31
  */
package/node/Step/Step.js CHANGED
@@ -119,10 +119,10 @@ const Step = /*#__PURE__*/React.forwardRef(function Step(inProps, ref) {
119
119
  });
120
120
  });
121
121
  process.env.NODE_ENV !== "production" ? Step.propTypes /* remove-proptypes */ = {
122
- // ----------------------------- Warning --------------------------------
123
- // | These PropTypes are generated from the TypeScript type definitions |
124
- // | To update them edit the d.ts file and run "yarn proptypes" |
125
- // ----------------------------------------------------------------------
122
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
123
+ // These PropTypes are generated from the TypeScript type definitions.
124
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
125
+ // └─────────────────────────────────────────────────────────────────────┘
126
126
  /**
127
127
  * Sets the step as active. Is passed to child components.
128
128
  */
@@ -107,10 +107,10 @@ const StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, re
107
107
  }));
108
108
  });
109
109
  process.env.NODE_ENV !== "production" ? StepButton.propTypes /* remove-proptypes */ = {
110
- // ----------------------------- Warning --------------------------------
111
- // | These PropTypes are generated from the TypeScript type definitions |
112
- // | To update them edit the d.ts file and run "yarn proptypes" |
113
- // ----------------------------------------------------------------------
110
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
111
+ // These PropTypes are generated from the TypeScript type definitions.
112
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
113
+ // └─────────────────────────────────────────────────────────────────────┘
114
114
  /**
115
115
  * Can be a `StepLabel` or a node to place inside `StepLabel` as children.
116
116
  */
@@ -122,10 +122,10 @@ const StepConnector = /*#__PURE__*/React.forwardRef(function StepConnector(inPro
122
122
  }));
123
123
  });
124
124
  process.env.NODE_ENV !== "production" ? StepConnector.propTypes /* remove-proptypes */ = {
125
- // ----------------------------- Warning --------------------------------
126
- // | These PropTypes are generated from the TypeScript type definitions |
127
- // | To update them edit the d.ts file and run "yarn proptypes" |
128
- // ----------------------------------------------------------------------
125
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
126
+ // These PropTypes are generated from the TypeScript type definitions.
127
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
128
+ // └─────────────────────────────────────────────────────────────────────┘
129
129
  /**
130
130
  * Override or extend the styles applied to the component.
131
131
  */
@@ -112,10 +112,10 @@ const StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps,
112
112
  }));
113
113
  });
114
114
  process.env.NODE_ENV !== "production" ? StepContent.propTypes /* remove-proptypes */ = {
115
- // ----------------------------- Warning --------------------------------
116
- // | These PropTypes are generated from the TypeScript type definitions |
117
- // | To update them edit the d.ts file and run "yarn proptypes" |
118
- // ----------------------------------------------------------------------
115
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
116
+ // These PropTypes are generated from the TypeScript type definitions.
117
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
118
+ // └─────────────────────────────────────────────────────────────────────┘
119
119
  /**
120
120
  * The content of the component.
121
121
  */
@@ -129,10 +129,10 @@ const StepIcon = /*#__PURE__*/React.forwardRef(function StepIcon(inProps, ref) {
129
129
  return icon;
130
130
  });
131
131
  process.env.NODE_ENV !== "production" ? StepIcon.propTypes /* remove-proptypes */ = {
132
- // ----------------------------- Warning --------------------------------
133
- // | These PropTypes are generated from the TypeScript type definitions |
134
- // | To update them edit the d.ts file and run "yarn proptypes" |
135
- // ----------------------------------------------------------------------
132
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
133
+ // These PropTypes are generated from the TypeScript type definitions.
134
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
135
+ // └─────────────────────────────────────────────────────────────────────┘
136
136
  /**
137
137
  * Whether this step is active.
138
138
  * @default false
@@ -186,10 +186,10 @@ const StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref)
186
186
  }));
187
187
  });
188
188
  process.env.NODE_ENV !== "production" ? StepLabel.propTypes /* remove-proptypes */ = {
189
- // ----------------------------- Warning --------------------------------
190
- // | These PropTypes are generated from the TypeScript type definitions |
191
- // | To update them edit the d.ts file and run "yarn proptypes" |
192
- // ----------------------------------------------------------------------
189
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
190
+ // These PropTypes are generated from the TypeScript type definitions.
191
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
192
+ // └─────────────────────────────────────────────────────────────────────┘
193
193
  /**
194
194
  * In most cases will simply be a string containing a title for the label.
195
195
  */
@@ -104,10 +104,10 @@ const Stepper = /*#__PURE__*/React.forwardRef(function Stepper(inProps, ref) {
104
104
  });
105
105
  });
106
106
  process.env.NODE_ENV !== "production" ? Stepper.propTypes /* remove-proptypes */ = {
107
- // ----------------------------- Warning --------------------------------
108
- // | These PropTypes are generated from the TypeScript type definitions |
109
- // | To update them edit the d.ts file and run "yarn proptypes" |
110
- // ----------------------------------------------------------------------
107
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
108
+ // These PropTypes are generated from the TypeScript type definitions.
109
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
110
+ // └─────────────────────────────────────────────────────────────────────┘
111
111
  /**
112
112
  * Set the active step (zero based index).
113
113
  * Set to -1 to disable all the steps.
@@ -119,10 +119,10 @@ const SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
119
119
  }));
120
120
  });
121
121
  process.env.NODE_ENV !== "production" ? SvgIcon.propTypes /* remove-proptypes */ = {
122
- // ----------------------------- Warning --------------------------------
123
- // | These PropTypes are generated from the TypeScript type definitions |
124
- // | To update them edit the d.ts file and run "yarn proptypes" |
125
- // ----------------------------------------------------------------------
122
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
123
+ // These PropTypes are generated from the TypeScript type definitions.
124
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
125
+ // └─────────────────────────────────────────────────────────────────────┘
126
126
  /**
127
127
  * Node passed into the SVG element.
128
128
  */
@@ -492,10 +492,10 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
492
492
  });
493
493
  });
494
494
  process.env.NODE_ENV !== "production" ? SwipeableDrawer.propTypes /* remove-proptypes */ = {
495
- // ----------------------------- Warning --------------------------------
496
- // | These PropTypes are generated from the TypeScript type definitions |
497
- // | To update them edit the d.ts file and run "yarn proptypes" |
498
- // ----------------------------------------------------------------------
495
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
496
+ // These PropTypes are generated from the TypeScript type definitions.
497
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
498
+ // └─────────────────────────────────────────────────────────────────────┘
499
499
  /**
500
500
  * If set to true, the swipe event will open the drawer even if the user begins the swipe on one of the drawer's children.
501
501
  * This can be useful in scenarios where the drawer is partially visible.
@@ -230,10 +230,10 @@ const Switch = /*#__PURE__*/React.forwardRef(function Switch(inProps, ref) {
230
230
  });
231
231
  });
232
232
  process.env.NODE_ENV !== "production" ? Switch.propTypes /* remove-proptypes */ = {
233
- // ----------------------------- Warning --------------------------------
234
- // | These PropTypes are generated from the TypeScript type definitions |
235
- // | To update them edit the d.ts file and run "yarn proptypes" |
236
- // ----------------------------------------------------------------------
233
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
234
+ // These PropTypes are generated from the TypeScript type definitions.
235
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
236
+ // └─────────────────────────────────────────────────────────────────────┘
237
237
  /**
238
238
  * If `true`, the component is checked.
239
239
  */
package/node/Tab/Tab.js CHANGED
@@ -192,10 +192,10 @@ const Tab = /*#__PURE__*/React.forwardRef(function Tab(inProps, ref) {
192
192
  }));
193
193
  });
194
194
  process.env.NODE_ENV !== "production" ? Tab.propTypes /* remove-proptypes */ = {
195
- // ----------------------------- Warning --------------------------------
196
- // | These PropTypes are generated from the TypeScript type definitions |
197
- // | To update them edit the d.ts file and run "yarn proptypes" |
198
- // ----------------------------------------------------------------------
195
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
196
+ // These PropTypes are generated from the TypeScript type definitions.
197
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
198
+ // └─────────────────────────────────────────────────────────────────────┘
199
199
  /**
200
200
  * This prop isn't supported.
201
201
  * Use the `component` prop if you need to change the children structure.
@@ -109,10 +109,10 @@ const TabScrollButton = /*#__PURE__*/React.forwardRef(function TabScrollButton(i
109
109
  }));
110
110
  });
111
111
  process.env.NODE_ENV !== "production" ? TabScrollButton.propTypes /* remove-proptypes */ = {
112
- // ----------------------------- Warning --------------------------------
113
- // | These PropTypes are generated from the TypeScript type definitions |
114
- // | To update them edit the d.ts file and run "yarn proptypes" |
115
- // ----------------------------------------------------------------------
112
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
113
+ // These PropTypes are generated from the TypeScript type definitions.
114
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
115
+ // └─────────────────────────────────────────────────────────────────────┘
116
116
  /**
117
117
  * The content of the component.
118
118
  */
@@ -94,10 +94,10 @@ const Table = /*#__PURE__*/React.forwardRef(function Table(inProps, ref) {
94
94
  });
95
95
  });
96
96
  process.env.NODE_ENV !== "production" ? Table.propTypes /* remove-proptypes */ = {
97
- // ----------------------------- Warning --------------------------------
98
- // | These PropTypes are generated from the TypeScript type definitions |
99
- // | To update them edit the d.ts file and run "yarn proptypes" |
100
- // ----------------------------------------------------------------------
97
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
98
+ // These PropTypes are generated from the TypeScript type definitions.
99
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
100
+ // └─────────────────────────────────────────────────────────────────────┘
101
101
  /**
102
102
  * The content of the table, normally `TableHead` and `TableBody`.
103
103
  */
@@ -66,10 +66,10 @@ const TableBody = /*#__PURE__*/React.forwardRef(function TableBody(inProps, ref)
66
66
  });
67
67
  });
68
68
  process.env.NODE_ENV !== "production" ? TableBody.propTypes /* remove-proptypes */ = {
69
- // ----------------------------- Warning --------------------------------
70
- // | These PropTypes are generated from the TypeScript type definitions |
71
- // | To update them edit the d.ts file and run "yarn proptypes" |
72
- // ----------------------------------------------------------------------
69
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
70
+ // These PropTypes are generated from the TypeScript type definitions.
71
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
72
+ // └─────────────────────────────────────────────────────────────────────┘
73
73
  /**
74
74
  * The content of the component, normally `TableRow`.
75
75
  */
@@ -162,10 +162,10 @@ const TableCell = /*#__PURE__*/React.forwardRef(function TableCell(inProps, ref)
162
162
  }, other));
163
163
  });
164
164
  process.env.NODE_ENV !== "production" ? TableCell.propTypes /* remove-proptypes */ = {
165
- // ----------------------------- Warning --------------------------------
166
- // | These PropTypes are generated from the TypeScript type definitions |
167
- // | To update them edit the d.ts file and run "yarn proptypes" |
168
- // ----------------------------------------------------------------------
165
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
166
+ // These PropTypes are generated from the TypeScript type definitions.
167
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
168
+ // └─────────────────────────────────────────────────────────────────────┘
169
169
  /**
170
170
  * Set the text-align on the table cell content.
171
171
  *
@@ -58,10 +58,10 @@ const TableContainer = /*#__PURE__*/React.forwardRef(function TableContainer(inP
58
58
  }, other));
59
59
  });
60
60
  process.env.NODE_ENV !== "production" ? TableContainer.propTypes /* remove-proptypes */ = {
61
- // ----------------------------- Warning --------------------------------
62
- // | These PropTypes are generated from the TypeScript type definitions |
63
- // | To update them edit the d.ts file and run "yarn proptypes" |
64
- // ----------------------------------------------------------------------
61
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
62
+ // These PropTypes are generated from the TypeScript type definitions.
63
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
64
+ // └─────────────────────────────────────────────────────────────────────┘
65
65
  /**
66
66
  * The content of the component, normally `Table`.
67
67
  */
@@ -66,10 +66,10 @@ const TableFooter = /*#__PURE__*/React.forwardRef(function TableFooter(inProps,
66
66
  });
67
67
  });
68
68
  process.env.NODE_ENV !== "production" ? TableFooter.propTypes /* remove-proptypes */ = {
69
- // ----------------------------- Warning --------------------------------
70
- // | These PropTypes are generated from the TypeScript type definitions |
71
- // | To update them edit the d.ts file and run "yarn proptypes" |
72
- // ----------------------------------------------------------------------
69
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
70
+ // These PropTypes are generated from the TypeScript type definitions.
71
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
72
+ // └─────────────────────────────────────────────────────────────────────┘
73
73
  /**
74
74
  * The content of the component, normally `TableRow`.
75
75
  */
@@ -66,10 +66,10 @@ const TableHead = /*#__PURE__*/React.forwardRef(function TableHead(inProps, ref)
66
66
  });
67
67
  });
68
68
  process.env.NODE_ENV !== "production" ? TableHead.propTypes /* remove-proptypes */ = {
69
- // ----------------------------- Warning --------------------------------
70
- // | These PropTypes are generated from the TypeScript type definitions |
71
- // | To update them edit the d.ts file and run "yarn proptypes" |
72
- // ----------------------------------------------------------------------
69
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
70
+ // These PropTypes are generated from the TypeScript type definitions.
71
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
72
+ // └─────────────────────────────────────────────────────────────────────┘
73
73
  /**
74
74
  * The content of the component, normally `TableRow`.
75
75
  */
@@ -262,10 +262,10 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
262
262
  }));
263
263
  });
264
264
  process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-proptypes */ = {
265
- // ----------------------------- Warning --------------------------------
266
- // | These PropTypes are generated from the TypeScript type definitions |
267
- // | To update them edit the d.ts file and run "yarn proptypes" |
268
- // ----------------------------------------------------------------------
265
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
266
+ // These PropTypes are generated from the TypeScript type definitions.
267
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
268
+ // └─────────────────────────────────────────────────────────────────────┘
269
269
  /**
270
270
  * The component used for displaying the actions.
271
271
  * Either a string to use a HTML element or a component.
@@ -96,10 +96,10 @@ const TableRow = /*#__PURE__*/React.forwardRef(function TableRow(inProps, ref) {
96
96
  }, other));
97
97
  });
98
98
  process.env.NODE_ENV !== "production" ? TableRow.propTypes /* remove-proptypes */ = {
99
- // ----------------------------- Warning --------------------------------
100
- // | These PropTypes are generated from the TypeScript type definitions |
101
- // | To update them edit the d.ts file and run "yarn proptypes" |
102
- // ----------------------------------------------------------------------
99
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
100
+ // These PropTypes are generated from the TypeScript type definitions.
101
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
102
+ // └─────────────────────────────────────────────────────────────────────┘
103
103
  /**
104
104
  * Should be valid <tr> children such as `TableCell`.
105
105
  */
@@ -134,10 +134,10 @@ const TableSortLabel = /*#__PURE__*/React.forwardRef(function TableSortLabel(inP
134
134
  }));
135
135
  });
136
136
  process.env.NODE_ENV !== "production" ? TableSortLabel.propTypes /* remove-proptypes */ = {
137
- // ----------------------------- Warning --------------------------------
138
- // | These PropTypes are generated from the TypeScript type definitions |
139
- // | To update them edit the d.ts file and run "yarn proptypes" |
140
- // ----------------------------------------------------------------------
137
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
138
+ // These PropTypes are generated from the TypeScript type definitions.
139
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
140
+ // └─────────────────────────────────────────────────────────────────────┘
141
141
  /**
142
142
  * If `true`, the label will have the active styling (should be true for the sorted column).
143
143
  * @default false
package/node/Tabs/Tabs.js CHANGED
@@ -694,10 +694,10 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {
694
694
  }));
695
695
  });
696
696
  process.env.NODE_ENV !== "production" ? Tabs.propTypes /* remove-proptypes */ = {
697
- // ----------------------------- Warning --------------------------------
698
- // | These PropTypes are generated from the TypeScript type definitions |
699
- // | To update them edit the d.ts file and run "yarn proptypes" |
700
- // ----------------------------------------------------------------------
697
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
698
+ // These PropTypes are generated from the TypeScript type definitions.
699
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
700
+ // └─────────────────────────────────────────────────────────────────────┘
701
701
  /**
702
702
  * Callback fired when the component mounts.
703
703
  * This is useful when you want to trigger an action programmatically.
@@ -207,10 +207,10 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
207
207
  }));
208
208
  });
209
209
  process.env.NODE_ENV !== "production" ? TextField.propTypes /* remove-proptypes */ = {
210
- // ----------------------------- Warning --------------------------------
211
- // | These PropTypes are generated from the TypeScript type definitions |
212
- // | To update them edit the d.ts file and run "yarn proptypes" |
213
- // ----------------------------------------------------------------------
210
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
211
+ // These PropTypes are generated from the TypeScript type definitions.
212
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
213
+ // └─────────────────────────────────────────────────────────────────────┘
214
214
  /**
215
215
  * This prop helps users to fill forms faster, especially on mobile devices.
216
216
  * The name can be confusing, as it's more like an autofill.
@@ -12,6 +12,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
12
12
  var React = _interopRequireWildcard(require("react"));
13
13
  var _propTypes = _interopRequireDefault(require("prop-types"));
14
14
  var _clsx = _interopRequireDefault(require("clsx"));
15
+ var _utils = require("@mui/utils");
15
16
  var _composeClasses = require("@mui/base/composeClasses");
16
17
  var _styles = require("../styles");
17
18
  var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
@@ -19,8 +20,12 @@ var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
19
20
  var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
20
21
  var _styled = _interopRequireDefault(require("../styles/styled"));
21
22
  var _toggleButtonClasses = _interopRequireWildcard(require("./toggleButtonClasses"));
23
+ var _ToggleButtonGroupContext = _interopRequireDefault(require("../ToggleButtonGroup/ToggleButtonGroupContext"));
24
+ var _ToggleButtonGroupButtonContext = _interopRequireDefault(require("../ToggleButtonGroup/ToggleButtonGroupButtonContext"));
25
+ var _isValueSelected = _interopRequireDefault(require("../ToggleButtonGroup/isValueSelected"));
22
26
  var _jsxRuntime = require("react/jsx-runtime");
23
- const _excluded = ["children", "className", "color", "disabled", "disableFocusRipple", "fullWidth", "onChange", "onClick", "selected", "size", "value"];
27
+ const _excluded = ["value"],
28
+ _excluded2 = ["children", "className", "color", "disabled", "disableFocusRipple", "fullWidth", "onChange", "onClick", "selected", "size", "value"];
24
29
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
25
30
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
26
31
  const useUtilityClasses = ownerState => {
@@ -96,8 +101,18 @@ const ToggleButtonRoot = (0, _styled.default)(_ButtonBase.default, {
96
101
  });
97
102
  });
98
103
  const ToggleButton = /*#__PURE__*/React.forwardRef(function ToggleButton(inProps, ref) {
104
+ // props priority: `inProps` > `contextProps` > `themeDefaultProps`
105
+ const _React$useContext = React.useContext(_ToggleButtonGroupContext.default),
106
+ {
107
+ value: contextValue
108
+ } = _React$useContext,
109
+ contextProps = (0, _objectWithoutPropertiesLoose2.default)(_React$useContext, _excluded);
110
+ const toggleButtonGroupButtonContextPositionClassName = React.useContext(_ToggleButtonGroupButtonContext.default);
111
+ const resolvedProps = (0, _utils.internal_resolveProps)((0, _extends2.default)({}, contextProps, {
112
+ selected: (0, _isValueSelected.default)(inProps.value, contextValue)
113
+ }), inProps);
99
114
  const props = (0, _useThemeProps.default)({
100
- props: inProps,
115
+ props: resolvedProps,
101
116
  name: 'MuiToggleButton'
102
117
  });
103
118
  const {
@@ -113,7 +128,7 @@ const ToggleButton = /*#__PURE__*/React.forwardRef(function ToggleButton(inProps
113
128
  size = 'medium',
114
129
  value
115
130
  } = props,
116
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
131
+ other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
117
132
  const ownerState = (0, _extends2.default)({}, props, {
118
133
  color,
119
134
  disabled,
@@ -133,8 +148,9 @@ const ToggleButton = /*#__PURE__*/React.forwardRef(function ToggleButton(inProps
133
148
  onChange(event, value);
134
149
  }
135
150
  };
151
+ const positionClassName = toggleButtonGroupButtonContextPositionClassName || '';
136
152
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ToggleButtonRoot, (0, _extends2.default)({
137
- className: (0, _clsx.default)(classes.root, className),
153
+ className: (0, _clsx.default)(contextProps.className, classes.root, className, positionClassName),
138
154
  disabled: disabled,
139
155
  focusRipple: !disableFocusRipple,
140
156
  ref: ref,
@@ -148,10 +164,10 @@ const ToggleButton = /*#__PURE__*/React.forwardRef(function ToggleButton(inProps
148
164
  }));
149
165
  });
150
166
  process.env.NODE_ENV !== "production" ? ToggleButton.propTypes /* remove-proptypes */ = {
151
- // ----------------------------- Warning --------------------------------
152
- // | These PropTypes are generated from the TypeScript type definitions |
153
- // | To update them edit the d.ts file and run "yarn proptypes" |
154
- // ----------------------------------------------------------------------
167
+ // ┌────────────────────────────── Warning ──────────────────────────────┐
168
+ // These PropTypes are generated from the TypeScript type definitions.
169
+ // To update them, edit the d.ts file and run `pnpm proptypes`.
170
+ // └─────────────────────────────────────────────────────────────────────┘
155
171
  /**
156
172
  * The content of the component.
157
173
  */