@mui/material 5.13.0 → 5.13.1

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 (610) hide show
  1. package/Accordion/Accordion.js +44 -43
  2. package/AccordionActions/AccordionActions.js +18 -18
  3. package/AccordionDetails/AccordionDetails.js +7 -9
  4. package/AccordionSummary/AccordionSummary.js +32 -32
  5. package/Alert/Alert.js +64 -60
  6. package/AlertTitle/AlertTitle.js +7 -9
  7. package/AppBar/AppBar.js +89 -73
  8. package/Autocomplete/Autocomplete.js +172 -141
  9. package/Avatar/Avatar.js +42 -38
  10. package/AvatarGroup/AvatarGroup.js +34 -33
  11. package/Backdrop/Backdrop.js +33 -31
  12. package/Badge/Badge.js +119 -107
  13. package/BottomNavigation/BottomNavigation.js +15 -17
  14. package/BottomNavigationAction/BottomNavigationAction.js +29 -31
  15. package/Breadcrumbs/BreadcrumbCollapsed.js +35 -34
  16. package/Breadcrumbs/Breadcrumbs.js +19 -21
  17. package/Button/Button.js +168 -133
  18. package/ButtonBase/ButtonBase.js +43 -42
  19. package/ButtonBase/TouchRipple.js +9 -12
  20. package/ButtonGroup/ButtonGroup.js +111 -89
  21. package/CHANGELOG.md +62 -0
  22. package/Card/Card.js +11 -12
  23. package/CardActionArea/CardActionArea.js +9 -12
  24. package/CardActions/CardActions.js +18 -18
  25. package/CardContent/CardContent.js +11 -12
  26. package/CardHeader/CardHeader.js +30 -31
  27. package/CardMedia/CardMedia.js +28 -27
  28. package/Checkbox/Checkbox.js +44 -39
  29. package/Chip/Chip.js +146 -129
  30. package/CircularProgress/CircularProgress.js +43 -36
  31. package/Collapse/Collapse.js +73 -65
  32. package/CssBaseline/CssBaseline.js +17 -14
  33. package/Dialog/Dialog.js +103 -94
  34. package/DialogActions/DialogActions.js +18 -18
  35. package/DialogContent/DialogContent.js +22 -22
  36. package/DialogContentText/DialogContentText.js +13 -11
  37. package/DialogTitle/DialogTitle.js +8 -10
  38. package/Divider/Divider.js +99 -84
  39. package/Drawer/Drawer.js +85 -76
  40. package/Fab/Fab.js +71 -60
  41. package/Fade/Fade.js +31 -30
  42. package/FilledInput/FilledInput.js +135 -117
  43. package/FilledInput/filledInputClasses.js +4 -2
  44. package/FormControl/FormControl.js +41 -35
  45. package/FormControlLabel/FormControlLabel.js +43 -38
  46. package/FormGroup/FormGroup.js +16 -16
  47. package/FormHelperText/FormHelperText.js +30 -23
  48. package/FormLabel/FormLabel.js +26 -18
  49. package/GlobalStyles/GlobalStyles.js +3 -3
  50. package/Grid/Grid.js +50 -41
  51. package/Grow/Grow.js +31 -30
  52. package/Hidden/Hidden.js +21 -22
  53. package/Hidden/HiddenCss.js +29 -29
  54. package/Hidden/withWidth.js +19 -19
  55. package/Icon/Icon.js +14 -15
  56. package/IconButton/IconButton.js +59 -52
  57. package/ImageList/ImageList.js +30 -29
  58. package/ImageListItem/ImageListItem.js +40 -39
  59. package/ImageListItemBar/ImageListItemBar.js +47 -41
  60. package/Input/Input.js +77 -74
  61. package/Input/inputClasses.js +4 -2
  62. package/InputAdornment/InputAdornment.js +36 -34
  63. package/InputBase/InputBase.js +116 -92
  64. package/InputLabel/InputLabel.js +83 -68
  65. package/LinearProgress/LinearProgress.js +64 -58
  66. package/Link/Link.js +69 -64
  67. package/List/List.js +24 -24
  68. package/ListItem/ListItem.js +113 -96
  69. package/ListItemAvatar/ListItemAvatar.js +15 -15
  70. package/ListItemButton/ListItemButton.js +40 -35
  71. package/ListItemIcon/ListItemIcon.js +15 -15
  72. package/ListItemSecondaryAction/ListItemSecondaryAction.js +15 -15
  73. package/ListItemText/ListItemText.js +34 -34
  74. package/ListSubheader/ListSubheader.js +36 -32
  75. package/Menu/Menu.js +38 -39
  76. package/MenuItem/MenuItem.js +50 -45
  77. package/MenuList/MenuList.js +17 -20
  78. package/MobileStepper/MobileStepper.js +61 -53
  79. package/Modal/Modal.js +50 -45
  80. package/NativeSelect/NativeSelect.js +26 -22
  81. package/NativeSelect/NativeSelectInput.js +50 -43
  82. package/OutlinedInput/NotchedOutline.js +55 -51
  83. package/OutlinedInput/OutlinedInput.js +72 -59
  84. package/OutlinedInput/outlinedInputClasses.js +4 -2
  85. package/Pagination/Pagination.js +35 -31
  86. package/PaginationItem/PaginationItem.js +105 -93
  87. package/Paper/Paper.js +32 -28
  88. package/Popover/Popover.js +49 -51
  89. package/Popper/Popper.js +25 -27
  90. package/README.md +1 -1
  91. package/Radio/Radio.js +36 -33
  92. package/Radio/RadioButtonIcon.js +11 -10
  93. package/RadioGroup/RadioGroup.js +14 -17
  94. package/Rating/Rating.js +88 -73
  95. package/ScopedCssBaseline/ScopedCssBaseline.js +18 -15
  96. package/Select/Select.js +59 -55
  97. package/Select/SelectInput.js +58 -57
  98. package/Skeleton/Skeleton.js +51 -46
  99. package/Slide/Slide.js +37 -33
  100. package/Slider/Slider.js +281 -216
  101. package/Snackbar/Snackbar.js +81 -67
  102. package/SnackbarContent/SnackbarContent.js +13 -15
  103. package/SpeedDial/SpeedDial.js +85 -83
  104. package/SpeedDialAction/SpeedDialAction.js +57 -52
  105. package/SpeedDialIcon/SpeedDialIcon.js +25 -24
  106. package/Step/Step.js +27 -26
  107. package/StepButton/StepButton.js +23 -24
  108. package/StepConnector/StepConnector.js +34 -31
  109. package/StepContent/StepContent.js +23 -24
  110. package/StepIcon/StepIcon.js +22 -22
  111. package/StepLabel/StepLabel.js +34 -33
  112. package/Stepper/Stepper.js +33 -31
  113. package/SvgIcon/SvgIcon.js +19 -20
  114. package/SwipeableDrawer/SwipeArea.js +33 -30
  115. package/SwipeableDrawer/SwipeableDrawer.js +49 -43
  116. package/Switch/Switch.js +59 -52
  117. package/Tab/Tab.js +93 -83
  118. package/TabScrollButton/TabScrollButton.js +30 -25
  119. package/Table/Table.js +20 -19
  120. package/TableBody/TableBody.js +11 -12
  121. package/TableCell/TableCell.js +70 -59
  122. package/TableContainer/TableContainer.js +11 -12
  123. package/TableFooter/TableFooter.js +11 -12
  124. package/TableHead/TableHead.js +11 -12
  125. package/TablePagination/TablePagination.js +53 -49
  126. package/TablePagination/TablePaginationActions.js +22 -25
  127. package/TableRow/TableRow.js +13 -14
  128. package/TableSortLabel/TableSortLabel.js +23 -23
  129. package/Tabs/ScrollbarSize.js +7 -9
  130. package/Tabs/Tabs.js +107 -92
  131. package/TextField/TextField.js +57 -57
  132. package/ToggleButton/ToggleButton.js +36 -35
  133. package/ToggleButtonGroup/ToggleButtonGroup.js +60 -59
  134. package/Toolbar/Toolbar.js +26 -25
  135. package/Tooltip/Tooltip.js +177 -147
  136. package/Typography/Typography.js +37 -32
  137. package/Zoom/Zoom.js +31 -30
  138. package/index.js +1 -1
  139. package/internal/SwitchBase.js +45 -43
  140. package/legacy/Accordion/Accordion.js +9 -8
  141. package/legacy/AccordionActions/AccordionActions.js +6 -4
  142. package/legacy/AccordionDetails/AccordionDetails.js +4 -2
  143. package/legacy/AccordionSummary/AccordionSummary.js +12 -11
  144. package/legacy/Alert/Alert.js +11 -10
  145. package/legacy/AlertTitle/AlertTitle.js +4 -2
  146. package/legacy/AppBar/AppBar.js +18 -16
  147. package/legacy/Autocomplete/Autocomplete.js +45 -43
  148. package/legacy/Avatar/Avatar.js +11 -9
  149. package/legacy/AvatarGroup/AvatarGroup.js +10 -9
  150. package/legacy/Backdrop/Backdrop.js +10 -8
  151. package/legacy/Badge/Badge.js +16 -15
  152. package/legacy/BottomNavigation/BottomNavigation.js +6 -4
  153. package/legacy/BottomNavigationAction/BottomNavigationAction.js +9 -8
  154. package/legacy/Breadcrumbs/BreadcrumbCollapsed.js +10 -8
  155. package/legacy/Breadcrumbs/Breadcrumbs.js +5 -4
  156. package/legacy/Button/Button.js +37 -36
  157. package/legacy/ButtonBase/ButtonBase.js +6 -5
  158. package/legacy/ButtonBase/TouchRipple.js +5 -3
  159. package/legacy/ButtonGroup/ButtonGroup.js +28 -27
  160. package/legacy/Card/Card.js +5 -3
  161. package/legacy/CardActionArea/CardActionArea.js +4 -3
  162. package/legacy/CardActions/CardActions.js +6 -4
  163. package/legacy/CardContent/CardContent.js +5 -3
  164. package/legacy/CardHeader/CardHeader.js +11 -10
  165. package/legacy/CardMedia/CardMedia.js +9 -7
  166. package/legacy/Checkbox/Checkbox.js +9 -8
  167. package/legacy/Chip/Chip.js +26 -25
  168. package/legacy/CircularProgress/CircularProgress.js +12 -10
  169. package/legacy/Collapse/Collapse.js +17 -16
  170. package/legacy/CssBaseline/CssBaseline.js +9 -7
  171. package/legacy/Dialog/Dialog.js +20 -19
  172. package/legacy/DialogActions/DialogActions.js +6 -4
  173. package/legacy/DialogContent/DialogContent.js +5 -4
  174. package/legacy/DialogContentText/DialogContentText.js +6 -4
  175. package/legacy/DialogTitle/DialogTitle.js +4 -2
  176. package/legacy/Divider/Divider.js +19 -17
  177. package/legacy/Drawer/Drawer.js +23 -21
  178. package/legacy/Fab/Fab.js +13 -12
  179. package/legacy/Fade/Fade.js +8 -6
  180. package/legacy/FilledInput/FilledInput.js +24 -23
  181. package/legacy/FilledInput/filledInputClasses.js +4 -2
  182. package/legacy/FormControl/FormControl.js +10 -8
  183. package/legacy/FormControlLabel/FormControlLabel.js +11 -10
  184. package/legacy/FormGroup/FormGroup.js +6 -4
  185. package/legacy/FormHelperText/FormHelperText.js +12 -11
  186. package/legacy/FormLabel/FormLabel.js +13 -12
  187. package/legacy/GlobalStyles/GlobalStyles.js +4 -2
  188. package/legacy/Grid/Grid.js +13 -11
  189. package/legacy/Grow/Grow.js +8 -6
  190. package/legacy/Hidden/Hidden.js +5 -3
  191. package/legacy/Hidden/HiddenCss.js +4 -3
  192. package/legacy/Hidden/withWidth.js +6 -4
  193. package/legacy/Icon/Icon.js +5 -3
  194. package/legacy/IconButton/IconButton.js +15 -14
  195. package/legacy/ImageList/ImageList.js +9 -7
  196. package/legacy/ImageListItem/ImageListItem.js +9 -8
  197. package/legacy/ImageListItemBar/ImageListItemBar.js +13 -11
  198. package/legacy/Input/Input.js +8 -7
  199. package/legacy/Input/inputClasses.js +4 -2
  200. package/legacy/InputAdornment/InputAdornment.js +9 -8
  201. package/legacy/InputBase/InputBase.js +28 -27
  202. package/legacy/InputLabel/InputLabel.js +14 -13
  203. package/legacy/LinearProgress/LinearProgress.js +17 -15
  204. package/legacy/Link/Link.js +9 -8
  205. package/legacy/List/List.js +8 -6
  206. package/legacy/ListItem/ListItem.js +25 -24
  207. package/legacy/ListItemAvatar/ListItemAvatar.js +6 -4
  208. package/legacy/ListItemButton/ListItemButton.js +16 -15
  209. package/legacy/ListItemIcon/ListItemIcon.js +6 -4
  210. package/legacy/ListItemSecondaryAction/ListItemSecondaryAction.js +6 -4
  211. package/legacy/ListItemText/ListItemText.js +11 -10
  212. package/legacy/ListSubheader/ListSubheader.js +10 -8
  213. package/legacy/Menu/Menu.js +12 -10
  214. package/legacy/MenuItem/MenuItem.js +22 -21
  215. package/legacy/MenuList/MenuList.js +5 -3
  216. package/legacy/MobileStepper/MobileStepper.js +12 -10
  217. package/legacy/Modal/Modal.js +10 -8
  218. package/legacy/NativeSelect/NativeSelect.js +8 -6
  219. package/legacy/NativeSelect/NativeSelectInput.js +17 -16
  220. package/legacy/OutlinedInput/NotchedOutline.js +8 -6
  221. package/legacy/OutlinedInput/OutlinedInput.js +23 -22
  222. package/legacy/OutlinedInput/outlinedInputClasses.js +4 -2
  223. package/legacy/Pagination/Pagination.js +9 -7
  224. package/legacy/PaginationItem/PaginationItem.js +24 -23
  225. package/legacy/Paper/Paper.js +9 -7
  226. package/legacy/Popover/Popover.js +12 -10
  227. package/legacy/Popper/Popper.js +6 -4
  228. package/legacy/Radio/Radio.js +8 -7
  229. package/legacy/Radio/RadioButtonIcon.js +5 -3
  230. package/legacy/RadioGroup/RadioGroup.js +5 -3
  231. package/legacy/Rating/Rating.js +24 -23
  232. package/legacy/ScopedCssBaseline/ScopedCssBaseline.js +6 -4
  233. package/legacy/Select/Select.js +10 -8
  234. package/legacy/Select/SelectInput.js +11 -10
  235. package/legacy/Skeleton/Skeleton.js +13 -11
  236. package/legacy/Slide/Slide.js +10 -8
  237. package/legacy/Slider/Slider.js +65 -64
  238. package/legacy/Snackbar/Snackbar.js +16 -15
  239. package/legacy/SnackbarContent/SnackbarContent.js +5 -4
  240. package/legacy/SpeedDial/SpeedDial.js +15 -14
  241. package/legacy/SpeedDialAction/SpeedDialAction.js +16 -15
  242. package/legacy/SpeedDialIcon/SpeedDialIcon.js +7 -6
  243. package/legacy/Step/Step.js +8 -6
  244. package/legacy/StepButton/StepButton.js +8 -7
  245. package/legacy/StepConnector/StepConnector.js +10 -8
  246. package/legacy/StepContent/StepContent.js +9 -7
  247. package/legacy/StepIcon/StepIcon.js +7 -6
  248. package/legacy/StepLabel/StepLabel.js +20 -19
  249. package/legacy/Stepper/Stepper.js +10 -8
  250. package/legacy/SvgIcon/SvgIcon.js +6 -4
  251. package/legacy/SwipeableDrawer/SwipeArea.js +9 -8
  252. package/legacy/SwipeableDrawer/SwipeableDrawer.js +10 -8
  253. package/legacy/Switch/Switch.js +11 -10
  254. package/legacy/Tab/Tab.js +16 -15
  255. package/legacy/TabScrollButton/TabScrollButton.js +7 -6
  256. package/legacy/Table/Table.js +7 -5
  257. package/legacy/TableBody/TableBody.js +5 -3
  258. package/legacy/TableCell/TableCell.js +15 -14
  259. package/legacy/TableContainer/TableContainer.js +5 -3
  260. package/legacy/TableFooter/TableFooter.js +5 -3
  261. package/legacy/TableHead/TableHead.js +5 -3
  262. package/legacy/TablePagination/TablePagination.js +15 -14
  263. package/legacy/TablePagination/TablePaginationActions.js +9 -7
  264. package/legacy/TableRow/TableRow.js +4 -3
  265. package/legacy/TableSortLabel/TableSortLabel.js +7 -6
  266. package/legacy/Tabs/ScrollbarSize.js +4 -2
  267. package/legacy/Tabs/Tabs.js +23 -22
  268. package/legacy/TextField/TextField.js +14 -12
  269. package/legacy/ToggleButton/ToggleButton.js +12 -11
  270. package/legacy/ToggleButtonGroup/ToggleButtonGroup.js +8 -7
  271. package/legacy/Toolbar/Toolbar.js +6 -5
  272. package/legacy/Tooltip/Tooltip.js +34 -33
  273. package/legacy/Typography/Typography.js +11 -9
  274. package/legacy/Zoom/Zoom.js +8 -6
  275. package/legacy/index.js +1 -1
  276. package/legacy/internal/SwitchBase.js +10 -8
  277. package/legacy/locale/index.js +383 -68
  278. package/legacy/styles/CssVarsProvider.js +4 -2
  279. package/legacy/styles/ThemeProvider.js +4 -2
  280. package/legacy/styles/adaptV4Theme.js +7 -6
  281. package/legacy/styles/createMixins.js +3 -2
  282. package/legacy/styles/createPalette.js +6 -4
  283. package/legacy/styles/createTheme.js +4 -3
  284. package/legacy/styles/createTransitions.js +7 -5
  285. package/legacy/styles/createTypography.js +6 -4
  286. package/legacy/styles/experimental_extendTheme.js +12 -10
  287. package/legacy/styles/responsiveFontSizes.js +6 -4
  288. package/legacy/usePagination/usePagination.js +4 -2
  289. package/legacy/useScrollTrigger/useScrollTrigger.js +4 -2
  290. package/legacy/utils/createSvgIcon.js +5 -3
  291. package/locale/index.d.ts +4 -0
  292. package/locale/index.js +309 -0
  293. package/modern/Accordion/Accordion.js +44 -43
  294. package/modern/AccordionActions/AccordionActions.js +18 -18
  295. package/modern/AccordionDetails/AccordionDetails.js +7 -9
  296. package/modern/AccordionSummary/AccordionSummary.js +32 -32
  297. package/modern/Alert/Alert.js +64 -60
  298. package/modern/AlertTitle/AlertTitle.js +7 -9
  299. package/modern/AppBar/AppBar.js +89 -73
  300. package/modern/Autocomplete/Autocomplete.js +169 -138
  301. package/modern/Avatar/Avatar.js +42 -38
  302. package/modern/AvatarGroup/AvatarGroup.js +34 -33
  303. package/modern/Backdrop/Backdrop.js +33 -31
  304. package/modern/Badge/Badge.js +119 -107
  305. package/modern/BottomNavigation/BottomNavigation.js +15 -17
  306. package/modern/BottomNavigationAction/BottomNavigationAction.js +29 -31
  307. package/modern/Breadcrumbs/BreadcrumbCollapsed.js +35 -34
  308. package/modern/Breadcrumbs/Breadcrumbs.js +19 -21
  309. package/modern/Button/Button.js +168 -133
  310. package/modern/ButtonBase/ButtonBase.js +43 -42
  311. package/modern/ButtonBase/TouchRipple.js +9 -12
  312. package/modern/ButtonGroup/ButtonGroup.js +111 -89
  313. package/modern/Card/Card.js +11 -12
  314. package/modern/CardActionArea/CardActionArea.js +9 -12
  315. package/modern/CardActions/CardActions.js +18 -18
  316. package/modern/CardContent/CardContent.js +11 -12
  317. package/modern/CardHeader/CardHeader.js +30 -31
  318. package/modern/CardMedia/CardMedia.js +28 -27
  319. package/modern/Checkbox/Checkbox.js +44 -39
  320. package/modern/Chip/Chip.js +146 -129
  321. package/modern/CircularProgress/CircularProgress.js +43 -36
  322. package/modern/Collapse/Collapse.js +73 -65
  323. package/modern/CssBaseline/CssBaseline.js +17 -14
  324. package/modern/Dialog/Dialog.js +103 -94
  325. package/modern/DialogActions/DialogActions.js +18 -18
  326. package/modern/DialogContent/DialogContent.js +22 -22
  327. package/modern/DialogContentText/DialogContentText.js +13 -11
  328. package/modern/DialogTitle/DialogTitle.js +8 -10
  329. package/modern/Divider/Divider.js +99 -84
  330. package/modern/Drawer/Drawer.js +85 -76
  331. package/modern/Fab/Fab.js +70 -59
  332. package/modern/Fade/Fade.js +31 -30
  333. package/modern/FilledInput/FilledInput.js +135 -117
  334. package/modern/FilledInput/filledInputClasses.js +4 -2
  335. package/modern/FormControl/FormControl.js +41 -35
  336. package/modern/FormControlLabel/FormControlLabel.js +43 -38
  337. package/modern/FormGroup/FormGroup.js +16 -16
  338. package/modern/FormHelperText/FormHelperText.js +30 -23
  339. package/modern/FormLabel/FormLabel.js +26 -18
  340. package/modern/GlobalStyles/GlobalStyles.js +3 -3
  341. package/modern/Grid/Grid.js +50 -41
  342. package/modern/Grow/Grow.js +31 -30
  343. package/modern/Hidden/Hidden.js +21 -22
  344. package/modern/Hidden/HiddenCss.js +29 -29
  345. package/modern/Hidden/withWidth.js +19 -19
  346. package/modern/Icon/Icon.js +14 -15
  347. package/modern/IconButton/IconButton.js +59 -52
  348. package/modern/ImageList/ImageList.js +30 -29
  349. package/modern/ImageListItem/ImageListItem.js +40 -39
  350. package/modern/ImageListItemBar/ImageListItemBar.js +47 -41
  351. package/modern/Input/Input.js +77 -74
  352. package/modern/Input/inputClasses.js +4 -2
  353. package/modern/InputAdornment/InputAdornment.js +36 -34
  354. package/modern/InputBase/InputBase.js +116 -92
  355. package/modern/InputLabel/InputLabel.js +83 -68
  356. package/modern/LinearProgress/LinearProgress.js +64 -58
  357. package/modern/Link/Link.js +69 -64
  358. package/modern/List/List.js +24 -24
  359. package/modern/ListItem/ListItem.js +113 -96
  360. package/modern/ListItemAvatar/ListItemAvatar.js +15 -15
  361. package/modern/ListItemButton/ListItemButton.js +40 -35
  362. package/modern/ListItemIcon/ListItemIcon.js +15 -15
  363. package/modern/ListItemSecondaryAction/ListItemSecondaryAction.js +15 -15
  364. package/modern/ListItemText/ListItemText.js +34 -34
  365. package/modern/ListSubheader/ListSubheader.js +36 -32
  366. package/modern/Menu/Menu.js +38 -39
  367. package/modern/MenuItem/MenuItem.js +50 -45
  368. package/modern/MenuList/MenuList.js +17 -20
  369. package/modern/MobileStepper/MobileStepper.js +61 -53
  370. package/modern/Modal/Modal.js +50 -45
  371. package/modern/NativeSelect/NativeSelect.js +26 -22
  372. package/modern/NativeSelect/NativeSelectInput.js +50 -43
  373. package/modern/OutlinedInput/NotchedOutline.js +55 -51
  374. package/modern/OutlinedInput/OutlinedInput.js +72 -59
  375. package/modern/OutlinedInput/outlinedInputClasses.js +4 -2
  376. package/modern/Pagination/Pagination.js +35 -31
  377. package/modern/PaginationItem/PaginationItem.js +105 -93
  378. package/modern/Paper/Paper.js +32 -28
  379. package/modern/Popover/Popover.js +49 -51
  380. package/modern/Popper/Popper.js +25 -27
  381. package/modern/Radio/Radio.js +36 -33
  382. package/modern/Radio/RadioButtonIcon.js +11 -10
  383. package/modern/RadioGroup/RadioGroup.js +14 -17
  384. package/modern/Rating/Rating.js +88 -73
  385. package/modern/ScopedCssBaseline/ScopedCssBaseline.js +18 -15
  386. package/modern/Select/Select.js +59 -55
  387. package/modern/Select/SelectInput.js +58 -57
  388. package/modern/Skeleton/Skeleton.js +51 -46
  389. package/modern/Slide/Slide.js +37 -33
  390. package/modern/Slider/Slider.js +281 -216
  391. package/modern/Snackbar/Snackbar.js +81 -67
  392. package/modern/SnackbarContent/SnackbarContent.js +13 -15
  393. package/modern/SpeedDial/SpeedDial.js +85 -83
  394. package/modern/SpeedDialAction/SpeedDialAction.js +57 -52
  395. package/modern/SpeedDialIcon/SpeedDialIcon.js +25 -24
  396. package/modern/Step/Step.js +27 -26
  397. package/modern/StepButton/StepButton.js +23 -24
  398. package/modern/StepConnector/StepConnector.js +34 -31
  399. package/modern/StepContent/StepContent.js +23 -24
  400. package/modern/StepIcon/StepIcon.js +22 -22
  401. package/modern/StepLabel/StepLabel.js +34 -33
  402. package/modern/Stepper/Stepper.js +33 -31
  403. package/modern/SvgIcon/SvgIcon.js +19 -20
  404. package/modern/SwipeableDrawer/SwipeArea.js +33 -30
  405. package/modern/SwipeableDrawer/SwipeableDrawer.js +49 -43
  406. package/modern/Switch/Switch.js +59 -52
  407. package/modern/Tab/Tab.js +93 -83
  408. package/modern/TabScrollButton/TabScrollButton.js +30 -25
  409. package/modern/Table/Table.js +20 -19
  410. package/modern/TableBody/TableBody.js +11 -12
  411. package/modern/TableCell/TableCell.js +70 -59
  412. package/modern/TableContainer/TableContainer.js +11 -12
  413. package/modern/TableFooter/TableFooter.js +11 -12
  414. package/modern/TableHead/TableHead.js +11 -12
  415. package/modern/TablePagination/TablePagination.js +53 -49
  416. package/modern/TablePagination/TablePaginationActions.js +22 -25
  417. package/modern/TableRow/TableRow.js +13 -14
  418. package/modern/TableSortLabel/TableSortLabel.js +23 -23
  419. package/modern/Tabs/ScrollbarSize.js +7 -9
  420. package/modern/Tabs/Tabs.js +107 -92
  421. package/modern/TextField/TextField.js +57 -57
  422. package/modern/ToggleButton/ToggleButton.js +36 -35
  423. package/modern/ToggleButtonGroup/ToggleButtonGroup.js +60 -59
  424. package/modern/Toolbar/Toolbar.js +26 -25
  425. package/modern/Tooltip/Tooltip.js +177 -147
  426. package/modern/Typography/Typography.js +37 -32
  427. package/modern/Zoom/Zoom.js +31 -30
  428. package/modern/index.js +1 -1
  429. package/modern/internal/SwitchBase.js +45 -43
  430. package/modern/locale/index.js +309 -0
  431. package/modern/styles/CssVarsProvider.js +3 -3
  432. package/modern/styles/ThemeProvider.js +7 -10
  433. package/modern/styles/adaptV4Theme.js +31 -31
  434. package/modern/styles/createMixins.js +4 -4
  435. package/modern/styles/createPalette.js +16 -13
  436. package/modern/styles/createTheme.js +16 -11
  437. package/modern/styles/createTransitions.js +17 -14
  438. package/modern/styles/createTypography.js +31 -29
  439. package/modern/styles/experimental_extendTheme.js +41 -33
  440. package/modern/styles/responsiveFontSizes.js +17 -11
  441. package/modern/usePagination/usePagination.js +18 -20
  442. package/modern/useScrollTrigger/useScrollTrigger.js +8 -10
  443. package/modern/utils/createSvgIcon.js +4 -5
  444. package/node/Accordion/Accordion.js +44 -43
  445. package/node/AccordionActions/AccordionActions.js +18 -18
  446. package/node/AccordionDetails/AccordionDetails.js +7 -9
  447. package/node/AccordionSummary/AccordionSummary.js +32 -32
  448. package/node/Alert/Alert.js +64 -60
  449. package/node/AlertTitle/AlertTitle.js +7 -9
  450. package/node/AppBar/AppBar.js +89 -73
  451. package/node/Autocomplete/Autocomplete.js +172 -141
  452. package/node/Avatar/Avatar.js +42 -38
  453. package/node/AvatarGroup/AvatarGroup.js +34 -33
  454. package/node/Backdrop/Backdrop.js +33 -31
  455. package/node/Badge/Badge.js +119 -107
  456. package/node/BottomNavigation/BottomNavigation.js +15 -17
  457. package/node/BottomNavigationAction/BottomNavigationAction.js +29 -31
  458. package/node/Breadcrumbs/BreadcrumbCollapsed.js +35 -34
  459. package/node/Breadcrumbs/Breadcrumbs.js +19 -21
  460. package/node/Button/Button.js +168 -133
  461. package/node/ButtonBase/ButtonBase.js +43 -42
  462. package/node/ButtonBase/TouchRipple.js +9 -12
  463. package/node/ButtonGroup/ButtonGroup.js +111 -89
  464. package/node/Card/Card.js +11 -12
  465. package/node/CardActionArea/CardActionArea.js +9 -12
  466. package/node/CardActions/CardActions.js +18 -18
  467. package/node/CardContent/CardContent.js +11 -12
  468. package/node/CardHeader/CardHeader.js +30 -31
  469. package/node/CardMedia/CardMedia.js +28 -27
  470. package/node/Checkbox/Checkbox.js +44 -39
  471. package/node/Chip/Chip.js +146 -129
  472. package/node/CircularProgress/CircularProgress.js +43 -36
  473. package/node/Collapse/Collapse.js +73 -65
  474. package/node/CssBaseline/CssBaseline.js +17 -14
  475. package/node/Dialog/Dialog.js +103 -94
  476. package/node/DialogActions/DialogActions.js +18 -18
  477. package/node/DialogContent/DialogContent.js +22 -22
  478. package/node/DialogContentText/DialogContentText.js +13 -11
  479. package/node/DialogTitle/DialogTitle.js +8 -10
  480. package/node/Divider/Divider.js +99 -84
  481. package/node/Drawer/Drawer.js +85 -76
  482. package/node/Fab/Fab.js +71 -60
  483. package/node/Fade/Fade.js +31 -30
  484. package/node/FilledInput/FilledInput.js +135 -117
  485. package/node/FilledInput/filledInputClasses.js +4 -2
  486. package/node/FormControl/FormControl.js +41 -35
  487. package/node/FormControlLabel/FormControlLabel.js +43 -38
  488. package/node/FormGroup/FormGroup.js +16 -16
  489. package/node/FormHelperText/FormHelperText.js +30 -23
  490. package/node/FormLabel/FormLabel.js +26 -18
  491. package/node/GlobalStyles/GlobalStyles.js +3 -3
  492. package/node/Grid/Grid.js +54 -43
  493. package/node/Grow/Grow.js +31 -30
  494. package/node/Hidden/Hidden.js +24 -26
  495. package/node/Hidden/HiddenCss.js +29 -29
  496. package/node/Hidden/withWidth.js +19 -19
  497. package/node/Icon/Icon.js +14 -15
  498. package/node/IconButton/IconButton.js +59 -52
  499. package/node/ImageList/ImageList.js +30 -29
  500. package/node/ImageListItem/ImageListItem.js +40 -39
  501. package/node/ImageListItemBar/ImageListItemBar.js +47 -41
  502. package/node/Input/Input.js +77 -74
  503. package/node/Input/inputClasses.js +4 -2
  504. package/node/InputAdornment/InputAdornment.js +36 -34
  505. package/node/InputBase/InputBase.js +116 -92
  506. package/node/InputLabel/InputLabel.js +83 -68
  507. package/node/LinearProgress/LinearProgress.js +64 -58
  508. package/node/Link/Link.js +69 -64
  509. package/node/List/List.js +24 -24
  510. package/node/ListItem/ListItem.js +113 -96
  511. package/node/ListItemAvatar/ListItemAvatar.js +15 -15
  512. package/node/ListItemButton/ListItemButton.js +40 -35
  513. package/node/ListItemIcon/ListItemIcon.js +15 -15
  514. package/node/ListItemSecondaryAction/ListItemSecondaryAction.js +15 -15
  515. package/node/ListItemText/ListItemText.js +34 -34
  516. package/node/ListSubheader/ListSubheader.js +36 -32
  517. package/node/Menu/Menu.js +38 -39
  518. package/node/MenuItem/MenuItem.js +50 -45
  519. package/node/MenuList/MenuList.js +17 -20
  520. package/node/MobileStepper/MobileStepper.js +61 -53
  521. package/node/Modal/Modal.js +50 -45
  522. package/node/NativeSelect/NativeSelect.js +26 -22
  523. package/node/NativeSelect/NativeSelectInput.js +50 -43
  524. package/node/OutlinedInput/NotchedOutline.js +55 -51
  525. package/node/OutlinedInput/OutlinedInput.js +72 -59
  526. package/node/OutlinedInput/outlinedInputClasses.js +4 -2
  527. package/node/Pagination/Pagination.js +35 -31
  528. package/node/PaginationItem/PaginationItem.js +105 -93
  529. package/node/Paper/Paper.js +32 -28
  530. package/node/Popover/Popover.js +49 -51
  531. package/node/Popper/Popper.js +25 -27
  532. package/node/Radio/Radio.js +36 -33
  533. package/node/Radio/RadioButtonIcon.js +11 -10
  534. package/node/RadioGroup/RadioGroup.js +14 -17
  535. package/node/Rating/Rating.js +88 -73
  536. package/node/ScopedCssBaseline/ScopedCssBaseline.js +18 -15
  537. package/node/Select/Select.js +59 -55
  538. package/node/Select/SelectInput.js +58 -57
  539. package/node/Skeleton/Skeleton.js +51 -46
  540. package/node/Slide/Slide.js +39 -34
  541. package/node/Slider/Slider.js +281 -216
  542. package/node/Snackbar/Snackbar.js +81 -67
  543. package/node/SnackbarContent/SnackbarContent.js +13 -15
  544. package/node/SpeedDial/SpeedDial.js +85 -83
  545. package/node/SpeedDialAction/SpeedDialAction.js +59 -52
  546. package/node/SpeedDialIcon/SpeedDialIcon.js +25 -24
  547. package/node/Step/Step.js +27 -26
  548. package/node/StepButton/StepButton.js +23 -24
  549. package/node/StepConnector/StepConnector.js +34 -31
  550. package/node/StepContent/StepContent.js +23 -24
  551. package/node/StepIcon/StepIcon.js +22 -22
  552. package/node/StepLabel/StepLabel.js +34 -33
  553. package/node/Stepper/Stepper.js +33 -31
  554. package/node/SvgIcon/SvgIcon.js +19 -20
  555. package/node/SwipeableDrawer/SwipeArea.js +33 -30
  556. package/node/SwipeableDrawer/SwipeableDrawer.js +51 -44
  557. package/node/Switch/Switch.js +61 -52
  558. package/node/Tab/Tab.js +93 -83
  559. package/node/TabScrollButton/TabScrollButton.js +32 -26
  560. package/node/Table/Table.js +20 -19
  561. package/node/TableBody/TableBody.js +11 -12
  562. package/node/TableCell/TableCell.js +70 -59
  563. package/node/TableContainer/TableContainer.js +11 -12
  564. package/node/TableFooter/TableFooter.js +11 -12
  565. package/node/TableHead/TableHead.js +11 -12
  566. package/node/TablePagination/TablePagination.js +53 -49
  567. package/node/TablePagination/TablePaginationActions.js +22 -25
  568. package/node/TableRow/TableRow.js +13 -14
  569. package/node/TableSortLabel/TableSortLabel.js +23 -23
  570. package/node/Tabs/ScrollbarSize.js +7 -9
  571. package/node/Tabs/Tabs.js +107 -92
  572. package/node/TextField/TextField.js +57 -57
  573. package/node/ToggleButton/ToggleButton.js +38 -35
  574. package/node/ToggleButtonGroup/ToggleButtonGroup.js +60 -59
  575. package/node/Toolbar/Toolbar.js +26 -25
  576. package/node/Tooltip/Tooltip.js +177 -147
  577. package/node/Typography/Typography.js +37 -32
  578. package/node/Zoom/Zoom.js +31 -30
  579. package/node/index.js +1 -1
  580. package/node/internal/SwitchBase.js +45 -43
  581. package/node/locale/index.js +314 -1
  582. package/node/styles/CssVarsProvider.js +3 -3
  583. package/node/styles/ThemeProvider.js +7 -10
  584. package/node/styles/adaptV4Theme.js +31 -32
  585. package/node/styles/createMixins.js +4 -5
  586. package/node/styles/createPalette.js +16 -13
  587. package/node/styles/createTheme.js +16 -11
  588. package/node/styles/createTransitions.js +17 -15
  589. package/node/styles/createTypography.js +31 -30
  590. package/node/styles/experimental_extendTheme.js +41 -33
  591. package/node/styles/responsiveFontSizes.js +17 -12
  592. package/node/usePagination/usePagination.js +18 -21
  593. package/node/useScrollTrigger/useScrollTrigger.js +8 -11
  594. package/node/utils/createSvgIcon.js +4 -5
  595. package/package.json +5 -5
  596. package/styles/CssVarsProvider.js +3 -3
  597. package/styles/ThemeProvider.js +7 -10
  598. package/styles/adaptV4Theme.js +31 -31
  599. package/styles/createMixins.js +4 -4
  600. package/styles/createPalette.js +16 -13
  601. package/styles/createTheme.js +16 -11
  602. package/styles/createTransitions.js +17 -14
  603. package/styles/createTypography.js +31 -29
  604. package/styles/experimental_extendTheme.js +41 -33
  605. package/styles/responsiveFontSizes.js +17 -11
  606. package/umd/material-ui.development.js +7513 -6042
  607. package/umd/material-ui.production.min.js +21 -21
  608. package/usePagination/usePagination.js +18 -20
  609. package/useScrollTrigger/useScrollTrigger.js +8 -10
  610. package/utils/createSvgIcon.js +4 -5
