docs: fix form stories (#20)

src/components/button/index.ts

@@ -1 +1 @@
-export { Button } from './Button';
+export { Button as default } from './Button';

src/components/form/Form.stories.ts → src/components/form/Form.stories.tsx

@@ -1,6 +1,10 @@
 import type { Meta, StoryObj } from '@storybook/react';
 
 import { Form } from './Form';
+import Input from '@/components/input';
+
+import { Primary, Medium } from '@/components/input/Input.stories';
+// import * as ButtonStories from '@/components/button/Button.stories';
 
 const meta = {
   title: 'Form',
@@ -14,10 +18,20 @@ const meta = {
 } satisfies Meta<typeof Form>;
 
 export default meta;
-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<typeof Form>;
 
-export const LoggedIn: Story = {
-  args: {},
+const FormTemplate: Story = {
+  render: ({ ...args }) => {
+    return (
+      <Form {...args}>
+        <Input {...Primary.args} />
+        <Input {...Medium.args} />
+      </Form>
+    );
+  },
 };
 
-export const LoggedOut: Story = {};
+export const Login: Story = {
+  ...FormTemplate,
+  args: {},
+};

src/components/form/index.ts

@@ -1 +1 @@
-export { Form } from './Form';
+export { Form as default } from './Form';

src/components/input/index.ts

@@ -1 +1 @@
-export { Input } from './Input';
+export { Input as default } from './Input';

src/pages/sign-in/SignIn.tsx

@@ -1,8 +1,8 @@
 import { Route } from '@tanstack/react-router';
 
-import { Form } from '@/components/form';
-import { Input } from '@/components/input';
-import { Button } from '@/components/button';
+import Form from '@/components/form';
+import Input from '@/components/input';
+import Button from '@/components/button';
 import { rootRoute } from '@/pages/__root';
 
 export const SignInPage = () => {