[Feature Request]: Automatically type arg mapping + conditional controls

[tmeasday]

Is your feature request related to a problem? Please describe

It's possible for args to change from the unmapped ("input") args in various ways before reaching the story's render function:

• arg enhancers (undocumented)
  • only currently used by actions, AFAIK, and approximated by our TS support
• arg mapping
• conditional controls
• decorators adding args (undocumented, probably we want to deprecate this).

Currently we treat the "input" args as the same type as the component's props, but this is incorrect. For conditional controls, it is not an issue, as if an arg is optional, then the component's prop must be optional too.

Describe the solution you'd like

For arg mappings, we can use the type of the mapping object to transform TArgs taken from the component to TInputArgs used in story objects:

export const MyComponent = ({ children }: { children: ReactNode }) => {};

const meta: Meta<typeof MyComponent> {
  render(args:TArgs) {
    // TArgs should = ComponentProps<typeof MyComponent>, so you can do:
    return <MyComponent {...args} />; // or similar
  },
  argTypes: {
    children: {
      mapping: {
        icon: <Icon />,
        button: <Button />
      }
    }
  },
  // However the type of args here should be TInputArgs,
  // where TInputArgs['children'] = 'icon' | 'button'
  args: {
    children: 'icon'
  }
}



### Describe alternatives you've considered

_No response_

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

no

### Additional context

_No response_