updates

.gitignore

@@ -6,6 +6,7 @@ dist
 dist-ssr
 *.local
 coverage
+site
 
 # Logs
 logs

.storybook/main.ts

@@ -1,16 +1,10 @@
 import type { StorybookConfig } from "@storybook/react-vite";
 
 const config: StorybookConfig = {
-  stories: ["../src/components/**/*.stories.@(ts|tsx)"],
+  stories: ["../src/**/*.mdx", "../src/components/**/*.stories.@(ts|tsx)"],
   addons: [
-    {
-      name: "@storybook/addon-essentials",
-      options: {
-        docs: false,
-      },
-    },
-    "@storybook/addon-onboarding",
-    "@chromatic-com/storybook",
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
     "@storybook/addon-interactions",
   ],
   framework: {

.storybook/preview.ts → .storybook/preview.tsx

@@ -1,4 +1,12 @@
 import type { Preview } from "@storybook/react";
+import {
+  Title,
+  Subtitle,
+  Description,
+  Primary,
+  Controls,
+  Stories,
+} from "@storybook/blocks";
 
 import "@fontsource/material-icons/latin-400.css";
 import "@fontsource/roboto/300.css";
@@ -7,6 +15,7 @@ import "@fontsource/roboto/500.css";
 import "@fontsource/roboto/700.css";
 import "../src/index.css";
 
+// noinspection JSUnusedGlobalSymbols
 const preview: Preview = {
   parameters: {
     controls: {
@@ -15,6 +24,18 @@ const preview: Preview = {
         date: /Date$/i,
       },
     },
+    docs: {
+      page: () => (
+        <>
+          <Title />
+          <Subtitle />
+          <Description />
+          <Primary />
+          <Controls />
+          <Stories />
+        </>
+      ),
+    },
   },
 };
 

chromatic.config.json

@@ -0,0 +1,5 @@
+{
+  "onlyChanged": true,
+  "projectId": "Project:67c04900fc4ab71d88d4de37",
+  "zip": true
+}