feat: ant design system

.gitignore

@@ -133,8 +133,9 @@ dist
 .DS_Store
 node_modules/
 .vscode/
+.idea/
 out/
 test/reports
 test/test-bundle.js.map
 test/stub/test-stub-bundle.js
-**/dist
+**/dist

.storybook/main.ts

@@ -1,12 +1,12 @@
 // Replace your-framework with the framework you are using (e.g., react-webpack5, vue3-vite)
-import type { StorybookConfig } from "@storybook/react-vite"
+import type { StorybookConfig } from "@storybook/react-vite";
 
 const config: StorybookConfig = {
   framework: "@storybook/react-vite",
 
   stories: [
-    "../src/stories/**/*.mdx",
-    "../src/stories/**/*.stories.@(js|jsx|mjs|ts|tsx)",
+    "../src/**/*.mdx",
+    "../src/**/*.stories.@(ts|tsx)",
   ],
 
   addons: [
@@ -16,11 +16,10 @@ const config: StorybookConfig = {
   ],
 
   docs: {
-    autodocs: "tag",
+    autodocs: true,
+    defaultName: "Documentation",
   },
 
-  // staticDirs: ["../public"],
+};
 
-}
-
-export default config
+export default config;

.storybook/preview.js → .storybook/preview.ts

@@ -1,14 +1,18 @@
-/** @type { import('@storybook/react').Preview } */
-const preview = {
+import type { Preview } from "@storybook/react";
+
+const preview: Preview = {
   parameters: {
     actions: { argTypesRegex: "^on[A-Z].*" },
+
+    layout: "centered",
+
     controls: {
       matchers: {
         color: /(background|color)$/i,
         date: /Date$/i,
       },
     },
   },
-}
+};
 
-export default preview
+export default preview;