Logging-Studio · ariflogs · Aug 26, 2025 · Aug 25, 2025 · Aug 25, 2025 · Aug 25, 2025
diff --git a/content/docs/charts/area-chart.mdx b/content/docs/charts/area-chart.mdx
@@ -2,6 +2,8 @@
 title: Area Chart
 description: A customizable area chart component to visualize your data with gradient fills and smooth curves. 📈
 lastUpdated: 12 Aug, 2025
+links:
+  source: https://github.com/Logging-Stuff/RetroUI/blob/main/components/retroui/charts/AreaChart.tsx
 ---
 
 <ComponentShowcase name="area-chart-style-default" />
@@ -24,9 +26,9 @@ npm install recharts
 
 #### 2. Copy the code 👇 into your project:
 
-## <ComponentSource name="areaChart" />
+<ComponentSource name="areaChart" />
 
-</ComponentInstall.Manual>
+  </ComponentInstall.Manual>
 </ComponentInstall>
 
 <br />

diff --git a/content/docs/charts/bar-chart.mdx b/content/docs/charts/bar-chart.mdx
@@ -2,6 +2,8 @@
 title: Bar Chart
 description: A customizable bar chart component to visualize your data with support for multiple categories, custom colors, and horizontal alignment. 📊
 lastUpdated: 12 Aug, 2025
+links:
+  source: https://github.com/Logging-Stuff/RetroUI/blob/main/components/retroui/charts/BarChart.tsx
 ---
 
 <ComponentShowcase name="bar-chart-style-default" />
@@ -24,7 +26,7 @@ npm install recharts
 
 #### 2. Copy the code 👇 into your project:
 
-##<ComponentSource name="barChart" />
+<ComponentSource name="barChart" />
 
   </ComponentInstall.Manual>
 </ComponentInstall>

diff --git a/content/docs/charts/line-chart.mdx b/content/docs/charts/line-chart.mdx
@@ -2,6 +2,8 @@
 title: Line Chart
 description: A customizable line chart component to visualize trends and data over time with smooth curves and data points. 📉
 lastUpdated: 12 Aug, 2025
+links:
+  source: https://github.com/Logging-Stuff/RetroUI/blob/main/components/retroui/charts/LineChart.tsx
 ---
 
 <ComponentShowcase name="line-chart-style-default" />
@@ -24,7 +26,7 @@ npm install recharts
 
 #### 2. Copy the code 👇 into your project:
 
-## <ComponentSource name="lineChart" />
+<ComponentSource name="lineChart" />
 
   </ComponentInstall.Manual>
 </ComponentInstall>
@@ -138,4 +140,3 @@ npm install recharts
     </Table.Row>
   </Table.Body>
 </Table>
-
diff --git a/content/docs/charts/pie-chart.mdx b/content/docs/charts/pie-chart.mdx
@@ -2,6 +2,8 @@
 title: Pie Chart
 description: A customizable pie chart component to visualize proportional data with support for donut charts. 🍰
 lastUpdated: 12 Aug, 2025
+links:
+  source: https://github.com/Logging-Stuff/RetroUI/blob/main/components/retroui/charts/PieChart.tsx
 ---
 
 <ComponentShowcase name="pie-chart-style-default" />
@@ -24,7 +26,7 @@ npm install recharts
 
 #### 2. Copy the code 👇 into your project:
 
-## <ComponentSource name="pieChart" />
+<ComponentSource name="pieChart" />
 
   </ComponentInstall.Manual>
 </ComponentInstall>
@@ -126,4 +128,3 @@ npm install recharts
     </Table.Row>
   </Table.Body>
 </Table>
-
diff --git a/content/docs/components/accordion.mdx b/content/docs/components/accordion.mdx
@@ -4,7 +4,7 @@ description: This collapsible component let's your users read only the content t
 lastUpdated: 19 Oct, 2024
 links:
   api_reference: https://www.radix-ui.com/primitives/docs/components/accordion#api-reference
