@mui/material 6.0.0-alpha.6 → 6.0.0-alpha.8

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 (462) hide show
  1. package/Accordion/Accordion.js +33 -33
  2. package/AccordionActions/AccordionActions.js +11 -12
  3. package/AccordionDetails/AccordionDetails.js +7 -9
  4. package/AccordionSummary/AccordionSummary.js +14 -16
  5. package/Alert/Alert.js +56 -51
  6. package/AlertTitle/AlertTitle.js +7 -9
  7. package/AppBar/AppBar.js +34 -32
  8. package/Autocomplete/Autocomplete.d.ts +78 -12
  9. package/Autocomplete/Autocomplete.js +251 -162
  10. package/Avatar/Avatar.js +41 -35
  11. package/AvatarGroup/AvatarGroup.js +31 -31
  12. package/Backdrop/Backdrop.js +33 -30
  13. package/Badge/Badge.js +31 -30
  14. package/BottomNavigation/BottomNavigation.js +15 -17
  15. package/BottomNavigationAction/BottomNavigationAction.js +15 -18
  16. package/Breadcrumbs/BreadcrumbCollapsed.js +35 -34
  17. package/Breadcrumbs/Breadcrumbs.js +19 -21
  18. package/Button/Button.js +32 -29
  19. package/ButtonBase/ButtonBase.js +43 -42
  20. package/ButtonBase/TouchRipple.js +9 -12
  21. package/ButtonGroup/ButtonGroup.js +23 -25
  22. package/CHANGELOG.md +84 -2
  23. package/Card/Card.js +11 -12
  24. package/CardActionArea/CardActionArea.js +9 -12
  25. package/CardActions/CardActions.js +11 -12
  26. package/CardContent/CardContent.js +11 -12
  27. package/CardHeader/CardHeader.js +30 -31
  28. package/CardMedia/CardMedia.js +19 -20
  29. package/Checkbox/Checkbox.js +29 -26
  30. package/Chip/Chip.js +38 -37
  31. package/CircularProgress/CircularProgress.js +24 -23
  32. package/CircularProgress/circularProgressClasses.d.ts +6 -2
  33. package/Collapse/Collapse.js +44 -42
  34. package/CssBaseline/CssBaseline.js +17 -14
  35. package/Dialog/Dialog.js +41 -42
  36. package/DialogActions/DialogActions.js +11 -12
  37. package/DialogContent/DialogContent.js +11 -12
  38. package/DialogContentText/DialogContentText.js +13 -11
  39. package/DialogTitle/DialogTitle.js +8 -10
  40. package/Divider/Divider.js +19 -21
  41. package/Drawer/Drawer.js +50 -49
  42. package/Fab/Fab.js +26 -23
  43. package/Fade/Fade.js +31 -30
  44. package/FilledInput/FilledInput.js +48 -44
  45. package/FilledInput/filledInputClasses.js +4 -2
  46. package/FormControl/FormControl.js +27 -25
  47. package/FormControlLabel/FormControlLabel.js +32 -26
  48. package/FormGroup/FormGroup.js +11 -12
  49. package/FormHelperText/FormHelperText.js +26 -18
  50. package/FormLabel/FormLabel.js +27 -19
  51. package/GlobalStyles/GlobalStyles.js +3 -3
  52. package/Grid/Grid.js +49 -41
  53. package/Grow/Grow.js +31 -30
  54. package/Hidden/Hidden.js +21 -22
  55. package/Hidden/HiddenCss.js +29 -29
  56. package/Hidden/withWidth.js +19 -19
  57. package/Icon/Icon.js +15 -16
  58. package/IconButton/IconButton.js +18 -20
  59. package/ImageList/ImageList.js +24 -24
  60. package/ImageListItem/ImageListItem.js +19 -20
  61. package/ImageListItemBar/ImageListItemBar.js +15 -17
  62. package/Input/Input.js +21 -20
  63. package/Input/inputClasses.js +4 -2
  64. package/InputAdornment/InputAdornment.js +16 -18
  65. package/InputBase/InputBase.js +90 -73
  66. package/InputLabel/InputLabel.js +20 -16
  67. package/LinearProgress/LinearProgress.js +21 -23
  68. package/Link/Link.js +27 -26
  69. package/List/List.js +15 -17
  70. package/ListItem/ListItem.js +58 -49
  71. package/ListItemAvatar/ListItemAvatar.js +10 -11
  72. package/ListItemButton/ListItemButton.js +23 -22
  73. package/ListItemIcon/ListItemIcon.js +10 -11
  74. package/ListItemSecondaryAction/ListItemSecondaryAction.js +10 -11
  75. package/ListItemText/ListItemText.js +25 -27
  76. package/ListSubheader/ListSubheader.js +15 -16
  77. package/Menu/Menu.js +34 -36
  78. package/MenuItem/MenuItem.js +28 -26
  79. package/MenuList/MenuList.js +17 -20
  80. package/MobileStepper/MobileStepper.js +21 -22
  81. package/Modal/Modal.js +47 -38
  82. package/NativeSelect/NativeSelect.js +26 -22
  83. package/NativeSelect/NativeSelectInput.js +15 -16
  84. package/OutlinedInput/NotchedOutline.js +14 -14
  85. package/OutlinedInput/OutlinedInput.js +46 -42
  86. package/OutlinedInput/outlinedInputClasses.js +4 -2
  87. package/Pagination/Pagination.js +36 -32
  88. package/PaginationItem/PaginationItem.js +31 -30
  89. package/Paper/Paper.js +26 -23
  90. package/Popover/Popover.js +71 -71
  91. package/Popper/Popper.js +25 -27
  92. package/Radio/Radio.js +24 -22
  93. package/Radio/RadioButtonIcon.js +3 -3
  94. package/RadioGroup/RadioGroup.js +15 -18
  95. package/Rating/Rating.js +54 -47
  96. package/ScopedCssBaseline/ScopedCssBaseline.js +18 -15
  97. package/Select/Select.js +63 -57
  98. package/Select/SelectInput.js +64 -59
  99. package/Skeleton/Skeleton.js +20 -21
  100. package/Slide/Slide.js +37 -33
  101. package/Slider/Slider.js +155 -106
  102. package/Snackbar/Snackbar.js +52 -45
  103. package/SnackbarContent/SnackbarContent.js +13 -15
  104. package/SpeedDial/SpeedDial.js +59 -60
  105. package/SpeedDialAction/SpeedDialAction.js +34 -33
  106. package/SpeedDialIcon/SpeedDialIcon.js +10 -12
  107. package/Step/Step.js +18 -20
  108. package/StepButton/StepButton.js +16 -17
  109. package/StepConnector/StepConnector.js +10 -12
  110. package/StepContent/StepContent.js +18 -20
  111. package/StepIcon/StepIcon.js +22 -22
  112. package/StepLabel/StepLabel.js +33 -30
  113. package/Stepper/Stepper.js +21 -22
  114. package/SvgIcon/SvgIcon.js +21 -21
  115. package/SwipeableDrawer/SwipeArea.js +15 -16
  116. package/SwipeableDrawer/SwipeableDrawer.js +49 -43
  117. package/Switch/Switch.js +23 -20
  118. package/Tab/Tab.js +32 -33
  119. package/TabScrollButton/TabScrollButton.js +27 -21
  120. package/Table/Table.js +17 -17
  121. package/TableBody/TableBody.js +11 -12
  122. package/TableCell/TableCell.js +19 -19
  123. package/TableContainer/TableContainer.js +11 -12
  124. package/TableFooter/TableFooter.js +11 -12
  125. package/TableHead/TableHead.js +11 -12
  126. package/TablePagination/TablePagination.js +56 -52
  127. package/TablePagination/TablePaginationActions.js +51 -38
  128. package/TableRow/TableRow.js +13 -14
  129. package/TableSortLabel/TableSortLabel.js +15 -17
  130. package/Tabs/ScrollbarSize.js +7 -9
  131. package/Tabs/Tabs.js +52 -49
  132. package/TextField/TextField.d.ts +58 -3
  133. package/TextField/TextField.js +137 -67
  134. package/ToggleButton/ToggleButton.js +30 -32
  135. package/ToggleButtonGroup/ToggleButtonGroup.js +19 -21
  136. package/ToggleButtonGroup/toggleButtonGroupClasses.d.ts +2 -0
  137. package/Toolbar/Toolbar.js +13 -14
  138. package/Tooltip/Tooltip.js +75 -60
  139. package/Typography/Typography.js +37 -35
  140. package/Zoom/Zoom.js +31 -30
  141. package/index.js +1 -1
  142. package/internal/SwitchBase.js +37 -37
  143. package/modern/Accordion/Accordion.js +33 -33
  144. package/modern/AccordionActions/AccordionActions.js +11 -12
  145. package/modern/AccordionDetails/AccordionDetails.js +7 -9
  146. package/modern/AccordionSummary/AccordionSummary.js +14 -16
  147. package/modern/Alert/Alert.js +56 -51
  148. package/modern/AlertTitle/AlertTitle.js +7 -9
  149. package/modern/AppBar/AppBar.js +34 -32
  150. package/modern/Autocomplete/Autocomplete.js +251 -162
  151. package/modern/Avatar/Avatar.js +41 -35
  152. package/modern/AvatarGroup/AvatarGroup.js +31 -31
  153. package/modern/Backdrop/Backdrop.js +33 -30
  154. package/modern/Badge/Badge.js +31 -30
  155. package/modern/BottomNavigation/BottomNavigation.js +15 -17
  156. package/modern/BottomNavigationAction/BottomNavigationAction.js +15 -18
  157. package/modern/Breadcrumbs/BreadcrumbCollapsed.js +35 -34
  158. package/modern/Breadcrumbs/Breadcrumbs.js +19 -21
  159. package/modern/Button/Button.js +32 -29
  160. package/modern/ButtonBase/ButtonBase.js +43 -42
  161. package/modern/ButtonBase/TouchRipple.js +9 -12
  162. package/modern/ButtonGroup/ButtonGroup.js +23 -25
  163. package/modern/Card/Card.js +11 -12
  164. package/modern/CardActionArea/CardActionArea.js +9 -12
  165. package/modern/CardActions/CardActions.js +11 -12
  166. package/modern/CardContent/CardContent.js +11 -12
  167. package/modern/CardHeader/CardHeader.js +30 -31
  168. package/modern/CardMedia/CardMedia.js +19 -20
  169. package/modern/Checkbox/Checkbox.js +29 -26
  170. package/modern/Chip/Chip.js +38 -37
  171. package/modern/CircularProgress/CircularProgress.js +24 -23
  172. package/modern/Collapse/Collapse.js +44 -42
  173. package/modern/CssBaseline/CssBaseline.js +17 -14
  174. package/modern/Dialog/Dialog.js +41 -42
  175. package/modern/DialogActions/DialogActions.js +11 -12
  176. package/modern/DialogContent/DialogContent.js +11 -12
  177. package/modern/DialogContentText/DialogContentText.js +13 -11
  178. package/modern/DialogTitle/DialogTitle.js +8 -10
  179. package/modern/Divider/Divider.js +19 -21
  180. package/modern/Drawer/Drawer.js +50 -49
  181. package/modern/Fab/Fab.js +26 -23
  182. package/modern/Fade/Fade.js +31 -30
  183. package/modern/FilledInput/FilledInput.js +48 -44
  184. package/modern/FilledInput/filledInputClasses.js +4 -2
  185. package/modern/FormControl/FormControl.js +27 -25
  186. package/modern/FormControlLabel/FormControlLabel.js +32 -26
  187. package/modern/FormGroup/FormGroup.js +11 -12
  188. package/modern/FormHelperText/FormHelperText.js +26 -18
  189. package/modern/FormLabel/FormLabel.js +27 -19
  190. package/modern/GlobalStyles/GlobalStyles.js +3 -3
  191. package/modern/Grid/Grid.js +49 -41
  192. package/modern/Grow/Grow.js +31 -30
  193. package/modern/Hidden/Hidden.js +21 -22
  194. package/modern/Hidden/HiddenCss.js +29 -29
  195. package/modern/Hidden/withWidth.js +19 -19
  196. package/modern/Icon/Icon.js +15 -16
  197. package/modern/IconButton/IconButton.js +18 -20
  198. package/modern/ImageList/ImageList.js +24 -24
  199. package/modern/ImageListItem/ImageListItem.js +19 -20
  200. package/modern/ImageListItemBar/ImageListItemBar.js +15 -17
  201. package/modern/Input/Input.js +21 -20
  202. package/modern/Input/inputClasses.js +4 -2
  203. package/modern/InputAdornment/InputAdornment.js +16 -18
  204. package/modern/InputBase/InputBase.js +90 -73
  205. package/modern/InputLabel/InputLabel.js +20 -16
  206. package/modern/LinearProgress/LinearProgress.js +21 -23
  207. package/modern/Link/Link.js +27 -26
  208. package/modern/List/List.js +15 -17
  209. package/modern/ListItem/ListItem.js +58 -49
  210. package/modern/ListItemAvatar/ListItemAvatar.js +10 -11
  211. package/modern/ListItemButton/ListItemButton.js +23 -22
  212. package/modern/ListItemIcon/ListItemIcon.js +10 -11
  213. package/modern/ListItemSecondaryAction/ListItemSecondaryAction.js +10 -11
  214. package/modern/ListItemText/ListItemText.js +25 -27
  215. package/modern/ListSubheader/ListSubheader.js +15 -16
  216. package/modern/Menu/Menu.js +34 -36
  217. package/modern/MenuItem/MenuItem.js +28 -26
  218. package/modern/MenuList/MenuList.js +17 -20
  219. package/modern/MobileStepper/MobileStepper.js +21 -22
  220. package/modern/Modal/Modal.js +47 -38
  221. package/modern/NativeSelect/NativeSelect.js +26 -22
  222. package/modern/NativeSelect/NativeSelectInput.js +15 -16
  223. package/modern/OutlinedInput/NotchedOutline.js +14 -14
  224. package/modern/OutlinedInput/OutlinedInput.js +46 -42
  225. package/modern/OutlinedInput/outlinedInputClasses.js +4 -2
  226. package/modern/Pagination/Pagination.js +36 -32
  227. package/modern/PaginationItem/PaginationItem.js +31 -30
  228. package/modern/Paper/Paper.js +26 -23
  229. package/modern/Popover/Popover.js +71 -71
  230. package/modern/Popper/Popper.js +25 -27
  231. package/modern/Radio/Radio.js +24 -22
  232. package/modern/Radio/RadioButtonIcon.js +3 -3
  233. package/modern/RadioGroup/RadioGroup.js +15 -18
  234. package/modern/Rating/Rating.js +54 -47
  235. package/modern/ScopedCssBaseline/ScopedCssBaseline.js +18 -15
  236. package/modern/Select/Select.js +63 -57
  237. package/modern/Select/SelectInput.js +64 -59
  238. package/modern/Skeleton/Skeleton.js +20 -21
  239. package/modern/Slide/Slide.js +37 -33
  240. package/modern/Slider/Slider.js +155 -106
  241. package/modern/Snackbar/Snackbar.js +52 -45
  242. package/modern/SnackbarContent/SnackbarContent.js +13 -15
  243. package/modern/SpeedDial/SpeedDial.js +59 -60
  244. package/modern/SpeedDialAction/SpeedDialAction.js +34 -33
  245. package/modern/SpeedDialIcon/SpeedDialIcon.js +10 -12
  246. package/modern/Step/Step.js +18 -20
  247. package/modern/StepButton/StepButton.js +16 -17
  248. package/modern/StepConnector/StepConnector.js +10 -12
  249. package/modern/StepContent/StepContent.js +18 -20
  250. package/modern/StepIcon/StepIcon.js +22 -22
  251. package/modern/StepLabel/StepLabel.js +33 -30
  252. package/modern/Stepper/Stepper.js +21 -22
  253. package/modern/SvgIcon/SvgIcon.js +21 -21
  254. package/modern/SwipeableDrawer/SwipeArea.js +15 -16
  255. package/modern/SwipeableDrawer/SwipeableDrawer.js +49 -43
  256. package/modern/Switch/Switch.js +23 -20
  257. package/modern/Tab/Tab.js +32 -33
  258. package/modern/TabScrollButton/TabScrollButton.js +27 -21
  259. package/modern/Table/Table.js +17 -17
  260. package/modern/TableBody/TableBody.js +11 -12
  261. package/modern/TableCell/TableCell.js +19 -19
  262. package/modern/TableContainer/TableContainer.js +11 -12
  263. package/modern/TableFooter/TableFooter.js +11 -12
  264. package/modern/TableHead/TableHead.js +11 -12
  265. package/modern/TablePagination/TablePagination.js +56 -52
  266. package/modern/TablePagination/TablePaginationActions.js +51 -38
  267. package/modern/TableRow/TableRow.js +13 -14
  268. package/modern/TableSortLabel/TableSortLabel.js +15 -17
  269. package/modern/Tabs/ScrollbarSize.js +7 -9
  270. package/modern/Tabs/Tabs.js +52 -49
  271. package/modern/TextField/TextField.js +137 -67
  272. package/modern/ToggleButton/ToggleButton.js +30 -32
  273. package/modern/ToggleButtonGroup/ToggleButtonGroup.js +19 -21
  274. package/modern/Toolbar/Toolbar.js +13 -14
  275. package/modern/Tooltip/Tooltip.js +75 -60
  276. package/modern/Typography/Typography.js +37 -35
  277. package/modern/Zoom/Zoom.js +31 -30
  278. package/modern/index.js +1 -1
  279. package/modern/internal/SwitchBase.js +37 -37
  280. package/modern/styles/CssVarsProvider.js +3 -3
  281. package/modern/styles/ThemeProvider.js +7 -10
  282. package/modern/styles/adaptV4Theme.js +31 -31
  283. package/modern/styles/createMixins.js +4 -4
  284. package/modern/styles/createPalette.js +16 -13
  285. package/modern/styles/createTheme.js +16 -11
  286. package/modern/styles/createTransitions.js +17 -14
  287. package/modern/styles/createTypography.js +31 -29
  288. package/modern/styles/experimental_extendTheme.js +47 -37
  289. package/modern/styles/responsiveFontSizes.js +17 -11
  290. package/modern/usePagination/usePagination.js +18 -20
  291. package/modern/useScrollTrigger/useScrollTrigger.js +8 -10
  292. package/modern/utils/createSvgIcon.js +4 -5
  293. package/modern/utils/useSlot.js +41 -40
  294. package/node/Accordion/Accordion.js +33 -33
  295. package/node/AccordionActions/AccordionActions.js +11 -12
  296. package/node/AccordionDetails/AccordionDetails.js +7 -9
  297. package/node/AccordionSummary/AccordionSummary.js +14 -16
  298. package/node/Alert/Alert.js +56 -51
  299. package/node/AlertTitle/AlertTitle.js +7 -9
  300. package/node/AppBar/AppBar.js +125 -129
  301. package/node/Autocomplete/Autocomplete.js +252 -164
  302. package/node/Avatar/Avatar.js +41 -35
  303. package/node/AvatarGroup/AvatarGroup.js +31 -31
  304. package/node/Backdrop/Backdrop.js +33 -30
  305. package/node/Badge/Badge.js +179 -184
  306. package/node/BottomNavigation/BottomNavigation.js +15 -17
  307. package/node/BottomNavigationAction/BottomNavigationAction.js +15 -18
  308. package/node/Breadcrumbs/BreadcrumbCollapsed.js +35 -34
  309. package/node/Breadcrumbs/Breadcrumbs.js +19 -21
  310. package/node/Button/Button.js +32 -29
  311. package/node/ButtonBase/ButtonBase.js +43 -42
  312. package/node/ButtonBase/TouchRipple.js +9 -12
  313. package/node/ButtonGroup/ButtonGroup.js +23 -25
  314. package/node/Card/Card.js +11 -12
  315. package/node/CardActionArea/CardActionArea.js +9 -12
  316. package/node/CardActions/CardActions.js +11 -12
  317. package/node/CardContent/CardContent.js +11 -12
  318. package/node/CardHeader/CardHeader.js +30 -31
  319. package/node/CardMedia/CardMedia.js +19 -20
  320. package/node/Checkbox/Checkbox.js +29 -26
  321. package/node/Chip/Chip.js +38 -37
  322. package/node/CircularProgress/CircularProgress.js +24 -23
  323. package/node/Collapse/Collapse.js +44 -42
  324. package/node/CssBaseline/CssBaseline.js +17 -14
  325. package/node/Dialog/Dialog.js +41 -42
  326. package/node/DialogActions/DialogActions.js +11 -12
  327. package/node/DialogContent/DialogContent.js +11 -12
  328. package/node/DialogContentText/DialogContentText.js +13 -11
  329. package/node/DialogTitle/DialogTitle.js +8 -10
  330. package/node/Divider/Divider.js +19 -21
  331. package/node/Drawer/Drawer.js +50 -49
  332. package/node/Fab/Fab.js +27 -24
  333. package/node/Fade/Fade.js +31 -30
  334. package/node/FilledInput/FilledInput.js +48 -44
  335. package/node/FilledInput/filledInputClasses.js +4 -2
  336. package/node/FormControl/FormControl.js +27 -25
  337. package/node/FormControlLabel/FormControlLabel.js +32 -26
  338. package/node/FormGroup/FormGroup.js +11 -12
  339. package/node/FormHelperText/FormHelperText.js +26 -18
  340. package/node/FormLabel/FormLabel.js +27 -19
  341. package/node/GlobalStyles/GlobalStyles.js +3 -3
  342. package/node/Grid/Grid.js +49 -41
  343. package/node/Grow/Grow.js +31 -30
  344. package/node/Hidden/Hidden.js +24 -26
  345. package/node/Hidden/HiddenCss.js +29 -29
  346. package/node/Hidden/withWidth.js +19 -19
  347. package/node/Icon/Icon.js +15 -16
  348. package/node/IconButton/IconButton.js +18 -20
  349. package/node/ImageList/ImageList.js +24 -24
  350. package/node/ImageListItem/ImageListItem.js +19 -20
  351. package/node/ImageListItemBar/ImageListItemBar.js +15 -17
  352. package/node/Input/Input.js +21 -20
  353. package/node/Input/inputClasses.js +4 -2
  354. package/node/InputAdornment/InputAdornment.js +16 -18
  355. package/node/InputBase/InputBase.js +90 -73
  356. package/node/InputLabel/InputLabel.js +20 -16
  357. package/node/LinearProgress/LinearProgress.js +21 -23
  358. package/node/Link/Link.js +27 -26
  359. package/node/List/List.js +15 -17
  360. package/node/ListItem/ListItem.js +58 -49
  361. package/node/ListItemAvatar/ListItemAvatar.js +10 -11
  362. package/node/ListItemButton/ListItemButton.js +23 -22
  363. package/node/ListItemIcon/ListItemIcon.js +10 -11
  364. package/node/ListItemSecondaryAction/ListItemSecondaryAction.js +10 -11
  365. package/node/ListItemText/ListItemText.js +25 -27
  366. package/node/ListSubheader/ListSubheader.js +15 -16
  367. package/node/Menu/Menu.js +34 -36
  368. package/node/MenuItem/MenuItem.js +28 -26
  369. package/node/MenuList/MenuList.js +17 -20
  370. package/node/MobileStepper/MobileStepper.js +21 -22
  371. package/node/Modal/Modal.js +47 -38
  372. package/node/NativeSelect/NativeSelect.js +26 -22
  373. package/node/NativeSelect/NativeSelectInput.js +15 -16
  374. package/node/OutlinedInput/NotchedOutline.js +14 -14
  375. package/node/OutlinedInput/OutlinedInput.js +46 -42
  376. package/node/OutlinedInput/outlinedInputClasses.js +4 -2
  377. package/node/Pagination/Pagination.js +36 -32
  378. package/node/PaginationItem/PaginationItem.js +31 -30
  379. package/node/Paper/Paper.js +26 -23
  380. package/node/Popover/Popover.js +71 -71
  381. package/node/Popper/Popper.js +25 -27
  382. package/node/Radio/Radio.js +24 -22
  383. package/node/Radio/RadioButtonIcon.js +3 -3
  384. package/node/RadioGroup/RadioGroup.js +15 -18
  385. package/node/Rating/Rating.js +54 -47
  386. package/node/ScopedCssBaseline/ScopedCssBaseline.js +18 -15
  387. package/node/Select/Select.js +63 -57
  388. package/node/Select/SelectInput.js +64 -59
  389. package/node/Skeleton/Skeleton.js +20 -21
  390. package/node/Slide/Slide.js +39 -34
  391. package/node/Slider/Slider.js +298 -265
  392. package/node/Snackbar/Snackbar.js +52 -45
  393. package/node/SnackbarContent/SnackbarContent.js +13 -15
  394. package/node/SpeedDial/SpeedDial.js +59 -60
  395. package/node/SpeedDialAction/SpeedDialAction.js +34 -33
  396. package/node/SpeedDialIcon/SpeedDialIcon.js +10 -12
  397. package/node/Step/Step.js +18 -20
  398. package/node/StepButton/StepButton.js +16 -17
  399. package/node/StepConnector/StepConnector.js +10 -12
  400. package/node/StepContent/StepContent.js +18 -20
  401. package/node/StepIcon/StepIcon.js +22 -22
  402. package/node/StepLabel/StepLabel.js +33 -30
  403. package/node/Stepper/Stepper.js +21 -22
  404. package/node/SvgIcon/SvgIcon.js +21 -21
  405. package/node/SwipeableDrawer/SwipeArea.js +15 -16
  406. package/node/SwipeableDrawer/SwipeableDrawer.js +51 -44
  407. package/node/Switch/Switch.js +23 -20
  408. package/node/Tab/Tab.js +32 -33
  409. package/node/TabScrollButton/TabScrollButton.js +27 -21
  410. package/node/Table/Table.js +17 -17
  411. package/node/TableBody/TableBody.js +11 -12
  412. package/node/TableCell/TableCell.js +19 -19
  413. package/node/TableContainer/TableContainer.js +11 -12
  414. package/node/TableFooter/TableFooter.js +11 -12
  415. package/node/TableHead/TableHead.js +11 -12
  416. package/node/TablePagination/TablePagination.js +56 -52
  417. package/node/TablePagination/TablePaginationActions.js +54 -42
  418. package/node/TableRow/TableRow.js +13 -14
  419. package/node/TableSortLabel/TableSortLabel.js +15 -17
  420. package/node/Tabs/ScrollbarSize.js +7 -9
  421. package/node/Tabs/Tabs.js +52 -49
  422. package/node/TextField/TextField.js +137 -67
  423. package/node/ToggleButton/ToggleButton.js +30 -32
  424. package/node/ToggleButtonGroup/ToggleButtonGroup.js +19 -21
  425. package/node/Toolbar/Toolbar.js +13 -14
  426. package/node/Tooltip/Tooltip.js +75 -60
  427. package/node/Typography/Typography.js +37 -35
  428. package/node/Zoom/Zoom.js +31 -30
  429. package/node/index.js +1 -1
  430. package/node/internal/SwitchBase.js +37 -37
  431. package/node/styles/CssVarsProvider.js +3 -3
  432. package/node/styles/ThemeProvider.js +7 -10
  433. package/node/styles/adaptV4Theme.js +31 -32
  434. package/node/styles/createMixins.js +4 -5
  435. package/node/styles/createPalette.js +16 -13
  436. package/node/styles/createTheme.js +16 -11
  437. package/node/styles/createTransitions.js +17 -15
  438. package/node/styles/createTypography.js +31 -29
  439. package/node/styles/experimental_extendTheme.js +47 -37
  440. package/node/styles/responsiveFontSizes.js +17 -11
  441. package/node/usePagination/usePagination.js +18 -20
  442. package/node/useScrollTrigger/useScrollTrigger.js +8 -11
  443. package/node/utils/createSvgIcon.js +4 -5
  444. package/node/utils/useSlot.js +41 -40
  445. package/package.json +6 -6
  446. package/styles/CssVarsProvider.js +3 -3
  447. package/styles/ThemeProvider.js +7 -10
  448. package/styles/adaptV4Theme.js +31 -31
  449. package/styles/createMixins.js +4 -4
  450. package/styles/createPalette.js +16 -13
  451. package/styles/createTheme.js +16 -11
  452. package/styles/createTransitions.js +17 -14
  453. package/styles/createTypography.js +31 -29
  454. package/styles/experimental_extendTheme.js +47 -37
  455. package/styles/responsiveFontSizes.js +17 -11
  456. package/usePagination/usePagination.d.ts +1 -1
  457. package/usePagination/usePagination.js +18 -20
  458. package/useScrollTrigger/useScrollTrigger.js +8 -10
  459. package/utils/createSvgIcon.js +4 -5
  460. package/utils/useSlot.js +41 -40
  461. package/umd/material-ui.development.js +0 -54172
  462. package/umd/material-ui.production.min.js +0 -25
