add first draft

.storybook/main.js

@@ -56,7 +56,9 @@ module.exports = {
     return config;
   },
 
-  docs: {
-    autodocs: true,
-  },
+  docs: {},
+
+  typescript: {
+    reactDocgen: "react-docgen-typescript"
+  }
 };

.storybook/preview.js

@@ -33,3 +33,4 @@ export const decorators = [
     attributeName: "data-mode",
   }),
 ];
+export const tags = ["autodocs"];

package.json

@@ -38,7 +38,7 @@
     "@babel/preset-env": "^7.24.5",
     "@babel/preset-react": "^7.24.1",
     "@babel/preset-typescript": "^7.24.1",
-    "@chromatic-com/storybook": "^1",
+    "@chromatic-com/storybook": "^1.4.0",
     "@mdx-js/react": "^2.3.0",
     "@rollup/plugin-commonjs": "^21.1.0",
     "@rollup/plugin-node-resolve": "^13.3.0",
@@ -47,20 +47,20 @@
     "@semantic-release/commit-analyzer": "^9.0.2",
     "@semantic-release/github": "github:semantic-release/github",
     "@semantic-release/npm": "github:semantic-release/npm",
-    "@storybook/addon-a11y": "^8.0.10",
-    "@storybook/addon-actions": "^8.0.10",
-    "@storybook/addon-essentials": "^8.0.10",
-    "@storybook/addon-interactions": "^8.0.10",
-    "@storybook/addon-links": "^8.0.10",
+    "@storybook/addon-a11y": "^8.1.1",
+    "@storybook/addon-actions": "^8.1.1",
+    "@storybook/addon-essentials": "^8.1.1",
+    "@storybook/addon-interactions": "^8.1.1",
+    "@storybook/addon-links": "^8.1.1",
     "@storybook/addon-styling-webpack": "^1.0.0",
-    "@storybook/addon-themes": "^8.0.10",
+    "@storybook/addon-themes": "^8.1.1",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
-    "@storybook/manager-api": "^8.0.10",
+    "@storybook/manager-api": "^8.1.1",
     "@storybook/mdx2-csf": "^1.1.0",
-    "@storybook/react": "^8.0.10",
-    "@storybook/react-webpack5": "^8.0.10",
-    "@storybook/test": "^8.0.10",
-    "@storybook/theming": "^8.0.10",
+    "@storybook/react": "^8.1.1",
+    "@storybook/react-webpack5": "^8.1.1",
+    "@storybook/test": "^8.1.1",
+    "@storybook/theming": "^8.1.1",
     "@tailwindcss/forms": "^0.5.7",
     "@testing-library/react": "^14.1.2",
     "@types/jest": "^29.5.12",
@@ -96,7 +96,7 @@
     "rollup-plugin-preserve-directives": "^0.1.1",
     "rollup-plugin-typescript-paths": "^1.4.0",
     "semantic-release": "^22.0.8",
-    "storybook": "^8.0.10",
+    "storybook": "^8.1.1",
     "storybook-source-link": "^4.0.1",
     "style-loader": "^3.3.3",
     "tailwindcss": "^3.4.3",