-  source: https://github.com/Logging-Stuff/RetroUI/blob/main/components/retroui/Accordions/Accordion.tsx
+  source: https://github.com/Logging-Stuff/RetroUI/blob/main/components/retroui/Accordion.tsx
 ---
 
 <ComponentShowcase name="accordion-style-default" />

diff --git a/content/docs/components/alert.mdx b/content/docs/components/alert.mdx
@@ -2,6 +2,8 @@
 title: Alert
 description: Notify your users about important events and updates. 📣
 lastUpdated: 24 Oct, 2024
+links:
+  source: https://github.com/Logging-Stuff/RetroUI/blob/main/components/retroui/Alert.tsx
 ---
 
 <ComponentShowcase name="alert-style-default" />

diff --git a/content/docs/components/avatar.mdx b/content/docs/components/avatar.mdx
@@ -2,6 +2,8 @@
 title: Avatar
 description: Default rounded avatar that can show your users profile picture. ✨
 lastUpdated: 12 Oct, 2024
+links:
+  source: https://github.com/Logging-Stuff/RetroUI/blob/main/components/retroui/Avatar.tsx
 ---
 
 <ComponentShowcase name="avatar-style-circle" />

diff --git a/content/docs/components/badge.mdx b/content/docs/components/badge.mdx
@@ -2,6 +2,8 @@
 title: Badge
 description: The component that looks like a button but isn't clickable!
 lastUpdated: 30 Oct, 2024
+links:
+  source: https://github.com/Logging-Stuff/RetroUI/blob/main/components/retroui/Badge.tsx
 ---
 
 <ComponentShowcase name="badge-style-default" />

diff --git a/content/docs/components/breadcrumb.mdx b/content/docs/components/breadcrumb.mdx
@@ -2,6 +2,8 @@
 title: Breadcrumb
 description: A navigation component that shows users where they are within a hierarchy.
 lastUpdated: 12 May, 2025
+links:
+  source: https://github.com/Logging-Stuff/RetroUI/blob/main/components/retroui/Breadcrumb.tsx
 ---
 
 <ComponentShowcase name="breadcrumb-style-default" />
@@ -15,7 +17,7 @@ lastUpdated: 12 May, 2025
 
 ```sh
 npm install lucide-react class-variance-authority
-````
+```
 
 <br />
 
@@ -61,4 +63,4 @@ npm install lucide-react class-variance-authority
 <br />
 <ComponentShowcase name="breadcrumb-link-component" />
 <br />
-<br />
+<br />
diff --git a/content/docs/components/button.mdx b/content/docs/components/button.mdx
@@ -3,7 +3,7 @@ title: Button
 description: This bold button makes sure your users click on it and perform the actions you want! 🚀
 lastUpdated: 30 Apr, 2025
 links:
-  source: https://github.com/Logging-Stuff/RetroUI/blob/main/components/retroui/Buttons/Button.tsx
+  source: https://github.com/Logging-Stuff/RetroUI/blob/main/components/retroui/Button.tsx
 ---
 
 <ComponentShowcase name="button-style-default" />
@@ -63,7 +63,6 @@ npm install class-variance-authority
 <br />
 <br />
 
-
 ### With Icon
 
 <ComponentShowcase name="button-style-with-icon" />
diff --git a/content/docs/components/card.mdx b/content/docs/components/card.mdx
@@ -2,6 +2,8 @@
 title: Card
 description: A customizable card component to visualize your content. 📝
 lastUpdated: 20 Oct, 2024
+links:
+  source: https://github.com/Logging-Stuff/RetroUI/blob/main/components/retroui/Card.tsx
 ---
 
 <ComponentShowcase name="card-style-default" />

diff --git a/content/docs/components/dialog.mdx b/content/docs/components/dialog.mdx
@@ -4,7 +4,7 @@ description: An impactful dialog that ensures your important messages and action
 lastUpdated: 04 Nov, 2024
 links:
   api_reference: https://www.radix-ui.com/primitives/docs/components/dialog#api-reference
-  source: https://github.com/Logging-Stuff/RetroUI/blob/main/components/retroui/Dialog/Dialog.tsx
+  source: https://github.com/Logging-Stuff/RetroUI/blob/main/components/retroui/Dialog.tsx
 ---
 
 <ComponentShowcase name="dialog-style-default" />