@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
8
  exports.default = void 0;
9
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
11
9
  var React = _interopRequireWildcard(require("react"));
12
10
  var _reactIs = require("react-is");
13
11
  var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -22,7 +20,6 @@ var _useControlled = _interopRequireDefault(require("../utils/useControlled"));
22
20
  var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
23
21
  var _accordionClasses = _interopRequireWildcard(require("./accordionClasses"));
24
22
  var _jsxRuntime = require("react/jsx-runtime");
25
- const _excluded = ["children", "className", "defaultExpanded", "disabled", "disableGutters", "expanded", "onChange", "square", "slots", "slotProps", "TransitionComponent", "TransitionProps"];
26
23
  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); }
27
24
  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 && {}.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; }
28
25
  const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiAccordion');
@@ -134,20 +131,20 @@ const Accordion = /*#__PURE__*/React.forwardRef(function Accordion(inProps, ref)
134
131
  name: 'MuiAccordion'
135
132
  });
136
133
  const {
137
- children: childrenProp,
138
- className,
139
- defaultExpanded = false,
140
- disabled = false,
141
- disableGutters = false,
142
- expanded: expandedProp,
143
- onChange,
144
- square = false,
145
- slots = {},
146
- slotProps = {},
147
- TransitionComponent: TransitionComponentProp,
148
- TransitionProps: TransitionPropsProp
149
- } = props,
150
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
134
+ children: childrenProp,
135
+ className,
136
+ defaultExpanded = false,
137
+ disabled = false,
138
+ disableGutters = false,
139
+ expanded: expandedProp,
140
+ onChange,
141
+ square = false,
142
+ slots = {},
143
+ slotProps = {},
144
+ TransitionComponent: TransitionComponentProp,
145
+ TransitionProps: TransitionPropsProp,
146
+ ...other
147
+ } = props;
151
148
  const [expanded, setExpandedState] = (0, _useControlled.default)({
152
149
  controlled: expandedProp,
153
150
  default: defaultExpanded,
@@ -167,19 +164,22 @@ const Accordion = /*#__PURE__*/React.forwardRef(function Accordion(inProps, ref)
167
164
  disableGutters,
168
165
  toggle: handleChange
169
166
  }), [expanded, disabled, disableGutters, handleChange]);
