diff --git a/packages/react/src/docs/components/Button.mdx b/packages/react/src/docs/components/Button.mdx
index e200afa..4613fbd 100644
--- a/packages/react/src/docs/components/Button.mdx
+++ b/packages/react/src/docs/components/Button.mdx
@@ -1,4 +1,3 @@
-import { Button } from "@components/Button";
 import { TabProvider, TabTrigger, TabContent, TabList } from "@components/Tabs";
 import { Story } from "@/components/Story";
 import { LoadedCode, GITHUB } from "@/components/LoadedCode";
@@ -44,18 +43,18 @@ import { Button } from "@components/Button";
 
 ### Variants
 
-| Prop | Type | Default | Description |
-| :--- | :--- | :------ | :---------- |
-| `size` | `"link" \| "sm" \| "md" \| "lg" \| "icon"` | `"md"` | The size of the button |
-| `border` | `"none" \| "solid" \| "success" \| "warning" \| "danger"` | `"solid"` | The border color of the button |
-| `background` | `"default" \| "ghost" \| "success" \| "warning" \| "danger" \| "transparent"` | `"default"` | The background color of the button |
-| `decoration` | `"none" \| "link"` | `"none"` | The inner text decoration of the button |
-| `presets` | `"default" \| "ghost" \| "link" \| "success" \| "warning" \| "danger"` | `"default"` | The preset of the variant props |
+| Prop         | Type                                                                          | Default     | Description                             |
+|:-------------|:------------------------------------------------------------------------------|:------------|:----------------------------------------|
+| `size`       | `"link" \| "sm" \| "md" \| "lg" \| "icon"`                                    | `"md"`      | The size of the button                  |
+| `border`     | `"none" \| "solid" \| "success" \| "warning" \| "danger"`                     | `"solid"`   | The border color of the button          |
+| `background` | `"default" \| "ghost" \| "success" \| "warning" \| "danger" \| "transparent"` | `"default"` | The background color of the button      |
+| `decoration` | `"none" \| "link"`                                                            | `"none"`    | The inner text decoration of the button |
+| `presets`    | `"default" \| "ghost" \| "link" \| "success" \| "warning" \| "danger"`        | `"default"` | The preset of the variant props         |
 
 ### Special
 
-| Prop | Type | Default | Description |
-| :--- | :--- | :------ | :---------- |
+| Prop      | Type      | Default | Description                                              |
+|:----------|:----------|:--------|:---------------------------------------------------------|
 | `asChild` | `boolean` | `false` | Whether the button is rendered as a child of a component |
 
 ## Examples
diff --git a/packages/react/src/docs/components/Checkbox.mdx b/packages/react/src/docs/components/Checkbox.mdx
index c1faef1..6979ce1 100644
--- a/packages/react/src/docs/components/Checkbox.mdx
+++ b/packages/react/src/docs/components/Checkbox.mdx
@@ -1,6 +1,3 @@
-import { Button } from "@components/Button";
-import { Label } from "@components/Label";
-import { Checkbox } from "@components/Checkbox";
 import { TabProvider, TabTrigger, TabContent, TabList } from "@components/Tabs";
 import { Story } from "@/components/Story";
 import { LoadedCode, GITHUB } from "@/components/LoadedCode";
@@ -46,9 +43,9 @@ import { Checkbox } from "@components/Checkbox";
 
 ### Variants
 
-| Prop | Type | Default | Description |
-| :---- | :---- | :------- | :----------- |
-| `size` | `"base" \| "md" \| "lg"` | `"md"` | The size of the checkbox |
+| Prop   | Type                     | Default | Description              |
+|:-------|:-------------------------|:--------|:-------------------------|
+| `size` | `"base" \| "md" \| "lg"` | `"md"`  | The size of the checkbox |
 
 ## Examples
 
diff --git a/packages/react/src/docs/components/Drawer.mdx b/packages/react/src/docs/components/Drawer.mdx
index 1b818be..091f218 100644
--- a/packages/react/src/docs/components/Drawer.mdx
+++ b/packages/react/src/docs/components/Drawer.mdx
@@ -1,4 +1,3 @@
-import { Button } from "@components/Button";
 import { TabProvider, TabTrigger, TabContent, TabList } from "@components/Tabs";
 import { Story } from "@/components/Story";
 import { LoadedCode, GITHUB } from '@/components/LoadedCode';
