@mui/material 5.13.1 → 5.13.3

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 (605) hide show
  1. package/Accordion/Accordion.js +43 -44
  2. package/AccordionActions/AccordionActions.js +18 -18
  3. package/AccordionDetails/AccordionDetails.js +9 -7
  4. package/AccordionSummary/AccordionSummary.js +32 -32
  5. package/Alert/Alert.js +60 -64
  6. package/AlertTitle/AlertTitle.js +9 -7
  7. package/AppBar/AppBar.js +73 -89
  8. package/Autocomplete/Autocomplete.d.ts +1 -0
  9. package/Autocomplete/Autocomplete.js +153 -171
  10. package/Avatar/Avatar.js +38 -42
  11. package/AvatarGroup/AvatarGroup.js +33 -34
  12. package/Backdrop/Backdrop.js +31 -33
  13. package/Badge/Badge.js +107 -119
  14. package/BottomNavigation/BottomNavigation.js +17 -15
  15. package/BottomNavigationAction/BottomNavigationAction.js +31 -29
  16. package/Breadcrumbs/BreadcrumbCollapsed.js +34 -35
  17. package/Breadcrumbs/Breadcrumbs.js +21 -19
  18. package/Button/Button.js +133 -168
  19. package/ButtonBase/ButtonBase.js +42 -43
  20. package/ButtonBase/TouchRipple.js +12 -9
  21. package/ButtonGroup/ButtonGroup.js +89 -111
  22. package/CHANGELOG.md +93 -0
  23. package/Card/Card.js +12 -11
  24. package/CardActionArea/CardActionArea.js +12 -9
  25. package/CardActions/CardActions.js +18 -18
  26. package/CardContent/CardContent.js +12 -11
  27. package/CardHeader/CardHeader.js +31 -30
  28. package/CardMedia/CardMedia.js +27 -28
  29. package/Checkbox/Checkbox.js +39 -44
  30. package/Chip/Chip.js +129 -146
  31. package/CircularProgress/CircularProgress.js +36 -43
  32. package/Collapse/Collapse.js +65 -73
  33. package/CssBaseline/CssBaseline.js +14 -17
  34. package/Dialog/Dialog.js +94 -103
  35. package/DialogActions/DialogActions.js +18 -18
  36. package/DialogContent/DialogContent.js +22 -22
  37. package/DialogContentText/DialogContentText.js +11 -13
  38. package/DialogTitle/DialogTitle.js +10 -8
  39. package/Divider/Divider.js +84 -99
  40. package/Drawer/Drawer.js +76 -85
  41. package/Fab/Fab.js +60 -71
  42. package/Fade/Fade.js +30 -31
  43. package/FilledInput/FilledInput.js +117 -135
  44. package/FilledInput/filledInputClasses.js +2 -4
  45. package/FormControl/FormControl.js +35 -41
  46. package/FormControlLabel/FormControlLabel.js +38 -43
  47. package/FormGroup/FormGroup.js +16 -16
  48. package/FormHelperText/FormHelperText.js +23 -30
  49. package/FormLabel/FormLabel.js +18 -26
  50. package/GlobalStyles/GlobalStyles.js +3 -3
  51. package/Grid/Grid.js +41 -50
  52. package/Grow/Grow.js +30 -31
  53. package/Hidden/Hidden.js +32 -31
  54. package/Hidden/HiddenCss.js +29 -29
  55. package/Hidden/withWidth.js +20 -20
  56. package/Icon/Icon.js +15 -14
  57. package/IconButton/IconButton.js +52 -59
  58. package/ImageList/ImageList.js +29 -30
  59. package/ImageListItem/ImageListItem.js +39 -40
  60. package/ImageListItemBar/ImageListItemBar.js +41 -47
  61. package/Input/Input.js +74 -77
  62. package/Input/inputClasses.js +2 -4
  63. package/InputAdornment/InputAdornment.js +34 -36
  64. package/InputBase/InputBase.js +92 -116
  65. package/InputLabel/InputLabel.js +68 -83
  66. package/LinearProgress/LinearProgress.js +58 -64
  67. package/Link/Link.js +64 -69
  68. package/List/List.js +24 -24
  69. package/ListItem/ListItem.js +96 -113
  70. package/ListItemAvatar/ListItemAvatar.js +15 -15
  71. package/ListItemButton/ListItemButton.js +35 -40
  72. package/ListItemIcon/ListItemIcon.js +15 -15
  73. package/ListItemSecondaryAction/ListItemSecondaryAction.js +15 -15
  74. package/ListItemText/ListItemText.js +34 -34
  75. package/ListSubheader/ListSubheader.js +32 -36
  76. package/Menu/Menu.js +39 -38
  77. package/MenuItem/MenuItem.js +45 -50
  78. package/MenuList/MenuList.js +20 -17
  79. package/MobileStepper/MobileStepper.js +53 -61
  80. package/Modal/Modal.js +46 -51
  81. package/NativeSelect/NativeSelect.js +22 -26
  82. package/NativeSelect/NativeSelectInput.js +43 -50
  83. package/OutlinedInput/NotchedOutline.js +51 -55
  84. package/OutlinedInput/OutlinedInput.js +59 -72
  85. package/OutlinedInput/outlinedInputClasses.js +2 -4
  86. package/Pagination/Pagination.js +31 -35
  87. package/PaginationItem/PaginationItem.js +93 -105
  88. package/Paper/Paper.js +28 -32
  89. package/Popover/Popover.js +51 -49
  90. package/Popper/Popper.js +27 -25
  91. package/Radio/Radio.js +33 -36
  92. package/Radio/RadioButtonIcon.js +10 -11
  93. package/RadioGroup/RadioGroup.js +17 -14
  94. package/Rating/Rating.js +73 -88
  95. package/ScopedCssBaseline/ScopedCssBaseline.js +15 -18
  96. package/Select/Select.js +55 -59
  97. package/Select/SelectInput.js +57 -58
  98. package/Skeleton/Skeleton.js +46 -51
  99. package/Slide/Slide.js +33 -37
  100. package/Slider/Slider.js +216 -281
  101. package/Snackbar/Snackbar.js +67 -81
  102. package/SnackbarContent/SnackbarContent.js +15 -13
  103. package/SpeedDial/SpeedDial.js +83 -85
  104. package/SpeedDialAction/SpeedDialAction.js +52 -57
  105. package/SpeedDialIcon/SpeedDialIcon.js +24 -25
  106. package/Step/Step.js +26 -27
  107. package/StepButton/StepButton.js +24 -23
  108. package/StepConnector/StepConnector.js +31 -34
  109. package/StepContent/StepContent.js +24 -23
  110. package/StepIcon/StepIcon.js +22 -22
  111. package/StepLabel/StepLabel.js +33 -34
  112. package/Stepper/Stepper.js +31 -33
  113. package/SvgIcon/SvgIcon.js +20 -19
  114. package/SwipeableDrawer/SwipeArea.js +30 -33
  115. package/SwipeableDrawer/SwipeableDrawer.js +43 -49
  116. package/Switch/Switch.js +52 -59
  117. package/Tab/Tab.js +83 -93
  118. package/TabScrollButton/TabScrollButton.js +25 -30
  119. package/Table/Table.js +19 -20
  120. package/TableBody/TableBody.js +12 -11
  121. package/TableCell/TableCell.js +59 -70
  122. package/TableContainer/TableContainer.js +12 -11
  123. package/TableFooter/TableFooter.js +12 -11
  124. package/TableHead/TableHead.js +12 -11
  125. package/TablePagination/TablePagination.js +49 -53
  126. package/TablePagination/TablePaginationActions.js +25 -22
  127. package/TableRow/TableRow.js +14 -13
  128. package/TableSortLabel/TableSortLabel.js +23 -23
  129. package/Tabs/ScrollbarSize.js +9 -7
  130. package/Tabs/Tabs.js +92 -107
  131. package/TextField/TextField.js +57 -57
  132. package/ToggleButton/ToggleButton.js +35 -36
  133. package/ToggleButtonGroup/ToggleButtonGroup.js +59 -60
  134. package/Toolbar/Toolbar.js +25 -26
  135. package/Tooltip/Tooltip.js +147 -177
  136. package/Typography/Typography.js +32 -37
  137. package/Zoom/Zoom.js +30 -31
  138. package/index.js +1 -1
  139. package/internal/SwitchBase.js +43 -45
  140. package/legacy/Accordion/Accordion.js +8 -9
  141. package/legacy/AccordionActions/AccordionActions.js +4 -6
  142. package/legacy/AccordionDetails/AccordionDetails.js +2 -4
  143. package/legacy/AccordionSummary/AccordionSummary.js +11 -12
  144. package/legacy/Alert/Alert.js +10 -11
  145. package/legacy/AlertTitle/AlertTitle.js +2 -4
  146. package/legacy/AppBar/AppBar.js +16 -18
  147. package/legacy/Autocomplete/Autocomplete.js +54 -45
  148. package/legacy/Avatar/Avatar.js +9 -11
  149. package/legacy/AvatarGroup/AvatarGroup.js +9 -10
  150. package/legacy/Backdrop/Backdrop.js +8 -10
  151. package/legacy/Badge/Badge.js +15 -16
  152. package/legacy/BottomNavigation/BottomNavigation.js +4 -6
  153. package/legacy/BottomNavigationAction/BottomNavigationAction.js +8 -9
  154. package/legacy/Breadcrumbs/BreadcrumbCollapsed.js +8 -10
  155. package/legacy/Breadcrumbs/Breadcrumbs.js +4 -5
  156. package/legacy/Button/Button.js +36 -37
  157. package/legacy/ButtonBase/ButtonBase.js +5 -6
  158. package/legacy/ButtonBase/TouchRipple.js +3 -5
  159. package/legacy/ButtonGroup/ButtonGroup.js +27 -28
  160. package/legacy/Card/Card.js +3 -5
  161. package/legacy/CardActionArea/CardActionArea.js +3 -4
  162. package/legacy/CardActions/CardActions.js +4 -6
  163. package/legacy/CardContent/CardContent.js +3 -5
  164. package/legacy/CardHeader/CardHeader.js +10 -11
  165. package/legacy/CardMedia/CardMedia.js +7 -9
  166. package/legacy/Checkbox/Checkbox.js +8 -9
  167. package/legacy/Chip/Chip.js +25 -26
  168. package/legacy/CircularProgress/CircularProgress.js +10 -12
  169. package/legacy/Collapse/Collapse.js +16 -17
  170. package/legacy/CssBaseline/CssBaseline.js +7 -9
  171. package/legacy/Dialog/Dialog.js +18 -19
  172. package/legacy/DialogActions/DialogActions.js +4 -6
  173. package/legacy/DialogContent/DialogContent.js +4 -5
  174. package/legacy/DialogContentText/DialogContentText.js +4 -6
  175. package/legacy/DialogTitle/DialogTitle.js +2 -4
  176. package/legacy/Divider/Divider.js +17 -19
  177. package/legacy/Drawer/Drawer.js +21 -23
  178. package/legacy/Fab/Fab.js +12 -13
  179. package/legacy/Fade/Fade.js +6 -8
  180. package/legacy/FilledInput/FilledInput.js +23 -24
  181. package/legacy/FilledInput/filledInputClasses.js +2 -4
  182. package/legacy/FormControl/FormControl.js +8 -10
  183. package/legacy/FormControlLabel/FormControlLabel.js +10 -11
  184. package/legacy/FormGroup/FormGroup.js +4 -6
  185. package/legacy/FormHelperText/FormHelperText.js +11 -12
  186. package/legacy/FormLabel/FormLabel.js +12 -13
  187. package/legacy/GlobalStyles/GlobalStyles.js +2 -4
  188. package/legacy/Grid/Grid.js +11 -13
  189. package/legacy/Grow/Grow.js +6 -8
  190. package/legacy/Hidden/Hidden.js +13 -15
  191. package/legacy/Hidden/HiddenCss.js +3 -4
  192. package/legacy/Hidden/withWidth.js +5 -7
  193. package/legacy/Icon/Icon.js +3 -5
  194. package/legacy/IconButton/IconButton.js +14 -15
  195. package/legacy/ImageList/ImageList.js +7 -9
  196. package/legacy/ImageListItem/ImageListItem.js +8 -9
  197. package/legacy/ImageListItemBar/ImageListItemBar.js +11 -13
  198. package/legacy/Input/Input.js +7 -8
  199. package/legacy/Input/inputClasses.js +2 -4
  200. package/legacy/InputAdornment/InputAdornment.js +8 -9
  201. package/legacy/InputBase/InputBase.js +27 -28
  202. package/legacy/InputLabel/InputLabel.js +13 -14
  203. package/legacy/LinearProgress/LinearProgress.js +15 -17
  204. package/legacy/Link/Link.js +8 -9
  205. package/legacy/List/List.js +6 -8
  206. package/legacy/ListItem/ListItem.js +24 -25
  207. package/legacy/ListItemAvatar/ListItemAvatar.js +4 -6
  208. package/legacy/ListItemButton/ListItemButton.js +15 -16
  209. package/legacy/ListItemIcon/ListItemIcon.js +4 -6
  210. package/legacy/ListItemSecondaryAction/ListItemSecondaryAction.js +4 -6
  211. package/legacy/ListItemText/ListItemText.js +10 -11
  212. package/legacy/ListSubheader/ListSubheader.js +8 -10
  213. package/legacy/Menu/Menu.js +10 -12
  214. package/legacy/MenuItem/MenuItem.js +21 -22
  215. package/legacy/MenuList/MenuList.js +3 -5
  216. package/legacy/MobileStepper/MobileStepper.js +10 -12
  217. package/legacy/Modal/Modal.js +9 -11
  218. package/legacy/NativeSelect/NativeSelect.js +6 -8
  219. package/legacy/NativeSelect/NativeSelectInput.js +16 -17
  220. package/legacy/OutlinedInput/NotchedOutline.js +6 -8
  221. package/legacy/OutlinedInput/OutlinedInput.js +22 -23
  222. package/legacy/OutlinedInput/outlinedInputClasses.js +2 -4
  223. package/legacy/Pagination/Pagination.js +7 -9
  224. package/legacy/PaginationItem/PaginationItem.js +23 -24
  225. package/legacy/Paper/Paper.js +7 -9
  226. package/legacy/Popover/Popover.js +10 -12
  227. package/legacy/Popper/Popper.js +4 -6
  228. package/legacy/Radio/Radio.js +7 -8
  229. package/legacy/Radio/RadioButtonIcon.js +3 -5
  230. package/legacy/RadioGroup/RadioGroup.js +3 -5
  231. package/legacy/Rating/Rating.js +23 -24
  232. package/legacy/ScopedCssBaseline/ScopedCssBaseline.js +4 -6
  233. package/legacy/Select/Select.js +8 -10
  234. package/legacy/Select/SelectInput.js +10 -11
  235. package/legacy/Skeleton/Skeleton.js +11 -13
  236. package/legacy/Slide/Slide.js +8 -10
  237. package/legacy/Slider/Slider.js +65 -66
  238. package/legacy/Snackbar/Snackbar.js +15 -16
  239. package/legacy/SnackbarContent/SnackbarContent.js +4 -5
  240. package/legacy/SpeedDial/SpeedDial.js +14 -15
  241. package/legacy/SpeedDialAction/SpeedDialAction.js +15 -16
  242. package/legacy/SpeedDialIcon/SpeedDialIcon.js +6 -7
  243. package/legacy/Step/Step.js +6 -8
  244. package/legacy/StepButton/StepButton.js +7 -8
  245. package/legacy/StepConnector/StepConnector.js +8 -10
  246. package/legacy/StepContent/StepContent.js +7 -9
  247. package/legacy/StepIcon/StepIcon.js +6 -7
  248. package/legacy/StepLabel/StepLabel.js +19 -20
  249. package/legacy/Stepper/Stepper.js +8 -10
  250. package/legacy/SvgIcon/SvgIcon.js +4 -6
  251. package/legacy/SwipeableDrawer/SwipeArea.js +8 -9
  252. package/legacy/SwipeableDrawer/SwipeableDrawer.js +8 -10
  253. package/legacy/Switch/Switch.js +10 -11
  254. package/legacy/Tab/Tab.js +15 -16
  255. package/legacy/TabScrollButton/TabScrollButton.js +6 -7
  256. package/legacy/Table/Table.js +5 -7
  257. package/legacy/TableBody/TableBody.js +3 -5
  258. package/legacy/TableCell/TableCell.js +14 -15
  259. package/legacy/TableContainer/TableContainer.js +3 -5
  260. package/legacy/TableFooter/TableFooter.js +3 -5
  261. package/legacy/TableHead/TableHead.js +3 -5
  262. package/legacy/TablePagination/TablePagination.js +14 -15
  263. package/legacy/TablePagination/TablePaginationActions.js +7 -9
  264. package/legacy/TableRow/TableRow.js +3 -4
  265. package/legacy/TableSortLabel/TableSortLabel.js +6 -7
  266. package/legacy/Tabs/ScrollbarSize.js +2 -4
  267. package/legacy/Tabs/Tabs.js +22 -23
  268. package/legacy/TextField/TextField.js +12 -14
  269. package/legacy/ToggleButton/ToggleButton.js +11 -12
  270. package/legacy/ToggleButtonGroup/ToggleButtonGroup.js +7 -8
  271. package/legacy/Toolbar/Toolbar.js +5 -6
  272. package/legacy/Tooltip/Tooltip.js +33 -34
  273. package/legacy/Typography/Typography.js +9 -11
  274. package/legacy/Zoom/Zoom.js +6 -8
  275. package/legacy/index.js +1 -1
  276. package/legacy/internal/SwitchBase.js +8 -10
  277. package/legacy/styles/CssVarsProvider.js +2 -4
  278. package/legacy/styles/ThemeProvider.js +2 -4
  279. package/legacy/styles/adaptV4Theme.js +6 -7
  280. package/legacy/styles/createMixins.js +2 -3
  281. package/legacy/styles/createPalette.js +4 -6
  282. package/legacy/styles/createTheme.js +3 -4
  283. package/legacy/styles/createTransitions.js +5 -7
  284. package/legacy/styles/createTypography.js +4 -6
  285. package/legacy/styles/experimental_extendTheme.js +10 -12
  286. package/legacy/styles/responsiveFontSizes.js +4 -6
  287. package/legacy/usePagination/usePagination.js +2 -4
  288. package/legacy/useScrollTrigger/useScrollTrigger.js +2 -4
  289. package/legacy/utils/createSvgIcon.js +3 -5
  290. package/modern/Accordion/Accordion.js +43 -44
  291. package/modern/AccordionActions/AccordionActions.js +18 -18
  292. package/modern/AccordionDetails/AccordionDetails.js +9 -7
  293. package/modern/AccordionSummary/AccordionSummary.js +32 -32
  294. package/modern/Alert/Alert.js +60 -64
  295. package/modern/AlertTitle/AlertTitle.js +9 -7
  296. package/modern/AppBar/AppBar.js +73 -89
  297. package/modern/Autocomplete/Autocomplete.js +150 -168
  298. package/modern/Avatar/Avatar.js +38 -42
  299. package/modern/AvatarGroup/AvatarGroup.js +33 -34
  300. package/modern/Backdrop/Backdrop.js +31 -33
  301. package/modern/Badge/Badge.js +107 -119
  302. package/modern/BottomNavigation/BottomNavigation.js +17 -15
  303. package/modern/BottomNavigationAction/BottomNavigationAction.js +31 -29
  304. package/modern/Breadcrumbs/BreadcrumbCollapsed.js +34 -35
  305. package/modern/Breadcrumbs/Breadcrumbs.js +21 -19
  306. package/modern/Button/Button.js +133 -168
  307. package/modern/ButtonBase/ButtonBase.js +42 -43
  308. package/modern/ButtonBase/TouchRipple.js +12 -9
  309. package/modern/ButtonGroup/ButtonGroup.js +89 -111
  310. package/modern/Card/Card.js +12 -11
  311. package/modern/CardActionArea/CardActionArea.js +12 -9
  312. package/modern/CardActions/CardActions.js +18 -18
  313. package/modern/CardContent/CardContent.js +12 -11
  314. package/modern/CardHeader/CardHeader.js +31 -30
  315. package/modern/CardMedia/CardMedia.js +27 -28
  316. package/modern/Checkbox/Checkbox.js +39 -44
  317. package/modern/Chip/Chip.js +129 -146
  318. package/modern/CircularProgress/CircularProgress.js +36 -43
  319. package/modern/Collapse/Collapse.js +65 -73
  320. package/modern/CssBaseline/CssBaseline.js +14 -17
  321. package/modern/Dialog/Dialog.js +94 -103
  322. package/modern/DialogActions/DialogActions.js +18 -18
  323. package/modern/DialogContent/DialogContent.js +22 -22
  324. package/modern/DialogContentText/DialogContentText.js +11 -13
  325. package/modern/DialogTitle/DialogTitle.js +10 -8
  326. package/modern/Divider/Divider.js +84 -99
  327. package/modern/Drawer/Drawer.js +76 -85
  328. package/modern/Fab/Fab.js +59 -70
  329. package/modern/Fade/Fade.js +30 -31
  330. package/modern/FilledInput/FilledInput.js +117 -135
  331. package/modern/FilledInput/filledInputClasses.js +2 -4
  332. package/modern/FormControl/FormControl.js +35 -41
  333. package/modern/FormControlLabel/FormControlLabel.js +38 -43
  334. package/modern/FormGroup/FormGroup.js +16 -16
  335. package/modern/FormHelperText/FormHelperText.js +23 -30
  336. package/modern/FormLabel/FormLabel.js +18 -26
  337. package/modern/GlobalStyles/GlobalStyles.js +3 -3
  338. package/modern/Grid/Grid.js +41 -50
  339. package/modern/Grow/Grow.js +30 -31
  340. package/modern/Hidden/Hidden.js +32 -31
  341. package/modern/Hidden/HiddenCss.js +29 -29
  342. package/modern/Hidden/withWidth.js +20 -20
  343. package/modern/Icon/Icon.js +15 -14
  344. package/modern/IconButton/IconButton.js +52 -59
  345. package/modern/ImageList/ImageList.js +29 -30
  346. package/modern/ImageListItem/ImageListItem.js +39 -40
  347. package/modern/ImageListItemBar/ImageListItemBar.js +41 -47
  348. package/modern/Input/Input.js +74 -77
  349. package/modern/Input/inputClasses.js +2 -4
  350. package/modern/InputAdornment/InputAdornment.js +34 -36
  351. package/modern/InputBase/InputBase.js +92 -116
  352. package/modern/InputLabel/InputLabel.js +68 -83
  353. package/modern/LinearProgress/LinearProgress.js +58 -64
  354. package/modern/Link/Link.js +64 -69
  355. package/modern/List/List.js +24 -24
  356. package/modern/ListItem/ListItem.js +96 -113
  357. package/modern/ListItemAvatar/ListItemAvatar.js +15 -15
  358. package/modern/ListItemButton/ListItemButton.js +35 -40
  359. package/modern/ListItemIcon/ListItemIcon.js +15 -15
  360. package/modern/ListItemSecondaryAction/ListItemSecondaryAction.js +15 -15
  361. package/modern/ListItemText/ListItemText.js +34 -34
  362. package/modern/ListSubheader/ListSubheader.js +32 -36
  363. package/modern/Menu/Menu.js +39 -38
  364. package/modern/MenuItem/MenuItem.js +45 -50
  365. package/modern/MenuList/MenuList.js +20 -17
  366. package/modern/MobileStepper/MobileStepper.js +53 -61
  367. package/modern/Modal/Modal.js +46 -51
  368. package/modern/NativeSelect/NativeSelect.js +22 -26
  369. package/modern/NativeSelect/NativeSelectInput.js +43 -50
  370. package/modern/OutlinedInput/NotchedOutline.js +51 -55
  371. package/modern/OutlinedInput/OutlinedInput.js +59 -72
  372. package/modern/OutlinedInput/outlinedInputClasses.js +2 -4
  373. package/modern/Pagination/Pagination.js +31 -35
  374. package/modern/PaginationItem/PaginationItem.js +93 -105
  375. package/modern/Paper/Paper.js +28 -32
  376. package/modern/Popover/Popover.js +51 -49
  377. package/modern/Popper/Popper.js +27 -25
  378. package/modern/Radio/Radio.js +33 -36
  379. package/modern/Radio/RadioButtonIcon.js +10 -11
  380. package/modern/RadioGroup/RadioGroup.js +17 -14
  381. package/modern/Rating/Rating.js +73 -88
  382. package/modern/ScopedCssBaseline/ScopedCssBaseline.js +15 -18
  383. package/modern/Select/Select.js +55 -59
  384. package/modern/Select/SelectInput.js +57 -58
  385. package/modern/Skeleton/Skeleton.js +46 -51
  386. package/modern/Slide/Slide.js +33 -37
  387. package/modern/Slider/Slider.js +216 -281
  388. package/modern/Snackbar/Snackbar.js +67 -81
  389. package/modern/SnackbarContent/SnackbarContent.js +15 -13
  390. package/modern/SpeedDial/SpeedDial.js +83 -85
  391. package/modern/SpeedDialAction/SpeedDialAction.js +52 -57
  392. package/modern/SpeedDialIcon/SpeedDialIcon.js +24 -25
  393. package/modern/Step/Step.js +26 -27
  394. package/modern/StepButton/StepButton.js +24 -23
  395. package/modern/StepConnector/StepConnector.js +31 -34
  396. package/modern/StepContent/StepContent.js +24 -23
  397. package/modern/StepIcon/StepIcon.js +22 -22
  398. package/modern/StepLabel/StepLabel.js +33 -34
  399. package/modern/Stepper/Stepper.js +31 -33
  400. package/modern/SvgIcon/SvgIcon.js +20 -19
  401. package/modern/SwipeableDrawer/SwipeArea.js +30 -33
  402. package/modern/SwipeableDrawer/SwipeableDrawer.js +43 -49
  403. package/modern/Switch/Switch.js +52 -59
  404. package/modern/Tab/Tab.js +83 -93
  405. package/modern/TabScrollButton/TabScrollButton.js +25 -30
  406. package/modern/Table/Table.js +19 -20
  407. package/modern/TableBody/TableBody.js +12 -11
  408. package/modern/TableCell/TableCell.js +59 -70
  409. package/modern/TableContainer/TableContainer.js +12 -11
  410. package/modern/TableFooter/TableFooter.js +12 -11
  411. package/modern/TableHead/TableHead.js +12 -11
  412. package/modern/TablePagination/TablePagination.js +49 -53
  413. package/modern/TablePagination/TablePaginationActions.js +25 -22
  414. package/modern/TableRow/TableRow.js +14 -13
  415. package/modern/TableSortLabel/TableSortLabel.js +23 -23
  416. package/modern/Tabs/ScrollbarSize.js +9 -7
  417. package/modern/Tabs/Tabs.js +92 -107
  418. package/modern/TextField/TextField.js +57 -57
  419. package/modern/ToggleButton/ToggleButton.js +35 -36
  420. package/modern/ToggleButtonGroup/ToggleButtonGroup.js +59 -60
  421. package/modern/Toolbar/Toolbar.js +25 -26
  422. package/modern/Tooltip/Tooltip.js +147 -177
  423. package/modern/Typography/Typography.js +32 -37
  424. package/modern/Zoom/Zoom.js +30 -31
  425. package/modern/index.js +1 -1
  426. package/modern/internal/SwitchBase.js +43 -45
  427. package/modern/styles/CssVarsProvider.js +3 -3
  428. package/modern/styles/ThemeProvider.js +10 -7
  429. package/modern/styles/adaptV4Theme.js +31 -31
  430. package/modern/styles/createMixins.js +4 -4
  431. package/modern/styles/createPalette.js +13 -16
  432. package/modern/styles/createTheme.js +11 -16
  433. package/modern/styles/createTransitions.js +14 -17
  434. package/modern/styles/createTypography.js +29 -31
  435. package/modern/styles/experimental_extendTheme.js +33 -41
  436. package/modern/styles/responsiveFontSizes.js +11 -17
  437. package/modern/usePagination/usePagination.js +20 -18
  438. package/modern/useScrollTrigger/useScrollTrigger.js +10 -8
  439. package/modern/utils/createSvgIcon.js +5 -4
  440. package/node/Accordion/Accordion.js +43 -44
  441. package/node/AccordionActions/AccordionActions.js +18 -18
  442. package/node/AccordionDetails/AccordionDetails.js +9 -7
  443. package/node/AccordionSummary/AccordionSummary.js +32 -32
  444. package/node/Alert/Alert.js +60 -64
  445. package/node/AlertTitle/AlertTitle.js +9 -7
  446. package/node/AppBar/AppBar.js +73 -89
  447. package/node/Autocomplete/Autocomplete.js +153 -171
  448. package/node/Avatar/Avatar.js +38 -42
  449. package/node/AvatarGroup/AvatarGroup.js +33 -34
  450. package/node/Backdrop/Backdrop.js +31 -33
  451. package/node/Badge/Badge.js +107 -119
  452. package/node/BottomNavigation/BottomNavigation.js +17 -15
  453. package/node/BottomNavigationAction/BottomNavigationAction.js +31 -29
  454. package/node/Breadcrumbs/BreadcrumbCollapsed.js +34 -35
  455. package/node/Breadcrumbs/Breadcrumbs.js +21 -19
  456. package/node/Button/Button.js +133 -168
  457. package/node/ButtonBase/ButtonBase.js +42 -43
  458. package/node/ButtonBase/TouchRipple.js +12 -9
  459. package/node/ButtonGroup/ButtonGroup.js +89 -111
  460. package/node/Card/Card.js +12 -11
  461. package/node/CardActionArea/CardActionArea.js +12 -9
  462. package/node/CardActions/CardActions.js +18 -18
  463. package/node/CardContent/CardContent.js +12 -11
  464. package/node/CardHeader/CardHeader.js +31 -30
  465. package/node/CardMedia/CardMedia.js +27 -28
  466. package/node/Checkbox/Checkbox.js +39 -44
  467. package/node/Chip/Chip.js +129 -146
  468. package/node/CircularProgress/CircularProgress.js +36 -43
  469. package/node/Collapse/Collapse.js +65 -73
  470. package/node/CssBaseline/CssBaseline.js +14 -17
  471. package/node/Dialog/Dialog.js +94 -103
  472. package/node/DialogActions/DialogActions.js +18 -18
  473. package/node/DialogContent/DialogContent.js +22 -22
  474. package/node/DialogContentText/DialogContentText.js +11 -13
  475. package/node/DialogTitle/DialogTitle.js +10 -8
  476. package/node/Divider/Divider.js +84 -99
  477. package/node/Drawer/Drawer.js +76 -85
  478. package/node/Fab/Fab.js +60 -71
  479. package/node/Fade/Fade.js +30 -31
  480. package/node/FilledInput/FilledInput.js +117 -135
  481. package/node/FilledInput/filledInputClasses.js +2 -4
  482. package/node/FormControl/FormControl.js +35 -41
  483. package/node/FormControlLabel/FormControlLabel.js +38 -43
  484. package/node/FormGroup/FormGroup.js +16 -16
  485. package/node/FormHelperText/FormHelperText.js +23 -30
  486. package/node/FormLabel/FormLabel.js +18 -26
  487. package/node/GlobalStyles/GlobalStyles.js +3 -3
  488. package/node/Grid/Grid.js +43 -54
  489. package/node/Grow/Grow.js +30 -31
  490. package/node/Hidden/Hidden.js +36 -34
  491. package/node/Hidden/HiddenCss.js +29 -29
  492. package/node/Hidden/withWidth.js +20 -20
  493. package/node/Icon/Icon.js +15 -14
  494. package/node/IconButton/IconButton.js +52 -59
  495. package/node/ImageList/ImageList.js +29 -30
  496. package/node/ImageListItem/ImageListItem.js +39 -40
  497. package/node/ImageListItemBar/ImageListItemBar.js +41 -47
  498. package/node/Input/Input.js +74 -77
  499. package/node/Input/inputClasses.js +2 -4
  500. package/node/InputAdornment/InputAdornment.js +34 -36
  501. package/node/InputBase/InputBase.js +92 -116
  502. package/node/InputLabel/InputLabel.js +68 -83
  503. package/node/LinearProgress/LinearProgress.js +58 -64
  504. package/node/Link/Link.js +64 -69
  505. package/node/List/List.js +24 -24
  506. package/node/ListItem/ListItem.js +96 -113
  507. package/node/ListItemAvatar/ListItemAvatar.js +15 -15
  508. package/node/ListItemButton/ListItemButton.js +35 -40
  509. package/node/ListItemIcon/ListItemIcon.js +15 -15
  510. package/node/ListItemSecondaryAction/ListItemSecondaryAction.js +15 -15
  511. package/node/ListItemText/ListItemText.js +34 -34
  512. package/node/ListSubheader/ListSubheader.js +32 -36
  513. package/node/Menu/Menu.js +39 -38
  514. package/node/MenuItem/MenuItem.js +45 -50
  515. package/node/MenuList/MenuList.js +20 -17
  516. package/node/MobileStepper/MobileStepper.js +53 -61
  517. package/node/Modal/Modal.js +46 -51
  518. package/node/NativeSelect/NativeSelect.js +22 -26
  519. package/node/NativeSelect/NativeSelectInput.js +43 -50
  520. package/node/OutlinedInput/NotchedOutline.js +51 -55
  521. package/node/OutlinedInput/OutlinedInput.js +59 -72
  522. package/node/OutlinedInput/outlinedInputClasses.js +2 -4
  523. package/node/Pagination/Pagination.js +31 -35
  524. package/node/PaginationItem/PaginationItem.js +93 -105
  525. package/node/Paper/Paper.js +28 -32
  526. package/node/Popover/Popover.js +51 -49
  527. package/node/Popper/Popper.js +27 -25
  528. package/node/Radio/Radio.js +33 -36
  529. package/node/Radio/RadioButtonIcon.js +10 -11
  530. package/node/RadioGroup/RadioGroup.js +17 -14
  531. package/node/Rating/Rating.js +73 -88
  532. package/node/ScopedCssBaseline/ScopedCssBaseline.js +15 -18
  533. package/node/Select/Select.js +55 -59
  534. package/node/Select/SelectInput.js +57 -58
  535. package/node/Skeleton/Skeleton.js +46 -51
  536. package/node/Slide/Slide.js +34 -39
  537. package/node/Slider/Slider.js +216 -281
  538. package/node/Snackbar/Snackbar.js +67 -81
  539. package/node/SnackbarContent/SnackbarContent.js +15 -13
  540. package/node/SpeedDial/SpeedDial.js +83 -85
  541. package/node/SpeedDialAction/SpeedDialAction.js +52 -59
  542. package/node/SpeedDialIcon/SpeedDialIcon.js +24 -25
  543. package/node/Step/Step.js +26 -27
  544. package/node/StepButton/StepButton.js +24 -23
  545. package/node/StepConnector/StepConnector.js +31 -34
  546. package/node/StepContent/StepContent.js +24 -23
  547. package/node/StepIcon/StepIcon.js +22 -22
  548. package/node/StepLabel/StepLabel.js +33 -34
  549. package/node/Stepper/Stepper.js +31 -33
  550. package/node/SvgIcon/SvgIcon.js +20 -19
  551. package/node/SwipeableDrawer/SwipeArea.js +30 -33
  552. package/node/SwipeableDrawer/SwipeableDrawer.js +44 -51
  553. package/node/Switch/Switch.js +52 -61
  554. package/node/Tab/Tab.js +83 -93
  555. package/node/TabScrollButton/TabScrollButton.js +26 -32
  556. package/node/Table/Table.js +19 -20
  557. package/node/TableBody/TableBody.js +12 -11
  558. package/node/TableCell/TableCell.js +59 -70
  559. package/node/TableContainer/TableContainer.js +12 -11
  560. package/node/TableFooter/TableFooter.js +12 -11
  561. package/node/TableHead/TableHead.js +12 -11
  562. package/node/TablePagination/TablePagination.js +49 -53
  563. package/node/TablePagination/TablePaginationActions.js +25 -22
  564. package/node/TableRow/TableRow.js +14 -13
  565. package/node/TableSortLabel/TableSortLabel.js +23 -23
  566. package/node/Tabs/ScrollbarSize.js +9 -7
  567. package/node/Tabs/Tabs.js +92 -107
  568. package/node/TextField/TextField.js +57 -57
  569. package/node/ToggleButton/ToggleButton.js +35 -38
  570. package/node/ToggleButtonGroup/ToggleButtonGroup.js +59 -60
  571. package/node/Toolbar/Toolbar.js +25 -26
  572. package/node/Tooltip/Tooltip.js +147 -177
  573. package/node/Typography/Typography.js +32 -37
  574. package/node/Zoom/Zoom.js +30 -31
  575. package/node/index.js +1 -1
  576. package/node/internal/SwitchBase.js +43 -45
  577. package/node/styles/CssVarsProvider.js +3 -3
  578. package/node/styles/ThemeProvider.js +10 -7
  579. package/node/styles/adaptV4Theme.js +32 -31
  580. package/node/styles/createMixins.js +5 -4
  581. package/node/styles/createPalette.js +13 -16
  582. package/node/styles/createTheme.js +11 -16
  583. package/node/styles/createTransitions.js +15 -17
  584. package/node/styles/createTypography.js +30 -31
  585. package/node/styles/experimental_extendTheme.js +33 -41
  586. package/node/styles/responsiveFontSizes.js +12 -17
  587. package/node/usePagination/usePagination.js +21 -18
  588. package/node/useScrollTrigger/useScrollTrigger.js +11 -8
  589. package/node/utils/createSvgIcon.js +5 -4
  590. package/package.json +4 -4
  591. package/styles/CssVarsProvider.js +3 -3
  592. package/styles/ThemeProvider.js +10 -7
  593. package/styles/adaptV4Theme.js +31 -31
  594. package/styles/createMixins.js +4 -4
  595. package/styles/createPalette.js +13 -16
  596. package/styles/createTheme.js +11 -16
  597. package/styles/createTransitions.js +14 -17
  598. package/styles/createTypography.js +29 -31
  599. package/styles/experimental_extendTheme.js +33 -41
  600. package/styles/responsiveFontSizes.js +11 -17
  601. package/umd/material-ui.development.js +6066 -7085
  602. package/umd/material-ui.production.min.js +21 -21
  603. package/usePagination/usePagination.js +20 -18
  604. package/useScrollTrigger/useScrollTrigger.js +10 -8
  605. package/utils/createSvgIcon.js +5 -4
