<!-- source-hash: 36c8899a20576854ae461e8c611427cc -->
A React navigation menu component built on Radix UI primitives with styled variants and animations. Provides a complete set of components for building accessible dropdown navigation menus with smooth transitions and hover states.

## Key Components

- **NavigationMenu** - Root container component with automatic viewport management
- **NavigationMenuList** - Flex container for menu items with centered layout
- **NavigationMenuItem** - Direct export of Radix primitive item component
- **NavigationMenuTrigger** - Clickable trigger with chevron icon and rotation animation
- **NavigationMenuContent** - Dropdown content panel with slide-in/fade animations
- **NavigationMenuLink** - Direct export of Radix primitive link component
- **NavigationMenuViewport** - Animated viewport container for dropdown content
- **NavigationMenuIndicator** - Visual indicator showing active menu state
- **navigationMenuTriggerStyle** - CVA style variant for consistent trigger styling

## Usage Example

```typescript
import {
  NavigationMenu,
  NavigationMenuContent,
  NavigationMenuItem,
  NavigationMenuList,
  NavigationMenuTrigger,
} from "./navigation-menu"

function MainNav() {
  return (
    <NavigationMenu>
      <NavigationMenuList>
        <NavigationMenuItem>
          <NavigationMenuTrigger>Products</NavigationMenuTrigger>
          <NavigationMenuContent>
            <div className="p-6">
              <a href="/product-1">Product 1</a>
              <a href="/product-2">Product 2</a>
            </div>
          </NavigationMenuContent>
        </NavigationMenuItem>
      </NavigationMenuList>
    </NavigationMenu>
  )
}
```