wip

frontend/packages/ui/package.json

@@ -1,5 +1,6 @@
 {
   "name": "@packages/ui",
+  "main": "src/index.ts",
   "scripts": {
     "lint": "conc -c auto pnpm:lint:*",
     "lint:biome": "biome check .",
@@ -10,6 +11,7 @@
   "devDependencies": {
     "@biomejs/biome": "1.9.3",
     "@packages/configs": "workspace:*",
+    "@storybook/react": "^8.3.4",
     "typescript": "^5"
   }
 }

frontend/packages/ui/src/components/DropdownMenu/DropdownMenu.module.css

@@ -0,0 +1,3 @@
+
+.wrapper {
+}

frontend/packages/ui/src/components/DropdownMenu/DropdownMenu.stories.tsx

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react'
+
+import { DropdownMenu } from './'
+
+const meta = {
+  component: DropdownMenu,
+  args: {},
+} satisfies Meta<typeof DropdownMenu>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Default: Story = {}

frontend/packages/ui/src/components/DropdownMenu/DropdownMenu.tsx

@@ -0,0 +1,12 @@
+import type { FC } from 'react'
+import styles from './DropdownMenu.module.css'
+
+type Props = {}
+
+export const DropdownMenu: FC<Props> = ({ ...props }) => {
+  return (
+    <div className={styles.wrapper}>
+      <h1>DropdownMenu Component</h1>
+    </div>
+  )
+}

frontend/packages/ui/src/components/DropdownMenu/index.ts

@@ -0,0 +1 @@
+export * from './DropdownMenu'

frontend/packages/ui/src/components/index.ts

@@ -0,0 +1 @@
+export * from './DropdownMenu'

frontend/packages/ui/src/index.ts

@@ -0,0 +1 @@
+export * from './components'

frontend/turbo/generators/config.ts

@@ -33,6 +33,7 @@ export default function generator(plop: PlopTypes.NodePlopAPI): void {
         choices: [
           ...listDirectories('apps/service-site/src/features'),
           ...listDirectories('apps/service-site/src/components'),
+          ...listDirectories('packages/ui/src/components'),
         ],
       },
       {