@@ -5,8 +5,6 @@ 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"));
10
8
  var React = _interopRequireWildcard(require("react"));
11
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
12
10
  var _clsx = _interopRequireDefault(require("clsx"));
@@ -19,10 +17,10 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
19
17
  var _styled = _interopRequireDefault(require("../styles/styled"));
20
18
  var _tabScrollButtonClasses = _interopRequireWildcard(require("./tabScrollButtonClasses"));
21
19
  var _jsxRuntime = require("react/jsx-runtime");
22
- const _excluded = ["className", "slots", "slotProps", "direction", "orientation", "disabled"];
23
- /* eslint-disable jsx-a11y/aria-role */
24
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); }
25
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; }
22
+ /* eslint-disable jsx-a11y/aria-role */
23
+
26
24
  const useUtilityClasses = ownerState => {
27
25
  const {
28
26
  classes,
@@ -45,19 +43,20 @@ const TabScrollButtonRoot = (0, _styled.default)(_ButtonBase.default, {
45
43
  }
46
44
  })(({
47
45
  ownerState
48
- }) => (0, _extends2.default)({
46
+ }) => ({
49
47
  width: 40,
50
48
  flexShrink: 0,
51
49
  opacity: 0.8,
52
50
  [`&.${_tabScrollButtonClasses.default.disabled}`]: {
53
51
  opacity: 0
54
- }
55
- }, ownerState.orientation === 'vertical' && {
56
- width: '100%',
57
- height: 40,
58
- '& svg': {
59
- transform: `rotate(${ownerState.isRtl ? -90 : 90}deg)`
60
- }
52
+ },
53
+ ...(ownerState.orientation === 'vertical' && {
54
+ width: '100%',
55
+ height: 40,
56
+ '& svg': {
57
+ transform: `rotate(${ownerState.isRtl ? -90 : 90}deg)`
58
+ }
59
+ })
61
60
  }));
