feat: ✨ add storybook to cli

apps/www/.storybook/main.ts

@@ -0,0 +1,24 @@
+import { dirname, join } from "path"
+import type { StorybookConfig } from "@storybook/nextjs"
+
+const config: StorybookConfig = {
+ stories: [
+ "../registry/stories/**/*.mdx",
+ "../registry/stories/**/*.stories.@(js|jsx|ts|tsx)",
+ ],
+ addons: [
+ "@storybook/addon-links",
+ "@storybook/addon-essentials",
+ "@storybook/addon-interactions",
+ "@storybook/addon-styling",
+ "@storybook/addon-mdx-gfm",
+ ],
+ framework: {
+ name: "@storybook/nextjs",
+ options: {},
+ },
+ docs: {
+ autodocs: true,
+ },
+}
+export default config

apps/www/.storybook/preview-body.html

@@ -0,0 +1,5 @@
+<style>
+ :root {
+ --font-sans: Inter, sans-serif;
+ }
+</style>

apps/www/.storybook/preview.tsx

@@ -0,0 +1,20 @@
+import type { Preview } from "@storybook/react"
+
+import "../styles/globals.css"
+
+const preview: Preview = {
+ parameters: {
+ nextjs: {
+ appDirectory: true,
+ },
+ actions: { argTypesRegex: "^on[A-Z].*" },
+ controls: {
+ matchers: {
+ color: /(background|color)$/i,
+ date: /Date$/,
+ },
+ },
+ },
+}
+
+export default preview