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

<Meta of={SheetStories} />

<Title />
<Subtitle>An edge-anchored slide-in panel for deep-dive editing or filtering.</Subtitle>

<Description />

<Primary />

---

## Variations

<Stories />

---

## AI Best Practices

> [!IMPORTANT]
> - **Side Selection** — Use `side="right"` for sidebars and filters, and `side="left"` for mobile navigation menus.
> - **Mandatory Title** — Always include a `SheetTitle` for accessibility, even if it's visually simple.
> - **Closing Logic** — Use a `SheetClose` component around any button intended to dismiss the panel.