coder
diff --git a/‎site/package.json
+1 b/‎site/package.json
+1
diff --git a/‎site/pnpm-lock.yaml
+68-34 b/‎site/pnpm-lock.yaml
+68-34
diff --git a/‎site/src/components/Select/Select.stories.tsx
+59 b/‎site/src/components/Select/Select.stories.tsx
+59
@@ -56,6 +56,7 @@
 		"@radix-ui/react-dropdown-menu": "2.1.4",
 		"@radix-ui/react-label": "2.1.0",
 		"@radix-ui/react-popover": "1.1.3",
+		"@radix-ui/react-select": "2.1.4",
 		"@radix-ui/react-slider": "1.2.1",
 		"@radix-ui/react-slot": "1.1.1",
 		"@radix-ui/react-switch": "1.1.1",
 
@@ -0,0 +1,59 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { userEvent } from "@storybook/test";
+import {
+	Select,
+	SelectContent,
+	SelectGroup,
+	SelectItem,
+	SelectLabel,
+	SelectTrigger,
+	SelectValue,
+} from "./Select";
+
+const meta: Meta<typeof Select> = {
+	title: "components/Select",
+	component: Select,
+	args: {
+		children: (
+			<>
+				<SelectTrigger className="w-[180px]">
+					<SelectValue placeholder="Select a fruit" />
+				</SelectTrigger>
+				<SelectContent>
+					<SelectGroup>
+						<SelectLabel>Fruits</SelectLabel>
+						<SelectItem value="apple">Apple</SelectItem>
+						<SelectItem value="banana">Banana</SelectItem>
+						<SelectItem value="blueberry">Blueberry</SelectItem>
+						<SelectItem value="grapes">Grapes</SelectItem>
+						<SelectItem value="pineapple">Pineapple</SelectItem>
+					</SelectGroup>
+				</SelectContent>
+			</>
+		),
+	},
+};
+
+export default meta;
+type Story = StoryObj<typeof Select>;
+
+export const Close: Story = {};
+
+export const Open: Story = {
+	args: {
+		open: true,
+	},
+};
+
+export const SelectedClose: Story = {
+	args: {
+		value: "apple",
+	},
+};
+
+export const SelectedOpen: Story = {
+	args: {
+		value: "apple",
+		open: true,
+	},
+};