<!-- source-hash: d5dd75145a233121b84df9bbdd129b81 -->
A React tabs component built on Radix UI primitives that provides accessible, styled tab navigation with customizable appearance and keyboard support.

## Key Components

- **`Tabs`** - Root container component (alias for `TabsPrimitive.Root`)
- **`TabsList`** - Container for tab triggers with muted background styling
- **`TabsTrigger`** - Individual tab button with active/inactive states and focus management
- **`TabsContent`** - Content panel that displays when corresponding tab is active

## Usage Example

```typescript
import { Tabs, TabsList, TabsTrigger, TabsContent } from "./components/ui/tabs"

function MyTabs() {
  return (
    <Tabs defaultValue="overview" className="w-full">
      <TabsList>
        <TabsTrigger value="overview">Overview</TabsTrigger>
        <TabsTrigger value="analytics">Analytics</TabsTrigger>
        <TabsTrigger value="settings">Settings</TabsTrigger>
      </TabsList>
      
      <TabsContent value="overview">
        <div>Overview content here</div>
      </TabsContent>
      
      <TabsContent value="analytics">
        <div>Analytics dashboard</div>
      </TabsContent>
      
      <TabsContent value="settings">
        <div>Settings panel</div>
      </TabsContent>
    </Tabs>
  )
}
```

All components use `forwardRef` for proper ref forwarding and include comprehensive accessibility features like keyboard navigation, focus management, and ARIA attributes through Radix UI primitives.