170
- const ownerState = (0, _extends2.default)({}, props, {
167
+ const ownerState = {
168
+ ...props,
171
169
  square,
172
170
  disabled,
173
171
  disableGutters,
174
172
  expanded
175
- });
173
+ };
176
174
  const classes = useUtilityClasses(ownerState);
177
- const backwardCompatibleSlots = (0, _extends2.default)({
178
- transition: TransitionComponentProp
179
- }, slots);
180
- const backwardCompatibleSlotProps = (0, _extends2.default)({
181
- transition: TransitionPropsProp
182
- }, slotProps);
175
+ const backwardCompatibleSlots = {
176
+ transition: TransitionComponentProp,
177
+ ...slots
178
+ };
179
+ const backwardCompatibleSlotProps = {
180
+ transition: TransitionPropsProp,
181
+ ...slotProps
182
+ };
183
183
  const [TransitionSlot, transitionProps] = (0, _useSlot.default)('transition', {
184
184
  elementType: _Collapse.default,
185
185
  externalForwardedProps: {
@@ -188,19 +188,19 @@ const Accordion = /*#__PURE__*/React.forwardRef(function Accordion(inProps, ref)
188
188
  },
189
189
  ownerState
190
190
  });
191
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(AccordionRoot, (0, _extends2.default)({
191
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(AccordionRoot, {
192
192
  className: (0, _clsx.default)(classes.root, className),
193
193
  ref: ref,
194
194
  ownerState: ownerState,
195
- square: square
196
- }, other, {
195
+ square: square,
196
+ ...other,
197
197
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_AccordionContext.default.Provider, {
198
198
  value: contextValue,
199
199
  children: summary
200
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionSlot, (0, _extends2.default)({
200
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionSlot, {
201
201
  in: expanded,
202
- timeout: "auto"
203
- }, transitionProps, {
202
+ timeout: "auto",
203
+ ...transitionProps,
204
204
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
205
205
  "aria-labelledby": summary.props.id,
206
206
  id: summary.props['aria-controls'],
@@ -208,8 +208,8 @@ const Accordion = /*#__PURE__*/React.forwardRef(function Accordion(inProps, ref)
208
208
  className: classes.region,
209
209
  children: children
210
210
  })
211
- }))]
212
- }));
211
+ })]
212
+ });
213
213
  });
