docs: moves Checkbox stories to the checkbox folder

Author: Nikolai Lopin

src/components/Checkbox/docs/Checkbox.mdx

@@ -0,0 +1,57 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Checkbox } from '../Checkbox';
+
+const meta: Meta = {
+    title: 'Form Elements/Checkbox',
+    component: Checkbox,
+    argTypes: {
+        size: {
+            control: 'radio',
+            options: ['small', 'medium', 'large']
+        },
+        textVerticalAlign: {
+            control: 'radio',
+            options: ['center', 'top']
+        }
+    },
+    args: {
+        label: 'Accept T&C'
+    }
+};
+
+export default meta;
+
+type Story = StoryObj<typeof Checkbox>;
+
+export const Default: Story = {};
+
+export const Selected: Story = {
+    args: {
+        defaultChecked: true
+    }
+};
+
+export const Error: Story = {
+    args: {
+        label: 'With Error',
+        error: true
+    }
+};
+
+export const Disabled: Story = {
+    args: {
+        disabled: true
+    }
+};
+
+export const Indeterminate: Story = {
+    args: {
+        indeterminate: true
+    }
+};
+
+export const Size: Story = {
+    args: {
+        size: 'large'
+    }
+};

src/components/Checkbox/docs/Checkbox.stories.tsx

@@ -0,0 +1,20 @@
+import { Meta, Primary, ArgsTable, Stories } from '@storybook/blocks';
+import * as CheckboxStories from './Checkbox.stories';
+
+<Meta of={CheckboxStories} />
+
+# Checkbox
+
+Checkboxes are used for a list of options where the user may select multiple options, including all or none. A
+stand-alone checkbox is used for a single option that the user can turn on or off.
+
+You can provide the label as either a `string` or as a React component. If a `string` is provided as the label, it
+will be wrapped with the [Text](/components/Text) component.
+
+<Primary />
+
+## Properties
+
+<ArgsTable story="Default" />
+
+<Stories includePrimary={false} />{' '}