@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"));
@@ -16,6 +18,7 @@ var _StepperContext = _interopRequireDefault(require("../Stepper/StepperContext"
16
18
  var _StepContext = _interopRequireDefault(require("../Step/StepContext"));
17
19
  var _stepContentClasses = require("./stepContentClasses");
18
20
  var _jsxRuntime = require("react/jsx-runtime");
21
+ const _excluded = ["children", "className", "TransitionComponent", "transitionDuration", "TransitionProps"];
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 => {
@@ -41,16 +44,15 @@ const StepContentRoot = (0, _styled.default)('div', {
41
44
  })(({
42
45
  ownerState,
43
46
  theme
44
- }) => ({
47
+ }) => (0, _extends2.default)({
45
48
  marginLeft: 12,
46
49
  // half icon
47
50
  paddingLeft: 8 + 12,
48
51
  // margin + half icon
49
52
  paddingRight: 8,
50
- borderLeft: theme.vars ? `1px solid ${theme.vars.palette.StepContent.border}` : `1px solid ${theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[600]}`,
51
- ...(ownerState.last && {
52
- borderLeft: 'none'
53
- })
53
+ borderLeft: theme.vars ? `1px solid ${theme.vars.palette.StepContent.border}` : `1px solid ${theme.palette.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[600]}`
54
+ }, ownerState.last && {
55
+ borderLeft: 'none'
54
56
  }));
55
57
  const StepContentTransition = (0, _styled.default)(_Collapse.default, {
56
58
  name: 'MuiStepContent',
@@ -63,13 +65,13 @@ const StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps,
63
65
  name: 'MuiStepContent'
64
66
  });
65
67
  const {
66
- children,
67
- className,
68
- TransitionComponent = _Collapse.default,
69
- transitionDuration: transitionDurationProp = 'auto',
70
- TransitionProps,
71
- ...other
72
- } = props;
68
+ children,
69
+ className,
70
+ TransitionComponent = _Collapse.default,
71
+ transitionDuration: transitionDurationProp = 'auto',
72
+ TransitionProps
73
+ } = props,
74
+ other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
73
75
  const {
74
76
  orientation
75
77
  } = React.useContext(_StepperContext.default);
@@ -78,10 +80,9 @@ const StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps,
78
80
  last,
79
81
  expanded
80
82
  } = React.useContext(_StepContext.default);
81
- const ownerState = {
82
- ...props,
83
+ const ownerState = (0, _extends2.default)({}, props, {
83
84
  last
84
- };
85
+ });
85
86
  const classes = useUtilityClasses(ownerState);
86
87
  if (process.env.NODE_ENV !== 'production') {
87
88
  if (orientation !== 'vertical') {
@@ -92,22 +93,22 @@ const StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps,
92
93
  if (transitionDurationProp === 'auto' && !TransitionComponent.muiSupportAuto) {
93
94
  transitionDuration = undefined;
94
95
  }
95
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepContentRoot, {
96
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepContentRoot, (0, _extends2.default)({
96
97
  className: (0, _clsx.default)(classes.root, className),
97
98
  ref: ref,
98
- ownerState: ownerState,
99
- ...other,
100
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StepContentTransition, {
99
+ ownerState: ownerState
100
+ }, other, {
101
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StepContentTransition, (0, _extends2.default)({
101
102
  as: TransitionComponent,
102
103
  in: active || expanded,
103
104
  className: classes.transition,
104
105
  ownerState: ownerState,
105
106
  timeout: transitionDuration,
106
- unmountOnExit: true,
107
- ...TransitionProps,
107
+ unmountOnExit: true
108
+ }, TransitionProps, {
108
109
  children: children
109
- })
110
- });
110
+ }))
111
+ }));
111
112
  });
