# Fold Motion

Hierarquia de entradas por dobra: rise, drift, mask, settle, climax, invert e mist em vez de trinta entradas iguais. O esconderijo é aplicado pelo componente, nunca por CSS estático.

- Nome no registry: `fold-motion`
- Tipo: utilitário
- Dependências npm: react
- Demo: https://ui.visantlabs.com/c/fold-motion
- Categorias: fundacao, scroll, entrada, reveal, dobra, hierarquia

## Quando usar

- Use quando: Dar hierarquia às entradas de uma landing, cada dobra com seu tipo de entrada ao rolar
- Evite quando: Só um título: line-reveal ou mist-text; app ou dashboard não pede entrada por scroll

## Instalar

```bash
npx shadcn@latest add @visant/fold-motion
```

## Usar

```tsx
<Fold
  as="div"
/>
```

## API

### Fold

- `as?: "section" | "div" | "article" | "aside" = "section"`
- `threshold?: number = 0.12` — Quanto da dobra precisa estar em tela pra ela entrar.
- `variant?: "rise" | "drift-l" | "drift-r" | "mask" | "settle" | "climax" | "invert" | "mist" = "rise"`