@mui/lab 5.0.0-alpha.158 → 5.0.0-alpha.159

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 (226) hide show
  1. package/Alert/Alert.js +2 -0
  2. package/AlertTitle/AlertTitle.js +2 -0
  3. package/Autocomplete/Autocomplete.js +2 -0
  4. package/AvatarGroup/AvatarGroup.js +2 -0
  5. package/CHANGELOG.md +75 -5
  6. package/CalendarPicker/CalendarPicker.js +2 -0
  7. package/CalendarPickerSkeleton/CalendarPickerSkeleton.js +2 -0
  8. package/ClockPicker/ClockPicker.js +2 -0
  9. package/DatePicker/DatePicker.js +2 -0
  10. package/DateTimePicker/DateTimePicker.js +2 -0
  11. package/DesktopDatePicker/DesktopDatePicker.js +2 -0
  12. package/DesktopDateTimePicker/DesktopDateTimePicker.js +2 -0
  13. package/DesktopTimePicker/DesktopTimePicker.js +2 -0
  14. package/LoadingButton/LoadingButton.js +2 -0
  15. package/LocalizationProvider/LocalizationProvider.js +2 -0
  16. package/Masonry/Masonry.js +2 -0
  17. package/MobileDatePicker/MobileDatePicker.js +2 -0
  18. package/MobileDateTimePicker/MobileDateTimePicker.js +2 -0
  19. package/MobileTimePicker/MobileTimePicker.js +2 -0
  20. package/MonthPicker/MonthPicker.js +2 -0
  21. package/Pagination/Pagination.js +2 -0
  22. package/Pagination/usePagination.js +2 -0
  23. package/PaginationItem/PaginationItem.js +2 -0
  24. package/PickersDay/PickersDay.js +2 -0
  25. package/Rating/Rating.js +2 -0
  26. package/Skeleton/Skeleton.js +2 -0
  27. package/SpeedDial/SpeedDial.js +2 -0
  28. package/SpeedDialAction/SpeedDialAction.js +2 -0
  29. package/SpeedDialIcon/SpeedDialIcon.js +2 -0
  30. package/StaticDatePicker/StaticDatePicker.js +2 -0
  31. package/StaticDateTimePicker/StaticDateTimePicker.js +2 -0
  32. package/StaticTimePicker/StaticTimePicker.js +2 -0
  33. package/TabContext/TabContext.js +2 -0
  34. package/TabList/TabList.js +2 -0
  35. package/TabPanel/TabPanel.js +2 -0
  36. package/TimePicker/TimePicker.js +2 -0
  37. package/Timeline/Timeline.js +2 -0
  38. package/TimelineConnector/TimelineConnector.js +2 -0
  39. package/TimelineContent/TimelineContent.js +2 -0
  40. package/TimelineDot/TimelineDot.js +2 -0
  41. package/TimelineItem/TimelineItem.js +2 -0
  42. package/TimelineOppositeContent/TimelineOppositeContent.js +2 -0
  43. package/TimelineSeparator/TimelineSeparator.js +2 -0
  44. package/ToggleButton/ToggleButton.js +2 -0
  45. package/ToggleButtonGroup/ToggleButtonGroup.js +2 -0
  46. package/TreeItem/TreeItem.js +2 -0
  47. package/TreeView/TreeView.js +2 -0
  48. package/YearPicker/YearPicker.js +2 -1
  49. package/index.js +1 -1
  50. package/internal/svg-icons/ArrowDropDown.js +2 -0
  51. package/internal/svg-icons/ArrowLeft.js +2 -0
  52. package/internal/svg-icons/ArrowRight.js +2 -0
  53. package/internal/svg-icons/Calendar.js +2 -0
  54. package/internal/svg-icons/Clock.js +2 -0
  55. package/internal/svg-icons/DateRange.js +2 -0
  56. package/internal/svg-icons/Pen.js +2 -0
  57. package/internal/svg-icons/Time.js +2 -0
  58. package/legacy/Alert/Alert.js +2 -0
  59. package/legacy/AlertTitle/AlertTitle.js +2 -0
  60. package/legacy/Autocomplete/Autocomplete.js +2 -0
  61. package/legacy/AvatarGroup/AvatarGroup.js +2 -0
  62. package/legacy/CalendarPicker/CalendarPicker.js +2 -0
  63. package/legacy/CalendarPickerSkeleton/CalendarPickerSkeleton.js +2 -0
  64. package/legacy/ClockPicker/ClockPicker.js +2 -0
  65. package/legacy/DatePicker/DatePicker.js +2 -0
  66. package/legacy/DateTimePicker/DateTimePicker.js +2 -0
  67. package/legacy/DesktopDatePicker/DesktopDatePicker.js +2 -0
  68. package/legacy/DesktopDateTimePicker/DesktopDateTimePicker.js +2 -0
  69. package/legacy/DesktopTimePicker/DesktopTimePicker.js +2 -0
  70. package/legacy/LoadingButton/LoadingButton.js +2 -0
  71. package/legacy/LocalizationProvider/LocalizationProvider.js +2 -0
  72. package/legacy/Masonry/Masonry.js +2 -0
  73. package/legacy/MobileDatePicker/MobileDatePicker.js +2 -0
  74. package/legacy/MobileDateTimePicker/MobileDateTimePicker.js +2 -0
  75. package/legacy/MobileTimePicker/MobileTimePicker.js +2 -0
  76. package/legacy/MonthPicker/MonthPicker.js +2 -0
  77. package/legacy/Pagination/Pagination.js +2 -0
  78. package/legacy/Pagination/usePagination.js +2 -0
  79. package/legacy/PaginationItem/PaginationItem.js +2 -0
  80. package/legacy/PickersDay/PickersDay.js +2 -0
  81. package/legacy/Rating/Rating.js +2 -0
  82. package/legacy/Skeleton/Skeleton.js +2 -0
  83. package/legacy/SpeedDial/SpeedDial.js +2 -0
  84. package/legacy/SpeedDialAction/SpeedDialAction.js +2 -0
  85. package/legacy/SpeedDialIcon/SpeedDialIcon.js +2 -0
  86. package/legacy/StaticDatePicker/StaticDatePicker.js +2 -0
  87. package/legacy/StaticDateTimePicker/StaticDateTimePicker.js +2 -0
  88. package/legacy/StaticTimePicker/StaticTimePicker.js +2 -0
  89. package/legacy/TabContext/TabContext.js +2 -0
  90. package/legacy/TabList/TabList.js +2 -0
  91. package/legacy/TabPanel/TabPanel.js +2 -0
  92. package/legacy/TimePicker/TimePicker.js +2 -0
  93. package/legacy/Timeline/Timeline.js +2 -0
  94. package/legacy/TimelineConnector/TimelineConnector.js +2 -0
  95. package/legacy/TimelineContent/TimelineContent.js +2 -0
  96. package/legacy/TimelineDot/TimelineDot.js +2 -0
  97. package/legacy/TimelineItem/TimelineItem.js +2 -0
  98. package/legacy/TimelineOppositeContent/TimelineOppositeContent.js +2 -0
  99. package/legacy/TimelineSeparator/TimelineSeparator.js +2 -0
  100. package/legacy/ToggleButton/ToggleButton.js +2 -0
  101. package/legacy/ToggleButtonGroup/ToggleButtonGroup.js +2 -0
  102. package/legacy/TreeItem/TreeItem.js +2 -0
  103. package/legacy/TreeView/TreeView.js +2 -0
  104. package/legacy/YearPicker/YearPicker.js +2 -1
  105. package/legacy/index.js +1 -1
  106. package/legacy/internal/svg-icons/ArrowDropDown.js +2 -0
  107. package/legacy/internal/svg-icons/ArrowLeft.js +2 -0
  108. package/legacy/internal/svg-icons/ArrowRight.js +2 -0
  109. package/legacy/internal/svg-icons/Calendar.js +2 -0
  110. package/legacy/internal/svg-icons/Clock.js +2 -0
  111. package/legacy/internal/svg-icons/DateRange.js +2 -0
  112. package/legacy/internal/svg-icons/Pen.js +2 -0
  113. package/legacy/internal/svg-icons/Time.js +2 -0
  114. package/modern/Alert/Alert.js +2 -0
  115. package/modern/AlertTitle/AlertTitle.js +2 -0
  116. package/modern/Autocomplete/Autocomplete.js +2 -0
  117. package/modern/AvatarGroup/AvatarGroup.js +2 -0
  118. package/modern/CalendarPicker/CalendarPicker.js +2 -0
  119. package/modern/CalendarPickerSkeleton/CalendarPickerSkeleton.js +2 -0
  120. package/modern/ClockPicker/ClockPicker.js +2 -0
  121. package/modern/DatePicker/DatePicker.js +2 -0
  122. package/modern/DateTimePicker/DateTimePicker.js +2 -0
  123. package/modern/DesktopDatePicker/DesktopDatePicker.js +2 -0
  124. package/modern/DesktopDateTimePicker/DesktopDateTimePicker.js +2 -0
  125. package/modern/DesktopTimePicker/DesktopTimePicker.js +2 -0
  126. package/modern/LoadingButton/LoadingButton.js +2 -0
  127. package/modern/LocalizationProvider/LocalizationProvider.js +2 -0
  128. package/modern/Masonry/Masonry.js +2 -0
  129. package/modern/MobileDatePicker/MobileDatePicker.js +2 -0
  130. package/modern/MobileDateTimePicker/MobileDateTimePicker.js +2 -0
  131. package/modern/MobileTimePicker/MobileTimePicker.js +2 -0
  132. package/modern/MonthPicker/MonthPicker.js +2 -0
  133. package/modern/Pagination/Pagination.js +2 -0
  134. package/modern/Pagination/usePagination.js +2 -0
  135. package/modern/PaginationItem/PaginationItem.js +2 -0
  136. package/modern/PickersDay/PickersDay.js +2 -0
  137. package/modern/Rating/Rating.js +2 -0
  138. package/modern/Skeleton/Skeleton.js +2 -0
  139. package/modern/SpeedDial/SpeedDial.js +2 -0
  140. package/modern/SpeedDialAction/SpeedDialAction.js +2 -0
  141. package/modern/SpeedDialIcon/SpeedDialIcon.js +2 -0
  142. package/modern/StaticDatePicker/StaticDatePicker.js +2 -0
  143. package/modern/StaticDateTimePicker/StaticDateTimePicker.js +2 -0
  144. package/modern/StaticTimePicker/StaticTimePicker.js +2 -0
  145. package/modern/TabContext/TabContext.js +2 -0
  146. package/modern/TabList/TabList.js +2 -0
  147. package/modern/TabPanel/TabPanel.js +2 -0
  148. package/modern/TimePicker/TimePicker.js +2 -0
  149. package/modern/Timeline/Timeline.js +2 -0
  150. package/modern/TimelineConnector/TimelineConnector.js +2 -0
  151. package/modern/TimelineContent/TimelineContent.js +2 -0
  152. package/modern/TimelineDot/TimelineDot.js +2 -0
  153. package/modern/TimelineItem/TimelineItem.js +2 -0
  154. package/modern/TimelineOppositeContent/TimelineOppositeContent.js +2 -0
  155. package/modern/TimelineSeparator/TimelineSeparator.js +2 -0
  156. package/modern/ToggleButton/ToggleButton.js +2 -0
  157. package/modern/ToggleButtonGroup/ToggleButtonGroup.js +2 -0
  158. package/modern/TreeItem/TreeItem.js +2 -0
  159. package/modern/TreeView/TreeView.js +2 -0
  160. package/modern/YearPicker/YearPicker.js +2 -1
  161. package/modern/index.js +1 -1
  162. package/modern/internal/svg-icons/ArrowDropDown.js +2 -0
  163. package/modern/internal/svg-icons/ArrowLeft.js +2 -0
  164. package/modern/internal/svg-icons/ArrowRight.js +2 -0
  165. package/modern/internal/svg-icons/Calendar.js +2 -0
  166. package/modern/internal/svg-icons/Clock.js +2 -0
  167. package/modern/internal/svg-icons/DateRange.js +2 -0
  168. package/modern/internal/svg-icons/Pen.js +2 -0
  169. package/modern/internal/svg-icons/Time.js +2 -0
  170. package/node/Alert/Alert.js +1 -0
  171. package/node/AlertTitle/AlertTitle.js +1 -0
  172. package/node/Autocomplete/Autocomplete.js +1 -0
  173. package/node/AvatarGroup/AvatarGroup.js +1 -0
  174. package/node/CalendarPicker/CalendarPicker.js +2 -2
  175. package/node/CalendarPickerSkeleton/CalendarPickerSkeleton.js +2 -2
  176. package/node/ClockPicker/ClockPicker.js +2 -2
  177. package/node/DatePicker/DatePicker.js +2 -2
  178. package/node/DateTimePicker/DateTimePicker.js +2 -2
  179. package/node/DesktopDatePicker/DesktopDatePicker.js +2 -2
  180. package/node/DesktopDateTimePicker/DesktopDateTimePicker.js +2 -2
  181. package/node/DesktopTimePicker/DesktopTimePicker.js +2 -2
  182. package/node/LoadingButton/LoadingButton.js +1 -0
  183. package/node/LocalizationProvider/LocalizationProvider.js +1 -0
  184. package/node/Masonry/Masonry.js +1 -0
  185. package/node/MobileDatePicker/MobileDatePicker.js +2 -2
  186. package/node/MobileDateTimePicker/MobileDateTimePicker.js +2 -2
  187. package/node/MobileTimePicker/MobileTimePicker.js +2 -2
  188. package/node/MonthPicker/MonthPicker.js +2 -2
  189. package/node/Pagination/Pagination.js +1 -0
  190. package/node/Pagination/usePagination.js +1 -0
  191. package/node/PaginationItem/PaginationItem.js +1 -0
  192. package/node/PickersDay/PickersDay.js +2 -2
  193. package/node/Rating/Rating.js +1 -0
  194. package/node/Skeleton/Skeleton.js +1 -0
  195. package/node/SpeedDial/SpeedDial.js +1 -0
  196. package/node/SpeedDialAction/SpeedDialAction.js +1 -0
  197. package/node/SpeedDialIcon/SpeedDialIcon.js +1 -0
  198. package/node/StaticDatePicker/StaticDatePicker.js +2 -2
  199. package/node/StaticDateTimePicker/StaticDateTimePicker.js +2 -2
  200. package/node/StaticTimePicker/StaticTimePicker.js +2 -2
  201. package/node/TabContext/TabContext.js +1 -0
  202. package/node/TabList/TabList.js +1 -0
  203. package/node/TabPanel/TabPanel.js +1 -0
  204. package/node/TimePicker/TimePicker.js +2 -2
  205. package/node/Timeline/Timeline.js +1 -0
  206. package/node/TimelineConnector/TimelineConnector.js +1 -0
  207. package/node/TimelineContent/TimelineContent.js +1 -0
  208. package/node/TimelineDot/TimelineDot.js +1 -0
  209. package/node/TimelineItem/TimelineItem.js +1 -0
  210. package/node/TimelineOppositeContent/TimelineOppositeContent.js +1 -0
  211. package/node/TimelineSeparator/TimelineSeparator.js +1 -0
  212. package/node/ToggleButton/ToggleButton.js +1 -0
  213. package/node/ToggleButtonGroup/ToggleButtonGroup.js +1 -0
  214. package/node/TreeItem/TreeItem.js +1 -0
  215. package/node/TreeView/TreeView.js +2 -2
  216. package/node/YearPicker/YearPicker.js +2 -2
  217. package/node/index.js +1 -1
  218. package/node/internal/svg-icons/ArrowDropDown.js +1 -0
  219. package/node/internal/svg-icons/ArrowLeft.js +1 -0
  220. package/node/internal/svg-icons/ArrowRight.js +1 -0
  221. package/node/internal/svg-icons/Calendar.js +1 -0
  222. package/node/internal/svg-icons/Clock.js +1 -0
  223. package/node/internal/svg-icons/DateRange.js +1 -0
  224. package/node/internal/svg-icons/Pen.js +1 -0
  225. package/node/internal/svg-icons/Time.js +1 -0
  226. package/package.json +5 -5
