[input] Update ref type to HTMLElement (#3866)

Author: mj12albert

packages/react/src/field/control/FieldControl.spec.tsx

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { Field } from '@base-ui/react/field';
+
+function App() {
+  const ref = React.useRef<HTMLTextAreaElement>(null);
+  return <Field.Control ref={ref} render={<textarea />} />;
+}

packages/react/src/field/control/FieldControl.tsx

@@ -26,7 +26,7 @@ import type { BaseUIChangeEventDetails } from '../../utils/createBaseUIEventDeta
  */
 export const FieldControl = React.forwardRef(function FieldControl(
   componentProps: FieldControl.Props,
-  forwardedRef: React.ForwardedRef<HTMLInputElement>,
+  forwardedRef: React.ForwardedRef<HTMLElement>,
 ) {
   const {
     render,

packages/react/src/input/Input.spec.tsx

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { Input } from '@base-ui/react/input';
+
+function App() {
+  const ref = React.useRef<HTMLTextAreaElement>(null);
+  return <Input ref={ref} render={<textarea />} />;
+}

packages/react/src/input/Input.tsx

@@ -11,7 +11,7 @@ import { Field } from '../field';
  */
 export const Input = React.forwardRef(function Input(
   props: Input.Props,
-  forwardedRef: React.ForwardedRef<HTMLInputElement>,
+  forwardedRef: React.ForwardedRef<HTMLElement>,
 ) {
   return <Field.Control ref={forwardedRef} {...props} />;
 });