feat(input): add helpText and errorText props

[tmccoy14]

Closes: https://linear.app/eqty-lab/issue/MIC-29/add-error-text-string-to-input-component

[Copilot]

Pull request overview

Adds standardized help and error messaging support to the design-system Input component, updating styling and documentation so product forms can display consistent inline guidance and validation feedback.

Changes:

• Extends Input with helpText, errorText, and containerClassName, including error state styling and aria-describedby wiring.
• Implements animated error reveal when no help text is present (via MotionCollapsibleContent).
• Updates the Input docs page and adds a React demo component illustrating help/error behavior; bumps @eqtylab/equality version to 3.2.0.

Reviewed changes

Copilot reviewed 5 out of 5 changed files in this pull request and generated 2 comments.

Show a summary per file

File	Description
packages/ui/src/components/input/input.tsx	Adds help/error props, ARIA wiring, and error rendering logic.
packages/ui/src/components/input/input.module.css	Adds container + error/help/error-list styling for the new UI states.
packages/ui/package.json	Bumps package version to reflect the feature addition.
packages/demo/src/content/components/input.mdx	Documents helpText/errorText behavior and updates examples/props table.
packages/demo/src/components/demo/input.tsx	Adds an interactive demo showing the “help swaps to error” behavior.

Suppressed comments (2)

packages/ui/src/components/input/input.tsx:90

• aria-invalid supports non-boolean values like "grammar" and "spelling". Setting it from hasError forces it to a boolean and discards any more specific value provided by the caller. Prefer passing through the caller’s aria-invalid when present, and fall back to true when errorText is set.

            aria-invalid={hasError || undefined}

packages/demo/src/content/components/input.mdx:222

• In the props table, the errorText type is shown as ReactNode`, `string[] which reads like two separate types rather than a union. Use a union type so it matches the actual API (ReactNode | string[]).

| `errorText` | Error message below the field. Setting it puts the field in its error state and replaces the help text. An array renders one row per message. | `ReactNode`, `string[]` | —       | ❌       |

---

💡 Configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

[Copilot]

Pull request overview

Copilot reviewed 5 out of 5 changed files in this pull request and generated no new comments.

Suppressed comments (1)

packages/ui/src/components/input/input.tsx:92

• aria-invalid currently gets forced to a boolean when the input is in an error state (aria-invalid={hasError || undefined}), which discards valid ARIA token values like 'grammar' / 'spelling' if a caller provided them. Preserving those tokens keeps the component standards-compliant while still defaulting to true when only errorText drives invalid state.

            aria-invalid={isMarkedInvalid ? ariaInvalid : hasErrorText || undefined}