[
  {
    "title": "Accordion",
    "description": "Radix Accordion composition with Root, Header, Item, Trigger, Icon, Arrow, and Content for animated expandable sections.",
    "path": "@components/ui/accordion.tsx"
  },
  {
    "title": "Alert",
    "description": "Status alert with Root, Icon, and CloseIcon supporting filled, light, lighter, and stroke variants, multiple statuses, and xsmall to large sizes.",
    "path": "@components/ui/alert.tsx"
  },
  {
    "title": "Avatar Empty Icons",
    "description": "SVG placeholder icons IconEmptyUser and IconEmptyCompany for empty avatar states.",
    "path": "@components/ui/avatar-empty-icons.tsx"
  },
  {
    "title": "Avatar Group Compact",
    "description": "Compact avatar group container with Root, Stack, and Overflow supporting size variants and optional stroke variant.",
    "path": "@components/ui/avatar-group-compact.tsx"
  },
  {
    "title": "Avatar Group",
    "description": "Overlapping avatar group with Root and Overflow supporting shared avatar sizing and overflow count display.",
    "path": "@components/ui/avatar-group.tsx"
  },
  {
    "title": "Avatar",
    "description": "Avatar composition with Root, Image, Indicator, Status, BrandLogo, and Notification supporting sizes, colors, placeholder user/company icons, and presence badges.",
    "path": "@components/ui/avatar.tsx"
  },
  {
    "title": "Badge",
    "description": "Badge component with Root, Icon, and Dot supporting sizes, filled/light/lighter/stroke variants, color palette, square mode, and disabled state.",
    "path": "@components/ui/badge.tsx"
  },
  {
    "title": "Breadcrumb",
    "description": "Breadcrumb navigation with Root, Item, Icon, and ArrowIcon supporting active item state and slotted icons.",
    "path": "@components/ui/breadcrumb.tsx"
  },
  {
    "title": "Button Group",
    "description": "Grouped toggle/action buttons with Root, Item, and Icon supporting small, xsmall, and xxsmall sizes with joined borders.",
    "path": "@components/ui/button-group.tsx"
  },
  {
    "title": "Button",
    "description": "Standard button with Root and Icon supporting primary, neutral, and error variants, filled/stroke/lighter/ghost modes, multiple sizes, disabled state, and asChild composition.",
    "path": "@components/ui/button.tsx"
  },
  {
    "title": "Checkbox",
    "description": "Radix Checkbox Root with custom SVG box, animated checkmark and indeterminate indicators, and checked, focus, hover, and disabled states.",
    "path": "@components/ui/checkbox.tsx"
  },
  {
    "title": "Color Picker",
    "description": "React Aria color picker primitives with Root, Field, Area, Slider, SliderTrack, Thumb, swatch picker components, Swatch, and EyeDropperButton.",
    "path": "@components/ui/color-picker.tsx"
  },
  {
    "title": "Command Menu",
    "description": "Command palette components built with cmdk and Modal, including Dialog, titles, Input, List, Group, Item, ItemIcon, Footer, and FooterKeyBox.",
    "path": "@components/ui/command-menu.tsx"
  },
  {
    "title": "Compact Button",
    "description": "Icon-sized button with Root and Icon supporting stroke, ghost, white, and modifiable variants, large or medium sizes, and optional full radius.",
    "path": "@components/ui/compact-button.tsx"
  },
  {
    "title": "Datepicker",
    "description": "React DayPicker Calendar component with AlignUI calendar styling, outside-day support, range classes, and custom navigation icons.",
    "path": "@components/ui/datepicker.tsx"
  },
  {
    "title": "Digit Input",
    "description": "OTP digit input Root built on react-otp-input with styled digit slots, disabled state, error state, and container class support.",
    "path": "@components/ui/digit-input.tsx"
  },
  {
    "title": "Empty State",
    "description": "Compact empty state primitive with optional icon, title, description, action slot, and centered layout styling.",
    "path": "@components/ui/empty-state.tsx"
  },
  {
    "title": "Divider",
    "description": "Divider Root separator supporting line, line-spacing, line-text, content, text, and solid-text variants.",
    "path": "@components/ui/divider.tsx"
  },
  {
    "title": "Dot Stepper",
    "description": "Compact dot stepper with Root and Item supporting small and xsmall sizes plus active step highlighting.",
    "path": "@components/ui/dot-stepper.tsx"
  },
  {
    "title": "Drawer",
    "description": "Side drawer built on Radix Dialog with Root, Trigger, Close, Content, Header, Title, Body, and Footer plus overlay and slide-in panel styling.",
    "path": "@components/ui/drawer.tsx"
  },
  {
    "title": "Dropdown",
    "description": "Radix Dropdown Menu wrapper with Root, Trigger, Content, Item, ItemIcon, Group, Label, submenu, checkbox, radio, separator, and arrow exports.",
    "path": "@components/ui/dropdown.tsx"
  },
  {
    "title": "Fancy Button",
    "description": "Decorative button with Root and Icon supporting neutral, primary, destructive, and basic variants across medium, small, and xsmall sizes.",
    "path": "@components/ui/fancy-button.tsx"
  },
  {
    "title": "File Format Icon",
    "description": "SVG file icon Root with format label, medium or small sizes, and configurable color variants for file-type badges.",
    "path": "@components/ui/file-format-icon.tsx"
  },
  {
    "title": "File Upload",
    "description": "File upload dropzone composition with Root, Button, and Icon for dashed upload areas and call-to-action content.",
    "path": "@components/ui/file-upload.tsx"
  },
  {
    "title": "Hint",
    "description": "Form hint text with Root and Icon supporting disabled and error states for helper or validation messaging.",
    "path": "@components/ui/hint.tsx"
  },
  {
    "title": "Horizontal Stepper",
    "description": "Horizontal step navigation with Root, SeparatorIcon, Item, and ItemIndicator for default, active, and completed progress states.",
    "path": "@components/ui/horizontal-stepper.tsx"
  },
  {
    "title": "Input",
    "description": "Composable input field with Root, Wrapper, Input, Icon, Affix, and InlineAffix supporting sizes, error state, disabled state, and slotted adornments.",
    "path": "@components/ui/input.tsx"
  },
  {
    "title": "Password Input",
    "description": "Password input composition built on Input with optional leading icon and built-in visibility toggle button.",
    "path": "@components/ui/password-input.tsx"
  },
  {
    "title": "Keyboard Shortcut",
    "description": "Kbd Root for rendering compact keyboard shortcut tokens with bordered inline styling.",
    "path": "@components/ui/kbd.tsx"
  },
  {
    "title": "Label",
    "description": "Radix Label wrapper with Root, Asterisk, and Sub components for form labels, required markers, subtext, and disabled styling.",
    "path": "@components/ui/label.tsx"
  },
  {
    "title": "Link Button",
    "description": "Inline button styled as a link with Root and Icon supporting variants, sizes, underline option, disabled state, and asChild composition.",
    "path": "@components/ui/link-button.tsx"
  },
  {
    "title": "Modal",
    "description": "Radix Dialog modal composition with Root, Trigger, Close, Portal, Overlay, Content, Header, Title, Description, Body, and Footer, including optional close button and header metadata.",
    "path": "@components/ui/modal.tsx"
  },
  {
    "title": "Notification Provider",
    "description": "Client notification provider that reads notifications from useNotification and renders Notification.Root items with a shared viewport.",
    "path": "@components/ui/notification-provider.tsx"
  },
  {
    "title": "Notification",
    "description": "Toast notification built on Radix Toast and Alert with Provider, Viewport, Action, and Root supporting statuses, variants, title, description, actions, and dismiss control.",
    "path": "@components/ui/notification.tsx"
  },
  {
    "title": "Pagination",
    "description": "Pagination component with Root, Item, NavButton, and NavIcon supporting basic, rounded, and grouped variants plus current item state.",
    "path": "@components/ui/pagination.tsx"
  },
  {
    "title": "Popover",
    "description": "Radix Popover wrapper with Root, Anchor, Trigger, Content, and Close supporting arrows, unstyled mode, alignment, offsets, and collision padding.",
    "path": "@components/ui/popover.tsx"
  },
  {
    "title": "Progress Bar",
    "description": "Linear progress bar Root with value, max, and color variants for blue, red, orange, and green accessible progress display.",
    "path": "@components/ui/progress-bar.tsx"
  },
  {
    "title": "Progress Circle",
    "description": "Circular SVG progress indicator with Root supporting value, max, size variants, accessible progressbar attributes, and centered children.",
    "path": "@components/ui/progress-circle.tsx"
  },
  {
    "title": "Radio",
    "description": "Radix RadioGroup primitives with Group and Item using custom SVG visuals for checked, hover, focus, and disabled states.",
    "path": "@components/ui/radio.tsx"
  },
  {
    "title": "Segmented Control",
    "description": "Radix Tabs segmented control with Root, List, Trigger, and Content plus animated floating background tracking the active segment.",
    "path": "@components/ui/segmented-control.tsx"
  },
  {
    "title": "Select",
    "description": "Radix Select primitives with Root, Trigger, Content, Item, icons, groups, separators, size variants, compact modes, and error styling for dropdown choice inputs.",
    "path": "@components/ui/select.tsx"
  },
  {
    "title": "Slider",
    "description": "Radix Slider with Root and Thumb providing a styled track, range, and draggable thumb for numeric input.",
    "path": "@components/ui/slider.tsx"
  },
  {
    "title": "Social Button",
    "description": "Social login/action button with Root and Icon supporting brand colors for Apple, Twitter, Google, Facebook, LinkedIn, GitHub, and Dropbox in filled or stroke modes.",
    "path": "@components/ui/social-button.tsx"
  },
  {
    "title": "Status Badge",
    "description": "StatusBadge with Root, Icon, and Dot supporting stroke or light variants and completed, pending, failed, or disabled statuses.",
    "path": "@components/ui/status-badge.tsx"
  },
  {
    "title": "SVG Rating Icons",
    "description": "SVG star and heart rating icons plus StarRating renderer for filled, half, and outlined rating states.",
    "path": "@components/ui/svg-rating-icons.tsx"
  },
  {
    "title": "Switch",
    "description": "Radix Switch Root with custom track and thumb visuals for checked, unchecked, hover, focus, active, and disabled states.",
    "path": "@components/ui/switch.tsx"
  },
  {
    "title": "Horizontal Tab Menu",
    "description": "Horizontal Radix Tabs menu with Root, List, Trigger, Icon, ArrowIcon, and Content plus scroll-aware animated active underline.",
    "path": "@components/ui/tab-menu-horizontal.tsx"
  },
  {
    "title": "Vertical Tab Menu",
    "description": "Vertical Radix Tabs menu with Root, List, Trigger, Icon, ArrowIcon, and Content for stacked tab navigation.",
    "path": "@components/ui/tab-menu-vertical.tsx"
  },
  {
    "title": "Table",
    "description": "Composable table primitives including Root, Header, Body, Head, Row, RowDivider, Cell, Caption, and SortableHeader with responsive overflow and row hover styling.",
    "path": "@components/ui/table.tsx"
  },
  {
    "title": "Tag",
    "description": "Inline tag component with Root, Icon, DismissButton, and DismissIcon supporting stroke or gray variants and disabled state.",
    "path": "@components/ui/tag.tsx"
  },
  {
    "title": "Textarea",
    "description": "Textarea Root with simple or wrapped modes, resize handle, error and disabled styling, and CharCounter for current/max character counts.",
    "path": "@components/ui/textarea.tsx"
  },
  {
    "title": "Tooltip",
    "description": "Radix Tooltip wrapper with Provider, Root, Trigger, and Content supporting dark or light variants, sizes, portal rendering, and arrow styling.",
    "path": "@components/ui/tooltip.tsx"
  },
  {
    "title": "Vertical Stepper",
    "description": "Vertical step navigation with Root, Arrow, Item, and ItemIndicator supporting default, active, and completed states.",
    "path": "@components/ui/vertical-stepper.tsx"
  }
]