@spavn/ui 0.0.1

package/cli/registry.js

@@ -0,0 +1,1112 @@
+// Auto-generated component registry for Spavn UI CLI
+// This file maps component names to their source files in the components package
+// Complete registry of all Spavn UI components
+export const COMPONENT_REGISTRY = {
+    // ─── Core Components ───────────────────────────────────────────
+    button: {
+        name: 'Button',
+        category: 'core',
+        description: 'Interactive button with multiple variants, sizes, and elevation levels',
+        files: [
+            'lib/button/Button.vue',
+            'lib/button/variants.ts',
+            'lib/button/index.ts',
+        ],
+        subComponents: [],
+    },
+    badge: {
+        name: 'Badge',
+        category: 'core',
+        description: 'Small status label with color variants for tags and statuses',
+        files: [
+            'lib/badge/Badge.vue',
+            'lib/badge/variants.ts',
+            'lib/badge/index.ts',
+        ],
+        subComponents: [],
+    },
+    avatar: {
+        name: 'Avatar',
+        category: 'core',
+        description: 'User avatar with image source and text fallback',
+        files: [
+            'lib/avatar/Avatar.vue',
+            'lib/avatar/AvatarImage.vue',
+            'lib/avatar/AvatarFallback.vue',
+            'lib/avatar/index.ts',
+        ],
+        subComponents: ['AvatarImage', 'AvatarFallback'],
+    },
+    icon: {
+        name: 'Icon',
+        category: 'core',
+        description: 'Dynamic Lucide icon renderer that accepts an icon name string',
+        files: [
+            'lib/icon/Icon.vue',
+            'lib/icon/index.ts',
+        ],
+        subComponents: [],
+    },
+    spinner: {
+        name: 'Spinner',
+        category: 'core',
+        description: 'Animated loading spinner indicator',
+        files: [
+            'lib/spinner/Spinner.vue',
+            'lib/spinner/index.ts',
+        ],
+        subComponents: [],
+    },
+    skeleton: {
+        name: 'Skeleton',
+        category: 'core',
+        description: 'Placeholder loading animation that mimics content shape',
+        files: [
+            'lib/skeleton/Skeleton.vue',
+            'lib/skeleton/index.ts',
+        ],
+        subComponents: [],
+    },
+    kbd: {
+        name: 'Kbd',
+        category: 'core',
+        description: 'Keyboard shortcut indicator styled as a key cap',
+        files: [
+            'lib/kbd/Kbd.vue',
+            'lib/kbd/index.ts',
+        ],
+        subComponents: [],
+    },
+    separator: {
+        name: 'Separator',
+        category: 'core',
+        description: 'Visual divider line for separating content sections',
+        files: [
+            'lib/separator/Separator.vue',
+            'lib/separator/index.ts',
+        ],
+        subComponents: [],
+    },
+    // ─── Layout Components ─────────────────────────────────────────
+    appLayout: {
+        name: 'AppLayout',
+        category: 'layout',
+        description: 'Root application layout shell that composes header, sidebar, main, and footer regions',
+        files: [
+            'lib/layout/AppLayout.vue',
+            'lib/layout/index.ts',
+        ],
+        subComponents: ['AppHeader', 'AppSidebar', 'AppFooter', 'AppMain'],
+    },
+    appHeader: {
+        name: 'AppHeader',
+        category: 'layout',
+        description: 'Sticky application header bar with slot-based content areas',
+        files: [
+            'lib/layout/AppHeader.vue',
+        ],
+        subComponents: [],
+    },
+    appSidebar: {
+        name: 'AppSidebar',
+        category: 'layout',
+        description: 'Collapsible application sidebar for primary navigation',
+        files: [
+            'lib/layout/AppSidebar.vue',
+        ],
+        subComponents: [],
+    },
+    appFooter: {
+        name: 'AppFooter',
+        category: 'layout',
+        description: 'Application footer region pinned to the bottom of the layout',
+        files: [
+            'lib/layout/AppFooter.vue',
+        ],
+        subComponents: [],
+    },
+    appMain: {
+        name: 'AppMain',
+        category: 'layout',
+        description: 'Main content area that fills the remaining space in AppLayout',
+        files: [
+            'lib/layout/AppMain.vue',
+        ],
+        subComponents: [],
+    },
+    sidebarProvider: {
+        name: 'SidebarProvider',
+        category: 'layout',
+        description: 'Context provider that manages sidebar open/collapsed state',
+        files: [
+            'lib/sidebar/SidebarProvider.vue',
+            'lib/sidebar/Sidebar.vue',
+            'lib/sidebar/SidebarHeader.vue',
+            'lib/sidebar/SidebarContent.vue',
+            'lib/sidebar/SidebarFooter.vue',
+            'lib/sidebar/SidebarGroup.vue',
+            'lib/sidebar/SidebarGroupLabel.vue',
+            'lib/sidebar/SidebarMenu.vue',
+            'lib/sidebar/SidebarMenuItem.vue',
+            'lib/sidebar/SidebarMenuButton.vue',
+            'lib/sidebar/SidebarTrigger.vue',
+            'lib/sidebar/SidebarSeparator.vue',
+            'lib/sidebar/SidebarInset.vue',
+            'lib/sidebar/useSidebar.ts',
+            'lib/sidebar/index.ts',
+        ],
+        subComponents: [
+            'Sidebar',
+            'SidebarHeader',
+            'SidebarContent',
+            'SidebarFooter',
+            'SidebarGroup',
+            'SidebarGroupLabel',
+            'SidebarMenu',
+            'SidebarMenuItem',
+            'SidebarMenuButton',
+            'SidebarTrigger',
+            'SidebarSeparator',
+            'SidebarInset',
+        ],
+    },
+    // ─── Form Components ───────────────────────────────────────────
+    input: {
+        name: 'Input',
+        category: 'forms',
+        description: 'Single-line text input with v-model support and validation states',
+        files: [
+            'lib/input/Input.vue',
+            'lib/input/index.ts',
+        ],
+        subComponents: [],
+    },
+    inputGroup: {
+        name: 'InputGroup',
+        category: 'forms',
+        description: 'Groups an input with leading/trailing addons (icons, text, buttons)',
+        files: [
+            'lib/input-group/InputGroup.vue',
+            'lib/input-group/InputGroupAddon.vue',
+            'lib/input-group/InputGroupInput.vue',
+            'lib/input-group/index.ts',
+        ],
+        subComponents: ['InputGroupAddon', 'InputGroupInput'],
+    },
+    inputOtp: {
+        name: 'InputOTP',
+        category: 'forms',
+        description: 'One-time-password input with individual character slots',
+        files: [
+            'lib/input-otp/InputOTP.vue',
+            'lib/input-otp/InputOTPGroup.vue',
+            'lib/input-otp/InputOTPSlot.vue',
+            'lib/input-otp/InputOTPSeparator.vue',
+            'lib/input-otp/index.ts',
+        ],
+        subComponents: ['InputOTPGroup', 'InputOTPSlot', 'InputOTPSeparator'],
+    },
+    textarea: {
+        name: 'Textarea',
+        category: 'forms',
+        description: 'Multi-line text input with auto-resize support',
+        files: [
+            'lib/textarea/Textarea.vue',
+            'lib/textarea/index.ts',
+        ],
+        subComponents: [],
+    },
+    label: {
+        name: 'Label',
+        category: 'forms',
+        description: 'Accessible label element that pairs with form controls',
+        files: [
+            'lib/label/Label.vue',
+            'lib/label/index.ts',
+        ],
+        subComponents: [],
+    },
+    field: {
+        name: 'Field',
+        category: 'forms',
+        description: 'Form field wrapper that composes label, description, control, and error message',
+        files: [
+            'lib/field/Field.vue',
+            'lib/field/FieldLabel.vue',
+            'lib/field/FieldDescription.vue',
+            'lib/field/FieldError.vue',
+            'lib/field/index.ts',
+        ],
+        subComponents: ['FieldLabel', 'FieldDescription', 'FieldError'],
+    },
+    checkbox: {
+        name: 'Checkbox',
+        category: 'forms',
+        description: 'Checkbox input with indeterminate state support',
+        files: [
+            'lib/checkbox/Checkbox.vue',
+            'lib/checkbox/index.ts',
+        ],
+        subComponents: [],
+    },
+    switch: {
+        name: 'Switch',
+        category: 'forms',
+        description: 'Toggle switch for boolean on/off values',
+        files: [
+            'lib/switch/Switch.vue',
+            'lib/switch/index.ts',
+        ],
+        subComponents: [],
+    },
+    radioGroup: {
+        name: 'RadioGroup',
+        category: 'forms',
+        description: 'Group of mutually exclusive radio options',
+        files: [
+            'lib/radio-group/RadioGroup.vue',
+            'lib/radio-group/RadioGroupItem.vue',
+            'lib/radio-group/index.ts',
+        ],
+        subComponents: ['RadioGroupItem'],
+    },
+    select: {
+        name: 'Select',
+        category: 'forms',
+        description: 'Styled dropdown select with search, groups, and keyboard navigation',
+        files: [
+            'lib/select/Select.vue',
+            'lib/select/SelectTrigger.vue',
+            'lib/select/SelectValue.vue',
+            'lib/select/SelectContent.vue',
+            'lib/select/SelectItem.vue',
+            'lib/select/SelectGroup.vue',
+            'lib/select/SelectLabel.vue',
+            'lib/select/SelectSeparator.vue',
+            'lib/select/SelectScrollUpButton.vue',
+            'lib/select/SelectScrollDownButton.vue',
+            'lib/select/index.ts',
+        ],
+        subComponents: [
+            'SelectTrigger',
+            'SelectValue',
+            'SelectContent',
+            'SelectItem',
+            'SelectGroup',
+            'SelectLabel',
+            'SelectSeparator',
+            'SelectScrollUpButton',
+            'SelectScrollDownButton',
+        ],
+    },
+    nativeSelect: {
+        name: 'NativeSelect',
+        category: 'forms',
+        description: 'Styled wrapper around the native HTML select element',
+        files: [
+            'lib/native-select/NativeSelect.vue',
+            'lib/native-select/index.ts',
+        ],
+        subComponents: [],
+    },
+    multiSelect: {
+        name: 'MultiSelect',
+        category: 'forms',
+        description: 'Multi-value select with tags and search filtering',
+        files: [
+            'lib/multi-select/MultiSelect.vue',
+            'lib/multi-select/MultiSelectItem.vue',
+            'lib/multi-select/index.ts',
+        ],
+        subComponents: ['MultiSelectItem'],
+    },
+    slider: {
+        name: 'Slider',
+        category: 'forms',
+        description: 'Range slider for selecting numeric values within a min/max range',
+        files: [
+            'lib/slider/Slider.vue',
+            'lib/slider/index.ts',
+        ],
+        subComponents: [],
+    },
+    toggle: {
+        name: 'Toggle',
+        category: 'forms',
+        description: 'Two-state toggle button (pressed/not pressed) with variant styling',
+        files: [
+            'lib/toggle/Toggle.vue',
+            'lib/toggle/variants.ts',
+            'lib/toggle/index.ts',
+        ],
+        subComponents: [],
+    },
+    toggleGroup: {
+        name: 'ToggleGroup',
+        category: 'forms',
+        description: 'Groups multiple Toggle buttons with single or multiple selection',
+        files: [
+            'lib/toggle-group/ToggleGroup.vue',
+            'lib/toggle-group/ToggleGroupItem.vue',
+            'lib/toggle-group/index.ts',
+        ],
+        subComponents: ['ToggleGroupItem'],
+    },
+    progress: {
+        name: 'Progress',
+        category: 'forms',
+        description: 'Determinate or indeterminate progress bar',
+        files: [
+            'lib/progress/Progress.vue',
+            'lib/progress/index.ts',
+        ],
+        subComponents: [],
+    },
+    // ─── Data Display Components ───────────────────────────────────
+    card: {
+        name: 'Card',
+        category: 'data-display',
+        description: 'Elevated container for grouping related content with header and footer slots',
+        files: [
+            'lib/card/Card.vue',
+            'lib/card/CardHeader.vue',
+            'lib/card/CardTitle.vue',
+            'lib/card/CardDescription.vue',
+            'lib/card/CardContent.vue',
+            'lib/card/CardFooter.vue',
+            'lib/card/index.ts',
+        ],
+        subComponents: ['CardHeader', 'CardTitle', 'CardDescription', 'CardContent', 'CardFooter'],
+    },
+    statsCard: {
+        name: 'StatsCard',
+        category: 'data-display',
+        description: 'Pre-composed card for displaying a metric with label, value, and trend',
+        files: [
+            'lib/stats-card/StatsCard.vue',
+            'lib/stats-card/index.ts',
+        ],
+        subComponents: [],
+    },
+    featureCard: {
+        name: 'FeatureCard',
+        category: 'data-display',
+        description: 'Pre-composed card for showcasing a feature with icon, title, and description',
+        files: [
+            'lib/feature-card/FeatureCard.vue',
+            'lib/feature-card/index.ts',
+        ],
+        subComponents: [],
+    },
+    table: {
+        name: 'Table',
+        category: 'data-display',
+        description: 'Semantic HTML table with styled header, body, footer, and cell components',
+        files: [
+            'lib/table/Table.vue',
+            'lib/table/TableHeader.vue',
+            'lib/table/TableBody.vue',
+            'lib/table/TableFooter.vue',
+            'lib/table/TableRow.vue',
+            'lib/table/TableHead.vue',
+            'lib/table/TableCell.vue',
+            'lib/table/TableCaption.vue',
+            'lib/table/index.ts',
+        ],
+        subComponents: [
+            'TableHeader',
+            'TableBody',
+            'TableFooter',
+            'TableRow',
+            'TableHead',
+            'TableCell',
+            'TableCaption',
+        ],
+    },
+    dataTable: {
+        name: 'DataTable',
+        category: 'data-display',
+        description: 'Full-featured data table with sorting, filtering, pagination, and column visibility',
+        files: [
+            'lib/data-table/DataTable.vue',
+            'lib/data-table/index.ts',
+        ],
+        subComponents: [],
+    },
+    accordion: {
+        name: 'Accordion',
+        category: 'data-display',
+        description: 'Vertically stacked sections that expand/collapse to reveal content',
+        files: [
+            'lib/accordion/Accordion.vue',
+            'lib/accordion/AccordionItem.vue',
+            'lib/accordion/AccordionTrigger.vue',
+            'lib/accordion/AccordionContent.vue',
+            'lib/accordion/index.ts',
+        ],
+        subComponents: ['AccordionItem', 'AccordionTrigger', 'AccordionContent'],
+    },
+    collapsible: {
+        name: 'Collapsible',
+        category: 'data-display',
+        description: 'Simple expand/collapse container controlled by a trigger',
+        files: [
+            'lib/collapsible/Collapsible.vue',
+            'lib/collapsible/CollapsibleTrigger.vue',
+            'lib/collapsible/CollapsibleContent.vue',
+            'lib/collapsible/index.ts',
+        ],
+        subComponents: ['CollapsibleTrigger', 'CollapsibleContent'],
+    },
+    tabs: {
+        name: 'Tabs',
+        category: 'data-display',
+        description: 'Tabbed interface for switching between content panels',
+        files: [
+            'lib/tabs/Tabs.vue',
+            'lib/tabs/TabsList.vue',
+            'lib/tabs/TabsTrigger.vue',
+            'lib/tabs/TabsContent.vue',
+            'lib/tabs/index.ts',
+        ],
+        subComponents: ['TabsList', 'TabsTrigger', 'TabsContent'],
+    },
+    calendar: {
+        name: 'Calendar',
+        category: 'data-display',
+        description: 'Date calendar grid with month/year navigation and date selection',
+        files: [
+            'lib/calendar/Calendar.vue',
+            'lib/calendar/CalendarCell.vue',
+            'lib/calendar/CalendarCellTrigger.vue',
+            'lib/calendar/CalendarGrid.vue',
+            'lib/calendar/CalendarGridBody.vue',
+            'lib/calendar/CalendarGridHead.vue',
+            'lib/calendar/CalendarGridRow.vue',
+            'lib/calendar/CalendarHeadCell.vue',
+            'lib/calendar/CalendarHeader.vue',
+            'lib/calendar/CalendarHeading.vue',
+            'lib/calendar/CalendarNext.vue',
+            'lib/calendar/CalendarPrev.vue',
+            'lib/calendar/index.ts',
+        ],
+        subComponents: [
+            'CalendarCell',
+            'CalendarCellTrigger',
+            'CalendarGrid',
+            'CalendarGridBody',
+            'CalendarGridHead',
+            'CalendarGridRow',
+            'CalendarHeadCell',
+            'CalendarHeader',
+            'CalendarHeading',
+            'CalendarNext',
+            'CalendarPrev',
+        ],
+    },
+    datePicker: {
+        name: 'DateRangePicker',
+        category: 'data-display',
+        description: 'Dual-calendar date range selector with presets support',
+        files: [
+            'lib/date-range-picker/DateRangePicker.vue',
+            'lib/date-range-picker/index.ts',
+        ],
+        subComponents: [],
+    },
+    timePicker: {
+        name: 'TimePicker',
+        category: 'data-display',
+        description: 'Time input with segmented hours, minutes, and optional seconds',
+        files: [
+            'lib/time-picker/TimePicker.vue',
+            'lib/time-picker/TimePickerSegment.vue',
+            'lib/time-picker/index.ts',
+        ],
+        subComponents: ['TimePickerSegment'],
+    },
+    dateTimePicker: {
+        name: 'DateTimePicker',
+        category: 'data-display',
+        description: 'Combined date and time picker in a single control',
+        files: [
+            'lib/date-time-picker/DateTimePicker.vue',
+            'lib/date-time-picker/index.ts',
+        ],
+        subComponents: [],
+    },
+    carousel: {
+        name: 'Carousel',
+        category: 'data-display',
+        description: 'Horizontal content carousel with previous/next navigation',
+        files: [
+            'lib/carousel/Carousel.vue',
+            'lib/carousel/CarouselContent.vue',
+            'lib/carousel/CarouselItem.vue',
+            'lib/carousel/CarouselPrevious.vue',
+            'lib/carousel/CarouselNext.vue',
+            'lib/carousel/useCarousel.ts',
+            'lib/carousel/index.ts',
+        ],
+        subComponents: ['CarouselContent', 'CarouselItem', 'CarouselPrevious', 'CarouselNext'],
+    },
+    pagination: {
+        name: 'Pagination',
+        category: 'data-display',
+        description: 'Page navigation with first, previous, numbered, next, and last controls',
+        files: [
+            'lib/pagination/Pagination.vue',
+            'lib/pagination/PaginationContent.vue',
+            'lib/pagination/PaginationItem.vue',
+            'lib/pagination/PaginationLink.vue',
+            'lib/pagination/PaginationFirst.vue',
+            'lib/pagination/PaginationPrev.vue',
+            'lib/pagination/PaginationNext.vue',
+            'lib/pagination/PaginationLast.vue',
+            'lib/pagination/PaginationEllipsis.vue',
+            'lib/pagination/index.ts',
+        ],
+        subComponents: [
+            'PaginationContent',
+            'PaginationItem',
+            'PaginationLink',
+            'PaginationFirst',
+            'PaginationPrev',
+            'PaginationNext',
+            'PaginationLast',
+            'PaginationEllipsis',
+        ],
+    },
+    empty: {
+        name: 'Empty',
+        category: 'data-display',
+        description: 'Empty state placeholder with icon, title, and description slots',
+        files: [
+            'lib/empty/Empty.vue',
+            'lib/empty/EmptyIcon.vue',
+            'lib/empty/EmptyTitle.vue',
+            'lib/empty/EmptyDescription.vue',
+            'lib/empty/index.ts',
+        ],
+        subComponents: ['EmptyIcon', 'EmptyTitle', 'EmptyDescription'],
+    },
+    alert: {
+        name: 'Alert',
+        category: 'data-display',
+        description: 'Inline alert banner with variant-based styling for info, success, warning, and error',
+        files: [
+            'lib/alert/Alert.vue',
+            'lib/alert/AlertTitle.vue',
+            'lib/alert/AlertDescription.vue',
+            'lib/alert/variants.ts',
+            'lib/alert/index.ts',
+        ],
+        subComponents: ['AlertTitle', 'AlertDescription'],
+    },
+    typography: {
+        name: 'Typography',
+        category: 'data-display',
+        description: 'Semantic typography primitives for headings, paragraphs, and text styles',
+        files: [
+            'lib/typography/TypographyH1.vue',
+            'lib/typography/TypographyH2.vue',
+            'lib/typography/TypographyH3.vue',
+            'lib/typography/TypographyH4.vue',
+            'lib/typography/TypographyP.vue',
+            'lib/typography/TypographyBlockquote.vue',
+            'lib/typography/TypographyInlineCode.vue',
+            'lib/typography/TypographyLead.vue',
+            'lib/typography/TypographyLarge.vue',
+            'lib/typography/TypographySmall.vue',
+            'lib/typography/TypographyMuted.vue',
+            'lib/typography/index.ts',
+        ],
+        subComponents: [
+            'TypographyH1',
+            'TypographyH2',
+            'TypographyH3',
+            'TypographyH4',
+            'TypographyP',
+            'TypographyBlockquote',
+            'TypographyInlineCode',
+            'TypographyLead',
+            'TypographyLarge',
+            'TypographySmall',
+            'TypographyMuted',
+        ],
+    },
+    codePreview: {
+        name: 'CodePreview',
+        category: 'data-display',
+        description: 'Code snippet preview with syntax highlighting and copy button',
+        files: [
+            'lib/code-preview/CodePreview.vue',
+            'lib/code-preview/index.ts',
+        ],
+        subComponents: [],
+    },
+    aspectRatio: {
+        name: 'AspectRatio',
+        category: 'data-display',
+        description: 'Container that maintains a fixed aspect ratio for its content',
+        files: [
+            'lib/aspect-ratio/AspectRatio.vue',
+            'lib/aspect-ratio/index.ts',
+        ],
+        subComponents: [],
+    },
+    scrollArea: {
+        name: 'ScrollArea',
+        category: 'data-display',
+        description: 'Custom scrollable container with styled scrollbars',
+        files: [
+            'lib/scroll-area/ScrollArea.vue',
+            'lib/scroll-area/ScrollBar.vue',
+            'lib/scroll-area/index.ts',
+        ],
+        subComponents: ['ScrollBar'],
+    },
+    resizable: {
+        name: 'Resizable',
+        category: 'data-display',
+        description: 'Resizable panel layout with draggable dividers',
+        files: [
+            'lib/resizable/ResizablePanelGroup.vue',
+            'lib/resizable/ResizablePanel.vue',
+            'lib/resizable/ResizableHandle.vue',
+            'lib/resizable/index.ts',
+        ],
+        subComponents: ['ResizablePanelGroup', 'ResizablePanel', 'ResizableHandle'],
+    },
+    // ─── Overlay Components ────────────────────────────────────────
+    dialog: {
+        name: 'Dialog',
+        category: 'overlays',
+        description: 'Modal dialog with overlay, triggered by a child element',
+        files: [
+            'lib/dialog/Dialog.vue',
+            'lib/dialog/DialogTrigger.vue',
+            'lib/dialog/DialogPortal.vue',
+            'lib/dialog/DialogOverlay.vue',
+            'lib/dialog/DialogContent.vue',
+            'lib/dialog/DialogHeader.vue',
+            'lib/dialog/DialogFooter.vue',
+            'lib/dialog/DialogTitle.vue',
+            'lib/dialog/DialogDescription.vue',
+            'lib/dialog/DialogClose.vue',
+            'lib/dialog/index.ts',
+        ],
+        subComponents: [
+            'DialogTrigger',
+            'DialogPortal',
+            'DialogOverlay',
+            'DialogContent',
+            'DialogHeader',
+            'DialogFooter',
+            'DialogTitle',
+            'DialogDescription',
+            'DialogClose',
+        ],
+    },
+    modal: {
+        name: 'Modal',
+        category: 'overlays',
+        description: 'Convenience wrapper around Dialog with simplified API',
+        files: [
+            'lib/modal/Modal.vue',
+            'lib/modal/ModalContent.vue',
+            'lib/modal/ModalTrigger.vue',
+            'lib/modal/ModalClose.vue',
+            'lib/modal/index.ts',
+        ],
+        subComponents: ['ModalContent', 'ModalTrigger', 'ModalClose'],
+    },
+    sheet: {
+        name: 'Sheet',
+        category: 'overlays',
+        description: 'Slide-out panel from any edge of the screen',
+        files: [
+            'lib/sheet/Sheet.vue',
+            'lib/sheet/SheetTrigger.vue',
+            'lib/sheet/SheetClose.vue',
+            'lib/sheet/SheetContent.vue',
+            'lib/sheet/SheetHeader.vue',
+            'lib/sheet/SheetFooter.vue',
+            'lib/sheet/SheetTitle.vue',
+            'lib/sheet/SheetDescription.vue',
+            'lib/sheet/index.ts',
+        ],
+        subComponents: [
+            'SheetTrigger',
+            'SheetClose',
+            'SheetContent',
+            'SheetHeader',
+            'SheetFooter',
+            'SheetTitle',
+            'SheetDescription',
+        ],
+    },
+    drawer: {
+        name: 'Drawer',
+        category: 'overlays',
+        description: 'Bottom sheet drawer with drag-to-dismiss interaction',
+        files: [
+            'lib/drawer/Drawer.vue',
+            'lib/drawer/DrawerTrigger.vue',
+            'lib/drawer/DrawerClose.vue',
+            'lib/drawer/DrawerContent.vue',
+            'lib/drawer/DrawerHeader.vue',
+            'lib/drawer/DrawerFooter.vue',
+            'lib/drawer/DrawerTitle.vue',
+            'lib/drawer/DrawerDescription.vue',
+            'lib/drawer/index.ts',
+        ],
+        subComponents: [
+            'DrawerTrigger',
+            'DrawerClose',
+            'DrawerContent',
+            'DrawerHeader',
+            'DrawerFooter',
+            'DrawerTitle',
+            'DrawerDescription',
+        ],
+    },
+    alertDialog: {
+        name: 'AlertDialog',
+        category: 'overlays',
+        description: 'Confirmation dialog that requires explicit user action before proceeding',
+        files: [
+            'lib/alert-dialog/AlertDialog.vue',
+            'lib/alert-dialog/AlertDialogTrigger.vue',
+            'lib/alert-dialog/AlertDialogPortal.vue',
+            'lib/alert-dialog/AlertDialogOverlay.vue',
+            'lib/alert-dialog/AlertDialogContent.vue',
+            'lib/alert-dialog/AlertDialogHeader.vue',
+            'lib/alert-dialog/AlertDialogFooter.vue',
+            'lib/alert-dialog/AlertDialogTitle.vue',
+            'lib/alert-dialog/AlertDialogDescription.vue',
+            'lib/alert-dialog/AlertDialogAction.vue',
+            'lib/alert-dialog/AlertDialogCancel.vue',
+            'lib/alert-dialog/index.ts',
+        ],
+        subComponents: [
+            'AlertDialogTrigger',
+            'AlertDialogPortal',
+            'AlertDialogOverlay',
+            'AlertDialogContent',
+            'AlertDialogHeader',
+            'AlertDialogFooter',
+            'AlertDialogTitle',
+            'AlertDialogDescription',
+            'AlertDialogAction',
+            'AlertDialogCancel',
+        ],
+    },
+    tooltip: {
+        name: 'Tooltip',
+        category: 'overlays',
+        description: 'Popup hint shown on hover or focus to describe an element',
+        files: [
+            'lib/tooltip/Tooltip.vue',
+            'lib/tooltip/TooltipProvider.vue',
+            'lib/tooltip/TooltipTrigger.vue',
+            'lib/tooltip/TooltipContent.vue',
+            'lib/tooltip/index.ts',
+        ],
+        subComponents: ['TooltipProvider', 'TooltipTrigger', 'TooltipContent'],
+    },
+    popover: {
+        name: 'Popover',
+        category: 'overlays',
+        description: 'Floating content panel anchored to a trigger element',
+        files: [
+            'lib/popover/Popover.vue',
+            'lib/popover/PopoverTrigger.vue',
+            'lib/popover/PopoverContent.vue',
+            'lib/popover/index.ts',
+        ],
+        subComponents: ['PopoverTrigger', 'PopoverContent'],
+    },
+    dropdownMenu: {
+        name: 'DropdownMenu',
+        category: 'overlays',
+        description: 'Context-aware dropdown menu with items, checkboxes, radio groups, and sub-menus',
+        files: [
+            'lib/dropdown-menu/DropdownMenu.vue',
+            'lib/dropdown-menu/DropdownMenuTrigger.vue',
+            'lib/dropdown-menu/DropdownMenuContent.vue',
+            'lib/dropdown-menu/DropdownMenuItem.vue',
+            'lib/dropdown-menu/DropdownMenuCheckboxItem.vue',
+            'lib/dropdown-menu/DropdownMenuRadioItem.vue',
+            'lib/dropdown-menu/DropdownMenuRadioGroup.vue',
+            'lib/dropdown-menu/DropdownMenuSub.vue',
+            'lib/dropdown-menu/DropdownMenuSubTrigger.vue',
+            'lib/dropdown-menu/DropdownMenuSubContent.vue',
+            'lib/dropdown-menu/DropdownMenuSeparator.vue',
+            'lib/dropdown-menu/DropdownMenuLabel.vue',
+            'lib/dropdown-menu/DropdownMenuGroup.vue',
+            'lib/dropdown-menu/DropdownMenuShortcut.vue',
+            'lib/dropdown-menu/index.ts',
+        ],
+        subComponents: [
+            'DropdownMenuTrigger',
+            'DropdownMenuContent',
+            'DropdownMenuItem',
+            'DropdownMenuCheckboxItem',
+            'DropdownMenuRadioItem',
+            'DropdownMenuRadioGroup',
+            'DropdownMenuSub',
+            'DropdownMenuSubTrigger',
+            'DropdownMenuSubContent',
+            'DropdownMenuSeparator',
+            'DropdownMenuLabel',
+            'DropdownMenuGroup',
+            'DropdownMenuShortcut',
+        ],
+    },
+    contextMenu: {
+        name: 'ContextMenu',
+        category: 'overlays',
+        description: 'Right-click context menu with items, checkboxes, and sub-menus',
+        files: [
+            'lib/context-menu/ContextMenu.vue',
+            'lib/context-menu/ContextMenuTrigger.vue',
+            'lib/context-menu/ContextMenuContent.vue',
+            'lib/context-menu/ContextMenuItem.vue',
+            'lib/context-menu/ContextMenuCheckboxItem.vue',
+            'lib/context-menu/ContextMenuRadioItem.vue',
+            'lib/context-menu/ContextMenuRadioGroup.vue',
+            'lib/context-menu/ContextMenuSub.vue',
+            'lib/context-menu/ContextMenuSubTrigger.vue',
+            'lib/context-menu/ContextMenuSubContent.vue',
+            'lib/context-menu/ContextMenuSeparator.vue',
+            'lib/context-menu/ContextMenuLabel.vue',
+            'lib/context-menu/ContextMenuGroup.vue',
+            'lib/context-menu/ContextMenuShortcut.vue',
+            'lib/context-menu/index.ts',
+        ],
+        subComponents: [
+            'ContextMenuTrigger',
+            'ContextMenuContent',
+            'ContextMenuItem',
+            'ContextMenuCheckboxItem',
+            'ContextMenuRadioItem',
+            'ContextMenuRadioGroup',
+            'ContextMenuSub',
+            'ContextMenuSubTrigger',
+            'ContextMenuSubContent',
+            'ContextMenuSeparator',
+            'ContextMenuLabel',
+            'ContextMenuGroup',
+            'ContextMenuShortcut',
+        ],
+    },
+    hoverCard: {
+        name: 'HoverCard',
+        category: 'overlays',
+        description: 'Rich content card that appears when hovering over a trigger',
+        files: [
+            'lib/hover-card/HoverCard.vue',
+            'lib/hover-card/HoverCardTrigger.vue',
+            'lib/hover-card/HoverCardContent.vue',
+            'lib/hover-card/index.ts',
+        ],
+        subComponents: ['HoverCardTrigger', 'HoverCardContent'],
+    },
+    command: {
+        name: 'Command',
+        category: 'overlays',
+        description: 'Command palette / combobox for searching and selecting actions',
+        files: [
+            'lib/command/Command.vue',
+            'lib/command/CommandInput.vue',
+            'lib/command/CommandList.vue',
+            'lib/command/CommandEmpty.vue',
+            'lib/command/CommandGroup.vue',
+            'lib/command/CommandItem.vue',
+            'lib/command/CommandSeparator.vue',
+            'lib/command/CommandLabel.vue',
+            'lib/command/CommandDialog.vue',
+            'lib/command/index.ts',
+        ],
+        subComponents: [
+            'CommandInput',
+            'CommandList',
+            'CommandEmpty',
+            'CommandGroup',
+            'CommandItem',
+            'CommandSeparator',
+            'CommandLabel',
+            'CommandDialog',
+        ],
+    },
+    toast: {
+        name: 'Toast',
+        category: 'overlays',
+        description: 'Temporary notification message with title, description, and action slots',
+        files: [
+            'lib/toast/Toast.vue',
+            'lib/toast/ToastViewport.vue',
+            'lib/toast/ToastTitle.vue',
+            'lib/toast/ToastDescription.vue',
+            'lib/toast/ToastAction.vue',
+            'lib/toast/ToastClose.vue',
+            'lib/toast/ToastProvider.ts',
+            'lib/toast/Toaster.vue',
+            'lib/toast/index.ts',
+        ],
+        subComponents: [
+            'ToastViewport',
+            'ToastTitle',
+            'ToastDescription',
+            'ToastAction',
+            'ToastClose',
+            'Toaster',
+        ],
+    },
+    sonner: {
+        name: 'Sonner',
+        category: 'overlays',
+        description: 'Toast notification system using Sonner',
+        files: [
+            'lib/sonner/Toaster.vue',
+            'lib/sonner/index.ts',
+        ],
+        subComponents: [],
+    },
+    // ─── Navigation Components ─────────────────────────────────────
+    breadcrumb: {
+        name: 'Breadcrumb',
+        category: 'navigation',
+        description: 'Hierarchical breadcrumb trail showing the current page path',
+        files: [
+            'lib/breadcrumb/Breadcrumb.vue',
+            'lib/breadcrumb/BreadcrumbList.vue',
+            'lib/breadcrumb/BreadcrumbItem.vue',
+            'lib/breadcrumb/BreadcrumbLink.vue',
+            'lib/breadcrumb/BreadcrumbPage.vue',
+            'lib/breadcrumb/BreadcrumbSeparator.vue',
+            'lib/breadcrumb/BreadcrumbEllipsis.vue',
+            'lib/breadcrumb/index.ts',
+        ],
+        subComponents: [
+            'BreadcrumbList',
+            'BreadcrumbItem',
+            'BreadcrumbLink',
+            'BreadcrumbPage',
+            'BreadcrumbSeparator',
+            'BreadcrumbEllipsis',
+        ],
+    },
+    navigationMenu: {
+        name: 'NavigationMenu',
+        category: 'navigation',
+        description: 'Horizontal navigation bar with dropdown content panels and active indicators',
+        files: [
+            'lib/navigation-menu/NavigationMenu.vue',
+            'lib/navigation-menu/NavigationMenuList.vue',
+            'lib/navigation-menu/NavigationMenuItem.vue',
+            'lib/navigation-menu/NavigationMenuTrigger.vue',
+            'lib/navigation-menu/NavigationMenuContent.vue',
+            'lib/navigation-menu/NavigationMenuLink.vue',
+            'lib/navigation-menu/NavigationMenuViewport.vue',
+            'lib/navigation-menu/NavigationMenuIndicator.vue',
+            'lib/navigation-menu/index.ts',
+        ],
+        subComponents: [
+            'NavigationMenuList',
+            'NavigationMenuItem',
+            'NavigationMenuTrigger',
+            'NavigationMenuContent',
+            'NavigationMenuLink',
+            'NavigationMenuViewport',
+            'NavigationMenuIndicator',
+        ],
+    },
+    menubar: {
+        name: 'Menubar',
+        category: 'navigation',
+        description: 'Desktop-style horizontal menu bar with dropdown sub-menus',
+        files: [
+            'lib/menubar/Menubar.vue',
+            'lib/menubar/MenubarMenu.vue',
+            'lib/menubar/MenubarTrigger.vue',
+            'lib/menubar/MenubarContent.vue',
+            'lib/menubar/MenubarItem.vue',
+            'lib/menubar/MenubarCheckboxItem.vue',
+            'lib/menubar/MenubarRadioItem.vue',
+            'lib/menubar/MenubarRadioGroup.vue',
+            'lib/menubar/MenubarSub.vue',
+            'lib/menubar/MenubarSubTrigger.vue',
+            'lib/menubar/MenubarSubContent.vue',
+            'lib/menubar/MenubarSeparator.vue',
+            'lib/menubar/MenubarLabel.vue',
+            'lib/menubar/MenubarGroup.vue',
+            'lib/menubar/MenubarShortcut.vue',
+            'lib/menubar/index.ts',
+        ],
+        subComponents: [
+            'MenubarMenu',
+            'MenubarTrigger',
+            'MenubarContent',
+            'MenubarItem',
+            'MenubarCheckboxItem',
+            'MenubarRadioItem',
+            'MenubarRadioGroup',
+            'MenubarSub',
+            'MenubarSubTrigger',
+            'MenubarSubContent',
+            'MenubarSeparator',
+            'MenubarLabel',
+            'MenubarGroup',
+            'MenubarShortcut',
+        ],
+    },
+    // ─── Utility Components ────────────────────────────────────────
+    direction: {
+        name: 'Direction',
+        category: 'utility',
+        description: 'Direction provider for RTL/LTR support',
+        files: [
+            'lib/direction/Direction.vue',
+            'lib/direction/index.ts',
+        ],
+        subComponents: [],
+    },
+    themeSelector: {
+        name: 'ThemeSelector',
+        category: 'utility',
+        description: 'Theme selector dropdown with light/dark/system options',
+        files: [
+            'lib/theme-selector/ThemeSelector.vue',
+            'lib/theme-selector/index.ts',
+        ],
+        subComponents: [],
+    },
+    buttonGroup: {
+        name: 'ButtonGroup',
+        category: 'utility',
+        description: 'Visually groups related buttons with shared border radius',
+        files: [
+            'lib/button-group/ButtonGroup.vue',
+            'lib/button-group/index.ts',
+        ],
+        subComponents: [],
+    },
+};
+// Helper function to get all available component names
+export function getAvailableComponents() {
+    return Object.keys(COMPONENT_REGISTRY);
+}
+// Helper function to get component info
+export function getComponentInfo(name) {
+    return COMPONENT_REGISTRY[name.toLowerCase()];
+}
+// Helper function to search components
+export function searchComponents(query) {
+    const lowerQuery = query.toLowerCase();
+    return Object.values(COMPONENT_REGISTRY).filter((component) => component.name.toLowerCase().includes(lowerQuery) ||
+        component.description.toLowerCase().includes(lowerQuery) ||
+        component.category.toLowerCase().includes(lowerQuery));
+}
+//# sourceMappingURL=registry.js.map