fulldev-ui 0.7.0 → 0.9.0

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

@@ -1,87 +0,0 @@
----
-title: Section
-description: A layout component for organizing page content into sections.
-sidebar:
-  badge:
-    text: ⋅
-    variant: success
----
-
-For elaborate examples, see the [blocks](/blocks) page.
-
-```astro live
----
-import image from "@/assets/image-placeholder.webp"
-
-import { Button } from "@/components/ui/button"
-import { Image } from "@/components/ui/image"
-import {
-  Section,
-  SectionActions,
-  SectionContent,
-  SectionProse,
-} from "@/components/ui/section"
----
-
-<Section>
-  <SectionContent>
-    <SectionProse>
-      <h2>Section heading</h2>
-      <p>This is a section component for organizing page content.</p>
-    </SectionProse>
-    <SectionActions>
-      <Button>Action</Button>
-      <Button variant="outline">Action</Button>
-    </SectionActions>
-    <Image class="rounded-lg" src={image} alt="Section Image" />
-  </SectionContent>
-</Section>
-```
-
-## Installation
-
-To install the section component, run the following command:
-
-```bash
-npx shadcn@latest add @fulldev/section
-```
-
-## Usage
-
-For elaborate examples, see the [blocks](/blocks) page.
-
-## Examples
-
-### Default
-
-```astro live
----
-import { Section, SectionContent, SectionProse } from "@/components/ui/section"
----
-
-<Section>
-  <SectionContent>
-    <SectionProse>
-      <h3>Section heading</h3>
-      <p>This is a section component for organizing page content.</p>
-    </SectionProse>
-  </SectionContent>
-</Section>
-```
-
-### Floating
-
-```astro live
----
-import { Section, SectionContent, SectionProse } from "@/components/ui/section"
----
-
-<Section variant="floating">
-  <SectionContent>
-    <SectionProse>
-      <h2>Section heading</h2>
-      <p>This is a section component for organizing page content.</p>
-    </SectionProse>
-  </SectionContent>
-</Section>
-```

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

@@ -1,39 +0,0 @@
----
-title: Separator
-description: Visually or semantically separates content.
----
-
-```astro live
----
-import { Separator } from "@/components/ui/separator"
----
-
-<div class="w-full max-w-sm space-y-4">
-  <div>
-    <h4 class="text-sm font-medium">Horizontal Separator</h4>
-    <p class="text-muted-foreground text-sm">Divides sections horizontally</p>
-  </div>
-  <Separator />
-  <div>
-    <h4 class="text-sm font-medium">End of content</h4>
-  </div>
-</div>
-```
-
-## Installation
-
-To install the separator component, run the following command:
-
-```bash
-npx shadcn@latest add @fulldev/separator
-```
-
-## Usage
-
-```ts
-import { Separator } from "@/components/ui/separator"
-```
-
-```astro
-<Separator />
-```

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

@@ -1,73 +0,0 @@
----
-title: Sheet
-description: A sliding panel component that appears from the edge of the screen.
----
-
-```astro live
----
-import { Button } from "@/components/ui/button"
-import {
-  Sheet,
-  SheetContent,
-  SheetDescription,
-  SheetHeader,
-  SheetTitle,
-  SheetTrigger,
-} from "@/components/ui/sheet"
----
-
-<Sheet>
-  <SheetTrigger variant="outline"> Open Sheet </SheetTrigger>
-  <SheetContent>
-    <SheetHeader>
-      <SheetTitle>Sheet Title</SheetTitle>
-      <SheetDescription>
-        This is a description of the sheet. You can add any content here.
-      </SheetDescription>
-    </SheetHeader>
-  </SheetContent>
-</Sheet>
-```
-
-## Installation
-
-To install the sheet component, run the following command:
-
-```bash
-npx shadcn@latest add @fulldev/sheet
-```
-
-## Usage
-
-```ts
-import {
-  Sheet,
-  SheetClose,
-  SheetContent,
-  SheetDescription,
-  SheetFooter,
-  SheetHeader,
-  SheetTitle,
-  SheetTrigger,
-} from "@/components/ui/sheet"
-```
-
-```astro
-<Sheet>
-  <SheetTrigger asChild>
-    <Button>Open</Button>
-  </SheetTrigger>
-  <SheetContent>
-    <SheetHeader>
-      <SheetTitle>Sheet Title</SheetTitle>
-      <SheetDescription>Sheet Description</SheetDescription>
-    </SheetHeader>
-    <SheetFooter>
-      <SheetClose asChild>
-        <Button variant="outline">Close</Button>
-      </SheetClose>
-      <Button>Save</Button>
-    </SheetFooter>
-  </SheetContent>
-</Sheet>
-```

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

