Add TypeScript types to FilterableMultiSelect

e2e/components/MultiSelect/MultiSelect-test.avt.e2e.js

@@ -171,7 +171,7 @@ test.describe('@avt MultiSelect', () => {
     await expect(selection).toBeHidden();
   });
 
-  test.slow('@avt-keyboard-nav filterable multiselect', async ({ page }) => {
+  test('@avt-keyboard-nav filterable multiselect', async ({ page }) => {
     await visitStory(page, {
       component: 'FilterableMultiSelect',
       id: 'components-multiselect--filterable',

packages/react/__tests__/__snapshots__/PublicAPI-test.js.snap

@@ -3755,6 +3755,9 @@ Map {
       "sortItems": Object {
         "type": "func",
       },
+      "titleText": Object {
+        "type": "node",
+      },
       "translateWithId": Object {
         "type": "func",
       },
@@ -5425,6 +5428,9 @@ Map {
         "sortItems": Object {
           "type": "func",
         },
+        "titleText": Object {
+          "type": "node",
+        },
         "translateWithId": Object {
           "type": "func",
         },

packages/react/src/components/ComboBox/ComboBox.tsx

@@ -745,6 +745,7 @@ const ComboBox = forwardRef(
                   )}
                   <ListBoxTrigger
                     {...buttonProps}
+                    // @ts-expect-error
                     isOpen={isOpen}
                     translateWithId={translateWithId}
                   />

packages/react/src/components/ListBox/next/ListBoxTrigger.js

@@ -27,11 +27,10 @@ const defaultTranslateWithId = (id) => defaultTranslations[id];
  * `ListBoxTrigger` is used to orient the icon up or down depending on the
  * state of the menu for a given `ListBox`
  */
-const ListBoxTrigger = ({
-  isOpen,
-  translateWithId: t = defaultTranslateWithId,
-  ...rest
-}) => {
+const ListBoxTrigger = React.forwardRef(function ListBoxTrigger(
+  { isOpen, translateWithId: t = defaultTranslateWithId, ...rest },
+  ref
+) {
   const prefix = usePrefix();
   const className = cx({
     [`${prefix}--list-box__menu-icon`]: true,
@@ -45,11 +44,12 @@ const ListBoxTrigger = ({
       title={description}
       className={className}
       type="button"
-      tabIndex="-1">
+      tabIndex="-1"
+      ref={ref}>
       <ChevronDown />
     </button>
   );
-};
+});
 
 ListBoxTrigger.propTypes = {
   /**