Input Primitive PDR

[amarques-godaddy]

Rendered PDR

[changeset-bot]

⚠️ No Changeset found

Latest commit: cae2cec

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[Copilot]

Pull Request Overview

This PR introduces a Product Design Review (PDR) document for a new Input primitive component in the Bento design system. The Input primitive is designed to be a headless, accessible foundation for all HTML input types, built on React Aria and Bento's slot system.

Key changes:

• Comprehensive PDR document covering architecture, accessibility, and implementation patterns for a universal Input primitive
• Detailed specification of slot-based architecture with data attributes for styling hooks
• Type-specific prop filtering system to handle different HTML input types appropriately

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[ddamato-godaddy]

Is there a case for exposing this as a native listener callback over the cb(updateValue, metaObject) signature? This has been generally helpful on placing the setter directly on the onChange.

function ControlledInputExample() {
  const [value, setValue] = React.useState('');
  return (
    <Input
      type="text"
      value={value}
       onChange={setValue}
    />
  );
}

[amarques-godaddy]

This opens up a good discussion for setting a general pattern for all Bento primitives. I intended this to simply be forwarded attributes that we don't modify internally in order to minimize API differences between our primitive and the native input but I'm interested in hearing thoughts from the rest of the team.