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

<Meta of={FormStories} />

<Title />
<Subtitle>A powerful form system built on react-hook-form and Zod.</Subtitle>

<Description />

<Primary />

---

## AI Best Practices

> [!IMPORTANT]
> - **Schema-First** — Always define your form schema using `Zod` before implementing the UI components.
> - **Unified Wrappers** — Use `FormItem`, `FormLabel`, and `FormControl` for every field to ensure automatic ARIA linking and consistent spacing.
> - **Validation Messages** — `FormMessage` automatically picks up validation errors from the current form context — never render errors manually.