<!-- source-hash: 173932afe7ff44448182cb23b63b5547 -->
Client-side barrel export file for the Board UI component library, exposing all public components, hooks, utilities, and TypeScript types for the Kanban-style ticket board feature.

## Key Components

| Export | Type | Description |
|--------|------|-------------|
| `Board` / `BoardProps` | Component | Root board container |
| `BoardColumn` / `BoardColumnProps` | Component | Individual board column |
| `BoardColumnHeader` / `BoardColumnHeaderProps` | Component | Column header with title/actions |
| `TicketCard` / `TicketCardProps` | Component | Draggable ticket card |
| `TicketCardSkeleton` / `TicketCardSkeletonProps` | Component | Loading placeholder for ticket cards |
| `useBoardCollapse` | Hook | Manages column collapse/expand state |
| `BoardCollapseMap` / `UseBoardCollapseReturn` | Types | Collapse hook type contracts |
| `tintOnDark` | Utility | Color tinting helper for dark backgrounds |
| `columnFromTicketStatus` | Utility | Maps ticket status to board column |
| `groupTicketsByStatus` | Utility | Groups ticket arrays by their status |
| `BoardChange`, `BoardColumnDef`, `BoardPriority`, `BoardTicket`, `BoardTicketAssignee` | Types | Core board domain types |

## Usage Example

```typescript
import {
  Board,
  BoardColumn,
  BoardColumnHeader,
  TicketCard,
  useBoardCollapse,
  groupTicketsByStatus,
} from '@/components/board'
import type { BoardTicket, BoardColumnDef } from '@/components/board'

const columns: BoardColumnDef[] = [
  { id: 'open', label: 'Open' },
  { id: 'in_progress', label: 'In Progress' },
  { id: 'closed', label: 'Closed' },
]

export function TicketBoard({ tickets }: { tickets: BoardTicket[] }) {
  const { collapseMap, toggle } = useBoardCollapse()
  const grouped = groupTicketsByStatus(tickets)

  return (
    <Board>
      {columns.map((col) => (
        <BoardColumn key={col.id} collapsed={collapseMap[col.id]}>
          <BoardColumnHeader column={col} onToggle={() => toggle(col.id)} />
          {grouped[col.id]?.map((ticket) => (
            <TicketCard key={ticket.id} ticket={ticket} />
          ))}
        </BoardColumn>
      ))}
    </Board>
  )
}
```