build-storybook based on built package

.storybook/main.ts

@@ -1,5 +1,6 @@
 import type { StorybookConfig } from '@storybook/react-vite'
 import { svg } from './favicon'
+import path from 'path'
 
 const config: StorybookConfig = {
   staticDirs: ['./public'],
@@ -32,6 +33,18 @@ const config: StorybookConfig = {
       },
     },
   },
+
+  viteFinal: async (config) => {
+    config.resolve ??= {}
+    config.resolve.alias = {
+      ...(config.resolve.alias || {}),
+      '@react-three/drei':
+        process.env.STORYBOOK_ENV === 'production'
+          ? path.resolve(__dirname, '../dist')
+          : path.resolve(__dirname, '../src'),
+    }
+    return config
+  },
 }
 
 export default config

.storybook/stories/AccumulativeShadows.stories.tsx

@@ -6,7 +6,7 @@ import { Meta, StoryObj } from '@storybook/react'
 
 import { Setup } from '../Setup'
 
-import { useGLTF, AccumulativeShadows, RandomizedLight, OrbitControls, Environment } from '../../src'
+import { useGLTF, AccumulativeShadows, RandomizedLight, OrbitControls, Environment } from '@react-three/drei'
 
 export default {
   title: 'Staging/AccumulativeShadows',

.storybook/stories/Adaptive.stories.tsx

@@ -4,7 +4,7 @@ import { Meta, StoryObj } from '@storybook/react'
 
 import { Setup } from '../Setup'
 
-import { useGLTF, AdaptiveDpr, AdaptiveEvents, OrbitControls } from '../../src'
+import { useGLTF, AdaptiveDpr, AdaptiveEvents, OrbitControls } from '@react-three/drei'
 
 import type { GLTF } from 'three-stdlib'
 

.storybook/stories/ArcballControls.stories.tsx

@@ -3,7 +3,7 @@ import React, { ComponentProps, useRef, useState } from 'react'
 import { Meta, StoryObj } from '@storybook/react'
 
 import { Setup } from '../Setup'
-import { ArcballControls, Box, PerspectiveCamera, Plane, useFBO } from '../../src'
+import { ArcballControls, Box, PerspectiveCamera, Plane, useFBO } from '@react-three/drei'
 
 import { Scene, type OrthographicCamera, type PerspectiveCamera as PerspectiveCameraType } from 'three'
 

.storybook/stories/BBAnchor.stories.tsx

@@ -5,7 +5,7 @@ import { Meta, StoryObj } from '@storybook/react'
 
 import { Setup } from '../Setup'
 
-import { Icosahedron, Sphere, Html, BBAnchor, OrbitControls, useHelper } from '../../src'
+import { Icosahedron, Sphere, Html, BBAnchor, OrbitControls, useHelper } from '@react-three/drei'
 import { BoxHelper } from 'three'
 
 export default {

.storybook/stories/Billboard.stories.tsx

@@ -4,7 +4,7 @@ import { Meta, StoryObj } from '@storybook/react'
 
 import { Setup } from '../Setup'
 
-import { Billboard, Plane, Box, Cone, OrbitControls, Text } from '../../src'
+import { Billboard, Plane, Box, Cone, OrbitControls, Text } from '@react-three/drei'
 import { ComponentProps } from 'react'
 
 export default {

.storybook/stories/Bvh.stories.tsx

@@ -4,7 +4,7 @@ import { Meta, StoryObj } from '@storybook/react'
 import { Setup } from '../Setup'
 import { MeshBVHHelper } from 'three-mesh-bvh'
 
-import { useHelper, Bvh, TorusKnot, OrbitControls } from '../../src'
+import { useHelper, Bvh, TorusKnot, OrbitControls } from '@react-three/drei'
 import { useFrame, useThree } from '@react-three/fiber'
 import { Group, Mesh, Raycaster, Vector3 } from 'three'
 

.storybook/stories/CameraControls.stories.tsx

@@ -4,7 +4,7 @@ import { Scene } from 'three'
 import { Meta, StoryObj } from '@storybook/react'
 
 import { Setup } from '../Setup'
-import { Box, CameraControls, PerspectiveCamera, Plane, useFBO } from '../../src'
+import { Box, CameraControls, PerspectiveCamera, Plane, useFBO } from '@react-three/drei'
 
 export default {
   title: 'Controls/CameraControls',

.storybook/stories/CameraShake.stories.tsx

@@ -6,7 +6,7 @@ import { Meta, StoryObj } from '@storybook/react'
 
 import { Setup } from '../Setup'
 
-import { CameraShake, OrbitControls } from '../../src'
+import { CameraShake, OrbitControls } from '@react-three/drei'
 import { ComponentProps } from 'react'
 
 export default {

.storybook/stories/Center.stories.tsx

@@ -5,7 +5,7 @@ import { Meta, StoryObj } from '@storybook/react'
 import { Setup } from '../Setup'
 import { useTurntable } from '../useTurntable'
 
-import { Box, Center, useGLTF } from '../../src'
+import { Box, Center, useGLTF } from '@react-three/drei'
 import { ComponentProps } from 'react'
 
 export default {

.storybook/stories/Cloud.stories.tsx

@@ -4,7 +4,7 @@ import { Meta, StoryObj } from '@storybook/react'
 
 import { Setup } from '../Setup'
 
-import { Cloud, OrbitControls } from '../../src'
+import { Cloud, OrbitControls } from '@react-three/drei'
 import { ComponentProps } from 'react'
 
 export default {

.storybook/stories/ContactShadows.stories.tsx

@@ -5,7 +5,7 @@ import { Meta, StoryObj } from '@storybook/react'
 
 import { Setup } from '../Setup'
 
-import { ContactShadows, Sphere, Plane } from '../../src'
+import { ContactShadows, Sphere, Plane } from '@react-three/drei'
 import { ComponentProps } from 'react'
 
 export default {

.storybook/stories/CubeCamera.stories.tsx

@@ -5,7 +5,7 @@ import { Meta, StoryObj } from '@storybook/react'
 
 import { Setup } from '../Setup'
 
-import { Box, CubeCamera } from '../../src'
+import { Box, CubeCamera } from '@react-three/drei'
 import { ComponentProps } from 'react'
 
 export default {

.storybook/stories/CubeTexture.stories.tsx

@@ -3,7 +3,7 @@ import { Meta, StoryObj } from '@storybook/react'
 
 import { Setup } from '../Setup'
 
-import { CubeTexture, Icosahedron } from '../../src'
+import { CubeTexture, Icosahedron } from '@react-three/drei'
 
 export default {
   title: 'Abstractions/CubeTexture',

.storybook/stories/CurveModifier.stories.tsx

@@ -5,7 +5,7 @@ import { extend, useFrame, useLoader } from '@react-three/fiber'
 import { Meta, StoryObj } from '@storybook/react'
 
 import { Setup } from '../Setup'
-import { CurveModifier, CurveModifierRef } from '../../src'
+import { CurveModifier, CurveModifierRef } from '@react-three/drei'
 
 extend({ StdText: TextGeometry })
 

.storybook/stories/Decal.stories.tsx

@@ -2,7 +2,7 @@ import * as React from 'react'
 import { Meta, StoryObj } from '@storybook/react'
 
 import { Setup } from '../Setup'
-import { Sampler, Decal, useTexture, useSurfaceSampler, PerspectiveCamera, OrbitControls } from '../../src'
+import { Sampler, Decal, useTexture, useSurfaceSampler, PerspectiveCamera, OrbitControls } from '@react-three/drei'
 import { Euler, InstancedBufferAttribute, Matrix4, Quaternion, Vector3 } from 'three'
 import { ComponentProps } from 'react'
 

.storybook/stories/Detailed.stories.tsx

@@ -4,7 +4,7 @@ import { Meta, StoryObj } from '@storybook/react'
 
 import { Setup } from '../Setup'
 
-import { Detailed, Icosahedron, OrbitControls } from '../../src'
+import { Detailed, Icosahedron, OrbitControls } from '@react-three/drei'
 import { ComponentProps } from 'react'
 
 export default {

.storybook/stories/DetectGPU.stories.tsx

@@ -4,7 +4,7 @@ import { Meta, StoryObj } from '@storybook/react'
 
 import { Setup } from '../Setup'
 
-import { DetectGPU, Text } from '../../src'
+import { DetectGPU, Text } from '@react-three/drei'
 
 export default {
   title: 'Misc/DetectGPU',

.storybook/stories/DeviceOrientationControls.stories.tsx

@@ -3,7 +3,7 @@ import { Meta, StoryObj } from '@storybook/react'
 
 import { Setup } from '../Setup'
 
-import { DeviceOrientationControls, Box } from '../../src'
+import { DeviceOrientationControls, Box } from '@react-three/drei'
 
 export default {
   title: 'Controls/DeviceOrientationControls',

.storybook/stories/DragControls.stories.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 import * as THREE from 'three'
-import { Box } from '../../src'
+import { Box } from '@react-three/drei'
 import { Setup } from '../Setup'
 import { DragControls } from '../../src/web/DragControls'
 import { Meta, StoryObj } from '@storybook/react'

.storybook/stories/Environment.stories.tsx

@@ -4,7 +4,7 @@ import { Meta, StoryObj } from '@storybook/react'
 
 import { Setup } from '../Setup'
 
-import { Environment, ContactShadows, PerspectiveCamera, OrbitControls } from '../../src'
+import { Environment, ContactShadows, PerspectiveCamera, OrbitControls } from '@react-three/drei'
 
 import { presetsObj } from '../../src/helpers/environment-assets'
 import { ComponentProps } from 'react'

.storybook/stories/Example.stories.tsx

@@ -4,7 +4,7 @@ import { Meta, StoryObj } from '@storybook/react'
 
 import { Setup } from '../Setup'
 
-import { Example, ExampleApi } from '../../src'
+import { Example, ExampleApi } from '@react-three/drei'
 
 export default {
   title: 'Misc/Example',

.storybook/stories/Extrude.stories.tsx

@@ -5,7 +5,7 @@ import { Meta, StoryObj } from '@storybook/react'
 import { Setup } from '../Setup'
 import { useTurntable } from '../useTurntable'
 
-import { Extrude } from '../../src'
+import { Extrude } from '@react-three/drei'
 
 export default {
   title: 'Shapes/Extrude',

.storybook/stories/FaceControls.stories.tsx

@@ -4,7 +4,7 @@ import { Meta, StoryObj } from '@storybook/react'
 
 import { Setup } from '../Setup'
 
-import { FaceLandmarker, FaceControls, Box } from '../../src'
+import { FaceLandmarker, FaceControls, Box } from '@react-three/drei'
 import { ComponentProps } from 'react'
 
 export default {

.storybook/stories/Facemesh.stories.tsx

@@ -5,7 +5,7 @@ import { Meta, StoryObj } from '@storybook/react'
 
 import { Setup } from '../Setup'
 
-import { Facemesh, FacemeshDatas } from '../../src'
+import { Facemesh, FacemeshDatas } from '@react-three/drei'
 
 export default {
   title: 'Shapes/Facemesh',

.storybook/stories/Fbo.stories.tsx

@@ -5,7 +5,7 @@ import { Meta, StoryObj } from '@storybook/react'
 
 import { Setup } from '../Setup'
 
-import { Fbo, TorusKnot, Box, PerspectiveCamera } from '../../src'
+import { Fbo, TorusKnot, Box, PerspectiveCamera } from '@react-three/drei'
 
 export default {
   title: 'Misc/Fbo',

.storybook/stories/Fbx.stories.tsx

@@ -3,7 +3,7 @@ import { Vector3 } from 'three'
 import { Meta, StoryObj } from '@storybook/react'
 
 import { Setup } from '../Setup'
-import { Fbx, useCubeTexture } from '../../src'
+import { Fbx, useCubeTexture } from '@react-three/drei'
 
 export default {
   title: 'Loaders/Fbx',

.storybook/stories/FirstPersonControls.stories.tsx

@@ -3,7 +3,7 @@ import { Meta, StoryObj } from '@storybook/react'
 
 import { Setup } from '../Setup'
 
-import { Box, FirstPersonControls } from '../../src'
+import { Box, FirstPersonControls } from '@react-three/drei'
 
 export default {
   title: 'Controls/FirstPersonControls',

.storybook/stories/Float.stories.tsx

@@ -5,7 +5,7 @@ import { Meta, StoryObj } from '@storybook/react'
 
 import { Setup } from '../Setup'
 
-import { Float } from '../../src'
+import { Float } from '@react-three/drei'
 
 export default {
   title: 'Staging/Float',

.storybook/stories/FlyControls.stories.tsx

@@ -3,7 +3,7 @@ import { Meta, StoryObj } from '@storybook/react'
 
 import { Setup } from '../Setup'
 
-import { Box, FlyControls } from '../../src'
+import { Box, FlyControls } from '@react-three/drei'
 
 export default {
   title: 'Controls/FlyControls',

.storybook/stories/GizmoHelper.stories.tsx

@@ -2,7 +2,7 @@ import * as React from 'react'
 import { Vector3 } from 'three'
 import { Meta, StoryObj } from '@storybook/react'
 
-import { GizmoHelper, OrbitControls, useGLTF, GizmoViewcube, GizmoViewport } from '../../src'
+import { GizmoHelper, OrbitControls, useGLTF, GizmoViewcube, GizmoViewport } from '@react-three/drei'
 import { Setup } from '../Setup'
 import { ComponentProps } from 'react'
 

.storybook/stories/Gltf.stories.tsx

@@ -4,7 +4,7 @@ import { Meta, StoryObj } from '@storybook/react'
 
 import { Setup } from '../Setup'
 
-import { Gltf } from '../../src'
+import { Gltf } from '@react-three/drei'
 
 export default {
   title: 'Loaders/Gltf',

.storybook/stories/Grid.stories.tsx

@@ -3,7 +3,7 @@ import { Vector3 } from 'three'
 import { Meta, StoryObj } from '@storybook/react'
 
 import { Setup } from '../Setup'
-import { Grid, Box } from '../../src'
+import { Grid, Box } from '@react-three/drei'
 
 export default {
   title: 'Gizmos/Grid',

.storybook/stories/HTML.stories.tsx

@@ -4,7 +4,7 @@ import * as THREE from 'three'
 import { Setup } from '../Setup'
 import { useTurntable } from '../useTurntable'
 
-import { Icosahedron, Html, OrthographicCamera } from '../../src'
+import { Icosahedron, Html, OrthographicCamera } from '@react-three/drei'
 import { HtmlProps, CalculatePosition } from '../../src/web/Html'
 import { useFrame, useThree } from '@react-three/fiber'
 import { Meta, StoryObj } from '@storybook/react'

.storybook/stories/Helper.stories.tsx

@@ -5,7 +5,7 @@ import { BoxHelper, CameraHelper } from 'three'
 import { VertexNormalsHelper } from 'three-stdlib'
 import { Meta, StoryObj } from '@storybook/react'
 
-import { Helper, PerspectiveCamera, Sphere } from '../../src'
+import { Helper, PerspectiveCamera, Sphere } from '@react-three/drei'
 import { Setup } from '../Setup'
 import { ComponentProps } from 'react'
 

.storybook/stories/Image.stories.tsx

@@ -4,7 +4,7 @@ import { Meta, StoryObj } from '@storybook/react'
 
 import { Setup } from '../Setup'
 
-import { Image, useTexture } from '../../src'
+import { Image, useTexture } from '@react-three/drei'
 
 export default {
   title: 'Abstractions/Image',

.storybook/stories/Instances.stories.tsx

@@ -3,7 +3,7 @@ import { Euler, MathUtils, Mesh, ShaderMaterial, Vector3 } from 'three'
 // import { StoryObj } from '@storybook/react'
 import { Setup } from '../Setup'
 
-import { useGLTF, Instances, Instance, createInstances, InstancedAttribute } from '../../src'
+import { useGLTF, Instances, Instance, createInstances, InstancedAttribute } from '@react-three/drei'
 import { useFrame } from '@react-three/fiber'
 import { clamp } from 'maath/misc'
 

.storybook/stories/KeyboardControls.stories.tsx

@@ -2,7 +2,7 @@ import { useFrame } from '@react-three/fiber'
 import * as React from 'react'
 import { useRef } from 'react'
 import { MathUtils, Mesh, Vector3 } from 'three'
-import { Cone, KeyboardControls, useKeyboardControls } from '../../src'
+import { Cone, KeyboardControls, useKeyboardControls } from '@react-three/drei'
 import { Setup } from '../Setup'
 import { Meta, StoryObj } from '@storybook/react'
 

.storybook/stories/Ktx2.stories.tsx

@@ -3,7 +3,7 @@ import { Meta, StoryObj } from '@storybook/react'
 
 import { Setup } from '../Setup'
 
-import { Box, Ktx2 } from '../../src'
+import { Box, Ktx2 } from '@react-three/drei'
 
 export default {
   title: 'Loaders/Ktx2',

.storybook/stories/Lathe.stories.tsx

@@ -5,7 +5,7 @@ import { Meta, StoryObj } from '@storybook/react'
 import { Setup } from '../Setup'
 import { useTurntable } from '../useTurntable'
 
-import { Lathe } from '../../src'
+import { Lathe } from '@react-three/drei'
 
 export default {
   title: 'Shapes/Lathe',

.storybook/stories/Line.stories.tsx

@@ -5,7 +5,7 @@ import { Meta, StoryObj } from '@storybook/react'
 
 import { Setup } from '../Setup'
 
-import { Line, OrbitControls, QuadraticBezierLine, CubicBezierLine, CatmullRomLine } from '../../src'
+import { Line, OrbitControls, QuadraticBezierLine, CubicBezierLine, CatmullRomLine } from '@react-three/drei'
 
 const points = GeometryUtils.hilbert3D(new Vector3(0), 5).map((p) => [p.x, p.y, p.z]) as [number, number, number][]
 

.storybook/stories/Loader.stories.tsx

@@ -4,7 +4,7 @@ import { Meta, StoryObj } from '@storybook/react'
 
 import { Setup } from '../Setup'
 
-import { Html, useGLTF, Loader } from '../../src'
+import { Html, useGLTF, Loader } from '@react-three/drei'
 
 export default {
   title: 'Misc/Loader',