Skip to content

v1.5.0 — Accessibility Hooks, AI Components & MCP Server

Latest

Choose a tag to compare

@Arindam200 Arindam200 released this 11 Apr 08:58

What's New

Accessibility Hooks

  • useFocusTrap — trap Tab/Shift+Tab focus within overlays. Wire into any Modal, Drawer, or Dialog via focusableIds prop
  • useKeyboardNavigation — standardized ↑↓/Home/End/PgUp/PgDn navigation for all list-style components

New AI Components

  • StreamOutput — standalone streaming display; accepts a pre-buffered text prop (animated char-by-char) or a live stream: AsyncIterable<string> from any LLM SDK
  • ConversationHistory — scrollable wrapper for ChatMessage history with ↑↓ keyboard navigation and bottom-anchored default
  • ErrorRetry — error state with keyboard retry/dismiss, retry counter, and maxRetries guard

Overlay Accessibility

  • Modal and Drawer now accept focusableIds?: string[] — focus is automatically trapped within the overlay when open

MCP Server

  • npx termui mcp — stdio MCP server exposing 5 tools to Claude Code, Claude Desktop, Cursor, and Copilot:
    • list_components, add_component, get_component_docs, search_components, get_theme_tokens
  • npx termui add mcp — interactive installer (local .mcp.json, global Claude Code, or global Claude Desktop)

Docs

  • New docs/accessibility.md — full reference for focus management, ARIA annotations, reduced motion, and keyboard conventions

Stats

  • 1,332 tests passing across 5 packages
  • 11 AI components total
  • 14 core hooks total