import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Canvas } from '@storybook/addon-docs/blocks';
import * as PopoverStories from './popover.stories';

<Meta of={PopoverStories} />

<Title />
<Subtitle>A floating panel anchored to a trigger for interactive content.</Subtitle>

<Description />

<Primary />

---

## Variations

<Stories />

---

## AI Best Practices

> [!IMPORTANT]
> - **Interactive Content** — Unlike tooltips, popovers are designed for interactive content (forms, calendars).
> - **Anatomy** — Use `PopoverTrigger asChild` with a `Button` for proper accessibility and behavior.
> - **Lazy Rendering** — Popover content is only rendered when opened.