feat: Storybook autodocs

.gitignore

@@ -10,8 +10,8 @@ node_modules
 dist
 dist-ssr
 *.local
-**/*.css
-**/*.css.map
+**/**/*.css
+**/**/*.css.map
 
 # Editor directories and files
 .vscode/*

.storybook/main.ts

@@ -17,6 +17,7 @@ export default {
       '@storybook/addon-viewport'
   ],
   docs: {
-      defaultName: 'Documentation'
+      defaultName: 'Documentation',
+      autodocs: 'tag'
   }
 };

.storybook/preview.tsx

@@ -0,0 +1,27 @@
+import { Preview } from '@storybook/react';
+import { Title, Subtitle, Description, Controls, Stories } from '@storybook/blocks';
+
+const preview: Preview = {
+    parameters: {
+        actions: { argTypesRegex: '^on[A-Z].*' },
+        controls: {
+            matchers: {
+                color: /(background|color)$/i,
+                date: /Date$/,
+            }
+        },
+        docs: {
+            page: () => (
+                <>
+                    <Title />
+                    <Subtitle />
+                    <Description />
+                    <Stories />
+                    <Controls />
+                </>
+            )
+        }
+    }
+}
+
+export default preview;

README.md

@@ -1,5 +1,7 @@
-<p align="center">
-    <a href="https://components.lapidist.net/" target="_blank" rel="noopener">
+
+
+
+<a href="https://components.lapidist.net/" target="_blank" rel="noopener">
         <img width="120" src="https://lapidist.net/logo.svg" alt="Lapidist Logo"/>
     </a>
 </p>

package.json

@@ -29,13 +29,13 @@
   "files": [
     "dist"
   ],
-  "main": "./dist/lapidist.umd.js",
-  "module": "./dist/lapidist.es.js",
+  "main": "./dist/components.umd.js",
+  "module": "./dist/components.es.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/lapidist.es.js",
-      "require": "./dist/lapidist.umd.js"
+      "import": "./dist/components.es.js",
+      "require": "./dist/components.umd.js"
     },
     "./style.css": {
       "import": "./dist/style.css",