# Coverage

What is implemented and documented, and what is not. Kept honest so nobody
mistakes a gap for a contract.

## Documented — 12 of 15 component pages, 675 of 852 variants

| Figma page | Variants | Doc |
|---|---:|---|
| `-> Buttons` | 216 | [button.md](components/button.md) |
| `-> Badges & Chips` | 216 | [badges-chips.md](components/badges-chips.md) |
| `-> Inputs & Text Area` | 130 | [input-field.md](components/input-field.md), [text-area.md](components/text-area.md), [otp-input.md](components/otp-input.md) |
| `-> Alerts, Banners, Toast & Notifications` | 35 | [alert-snackbar.md](components/alert-snackbar.md), [banner.md](components/banner.md) |
| `-> Tooltips` | 34 | [tooltip.md](components/tooltip.md) — 18 of 34; `With Style` excluded by request |
| `-> Checkboxes, Radio Buttons & Toggles` | 12 | [checkbox-radio.md](components/checkbox-radio.md), [toggle.md](components/toggle.md) |
| `-> Content Dividers` | 5 | [content-divider.md](components/content-divider.md) |
| `-> Pagination` | 4 | [pagination.md](components/pagination.md) |
| Spinners page | — | [loader.md](components/loader.md) |
| `-> Avatars` | 18 | [avatar.md](components/avatar.md) ◐ |
| `-> Breadcrumbs` | 3 | [breadcrumbs.md](components/breadcrumbs.md) |
| `-> Date & Time Pickers ` | 3 | [calender.md](components/calender.md) |
| `-> Button Groups` | 2 | [button-group.md](components/button-group.md) |

◐ **Built from the skill's bundled reference (§11.5), not a fresh Figma read.**
Their node ids were not available, so the variant axes come from the reference
and most geometry is inferred. Each doc marks exactly which parts are sourced.
Re-read these from Figma before treating any measurement as final.

## Not implemented — 3 pages, 174 variants

No contract exists for these. They were never read from Figma, so there is
nothing here to trust — do not infer their behaviour from the components above.

| Figma page | Variants |
|---|---:|
| `-> List Items` | 144 |
| `-> Charts` | 24 |
| `-> Accordion` | 6 |

To add one: open the page in Figma Dev Mode, read the component set node, add an
entry to `contracts.mjs` and `USAGE`, then re-run `build-docs.mjs`.

## Foundations — complete

All **623** variables across 7 collections are in
[foundations.md](foundations.md), Light Mode. The 385 `7. _Primitive` tokens are
listed as gated, not usable.

## Verification status

Static inspection only. No browser render check and no automated accessibility
tooling was run against any component — the contrast figures quoted throughout
come from the DesignOS foundations reference, not from measurement on the
rendered page.

Two automated parity checks do run:

- every colour value in `foundations.md` matches `tokens.css` (158 compared)
- every class named in a component doc exists in the CSS, and every base block
  in the CSS appears in a doc