@fkui/vue 5.43.0 → 5.45.0

package/dist/types/index.d.ts

@@ -96,6 +96,15 @@ wrapper: HTMLDivElement;
 content: HTMLDivElement;
 }, any>;
 
+declare type __VLS_Props = {
+    id: string;
+    isOpen: boolean;
+    options: string[];
+    activeOption: string | null;
+    activeOptionId: string;
+    inputNode: HTMLInputElement;
+};
+
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -284,6 +293,230 @@ export declare function createFFormProvideOptions(vm: {
 
 declare const _default: DefineComponent<ExtractPropTypes<    {
 /**
+* Set to `true`, empty string `""` or string `"disabled"` to disable this input field.
+*/
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
+/**
+* The id for the input id attribute.
+* The id for the label for attribute.
+* If the prop is not set a random value will be generated.
+*/
+id: {
+type: StringConstructor;
+required: false;
+default: () => string;
+};
+/**
+* The value for the input checked attribute.
+* @model
+*/
+modelValue: {
+type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor | NumberConstructor)[];
+required: false;
+};
+/**
+* The value for the input.
+*/
+value: {
+type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor | NumberConstructor)[];
+required: true;
+};
+}>, {
+showDetails: "always" | "never" | "when-selected";
+getFieldsetLabelText: () => string | undefined;
+}, {
+expanded: boolean;
+height: number;
+initialStyle: {
+overflow: string;
+transition: string;
+};
+hiddenStyle: {
+height: string;
+position: string;
+visibility: string;
+};
+visibleStyle: {
+width: string;
+position: string;
+visibility: string;
+height: string;
+};
+openedStyle: {
+height: string;
+};
+}, {
+attrs(): Record<string, unknown>;
+disabledClass(): string;
+injected(): any;
+}, {
+updateExpandedFlag(): void;
+emitVModelEvent(event: Event): void;
+onKeydown(event: Event): void;
+onValidity({ detail }: CustomEvent<ValidityEvent>): void;
+enter(element: Element): void;
+afterEnter(element: Element): void;
+leave(element: Element): void;
+}, ComponentOptionsMixin, ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", PublicProps, Readonly<ExtractPropTypes<    {
+/**
+* Set to `true`, empty string `""` or string `"disabled"` to disable this input field.
+*/
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
+/**
+* The id for the input id attribute.
+* The id for the label for attribute.
+* If the prop is not set a random value will be generated.
+*/
+id: {
+type: StringConstructor;
+required: false;
+default: () => string;
+};
+/**
+* The value for the input checked attribute.
+* @model
+*/
+modelValue: {
+type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor | NumberConstructor)[];
+required: false;
+};
+/**
+* The value for the input.
+*/
+value: {
+type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor | NumberConstructor)[];
+required: true;
+};
+}>> & Readonly<{
+onChange?: ((...args: any[]) => any) | undefined;
+"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+id: string;
+disabled: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export { _default as FCheckboxField }
+export { _default as FCheckboxGroupField }
+
+declare const _default_2: DefineComponent<ExtractPropTypes<    {
+/**
+* Set to `true`, empty string `""` or string `"disabled"` to disable this input field.
+*/
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
+/**
+* The id for the input id attribute.
+* The id for the label for attribute.
+* If the prop is not set a random value will be generated.
+*/
+id: {
+type: StringConstructor;
+required: false;
+default: () => string;
+};
+/**
+* The value for the input checked attribute.
+* @model
+*/
+modelValue: {
+type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor | NumberConstructor)[];
+required: false;
+};
+/**
+* The value for the input.
+*/
+value: {
+type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor | NumberConstructor)[];
+required: true;
+};
+}>, {
+sharedName: string | undefined;
+showDetails: "always" | "never" | "when-selected";
+getFieldsetLabelText: () => string | undefined;
+}, {
+height: number;
+initialStyle: {
+overflow: string;
+transition: string;
+};
+hiddenStyle: {
+height: string;
+position: string;
+visibility: string;
+};
+visibleStyle: {
+width: string;
+position: string;
+visibility: string;
+height: string;
+};
+openedStyle: {
+height: string;
+};
+}, {
+attrs(): Record<string, unknown>;
+disabledClass(): string;
+}, {
+onValidity({ detail }: CustomEvent<ValidityEvent>): Promise<void>;
+enter(element: Element): void;
+afterEnter(element: Element): void;
+leave(element: Element): void;
+}, ComponentOptionsMixin, ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", PublicProps, Readonly<ExtractPropTypes<    {
+/**
+* Set to `true`, empty string `""` or string `"disabled"` to disable this input field.
+*/
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
+/**
+* The id for the input id attribute.
+* The id for the label for attribute.
+* If the prop is not set a random value will be generated.
+*/
+id: {
+type: StringConstructor;
+required: false;
+default: () => string;
+};
+/**
+* The value for the input checked attribute.
+* @model
+*/
+modelValue: {
+type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor | NumberConstructor)[];
+required: false;
+};
+/**
+* The value for the input.
+*/
+value: {
+type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor | NumberConstructor)[];
+required: true;
+};
+}>> & Readonly<{
+onChange?: ((...args: any[]) => any) | undefined;
+"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+id: string;
+disabled: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export { _default_2 as FRadioField }
+export { _default_2 as FRadioGroupField }
+
+declare const _default_3: DefineComponent<ExtractPropTypes<    {
+/**
 * If given, this function is called before the `submit` event is emitted.
 *
 * Optionally this callback may return `FValidationFormAction`. If
@@ -415,8 +648,8 @@ default(): BeforeNavigate;
 }>> & Readonly<{
 onSubmit?: ((...args: any[]) => any) | undefined;
 }>, {
-beforeSubmit: FValidationFormCallback;
 id: string;
+beforeSubmit: FValidationFormCallback;
 beforeValidation: FValidationFormCallback;
 useErrorList: boolean;
 errorListBullets: boolean;
@@ -601,264 +834,40 @@ grow: {
 type: BooleanConstructor;
 default: boolean;
 };
-shrink: {
-type: BooleanConstructor;
-default: boolean;
-};
-align: {
-type: StringConstructor;
-default: string;
-validator(val: string): boolean;
-};
-}>, {}, {}, {
-classList(): string[];
-}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
-grow: {
-type: BooleanConstructor;
-default: boolean;
-};
-shrink: {
-type: BooleanConstructor;
-default: boolean;
-};
-align: {
-type: StringConstructor;
-default: string;
-validator(val: string): boolean;
-};
-}>> & Readonly<{}>, {
-grow: boolean;
-shrink: boolean;
-align: string;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-}, {}, string, ComponentProvideOptions, true, {}, any>;
-}, {}, string, ComponentProvideOptions, true, {}, any>;
-export { _default as FValidationForm }
-export { _default as IValidationForm }
-
-declare const _default_2: DefineComponent<ExtractPropTypes<    {
-/**
-* Set to `true`, empty string `""` or string `"disabled"` to disable this input field.
-*/
-disabled: {
-type: BooleanConstructor;
-required: false;
-default: boolean;
-};
-/**
-* The id for the input id attribute.
-* The id for the label for attribute.
-* If the prop is not set a random value will be generated.
-*/
-id: {
-type: StringConstructor;
-required: false;
-default: () => string;
-};
-/**
-* The value for the input checked attribute.
-* @model
-*/
-modelValue: {
-type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor | NumberConstructor)[];
-required: false;
-};
-/**
-* The value for the input.
-*/
-value: {
-type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor | NumberConstructor)[];
-required: true;
-};
-}>, {
-showDetails: "always" | "never" | "when-selected";
-getFieldsetLabelText: () => string | undefined;
-}, {
-expanded: boolean;
-height: number;
-initialStyle: {
-overflow: string;
-transition: string;
-};
-hiddenStyle: {
-height: string;
-position: string;
-visibility: string;
-};
-visibleStyle: {
-width: string;
-position: string;
-visibility: string;
-height: string;
-};
-openedStyle: {
-height: string;
-};
-}, {
-attrs(): Record<string, unknown>;
-disabledClass(): string;
-injected(): any;
-}, {
-updateExpandedFlag(): void;
-emitVModelEvent(event: Event): void;
-onKeydown(event: Event): void;
-onValidity({ detail }: CustomEvent<ValidityEvent>): void;
-enter(element: Element): void;
-afterEnter(element: Element): void;
-leave(element: Element): void;
-}, ComponentOptionsMixin, ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", PublicProps, Readonly<ExtractPropTypes<    {
-/**
-* Set to `true`, empty string `""` or string `"disabled"` to disable this input field.
-*/
-disabled: {
-type: BooleanConstructor;
-required: false;
-default: boolean;
-};
-/**
-* The id for the input id attribute.
-* The id for the label for attribute.
-* If the prop is not set a random value will be generated.
-*/
-id: {
-type: StringConstructor;
-required: false;
-default: () => string;
-};
-/**
-* The value for the input checked attribute.
-* @model
-*/
-modelValue: {
-type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor | NumberConstructor)[];
-required: false;
-};
-/**
-* The value for the input.
-*/
-value: {
-type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor | NumberConstructor)[];
-required: true;
-};
-}>> & Readonly<{
-onChange?: ((...args: any[]) => any) | undefined;
-"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {
-id: string;
-disabled: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-export { _default_2 as FCheckboxField }
-export { _default_2 as FCheckboxGroupField }
-
-declare const _default_3: DefineComponent<ExtractPropTypes<    {
-/**
-* Set to `true`, empty string `""` or string `"disabled"` to disable this input field.
-*/
-disabled: {
-type: BooleanConstructor;
-required: false;
-default: boolean;
-};
-/**
-* The id for the input id attribute.
-* The id for the label for attribute.
-* If the prop is not set a random value will be generated.
-*/
-id: {
-type: StringConstructor;
-required: false;
-default: () => string;
-};
-/**
-* The value for the input checked attribute.
-* @model
-*/
-modelValue: {
-type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor | NumberConstructor)[];
-required: false;
-};
-/**
-* The value for the input.
-*/
-value: {
-type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor | NumberConstructor)[];
-required: true;
-};
-}>, {
-sharedName: string | undefined;
-showDetails: "always" | "never" | "when-selected";
-getFieldsetLabelText: () => string | undefined;
-}, {
-height: number;
-initialStyle: {
-overflow: string;
-transition: string;
-};
-hiddenStyle: {
-height: string;
-position: string;
-visibility: string;
-};
-visibleStyle: {
-width: string;
-position: string;
-visibility: string;
-height: string;
-};
-openedStyle: {
-height: string;
-};
-}, {
-attrs(): Record<string, unknown>;
-disabledClass(): string;
-}, {
-onValidity({ detail }: CustomEvent<ValidityEvent>): Promise<void>;
-enter(element: Element): void;
-afterEnter(element: Element): void;
-leave(element: Element): void;
-}, ComponentOptionsMixin, ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", PublicProps, Readonly<ExtractPropTypes<    {
-/**
-* Set to `true`, empty string `""` or string `"disabled"` to disable this input field.
-*/
-disabled: {
+shrink: {
 type: BooleanConstructor;
-required: false;
 default: boolean;
 };
-/**
-* The id for the input id attribute.
-* The id for the label for attribute.
-* If the prop is not set a random value will be generated.
-*/
-id: {
+align: {
 type: StringConstructor;
-required: false;
-default: () => string;
+default: string;
+validator(val: string): boolean;
 };
-/**
-* The value for the input checked attribute.
-* @model
-*/
-modelValue: {
-type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor | NumberConstructor)[];
-required: false;
+}>, {}, {}, {
+classList(): string[];
+}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
+grow: {
+type: BooleanConstructor;
+default: boolean;
 };
-/**
-* The value for the input.
-*/
-value: {
-type: (StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor | NumberConstructor)[];
-required: true;
+shrink: {
+type: BooleanConstructor;
+default: boolean;
 };
-}>> & Readonly<{
-onChange?: ((...args: any[]) => any) | undefined;
-"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {
-id: string;
-disabled: boolean;
+align: {
+type: StringConstructor;
+default: string;
+validator(val: string): boolean;
+};
+}>> & Readonly<{}>, {
+grow: boolean;
+shrink: boolean;
+align: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-export { _default_3 as FRadioField }
-export { _default_3 as FRadioGroupField }
+}, {}, string, ComponentProvideOptions, true, {}, any>;
+}, {}, string, ComponentProvideOptions, true, {}, any>;
+export { _default_3 as FValidationForm }
+export { _default_3 as IValidationForm }
 
 /* Excluded from this release type: dispatchComponentUnmountEvent */
 
