chore: update storybook

.storybook/main.ts

@@ -1,7 +1,7 @@
 import { StorybookConfig } from '@storybook/react-webpack5';
 const webpack = require('webpack');
 const config: StorybookConfig = {
-  stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
   addons: [
     '@storybook/addon-links',
     '@storybook/addon-essentials',
@@ -34,6 +34,7 @@ const config: StorybookConfig = {
         ],
       },
     },
+    '@storybook/addon-webpack5-compiler-babel',
   ],
   framework: {
     name: '@storybook/react-webpack5',

package.json

@@ -96,15 +96,16 @@
     "@commitlint/cli": "^17.8.1",
     "@commitlint/config-conventional": "^17.8.1",
     "@release-it/conventional-changelog": "^7.0.2",
-    "@storybook/addon-a11y": "^7.6.17",
-    "@storybook/addon-actions": "^7.6.17",
-    "@storybook/addon-essentials": "^7.6.17",
-    "@storybook/addon-interactions": "^7.6.17",
-    "@storybook/addon-links": "^7.6.17",
-    "@storybook/addon-mdx-gfm": "^7.6.17",
+    "@storybook/addon-a11y": "^8.0.8",
+    "@storybook/addon-actions": "^8.0.8",
+    "@storybook/addon-essentials": "^8.0.8",
+    "@storybook/addon-interactions": "^8.0.8",
+    "@storybook/addon-links": "^8.0.8",
+    "@storybook/addon-mdx-gfm": "^8.0.8",
     "@storybook/addon-styling-webpack": "^1.0.0",
-    "@storybook/react": "^7.6.17",
-    "@storybook/react-webpack5": "^7.6.17",
+    "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
+    "@storybook/react": "^8.0.8",
+    "@storybook/react-webpack5": "^8.0.8",
     "@swc/core": "^1.4.13",
     "@swc/jest": "^0.2.36",
     "@tabler/icons-react": "^2.47.0",
@@ -123,6 +124,7 @@
     "@typescript-eslint/parser": "^6.21.0",
     "babel-loader": "^9.1.3",
     "base16": "^1.0.0",
+    "css-loader": "^7.1.1",
     "esbuild": "^0.18.20",
     "esbuild-plugin-replace": "^1.4.0",
     "eslint": "^8.57.0",
@@ -134,7 +136,7 @@
     "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-storybook": "^0.6.15",
+    "eslint-plugin-storybook": "^0.8.0",
     "husky": "^8.0.3",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
@@ -155,10 +157,12 @@
     "rimraf": "^5.0.5",
     "rxjs": "^7.8.1",
     "shelljs": "^0.8.5",
-    "storybook": "^7.6.17",
+    "storybook": "^8.0.8",
+    "style-loader": "^4.0.0",
     "ts-node": "^10.9.2",
     "tsup": "^8.0.2",
-    "typescript": "^5.4.5"
+    "typescript": "^5.4.5",
+    "webpack": "^5.91.0"
   },
   "peerDependencies": {
     "react": ">=17.0.0"