Install the React package with the token package, import one theme file, and wrap your app once. Spar primitives are pulled in by the React package unless you import them directly.
$pnpm add @takeoff-ui/react-spar @takeoff-design/tokensimport '@takeoff-design/tokens/css/default/theme.css';import { TakeoffSparProvider } from '@takeoff-ui/react-spar';import '@takeoff-design/tokens/css/default/theme.css'; export function App({ children }) { return ( <TakeoffSparProvider colorMode="light"> {children} </TakeoffSparProvider> );}