Add design-sync inputs for claude.ai/design

Import this repo's components into a Claude Design project so the design
agent builds with the real Cloudrite library instead of generic components.

The repo is a Next.js app, not a component library: no dist/, no exports
map, no .d.ts tree, and Tailwind exists only as build directives. So
.design-sync/ carries a small build that manufactures a consumable package
from source (staged to the gitignored .ds-pkg/):

- tsconfig.dts.json  declaration emit, for real <Name>Props contracts
- build-css.mjs      Tailwind v4 -> a static stylesheet via @tailwindcss/postcss
- make-pkg.mjs       stages the package; index.js exports all 292 symbols
                     while index.d.ts exports only the 61 roots, so shadcn's
                     flat compound parts don't each become a preview card.
                     Also generates the per-root parts tables in docs/
- shims/next-link    router-free anchor; the real next/link needs
                     AppRouterContext and drags in the App Router runtime
- fonts/             Space Grotesk + Inter woff2 (SIL OFL). next/font supplies
                     these at runtime in the app, so the bundle has none

previews/ holds 40 authored preview stories, conventions.md is prepended to
the generated README as the design agent's usage guide, and NOTES.md records
the gotchas a future sync would otherwise rediscover.

Co-Authored-By: Claude Opus 5 <[email protected]>

.design-sync/docs/Accordion.md

