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

<Meta of={InputStories} />

<Title />
<Subtitle>Standard text field for single-line data entry.</Subtitle>

<Description />

<Primary />

## Controls
<Controls />

---

## Variations

<Stories />

---

## AI Best Practices

> [!IMPORTANT]
> - **Relative Icon Pattern** — Search icons must be inside the input container using `absolute left-2.5` and `pl-9` on the input.
> - **Labels** — Never skip labels for inputs unless they are redundant (like in a search-only header).
> - **React Hook Form** — Always spread `{...field}` when using within a form controller.