feat: add Input component

libs/ui/src/atoms/input/input.stories.tsx

@@ -0,0 +1,71 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Input } from './input';
+
+const meta: Meta<typeof Input> = {
+  title: 'Components/Input',
+  component: Input,
+  argTypes: {
+    type: {
+      control: 'select',
+      options: ['text', 'email'],
+    },
+    size: {
+      control: 'select',
+      options: ['sm', 'md', 'lg'],
+    },
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof Input>;
+
+export const Large: Story = {
+  args: {
+    size: 'lg',
+    placeholder: 'Placeholder',
+  },
+};
+
+export const Medium: Story = {
+  args: {
+    size: 'md',
+    placeholder: 'Placeholder',
+  },
+};
+
+export const Small: Story = {
+  args: {
+    size: 'sm',
+    placeholder: 'Placeholder',
+  },
+};
+
+export const TextInput: Story = {
+  args: {
+    size: 'md',
+    type: 'text',
+  },
+};
+
+export const EmailInput: Story = {
+  args: {
+    size: 'md',
+    type: 'email',
+  },
+};
+
+export const Disabled: Story = {
+  args: {
+    size: 'md',
+    type: 'text',
+    disabled: true,
+  },
+};
+
+export const WithError: Story = {
+  args: {
+    size: 'md',
+    type: 'text',
+    error: 'This field is required',
+  },
+};