62
61
  const TabScrollButton = /*#__PURE__*/React.forwardRef(function TabScrollButton(inProps, ref) {
63
62
  var _slots$StartScrollBut, _slots$EndScrollButto;
@@ -66,17 +65,20 @@ const TabScrollButton = /*#__PURE__*/React.forwardRef(function TabScrollButton(i
66
65
  name: 'MuiTabScrollButton'
67
66
  });
68
67
  const {
69
- className,
70
- slots = {},
71
- slotProps = {},
72
- direction
73
- } = props,
74
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
68
+ className,
69
+ slots = {},
70
+ slotProps = {},
71
+ direction,
72
+ orientation,
73
+ disabled,
74
+ ...other
75
+ } = props;
75
76
  const theme = (0, _useTheme.default)();
76
77
  const isRtl = theme.direction === 'rtl';
77
- const ownerState = (0, _extends2.default)({
78
- isRtl
79
- }, props);
78
+ const ownerState = {
79
+ isRtl,
80
+ ...props
81
+ };
80
82
  const classes = useUtilityClasses(ownerState);
81
83
  const StartButtonIcon = (_slots$StartScrollBut = slots.StartScrollButtonIcon) != null ? _slots$StartScrollBut : _KeyboardArrowLeft.default;
82
84
  const EndButtonIcon = (_slots$EndScrollButto = slots.EndScrollButtonIcon) != null ? _slots$EndScrollButto : _KeyboardArrowRight.default;
@@ -96,16 +98,20 @@ const TabScrollButton = /*#__PURE__*/React.forwardRef(function TabScrollButton(i
96
98
  },
97
99
  ownerState
98
100
  });
