[field][checkbox group][radio group] New `Field.Item` part

[mj12albert]

<Field.Root>
  <CheckboxGroup>
    <Field.Item>
      <Checkbox.Root />
      <Field.Label />
      <Field.Description />
    </Field.Item>

    <Field.Item>
      <Checkbox.Root />
      <Field.Label />
      <Field.Description />
    </Field.Item>
  </CheckboxGroup>
</Field.Root>

This would allow using label and description checkboxes/radios in groups without restricting the exact structure of those components and make it easier to style

Implicit labels would still work the same, except it would have an additional wrapper:

<Field.Root>
  <CheckboxGroup>
    <Field.Item>
      <Field.Label>
        <Checkbox.Root />
      </Field.Label>
      <Field.Description />
    </Field.Item>
  </CheckboxGroup>
</Field.Root>

Example UIs

[DiegoAndai]

Would we be able to maintain the single input API?

<Field.Root>
  <Field.Control />
  <Field.Label />
  <Field.Description />
</Field.Root>

Or would Field.Item become required? 🤔

[mj12albert]

I think Field.Item should only be required for each individual checkbox/radio inside checkbox/radiogroup, it should not affect a single-checkbox Field or any other form control

[DiegoAndai]

I think Field.Item should only be required for each individual checkbox/radio inside checkbox/radiogroup, it should not affect a single-checkbox Field or any other form control

@mj12albert agreed 👍🏼

[DiegoAndai]

Would implicit labels work without Field.Item if you don't need a description?

<Field.Root>
  <CheckboxGroup>
    <Field.Label>
      <Checkbox.Root />
    </Field.Label>
  </CheckboxGroup>
</Field.Root>

[DiegoAndai]

Disabled is tricky here, we would need disabled both on the group and the individual item.

---

Related: parent checkboxes toggle disabled child checkboxes: https://codesandbox.io/p/sandbox/amazing-clarke-wh9vt4?file=%2Fsrc%2Findex.module.css%3A16%2C15. This looks like a bug, should I create a separate one?

[mj12albert]

Would implicit labels work without Field.Item if you don't need a description?

I think it would technically work though it would be better to consider it always required when using checkbox/radiogroup Fields for documentation/learning purposes.

Otherwise you would need to consider how exactly the various parts will be arranged when considering whether FieldItem is needed or not.

[mj12albert]

Related: parent checkboxes toggle disabled child checkboxes:

Just merged the fix earlier 😬 @DiegoAndai

https://codesandbox.io/p/sandbox/romantic-galois-njnd6v