112
113
  process.env.NODE_ENV !== "production" ? StepContent.propTypes /* remove-proptypes */ = {
113
114
  // ----------------------------- Warning --------------------------------
@@ -5,6 +5,8 @@ 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"));
9
+ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
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 _SvgIcon = _interopRequireDefault(require("../SvgIcon"));
17
19
  var _stepIconClasses = _interopRequireWildcard(require("./stepIconClasses"));
18
20
  var _jsxRuntime = require("react/jsx-runtime");
19
21
  var _circle;
22
+ const _excluded = ["active", "className", "completed", "error", "icon"];
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 => {
@@ -71,45 +74,42 @@ const StepIcon = /*#__PURE__*/React.forwardRef(function StepIcon(inProps, ref) {
71
74
  name: 'MuiStepIcon'
72
75
  });
73
76
  const {
74
- active = false,
75
- className: classNameProp,
76
- completed = false,
77
- error = false,
78
- icon,
79
- ...other
80
- } = props;
81
- const ownerState = {
82
- ...props,
77
+ active = false,
78
+ className: classNameProp,
79
+ completed = false,
80
+ error = false,
81
+ icon
82
+ } = props,
83
+ other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
84
+ const ownerState = (0, _extends2.default)({}, props, {
83
85
  active,
84
86
  completed,
85
87
  error
86
- };
88
+ });
87
89
  const classes = useUtilityClasses(ownerState);
88
90
  if (typeof icon === 'number' || typeof icon === 'string') {
89
91
  const className = (0, _clsx.default)(classNameProp, classes.root);
90
92
  if (error) {
91
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepIconRoot, {
93
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepIconRoot, (0, _extends2.default)({
92
94
  as: _Warning.default,
93
95
  className: className,
94
96
  ref: ref,
95
- ownerState: ownerState,
96
- ...other
97
- });
97
+ ownerState: ownerState
98
+ }, other));
98
99
  }
99
100
  if (completed) {
100
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepIconRoot, {
101
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepIconRoot, (0, _extends2.default)({
101
102
  as: _CheckCircle.default,
102
103
  className: className,
103
104
  ref: ref,
104
- ownerState: ownerState,
105
- ...other
106
- });
105
+ ownerState: ownerState
106
+ }, other));
107
107
  }
108
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StepIconRoot, {
108
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StepIconRoot, (0, _extends2.default)({
109
109
  className: className,
110
110
  ref: ref,
111
- ownerState: ownerState,
112
- ...other,
111
+ ownerState: ownerState
112
+ }, other, {
113
113
  children: [_circle || (_circle = /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
114
114
  cx: "12",
115
115
  cy: "12",
@@ -123,7 +123,7 @@ const StepIcon = /*#__PURE__*/React.forwardRef(function StepIcon(inProps, ref) {
123
123
  ownerState: ownerState,
124
124
  children: icon
125
125
  })]
126
- });
126
+ }));
127
127
  }
128
128
  return icon;
129
129
  });