214
214
  process.env.NODE_ENV !== "production" ? Accordion.propTypes /* remove-proptypes */ = {
215
215
  // ┌────────────────────────────── Warning ──────────────────────────────┐
@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
8
  exports.default = void 0;
9
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
11
9
  var React = _interopRequireWildcard(require("react"));
12
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
11
  var _clsx = _interopRequireDefault(require("clsx"));
@@ -15,7 +13,6 @@ var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"
15
13
  var _zeroStyled = require("../zero-styled");
16
14
  var _accordionActionsClasses = require("./accordionActionsClasses");
17
15
  var _jsxRuntime = require("react/jsx-runtime");
18
- const _excluded = ["className", "disableSpacing"];
19
16
  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); }
20
17
  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 && {}.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; }
21
18
  const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiAccordionActions');
@@ -58,19 +55,21 @@ const AccordionActions = /*#__PURE__*/React.forwardRef(function AccordionActions
58
55
  name: 'MuiAccordionActions'
59
56
  });
60
57
  const {
61
- className,
62
- disableSpacing = false
63
- } = props,
64
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
65
- const ownerState = (0, _extends2.default)({}, props, {
58
+ className,
59
+ disableSpacing = false,
60
+ ...other
61
+ } = props;
62
+ const ownerState = {
63
+ ...props,
66
64
  disableSpacing
67
- });
65
+ };
68
66
  const classes = useUtilityClasses(ownerState);
