# Brand Theme Runtime

Provider e hook que aplicam em runtime o tema compilado de uma brand guideline. Uma folha de estilo só, trocada sem recarregar a página.

- Nome no registry: `brand-theme`
- Tipo: utilitário
- Dependências npm: nenhuma
- Demo: https://ui.visantlabs.com/c/brand-theme
- Categorias: fundacao, marca, tokens, runtime, provider

## Quando usar

- Use quando: App que troca de marca em runtime, como multi-cliente ou white-label, aplicando o tema compilado
- Evite quando: Projeto de uma marca só: importe o CSS do tema da marca direto, sem provider

## Instalar

```bash
npx shadcn@latest add @visant/brand-theme
```

## Usar

```tsx
<brandThemeCss />
```

## API

### brandThemeCss

Item de tema → texto CSS.

- `cssVars: { theme?: Record<string, string>; light?: Record<string, string>; dark?: Record<string, string>; }`
- `name: string`
- `css?: Record<string, Record<string, string>>`
- `meta?: Record<string, unknown>`
- `title?: string`

### BrandThemeProvider

- `defaultBrand?: string` — Slug aplicado no primeiro carregamento se nada estiver salvo.
- `registryUrl?: string = "https://visant-ui.vercel.app/r"` — Base do registry. Em dev, `/r` serve os JSONs deste repo.
- `storageKey?: string = "visant-brand"`