# Aura Frame

Warm and cool light leaking from a prompt, for a louder composer.

Tier: Free

## Installation

```bash
npx shadcn add @fetaui/aura-frame
```

## Usage

```tsx
import { AuraFrame } from '@fetaui/components/aura-frame'

export function Example() {
  return <AuraFrame label="Prompt" onSubmit={send} />
}
```

## API

| Prop | Type | Default |
|---|---|---|
| label | string | required |
| placeholder | string |  |
| state | rest, thinking, listening | rest |
| statusText | string |  |
| mode | string | Normal |
| onMode | () => void |  |
| defaultDeepThink | boolean | false |
| voiceLevel | 0 to 1 | 0 |
| onSubmit | (value) => void |  |
| onAttach, onStop, onVoice | () => void |  |
| animated | boolean | true |

## When to use

- For a brand led composer.

## When not to use

- Beside another glow: only one framed element glows at a time.

## Accessibility

- The field carries the label and says Thinking or Listening.
- The glyph field is hidden from screen readers.

## Motion

- Glows rest at 28% with glyphs at 42%. Focus raises both glows to 60% and the hairline to full strength in 400 ms.
- Thinking re-rolls the glyphs by the warm glow every 80 ms, and that glow breathes at 2.4 s.
- Listening leans the cool glow with voice level.
- With reduced motion, glows are fixed by state and glyphs are still.