@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = void 0;
8
+ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
9
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
8
10
  var React = _interopRequireWildcard(require("react"));
9
11
  var _propTypes = _interopRequireDefault(require("prop-types"));
10
12
  var _clsx = _interopRequireDefault(require("clsx"));
@@ -17,6 +19,7 @@ var _isMuiElement = _interopRequireDefault(require("../utils/isMuiElement"));
17
19
  var _FormControlContext = _interopRequireDefault(require("./FormControlContext"));
18
20
  var _formControlClasses = require("./formControlClasses");
19
21
  var _jsxRuntime = require("react/jsx-runtime");
22
+ const _excluded = ["children", "className", "color", "component", "disabled", "error", "focused", "fullWidth", "hiddenLabel", "margin", "required", "size", "variant"];
20
23
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
21
24
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
22
25
  const useUtilityClasses = ownerState => {
@@ -36,15 +39,11 @@ const FormControlRoot = (0, _styled.default)('div', {
36
39
  overridesResolver: ({
37
40
  ownerState
38
41
  }, styles) => {
39
- return {
40
- ...styles.root,
41
- ...styles[`margin${(0, _capitalize.default)(ownerState.margin)}`],
42
- ...(ownerState.fullWidth && styles.fullWidth)
43
- };
42
+ return (0, _extends2.default)({}, styles.root, styles[`margin${(0, _capitalize.default)(ownerState.margin)}`], ownerState.fullWidth && styles.fullWidth);
44
43
  }
45
44
  })(({
46
45
  ownerState
47
- }) => ({
46
+ }) => (0, _extends2.default)({
48
47
  display: 'inline-flex',
49
48
  flexDirection: 'column',
50
49
  position: 'relative',
@@ -53,19 +52,15 @@ const FormControlRoot = (0, _styled.default)('div', {
53
52
  padding: 0,
54
53
  margin: 0,
55
54
  border: 0,
56
- verticalAlign: 'top',
57
- // Fix alignment issue on Safari.
58
- ...(ownerState.margin === 'normal' && {
59
- marginTop: 16,
60
- marginBottom: 8
61
- }),
62
- ...(ownerState.margin === 'dense' && {
63
- marginTop: 8,
64
- marginBottom: 4
65
- }),
66
- ...(ownerState.fullWidth && {
67
- width: '100%'
68
- })
55
+ verticalAlign: 'top'
56
+ }, ownerState.margin === 'normal' && {
57
+ marginTop: 16,
58
+ marginBottom: 8
59
+ }, ownerState.margin === 'dense' && {
60
+ marginTop: 8,
61
+ marginBottom: 4
62
+ }, ownerState.fullWidth && {
63
+ width: '100%'
69
64
  }));
70
65
 
71
66
  /**
@@ -98,23 +93,22 @@ const FormControl = /*#__PURE__*/React.forwardRef(function FormControl(inProps,
98
93
  name: 'MuiFormControl'
99
94
  });
100
95
  const {
101
- children,
102
- className,
103
- color = 'primary',
104
- component = 'div',
105
- disabled = false,
106
- error = false,
107
- focused: visuallyFocused,
108
- fullWidth = false,
109
- hiddenLabel = false,
110
- margin = 'none',
111
- required = false,
112
- size = 'medium',
113
- variant = 'outlined',
114
- ...other
115
- } = props;
116
- const ownerState = {
117
- ...props,
96
+ children,
97
+ className,
98
+ color = 'primary',
99
+ component = 'div',
100
+ disabled = false,
101
+ error = false,
102
+ focused: visuallyFocused,
103
+ fullWidth = false,
104
+ hiddenLabel = false,
105
+ margin = 'none',
106
+ required = false,
107
+ size = 'medium',
108
+ variant = 'outlined'
109
+ } = props,
110
+ other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
111
+ const ownerState = (0, _extends2.default)({}, props, {
118
112
  color,
119
113
  component,
120
114
  disabled,
@@ -125,7 +119,7 @@ const FormControl = /*#__PURE__*/React.forwardRef(function FormControl(inProps,
125
119
  required,
126
120
  size,
127
121
  variant
128
- };
122
+ });
129
123
  const classes = useUtilityClasses(ownerState);
130
124
  const [adornedStart, setAdornedStart] = React.useState(() => {
131
125
  // We need to iterate through the children and find the Input in order
@@ -210,14 +204,14 @@ const FormControl = /*#__PURE__*/React.forwardRef(function FormControl(inProps,
210
204
  }, [adornedStart, color, disabled, error, filled, focused, fullWidth, hiddenLabel, registerEffect, required, size, variant]);
211
205
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormControlContext.default.Provider, {
212
206
  value: childContext,
213
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(FormControlRoot, {
207
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(FormControlRoot, (0, _extends2.default)({
214
208
  as: component,
215
209
  ownerState: ownerState,
216
210
  className: (0, _clsx.default)(classes.root, className),
217
- ref: ref,
218
- ...other,
211
+ ref: ref
212
+ }, other, {
219
213
  children: children
220
- })
214
+ }))
221
215
  });
222
216
  });
223
217
  process.env.NODE_ENV !== "production" ? FormControl.propTypes /* remove-proptypes */ = {
@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = exports.FormControlLabelRoot = void 0;
8
+ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
9
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
8
10
  var React = _interopRequireWildcard(require("react"));
9
11
  var _propTypes = _interopRequireDefault(require("prop-types"));
10
12
  var _clsx = _interopRequireDefault(require("clsx"));
@@ -18,6 +20,7 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
18
20
  var _formControlLabelClasses = _interopRequireWildcard(require("./formControlLabelClasses"));
19
21
  var _formControlState = _interopRequireDefault(require("../FormControl/formControlState"));
20
22
  var _jsxRuntime = require("react/jsx-runtime");
23
+ const _excluded = ["checked", "className", "componentsProps", "control", "disabled", "disableTypography", "inputRef", "label", "labelPlacement", "name", "onChange", "required", "slotProps", "value"];
21
24
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
22
25
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
23
26
  const useUtilityClasses = ownerState => {
@@ -49,7 +52,7 @@ const FormControlLabelRoot = (0, _styled.default)('label', {
49
52
  })(({
50
53
  theme,
51
54
  ownerState
52
- }) => ({
55
+ }) => (0, _extends2.default)({
53
56
  display: 'inline-flex',
54
57
  alignItems: 'center',
55
58
  cursor: 'pointer',
@@ -61,21 +64,19 @@ const FormControlLabelRoot = (0, _styled.default)('label', {
61
64
  // used for row presentation of radio/checkbox
62
65
  [`&.${_formControlLabelClasses.default.disabled}`]: {
63
66
  cursor: 'default'
64
- },
65
- ...(ownerState.labelPlacement === 'start' && {
66
- flexDirection: 'row-reverse',
67
- marginLeft: 16,
68
- // used for row presentation of radio/checkbox
69
- marginRight: -11
70
- }),
71
- ...(ownerState.labelPlacement === 'top' && {
72
- flexDirection: 'column-reverse',
73
- marginLeft: 16
74
- }),
75
- ...(ownerState.labelPlacement === 'bottom' && {
76
- flexDirection: 'column',
77
- marginLeft: 16
78
- }),
67
+ }
68
+ }, ownerState.labelPlacement === 'start' && {
69
+ flexDirection: 'row-reverse',
70
+ marginLeft: 16,
71
+ // used for row presentation of radio/checkbox
72
+ marginRight: -11
73
+ }, ownerState.labelPlacement === 'top' && {
74
+ flexDirection: 'column-reverse',
75
+ marginLeft: 16
76
+ }, ownerState.labelPlacement === 'bottom' && {
77
+ flexDirection: 'column',
78
+ marginLeft: 16
79
+ }, {
79
80
  [`& .${_formControlLabelClasses.default.label}`]: {
80
81
  [`&.${_formControlLabelClasses.default.disabled}`]: {
81
82
  color: (theme.vars || theme).palette.text.disabled
@@ -106,22 +107,17 @@ const FormControlLabel = /*#__PURE__*/React.forwardRef(function FormControlLabel
106
107
  name: 'MuiFormControlLabel'
107
108
  });
108
109
  const {
109
- checked,
110
- className,
111
- componentsProps = {},
112
- control,
113
- disabled: disabledProp,
114
- disableTypography,
115
- inputRef,
116
- label: labelProp,
117
- labelPlacement = 'end',
118
- name,
119
- onChange,
120
- required: requiredProp,
121
- slotProps = {},
122
- value,
123
- ...other
124
- } = props;
110
+ className,
111
+ componentsProps = {},
112
+ control,
113
+ disabled: disabledProp,
114
+ disableTypography,
115
+ label: labelProp,
116
+ labelPlacement = 'end',
117
+ required: requiredProp,
118
+ slotProps = {}
119
+ } = props,
120
+ other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
125
121
  const muiFormControl = (0, _FormControl.useFormControl)();
126
122
  const disabled = (_ref = disabledProp != null ? disabledProp : control.props.disabled) != null ? _ref : muiFormControl == null ? void 0 : muiFormControl.disabled;
127
123
  const required = requiredProp != null ? requiredProp : control.props.required;
@@ -139,36 +135,35 @@ const FormControlLabel = /*#__PURE__*/React.forwardRef(function FormControlLabel
139
135
  muiFormControl,
140
136
  states: ['error']
141
137
  });
142
- const ownerState = {
143
- ...props,
138
+ const ownerState = (0, _extends2.default)({}, props, {
144
139
  disabled,
145
140
  labelPlacement,
146
141
  required,
147
142
  error: fcs.error
148
- };
143
+ });
149
144
  const classes = useUtilityClasses(ownerState);
150
145
  const typographySlotProps = (_slotProps$typography = slotProps.typography) != null ? _slotProps$typography : componentsProps.typography;
151
146
  let label = labelProp;
152
147
  if (label != null && label.type !== _Typography.default && !disableTypography) {
153
- label = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
154
- component: "span",
155
- ...typographySlotProps,
148
+ label = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, (0, _extends2.default)({
149
+ component: "span"
150
+ }, typographySlotProps, {
156
151
  className: (0, _clsx.default)(classes.label, typographySlotProps == null ? void 0 : typographySlotProps.className),
157
152
  children: label
158
- });
153
+ }));
159
154
  }
160
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(FormControlLabelRoot, {
155
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(FormControlLabelRoot, (0, _extends2.default)({
161
156
  className: (0, _clsx.default)(classes.root, className),
162
157
  ownerState: ownerState,
163
- ref: ref,
164
- ...other,
158
+ ref: ref
159
+ }, other, {
165
160
  children: [/*#__PURE__*/React.cloneElement(control, controlProps), label, required && /*#__PURE__*/(0, _jsxRuntime.jsxs)(AsteriskComponent, {
166
161
  ownerState: ownerState,
167
162
  "aria-hidden": true,
168
163
  className: classes.asterisk,
169
164
  children: ["\u2009", '*']
170
165
  })]
171
- });
166
+ }));
172
167
  });
173
168
  process.env.NODE_ENV !== "production" ? FormControlLabel.propTypes /* remove-proptypes */ = {
174
169
  // ----------------------------- Warning --------------------------------
@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = void 0;
8
+ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
9
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
8
10
  var React = _interopRequireWildcard(require("react"));
9
11
  var _propTypes = _interopRequireDefault(require("prop-types"));
10
12
  var _clsx = _interopRequireDefault(require("clsx"));
@@ -15,6 +17,7 @@ var _formGroupClasses = require("./formGroupClasses");
15
17
  var _useFormControl = _interopRequireDefault(require("../FormControl/useFormControl"));
16
18
  var _formControlState = _interopRequireDefault(require("../FormControl/formControlState"));
17
19
  var _jsxRuntime = require("react/jsx-runtime");
20
+ const _excluded = ["className", "row"];
18
21
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
19
22
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
20
23
  const useUtilityClasses = ownerState => {
@@ -39,13 +42,12 @@ const FormGroupRoot = (0, _styled.default)('div', {
39
42
  }
40
43
  })(({
41
44
  ownerState
42
- }) => ({
45
+ }) => (0, _extends2.default)({
43
46
  display: 'flex',
44
47
  flexDirection: 'column',
45
- flexWrap: 'wrap',
46
- ...(ownerState.row && {
47
- flexDirection: 'row'
48
- })
48
+ flexWrap: 'wrap'
49
+ }, ownerState.row && {
50
+ flexDirection: 'row'
49
51
  }));
50
52
 
51
53
  /**
@@ -59,28 +61,26 @@ const FormGroup = /*#__PURE__*/React.forwardRef(function FormGroup(inProps, ref)
59
61
  name: 'MuiFormGroup'
60
62
  });
61
63
  const {
62
- className,
63
- row = false,
64
- ...other
65
- } = props;
64
+ className,
65
+ row = false
66
+ } = props,
67
+ other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
66
68
  const muiFormControl = (0, _useFormControl.default)();
67
69
  const fcs = (0, _formControlState.default)({
68
70
  props,
69
71
  muiFormControl,
70
72
  states: ['error']
71
73
  });
72
- const ownerState = {
73
- ...props,
74
+ const ownerState = (0, _extends2.default)({}, props, {
74
75
  row,
75
76
  error: fcs.error
76
- };
77
+ });
77
78
  const classes = useUtilityClasses(ownerState);
78
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(FormGroupRoot, {
79
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(FormGroupRoot, (0, _extends2.default)({
79
80
  className: (0, _clsx.default)(classes.root, className),
80
81
  ownerState: ownerState,
81
- ref: ref,
82
- ...other
83
- });
82
+ ref: ref
83
+ }, other));
84
84
  });
