# Takeoff Spar Docs

This site documents public usage of `@takeoff-ui/react-spar`.

Current React policy: `@takeoff-ui/react-spar` targets React 19.x only in the
current phase because the locked `@turkish-technology/spar` dependency requires
React 19 peers.

## Install

`@takeoff-ui/react-spar` ships JS and types only. The component CSS lives in
`@takeoff-design/tokens`, which is a **peer dependency** — install both packages
side by side.

```bash
pnpm add @takeoff-ui/react-spar @takeoff-design/tokens
```

## Start Here

- [Installation](/docs/installation) — add `@takeoff-ui/react-spar` to your
  project and import the token stylesheet
- [Theming & tokens](/docs/foundations/theming) — configure color mode, branded
  themes, and shared component defaults
- [Composition & styling](/docs/foundations/composition-styling) — understand
  compound anatomy, slots, classes, and stable `data-*` hooks