fix: API mismatches

packages/fuselage-forms/fuselage-forms.api.md

@@ -27,7 +27,7 @@ import { IconProps } from '@rocket.chat/fuselage';
 import { InputBoxProps } from '@rocket.chat/fuselage';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { Key } from 'react';
-import { MultiSelectAnchorParams } from '@rocket.chat/fuselage/dist/components/MultiSelect/MultiSelectAnchorParams';
+import { MultiSelectAnchorParams } from '@rocket.chat/fuselage';
 import { NumberInputProps } from '@rocket.chat/fuselage';
 import { PasswordInputProps } from '@rocket.chat/fuselage';
 import { ReactNode } from 'react';
@@ -178,7 +178,7 @@ error?: string;
 placeholder?: string;
 value?: Key | null | undefined;
 onChange?: ((key: Key) => any) | undefined;
-options: (readonly [value: string, label: string, selected?: boolean | undefined])[];
+options: SelectOption[];
 small?: boolean;
 } & Omit<AllHTMLAttributes<HTMLElement>, "value" | "onChange"> & RefAttributes<HTMLElement>, "ref"> & RefAttributes<HTMLElement>>;
 

packages/fuselage-forms/src/Inputs/WrappedInputComponents.ts

@@ -41,7 +41,7 @@ export const Select = withAriaLabelledBy(SelectComponent);
 
 // with aria-labelledby + id for aria-controls
 export const AutoComplete = withAriaLabelledByAndId(
-  AutoCompleteComponent,
+  AutoCompleteComponent<any>,
 ) as typeof AutoCompleteComponent;
 export const MultiSelect = withAriaLabelledByAndId(MultiSelectComponent);
 export const MultiSelectFiltered = withAriaLabelledByAndId(