Problem
The States story shows many visual variations, but does not explain:

What each state represents
Differences between hover, focus, and active
How states are triggered

Expected Behavior
Clear explanation in Storybook Docs
No need to inspect code or CSS

Actual Behavior
Users see a table of states with no context

Proposed Fix
Add parameters.docs.description.story

Document:
default / hover / active / focus / disabled / errored
mouse vs keyboard interactions
size variations

Scope
SearchInput.stories.tsx