[Select][material-next] Add Select component

[mj12albert]

Part of #29345

Material You specs: https://m3.material.io/components/menus/specs

Migration Guide checklist

• Copy component files from material (v5) to material-next, including tests, types, and utils: PR: #39188
• Migrate component to Typescript
• Remove deprecated components and componentsProps props, leaving only slots and slotProps
• Drop support for ThemeProvider in favor of CssVarsProvider
• Refactor component to use Base UI’s useSelect: WIP #39591
• Implement Material You design specs
• Add component playground to v5 docs
• Refactor styles to use component CSS Variables

Other features & related tasks

• Introduce a new Option component based on @mui/base/useOption
• Introduce a new (internal) Menu based on @mui/base/useMenu for the Select's listbox
• native prop for native select isn't provided by Base yet
• FormControl integration [FormControl][material-next] Add FormControl component #38411
• Replace Input dependencies with material-next Input components when those are done: [TextField][material-next] Add v7 TextField component #38374
• useSelect uses useControlledReducer internally, the warning when switching between controlled/uncontrolled needs to be added back (this comment)
• Support for Divider [Divider][material-next] Add Divider component #39007
• Option grouping - v5 uses ListSubheader, should v6 replace it with a OptionGroup component? (This would be a breaking change, and also not in the MD3 spec)
• New SelectField component [SelectField][material-next] Introduce new component #21782
• Avoid native label with non-native Select [TextField][material-ui] id is missing in select TextField's input element #38869 (comment)

[mj12albert]

I think the v6 Select will still depend on InputBase (and therefore also depends on FormControl) for the select trigger, since internally it uses OutlinedInput (or filled) to share styles with text fields:

// heavily simplified version of what https://github.com/mui/material-ui/blob/master/packages/mui-material/src/Select/Select.js
// would look like in v6
function Select() {
  return (
    <OutlinedInput // it's essentially `InputBase` with a layer of styles
      slots={{
        input: SelectInput, // most of the refactoring with useSelect would happen here
      }}
      slotProps={{
        input: {
          children,
          multiple,
          // more props
        },
      }}
    />
  );
}

[DiegoAndai]

@mj12albert I agree with both your points 🙌🏼 This would mean trying to get as close as possible to Joy's implementation (which uses Option and ListBox components) without breaking changes 🚀