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

<Meta of={ResizableStories} />

<Title />
<Subtitle>A flexible layout system for resizable sidebars and panels.</Subtitle>

<Description />

<Primary />

---

## Variations

<Stories />

---

## AI Best Practices

> [!IMPORTANT]
> - **Mandatory Direction** — You must specify either `horizontal` or `vertical` for the `ResizablePanelGroup`.
> - **Size Summation** — The `defaultSize` values for all sibling panels in a group must sum exactly to 100.
> - **Height Constraints** — Vertical resizable groups require an explicit height (e.g., `h-full` or `min-h-[400px]`) on the container to avoid collapsing.