99
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(TabScrollButtonRoot, (0, _extends2.default)({
101
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(TabScrollButtonRoot, {
100
102
  component: "div",
101
103
  className: (0, _clsx.default)(classes.root, className),
102
104
  ref: ref,
103
105
  role: null,
104
106
  ownerState: ownerState,
105
- tabIndex: null
106
- }, other, {
107
- children: direction === 'left' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(StartButtonIcon, (0, _extends2.default)({}, startButtonIconProps)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(EndButtonIcon, (0, _extends2.default)({}, endButtonIconProps))
108
- }));
107
+ tabIndex: null,
108
+ ...other,
109
+ children: direction === 'left' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(StartButtonIcon, {
110
+ ...startButtonIconProps
111
+ }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(EndButtonIcon, {
112
+ ...endButtonIconProps
113
+ })
114
+ });
109
115
  });
110
116
  process.env.NODE_ENV !== "production" ? TabScrollButton.propTypes /* remove-proptypes */ = {
111
117
  // ----------------------------- Warning --------------------------------
@@ -5,8 +5,6 @@ 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"));
10
8
  var React = _interopRequireWildcard(require("react"));
11
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
12
10
  var _clsx = _interopRequireDefault(require("clsx"));
@@ -16,7 +14,6 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
16
14
  var _styled = _interopRequireDefault(require("../styles/styled"));
17
15
  var _tableClasses = require("./tableClasses");
18
16
  var _jsxRuntime = require("react/jsx-runtime");
19
- const _excluded = ["className", "component", "padding", "size", "stickyHeader"];
20
17
  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
18
  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
19
  const useUtilityClasses = ownerState => {
@@ -41,19 +38,21 @@ const TableRoot = (0, _styled.default)('table', {
41
38
  })(({
42
39
  theme,
43
40
  ownerState
44
- }) => (0, _extends2.default)({
41
+ }) => ({
45
42
  display: 'table',
46
43
  width: '100%',
47
44
  borderCollapse: 'collapse',
48
45
  borderSpacing: 0,
49
- '& caption': (0, _extends2.default)({}, theme.typography.body2, {
46
+ '& caption': {
47
+ ...theme.typography.body2,
50
48
  padding: theme.spacing(2),
51
49
  color: (theme.vars || theme).palette.text.secondary,
52
50
  textAlign: 'left',
53
51
  captionSide: 'bottom'
52
+ },
53
+ ...(ownerState.stickyHeader && {
54
+ borderCollapse: 'separate'
54
55
  })
55
- }, ownerState.stickyHeader && {
56
- borderCollapse: 'separate'
57
56
  }));
58
57
  const defaultComponent = 'table';
59
58
  const Table = /*#__PURE__*/React.forwardRef(function Table(inProps, ref) {
@@ -62,19 +61,20 @@ const Table = /*#__PURE__*/React.forwardRef(function Table(inProps, ref) {
62
61
  name: 'MuiTable'
63
62
  });
64
63
  const {
65
- className,
66
- component = defaultComponent,
67
- padding = 'normal',
68
- size = 'medium',
69
- stickyHeader = false
70
- } = props,
71
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
72
- const ownerState = (0, _extends2.default)({}, props, {
64
+ className,
65
+ component = defaultComponent,
66
+ padding = 'normal',
67
+ size = 'medium',
68
+ stickyHeader = false,
69
+ ...other
70
+ } = props;
71
+ const ownerState = {
72
+ ...props,
73
73
  component,
74
74
  padding,
75
75
  size,
76
76
  stickyHeader
77
- });
77
+ };
78
78
  const classes = useUtilityClasses(ownerState);
79
79
  const table = React.useMemo(() => ({
80
80
  padding,
@@ -83,13 +83,14 @@ const Table = /*#__PURE__*/React.forwardRef(function Table(inProps, ref) {
83
83
  }), [padding, size, stickyHeader]);
84
84
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableContext.default.Provider, {
85
85
  value: table,
86
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TableRoot, (0, _extends2.default)({
86
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TableRoot, {
87
87
  as: component,
88
88
  role: component === defaultComponent ? null : 'table',
89
89
  ref: ref,
90
90
  className: (0, _clsx.default)(classes.root, className),
91
- ownerState: ownerState
92
- }, other))
91
+ ownerState: ownerState,
92
+ ...other
93
+ })
93
94
  });
94
95
  });
95
96
  process.env.NODE_ENV !== "production" ? Table.propTypes /* remove-proptypes */ = {
@@ -5,8 +5,6 @@ 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"));
10
8
  var React = _interopRequireWildcard(require("react"));
11
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
12
10
  var _clsx = _interopRequireDefault(require("clsx"));
@@ -16,7 +14,6 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
16
14
  var _styled = _interopRequireDefault(require("../styles/styled"));
17
15
  var _tableBodyClasses = require("./tableBodyClasses");
18
16
  var _jsxRuntime = require("react/jsx-runtime");
19
- const _excluded = ["className", "component"];
20
17
  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
18
  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
19
  const useUtilityClasses = ownerState => {
@@ -45,23 +42,25 @@ const TableBody = /*#__PURE__*/React.forwardRef(function TableBody(inProps, ref)
45
42
  name: 'MuiTableBody'
46
43
  });
47
44
  const {
48
- className,
49
- component = defaultComponent
50
- } = props,
51
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
52
- const ownerState = (0, _extends2.default)({}, props, {
45
+ className,
46
+ component = defaultComponent,
47
+ ...other
48
+ } = props;
49
+ const ownerState = {
50
+ ...props,
53
51
  component
54
- });
52
+ };
55
53
  const classes = useUtilityClasses(ownerState);
56
54
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tablelvl2Context.default.Provider, {
57
55
  value: tablelvl2,
58
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TableBodyRoot, (0, _extends2.default)({
56
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TableBodyRoot, {
59
57
  className: (0, _clsx.default)(classes.root, className),
60
58
  as: component,
61
59
  ref: ref,
62
60
  role: component === defaultComponent ? null : 'rowgroup',
63
- ownerState: ownerState
64
- }, other))
61
+ ownerState: ownerState,
62
+ ...other
63
+ })
65
64
  });
