chore: upgrade Storybook from 8 to 10 (#26)

- Upgrade all @storybook/* packages to v10
- Remove consolidated packages (@storybook/addon-essentials, @storybook/addon-interactions, @storybook/blocks, @storybook/test)
- Migrate imports from @storybook/react to @storybook/react-vite
- Replace @storybook/addon-essentials with @storybook/addon-docs

Author: RostiMelk

.storybook/main.ts

@@ -2,11 +2,7 @@ import type { StorybookConfig } from "@storybook/react-vite";
 
 const config: StorybookConfig = {
   stories: ["../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
-  addons: [
-    "@storybook/addon-links",
-    "@storybook/addon-essentials",
-    "@storybook/addon-interactions",
-  ],
+  addons: ["@storybook/addon-links", "@storybook/addon-docs"],
   framework: {
     name: "@storybook/react-vite",
     options: {},

.storybook/preview.ts

@@ -1,4 +1,4 @@
-import type { Preview } from "@storybook/react";
+import type { Preview } from "@storybook/react-vite";
 
 const preview: Preview = {
   parameters: {

bun.lock

@@ -25,7 +25,7 @@
     "test": "NODE_ENV=development bun test",
     "bench": "bun tests/bench/run.ts",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "storybook:build": "storybook build"
   },
   "repository": {
     "type": "git",
@@ -44,23 +44,20 @@
   ],
   "license": "MIT",
   "devDependencies": {
-    "@chromatic-com/storybook": "^3",
+    "@chromatic-com/storybook": "^5.0.1",
     "@happy-dom/global-registrator": "^16",
     "@napi-rs/canvas": "^0.1.90",
-    "@storybook/addon-essentials": "^8",
-    "@storybook/addon-interactions": "^8",
-    "@storybook/addon-links": "^8",
-    "@storybook/blocks": "^8",
-    "@storybook/react": "^8",
-    "@storybook/react-vite": "^8",
-    "@storybook/test": "^8",
+    "@storybook/addon-docs": "^10.2.8",
+    "@storybook/addon-links": "^10.2.8",
+    "@storybook/react": "^10.2.8",
+    "@storybook/react-vite": "^10.2.8",
     "@testing-library/react": "^16",
     "@types/bun": "latest",
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "react": "^19",
     "react-dom": "^19",
-    "storybook": "^8",
+    "storybook": "^10.2.8",
     "vite": "^5"
   },
   "peerDependencies": {

package.json

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react-vite";
 import { useMemo } from "react";
 import {
   type StoryArgs,

stories/LogoSoup.DarkMode.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react-vite";
 import { useMemo } from "react";
 import {
   type StoryArgs,

stories/LogoSoup.stories.tsx

@@ -1,4 +1,4 @@
-import type { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react-vite";
 import type { CSSProperties } from "react";
 import { useMemo } from "react";
 import { allLogos, shuffleArray } from "./shared";