<!-- source-hash: 233d24ac5b6d195653b75a57fb3cf96a -->
A comprehensive React table component library that provides semantic HTML table elements with consistent styling, responsive design, and accessibility features.

## Key Components

- **Table** - Main table wrapper with responsive overflow handling
- **TableHeader** - Styled `<thead>` element with border styling
- **TableBody** - Table body with conditional border removal for last row
- **TableFooter** - Footer section with primary background styling
- **TableRow** - Interactive row with hover effects and selection states
- **TableHead** - Header cell with medium font weight and muted text
- **TableCell** - Standard table cell with consistent padding
- **TableCaption** - Accessible table caption with muted styling

## Usage Example

```typescript
import { 
  Table, 
  TableHeader, 
  TableBody, 
  TableHead, 
  TableRow, 
  TableCell,
  TableCaption 
} from './table'

function UserTable() {
  return (
    <Table>
      <TableCaption>A list of recent users</TableCaption>
      <TableHeader>
        <TableRow>
          <TableHead>Name</TableHead>
          <TableHead>Email</TableHead>
          <TableHead>Status</TableHead>
        </TableRow>
      </TableHeader>
      <TableBody>
        <TableRow>
          <TableCell>John Doe</TableCell>
          <TableCell>john@example.com</TableCell>
          <TableCell>Active</TableCell>
        </TableRow>
      </TableBody>
    </Table>
  )
}
```

All components are built with React.forwardRef for ref forwarding and use the `cn` utility for className merging, enabling easy customization while maintaining base styles.