66
65
  });
67
66
  process.env.NODE_ENV !== "production" ? TableBody.propTypes /* remove-proptypes */ = {
@@ -5,8 +5,6 @@ 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"));
10
8
  var React = _interopRequireWildcard(require("react"));
11
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
12
10
  var _clsx = _interopRequireDefault(require("clsx"));
@@ -19,7 +17,6 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
19
17
  var _styled = _interopRequireDefault(require("../styles/styled"));
20
18
  var _tableCellClasses = _interopRequireWildcard(require("./tableCellClasses"));
21
19
  var _jsxRuntime = require("react/jsx-runtime");
22
- const _excluded = ["align", "className", "component", "padding", "scope", "size", "sortDirection", "variant"];
23
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); }
24
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; }
25
22
  const useUtilityClasses = ownerState => {
@@ -48,7 +45,8 @@ const TableCellRoot = (0, _styled.default)('td', {
48
45
  })(({
49
46
  theme,
50
47
  ownerState
51
- }) => (0, _extends2.default)({}, theme.typography.body2, {
48
+ }) => ({
49
+ ...theme.typography.body2,
52
50
  display: 'table-cell',
53
51
  verticalAlign: 'inherit',
54
52
  // Workaround for a rendering bug with spanned columns in Chrome 62.0.
@@ -56,47 +54,58 @@ const TableCellRoot = (0, _styled.default)('td', {
56
54
  borderBottom: theme.vars ? `1px solid ${theme.vars.palette.TableCell.border}` : `1px solid
57
55
  ${theme.palette.mode === 'light' ? (0, _system.lighten)((0, _system.alpha)(theme.palette.divider, 1), 0.88) : (0, _system.darken)((0, _system.alpha)(theme.palette.divider, 1), 0.68)}`,
58
56
  textAlign: 'left',
59
- padding: 16
60
- }, ownerState.variant === 'head' && {
61
- color: (theme.vars || theme).palette.text.primary,
62
- lineHeight: theme.typography.pxToRem(24),
63
- fontWeight: theme.typography.fontWeightMedium
64
- }, ownerState.variant === 'body' && {
65
- color: (theme.vars || theme).palette.text.primary
66
- }, ownerState.variant === 'footer' && {
67
- color: (theme.vars || theme).palette.text.secondary,
68
- lineHeight: theme.typography.pxToRem(21),
69
- fontSize: theme.typography.pxToRem(12)
70
- }, ownerState.size === 'small' && {
71
- padding: '6px 16px',
72
- [`&.${_tableCellClasses.default.paddingCheckbox}`]: {
73
- width: 24,
74
- // prevent the checkbox column from growing
75
- padding: '0 12px 0 16px',
76
- '& > *': {
77
- padding: 0
57
+ padding: 16,
58
+ ...(ownerState.variant === 'head' && {
59
+ color: (theme.vars || theme).palette.text.primary,
60
+ lineHeight: theme.typography.pxToRem(24),
61
+ fontWeight: theme.typography.fontWeightMedium
62
+ }),
63
+ ...(ownerState.variant === 'body' && {
64
+ color: (theme.vars || theme).palette.text.primary
65
+ }),
66
+ ...(ownerState.variant === 'footer' && {
67
+ color: (theme.vars || theme).palette.text.secondary,
68
+ lineHeight: theme.typography.pxToRem(21),
69
+ fontSize: theme.typography.pxToRem(12)
70
+ }),
71
+ ...(ownerState.size === 'small' && {
72
+ padding: '6px 16px',
73
+ [`&.${_tableCellClasses.default.paddingCheckbox}`]: {
74
+ width: 24,
75
+ // prevent the checkbox column from growing
76
+ padding: '0 12px 0 16px',
77
+ '& > *': {
78
+ padding: 0
79
+ }
78
80
  }
79
- }
80
- }, ownerState.padding === 'checkbox' && {
81
- width: 48,
82
- // prevent the checkbox column from growing
83
- padding: '0 0 0 4px'
84
- }, ownerState.padding === 'none' && {
85
- padding: 0
86
- }, ownerState.align === 'left' && {
87
- textAlign: 'left'
88
- }, ownerState.align === 'center' && {
89
- textAlign: 'center'
90
- }, ownerState.align === 'right' && {
91
- textAlign: 'right',
92
- flexDirection: 'row-reverse'
93
- }, ownerState.align === 'justify' && {
94
- textAlign: 'justify'
95
- }, ownerState.stickyHeader && {
96
- position: 'sticky',
97
- top: 0,
98
- zIndex: 2,
99
- backgroundColor: (theme.vars || theme).palette.background.default
81
+ }),
82
+ ...(ownerState.padding === 'checkbox' && {
83
+ width: 48,
84
+ // prevent the checkbox column from growing
85
+ padding: '0 0 0 4px'
86
+ }),
87
+ ...(ownerState.padding === 'none' && {
88
+ padding: 0
89
+ }),
90
+ ...(ownerState.align === 'left' && {
91
+ textAlign: 'left'
92
+ }),
93
+ ...(ownerState.align === 'center' && {
94
+ textAlign: 'center'
95
+ }),
96
+ ...(ownerState.align === 'right' && {
97
+ textAlign: 'right',
98
+ flexDirection: 'row-reverse'
99
+ }),
100
+ ...(ownerState.align === 'justify' && {
101
+ textAlign: 'justify'
102
+ }),
103
+ ...(ownerState.stickyHeader && {
104
+ position: 'sticky',
105
+ top: 0,
106
+ zIndex: 2,
107
+ backgroundColor: (theme.vars || theme).palette.background.default
108
+ })
100
109
  }));
101
110
 
102
111
  /**
@@ -109,16 +118,16 @@ const TableCell = /*#__PURE__*/React.forwardRef(function TableCell(inProps, ref)
109
118
  name: 'MuiTableCell'
110
119
  });
111
120
  const {
112
- align = 'inherit',
113
- className,
114
- component: componentProp,
115
- padding: paddingProp,
116
- scope: scopeProp,
117
- size: sizeProp,
118
- sortDirection,
119
- variant: variantProp
120
- } = props,
121
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
121
+ align = 'inherit',
122
+ className,
123
+ component: componentProp,
124
+ padding: paddingProp,
125
+ scope: scopeProp,
126
+ size: sizeProp,
127
+ sortDirection,
128
+ variant: variantProp,
129
+ ...other
130
+ } = props;
122
131
  const table = React.useContext(_TableContext.default);
123
132
  const tablelvl2 = React.useContext(_Tablelvl2Context.default);
124
133
  const isHeadCell = tablelvl2 && tablelvl2.variant === 'head';
@@ -137,7 +146,8 @@ const TableCell = /*#__PURE__*/React.forwardRef(function TableCell(inProps, ref)
137
146
  scope = 'col';
138
147
  }
139
148
  const variant = variantProp || tablelvl2 && tablelvl2.variant;
140
- const ownerState = (0, _extends2.default)({}, props, {
149
+ const ownerState = {
150
+ ...props,
141
151
  align,
142
152
  component,
143
153
  padding: paddingProp || (table && table.padding ? table.padding : 'normal'),
@@ -145,20 +155,21 @@ const TableCell = /*#__PURE__*/React.forwardRef(function TableCell(inProps, ref)
145
155
  sortDirection,
146
156
  stickyHeader: variant === 'head' && table && table.stickyHeader,
147
157
  variant
148
- });
158
+ };
149
159
  const classes = useUtilityClasses(ownerState);
150
160
  let ariaSort = null;
151
161
  if (sortDirection) {
152
162
  ariaSort = sortDirection === 'asc' ? 'ascending' : 'descending';
153
163
  }
154
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(TableCellRoot, (0, _extends2.default)({
164
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(TableCellRoot, {
155
165
  as: component,
156
166
  ref: ref,
157
167
  className: (0, _clsx.default)(classes.root, className),
158
168
  "aria-sort": ariaSort,
159
169
  scope: scope,
160
- ownerState: ownerState
161
- }, other));
170
+ ownerState: ownerState,
171
+ ...other
172
+ });
162
173
  });
163
174
  process.env.NODE_ENV !== "production" ? TableCell.propTypes /* remove-proptypes */ = {
164
175
  // ----------------------------- Warning --------------------------------
@@ -5,8 +5,6 @@ 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"));
10
8
  var React = _interopRequireWildcard(require("react"));
11
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
12
10
  var _clsx = _interopRequireDefault(require("clsx"));
@@ -15,7 +13,6 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
15
13
  var _styled = _interopRequireDefault(require("../styles/styled"));
16
14
  var _tableContainerClasses = require("./tableContainerClasses");
17
15
  var _jsxRuntime = require("react/jsx-runtime");
18
- const _excluded = ["className", "component"];
19
16
  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
17
  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
18
  const useUtilityClasses = ownerState => {
@@ -41,20 +38,22 @@ const TableContainer = /*#__PURE__*/React.forwardRef(function TableContainer(inP
41
38
  name: 'MuiTableContainer'
42
39
  });
43
40
  const {
44
- className,
45
- component = 'div'
46
- } = props,
47
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
48
- const ownerState = (0, _extends2.default)({}, props, {
41
+ className,
42
+ component = 'div',
43
+ ...other
44
+ } = props;
45
+ const ownerState = {
46
+ ...props,
49
47
  component
50
- });
48
+ };
51
49
  const classes = useUtilityClasses(ownerState);
52
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(TableContainerRoot, (0, _extends2.default)({
50
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(TableContainerRoot, {
53
51
  ref: ref,
54
52
  as: component,
55
53
  className: (0, _clsx.default)(classes.root, className),
56
- ownerState: ownerState
57
- }, other));
54
+ ownerState: ownerState,
55
+ ...other
56
+ });
58
57
  });