@@ -1,208 +0,0 @@
----
-title: Sidebar
-description: A collection of composable components for building sidebar navigation.
----
-
-import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert"
-import { Icon } from "@/components/ui/icon"
-
-<Alert class="not-content">
-  <Icon name="alert-circle" />
-  <AlertTitle>Partial implementation</AlertTitle>
-  <AlertDescription>
-    Currently only the sidebar menu components are built. More sidebar
-    components coming soon.
-  </AlertDescription>
-</Alert>
-
-## Installation
-
-To install the sidebar component, run the following command:
-
-```bash
-npx shadcn@latest add @fulldev/sidebar
-```
-
-## Usage
-
-```ts
-import {
-  SidebarMenu,
-  SidebarMenuButton,
-  SidebarMenuItem,
-  SidebarMenuSub,
-  SidebarMenuSubButton,
-  SidebarMenuSubItem,
-} from "@/components/ui/sidebar"
-```
-
-```astro
-<SidebarMenu>
-  <SidebarMenuItem>
-    <SidebarMenuButton href="/">Home</SidebarMenuButton>
-  </SidebarMenuItem>
-  <SidebarMenuItem>
-    <SidebarMenuButton href="/about">About</SidebarMenuButton>
-  </SidebarMenuItem>
-</SidebarMenu>
-```
-
-## Examples
-
-### Basic Menu
-
-A simple vertical navigation menu with menu items.
-
-```astro live
----
-import { Icon } from "@/components/ui/icon"
-import {
-  SidebarMenu,
-  SidebarMenuButton,
-  SidebarMenuItem,
-} from "@/components/ui/sidebar"
----
-
-<SidebarMenu class="w-64 space-y-1">
-  <SidebarMenuItem>
-    <SidebarMenuButton href="/">
-      <Icon name="home" />
-      <span>Home</span>
-    </SidebarMenuButton>
-  </SidebarMenuItem>
-  <SidebarMenuItem>
-    <SidebarMenuButton href="/dashboard">
-      <Icon name="layout-dashboard" />
-      <span>Dashboard</span>
-    </SidebarMenuButton>
-  </SidebarMenuItem>
-  <SidebarMenuItem>
-    <SidebarMenuButton href="/settings">
-      <Icon name="settings" />
-      <span>Settings</span>
-    </SidebarMenuButton>
-  </SidebarMenuItem>
-</SidebarMenu>
-```
-
-### Active State
-
-Use the `active` prop to highlight the current page.
-
-```astro live
----
-import { Icon } from "@/components/ui/icon"
-import {
-  SidebarMenu,
-  SidebarMenuButton,
-  SidebarMenuItem,
-} from "@/components/ui/sidebar"
----
-
-<SidebarMenu class="w-64 space-y-1">
-  <SidebarMenuItem>
-    <SidebarMenuButton href="/">
-      <Icon name="home" />
-      <span>Home</span>
-    </SidebarMenuButton>
-  </SidebarMenuItem>
-  <SidebarMenuItem>
-    <SidebarMenuButton href="/dashboard" active>
-      <Icon name="layout-dashboard" />
-      <span>Dashboard</span>
-    </SidebarMenuButton>
-  </SidebarMenuItem>
-  <SidebarMenuItem>
-    <SidebarMenuButton href="/settings">
-      <Icon name="settings" />
-      <span>Settings</span>
-    </SidebarMenuButton>
-  </SidebarMenuItem>
-</SidebarMenu>
-```
-
-### With Submenu
-
-Create nested navigation with `SidebarMenuSub`.
-
-```astro live
----
-import { Icon } from "@/components/ui/icon"
-import {
-  SidebarMenu,
-  SidebarMenuButton,
-  SidebarMenuItem,
-  SidebarMenuSub,
-  SidebarMenuSubButton,
-  SidebarMenuSubItem,
-} from "@/components/ui/sidebar"
----
-
-<SidebarMenu class="w-64 space-y-1">
-  <SidebarMenuItem>
-    <SidebarMenuButton href="/">
-      <Icon name="home" />
-      <span>Home</span>
-    </SidebarMenuButton>
-  </SidebarMenuItem>
-  <SidebarMenuItem>
-    <SidebarMenuButton>
-      <Icon name="folder" />
-      <span>Projects</span>
-    </SidebarMenuButton>
-    <SidebarMenuSub>
-      <SidebarMenuSubItem>
-        <SidebarMenuSubButton href="/projects/web">
-          Web App
-        </SidebarMenuSubButton>
-      </SidebarMenuSubItem>
-      <SidebarMenuSubItem>
-        <SidebarMenuSubButton href="/projects/mobile">
-          Mobile App
-        </SidebarMenuSubButton>
-      </SidebarMenuSubItem>
-      <SidebarMenuSubItem>
-        <SidebarMenuSubButton href="/projects/api"> API </SidebarMenuSubButton>
-      </SidebarMenuSubItem>
-    </SidebarMenuSub>
-  </SidebarMenuItem>
-  <SidebarMenuItem>
-    <SidebarMenuButton href="/settings">
-      <Icon name="settings" />
-      <span>Settings</span>
-    </SidebarMenuButton>
-  </SidebarMenuItem>
-</SidebarMenu>
-```
-
-### Button Variants
-
-The `SidebarMenuButton` supports different variants and sizes.
-
-```astro live
----
-import { Icon } from "@/components/ui/icon"
-import {
-  SidebarMenu,
-  SidebarMenuButton,
-  SidebarMenuItem,
-} from "@/components/ui/sidebar"
----
-
-<div class="flex flex-col gap-4">
-  <SidebarMenu class="w-64">
-    <SidebarMenuItem>
-      <SidebarMenuButton variant="default">
-        <Icon name="home" />
-        <span>Default</span>
-      </SidebarMenuButton>
-    </SidebarMenuItem>
-    <SidebarMenuItem>
-      <SidebarMenuButton variant="outline">
-        <Icon name="folder" />
-        <span>Outline</span>
-      </SidebarMenuButton>
-    </SidebarMenuItem>
-  </SidebarMenu>
-</div>
-```

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

