docs: show readme as storybook home

.storybook/home.mdx

@@ -0,0 +1,6 @@
+import { Markdown, Meta } from '@storybook/blocks'
+import README from '../README.md?raw'
+
+<Meta title="About/README" />
+
+<Markdown>{README}</Markdown>

.storybook/main.ts

@@ -1,13 +1,23 @@
 import type { StorybookConfig } from '@storybook/react-vite'
 
 const config: StorybookConfig = {
-  stories: ['../stories/**/*.@(mdx)', '../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  stories: ['./home.mdx', '../stories/**/*.@(mdx)', '../stories/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
   addons: [
     '@storybook/addon-links',
     '@storybook/addon-essentials',
     '@storybook/addon-interactions',
     '@storybook/addon-themes',
+    {
+      name: '@storybook/addon-docs',
+      options: {
+        csfPluginOptions: null,
+        mdxPluginOptions: {},
+      },
+    },
   ],
+  docs: {
+    defaultName: 'docs',
+  },
   framework: {
     name: '@storybook/react-vite',
     options: {},

.storybook/theme.ts

@@ -3,7 +3,7 @@ import { create } from '@storybook/theming/create'
 // @see https://storybook.js.org/docs/configure/user-interface/theming#create-a-theme-quickstart
 export default create({
   base: 'dark',
-  brandTitle: 'Glassmorphic shadcn/ui',
+  brandTitle: 'glasscn-ui',
   brandUrl: 'https://github.com/itsjavi/glasscn-ui',
   brandTarget: '_blank',
   brandImage: undefined, //url

README.md

@@ -1,6 +1,8 @@
 # glasscn-ui
 
+![GitHub](https://img.shields.io/github/stars/itsjavi/glasscn-ui?style=flat-square&label=GitHub&logo=github)
 ![NPM](https://img.shields.io/npm/v/glasscn-ui)
+![License](https://img.shields.io/github/license/itsjavi/glasscn-ui?label=License)
 
 Themable shadcn/ui component library with glassmorphism variants, and extra components like the Circular Progress.
 

package.json

@@ -80,6 +80,7 @@
   },
   "devDependencies": {
     "@commitlint/config-conventional": "^19.5.0",
+    "@storybook/addon-docs": "^8.3.6",
     "@storybook/addon-essentials": "^8.3.6",
     "@storybook/addon-interactions": "^8.3.6",
     "@storybook/addon-links": "^8.3.6",
@@ -120,11 +121,5 @@
   "packageManager": "[email protected]",
   "publishConfig": {
     "access": "public"
-  },
-  "overrides": {
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
-    "react": "^18",
-    "react-dom": "^18"
   }
 }