fix source links

uidu-org · Jun 3, 2024 · c5d6b03 · c5d6b03
1 parent a512cde
commit c5d6b03
Show file tree

Hide file tree

Showing 26 changed files with 253 additions and 248 deletions.
diff --git a/docs/content/docs/core/accordion.mdx b/docs/content/docs/core/accordion.mdx
@@ -3,14 +3,16 @@ title: "Accordions"
 description: A set of stacked headings, each revealing content sections when interacted with.
 ---
 
-import AccordionDemo from "../../../src/docs/demos/core/accordion-demo"
+import AccordionDemo from "../../../src/docs/demos/core/accordion-demo";
+import { Button } from "@uidu/button-ui";
 
-<div className="flex items-center">
-<a className="mr-4 " href="https://www.npmjs.com/package/@uidu/accordion-ui" target="_blank">@uidu/accordion-ui</a>
-<a className="mx-4"  href="https://github.com/uidu-org/Guidu-native/tree/main/packages/web/components/core/accordion" target="_blank">Source</a>
-</div>
+    <div className="flex items-center">
+        <Button variant="link" className="mr-4"><a className="!no-underline" href="" target="_blank">Storybook</a></Button>
+        <Button variant="link" className="mr-4"><a className="!no-underline" href="https://www.npmjs.com/package/@uidu/accordion-ui" target="_blank">@uidu/accordion-ui</a></Button>
+        <Button variant="link" className="mx-4"><a className="!no-underline"  href="https://github.com/uidu-org/Guidu-native/tree/main/packages/components/core/accordion" target="_blank">Source</a></Button>
+    </div>
 
-## Accordion 
+## Accordion
 
 <AccordionDemo />
 
@@ -23,61 +25,76 @@ import AccordionDemo from "../../../src/docs/demos/core/accordion-demo"
  </div>
 </Tab>
 <Tab value="code">
-```tsx
-"use client"
+  ```tsx
+  "use client"
 
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@uidu/core-ui'
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "@uidu/core-ui";
 
 export default function AccordionDemo() {
   return (
     <Accordion type="single" collapsible className="w-full">
       <AccordionItem value="item-1">
         <AccordionTrigger>Is it accessible?</AccordionTrigger>
-        <AccordionContent>Yes. It adheres to the WAI-ARIA design pattern.</AccordionContent>
+        <AccordionContent>
+          Yes. It adheres to the WAI-ARIA design pattern.
+        </AccordionContent>
       </AccordionItem>
       <AccordionItem value="item-2">
         <AccordionTrigger>Is it styled?</AccordionTrigger>
         <AccordionContent>
-          Yes. It comes with default styles that matches the other components&apos; aesthetic.
+          Yes. It comes with default styles that matches the other
+          components&apos; aesthetic.
         </AccordionContent>
       </AccordionItem>
       <AccordionItem value="item-3">
         <AccordionTrigger>Is it animated?</AccordionTrigger>
         <AccordionContent>
-          Yes. It&apos;s animated by default, but you can disable it if you prefer.
+          Yes. It&apos;s animated by default, but you can disable it if you
+          prefer.
         </AccordionContent>
       </AccordionItem>
     </Accordion>
-  )
+  );
 }
