feat: Convert Select from Main into a compound component

.storybook/routes.js

@@ -22,7 +22,7 @@ const routes = {
   '/components/inputs/color-input/': 'components-inputs-color-picker-color-input--basic',
   '/components/inputs/form-field/': 'components-inputs-form-field--basic',
   '/components/inputs/radio/': 'components-inputs-radio--basic',
-  '/components/inputs/select/': 'preview-select-top-label--default',
+  '/components/inputs/select/': 'components-inputs-select--basic',
   '/components/inputs/switch/': 'components-inputs-switch--basic',
   '/components/inputs/text-area/': 'components-inputs-textarea--basic',
   '/components/inputs/text-input/': 'components-inputs-text-input--basic',

cypress/integration/Autocomplete.spec.ts

@@ -105,21 +105,13 @@ describe('Autocomplete', () => {
             cy.findByRole('combobox').type('{esc}');
           });
 
-          it('should clear the combobox', () => {
-            cy.findByRole('combobox').should('have.value', '');
-          });
-
           it('should close the listbox', () => {
             cy.findByRole('listbox').should('not.exist');
           });
 
           it('should keep focus on the combobox', () => {
             cy.findByRole('combobox').should('have.focus');
           });
-
-          it('should not show the clear button', () => {
-            cy.get('[data-testid=clear]').should('not.be.visible');
-          });
         });
 
         context('when the clear button is clicked', () => {
@@ -332,7 +324,7 @@ describe('Autocomplete', () => {
           });
         });
       });
-      
+
       context('when the user types in a value not found', () => {
         beforeEach(() => {
           cy.findByRole('combobox').type('Peach');