@neynar/ui 0.2.1 → 0.3.0

package/llm-docs/sdk-items-registry.json

@@ -1,2638 +0,0 @@
-{
-  "generated": "2025-08-28T03:50:17.847Z",
-  "sdk": "neynar-sdk-ui",
-  "tier": "ui",
-  "importPrefix": "@neynar/ui",
-  "Accordion": {
-    "description": "Accordion - Collapsible content panels for organizing information A vertically stacked set of interactive headings that each reveal a section of content. Built on Radix UI Accordion primitives with optimized animations and accessibility. Supports both single and multiple expanded items simultaneously based on the type prop.",
-    "file": "accordion.llm.md",
-    "type": "component",
-    "keywords": [
-      "accordion",
-      "component",
-      "format"
-    ]
-  },
-  "AccordionItem": {
-    "description": "AccordionItem - Individual collapsible panel within an accordion A container component that wraps a single accordion section consisting of a trigger and collapsible content. Each item requires a unique value prop for identification and state management. Provides consistent spacing and border styling.",
-    "file": "accordion-item.llm.md",
-    "type": "component",
-    "keywords": [
-      "accordion item",
-      "accordionitem",
-      "component"
-    ]
-  },
-  "AccordionTrigger": {
-    "description": "AccordionTrigger - Clickable header that toggles accordion content visibility An interactive button element that users click or activate via keyboard to expand or collapse the associated accordion content. Features a rotating chevron icon for visual state indication and supports both text and custom content.",
-    "file": "accordion-trigger.llm.md",
-    "type": "component",
-    "keywords": [
-      "accordion trigger",
-      "accordiontrigger",
-      "component"
-    ]
-  },
-  "AccordionContent": {
-    "description": "AccordionContent - Collapsible content area of an accordion item The expandable content section that is revealed or hidden when the associated AccordionTrigger is activated. Features smooth height-based animations using Tailwind CSS keyframes and supports any React content including complex layouts.",
-    "file": "accordion-content.llm.md",
-    "type": "component",
-    "keywords": [
-      "accordion content",
-      "accordioncontent",
-      "component"
-    ]
-  },
-  "AlertDialog": {
-    "description": "Alert dialog component for critical confirmations and destructive actions A specialized modal dialog built on Radix UI Alert Dialog primitives that interrupts users with important information requiring immediate acknowledgment or decision. Unlike regular dialogs, alert dialogs cannot be dismissed by clicking outside and focus the action button by default for critical decisions. Based on the WAI-ARIA Alert Dialog design pattern, this component is specifically designed for destructive actions, confirmations, or critical warnings that need immediate attention before the user can continue.",
-    "file": "alert-dialog.llm.md",
-    "type": "component",
-    "keywords": [
-      "alert dialog",
-      "alertdialog",
-      "component",
-      "format"
-    ]
-  },
-  "AlertDialogPortal": {
-    "description": "Portal component for rendering dialog outside normal DOM tree Renders the alert dialog content into a portal, typically at the end of the document body. This ensures the dialog appears above other content and is properly accessible. Usually not used directly - AlertDialogContent includes this automatically.",
-    "file": "alert-dialog-portal.llm.md",
-    "type": "component",
-    "keywords": [
-      "alert dialog portal",
-      "alertdialogportal",
-      "component"
-    ]
-  },
-  "AlertDialogOverlay": {
-    "description": "Overlay backdrop behind the alert dialog A semi-transparent backdrop that covers the entire viewport when the dialog is open. Provides visual separation and prevents interaction with background content. Includes smooth fade in/out animations and proper z-index stacking.",
-    "file": "alert-dialog-overlay.llm.md",
-    "type": "component",
-    "keywords": [
-      "alert dialog overlay",
-      "alertdialogoverlay",
-      "component"
-    ]
-  },
-  "AlertDialogTrigger": {
-    "description": "Trigger element that opens the alert dialog The element that opens the alert dialog when activated. Usually a button, but can be any interactive element through composition. When opened, the dialog will trap focus and require user interaction before continuing.",
-    "file": "alert-dialog-trigger.llm.md",
-    "type": "component",
-    "keywords": [
-      "alert dialog trigger",
-      "alertdialogtrigger",
-      "component"
-    ]
-  },
-  "AlertDialogContent": {
-    "description": "Main content container for the alert dialog The primary container that holds all alert dialog content. Automatically includes the portal and overlay, and provides default styling with responsive design. Centered on screen with smooth fade and zoom animations. Manages focus trapping and keyboard navigation automatically.",
-    "file": "alert-dialog-content.llm.md",
-    "type": "component",
-    "keywords": [
-      "alert dialog content",
-      "alertdialogcontent",
-      "component"
-    ]
-  },
-  "AlertDialogHeader": {
-    "description": "Header section of the alert dialog Contains the title and description of the alert dialog. Provides consistent spacing and alignment, with responsive text alignment (centered on mobile, left-aligned on larger screens). Should contain AlertDialogTitle and optionally AlertDialogDescription for proper accessibility.",
-    "file": "alert-dialog-header.llm.md",
-    "type": "component",
-    "keywords": [
-      "alert dialog header",
-      "alertdialogheader",
-      "component"
-    ]
-  },
-  "AlertDialogFooter": {
-    "description": "Footer section of the alert dialog Contains the action buttons (cancel and confirm). Uses responsive layout with stacked buttons on mobile (cancel on top) and horizontal layout on larger screens (cancel on left, action on right). Should contain AlertDialogCancel and AlertDialogAction for proper UX.",
-    "file": "alert-dialog-footer.llm.md",
-    "type": "component",
-    "keywords": [
-      "alert dialog footer",
-      "alertdialogfooter",
-      "component"
-    ]
-  },
-  "AlertDialogTitle": {
-    "description": "Title heading of the alert dialog The main heading that describes the alert or action being confirmed. Automatically provides proper ARIA labeling for screen readers via aria-labelledby. Should be concise and clearly state what the dialog is asking.",
-    "file": "alert-dialog-title.llm.md",
-    "type": "component",
-    "keywords": [
-      "alert dialog title",
-      "alertdialogtitle",
-      "component"
-    ]
-  },
-  "AlertDialogDescription": {
-    "description": "Description text of the alert dialog Provides additional context and explanation for the alert or action. Should clearly explain the consequences of the action being confirmed. Automatically provides proper ARIA description via aria-describedby for screen readers. Can be omitted if aria-describedby is provided to Content.",
-    "file": "alert-dialog-description.llm.md",
-    "type": "component",
-    "keywords": [
-      "alert dialog description",
-      "alertdialogdescription",
-      "component"
-    ]
-  },
-  "AlertDialogAction": {
-    "description": "Primary action button of the alert dialog The button that confirms or executes the action being alerted about. Automatically receives focus when the dialog opens (unless overridden). Styled using buttonVariants() by default, but can be customized for destructive actions. Closes the dialog when clicked.",
-    "file": "alert-dialog-action.llm.md",
-    "type": "component",
-    "keywords": [
-      "alert dialog action",
-      "alertdialogaction",
-      "component"
-    ]
-  },
-  "AlertDialogCancel": {
-    "description": "Cancel button of the alert dialog The button that dismisses the dialog without performing the action. Styled using outline variant by default to de-emphasize compared to the primary action. Closes the dialog when clicked without triggering the main action.",
-    "file": "alert-dialog-cancel.llm.md",
-    "type": "component",
-    "keywords": [
-      "alert dialog cancel",
-      "alertdialogcancel",
-      "component"
-    ]
-  },
-  "Alert": {
-    "description": "Alert - Display important messages and notifications to users A flexible alert component for displaying important messages, notifications, and status updates. Built with shadcn/ui design patterns and Tailwind CSS. Alerts are used to communicate critical information that requires user attention and potentially action. ## When to use - System-wide notifications and announcements - Form validation errors and success messages - Important warnings that need persistent visibility - Status updates that don't require immediate action - Progress indicators and completion messages ## Features - Two built-in variants: `default` and `destructive` - Automatic icon grid layout with proper spacing using CSS Grid - Semantic HTML with proper ARIA attributes (`role=\"alert\"`) - Responsive design with consistent spacing - Dark mode support via CSS custom properties - Composition pattern with AlertTitle and AlertDescription - Support for custom styling through className prop - Icon-aware layout that adapts to presence of SVG icons ## Design Philosophy Follows the shadcn/ui principle of providing unstyled, accessible components that can be easily customized. The alert uses CSS Grid for intelligent layout that automatically adjusts based on whether an icon is present.",
-    "file": "alert.llm.md",
-    "type": "component",
-    "keywords": [
-      "alert",
-      "component",
-      "format"
-    ]
-  },
-  "AlertTitle": {
-    "description": "AlertTitle - The title/heading component for alerts Provides a prominent title or heading for the alert message. Automatically styled with medium font weight, line clamping, and proper grid positioning. Used to give context and immediate recognition of the alert's purpose. ## Features - Medium font weight for visual hierarchy - Single line with overflow handling (line-clamp-1) - Consistent minimum height for layout stability - Proper grid positioning (col-start-2) for icon layout - Tight character spacing (tracking-tight) for readability",
-    "file": "alert-title.llm.md",
-    "type": "component",
-    "keywords": [
-      "alert title",
-      "alerttitle",
-      "component"
-    ]
-  },
-  "AlertDescription": {
-    "description": "AlertDescription - Detailed description text content for alerts The body content area of an alert that provides detailed information, context, or instructions related to the alert message. Automatically styled with muted text color and proper grid positioning. Supports rich content including paragraphs, links, and inline formatting. ## Features - Muted foreground color for visual hierarchy - Proper grid positioning (col-start-2) for icon layout compatibility - Support for multiple paragraphs with relaxed line height - Grid layout with start justification for text alignment - Semantic HTML structure with data-slot attribute - Small text size (text-sm) for readability - Responsive gap spacing between content elements",
-    "file": "alert-description.llm.md",
-    "type": "component",
-    "keywords": [
-      "alert description",
-      "alertdescription",
-      "component",
-      "format"
-    ]
-  },
-  "AspectRatio": {
-    "description": "AspectRatio - Maintains consistent width-to-height ratios for content A foundational layout component that preserves specific aspect ratios regardless of container size. Essential for responsive images, videos, and media content that needs consistent proportions across different screen sizes. Built on Radix UI primitives with zero JavaScript runtime overhead. This component creates a CSS-based aspect ratio container using the modern `aspect-ratio` property, ensuring content maintains its intended proportions without layout shifts or JavaScript calculations. The component acts as a constraint wrapper that forces its children to maintain the specified ratio.",
-    "file": "aspect-ratio.llm.md",
-    "type": "component",
-    "keywords": [
-      "aspect ratio",
-      "aspectratio",
-      "component"
-    ]
-  },
-  "Avatar": {
-    "description": "Avatar - A flexible container for displaying user profile images with graceful fallback support The Avatar component is built on Radix UI's Avatar primitive and provides a robust solution for displaying user profile pictures throughout your application. It automatically handles image loading states and displays fallback content when images fail to load or are unavailable. This component follows the shadcn/ui design system principles and provides a consistent approach to user representation across all applications. ## Features - **Automatic loading states**: Seamlessly handles image loading and error states - **Graceful fallbacks**: Shows fallback content when images are unavailable - **Flexible sizing**: Easy customization through Tailwind CSS size utilities - **Shape variants**: Circular by default with support for rounded corners - **Accessibility first**: Built-in ARIA attributes and keyboard navigation - **Composable design**: Works with AvatarImage and AvatarFallback sub-components - **Polymorphic rendering**: Supports asChild prop for custom element rendering ## Common Use Cases - User profile displays in headers and navigation - Comment sections and author attribution - Team member listings and directories - Avatar groups with overlapping layouts - Organization logos and brand representation - Loading states and placeholder content ## Size Variants - `size-6` (24px) - Small avatars for dense layouts - `size-8` (32px) - Default size for most use cases - `size-10` (40px) - Medium avatars for lists - `size-12` (48px) - Large avatars for profiles - `size-16` (64px) - Extra large for main profile displays",
-    "file": "avatar.llm.md",
-    "type": "component",
-    "keywords": [
-      "avatar",
-      "component"
-    ]
-  },
-  "AvatarImage": {
-    "description": "AvatarImage - The image element component for displaying avatar pictures This component renders the actual avatar image and automatically handles loading states. It's built on Radix UI's Avatar.Image primitive which provides robust image loading behavior - when the image fails to load or is still loading, it remains hidden and the AvatarFallback will be displayed instead. ## Key Features - **Automatic loading state management**: Handles \"idle\", \"loading\", \"loaded\", and \"error\" states - **Graceful error handling**: Automatically falls back when images fail to load - **Proper aspect ratio maintenance**: Square aspect ratio maintained by default - **Flexible rendering**: Supports asChild for custom element composition - **Loading status callbacks**: Provides onLoadingStatusChange for custom loading logic - **Accessible implementation**: Proper alt text handling and ARIA support ## Loading States The component automatically manages these states: - **idle**: Initial state before loading begins - **loading**: Image is currently being loaded - **loaded**: Image has loaded successfully and is displayed - **error**: Image failed to load, fallback will be shown",
-    "file": "avatar-image.llm.md",
-    "type": "component",
-    "keywords": [
-      "avatar",
-      "avatar image",
-      "avatarimage",
-      "component"
-    ]
-  },
-  "AvatarFallback": {
-    "description": "AvatarFallback - Fallback content displayed when the avatar image is unavailable This component renders alternative content when the AvatarImage is loading, fails to load, or is not provided. It's built on Radix UI's Avatar.Fallback primitive and provides a visually appealing placeholder that maintains the avatar's design consistency. ## When AvatarFallback is Shown The fallback is automatically displayed in these scenarios: - **Image loading**: While the AvatarImage is being loaded - **Image error**: When the AvatarImage fails to load (broken URL, network error) - **No image**: When no AvatarImage component is provided - **Empty src**: When AvatarImage has no src prop or empty src ## Common Use Cases - **User initials**: Most common pattern (2-3 characters) - **Generic icons**: User, person, or company icons - **Brand initials**: For organization avatars - **Loading states**: With animations or loading indicators - **Placeholder content**: For new or anonymous users - **Custom graphics**: SVG icons or other visual elements ## Design Considerations - Uses muted background color for subtle appearance - Automatically centers content both horizontally and vertically - Inherits size and border radius from parent Avatar - Should complement the overall design system - Supports delay to prevent flash during fast image loads",
-    "file": "avatar-fallback.llm.md",
-    "type": "component",
-    "keywords": [
-      "avatar",
-      "avatar fallback",
-      "avatarfallback",
-      "component"
-    ]
-  },
-  "Badge": {
-    "description": "Badge - Versatile status indicator component for labels, counts, and notifications A small status descriptor component that provides visual feedback about state, category, or importance of content. Built on Radix UI Slot primitives with accessibility-first design and support for multiple semantic variants and interactive states.",
-    "file": "badge.llm.md",
-    "type": "component",
-    "keywords": [
-      "badge",
-      "component"
-    ]
-  },
-  "Breadcrumb": {
-    "description": "Breadcrumb navigation component that displays hierarchical page location A breadcrumb navigation component built on semantic HTML that shows the current page location within a navigational hierarchy. Provides users with contextual awareness of their position in the site structure and enables easy navigation to parent pages. Based on the shadcn/ui Breadcrumb component with accessibility features and support for composition patterns including custom separators, ellipsis for long paths, dropdown menus, and custom link components via the asChild prop.",
-    "file": "breadcrumb.llm.md",
-    "type": "component",
-    "keywords": [
-      "breadcrumb",
-      "component"
-    ]
-  },
-  "BreadcrumbList": {
-    "description": "Ordered list container for breadcrumb items Provides the structured list layout for breadcrumb navigation items with responsive spacing and text overflow handling. Uses semantic `ol` element for proper accessibility and screen reader navigation. Contains flexible layout with word breaking and responsive gap adjustments.",
-    "file": "breadcrumb-list.llm.md",
-    "type": "component",
-    "keywords": [
-      "breadcrumb list",
-      "breadcrumblist",
-      "component"
-    ]
-  },
-  "BreadcrumbItem": {
-    "description": "Individual breadcrumb list item container Wraps breadcrumb content (links, pages, separators) in a semantic list item. Provides consistent alignment and spacing for breadcrumb elements with inline flex layout for proper icon and text alignment.",
-    "file": "breadcrumb-item.llm.md",
-    "type": "component",
-    "keywords": [
-      "breadcrumb item",
-      "breadcrumbitem",
-      "component"
-    ]
-  },
-  "BreadcrumbLink": {
-    "description": "Navigable link within breadcrumb trail Represents a clickable parent page in the breadcrumb hierarchy with smooth hover effects and transition animations. Supports composition via the `asChild` prop for seamless integration with routing libraries like Next.js Link, React Router, or Reach Router using the Radix UI Slot primitive for prop merging. Built on Radix UI Slot primitive which enables the asChild pattern - when asChild is true, the component merges its props with the immediate child element instead of rendering its own anchor tag. This allows for flexible composition while maintaining consistent styling and behavior.",
-    "file": "breadcrumb-link.llm.md",
-    "type": "component",
-    "keywords": [
-      "breadcrumb link",
-      "breadcrumblink",
-      "component"
-    ]
-  },
-  "BreadcrumbPage": {
-    "description": "Current page indicator in breadcrumb trail Represents the current page (non-clickable) at the end of the breadcrumb trail. Styled with prominent text color and marked with comprehensive accessibility attributes including `aria-current=\"page\"` for precise screen reader identification of the user's current location within the site hierarchy. This component uses specific ARIA attributes to indicate it represents a link-like element that is disabled, providing semantic meaning while maintaining the visual breadcrumb structure. The `aria-current=\"page\"` attribute is the standard way to identify the current page in navigation components.",
-    "file": "breadcrumb-page.llm.md",
-    "type": "component",
-    "keywords": [
-      "breadcrumb page",
-      "breadcrumbpage",
-      "component"
-    ]
-  },
-  "BreadcrumbSeparator": {
-    "description": "Visual separator between breadcrumb items Displays a separator icon (default: ChevronRight) between breadcrumb items to provide visual hierarchy and direction in the breadcrumb trail. Supports complete customization with any icon or content. Properly hidden from assistive technologies with accessibility attributes for clean screen reader navigation experience. The component uses CSS sizing constraints to ensure consistent icon sizing across different separator types and maintains visual alignment within the breadcrumb flow.",
-    "file": "breadcrumb-separator.llm.md",
-    "type": "component",
-    "keywords": [
-      "breadcrumb separator",
-      "breadcrumbseparator",
-      "component"
-    ]
-  },
-  "BreadcrumbEllipsis": {
-    "description": "Ellipsis indicator for collapsed breadcrumb items Shows a horizontal ellipsis icon (MoreHorizontal) to indicate hidden or collapsed middle items in a long breadcrumb trail. Essential for deep navigation hierarchies where space is limited or mobile responsive design. Commonly used in combination with dropdown menus, popovers, or expandable sections to reveal the collapsed breadcrumb items on user interaction. The component provides a consistent 36px (9 × 4px) clickable area for better touch interaction when used as a trigger for dropdown menus. Includes hidden screen reader text to provide context about the collapsed content.",
-    "file": "breadcrumb-ellipsis.llm.md",
-    "type": "component",
-    "keywords": [
-      "breadcrumb ellipsis",
-      "breadcrumbellipsis",
-      "component"
-    ]
-  },
-  "Button": {
-    "description": "Button - A versatile, accessible button component with multiple style variants A fundamental UI element built on Radix UI's Slot primitive that supports extensive customization through variants, composition patterns, and comprehensive accessibility features. The component automatically handles icon styling, focus management, form integration, and can be rendered as other elements using the asChild pattern.",
-    "file": "button.llm.md",
-    "type": "component",
-    "keywords": [
-      "button",
-      "component"
-    ]
-  },
-  "Calendar": {
-    "description": "Calendar - A comprehensive date selection calendar component A fully-featured calendar component built on react-day-picker that provides intuitive date selection with extensive customization options. Supports single dates, date ranges, multiple dates, and custom validation rules with built-in accessibility features. Built on the powerful react-day-picker library, this component provides a complete calendar interface with advanced features like custom formatters, modifiers, disabled dates, localization, and extensive styling options.",
-    "file": "calendar.llm.md",
-    "type": "component",
-    "keywords": [
-      "calendar",
-      "component",
-      "format"
-    ]
-  },
-  "CalendarDayButton": {
-    "description": "CalendarDayButton - Individual day button component for calendar dates Renders a single interactive day button with appropriate styling for different states including selected, today, disabled, and range selection indicators. This component is used internally by the Calendar component but can be customized if needed.",
-    "file": "calendar-day-button.llm.md",
-    "type": "component",
-    "keywords": [
-      "button",
-      "calendar day button",
-      "calendardaybutton",
-      "component"
-    ]
-  },
-  "Card": {
-    "description": "Card - A flexible container component for grouping related content Cards are surfaces that display content and actions on a single topic. They should be easy to scan for relevant and actionable information. Cards support composition through multiple sub-components and can be customized with various layouts and styling patterns. Based on the shadcn/ui Card component, this implementation provides: - Flexible composition through sub-components - Semantic HTML structure for accessibility - Consistent spacing and visual hierarchy - Support for interactive elements and actions",
-    "file": "card.llm.md",
-    "type": "component",
-    "keywords": [
-      "card",
-      "component",
-      "format"
-    ]
-  },
-  "CardHeader": {
-    "description": "CardHeader - Container for card header content Groups the card title, description, and optional action button. Automatically handles grid layout when CardAction is present, positioning the action to the right while allowing title and description to span the remaining space. Uses CSS Grid with container queries for responsive behavior: - Default: Single column layout for title and description - With CardAction: Two-column grid with action positioned top-right - Auto-adjusts spacing with gap utilities",
-    "file": "card-header.llm.md",
-    "type": "component",
-    "keywords": [
-      "card header",
-      "cardheader",
-      "component"
-    ]
-  },
-  "CardFooter": {
-    "description": "CardFooter - Footer area of a card, typically for actions Positioned at the bottom of the card and commonly used for action buttons, supplementary information, or navigation elements. Uses flexbox layout with automatic alignment of items. Can be styled with border-top when visual separation from content is needed.",
-    "file": "card-footer.llm.md",
-    "type": "component",
-    "keywords": [
-      "card footer",
-      "cardfooter",
-      "component",
-      "format"
-    ]
-  },
-  "CardTitle": {
-    "description": "CardTitle - The main title of a card Renders the primary heading for a card. Should be used within CardHeader to maintain proper semantic structure and visual hierarchy. Uses semibold font weight and leading-none for compact appearance.",
-    "file": "card-title.llm.md",
-    "type": "component",
-    "keywords": [
-      "card title",
-      "cardtitle",
-      "component"
-    ]
-  },
-  "CardAction": {
-    "description": "CardAction - Container for card header actions Positioned to the right of the card header using CSS Grid positioning. Typically contains icon buttons, badges, or dropdown menus for card-specific actions. Automatically positioned when used within CardHeader. Grid positioning: - `col-start-2`: Places in second column - `row-span-2`: Spans both title and description rows - `row-start-1`: Starts from first row - `self-start justify-self-end`: Aligns to top-right",
-    "file": "card-action.llm.md",
-    "type": "component",
-    "keywords": [
-      "card action",
-      "cardaction",
-      "component"
-    ]
-  },
-  "CardDescription": {
-    "description": "CardDescription - Supplementary description text for a card Provides additional context or details about the card content. Styled with muted foreground color and smaller text size to create visual hierarchy below the CardTitle.",
-    "file": "card-description.llm.md",
-    "type": "component",
-    "keywords": [
-      "card description",
-      "carddescription",
-      "component"
-    ]
-  },
-  "CardContent": {
-    "description": "CardContent - Main content area of a card Contains the primary content for the card. Automatically applies horizontal padding to maintain consistent spacing with other card sections. Can contain any type of content including text, images, forms, or other components.",
-    "file": "card-content.llm.md",
-    "type": "component",
-    "keywords": [
-      "card content",
-      "cardcontent",
-      "component"
-    ]
-  },
-  "Carousel": {
-    "description": "A responsive carousel/slider component for content presentation The Carousel component provides a touch-friendly, keyboard-accessible way to browse through multiple items. Built on Embla Carousel, it supports various configurations including autoplay, loop, drag scrolling, infinite scroll, momentum scrolling, and both horizontal and vertical orientations. Features include responsive breakpoints, plugin system, smooth animations, focus management, RTL support, and extensive customization options.",
-    "file": "carousel.llm.md",
-    "type": "component",
-    "keywords": [
-      "carousel",
-      "component"
-    ]
-  },
-  "CarouselContent": {
-    "description": "Container component for carousel items that handles the scrolling viewport Wraps all carousel items and manages the scrollable area. This component must be a direct child of Carousel and handles orientation-specific layouts, overflow behavior, and slide spacing. The outer div provides overflow clipping while the inner div contains the flex layout for slides.",
-    "file": "carousel-content.llm.md",
-    "type": "component",
-    "keywords": [
-      "carousel content",
-      "carouselcontent",
-      "component"
-    ]
-  },
-  "CarouselItem": {
-    "description": "Individual slide/item component within the carousel Represents a single slide in the carousel that can contain any content. Automatically handles sizing, spacing, and orientation-specific layouts based on the parent carousel configuration. Each slide is a flex item with configurable basis for responsive layouts.",
-    "file": "carousel-item.llm.md",
-    "type": "component",
-    "keywords": [
-      "carousel item",
-      "carouselitem",
-      "component"
-    ]
-  },
-  "CarouselPrevious": {
-    "description": "Navigation button to go to the previous carousel slide Renders a previous navigation button that automatically handles disabled states when at the beginning of the carousel (unless loop is enabled). Supports both horizontal and vertical orientations with appropriate positioning and icon rotation. Integrates with the carousel context to provide seamless navigation.",
-    "file": "carousel-previous.llm.md",
-    "type": "component",
-    "keywords": [
-      "carousel previous",
-      "carouselprevious",
-      "component"
-    ]
-  },
-  "CarouselNext": {
-    "description": "Navigation button to go to the next carousel slide Renders a next navigation button that automatically handles disabled states when at the end of the carousel (unless loop is enabled). Supports both horizontal and vertical orientations with appropriate positioning and icon rotation. Integrates with the carousel context to provide seamless navigation.",
-    "file": "carousel-next.llm.md",
-    "type": "component",
-    "keywords": [
-      "carousel next",
-      "carouselnext",
-      "component"
-    ]
-  },
-  "useCarousel": {
-    "description": "Hook to access carousel context and controls Must be used within a Carousel component. Provides access to the carousel API and navigation methods for building custom carousel interactions.",
-    "file": "use-carousel.llm.md",
-    "type": "function",
-    "keywords": [
-      "component",
-      "function",
-      "hook",
-      "use carousel",
-      "usecarousel"
-    ]
-  },
-  "ChartConfig": {
-    "description": "Configuration object for chart data series Defines labels, colors, and icons for chart data series with support for both static colors and theme-aware color definitions. Each series can have either a static color or theme-specific colors for light/dark modes. This configuration drives both visual styling and accessibility features throughout the chart ecosystem.",
-    "file": "chart-config.llm.md",
-    "type": "type",
-    "keywords": [
-      "chart config",
-      "chartconfig",
-      "type"
-    ]
-  },
-  "ChartContainer": {
-    "description": "Container component for Recharts charts with theming and configuration The ChartContainer provides a responsive wrapper for Recharts components with automatic theming, color management, and configuration. It generates CSS custom properties for chart colors, handles dark mode support, and applies consistent styling across all chart types. Built on the shadcn/ui design system with Recharts as the underlying charting library.",
-    "file": "chart-container.llm.md",
-    "type": "component",
-    "keywords": [
-      "chart container",
-      "chartcontainer",
-      "component"
-    ]
-  },
-  "ChartTooltip": {
-    "description": "Tooltip component for charts Re-export of Recharts Tooltip component with support for custom content. Use with ChartTooltipContent for consistent styling and theming integration.",
-    "file": "chart-tooltip.llm.md",
-    "type": "component",
-    "keywords": [
-      "chart tooltip",
-      "charttooltip",
-      "component"
-    ]
-  },
-  "ChartTooltipContent": {
-    "description": "Custom tooltip content component for charts Provides a styled tooltip that displays chart data with proper formatting, colors, and labels from the chart configuration. Supports multiple indicator styles, custom formatters, and automatic theming integration.",
-    "file": "chart-tooltip-content.llm.md",
-    "type": "component",
-    "keywords": [
-      "chart tooltip content",
-      "charttooltipcontent",
-      "component",
-      "format"
-    ]
-  },
-  "ChartLegend": {
-    "description": "Legend component for charts Re-export of Recharts Legend component with support for custom content. Use with ChartLegendContent for consistent styling and theming integration.",
-    "file": "chart-legend.llm.md",
-    "type": "component",
-    "keywords": [
-      "chart legend",
-      "chartlegend",
-      "component"
-    ]
-  },
-  "ChartLegendContent": {
-    "description": "Custom legend content component for charts Provides a styled legend that displays chart series with colors and labels from the chart configuration. Supports icon display, custom positioning, and automatic theming integration.",
-    "file": "chart-legend-content.llm.md",
-    "type": "component",
-    "keywords": [
-      "chart legend content",
-      "chartlegendcontent",
-      "component"
-    ]
-  },
-  "ChartStyle": {
-    "description": "Internal component that generates CSS custom properties for chart colors Creates CSS variables based on the chart configuration to enable theme-aware coloring. Generates variables for both light and dark themes when theme configurations are provided, or uses static colors when available.",
-    "file": "chart-style.llm.md",
-    "type": "component",
-    "keywords": [
-      "chart style",
-      "chartstyle",
-      "component"
-    ]
-  },
-  "Checkbox": {
-    "description": "A versatile checkbox component for binary and multi-selection interfaces Built on Radix UI Checkbox primitive, this component provides a fully accessible checkbox with support for controlled/uncontrolled states, indeterminate state, and comprehensive form integration. Features consistent styling with the design system and proper keyboard navigation. The component automatically renders a hidden input element when used within a form to ensure proper form submission and native validation support. Supports three states: checked (true), unchecked (false), and indeterminate for partial selections.",
-    "file": "checkbox.llm.md",
-    "type": "component",
-    "keywords": [
-      "checkbox",
-      "component"
-    ]
-  },
-  "Collapsible": {
-    "description": "An interactive component which expands/collapses a panel A flexible container component built on Radix UI Collapsible primitives that allows users to toggle the visibility of content sections. Unlike Accordion, Collapsible provides more flexibility without enforcing specific visual structures or mutual exclusivity. Perfect for FAQ sections, expandable details, settings panels, sidebar navigation, and any content that should be conditionally visible. Built on `@radix-ui/react-collapsible` with enhanced TypeScript support and comprehensive prop documentation.",
-    "file": "collapsible.llm.md",
-    "type": "component",
-    "keywords": [
-      "collapsible",
-      "component"
-    ]
-  },
-  "CollapsibleTrigger": {
-    "description": "Interactive trigger element that toggles collapsible content visibility The clickable element that controls the expanded/collapsed state of the associated CollapsibleContent. Built on Radix UI CollapsibleTrigger primitive with automatic ARIA management and keyboard support. Supports the asChild prop for composition with custom button components or other interactive elements. **Key Features:** - Automatic `aria-expanded` state management - Built-in keyboard navigation (Space/Enter) - Flexible composition via `asChild` pattern - Seamless integration with any interactive element",
-    "file": "collapsible-trigger.llm.md",
-    "type": "component",
-    "keywords": [
-      "collapsible trigger",
-      "collapsibletrigger",
-      "component"
-    ]
-  },
-  "CollapsibleContent": {
-    "description": "Content container that can be expanded or collapsed The panel containing content that is shown or hidden based on the collapsible state. Built on Radix UI CollapsibleContent primitive with automatic height animations, accessibility attributes, and smooth transitions when toggling between expanded and collapsed states. **Key Features:** - Automatic height animations using CSS variables - Proper accessibility tree management (hidden when collapsed) - CSS data attributes for custom styling and animations - Support for forceMount to keep content in DOM when collapsed - Seamless composition via asChild pattern",
-    "file": "collapsible-content.llm.md",
-    "type": "component",
-    "keywords": [
-      "collapsible content",
-      "collapsiblecontent",
-      "component"
-    ]
-  },
-  "ComboboxOption": {
-    "description": "Option structure for combobox items Defines the shape of each option that can be displayed and selected in the combobox dropdown list.",
-    "file": "combobox-option.llm.md",
-    "type": "type",
-    "keywords": [
-      "combobox option",
-      "comboboxoption",
-      "type"
-    ]
-  },
-  "Combobox": {
-    "description": "Searchable dropdown selection component with typeahead functionality A versatile combobox that combines a button trigger with a searchable dropdown list. Ideal for selecting from moderate to large lists of options where search functionality improves user experience. Built on Radix UI Popover primitives for accessibility and CMDK for powerful command menu functionality with real-time filtering. **Technical Architecture:** - **Popover Container**: Radix UI Popover.Root provides modal/non-modal behavior, focus management, and positioning - **Trigger Button**: Uses Button component with proper ARIA attributes and visual states - **Command Menu**: CMDK provides keyboard navigation, filtering, and accessibility features - **State Management**: Controlled/uncontrolled modes with proper React patterns **Use Cases:** - Selecting from 10+ options that benefit from real-time filtering - User interfaces requiring quick option discovery through search - Forms needing better UX than basic select dropdowns - Applications with dynamic or large option sets **When Not to Use:** - Simple selection from few options (use Select component instead) - Multi-select scenarios (use Checkbox group or specialized multi-select) - Tree or hierarchical data (use TreeSelect or nested menus)",
-    "file": "combobox.llm.md",
-    "type": "component",
-    "keywords": [
-      "combobox",
-      "component"
-    ]
-  },
-  "Command": {
-    "description": "Command - A fast, composable command menu for search and navigation Built on the cmdk primitive, this component provides a powerful command palette interface with search, filtering, and keyboard navigation. Perfect for creating search interfaces, command palettes, and action menus with full accessibility support. Features advanced filtering with fuzzy search, keyboard shortcuts, nested navigation, asynchronous loading states, and comprehensive accessibility patterns.",
-    "file": "command.llm.md",
-    "type": "component",
-    "keywords": [
-      "command",
-      "component"
-    ]
-  },
-  "CommandDialog": {
-    "description": "CommandDialog - Modal dialog wrapper for command menu Presents the command menu in a modal dialog overlay, perfect for application-wide command palettes triggered by keyboard shortcuts like Cmd+K or Ctrl+K. Built on Radix UI Dialog with proper focus management, portal rendering, and accessibility. The dialog automatically handles focus trapping, scroll locking, and provides screen reader announcements. Use `container` prop to specify custom portal target.",
-    "file": "command-dialog.llm.md",
-    "type": "component",
-    "keywords": [
-      "command dialog",
-      "commanddialog",
-      "component"
-    ]
-  },
-  "CommandInput": {
-    "description": "CommandInput - Search input for command menu filtering Provides a search input with search icon for filtering command menu items. Automatically filters items as the user types and triggers live region announcements for screen readers. Supports both controlled and uncontrolled usage patterns. The input integrates with the Command context to provide real-time filtering, search highlighting, and result announcements. Includes built-in search icon and proper focus management.",
-    "file": "command-input.llm.md",
-    "type": "component",
-    "keywords": [
-      "command input",
-      "commandinput",
-      "component"
-    ]
-  },
-  "CommandList": {
-    "description": "CommandList - Scrollable container for command items Contains and manages the list of command items with automatic scrolling, overflow handling, and dynamic height calculation. Provides the scrollable viewport for command items and groups with proper keyboard navigation. Uses CSS custom property `--cmdk-list-height` for smooth height transitions when items are filtered. Supports scroll padding for better item visibility.",
-    "file": "command-list.llm.md",
-    "type": "component",
-    "keywords": [
-      "command list",
-      "commandlist",
-      "component"
-    ]
-  },
-  "CommandEmpty": {
-    "description": "CommandEmpty - Empty state message for command menu Displays when no command items match the current search query. Can contain custom content beyond simple text messages. Automatically shows/hides based on filtered results and announces changes to screen readers. Supports dynamic content using the `useCommandState` hook to access current search term and create contextual empty messages.",
-    "file": "command-empty.llm.md",
-    "type": "component",
-    "keywords": [
-      "command empty",
-      "commandempty",
-      "component"
-    ]
-  },
-  "CommandGroup": {
-    "description": "CommandGroup - Groups related command items under a heading Organizes command items into labeled sections with optional headings for better organization and navigation. Groups provide semantic structure for screen readers and can be hidden/shown based on whether they contain matching items. Groups automatically manage their visibility - if all contained items are filtered out, the entire group is hidden. Use `forceMount` to override this behavior.",
-    "file": "command-group.llm.md",
-    "type": "component",
-    "keywords": [
-      "command group",
-      "commandgroup",
-      "component"
-    ]
-  },
-  "CommandItem": {
-    "description": "CommandItem - Individual selectable command item Represents a single command or action that can be selected via keyboard or mouse interaction. Supports icons, text, shortcuts, and advanced filtering with keywords. Items can be disabled, have custom values for filtering, and trigger callbacks on selection. The item's value is used for filtering - if not provided, it defaults to the text content. Keywords can be added to improve search matching without affecting the display.",
-    "file": "command-item.llm.md",
-    "type": "component",
-    "keywords": [
-      "command item",
-      "commanditem",
-      "component"
-    ]
-  },
-  "CommandShortcut": {
-    "description": "CommandShortcut - Displays keyboard shortcut for command items Shows the keyboard shortcut associated with a command item, typically displayed on the right side with proper spacing. Supports platform-specific shortcuts and complex key combinations with consistent formatting. The component uses monospace-style formatting with appropriate opacity and spacing to clearly indicate keyboard shortcuts without overwhelming the item content.",
-    "file": "command-shortcut.llm.md",
-    "type": "component",
-    "keywords": [
-      "command shortcut",
-      "commandshortcut",
-      "component",
-      "format"
-    ]
-  },
-  "CommandSeparator": {
-    "description": "CommandSeparator - Visual separator between command groups Provides visual separation between different sections of commands. Purely decorative element that improves visual organization and hierarchy. Automatically hides when adjacent groups are filtered out. The separator will only render when it has visible content before and after it, unless `alwaysRender` is true.",
-    "file": "command-separator.llm.md",
-    "type": "component",
-    "keywords": [
-      "command separator",
-      "commandseparator",
-      "component"
-    ]
-  },
-  "CommandLoading": {
-    "description": "CommandLoading - Loading state indicator for command menu Displays a loading message while command items are being fetched asynchronously. Should be conditionally rendered based on loading state. Shares the same styling and behavior as CommandEmpty but indicates active loading rather than empty state.",
-    "file": "command-loading.llm.md",
-    "type": "component",
-    "keywords": [
-      "command loading",
-      "commandloading",
-      "component"
-    ]
-  },
-  "useCommandState": {
-    "description": "Run a selector against the store state.",
-    "file": "use-command-state.llm.md",
-    "type": "function",
-    "keywords": [
-      "function",
-      "hook",
-      "use cmdk",
-      "usecmdk"
-    ]
-  },
-  "Container": {
-    "description": "Container - A responsive layout wrapper with flexible width constraints and consistent padding A fundamental layout component built with class-variance-authority (CVA) that provides consistent horizontal centering, responsive padding, and flexible max-width constraints. Designed to be the primary content wrapper for pages, sections, and layout regions throughout the application. The component automatically applies responsive horizontal padding (px-4 on mobile, px-6 on small screens, px-8 on large screens) and centers content using mx-auto. Five size variants accommodate different content types from optimal reading widths to full-width layouts. Built following shadcn/ui and Tailwind UI patterns for maximum compatibility and consistency with modern React applications and design systems.",
-    "file": "container.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "container"
-    ]
-  },
-  "ContextMenu": {
-    "description": "ContextMenu - A contextual menu that appears on right-click or long-press Context menus provide contextual actions for specific elements or areas. Built on Radix UI primitives, they appear when users right-click (or long-press on touch devices) and offer actions relevant to the clicked item or region.",
-    "file": "context-menu.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "context menu",
-      "contextmenu"
-    ]
-  },
-  "ContextMenuTrigger": {
-    "description": "ContextMenuTrigger - The element that triggers the context menu Wraps any element to make it respond to right-click or long-press events. The trigger element should provide visual feedback about its interactive nature. Uses the `asChild` pattern to merge props with child elements for composition.",
-    "file": "context-menu-trigger.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "context menu trigger",
-      "contextmenutrigger"
-    ]
-  },
-  "ContextMenuContent": {
-    "description": "ContextMenuContent - The container for context menu items Contains all menu items, separators, labels, and sub-menus. Automatically positioned relative to the trigger point with collision detection and smooth animations. Renders in a portal by default for proper layering.",
-    "file": "context-menu-content.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "context menu content",
-      "contextmenucontent"
-    ]
-  },
-  "ContextMenuItem": {
-    "description": "ContextMenuItem - An actionable item within the context menu Individual menu items that users can interact with. Supports different variants for visual hierarchy and includes automatic icon styling. Items can be clicked, selected via keyboard, and support custom styling.",
-    "file": "context-menu-item.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "context menu item",
-      "contextmenuitem"
-    ]
-  },
-  "ContextMenuCheckboxItem": {
-    "description": "ContextMenuCheckboxItem - A menu item with checkbox functionality Menu items that can be toggled on/off, useful for binary settings or options. Displays a check mark when selected and supports controlled state management with indeterminate state for partially selected collections.",
-    "file": "context-menu-checkbox-item.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "context menu checkbox item",
-      "contextmenucheckboxitem"
-    ]
-  },
-  "ContextMenuRadioItem": {
-    "description": "ContextMenuRadioItem - A radio button item within a radio group Menu items that allow single selection from a group of options. Must be used within a ContextMenuRadioGroup for proper functionality. Displays a filled circle indicator when selected.",
-    "file": "context-menu-radio-item.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "context menu radio item",
-      "contextmenuradioitem"
-    ]
-  },
-  "ContextMenuLabel": {
-    "description": "ContextMenuLabel - A non-interactive label for menu sections Used to group related menu items and provide context. Labels are not focusable and serve as visual section headers within the menu. Helps organize menu content and improve accessibility.",
-    "file": "context-menu-label.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "context menu label",
-      "contextmenulabel"
-    ]
-  },
-  "ContextMenuSeparator": {
-    "description": "ContextMenuSeparator - A visual divider between menu items Creates visual separation between groups of related menu items. Typically used after labels or to separate different types of actions. Improves visual hierarchy and content organization in menus.",
-    "file": "context-menu-separator.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "context menu separator",
-      "contextmenuseparator"
-    ]
-  },
-  "ContextMenuShortcut": {
-    "description": "ContextMenuShortcut - Displays keyboard shortcuts within menu items Shows keyboard shortcuts aligned to the right side of menu items. Provides visual indication of available keyboard shortcuts for actions. Improves discoverability of keyboard navigation options.",
-    "file": "context-menu-shortcut.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "context menu shortcut",
-      "contextmenushortcut"
-    ]
-  },
-  "ContextMenuGroup": {
-    "description": "ContextMenuGroup - Logical grouping for menu items Groups related menu items together for better organization and accessibility. Provides semantic structure without visual changes but improves screen reader navigation by grouping related actions.",
-    "file": "context-menu-group.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "context menu group",
-      "contextmenugroup"
-    ]
-  },
-  "ContextMenuPortal": {
-    "description": "ContextMenuPortal - Portal container for menu content Renders menu content in a portal to ensure proper layering and positioning. Useful for controlling where menu content is rendered in the DOM tree, especially important for sub-menus and complex layouts.",
-    "file": "context-menu-portal.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "context menu portal",
-      "contextmenuportal"
-    ]
-  },
-  "ContextMenuSub": {
-    "description": "ContextMenuSub - Container for sub-menu functionality Wraps a sub-menu trigger and its content to create nested menu structures. Enables hierarchical organization of menu items with proper state management for opening and closing sub-menus.",
-    "file": "context-menu-sub.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "context menu sub",
-      "contextmenusub"
-    ]
-  },
-  "ContextMenuSubContent": {
-    "description": "ContextMenuSubContent - Container for sub-menu items Contains the items within a sub-menu. Automatically positioned relative to its trigger with collision detection and smooth animations. Supports all the same features as main menu content including keyboard navigation.",
-    "file": "context-menu-sub-content.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "context menu sub content",
-      "contextmenusubcontent"
-    ]
-  },
-  "ContextMenuSubTrigger": {
-    "description": "ContextMenuSubTrigger - Trigger element for opening sub-menus Menu item that opens a sub-menu on hover or focus. Automatically includes a chevron icon to indicate the presence of a sub-menu. Supports the same interaction patterns as regular menu items with additional sub-menu behavior.",
-    "file": "context-menu-sub-trigger.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "context menu sub trigger",
-      "contextmenusubtrigger"
-    ]
-  },
-  "ContextMenuRadioGroup": {
-    "description": "ContextMenuRadioGroup - Container for radio button items Groups radio items together to allow single selection from multiple options. Manages the selected state and ensures only one item can be selected at a time. Provides controlled state management for radio selections within menus.",
-    "file": "context-menu-radio-group.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "context menu radio group",
-      "contextmenuradiogroup"
-    ]
-  },
-  "DatePicker": {
-    "description": "DatePicker - A comprehensive date selection component with popover calendar interface A polished date selection component that combines an accessible trigger button with a full-featured calendar popover. Built on Radix UI Popover and Calendar primitives with shadcn/ui styling, providing intuitive date selection with proper accessibility, keyboard navigation, automatic positioning, and internationalization support. The component handles both controlled and uncontrolled usage patterns, integrates seamlessly with forms and validation systems, and provides consistent date formatting using date-fns. The popover automatically positions itself to stay within viewport bounds and includes smooth animations for a polished user experience.",
-    "file": "date-picker.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "date picker",
-      "datepicker",
-      "format"
-    ]
-  },
-  "Dialog": {
-    "description": "Dialog - A modal dialog component for important content or actions A modal window overlay component built on Radix UI Dialog primitives that interrupts the user's workflow to capture their attention for important interactions. Dialogs render content in a layer above the main application with proper focus management and accessibility. Use dialogs for critical interactions, confirmations, forms, or detailed information that requires user focus and prevents interaction with the background content.",
-    "file": "dialog.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "dialog",
-      "format"
-    ]
-  },
-  "DialogClose": {
-    "description": "DialogClose - A close button that dismisses the dialog Can be placed anywhere within DialogContent to provide a close action. Typically used for custom close buttons in addition to the default X button. Automatically closes the dialog when activated and returns focus to the trigger.",
-    "file": "dialog-close.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "dialog close",
-      "dialogclose"
-    ]
-  },
-  "DialogContent": {
-    "description": "DialogContent - The main content container for the dialog The primary container for dialog content that automatically includes the overlay and portal. Provides the visual dialog box with animations, positioning, and focus management. Includes a close button (X) by default which can be hidden using the showCloseButton prop.",
-    "file": "dialog-content.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "dialog content",
-      "dialogcontent"
-    ]
-  },
-  "DialogDescription": {
-    "description": "DialogDescription - Supplementary description for the dialog Provides additional context or instructions for the dialog content. Helps users understand what action they're about to take.",
-    "file": "dialog-description.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "dialog description",
-      "dialogdescription"
-    ]
-  },
-  "DialogFooter": {
-    "description": "DialogFooter - Container for dialog action buttons Typically contains action buttons like Save, Cancel, or Submit. Automatically handles responsive layout with proper button alignment.",
-    "file": "dialog-footer.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "dialog footer",
-      "dialogfooter"
-    ]
-  },
-  "DialogHeader": {
-    "description": "DialogHeader - Container for dialog title and description Groups the dialog's title and description at the top of the dialog content. Provides consistent spacing and alignment for header elements.",
-    "file": "dialog-header.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "dialog header",
-      "dialogheader"
-    ]
-  },
-  "DialogOverlay": {
-    "description": "DialogOverlay - The backdrop overlay behind the dialog Provides a semi-transparent background that covers the main content. Clicking the overlay will close the dialog by default. Features smooth fade animations using Tailwind CSS and proper z-index stacking.",
-    "file": "dialog-overlay.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "dialog overlay",
-      "dialogoverlay"
-    ]
-  },
-  "DialogPortal": {
-    "description": "DialogPortal - Portal container for dialog content Renders dialog content in a React portal at the end of the document body. This ensures proper stacking context and prevents z-index issues. Rarely used directly - typically included automatically by DialogContent.",
-    "file": "dialog-portal.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "dialog portal",
-      "dialogportal"
-    ]
-  },
-  "DialogTitle": {
-    "description": "DialogTitle - The main heading of the dialog Provides the accessible name for the dialog. Should clearly describe the dialog's purpose or the action being performed.",
-    "file": "dialog-title.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "dialog title",
-      "dialogtitle"
-    ]
-  },
-  "DialogTrigger": {
-    "description": "DialogTrigger - The element that opens the dialog when clicked Typically wraps a button or other interactive element. Use asChild prop to render as the child element instead of a button. The trigger automatically receives focus management and ARIA attributes.",
-    "file": "dialog-trigger.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "dialog trigger",
-      "dialogtrigger"
-    ]
-  },
-  "Drawer": {
-    "description": "Drawer - Mobile-optimized sliding panel component A flexible drawer component built on Vaul that creates sliding panel interfaces from screen edges. Designed primarily for mobile experiences with touch gestures, swipe-to-dismiss functionality, and natural drag interactions. Supports multiple directions (top, bottom, left, right) with snap points and responsive behavior. Built on Vaul library which provides excellent performance, accessibility, and natural touch interactions. The drawer automatically handles focus management, scroll locking, and ARIA attributes for screen readers.",
-    "file": "drawer.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "drawer"
-    ]
-  },
-  "DrawerPortal": {
-    "description": "DrawerPortal - Portal component for rendering drawer outside DOM hierarchy Renders the drawer content into a different part of the DOM tree, typically document.body, to ensure proper stacking context and avoid z-index issues. Automatically used by DrawerContent but can be used manually for custom layouts.",
-    "file": "drawer-portal.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "drawer portal",
-      "drawerportal"
-    ]
-  },
-  "DrawerOverlay": {
-    "description": "DrawerOverlay - Semi-transparent backdrop behind the drawer Creates a semi-transparent overlay that covers the entire viewport behind the drawer content. Provides visual separation and can be clicked to close the drawer (when dismissible is true). Automatically fades in/out with smooth animations.",
-    "file": "drawer-overlay.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "drawer overlay",
-      "draweroverlay"
-    ]
-  },
-  "DrawerTrigger": {
-    "description": "DrawerTrigger - Interactive element that opens the drawer The trigger element that users interact with to open the drawer. By default renders as a button, but can be composed with other elements using asChild. Supports all standard button attributes and event handlers.",
-    "file": "drawer-trigger.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "drawer trigger",
-      "drawertrigger"
-    ]
-  },
-  "DrawerClose": {
-    "description": "DrawerClose - Interactive element that closes the drawer Trigger element that closes the drawer when activated. Can be placed anywhere within the drawer content. By default renders as a button but can be composed with other elements using asChild. Multiple close triggers can exist within a single drawer.",
-    "file": "drawer-close.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "drawer close",
-      "drawerclose"
-    ]
-  },
-  "DrawerContent": {
-    "description": "DrawerContent - Main container for drawer content with responsive positioning The primary content container that holds all drawer elements. Automatically handles portal rendering, overlay display, and responsive positioning based on the drawer direction. Includes a drag handle for bottom drawers and responsive styling for all four directions. Supports flexible layouts with proper spacing for headers, content areas, and footers. Automatically constrains height/width based on direction and viewport size.",
-    "file": "drawer-content.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "drawer content",
-      "drawercontent"
-    ]
-  },
-  "DrawerHeader": {
-    "description": "DrawerHeader - Header section containing title and description Standardized header area for drawer content with proper spacing and responsive text alignment. Centers text for bottom/top drawers on mobile and left-aligns on larger screens. Should contain DrawerTitle and optionally DrawerDescription for accessibility compliance.",
-    "file": "drawer-header.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "drawer header",
-      "drawerheader"
-    ]
-  },
-  "DrawerFooter": {
-    "description": "DrawerFooter - Footer section for action buttons and controls Standardized footer area positioned at the bottom of the drawer with automatic top margin to push content down. Typically contains primary actions, secondary actions, and DrawerClose triggers. Uses flexbox column layout with consistent spacing between elements.",
-    "file": "drawer-footer.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "drawer footer",
-      "drawerfooter"
-    ]
-  },
-  "DrawerTitle": {
-    "description": "DrawerTitle - Accessible title element for the drawer Required accessibility element that announces the drawer's purpose to screen readers and provides a clear heading for the content. Should be included in every drawer for proper accessibility compliance. Automatically styled with appropriate font weight and color.",
-    "file": "drawer-title.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "drawer title",
-      "drawertitle"
-    ]
-  },
-  "DrawerDescription": {
-    "description": "DrawerDescription - Optional description providing additional context Supplementary text element that provides additional information about the drawer's content, purpose, or instructions. Enhances accessibility by giving users more context about what they'll find in the drawer. Styled with muted colors and smaller text to maintain visual hierarchy.",
-    "file": "drawer-description.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "drawer description",
-      "drawerdescription",
-      "format"
-    ]
-  },
-  "DropdownMenu": {
-    "description": "A versatile dropdown menu component built on Radix UI primitives Dropdown menus display a list of actions or options that a user can choose from. They're typically triggered by a button and appear as a floating panel with full keyboard navigation support, submenus, and various interactive item types. Built on Radix UI's DropdownMenu primitive with enhanced styling and type safety. Follows the WAI-ARIA Menu Button pattern for accessibility compliance.",
-    "file": "dropdown-menu.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "dropdown menu",
-      "dropdownmenu"
-    ]
-  },
-  "DropdownMenuPortal": {
-    "description": "Portal component for rendering menu content in a different DOM location Renders dropdown content outside of the normal DOM hierarchy to avoid z-index and overflow issues. Automatically used by DropdownMenuContent but can be used explicitly for advanced positioning scenarios.",
-    "file": "dropdown-menu-portal.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "dropdown menu portal",
-      "dropdownmenuportal"
-    ]
-  },
-  "DropdownMenuTrigger": {
-    "description": "The element that triggers the dropdown menu Renders the interactive element that opens and closes the dropdown menu. Typically wraps a button or other interactive element using the asChild prop. Automatically receives proper ARIA attributes and keyboard event handlers.",
-    "file": "dropdown-menu-trigger.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "dropdown menu trigger",
-      "dropdownmenutrigger"
-    ]
-  },
-  "DropdownMenuContent": {
-    "description": "The content container for dropdown menu items Contains all menu items and handles positioning relative to the trigger. Automatically portals content to avoid z-index issues and includes sophisticated collision detection to keep the menu visible within viewport boundaries.",
-    "file": "dropdown-menu-content.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "dropdown menu content",
-      "dropdownmenucontent"
-    ]
-  },
-  "DropdownMenuGroup": {
-    "description": "Groups related dropdown menu items together Used to create logical groupings of menu items, typically separated by DropdownMenuSeparator components. Helps with semantic organization and improves accessibility by providing proper group semantics to screen readers.",
-    "file": "dropdown-menu-group.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "dropdown menu group",
-      "dropdownmenugroup"
-    ]
-  },
-  "DropdownMenuLabel": {
-    "description": "A non-interactive label for grouping and organizing menu items Used to provide semantic headers for groups of related menu items. Labels are not focusable and serve as visual and accessibility landmarks within the menu structure. Helps users understand the organization of menu options.",
-    "file": "dropdown-menu-label.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "dropdown menu label",
-      "dropdownmenulabel"
-    ]
-  },
-  "DropdownMenuItem": {
-    "description": "A single interactive item in the dropdown menu Renders a clickable menu item with proper focus management and keyboard navigation. Supports different visual variants for semantic meaning (e.g., destructive actions). Includes built-in styling for icons, disabled states, and focus indicators.",
-    "file": "dropdown-menu-item.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "dropdown menu item",
-      "dropdownmenuitem"
-    ]
-  },
-  "DropdownMenuCheckboxItem": {
-    "description": "A checkable menu item with visual state indication Displays a checkbox that can be toggled on/off. The checked state is visually indicated with a checkmark icon. Supports indeterminate state for partial selections. Ideal for menu options that represent toggleable settings, features, or multi-selection scenarios.",
-    "file": "dropdown-menu-checkbox-item.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "dropdown menu checkbox item",
-      "dropdownmenucheckboxitem"
-    ]
-  },
-  "DropdownMenuRadioGroup": {
-    "description": "Groups radio items for single selection Creates a group where only one radio item can be selected at a time. Manages the selection state and ensures mutual exclusivity between options. Use with DropdownMenuRadioItem components to create single-choice scenarios like theme selection, sorting options, or view modes.",
-    "file": "dropdown-menu-radio-group.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "dropdown menu radio group",
-      "dropdownmenuradiogroup"
-    ]
-  },
-  "DropdownMenuRadioItem": {
-    "description": "A radio button menu item for single selection within a group Must be used within a DropdownMenuRadioGroup. Shows a filled circle indicator when selected. Only one radio item can be selected per group, ensuring mutually exclusive selection behavior.",
-    "file": "dropdown-menu-radio-item.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "dropdown menu radio item",
-      "dropdownmenuradioitem"
-    ]
-  },
-  "DropdownMenuSeparator": {
-    "description": "A visual separator between menu items or groups Renders a thin horizontal line to visually separate different sections of menu items. Improves visual hierarchy and helps users understand the logical grouping of menu options. Commonly used after labels or between different types of actions.",
-    "file": "dropdown-menu-separator.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "dropdown menu separator",
-      "dropdownmenuseparator"
-    ]
-  },
-  "DropdownMenuShortcut": {
-    "description": "Displays keyboard shortcut hints in menu items Shows keyboard shortcut text aligned to the right side of menu items. Purely visual component - does not implement the actual keyboard functionality. Use standard keyboard shortcut notation and symbols (⌘, ⌃, ⌥, ⇧, Ctrl, Alt, Shift). Helps users discover and remember keyboard shortcuts for menu actions.",
-    "file": "dropdown-menu-shortcut.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "dropdown menu shortcut",
-      "dropdownmenushortcut"
-    ]
-  },
-  "DropdownMenuSub": {
-    "description": "Container for creating nested submenus Wraps a submenu trigger and content to create hierarchical menu structures. Enables multi-level navigation within dropdown menus. Use with DropdownMenuSubTrigger and DropdownMenuSubContent to build complex menu hierarchies with proper focus management and keyboard navigation.",
-    "file": "dropdown-menu-sub.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "dropdown menu sub",
-      "dropdownmenusub"
-    ]
-  },
-  "DropdownMenuSubTrigger": {
-    "description": "Trigger element for opening a submenu Displays an arrow indicator and opens the associated submenu on hover or keyboard navigation. Must be used within a DropdownMenuSub component. Automatically includes a chevron icon to indicate submenu availability and handles focus states.",
-    "file": "dropdown-menu-sub-trigger.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "dropdown menu sub trigger",
-      "dropdownmenusubtrigger"
-    ]
-  },
-  "DropdownMenuSubContent": {
-    "description": "Content container for submenu items Contains the items displayed when a submenu is opened. Positioned relative to the submenu trigger with intelligent collision detection. Supports all the same item types as the main menu content, enabling complex nested menu structures with consistent behavior and styling.",
-    "file": "dropdown-menu-sub-content.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "dropdown menu sub content",
-      "dropdownmenusubcontent"
-    ]
-  },
-  "EmptyState": {
-    "description": "EmptyState - Displays empty or no-data states with consistent UX patterns A comprehensive component for handling empty states across applications. Provides a standardized way to communicate when content is unavailable, data is missing, or initial setup is required. Built with accessibility-first principles and follows established empty state design patterns to guide users toward resolution. **Common Use Cases:** - Search results with no matches - Empty lists, tables, or dashboards - Inbox or notification centers with no items - Data visualization with no data - Onboarding states for new users - Error recovery scenarios **Component Structure:** The component follows a top-down visual hierarchy: Icon → Title → Description → Action. All elements except the title are optional, allowing for flexible implementation across different contexts while maintaining visual consistency.",
-    "file": "empty-state.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "empty state",
-      "emptystate"
-    ]
-  },
-  "HoverCard": {
-    "description": "HoverCard - Preview content that appears on hover for rich contextual information A floating card component that reveals rich content when users hover over a trigger element. Designed specifically for sighted users to preview content available behind links without requiring navigation. Built on Radix UI primitives with smooth animations and intelligent positioning to avoid viewport boundaries. Perfect for user profiles, repository information, link previews, tooltips with complex content, and any contextual details that enhance the user experience without interrupting their current workflow.",
-    "file": "hover-card.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "format",
-      "hover card",
-      "hovercard"
-    ]
-  },
-  "HoverCardTrigger": {
-    "description": "HoverCardTrigger - Interactive element that activates the hover card on mouse hover The trigger component that users hover over to reveal the hover card content. Can wrap any element or render as its child using the asChild prop. Automatically manages hover detection and integrates with the parent HoverCard's timing configuration. When using asChild, the trigger merges its props with the immediate child element, allowing for seamless integration with buttons, links, or any other interactive elements.",
-    "file": "hover-card-trigger.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "hover card trigger",
-      "hovercardtrigger"
-    ]
-  },
-  "HoverCardContent": {
-    "description": "HoverCardContent - Floating content container with intelligent positioning and animations The content area that appears when the trigger is hovered. Features built-in animations, intelligent positioning to avoid viewport boundaries, and customizable alignment options. Automatically portaled to prevent z-index and overflow issues, with smooth fade and scale transitions that respect user motion preferences. The content supports rich layouts including text, images, buttons, and complex components. Positioning is automatically calculated based on available space, with collision detection to ensure the content remains visible within the viewport.",
-    "file": "hover-card-content.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "hover card content",
-      "hovercardcontent"
-    ]
-  },
-  "Input": {
-    "description": "Input - Versatile form input component for text, email, password, and other input types A flexible and accessible input component built on native HTML input elements with enhanced styling and form integration capabilities. Supports all HTML input types including text, email, password, number, file, date, and more. Features consistent design tokens, error states, focus management, and seamless integration with form libraries like React Hook Form.",
-    "file": "input.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "input"
-    ]
-  },
-  "Label": {
-    "description": "Label component for form controls with full accessibility support A fundamental form component that provides accessible text labels for form controls. Built on Radix UI Label primitive, it automatically associates with form elements and expands their clickable area for improved usability and accessibility. Essential for creating accessible forms that meet WCAG guidelines.",
-    "file": "label.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "label"
-    ]
-  },
-  "Menubar": {
-    "description": "A visually persistent menu common in desktop applications that provides access to a consistent set of commands. Menubar provides a horizontal navigation structure similar to desktop application menus like those found in VS Code, Figma, or native applications. Each menu contains dropdown content with actions, checkboxes, radio groups, and nested submenus. Built on top of Radix UI Menubar primitive with full keyboard navigation and accessibility support.",
-    "file": "menubar.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "menubar"
-    ]
-  },
-  "MenubarPortal": {
-    "description": "Portal for rendering menu content outside the DOM hierarchy. Automatically used by MenubarContent to ensure proper layering and positioning of dropdown menus. Prevents z-index conflicts.",
-    "file": "menubar-portal.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "menubar portal",
-      "menubarportal"
-    ]
-  },
-  "MenubarMenu": {
-    "description": "Container for a single menu within the menubar. Each MenubarMenu represents one dropdown menu that can be triggered by its corresponding MenubarTrigger. Must be used within a Menubar root.",
-    "file": "menubar-menu.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "menubar menu",
-      "menubarmenu"
-    ]
-  },
-  "MenubarTrigger": {
-    "description": "Button that opens a dropdown menu. The trigger text should be concise and descriptive of the menu contents. Common patterns include \"File\", \"Edit\", \"View\", \"Tools\", \"Help\". Automatically receives focus management and keyboard navigation.",
-    "file": "menubar-trigger.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "menubar trigger",
-      "menubartrigger"
-    ]
-  },
-  "MenubarContent": {
-    "description": "Dropdown content container for menu items. Contains the actual menu items, separators, and submenus that appear when a MenubarTrigger is activated. Automatically portaled and positioned.",
-    "file": "menubar-content.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "menubar content",
-      "menubarcontent"
-    ]
-  },
-  "MenubarGroup": {
-    "description": "Groups related menu items together within MenubarContent. Used to create logical groupings of menu items, often separated by MenubarSeparator components. Helps organize complex menus.",
-    "file": "menubar-group.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "menubar group",
-      "menubargroup"
-    ]
-  },
-  "MenubarSeparator": {
-    "description": "A visual divider between menu items. Use to create logical groupings and improve visual hierarchy within menu content. Creates clear sections for related items.",
-    "file": "menubar-separator.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "menubar separator",
-      "menubarseparator"
-    ]
-  },
-  "MenubarLabel": {
-    "description": "A non-interactive label for grouping menu items. Used to provide section headings within menu content, helping users understand the organization of menu items. Cannot be focused or selected.",
-    "file": "menubar-label.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "menubar label",
-      "menubarlabel"
-    ]
-  },
-  "MenubarItem": {
-    "description": "A selectable menu item within MenubarContent. Can be enhanced with icons, keyboard shortcuts, and supports different variants including destructive actions. Automatically handles selection events and keyboard navigation.",
-    "file": "menubar-item.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "menubar item",
-      "menubaritem"
-    ]
-  },
-  "MenubarShortcut": {
-    "description": "Displays keyboard shortcut for a menu item. Shows keyboard shortcuts aligned to the right of menu items. Use standard platform conventions (⌘ for Mac, Ctrl+ for Windows/Linux). Purely visual - does not implement the actual keyboard functionality.",
-    "file": "menubar-shortcut.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "menubar shortcut",
-      "menubarshortcut"
-    ]
-  },
-  "MenubarCheckboxItem": {
-    "description": "A menu item that can be checked/unchecked. Perfect for toggle options like \"Show Toolbar\", \"Enable Feature\", or any binary setting that can be turned on/off. Displays a checkmark icon when checked.",
-    "file": "menubar-checkbox-item.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "menubar checkbox item",
-      "menubarcheckboxitem"
-    ]
-  },
-  "MenubarRadioGroup": {
-    "description": "Container for mutually exclusive radio items. Use for single-selection scenarios like theme selection, view modes, or other settings where only one option can be active. Only one RadioItem can be selected at a time within the group.",
-    "file": "menubar-radio-group.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "menubar radio group",
-      "menubarradiogroup"
-    ]
-  },
-  "MenubarRadioItem": {
-    "description": "A menu item for single selection within a MenubarRadioGroup. Use within MenubarRadioGroup for mutually exclusive options. Only one radio item can be selected at a time within the group. Displays a filled circle icon when selected.",
-    "file": "menubar-radio-item.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "menubar radio item",
-      "menubarradioitem"
-    ]
-  },
-  "MenubarSub": {
-    "description": "Container for a submenu. Wraps MenubarSubTrigger and MenubarSubContent to create nested menu structures. Supports controlled and uncontrolled states.",
-    "file": "menubar-sub.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "menubar sub",
-      "menubarsub"
-    ]
-  },
-  "MenubarSubTrigger": {
-    "description": "Menu item that opens a submenu. Automatically includes a right arrow indicator to show that it opens a submenu when hovered or focused. Opens submenu on hover or right arrow key press.",
-    "file": "menubar-sub-trigger.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "menubar sub trigger",
-      "menubarsubtrigger"
-    ]
-  },
-  "MenubarSubContent": {
-    "description": "Content container for a submenu. Contains the menu items that appear when a MenubarSubTrigger is hovered or focused. Supports all the same content as MenubarContent. Automatically positioned to avoid viewport collisions.",
-    "file": "menubar-sub-content.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "menubar sub content",
-      "menubarsubcontent"
-    ]
-  },
-  "NavigationMenu": {
-    "description": "NavigationMenu - A collection of links for navigating websites A flexible navigation component built on Radix UI primitives that provides sophisticated navigation patterns with dropdown content support. Features full keyboard navigation, accessibility compliance, controlled/uncontrolled states, and responsive design. Supports both horizontal and vertical orientations.",
-    "file": "navigation-menu.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "navigation menu",
-      "navigationmenu"
-    ]
-  },
-  "NavigationMenuList": {
-    "description": "NavigationMenuList - Container for navigation menu items The list container that groups NavigationMenuItem components within a NavigationMenu. Renders as an unordered list (ul) by default and provides the foundational layout structure for the navigation menu. Supports both horizontal and vertical orientations based on the parent NavigationMenu orientation prop.",
-    "file": "navigation-menu-list.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "navigation menu list",
-      "navigationmenulist"
-    ]
-  },
-  "NavigationMenuItem": {
-    "description": "NavigationMenuItem - Individual navigation menu item container A list item container that wraps a single navigation element within a NavigationMenuList. Each item can contain either a NavigationMenuTrigger with NavigationMenuContent for dropdown functionality, or a NavigationMenuLink for direct navigation. The value prop is used for controlled state management and active item tracking.",
-    "file": "navigation-menu-item.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "navigation menu item",
-      "navigationmenuitem"
-    ]
-  },
-  "NavigationMenuContent": {
-    "description": "NavigationMenuContent - Dropdown content panel for navigation items The collapsible content container that appears when a NavigationMenuTrigger is activated. Supports smooth enter/exit animations, flexible positioning (with or without viewport), and comprehensive interaction handling. The content automatically manages focus and provides multiple ways to dismiss the dropdown (Escape key, outside clicks, etc.).",
-    "file": "navigation-menu-content.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "navigation menu content",
-      "navigationmenucontent"
-    ]
-  },
-  "NavigationMenuTrigger": {
-    "description": "NavigationMenuTrigger - Interactive button that opens dropdown navigation content A button component that toggles NavigationMenuContent visibility when activated. Automatically includes a chevron down icon that rotates when the dropdown is open. Features comprehensive keyboard and mouse interaction support with proper ARIA state management. The asChild prop allows composition with custom button components.",
-    "file": "navigation-menu-trigger.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "navigation menu trigger",
-      "navigationmenutrigger"
-    ]
-  },
-  "NavigationMenuLink": {
-    "description": "NavigationMenuLink - Styled link component for navigation menus A versatile link component designed specifically for navigation menus with comprehensive styling and state management. Supports active states, hover/focus effects, and seamless framework integration through the asChild pattern. Can be used both within dropdown content and as direct navigation items. Features proper keyboard navigation and accessibility support.",
-    "file": "navigation-menu-link.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "navigation menu link",
-      "navigationmenulink"
-    ]
-  },
-  "NavigationMenuIndicator": {
-    "description": "NavigationMenuIndicator - Animated visual indicator for active menu items An optional visual indicator that displays an animated arrow pointing to the currently active or focused navigation menu item. Automatically transitions between positions as users navigate through menu items, providing clear visual feedback about the current selection. The indicator appears below the active item and includes smooth fade and position animations.",
-    "file": "navigation-menu-indicator.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "navigation menu indicator",
-      "navigationmenuindicator"
-    ]
-  },
-  "NavigationMenuViewport": {
-    "description": "NavigationMenuViewport - Positioned container for dropdown content The viewport container that manages positioning, sizing, and animation of NavigationMenuContent panels. It automatically calculates dimensions based on content size and provides smooth enter/exit animations. The viewport uses CSS custom properties for dynamic sizing and positioning. Only rendered when the viewport prop is true (default) on NavigationMenu.",
-    "file": "navigation-menu-viewport.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "navigation menu viewport",
-      "navigationmenuviewport"
-    ]
-  },
-  "navigationMenuTriggerStyle": {
-    "description": "Navigation menu trigger styling configuration using CVA (Class Variance Authority) Provides consistent button styling for navigation triggers with interactive states. Can be applied to NavigationMenuLink components for uniform trigger-style appearance.",
-    "file": "navigation-menu-trigger-style.llm.md",
-    "type": "function",
-    "keywords": [
-      "component",
-      "function",
-      "navigation menu trigger style",
-      "navigationmenutriggerstyle"
-    ]
-  },
-  "Pagination": {
-    "description": "Pagination navigation component for large datasets A comprehensive pagination component built on shadcn/ui standards that provides intuitive navigation through pages of content. All interactive elements use buttonVariants from the Button component for consistent styling and behavior: - PaginationLink uses \"outline\" variant when active, \"ghost\" when inactive - PaginationPrevious/PaginationNext use \"ghost\" variant by default - All components inherit Button's focus management, hover states, and accessibility Features responsive design, full accessibility compliance, and flexible composition patterns for different use cases. Ideal for data tables, search results, product listings, and any paginated content that needs professional navigation controls.",
-    "file": "pagination.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "pagination"
-    ]
-  },
-  "PaginationContent": {
-    "description": "Container for pagination navigation items A semantic unordered list that houses all pagination controls in a responsive horizontal layout. Provides proper spacing and alignment for pagination items while maintaining accessibility standards.",
-    "file": "pagination-content.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "pagination content",
-      "paginationcontent"
-    ]
-  },
-  "PaginationEllipsis": {
-    "description": "Visual indicator for omitted page numbers Displays a horizontal ellipsis (MoreHorizontalIcon from Lucide React) to indicate that page numbers have been omitted from the pagination display. Used to maintain clean UI when dealing with large page ranges without overwhelming users. The component is sized consistently with PaginationLink components (36px × 36px) to maintain visual harmony in the pagination layout. Includes accessible hidden text for screen readers while keeping the visual element hidden from assistive technology to avoid confusion.",
-    "file": "pagination-ellipsis.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "pagination ellipsis",
-      "paginationellipsis"
-    ]
-  },
-  "PaginationItem": {
-    "description": "Individual list item wrapper for pagination controls A semantic list item that wraps pagination links, buttons, or ellipsis elements. Provides consistent structure and enables proper keyboard navigation between pagination controls.",
-    "file": "pagination-item.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "pagination item",
-      "paginationitem"
-    ]
-  },
-  "PaginationLink": {
-    "description": "Clickable link for individual page numbers Interactive link component that navigates to specific pages within paginated content. Uses buttonVariants from the Button component to provide consistent styling - applies \"outline\" variant when active and \"ghost\" variant when inactive. Features automatic active state styling and comprehensive accessibility attributes. The component automatically inherits focus management, hover states, and proper spacing from the Button component's CVA configuration while maintaining semantic link behavior for proper navigation and SEO.",
-    "file": "pagination-link.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "pagination link",
-      "paginationlink"
-    ]
-  },
-  "PaginationNext": {
-    "description": "Next page navigation button Navigates to the next page in the pagination sequence. Built on PaginationLink with fixed \"default\" size and includes a chevron-right icon for visual direction. Features responsive design that shows only an icon on mobile devices and \"Next\" text with icon on larger screens for optimal user experience. Uses buttonVariants with \"ghost\" variant by default, inheriting all focus management, hover states, and accessibility features from the Button component.",
-    "file": "pagination-next.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "pagination next",
-      "paginationnext"
-    ]
-  },
-  "PaginationPrevious": {
-    "description": "Previous page navigation button Navigates to the previous page in the pagination sequence. Built on PaginationLink with fixed \"default\" size and includes a chevron-left icon for visual direction. Features responsive design that shows only an icon on mobile devices and icon with \"Previous\" text on larger screens for optimal user experience. Uses buttonVariants with \"ghost\" variant by default, inheriting all focus management, hover states, and accessibility features from the Button component.",
-    "file": "pagination-previous.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "pagination previous",
-      "paginationprevious"
-    ]
-  },
-  "Popover": {
-    "description": "Popover displays rich content in a portal, triggered by a button A versatile floating panel component built on Radix UI primitives that displays interactive content without navigating away from the current context. Unlike tooltips, popovers support complex layouts, forms, and user interactions while maintaining proper focus management and accessibility standards.",
-    "file": "popover.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "popover"
-    ]
-  },
-  "PopoverTrigger": {
-    "description": "PopoverTrigger - The element that triggers the popover",
-    "file": "popover-trigger.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "popover trigger",
-      "popovertrigger"
-    ]
-  },
-  "PopoverContent": {
-    "description": "PopoverContent - The content container for the popover",
-    "file": "popover-content.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "popover content",
-      "popovercontent"
-    ]
-  },
-  "PopoverAnchor": {
-    "description": "PopoverAnchor - Optional anchor element for custom positioning Use PopoverAnchor when you need the popover to position relative to an element other than the trigger. This is useful for complex layouts where the visual trigger and positioning reference should be different elements.",
-    "file": "popover-anchor.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "popover anchor",
-      "popoveranchor"
-    ]
-  },
-  "Progress": {
-    "description": "Progress - Visual progress indicator for tasks and operations A customizable progress bar component built on Radix UI Progress primitive that displays the completion status of tasks, file uploads, multi-step processes, and other operations requiring user feedback. Features smooth animations, accessibility support, and flexible styling options.",
-    "file": "progress.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "progress"
-    ]
-  },
-  "RadioGroup": {
-    "description": "A radio group component for single selection from multiple options RadioGroup allows users to select exactly one option from a set of mutually exclusive choices. Built on Radix UI RadioGroup primitives with enhanced accessibility and keyboard navigation. Each radio group should contain RadioGroupItem components paired with Labels for proper accessibility. The component follows the WAI-ARIA Radio Group design pattern and uses roving tabindex to manage focus movement among radio items. It provides comprehensive keyboard navigation with arrow keys and supports both controlled and uncontrolled usage patterns.",
-    "file": "radio-group.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "radio group",
-      "radiogroup"
-    ]
-  },
-  "RadioGroupItem": {
-    "description": "Individual radio button item for use within RadioGroup RadioGroupItem represents a single selectable option in a radio group. Must be used within a RadioGroup component and should be paired with a Label for proper accessibility. The component automatically handles visual states including checked, unchecked, focused, and disabled. It includes a built-in indicator that displays when the item is selected. Each radio item requires a unique value prop that identifies it within the group. The component forwards all standard button attributes and supports custom styling via className.",
-    "file": "radio-group-item.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "radio group item",
-      "radiogroupitem"
-    ]
-  },
-  "RadioGroupIndicator": {
-    "description": "Visual indicator shown when a RadioGroupItem is in the checked state RadioGroupIndicator automatically appears inside RadioGroupItem when that item is selected. It provides the visual feedback for the checked state using a filled circle icon. The indicator is automatically managed by the RadioGroupItem and only renders when checked. This component is typically not used directly but is included in RadioGroupItem. It can be customized or replaced using the asChild pattern if needed.",
-    "file": "radio-group-indicator.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "radio group indicator",
-      "radiogroupindicator"
-    ]
-  },
-  "ResizablePanelGroup": {
-    "description": "Container for creating resizable panel groups with full keyboard accessibility ResizablePanelGroup provides a flexible container for organizing multiple resizable panels that can be resized by dragging handles between them or using keyboard navigation. Built on react-resizable-panels with enhanced styling, accessibility, and persistence features. Supports both horizontal and vertical layouts with automatic layout saving and restoration.",
-    "file": "resizable-panel-group.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "resizable panel group",
-      "resizablepanelgroup"
-    ]
-  },
-  "ResizablePanel": {
-    "description": "Individual resizable panel within a panel group with size constraints and callbacks ResizablePanel represents a single resizable section within a ResizablePanelGroup. Supports flexible sizing constraints, collapse/expand behavior, and programmatic control through imperative API. Each panel automatically handles content overflow and maintains accessibility during resize operations with proper focus and scroll management.",
-    "file": "resizable-panel.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "resizable panel",
-      "resizablepanel"
-    ]
-  },
-  "ResizableHandle": {
-    "description": "Interactive handle for resizing panels with full keyboard and pointer support ResizableHandle provides the draggable area between panels that allows users to resize them via mouse, touch, or keyboard interaction. Supports optional visual grip indicators, custom hit areas, and comprehensive event callbacks for advanced interaction patterns. Automatically adapts styling based on panel group direction.",
-    "file": "resizable-handle.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "resizable handle",
-      "resizablehandle"
-    ]
-  },
-  "ScrollArea": {
-    "description": "ScrollArea - Custom scrollable area with cross-browser styling Augments native scroll functionality for custom, cross-browser styling with enhanced scrolling experience. Built on Radix UI's ScrollArea primitive for accessibility and keyboard navigation support. Provides consistent scrollbar appearance across different browsers while maintaining native scroll behavior and performance. The component automatically handles vertical scrolling and can be extended with horizontal scrolling using the ScrollBar component. Supports programmatic control via refs and maintains all native scrolling behaviors including touch gestures.",
-    "file": "scroll-area.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "scroll area",
-      "scrollarea"
-    ]
-  },
-  "ScrollBar": {
-    "description": "ScrollBar - Custom styled scrollbar for ScrollArea Companion component to ScrollArea that renders styled scrollbars with support for both vertical and horizontal orientations. The vertical scrollbar is automatically included in ScrollArea, but horizontal scrollbars must be explicitly added when needed. The scrollbar automatically shows/hides based on content overflow and user interaction. Supports touch interactions and provides visual feedback during scroll operations.",
-    "file": "scroll-bar.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "scroll bar",
-      "scrollbar"
-    ]
-  },
-  "ScrollAreaViewport": {
-    "description": "ScrollAreaViewport - The viewport area of the scroll area Contains the scrollable content and handles the actual scrolling behavior. This is the element that receives focus and handles keyboard navigation. Use refs on this component for programmatic scrolling control.",
-    "file": "scroll-area-viewport.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "scroll area viewport",
-      "scrollareaviewport"
-    ]
-  },
-  "ScrollAreaThumb": {
-    "description": "ScrollAreaThumb - The draggable thumb element within the scrollbar Represents the current scroll position and can be dragged to scroll content. Usually styled automatically as part of the ScrollBar component, but can be customized for specific design requirements.",
-    "file": "scroll-area-thumb.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "scroll area thumb",
-      "scrollareathumb"
-    ]
-  },
-  "ScrollAreaCorner": {
-    "description": "ScrollAreaCorner - The corner element where horizontal and vertical scrollbars meet Appears when both horizontal and vertical scrollbars are present. Usually handled automatically by the ScrollArea component but can be customized for specific layout requirements.",
-    "file": "scroll-area-corner.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "scroll area corner",
-      "scrollareacorner"
-    ]
-  },
-  "Select": {
-    "description": "Select - A dropdown selection component built on Radix UI primitives Provides a dropdown menu for selecting a single option from a list of choices. Features comprehensive keyboard navigation, grouping capabilities, accessibility compliance, and flexible styling options. Perfect for forms, filters, and configuration interfaces. Built on Radix UI Select.Root with enhanced styling.",
-    "file": "select.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "select"
-    ]
-  },
-  "SelectContent": {
-    "description": "SelectContent - Container for the dropdown content The dropdown panel that contains all selectable items, groups, and labels. Built on Radix UI Select.Content with Portal rendering for proper layering. Automatically handles scrolling for long lists, collision detection, and positioning relative to the trigger with smooth animations. **Positioning Strategy:** - `popper`: Uses Floating UI for precise positioning with collision detection - `item-aligned`: Aligns content with the selected item for natural feel",
-    "file": "select-content.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "select content",
-      "selectcontent"
-    ]
-  },
-  "SelectGroup": {
-    "description": "SelectGroup - Container for grouping related select items Groups related options together with an optional label for better organization and improved user experience when dealing with many options. Built on Radix UI Select.Group with semantic grouping that enhances screen reader navigation.",
-    "file": "select-group.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "select group",
-      "selectgroup"
-    ]
-  },
-  "SelectItem": {
-    "description": "SelectItem - Individual selectable option in the dropdown Represents a single option that users can select. Built on Radix UI Select.Item with enhanced styling including hover states, selection indicators, and proper spacing. Shows a checkmark when selected and supports keyboard navigation with proper focus management.",
-    "file": "select-item.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "select item",
-      "selectitem"
-    ]
-  },
-  "SelectLabel": {
-    "description": "SelectLabel - Label for a group of select items Provides a non-selectable label for categorizing groups of options. Built on Radix UI Select.Label with muted styling and proper typography. Helps users understand the context of the options below and improves navigation for screen reader users.",
-    "file": "select-label.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "select label",
-      "selectlabel"
-    ]
-  },
-  "SelectScrollDownButton": {
-    "description": "SelectScrollDownButton - Scroll button for navigating down in long lists Appears at the bottom of the dropdown when there are more items below the visible area. Built on Radix UI Select.ScrollDownButton with chevron icon and hover states. Automatically shows/hides based on scroll position.",
-    "file": "select-scroll-down-button.llm.md",
-    "type": "component",
-    "keywords": [
-      "button",
-      "component",
-      "select scroll down button",
-      "selectscrolldownbutton"
-    ]
-  },
-  "SelectScrollUpButton": {
-    "description": "SelectScrollUpButton - Scroll button for navigating up in long lists Appears at the top of the dropdown when there are more items above the visible area. Built on Radix UI Select.ScrollUpButton with chevron icon and hover states. Automatically shows/hides based on scroll position.",
-    "file": "select-scroll-up-button.llm.md",
-    "type": "component",
-    "keywords": [
-      "button",
-      "component",
-      "select scroll up button",
-      "selectscrollupbutton"
-    ]
-  },
-  "SelectSeparator": {
-    "description": "SelectSeparator - Visual divider between select groups A horizontal line that visually separates groups of options for better organization and clarity. Built on Radix UI Select.Separator with subtle border styling that adapts to the current theme.",
-    "file": "select-separator.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "select separator",
-      "selectseparator"
-    ]
-  },
-  "SelectTrigger": {
-    "description": "SelectTrigger - The button that opens the select dropdown A styled button that displays the current value and triggers the dropdown menu. Built on Radix UI Select.Trigger with enhanced styling including focus states, size variants, and proper hover interactions. Includes a chevron icon to indicate dropdown functionality and supports different size variants for various UI contexts. **Size Variants:** - `default`: Standard height (36px) suitable for most forms and interfaces - `sm`: Compact height (32px) ideal for dense layouts and table interfaces",
-    "file": "select-trigger.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "select trigger",
-      "selecttrigger"
-    ]
-  },
-  "SelectValue": {
-    "description": "SelectValue - Displays the selected value or placeholder Renders the currently selected option's text or a placeholder when no option is selected. Built on Radix UI Select.Value with proper text truncation and styling. Must be used inside SelectTrigger to display the current selection state.",
-    "file": "select-value.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "select value",
-      "selectvalue"
-    ]
-  },
-  "Separator": {
-    "description": "Separator component for visually and semantically dividing content sections A flexible, accessible separator component built on Radix UI primitives that creates visual or semantic divisions between content sections. Supports both horizontal and vertical orientations with full accessibility features including decorative and semantic separator modes for optimal screen reader compatibility. Built on Radix UI Separator primitive which automatically handles: - WAI-ARIA separator role compliance - Proper orientation data attributes - Screen reader visibility control via decorative prop - Keyboard navigation support for interactive separators - Semantic HTML structure with proper ARIA attributes",
-    "file": "separator.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "separator"
-    ]
-  },
-  "Sheet": {
-    "description": "Sheet - A slide-out panel that displays supplementary content A versatile sheet component that slides in from any edge of the screen to display supplementary content without fully blocking the main interface. Built on Radix UI Dialog primitives with smooth animations and comprehensive accessibility support. Sheets are ideal for: - Mobile navigation menus - Settings panels and configuration forms - Contextual information displays - Secondary actions that don't require full attention - Filters and search interfaces",
-    "file": "sheet.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "format",
-      "sheet"
-    ]
-  },
-  "SheetTrigger": {
-    "description": "SheetTrigger - Button or element that opens the sheet The trigger element that users interact with to open the sheet. Use the `asChild` prop to render as a different element while maintaining the trigger functionality. When clicked, opens the sheet and manages focus appropriately.",
-    "file": "sheet-trigger.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "sheet trigger",
-      "sheettrigger"
-    ]
-  },
-  "SheetClose": {
-    "description": "SheetClose - Button that closes the sheet A button that closes the sheet when clicked. Can be placed anywhere within the sheet content. Use the `asChild` prop to render as a different element while maintaining the close functionality. Multiple close buttons can be used throughout the sheet content.",
-    "file": "sheet-close.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "sheet close",
-      "sheetclose"
-    ]
-  },
-  "SheetContent": {
-    "description": "SheetContent - Main container for sheet content The primary content area of the sheet that slides in from the specified side. Includes automatic overlay, portal rendering, and close button. Contains smooth slide animations with responsive sizing and proper focus management. Features automatic positioning based on the side prop: - Right/Left: Full height, responsive width (3/4 on mobile, max 384px on desktop) - Top/Bottom: Full width, auto height based on content",
-    "file": "sheet-content.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "sheet content",
-      "sheetcontent"
-    ]
-  },
-  "SheetHeader": {
-    "description": "SheetHeader - Header section for sheet content A container for the sheet's title and description, positioned at the top of the sheet content. Provides consistent spacing and layout for sheet headers. Should contain SheetTitle and optionally SheetDescription for proper accessibility and semantic structure.",
-    "file": "sheet-header.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "sheet header",
-      "sheetheader"
-    ]
-  },
-  "SheetFooter": {
-    "description": "SheetFooter - Footer section for sheet actions A container for action buttons positioned at the bottom of the sheet content. Uses `mt-auto` to stick to the bottom and provides consistent spacing for buttons. Ideal for primary and secondary actions like Save/Cancel button pairs.",
-    "file": "sheet-footer.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "sheet footer",
-      "sheetfooter"
-    ]
-  },
-  "SheetTitle": {
-    "description": "SheetTitle - Title element for the sheet The main heading for the sheet content. Provides proper semantic heading and accessibility labeling for screen readers. Should be used within SheetHeader. This component is required for proper accessibility - every sheet must have a title.",
-    "file": "sheet-title.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "sheet title",
-      "sheettitle"
-    ]
-  },
-  "SheetDescription": {
-    "description": "SheetDescription - Description text for the sheet Provides additional context about the sheet's purpose or instructions. Appears below the title with muted styling. Should be used within SheetHeader. While optional, it's recommended for better accessibility and user understanding.",
-    "file": "sheet-description.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "sheet description",
-      "sheetdescription"
-    ]
-  },
-  "Sidebar": {
-    "description": "Flexible and responsive navigation sidebar component The Sidebar component is the main container for navigation content, supporting multiple visual variants, collapsible behaviors, and responsive design patterns. It automatically adapts between desktop layouts and mobile sheet overlays based on viewport size.",
-    "file": "sidebar.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "sidebar"
-    ]
-  },
-  "SidebarContent": {
-    "description": "Scrollable main content area of the sidebar The primary content container that houses navigation groups, menus, and other sidebar content. Provides automatic scrolling when content exceeds available height and handles overflow behavior when the sidebar is collapsed.",
-    "file": "sidebar-content.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "sidebar content",
-      "sidebarcontent"
-    ]
-  },
-  "SidebarFooter": {
-    "description": "Footer section container for sidebar content A container positioned at the bottom of the sidebar for footer content such as user profiles, settings links, logout buttons, or help resources. The footer remains anchored to the bottom regardless of content height.",
-    "file": "sidebar-footer.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "sidebar footer",
-      "sidebarfooter"
-    ]
-  },
-  "SidebarGroup": {
-    "description": "Container for organizing related sidebar navigation items Groups related navigation items together with optional labels and actions, providing visual organization and hierarchy for complex navigation structures. Groups can include labels, action buttons, and any combination of menu items.",
-    "file": "sidebar-group.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "sidebar group",
-      "sidebargroup"
-    ]
-  },
-  "SidebarGroupAction": {
-    "description": "Action button positioned within sidebar groups A compact action button positioned at the top-right of a sidebar group, typically used for group-specific actions such as adding new items, editing group settings, or accessing group options. Automatically hidden when collapsed.",
-    "file": "sidebar-group-action.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "sidebar group action",
-      "sidebargroupaction"
-    ]
-  },
-  "SidebarGroupContent": {
-    "description": "Content container for sidebar group items Houses the actual navigation items, menus, and content within a sidebar group. Provides consistent spacing and organization for group content while maintaining proper typography and layout coordination.",
-    "file": "sidebar-group-content.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "sidebar group content",
-      "sidebargroupcontent"
-    ]
-  },
-  "SidebarGroupLabel": {
-    "description": "Label component for sidebar groups Displays a descriptive label for a group of sidebar items, providing clear categorization and hierarchy. The label automatically hides when the sidebar is collapsed to icon mode to maintain clean visual presentation.",
-    "file": "sidebar-group-label.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "sidebar group label",
-      "sidebargrouplabel"
-    ]
-  },
-  "SidebarHeader": {
-    "description": "Header section container for sidebar content A flexible container for sidebar header content such as logos, application titles, user information, or action buttons. The header remains visible even when the sidebar is collapsed to icon mode, making it ideal for persistent branding or key actions.",
-    "file": "sidebar-header.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "format",
-      "sidebar header",
-      "sidebarheader"
-    ]
-  },
-  "SidebarInput": {
-    "description": "Input component optimized for sidebar usage A pre-styled input field designed to integrate seamlessly within sidebar layouts. Commonly used for search functionality, filters, or other input needs within the sidebar context. Features appropriate sizing and styling for sidebar use.",
-    "file": "sidebar-input.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "sidebar input",
-      "sidebarinput"
-    ]
-  },
-  "SidebarInset": {
-    "description": "Main content container that adapts to sidebar layout The SidebarInset component serves as the primary content area that automatically adjusts its layout and spacing based on the sidebar's state and variant. It provides proper margins, responsive behavior, and styling coordination with the sidebar.",
-    "file": "sidebar-inset.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "sidebar inset",
-      "sidebarinset"
-    ]
-  },
-  "SidebarMenu": {
-    "description": "Navigation menu container for organizing sidebar items An unordered list container that holds and organizes SidebarMenuItem components. Provides consistent spacing, layout, and semantic structure for navigation items within sidebar groups or sections.",
-    "file": "sidebar-menu.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "sidebar menu",
-      "sidebarmenu"
-    ]
-  },
-  "SidebarMenuAction": {
-    "description": "Secondary action button for sidebar menu items A compact action button positioned on the right side of menu items, providing secondary actions like edit, delete, or more options. Can be configured to show only on hover for cleaner interfaces or remain always visible for important actions.",
-    "file": "sidebar-menu-action.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "sidebar menu action",
-      "sidebarmenuaction"
-    ]
-  },
-  "SidebarMenuBadge": {
-    "description": "Badge indicator component for menu items Displays count indicators, status badges, or notification markers on menu items. Positioned on the right side of menu items and automatically coordinates with menu button states and sidebar collapse behavior.",
-    "file": "sidebar-menu-badge.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "sidebar menu badge",
-      "sidebarmenubadge"
-    ]
-  },
-  "SidebarMenuButton": {
-    "description": "Interactive navigation button for sidebar menu items The primary interactive element for sidebar navigation, offering a flexible button component that supports active states, multiple visual variants, tooltip integration for collapsed modes, and composition patterns through the asChild prop. Automatically adapts its appearance based on sidebar state and provides smooth hover/focus transitions.",
-    "file": "sidebar-menu-button.llm.md",
-    "type": "component",
-    "keywords": [
-      "button",
-      "component",
-      "sidebar menu button",
-      "sidebarmenubutton"
-    ]
-  },
-  "SidebarMenuItem": {
-    "description": "Individual menu item container for sidebar navigation A list item container that wraps a single navigation item, typically containing a SidebarMenuButton along with optional components like SidebarMenuAction, SidebarMenuBadge, or SidebarMenuSub for hierarchical navigation.",
-    "file": "sidebar-menu-item.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "sidebar menu item",
-      "sidebarmenuitem"
-    ]
-  },
-  "SidebarMenuSkeleton": {
-    "description": "Loading skeleton placeholder for menu items Displays an animated loading placeholder while menu items are being fetched or loaded. Features random width variation to simulate realistic content and optional icon placeholder for more accurate representation.",
-    "file": "sidebar-menu-skeleton.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "sidebar menu skeleton",
-      "sidebarmenuskeleton"
-    ]
-  },
-  "SidebarMenuSub": {
-    "description": "Submenu container for hierarchical navigation A specialized container for nested navigation items that provides visual hierarchy through indentation and connecting border lines. Perfect for organizing complex navigation structures with parent-child relationships.",
-    "file": "sidebar-menu-sub.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "sidebar menu sub",
-      "sidebarmenusub"
-    ]
-  },
-  "SidebarMenuSubButton": {
-    "description": "Interactive button component for submenu navigation The primary interactive element for nested navigation items within submenus, featuring support for active states, different sizes, and composition patterns. Designed specifically for hierarchical navigation with appropriate styling and spacing.",
-    "file": "sidebar-menu-sub-button.llm.md",
-    "type": "component",
-    "keywords": [
-      "button",
-      "component",
-      "sidebar menu sub button",
-      "sidebarmenusubbutton"
-    ]
-  },
-  "SidebarMenuSubItem": {
-    "description": "Individual item container within submenu navigation A list item container for single nested navigation items within a submenu, providing the structural foundation for hierarchical navigation elements.",
-    "file": "sidebar-menu-sub-item.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "sidebar menu sub item",
-      "sidebarmenusubitem"
-    ]
-  },
-  "SidebarProvider": {
-    "description": "Context provider for comprehensive sidebar state management The SidebarProvider is the foundational component that manages all sidebar behavior including state persistence, responsive design, keyboard shortcuts, and mobile handling. It provides context to all sidebar-related components and should wrap your entire application or the section containing the sidebar.",
-    "file": "sidebar-provider.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "sidebar provider",
-      "sidebarprovider"
-    ]
-  },
-  "SidebarRail": {
-    "description": "Interactive rail component for sidebar edge interaction Provides a subtle interactive area along the sidebar edge that users can click to toggle the sidebar state. The rail is positioned at the sidebar boundary and includes hover states for discoverability. Only visible on desktop viewports.",
-    "file": "sidebar-rail.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "sidebar rail",
-      "sidebarrail"
-    ]
-  },
-  "SidebarSeparator": {
-    "description": "Visual separator for organizing sidebar sections A horizontal divider component used to visually separate different sections within the sidebar content. Helps organize navigation groups and improve visual hierarchy and readability.",
-    "file": "sidebar-separator.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "sidebar separator",
-      "sidebarseparator"
-    ]
-  },
-  "SidebarTrigger": {
-    "description": "Interactive button component for toggling sidebar visibility A pre-styled button that toggles the sidebar between expanded and collapsed states on desktop, or opens/closes the mobile sheet overlay on smaller screens. Features a panel icon and proper accessibility attributes.",
-    "file": "sidebar-trigger.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "sidebar trigger",
-      "sidebartrigger"
-    ]
-  },
-  "useSidebar": {
-    "description": "Hook to access sidebar state and control functions Provides access to the sidebar's state management including expanded/collapsed states, mobile-specific behavior, and toggle functions. This hook must be used within a SidebarProvider component tree to function properly.",
-    "file": "use-sidebar.llm.md",
-    "type": "function",
-    "keywords": [
-      "component",
-      "function",
-      "hook",
-      "use sidebar",
-      "usesidebar"
-    ]
-  },
-  "Skeleton": {
-    "description": "Skeleton - Animated loading placeholder that improves perceived performance A lightweight component that creates animated placeholders mimicking the structure and layout of content being loaded. Features a subtle pulse animation to indicate loading state while maintaining layout stability during data fetching operations. Built on standard HTML div element with Tailwind CSS animations. Designed to be highly composable and can be shaped to match any content structure using className. The component uses semantic presentation role by default for optimal accessibility.",
-    "file": "skeleton.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "skeleton"
-    ]
-  },
-  "Slider": {
-    "description": "Slider - Range input control for selecting numeric values A versatile range input control built on Radix UI Slider primitives that allows users to select single or multiple values by dragging thumbs along a track. Supports both horizontal and vertical orientations, custom ranges, step intervals, and comprehensive accessibility features for keyboard and touch interaction. The component automatically renders the appropriate number of thumbs based on the number of values provided, supporting both single-value and multi-value range selection. Built with enhanced styling and smooth animations for an optimal user experience.",
-    "file": "slider.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "slider"
-    ]
-  },
-  "Toaster": {
-    "description": "Toast notification container component built on Sonner A feature-rich toast component that provides beautiful, accessible notifications with seamless theme integration and extensive customization options. Built on the popular Sonner library with enhanced theming that automatically synchronizes with the application's theme system using the useTheme hook. This component serves as the central toast container and should be placed once in your application root. It manages the display, positioning, and lifecycle of all toast notifications throughout your application. **Key Features:** - **Automatic theme synchronization** - Integrates with useTheme for consistent styling - **Flexible positioning** - Six different positions with smart stacking - **Rich accessibility** - Full keyboard navigation and screen reader support - **Promise integration** - Built-in loading/success/error states for async operations - **Gesture support** - Touch-friendly swipe-to-dismiss with configurable directions - **Performance optimized** - Efficient rendering with configurable limits - **Customizable styling** - Comprehensive theming and custom icon support",
-    "file": "toaster.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "toaster"
-    ]
-  },
-  "Stack": {
-    "description": "Stack - A flexible layout component for consistent spacing between elements Stack is a fundamental layout primitive that arranges child elements in either vertical or horizontal direction with consistent spacing. Built on flexbox principles, it provides a clean, declarative API for common layout patterns without requiring custom CSS or complex flex configurations. **Core Features:** - Consistent spacing using Tailwind's design system - Flexible direction control (vertical/horizontal) - Zero-config flexbox layouts with predictable behavior - Composable with other UI components and layout utilities - Full accessibility support with semantic HTML structure - TypeScript-first with comprehensive prop validation **Common Use Cases:** - Form layouts with consistent field spacing - Button groups and action bars - Content sections with uniform gaps - Navigation lists and menu structures - Card layouts and dashboard grids - Page sections and content hierarchy - Responsive component layouts **Design System Integration:** Stack integrates seamlessly with design systems by providing consistent spacing that aligns with Tailwind's spacing scale. This ensures visual harmony across your application and reduces the need for custom spacing utilities in most common layout scenarios.",
-    "file": "stack.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "stack"
-    ]
-  },
-  "Switch": {
-    "description": "Switch - Binary toggle control for on/off states A versatile toggle switch component built on Radix UI Switch primitive that provides an accessible way to toggle between on/off states. Commonly used for settings, preferences, and feature toggles that have immediate effects. Built with Radix UI Switch primitive and styled with Tailwind CSS to ensure consistent visual appearance across light and dark themes. The component automatically handles state management, accessibility, keyboard navigation, and form integration.",
-    "file": "switch.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "switch"
-    ]
-  },
-  "Table": {
-    "description": "Table - A responsive data table component for displaying structured information Built on semantic HTML table elements with responsive scrolling and proper accessibility. Follows shadcn/ui patterns for data presentation and can be enhanced with TanStack Table for sorting, filtering, and pagination. Perfect for dashboards, data management, and structured content display.",
-    "file": "table.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "format",
-      "table"
-    ]
-  },
-  "TableHeader": {
-    "description": "TableHeader - Container for table header rows Groups header rows and applies consistent styling with bottom borders. Contains TableRow components with TableHead cells for column definitions. Essential for accessibility and proper table structure.",
-    "file": "table-header.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "table header",
-      "tableheader"
-    ]
-  },
-  "TableBody": {
-    "description": "TableBody - Container for table data rows Main content area of the table containing all data rows. Applies border styling where the last row has no bottom border. Contains TableRow components with TableCell elements.",
-    "file": "table-body.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "table body",
-      "tablebody"
-    ]
-  },
-  "TableFooter": {
-    "description": "TableFooter - Container for table footer rows Used for summary rows, totals, or additional table information. Styled with a muted background and top border to distinguish from data rows. Typically contains aggregated data or table-wide information.",
-    "file": "table-footer.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "format",
-      "table footer",
-      "tablefooter"
-    ]
-  },
-  "TableHead": {
-    "description": "TableHead - Table header cell component for column definitions Used for column headers with medium font weight and proper text alignment. Includes special styling for checkbox columns and interactive elements. Essential for screen reader navigation and table accessibility.",
-    "file": "table-head.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "table head",
-      "tablehead"
-    ]
-  },
-  "TableRow": {
-    "description": "TableRow - A table row component with interactive states Represents a single row in the table with hover effects and selection support. Supports data-state attributes for visual feedback and proper border styling. Essential building block for all table content areas.",
-    "file": "table-row.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "table row",
-      "tablerow"
-    ]
-  },
-  "TableCell": {
-    "description": "TableCell - Table data cell component for content display Used for data cells within table rows with consistent padding and alignment. Supports custom styling, truncation, and special handling for interactive elements like checkboxes and buttons.",
-    "file": "table-cell.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "table cell",
-      "tablecell"
-    ]
-  },
-  "TableCaption": {
-    "description": "TableCaption - Table caption for describing table content and context Provides a description, title, or additional context for the table. Displayed with muted styling and proper spacing. Essential for accessibility as screen readers announce the caption to provide table context.",
-    "file": "table-caption.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "table caption",
-      "tablecaption"
-    ]
-  },
-  "Tabs": {
-    "description": "A tabbed interface component for organizing content into multiple sections. Tabs provide an intuitive way to organize and display content in separate panels, with only one panel visible at a time. Built on Radix UI's robust accessibility foundation with full keyboard navigation, focus management, and screen reader support. The component supports both controlled and uncontrolled usage patterns, allowing for flexible integration in various application contexts. Each tab consists of a trigger (button) that activates its corresponding content panel.",
-    "file": "tabs.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "tabs"
-    ]
-  },
-  "TabsList": {
-    "description": "Container component that groups all tab trigger buttons together. Provides consistent styling and layout for tab triggers with a unified background and proper spacing. The list maintains the tab order and handles focus management within the tabbed interface.",
-    "file": "tabs-list.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "tabs list",
-      "tabslist"
-    ]
-  },
-  "TabsTrigger": {
-    "description": "Individual clickable button that activates its associated tab content. Each trigger is associated with a specific tab panel via the `value` prop. The component automatically handles active states, focus management, and accessibility attributes. Supports icons, text, and custom content.",
-    "file": "tabs-trigger.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "tabs trigger",
-      "tabstrigger"
-    ]
-  },
-  "TabsContent": {
-    "description": "Content panel that displays when its associated tab trigger is active. Each content panel is linked to a specific trigger via the `value` prop. Only one content panel is visible at a time, creating a clean tabbed interface. The component handles enter/exit animations and proper focus management when tabs change.",
-    "file": "tabs-content.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "tabs content",
-      "tabscontent"
-    ]
-  },
-  "TextField": {
-    "description": "TextField - Complete form field with label, input, and descriptive text A comprehensive form field component that combines Input and Label components with additional helper text and error handling capabilities. Automatically manages accessibility attributes, ID generation, and ARIA relationships to ensure forms are usable by all users including those using assistive technologies. Built on top of the Input and Label primitives, TextField provides a complete form field solution with consistent styling, proper semantic markup, and enhanced UX features. Supports all HTML input types while adding form validation states, descriptive text, and automatic accessibility compliance.",
-    "file": "text-field.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "text field",
-      "textfield"
-    ]
-  },
-  "Textarea": {
-    "description": "Textarea - Multi-line text input control for extended content entry A styled textarea component built on the native HTML textarea element for entering longer pieces of text that span multiple lines, such as comments, descriptions, messages, or any content that requires multiple lines of input. Features automatic content-based resizing using CSS field-sizing when supported by the browser. Built following shadcn/ui design patterns with consistent styling and behavior across form elements. Inherits all native HTML textarea functionality while providing enhanced visual design and better accessibility patterns.",
-    "file": "textarea.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "textarea"
-    ]
-  },
-  "ThemeToggle": {
-    "description": "ThemeToggle - A zero-configuration theme switcher with system, light, and dark modes A completely self-contained theme toggle component that provides an intuitive dropdown interface for switching between system preference, light mode, and dark mode. Works immediately without any provider setup, context configuration, or additional dependencies. Built on top of shadcn/ui components (Button + DropdownMenu) with the Neynar useTheme hook for state management. Handles theme persistence via cookies, system preference detection, real-time system changes, and synchronization across multiple instances. **Zero Configuration Design:** Just import and use - no providers, no setup, no configuration required. The component handles all theme management internally and provides a complete solution out of the box. **Perfect for:** - Application headers and navigation bars - Settings panels and preference screens - Toolbars and floating action areas - Any location where users need quick theme access",
-    "file": "theme-toggle.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "theme toggle",
-      "themetoggle"
-    ]
-  },
-  "Theme": {
-    "description": "Theme - Prevents flash of unstyled content (FOUC) during theme initialization A critical component that prevents the flash of incorrect theme styling by applying the user's preferred theme before the page renders. This component should be placed once at the root of your application, ideally in the document head or at the very beginning of the body. The component works by injecting a small inline script that: 1. Reads the stored theme preference from cookies 2. Detects system theme preference if set to \"system\" 3. Applies the appropriate theme class and color scheme immediately 4. Executes synchronously before first paint to prevent FOUC Built as a zero-configuration component that requires no props or setup. Simply drop it into your application's root layout and it will handle theme initialization automatically.",
-    "file": "theme.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "theme"
-    ]
-  },
-  "ToggleGroup": {
-    "description": "Toggle Group - A group of toggle buttons with single or multiple selection ToggleGroup provides a way to group related toggle buttons together, allowing users to select from a set of mutually exclusive options (single selection) or independent options (multiple selection). Built on Radix UI Toggle Group primitive with enhanced styling through CVA variants and full accessibility support including keyboard navigation. The component supports both controlled and uncontrolled usage patterns, with automatic focus management and roving tabindex behavior. Visual variants are inherited by all child items but can be overridden per item if needed.",
-    "file": "toggle-group.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "toggle group",
-      "togglegroup"
-    ]
-  },
-  "ToggleGroupItem": {
-    "description": "Toggle Group Item - Individual selectable item within a ToggleGroup Represents a single toggleable option within a ToggleGroup component. Each item automatically inherits variant and size styling from the parent ToggleGroup context through React Context, but these can be overridden for specific styling needs. Supports flexible content including icons, text, or mixed combinations. The component participates in the parent ToggleGroup's keyboard navigation and selection behavior, with proper ARIA attributes for accessibility. Focus management and selection state are handled automatically by the Radix UI primitive.",
-    "file": "toggle-group-item.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "toggle group item",
-      "togglegroupitem"
-    ]
-  },
-  "Toggle": {
-    "description": "A two-state button that can be either on or off The Toggle component provides an accessible button with on/off state functionality. Built on Radix UI Toggle primitives with customizable variants and sizes. Perfect for text formatting controls, feature toggles, and any binary state controls. Automatically manages ARIA attributes and provides keyboard navigation.",
-    "file": "toggle.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "format",
-      "toggle"
-    ]
-  },
-  "Tooltip": {
-    "description": "Tooltip - Display contextual information on hover or focus A versatile tooltip component built on Radix UI primitives that provides contextual information when users hover over or focus on an element. Perfect for displaying help text, definitions, or additional context without cluttering the interface. Automatically wraps content in a TooltipProvider for convenience. The tooltip supports both controlled and uncontrolled usage patterns, with intelligent positioning, collision detection, and smooth animations. Built with accessibility as a priority, including proper ARIA attributes and keyboard navigation support.",
-    "file": "tooltip.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "format",
-      "tooltip"
-    ]
-  },
-  "TooltipTrigger": {
-    "description": "TooltipTrigger - The element that triggers the tooltip display Wraps the element that will show the tooltip on hover or focus. Use the `asChild` prop to merge props with the child element rather than rendering an additional wrapper element. Essential for maintaining semantic meaning and avoiding unnecessary DOM nesting. The trigger automatically handles all interaction events including mouse hover, touch interactions, keyboard focus, and blur events. It preserves the original element's accessibility properties while adding tooltip functionality.",
-    "file": "tooltip-trigger.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "tooltip trigger",
-      "tooltiptrigger"
-    ]
-  },
-  "TooltipContent": {
-    "description": "TooltipContent - The floating tooltip content container Contains the content displayed in the tooltip popup. Automatically positioned relative to the trigger element with intelligent collision detection to ensure the tooltip stays within the viewport. Includes smooth animations and an arrow pointer for visual connection to the trigger. The content component handles complex positioning logic, including collision detection, viewport boundaries, and responsive positioning. It supports rich content including text, images, and interactive elements while maintaining accessibility standards.",
-    "file": "tooltip-content.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "tooltip content",
-      "tooltipcontent"
-    ]
-  },
-  "TooltipProvider": {
-    "description": "TooltipProvider - Global context provider for tooltip functionality Wraps your application or component tree to enable tooltip functionality. Controls global tooltip behavior such as delay duration before showing tooltips. Required for tooltip components to function properly across your app. The provider manages global settings that affect all tooltips within its tree, including timing behavior and accessibility features. Individual tooltips can override these settings as needed.",
-    "file": "tooltip-provider.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "tooltip provider",
-      "tooltipprovider"
-    ]
-  },
-  "Typography": {
-    "description": "Typography - Comprehensive text styling component for consistent design system implementation A flexible typography component that provides semantic text variants, color options, and accessibility features. Built with class-variance-authority (CVA) for type-safe variant management and supports both semantic HTML elements and composition patterns via Radix UI Slot. Designed to handle all text styling needs across the application with consistent visual hierarchy and accessibility compliance.",
-    "file": "typography.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "typography"
-    ]
-  },
-  "H1": {
-    "description": "H1 - Primary page heading component The main heading for a page or major section. Uses the \"heading\" variant with h1 semantic element. Should be used once per page for proper document outline and SEO.",
-    "file": "h1.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "h1"
-    ]
-  },
-  "H2": {
-    "description": "H2 - Secondary section heading component Section headings that divide page content into logical groups. Uses the \"subheading\" variant with h2 semantic element. Essential for creating proper document hierarchy.",
-    "file": "h2.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "h2"
-    ]
-  },
-  "H3": {
-    "description": "H3 - Tertiary subsection heading component Subsection headings for further content division. Uses the \"subheading\" variant with h3 semantic element for consistent visual hierarchy.",
-    "file": "h3.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "h3"
-    ]
-  },
-  "H4": {
-    "description": "H4 - Minor heading component for detailed sections Minor headings for detailed content organization. Uses \"bodyEmphasized\" variant with h4 semantic element for subtle but distinct hierarchy.",
-    "file": "h4.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "h4"
-    ]
-  },
-  "H5": {
-    "description": "H5 - Small heading component for micro-sections Small headings for very specific content divisions. Uses \"bodyEmphasized\" variant with h5 semantic element.",
-    "file": "h5.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "h5"
-    ]
-  },
-  "H6": {
-    "description": "H6 - Smallest heading component for minimal emphasis The smallest semantic heading level. Uses \"details\" variant with h6 element for minimal but semantic emphasis.",
-    "file": "h6.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "h6"
-    ]
-  },
-  "P": {
-    "description": "P - Paragraph component for body text content Standard paragraph element for readable body text. Uses \"body\" variant with p semantic element. Optimized for readability with appropriate line height and font size.",
-    "file": "p.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "p"
-    ]
-  },
-  "Span": {
-    "description": "Span - Inline text component for text fragments and styling Generic inline element for styling text fragments within other content. Supports all typography variants while maintaining inline display behavior.",
-    "file": "span.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "span"
-    ]
-  },
-  "Code": {
-    "description": "Code - Inline code component for technical content Semantic code element for inline code snippets, variable names, and technical references. Uses monospace font and \"code\" variant for clear distinction from regular text.",
-    "file": "code.llm.md",
-    "type": "component",
-    "keywords": [
-      "code",
-      "component"
-    ]
-  },
-  "Small": {
-    "description": "Small - Fine print component for supplementary information Semantic small element for fine print, disclaimers, timestamps, and supplementary information. Uses \"microcopy\" variant for reduced visual prominence while maintaining readability.",
-    "file": "small.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "format",
-      "small"
-    ]
-  },
-  "Strong": {
-    "description": "Strong - Emphasized text component for important content Semantic strong element for text that needs strong emphasis or importance. Uses \"bodyEmphasized\" variant with strong semantic meaning.",
-    "file": "strong.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "strong"
-    ]
-  },
-  "Lead": {
-    "description": "Lead - Introductory paragraph component for article openings Lead paragraph for article introductions, page descriptions, and summary content. Uses \"subheading\" variant with muted color for visual hierarchy.",
-    "file": "lead.llm.md",
-    "type": "component",
-    "keywords": [
-      "component",
-      "lead"
-    ]
-  },
-  "A": {
-    "description": "A - Anchor component for interactive text links Semantic anchor element for links with built-in hover states and accessibility features. Uses \"body\" variant with underline and smooth color transitions.",
-    "file": "a.llm.md",
-    "type": "component",
-    "keywords": [
-      "a",
-      "component"
-    ]
-  },
-  "Blockquote": {
-    "description": "Blockquote - Quoted text component for citations and excerpts Semantic blockquote element for extended quotations, testimonials, and excerpts. Features italic styling and left border for visual distinction.",
-    "file": "blockquote.llm.md",
-    "type": "component",
-    "keywords": [
-      "blockquote",
-      "component"
-    ]
-  },
-  "useIsMobile": {
-    "description": "Hook for detecting mobile viewport width based on Tailwind CSS breakpoints A React hook that monitors viewport width and returns true when the width is less than 768px (Tailwind's `md` breakpoint). This hook provides a consistent way to conditionally render mobile and desktop layouts, following the same responsive patterns used throughout the shadcn/ui ecosystem. The hook uses `window.matchMedia` for efficient viewport monitoring and properly handles server-side rendering by returning `false` initially, then updating on the client side.",
-    "file": "use-is-mobile.llm.md",
-    "type": "function",
-    "keywords": [
-      "component",
-      "function",
-      "hook",
-      "use is mobile",
-      "useismobile"
-    ]
-  },
-  "ThemePreference": {
-    "description": "Theme preference options for the theme system Controls how the application determines the active theme: - `\"system\"` - Automatically follows the user's OS preference - `\"light\"` - Forces light theme regardless of system preference - `\"dark\"` - Forces dark theme regardless of system preference",
-    "file": "theme-preference.llm.md",
-    "type": "type",
-    "keywords": [
-      "theme preference",
-      "themepreference",
-      "type"
-    ]
-  },
-  "cn": {
-    "description": "cn - Combines class names with Tailwind CSS conflict resolution This utility function combines multiple class names into a single string, automatically resolving Tailwind CSS class conflicts. It uses clsx for conditional class handling and tailwind-merge to ensure later classes override earlier ones when they conflict.",
-    "file": "cn.llm.md",
-    "type": "function",
-    "keywords": [
-      "cn",
-      "function"
-    ]
-  }
-}