69
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(AccordionActionsRoot, (0, _extends2.default)({
67
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(AccordionActionsRoot, {
70
68
  className: (0, _clsx.default)(classes.root, className),
71
69
  ref: ref,
72
- ownerState: ownerState
73
- }, other));
70
+ ownerState: ownerState,
71
+ ...other
72
+ });
74
73
  });
75
74
  process.env.NODE_ENV !== "production" ? AccordionActions.propTypes /* remove-proptypes */ = {
76
75
  // ┌────────────────────────────── Warning ──────────────────────────────┐
@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
8
  exports.default = void 0;
9
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
11
9
  var React = _interopRequireWildcard(require("react"));
12
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
11
  var _clsx = _interopRequireDefault(require("clsx"));
@@ -15,7 +13,6 @@ var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"
15
13
  var _zeroStyled = require("../zero-styled");
16
14
  var _accordionDetailsClasses = require("./accordionDetailsClasses");
17
15
  var _jsxRuntime = require("react/jsx-runtime");
18
- const _excluded = ["className"];
19
16
  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); }
20
17
  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 && {}.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; }
21
18
  const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiAccordionDetails');
@@ -43,16 +40,17 @@ const AccordionDetails = /*#__PURE__*/React.forwardRef(function AccordionDetails
43
40
  name: 'MuiAccordionDetails'
44
41
  });
