Feature: Component Library Expansion
  As a user
  I want accessible, well-designed UI primitives
  So the interface feels professional and consistent

  Scenario: Modal dialog as web component
    Given the application initializes
    When the page loads
    Then <wa-dialog> renders with proper focus trapping
    And escape key closes the dialog
    And aria roles are correctly assigned

  Scenario: Dropdown menu uses accessible component
    Given the application initializes
    When the page loads
    Then <wa-dropdown> renders with keyboard navigation
    And arrow keys move focus through options
    And selection is announced via aria-live

  Scenario: Tabs render as accessible web component
    Given I have multiple tab panels
    When I render <wa-tabs>
    Then tab order follows DOM sequence
    And active tab is indicated visually and via aria-selected