[Feature Request]: Support `argTypes` Type Definitions

[stegano]

Is your feature request related to a problem? Please describe

it seems that some field type information that may be included in argTypes seems to be missing.
For example, 'options', 'control' field, etc. These fields actually work, but can be confusing because there is no type definition.

Please let me know if I misunderstand anything.

Describe the solution you'd like

The types of fields supported by argTypes must be clear. If the function actually works, the type definition should also be included.

Describe alternatives you've considered

No response

Are you able to assist to bring the feature to reality?

no

Additional context

No response

[kevinbailey25]

As a heavy typescript user, I was confused as to why all the videos about SB7 showed things like control, options, etc but the typings did not.

Love all the improvements of version 7, looking forward to seeing more TS love.

[michaelw85]

This left me extremely confused, seems like a bare minimum to me to make the typings match documentation.
I'm using TS + Vite+Vue 3 and I've been searching the type definitions for a while now 😭

[michaelw85]

I just quickly whipped this together:

import type { Conditional } from '@storybook/types';

export interface ArgType {
    control?: ControlType | { type: ControlType };
    description?: string;
    if?: Conditional;
    mapping?: { [key: string]: { [option: string]: any } };
    name?: string;
    options?: string[];
    table?: {
        category?: string;
        defaultValue?: { summary: string; detail?: string };
        subcategory?: string;
        type?: { summary?: string; detail?: string };
        disable?: boolean;
    };
}

export interface ArgTypes {
    [key: string]: ArgType;
}

export type OptionsControlType = 'radio' | 'inline-radio' | 'check' | 'inline-check' | 'select' | 'multi-select';

export type ControlType =
    | 'array'
    | 'boolean'
    | 'color'
    | 'date'
    | 'number'
    | 'range'
    | 'object'
    | OptionsControlType
    | 'text';

Based on:

• https://storybook.js.org/docs/vue/api/arg-types
• https://github.com/storybookjs/storybook/blob/1013ca113e5bbc219e8e4e696e096f810b3a5510/code/ui/blocks/src/components/ArgsTable/types.ts
• https://github.com/storybookjs/storybook/blob/1013ca1/code/ui/blocks/src/controls/types.ts