45
42
  const {
46
- className
47
- } = props,
48
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
43
+ className,
44
+ ...other
45
+ } = props;
49
46
  const ownerState = props;
50
47
  const classes = useUtilityClasses(ownerState);
51
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(AccordionDetailsRoot, (0, _extends2.default)({
48
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(AccordionDetailsRoot, {
52
49
  className: (0, _clsx.default)(classes.root, className),
53
50
  ref: ref,
54
- ownerState: ownerState
55
- }, other));
51
+ ownerState: ownerState,
52
+ ...other
53
+ });
56
54
  });
57
55
  process.env.NODE_ENV !== "production" ? AccordionDetails.propTypes /* remove-proptypes */ = {
58
56
  // ┌────────────────────────────── Warning ──────────────────────────────┐
@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
8
  exports.default = void 0;
9
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
11
9
  var React = _interopRequireWildcard(require("react"));
12
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
11
  var _clsx = _interopRequireDefault(require("clsx"));
@@ -17,7 +15,6 @@ var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
17
15
  var _AccordionContext = _interopRequireDefault(require("../Accordion/AccordionContext"));
18
16
  var _accordionSummaryClasses = _interopRequireWildcard(require("./accordionSummaryClasses"));
19
17
  var _jsxRuntime = require("react/jsx-runtime");
20
- const _excluded = ["children", "className", "expandIcon", "focusVisibleClassName", "onClick"];
21
18
  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); }