@@ -1,24 +0,0 @@
----
-title: Skeleton
-description: Use a skeleton as a placeholder while content is loading.
----
-
-```astro live
----
-import { Skeleton } from "@/components/ui/skeleton"
----
-
-<div class="w-full max-w-sm space-y-2">
-  <Skeleton class="h-12 w-12 rounded-full" />
-  <Skeleton class="h-4 w-full" />
-  <Skeleton class="h-4 w-3/4" />
-</div>
-```
-
-## Installation
-
-To install the skeleton component, run the following command:
-
-```bash
-npx shadcn@latest add @fulldev/skeleton
-```

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

@@ -1,37 +0,0 @@
----
-title: Spinner
-description: An animated loading indicator.
----
-
-```astro live
----
-import { Button } from "@/components/ui/button"
-import { Spinner } from "@/components/ui/spinner"
----
-
-<div class="flex flex-col items-center gap-6">
-  <Spinner />
-  <Button size="sm" variant="outline" disabled>
-    <Spinner class="mr-2 size-4" />
-    Loading...
-  </Button>
-</div>
-```
-
-## Installation
-
-To install the spinner component, run the following command:
-
-```bash
-npx shadcn@latest add @fulldev/spinner
-```
-
-## Usage
-
-```ts
-import { Spinner } from "@/components/ui/spinner"
-```
-
-```astro
-<Spinner />
-```

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

