[all components] Include ref in BaseUIComponentProps

docs/reference/generated/autocomplete-root.json

@@ -111,10 +111,10 @@
       "detailedType": "boolean | undefined"
     },
     "mode": {
-      "type": "'none' | 'list' | 'both' | 'inline'",
+      "type": "'none' | 'list' | 'inline' | 'both'",
       "default": "'list'",
       "description": "Controls how the autocomplete behaves with respect to list filtering and inline autocompletion.\n- `list` (default): items are dynamically filtered based on the input value. The input value does not change based on the active item.\n- `both`: items are dynamically filtered based on the input value, which will temporarily change based on the active item (inline autocompletion).\n- `inline`: items are static (not filtered), and the input value will temporarily change based on the active item (inline autocompletion).\n- `none`: items are static (not filtered), and the input value will not change based on the active item.",
-      "detailedType": "'none' | 'list' | 'both' | 'inline' | undefined"
+      "detailedType": "'none' | 'list' | 'inline' | 'both' | undefined"
     },
     "onItemHighlighted": {
       "type": "((highlightedValue: any | undefined, eventDetails: Autocomplete.Root.HighlightEventDetails) => void) | ((highlightedValue: ItemValue | undefined, eventDetails: Autocomplete.Root.HighlightEventDetails) => void)",

packages/react/src/menu/positioner/MenuPositioner.test.tsx

@@ -8,7 +8,7 @@ import { describeConformance, createRenderer, isJSDOM } from '#test-utils';
 
 const Trigger = React.forwardRef(function Trigger(
   props: Menu.Trigger.Props,
-  ref: React.ForwardedRef<HTMLDivElement>,
+  ref: React.ForwardedRef<any>,
 ) {
   return <Menu.Trigger {...props} ref={ref} render={<div />} />;
 });

packages/react/src/popover/positioner/PopoverPositioner.test.tsx

@@ -6,7 +6,7 @@ import { createRenderer, describeConformance, isJSDOM } from '#test-utils';
 
 const Trigger = React.forwardRef(function Trigger(
   props: Popover.Trigger.Props,
-  ref: React.ForwardedRef<HTMLDivElement>,
+  ref: React.ForwardedRef<any>,
 ) {
   return <Popover.Trigger {...props} ref={ref} render={<div />} />;
 });

packages/react/src/tooltip/positioner/TooltipPositioner.test.tsx

@@ -6,7 +6,7 @@ import { createRenderer, describeConformance, isJSDOM } from '#test-utils';
 
 const Trigger = React.forwardRef(function Trigger(
   props: Tooltip.Trigger.Props,
-  ref: React.ForwardedRef<HTMLDivElement>,
+  ref: React.ForwardedRef<any>,
 ) {
   return <Tooltip.Trigger {...props} ref={ref} render={<div />} />;
 });

packages/react/src/utils/types.ts

@@ -52,7 +52,7 @@ export type BaseUIComponentProps<
   State,
   RenderFunctionProps = HTMLProps,
 > = Omit<
-  WithBaseUIEvent<React.ComponentPropsWithoutRef<ElementType>>,
+  WithBaseUIEvent<React.ComponentPropsWithRef<ElementType>>,
   'className' | 'color' | 'defaultValue' | 'defaultChecked'
 > & {
   /**

scripts/api-docs-builder/package.json

@@ -8,7 +8,7 @@
     "es-toolkit": "^1.42.0",
     "rimraf": "^6.1.2",
     "tsx": "^4.21.0",
-    "typescript-api-extractor": "1.0.0-alpha.9",
+    "typescript-api-extractor": "1.0.0-alpha.10",
     "yargs": "^18.0.0"
   },
   "scripts": {

test/public-types/index.tsx

@@ -42,7 +42,7 @@ export const SimpleAutocomplete = React.forwardRef<HTMLInputElement, SimpleAutoc
   },
 );
 
-export const SimpleMenu = React.forwardRef<HTMLDivElement, SimpleMenuProps>(function SimpleMenu(
+export const SimpleMenu = React.forwardRef<HTMLButtonElement, SimpleMenuProps>(function SimpleMenu(
   { label = 'Menu', ...rest },
   ref,
 ) {