feat: ant design system (#9)

* wrap Ant Button, add stories for Type

* Commit generated CSS

* touch directory structure, move stories next to components

* add wrapped Dropdown with initial story

* Commit generated CSS

* technically default autocomplete working, but i have some question

* Commit generated CSS

* two examples with state

* Commit generated CSS

* add Input component

* add Modal component

* Add folder to component titles

* add autodocs for all components

* add .idea folder to .gitignore

* Default all stories to layout: centered

* Commit generated CSS

* Update preview to typescript

* Update csf 2->3

* Commit generated CSS

* Consistent formatting for story meta

* Add Skeleton Component

* Add Result Component

* Add initial custom hooks

* Add LoadingModal Component

* Commit generated CSS

* Add DatePicker Component

* Update Input Component, remove copy prop

* Update Loading Modal structure

* remove debugger

* Update Loading Modal stories type

* Add basic annotation modal component

* Commit generated CSS

---------

Co-authored-by: jared-dickman <[email protected]>

.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;