@@ -0,0 +1,18 @@
+---
+category: display
+---
+
+# Accordion
+
+Source: `components/ui/accordion.tsx`.
+
+`Accordion` is a compound component. Its parts are exported **flat** (`AccordionItem`, not
+`Accordion.Item`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `AccordionItem` | `React.ComponentProps<typeof AccordionPrimitive.Item>` |
+| `AccordionTrigger` | `React.ComponentProps<typeof AccordionPrimitive.Trigger>` |
+| `AccordionContent` | `React.ComponentProps<typeof AccordionPrimitive.Content>` |
+
+All parts accept `className` and are composed as children of `Accordion`.

.design-sync/docs/Alert.md

@@ -0,0 +1,17 @@
+---
+category: feedback
+---
+
+# Alert
+
+Source: `components/ui/alert.tsx`.
+
+`Alert` is a compound component. Its parts are exported **flat** (`AlertTitle`, not
+`Alert.Title`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `AlertTitle` | `React.ComponentProps<'div'>` |
+| `AlertDescription` | `React.ComponentProps<'div'>` |
+
+All parts accept `className` and are composed as children of `Alert`.

.design-sync/docs/AlertDialog.md

@@ -0,0 +1,25 @@
+---
+category: overlays
+---
+
+# AlertDialog
+
+Source: `components/ui/alert-dialog.tsx`.
+
+`AlertDialog` is a compound component. Its parts are exported **flat** (`AlertDialogPortal`, not
+`AlertDialog.Portal`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `AlertDialogPortal` | `React.ComponentProps<typeof AlertDialogPrimitive.Portal>` |
+| `AlertDialogOverlay` | `React.ComponentProps<typeof AlertDialogPrimitive.Overlay>` |
+| `AlertDialogTrigger` | `React.ComponentProps<typeof AlertDialogPrimitive.Trigger>` |
+| `AlertDialogContent` | `React.ComponentProps<typeof AlertDialogPrimitive.Content>` |
+| `AlertDialogHeader` | `React.ComponentProps<'div'>` |
+| `AlertDialogFooter` | `React.ComponentProps<'div'>` |
+| `AlertDialogTitle` | `React.ComponentProps<typeof AlertDialogPrimitive.Title>` |
+| `AlertDialogDescription` | `React.ComponentProps<typeof AlertDialogPrimitive.Description>` |
+| `AlertDialogAction` | `React.ComponentProps<typeof AlertDialogPrimitive.Action>` |
+| `AlertDialogCancel` | `React.ComponentProps<typeof AlertDialogPrimitive.Cancel>` |
+
+All parts accept `className` and are composed as children of `AlertDialog`.

.design-sync/docs/AspectRatio.md

@@ -0,0 +1,7 @@
+---
+category: layout
+---
+
+# AspectRatio
+
+Source: `components/ui/aspect-ratio.tsx`.

.design-sync/docs/Avatar.md

@@ -0,0 +1,17 @@
+---
+category: display
+---
+
+# Avatar
+
+Source: `components/ui/avatar.tsx`.
+
+`Avatar` is a compound component. Its parts are exported **flat** (`AvatarImage`, not
+`Avatar.Image`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `AvatarImage` | `React.ComponentProps<typeof AvatarPrimitive.Image>` |
+| `AvatarFallback` | `React.ComponentProps<typeof AvatarPrimitive.Fallback>` |
+
+All parts accept `className` and are composed as children of `Avatar`.

.design-sync/docs/Badge.md

@@ -0,0 +1,7 @@
+---
+category: feedback
+---
+
+# Badge
+
+Source: `components/ui/badge.tsx`.

.design-sync/docs/Breadcrumb.md

@@ -0,0 +1,21 @@
+---
+category: navigation
+---
+
+# Breadcrumb
+
+Source: `components/ui/breadcrumb.tsx`.
+
+`Breadcrumb` is a compound component. Its parts are exported **flat** (`BreadcrumbList`, not
+`Breadcrumb.List`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `BreadcrumbList` | `React.ComponentProps<'ol'>` |
+| `BreadcrumbItem` | `React.ComponentProps<'li'>` |
+| `BreadcrumbLink` | `React.ComponentProps<'a'> & {…}` |
+| `BreadcrumbPage` | `React.ComponentProps<'span'>` |
+| `BreadcrumbSeparator` | `React.ComponentProps<'li'>` |
+| `BreadcrumbEllipsis` | `React.ComponentProps<'span'>` |
+
+All parts accept `className` and are composed as children of `Breadcrumb`.

.design-sync/docs/Button.md

@@ -0,0 +1,7 @@
+---
+category: actions
+---
+
+# Button
+
+Source: `components/ui/button.tsx`.

.design-sync/docs/ButtonGroup.md

@@ -0,0 +1,17 @@
+---
+category: actions
+---
+
+# ButtonGroup
+
+Source: `components/ui/button-group.tsx`.
+
+`ButtonGroup` is a compound component. Its parts are exported **flat** (`ButtonGroupSeparator`, not
+`ButtonGroup.Separator`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `ButtonGroupSeparator` | `React.ComponentProps<typeof Separator>` |
+| `ButtonGroupText` | `React.ComponentProps<'div'> & {…}` |
+
+All parts accept `className` and are composed as children of `ButtonGroup`.

.design-sync/docs/Calendar.md

@@ -0,0 +1,16 @@
+---
+category: forms
+---
+
+# Calendar
+
+Source: `components/ui/calendar.tsx`.
+
+`Calendar` is a compound component. Its parts are exported **flat** (`CalendarDayButton`, not
+`Calendar.DayButton`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `CalendarDayButton` | `React.ComponentProps<typeof DayButton>` |
+
+All parts accept `className` and are composed as children of `Calendar`.

.design-sync/docs/Card.md

@@ -0,0 +1,21 @@
+---
+category: layout
+---
+
+# Card
+
+Source: `components/ui/card.tsx`.
+
+`Card` is a compound component. Its parts are exported **flat** (`CardHeader`, not
+`Card.Header`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `CardHeader` | `React.ComponentProps<'div'>` |
+| `CardFooter` | `React.ComponentProps<'div'>` |
+| `CardTitle` | `React.ComponentProps<'div'>` |
+| `CardAction` | `React.ComponentProps<'div'>` |
+| `CardDescription` | `React.ComponentProps<'div'>` |
+| `CardContent` | `React.ComponentProps<'div'>` |
+
+All parts accept `className` and are composed as children of `Card`.

.design-sync/docs/Carousel.md

@@ -0,0 +1,19 @@
+---
+category: display
+---
+
+# Carousel
+
+Source: `components/ui/carousel.tsx`.
+
+`Carousel` is a compound component. Its parts are exported **flat** (`CarouselContent`, not
+`Carousel.Content`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `CarouselContent` | `React.ComponentProps<'div'>` |
+| `CarouselItem` | `React.ComponentProps<'div'>` |
+| `CarouselPrevious` | `React.ComponentProps<typeof Button>` |
+| `CarouselNext` | `React.ComponentProps<typeof Button>` |
+
+All parts accept `className` and are composed as children of `Carousel`.

.design-sync/docs/ChartContainer.md

@@ -0,0 +1,20 @@
+---
+category: display
+---
+
+# ChartContainer
+
+Source: `components/ui/chart.tsx`.
+
+`ChartContainer` is a compound component. Its parts are exported **flat** (`ChartTooltip`, not
+`ChartContainer.ChartTooltip`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `ChartTooltip` | — |
+| `ChartTooltipContent` | `React.ComponentProps<typeof RechartsPrimitive.Tooltip> & React.ComponentProps<'div'> & {…}` |
+| `ChartLegend` | — |
+| `ChartLegendContent` | `React.ComponentProps<'div'> & Pick<RechartsPrimitive.LegendProps, 'payload' | 'verticalAlign'> & {…}` |
+| `ChartStyle` | — |
+
+All parts accept `className` and are composed as children of `ChartContainer`.

.design-sync/docs/Checkbox.md

@@ -0,0 +1,7 @@
+---
+category: forms
+---
+
+# Checkbox
+
+Source: `components/ui/checkbox.tsx`.

.design-sync/docs/Collapsible.md

@@ -0,0 +1,17 @@
+---
+category: display
+---
+
+# Collapsible
+
+Source: `components/ui/collapsible.tsx`.
+
+`Collapsible` is a compound component. Its parts are exported **flat** (`CollapsibleTrigger`, not
+`Collapsible.Trigger`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `CollapsibleTrigger` | `React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>` |
+| `CollapsibleContent` | `React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>` |
+
+All parts accept `className` and are composed as children of `Collapsible`.

.design-sync/docs/Command.md

@@ -0,0 +1,23 @@
+---
+category: navigation
+---
+
+# Command
+
+Source: `components/ui/command.tsx`.
+
+`Command` is a compound component. Its parts are exported **flat** (`CommandDialog`, not
+`Command.Dialog`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `CommandDialog` | `React.ComponentProps<typeof Dialog> & {…}` |
+| `CommandInput` | `React.ComponentProps<typeof CommandPrimitive.Input>` |
+| `CommandList` | `React.ComponentProps<typeof CommandPrimitive.List>` |
+| `CommandEmpty` | `React.ComponentProps<typeof CommandPrimitive.Empty>` |
+| `CommandGroup` | `React.ComponentProps<typeof CommandPrimitive.Group>` |
+| `CommandItem` | `React.ComponentProps<typeof CommandPrimitive.Item>` |
+| `CommandShortcut` | `React.ComponentProps<'span'>` |
+| `CommandSeparator` | `React.ComponentProps<typeof CommandPrimitive.Separator>` |
+
+All parts accept `className` and are composed as children of `Command`.

.design-sync/docs/Contact.md

@@ -0,0 +1,7 @@
+---
+category: sections
+---
+
+# Contact
+
+Source: `components/contact.tsx`.

.design-sync/docs/ContextMenu.md

@@ -0,0 +1,29 @@
+---
+category: overlays
+---
+
+# ContextMenu
+
+Source: `components/ui/context-menu.tsx`.
+
+`ContextMenu` is a compound component. Its parts are exported **flat** (`ContextMenuTrigger`, not
+`ContextMenu.Trigger`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `ContextMenuTrigger` | `React.ComponentProps<typeof ContextMenuPrimitive.Trigger>` |
+| `ContextMenuContent` | `React.ComponentProps<typeof ContextMenuPrimitive.Content>` |
+| `ContextMenuItem` | `React.ComponentProps<typeof ContextMenuPrimitive.Item> & {…}` |
+| `ContextMenuCheckboxItem` | `React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>` |
+| `ContextMenuRadioItem` | `React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>` |
+| `ContextMenuLabel` | `React.ComponentProps<typeof ContextMenuPrimitive.Label> & {…}` |
+| `ContextMenuSeparator` | `React.ComponentProps<typeof ContextMenuPrimitive.Separator>` |
+| `ContextMenuShortcut` | `React.ComponentProps<'span'>` |
+| `ContextMenuGroup` | `React.ComponentProps<typeof ContextMenuPrimitive.Group>` |
+| `ContextMenuPortal` | `React.ComponentProps<typeof ContextMenuPrimitive.Portal>` |
+| `ContextMenuSub` | `React.ComponentProps<typeof ContextMenuPrimitive.Sub>` |
+| `ContextMenuSubContent` | `React.ComponentProps<typeof ContextMenuPrimitive.SubContent>` |
+| `ContextMenuSubTrigger` | `React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {…}` |
+| `ContextMenuRadioGroup` | `React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>` |
+
+All parts accept `className` and are composed as children of `ContextMenu`.

.design-sync/docs/Dialog.md

@@ -0,0 +1,24 @@
+---
+category: overlays
+---
+
+# Dialog
+
+Source: `components/ui/dialog.tsx`.
+
+`Dialog` is a compound component. Its parts are exported **flat** (`DialogClose`, not
+`Dialog.Close`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `DialogClose` | `React.ComponentProps<typeof DialogPrimitive.Close>` |
+| `DialogContent` | `React.ComponentProps<typeof DialogPrimitive.Content> & {…}` |
+| `DialogDescription` | `React.ComponentProps<typeof DialogPrimitive.Description>` |
+| `DialogFooter` | `React.ComponentProps<'div'>` |
+| `DialogHeader` | `React.ComponentProps<'div'>` |
+| `DialogOverlay` | `React.ComponentProps<typeof DialogPrimitive.Overlay>` |
+| `DialogPortal` | `React.ComponentProps<typeof DialogPrimitive.Portal>` |
+| `DialogTitle` | `React.ComponentProps<typeof DialogPrimitive.Title>` |
+| `DialogTrigger` | `React.ComponentProps<typeof DialogPrimitive.Trigger>` |
+
+All parts accept `className` and are composed as children of `Dialog`.

.design-sync/docs/Drawer.md

@@ -0,0 +1,24 @@
+---
+category: overlays
+---
+
+# Drawer
+
+Source: `components/ui/drawer.tsx`.
+
+`Drawer` is a compound component. Its parts are exported **flat** (`DrawerPortal`, not
+`Drawer.Portal`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `DrawerPortal` | `React.ComponentProps<typeof DrawerPrimitive.Portal>` |
+| `DrawerOverlay` | `React.ComponentProps<typeof DrawerPrimitive.Overlay>` |
+| `DrawerTrigger` | `React.ComponentProps<typeof DrawerPrimitive.Trigger>` |
+| `DrawerClose` | `React.ComponentProps<typeof DrawerPrimitive.Close>` |
+| `DrawerContent` | `React.ComponentProps<typeof DrawerPrimitive.Content>` |
+| `DrawerHeader` | `React.ComponentProps<'div'>` |
+| `DrawerFooter` | `React.ComponentProps<'div'>` |
+| `DrawerTitle` | `React.ComponentProps<typeof DrawerPrimitive.Title>` |
+| `DrawerDescription` | `React.ComponentProps<typeof DrawerPrimitive.Description>` |
+
+All parts accept `className` and are composed as children of `Drawer`.

.design-sync/docs/DropdownMenu.md

@@ -0,0 +1,29 @@
+---
+category: overlays
+---
+
+# DropdownMenu
+
+Source: `components/ui/dropdown-menu.tsx`.
+
+`DropdownMenu` is a compound component. Its parts are exported **flat** (`DropdownMenuPortal`, not
+`DropdownMenu.Portal`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `DropdownMenuPortal` | `React.ComponentProps<typeof DropdownMenuPrimitive.Portal>` |
+| `DropdownMenuTrigger` | `React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>` |
+| `DropdownMenuContent` | `React.ComponentProps<typeof DropdownMenuPrimitive.Content>` |
+| `DropdownMenuGroup` | `React.ComponentProps<typeof DropdownMenuPrimitive.Group>` |
+| `DropdownMenuLabel` | `React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {…}` |
+| `DropdownMenuItem` | `React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {…}` |
+| `DropdownMenuCheckboxItem` | `React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>` |
+| `DropdownMenuRadioGroup` | `React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>` |
+| `DropdownMenuRadioItem` | `React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>` |
+| `DropdownMenuSeparator` | `React.ComponentProps<typeof DropdownMenuPrimitive.Separator>` |
+| `DropdownMenuShortcut` | `React.ComponentProps<'span'>` |
+| `DropdownMenuSub` | `React.ComponentProps<typeof DropdownMenuPrimitive.Sub>` |
+| `DropdownMenuSubTrigger` | `React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {…}` |
+| `DropdownMenuSubContent` | `React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>` |
+
+All parts accept `className` and are composed as children of `DropdownMenu`.

.design-sync/docs/Empty.md

@@ -0,0 +1,20 @@
+---
+category: layout
+---
+
+# Empty
+
+Source: `components/ui/empty.tsx`.
+
+`Empty` is a compound component. Its parts are exported **flat** (`EmptyHeader`, not
+`Empty.Header`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `EmptyHeader` | `React.ComponentProps<'div'>` |
+| `EmptyTitle` | `React.ComponentProps<'div'>` |
+| `EmptyDescription` | `React.ComponentProps<'p'>` |
+| `EmptyContent` | `React.ComponentProps<'div'>` |
+| `EmptyMedia` | `React.ComponentProps<'div'> & VariantProps<typeof emptyMediaVariants>` |
+
+All parts accept `className` and are composed as children of `Empty`.

.design-sync/docs/Features.md

@@ -0,0 +1,7 @@
+---
+category: sections
+---
+
+# Features
+
+Source: `components/features.tsx`.

.design-sync/docs/Field.md

@@ -0,0 +1,24 @@
+---
+category: forms
+---
+
+# Field
+
+Source: `components/ui/field.tsx`.
+
+`Field` is a compound component. Its parts are exported **flat** (`FieldLabel`, not
+`Field.Label`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `FieldLabel` | `React.ComponentProps<typeof Label>` |
+| `FieldDescription` | `React.ComponentProps<'p'>` |
+| `FieldError` | `React.ComponentProps<'div'> & { errors?: Array<{…} | undefined>; }` |
+| `FieldGroup` | `React.ComponentProps<'div'>` |
+| `FieldLegend` | `React.ComponentProps<'legend'> & {…}` |
+| `FieldSeparator` | `React.ComponentProps<'div'> & {…}` |
+| `FieldSet` | `React.ComponentProps<'fieldset'>` |
+| `FieldContent` | `React.ComponentProps<'div'>` |
+| `FieldTitle` | `React.ComponentProps<'div'>` |
+
+All parts accept `className` and are composed as children of `Field`.

.design-sync/docs/Footer.md

@@ -0,0 +1,7 @@
+---
+category: sections
+---
+
+# Footer
+
+Source: `components/footer.tsx`.

.design-sync/docs/Form.md

@@ -0,0 +1,21 @@
+---
+category: forms
+---
+
+# Form
+
+Source: `components/ui/form.tsx`.
+
+`Form` is a compound component. Its parts are exported **flat** (`FormItem`, not
+`Form.Item`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `FormItem` | `React.ComponentProps<'div'>` |
+| `FormLabel` | `React.ComponentProps<typeof LabelPrimitive.Root>` |
+| `FormControl` | `React.ComponentProps<typeof Slot>` |
+| `FormDescription` | `React.ComponentProps<'p'>` |
+| `FormMessage` | `React.ComponentProps<'p'>` |
+| `FormField` | — |
+
+All parts accept `className` and are composed as children of `Form`.

.design-sync/docs/Header.md

@@ -0,0 +1,7 @@
+---
+category: sections
+---
+
+# Header
+
+Source: `components/header.tsx`.

.design-sync/docs/Hero.md

@@ -0,0 +1,7 @@
+---
+category: sections
+---
+
+# Hero
+
+Source: `components/hero.tsx`.

.design-sync/docs/HoverCard.md

@@ -0,0 +1,17 @@
+---
+category: overlays
+---
+
+# HoverCard
+
+Source: `components/ui/hover-card.tsx`.
+
+`HoverCard` is a compound component. Its parts are exported **flat** (`HoverCardTrigger`, not
+`HoverCard.Trigger`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `HoverCardTrigger` | `React.ComponentProps<typeof HoverCardPrimitive.Trigger>` |
+| `HoverCardContent` | `React.ComponentProps<typeof HoverCardPrimitive.Content>` |
+
+All parts accept `className` and are composed as children of `HoverCard`.

.design-sync/docs/Input.md

@@ -0,0 +1,7 @@
+---
+category: forms
+---
+
+# Input
+
+Source: `components/ui/input.tsx`.

.design-sync/docs/InputGroup.md

@@ -0,0 +1,20 @@
+---
+category: forms
+---
+
+# InputGroup
+
+Source: `components/ui/input-group.tsx`.
+
+`InputGroup` is a compound component. Its parts are exported **flat** (`InputGroupAddon`, not
+`InputGroup.Addon`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `InputGroupAddon` | `React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>` |
+| `InputGroupButton` | `Omit<React.ComponentProps<typeof Button>, 'size'> & VariantProps<typeof inputGroupButtonVariants>` |
+| `InputGroupText` | `React.ComponentProps<'span'>` |
+| `InputGroupInput` | `React.ComponentProps<'input'>` |
+| `InputGroupTextarea` | `React.ComponentProps<'textarea'>` |
+
+All parts accept `className` and are composed as children of `InputGroup`.

.design-sync/docs/InputOTP.md

@@ -0,0 +1,18 @@
+---
+category: forms
+---
+
+# InputOTP
+
+Source: `components/ui/input-otp.tsx`.
+
+`InputOTP` is a compound component. Its parts are exported **flat** (`InputOTPGroup`, not
+`InputOTP.Group`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `InputOTPGroup` | `React.ComponentProps<'div'>` |
+| `InputOTPSlot` | `React.ComponentProps<'div'> & {…}` |
+| `InputOTPSeparator` | `React.ComponentProps<'div'>` |
+
+All parts accept `className` and are composed as children of `InputOTP`.

.design-sync/docs/Item.md

@@ -0,0 +1,24 @@
+---
+category: layout
+---
+
+# Item
+
+Source: `components/ui/item.tsx`.
+
+`Item` is a compound component. Its parts are exported **flat** (`ItemMedia`, not
+`Item.Media`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `ItemMedia` | `React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>` |
+| `ItemContent` | `React.ComponentProps<'div'>` |
+| `ItemActions` | `React.ComponentProps<'div'>` |
+| `ItemGroup` | `React.ComponentProps<'div'>` |
+| `ItemSeparator` | `React.ComponentProps<typeof Separator>` |
+| `ItemTitle` | `React.ComponentProps<'div'>` |
+| `ItemDescription` | `React.ComponentProps<'p'>` |
+| `ItemHeader` | `React.ComponentProps<'div'>` |
+| `ItemFooter` | `React.ComponentProps<'div'>` |
+
+All parts accept `className` and are composed as children of `Item`.

.design-sync/docs/Kbd.md

@@ -0,0 +1,16 @@
+---
+category: display
+---
+
+# Kbd
+
+Source: `components/ui/kbd.tsx`.
+
+`Kbd` is a compound component. Its parts are exported **flat** (`KbdGroup`, not
+`Kbd.Group`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `KbdGroup` | `React.ComponentProps<'div'>` |
+
+All parts accept `className` and are composed as children of `Kbd`.

.design-sync/docs/Label.md

@@ -0,0 +1,7 @@
+---
+category: forms
+---
+
+# Label
+
+Source: `components/ui/label.tsx`.

.design-sync/docs/Menubar.md

@@ -0,0 +1,30 @@
+---
+category: navigation
+---
+
+# Menubar
+
+Source: `components/ui/menubar.tsx`.
+
+`Menubar` is a compound component. Its parts are exported **flat** (`MenubarPortal`, not
+`Menubar.Portal`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `MenubarPortal` | `React.ComponentProps<typeof MenubarPrimitive.Portal>` |
+| `MenubarMenu` | `React.ComponentProps<typeof MenubarPrimitive.Menu>` |
+| `MenubarTrigger` | `React.ComponentProps<typeof MenubarPrimitive.Trigger>` |
+| `MenubarContent` | `React.ComponentProps<typeof MenubarPrimitive.Content>` |
+| `MenubarGroup` | `React.ComponentProps<typeof MenubarPrimitive.Group>` |
+| `MenubarSeparator` | `React.ComponentProps<typeof MenubarPrimitive.Separator>` |
+| `MenubarLabel` | `React.ComponentProps<typeof MenubarPrimitive.Label> & {…}` |
+| `MenubarItem` | `React.ComponentProps<typeof MenubarPrimitive.Item> & {…}` |
+| `MenubarShortcut` | `React.ComponentProps<'span'>` |
+| `MenubarCheckboxItem` | `React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>` |
+| `MenubarRadioGroup` | `React.ComponentProps<typeof MenubarPrimitive.RadioGroup>` |
+| `MenubarRadioItem` | `React.ComponentProps<typeof MenubarPrimitive.RadioItem>` |
+| `MenubarSub` | `React.ComponentProps<typeof MenubarPrimitive.Sub>` |
+| `MenubarSubTrigger` | `React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {…}` |
+| `MenubarSubContent` | `React.ComponentProps<typeof MenubarPrimitive.SubContent>` |
+
+All parts accept `className` and are composed as children of `Menubar`.

.design-sync/docs/NavigationMenu.md

@@ -0,0 +1,22 @@
+---
+category: navigation
+---
+
+# NavigationMenu
+
+Source: `components/ui/navigation-menu.tsx`.
+
+`NavigationMenu` is a compound component. Its parts are exported **flat** (`NavigationMenuList`, not
+`NavigationMenu.List`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `NavigationMenuList` | `React.ComponentProps<typeof NavigationMenuPrimitive.List>` |
+| `NavigationMenuItem` | `React.ComponentProps<typeof NavigationMenuPrimitive.Item>` |
+| `NavigationMenuContent` | `React.ComponentProps<typeof NavigationMenuPrimitive.Content>` |
+| `NavigationMenuTrigger` | `React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>` |
+| `NavigationMenuLink` | `React.ComponentProps<typeof NavigationMenuPrimitive.Link>` |
+| `NavigationMenuIndicator` | `React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>` |
+| `NavigationMenuViewport` | `React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>` |
+
+All parts accept `className` and are composed as children of `NavigationMenu`.

.design-sync/docs/Pagination.md

@@ -0,0 +1,21 @@
+---
+category: navigation
+---
+
+# Pagination
+
+Source: `components/ui/pagination.tsx`.
+
+`Pagination` is a compound component. Its parts are exported **flat** (`PaginationContent`, not
+`Pagination.Content`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `PaginationContent` | `React.ComponentProps<'ul'>` |
+| `PaginationLink` | `PaginationLinkProps` |
+| `PaginationItem` | `React.ComponentProps<'li'>` |
+| `PaginationPrevious` | `React.ComponentProps<typeof PaginationLink>` |
+| `PaginationNext` | `React.ComponentProps<typeof PaginationLink>` |
+| `PaginationEllipsis` | `React.ComponentProps<'span'>` |
+
+All parts accept `className` and are composed as children of `Pagination`.

.design-sync/docs/Popover.md

@@ -0,0 +1,18 @@
+---
+category: overlays
+---
+
+# Popover
+
+Source: `components/ui/popover.tsx`.
+
+`Popover` is a compound component. Its parts are exported **flat** (`PopoverTrigger`, not
+`Popover.Trigger`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `PopoverTrigger` | `React.ComponentProps<typeof PopoverPrimitive.Trigger>` |
+| `PopoverContent` | `React.ComponentProps<typeof PopoverPrimitive.Content>` |
+| `PopoverAnchor` | `React.ComponentProps<typeof PopoverPrimitive.Anchor>` |
+
+All parts accept `className` and are composed as children of `Popover`.

.design-sync/docs/Process.md

@@ -0,0 +1,7 @@
+---
+category: sections
+---
+
+# Process
+
+Source: `components/process.tsx`.

.design-sync/docs/Progress.md

@@ -0,0 +1,7 @@
+---
+category: feedback
+---
+
+# Progress
+
+Source: `components/ui/progress.tsx`.

.design-sync/docs/RadioGroup.md

@@ -0,0 +1,16 @@
+---
+category: forms
+---
+
+# RadioGroup
+
+Source: `components/ui/radio-group.tsx`.
+
+`RadioGroup` is a compound component. Its parts are exported **flat** (`RadioGroupItem`, not
+`RadioGroup.Item`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `RadioGroupItem` | `React.ComponentProps<typeof RadioGroupPrimitive.Item>` |
+
+All parts accept `className` and are composed as children of `RadioGroup`.

.design-sync/docs/ResizablePanelGroup.md

@@ -0,0 +1,17 @@
+---
+category: layout
+---
+
+# ResizablePanelGroup
+
+Source: `components/ui/resizable.tsx`.
+
+`ResizablePanelGroup` is a compound component. Its parts are exported **flat** (`ResizablePanel`, not
+`ResizablePanelGroup.ResizablePanel`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `ResizablePanel` | `React.ComponentProps<typeof ResizablePrimitive.Panel>` |
+| `ResizableHandle` | `React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {…}` |
+
+All parts accept `className` and are composed as children of `ResizablePanelGroup`.

.design-sync/docs/ScrollArea.md

@@ -0,0 +1,16 @@
+---
+category: layout
+---
+
+# ScrollArea
+
+Source: `components/ui/scroll-area.tsx`.
+
+`ScrollArea` is a compound component. Its parts are exported **flat** (`ScrollBar`, not
+`ScrollArea.ScrollBar`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `ScrollBar` | `React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>` |
+
+All parts accept `className` and are composed as children of `ScrollArea`.

.design-sync/docs/Select.md

@@ -0,0 +1,24 @@
+---
+category: forms
+---
+
+# Select
+
+Source: `components/ui/select.tsx`.
+
+`Select` is a compound component. Its parts are exported **flat** (`SelectContent`, not
+`Select.Content`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `SelectContent` | `React.ComponentProps<typeof SelectPrimitive.Content>` |
+| `SelectGroup` | `React.ComponentProps<typeof SelectPrimitive.Group>` |
+| `SelectItem` | `React.ComponentProps<typeof SelectPrimitive.Item>` |
+| `SelectLabel` | `React.ComponentProps<typeof SelectPrimitive.Label>` |
+| `SelectScrollDownButton` | `React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>` |
+| `SelectScrollUpButton` | `React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>` |
+| `SelectSeparator` | `React.ComponentProps<typeof SelectPrimitive.Separator>` |
+| `SelectTrigger` | `React.ComponentProps<typeof SelectPrimitive.Trigger> & {…}` |
+| `SelectValue` | `React.ComponentProps<typeof SelectPrimitive.Value>` |
+
+All parts accept `className` and are composed as children of `Select`.

.design-sync/docs/Separator.md

@@ -0,0 +1,7 @@
+---
+category: layout
+---
+
+# Separator
+
+Source: `components/ui/separator.tsx`.

.design-sync/docs/Services.md

@@ -0,0 +1,7 @@
+---
+category: sections
+---
+
+# Services
+
+Source: `components/services.tsx`.

.design-sync/docs/Sheet.md

@@ -0,0 +1,22 @@
+---
+category: overlays
+---
+
+# Sheet
+
+Source: `components/ui/sheet.tsx`.
+
+`Sheet` is a compound component. Its parts are exported **flat** (`SheetTrigger`, not
+`Sheet.Trigger`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `SheetTrigger` | `React.ComponentProps<typeof SheetPrimitive.Trigger>` |
+| `SheetClose` | `React.ComponentProps<typeof SheetPrimitive.Close>` |
+| `SheetContent` | `React.ComponentProps<typeof SheetPrimitive.Content> & {…}` |
+| `SheetHeader` | `React.ComponentProps<'div'>` |
+| `SheetFooter` | `React.ComponentProps<'div'>` |
+| `SheetTitle` | `React.ComponentProps<typeof SheetPrimitive.Title>` |
+| `SheetDescription` | `React.ComponentProps<typeof SheetPrimitive.Description>` |
+
+All parts accept `className` and are composed as children of `Sheet`.

.design-sync/docs/Sidebar.md

@@ -0,0 +1,37 @@
+---
+category: layout
+---
+
+# Sidebar
+
+Source: `components/ui/sidebar.tsx`.
+
+`Sidebar` is a compound component. Its parts are exported **flat** (`SidebarContent`, not
+`Sidebar.Content`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `SidebarContent` | `React.ComponentProps<'div'>` |
+| `SidebarFooter` | `React.ComponentProps<'div'>` |
+| `SidebarGroup` | `React.ComponentProps<'div'>` |
+| `SidebarGroupAction` | `React.ComponentProps<'button'> & {…}` |
+| `SidebarGroupContent` | `React.ComponentProps<'div'>` |
+| `SidebarGroupLabel` | `React.ComponentProps<'div'> & {…}` |
+| `SidebarHeader` | `React.ComponentProps<'div'>` |
+| `SidebarInput` | `React.ComponentProps<typeof Input>` |
+| `SidebarInset` | `React.ComponentProps<'main'>` |
+| `SidebarMenu` | `React.ComponentProps<'ul'>` |
+| `SidebarMenuAction` | `React.ComponentProps<'button'> & {…}` |
+| `SidebarMenuBadge` | `React.ComponentProps<'div'>` |
+| `SidebarMenuButton` | `React.ComponentProps<'button'> & {…} & VariantProps<typeof sidebarMenuButtonVariants>` |
+| `SidebarMenuItem` | `React.ComponentProps<'li'>` |
+| `SidebarMenuSkeleton` | `React.ComponentProps<'div'> & {…}` |
+| `SidebarMenuSub` | `React.ComponentProps<'ul'>` |
+| `SidebarMenuSubButton` | `React.ComponentProps<'a'> & {…}` |
+| `SidebarMenuSubItem` | `React.ComponentProps<'li'>` |
+| `SidebarProvider` | `React.ComponentProps<'div'> & {…}` |
+| `SidebarRail` | `React.ComponentProps<'button'>` |
+| `SidebarSeparator` | `React.ComponentProps<typeof Separator>` |
+| `SidebarTrigger` | `React.ComponentProps<typeof Button>` |
+
+All parts accept `className` and are composed as children of `Sidebar`.

.design-sync/docs/Skeleton.md

@@ -0,0 +1,7 @@
+---
+category: feedback
+---
+
+# Skeleton
+
+Source: `components/ui/skeleton.tsx`.

.design-sync/docs/Slider.md

@@ -0,0 +1,7 @@
+---
+category: forms
+---
+
+# Slider
+
+Source: `components/ui/slider.tsx`.

.design-sync/docs/Spinner.md

@@ -0,0 +1,7 @@
+---
+category: feedback
+---
+
+# Spinner
+
+Source: `components/ui/spinner.tsx`.

.design-sync/docs/Switch.md

@@ -0,0 +1,7 @@
+---
+category: forms
+---
+
+# Switch
+
+Source: `components/ui/switch.tsx`.

.design-sync/docs/Table.md

@@ -0,0 +1,22 @@
+---
+category: display
+---
+
+# Table
+
+Source: `components/ui/table.tsx`.
+
+`Table` is a compound component. Its parts are exported **flat** (`TableHeader`, not
+`Table.Header`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `TableHeader` | `React.ComponentProps<'thead'>` |
+| `TableBody` | `React.ComponentProps<'tbody'>` |
+| `TableFooter` | `React.ComponentProps<'tfoot'>` |
+| `TableHead` | `React.ComponentProps<'th'>` |
+| `TableRow` | `React.ComponentProps<'tr'>` |
+| `TableCell` | `React.ComponentProps<'td'>` |
+| `TableCaption` | `React.ComponentProps<'caption'>` |
+
+All parts accept `className` and are composed as children of `Table`.

.design-sync/docs/Tabs.md

@@ -0,0 +1,18 @@
+---
+category: navigation
+---
+
+# Tabs
+
+Source: `components/ui/tabs.tsx`.
+
+`Tabs` is a compound component. Its parts are exported **flat** (`TabsList`, not
+`Tabs.List`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `TabsList` | `React.ComponentProps<typeof TabsPrimitive.List>` |
+| `TabsTrigger` | `React.ComponentProps<typeof TabsPrimitive.Trigger>` |
+| `TabsContent` | `React.ComponentProps<typeof TabsPrimitive.Content>` |
+
+All parts accept `className` and are composed as children of `Tabs`.

.design-sync/docs/Textarea.md

@@ -0,0 +1,7 @@
+---
+category: forms
+---
+
+# Textarea
+
+Source: `components/ui/textarea.tsx`.

.design-sync/docs/Toast.md

@@ -0,0 +1,21 @@
+---
+category: feedback
+---
+
+# Toast
+
+Source: `components/ui/toast.tsx`.
+
+`Toast` is a compound component. Its parts are exported **flat** (`ToastProvider`, not
+`Toast.Provider`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `ToastProvider` | — |
+| `ToastViewport` | — |
+| `ToastTitle` | — |
+| `ToastDescription` | — |
+| `ToastClose` | — |
+| `ToastAction` | — |
+
+All parts accept `className` and are composed as children of `Toast`.

.design-sync/docs/Toaster.md

@@ -0,0 +1,7 @@
+---
+category: feedback
+---
+
+# Toaster
+
+Source: `components/ui/sonner.tsx`.

.design-sync/docs/Toggle.md

@@ -0,0 +1,7 @@
+---
+category: actions
+---
+
+# Toggle
+
+Source: `components/ui/toggle.tsx`.

.design-sync/docs/ToggleGroup.md

@@ -0,0 +1,16 @@
+---
+category: actions
+---
+
+# ToggleGroup
+
+Source: `components/ui/toggle-group.tsx`.
+
+`ToggleGroup` is a compound component. Its parts are exported **flat** (`ToggleGroupItem`, not
+`ToggleGroup.Item`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `ToggleGroupItem` | `React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>` |
+
+All parts accept `className` and are composed as children of `ToggleGroup`.

.design-sync/docs/Tooltip.md

@@ -0,0 +1,18 @@
+---
+category: overlays
+---
+
+# Tooltip
+
+Source: `components/ui/tooltip.tsx`.
+
+`Tooltip` is a compound component. Its parts are exported **flat** (`TooltipTrigger`, not
+`Tooltip.Trigger`) and each is a separate top-level export of the bundle:
+
+| Part | Props |
+| --- | --- |
+| `TooltipTrigger` | `React.ComponentProps<typeof TooltipPrimitive.Trigger>` |
+| `TooltipContent` | `React.ComponentProps<typeof TooltipPrimitive.Content>` |
+| `TooltipProvider` | `React.ComponentProps<typeof TooltipPrimitive.Provider>` |
+
+All parts accept `className` and are composed as children of `Tooltip`.