# Terminal Documentation

## Installation

```bash
jsrepo add ui/terminal
```

## Components

### Root

The root terminal component. Controls animation timing and children.

#### Props

| Prop | Type | Default Value | Required | Bindable | Description |
|------|------|--------------|----------|----------|-------------|
| children | Snippet | - | false | false | The content of the terminal window. |
| class | string | - | false | false | Additional classes to apply to the terminal window. |
| delay | number | - | false | false | Delay before starting all animations (ms). |
| speed | number | - | false | false | Speed multiplier for all animations. |
| onComplete | () => void | - | false | false | Callback when all animations complete. |

### TypingAnimation

Animates its children with a typewriter effect.

#### Props

| Prop | Type | Default Value | Required | Bindable | Description |
|------|------|--------------|----------|----------|-------------|
| children | Snippet | - | false | false | The content to animate. |
| class | string | - | false | false | Additional classes to apply. |
| delay | number | - | false | false | Delay before starting the animation (ms). |

### AnimatedSpan

Animates its children with a fly-in effect.

#### Props

| Prop | Type | Default Value | Required | Bindable | Description |
|------|------|--------------|----------|----------|-------------|
| children | Snippet | - | false | false | The content to animate. |
| class | string | - | false | false | Additional classes to apply. |
| delay | number | - | false | false | Delay before starting the animation (ms). |

### Loading

Displays a loading animation with customizable messages.

#### Props

| Prop | Type | Default Value | Required | Bindable | Description |
|------|------|--------------|----------|----------|-------------|
| loadingMessage | Snippet | - | true | false | Message to display while loading. |
| completeMessage | Snippet | - | true | false | Message to display when loading is complete. |
| duration | number | - | false | false | How long the loading animation runs (ms). |
| delay | number | - | false | false | Delay before starting the animation (ms). |
| class | string | - | false | false | Additional classes to apply. |

### Loop

Repeats its children in a loop, useful for continuous terminal animations.

#### Props

| Prop | Type | Default Value | Required | Bindable | Description |
|------|------|--------------|----------|----------|-------------|
| children | Snippet | - | false | false | The content to loop. |
| delay | number | - | false | false | Delay between loops (ms). |