22
19
  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 && {}.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; }
23
20
  const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiAccordionSummary');
@@ -115,13 +112,13 @@ const AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary
115
112
  name: 'MuiAccordionSummary'
116
113
  });
117
114
  const {
118
- children,
119
- className,
120
- expandIcon,
121
- focusVisibleClassName,
122
- onClick
123
- } = props,
124
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
115
+ children,
116
+ className,
117
+ expandIcon,
118
+ focusVisibleClassName,
119
+ onClick,
120
+ ...other
121
+ } = props;
125
122
  const {
126
123
  disabled = false,
127
124
  disableGutters,
@@ -136,13 +133,14 @@ const AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary
136
133
  onClick(event);
137
134
  }
138
135
  };
139
- const ownerState = (0, _extends2.default)({}, props, {
136
+ const ownerState = {
137
+ ...props,
140
138
  expanded,
141
139
  disabled,
142
140
  disableGutters
143
- });
141
+ };
144
142
  const classes = useUtilityClasses(ownerState);
145
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(AccordionSummaryRoot, (0, _extends2.default)({
143
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(AccordionSummaryRoot, {
146
144
  focusRipple: false,
147
145
  disableRipple: true,
148
146
  disabled: disabled,
@@ -152,8 +150,8 @@ const AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary
152
150
  focusVisibleClassName: (0, _clsx.default)(classes.focusVisible, focusVisibleClassName),
153
151
  onClick: handleChange,
154
152
  ref: ref,
155
- ownerState: ownerState
156
- }, other, {
153
+ ownerState: ownerState,
154
+ ...other,
157
155
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(AccordionSummaryContent, {
158
156
  className: classes.content,
159
157
  ownerState: ownerState,
@@ -163,7 +161,7 @@ const AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary
163
161
  ownerState: ownerState,
164
162
  children: expandIcon
165
163
  })]
166
- }));
164
+ });
167
165
  });
168
166
  process.env.NODE_ENV !== "production" ? AccordionSummary.propTypes /* remove-proptypes */ = {
169
167
  // ┌────────────────────────────── Warning ──────────────────────────────┐
@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
8
  exports.default = void 0;
9
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
10
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
9
  var React = _interopRequireWildcard(require("react"));
12
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
11
  var _clsx = _interopRequireDefault(require("clsx"));
@@ -25,7 +23,6 @@ var _ErrorOutline = _interopRequireDefault(require("../internal/svg-icons/ErrorO
25
23
  var _InfoOutlined = _interopRequireDefault(require("../internal/svg-icons/InfoOutlined"));
26
24
  var _Close = _interopRequireDefault(require("../internal/svg-icons/Close"));
27
25
  var _jsxRuntime = require("react/jsx-runtime");
28
- const _excluded = ["action", "children", "className", "closeText", "color", "components", "componentsProps", "icon", "iconMapping", "onClose", "role", "severity", "slotProps", "slots", "variant"];
29
26
  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); }
30
27
  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 && {}.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; }
31
28
  const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiAlert');
