refactor: rename and unify control id name

Author: logaretm

packages/core/src/useCalendar/useCalendarControl.ts

@@ -340,7 +340,7 @@ export function useCalendarControl(_props: Reactivify<CalendarControlProps, 'fie
       /**
        * The id of the calendar element.
        */
-      calendarId,
+      controlId: calendarId,
 
       /**
        * The props for the calendar element.

packages/core/src/useCheckbox/useCheckbox.ts

@@ -283,7 +283,7 @@ export function useCheckbox<TValue = string>(_props: Reactivify<CheckboxProps<TV
       /**
        * The id of the input element.
        */
-      inputId,
+      controlId: inputId,
 
       /**
        * Props for the error message element.

packages/core/src/useCheckbox/useCheckboxGroup.ts

@@ -201,6 +201,11 @@ export function useCheckboxGroup<TCheckbox>(_props: Reactivify<CheckboxGroupProp
 
   return exposeField(
     {
+      /**
+       * The id of the group element.
+       */
+      groupId,
+
       /**
        * Props for the group element.
        */

packages/core/src/useComboBox/useComboBoxControl.ts

@@ -319,6 +319,11 @@ export function useComboBoxControl<TOption, TValue = TOption>(
 
   return exposeField(
     {
+      /**
+       * The id of the input element.
+       */
+      controlId: inputId,
+
       /**
        * Props for the input element.
        */

packages/core/src/useFileField/useFileControl.ts

@@ -341,7 +341,7 @@ export function useFileControl(_props: Reactivify<FileControlProps, 'onUpload' |
       /**
        * The id of the input element.
        */
-      inputId,
+      controlId: inputId,
 
       /**
        * The props for the input element.

packages/core/src/useNumberField/useNumberControl.ts

@@ -243,7 +243,7 @@ export function useNumberControl(_props: Reactivify<NumberControlProps, '_field'
       /**
        * The id of the input element.
        */
-      inputId,
+      controlId: inputId,
 
       /**
        * Decrements the number field value.

packages/core/src/useOtpField/useOtpControl.ts

@@ -291,7 +291,7 @@ export function useOtpControl(_props: Reactivify<OtpControlProps, ExcludedProps>
       /**
        * The id of the control element.
        */
-      inputId: id,
+      controlId: id,
 
       /**
        * The props of the control element.

packages/core/src/useRadio/useRadio.ts

@@ -131,7 +131,7 @@ export function useRadio<TValue = string>(_props: Reactivify<RadioProps<TValue>>
     /**
      * The id of the input element.
      */
-    inputId,
+    controlId: inputId,
     /**
      * Reference to the input element.
      */

packages/core/src/useRadio/useRadioGroup.ts

@@ -236,6 +236,11 @@ export function useRadioGroup<TValue = string>(_props: Reactivify<RadioGroupProp
        * Props for the group element.
        */
       groupProps,
+
+      /**
+       * The id of the group element.
+       */
+      groupId,
     },
     field,
   );

packages/core/src/useSelect/useSelectControl.ts

@@ -237,7 +237,7 @@ export function useSelectControl<TOption, TValue = TOption>(
       /**
        * The id of the input element.
        */
-      inputId,
+      controlId: inputId,
 
       /**
        * The model value of the select field.