-```
+
+````
 </Tab>
 </Tabs>
 
 ## Installation
+
 <Tabs items={["npm", "yarn"]}>
-<Tab value="npm">
-```bash
-npm install @uidu/accordion-ui
-```
-</Tab>
-<Tab value="yarn">
-```bash
-yarn add @uidu/accordion-ui
-```
-</Tab>
+<Tab value="npm">```bash npm install @uidu/accordion-ui ```</Tab>
+<Tab value="yarn">```bash yarn add @uidu/accordion-ui ```</Tab>
 </Tabs>
 
 ## Import
+
 <Tabs items={["generic", "individual"]}>
 <Tab value="generic">
-```tsx
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@uidu/core-ui'
-```
+  ```tsx
+  import {
+    Accordion,
+    AccordionContent,
+    AccordionItem,
+    AccordionTrigger
+  } from '@uidu/core-ui'
+  ```
 </Tab>
 <Tab value="individual">
-```tsx
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@uidu/accordion-ui'
-```
+  ```tsx
+  import{
+    Accordion,
+    AccordionContent,
+    AccordionItem,
+    AccordionTrigger
+  } from '@uidu/accordion-ui'
+  ```
 </Tab>
-</Tabs>
+</Tabs>
+````
diff --git a/docs/content/docs/core/alert-dialog.mdx b/docs/content/docs/core/alert-dialog.mdx
@@ -4,23 +4,13 @@ description: A modal interruption presenting crucial content, awaiting user resp
 ---
 
 import AlertDialogDemo from "../../../src/docs/demos/core/alert-dialog-demo";
+import { Button } from "@uidu/button-ui";
 
-<div className="flex items-center ">
-  <a
-    className="mr-4 "
-    href="https://www.npmjs.com/package/@uidu/alert-ui"
-    target="_blank"
-  >
-    @uidu/alert-ui
-  </a>
-  <a
-    className="mx-4"
-    href="https://github.com/uidu-org/Guidu-native/tree/main/packages/web/components/core/alert"
-    target="_blank"
-  >
-    Source
-  </a>
-</div>
+    <div className="flex items-center">
+        <Button variant="link" className="mr-4"><a className="!no-underline" href="" target="_blank">Storybook</a></Button>
+        <Button variant="link" className="mr-4"><a className="!no-underline" href="https://www.npmjs.com/package/@uidu/alert-ui" target="_blank">@uidu/alert-ui</a></Button>
+        <Button variant="link" className="mx-4"><a className="!no-underline"  href="https://github.com/uidu-org/Guidu-native/tree/main/packages/components/core/alert" target="_blank">Source</a></Button>
+    </div>
 
 ## Alert Dialog
 

diff --git a/docs/content/docs/core/alert.mdx b/docs/content/docs/core/alert.mdx
@@ -5,23 +5,13 @@ description: Displays a message to interact with the user
 
 import AlertDemo from "../../../src/docs/demos/core/alert-demo";
 import AlertDestructive from "../../../src/docs/demos/core/alert-destructive";
+import { Button } from "@uidu/button-ui";
 
-<div className="flex items-center ">
-  <a
-    className="mr-4 "
-    href="https://www.npmjs.com/package/@uidu/alert-ui"
-    target="_blank"
-  >
-    @uidu/alert-ui
-  </a>
-  <a
-    className="mx-4"
-    href="https://github.com/uidu-org/Guidu-native/tree/main/packages/web/components/core/alert"
-    target="_blank"
-  >
-    Source
-  </a>
-</div>
+    <div className="flex items-center">
+        <Button variant="link" className="mr-4"><a className="!no-underline" href="" target="_blank">Storybook</a></Button>
+        <Button variant="link" className="mr-4"><a className="!no-underline" href="https://www.npmjs.com/package/@uidu/alert-ui" target="_blank">@uidu/alert-ui</a></Button>
+        <Button variant="link" className="mx-4"><a className="!no-underline"  href="https://github.com/uidu-org/Guidu-native/tree/main/packages/components/core/alert" target="_blank">Source</a></Button>
+    </div>
 
 ## Alert
 

diff --git a/docs/content/docs/core/avatar.mdx b/docs/content/docs/core/avatar.mdx
@@ -4,23 +4,13 @@ description: Provides a visual representation of a user, typically through an im
 ---
 
 import AvatarDemo from "../../../src/docs/demos/core/avatar-demo";
+import { Button } from "@uidu/button-ui";
 
-<div className="flex items-center">
-  <a
-    className="mr-4 "
-    href="https://www.npmjs.com/package/@uidu/avatar-ui"
-    target="_blank"
-  >
-    @uidu/avatar-ui
-  </a>
-  <a
-    className="mx-4"
-    href="https://github.com/uidu-org/Guidu-native/tree/main/packages/web/components/core/avatar"
-    target="_blank"
-  >
-    Source
-  </a>
-</div>
+    <div className="flex items-center">
+        <Button variant="link" className="mr-4"><a className="!no-underline" href="" target="_blank">Storybook</a></Button>
+        <Button variant="link" className="mr-4"><a className="!no-underline" href="https://www.npmjs.com/package/@uidu/avatar-ui" target="_blank">@uidu/avatar-ui</a></Button>
+        <Button variant="link" className="mx-4"><a className="!no-underline"  href="https://github.com/uidu-org/Guidu-native/tree/main/packages/components/core/avatar" target="_blank">Source</a></Button>
+    </div>
 
 ## Avatar
 

diff --git a/docs/content/docs/core/badge.mdx b/docs/content/docs/core/badge.mdx
@@ -7,23 +7,13 @@ import BadgeDemo from "../../../src/docs/demos/core/badge-demo";
 import BadgeDestructive from "../../../src/docs/demos/core/badge-destructive";
 import BadgeOutline from "../../../src/docs/demos/core/badge-outline";
 import BadgeSecondary from "../../../src/docs/demos/core/badge-secondary";
+import { Button } from "@uidu/button-ui";
 
-<div className="flex items-center">
-  <a
-    className="mr-4 "
-    href="https://www.npmjs.com/package/@uidu/badge-ui"
-    target="_blank"
-  >
-    @uidu/badge-ui
-  </a>
-  <a
-    className="mx-4"
-    href="https://github.com/uidu-org/Guidu-native/tree/main/packages/web/components/core/badge"
-    target="_blank"
-  >
-    Source
-  </a>
-</div>
+    <div className="flex items-center">
+        <Button variant="link" className="mr-4"><a className="!no-underline" href="" target="_blank">Storybook</a></Button>
+        <Button variant="link" className="mr-4"><a className="!no-underline" href="https://www.npmjs.com/package/@uidu/badge-ui" target="_blank">@uidu/badge-ui</a></Button>
+        <Button variant="link" className="mx-4"><a className="!no-underline"  href="https://github.com/uidu-org/Guidu-native/tree/main/packages/components/core/badge" target="_blank">Source</a></Button>
+    </div>
 
 ## Badge
 

diff --git a/docs/content/docs/core/breadcrumb.mdx b/docs/content/docs/core/breadcrumb.mdx
@@ -7,8 +7,9 @@ import { Button } from "@uidu/button-ui";
 import BreadcrumbDemo from "../../../src/docs/demos/core/breadcrumb-demo";
 
     <div className="flex items-center">
-        <Button variant="link"><a className="mr-4 !no-underline" href="https://www.npmjs.com/package/@uidu/breadcrumb-ui" target="_blank">@uidu/breadcrumb-ui</a></Button>
-        <Button variant="link"><a className="mx-4 !no-underline"  href="https://github.com/uidu-org/Guidu-native/tree/main/packages/web/components/core/breadcrumb" target="_blank">Source</a></Button>
+        <Button variant="link" className="mr-4"><a className="!no-underline" href="" target="_blank">Storybook</a></Button>
+        <Button variant="link" className="mr-4"><a className="!no-underline" href="https://www.npmjs.com/package/@uidu/breadcrumb-ui" target="_blank">@uidu/breadcrumb-ui</a></Button>
+        <Button variant="link" className="mx-4"><a className="!no-underline"  href="https://github.com/uidu-org/Guidu-native/tree/main/packages/components/core/breadcrumb" target="_blank">Source</a></Button>
     </div>
 
 ## Breadcrumb

diff --git a/docs/content/docs/core/button-group.mdx b/docs/content/docs/core/button-group.mdx
@@ -2,3 +2,11 @@
 title: "Button Group"
 description: "a beautiful button group"
 ---
+
+import { Button } from "@uidu/button-ui";
+
+    <div className="flex items-center">
+        <Button variant="link" className="mr-4"><a className="!no-underline" href="" target="_blank">Storybook</a></Button>
+        <Button variant="link" className="mr-4"><a className="!no-underline" href="https://www.npmjs.com/package/@uidu/button-ui" target="_blank">@uidu/button-ui</a></Button>
+        <Button variant="link" className="mx-4"><a className="!no-underline"  href="https://github.com/uidu-org/Guidu-native/tree/main/packages/components/core/button" target="_blank">Source</a></Button>
+    </div>
diff --git a/docs/content/docs/core/button.mdx b/docs/content/docs/core/button.mdx
@@ -14,22 +14,13 @@ import ButtonOutline from "../../../src/docs/demos/core/button-outline";
 import ButtonSecondary from "../../../src/docs/demos/core/button-secondary";
 import ButtonWithIcon from "../../../src/docs/demos/core/button-with-icon";
 
-<div className="flex items-center">
-  <a
-    className="mr-4 "
-    href="https://www.npmjs.com/package/@uidu/button-ui"
-    target="_blank"
-  >
-    @uidu/button-ui
-  </a>
-  <a
-    className="mx-4"
-    href="https://github.com/uidu-org/Guidu-native/tree/main/packages/web/components/core/button"
-    target="_blank"
-  >
-    Source
-  </a>
-</div>
+import { Button } from "@uidu/button-ui";
+
+    <div className="flex items-center">
+        <Button variant="link" className="mr-4"><a className="!no-underline" href="" target="_blank">Storybook</a></Button>
+        <Button variant="link" className="mr-4"><a className="!no-underline" href="https://www.npmjs.com/package/@uidu/button-ui" target="_blank">@uidu/button-ui</a></Button>
+        <Button variant="link" className="mx-4"><a className="!no-underline"  href="https://github.com/uidu-org/Guidu-native/tree/main/packages/components/core/button" target="_blank">Source</a></Button>
+    </div>
 
 ## Button
 

diff --git a/docs/content/docs/core/card.mdx b/docs/content/docs/core/card.mdx
@@ -5,16 +5,16 @@ description: a great way to use cards!
 
 import CardDemo from "../../../src/docs/demos/core/card-demo";
 import CardWithForm from "../../../src/docs/demos/core/card-with-form";
+import { Button } from "@uidu/button-ui";
 
     <div className="flex items-center">
-        <a className="mr-4 " href="https://www.npmjs.com/package/@uidu/card-ui" target="_blank">@uidu/card-ui</a>
-        <a className="mx-4"  href="https://github.com/uidu-org/Guidu-native/tree/main/packages/web/components/core/card" target="_blank">Source</a>
+        <Button variant="link" className="mr-4"><a className="!no-underline" href="" target="_blank">Storybook</a></Button>
+        <Button variant="link" className="mr-4"><a className="!no-underline" href="https://www.npmjs.com/package/@uidu/card-ui" target="_blank">@uidu/card-ui</a></Button>
+        <Button variant="link" className="mx-4"><a className="!no-underline"  href="https://github.com/uidu-org/Guidu-native/tree/main/packages/components/core/card" target="_blank">Source</a></Button>
     </div>
 
 ## Card
 
-{" "}
-
 <CardDemo />
 
 ## Usage

diff --git a/docs/content/docs/core/carousel.mdx b/docs/content/docs/core/carousel.mdx
@@ -9,23 +9,13 @@ import CarouselOrientation from "../../../src/docs/demos/core/carousel-orientati
 import CarouselPlugin from "../../../src/docs/demos/core/carousel-plugin";
 import CarouselSize from "../../../src/docs/demos/core/carousel-size";
 import CarouselSpacing from "../../../src/docs/demos/core/carousel-spacing";
+import { Button } from "@uidu/button-ui";
 
-<div className="flex items-center">
-  <a
-    className="mr-4 "
-    href="https://www.npmjs.com/package/@uidu/carousel-ui"
-    target="_blank"
-  >
-    @uidu/carousel-ui
-  </a>
-  <a
-    className="mx-4"
-    href="https://github.com/uidu-org/Guidu-native/tree/main/packages/web/components/core/carousel"
-    target="_blank"
-  >
-    Source
-  </a>
-</div>
+    <div className="flex items-center">
+        <Button variant="link" className="mr-4"><a className="!no-underline" href="" target="_blank">Storybook</a></Button>
+        <Button variant="link" className="mr-4"><a className="!no-underline" href="https://www.npmjs.com/package/@uidu/carousel-ui" target="_blank">@uidu/carousel-ui</a></Button>
+        <Button variant="link" className="mx-4"><a className="!no-underline"  href="https://github.com/uidu-org/Guidu-native/tree/main/packages/components/core/carousel" target="_blank">Source</a></Button>
+    </div>
 
 ## Carousel
 

diff --git a/docs/content/docs/core/collapsible.mdx b/docs/content/docs/core/collapsible.mdx
@@ -4,16 +4,16 @@ description: a great way to use collapsible!
 ---
 
 import CollapsibleDemo from "../../../src/docs/demos/core/collapsible-demo";
+import { Button } from "@uidu/button-ui";
 
     <div className="flex items-center">
-        <a className="mr-4 " href="https://www.npmjs.com/package/@uidu/collapsable-ui" target="_blank">@uidu/collapsable-ui></a>
-        <a className="mx-4"  href="https://github.com/uidu-org/Guidu-native/tree/main/packages/web/components/core/collapsable" target="_blank">Source</a>
+        <Button variant="link" className="mr-4"><a className="!no-underline" href="" target="_blank">Storybook</a></Button>
+        <Button variant="link" className="mr-4"><a className="!no-underline" href="https://www.npmjs.com/package/@uidu/collapsable-ui" target="_blank">@uidu/collapsable-ui</a></Button>
+        <Button variant="link" className="mx-4"><a className="!no-underline"  href="https://github.com/uidu-org/Guidu-native/tree/main/packages/components/core/collapsable" target="_blank">Source</a></Button>
     </div>
 
 ## Collapsible
 
-{" "}
-
 <CollapsibleDemo />
 
 ## Usage

diff --git a/docs/content/docs/core/combobox.mdx b/docs/content/docs/core/combobox.mdx
@@ -6,12 +6,14 @@ description: a great way to use Comboboxes!
 import ComboboxDemo from "../../../src/docs/demos/core/combobox-demo";
 import ComboboxDropdownmenu from "../../../src/docs/demos/core/combobox-dropdown-menu.tsx";
 import ComboboxPopover from "../../../src/docs/demos/core/combobox-popover.tsx";
+import { Button } from "@uidu/button-ui";
 
     <div className="flex items-center">
-        <a className="mr-4 " href="https://www.npmjs.com/package/@uidu/command-ui" target="_blank">@uidu/command-ui</a>
-        <a className="mr-4 " href="https://www.npmjs.com/package/@uidu/popover-ui" target="_blank">@uidu/popover-ui</a>
-        <a className="mx-4"  href="https://github.com/uidu-org/Guidu-native/tree/main/packages/web/components/core/command" target="_blank">Source Command</a>
-        <a className="mx-4"  href="https://github.com/uidu-org/Guidu-native/tree/main/packages/web/components/core/popover" target="_blank">Source Popover</a>
+        <Button variant="link" className="mr-4"><a className="!no-underline" href="" target="_blank">Storybook</a></Button>
+        <Button variant="link" className="mr-4"><a className="!no-underline" href="https://www.npmjs.com/package/@uidu/command-ui" target="_blank">@uidu/command-ui</a></Button>
+        <Button variant="link" className="mr-4"><a className="!no-underline" href="https://www.npmjs.com/package/@uidu/popover-ui" target="_blank">@uidu/popover-ui</a></Button>
+        <Button variant="link" className="mr-4"><a className="!no-underline" href="https://github.com/uidu-org/Guidu-native/tree/main/packages/components/core/command" target="_blank">Source Command</a></Button>
+        <Button variant="link" className="mx-4"><a className="!no-underline"  href="https://github.com/uidu-org/Guidu-native/tree/main/packages/components/core/popover" target="_blank">Source Popover</a></Button>
     </div>
 
 ## Combobox