@@ -58,11 +55,12 @@ const AlertRoot = (0, _zeroStyled.styled)(_Paper.default, {
58
55
  }) => {
59
56
  const getColor = theme.palette.mode === 'light' ? _colorManipulator.darken : _colorManipulator.lighten;
60
57
  const getBackgroundColor = theme.palette.mode === 'light' ? _colorManipulator.lighten : _colorManipulator.darken;
61
- return (0, _extends2.default)({}, theme.typography.body2, {
58
+ return {
59
+ ...theme.typography.body2,
62
60
  backgroundColor: 'transparent',
63
61
  display: 'flex',
64
62
  padding: '6px 16px',
65
- variants: [...Object.entries(theme.palette).filter(([, value]) => value.main && value.light).map(([color]) => ({
63
+ variants: [...Object.entries(theme.palette).filter(([, value]) => value && value.main && value.light).map(([color]) => ({
66
64
  props: {
67
65
  colorSeverity: color,
68
66
  variant: 'standard'
@@ -76,7 +74,7 @@ const AlertRoot = (0, _zeroStyled.styled)(_Paper.default, {
76
74
  color: theme.palette[color].main
77
75
  }
78
76
  }
79
- })), ...Object.entries(theme.palette).filter(([, value]) => value.main && value.light).map(([color]) => ({
77
+ })), ...Object.entries(theme.palette).filter(([, value]) => value && value.main && value.light).map(([color]) => ({
80
78
  props: {
81
79
  colorSeverity: color,
82
80
  variant: 'outlined'
@@ -90,22 +88,23 @@ const AlertRoot = (0, _zeroStyled.styled)(_Paper.default, {
90
88
  color: theme.palette[color].main
91
89
  }
92
90
  }
93
- })), ...Object.entries(theme.palette).filter(([, value]) => value.main && value.dark).map(([color]) => ({
91
+ })), ...Object.entries(theme.palette).filter(([, value]) => value && value.main && value.dark).map(([color]) => ({
94
92
  props: {
95
93
  colorSeverity: color,
96
94
  variant: 'filled'
97
95
  },
98
- style: (0, _extends2.default)({
99
- fontWeight: theme.typography.fontWeightMedium
100
- }, theme.vars ? {
101
- color: theme.vars.palette.Alert[`${color}FilledColor`],
102
- backgroundColor: theme.vars.palette.Alert[`${color}FilledBg`]
103
- } : {
104
- backgroundColor: theme.palette.mode === 'dark' ? theme.palette[color].dark : theme.palette[color].main,
105
- color: theme.palette.getContrastText(theme.palette[color].main)
106
- })
96
+ style: {
97
+ fontWeight: theme.typography.fontWeightMedium,
98
+ ...(theme.vars ? {
99
+ color: theme.vars.palette.Alert[`${color}FilledColor`],
100
+ backgroundColor: theme.vars.palette.Alert[`${color}FilledBg`]
101
+ } : {
102
+ backgroundColor: theme.palette.mode === 'dark' ? theme.palette[color].dark : theme.palette[color].main,
103
+ color: theme.palette.getContrastText(theme.palette[color].main)
104
+ })
105
+ }
107
106
  }))]
108
- });
107
+ };
109
108
  });
110
109
  const AlertIcon = (0, _zeroStyled.styled)('div', {
111
110
  name: 'MuiAlert',
@@ -158,36 +157,41 @@ const Alert = /*#__PURE__*/React.forwardRef(function Alert(inProps, ref) {
158
157
  name: 'MuiAlert'
159
158
  });
160
159
  const {
161
- action,
162
- children,
163
- className,
164
- closeText = 'Close',
165
- color,
166
- components = {},
167
- componentsProps = {},
168
- icon,
169
- iconMapping = defaultIconMapping,
170
- onClose,
171
- role = 'alert',
172
- severity = 'success',
173
- slotProps = {},
174
- slots = {},
175
- variant = 'standard'
176
- } = props,
177
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
178
- const ownerState = (0, _extends2.default)({}, props, {
160
+ action,
161
+ children,
162
+ className,
163
+ closeText = 'Close',
164
+ color,
165
+ components = {},
166
+ componentsProps = {},
167
+ icon,
168
+ iconMapping = defaultIconMapping,
169
+ onClose,
170
+ role = 'alert',
171
+ severity = 'success',
172
+ slotProps = {},
173
+ slots = {},
174
+ variant = 'standard',
175
+ ...other
176
+ } = props;
177
+ const ownerState = {
178
+ ...props,
179
179
  color,
180
180
  severity,
181
181
  variant,
182
182
  colorSeverity: color || severity
183
- });
183
+ };
184
184
  const classes = useUtilityClasses(ownerState);
185
185
  const externalForwardedProps = {
186
- slots: (0, _extends2.default)({
186
+ slots: {
187
187
  closeButton: components.CloseButton,
188
- closeIcon: components.CloseIcon
189
- }, slots),
190
- slotProps: (0, _extends2.default)({}, componentsProps, slotProps)
188
+ closeIcon: components.CloseIcon,
189
+ ...slots
190
+ },
191
+ slotProps: {
192
+ ...componentsProps,
193
+ ...slotProps
194
+ }
191
195
  };
192
196
  const [CloseButtonSlot, closeButtonProps] = (0, _useSlot.default)('closeButton', {
193
197
  elementType: _IconButton.default,
@@ -199,13 +203,13 @@ const Alert = /*#__PURE__*/React.forwardRef(function Alert(inProps, ref) {
199
203
  externalForwardedProps,
200
204
  ownerState
201
205
  });
202
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(AlertRoot, (0, _extends2.default)({
206
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(AlertRoot, {
203
207
  role: role,
204
208
  elevation: 0,
205
209
  ownerState: ownerState,
206
210
  className: (0, _clsx.default)(classes.root, className),
207
- ref: ref
208
- }, other, {
211
+ ref: ref,
212
+ ...other,
209
213
  children: [icon !== false ? /*#__PURE__*/(0, _jsxRuntime.jsx)(AlertIcon, {
210
214
  ownerState: ownerState,
211
215
  className: classes.icon,
@@ -221,19 +225,20 @@ const Alert = /*#__PURE__*/React.forwardRef(function Alert(inProps, ref) {
221
225
  }) : null, action == null && onClose ? /*#__PURE__*/(0, _jsxRuntime.jsx)(AlertAction, {
222
226
  ownerState: ownerState,
223
227
  className: classes.action,
224
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CloseButtonSlot, (0, _extends2.default)({
228
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CloseButtonSlot, {
225
229
  size: "small",
226
230
  "aria-label": closeText,
227
231
  title: closeText,
228
232
  color: "inherit",
229
- onClick: onClose
230
- }, closeButtonProps, {
231
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CloseIconSlot, (0, _extends2.default)({
232
- fontSize: "small"
233
- }, closeIconProps))
234
- }))
233
+ onClick: onClose,
234
+ ...closeButtonProps,
235
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(CloseIconSlot, {
236
+ fontSize: "small",
237
+ ...closeIconProps
238
+ })
239
+ })
235
240
  }) : null]
236
- }));
241
+ });
237
242
  });
238
243
  process.env.NODE_ENV !== "production" ? Alert.propTypes /* remove-proptypes */ = {
239
244
  // ┌────────────────────────────── Warning ──────────────────────────────┐
@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
8
  exports.default = void 0;
9
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
11
9
  var React = _interopRequireWildcard(require("react"));
12
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
11
  var _clsx = _interopRequireDefault(require("clsx"));
@@ -16,7 +14,6 @@ var _zeroStyled = require("../zero-styled");
16
14
  var _Typography = _interopRequireDefault(require("../Typography"));
17
15
  var _alertTitleClasses = require("./alertTitleClasses");
18
16
  var _jsxRuntime = require("react/jsx-runtime");
19
- const _excluded = ["className"];
20
17
  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); }
21
18
  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 && {}.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; }
22
19
  const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiAlertTitle');
@@ -47,18 +44,19 @@ const AlertTitle = /*#__PURE__*/React.forwardRef(function AlertTitle(inProps, re
47
44
  name: 'MuiAlertTitle'
48
45
  });
49
46
  const {
50
- className
51
- } = props,
52
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
47
+ className,
48
+ ...other
49
+ } = props;
53
50
  const ownerState = props;
54
51
  const classes = useUtilityClasses(ownerState);
55
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(AlertTitleRoot, (0, _extends2.default)({
52
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(AlertTitleRoot, {
56
53
  gutterBottom: true,
57
54
  component: "div",
58
55
  ownerState: ownerState,
59
56
  ref: ref,
60
- className: (0, _clsx.default)(classes.root, className)
61
- }, other));
57
+ className: (0, _clsx.default)(classes.root, className),
58
+ ...other
59
+ });
62
60
  });
63
61
  process.env.NODE_ENV !== "production" ? AlertTitle.propTypes /* remove-proptypes */ = {
64
62
  // ┌────────────────────────────── Warning ──────────────────────────────┐