@@ -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"));
@@ -16,6 +18,7 @@ var _StepperContext = _interopRequireDefault(require("../Stepper/StepperContext"
16
18
  var _StepContext = _interopRequireDefault(require("../Step/StepContext"));
17
19
  var _stepLabelClasses = _interopRequireWildcard(require("./stepLabelClasses"));
18
20
  var _jsxRuntime = require("react/jsx-runtime");
21
+ const _excluded = ["children", "className", "componentsProps", "error", "icon", "optional", "slotProps", "StepIconComponent", "StepIconProps"];
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 => {
@@ -47,7 +50,7 @@ const StepLabelRoot = (0, _styled.default)('span', {
47
50
  }
48
51
  })(({
49
52
  ownerState
50
- }) => ({
53
+ }) => (0, _extends2.default)({
51
54
  display: 'flex',
52
55
  alignItems: 'center',
53
56
  [`&.${_stepLabelClasses.default.alternativeLabel}`]: {
@@ -55,11 +58,10 @@ const StepLabelRoot = (0, _styled.default)('span', {
55
58
  },
56
59
  [`&.${_stepLabelClasses.default.disabled}`]: {
57
60
  cursor: 'default'
58
- },
59
- ...(ownerState.orientation === 'vertical' && {
60
- textAlign: 'left',
61
- padding: '8px 0'
62
- })
61
+ }
62
+ }, ownerState.orientation === 'vertical' && {
63
+ textAlign: 'left',
64
+ padding: '8px 0'
63
65
  }));
64
66
  const StepLabelLabel = (0, _styled.default)('span', {
65
67
  name: 'MuiStepLabel',
@@ -67,8 +69,7 @@ const StepLabelLabel = (0, _styled.default)('span', {
67
69
  overridesResolver: (props, styles) => styles.label
68
70
  })(({
69
71
  theme
70
- }) => ({
71
- ...theme.typography.body2,
72
+ }) => (0, _extends2.default)({}, theme.typography.body2, {
72
73
  display: 'block',
73
74
  transition: theme.transitions.create('color', {
74
75
  duration: theme.transitions.duration.shortest
@@ -121,17 +122,17 @@ const StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref)
121
122
  name: 'MuiStepLabel'
122
123
  });
123
124
  const {
124
- children,
125
- className,
126
- componentsProps = {},
127
- error = false,
128
- icon: iconProp,
129
- optional,
130
- slotProps = {},
131
- StepIconComponent: StepIconComponentProp,
132
- StepIconProps,
133
- ...other
134
- } = props;
125
+ children,
126
+ className,
127
+ componentsProps = {},
128
+ error = false,
129
+ icon: iconProp,
130
+ optional,
131
+ slotProps = {},
132
+ StepIconComponent: StepIconComponentProp,
133
+ StepIconProps
134
+ } = props,
135
+ other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
135
136
  const {
136
137
  alternativeLabel,
137
138
  orientation
@@ -147,43 +148,41 @@ const StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref)
147
148
  if (icon && !StepIconComponent) {
148
149
  StepIconComponent = _StepIcon.default;
149
150
  }
150
- const ownerState = {
151
- ...props,
151
+ const ownerState = (0, _extends2.default)({}, props, {
152
152
  active,
153
153
  alternativeLabel,
154
154
  completed,
155
155
  disabled,
156
156
  error,
157
157
  orientation
158
- };
158
+ });
159
159
  const classes = useUtilityClasses(ownerState);
160
160
  const labelSlotProps = (_slotProps$label = slotProps.label) != null ? _slotProps$label : componentsProps.label;
161
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StepLabelRoot, {
161
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StepLabelRoot, (0, _extends2.default)({
162
162
  className: (0, _clsx.default)(classes.root, className),
163
163
  ref: ref,
164
- ownerState: ownerState,
165
- ...other,
164
+ ownerState: ownerState
165
+ }, other, {
166
166
  children: [icon || StepIconComponent ? /*#__PURE__*/(0, _jsxRuntime.jsx)(StepLabelIconContainer, {
167
167
  className: classes.iconContainer,
168
168
  ownerState: ownerState,
169
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StepIconComponent, {
169
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StepIconComponent, (0, _extends2.default)({
170
170
  completed: completed,
171
171
  active: active,
172
172
  error: error,
173
- icon: icon,
174
- ...StepIconProps
175
- })
173
+ icon: icon
174
+ }, StepIconProps))
176
175
  }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(StepLabelLabelContainer, {
177
176
  className: classes.labelContainer,
178
177
  ownerState: ownerState,
179
- children: [children ? /*#__PURE__*/(0, _jsxRuntime.jsx)(StepLabelLabel, {
180
- ownerState: ownerState,
181
- ...labelSlotProps,
178
+ children: [children ? /*#__PURE__*/(0, _jsxRuntime.jsx)(StepLabelLabel, (0, _extends2.default)({
179
+ ownerState: ownerState
180
+ }, labelSlotProps, {
182
181
  className: (0, _clsx.default)(classes.label, labelSlotProps == null ? void 0 : labelSlotProps.className),
183
182
  children: children
184
- }) : null, optional]
183
+ })) : null, optional]
185
184
  })]
186
- });
185
+ }));
187
186
  });
188
187
  process.env.NODE_ENV !== "production" ? StepLabel.propTypes /* remove-proptypes */ = {
189
188
  // ----------------------------- 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"));
@@ -16,6 +18,7 @@ var _stepperClasses = require("./stepperClasses");
16
18
  var _StepConnector = _interopRequireDefault(require("../StepConnector"));
17
19
  var _StepperContext = _interopRequireDefault(require("./StepperContext"));
18
20
  var _jsxRuntime = require("react/jsx-runtime");
21
+ const _excluded = ["activeStep", "alternativeLabel", "children", "className", "component", "connector", "nonLinear", "orientation"];
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,15 @@ const StepperRoot = (0, _styled.default)('div', {
40
43
  }
41
44
  })(({
42
45
  ownerState
43
- }) => ({
44
- display: 'flex',
45
- ...(ownerState.orientation === 'horizontal' && {
46
- flexDirection: 'row',
47
- alignItems: 'center'
48
- }),
49
- ...(ownerState.orientation === 'vertical' && {
50
- flexDirection: 'column'
51
- }),
52
- ...(ownerState.alternativeLabel && {
53
- alignItems: 'flex-start'
54
- })
46
+ }) => (0, _extends2.default)({
47
+ display: 'flex'
48
+ }, ownerState.orientation === 'horizontal' && {
49
+ flexDirection: 'row',
50
+ alignItems: 'center'
51
+ }, ownerState.orientation === 'vertical' && {
52
+ flexDirection: 'column'
53
+ }, ownerState.alternativeLabel && {
54
+ alignItems: 'flex-start'
55
55
  }));
56
56
  const defaultConnector = /*#__PURE__*/(0, _jsxRuntime.jsx)(_StepConnector.default, {});
57
57
  const Stepper = /*#__PURE__*/React.forwardRef(function Stepper(inProps, ref) {
@@ -60,30 +60,28 @@ const Stepper = /*#__PURE__*/React.forwardRef(function Stepper(inProps, ref) {
60
60
  name: 'MuiStepper'
61
61
  });
62
62
  const {
63
- activeStep = 0,
64
- alternativeLabel = false,
65
- children,
66
- className,
67
- component = 'div',
68
- connector = defaultConnector,
69
- nonLinear = false,
70
- orientation = 'horizontal',
71
- ...other
72
- } = props;
73
- const ownerState = {
74
- ...props,
63
+ activeStep = 0,
64
+ alternativeLabel = false,
65
+ children,
66
+ className,
67
+ component = 'div',
68
+ connector = defaultConnector,
69
+ nonLinear = false,
70
+ orientation = 'horizontal'
71
+ } = props,
72
+ other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
73
+ const ownerState = (0, _extends2.default)({}, props, {
75
74
  alternativeLabel,
76
75
  orientation,
77
76
  component
78
- };
77
+ });
79
78
  const classes = useUtilityClasses(ownerState);
80
79
  const childrenArray = React.Children.toArray(children).filter(Boolean);
81
80
  const steps = childrenArray.map((step, index) => {
82
- return /*#__PURE__*/React.cloneElement(step, {
81
+ return /*#__PURE__*/React.cloneElement(step, (0, _extends2.default)({
83
82
  index,
84
- last: index + 1 === childrenArray.length,
85
- ...step.props
86
- });
83
+ last: index + 1 === childrenArray.length
84
+ }, step.props));
87
85
  });
88
86
  const contextValue = React.useMemo(() => ({
89
87
  activeStep,
@@ -94,14 +92,14 @@ const Stepper = /*#__PURE__*/React.forwardRef(function Stepper(inProps, ref) {
94
92
  }), [activeStep, alternativeLabel, connector, nonLinear, orientation]);
95
93
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_StepperContext.default.Provider, {
96
94
  value: contextValue,
97
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StepperRoot, {
95
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StepperRoot, (0, _extends2.default)({
98
96
  as: component,
99
97
  ownerState: ownerState,
100
98
  className: (0, _clsx.default)(classes.root, className),
101
- ref: ref,
102
- ...other,
99
+ ref: ref
100
+ }, other, {
103
101
  children: steps
104
- })
102
+ }))
105
103
  });
106
104
  });