package/Alert/Alert.js CHANGED
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _extends from "@babel/runtime/helpers/esm/extends";
2
4
  import * as React from 'react';
3
5
  import Alert from '@mui/material/Alert';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _extends from "@babel/runtime/helpers/esm/extends";
2
4
  import * as React from 'react';
3
5
  import AlertTitle from '@mui/material/AlertTitle';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _extends from "@babel/runtime/helpers/esm/extends";
2
4
  import * as React from 'react';
3
5
  import Autocomplete from '@mui/material/Autocomplete';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _extends from "@babel/runtime/helpers/esm/extends";
2
4
  import * as React from 'react';
3
5
  import AvatarGroup from '@mui/material/AvatarGroup';
package/CHANGELOG.md CHANGED
@@ -1,5 +1,75 @@
1
1
  # [Versions](https://mui.com/versions/)
2
2
 
3
+ ## 5.15.3
4
+
5
+ <!-- generated comparing v5.15.2..master -->
6
+
7
+ _Jan 3, 2024_
8
+
9
+ A big thanks to the 11 contributors who made this release possible.
10
+ This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
11
+
12
+ ### `@mui/material-nextjs@5.15.3`
13
+
14
+ - &#8203;<!-- 06 -->[material-nextjs] Fix order of emotion server (#40409) @siriwatknp
15
+
16
+ ### `@mui/base@5.0.0-beta.30`
17
+
18
+ - &#8203;<!-- 40 -->[useSlider] Rearrange passive option in eventlisteners (#40235) @Kamino0
19
+
20
+ ### `@mui/lab@5.0.0-alpha.159`
21
+
22
+ - &#8203;<!-- 14 -->Add use client directive (#40358) @DiegoAndai
23
+
24
+ ### `@mui/material-next@6.0.0-alpha.116`
25
+
26
+ - &#8203;<!-- 13 -->[List] Copy all List\* components to material-next package (#40367) @sai6855
27
+ - &#8203;<!-- 12 -->Update CONTRIBUTING guide given v6/v7 rescheduling (#40363) @DiegoAndai
28
+ - &#8203;<!-- 11 -->[MenuItem] Fix spec import (#40271) @DiegoAndai
29
+ - &#8203;<!-- 10 -->[Option] Add Option component (#40270) @DiegoAndai
30
+ - &#8203;<!-- 09 -->[Slider] Replace lodash with internal utils (#40261) @DiegoAndai
31
+ - &#8203;<!-- 08 -->[Switch] Change files to TypeScript (#39894) @lhilgert9
32
+ - &#8203;<!-- 07 -->[theme] Move ref palette out of color schemes (#40341) @DiegoAndai
33
+
34
+ ### Docs
35
+
36
+ - &#8203;<!-- 41 -->[base-ui] Polish the Table Pagination demos (#40281) @danilo-leal
37
+ - &#8203;<!-- 22 -->[joy-ui] Fix dashboard template console errors (#40316) @oliviertassinari
38
+ - &#8203;<!-- 21 -->[joy-ui] Fix image size on the Files template (#40315) @oliviertassinari
39
+ - &#8203;<!-- 20 -->[material-ui] Revise the Divider page (#40356) @danilo-leal
40
+ - &#8203;<!-- 19 -->[material-ui] Polish the Next.js integration page (#40317) @oliviertassinari
41
+ - &#8203;<!-- 18 -->[material-ui] Adding autoFocus on Virtual Popover (#40239) @aacevski
42
+ - &#8203;<!-- 17 -->[material-ui] Revise the Roadmap page (#40054) @danilo-leal
43
+ - &#8203;<!-- 16 -->[material-ui] Update the "showing and hiding" section on the Tooltip page (#40283) @anle9650
44
+ - &#8203;<!-- 05 -->[material-ui] Fix Slider's customized iOS demo to use updated official colors (#39813) @Super-Kenil
45
+ - &#8203;<!-- 15 -->[examples] Simplify Next.js example (#40318) @oliviertassinari
46
+
47
+ ### Core
48
+
49
+ - &#8203;<!-- 39 -->[blog] Update open-graph cards for all posts (#40328) @danilo-leal
50
+ - &#8203;<!-- 38 -->[blog] Correct git diff @oliviertassinari
51
+ - &#8203;<!-- 37 -->[code-infra] Update lerna and unpin its version (#40399) @michaldudak
52
+ - &#8203;<!-- 36 -->[code-infra] Break package dependency cycle between @mui/material and @mui/icons-material (#40400) @michaldudak
53
+ - &#8203;<!-- 35 -->[code-infra] Break package dependency cycles (#40398) @michaldudak
54
+ - &#8203;<!-- 34 -->[code-infra] Sync bug issue template (#40305) @oliviertassinari
55
+ - &#8203;<!-- 33 -->[docs] Fix 301 link to Base UI (#40396) @oliviertassinari
56
+ - &#8203;<!-- 32 -->[docs] Link new MUI X components in sidnav (#40345) @oliviertassinari
57
+ - &#8203;<!-- 31 -->[docs] Fix 301 links to Toolpad @oliviertassinari
58
+ - &#8203;<!-- 30 -->[docs] Remove old notifications @oliviertassinari
59
+ - &#8203;<!-- 29 -->[docs] Always mention the npm tag with npx (#40335) @oliviertassinari
60
+ - &#8203;<!-- 28 -->[docs] Reduce network use on the All Components pages (#40313) @oliviertassinari
61
+ - &#8203;<!-- 27 -->[docs-infra] Fix missing button aria-label (#40394) @oliviertassinari
62
+ - &#8203;<!-- 26 -->[docs-infra] Fix a11y violation rule (#40393) @oliviertassinari
63
+ - &#8203;<!-- 25 -->[docs-infra] Prefetch pages on hover (#40314) @oliviertassinari
64
+ - &#8203;<!-- 24 -->[docs-infra] Fix footer links to link to the main domain (#40373) @oliviertassinari
65
+ - &#8203;<!-- 23 -->[docs-infra] Add stray design adjustments (#40347) @danilo-leal
66
+ - &#8203;<!-- 04 -->[website] Fix Base UI page's component section imports & styles (#40231) @danilo-leal
67
+ - &#8203;<!-- 03 -->[website] Fix outdated Nhost image link @oliviertassinari
68
+ - &#8203;<!-- 02 -->[website] Shorten Joy UI description, 7 chars too long @oliviertassinari
69
+ - &#8203;<!-- 01 -->[website] Update some social preview images (#40282) @danilo-leal
70
+
71
+ All contributors of this release in alphabetical order: @aacevski, @anle9650, @danilo-leal, @DiegoAndai, @Kamino0, @lhilgert9, @michaldudak, @oliviertassinari, @sai6855, @siriwatknp, @Super-Kenil
72
+
3
73
  ## 5.15.2