@@ -82,55 +81,55 @@ import {
 
 #### Special
 
-| Prop | Type | Default | Description |
-| :--- | :--- | :------ | :---------- |
-| `closeThreshold` | `number` | `0.3` | The threshold for the drawer to close with swipe or drag. |
-| `opened` | `boolean` | - (Controlled) | Whether the drawer is opened. |
+| Prop             | Type      | Default        | Description                                               |
+|:-----------------|:----------|:---------------|:----------------------------------------------------------|
+| `closeThreshold` | `number`  | `0.3`          | The threshold for the drawer to close with swipe or drag. |
+| `opened`         | `boolean` | - (Controlled) | Whether the drawer is opened.                             |
 
 ### DrawerOverlay
 
 #### Special
 
-| Prop | Type | Default | Description |
-| :--- | :--- | :------ | :---------- |
+| Prop      | Type      | Default | Description                                                 |
+|:----------|:----------|:--------|:------------------------------------------------------------|
 | `asChild` | `boolean` | `false` | Whether the component is rendered as a child of a component |
 
 ### DrawerContent
 
 #### Variants
 
-| Prop | Type | Default | Description |
-| :--- | :--- | :------ | :---------- |
+| Prop       | Type                                     | Default  | Description                |
+|:-----------|:-----------------------------------------|:---------|:---------------------------|
 | `position` | `"top" \| "bottom" \| "left" \| "right"` | `"left"` | The position of the drawer |
 
 #### Special
 
-| Prop | Type | Default | Description |
-| :--- | :--- | :------ | :---------- |
+| Prop      | Type      | Default | Description                                                 |
+|:----------|:----------|:--------|:------------------------------------------------------------|
 | `asChild` | `boolean` | `false` | Whether the component is rendered as a child of a component |
 
 ### DrawerHeader
 
 #### Special
 
-| Prop | Type | Default | Description |
-| :--- | :--- | :------ | :---------- |
+| Prop      | Type      | Default | Description                                                 |
+|:----------|:----------|:--------|:------------------------------------------------------------|
 | `asChild` | `boolean` | `false` | Whether the component is rendered as a child of a component |
 
 ### DrawerBody
 
 #### Special
 
-| Prop | Type | Default | Description |
-| :--- | :--- | :------ | :---------- |
+| Prop      | Type      | Default | Description                                                 |
+|:----------|:----------|:--------|:------------------------------------------------------------|
 | `asChild` | `boolean` | `false` | Whether the component is rendered as a child of a component |
 
 ### DrawerFooter
 
 #### Special
 
-| Prop | Type | Default | Description |
-| :--- | :--- | :------ | :---------- |
+| Prop      | Type      | Default | Description                                                 |
+|:----------|:----------|:--------|:------------------------------------------------------------|
 | `asChild` | `boolean` | `false` | Whether the component is rendered as a child of a component |
 
 ## Examples
diff --git a/packages/react/src/docs/components/Input.mdx b/packages/react/src/docs/components/Input.mdx
index 3c14580..e879950 100644
--- a/packages/react/src/docs/components/Input.mdx
+++ b/packages/react/src/docs/components/Input.mdx
@@ -44,10 +44,10 @@ import { Input } from "@components/Input";
 
 ### Variants
 
-| Prop | Type | Default | Description |
-| :--- | :--- | :------ | :---------- |
+| Prop       | Type      | Default | Description                                                                              |
+|:-----------|:----------|:--------|:-----------------------------------------------------------------------------------------|
 | `unstyled` | `boolean` | `false` | Remove style of input, so it can be real transparent input. Mostly used with InputFrame. |
-| `full` | `boolean` | `false` | Make input take full width of its container. |
+| `full`     | `boolean` | `false` | Make input take full width of its container.                                             |
 
 ## Examples
 
diff --git a/packages/react/src/docs/components/Label.mdx b/packages/react/src/docs/components/Label.mdx
index a7b92ca..6c9deeb 100644
--- a/packages/react/src/docs/components/Label.mdx
+++ b/packages/react/src/docs/components/Label.mdx
@@ -50,8 +50,8 @@ import { Label } from "@components/Label"
 
 ### Variants
 
-| Prop | Type | Default | Description |
-| :--- | :--- | :------ | :---------- |
+| Prop        | Type                         | Default      | Description                 |
+|:------------|:-----------------------------|:-------------|:----------------------------|
 | `direction` | `"vertical" \| "horizontal"` | `"vertical"` | The direction of the label. |
 
 ## Examples
diff --git a/packages/react/src/docs/components/Tabs.mdx b/packages/react/src/docs/components/Tabs.mdx
index bb26da5..97eb77e 100644
--- a/packages/react/src/docs/components/Tabs.mdx
+++ b/packages/react/src/docs/components/Tabs.mdx
@@ -1,4 +1,3 @@
-import { Button } from "@components/Button";
 import { TabProvider, TabTrigger, TabContent, TabList } from "@components/Tabs";
 import { Story } from "@/components/Story";
 import { LoadedCode, GITHUB } from "@/components/LoadedCode";
@@ -60,21 +59,21 @@ import { TabProvider, TabTrigger, TabContent, TabList } from "@components/Tabs";
 ### TabProvider
 
 #### Special
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
+| Name          | Type     | Default          | Description                                  |
+|:--------------|:---------|:-----------------|:---------------------------------------------|
 | `defaultName` | `string` | - (**required**) | The name of the tab to be active by default. |
 
 ### TabTrigger
 
 #### Special
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
-| `name` | `string` | - (**required**) | The name of the tab. |
-| `asChild` | `boolean` | `false` | Whether the element is rendered as a child of a component |
+| Name      | Type      | Default          | Description                                               |
+|:----------|:----------|:-----------------|:----------------------------------------------------------|
+| `name`    | `string`  | - (**required**) | The name of the tab.                                      |
+| `asChild` | `boolean` | `false`          | Whether the element is rendered as a child of a component |
 
 ### TabContent
 
 #### Special
-| Name | Type | Default | Description |
-| --- | --- | --- | --- |
+| Name   | Type     | Default          | Description          |
+|:-------|:---------|:-----------------|:---------------------|
 | `name` | `string` | - (**required**) | The name of the tab. |
diff --git a/packages/react/src/docs/components/Toast.mdx b/packages/react/src/docs/components/Toast.mdx
index 1ede184..1f45981 100644
--- a/packages/react/src/docs/components/Toast.mdx
+++ b/packages/react/src/docs/components/Toast.mdx
@@ -61,8 +61,8 @@ function App() {
 
 #### Special
 
-| Prop | Type | Default | Description |
-| :--- | :--- | :------ | :---------- |
+| Prop            | Type                   | Default              | Description               |
+|:----------------|:-----------------------|:---------------------|:--------------------------|
 | `defaultOption` | `Partial<ToastOption>` | `defaultToastOption` | Global options for toast. |
 
 ```ts
diff --git a/packages/react/src/docs/components/Tooltip.mdx b/packages/react/src/docs/components/Tooltip.mdx
index 741e395..08986eb 100644
--- a/packages/react/src/docs/components/Tooltip.mdx
+++ b/packages/react/src/docs/components/Tooltip.mdx
@@ -50,17 +50,17 @@ import { Tooltip, TooltipContent } from "@components/Tooltip";
 
 #### Variants
 
-| Prop | Type | Default | Description |
-| :--- | :--- | :------ | :---------- |
+| Prop       | Type                                     | Default | Description                  |
+|:-----------|:-----------------------------------------|:--------|:-----------------------------|
 | `position` | `"bottom" \| "left" \| "right" \| "top"` | `"top"` | The position of the tooltip. |
 
 ### TooltipContent
 
 #### Variants
 
-| Prop | Type | Default | Description |
-| :--- | :--- | :------ | :---------- |
-| `offset` | `"sm" \| "md" \| "lg"` | `"md"` | Gap between the tooltip and the trigger. |
+| Prop     | Type                   | Default | Description                              |
+|:---------|:-----------------------|:--------|:-----------------------------------------|
+| `offset` | `"sm" \| "md" \| "lg"` | `"md"`  | Gap between the tooltip and the trigger. |
 
 ## Examples