diff --git a/content/docs/components/input.mdx b/content/docs/components/input.mdx
@@ -2,6 +2,8 @@
 title: Input
 description: This pretty input makes your users want to type stuff! ⌨️
 lastUpdated: 04 Mar, 2024
+links:
+  source: https://github.com/Logging-Stuff/RetroUI/blob/main/components/retroui/Input.tsx
 ---
 
 <ComponentShowcase name="input-style-default" />

diff --git a/content/docs/components/label.mdx b/content/docs/components/label.mdx
@@ -1,7 +1,9 @@
 ---
 title: Label
-description: An universal component for labeling various inputs.
+description: A universal component for labeling various inputs.
 lastUpdated: 04 Apr, 2025
+links:
+  source: https://github.com/Logging-Stuff/RetroUI/blob/main/components/retroui/Label.tsx
 ---
 
 <ComponentShowcase name="label-style-default" />
@@ -32,5 +34,5 @@ lastUpdated: 04 Apr, 2025
 ## Usage
 
 ```tsx
-import { Label } from "@/components/retroui/label";
-```
+import { Label } from "@/components/retroui/Label";
+```
diff --git a/content/docs/components/loader.mdx b/content/docs/components/loader.mdx
@@ -2,6 +2,8 @@
 title: Loader
 description: A customizable loading indicator with bouncing squares. 🔄
 lastUpdated: 20 Aug, 2025
+links:
+  source: https://github.com/Logging-Stuff/RetroUI/blob/main/components/retroui/Loader.tsx
 ---
 
 <ComponentShowcase name="loader-style-default" />
@@ -73,7 +75,7 @@ import { Loader } from "@/components/ui/loader"
 <Loader variant="secondary" size="lg" />
 
 // Custom configuration
-<Loader 
+<Loader
   count={4}           // Number of squares
   duration={1.2}      // Animation duration in seconds
   delayStep={120}     // Delay between squares in milliseconds
@@ -92,44 +94,51 @@ import { Loader } from "@/components/ui/loader"
 
 ## Props
 
-- * `variant`
-  - Type: `default` | `secondary`  | `outline`
-  - Default: `default`
-  - Description: Defines the style variant for the component
-
-- * `size`
-  - Type: `sm` | `md` | `lg`
-  - Default: `md`
-  - Description: Controls the size of the loader squares
-
-- * `count`
-  - Type: `number`
-  - Default: `3`
-  - Description: Sets the number of bouncing squares
-
-- * `duration`
-  - Type: `number`
-  - Default: `0.5`
-  - Description: Controls the animation duration in seconds
-
-- * `delayStep`
-  - Type: `number`
-  - Default: `100`
-  - Description: Defines the delay between squares in milliseconds
-
-- * `className`
-  - Type: `string`
-  - Default: `undefined`
-  - Description: Allows for adding additional CSS classes for custom styling
-
-- * `asChild`
-  - Type: `boolean`
-  - Default: `false`
-  - Description: When `true`, merges the component's props onto its immediate child element
+- - `variant`
+
+  * Type: `default` | `secondary` | `outline`
+  * Default: `default`
+  * Description: Defines the style variant for the component
+
+- - `size`
+
+  * Type: `sm` | `md` | `lg`
+  * Default: `md`
+  * Description: Controls the size of the loader squares
+
+- - `count`
+
+  * Type: `number`
+  * Default: `3`
+  * Description: Sets the number of bouncing squares
+
+- - `duration`
+
+  * Type: `number`
+  * Default: `0.5`
+  * Description: Controls the animation duration in seconds
+
+- - `delayStep`
+
+  * Type: `number`
+  * Default: `100`
+  * Description: Defines the delay between squares in milliseconds
+
+- - `className`
+
+  * Type: `string`
+  * Default: `undefined`
+  * Description: Allows for adding additional CSS classes for custom styling
+
+- - `asChild`
+  * Type: `boolean`
+  * Default: `false`
+  * Description: When `true`, merges the component's props onto its immediate child element
 
 ## Accessibility
 
 The Loader component includes the following attributes:
+
 - `role="status"`
 - `aria-label="Loading..."`
 

diff --git a/content/docs/components/menu.mdx b/content/docs/components/menu.mdx
@@ -4,7 +4,7 @@ description: Show your users a list of actions they can take. 📋
 lastUpdated: 19 Oct, 2024
 links:
   api_reference: https://www.radix-ui.com/primitives/docs/components/dropdown-menu#api-reference
-  source: https://github.com/Logging-Stuff/RetroUI/blob/main/components/retroui/Menu/Menu.tsx
+  source: https://github.com/Logging-Stuff/RetroUI/blob/main/components/retroui/Menu.tsx
 ---
 
 <ComponentShowcase name="menu-style-default" />

diff --git a/content/docs/components/popover.mdx b/content/docs/components/popover.mdx
@@ -2,6 +2,8 @@
 title: Popover
 description: A handy small component for your little input needs...😉
 lastUpdated: 08 Apr, 2025
+links:
+  source: https://github.com/Logging-Stuff/RetroUI/blob/main/components/retroui/Popover.tsx
 ---
 
 <ComponentShowcase name="popover-style-default" />
@@ -36,7 +38,7 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from "@/components/retroui/popover";
+} from "@/components/retroui/Popover";
 ```
 
 ```typescript

diff --git a/content/docs/components/sonner.mdx b/content/docs/components/sonner.mdx
@@ -4,6 +4,7 @@ description: A beautiful toast component that can grab audience attention from a
 lastUpdated: 30 Apr, 2025
 links:
   api_reference: https://sonner.emilkowal.ski/toast#api-reference
+  source: https://github.com/Logging-Stuff/RetroUI/blob/main/components/retroui/Sonner.tsx
 ---
 
 <ComponentShowcase name="sonner-style-default" />

diff --git a/content/docs/components/switch.mdx b/content/docs/components/switch.mdx
@@ -4,7 +4,7 @@ description: Let users to turn on or off your marketing emails or notifications.
 lastUpdated: 20 Feb, 2024
 links:
   api_reference: https://www.radix-ui.com/primitives/docs/components/switch#api-reference
-  source: https://github.com/Logging-Stuff/RetroUI/blob/main/components/retroui/switch.tsx
+  source: https://github.com/Logging-Stuff/RetroUI/blob/main/components/retroui/Switch.tsx
 ---
 
 <ComponentShowcase name="switch-style-default" />

diff --git a/content/docs/components/tab.mdx b/content/docs/components/tab.mdx
@@ -2,6 +2,8 @@
 title: Tabs
 description: Switch between different views using tabs.
 lastUpdated: 08 Oct, 2024
+links:
+  source: https://github.com/Logging-Stuff/RetroUI/blob/main/components/retroui/Tab.tsx
 ---
 
 ### Default

diff --git a/content/docs/components/text.mdx b/content/docs/components/text.mdx
@@ -2,6 +2,8 @@
 title: Text
 description: Show your texts in different styles. 💅
 lastUpdated: 22 Oct, 2024
+links:
+  source: https://github.com/Logging-Stuff/RetroUI/blob/main/components/retroui/Text.tsx
 ---
 
 ## Headings

diff --git a/content/docs/components/textarea.mdx b/content/docs/components/textarea.mdx
@@ -2,6 +2,8 @@
 title: Textarea
 description: This pretty input makes your users want to type lots of stuff! ⌨️ ⌨️
 lastUpdated: 08 Oct, 2024
+links:
+  source: https://github.com/Logging-Stuff/RetroUI/blob/main/components/retroui/Textarea.tsx
 ---
 
 ### Default

diff --git a/content/docs/components/toggle-group.mdx b/content/docs/components/toggle-group.mdx
@@ -2,6 +2,8 @@
 title: Toggle Group
 description: Group of toggling buttons...🤙
 lastUpdated: 08 Apr, 2025
+links:
+  source: https://github.com/Logging-Stuff/RetroUI/blob/main/components/retroui/ToggleGroup.tsx
 ---
 
 <ComponentShowcase name="toggle-group-style-default" />