@@ -1009,6 +1018,16 @@ default: typeof parseBankAccountNumber;
 };
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean>>;
+dropdownOptions: Readonly<Ref<string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 defaultText: string;
 }, {}, {}, ComponentOptions, DefineComponent<ExtractPropTypes<    {
@@ -1052,11 +1071,30 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string, string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean, boolean>>;
+dropdownOptions: Readonly<Ref<string[], string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null, string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 showErrorPopup: boolean;
-viewValue: string;
 lastModelValue: unknown;
 validationMessage: string;
 validityMode: string;
@@ -1076,6 +1114,8 @@ labelWrapperClass(): string | undefined;
 inputWrapperClass(): string | undefined;
 isModelUpdatedProgrammatically(): boolean;
 }, {
+onDropdownSelect(value: string): void;
+onDropdownClose(): void;
 getErrorPopupAnchor(): HTMLElement;
 closePopupError(): void;
 onChange(): Promise<void>;
@@ -1129,6 +1169,16 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
 }>> & Readonly<{
 onBlur?: ((...args: any[]) => any) | undefined;
 onChange?: ((...args: any[]) => any) | undefined;
@@ -1139,6 +1189,8 @@ type: string;
 id: string;
 modelValue: string | number;
 inline: boolean;
+disabled: boolean;
+options: string[] | undefined;
 labelWidth: string;
 formatter: FormatFunction<any>;
 parser: ParseFunction<any>;
@@ -1377,6 +1429,34 @@ flip: string;
 rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
+IComboboxDropdown: DefineComponent<    {
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+select: (option: string) => any;
+}, string, PublicProps, Readonly<{
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}> & Readonly<{
+onClose?: (() => any) | undefined;
+onSelect?: ((option: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+listbox: HTMLUListElement;
+}, HTMLDivElement>;
+IComboboxToggleButton: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+toggle: () => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
 }, {}, string, ComponentProvideOptions, true, {}, any>, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
 parser: {
 type: PropType<ParseFunction<BankAccountNumberString>>;
@@ -1395,6 +1475,16 @@ default: typeof parseBankgiro;
 };
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean>>;
+dropdownOptions: Readonly<Ref<string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 defaultText: string;
 }, {}, {}, ComponentOptions, DefineComponent<ExtractPropTypes<    {
@@ -1438,11 +1528,30 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string, string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean, boolean>>;
+dropdownOptions: Readonly<Ref<string[], string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null, string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 showErrorPopup: boolean;
-viewValue: string;
 lastModelValue: unknown;
 validationMessage: string;
 validityMode: string;
@@ -1462,6 +1571,8 @@ labelWrapperClass(): string | undefined;
 inputWrapperClass(): string | undefined;
 isModelUpdatedProgrammatically(): boolean;
 }, {
+onDropdownSelect(value: string): void;
+onDropdownClose(): void;
 getErrorPopupAnchor(): HTMLElement;
 closePopupError(): void;
 onChange(): Promise<void>;
@@ -1515,6 +1626,16 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
 }>> & Readonly<{
 onBlur?: ((...args: any[]) => any) | undefined;
 onChange?: ((...args: any[]) => any) | undefined;
@@ -1525,6 +1646,8 @@ type: string;
 id: string;
 modelValue: string | number;
 inline: boolean;
+disabled: boolean;
+options: string[] | undefined;
 labelWidth: string;
 formatter: FormatFunction<any>;
 parser: ParseFunction<any>;
@@ -1763,6 +1886,34 @@ flip: string;
 rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
+IComboboxDropdown: DefineComponent<    {
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+select: (option: string) => any;
+}, string, PublicProps, Readonly<{
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}> & Readonly<{
+onClose?: (() => any) | undefined;
+onSelect?: ((option: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+listbox: HTMLUListElement;
+}, HTMLDivElement>;
+IComboboxToggleButton: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+toggle: () => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
 }, {}, string, ComponentProvideOptions, true, {}, any>, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
 formatter: {
 type: PropType<FormatFunction<BankgiroString>>;
@@ -2360,6 +2511,16 @@ default: typeof parseClearingNumber;
 };
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean>>;
+dropdownOptions: Readonly<Ref<string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 defaultText: string;
 }, {}, {}, ComponentOptions, DefineComponent<ExtractPropTypes<    {
@@ -2403,11 +2564,30 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string, string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean, boolean>>;
+dropdownOptions: Readonly<Ref<string[], string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null, string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 showErrorPopup: boolean;
-viewValue: string;
 lastModelValue: unknown;
 validationMessage: string;
 validityMode: string;
@@ -2427,6 +2607,8 @@ labelWrapperClass(): string | undefined;
 inputWrapperClass(): string | undefined;
 isModelUpdatedProgrammatically(): boolean;
 }, {
+onDropdownSelect(value: string): void;
+onDropdownClose(): void;
 getErrorPopupAnchor(): HTMLElement;
 closePopupError(): void;
 onChange(): Promise<void>;
@@ -2480,6 +2662,16 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
 }>> & Readonly<{
 onBlur?: ((...args: any[]) => any) | undefined;
 onChange?: ((...args: any[]) => any) | undefined;
@@ -2490,6 +2682,8 @@ type: string;
 id: string;
 modelValue: string | number;
 inline: boolean;
+disabled: boolean;
+options: string[] | undefined;
 labelWidth: string;
 formatter: FormatFunction<any>;
 parser: ParseFunction<any>;
@@ -2728,6 +2922,34 @@ flip: string;
 rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
+IComboboxDropdown: DefineComponent<    {
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+select: (option: string) => any;
+}, string, PublicProps, Readonly<{
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}> & Readonly<{
+onClose?: (() => any) | undefined;
+onSelect?: ((option: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+listbox: HTMLUListElement;
+}, HTMLDivElement>;
+IComboboxToggleButton: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+toggle: () => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
 }, {}, string, ComponentProvideOptions, true, {}, any>, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
 formatter: {
 type: PropType<FormatFunction<ClearingnumberString>>;
@@ -2980,8 +3202,8 @@ validator(value: string): boolean;
 }>> & Readonly<{
 onClose?: ((...args: any[]) => any) | undefined;
 }>, {
-focus: "on" | "off" | "open";
 type: "" | "warning" | "error" | "information";
+focus: "on" | "off" | "open";
 size: string;
 isOpen: boolean;
 fullscreen: boolean;
@@ -3248,7 +3470,7 @@ onOpen?: ((...args: any[]) => any) | undefined;
 }>, {
 anchor: HTMLElement | null | undefined;
 viewport: HTMLElement;
-inline: "always" | "never" | "auto";
+inline: "auto" | "always" | "never";
 alwaysInline: boolean;
 container: HTMLElement | null | undefined;
 keyboardTrap: boolean;
@@ -3591,9 +3813,9 @@ onCreated?: ((...args: any[]) => any) | undefined;
 onUpdated?: ((...args: any[]) => any) | undefined;
 onDeleted?: ((...args: any[]) => any) | undefined;
 }>, {
-beforeSubmit: FValidationFormCallback;
 beforeCreate: (() => ListItem) | undefined;
 modelValue: ListArray<UnknownItem>;
+beforeSubmit: FValidationFormCallback;
 beforeValidation: FValidationFormCallback;
 onCancel: () => void;
 primaryButtonRight: boolean;
@@ -3727,9 +3949,9 @@ value: Record<string, any>;
 size: string;
 isOpen: boolean;
 fullscreen: boolean;
-beforeSubmit: FValidationFormCallback;
 ariaCloseText: string;
 buttons: FModalButtonDescriptor[];
+beforeSubmit: FValidationFormCallback;
 beforeValidation: FValidationFormCallback;
 useErrorList: boolean;
 dataTest: string;
@@ -3821,8 +4043,8 @@ validator(value: string): boolean;
 }>> & Readonly<{
 onClose?: ((...args: any[]) => any) | undefined;
 }>, {
-focus: "on" | "off" | "open";
 type: "" | "warning" | "error" | "information";
+focus: "on" | "off" | "open";
 size: string;
 isOpen: boolean;
 fullscreen: boolean;
@@ -3959,8 +4181,8 @@ default(): BeforeNavigate;
 }>> & Readonly<{
 onSubmit?: ((...args: any[]) => any) | undefined;
 }>, {
-beforeSubmit: FValidationFormCallback;
 id: string;
+beforeSubmit: FValidationFormCallback;
 beforeValidation: FValidationFormCallback;
 useErrorList: boolean;
 errorListBullets: boolean;
@@ -4363,8 +4585,8 @@ validator(value: string): boolean;
 }>> & Readonly<{
 onClose?: ((...args: any[]) => any) | undefined;
 }>, {
-focus: "on" | "off" | "open";
 type: "" | "warning" | "error" | "information";
+focus: "on" | "off" | "open";
 size: string;
 isOpen: boolean;
 fullscreen: boolean;
@@ -4519,6 +4741,16 @@ default: typeof parseNumber;
 };
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean>>;
+dropdownOptions: Readonly<Ref<string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 defaultText: string;
 }, {}, {}, ComponentOptions, DefineComponent<ExtractPropTypes<    {
@@ -4562,11 +4794,30 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string, string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean, boolean>>;
+dropdownOptions: Readonly<Ref<string[], string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null, string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 showErrorPopup: boolean;
-viewValue: string;
 lastModelValue: unknown;
 validationMessage: string;
 validityMode: string;
@@ -4586,6 +4837,8 @@ labelWrapperClass(): string | undefined;
 inputWrapperClass(): string | undefined;
 isModelUpdatedProgrammatically(): boolean;
 }, {
+onDropdownSelect(value: string): void;
+onDropdownClose(): void;
 getErrorPopupAnchor(): HTMLElement;
 closePopupError(): void;
 onChange(): Promise<void>;
@@ -4639,6 +4892,16 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
 }>> & Readonly<{
 onBlur?: ((...args: any[]) => any) | undefined;
 onChange?: ((...args: any[]) => any) | undefined;
@@ -4649,6 +4912,8 @@ type: string;
 id: string;
 modelValue: string | number;
 inline: boolean;
+disabled: boolean;
+options: string[] | undefined;
 labelWidth: string;
 formatter: FormatFunction<any>;
 parser: ParseFunction<any>;
@@ -4887,6 +5152,34 @@ flip: string;
 rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
+IComboboxDropdown: DefineComponent<    {
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+select: (option: string) => any;
+}, string, PublicProps, Readonly<{
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}> & Readonly<{
+onClose?: (() => any) | undefined;
+onSelect?: ((option: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+listbox: HTMLUListElement;
+}, HTMLDivElement>;
+IComboboxToggleButton: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+toggle: () => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
 }, {}, string, ComponentProvideOptions, true, {}, any>, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
 formatter: {
 type: PropType<FormatFunction<number>>;
@@ -5583,7 +5876,7 @@ onOpen?: ((...args: any[]) => any) | undefined;
 }>, {
 anchor: HTMLElement | null | undefined;
 viewport: HTMLElement;
-inline: "always" | "never" | "auto";
+inline: "auto" | "always" | "never";
 alwaysInline: boolean;
 container: HTMLElement | null | undefined;
 keyboardTrap: boolean;
@@ -5631,11 +5924,30 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string, string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean, boolean>>;
+dropdownOptions: Readonly<Ref<string[], string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null, string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 showErrorPopup: boolean;
-viewValue: string;
 lastModelValue: unknown;
 validationMessage: string;
 validityMode: string;
@@ -5655,6 +5967,8 @@ labelWrapperClass(): string | undefined;
 inputWrapperClass(): string | undefined;
 isModelUpdatedProgrammatically(): boolean;
 }, {
+onDropdownSelect(value: string): void;
+onDropdownClose(): void;
 getErrorPopupAnchor(): HTMLElement;
 closePopupError(): void;
 onChange(): Promise<void>;
@@ -5708,6 +6022,16 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
 }>> & Readonly<{
 onBlur?: ((...args: any[]) => any) | undefined;
 onChange?: ((...args: any[]) => any) | undefined;
@@ -5718,6 +6042,8 @@ type: string;
 id: string;
 modelValue: string | number;
 inline: boolean;
+disabled: boolean;
+options: string[] | undefined;
 labelWidth: string;
 formatter: FormatFunction<any>;
 parser: ParseFunction<any>;
@@ -5956,6 +6282,34 @@ flip: string;
 rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
+IComboboxDropdown: DefineComponent<    {
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+select: (option: string) => any;
+}, string, PublicProps, Readonly<{
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}> & Readonly<{
+onClose?: (() => any) | undefined;
+onSelect?: ((option: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+listbox: HTMLUListElement;
+}, HTMLDivElement>;
+IComboboxToggleButton: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+toggle: () => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
 FIcon: DefineComponent<ExtractPropTypes<    {
 name: {
@@ -6362,11 +6716,30 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string, string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean, boolean>>;
+dropdownOptions: Readonly<Ref<string[], string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null, string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 showErrorPopup: boolean;
-viewValue: string;
 lastModelValue: unknown;
 validationMessage: string;
 validityMode: string;
@@ -6386,6 +6759,8 @@ labelWrapperClass(): string | undefined;
 inputWrapperClass(): string | undefined;
 isModelUpdatedProgrammatically(): boolean;
 }, {
+onDropdownSelect(value: string): void;
+onDropdownClose(): void;
 getErrorPopupAnchor(): HTMLElement;
 closePopupError(): void;
 onChange(): Promise<void>;
@@ -6439,6 +6814,16 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
 }>> & Readonly<{
 onBlur?: ((...args: any[]) => any) | undefined;
 onChange?: ((...args: any[]) => any) | undefined;
@@ -6449,6 +6834,8 @@ type: string;
 id: string;
 modelValue: string | number;
 inline: boolean;
+disabled: boolean;
+options: string[] | undefined;
 labelWidth: string;
 formatter: FormatFunction<any>;
 parser: ParseFunction<any>;
@@ -6687,6 +7074,34 @@ flip: string;
 rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
+IComboboxDropdown: DefineComponent<    {
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+select: (option: string) => any;
+}, string, PublicProps, Readonly<{
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}> & Readonly<{
+onClose?: (() => any) | undefined;
+onSelect?: ((option: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+listbox: HTMLUListElement;
+}, HTMLDivElement>;
+IComboboxToggleButton: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+toggle: () => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
 
@@ -7255,9 +7670,9 @@ onToggle?: ((...args: any[]) => any) | undefined;
 }>, {
 id: string;
 expanded: boolean;
+list: boolean;
 headerTag: string;
 headerVisualTag: string;
-list: boolean;
 }, {}, {
 FIcon: DefineComponent<ExtractPropTypes<    {
 name: {
@@ -8492,9 +8907,9 @@ value: Record<string, any>;
 size: string;
 isOpen: boolean;
 fullscreen: boolean;
-beforeSubmit: FValidationFormCallback;
 ariaCloseText: string;
 buttons: FModalButtonDescriptor[];
+beforeSubmit: FValidationFormCallback;
 beforeValidation: FValidationFormCallback;
 useErrorList: boolean;
 dataTest: string;
@@ -8586,8 +9001,8 @@ validator(value: string): boolean;
 }>> & Readonly<{
 onClose?: ((...args: any[]) => any) | undefined;
 }>, {
-focus: "on" | "off" | "open";
 type: "" | "warning" | "error" | "information";
+focus: "on" | "off" | "open";
 size: string;
 isOpen: boolean;
 fullscreen: boolean;
@@ -8724,8 +9139,8 @@ default(): BeforeNavigate;
 }>> & Readonly<{
 onSubmit?: ((...args: any[]) => any) | undefined;
 }>, {
-beforeSubmit: FValidationFormCallback;
 id: string;
+beforeSubmit: FValidationFormCallback;
 beforeValidation: FValidationFormCallback;
 useErrorList: boolean;
 errorListBullets: boolean;
@@ -9746,17 +10161,17 @@ onClick?: ((...args: any[]) => any) | undefined;
 onSelect?: ((...args: any[]) => any) | undefined;
 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 onUpdate?: ((...args: any[]) => any) | undefined;
-onUnselect?: ((...args: any[]) => any) | undefined;
 onCollapse?: ((...args: any[]) => any) | undefined;
 onExpand?: ((...args: any[]) => any) | undefined;
+onUnselect?: ((...args: any[]) => any) | undefined;
 }>, {
 scroll: TableScroll;
 modelValue: ListArray | undefined;
 striped: boolean;
-selectable: boolean;
 hover: boolean;
 expandableAttribute: string;
 expandableDescribedby: string;
+selectable: boolean;
 }, {}, {
 FCheckboxField: DefineComponent<ExtractPropTypes<    {
 disabled: {
@@ -10997,8 +11412,8 @@ validator(value: string): boolean;
 }>> & Readonly<{
 onClose?: ((...args: any[]) => any) | undefined;
 }>, {
-focus: "on" | "off" | "open";
 type: "" | "warning" | "error" | "information";
+focus: "on" | "off" | "open";
 size: string;
 isOpen: boolean;
 fullscreen: boolean;
@@ -11419,9 +11834,9 @@ onClose?: ((...args: any[]) => any) | undefined;
 }>, {
 anchor: HTMLElement | undefined;
 modelValue: string;
-ariaLabel: string;
 focusedItem: string;
 enableKeyboardNavigation: boolean;
+ariaLabel: string;
 selectedMenuItemScreenReaderText: string;
 }, {}, {
 IPopup: DefineComponent<ExtractPropTypes<    {
@@ -11539,7 +11954,7 @@ onOpen?: ((...args: any[]) => any) | undefined;
 }>, {
 anchor: HTMLElement | null | undefined;
 viewport: HTMLElement;
-inline: "always" | "never" | "auto";
+inline: "auto" | "always" | "never";
 alwaysInline: boolean;
 container: HTMLElement | null | undefined;
 keyboardTrap: boolean;
@@ -11583,6 +11998,16 @@ default: typeof parseNumber;
 };
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean>>;
+dropdownOptions: Readonly<Ref<string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, DefineComponent<ExtractPropTypes<    {
 id: {
 type: StringConstructor;
@@ -11624,11 +12049,30 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string, string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean, boolean>>;
+dropdownOptions: Readonly<Ref<string[], string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null, string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 showErrorPopup: boolean;
-viewValue: string;
 lastModelValue: unknown;
 validationMessage: string;
 validityMode: string;
@@ -11648,6 +12092,8 @@ labelWrapperClass(): string | undefined;
 inputWrapperClass(): string | undefined;
 isModelUpdatedProgrammatically(): boolean;
 }, {
+onDropdownSelect(value: string): void;
+onDropdownClose(): void;
 getErrorPopupAnchor(): HTMLElement;
 closePopupError(): void;
 onChange(): Promise<void>;
@@ -11701,6 +12147,16 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
 }>> & Readonly<{
 onBlur?: ((...args: any[]) => any) | undefined;
 onChange?: ((...args: any[]) => any) | undefined;
@@ -11711,6 +12167,8 @@ type: string;
 id: string;
 modelValue: string | number;
 inline: boolean;
+disabled: boolean;
+options: string[] | undefined;
 labelWidth: string;
 formatter: FormatFunction<any>;
 parser: ParseFunction<any>;
@@ -11949,6 +12407,34 @@ flip: string;
 rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
+IComboboxDropdown: DefineComponent<    {
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+select: (option: string) => any;
+}, string, PublicProps, Readonly<{
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}> & Readonly<{
+onClose?: (() => any) | undefined;
+onSelect?: ((option: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+listbox: HTMLUListElement;
+}, HTMLDivElement>;
+IComboboxToggleButton: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+toggle: () => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
 }, {}, string, ComponentProvideOptions, true, {}, any>, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
 /**
 * The number of decimals to format number as.
@@ -12146,6 +12632,16 @@ default: typeof parseOrganisationsnummer;
 };
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean>>;
+dropdownOptions: Readonly<Ref<string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 defaultText: string;
 discreteDescriptionText: string;
@@ -12189,13 +12685,32 @@ default: string;
 inputWidth: {
 type: StringConstructor;
 required: false;
-default: string;
+default: string;
+};
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
 };
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string, string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean, boolean>>;
+dropdownOptions: Readonly<Ref<string[], string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null, string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 showErrorPopup: boolean;
-viewValue: string;
 lastModelValue: unknown;
 validationMessage: string;
 validityMode: string;
@@ -12215,6 +12730,8 @@ labelWrapperClass(): string | undefined;
 inputWrapperClass(): string | undefined;
 isModelUpdatedProgrammatically(): boolean;
 }, {
+onDropdownSelect(value: string): void;
+onDropdownClose(): void;
 getErrorPopupAnchor(): HTMLElement;
 closePopupError(): void;
 onChange(): Promise<void>;
@@ -12268,6 +12785,16 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
 }>> & Readonly<{
 onBlur?: ((...args: any[]) => any) | undefined;
 onChange?: ((...args: any[]) => any) | undefined;
@@ -12278,6 +12805,8 @@ type: string;
 id: string;
 modelValue: string | number;
 inline: boolean;
+disabled: boolean;
+options: string[] | undefined;
 labelWidth: string;
 formatter: FormatFunction<any>;
 parser: ParseFunction<any>;
@@ -12516,6 +13045,34 @@ flip: string;
 rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
+IComboboxDropdown: DefineComponent<    {
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+select: (option: string) => any;
+}, string, PublicProps, Readonly<{
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}> & Readonly<{
+onClose?: (() => any) | undefined;
+onSelect?: ((option: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+listbox: HTMLUListElement;
+}, HTMLDivElement>;
+IComboboxToggleButton: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+toggle: () => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
 }, {}, string, ComponentProvideOptions, true, {}, any>, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
 formatter: {
 type: PropType<FormatFunction<OrganisationsnummerString>>;
@@ -12546,7 +13103,7 @@ export declare interface FormErrorList extends ErrorItem {
  * @public
  */
 export declare class FormErrorList implements FormErrorList {
-    focusElementId?: string;
+    focusElementId?: string | undefined;
     id: string;
     isValid: boolean;
     numberOfTimesSubmitted: number;
@@ -12576,8 +13133,6 @@ export declare type FormModalMaybeOptions = Partial<FormModalModalOptions>;
 export declare interface FormModalModalOptions {
     /** Modal size */
     size: "large" | "fullscreen";
-    /** Modal beforeSubmit callback */
-    beforeSubmit?: FValidationFormCallback;
     /** Modal props */
     props: Record<string, unknown | undefined>;
 }
@@ -12922,6 +13477,16 @@ default: typeof parsePercent;
 };
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean>>;
+dropdownOptions: Readonly<Ref<string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 defaultText: string;
 }, {}, {}, ComponentOptions, DefineComponent<ExtractPropTypes<    {
@@ -12965,11 +13530,30 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string, string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean, boolean>>;
+dropdownOptions: Readonly<Ref<string[], string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null, string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 showErrorPopup: boolean;
-viewValue: string;
 lastModelValue: unknown;
 validationMessage: string;
 validityMode: string;
@@ -12989,6 +13573,8 @@ labelWrapperClass(): string | undefined;
 inputWrapperClass(): string | undefined;
 isModelUpdatedProgrammatically(): boolean;
 }, {
+onDropdownSelect(value: string): void;
+onDropdownClose(): void;
 getErrorPopupAnchor(): HTMLElement;
 closePopupError(): void;
 onChange(): Promise<void>;
@@ -13042,6 +13628,16 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
 }>> & Readonly<{
 onBlur?: ((...args: any[]) => any) | undefined;
 onChange?: ((...args: any[]) => any) | undefined;
@@ -13052,6 +13648,8 @@ type: string;
 id: string;
 modelValue: string | number;
 inline: boolean;
+disabled: boolean;
+options: string[] | undefined;
 labelWidth: string;
 formatter: FormatFunction<any>;
 parser: ParseFunction<any>;
@@ -13290,6 +13888,34 @@ flip: string;
 rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
+IComboboxDropdown: DefineComponent<    {
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+select: (option: string) => any;
+}, string, PublicProps, Readonly<{
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}> & Readonly<{
+onClose?: (() => any) | undefined;
+onSelect?: ((option: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+listbox: HTMLUListElement;
+}, HTMLDivElement>;
+IComboboxToggleButton: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+toggle: () => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
 }, {}, string, ComponentProvideOptions, true, {}, any>, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
 /**
 * The number of decimals to format number as.
@@ -13328,6 +13954,16 @@ default: typeof parsePersonnummer;
 };
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean>>;
+dropdownOptions: Readonly<Ref<string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 defaultText: string;
 discreteDescriptionText: string;
@@ -13373,11 +14009,30 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string, string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean, boolean>>;
+dropdownOptions: Readonly<Ref<string[], string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null, string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 showErrorPopup: boolean;
-viewValue: string;
 lastModelValue: unknown;
 validationMessage: string;
 validityMode: string;
@@ -13397,6 +14052,8 @@ labelWrapperClass(): string | undefined;
 inputWrapperClass(): string | undefined;
 isModelUpdatedProgrammatically(): boolean;
 }, {
+onDropdownSelect(value: string): void;
+onDropdownClose(): void;
 getErrorPopupAnchor(): HTMLElement;
 closePopupError(): void;
 onChange(): Promise<void>;
@@ -13450,6 +14107,16 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
 }>> & Readonly<{
 onBlur?: ((...args: any[]) => any) | undefined;
 onChange?: ((...args: any[]) => any) | undefined;
@@ -13460,6 +14127,8 @@ type: string;
 id: string;
 modelValue: string | number;
 inline: boolean;
+disabled: boolean;
+options: string[] | undefined;
 labelWidth: string;
 formatter: FormatFunction<any>;
 parser: ParseFunction<any>;
@@ -13698,6 +14367,34 @@ flip: string;
 rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
+IComboboxDropdown: DefineComponent<    {
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+select: (option: string) => any;
+}, string, PublicProps, Readonly<{
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}> & Readonly<{
+onClose?: (() => any) | undefined;
+onSelect?: ((option: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+listbox: HTMLUListElement;
+}, HTMLDivElement>;
+IComboboxToggleButton: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+toggle: () => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
 }, {}, string, ComponentProvideOptions, true, {}, any>, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
 formatter: {
 type: PropType<FormatFunction<PersonnummerString>>;
@@ -13836,11 +14533,30 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string, string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean, boolean>>;
+dropdownOptions: Readonly<Ref<string[], string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null, string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 showErrorPopup: boolean;
-viewValue: string;
 lastModelValue: unknown;
 validationMessage: string;
 validityMode: string;
@@ -13860,6 +14576,8 @@ labelWrapperClass(): string | undefined;
 inputWrapperClass(): string | undefined;
 isModelUpdatedProgrammatically(): boolean;
 }, {
+onDropdownSelect(value: string): void;
+onDropdownClose(): void;
 getErrorPopupAnchor(): HTMLElement;
 closePopupError(): void;
 onChange(): Promise<void>;
@@ -13913,6 +14631,16 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
 }>> & Readonly<{
 onBlur?: ((...args: any[]) => any) | undefined;
 onChange?: ((...args: any[]) => any) | undefined;
@@ -13923,6 +14651,8 @@ type: string;
 id: string;
 modelValue: string | number;
 inline: boolean;
+disabled: boolean;
+options: string[] | undefined;
 labelWidth: string;
 formatter: FormatFunction<any>;
 parser: ParseFunction<any>;
@@ -14161,6 +14891,34 @@ flip: string;
 rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
+IComboboxDropdown: DefineComponent<    {
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+select: (option: string) => any;
+}, string, PublicProps, Readonly<{
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}> & Readonly<{
+onClose?: (() => any) | undefined;
+onSelect?: ((option: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+listbox: HTMLUListElement;
+}, HTMLDivElement>;
+IComboboxToggleButton: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+toggle: () => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
 
@@ -14172,6 +14930,16 @@ default: typeof parsePlusgiro;
 };
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean>>;
+dropdownOptions: Readonly<Ref<string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 defaultText: string;
 }, {}, {}, ComponentOptions, DefineComponent<ExtractPropTypes<    {
@@ -14215,11 +14983,30 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string, string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean, boolean>>;
+dropdownOptions: Readonly<Ref<string[], string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null, string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 showErrorPopup: boolean;
-viewValue: string;
 lastModelValue: unknown;
 validationMessage: string;
 validityMode: string;
@@ -14239,6 +15026,8 @@ labelWrapperClass(): string | undefined;
 inputWrapperClass(): string | undefined;
 isModelUpdatedProgrammatically(): boolean;
 }, {
+onDropdownSelect(value: string): void;
+onDropdownClose(): void;
 getErrorPopupAnchor(): HTMLElement;
 closePopupError(): void;
 onChange(): Promise<void>;
@@ -14292,6 +15081,16 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
 }>> & Readonly<{
 onBlur?: ((...args: any[]) => any) | undefined;
 onChange?: ((...args: any[]) => any) | undefined;
@@ -14302,6 +15101,8 @@ type: string;
 id: string;
 modelValue: string | number;
 inline: boolean;
+disabled: boolean;
+options: string[] | undefined;
 labelWidth: string;
 formatter: FormatFunction<any>;
 parser: ParseFunction<any>;
@@ -14540,6 +15341,34 @@ flip: string;
 rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
+IComboboxDropdown: DefineComponent<    {
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+select: (option: string) => any;
+}, string, PublicProps, Readonly<{
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}> & Readonly<{
+onClose?: (() => any) | undefined;
+onSelect?: ((option: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+listbox: HTMLUListElement;
+}, HTMLDivElement>;
+IComboboxToggleButton: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+toggle: () => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
 }, {}, string, ComponentProvideOptions, true, {}, any>, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
 formatter: {
 type: PropType<FormatFunction<PlusgiroString>>;
@@ -14558,6 +15387,16 @@ default: typeof formatPostalCode;
 };
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean>>;
+dropdownOptions: Readonly<Ref<string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 defaultText: string;
 discreteDescriptionText: string;
@@ -14603,11 +15442,30 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string, string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean, boolean>>;
+dropdownOptions: Readonly<Ref<string[], string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null, string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 showErrorPopup: boolean;
-viewValue: string;
 lastModelValue: unknown;
 validationMessage: string;
 validityMode: string;
@@ -14627,6 +15485,8 @@ labelWrapperClass(): string | undefined;
 inputWrapperClass(): string | undefined;
 isModelUpdatedProgrammatically(): boolean;
 }, {
+onDropdownSelect(value: string): void;
+onDropdownClose(): void;
 getErrorPopupAnchor(): HTMLElement;
 closePopupError(): void;
 onChange(): Promise<void>;
@@ -14680,6 +15540,16 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
 }>> & Readonly<{
 onBlur?: ((...args: any[]) => any) | undefined;
 onChange?: ((...args: any[]) => any) | undefined;
@@ -14690,6 +15560,8 @@ type: string;
 id: string;
 modelValue: string | number;
 inline: boolean;
+disabled: boolean;
+options: string[] | undefined;
 labelWidth: string;
 formatter: FormatFunction<any>;
 parser: ParseFunction<any>;
@@ -14928,6 +15800,34 @@ flip: string;
 rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
+IComboboxDropdown: DefineComponent<    {
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+select: (option: string) => any;
+}, string, PublicProps, Readonly<{
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}> & Readonly<{
+onClose?: (() => any) | undefined;
+onSelect?: ((option: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+listbox: HTMLUListElement;
+}, HTMLDivElement>;
+IComboboxToggleButton: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+toggle: () => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
 }, {}, string, ComponentProvideOptions, true, {}, any>, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
 formatter: {
 type: PropType<FormatFunction<PostalCodeString>>;
@@ -15332,11 +16232,30 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string, string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean, boolean>>;
+dropdownOptions: Readonly<Ref<string[], string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null, string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 showErrorPopup: boolean;
-viewValue: string;
 lastModelValue: unknown;
 validationMessage: string;
 validityMode: string;
@@ -15356,6 +16275,8 @@ labelWrapperClass(): string | undefined;
 inputWrapperClass(): string | undefined;
 isModelUpdatedProgrammatically(): boolean;
 }, {
+onDropdownSelect(value: string): void;
+onDropdownClose(): void;
 getErrorPopupAnchor(): HTMLElement;
 closePopupError(): void;
 onChange(): Promise<void>;
@@ -15409,6 +16330,16 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
 }>> & Readonly<{
 onBlur?: ((...args: any[]) => any) | undefined;
 onChange?: ((...args: any[]) => any) | undefined;
@@ -15419,6 +16350,8 @@ type: string;
 id: string;
 modelValue: string | number;
 inline: boolean;
+disabled: boolean;
+options: string[] | undefined;
 labelWidth: string;
 formatter: FormatFunction<any>;
 parser: ParseFunction<any>;
@@ -15657,6 +16590,34 @@ flip: string;
 rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
+IComboboxDropdown: DefineComponent<    {
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+select: (option: string) => any;
+}, string, PublicProps, Readonly<{
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}> & Readonly<{
+onClose?: (() => any) | undefined;
+onSelect?: ((option: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+listbox: HTMLUListElement;
+}, HTMLDivElement>;
+IComboboxToggleButton: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+toggle: () => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
 FIcon: DefineComponent<ExtractPropTypes<    {
 name: {
@@ -15780,7 +16741,7 @@ labelClass(): string;
 labelWrapperClass(): string | undefined;
 selectWrapperClass(): string | undefined;
 vModel: {
-get(): string | number | boolean | Record<string, any> | unknown[] | undefined;
+get(): string | number | boolean | unknown[] | Record<string, any> | undefined;
 set(value: unknown): void;
 };
 }, {
@@ -15843,7 +16804,7 @@ onChange?: ((...args: any[]) => any) | undefined;
 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
 id: string;
-modelValue: string | number | boolean | Record<string, any> | unknown[];
+modelValue: string | number | boolean | unknown[] | Record<string, any>;
 inline: boolean;
 labelWidth: string;
 selectWidth: string;
@@ -16165,7 +17126,7 @@ labelClass(): string;
 labelWrapperClass(): string | undefined;
 selectWrapperClass(): string | undefined;
 vModel: {
-get(): string | number | boolean | Record<string, any> | unknown[] | undefined;
+get(): string | number | boolean | unknown[] | Record<string, any> | undefined;
 set(value: unknown): void;
 };
 }, {
@@ -16201,7 +17162,7 @@ onChange?: ((...args: any[]) => any) | undefined;
 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
 id: string;
-modelValue: string | number | boolean | Record<string, any> | unknown[];
+modelValue: string | number | boolean | unknown[] | Record<string, any>;
 inline: boolean;
 labelWidth: string;
 selectWidth: string;
@@ -16380,11 +17341,30 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string, string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean, boolean>>;
+dropdownOptions: Readonly<Ref<string[], string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null, string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 showErrorPopup: boolean;
-viewValue: string;
 lastModelValue: unknown;
 validationMessage: string;
 validityMode: string;
@@ -16404,6 +17384,8 @@ labelWrapperClass(): string | undefined;
 inputWrapperClass(): string | undefined;
 isModelUpdatedProgrammatically(): boolean;
 }, {
+onDropdownSelect(value: string): void;
+onDropdownClose(): void;
 getErrorPopupAnchor(): HTMLElement;
 closePopupError(): void;
 onChange(): Promise<void>;
@@ -16457,6 +17439,16 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
 }>> & Readonly<{
 onBlur?: ((...args: any[]) => any) | undefined;
 onChange?: ((...args: any[]) => any) | undefined;
@@ -16467,6 +17459,8 @@ type: string;
 id: string;
 modelValue: string | number;
 inline: boolean;
+disabled: boolean;
+options: string[] | undefined;
 labelWidth: string;
 formatter: FormatFunction<any>;
 parser: ParseFunction<any>;
@@ -16705,6 +17699,34 @@ flip: string;
 rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
+IComboboxDropdown: DefineComponent<    {
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+select: (option: string) => any;
+}, string, PublicProps, Readonly<{
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}> & Readonly<{
+onClose?: (() => any) | undefined;
+onSelect?: ((option: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+listbox: HTMLUListElement;
+}, HTMLDivElement>;
+IComboboxToggleButton: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+toggle: () => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
 FIcon: DefineComponent<ExtractPropTypes<    {
 name: {
@@ -17547,11 +18569,40 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+/**
+* List of options.
+*
+* When set, the user can select a value from the list of options and filter while typing.
+*
+* If a formatter is used by the component, make sure the options are formatted as well.
+*/
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
+/**
+* Set to `true`, empty string `""` or string `"disabled"` to disable this field.
+*/
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
 }>, {
 textFieldTableMode: boolean;
+viewValue: Ref<string, string>;
+onOptionSelected: (value: string) => void;
+dropdownId: string;
+dropdownIsOpen: Readonly<Ref<boolean, boolean>>;
+dropdownOptions: Readonly<Ref<string[], string[]>>;
+activeOptionId: string;
+activeOption: Readonly<Ref<string | null, string | null>>;
+toggleDropdown: () => void;
+selectOption: (value: string) => void;
+closeDropdown: () => void;
 }, {
 showErrorPopup: boolean;
-viewValue: string;
 lastModelValue: unknown;
 validationMessage: string;
 validityMode: string;
@@ -17571,6 +18622,8 @@ labelWrapperClass(): string | undefined;
 inputWrapperClass(): string | undefined;
 isModelUpdatedProgrammatically(): boolean;
 }, {
+onDropdownSelect(value: string): void;
+onDropdownClose(): void;
 getErrorPopupAnchor(): HTMLElement;
 closePopupError(): void;
 onChange(): Promise<void>;
@@ -17674,6 +18727,26 @@ type: StringConstructor;
 required: false;
 default: string;
 };
+/**
+* List of options.
+*
+* When set, the user can select a value from the list of options and filter while typing.
+*
+* If a formatter is used by the component, make sure the options are formatted as well.
+*/
+options: {
+type: PropType<string[] | undefined>;
+required: false;
+default: () => undefined;
+};
+/**
+* Set to `true`, empty string `""` or string `"disabled"` to disable this field.
+*/
+disabled: {
+type: BooleanConstructor;
+required: false;
+default: boolean;
+};
 }>> & Readonly<{
 onBlur?: ((...args: any[]) => any) | undefined;
 onChange?: ((...args: any[]) => any) | undefined;
@@ -17684,6 +18757,8 @@ type: string;
 id: string;
 modelValue: string | number;
 inline: boolean;
+disabled: boolean;
+options: string[] | undefined;
 labelWidth: string;
 formatter: FormatFunction<any>;
 parser: ParseFunction<any>;
@@ -17922,6 +18997,34 @@ flip: string;
 rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
+IComboboxDropdown: DefineComponent<    {
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+select: (option: string) => any;
+}, string, PublicProps, Readonly<{
+id: string;
+isOpen: boolean;
+options: string[];
+activeOption: string | null;
+activeOptionId: string;
+inputNode: HTMLInputElement;
+}> & Readonly<{
+onClose?: (() => any) | undefined;
+onSelect?: ((option: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+listbox: HTMLUListElement;
+}, HTMLDivElement>;
+IComboboxToggleButton: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+toggle: () => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
 
 export declare const FTooltip: DefineComponent<ExtractPropTypes<    {
@@ -18732,8 +19835,8 @@ default(): BeforeNavigate;
 }>> & Readonly<{
 onSubmit?: ((...args: any[]) => any) | undefined;
 }>, {
-beforeSubmit: FValidationFormCallback;
 id: string;
+beforeSubmit: FValidationFormCallback;
 beforeValidation: FValidationFormCallback;
 useErrorList: boolean;
 errorListBullets: boolean;
@@ -19594,6 +20697,22 @@ rotate: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 }, {}, string, ComponentProvideOptions, true, {}, any>;
 
+export declare const IComboboxDropdown: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+select: (option: string) => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+onClose?: (() => any) | undefined;
+onSelect?: ((option: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+listbox: HTMLUListElement;
+}, HTMLDivElement>;
+
+export declare const IComboboxToggleButton: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+toggle: () => any;
+}, string, PublicProps, Readonly<{}> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLButtonElement>;
+
 export declare const IFlex: DefineComponent<ExtractPropTypes<    {
 /**
 * Set gap (gutter) between items.
@@ -19947,7 +21066,7 @@ onOpen?: ((...args: any[]) => any) | undefined;
 }>, {
 anchor: HTMLElement | null | undefined;
 viewport: HTMLElement;
-inline: "always" | "never" | "auto";
+inline: "auto" | "always" | "never";
 alwaysInline: boolean;
 container: HTMLElement | null | undefined;
 keyboardTrap: boolean;
@@ -20101,6 +21220,7 @@ declare interface IPopupListboxProps {
     anchor: HTMLElement | null;
     numOfItems: number;
     itemHeight?: number;
+    activeElement?: HTMLElement | undefined;
 }
 
 export declare const IPopupMenu: DefineComponent<ExtractPropTypes<    {
@@ -20262,9 +21382,9 @@ onClose?: ((...args: any[]) => any) | undefined;
 }>, {
 anchor: HTMLElement | undefined;
 modelValue: string;
-ariaLabel: string;
 focusedItem: string;
 enableKeyboardNavigation: boolean;
+ariaLabel: string;
 selectedMenuItemScreenReaderText: string;
 }, {}, {
 IPopup: DefineComponent<ExtractPropTypes<    {
@@ -20382,7 +21502,7 @@ onOpen?: ((...args: any[]) => any) | undefined;
 }>, {
 anchor: HTMLElement | null | undefined;
 viewport: HTMLElement;
-inline: "always" | "never" | "auto";
+inline: "auto" | "always" | "never";
 alwaysInline: boolean;
 container: HTMLElement | null | undefined;
 keyboardTrap: boolean;
@@ -20574,19 +21694,19 @@ export declare interface MountOptions {
  */
 export declare interface NavigationMenuItem {
     /**
-     * Menu item label text
+     * Text to display for the menu item.
      */
     label: string;
     /**
-     * Menu item route used upon for example item selection
+     * Unique identifier for the menu item.
      */
     route: string;
     /**
-     * Optional href attribute to use on menu item link
+     * `href` attribute to add to menu item anchor element
      */
     href?: string;
     /**
-     * Optional target attribute on menu item link
+     * `target` attribute to add to menu item anchor element.
      */
     target?: string;
 }
@@ -20837,6 +21957,21 @@ export declare function tableScrollClasses(val: TableScroll): string[];
  */
 export declare const TestPlugin: Plugin_2;
 
+/**
+ * @public
+ */
+export declare interface TextFieldSetupProps {
+    id: string;
+    inline: boolean;
+    modelValue: string | number;
+    type: string;
+    formatter?: FormatFunction<unknown>;
+    parser?: ParseFunction<unknown>;
+    labelWidth: string;
+    inputWidth: string;
+    options?: string[];
+}
+
 /* Excluded from this release type: tooltipAttachTo */
 
 /**
@@ -20897,6 +22032,20 @@ export declare const UNHANDLED_ERROR_EVENT: "unhandled-error";
  */
 export declare type UnknownItem = Record<string, unknown>;
 
+/**
+ * @public
+ */
+export declare function useCombobox(inputRef: Readonly<ShallowRef<HTMLInputElement | null>>, options: string[] | undefined, onOptionSelected?: (value: string) => void): {
+    dropdownId: string;
+    dropdownIsOpen: Readonly<Ref<boolean>>;
+    dropdownOptions: Readonly<Ref<string[]>>;
+    activeOptionId: string;
+    activeOption: Readonly<Ref<string | null>>;
+    toggleDropdown: () => void;
+    selectOption: (value: string) => void;
+    closeDropdown: () => void;
+};
+
 /**
  * Composable to get access to modal functions.
  *
@@ -20955,6 +22104,26 @@ export declare interface UseSlotUtils {
  */
 export declare function useSlotUtils(): UseSlotUtils;
 
+/**
+ * Setup logic used by `FTextField`.
+ * Components extending `FTextField` reuse the same setup.
+ *
+ * @public
+ */
+export declare function useTextFieldSetup(props: TextFieldSetupProps): {
+    textFieldTableMode: boolean;
+    viewValue: Ref<string>;
+    onOptionSelected: (value: string) => void;
+    dropdownId: string;
+    dropdownIsOpen: Readonly<Ref<boolean>>;
+    dropdownOptions: Readonly<Ref<string[]>>;
+    activeOptionId: string;
+    activeOption: Readonly<Ref<string | null>>;
+    toggleDropdown: () => void;
+    selectOption: (value: string) => void;
+    closeDropdown: () => void;
+};
+
 /**
  * Translation function.
  * @public