[switch][checkbox][radio][select][combobox] Add suppressHydrationWarning to hidden inputs

packages/react/src/checkbox/root/CheckboxRoot.tsx

@@ -356,7 +356,7 @@ export const CheckboxRoot = React.forwardRef(function CheckboxRoot(
       {!checked && !groupContext && name && !parent && uncheckedValue !== undefined && (
         <input type="hidden" form={form} name={name} value={uncheckedValue} />
       )}
-      <input {...inputProps} />
+      <input {...inputProps} suppressHydrationWarning />
     </CheckboxRootContext.Provider>
   );
 });

packages/react/src/combobox/root/AriaCombobox.tsx

@@ -1280,6 +1280,7 @@ export function AriaCombobox<Value = any, Mode extends SelectionMode = 'none'>(
         style={hiddenInputName ? visuallyHiddenInput : visuallyHidden}
         tabIndex={-1}
         aria-hidden
+        suppressHydrationWarning
       />
       {hiddenInputs}
     </React.Fragment>

packages/react/src/number-field/root/NumberFieldRoot.tsx

@@ -496,6 +496,7 @@ export const NumberFieldRoot = React.forwardRef(function NumberFieldRoot(
         aria-hidden
         tabIndex={-1}
         style={name ? visuallyHiddenInput : visuallyHidden}
+        suppressHydrationWarning
       />
     </NumberFieldRootContext.Provider>
   );

packages/react/src/radio/root/RadioRoot.tsx

@@ -271,7 +271,7 @@ export const RadioRoot = React.forwardRef(function RadioRoot<Value>(
       ) : (
         element
       )}
-      <input {...inputProps} />
+      <input {...inputProps} suppressHydrationWarning />
     </RadioRootContext.Provider>
   );
 }) as {

packages/react/src/select/root/SelectRoot.tsx

@@ -575,6 +575,7 @@ export function SelectRoot<Value, Multiple extends boolean | undefined = false>(
           style={name ? visuallyHiddenInput : visuallyHidden}
           tabIndex={-1}
           aria-hidden
+          suppressHydrationWarning
         />
         {hiddenInputs}
       </SelectFloatingContext.Provider>

packages/react/src/slider/thumb/SliderThumb.tsx

@@ -472,7 +472,7 @@ export const SliderThumb = React.forwardRef(function SliderThumb(
         children: (
           <React.Fragment>
             {childrenProp}
-            <input ref={mergedInputRef} {...inputProps} />
+            <input ref={mergedInputRef} {...inputProps} suppressHydrationWarning />
             {inset &&
               isHydrating &&
               renderBeforeHydration &&

packages/react/src/switch/root/SwitchRoot.tsx

@@ -257,7 +257,7 @@ export const SwitchRoot = React.forwardRef(function SwitchRoot(
       {!checked && name && uncheckedValue !== undefined && (
         <input type="hidden" form={form} name={name} value={uncheckedValue} />
       )}
-      <input {...inputProps} />
+      <input {...inputProps} suppressHydrationWarning />
     </SwitchRootContext.Provider>
   );
 });