checkbox: Add unstable Provider, Trigger and BubbleInput

[chaance]

This PR introduces new parts for the Checkbox component. This change is intended to test out a new pattern that we can replicate for other form controls.

Currently our form control components will try to detect whether or not they are associated with a form, and if so, render a hidden input so that native events bubble to the form itself. While this can make behavior feel more like native form elements, the downside is that it adds an additional element that is hard to control and not always what users expect.

The goal is the hand control back to the user. So instead of Checkbox.Root rendering both a provider and an input, users can opt in and render the parts that they want.

// before
<Checkbox.Root>
  <Checkbox.Indicator />
</Checkbox.Root>

// after
<Checkbox.Provider>
  <Checkbox.Trigger>
    <Checkbox.Indicator />
  </Checkbox.Trigger>
</Checkbox.Provider>

Currently these parts are prefixed with unstable_ since we may want to consider the API more deeply before committing to these patterns. Should we decide to move forward, in a future version we'd probably rename Checkbox.Provider to Checkbox.Root and get rid of the pre-composed version entirely.

Related:

• Ability to opt-out of BubbleInput / BubbleSelect #3365
• Checkbox forwarded Ref should set on Input field and not Button #874
• onChange event on checkbox that exposes the input synthetic event #3356
• Add native checkbox element #1333
• keyPressed event handler for select component #2987

[changeset-bot]

🦋 Changeset detected

Latest commit: 777f739

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages

Name	Type
@radix-ui/react-checkbox	Minor
radix-ui	Minor

Not sure what this means? Click here to learn what changesets are.

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

[chaance]

Left these tests unchanged but moved them into a nested describe block. The diffs look silly, but everything above this block is new, everything below is old.