[Tabs] Somewhat lacking types for Tabs

[mochetts]

Feature request

Overview

The tabs component takes a value prop and a onValueChange callback with these types:

It would be ideal to use generic types to infer the type of the onValueChange value prop.

Imagine we have the following:

type Tab = "someTab" | "someOtherTab"

const [tab, setTab] = useState<Tab>("someTab")

When declaring the Tabs component this is needed to be done in order to be type compliant:

<Tabs value={tab} onValueChange={(value) => setTab(value as Tab)}>
...
</Tabs>

An improvement could be to use generic types so that this piece of code gets shorthanded:

<Tabs value={tab} onValueChange={setTab}>

Proposed type declaration

export interface TabsProps<T> extends PrimitiveDivProps {
    /** The value for the selected tab, if controlled */
    value?: T;
    /** The value of the tab to select by default, if uncontrolled */
    defaultValue?: T;
    /** A function called when a new tab is selected */
    onValueChange?: (value: T) => void;
    ...
}

Examples in other libraries

n/a

Who does this impact? Who is this for?

Folks using typescript

Additional context

n/a