feat(Combobox): Add generics in base-ui combobox for better type inference

[yogesh200002]

Problem

The Base-ui Combobox is not exported with native generics. As a result, TypeScript cannot automatically infer types from the options array passed to the component.

Solution

According to the Base-ui documentation, to ensure type safety and better inference, we should wrap the component and pass generics to the wrapper. This allows the types of value, defaultValue, and change handlers to be automatically inferred based on the Value type and the multiple boolean flag.

Implementation Example from docs:

import * as React from 'react';
import { Combobox } from '@base-ui/react/combobox';

/**
 * A typed wrapper for the Base-ui Combobox.
 * This ensures that 'value' and 'onChange' types match the provided 'options'.
 */
export function MyCombobox<Value, Multiple extends boolean | undefined = false>(
  props: Combobox.Root.Props<Value, Multiple>,
): React.JSX.Element {
  return <Combobox.Root {...props}>{/* ... */}</Combobox.Root>;
}

Source: Base-ui Combobox - Typed Wrapper Component

[vercel]

@yogesh200002 is attempting to deploy a commit to the shadcn-pro Team on Vercel.

A member of the Team first needs to authorize it.