chore: sb9 (#2452)

Author: abernier

.storybook/main.ts

@@ -4,7 +4,7 @@ import { svg } from './favicon'
 const config: StorybookConfig = {
   staticDirs: ['./public'],
   stories: ['./stories/**/*.stories.{ts,tsx}'],
-  addons: ['@storybook/addon-essentials', '@chromatic-com/storybook'],
+  addons: ['@chromatic-com/storybook', '@storybook/addon-docs'],
 
   // Favicon (inline svg https://stackoverflow.com/questions/66935329/use-inline-svg-as-favicon)
   managerHead: (head) => `

.storybook/manager.ts

@@ -1,4 +1,4 @@
-import { addons } from '@storybook/manager-api'
+import { addons } from 'storybook/manager-api'
 import theme from './theme'
 
 addons.setConfig({

.storybook/preview.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import type { Preview } from '@storybook/react'
+import type { Preview } from '@storybook/react-vite'
 
 import './index.css'
 

.storybook/stories/AccumulativeShadows.stories.tsx

@@ -2,7 +2,7 @@ import * as THREE from 'three'
 import * as React from 'react'
 import { ComponentProps } from 'react'
 import { FlakesTexture } from 'three-stdlib'
-import { Meta, StoryObj } from '@storybook/react'
+import { Meta, StoryObj } from '@storybook/react-vite'
 
 import { Setup } from '../Setup'
 

.storybook/stories/Adaptive.stories.tsx

@@ -1,6 +1,6 @@
 import React, { ComponentProps, Suspense } from 'react'
 import { Vector3, type Material, type Mesh } from 'three'
-import { Meta, StoryObj } from '@storybook/react'
+import { Meta, StoryObj } from '@storybook/react-vite'
 
 import { Setup } from '../Setup'
 

.storybook/stories/ArcballControls.stories.tsx

@@ -1,6 +1,6 @@
 import { createPortal, useFrame } from '@react-three/fiber'
 import React, { ComponentProps, useRef, useState } from 'react'
-import { Meta, StoryObj } from '@storybook/react'
+import { Meta, StoryObj } from '@storybook/react-vite'
 
 import { Setup } from '../Setup'
 import { ArcballControls, Box, PerspectiveCamera, Plane, useFBO } from '../../src'

.storybook/stories/BBAnchor.stories.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { ComponentProps } from 'react'
 import * as THREE from 'three'
-import { Meta, StoryObj } from '@storybook/react'
+import { Meta, StoryObj } from '@storybook/react-vite'
 
 import { Setup } from '../Setup'
 

.storybook/stories/Billboard.stories.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 import { Vector3 } from 'three'
-import { Meta, StoryObj } from '@storybook/react'
+import { Meta, StoryObj } from '@storybook/react-vite'
 
 import { Setup } from '../Setup'
 

.storybook/stories/Bvh.stories.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { Meta, StoryObj } from '@storybook/react'
+import { Meta, StoryObj } from '@storybook/react-vite'
 
 import { Setup } from '../Setup'
 import { MeshBVHHelper } from 'three-mesh-bvh'

.storybook/stories/CameraControls.stories.tsx

@@ -1,7 +1,7 @@
 import { createPortal, useFrame } from '@react-three/fiber'
 import React, { ComponentProps, useRef, useState } from 'react'
 import * as THREE from 'three'
-import { Meta, StoryObj } from '@storybook/react'
+import { Meta, StoryObj } from '@storybook/react-vite'
 
 import { Setup } from '../Setup'
 import { Box, CameraControls, PerspectiveCamera, Plane, useFBO } from '../../src'