[ FEATURE ] Select Auto Width

[leifdejong]

Is your feature request related to a problem? Please describe.
Not so much a problem but the fact that the SelectContent width doesn't inherit the SelectTrigger width. Would be nice to have this automated.

Describe the solution you'd like
I was thinking that there should be a way to capture the SelectTrigger layout width and have an option for SelectContent to inherit that width. In the primitive, we could use the rootContext to store the trigger layout and then have content set the width style if the user specifies some autoWidth property on content.

Describe alternatives you've considered
Manually specifying the width as per the example but that is not great with different screen widths as the input component's width could change depending on the screen.

Additional context
How I solved it in a higher order component:

  const [triggerWidth, setTriggerWidth] = useState(0);

  const handleTriggerLayout = (event: LayoutChangeEvent) => {
    const { width } = event.nativeEvent.layout;
    setTriggerWidth(width);
  };
  
  return (
    <Select>
      <SelectTrigger onLayout={handleTriggerLayout}>
        <SelectValue />
      </SelectTrigger>
      <SelectContent} style={{ width: triggerWidth }}>
        ...
      </SelectContent>
    </Select>
    );