chore: update eslint-plugin-storybook to v9

package.json

@@ -76,7 +76,7 @@
     "eslint-plugin-react-compiler": "^19.1.0-rc.2",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-ssr-friendly": "1.3.0",
-    "eslint-plugin-storybook": "^0.12.0",
+    "eslint-plugin-storybook": "^9.0.12",
     "eslint-plugin-testing-library": "^7.1.1",
     "globals": "^16.2.0",
     "jest": "29.7.0",

packages/react/src/ActionBar/ActionBar.examples.stories.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import type {Meta} from '@storybook/react'
+import type {Meta} from '@storybook/react-vite'
 import ActionBar from '.'
 import Text from '../Text'
 import {

packages/react/src/ActionBar/ActionBar.stories.tsx

@@ -11,7 +11,7 @@ import {
   ListOrderedIcon,
   TasklistIcon,
 } from '@primer/octicons-react'
-import type {Meta, StoryObj} from '@storybook/react'
+import type {Meta, StoryObj} from '@storybook/react-vite'
 
 const meta: Meta<typeof ActionBar> = {
   title: 'Experimental/Components/ActionBar',

packages/react/src/ActionList/ActionList.dev.stories.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import type {Meta} from '@storybook/react'
+import type {Meta} from '@storybook/react-vite'
 import {ActionList} from '.'
 import {Item} from './Item'
 import {LinkItem} from './LinkItem'

packages/react/src/ActionList/ActionList.examples.stories.tsx

@@ -1,4 +1,4 @@
-import type {Meta} from '@storybook/react'
+import type {Meta} from '@storybook/react-vite'
 import React, {forwardRef} from 'react'
 import {
   TypographyIcon,

packages/react/src/ActionList/ActionList.features.stories.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import type {Meta} from '@storybook/react'
+import type {Meta} from '@storybook/react-vite'
 import {ActionList} from '.'
 import {Item} from './Item'
 import {LinkItem} from './LinkItem'

packages/react/src/ActionList/ActionList.stories.tsx

@@ -1,4 +1,4 @@
-import type {StoryFn, Meta} from '@storybook/react'
+import type {StoryFn, Meta} from '@storybook/react-vite'
 import type {ActionListProps, ActionListGroupProps} from '.'
 import {ActionList} from '.'
 import {Item} from './Item'

packages/react/src/ActionList/ActionList.stress.dev.stories.tsx

@@ -1,4 +1,4 @@
-import type {Meta} from '@storybook/react'
+import type {Meta} from '@storybook/react-vite'
 import type {ComponentProps} from '../utils/types'
 import {StressTest} from '../utils/StressTest'
 import {TableIcon} from '@primer/octicons-react'

packages/react/src/ActionMenu/ActionMenu.dev.stories.tsx

@@ -1,4 +1,4 @@
-import type {Meta} from '@storybook/react'
+import type {Meta} from '@storybook/react-vite'
 import type {ComponentProps} from '../utils/types'
 import {ActionMenu} from './ActionMenu'
 import {ActionList} from '../ActionList'

packages/react/src/ActionMenu/ActionMenu.stories.tsx

@@ -1,4 +1,4 @@
-import type {Meta} from '@storybook/react'
+import type {Meta} from '@storybook/react-vite'
 import type {ComponentProps} from '../utils/types'
 import {ActionMenu} from './ActionMenu'
 import {ActionList} from '../ActionList'

packages/react/src/AnchoredOverlay/AnchoredOverlay.dev.stories.tsx

@@ -1,4 +1,4 @@
-import type {Meta} from '@storybook/react'
+import type {Meta} from '@storybook/react-vite'
 import React, {useState} from 'react'
 
 import {Button} from '../Button'

packages/react/src/AnchoredOverlay/AnchoredOverlay.features.stories.tsx

@@ -1,5 +1,5 @@
 import {useEffect, useRef, useState} from 'react'
-import type {Args, Meta} from '@storybook/react'
+import type {Args, Meta} from '@storybook/react-vite'
 import {FocusKeys} from '@primer/behaviors'
 
 import {Avatar, Box, Link, Text} from '..'

packages/react/src/AnchoredOverlay/AnchoredOverlay.stories.tsx

@@ -1,5 +1,5 @@
 import {useState} from 'react'
-import type {Args, Meta} from '@storybook/react'
+import type {Args, Meta} from '@storybook/react-vite'
 import {LocationIcon, RepoIcon} from '@primer/octicons-react'
 
 import {Avatar, Link, Text} from '..'

packages/react/src/Autocomplete/Autocomplete.dev.stories.tsx

@@ -1,4 +1,4 @@
-import type {Meta} from '@storybook/react'
+import type {Meta} from '@storybook/react-vite'
 
 import Autocomplete from './Autocomplete'
 import FormControl from '../FormControl'

packages/react/src/Autocomplete/Autocomplete.features.stories.tsx

@@ -1,6 +1,6 @@
 import type {ChangeEventHandler, RefObject} from 'react'
 import React, {useCallback, useEffect, useRef, useState} from 'react'
-import type {Meta} from '@storybook/react'
+import type {Meta} from '@storybook/react-vite'
 
 import {BaseStyles, Box, Stack, ThemeProvider, registerPortalRoot} from '..'
 import {Dialog} from '../DialogV1'

packages/react/src/Autocomplete/Autocomplete.stories.tsx

@@ -1,6 +1,6 @@
 import type React from 'react'
 import {useCallback, useState} from 'react'
-import type {Meta} from '@storybook/react'
+import type {Meta} from '@storybook/react-vite'
 
 import {BaseStyles, Box, ThemeProvider} from '..'
 

packages/react/src/Avatar/Avatar.features.stories.tsx

@@ -1,4 +1,4 @@
-import type {Meta} from '@storybook/react'
+import type {Meta} from '@storybook/react-vite'
 import Avatar from './Avatar'
 
 export default {

packages/react/src/Avatar/Avatar.stories.tsx

@@ -1,4 +1,4 @@
-import type {Meta, StoryFn} from '@storybook/react'
+import type {Meta, StoryFn} from '@storybook/react-vite'
 import type {AvatarProps} from './Avatar'
 import Avatar, {DEFAULT_AVATAR_SIZE} from './Avatar'
 import {parseSizeFromArgs} from './storyHelpers'

packages/react/src/AvatarPair/AvatarPair.features.stories.tsx

@@ -1,4 +1,4 @@
-import type {Meta} from '@storybook/react'
+import type {Meta} from '@storybook/react-vite'
 import AvatarPair from './AvatarPair'
 import Avatar from '../Avatar'
 

packages/react/src/AvatarPair/AvatarPair.stories.tsx

@@ -1,4 +1,4 @@
-import type {Meta} from '@storybook/react'
+import type {Meta} from '@storybook/react-vite'
 import AvatarPair from './AvatarPair'
 import Avatar from '../Avatar'
 

packages/react/src/AvatarStack/AvatarStack.dev.stories.tsx

@@ -1,4 +1,4 @@
-import type {Meta} from '@storybook/react'
+import type {Meta} from '@storybook/react-vite'
 import AvatarStack from './AvatarStack'
 import Avatar from '../Avatar'
 import Link from '../Link'

packages/react/src/AvatarStack/AvatarStack.features.stories.tsx

@@ -1,4 +1,4 @@
-import type {Meta} from '@storybook/react'
+import type {Meta} from '@storybook/react-vite'
 import AvatarStack from './AvatarStack'
 import Avatar from '../Avatar'
 

packages/react/src/AvatarStack/AvatarStack.stories.tsx

@@ -1,4 +1,4 @@
-import type {Meta, StoryFn} from '@storybook/react'
+import type {Meta, StoryFn} from '@storybook/react-vite'
 import type {AvatarStackProps} from './AvatarStack'
 import AvatarStack from './AvatarStack'
 import Avatar from '../Avatar'

packages/react/src/Banner/Banner.examples.stories.tsx

@@ -1,7 +1,7 @@
 import {Banner} from '../Banner'
 import {action} from '@storybook/addon-actions'
 import Link from '../Link'
-import type {Meta} from '@storybook/react'
+import type {Meta} from '@storybook/react-vite'
 import {AriaAlert, AriaStatus} from '../live-region'
 import FormControl from '../FormControl'
 import RadioGroup from '../RadioGroup'

packages/react/src/Banner/Banner.features.stories.tsx

@@ -1,6 +1,6 @@
 import {CopilotIcon, GitPullRequestIcon} from '@primer/octicons-react'
 import {action} from '@storybook/addon-actions'
-import type {Meta} from '@storybook/react'
+import type {Meta} from '@storybook/react-vite'
 import {Banner} from '../Banner'
 import Link from '../Link'
 

packages/react/src/Banner/Banner.stories.tsx

@@ -1,4 +1,4 @@
-import type {Meta, StoryObj} from '@storybook/react'
+import type {Meta, StoryObj} from '@storybook/react-vite'
 import Link from '../Link'
 import {Banner} from '../Banner'
 import {PageLayout} from '../PageLayout'

packages/react/src/BaseStyles.dev.stories.tsx

@@ -1,5 +1,5 @@
 import {BaseStyles} from '.'
-import type {Meta} from '@storybook/react'
+import type {Meta} from '@storybook/react-vite'
 import type {ComponentProps} from './utils/types'
 
 export default {

packages/react/src/Blankslate/Blankslate.stories.tsx

@@ -1,5 +1,5 @@
 import {BookIcon} from '@primer/octicons-react'
-import type {Meta, StoryFn} from '@storybook/react'
+import type {Meta, StoryFn} from '@storybook/react-vite'
 import {Blankslate} from '../Blankslate'
 import type {ComponentProps} from '../utils/types'
 

packages/react/src/Box/Box.features.stories.tsx

@@ -1,4 +1,4 @@
-import type {Meta} from '@storybook/react'
+import type {Meta} from '@storybook/react-vite'
 import Box from './Box'
 
 export default {

packages/react/src/Box/Box.stories.tsx

@@ -1,4 +1,4 @@
-import type {Meta, StoryFn} from '@storybook/react'
+import type {Meta, StoryFn} from '@storybook/react-vite'
 import Box from './Box'
 
 export default {

packages/react/src/BranchName/BranchName.features.stories.tsx

@@ -1,4 +1,4 @@
-import type {Meta} from '@storybook/react'
+import type {Meta} from '@storybook/react-vite'
 import BranchName from './BranchName'
 import {Stack} from '../Stack'
 import Octicon from '../Octicon'

packages/react/src/BranchName/BranchName.stories.tsx

@@ -1,4 +1,4 @@
-import type {Meta} from '@storybook/react'
+import type {Meta} from '@storybook/react-vite'
 import BranchName from './BranchName'
 
 export default {

packages/react/src/Breadcrumbs/Breadcrumbs.stories.tsx

@@ -1,4 +1,4 @@
-import type {Meta} from '@storybook/react'
+import type {Meta} from '@storybook/react-vite'
 import type {ComponentProps} from '../utils/types'
 import Breadcrumbs from './Breadcrumbs'
 

packages/react/src/Button/Button.examples.stories.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import type {Meta} from '@storybook/react'
+import type {Meta} from '@storybook/react-vite'
 import {Button} from '.'
 import {DownloadIcon} from '@primer/octicons-react'
 import {Banner} from '../experimental'

packages/react/src/Button/Button.stories.tsx

@@ -1,5 +1,5 @@
 import {EyeClosedIcon, EyeIcon, SearchIcon, TriangleDownIcon, XIcon, HeartIcon} from '@primer/octicons-react'
-import type {Meta, StoryObj} from '@storybook/react'
+import type {Meta, StoryObj} from '@storybook/react-vite'
 import {Button} from '.'
 import {OcticonArgType} from '../utils/story-helpers'
 

packages/react/src/Button/Button.stress.dev.stories.tsx

@@ -1,4 +1,4 @@
-import type {Meta} from '@storybook/react'
+import type {Meta} from '@storybook/react-vite'
 import type {ComponentProps} from '../utils/types'
 import {StressTest} from '../utils/StressTest'
 import {Button} from '.'

packages/react/src/Button/IconButton.stories.tsx

@@ -1,6 +1,6 @@
 import type {ComponentProps} from 'react'
 import {EyeClosedIcon, EyeIcon, SearchIcon, XIcon, HeartIcon} from '@primer/octicons-react'
-import type {Meta, StoryFn} from '@storybook/react'
+import type {Meta, StoryFn} from '@storybook/react-vite'
 import {IconButton} from '.'
 import {OcticonArgType} from '../utils/story-helpers'
 

packages/react/src/Button/LinkButton.stories.tsx

@@ -1,5 +1,5 @@
 import {EyeClosedIcon, EyeIcon, SearchIcon, XIcon, HeartIcon, ChevronRightIcon} from '@primer/octicons-react'
-import type {Meta, StoryFn} from '@storybook/react'
+import type {Meta, StoryFn} from '@storybook/react-vite'
 import {LinkButton} from '.'
 import {OcticonArgType} from '../utils/story-helpers'
 

packages/react/src/ButtonGroup/ButtonGroup.dev.stories.tsx

@@ -1,4 +1,4 @@
-import type {Meta} from '@storybook/react'
+import type {Meta} from '@storybook/react-vite'
 import ButtonGroup from './ButtonGroup'
 import {Button, IconButton, LinkButton} from '../Button'
 import {CopilotIcon} from '@primer/octicons-react'

packages/react/src/ButtonGroup/ButtonGroup.features.stories.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import type {Meta} from '@storybook/react'
+import type {Meta} from '@storybook/react-vite'
 import ButtonGroup from './ButtonGroup'
 import {IconButton, Button} from '../Button'
 import {PlusIcon, DashIcon, TriangleDownIcon} from '@primer/octicons-react'

packages/react/src/ButtonGroup/ButtonGroup.stories.tsx

@@ -1,4 +1,4 @@
-import type {StoryFn, Meta} from '@storybook/react'
+import type {StoryFn, Meta} from '@storybook/react-vite'
 import ButtonGroup from './ButtonGroup'
 import type {ButtonProps} from '../Button'
 import {Button} from '../Button'

packages/react/src/Checkbox/Checkbox.stories.tsx

@@ -1,4 +1,4 @@
-import type {Meta} from '@storybook/react'
+import type {Meta} from '@storybook/react-vite'
 import type {CheckboxProps} from '..'
 import {Box, Checkbox} from '..'
 import FormControl from '../FormControl'

packages/react/src/CheckboxGroup/CheckboxGroup.dev.stories.tsx

@@ -1,4 +1,4 @@
-import type {Meta} from '@storybook/react'
+import type {Meta} from '@storybook/react-vite'
 import {Checkbox, CheckboxGroup, FormControl} from '..'
 
 export default {

packages/react/src/CheckboxGroup/CheckboxGroup.stories.tsx

@@ -1,4 +1,4 @@
-import type {Meta} from '@storybook/react'
+import type {Meta} from '@storybook/react-vite'
 import {Checkbox, CheckboxGroup, FormControl} from '..'
 import type {CheckboxOrRadioGroupArgs} from '../utils/form-story-helpers'
 

packages/react/src/CircleBadge/CircleBadge.stories.tsx

@@ -1,4 +1,4 @@
-import type {Meta, StoryFn} from '@storybook/react'
+import type {Meta, StoryFn} from '@storybook/react-vite'
 import CircleBadge from './CircleBadge'
 import {ZapIcon} from '@primer/octicons-react'
 

packages/react/src/CircleOcticon/CircleOcticon.stories.tsx

@@ -1,4 +1,4 @@
-import type {Meta, StoryFn} from '@storybook/react'
+import type {Meta, StoryFn} from '@storybook/react-vite'
 import CircleOcticon from './CircleOcticon'
 import type {CircleOcticonProps} from './CircleOcticon'
 import {CheckIcon} from '@primer/octicons-react'

packages/react/src/ConfirmationDialog/ConfirmationDialog.features.stories.tsx

@@ -1,6 +1,6 @@
 import type React from 'react'
 import {useState, useCallback} from 'react'
-import type {Meta} from '@storybook/react'
+import type {Meta} from '@storybook/react-vite'
 import {Box, useTheme} from '..'
 import {Button} from '../Button'
 import {ActionMenu} from '../ActionMenu'

packages/react/src/ConfirmationDialog/ConfirmationDialog.stories.tsx

@@ -1,5 +1,5 @@
 import {useCallback, useRef, useState} from 'react'
-import type {Meta} from '@storybook/react'
+import type {Meta} from '@storybook/react-vite'
 import {BaseStyles, Button, ThemeProvider} from '..'
 import {ConfirmationDialog} from './ConfirmationDialog'
 

packages/react/src/CounterLabel/CounterLabel.features.stories.tsx

@@ -1,4 +1,4 @@
-import type {StoryFn, Meta} from '@storybook/react'
+import type {StoryFn, Meta} from '@storybook/react-vite'
 import CounterLabel from './CounterLabel'
 
 export default {