<!-- source-hash: 80c3e1ef5a8303ea358c8f94bbacb69d -->
A client-side checkbox item component for filter lists, built on Radix UI's Checkbox primitive with optional count display and ODS design tokens.

## Key Components

### `FilterCheckboxItemProps`
| Prop | Type | Description |
|------|------|-------------|
| `label` | `string` | Display text for the checkbox item |
| `checked` | `boolean` | Controlled checked state |
| `onChange` | `(checked: boolean) => void` | Callback fired on toggle |
| `count` | `number` (optional) | Item count displayed on the right |
| `className` | `string` (optional) | Additional CSS classes |

### `FilterCheckboxItem`
A styled, accessible checkbox row that supports full-row click toggling. When `count` is provided, padding adjusts and the count renders as secondary text on the trailing edge.

## Usage Example

```typescript
import { FilterCheckboxItem } from "./filter-checkbox-item"
import { useState } from "react"

function FilterPanel() {
  const [active, setActive] = useState(false)

  return (
    <FilterCheckboxItem
      label="Active Tickets"
      checked={active}
      onChange={setActive}
      count={42}
    />
  )
}
```

## Notes

- Clicking anywhere on the row toggles the checkbox; the Radix `Root` has `stopPropagation` to avoid double-firing.
- The checkmark icon renders only when `checked` is `true` via Radix's `Indicator`.
- Count values are formatted with `toLocaleString()` for locale-aware number display.
- Styled with ODS design tokens (`ods-accent`, `ods-card`, `ods-border`, etc.) for consistency across the Flamingo UI.