WRNexusJS/packages/ui/component-catalog.json

{
  "sourceDocuments": ["Screenshot-directed WRNexus UI catalog reset"],
  "components": [
    {
      "name": "Accordion",
      "category": "base",
      "purpose": "Theme-aware, responsive accordion component."
    },
    {
      "name": "AdvancedDatePicker",
      "category": "integrations",
      "purpose": "Theme-aware, responsive advanced date picker component."
    },
    {
      "name": "AdvancedRangeSlider",
      "category": "integrations",
      "purpose": "Theme-aware, responsive advanced range slider component."
    },
    {
      "name": "AdvancedSelect",
      "category": "advanced-forms",
      "purpose": "Theme-aware, responsive advanced select component.",
      "events": ["search", "select", "change", "clear", "open", "close", "load", "error"]
    },
    {
      "name": "Alert",
      "category": "base",
      "purpose": "Theme-aware, responsive alert component."
    },
    {
      "name": "AnnouncementBar",
      "category": "blocks",
      "purpose": "Accessible public announcement, emergency, maintenance, or status bar."
    },
    {
      "name": "AuthForm",
      "category": "forms",
      "purpose": "Reusable authentication form for sign-in, registration, recovery, reset, and MFA."
    },
    {
      "name": "AuthSplitLayout",
      "category": "layout",
      "purpose": "Responsive 50/50 authentication layout with content and form regions."
    },
    {
      "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": "Accessible scroll-to-top control with visibility threshold."
    },
    {
      "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": "Theme-aware, responsive breadcrumb component."
    },
    {
      "name": "Button",
      "category": "base",
      "purpose": "Theme-aware, responsive button component."
    },
    {
      "name": "ButtonGroup",
      "category": "base",
      "purpose": "Theme-aware, responsive button group component."
    },
    {
      "name": "Card",
      "category": "base",
      "purpose": "Theme-aware, responsive card component."
    },
    {
      "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": "Theme-aware, responsive columns component."
    },
    {
      "name": "ComboBox",
      "category": "advanced-forms",
      "purpose": "Editable autocomplete combobox with local and remote suggestions.",
      "events": ["search", "select", "change", "clear", "open", "close", "load", "error"]
    },
    {
      "name": "Confetti",
      "category": "integrations",
      "purpose": "Theme-aware, responsive confetti component."
    },
    {
      "name": "Container",
      "category": "layout",
      "purpose": "Theme-aware, responsive container component."
    },
    {
      "name": "ContextMenu",
      "category": "overlays",
      "purpose": "Theme-aware, responsive context menu component."
    },
    {
      "name": "CopyMarkup",
      "category": "advanced-forms",
      "purpose": "Theme-aware, responsive copy markup component."
    },
    {
      "name": "CTASection",
      "category": "blocks",
      "purpose": "Reusable closing call-to-action section with primary and secondary actions."
    },
    {
      "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": "integrations",
      "purpose": "Theme-aware, responsive data table component."
    },
    {
      "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": "Theme-aware, responsive divider component."
    },
    {
      "name": "DragAndDrop",
      "category": "integrations",
      "purpose": "Theme-aware, responsive drag and drop component."
    },
    {
      "name": "Drawer",
      "category": "overlays",
      "purpose": "Theme-aware, responsive drawer component."
    },
    {
      "name": "Dropdown",
      "category": "overlays",
      "purpose": "Theme-aware, responsive dropdown component."
    },
    {
      "name": "FeatureCard",
      "category": "blocks",
      "purpose": "Reusable linked feature or service card with icon, badge, description, and action."
    },
    {
      "name": "FeatureGrid",
      "category": "layout",
      "purpose": "Responsive equal-height grid for feature and service cards."
    },
    {
      "name": "FeatureIconCard",
      "category": "blocks",
      "purpose": "Feature card with a prominent themed icon treatment."
    },
    {
      "name": "FileInput",
      "category": "forms",
      "purpose": "Theme-aware, responsive file input component."
    },
    {
      "name": "FileUpload",
      "category": "integrations",
      "purpose": "Theme-aware, responsive file upload component."
    },
    {
      "name": "FileUploadProgress",
      "category": "base",
      "purpose": "Theme-aware, responsive file upload progress component."
    },
    {
      "name": "Footer",
      "category": "navigation",
      "purpose": "Responsive application footer with structured links and pre/post content slots."
    },
    {
      "name": "Grid",
      "category": "layout",
      "purpose": "Theme-aware, responsive grid component."
    },
    {
      "name": "Hero",
      "category": "blocks",
      "purpose": "Reusable public-page hero with actions, trust items, badges, and visual slots."
    },
    {
      "name": "HeroActions",
      "category": "base",
      "purpose": "Responsive action group for hero and call-to-action sections."
    },
    {
      "name": "Image",
      "category": "layout",
      "purpose": "Theme-aware, responsive image component."
    },
    {
      "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": "Theme-aware, responsive link component."
    },
    {
      "name": "List",
      "category": "base",
      "purpose": "Theme-aware, responsive list component."
    },
    {
      "name": "ListGroup",
      "category": "base",
      "purpose": "Theme-aware, responsive list group component."
    },
    {
      "name": "Map",
      "category": "integrations",
      "purpose": "Theme-aware, responsive map component."
    },
    {
      "name": "MarketingSectionHeader",
      "category": "blocks",
      "purpose": "Marketing section heading with an optional linked action."
    },
    {
      "name": "Marquee",
      "category": "base",
      "purpose": "Theme-aware, responsive marquee component."
    },
    {
      "name": "MegaMenu",
      "category": "navigation",
      "purpose": "Theme-aware, responsive mega menu component."
    },
    {
      "name": "MetricCard",
      "category": "blocks",
      "purpose": "Single statistic or operational metric with icon, trend, and optional action."
    },
    {
      "name": "MetricGrid",
      "category": "layout",
      "purpose": "Responsive collection of metric cards."
    },
    {
      "name": "Modal",
      "category": "overlays",
      "purpose": "Theme-aware, responsive modal component."
    },
    {
      "name": "Nav",
      "category": "navigation",
      "purpose": "Theme-aware, responsive nav component."
    },
    {
      "name": "Navbar",
      "category": "navigation",
      "purpose": "Theme-aware, responsive navbar component."
    },
    {
      "name": "PageHeader",
      "category": "blocks",
      "purpose": "Public and application page header with breadcrumbs, metadata, and 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.",
      "events": ["input", "change", "complete", "paste", "clear", "error"]
    },
    {
      "name": "Popover",
      "category": "overlays",
      "purpose": "Theme-aware, responsive popover component."
    },
    {
      "name": "PortalDashboard",
      "category": "blocks",
      "purpose": "Responsive portal dashboard with metrics, actions, tasks, and updates."
    },
    {
      "name": "PreferenceSwitcher",
      "category": "navigation",
      "purpose": "Accessible theme, accent color, and language preference controls."
    },
    {
      "name": "Progress",
      "category": "base",
      "purpose": "Theme-aware, responsive progress component."
    },
    {
      "name": "PublicPageShell",
      "category": "layout",
      "purpose": "Consistent structural wrapper for public-facing 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": "advanced-forms",
      "purpose": "Theme-aware, responsive search box component."
    },
    {
      "name": "Section",
      "category": "layout",
      "purpose": "Theme-aware page section with consistent spacing, width, background, and border controls."
    },
    {
      "name": "SectionHeader",
      "category": "layout",
      "purpose": "Reusable accessible section heading with eyebrow, title, description, icon, and actions."
    },
    {
      "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": "blocks",
      "purpose": "Two-column hero with configurable content and visual placement."
    },
    {
      "name": "StatsBar",
      "category": "blocks",
      "purpose": "Compact responsive statistics strip."
    },
    {
      "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": "Table",
      "category": "tables",
      "purpose": "Theme-aware, responsive table component."
    },
    {
      "name": "Tabs",
      "category": "navigation",
      "purpose": "Theme-aware, responsive tabs component."
    },
    {
      "name": "Textarea",
      "category": "forms",
      "purpose": "Theme-aware, responsive textarea component."
    },
    {
      "name": "TextLink",
      "category": "layout",
      "purpose": "Styled inline action link with icons, arrows, external state, and disabled handling."
    },
    {
      "name": "Timeline",
      "category": "base",
      "purpose": "Theme-aware, responsive timeline component."
    },
    {
      "name": "TimePicker",
      "category": "forms",
      "purpose": "Theme-aware, responsive time picker component."
    },
    {
      "name": "Toast",
      "category": "base",
      "purpose": "Theme-aware, responsive toast component."
    },
    {
      "name": "ToastNotifications",
      "category": "integrations",
      "purpose": "Theme-aware, responsive toast notifications 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.",
      "events": ["input", "change", "toggle"]
    },
    {
      "name": "Tooltip",
      "category": "overlays",
      "purpose": "Theme-aware, responsive tooltip component."
    },
    {
      "name": "TreeView",
      "category": "base",
      "purpose": "Theme-aware, responsive tree view component."
    },
    {
      "name": "Typography",
      "category": "layout",
      "purpose": "Theme-aware, responsive typography component."
    },
    {
      "name": "WysiwygEditor",
      "category": "integrations",
      "purpose": "Theme-aware, responsive wysiwyg editor component."
    }
  ]
}