# Heat Word

Uma grade de gotas ou uma palavra que derrete num mapa de calor por onde o cursor passa, pintada com as cores da marca.

- Nome no registry: `heat-word`
- Tipo: componente
- Dependências npm: nenhuma
- Demo: https://ui.visantlabs.com/c/heat-word
- Categorias: efeitos, canvas, cursor, hover, calor, efeito

## Quando usar

- Use quando: Palavra de destaque ou grade de gotas que derrete num mapa de calor sob o cursor, em hero
- Evite quando: Fundo de pontos que reage: spring-dots; título que precisa ler animado, line-reveal

## Instalar

```bash
npx shadcn@latest add @visant/heat-word
```

## Usar

```tsx
<HeatWord />
```

## API

### HeatWord

- `area?: number = 50` — 0–100. O raio do pincel de calor.
- `colors?: string[]` — Paradas da rampa, do frio ao quente. Qualquer cor CSS ou token.
- `heat?: number = 60` — 0–100. Quanto calor o ponteiro deposita por quadro.
- `shape?: "dots" | "word" = "dots"` — A forma em repouso: grade de gotas ou uma palavra.
- `softness?: number = 50` — 0–100. O quanto a forma é borrada antes do limiar: funde as gotas.
- `word?: string = "Calor"` — O texto quando `shape="word"`. Curto: cabe numa linha e é desenhado grande.