feat: split components (#1530)

packages/component/.storybook/main.ts

@@ -3,7 +3,11 @@ import type { StorybookConfig } from '@storybook/react-vite';
 export default {
   stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
   staticDirs: ['../../../apps/web/public'],
-  addons: ['@storybook/addon-links', 'storybook-dark-mode-v7'],
+  addons: [
+    '@storybook/addon-links',
+    'storybook-dark-mode-v7',
+    '@storybook/addon-interactions',
+  ],
   framework: {
     name: '@storybook/react-vite',
     options: {

packages/component/.storybook/preview-head.html

@@ -0,0 +1,3 @@
+<script>
+  window.global = window;
+</script>

packages/component/.storybook/preview.tsx

@@ -1,4 +1,6 @@
 import React from 'react';
+import '@blocksuite/editor/themes/affine.css';
+
 import { getDarkTheme, getLightTheme, ThemeProvider } from '../src';
 import { useDarkMode } from 'storybook-dark-mode-v7';
 export const parameters = {