Typed subcomponent story factories (e.g. meta.ListItem.story) for compound components

[arasekinci]

Is your feature request related to a problem? Please describe.

With preview.meta({ component: List, subcomponents: { ListItem } }), meta.story() still infers args from List, not from ListItem. Stories that render only ListItem need casts (as never) or extra story files. subcomponents helps docs, but it does not provide a typed story API per subcomponent.

Describe the solution you'd like

Expose small factories bound to each subcomponents entry so each story gets the correct prop types:

import { preview } from '@/storybook/preview'
import { List, ListItem } from './list'

const meta = preview.meta({
  component: List,
  subcomponents: { ListItem },
  title: 'Components/List',
})

export const Default = meta.story({
  render: () => (
    <List>
      <ListItem>Alpha</ListItem>
      <ListItem>Beta</ListItem>
    </List>
  ),
})


// Proposed API
export const SingleItem = meta.ListItem.story({
  args: {
    children: 'Hello'
  },
})

Here meta.ListItem.story would infer ListItem props, not List props.

Why it matters

Common pattern: one file documents a family (List + ListItem). Today we either split files, duplicate meta, or weaken types.

Describe alternatives you've considered

No response

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

yes, I can

Additional context

No response