<!-- source-hash: 7dab09d7ecaf9eacb41a428d82640701 -->
Accessible breadcrumb navigation component built with Radix UI's `Slot` primitive, providing a composable set of sub-components for rendering hierarchical navigation trails.

## Key Components

| Export | Type | Description |
|--------|------|-------------|
| `Breadcrumb` | `nav` wrapper | Root container with `aria-label="breadcrumb"` |
| `BreadcrumbList` | `ol` element | Flex-wrapped ordered list of breadcrumb items |
| `BreadcrumbItem` | `li` element | Individual breadcrumb entry wrapper |
| `BreadcrumbLink` | `a` element | Clickable link with hover color transition; supports `asChild` for custom renderers |
| `BreadcrumbPage` | `span` element | Non-interactive current page indicator (`aria-current="page"`) |
| `BreadcrumbSeparator` | `li` element | Decorative separator defaulting to `ChevronRight` icon |
| `BreadcrumbEllipsis` | `span` element | Collapsed items indicator using `MoreHorizontal` icon |

## Usage Example

```typescript
import {
  Breadcrumb,
  BreadcrumbList,
  BreadcrumbItem,
  BreadcrumbLink,
  BreadcrumbPage,
  BreadcrumbSeparator,
  BreadcrumbEllipsis,
} from "@/components/breadcrumb"

export function AppBreadcrumb() {
  return (
    <Breadcrumb>
      <BreadcrumbList>
        <BreadcrumbItem>
          <BreadcrumbLink href="/">Home</BreadcrumbLink>
        </BreadcrumbItem>
        <BreadcrumbSeparator />
        <BreadcrumbItem>
          <BreadcrumbEllipsis />
        </BreadcrumbItem>
        <BreadcrumbSeparator />
        <BreadcrumbItem>
          <BreadcrumbLink href="/clients">Clients</BreadcrumbLink>
        </BreadcrumbItem>
        <BreadcrumbSeparator />
        <BreadcrumbItem>
          <BreadcrumbPage>Acme Corp</BreadcrumbPage>
        </BreadcrumbItem>
      </BreadcrumbList>
    </Breadcrumb>
  )
}
```

> **`asChild` pattern:** Pass `asChild` to `BreadcrumbLink` to delegate rendering to a child component (e.g., a router `Link`), forwarding all props via Radix UI's `Slot`.