deps: upgrade storybook

.storybook/main.ts

@@ -1,28 +1,30 @@
 import type { StorybookConfig } from "@storybook/react-vite";
 
-import { defineConfig } from 'vite';
-
 const config: StorybookConfig = {
   stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
   addons: [
-    "@storybook/addon-links",
-    "@storybook/addon-essentials",
     "@storybook/addon-onboarding",
+    "@storybook/addon-essentials",
+    "@chromatic-com/storybook",
     "@storybook/addon-interactions",
   ],
   framework: {
     name: "@storybook/react-vite",
     options: {},
   },
-  docs: {
-    autodocs: "tag",
-  },
   viteFinal: (config) => {
     config.define = {
       ...config.define,
-      'process.env': process.env,
+      "process.env": process.env,
+      esbuild: {
+        jsx: "automatic",
+      },
     };
     return config;
   },
+  typescript: {
+    reactDocgen: "react-docgen-typescript",
+  },
 };
+
 export default config;

.storybook/preview.ts

@@ -1,9 +1,8 @@
 import type { Preview } from "@storybook/react";
-import '../src/style.content.css';
+import "../src/style.content.css";
 
 const preview: Preview = {
   parameters: {
-    actions: { argTypesRegex: "^on[A-Z].*" },
     controls: {
       matchers: {
         color: /(background|color)$/i,
@@ -11,6 +10,8 @@ const preview: Preview = {
       },
     },
   },
+
+  tags: ["autodocs"],
 };
 
 export default preview;