# Core

> Design tokens, `applyTheme`, theme mode helpers, and the CSS variable foundation that every package builds on.

- Available in: `@sisyphos-ui/react`, `@sisyphos-ui/vue`, `@sisyphos-ui/angular`
- Docs: https://sisyphosui.com/docs/components/core

## Installation

Pick the framework binding that matches your stack:

```bash
pnpm add @sisyphos-ui/react   # React 18+
pnpm add @sisyphos-ui/vue     # Vue 3+
pnpm add @sisyphos-ui/angular # Angular 17+
```

## Import

```tsx
import "@sisyphos-ui/react/styles.css";
import { Core } from "@sisyphos-ui/react";
```

## Framework usage

### React 18+

```tsx
import { applyTheme } from "@sisyphos-ui/core";

applyTheme({
  primary: "#7c3aed",
  radius: { md: "10px" },
});
```

### Vue 3+

```ts
import { applyTheme } from "@sisyphos-ui/core";

applyTheme({
  primary: "#7c3aed",
  radius: { md: "10px" },
});
```

### Angular 17+

```ts
import { applyTheme } from "@sisyphos-ui/core";

applyTheme({
  primary: "#7c3aed",
  radius: { md: "10px" },
});
```

<!-- exports: { "Core": "@sisyphos-ui/react" } -->