fix(select): Update aria-haspopup to 'menu'

cypress/integration/Select.spec.ts

@@ -243,6 +243,22 @@ describe('Select', () => {
       h.stories.load('Components/Inputs/Select', 'Basic');
     });
 
+    it('should have a combobox role', () => {
+      cy.findByRole('combobox').should('have.attr', 'role', 'combobox');
+    });
+
+    it('should have an `aria-popup="menu"`', () => {
+      cy.findByRole('combobox').should('have.attr', 'aria-haspopup', 'menu');
+    });
+
+    it('should have an `aria-expanded="false"`', () => {
+      cy.findByRole('combobox').should('have.attr', 'aria-expanded', 'false');
+    });
+
+    it('should have an `aria-autocomplete="list"`', () => {
+      cy.findByRole('combobox').should('have.attr', 'aria-autocomplete', 'list');
+    });
+
     context('when the menu is opened', () => {
       beforeEach(() => {
         cy.findByRole('combobox').focus().realType('{downarrow}');

modules/react/select/lib/hooks/useSelectInput.ts

@@ -22,6 +22,10 @@ function noop() {
  * `useSelectInput` extends {@link useComboboxInput useComboboxInput}  and {@link useComboboxKeyboardTypeAhead useComboboxKeyboardTypeAhead} and adds type ahead functionality and Select-specific [keyboard support](https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/).
  */
 export const useSelectInput = composeHooks(
+  useComboboxInput,
+  useComboboxKeyboardTypeAhead,
+  useComboboxResetCursorToSelected,
+  useComboboxMoveCursorToSelected,
   createElemPropsHook(useSelectModel)(
     (model, ref, elemProps: {keySofar?: string; placeholder?: string; value?: string} = {}) => {
       const {elementRef} = useLocalRef<HTMLInputElement>(ref as any);
@@ -158,9 +162,5 @@ export const useSelectInput = composeHooks(
         'aria-haspopup': 'menu',
       } as const;
     }
-  ),
-  useComboboxKeyboardTypeAhead,
-  useComboboxResetCursorToSelected,
-  useComboboxMoveCursorToSelected,
-  useComboboxInput
+  )
 );