fulldev-ui 0.7.0 → 0.9.0

package/src/content/docs/docs/components/button.mdx

@@ -1,188 +0,0 @@
----
-title: Button
-description: Displays a button or a component that looks like a button.
----
-
-```astro live
----
-import { Button } from "@/components/ui/button"
-import { Icon } from "@/components/ui/icon"
----
-
-<Button variant="outline">Button</Button>
-<Button variant="outline" size="icon" aria-label="Submit">
-  <Icon name="arrow-up-right" />
-</Button>
-```
-
-## Installation
-
-To install the button component, run the following command:
-
-```bash
-npx shadcn@latest add @fulldev/button
-```
-
-## Usage
-
-```ts
-import { Button } from "@/components/ui/button"
-```
-
-```astro
-<Button>Button</Button>
-```
-
-### Link
-
-You can use the `href` attribute to render the button as a link element.
-
-```astro
----
-import { Button } from "@/components/ui/button"
----
-
-<Button href="/login">Login</Button>
-```
-
-## Examples
-
-### Size
-
-```astro live
----
-import { Button } from "@/components/ui/button"
-import { Icon } from "@/components/ui/icon"
----
-
-<Button variant="outline" size="sm">Small</Button>
-<Button variant="outline" size="icon-sm">
-  <Icon name="arrow-up-right" />
-</Button>
-<Button variant="outline">Default</Button>
-<Button variant="outline" size="icon">
-  <Icon name="arrow-up-right" />
-</Button>
-<Button variant="outline" size="lg">Large</Button>
-<Button variant="outline" size="icon-lg">
-  <Icon name="arrow-up-right" />
-</Button>
-```
-
-### Default
-
-```astro live
----
-import { Button } from "@/components/ui/button"
----
-
-<Button>Button</Button>
-```
-
-### Outline
-
-```astro live
----
-import { Button } from "@/components/ui/button"
----
-
-<Button variant="outline">Outline</Button>
-```
-
-### Secondary
-
-```astro live
----
-import { Button } from "@/components/ui/button"
----
-
-<Button variant="secondary">Secondary</Button>
-```
-
-### Ghost
-
-```astro live
----
-import { Button } from "@/components/ui/button"
----
-
-<Button variant="ghost">Ghost</Button>
-```
-
-### Destructive
-
-```astro live
----
-import { Button } from "@/components/ui/button"
----
-
-<Button variant="destructive">Destructive</Button>
-```
-
-### Link
-
-```astro live
----
-import { Button } from "@/components/ui/button"
----
-
-<Button variant="link">Link</Button>
-```
-
-### Icon
-
-```astro live
----
-import { Button } from "@/components/ui/button"
-import { Icon } from "@/components/ui/icon"
----
-
-<Button variant="outline" size="icon" aria-label="Submit">
-  <Icon name="circle-fading-arrow-up" />
-</Button>
-```
-
-### With Icon
-
-The spacing between the icon and the text is automatically adjusted based on the size of the button. You do not need any margin on the icon.
-
-```astro live
----
-import { Button } from "@/components/ui/button"
-import { Icon } from "@/components/ui/icon"
----
-
-<Button variant="outline" size="sm">
-  <Icon name="git-branch" />
-  New branch
-</Button>
-```
-
-### Rounded
-
-Use the `rounded-full` class to make the button rounded.
-
-```astro live
----
-import { Button } from "@/components/ui/button"
-import { Icon } from "@/components/ui/icon"
----
-
-<Button class="rounded-full" size="icon" variant="outline">
-  <Icon name="arrow-up" />
-</Button>
-```
-
-### Spinner
-
-```astro live
----
-import { Button } from "@/components/ui/button"
-import { Spinner } from "@/components/ui/spinner"
----
-
-<Button size="sm" variant="outline" disabled>
-  <Spinner />
-  Submit
-</Button>
-```

package/src/content/docs/docs/components/checkbox.mdx

