Initial commit

apps/web/.storybook/main.ts

@@ -0,0 +1,24 @@
+import type { StorybookConfig } from '@storybook/nextjs-vite';
+import { resolve } from 'path';
+
+const config: StorybookConfig = {
+    stories: ['../src/**/*.stories.@(ts|tsx)', '../../packages/ui/src/**/*.stories.@(ts|tsx)'],
+    addons: ['@storybook/addon-docs'],
+    framework: {
+        name: '@storybook/nextjs-vite',
+        options: {},
+    },
+    docs: {
+        autodocs: 'tag',
+    },
+    viteFinal(config) {
+        config.resolve ??= {};
+        config.resolve.alias = {
+            ...config.resolve.alias,
+            '@': resolve(import.meta.dirname, '../src'),
+        };
+        return config;
+    },
+};
+
+export default config;

apps/web/.storybook/preview.ts

@@ -0,0 +1,18 @@
+import type { Preview } from '@storybook/react';
+import '../src/styles/globals.css';
+
+const preview: Preview = {
+    parameters: {
+        layout: 'centered',
+        backgrounds: {
+            default: 'page',
+            values: [
+                { name: 'page', value: '#f8f9fa' },
+                { name: 'surface', value: '#ffffff' },
+                { name: 'dark', value: '#212529' },
+            ],
+        },
+    },
+};
+
+export default preview;