[FE-Feat] calendar 패키지에 스토리북 세팅

frontend/packages/calendar/.storybook/main.ts

@@ -0,0 +1,42 @@
+import type { StorybookConfig } from '@storybook/react-vite';
+import { vanillaExtractPlugin as veEsbuildPlugin } from '@vanilla-extract/esbuild-plugin';
+import { vanillaExtractPlugin as veVitePlugin } from '@vanilla-extract/vite-plugin';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  addons: [
+    '@storybook/addon-essentials',
+    '@chromatic-com/storybook',
+    '@storybook/addon-interactions',
+  ],
+  framework: {
+    name: '@storybook/react-vite',
+    options: {},
+  },
+  viteFinal: async (config) => {
+    const { mergeConfig } = await import('vite');
+    const filename = fileURLToPath(import.meta.url);
+    const dirname = path.dirname(filename);
+
+    return mergeConfig(
+      config,
+      {
+        plugins: [veVitePlugin()],
+        optimizeDeps: {
+          esbuildOptions: {
+            plugins: [veEsbuildPlugin({ runtime: true })],
+          },
+        },
+        resolve: {
+          alias: {
+            '@': path.resolve(dirname, '../src'),
+            '@hooks': path.resolve(dirname, '../src/hooks'),
+            '@components': path.resolve(dirname, '../src/components'),
+          },
+        },
+      });
+  },
+};
+export default config;

frontend/packages/calendar/.storybook/preview.ts

@@ -0,0 +1,16 @@
+import '@endolphin/theme/css';
+
+import type { Preview } from '@storybook/react';
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+};
+
+export default preview;

frontend/packages/calendar/package.json

@@ -11,7 +11,9 @@
   "scripts": {
     "build": "tsup --clean",
     "start": "tsup --watch",
-    "test": "vitest"
+    "test": "vitest",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   },
   "publishConfig": {
     "access": "public"