107
105
  process.env.NODE_ENV !== "production" ? Stepper.propTypes /* remove-proptypes */ = {
@@ -5,6 +5,8 @@ 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"));
9
+ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
8
10
  var React = _interopRequireWildcard(require("react"));
9
11
  var _propTypes = _interopRequireDefault(require("prop-types"));
10
12
  var _clsx = _interopRequireDefault(require("clsx"));
@@ -14,6 +16,7 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
14
16
  var _styled = _interopRequireDefault(require("../styles/styled"));
15
17
  var _svgIconClasses = require("./svgIconClasses");
16
18
  var _jsxRuntime = require("react/jsx-runtime");
19
+ const _excluded = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
17
20
  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); }
18
21
  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; }
19
22
  const useUtilityClasses = ownerState => {
@@ -71,46 +74,44 @@ const SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
71
74
  name: 'MuiSvgIcon'
72
75
  });
73
76
  const {
74
- children,
75
- className,
76
- color = 'inherit',
77
- component = 'svg',
78
- fontSize = 'medium',
79
- htmlColor,
80
- inheritViewBox = false,
81
- titleAccess,
82
- viewBox = '0 0 24 24',
83
- ...other
84
- } = props;
85
- const ownerState = {
86
- ...props,
77
+ children,
78
+ className,
79
+ color = 'inherit',
80
+ component = 'svg',
81
+ fontSize = 'medium',
82
+ htmlColor,
83
+ inheritViewBox = false,
84
+ titleAccess,
85
+ viewBox = '0 0 24 24'
86
+ } = props,
87
+ other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
88
+ const ownerState = (0, _extends2.default)({}, props, {
87
89
  color,
88
90
  component,
89
91
  fontSize,
90
92
  instanceFontSize: inProps.fontSize,
91
93
  inheritViewBox,
92
94
  viewBox
93
- };
95
+ });
94
96
  const more = {};
