[codemod] Fix incorrect slot name in tab-props.js (scrollButton → scrollButtons)

docs/data/material/migration/migrating-from-deprecated-apis/migrating-from-deprecated-apis.md

@@ -2289,23 +2289,23 @@ Here's how to migrate:
 
 ### ScrollButtonComponent
 
-The Tabs's `ScrollButtonComponent` prop was deprecated in favor of `slots.scrollButton`:
+The Tabs's `ScrollButtonComponent` prop was deprecated in favor of `slots.scrollButtons`:
 
 ```diff
  <Tabs
 -  ScrollButtonComponent={ScrollButtonComponent}
-+  slots={{ scrollButton: ScrollButtonComponent }}
++  slots={{ scrollButtons: ScrollButtonComponent }}
  />
 ```
 
 ### TabScrollButtonProps
 
-The Tabs's `TabScrollButtonProps` prop was deprecated in favor of `slotProps.scrollButton`:
+The Tabs's `TabScrollButtonProps` prop was deprecated in favor of `slotProps.scrollButtons`:
 
 ```diff
  <Tabs
 -  TabScrollButtonProps={TabScrollButtonProps}
-+  slotProps={{ scrollButton: TabScrollButtonProps }}
++  slotProps={{ scrollButtons: TabScrollButtonProps }}
  />
 ```
 

packages/mui-codemod/src/deprecations/tabs-props/tabs-props.js

@@ -15,14 +15,14 @@ export default function transformer(file, api, options) {
     packageName: options.packageName,
     componentName: 'Tabs',
     propName: 'ScrollButtonComponent',
-    slotName: 'scrollButton',
+    slotName: 'scrollButtons',
   });
   movePropIntoSlotProps(j, {
     root,
     packageName: options.packageName,
     componentName: 'Tabs',
     propName: 'TabScrollButtonProps',
-    slotName: 'scrollButton',
+    slotName: 'scrollButtons',
   });
 
   movePropIntoSlotProps(j, {

packages/mui-codemod/src/deprecations/tabs-props/test-cases/expected.js

@@ -3,19 +3,19 @@ import { Tabs as MyTabs } from '@mui/material';
 
 <Tabs
   slots={{
-    scrollButton: CustomScrollButton
+    scrollButtons: CustomScrollButton
   }}
   slotProps={{
-    scrollButton: { disableRipple: true },
+    scrollButtons: { disableRipple: true },
     indicator: { className: 'indicator' }
   }} />;
 
 <MyTabs
   slots={{
-    scrollButton: CustomScrollButton
+    scrollButtons: CustomScrollButton
   }}
   slotProps={{
-    scrollButton: { disableRipple: true },
+    scrollButtons: { disableRipple: true },
     indicator: { className: 'indicator' }
   }} />;
 

packages/mui-codemod/src/deprecations/tabs-props/test-cases/package.expected.js

@@ -3,19 +3,19 @@ import { Tabs as MyTabs } from '@org/ui/material';
 
 <Tabs
   slots={{
-    scrollButton: CustomScrollButton
+    scrollButtons: CustomScrollButton
   }}
   slotProps={{
-    scrollButton: { disableRipple: true },
+    scrollButtons: { disableRipple: true },
     indicator: { className: 'indicator' }
   }} />;
 
 <MyTabs
   slots={{
-    scrollButton: CustomScrollButton
+    scrollButtons: CustomScrollButton
   }}
   slotProps={{
-    scrollButton: { disableRipple: true },
+    scrollButtons: { disableRipple: true },
     indicator: { className: 'indicator' }
   }} />;
 

packages/mui-codemod/src/deprecations/tabs-props/test-cases/theme.expected.js

@@ -2,11 +2,11 @@ fn({
   MuiTabs: {
     defaultProps: {
       slots: {
-        scrollButton: CustomScrollButton
+        scrollButtons: CustomScrollButton
       },
 
       slotProps: {
-        scrollButton: { disableRipple: true },
+        scrollButtons: { disableRipple: true },
         indicator: { className: 'indicator' }
       }
     },

packages/mui-material/src/Tabs/Tabs.d.ts

@@ -95,7 +95,7 @@ export type TabsSlotsAndSlotProps = CreateSlotsAndSlotProps<
      */
     indicator: SlotProps<'span', TabsIndicatorSlotPropsOverrides, TabsOwnerState>;
     /**
-     * Props forwarded to the scrollButton slot.
+     * Props forwarded to the scrollButtons slot.
      * By default, the available props are based on the [TabScrollButton](https://mui.com/material-ui/api/tab-scroll-button/#props) component.
      */
     scrollButtons: SlotProps<

packages/mui-material/src/Tabs/Tabs.js

@@ -384,7 +384,7 @@ const Tabs = React.forwardRef(function Tabs(inProps, ref) {
     slots,
     slotProps: {
       indicator: TabIndicatorProps,
-      scrollButton: TabScrollButtonProps,
+      scrollButtons: TabScrollButtonProps,
       ...slotProps,
     },
   };

packages/mui-material/src/Tabs/Tabs.test.js

@@ -1555,7 +1555,7 @@ describe.skipIf(isSafari)('<Tabs />', () => {
     });
   });
 
-  describe('scrollButton slot', () => {
+  describe('scrollButtons slot', () => {
     it('should render start and end scroll buttons', () => {
       render(
         <Tabs