feat: Convert Select from Main into a compound component

[mannycarrera4]

Summary

Fixes: #1932

Release Category

Components

BREAKING CHANGES

• We've converted Select in Main into a compound component. This component matches our pattern of providing access to lower-level elements and allows for more flexibility.
• The spacing between menu and its target element will increase from 0px to 4px
• We've also deprecated the Select in Preview. You may still consume this component but suggest migrating over to the one in Main.

---

Checklist

• MDX documentation adheres to Canvas Kit's standard MDX template
• Label ready for review has been added to PR

For the Reviewer

• PR title is short and descriptive
• PR summary describes the change (Fixes/Resolves linked correctly)
• PR Release Notes describes additional information useful to call out in a release message or removed if not applicable
• Breaking Changes provides useful information to upgrade to this code or removed if not applicable

Where Should the Reviewer Start?

Areas for Feedback? (optional)

• Code
• Documentation
• Testing
• Codemods

Testing Manually

Screenshots or GIFs (if applicable)

Thank You Gif (optional)

[cypress]

1 flaky test on run #6348 ↗︎

0

965

2

0

1

Details:

Merge 3bfe4a6 into 10b7f1e...
Project: canvas-kit	Commit: b07c96d1e1 ℹ️
Status: Passed	Duration: 07:44 💡
Started: Oct 20, 2023 8:55 PM	Ended: Oct 20, 2023 9:02 PM

  cypress/integration/Autocomplete.spec.ts • 1 flaky test

View Output Video

Test		Artifacts
... > when a value is entered > when down arrow key is pressed > when the user presses the enter key > when the use hits the "2" key > should change the filtered results		Output Screenshots Video

Review all test suite changes for PR #2309 ↗︎

[RayRedGoose]

So after this step matchIndex will be always more than -1 or there is any possibility matchIndex will be 0?

[mannycarrera4]

if it's the first item

[NicholasBoll]

I think @RayRedGoose means to say "is there any possibility matchIndex will be -1"? A 0 means match found and it is the first item. This logic forces a wrap around from the current cursor, but it is possible a match is still not found.