---

## Alert
Persistent inline notification for communicating status, warnings, errors,
or informational messages. Supports icons, titles, descriptions, actions, and dismissal.

**Import:** `import { Alert } from '@urbicon-ui/blocks';`

### Examples
```svelte
<Alert intent="success" title="Saved successfully">
  Your changes have been saved.
</Alert>
```

```svelte
<Alert intent="danger" variant="inline" dismissible onDismiss={() => (visible = false)}>
  {#snippet icon()}<AlertCircle size={20} />{/snippet}
  Something went wrong. Please try again.
  {#snippet actions()}<Button size="sm" variant="ghost">Retry</Button>{/snippet}
</Alert>
```

### Variants
- intent: danger, info, neutral, primary, success, warning (default: primary)
- variant: filled, inline, soft (default: soft)
- size: lg, md, sm (default: md)

### Api
| Prop | Type | Required | Default | Description |
| --- | --- | :---: | --- | --- |
| ...AlertVariants | `VariantProps` | no |  | Styling variants from AlertVariants |
| ...HTMLAttributes<HTMLDivElement> | `HTMLAttributes` | no |  | HTML attributes (excluding: 'title' | 'children') |
| actions | `Snippet` | no |  | Action buttons snippet |
| children | `Snippet` | no |  | Description content (children slot) |
| class | `string` | no |  | Additional CSS classes to apply to the Alert component |
| dismissible | `boolean` | no | false | Show dismiss/close button |
| icon | `Snippet` | no |  | Custom icon snippet (replaces default intent icon) |
| intent | `'primary' | 'info' | 'success' | 'warning' | 'danger' | 'neutral'` | no | 'primary' | Semantic color intent |
| onDismiss | `() => void` | no |  | Callback when dismissed |
| preset | `string` | no |  | Apply a named preset registered via `<BlocksProvider presets={{ Alert: {...} }}>`. Prefer this over `class` overrides when the requested look falls outside the semantic intent palette — presets keep hover/active/dark-mode logic coherent and make the custom look reusable across the project. |
| size | `'sm' | 'md' | 'lg'` | no | 'md' | Size variant that controls dimensions and spacing of the Alert |
| slotClasses | `Partial<Record<AlertSlots, string>>` | no |  | Per-slot class overrides. Slots: base | icon | content | title | description | actions | dismissButton |
| title | `string` | no |  | Alert title (bold header text) |
| unstyled | `boolean` | no |  | Remove default styles |
| variant | `'soft' | 'inline' | 'filled'` | no | 'soft' | Visual style variant for the Alert component |

Inherited from:
- AlertVariants (external)
- Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'children'> (omit-pattern)