# Sonner

## Overview

Theme-aware wrapper around `sonner` Toaster that syncs with `next-themes`.

---

## Usage

```tsx
import { Toaster } from "laif-ds/sonner"; // Ensure correct import path in your setup

export function App() {
  return <Toaster richColors closeButton />;
}
```

Notes:

- Sets CSS variables for popover colors to match the design system
- `theme` derives from `useTheme()` (system, light, dark)