85
85
  process.env.NODE_ENV !== "production" ? FormGroup.propTypes /* remove-proptypes */ = {
86
86
  // ----------------------------- Warning --------------------------------
@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = void 0;
8
+ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
9
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
8
10
  var React = _interopRequireWildcard(require("react"));
9
11
  var _propTypes = _interopRequireDefault(require("prop-types"));
10
12
  var _clsx = _interopRequireDefault(require("clsx"));
@@ -17,6 +19,7 @@ var _formHelperTextClasses = _interopRequireWildcard(require("./formHelperTextCl
17
19
  var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
18
20
  var _jsxRuntime = require("react/jsx-runtime");
19
21
  var _span;
22
+ const _excluded = ["children", "className", "component", "disabled", "error", "filled", "focused", "margin", "required", "variant"];
20
23
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
21
24
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
22
25
  const useUtilityClasses = ownerState => {
@@ -47,9 +50,9 @@ const FormHelperTextRoot = (0, _styled.default)('p', {
47
50
  })(({
48
51
  theme,
49
52
  ownerState
50
- }) => ({
51
- color: (theme.vars || theme).palette.text.secondary,
52
- ...theme.typography.caption,
53
+ }) => (0, _extends2.default)({
54
+ color: (theme.vars || theme).palette.text.secondary
55
+ }, theme.typography.caption, {
53
56
  textAlign: 'left',
54
57
  marginTop: 3,
55
58
  marginRight: 0,
@@ -60,14 +63,12 @@ const FormHelperTextRoot = (0, _styled.default)('p', {
60
63
  },
61
64
  [`&.${_formHelperTextClasses.default.error}`]: {
62
65
  color: (theme.vars || theme).palette.error.main
63
- },
64
- ...(ownerState.size === 'small' && {
65
- marginTop: 4
66
- }),
67
- ...(ownerState.contained && {
68
- marginLeft: 14,
69
- marginRight: 14
70
- })
66
+ }
67
+ }, ownerState.size === 'small' && {
68
+ marginTop: 4
69
+ }, ownerState.contained && {
70
+ marginLeft: 14,
71
+ marginRight: 14
71
72
  }));
72
73
  const FormHelperText = /*#__PURE__*/React.forwardRef(function FormHelperText(inProps, ref) {
73
74
  const props = (0, _useThemeProps.default)({
@@ -75,26 +76,18 @@ const FormHelperText = /*#__PURE__*/React.forwardRef(function FormHelperText(inP
75
76
  name: 'MuiFormHelperText'
76
77
  });
77
78
  const {
78
- children,
79
- className,
80
- component = 'p',
81
- disabled,
82
- error,
83
- filled,
84
- focused,
85
- margin,
86
- required,
87
- variant,
88
- ...other
89
- } = props;
79
+ children,
80
+ className,
81
+ component = 'p'
82
+ } = props,
83
+ other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
90
84
  const muiFormControl = (0, _useFormControl.default)();
91
85
  const fcs = (0, _formControlState.default)({
92
86
  props,
93
87
  muiFormControl,
94
88
  states: ['variant', 'size', 'disabled', 'error', 'filled', 'focused', 'required']
95
89
  });
96
- const ownerState = {
97
- ...props,
90
+ const ownerState = (0, _extends2.default)({}, props, {
98
91
  component,
99
92
  contained: fcs.variant === 'filled' || fcs.variant === 'outlined',
100
93
  variant: fcs.variant,
@@ -104,20 +97,20 @@ const FormHelperText = /*#__PURE__*/React.forwardRef(function FormHelperText(inP
104
97
  filled: fcs.filled,
105
98
  focused: fcs.focused,
106
99
  required: fcs.required
107
- };
100
+ });
108
101
  const classes = useUtilityClasses(ownerState);
109
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(FormHelperTextRoot, {
102
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(FormHelperTextRoot, (0, _extends2.default)({
110
103
  as: component,
111
104
  ownerState: ownerState,
112
105
  className: (0, _clsx.default)(classes.root, className),
113
- ref: ref,
114
- ...other,
106
+ ref: ref
107
+ }, other, {
115
108
  children: children === ' ' ? // notranslate needed while Google Translate will not fix zero-width space issue
116
109
  _span || (_span = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
117
110
  className: "notranslate",
118
111
  children: "\u200B"
119
112
  })) : children
120
- });
113
+ }));
121
114
  });
122
115
  process.env.NODE_ENV !== "production" ? FormHelperText.propTypes /* remove-proptypes */ = {
123
116
  // ----------------------------- Warning --------------------------------
@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = exports.FormLabelRoot = void 0;
8
+ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
9
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
8
10
  var React = _interopRequireWildcard(require("react"));
9
11
  var _propTypes = _interopRequireDefault(require("prop-types"));
10
12
  var _clsx = _interopRequireDefault(require("clsx"));
@@ -16,6 +18,7 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
16
18
  var _styled = _interopRequireDefault(require("../styles/styled"));
17
19
  var _formLabelClasses = _interopRequireWildcard(require("./formLabelClasses"));
18
20
  var _jsxRuntime = require("react/jsx-runtime");
21
+ const _excluded = ["children", "className", "color", "component", "disabled", "error", "filled", "focused", "required"];
19
22
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
20
23
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
21
24
  const useUtilityClasses = ownerState => {
@@ -40,18 +43,14 @@ const FormLabelRoot = (0, _styled.default)('label', {
40
43
  overridesResolver: ({
41
44
  ownerState
42
45
  }, styles) => {
43
- return {
44
- ...styles.root,
45
- ...(ownerState.color === 'secondary' && styles.colorSecondary),
46
- ...(ownerState.filled && styles.filled)
47
- };
46
+ return (0, _extends2.default)({}, styles.root, ownerState.color === 'secondary' && styles.colorSecondary, ownerState.filled && styles.filled);
48
47
  }
49
48
  })(({
50
49
  theme,
51
50
  ownerState
52
- }) => ({
53
- color: (theme.vars || theme).palette.text.secondary,
54
- ...theme.typography.body1,
51
+ }) => (0, _extends2.default)({
52
+ color: (theme.vars || theme).palette.text.secondary
53
+ }, theme.typography.body1, {
55
54
  lineHeight: '1.4375em',
56
55
  padding: 0,
57
56
  position: 'relative',
@@ -83,25 +82,18 @@ const FormLabel = /*#__PURE__*/React.forwardRef(function FormLabel(inProps, ref)
83
82
  name: 'MuiFormLabel'
84
83
  });
85
84
  const {
86
- children,
87
- className,
88
- color,
89
- component = 'label',
90
- disabled,
91
- error,
92
- filled,
93
- focused,
94
- required,
95
- ...other
96
- } = props;
85
+ children,
86
+ className,
87
+ component = 'label'
88
+ } = props,
89
+ other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
97
90
  const muiFormControl = (0, _useFormControl.default)();
98
91
  const fcs = (0, _formControlState.default)({
99
92
  props,
100
93
  muiFormControl,
101
94
  states: ['color', 'required', 'focused', 'disabled', 'error', 'filled']
102
95
  });
103
- const ownerState = {
104
- ...props,
96
+ const ownerState = (0, _extends2.default)({}, props, {
105
97
  color: fcs.color || 'primary',
106
98
  component,
107
99
  disabled: fcs.disabled,
@@ -109,21 +101,21 @@ const FormLabel = /*#__PURE__*/React.forwardRef(function FormLabel(inProps, ref)
109
101
  filled: fcs.filled,
110
102
  focused: fcs.focused,
111
103
  required: fcs.required
112
- };
104
+ });
113
105
  const classes = useUtilityClasses(ownerState);
114
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(FormLabelRoot, {
106
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(FormLabelRoot, (0, _extends2.default)({
115
107
  as: component,
116
108
  ownerState: ownerState,
117
109
  className: (0, _clsx.default)(classes.root, className),
118
- ref: ref,
119
- ...other,
110
+ ref: ref
111
+ }, other, {
120
112
  children: [children, fcs.required && /*#__PURE__*/(0, _jsxRuntime.jsxs)(AsteriskComponent, {
121
113
  ownerState: ownerState,
122
114
  "aria-hidden": true,
123
115
  className: classes.asterisk,
124
116
  children: ["\u2009", '*']
125
117
  })]
126
- });
118
+ }));
127
119
  });
128
120
  process.env.NODE_ENV !== "production" ? FormLabel.propTypes /* remove-proptypes */ = {
129
121
  // ----------------------------- Warning --------------------------------
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = void 0;
8
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
8
9
  var React = _interopRequireWildcard(require("react"));
9
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
10
11
  var _system = require("@mui/system");
@@ -14,11 +15,10 @@ var _jsxRuntime = require("react/jsx-runtime");
14
15
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
16
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
16
17
  function GlobalStyles(props) {
17
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_system.GlobalStyles, {
18
- ...props,
18
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_system.GlobalStyles, (0, _extends2.default)({}, props, {
19
19
  defaultTheme: _defaultTheme.default,
20
20
  themeId: _identifier.default
21
- });
21
+ }));
22
22
  }
23
23
  process.env.NODE_ENV !== "production" ? GlobalStyles.propTypes /* remove-proptypes */ = {
24
24
  // ----------------------------- Warning --------------------------------