# Page Curl

Uma revistinha que você folheia puxando o canto: a capa abre, o livro fica com duas páginas e a folha vira com dobra, espessura e verso.

- Nome no registry: `page-curl`
- Tipo: componente
- Dependências npm: lucide-react, motion
- Demo: https://ui.visantlabs.com/c/page-curl
- Categorias: conteudo, revista, catalogo, pagina, dobra, arrastar, editorial

## Quando usar

- Use quando: Folhear revista, catálogo ou lookbook puxando o canto da página, em editorial
- Evite quando: Galeria de fotos: masonry-gallery ou cover-flow; livro como objeto 3D, book-3d

## Instalar

```bash
npx shadcn@latest add @visant/page-curl
```

## Usar

```tsx
<PageCurl
  width={280}
  label="Revista Sem pressa"
/>
```

## API

### PageCurl

- `pages: any[]` — As páginas, na ordem. Cada uma preenche a folha inteira.
- `defaultIndex?: number = 0` — Página inicial (base 0). O livro abre na dupla que contém essa página.
- `label?: string = "Revista"` — Rótulo da revista para leitor de tela.
- `onIndexChange?: (index: number) => void` — Avisa a primeira página à vista (base 0) depois de cada virada.
- `peek?: number = 22` — Quanto o canto levanta com o ponteiro perto, em px.
- `width?: number` — Largura de uma folha em px; aberto, o livro mede o dobro. A altura segue 3:4. Sem valor, 240px.