add construction warning

src/content/components/alert-dialog.md

@@ -23,3 +23,5 @@ description: Presents critical information or prompts to the user, typically req
 	</AlertDialog.Portal>
 </AlertDialog.Root>
 ```
+
+🚧 **UNDER CONSTRUCTION** 🚧

src/content/components/aspect-ratio.md

@@ -12,3 +12,5 @@ description: Displays content with a specified aspect ratio, ensuring consistent
 
 <AspectRatio.Root />
 ```
+
+🚧 **UNDER CONSTRUCTION** 🚧

src/content/components/avatar.md

@@ -15,3 +15,5 @@ description: Displays user or entity images with a fallback option for failed lo
 	<Avatar.Fallback />
 </Avatar.Root>
 ```
+
+🚧 **UNDER CONSTRUCTION** 🚧

src/content/components/button.md

@@ -12,3 +12,5 @@ description: An interactive component that triggers an event.
 
 <Button.Root />
 ```
+
+🚧 **UNDER CONSTRUCTION** 🚧

src/content/components/checkbox.md

@@ -15,3 +15,5 @@ description: Allow users to mark options as checked, unchecked, or indeterminate
 	<Checkbox.Input />
 </Checkbox.Root>
 ```
+
+🚧 **UNDER CONSTRUCTION** 🚧

src/content/components/collapsible.md

@@ -15,3 +15,5 @@ description: An interactive component which expands and collapses content.
 	<Collapsible.Content />
 </Collapsible.Root>
 ```
+
+🚧 **UNDER CONSTRUCTION** 🚧

src/content/components/context-menu.md

@@ -41,3 +41,5 @@ description: Displays a menu at the pointer's position when the trigger is right
 	</ContextMenu.Content>
 </ContextMenu.Root>
 ```
+
+🚧 **UNDER CONSTRUCTION** 🚧

src/content/components/dialog.md

@@ -22,3 +22,5 @@ description: A window overlaid on either the primary window or another dialog wi
 	</Dialog.Portal>
 </Dialog.Root>
 ```
+
+🚧 **UNDER CONSTRUCTION** 🚧

src/content/components/dropdown-menu.md

@@ -41,3 +41,5 @@ description: Displays a menu to the user, which can consist of links or function
 	</DropdownMenu.Content>
 </DropdownMenu.Root>
 ```
+
+🚧 **UNDER CONSTRUCTION** 🚧

src/content/components/hover-card.md

@@ -15,3 +15,5 @@ description: Enable sighted users to preview content behind a link.
 	<HoverCard.Content />
 </HoverCard.Root>
 ```
+
+🚧 **UNDER CONSTRUCTION** 🚧

src/content/components/label.md

@@ -12,3 +12,5 @@ description: An enhanced version of the native HTML label element.
 
 <Label.Root />
 ```
+
+🚧 **UNDER CONSTRUCTION** 🚧

src/content/components/menubar.md

@@ -41,5 +41,6 @@ description: Displays a list of menus that can be used to control the applicatio
 		</Menubar.Content>
 	</Menubar.Menu>
 </Menubar.Root>
-
 ```
+
+🚧 **UNDER CONSTRUCTION** 🚧

src/content/components/popover.md

@@ -18,3 +18,5 @@ description: Displays content in a floating container that appears above the sur
 	</Popover.Content>
 </Popover.Root>
 ```
+
+🚧 **UNDER CONSTRUCTION** 🚧

src/content/components/progress.md

@@ -12,3 +12,5 @@ description: A visual indicator that displays the progress of a task, usually in
 
 <Progress.Root />
 ```
+
+🚧 **UNDER CONSTRUCTION** 🚧

src/content/components/radio-group.md

@@ -16,3 +16,5 @@ description: Allows users to select a single option from a predetermined set of
 	</RadioGroup.Item>
 </RadioGroup.Root>
 ```
+
+🚧 **UNDER CONSTRUCTION** 🚧

src/content/components/select.md

@@ -31,3 +31,5 @@ description: Enable users to choose a single option from a dropdown menu that pr
 	</Select.Content>
 </Select.Root>
 ```
+
+🚧 **UNDER CONSTRUCTION** 🚧

src/content/components/separator.md

@@ -12,3 +12,5 @@ description: Visually divide or separate sections or elements, providing clarity
 
 <Separator.Root />
 ```
+
+🚧 **UNDER CONSTRUCTION** 🚧

src/content/components/slider.md

@@ -16,3 +16,5 @@ description: Enable users to select a value within a specific range with sliding
 	<Slider.Input />
 </Slider.Root>
 ```
+
+🚧 **UNDER CONSTRUCTION** 🚧

src/content/components/switch.md

@@ -15,3 +15,5 @@ description: Enables users to toggle between two states.
 	<Switch.Input />
 </Switch.Root>
 ```
+
+🚧 **UNDER CONSTRUCTION** 🚧

src/content/components/tabs.md

@@ -17,3 +17,5 @@ description: Allows users to navigate between different views
 	<Tabs.Content />
 </Tabs.Root>
 ```
+
+🚧 **UNDER CONSTRUCTION** 🚧

src/content/components/toggle.md

@@ -15,3 +15,5 @@ description: An interactive component that toggles between two states.
 	<Toggle.Input />
 </Toggle.Root>
 ```
+
+🚧 **UNDER CONSTRUCTION** 🚧

src/content/components/tooltip.md

@@ -16,5 +16,6 @@ description: Displays floating content containing additional information about a
 		<Tooltip.Arrow />
 	</Tooltip.Content>
 </Tooltip.Root>
-
 ```
+
+🚧 **UNDER CONSTRUCTION** 🚧

src/content/getting-started.md

@@ -39,3 +39,5 @@ You can them import and start using them in your app.
 	</Accordion.Item>
 </Accordion.Root>
 ```
+
+🚧 **UNDER CONSTRUCTION** 🚧

src/content/introduction.md

@@ -13,3 +13,5 @@ While our goal has been to keep the APIs as close to Melt's as possible, there a
 
 - [Melt UI](https://melt-ui.com) - The underlying builder API that powers Bits.
 - [Radix UI](https://radix-ui.com) - The de-facto standard for headless APIs that we've strived to follow.
+
+🚧 **UNDER CONSTRUCTION** 🚧

src/styles/markdown.postcss

@@ -2,6 +2,10 @@
 	@apply relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm;
 }
 
+.link {
+	@apply inline-flex items-center gap-1 font-medium underline underline-offset-4;
+}
+
 [data-theme="light"] {
 	display: flex;
 }

src/utils/markdown.ts

@@ -5,7 +5,7 @@ export function parseMarkdown(text: string) {
 		.replace(/\*([^*]+)\*/g, "<em>$1</em>")
 		.replace(/_([^_]+)_/g, "<em>$1</em>")
 		.replace(/~~([^~]+)~~/g, "<del>$1</del>")
-		.replace(/\[([^\]]+)\]\(([^)]+)\)/g, "<a href='$2'>$1</a>")
+		.replace(/\[([^\]]+)\]\(([^)]+)\)/g, "<a class='link' href='$2'>$1</a>")
 		.replace(/&gt;([^>]+)\n/g, "<blockquote>$1</blockquote>")
 		.replace(/\n/g, "<br />");
 }