use storybook with vite for demo

.gitignore

@@ -5,3 +5,7 @@
 /node_modules
 /umd
 npm-debug.log*
+/.idea
+/dist
+*storybook.log
+/storybook-static

.npmignore

@@ -7,3 +7,5 @@ src
 demo
 .gitattributes
 /.idea
+*storybook.log
+/storybook-static

.storybook/main.js

@@ -0,0 +1,18 @@
+/** @type { import('@storybook/react-vite').StorybookConfig } */
+const config = {
+  stories: [
+    "../src/*.mdx", 
+    "../src/**/*.mdx", 
+    "../src/*.stories.@(js|jsx|mjs|ts|tsx)",
+    "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"
+  ],
+  addons: [
+    "@storybook/addon-essentials",
+    "@storybook/blocks",
+  ],
+  framework: {
+    name: "@storybook/react-vite",
+    options: {},
+  },
+};
+export default config;

.storybook/preview.js

@@ -0,0 +1,13 @@
+/** @type { import('@storybook/react').Preview } */
+const preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+};
+
+export default preview;

CONTRIBUTING.md

@@ -8,7 +8,8 @@
 
 ## Development Server
 
-- `npm start` will run the app's demo folder at [http://localhost:3000](http://localhost:3000) with hot module reloading.
+- `npm start` will run the app's [Storybook](https://storybook.js.org/) at [http://localhost:3000](http://localhost:3000) with hot module 
+  reloading.
 
 ## Building