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

<Meta of={CollapsibleStories} />

<Title />
<Subtitle>A single expandable/collapsible content section.</Subtitle>

<Description />

<Primary />

---

## Variations

<Stories />

---

## AI Best Practices

> [!IMPORTANT]
> - **Standalone Element** — Use `Collapsible` for individual sections. For multiple related sections with managed auto-close behavior, use `Accordion`.
> - **Trigger Pattern** — Always use `asChild` on the `CollapsibleTrigger` when wrapping a button or custom element.