59
58
  process.env.NODE_ENV !== "production" ? TableContainer.propTypes /* remove-proptypes */ = {
60
59
  // ----------------------------- Warning --------------------------------
@@ -5,8 +5,6 @@ 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"));
10
8
  var React = _interopRequireWildcard(require("react"));
11
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
12
10
  var _clsx = _interopRequireDefault(require("clsx"));
@@ -16,7 +14,6 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
16
14
  var _styled = _interopRequireDefault(require("../styles/styled"));
17
15
  var _tableFooterClasses = require("./tableFooterClasses");
18
16
  var _jsxRuntime = require("react/jsx-runtime");
19
- const _excluded = ["className", "component"];
20
17
  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
18
  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
19
  const useUtilityClasses = ownerState => {
@@ -45,23 +42,25 @@ const TableFooter = /*#__PURE__*/React.forwardRef(function TableFooter(inProps,
45
42
  name: 'MuiTableFooter'
46
43
  });
47
44
  const {
48
- className,
49
- component = defaultComponent
50
- } = props,
51
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
52
- const ownerState = (0, _extends2.default)({}, props, {
45
+ className,
46
+ component = defaultComponent,
47
+ ...other
48
+ } = props;
49
+ const ownerState = {
50
+ ...props,
53
51
  component
54
- });
52
+ };
55
53
  const classes = useUtilityClasses(ownerState);
56
54
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tablelvl2Context.default.Provider, {
57
55
  value: tablelvl2,
58
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TableFooterRoot, (0, _extends2.default)({
56
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TableFooterRoot, {
59
57
  as: component,
60
58
  className: (0, _clsx.default)(classes.root, className),
61
59
  ref: ref,
62
60
  role: component === defaultComponent ? null : 'rowgroup',
63
- ownerState: ownerState
64
- }, other))
61
+ ownerState: ownerState,
62
+ ...other
63
+ })
65
64
  });
