feat(filed): add field item component

[anxndsgn]

• Add FieldItem components
• Refactor radio group and checkbox group form example using FiledItem to align with base-ui doc.

Before:

<Form >
      <Field
        name="frameworks"
        render={(props) => <Fieldset {...props} />}
      >
        <FieldsetLegend >
          Frameworks
        </FieldsetLegend>
        <RadioGroup defaultValue="next">
          <FieldLabel>
            <Radio value="next" /> Next.js
          </FieldLabel>
        </RadioGroup>
      </Field>
 </Form>

click the label will not toggle the radio/checkbox in form

After:

<Form >
      <Field name="frameworks">
        <Fieldset render={ <CheckboxGroup defaultValue={["next"]}  /> } >
          <FieldsetLegend>
            Frameworks
          </FieldsetLegend>
          <FieldItem>
            <Checkbox value="next" />
            <FieldLabel>Next.js</FieldLabel>
          </FieldItem>
          {/** items... **/}
        </Fieldset>
      </Field>
</Form>

click the label will also toggle the radio/checkbox

[vercel]

@anxndsgn is attempting to deploy a commit to the cal Team on Vercel.

A member of the Team first needs to authorize it.

[cubic-dev-ai]

2 issues found across 11 files

Prompt for AI agents (all 2 issues)

Check if these issues are valid — if so, understand the root cause of each and fix them.


<file name="apps/ui/public/r/p-radio-group-5.json">

<violation number="1" location="apps/ui/public/r/p-radio-group-5.json:16">
P3: Inconsistent leading space in label text. The Next.js label has `&lt;FieldLabel&gt; Next.js&lt;/FieldLabel&gt;` with a space after the opening tag, while other labels like `&lt;FieldLabel&gt;Vite&lt;/FieldLabel&gt;` don&#39;t. This will render extra whitespace.</violation>
</file>

<file name="apps/ui/registry/default/particles/p-checkbox-group-5.tsx">

<violation number="1" location="apps/ui/registry/default/particles/p-checkbox-group-5.tsx:57">
P2: The submit `Button` is placed inside the `Field` component, which is inconsistent with the existing pattern in `p-radio-group-5.tsx` where the button is correctly placed outside/after the `Field`. The submit button should be a sibling to `Field`, not nested inside it.</violation>
</file>

_{Reply to cubic to teach it or ask questions. Re-run a review with @cubic-dev-ai review this PR}