[
  {
    "id": "accordion",
    "name": "Accordion",
    "category": "display",
    "importPath": "@glide/glide-ui/accordion",
    "description": "A collapsible content component that allows users to show and hide sections of related content. Built on Radix UI Accordion primitive with smooth animations, full keyboard navigation, and screen reader support."
  },
  {
    "id": "app-icon",
    "name": "AppIcon",
    "category": "display",
    "importPath": "@glide/glide-ui/app-icon",
    "description": "A flexible app icon component that supports emojis, image URLs, and text fallbacks. Designed to be used across different contexts from small navbar icons to large splash screen icons."
  },
  {
    "id": "chrome/app-shell",
    "name": "AppShell",
    "category": "chrome",
    "importPath": "@glide/glide-ui/chrome",
    "description": "This directory contains the core chrome/structure components for the application shell. These components work together to create a cohesive, responsive app layout with proper alignment and navigation."
  },
  {
    "id": "charts/area-chart",
    "name": "AreaChart",
    "category": "charts",
    "importPath": "@glide/glide-ui/charts",
    "description": "A comprehensive collection of responsive chart components built with Recharts and styled with shadcn/ui design patterns. All charts support light/dark mode through the existing theme system and automatically resize to fit their container."
  },
  {
    "id": "audio-player",
    "name": "AudioPlayer",
    "category": "specialized",
    "importPath": "@glide/glide-ui/audio-player",
    "description": "An audio player component with play/pause controls, seeking, volume control, playback rate adjustment, and keyboard shortcuts."
  },
  {
    "id": "avatar",
    "name": "Avatar",
    "category": "display",
    "importPath": "@glide/glide-ui/avatar",
    "description": "A composable avatar component for displaying user profile pictures, initials, or fallback content."
  },
  {
    "id": "badge",
    "name": "Badge",
    "category": "display",
    "importPath": "@glide/glide-ui/badge",
    "description": "A simple, lightweight badge component for displaying status indicators, labels, and counts."
  },
  {
    "id": "charts/bar-chart",
    "name": "BarChart",
    "category": "charts",
    "importPath": "@glide/glide-ui/charts",
    "description": "A comprehensive collection of responsive chart components built with Recharts and styled with shadcn/ui design patterns. All charts support light/dark mode through the existing theme system and automatically resize to fit their container."
  },
  {
    "id": "breadcrumb",
    "name": "Breadcrumb",
    "category": "navigation",
    "importPath": "@glide/glide-ui/breadcrumb",
    "description": "A responsive breadcrumb navigation component with integrated back button that adapts between desktop and mobile views."
  },
  {
    "id": "button",
    "name": "Button",
    "category": "forms",
    "importPath": "@glide/glide-ui/button",
    "description": "A versatile, accessible button component with multiple variants, sizes, loading states, and icon support. > **Note:** Buttons are for actions (submit, delete, toggle). To navigate between screens, use [`Link`](../link/) or [`NavLink`](../link/) instead."
  },
  {
    "id": "calendar",
    "name": "Calendar",
    "category": "specialized",
    "importPath": "@glide/glide-ui/calendar",
    "description": "A comprehensive calendar component for displaying and managing events with multiple view modes. Built on react-big-calendar with full TypeScript support, responsive design, and customizable styling."
  },
  {
    "id": "calendar-picker",
    "name": "CalendarPicker",
    "category": "forms",
    "importPath": "@glide/glide-ui/calendar-picker",
    "description": "A flexible calendar picker component built on top of [react-day-picker](https://react-day-picker.js.org/) with full theme integration and SSR support."
  },
  {
    "id": "card",
    "name": "Card",
    "category": "display",
    "importPath": "@glide/glide-ui/card",
    "description": "A flexible and composable card component for displaying content in a contained, elevated surface. The Card component follows a simplified compound component pattern with sub-components for different sections. **Key Feature**: The Card container itself has no padding, allowing for flexible layouts like full-width images. Padding is applied by the sub-components (CardContent, CardFooter) for consistent spacing when using standard layouts."
  },
  {
    "id": "carousel",
    "name": "Carousel",
    "category": "display",
    "importPath": "@glide/glide-ui/carousel",
    "description": "A flexible and accessible carousel component for displaying multiple slides with navigation controls and touch support."
  },
  {
    "id": "checkbox",
    "name": "Checkbox",
    "category": "forms",
    "importPath": "@glide/glide-ui/checkbox",
    "description": "A checkbox component built on Radix UI primitives with support for three states (checked, unchecked, indeterminate), labels, and descriptions."
  },
  {
    "id": "checklist",
    "name": "Checklist",
    "category": "forms",
    "importPath": "@glide/glide-ui/checklist",
    "description": "A flexible checklist component that manages a collection of items with circular toggle buttons and optional select-all functionality. Each item displays as a circular button that shows a checkmark when completed."
  },
  {
    "id": "combobox",
    "name": "Combobox",
    "category": "forms",
    "importPath": "@glide/glide-ui/combobox",
    "description": "A flexible and accessible combobox (autocomplete select) component built with Radix UI Command and Popover primitives. Provides searchable dropdown functionality with support for custom item creation."
  },
  {
    "id": "command",
    "name": "Command",
    "category": "overlay",
    "importPath": "@glide/glide-ui/command",
    "description": "A flexible command palette and search interface built on CMDK with dialog integration for powerful keyboard-driven interactions."
  },
  {
    "id": "charts/composed-chart",
    "name": "ComposedChart",
    "category": "charts",
    "importPath": "@glide/glide-ui/charts",
    "description": "A comprehensive collection of responsive chart components built with Recharts and styled with shadcn/ui design patterns. All charts support light/dark mode through the existing theme system and automatically resize to fit their container."
  },
  {
    "id": "charts/create-color-getter",
    "name": "createColorGetter",
    "category": "charts",
    "importPath": "@glide/glide-ui/charts",
    "description": "A comprehensive collection of responsive chart components built with Recharts and styled with shadcn/ui design patterns. All charts support light/dark mode through the existing theme system and automatically resize to fit their container."
  },
  {
    "id": "data-table",
    "name": "DataTable",
    "category": "data",
    "importPath": "@glide/glide-ui/data-table",
    "description": "A comprehensive, feature-rich data table component built on top of TanStack Table v8, following ShadCN design patterns. This component provides everything you need for displaying tabular data with advanced features like sorting, filtering, pagination, and selection."
  },
  {
    "id": "date-picker",
    "name": "DatePicker",
    "category": "forms",
    "importPath": "@glide/glide-ui/date-picker",
    "description": "A comprehensive date picker component that supports both date-only and date-time selection modes. Choose between date-only mode for simple date selection or enable time selection for complete date-time input with 12-hour or 24-hour formats."
  },
  {
    "id": "dialog",
    "name": "Dialog",
    "category": "overlay",
    "importPath": "@glide/glide-ui/dialog",
    "description": "A responsive overlay component built with Radix UI that provides two variants: - **Modal**: Traditional centered dialog (fullscreen on mobile) - **Sheet**: Slides in from side on desktop, from bottom on mobile (with gap at top)"
  },
  {
    "id": "editor",
    "name": "Editor",
    "category": "specialized",
    "importPath": "@glide/glide-ui/editor",
    "description": "A comprehensive rich text editor component built with TipTap, featuring slash commands, text formatting, and extensive content support."
  },
  {
    "id": "error-boundary",
    "name": "ErrorBoundary",
    "category": "specialized",
    "importPath": "@glide/glide-ui/error-boundary",
    "description": "An error boundary component for React Router applications that catches route errors and displays them in a user-friendly interface with options to report and fix errors."
  },
  {
    "id": "filter-toolbar",
    "name": "FilterToolbar",
    "category": "data",
    "importPath": "@glide/glide-ui/filter-toolbar",
    "description": "A toolbar component for filtering and managing collections of data with search, filtering, and actions."
  },
  {
    "id": "form",
    "name": "Form",
    "category": "forms",
    "importPath": "@glide/glide-ui/form",
    "description": "A flexible, accessible form wrapper component that provides consistent spacing and behavior for forms throughout the application. Built with accessibility and responsive design in mind."
  },
  {
    "id": "charts/funnel-chart",
    "name": "FunnelChart",
    "category": "charts",
    "importPath": "@glide/glide-ui/charts",
    "description": "A comprehensive collection of responsive chart components built with Recharts and styled with shadcn/ui design patterns. All charts support light/dark mode through the existing theme system and automatically resize to fit their container."
  },
  {
    "id": "charts/get-cssvariable-color",
    "name": "getCSSVariableColor",
    "category": "charts",
    "importPath": "@glide/glide-ui/charts",
    "description": "A comprehensive collection of responsive chart components built with Recharts and styled with shadcn/ui design patterns. All charts support light/dark mode through the existing theme system and automatically resize to fit their container."
  },
  {
    "id": "charts/get-default-chart-color",
    "name": "getDefaultChartColor",
    "category": "charts",
    "importPath": "@glide/glide-ui/charts",
    "description": "A comprehensive collection of responsive chart components built with Recharts and styled with shadcn/ui design patterns. All charts support light/dark mode through the existing theme system and automatically resize to fit their container."
  },
  {
    "id": "grid",
    "name": "Grid",
    "category": "layout",
    "importPath": "@glide/glide-ui/grid",
    "description": "A responsive grid collection component for displaying rich, visual data in a grid layout. Ideal for cards, images, and content that benefits from higher visual fidelity than a simple list."
  },
  {
    "id": "hint",
    "name": "Hint",
    "category": "display",
    "importPath": "@glide/glide-ui/hint",
    "description": "A flexible hint component for displaying informational messages, warnings, errors, and success states with optional dismissal functionality."
  },
  {
    "id": "hover-card",
    "name": "HoverCard",
    "category": "overlay",
    "importPath": "@glide/glide-ui/hover-card",
    "description": "A card that displays rich content when hovering over a trigger element. Built on top of [Radix UI Hover Card](https://www.radix-ui.com/docs/primitives/components/hover-card)."
  },
  {
    "id": "image",
    "name": "Image",
    "category": "display",
    "importPath": "@glide/glide-ui/image",
    "description": "A robust image component with built-in loading states, error handling, and customizable fallbacks."
  },
  {
    "id": "image-gallery",
    "name": "ImageGallery",
    "category": "display",
    "importPath": "@glide/glide-ui/image-gallery",
    "description": "An accessible image gallery component with main image display and thumbnail navigation."
  },
  {
    "id": "input",
    "name": "Input",
    "category": "forms",
    "importPath": "@glide/glide-ui/input",
    "description": "A fully accessible, responsive form input component with support for labels, hints, error states, and various input types."
  },
  {
    "id": "kanban/kanban-add-button",
    "name": "KanbanAddButton",
    "category": "kanban",
    "importPath": "@glide/glide-ui/kanban",
    "description": "A flexible, accessible drag-and-drop kanban board component built with @dnd-kit for smooth interactions."
  },
  {
    "id": "kanban/kanban-board",
    "name": "KanbanBoard",
    "category": "kanban",
    "importPath": "@glide/glide-ui/kanban",
    "description": "A flexible, accessible drag-and-drop kanban board component built with @dnd-kit for smooth interactions."
  },
  {
    "id": "kanban/kanban-card",
    "name": "KanbanCard",
    "category": "kanban",
    "importPath": "@glide/glide-ui/kanban",
    "description": "A flexible, accessible drag-and-drop kanban board component built with @dnd-kit for smooth interactions."
  },
  {
    "id": "kanban/kanban-cards",
    "name": "KanbanCards",
    "category": "kanban",
    "importPath": "@glide/glide-ui/kanban",
    "description": "A flexible, accessible drag-and-drop kanban board component built with @dnd-kit for smooth interactions."
  },
  {
    "id": "kanban/kanban-header",
    "name": "KanbanHeader",
    "category": "kanban",
    "importPath": "@glide/glide-ui/kanban",
    "description": "A flexible, accessible drag-and-drop kanban board component built with @dnd-kit for smooth interactions."
  },
  {
    "id": "kanban/kanban-provider",
    "name": "KanbanProvider",
    "category": "kanban",
    "importPath": "@glide/glide-ui/kanban",
    "description": "A flexible, accessible drag-and-drop kanban board component built with @dnd-kit for smooth interactions."
  },
  {
    "id": "label",
    "name": "Label",
    "category": "forms",
    "importPath": "@glide/glide-ui/label",
    "description": "A semantic and accessible label component for associating text with form controls."
  },
  {
    "id": "charts/line-chart",
    "name": "LineChart",
    "category": "charts",
    "importPath": "@glide/glide-ui/charts",
    "description": "A comprehensive collection of responsive chart components built with Recharts and styled with shadcn/ui design patterns. All charts support light/dark mode through the existing theme system and automatically resize to fit their container."
  },
  {
    "id": "link",
    "name": "Link",
    "category": "navigation",
    "importPath": "@glide/glide-ui/link",
    "description": "Enhanced navigation components that automatically determine transition animations based on URL hierarchy. Use these components — not `Button` — whenever the user is moving between screens."
  },
  {
    "id": "list",
    "name": "List",
    "category": "data",
    "importPath": "@glide/glide-ui/list",
    "description": "An interactive-first list component that automatically detects interactivity and applies appropriate styles based on props."
  },
  {
    "id": "map",
    "name": "Map",
    "category": "specialized",
    "importPath": "@glide/glide-ui/map",
    "description": "An interactive map component built with MapLibre GL for displaying maps with markers, routes, clusters, and interactive elements."
  },
  {
    "id": "chrome/nav",
    "name": "Nav",
    "category": "chrome",
    "importPath": "@glide/glide-ui/chrome",
    "description": "This directory contains the core chrome/structure components for the application shell. These components work together to create a cohesive, responsive app layout with proper alignment and navigation."
  },
  {
    "id": "number-input",
    "name": "NumberInput",
    "category": "forms",
    "importPath": "@glide/glide-ui/number-input",
    "description": "A specialized input component for numeric values with number-specific validation and controls."
  },
  {
    "id": "pagination",
    "name": "Pagination",
    "category": "navigation",
    "importPath": "@glide/glide-ui/pagination",
    "description": "A minimal pagination component for navigating through paginated content with numbered and simple previous/next variants."
  },
  {
    "id": "charts/pie-chart",
    "name": "PieChart",
    "category": "charts",
    "importPath": "@glide/glide-ui/charts",
    "description": "A comprehensive collection of responsive chart components built with Recharts and styled with shadcn/ui design patterns. All charts support light/dark mode through the existing theme system and automatically resize to fit their container."
  },
  {
    "id": "popover",
    "name": "Popover",
    "category": "overlay",
    "importPath": "@glide/glide-ui/popover",
    "description": "A floating overlay component that displays rich content relative to a trigger element."
  },
  {
    "id": "progress",
    "name": "Progress",
    "category": "feedback",
    "importPath": "@glide/glide-ui/progress",
    "description": "A progress indicator component for displaying completion status."
  },
  {
    "id": "charts/radar-chart",
    "name": "RadarChart",
    "category": "charts",
    "importPath": "@glide/glide-ui/charts",
    "description": "A comprehensive collection of responsive chart components built with Recharts and styled with shadcn/ui design patterns. All charts support light/dark mode through the existing theme system and automatically resize to fit their container."
  },
  {
    "id": "charts/radial-bar-chart",
    "name": "RadialBarChart",
    "category": "charts",
    "importPath": "@glide/glide-ui/charts",
    "description": "A comprehensive collection of responsive chart components built with Recharts and styled with shadcn/ui design patterns. All charts support light/dark mode through the existing theme system and automatically resize to fit their container."
  },
  {
    "id": "radio-group",
    "name": "RadioGroup",
    "category": "forms",
    "importPath": "@glide/glide-ui/radio-group",
    "description": "A fully accessible radio group component for selecting one option from a set of mutually exclusive choices."
  },
  {
    "id": "rating",
    "name": "Rating",
    "category": "specialized",
    "importPath": "@glide/glide-ui/rating",
    "description": "A flexible star rating component supporting interactive rating selection, read-only display, and custom icons."
  },
  {
    "id": "charts/sankey-chart",
    "name": "SankeyChart",
    "category": "charts",
    "importPath": "@glide/glide-ui/charts",
    "description": "A comprehensive collection of responsive chart components built with Recharts and styled with shadcn/ui design patterns. All charts support light/dark mode through the existing theme system and automatically resize to fit their container."
  },
  {
    "id": "charts/scatter-chart",
    "name": "ScatterChart",
    "category": "charts",
    "importPath": "@glide/glide-ui/charts",
    "description": "A comprehensive collection of responsive chart components built with Recharts and styled with shadcn/ui design patterns. All charts support light/dark mode through the existing theme system and automatically resize to fit their container."
  },
  {
    "id": "screen-title",
    "name": "ScreenTitle",
    "category": "navigation",
    "importPath": "@glide/glide-ui/screen-title",
    "description": "A versatile screen title component with four distinct styles for creating rich page headers with optional images, controls, and metadata."
  },
  {
    "id": "chrome/screen-wrapper",
    "name": "ScreenWrapper",
    "category": "chrome",
    "importPath": "@glide/glide-ui/chrome",
    "description": "This directory contains the core chrome/structure components for the application shell. These components work together to create a cohesive, responsive app layout with proper alignment and navigation."
  },
  {
    "id": "select",
    "name": "Select",
    "category": "forms",
    "importPath": "@glide/glide-ui/select",
    "description": "A comprehensive and accessible select dropdown component with full keyboard navigation and screen reader support."
  },
  {
    "id": "separator",
    "name": "Separator",
    "category": "display",
    "importPath": "@glide/glide-ui/separator",
    "description": "A visual separator component for creating clear divisions between content sections."
  },
  {
    "id": "signature",
    "name": "Signature",
    "category": "specialized",
    "importPath": "@glide/glide-ui/signature",
    "description": "Digital signature components for capturing handwritten signatures with canvas-based drawing."
  },
  {
    "id": "skeleton",
    "name": "Skeleton",
    "category": "feedback",
    "importPath": "@glide/glide-ui/skeleton",
    "description": "An animated placeholder component for displaying loading states."
  },
  {
    "id": "slider",
    "name": "Slider",
    "category": "specialized",
    "importPath": "@glide/glide-ui/slider",
    "description": "A customizable range slider component for selecting numeric values within a defined range."
  },
  {
    "id": "spinner",
    "name": "Spinner",
    "category": "feedback",
    "importPath": "@glide/glide-ui/spinner",
    "description": "A lightweight loading spinner component with a CSS spin animation."
  },
  {
    "id": "stepper",
    "name": "Stepper",
    "category": "navigation",
    "importPath": "@glide/glide-ui/stepper",
    "description": "A versatile stepper component that provides visual progress indication through multi-step processes. Supports multiple display styles including default numbered steps and progress bar variations, vertical and horizontal orientations."
  },
  {
    "id": "switch",
    "name": "Switch",
    "category": "forms",
    "importPath": "@glide/glide-ui/switch",
    "description": "A toggle switch component built on Radix UI primitives with multiple size variants and built-in theming support. Perfect for binary on/off states and settings toggles."
  },
  {
    "id": "chrome/tab-bar",
    "name": "TabBar",
    "category": "chrome",
    "importPath": "@glide/glide-ui/chrome",
    "description": "This directory contains the core chrome/structure components for the application shell. These components work together to create a cohesive, responsive app layout with proper alignment and navigation."
  },
  {
    "id": "tabs",
    "name": "Tabs",
    "category": "navigation",
    "importPath": "@glide/glide-ui/tabs",
    "description": "A set of layered sections of content that can be controlled by a list of tabs. Built on Radix UI Tabs primitive for full accessibility, keyboard navigation, and screen reader support."
  },
  {
    "id": "text",
    "name": "Text",
    "category": "display",
    "importPath": "@glide/glide-ui/text",
    "description": "A flexible text component that provides consistent typography sizing with semantic HTML control."
  },
  {
    "id": "textarea",
    "name": "Textarea",
    "category": "forms",
    "importPath": "@glide/glide-ui/textarea",
    "description": "A multi-line text input component with manual resizing, optional labels and descriptions."
  },
  {
    "id": "toast",
    "name": "Toast",
    "category": "feedback",
    "importPath": "@glide/glide-ui/toast",
    "description": "A toast notification system built on Sonner with automatic theme integration and accessibility support."
  },
  {
    "id": "tooltip",
    "name": "Tooltip",
    "category": "overlay",
    "importPath": "@glide/glide-ui/tooltip",
    "description": "A popup that displays information when an element receives keyboard focus or mouse hover. Built on Radix UI primitives."
  },
  {
    "id": "charts/treemap",
    "name": "Treemap",
    "category": "charts",
    "importPath": "@glide/glide-ui/charts",
    "description": "A comprehensive collection of responsive chart components built with Recharts and styled with shadcn/ui design patterns. All charts support light/dark mode through the existing theme system and automatically resize to fit their container."
  }
]