66
65
  });
67
66
  process.env.NODE_ENV !== "production" ? TableFooter.propTypes /* remove-proptypes */ = {
@@ -5,8 +5,6 @@ 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"));
10
8
  var React = _interopRequireWildcard(require("react"));
11
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
12
10
  var _clsx = _interopRequireDefault(require("clsx"));
@@ -16,7 +14,6 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
16
14
  var _styled = _interopRequireDefault(require("../styles/styled"));
17
15
  var _tableHeadClasses = require("./tableHeadClasses");
18
16
  var _jsxRuntime = require("react/jsx-runtime");
19
- const _excluded = ["className", "component"];
20
17
  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
18
  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
19
  const useUtilityClasses = ownerState => {
@@ -45,23 +42,25 @@ const TableHead = /*#__PURE__*/React.forwardRef(function TableHead(inProps, ref)
45
42
  name: 'MuiTableHead'
46
43
  });
47
44
  const {
48
- className,
49
- component = defaultComponent
50
- } = props,
51
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
52
- const ownerState = (0, _extends2.default)({}, props, {
45
+ className,
46
+ component = defaultComponent,
47
+ ...other
48
+ } = props;
49
+ const ownerState = {
50
+ ...props,
53
51
  component
54
- });
52
+ };
55
53
  const classes = useUtilityClasses(ownerState);
56
54
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tablelvl2Context.default.Provider, {
57
55
  value: tablelvl2,
58
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TableHeadRoot, (0, _extends2.default)({
56
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TableHeadRoot, {
59
57
  as: component,
60
58
  className: (0, _clsx.default)(classes.root, className),
61
59
  ref: ref,
62
60
  role: component === defaultComponent ? null : 'rowgroup',
63
- ownerState: ownerState
64
- }, other))
61
+ ownerState: ownerState,
62
+ ...other
63
+ })
65
64
  });
66
65
  });
67
66
  process.env.NODE_ENV !== "production" ? TableHead.propTypes /* remove-proptypes */ = {