4
74
 
5
75
  <!-- generated comparing v5.15.1..master -->
@@ -11,12 +81,12 @@ A big thanks to the 13 contributors who made this release possible. Here are som
11
81
  - 🚀 Added support for callbacks in the [variant's props definition](https://mui.com/material-ui/customization/theme-components/#creating-new-component-variants) (#40094) @mnajdova
12
82
  - 💫 Published a [blogpost](https://mui.com/blog/2023-material-ui-v6-and-beyond/) for the 2024's plan about Material UI
13
83
 
14
- ### `@mui/material@5.15.1`
84
+ ### `@mui/material@5.15.2`
15
85
 
16
86
  - &#8203;<!-- 31 -->[Badge] Use the variants API in the styled call (#40213) @mnajdova
17
87
  - &#8203;<!-- 04 -->[Paper] Add missing Paper classes descriptions (#40300) @sai6855
18
88
 
19
- ### `@mui/system@5.15.1`
89
+ ### `@mui/system@5.15.2`
20
90
 
21
91
  - &#8203;<!-- 03 -->Support props callback in the variant's definition (#40094) @mnajdova
22
92
 
@@ -1369,7 +1439,7 @@ A big thanks to the 18 contributors who made this release possible. Here are som
1369
1439
  A codemod is provided to help with the migration:
1370
1440
 
1371
1441
  ```bash
1372
- npx @mui/codemod v5.0.0/base-use-named-exports <path>
1442
+ npx @mui/codemod@latest v5.0.0/base-use-named-exports <path>
1373
1443
  ```
1374
1444
 
1375
1445
  #### Changes
@@ -2251,7 +2321,7 @@ A big thanks to the 18 contributors who made this release possible. Here are som
2251
2321
  There is codemod that you can run in your project to do the transformation:
2252
2322
 
2253
2323
  ```bash
2254
- npx @mui/codemod v5.0.0/base-remove-component-prop <path>
2324
+ npx @mui/codemod@latest v5.0.0/base-remove-component-prop <path>
2255
2325
  ```
2256
2326
 
2257
2327
  The full documentation about the codemod can be found [here](https://github.com/mui/material-ui/blob/master/packages/mui-codemod/README.md#base-remove-component-prop).
@@ -2350,7 +2420,7 @@ A big thanks to the 12 contributors who made this release possible. Here are som
2350
2420
  You can use this [codemod](https://github.com/mui/material-ui/blob/master/packages/mui-codemod/src/v5.0.0/base-remove-unstyled-suffix.js) to help with the migration:
2351
2421
 
2352
2422
  ```bash
2353
- npx @mui/codemod v5.0.0/base-remove-unstyled-suffix <path>
2423
+ npx @mui/codemod@latest v5.0.0/base-remove-unstyled-suffix <path>
2354
2424
  ```
2355
2425
 
2356
2426
  #### Changes
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  /* eslint-disable @typescript-eslint/no-unused-vars */
2
4
  import * as React from 'react';
3
5
  let warnedOnce = false;
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  /* eslint-disable @typescript-eslint/no-unused-vars */
2
4
  import * as React from 'react';
3
5
  let warnedOnce = false;
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  /* eslint-disable @typescript-eslint/no-unused-vars */
2
4
  import * as React from 'react';
3
5
  let warnedOnce = false;
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  /* eslint-disable @typescript-eslint/no-unused-vars */
2
4
  import * as React from 'react';
3
5
  let warnedOnce = false;
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  /* eslint-disable @typescript-eslint/no-unused-vars */
2
4
  import * as React from 'react';
3
5
  let warnedOnce = false;
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  /* eslint-disable @typescript-eslint/no-unused-vars */
2
4
  import * as React from 'react';
3
5
  let warnedOnce = false;
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  /* eslint-disable @typescript-eslint/no-unused-vars */
2
4
  import * as React from 'react';
3
5
  let warnedOnce = false;
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  /* eslint-disable @typescript-eslint/no-unused-vars */
2
4
  import * as React from 'react';
3
5
  let warnedOnce = false;
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
2
4
  import _extends from "@babel/runtime/helpers/esm/extends";
3
5
  const _excluded = ["children", "disabled", "id", "loading", "loadingIndicator", "loadingPosition", "variant"];
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import * as React from 'react';
2
4
  let warnedOnce = false;
3
5
  const warn = () => {
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
2
4
  import _extends from "@babel/runtime/helpers/esm/extends";
3
5
  const _excluded = ["children", "className", "component", "columns", "spacing", "defaultColumns", "defaultHeight", "defaultSpacing"];
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  /* eslint-disable @typescript-eslint/no-unused-vars */
2
4
  import * as React from 'react';
3
5
  let warnedOnce = false;
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  /* eslint-disable @typescript-eslint/no-unused-vars */
2
4
  import * as React from 'react';
3
5
  let warnedOnce = false;
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  /* eslint-disable @typescript-eslint/no-unused-vars */
2
4
  import * as React from 'react';
3
5
  let warnedOnce = false;
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  /* eslint-disable @typescript-eslint/no-unused-vars */
2
4
  import * as React from 'react';
3
5
  let warnedOnce = false;
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _extends from "@babel/runtime/helpers/esm/extends";
2
4
  import * as React from 'react';
3
5
  import Pagination from '@mui/material/Pagination';
@@ -1 +1,3 @@
1
+ 'use client';
2
+
1
3
  export { default } from '@mui/material/usePagination';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _extends from "@babel/runtime/helpers/esm/extends";
2
4
  import * as React from 'react';
3
5
  import PaginationItem from '@mui/material/PaginationItem';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  /* eslint-disable @typescript-eslint/no-unused-vars */
2
4
  import * as React from 'react';
3
5
  let warnedOnce = false;
package/Rating/Rating.js CHANGED
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _extends from "@babel/runtime/helpers/esm/extends";
2
4
  import * as React from 'react';
3
5
  import Rating from '@mui/material/Rating';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _extends from "@babel/runtime/helpers/esm/extends";
2
4
  import * as React from 'react';
3
5
  import Skeleton from '@mui/material/Skeleton';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _extends from "@babel/runtime/helpers/esm/extends";
2
4
  import * as React from 'react';
3
5
  import SpeedDial from '@mui/material/SpeedDial';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _extends from "@babel/runtime/helpers/esm/extends";
2
4
  import * as React from 'react';
3
5
  import SpeedDialAction from '@mui/material/SpeedDialAction';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _extends from "@babel/runtime/helpers/esm/extends";
2
4
  import * as React from 'react';
3
5
  import SpeedDialIcon from '@mui/material/SpeedDialIcon';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  /* eslint-disable @typescript-eslint/no-unused-vars */
2
4
  import * as React from 'react';
3
5
  let warnedOnce = false;
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  /* eslint-disable @typescript-eslint/no-unused-vars */
2
4
  import * as React from 'react';
3
5
  let warnedOnce = false;
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  /* eslint-disable @typescript-eslint/no-unused-vars */
2
4
  import * as React from 'react';
3
5
  let warnedOnce = false;
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import * as React from 'react';
2
4
  import PropTypes from 'prop-types';
3
5
 
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _extends from "@babel/runtime/helpers/esm/extends";
2
4
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
3
5
  const _excluded = ["children"];
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _extends from "@babel/runtime/helpers/esm/extends";
2
4
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
3
5
  const _excluded = ["children", "className", "value"];
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  /* eslint-disable @typescript-eslint/no-unused-vars */
2
4
  import * as React from 'react';
3
5
  let warnedOnce = false;
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _extends from "@babel/runtime/helpers/esm/extends";
2
4
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
3
5
  const _excluded = ["position", "className"];
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _extends from "@babel/runtime/helpers/esm/extends";
2
4
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
3
5
  const _excluded = ["className"];
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
2
4
  import _extends from "@babel/runtime/helpers/esm/extends";
3
5
  const _excluded = ["className"];
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
2
4
  import _extends from "@babel/runtime/helpers/esm/extends";
3
5
  const _excluded = ["className", "color", "variant"];
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
2
4
  import _extends from "@babel/runtime/helpers/esm/extends";
3
5
  const _excluded = ["position", "className"];
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
2
4
  import _extends from "@babel/runtime/helpers/esm/extends";
3
5
  const _excluded = ["className"];
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _extends from "@babel/runtime/helpers/esm/extends";
2
4
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
3
5
  const _excluded = ["className"];
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _extends from "@babel/runtime/helpers/esm/extends";
2
4
  import * as React from 'react';
3
5
  import ToggleButton from '@mui/material/ToggleButton';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _extends from "@babel/runtime/helpers/esm/extends";
2
4
  import * as React from 'react';
3
5
  import ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import * as React from 'react';
2
4
  let warnedOnce = false;
3
5
  const warn = () => {
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  /* eslint-disable @typescript-eslint/no-unused-vars */
2
4
  import * as React from 'react';
3
5
  let warnedOnce = false;
@@ -1,5 +1,6 @@
1
- /* eslint-disable @typescript-eslint/no-unused-vars */
1
+ 'use client';
2
2
 
3
+ /* eslint-disable @typescript-eslint/no-unused-vars */
3
4
  let warnedOnce = false;
4
5
  const warn = () => {
5
6
  if (!warnedOnce) {
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/lab v5.0.0-alpha.158
2
+ * @mui/lab v5.0.0-alpha.159
3
3
  *
4
4
  * @license MIT
5
5
  * This source code is licensed under the MIT license found in the
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import * as React from 'react';
2
4
  import { createSvgIcon } from '@mui/material/utils';
3
5
 
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import * as React from 'react';
2
4
  import { createSvgIcon } from '@mui/material/utils';
3
5
 
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import * as React from 'react';
2
4
  import { createSvgIcon } from '@mui/material/utils';
3
5
 
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import * as React from 'react';
2
4
  import { createSvgIcon } from '@mui/material/utils';
3
5
 
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import * as React from 'react';
2
4
  import { createSvgIcon } from '@mui/material/utils';
3
5
 
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import * as React from 'react';
2
4
  import { createSvgIcon } from '@mui/material/utils';
3
5
 
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import * as React from 'react';
2
4
  import { createSvgIcon } from '@mui/material/utils';
3
5
 
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import * as React from 'react';
2
4
  import { createSvgIcon } from '@mui/material/utils';
3
5
 
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _extends from "@babel/runtime/helpers/esm/extends";
2
4
  import * as React from 'react';
3
5
  import Alert from '@mui/material/Alert';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _extends from "@babel/runtime/helpers/esm/extends";
2
4
  import * as React from 'react';
3
5
  import AlertTitle from '@mui/material/AlertTitle';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _extends from "@babel/runtime/helpers/esm/extends";
2
4
  import * as React from 'react';
3
5
  import Autocomplete from '@mui/material/Autocomplete';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _extends from "@babel/runtime/helpers/esm/extends";
2
4
  import * as React from 'react';
3
5
  import AvatarGroup from '@mui/material/AvatarGroup';
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  /* eslint-disable @typescript-eslint/no-unused-vars */
2
4
  import * as React from 'react';
3
5
  var warnedOnce = false;
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  /* eslint-disable @typescript-eslint/no-unused-vars */
2
4
  import * as React from 'react';
3
5
  var warnedOnce = false;
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  /* eslint-disable @typescript-eslint/no-unused-vars */
2
4
  import * as React from 'react';
3
5
  var warnedOnce = false;
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  /* eslint-disable @typescript-eslint/no-unused-vars */
2
4
  import * as React from 'react';
3
5
  var warnedOnce = false;
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  /* eslint-disable @typescript-eslint/no-unused-vars */
2
4
  import * as React from 'react';
3
5
  var warnedOnce = false;
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  /* eslint-disable @typescript-eslint/no-unused-vars */
2
4
  import * as React from 'react';
3
5
  var warnedOnce = false;
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  /* eslint-disable @typescript-eslint/no-unused-vars */
2
4
  import * as React from 'react';
3
5
  var warnedOnce = false;
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  /* eslint-disable @typescript-eslint/no-unused-vars */
2
4
  import * as React from 'react';
3
5
  var warnedOnce = false;
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
2
4
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
3
5
  import _extends from "@babel/runtime/helpers/esm/extends";
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import * as React from 'react';
2
4
  var warnedOnce = false;
3
5
  var warn = function warn() {
@@ -1,3 +1,5 @@
1
+ 'use client';
2
+
1
3
  import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
2
4
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
5
  import _typeof from "@babel/runtime/helpers/esm/typeof";