@@ -1,60 +0,0 @@
----
-title: Checkbox
-description: A control that allows the user to toggle between checked and not checked.
----
-
-```astro live
----
-import { Checkbox } from "@/components/ui/checkbox"
-import { Label } from "@/components/ui/label"
----
-
-<div class="flex flex-col gap-6">
-  <div class="flex items-center gap-3">
-    <Checkbox id="terms" />
-    <Label for="terms">Accept terms and conditions</Label>
-  </div>
-  <div class="flex items-start gap-3">
-    <Checkbox id="terms-2" checked />
-    <div class="grid gap-2">
-      <Label for="terms-2">Accept terms and conditions</Label>
-      <p class="text-muted-foreground text-sm">
-        By clicking this checkbox, you agree to the terms and conditions.
-      </p>
-    </div>
-  </div>
-  <div class="flex items-start gap-3">
-    <Checkbox id="toggle" disabled />
-    <Label for="toggle">Enable notifications</Label>
-  </div>
-  <Label
-    class="hover:bg-accent/50 has-[[aria-checked=true]]:border-primary has-[[aria-checked=true]]:bg-primary/5 flex items-start gap-3 rounded-lg border p-3"
-  >
-    <Checkbox id="toggle-2" checked />
-    <div class="grid gap-1.5 font-normal">
-      <p class="text-sm leading-none font-medium">Enable notifications</p>
-      <p class="text-muted-foreground text-sm">
-        You can enable or disable notifications at any time.
-      </p>
-    </div>
-  </Label>
-</div>
-```
-
-## Installation
-
-To install the checkbox component, run the following command:
-
-```bash
-npx shadcn@latest add @fulldev/checkbox
-```
-
-## Usage
-
-```ts
-import { Checkbox } from "@/components/ui/checkbox"
-```
-
-```astro
-<Checkbox />
-```

package/src/content/docs/docs/components/collapsible.mdx

@@ -1,67 +0,0 @@
----
-title: Collapsible
-description: An interactive component which expands/collapses a panel.
----
-
-import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert"
-import { Icon } from "@/components/ui/icon"
-
-<Alert class="not-content" variant="destructive">
-  <Icon name="alert-circle" />
-  <AlertTitle>Work in progress</AlertTitle>
-  <AlertDescription>
-    This collapsible component is a work in progress, use with caution.
-  </AlertDescription>
-</Alert>
-
-```astro live
----
-import { Button } from "@/components/ui/button"
-import {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger,
-} from "@/components/ui/collapsible"
-import { Icon } from "@/components/ui/icon"
----
-
-<Collapsible class="w-full max-w-xl gap-2">
-  <CollapsibleTrigger>
-    <span>Toggle me</span>
-  </CollapsibleTrigger>
-  <CollapsibleContent>
-    <p>
-      This is a collapsible content. It is a panel that can be expanded and
-      collapsed.
-    </p>
-  </CollapsibleContent>
-</Collapsible>
-```
-
-## Installation
-
-To install the collapsible component, run the following command:
-
-```bash
-npx shadcn@latest add @fulldev/collapsible
-```
-
-## Usage
-
-```ts
-import {
-  Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger,
-} from "@/components/ui/collapsible"
-```
-
-```astro
-<Collapsible>
-  <CollapsibleTrigger>Can I use this in my project?</CollapsibleTrigger>
-  <CollapsibleContent>
-    Yes. Free to use for personal and commercial projects. No attribution
-    required.
-  </CollapsibleContent>
-</Collapsible>
-```

package/src/content/docs/docs/components/empty.mdx

@@ -1,64 +0,0 @@
----
-title: Empty
-description: Displays an empty state placeholder with optional media, title, and description.
----
-
-```astro live
----
-import { Button } from "@/components/ui/button"
-import {
-  Empty,
-  EmptyContent,
-  EmptyDescription,
-  EmptyHeader,
-  EmptyMedia,
-  EmptyTitle,
-} from "@/components/ui/empty"
-import { Icon } from "@/components/ui/icon"
----
-
-<Empty>
-  <EmptyHeader>
-    <EmptyMedia variant="icon">
-      <Icon name="file-question" />
-    </EmptyMedia>
-    <EmptyTitle>404 - Page Not Found</EmptyTitle>
-    <EmptyDescription>
-      The page you are looking for does not exist.
-    </EmptyDescription>
-  </EmptyHeader>
-  <EmptyContent>
-    <Button size="sm"> Go home </Button>
-  </EmptyContent>
-</Empty>
-```
-
-## Installation
-
-To install the empty component, run the following command:
-
-```bash
-npx shadcn@latest add @fulldev/empty
-```
-
-## Usage
-
-```ts
-import {
-  Empty,
-  EmptyContent,
-  EmptyDescription,
-  EmptyMedia,
-  EmptyTitle,
-} from "@/components/ui/empty"
-```
-
-```astro
-<Empty>
-  <EmptyMedia>
-    <Icon name="inbox" />
-  </EmptyMedia>
-  <EmptyTitle>No results</EmptyTitle>
-  <EmptyDescription> Try adjusting your filters. </EmptyDescription>
-</Empty>
-```