@@ -1,100 +0,0 @@
----
-title: Table
-description: A data table component that displays information in rows and columns.
----
-
-```astro live
----
-import {
-  Table,
-  TableBody,
-  TableCaption,
-  TableCell,
-  TableFooter,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from "@/components/ui/table"
----
-
-<Table class="w-full max-w-2xl">
-  <TableCaption>A list of your recent invoices.</TableCaption>
-  <TableHeader>
-    <TableRow>
-      <TableHead>Invoice</TableHead>
-      <TableHead>Status</TableHead>
-      <TableHead>Method</TableHead>
-      <TableHead class="text-right">Amount</TableHead>
-    </TableRow>
-  </TableHeader>
-  <TableBody>
-    <TableRow>
-      <TableCell>INV-001</TableCell>
-      <TableCell>Paid</TableCell>
-      <TableCell>Credit Card</TableCell>
-      <TableCell class="text-right">$250.00</TableCell>
-    </TableRow>
-    <TableRow>
-      <TableCell>INV-002</TableCell>
-      <TableCell>Pending</TableCell>
-      <TableCell>PayPal</TableCell>
-      <TableCell class="text-right">$150.00</TableCell>
-    </TableRow>
-    <TableRow>
-      <TableCell>INV-003</TableCell>
-      <TableCell>Unpaid</TableCell>
-      <TableCell>Bank Transfer</TableCell>
-      <TableCell class="text-right">$350.00</TableCell>
-    </TableRow>
-  </TableBody>
-  <TableFooter>
-    <TableRow>
-      <TableCell colspan="3">Total</TableCell>
-      <TableCell class="text-right">$750.00</TableCell>
-    </TableRow>
-  </TableFooter>
-</Table>
-```
-
-## Installation
-
-To install the table component, run the following command:
-
-```bash
-npx shadcn@latest add @fulldev/table
-```
-
-## Usage
-
-```ts
-import {
-  Table,
-  TableBody,
-  TableCaption,
-  TableCell,
-  TableFooter,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from "@/components/ui/table"
-```
-
-```astro
-<Table>
-  <TableCaption>A list of your invoices.</TableCaption>
-  <TableHeader>
-    <TableRow>
-      <TableHead>Invoice</TableHead>
-      <TableHead>Status</TableHead>
-      <TableHead>Amount</TableHead>
-    </TableRow>
-  </TableHeader>
-  <TableBody>
-    <TableRow>
-      <TableCell>INV-001</TableCell>
-      <TableCell>Paid</TableCell>
-      <TableCell>$250.00</TableCell>
-    </TableRow>
-  </TableBody>
-</Table>
-```

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

@@ -1,59 +0,0 @@
----
-title: Tabs
-description: A set of layered sections of content, known as tabs, that display one panel of content at a time.
----
-
-```astro live
----
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
----
-
-<Tabs defaultValue="tab-1" class="w-full max-w-sm">
-  <TabsList class="grid w-full grid-cols-2">
-    <TabsTrigger value="tab-1">Account</TabsTrigger>
-    <TabsTrigger value="tab-2">Password</TabsTrigger>
-  </TabsList>
-  <TabsContent value="tab-1">
-    <div class="rounded-md border p-4">
-      <h3 class="mb-2 font-semibold">Account</h3>
-      <p class="text-muted-foreground text-sm">
-        Make changes to your account here. Click save when you're done.
-      </p>
-    </div>
-  </TabsContent>
-  <TabsContent value="tab-2">
-    <div class="rounded-md border p-4">
-      <h3 class="mb-2 font-semibold">Password</h3>
-      <p class="text-muted-foreground text-sm">
-        Change your password here. You will be logged out after changing your
-        password.
-      </p>
-    </div>
-  </TabsContent>
-</Tabs>
-```
-
-## Installation
-
-To install the tabs component, run the following command:
-
-```bash
-npx shadcn@latest add @fulldev/tabs
-```
-
-## Usage
-
-```ts
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
-```
-
-```astro
-<Tabs defaultValue="tab-1">
-  <TabsList>
-    <TabsTrigger value="tab-1">Tab 1</TabsTrigger>
-    <TabsTrigger value="tab-2">Tab 2</TabsTrigger>
-  </TabsList>
-  <TabsContent value="tab-1"> Content for tab 1 </TabsContent>
-  <TabsContent value="tab-2"> Content for tab 2 </TabsContent>
-</Tabs>
-```

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

@@ -1,35 +0,0 @@
----
-title: Textarea
-description: Displays a form textarea or a component that looks like a textarea.
----
-
-```astro live
----
-import { Label } from "@/components/ui/label"
-import { Textarea } from "@/components/ui/textarea"
----
-
-<div class="grid w-full max-w-sm gap-2">
-  <Label for="message">Message</Label>
-  <Textarea id="message" placeholder="Type your message here..." />
-  <Textarea placeholder="Disabled textarea" disabled />
-</div>
-```
-
-## Installation
-
-To install the textarea component, run the following command:
-
-```bash
-npx shadcn@latest add @fulldev/textarea
-```
-
-## Usage
-
-```ts
-import { Textarea } from "@/components/ui/textarea"
-```
-
-```astro
-<Textarea placeholder="Type your message here..." />
-```