{
  "sourceDocuments": ["Screenshot-directed WRNexus UI catalog reset"],
  "components": [
    {
      "name": "Accordion",
      "category": "base",
      "purpose": "Theme-aware, responsive accordion component."
    },
    {
      "name": "AdvancedSelect",
      "category": "advanced-forms",
      "purpose": "Theme-aware, responsive advanced select component."
    },
    {
      "name": "Alert",
      "category": "base",
      "purpose": "Theme-aware, responsive alert component."
    },
    {
      "name": "AnnouncementBar",
      "category": "marketing",
      "purpose": "Publish a responsive notice with badge, icon, supporting copy, action, dismiss behavior, and width controls."
    },
    {
      "name": "AuthForm",
      "category": "core",
      "purpose": "Reusable auth form component."
    },
    {
      "name": "AuthSplitLayout",
      "category": "core",
      "purpose": "Reusable auth split layout component."
    },
    {
      "name": "Avatar",
      "category": "base",
      "purpose": "Theme-aware, responsive avatar component."
    },
    {
      "name": "AvatarGroup",
      "category": "base",
      "purpose": "Theme-aware, responsive avatar group component."
    },
    {
      "name": "BackToTop",
      "category": "navigation",
      "purpose": "Provide a responsive floating control that returns long pages to the top and can show scroll progress."
    },
    {
      "name": "Badge",
      "category": "base",
      "purpose": "Theme-aware, responsive badge component."
    },
    {
      "name": "Blockquote",
      "category": "base",
      "purpose": "Theme-aware, responsive blockquote component."
    },
    {
      "name": "Breadcrumb",
      "category": "navigation",
      "purpose": "Show responsive hierarchical navigation with home support, separators, current-page state, sizes, and selection events."
    },
    {
      "name": "Button",
      "category": "base",
      "purpose": "Theme-aware, responsive button component."
    },
    {
      "name": "ButtonGroup",
      "category": "base",
      "purpose": "Theme-aware, responsive button group component."
    },
    {
      "name": "CTASection",
      "category": "marketing",
      "purpose": "Close a page or major section with conversion-focused copy, actions, and optional supporting visual content."
    },
    {
      "name": "Card",
      "category": "base",
      "purpose": "Group related content in a responsive themed surface with title, description, content, and supporting slots."
    },
    {
      "name": "Carousel",
      "category": "base",
      "purpose": "Theme-aware, responsive carousel component."
    },
    {
      "name": "Chart",
      "category": "integrations",
      "purpose": "Theme-aware, responsive chart component."
    },
    {
      "name": "ChatBubble",
      "category": "base",
      "purpose": "Theme-aware, responsive chat bubble component."
    },
    {
      "name": "Checkbox",
      "category": "forms",
      "purpose": "Theme-aware, responsive checkbox component."
    },
    {
      "name": "Clipboard",
      "category": "integrations",
      "purpose": "Theme-aware, responsive clipboard component."
    },
    {
      "name": "Collapse",
      "category": "base",
      "purpose": "Theme-aware, responsive collapse component."
    },
    {
      "name": "ColorPicker",
      "category": "forms",
      "purpose": "Theme-aware, responsive color picker component."
    },
    {
      "name": "Columns",
      "category": "layout",
      "purpose": "Create responsive balanced content columns with configurable count, gap, density, and maximum width."
    },
    {
      "name": "ComboBox",
      "category": "advanced-forms",
      "purpose": "Editable autocomplete combobox with local and remote suggestions."
    },
    {
      "name": "Confetti",
      "category": "integrations",
      "purpose": "Theme-aware, responsive confetti component."
    },
    {
      "name": "Container",
      "category": "layout",
      "purpose": "Constrain and align page content with responsive gutters and compact, wide, or full width options."
    },
    {
      "name": "ContextMenu",
      "category": "overlays",
      "purpose": "Open an accessible keyboard-aware action menu from pointer or keyboard context interactions."
    },
    {
      "name": "CustomScrollbar",
      "category": "layout",
      "purpose": "Theme-aware, responsive custom scrollbar component."
    },
    {
      "name": "DataMap",
      "category": "integrations",
      "purpose": "Theme-aware, responsive data map component."
    },
    {
      "name": "DataTable",
      "category": "tables",
      "purpose": "Sortable, filterable, paginated data table with row selection."
    },
    {
      "name": "DatePicker",
      "category": "base",
      "purpose": "Theme-aware, responsive date picker component."
    },
    {
      "name": "DeviceFrame",
      "category": "base",
      "purpose": "Theme-aware, responsive device frame component."
    },
    {
      "name": "Divider",
      "category": "layout",
      "purpose": "Separate related horizontal or vertical content with optional labels, sizes, and semantic colors."
    },
    {
      "name": "DragAndDrop",
      "category": "integrations",
      "purpose": "Theme-aware, responsive drag and drop component."
    },
    {
      "name": "Drawer",
      "category": "overlays",
      "purpose": "Present responsive modal side or bottom content with focus management, backdrop behavior, slots, and close events."
    },
    {
      "name": "Dropdown",
      "category": "overlays",
      "purpose": "Open an accessible anchored menu with keyboard navigation, item selection, actions, and responsive placement."
    },
    {
      "name": "FeatureCard",
      "category": "marketing",
      "purpose": "Present one linked feature or service with media, icon, badge, description, and action."
    },
    {
      "name": "FeatureGrid",
      "category": "layout",
      "purpose": "Arrange feature cards, services, solutions, or benefits in a responsive equal-height grid."
    },
    {
      "name": "FeatureIconCard",
      "category": "marketing",
      "purpose": "Present a compact feature or benefit with a styled icon, title, description, badge, and optional link."
    },
    {
      "name": "FileInput",
      "category": "forms",
      "purpose": "Theme-aware, responsive file input component."
    },
    {
      "name": "FileUploadProgress",
      "category": "base",
      "purpose": "Theme-aware, responsive file upload progress component."
    },
    {
      "name": "Footer",
      "category": "layout",
      "purpose": "Render structured responsive footer navigation, pre and post content, copyright content, links, and public events."
    },
    {
      "name": "Grid",
      "category": "layout",
      "purpose": "Arrange arbitrary content in a responsive configurable CSS grid with stable columns, gaps, alignment, and width."
    },
    {
      "name": "Hero",
      "category": "marketing",
      "purpose": "Build a full-width responsive hero with constrained content, actions, trust signals, and a structured or custom visual panel."
    },
    {
      "name": "HeroActions",
      "category": "marketing",
      "purpose": "Group hero and campaign actions with consistent alignment, orientation, sizing, and responsive mobile stacking."
    },
    {
      "name": "Image",
      "category": "layout",
      "purpose": "Render a responsive image with explicit dimensions, loading behavior, alternative text, sizing, and rounded treatment."
    },
    {
      "name": "Input",
      "category": "forms",
      "purpose": "Theme-aware, responsive input component."
    },
    {
      "name": "InputGroup",
      "category": "forms",
      "purpose": "Theme-aware, responsive input group component."
    },
    {
      "name": "InputNumber",
      "category": "advanced-forms",
      "purpose": "Theme-aware, responsive input number component."
    },
    {
      "name": "Kbd",
      "category": "layout",
      "purpose": "Theme-aware, responsive kbd component."
    },
    {
      "name": "LayoutSplitter",
      "category": "layout",
      "purpose": "Theme-aware, responsive layout splitter component."
    },
    {
      "name": "LegendIndicator",
      "category": "base",
      "purpose": "Theme-aware, responsive legend indicator component."
    },
    {
      "name": "Link",
      "category": "layout",
      "purpose": "Render an accessible internal or external link with target, relation, size, color, and public focus or click events."
    },
    {
      "name": "List",
      "category": "base",
      "purpose": "Present structured responsive linked or status items with icons, descriptions, actions, and selection events."
    },
    {
      "name": "ListGroup",
      "category": "base",
      "purpose": "Theme-aware, responsive list group component."
    },
    {
      "name": "Map",
      "category": "integrations",
      "purpose": "Present responsive location information and markers with map-ready metadata and movement or marker events."
    },
    {
      "name": "MarketingSectionHeader",
      "category": "marketing",
      "purpose": "Introduce marketing content with an eyebrow, title, description, and optional linked action."
    },
    {
      "name": "Marquee",
      "category": "base",
      "purpose": "Continuously present responsive labels, partners, notices, or capabilities with pause and resume behavior."
    },
    {
      "name": "MegaMenu",
      "category": "navigation",
      "purpose": "Theme-aware, responsive mega menu component."
    },
    {
      "name": "MetricCard",
      "category": "data",
      "purpose": "Display one operational metric with value, suffix, description, icon, trend, progress, and optional action."
    },
    {
      "name": "MetricGrid",
      "category": "data",
      "purpose": "Arrange operational metrics, KPIs, public statistics, or service indicators in a responsive equal-height grid."
    },
    {
      "name": "Modal",
      "category": "overlays",
      "purpose": "Present an accessible modal dialog with focus management, confirmation, cancellation, slots, and responsive sizing."
    },
    {
      "name": "Nav",
      "category": "navigation",
      "purpose": "Theme-aware, responsive nav component."
    },
    {
      "name": "Navbar",
      "category": "navigation",
      "purpose": "Theme-aware, responsive navbar component."
    },
    {
      "name": "PageHeader",
      "category": "marketing",
      "purpose": "Introduce an internal or public page with breadcrumbs, icon, title, description, and primary or secondary actions."
    },
    {
      "name": "Pagination",
      "category": "navigation",
      "purpose": "Theme-aware, responsive pagination component."
    },
    {
      "name": "PinInput",
      "category": "advanced-forms",
      "purpose": "Secure multi-cell PIN and verification-code input with regex and paste support."
    },
    {
      "name": "Popover",
      "category": "overlays",
      "purpose": "Display anchored supporting content with configurable trigger, placement, responsive sizing, and open or close events."
    },
    {
      "name": "PortalDashboard",
      "category": "core",
      "purpose": "Reusable portal dashboard component."
    },
    {
      "name": "PreferenceSwitcher",
      "category": "core",
      "purpose": "Reusable preference switcher component."
    },
    {
      "name": "Progress",
      "category": "base",
      "purpose": "Theme-aware, responsive progress component."
    },
    {
      "name": "PublicPageShell",
      "category": "layout",
      "purpose": "Provide the outer responsive structure, width, background, slots, overflow, and minimum-height behavior for public pages."
    },
    {
      "name": "Radio",
      "category": "forms",
      "purpose": "Theme-aware, responsive radio component."
    },
    {
      "name": "RangeSlider",
      "category": "forms",
      "purpose": "Theme-aware, responsive range slider component."
    },
    {
      "name": "Rating",
      "category": "base",
      "purpose": "Theme-aware, responsive rating component."
    },
    {
      "name": "Scrollspy",
      "category": "navigation",
      "purpose": "Theme-aware, responsive scrollspy component."
    },
    {
      "name": "SearchBox",
      "category": "forms",
      "purpose": "Provide an accessible responsive search field with labels, validation states, sizes, and input or change events."
    },
    {
      "name": "Section",
      "category": "layout",
      "purpose": "Create a responsive themed page section with controlled spacing, width, borders, and surface treatment."
    },
    {
      "name": "SectionHeader",
      "category": "layout",
      "purpose": "Introduce a section with an eyebrow, title, description, alignment, and responsive heading hierarchy."
    },
    {
      "name": "Select",
      "category": "forms",
      "purpose": "Theme-aware, responsive select component."
    },
    {
      "name": "Sidebar",
      "category": "navigation",
      "purpose": "Theme-aware, responsive sidebar component."
    },
    {
      "name": "Skeleton",
      "category": "base",
      "purpose": "Theme-aware, responsive skeleton component."
    },
    {
      "name": "Spinner",
      "category": "base",
      "purpose": "Theme-aware, responsive spinner component."
    },
    {
      "name": "SplitHero",
      "category": "marketing",
      "purpose": "Build a responsive two-column introduction balancing descriptive content with a visual, image, or structured data panel."
    },
    {
      "name": "StatsBar",
      "category": "data",
      "purpose": "Present a compact responsive strip of key facts, counts, performance indicators, or trust signals."
    },
    {
      "name": "Stepper",
      "category": "navigation",
      "purpose": "Theme-aware, responsive stepper component."
    },
    {
      "name": "StrongPassword",
      "category": "advanced-forms",
      "purpose": "Theme-aware, responsive strong password component."
    },
    {
      "name": "StyledIcon",
      "category": "base",
      "purpose": "Theme-aware, responsive styled icon component."
    },
    {
      "name": "Switch",
      "category": "forms",
      "purpose": "Theme-aware, responsive switch component."
    },
    {
      "name": "Tabs",
      "category": "navigation",
      "purpose": "Switch between related responsive content panels with horizontal or vertical orientation and selection events."
    },
    {
      "name": "TextLink",
      "category": "marketing",
      "purpose": "Render an accessible text action with optional icon, arrow, underline, external state, and semantic styling."
    },
    {
      "name": "Textarea",
      "category": "forms",
      "purpose": "Theme-aware, responsive textarea component."
    },
    {
      "name": "TimePicker",
      "category": "forms",
      "purpose": "Theme-aware, responsive time picker component."
    },
    {
      "name": "Timeline",
      "category": "base",
      "purpose": "Present responsive chronological activity, milestones, or workflow status with rich item metadata."
    },
    {
      "name": "Toaster",
      "category": "core",
      "purpose": "Reusable toaster component."
    },
    {
      "name": "ToggleCount",
      "category": "advanced-forms",
      "purpose": "Theme-aware, responsive toggle count component."
    },
    {
      "name": "TogglePassword",
      "category": "advanced-forms",
      "purpose": "Accessible password field with optional show and hide controls."
    },
    {
      "name": "Tooltip",
      "category": "overlays",
      "purpose": "Show concise accessible contextual help on hover, focus, click, or controlled open state."
    },
    {
      "name": "TreeView",
      "category": "base",
      "purpose": "Theme-aware, responsive tree view component."
    },
    {
      "name": "Typography",
      "category": "layout",
      "purpose": "Apply consistent readable responsive typography, widths, columns, spacing, and editorial hierarchy."
    },
    {
      "name": "WysiwygEditor",
      "category": "integrations",
      "purpose": "Theme-aware, responsive wysiwyg editor component."
    }
  ]
}
