laif-ds/dist/agent-docs/components/Sonner.md

Design System di Laif con componenti React basati su principi di Atomic Design

# 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)