@mui/codemod 9.0.0-alpha.4 → 9.0.0

package/README.md

@@ -14,7 +14,7 @@ Some of the codemods also run [postcss](https://github.com/postcss/postcss) plug
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next <codemod> <paths...>
+npx @mui/codemod@latest <codemod> <paths...>
 
 Applies a `@mui/codemod` to the specified paths
 
@@ -34,10 +34,10 @@ Options:
   --jscodeshift                                  [string] [default: false]
 
 Examples:
-  npx @mui/codemod@next v4.0.0/theme-spacing-api src
-  npx @mui/codemod@next v5.0.0/component-rename-prop src --
+  npx @mui/codemod@latest v4.0.0/theme-spacing-api src
+  npx @mui/codemod@latest v5.0.0/component-rename-prop src --
   --component=Grid --from=prop --to=newProp
-  npx @mui/codemod@next v5.0.0/preset-safe src --parser=flow
+  npx @mui/codemod@latest v5.0.0/preset-safe src --parser=flow
 ```
 
 ### package name
@@ -45,7 +45,7 @@ Examples:
 Use this flag if you have a custom package name that reexports Material UI components. For example:
 
 ```bash
-npx @mui/codemod@next --packageName="@org/ui"
+npx @mui/codemod@latest --packageName="@org/ui"
 ```
 
 The snippet above will look for `@org/ui` instead of `@mui/material` in the codemod.
@@ -55,7 +55,7 @@ The snippet above will look for `@org/ui` instead of `@mui/material` in the code
 To pass more options directly to jscodeshift, use `--jscodeshift="..."`. For example:
 
 ```bash
-npx @mui/codemod@next --jscodeshift="--run-in-band --verbose=2"
+npx @mui/codemod@latest --jscodeshift="--run-in-band --verbose=2"
 ```
 
 See all available options [here](https://github.com/facebook/jscodeshift#usage-cli).
@@ -66,7 +66,7 @@ Options to [recast](https://github.com/benjamn/recast)'s printer can be provided
 through jscodeshift's `printOptions` command line argument
 
 ```bash
-npx @mui/codemod@next <transform> <path> --jscodeshift="--printOptions='{\"quote\":\"double\"}'"
+npx @mui/codemod@latest <transform> <path> --jscodeshift="--printOptions='{\"quote\":\"double\"}'"
 ```
 
 ## Included scripts
@@ -82,7 +82,7 @@ npx @mui/codemod@next <transform> <path> --jscodeshift="--printOptions='{\"quote
 ### Deprecations
 
 ```bash
-npx @mui/codemod@next deprecations/all <path>
+npx @mui/codemod@latest deprecations/all <path>
 ```
 
 #### `all`
@@ -101,7 +101,7 @@ A combination of all deprecations.
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/accordion-props <path>
+npx @mui/codemod@latest deprecations/accordion-props <path>
 ```
 
 #### `accordion-summary-classes`
@@ -144,7 +144,7 @@ CSS transforms:
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/accordion-summary-classes <path>
+npx @mui/codemod@latest deprecations/accordion-summary-classes <path>
 ```
 
 #### `alert-classes`
@@ -240,7 +240,7 @@ CSS transforms:
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/alert-classes <path>
+npx @mui/codemod@latest deprecations/alert-classes <path>
 ```
 
 #### `alert-props`
@@ -266,7 +266,7 @@ npx @mui/codemod@next deprecations/alert-classes <path>
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/alert-props <path>
+npx @mui/codemod@latest deprecations/alert-props <path>
 ```
 
 #### `autocomplete-props`
@@ -392,7 +392,7 @@ npx @mui/codemod@next deprecations/alert-props <path>
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/autocomplete-props <path>
+npx @mui/codemod@latest deprecations/autocomplete-props <path>
 ```
 
 #### `avatar-group-props`
@@ -440,7 +440,7 @@ npx @mui/codemod@next deprecations/autocomplete-props <path>
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/avatar-group-props <path>
+npx @mui/codemod@latest deprecations/avatar-group-props <path>
 ```
 
 #### `avatar-props`
@@ -460,7 +460,7 @@ npx @mui/codemod@next deprecations/avatar-group-props <path>
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/avatar-props <path>
+npx @mui/codemod@latest deprecations/avatar-props <path>
 ```
 
 #### `backdrop-props`
@@ -493,7 +493,7 @@ npx @mui/codemod@next deprecations/avatar-props <path>
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/backdrop-props <path>
+npx @mui/codemod@latest deprecations/backdrop-props <path>
 ```
 
 #### `badge-props`
@@ -519,7 +519,7 @@ npx @mui/codemod@next deprecations/backdrop-props <path>
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/badge-props <path>
+npx @mui/codemod@latest deprecations/badge-props <path>
 ```
 
 #### `button-classes`
@@ -741,7 +741,7 @@ CSS transforms:
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/button-classes <path>
+npx @mui/codemod@latest deprecations/button-classes <path>
 ```
 
 #### `button-group-classes`
@@ -867,7 +867,7 @@ CSS transforms:
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/button-group-classes <path>
+npx @mui/codemod@latest deprecations/button-group-classes <path>
 ```
 
 #### `card-header-props`
@@ -897,7 +897,21 @@ npx @mui/codemod@next deprecations/button-group-classes <path>
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/card-header-props <path>
+npx @mui/codemod@latest deprecations/card-header-props <path>
+```
+
+#### `checkbox-props`
+
+```diff
+ <Checkbox
+-  inputProps={{ 'aria-label': 'Checkbox' }}
+-  inputRef={ref}
++  slotProps={{ input: { 'aria-label': 'Checkbox', ref } }}
+ />
+```
+
+```bash
+npx @mui/codemod@latest deprecations/checkbox-props <path>
 ```
 
 #### `chip-classes`
@@ -1078,7 +1092,7 @@ CSS transforms:
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/chip-classes <path>
+npx @mui/codemod@latest deprecations/chip-classes <path>
 ```
 
 #### `circular-progress-classes`
@@ -1117,7 +1131,7 @@ CSS transforms:
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/circular-progress-classes <path>
+npx @mui/codemod@latest deprecations/circular-progress-classes <path>
 ```
 
 #### `divider-props`
@@ -1130,7 +1144,7 @@ npx @mui/codemod@next deprecations/circular-progress-classes <path>
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/divider-props <path>
+npx @mui/codemod@latest deprecations/divider-props <path>
 ```
 
 #### `dialog-classes`
@@ -1166,7 +1180,7 @@ CSS transforms:
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/dialog-classes <path>
+npx @mui/codemod@latest deprecations/dialog-classes <path>
 ```
 
 #### `dialog-props`
@@ -1188,7 +1202,7 @@ JS transforms:
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/dialog-props <path>
+npx @mui/codemod@latest deprecations/dialog-props <path>
 ```
 
 #### `drawer-classes`
@@ -1260,7 +1274,47 @@ CSS transforms:
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/drawer-classes <path>
+npx @mui/codemod@latest deprecations/drawer-classes <path>
+```
+
+#### `drawer-props`
+
+```diff
+ <Drawer
+-  BackdropComponent={CustomBackdrop}
+-  BackdropProps={{ transitionDuration: 300 }}
+-  PaperProps={{ elevation: 20 }}
+-  SlideProps={{ direction: 'right' }}
++  slots={{ backdrop: CustomBackdrop }}
++  slotProps={{
++    backdrop: { transitionDuration: 300 },
++    paper: { elevation: 20 },
++    transition: { direction: 'right' },
++  }}
+ />
+```
+
+The same applies to `SwipeableDrawer`.
+
+```diff
+ MuiDrawer: {
+   defaultProps: {
+-    BackdropComponent: CustomBackdrop,
+-    BackdropProps: { transitionDuration: 300 },
+-    PaperProps: { elevation: 20 },
+-    SlideProps: { direction: 'right' },
++    slots: { backdrop: CustomBackdrop },
++    slotProps: {
++      backdrop: { transitionDuration: 300 },
++      paper: { elevation: 20 },
++      transition: { direction: 'right' },
++    },
+   },
+ },
+```
+
+```bash
+npx @mui/codemod@latest deprecations/drawer-props <path>
 ```
 
 #### `filled-input-props`
@@ -1286,7 +1340,7 @@ npx @mui/codemod@next deprecations/drawer-classes <path>
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/filled-input-props <path>
+npx @mui/codemod@latest deprecations/filled-input-props <path>
 ```
 
 #### `form-control-label-props`
@@ -1308,7 +1362,7 @@ npx @mui/codemod@next deprecations/filled-input-props <path>
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/form-control-label-props <path>
+npx @mui/codemod@latest deprecations/form-control-label-props <path>
 
 ```
 
@@ -1335,7 +1389,7 @@ npx @mui/codemod@next deprecations/form-control-label-props <path>
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/list-item-props <path>
+npx @mui/codemod@latest deprecations/list-item-props <path>
 ```
 
 #### `list-item-text-props`
@@ -1361,7 +1415,7 @@ npx @mui/codemod@next deprecations/list-item-props <path>
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/list-item-text-props <path>
+npx @mui/codemod@latest deprecations/list-item-text-props <path>
 ```
 
 #### `image-list-item-bar-classes`
@@ -1418,7 +1472,7 @@ CSS transforms:
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/image-list-item-bar-classes <path>
+npx @mui/codemod@latest deprecations/image-list-item-bar-classes <path>
 ```
 
 #### `input-base-props`
@@ -1444,7 +1498,7 @@ npx @mui/codemod@next deprecations/image-list-item-bar-classes <path>
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/input-base-props <path>
+npx @mui/codemod@latest deprecations/input-base-props <path>
 ```
 
 #### `input-base-classes`
@@ -1498,7 +1552,7 @@ CSS transforms:
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/input-base-classes <path>
+npx @mui/codemod@latest deprecations/input-base-classes <path>
 ```
 
 #### `input-props`
@@ -1524,7 +1578,7 @@ npx @mui/codemod@next deprecations/input-base-classes <path>
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/input-props <path>
+npx @mui/codemod@latest deprecations/input-props <path>
 ```
 
 #### `linear-progress-classes`
@@ -1584,7 +1638,7 @@ CSS transforms:
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/linear-progress-classes <path>
+npx @mui/codemod@latest deprecations/linear-progress-classes <path>
 ```
 
 #### `modal-props`
@@ -1610,7 +1664,7 @@ npx @mui/codemod@next deprecations/linear-progress-classes <path>
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/modal-props <path>
+npx @mui/codemod@latest deprecations/modal-props <path>
 ```
 
 #### `mobile-stepper-props`
@@ -1623,7 +1677,41 @@ npx @mui/codemod@next deprecations/modal-props <path>
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/mobile-stepper-props <path>
+npx @mui/codemod@latest deprecations/mobile-stepper-props <path>
+```
+
+#### `menu-props`
+
+```diff
+ <Menu
+-  TransitionComponent={CustomTransition}
+-  MenuListProps={{ disablePadding: true }}
+-  TransitionProps={{ timeout: 200 }}
++  slots={{ transition: CustomTransition }}
++  slotProps={{
++    list: { disablePadding: true },
++    transition: { timeout: 200 },
++  }}
+ />
+```
+
+```diff
+ MuiMenu: {
+   defaultProps: {
+-    TransitionComponent: CustomTransition,
+-    MenuListProps: { disablePadding: true },
+-    TransitionProps: { timeout: 200 },
++    slots: { transition: CustomTransition },
++    slotProps: {
++      list: { disablePadding: true },
++      transition: { timeout: 200 },
++    },
+   },
+ },
+```
+
+```bash
+npx @mui/codemod@latest deprecations/menu-props <path>
 ```
 
 #### `pagination-item-classes`
@@ -1687,7 +1775,7 @@ CSS transforms:
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/pagination-item-classes <path>
+npx @mui/codemod@latest deprecations/pagination-item-classes <path>
 ```
 
 #### `pagination-item-props`
@@ -1709,7 +1797,47 @@ npx @mui/codemod@next deprecations/pagination-item-classes <path>
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/pagination-item-props <path>
+npx @mui/codemod@latest deprecations/pagination-item-props <path>
+```
+
+#### `popover-props`
+
+```diff
+ <Popover
+-  BackdropComponent={CustomBackdrop}
+-  BackdropProps={{ timeout: 200 }}
+-  PaperProps={{ elevation: 4 }}
+-  TransitionComponent={CustomTransition}
+-  TransitionProps={{ timeout: 200 }}
++  slots={{ backdrop: CustomBackdrop, transition: CustomTransition }}
++  slotProps={{
++    backdrop: { timeout: 200 },
++    paper: { elevation: 4 },
++    transition: { timeout: 200 },
++  }}
+ />
+```
+
+```diff
+ MuiPopover: {
+   defaultProps: {
+-    BackdropComponent: 'div',
+-    BackdropProps: { timeout: 200 },
+-    PaperProps: { elevation: 8 },
+-    TransitionComponent: 'em',
+-    TransitionProps: { timeout: 200 },
++    slots: { backdrop: 'div', transition: 'em' },
++    slotProps: {
++      backdrop: { timeout: 200 },
++      paper: { elevation: 8 },
++      transition: { timeout: 200 },
++    },
+   },
+ },
+```
+
+```bash
+npx @mui/codemod@latest deprecations/popover-props <path>
 ```
 
 #### `popper-props`
@@ -1735,7 +1863,7 @@ npx @mui/codemod@next deprecations/pagination-item-props <path>
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/popper-props <path>
+npx @mui/codemod@latest deprecations/popper-props <path>
 ```
 
 #### `outlined-input-props`
@@ -1761,7 +1889,7 @@ npx @mui/codemod@next deprecations/popper-props <path>
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/outlined-input-props <path>
+npx @mui/codemod@latest deprecations/outlined-input-props <path>
 ```
 
 #### `rating-props`
@@ -1778,7 +1906,21 @@ npx @mui/codemod@next deprecations/outlined-input-props <path>
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next deprecations/rating-props <path>
+npx @mui/codemod@latest deprecations/rating-props <path>
+```
+
+#### `radio-props`
+
+```diff
+ <Radio
+-  inputProps={{ 'aria-label': 'Radio' }}
+-  inputRef={ref}
++  slotProps={{ input: { 'aria-label': 'Radio', ref } }}
+ />
+```
+
+```bash
+npx @mui/codemod@latest deprecations/radio-props <path>
 ```
 
 #### `select-classes`
@@ -1826,7 +1968,7 @@ CSS transforms:
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/select-classes <path>
+npx @mui/codemod@latest deprecations/select-classes <path>
 ```
 
 #### `slider-props`
@@ -1852,7 +1994,7 @@ npx @mui/codemod@next deprecations/select-classes <path>
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/slider-props <path>
+npx @mui/codemod@latest deprecations/slider-props <path>
 ```
 
 #### `snackbar-props`
@@ -1875,7 +2017,79 @@ npx @mui/codemod@next deprecations/slider-props <path>
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next deprecations/snackbar-props <path>
+npx @mui/codemod@latest deprecations/snackbar-props <path>
+```
+
+#### `speed-dial-props`
+
+```diff
+ <SpeedDial
+-  TransitionComponent={CustomTransition}
+-  TransitionProps={CustomTransitionProps}
++  slots={{ transition: CustomTransition }}
++  slotProps={{ transition: CustomTransitionProps }}
+ />
+```
+
+```diff
+ MuiSpeedDial: {
+   defaultProps: {
+-    TransitionComponent: CustomTransition,
+-    TransitionProps: CustomTransitionProps,
++    slots: { transition: CustomTransition },
++    slotProps: { transition: CustomTransitionProps },
+   },
+ },
+```
+
+```bash
+npx @mui/codemod@latest deprecations/speed-dial-props <path>
+```
+
+#### `speed-dial-action-props`
+
+```diff
+ <SpeedDialAction
+-  FabProps={FabProps}
+-  TooltipClasses={TooltipClasses}
+-  tooltipOpen={true}
+-  tooltipPlacement="top"
+-  tooltipTitle="test"
++  slotProps={{
++    fab: FabProps,
++    tooltip: {
++      classes: TooltipClasses,
++      open: true,
++      placement: 'top',
++      title: 'test',
++    },
++  }}
+ />
+```
+
+```diff
+ MuiSpeedDialAction: {
+   defaultProps: {
+-    FabProps: { id: 'test' },
+-    TooltipClasses: classes,
+-    tooltipOpen: true,
+-    tooltipPlacement: 'top',
+-    tooltipTitle: 'test',
++    slotProps: {
++      fab: { id: 'test' },
++      tooltip: {
++        classes: classes,
++        open: true,
++        placement: 'top',
++        title: 'test',
++      },
++    },
+   },
+ },
+```
+
+```bash
+npx @mui/codemod@latest deprecations/speed-dial-action-props <path>
 ```
 
 #### `slider-classes`
@@ -1947,7 +2161,7 @@ CSS transforms:
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/slider-classes <path>
+npx @mui/codemod@latest deprecations/slider-classes <path>
 ```
 
 #### `tabs-props`
@@ -1990,7 +2204,7 @@ npx @mui/codemod@next deprecations/slider-classes <path>
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/tabs-props <path>
+npx @mui/codemod@latest deprecations/tabs-props <path>
 ```
 
 #### `tooltip-props`
@@ -2044,7 +2258,7 @@ npx @mui/codemod@next deprecations/tabs-props <path>
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/tooltip-props <path>
+npx @mui/codemod@latest deprecations/tooltip-props <path>
 ```
 
 #### `step-connector-classes`
@@ -2085,7 +2299,7 @@ CSS transforms:
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next deprecations/step-connector-classes <path>
+npx @mui/codemod@latest deprecations/step-connector-classes <path>
 ```
 
 #### `step-content-props`
@@ -2100,7 +2314,7 @@ npx @mui/codemod@next deprecations/step-connector-classes <path>
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/step-content-props <path>
+npx @mui/codemod@latest deprecations/step-content-props <path>
 ```
 
 #### `step-label-props`
@@ -2130,7 +2344,21 @@ npx @mui/codemod@next deprecations/step-content-props <path>
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/step-label-props <path>
+npx @mui/codemod@latest deprecations/step-label-props <path>
+```
+
+#### `switch-props`
+
+```diff
+ <Switch
+-  inputProps={{ 'aria-label': 'Switch' }}
+-  inputRef={ref}
++  slotProps={{ input: { 'aria-label': 'Switch', ref } }}
+ />
+```
+
+```bash
+npx @mui/codemod@latest deprecations/switch-props <path>
 ```
 
 #### `text-field-props`
@@ -2153,7 +2381,7 @@ npx @mui/codemod@next deprecations/step-label-props <path>
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/text-field-props <path>
+npx @mui/codemod@latest deprecations/text-field-props <path>
 ```
 
 #### `toggle-button-group-classes`
@@ -2192,7 +2420,7 @@ CSS transforms:
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/toggle-button-group-classes <path>
+npx @mui/codemod@latest deprecations/toggle-button-group-classes <path>
 ```
 
 #### `tab-classes`
@@ -2222,7 +2450,7 @@ CSS transforms:
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/tab-classes <path>
+npx @mui/codemod@latest deprecations/tab-classes <path>
 ```
 
 #### `table-sort-label-classes`
@@ -2261,7 +2489,7 @@ CSS transforms:
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/table-sort-label-classes <path>
+npx @mui/codemod@latest deprecations/table-sort-label-classes <path>
 ```
 
 #### `typography-props`
@@ -2290,7 +2518,31 @@ npx @mui/codemod@next deprecations/table-sort-label-classes <path>
 ```
 
 ```bash
-npx @mui/codemod@next deprecations/typography-props <path>
+npx @mui/codemod@latest deprecations/typography-props <path>
+```
+
+### v9.0.0
+
+#### `system-props`
+
+```bash
+npx @mui/codemod@latest v9.0.0/system-props <path>
+```
+
+Remove system props from Box, Stack, Typography, Link, Grid, DialogContentText, TimelineContent, and TimelineOppositeContent components and move them to the `sx` prop.
+
+Compared to the v6 codemod, the v9 version also handles:
+
+- `color="inherit"` on Typography (moved to `sx`)
+- `color="text.secondary"` on Link (moved to `sx`, while keeping named colors like `"primary"` and `"inherit"` as component props)
+- DialogContentText, TimelineContent, and TimelineOppositeContent components
+
+```diff
+-<Typography color="inherit" />
++<Typography sx={{ color: "inherit" }} />
+
+-<Link color="text.secondary" href="#" />
++<Link href="#" sx={{ color: "text.secondary" }} />
 ```
 
 ### v7.0.0
@@ -2298,7 +2550,7 @@ npx @mui/codemod@next deprecations/typography-props <path>
 #### `theme-color-functions`
 
 ```bash
-npx @mui/codemod@next v7.0.0/theme-color-functions <path>
+npx @mui/codemod@latest v7.0.0/theme-color-functions <path>
 ```
 
 Replace the usage of the `alpha()`, `lighten()`, and `darken()` functions from `@mui/system/colorManipulator` to use the `theme` object instead.
@@ -2321,7 +2573,7 @@ Replace the usage of the `alpha()`, `lighten()`, and `darken()` functions from `
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next v7.0.0/grid-props <path>
+npx @mui/codemod@latest v7.0.0/grid-props <path>
 ```
 
 Updates the usage of the `@mui/material/Grid`, `@mui/system/Grid`, and `@mui/joy/Grid` components to their updated APIs.
@@ -2342,7 +2594,7 @@ You can provide the theme breakpoints via options, for example, `--jscodeshift='
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next v7.0.0/grid-props <path> --jscodeshift='--muiBreakpoints=mobile,desktop'
+npx @mui/codemod@latest v7.0.0/grid-props <path> --jscodeshift='--muiBreakpoints=mobile,desktop'
 ```
 
 ```diff
@@ -2355,7 +2607,7 @@ npx @mui/codemod@next v7.0.0/grid-props <path> --jscodeshift='--muiBreakpoints=m
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next v7.0.0/lab-removed-components <path>
+npx @mui/codemod@latest v7.0.0/lab-removed-components <path>
 ```
 
 Update the import of the following components and hook moved from `@mui/lab` to `@mui/material`:
@@ -2401,19 +2653,19 @@ Updates the `InputLabel`'s `size` value from `normal` to `medium`.
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next v7.0.0/input-label-size-normal-medium <path>
+npx @mui/codemod@latest v7.0.0/input-label-size-normal-medium <path>
 ```
 
 <!-- #host-reference -->
 
-You can find more details about this breaking change in [the migration guide](https://next.mui.com/material-ui/migration/upgrade-to-v7/#inputlabel).
+You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/upgrade-to-v7/#inputlabel).
 
 ### v6.0.0
 
 #### `sx-prop`
 
 ```bash
-npx @mui/codemod@next v6.0.0/sx-prop <path>
+npx @mui/codemod@latest v6.0.0/sx-prop <path>
 ```
 
 Update the usage of the `sx` prop to be compatible with `@pigment-css/react`.
@@ -2436,7 +2688,7 @@ Update the usage of the `sx` prop to be compatible with `@pigment-css/react`.
 #### `system-props`
 
 ```bash
-npx @mui/codemod@next v6.0.0/system-props <path>
+npx @mui/codemod@latest v6.0.0/system-props <path>
 ```
 
 Remove system props and add them to the `sx` prop.
@@ -2449,7 +2701,7 @@ Remove system props and add them to the `sx` prop.
 #### `theme-v6`
 
 ```bash
-npx @mui/codemod@next v6.0.0/theme-v6 <path>
+npx @mui/codemod@latest v6.0.0/theme-v6 <path>
 ```
 
 Update the theme creation from `@mui/system@v5` to be compatible with `@pigment-css/react`.
@@ -2511,7 +2763,7 @@ Update the theme creation from `@mui/system@v5` to be compatible with `@pigment-
 #### `styled`
 
 ```bash
-npx @mui/codemod@next v6.0.0/styled <path>
+npx @mui/codemod@latest v6.0.0/styled <path>
 ```
 
 Updates the usage of `styled` from `@mui/system@v5` to be compatible with `@pigment-css/react`.
@@ -2585,7 +2837,7 @@ However, it has some **limitations**:
 #### `grid-v2-props`
 
 ```bash
-npx @mui/codemod@next v6.0.0/grid-v2-props <path>
+npx @mui/codemod@latest v6.0.0/grid-v2-props <path>
 ```
 
 Updates the usage of the `@mui/material/Grid2`, `@mui/system/Grid`, and `@mui/joy/Grid` components to their updated APIs.
@@ -2604,7 +2856,7 @@ Updates the usage of the `@mui/material/Grid2`, `@mui/system/Grid`, and `@mui/jo
 You can provide the theme breakpoints via options, for example, `--jscodeshift='--muiBreakpoints=mobile,desktop'`, to use your custom breakpoints in the transformation.
 
 ```bash
-npx @mui/codemod@next v6.0.0/grid-v2-props <path> --jscodeshift='--muiBreakpoints=mobile,desktop'
+npx @mui/codemod@latest v6.0.0/grid-v2-props <path> --jscodeshift='--muiBreakpoints=mobile,desktop'
 ```
 
 ```diff
@@ -2630,7 +2882,7 @@ This codemod updates the import and re-export statements.
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/base-use-named-exports <path>
+npx @mui/codemod@latest v5.0.0/base-use-named-exports <path>
 ```
 
 #### `base-remove-unstyled-suffix`
@@ -2643,7 +2895,7 @@ The `Unstyled` suffix has been removed from all Base UI component names, includ
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/base-remove-unstyled-suffix <path>
+npx @mui/codemod@latest v5.0.0/base-remove-unstyled-suffix <path>
 ```
 
 #### `base-remove-component-prop`
@@ -2658,7 +2910,7 @@ This change only affects Base UI components.
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/base-remove-component-prop <path>
+npx @mui/codemod@latest v5.0.0/base-remove-component-prop <path>
 ```
 
 #### `rename-css-variables`
@@ -2673,7 +2925,7 @@ Updates the names of the CSS variables of the Joy UI components to adapt to the
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/rename-css-variables <path>
+npx @mui/codemod@latest v5.0.0/rename-css-variables <path>
 ```
 
 #### `base-hook-imports`
@@ -2686,7 +2938,7 @@ Updates the sources of the imports of the Base UI hooks to adapt to the new dir
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/base-hook-imports <path>
+npx @mui/codemod@latest v5.0.0/base-hook-imports <path>
 ```
 
 #### `joy-rename-classname-prefix`
@@ -2701,7 +2953,7 @@ Renames the classname prefix from `'Joy'` to `'Mui'` for Joy UI components.
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/joy-rename-classname-prefix <path>
+npx @mui/codemod@latest v5.0.0/joy-rename-classname-prefix <path>
 ```
 
 #### `joy-rename-row-prop`
@@ -2716,7 +2968,7 @@ Transforms `row` prop to `orientation` prop across `Card`, `List` and `RadioGrou
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/joy-rename-row-prop <path>
+npx @mui/codemod@latest v5.0.0/joy-rename-row-prop <path>
 ```
 
 #### `joy-avatar-remove-imgProps`
@@ -2734,7 +2986,7 @@ This change only affects Joy UI Avatar component.
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/joy-avatar-remove-imgProps <path>
+npx @mui/codemod@latest v5.0.0/joy-avatar-remove-imgProps <path>
 ```
 
 #### `joy-text-field-to-input`
@@ -2792,7 +3044,7 @@ This change only affects Joy UI components.
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/joy-text-field-to-input <path>
+npx @mui/codemod@latest v5.0.0/joy-text-field-to-input <path>
 ```
 
 #### `joy-rename-components-to-slots`
@@ -2811,7 +3063,7 @@ This change only affects Joy UI components.
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/joy-rename-components-to-slots <path>
+npx @mui/codemod@latest v5.0.0/joy-rename-components-to-slots <path>
 ```
 
 The associated breaking change was done in [#34997](https://github.com/mui/material-ui/pull/34997).
@@ -2821,7 +3073,7 @@ The associated breaking change was done in [#34997](https://github.com/mui/mater
 Rename the imports of Date and Time Pickers from `@mui/lab` to `@mui/x-date-pickers` and `@mui/x-date-pickers-pro`.
 
 ```bash
-npx @mui/codemod@next v5.0.0/date-pickers-moved-to-x <path>
+npx @mui/codemod@latest v5.0.0/date-pickers-moved-to-x <path>
 ```
 
 #### `tree-view-moved-to-x`
@@ -2829,7 +3081,7 @@ npx @mui/codemod@next v5.0.0/date-pickers-moved-to-x <path>
 Rename the imports of Tree View from `@mui/lab` to `@mui/x-tree-view`.
 
 ```bash
-npx @mui/codemod@next v5.0.0/tree-view-moved-to-x <path>
+npx @mui/codemod@latest v5.0.0/tree-view-moved-to-x <path>
 ```
 
 #### 🚀 `preset-safe`
@@ -2837,7 +3089,7 @@ npx @mui/codemod@next v5.0.0/tree-view-moved-to-x <path>
 A combination of all important transformers for migrating v4 to v5. ⚠️ This codemod should be run only once.
 
 ```bash
-npx @mui/codemod@next v5.0.0/preset-safe <path|folder>
+npx @mui/codemod@latest v5.0.0/preset-safe <path|folder>
 ```
 
 The list includes these transformers
@@ -2904,7 +3156,7 @@ Imports and inserts `adaptV4Theme` into `createTheme()` (or `createMuiTheme`)
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/adapter-v4 <path>
+npx @mui/codemod@latest v5.0.0/adapter-v4 <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#theme).
@@ -2921,7 +3173,7 @@ Renames `Autocomplete`'s `closeIcon` prop to `clearIcon`.
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next v5.0.0/autocomplete-rename-closeicon  <path>
+npx @mui/codemod@latest v5.0.0/autocomplete-rename-closeicon  <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#autocomplete).
@@ -2940,7 +3192,7 @@ Renames `Autocomplete`'s `getOptionSelected` to `isOptionEqualToValue`.
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next v5.0.0/autocomplete-rename-option  <path>
+npx @mui/codemod@latest v5.0.0/autocomplete-rename-option  <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#autocomplete).
@@ -2959,7 +3211,7 @@ Updates the `Avatar`'s `variant` value and `classes` key from 'circle' to 'circu
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next v5.0.0/avatar-circle-circular <path>
+npx @mui/codemod@latest v5.0.0/avatar-circle-circular <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#avatar).
@@ -2994,7 +3246,7 @@ Renames the badge's props.
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next v5.0.0/badge-overlap-value <path>
+npx @mui/codemod@latest v5.0.0/badge-overlap-value <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#badge).
@@ -3018,7 +3270,7 @@ This change only affects Base UI components.
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next v5.0.0/base-rename-components-to-slots <path>
+npx @mui/codemod@latest v5.0.0/base-rename-components-to-slots <path>
 ```
 
 The associated breaking change was done in [#34693](https://github.com/mui/material-ui/pull/34693).
@@ -3037,7 +3289,7 @@ Updates the Box API from separate system props to `sx`.
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next v5.0.0/box-borderradius-values <path>
+npx @mui/codemod@latest v5.0.0/box-borderradius-values <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#box).
@@ -3052,7 +3304,7 @@ Renames the Box `css` prop to `sx`
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/box-rename-css <path>
+npx @mui/codemod@latest v5.0.0/box-rename-css <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#box).
@@ -3073,7 +3325,7 @@ Renames the Box `grid*Gap` props.
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next v5.0.0/box-rename-gap <path>
+npx @mui/codemod@latest v5.0.0/box-rename-gap <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#box).
@@ -3090,7 +3342,7 @@ Removes the outdated `color` prop values.
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next v5.0.0/button-color-prop <path>
+npx @mui/codemod@latest v5.0.0/button-color-prop <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#button).
@@ -3107,7 +3359,7 @@ Removes the Chip `variant` prop if the value is `"default"`.
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next v5.0.0/chip-variant-prop <path>
+npx @mui/codemod@latest v5.0.0/chip-variant-prop <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#chip).
@@ -3124,7 +3376,7 @@ Renames the CircularProgress `static` variant to `determinate`.
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next v5.0.0/circularprogress-variant <path>
+npx @mui/codemod@latest v5.0.0/circularprogress-variant <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#circularprogress).
@@ -3143,7 +3395,7 @@ Renames `Collapse`'s `collapsedHeight` prop to `collapsedSize`.
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next v5.0.0/collapse-rename-collapsedheight <path>
+npx @mui/codemod@latest v5.0.0/collapse-rename-collapsedheight <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#collapse).
@@ -3162,7 +3414,7 @@ A generic codemod to rename any component prop.
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next v5.0.0/component-rename-prop <path> -- --component=Grid --from=prop --to=newProp
+npx @mui/codemod@latest v5.0.0/component-rename-prop <path> -- --component=Grid --from=prop --to=newProp
 ```
 
 #### `core-styles-import`
@@ -3175,7 +3427,7 @@ Renames private import from `core/styles/*` to `core/styles`
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/core-styles-import <path>
+npx @mui/codemod@latest v5.0.0/core-styles-import <path>
 ```
 
 #### `create-theme`
@@ -3188,7 +3440,7 @@ Renames the function `createMuiTheme()` to `createTheme()`
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/create-theme <path>
+npx @mui/codemod@latest v5.0.0/create-theme <path>
 ```
 
 #### `dialog-props`
@@ -3201,7 +3453,7 @@ Remove `disableBackdropClick` prop from `<Dialog>`
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/dialog-props <path>
+npx @mui/codemod@latest v5.0.0/dialog-props <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#dialog).
@@ -3216,7 +3468,7 @@ Remove `disableTypography` prop from `<DialogTitle>`
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/dialog-title-props <path>
+npx @mui/codemod@latest v5.0.0/dialog-title-props <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#dialog).
@@ -3233,7 +3485,7 @@ Adds `prepend: true` to Emotion `createCache`
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/create-theme <path>
+npx @mui/codemod@latest v5.0.0/create-theme <path>
 ```
 
 #### `expansion-panel-component`
@@ -3241,7 +3493,7 @@ npx @mui/codemod@next v5.0.0/create-theme <path>
 Renames `ExpansionPanel*` to `Accordion*`
 
 ```bash
-npx @mui/codemod@next v5.0.0/expansion-panel-component <path>
+npx @mui/codemod@latest v5.0.0/expansion-panel-component <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#expansionpanel).
@@ -3254,7 +3506,7 @@ You can find more details about this breaking change in [the migration guide](ht
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/fab-variant <path>
+npx @mui/codemod@latest v5.0.0/fab-variant <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#fab).
@@ -3274,7 +3526,7 @@ Renames the `fade` style utility import and calls to `alpha()`.
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next v5.0.0/fade-rename-alpha <path>
+npx @mui/codemod@latest v5.0.0/fade-rename-alpha <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#styles).
@@ -3291,7 +3543,7 @@ Renames `Grid`'s `justify` prop to `justifyContent`.
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next v5.0.0/grid-justify-justifycontent <path>
+npx @mui/codemod@latest v5.0.0/grid-justify-justifycontent <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#grid).
@@ -3301,7 +3553,7 @@ You can find more details about this breaking change in [the migration guide](ht
 Renames `GridList*` to `ImageList*`
 
 ```bash
-npx @mui/codemod@next v5.0.0/grid-list-component <path>
+npx @mui/codemod@latest v5.0.0/grid-list-component <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#gridlist).
@@ -3318,7 +3570,7 @@ Adds `size="large"` if `size` is not defined to get the same appearance as v4.
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/icon-button-size <path>
+npx @mui/codemod@latest v5.0.0/icon-button-size <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#iconbutton).
@@ -3383,7 +3635,7 @@ Replace JSS styling with `makeStyles` or `withStyles` to `styled` API.
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/jss-to-styled <path>
+npx @mui/codemod@latest v5.0.0/jss-to-styled <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#1-use-styled-or-sx-api).
@@ -3455,7 +3707,7 @@ Migrate JSS styling with `makeStyles` or `withStyles` to the corresponding `tss-
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/jss-to-tss-react <path>
+npx @mui/codemod@latest v5.0.0/jss-to-tss-react <path>
 ```
 
 The following scenarios are not currently handled by this codemod and will be marked with a
@@ -3483,7 +3735,7 @@ Apply `underline="hover"` to `<Link />` that does not define `underline` prop (t
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/link-underline-hover <path>
+npx @mui/codemod@latest v5.0.0/link-underline-hover <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#link).
@@ -3521,7 +3773,7 @@ Moves JSS imports to `@material-ui/styles`
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/material-ui-styles <path>
+npx @mui/codemod@latest v5.0.0/material-ui-styles <path>
 ```
 
 #### `material-ui-types`
@@ -3534,7 +3786,7 @@ Renames `Omit` import from `@material-ui/types` to `DistributiveOmit`
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/material-ui-types <path>
+npx @mui/codemod@latest v5.0.0/material-ui-types <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#material-ui-types).
@@ -3551,7 +3803,7 @@ Removes `disableBackdropClick` and `onEscapeKeyDown` from `<Modal>`
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/modal-props <path>
+npx @mui/codemod@latest v5.0.0/modal-props <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#modal).
@@ -3575,7 +3827,7 @@ or
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next v5.0.0/moved-lab-modules <path>
+npx @mui/codemod@latest v5.0.0/moved-lab-modules <path>
 ```
 
 You can find more details about this breaking change in the migration guide.
@@ -3600,7 +3852,7 @@ Renames `Pagination*`'s `shape` values from 'round' to 'circular'.
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/pagination-round-circular <path>
+npx @mui/codemod@latest v5.0.0/pagination-round-circular <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#pagination).
@@ -3620,7 +3872,7 @@ Converts all `@mui/material` & `@mui/icons-material` top-level imports to path i
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/path-imports <path>
+npx @mui/codemod@latest v5.0.0/path-imports <path>
 ```
 
 Head to https://mui.com/material-ui/guides/minimizing-bundle-size/ to understand when it's useful.
@@ -3639,7 +3891,7 @@ Fix private import paths.
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next v5.0.0/optimal-imports <path>
+npx @mui/codemod@latest v5.0.0/optimal-imports <path>
 ```
 
 #### `root-ref`
@@ -3647,7 +3899,7 @@ npx @mui/codemod@next v5.0.0/optimal-imports <path>
 Removes `RootRef` from the codebase.
 
 ```bash
-npx @mui/codemod@next v5.0.0/root-ref <path>
+npx @mui/codemod@latest v5.0.0/root-ref <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#rootref).
@@ -3662,7 +3914,7 @@ You can find more details about this breaking change in [the migration guide](ht
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/skeleton-variant <path>
+npx @mui/codemod@latest v5.0.0/skeleton-variant <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#skeleton).
@@ -3672,7 +3924,7 @@ You can find more details about this breaking change in [the migration guide](ht
 Applies `StyledEngineProvider` to the files that contains `ThemeProvider`.
 
 ```bash
-npx @mui/codemod@next v5.0.0/styled-engine-provider <path>
+npx @mui/codemod@latest v5.0.0/styled-engine-provider <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-style-changes/#style-library).
@@ -3698,7 +3950,7 @@ Renames props in `Table*` components.
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/table-props <path>
+npx @mui/codemod@latest v5.0.0/table-props <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#table).
@@ -3717,7 +3969,7 @@ Renames the `Tabs`'s `scrollButtons` prop values.
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/tabs-scroll-buttons <path>
+npx @mui/codemod@latest v5.0.0/tabs-scroll-buttons <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#tabs).
@@ -3736,7 +3988,7 @@ Renames `TextField`'s rows props.
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/textarea-minmax-rows <path>
+npx @mui/codemod@latest v5.0.0/textarea-minmax-rows <path>
 ```
 
 You can find more details about this breaking change in the migration guide.
@@ -3749,7 +4001,7 @@ You can find more details about this breaking change in the migration guide.
 Adds `DefaultTheme` module augmentation to TypeScript projects.
 
 ```bash
-npx @mui/codemod@next v5.0.0/theme-augment <path>
+npx @mui/codemod@latest v5.0.0/theme-augment <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#material-ui-styles).
@@ -3768,7 +4020,7 @@ Updates breakpoint values to match new logic. ⚠️ This mod is not idempotent,
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next v5.0.0/theme-breakpoints <path>
+npx @mui/codemod@latest v5.0.0/theme-breakpoints <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#theme).
@@ -3778,7 +4030,7 @@ You can find more details about this breaking change in [the migration guide](ht
 Renames `theme.breakpoints.width('md')` to `theme.breakpoints.values.md`.
 
 ```bash
-npx @mui/codemod@next v5.0.0/theme-breakpoints-width <path>
+npx @mui/codemod@latest v5.0.0/theme-breakpoints-width <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#theme).
@@ -3791,7 +4043,7 @@ You can find more details about this breaking change in [the migration guide](ht
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/theme-options <path>
+npx @mui/codemod@latest v5.0.0/theme-options <path>
 ```
 
 #### `theme-palette-mode`
@@ -3813,7 +4065,7 @@ Renames `type` to `mode`.
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/theme-palette-mode <path>
+npx @mui/codemod@latest v5.0.0/theme-palette-mode <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#theme).
@@ -3823,7 +4075,7 @@ You can find more details about this breaking change in [the migration guide](ht
 Renames `MuiThemeProvider` to `ThemeProvider`.
 
 ```bash
-npx @mui/codemod@next v5.0.0/theme-provider <path>
+npx @mui/codemod@latest v5.0.0/theme-provider <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#material-ui-core-styles).
@@ -3842,7 +4094,7 @@ Removes the 'px' suffix from some template strings.
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next v5.0.0/theme-spacing <path>
+npx @mui/codemod@latest v5.0.0/theme-spacing <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#theme).
@@ -3857,7 +4109,7 @@ Renames `theme.typography.round($number)` to `Math.round($number * 1e5) / 1e5`.
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/theme-typography-round <path>
+npx @mui/codemod@latest v5.0.0/theme-typography-round <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#theme).
@@ -3875,7 +4127,7 @@ Converts all `@mui/material` submodule imports to the root module:
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next v5.0.0/top-level-imports <path>
+npx @mui/codemod@latest v5.0.0/top-level-imports <path>
 ```
 
 Head to https://mui.com/material-ui/guides/minimizing-bundle-size/ to understand when it's useful.
@@ -3885,7 +4137,7 @@ Head to https://mui.com/material-ui/guides/minimizing-bundle-size/ to understand
 Renames import `transitions` to `createTransitions`
 
 ```bash
-npx @mui/codemod@next v5.0.0/transitions <path>
+npx @mui/codemod@latest v5.0.0/transitions <path>
 ```
 
 #### `use-autocomplete`
@@ -3898,7 +4150,7 @@ Renames `useAutocomplete` related import from lab to core
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/use-autocomplete <path>
+npx @mui/codemod@latest v5.0.0/use-autocomplete <path>
 ```
 
 #### `use-transitionprops`
@@ -3927,7 +4179,7 @@ Updates Dialog, Menu, Popover, and Snackbar to use the `TransitionProps` prop to
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next v5.0.0/use-transitionprops <path>
+npx @mui/codemod@latest v5.0.0/use-transitionprops <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](/material-ui/migration/v5-component-changes/#dialog).
@@ -3957,7 +4209,7 @@ The diff should look like this:
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next v5.0.0/variant-prop <path>
+npx @mui/codemod@latest v5.0.0/variant-prop <path>
 ```
 
 #### `with-mobile-dialog`
@@ -3971,7 +4223,7 @@ Removes imported `withMobileDialog`, and inserts hardcoded version to prevent ap
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/with-mobile-dialog <path>
+npx @mui/codemod@latest v5.0.0/with-mobile-dialog <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-component-changes/#dialog).
@@ -3987,7 +4239,7 @@ Removes `withWidth` import, and inserts hardcoded version to prevent application
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/with-width <path>
+npx @mui/codemod@latest v5.0.0/with-width <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/v5-style-changes/#material-ui-core-styles).
@@ -4048,7 +4300,7 @@ Replace every occurrence of `material-ui` related package with the new package n
 ```
 
 ```bash
-npx @mui/codemod@next v5.0.0/mui-replace <path>
+npx @mui/codemod@latest v5.0.0/mui-replace <path>
 ```
 
 You can find more details about this breaking change in [the migration guide](https://mui.com/material-ui/migration/migration-v4/#update-material-ui-version).
@@ -4068,7 +4320,7 @@ The diff should look like this:
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next v4.0.0/theme-spacing-api <path>
+npx @mui/codemod@latest v4.0.0/theme-spacing-api <path>
 ```
 
 This codemod tries to perform a basic expression simplification which can be improved for expressions that use more than one operation.
@@ -4095,7 +4347,7 @@ Converts all `@material-ui/core` imports more than 1 level deep to the optimal f
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next v4.0.0/optimal-imports <path>
+npx @mui/codemod@latest v4.0.0/optimal-imports <path>
 ```
 
 Head to https://mui.com/guides/minimizing-bundle-size/ to understand when it's useful.
@@ -4113,7 +4365,7 @@ Converts all `@material-ui/core` submodule imports to the root module:
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next v4.0.0/top-level-imports <path>
+npx @mui/codemod@latest v4.0.0/top-level-imports <path>
 ```
 
 Head to https://mui.com/guides/minimizing-bundle-size/ to understand when it's useful.
@@ -4134,7 +4386,7 @@ The diff should look like this:
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next v1.0.0/import-path <path>
+npx @mui/codemod@latest v1.0.0/import-path <path>
 ```
 
 **Notice**: if you are migrating from pre-v1.0, and your imports use `material-ui`, you will need to manually find and replace all references to `material-ui` in your code to `@material-ui/core`. E.g.:
@@ -4161,7 +4413,7 @@ The diff should look like this:
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next v1.0.0/color-imports <path>
+npx @mui/codemod@latest v1.0.0/color-imports <path>
 ```
 
 **additional options**
@@ -4169,7 +4421,7 @@ npx @mui/codemod@next v1.0.0/color-imports <path>
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next v1.0.0/color-imports <path> -- --importPath='mui/styles/colors' --targetPath='mui/colors'
+npx @mui/codemod@latest v1.0.0/color-imports <path> -- --importPath='mui/styles/colors' --targetPath='mui/colors'
 ```
 
 #### `svg-icon-imports`
@@ -4187,7 +4439,7 @@ The diff should look like this:
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next v1.0.0/svg-icon-imports <path>
+npx @mui/codemod@latest v1.0.0/svg-icon-imports <path>
 ```
 
 #### `menu-item-primary-text`
@@ -4205,7 +4457,7 @@ The diff should look like this:
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next v1.0.0/menu-item-primary-text <path>
+npx @mui/codemod@latest v1.0.0/menu-item-primary-text <path>
 ```
 
 ### v0.15.0
@@ -4229,5 +4481,5 @@ The diff should look like this:
 <!-- #npm-tag-reference -->
 
 ```bash
-npx @mui/codemod@next v0.15.0/import-path <path>
+npx @mui/codemod@latest v0.15.0/import-path <path>
 ```