# Mist Swap

Troca de slides em névoa: o que sai se desfaz no desfoque enquanto o próximo assenta no mesmo lugar, só gira em tela e para sob movimento reduzido. Preenche o pai, que precisa ter tamanho.

- Nome no registry: `mist-swap`
- Tipo: componente
- Dependências npm: framer-motion
- Demo: https://ui.visantlabs.com/c/mist-swap
- Categorias: conteudo, foto, slideshow, crossfade, blur, nevoa, troca, atmosfera

## Quando usar

- Use quando: Slideshow atmosférico de fotos que se trocam em névoa, em hero ou dobra editorial
- Evite quando: Galeria que a pessoa navega: rail ou cover-flow; antes e depois, photo-compare

## Instalar

```bash
npx shadcn@latest add @visant/mist-swap
```

## Usar

```tsx
<MistSwap />
```

## API

### MistSwap

- `children: any` — Os slides. Qualquer ReactNode: `<img>`, `<video>`, um bloco de texto.
- `className?: string`
- `interval?: number = 5200` — Milissegundos entre trocas. Defase entre molduras vizinhas.
- `overlay?: any` — Camada por cima de cada slide (textura em `darken`, gradiente de leitura).
- `start?: number = 0` — Índice inicial, para molduras vizinhas não abrirem no mesmo slide.
- `transition?: number = 1.4` — Duração do cruzamento, em segundos.