95
97
  if (!inheritViewBox) {
96
98
  more.viewBox = viewBox;
97
99
  }
98
100
  const classes = useUtilityClasses(ownerState);
99
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SvgIconRoot, {
101
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SvgIconRoot, (0, _extends2.default)({
100
102
  as: component,
101
103
  className: (0, _clsx.default)(classes.root, className),
102
104
  focusable: "false",
103
105
  color: htmlColor,
104
106
  "aria-hidden": titleAccess ? undefined : true,
105
107
  role: titleAccess ? 'img' : undefined,
106
- ref: ref,
107
- ...more,
108
- ...other,
108
+ ref: ref
109
+ }, more, other, {
109
110
  ownerState: ownerState,
110
111
  children: [children, titleAccess ? /*#__PURE__*/(0, _jsxRuntime.jsx)("title", {
111
112
  children: titleAccess
112
113
  }) : null]
113
- });
114
+ }));
114
115
  });
115
116
  process.env.NODE_ENV !== "production" ? SvgIcon.propTypes /* remove-proptypes */ = {
116
117
  // ----------------------------- 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"));
@@ -12,33 +14,30 @@ var _styled = _interopRequireDefault(require("../styles/styled"));
12
14
  var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
13
15
  var _Drawer = require("../Drawer/Drawer");
14
16
  var _jsxRuntime = require("react/jsx-runtime");
17
+ const _excluded = ["anchor", "classes", "className", "width", "style"];
15
18
  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); }
16
19
  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; }
17
20
  const SwipeAreaRoot = (0, _styled.default)('div')(({
18
21
  theme,
19
22
  ownerState
20
- }) => ({
23
+ }) => (0, _extends2.default)({
21
24
  position: 'fixed',
22
25
  top: 0,
23
26
  left: 0,
24
27
  bottom: 0,
25
- zIndex: theme.zIndex.drawer - 1,
26
- ...(ownerState.anchor === 'left' && {
27
- right: 'auto'
28
- }),
29
- ...(ownerState.anchor === 'right' && {
30
- left: 'auto',
31
- right: 0
32
- }),
33
- ...(ownerState.anchor === 'top' && {
34
- bottom: 'auto',
35
- right: 0
36
- }),
37
- ...(ownerState.anchor === 'bottom' && {
38
- top: 'auto',
39
- bottom: 0,
40
- right: 0
41
- })
28
+ zIndex: theme.zIndex.drawer - 1
29
+ }, ownerState.anchor === 'left' && {
30
+ right: 'auto'
31
+ }, ownerState.anchor === 'right' && {
32
+ left: 'auto',
33
+ right: 0
34
+ }, ownerState.anchor === 'top' && {
35
+ bottom: 'auto',
36
+ right: 0
37
+ }, ownerState.anchor === 'bottom' && {
38
+ top: 'auto',
39
+ bottom: 0,
40
+ right: 0
42
41
  }));
43
42
 
44
43
  /**
@@ -46,24 +45,22 @@ const SwipeAreaRoot = (0, _styled.default)('div')(({
46
45
  */
47
46
  const SwipeArea = /*#__PURE__*/React.forwardRef(function SwipeArea(props, ref) {
48
47
  const {
49
- anchor,
50
- classes = {},
51
- className,
52
- width,
53
- style,
54
- ...other
55
- } = props;
48
+ anchor,
49
+ classes = {},
50
+ className,
51
+ width,
52
+ style
53
+ } = props,
54
+ other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
56
55
  const ownerState = props;
57
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(SwipeAreaRoot, {
56
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(SwipeAreaRoot, (0, _extends2.default)({
58
57
  className: (0, _clsx.default)('PrivateSwipeArea-root', classes.root, classes[`anchor${(0, _capitalize.default)(anchor)}`], className),
59
58
  ref: ref,
60
- style: {
61
- [(0, _Drawer.isHorizontal)(anchor) ? 'width' : 'height']: width,
62
- ...style
63
- },
64
- ownerState: ownerState,
65
- ...other
66
- });
59
+ style: (0, _extends2.default)({
60
+ [(0, _Drawer.isHorizontal)(anchor) ? 'width' : 'height']: width
61
+ }, style),
62
+ ownerState: ownerState
63
+ }, other));
67
64
  });
68
65
  process.env.NODE_ENV !== "production" ? SwipeArea.propTypes = {
69
66
  /**