@avenirs-esr/avenirs-dsav 0.1.1 → 0.1.2

package/dist/src/components/interaction/selects/AvAutocomplete/AvAutocomplete.stories.d.ts

@@ -0,0 +1,553 @@
+import type { StoryFn } from '@storybook/vue3';
+import type { AvAutocompleteOption } from './AvAutocomplete.types';
+interface ExtendedOption extends AvAutocompleteOption {
+    role?: string;
+    department?: string;
+}
+/**
+ * <h1 class="n1">Selects - <code>AvAutocomplete</code></h1>
+ *
+ * <h2 class="n2">🌟 Introduction</h2>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     The <code>AvAutocomplete</code> component is a comprehensive autocomplete/select component that provides search-as-you-type functionality with support for both single and multi-selection modes.
+ *   </span>
+ * </p>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     It combines an input field with a dropdown containing filterable options, offering a seamless user experience for selecting from large datasets. The component supports customizable option rendering, debounced search, infinite scrolling, and flexible styling options.
+ *   </span>
+ * </p>
+ *
+ * <p>
+ *   <span class="b2-regular">
+ *     This component is designed with accessibility in mind, featuring keyboard navigation, focus management, and proper ARIA attributes.
+ *   </span>
+ * </p>
+ *
+ * <h2 class="n2">📐 Structure</h2>
+ *
+ * <p><span class="b2-regular">The autocomplete consists of an input field, dropdown with filterable options, and optional selected items section for multi-select mode.</span></p>
+ */
+declare const meta: {
+    title: string;
+    component: <T extends AvAutocompleteOption = AvAutocompleteOption>(__VLS_props: {
+        readonly "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
+        readonly onLoadMore?: (() => any) | undefined;
+        readonly onSearch?: ((query: string) => any) | undefined;
+        readonly onClear?: (() => any) | undefined;
+        id?: string | undefined;
+        inputOptions?: Omit<import("../..").AvInputProps, "id" | "modelValue"> | undefined;
+        options?: T[] | undefined;
+        multiSelect?: boolean | undefined;
+        getOptionLabel?: ((option: T) => string) | undefined;
+        getOptionKey?: ((option: T) => string | number) | undefined;
+        filterOptions?: ((options: T[], query: string) => T[]) | undefined;
+        dropdownWidth?: string | undefined;
+        maxDropdownHeight?: string | undefined;
+        listOptions?: import("../../lists/AvList/AvList.vue").AvListProps | undefined;
+        scrollbarClass?: string | undefined;
+        dropdownClass?: string | undefined;
+        loading?: boolean | undefined;
+        debounceDelay?: number | undefined;
+        maxResults?: number | undefined;
+        enableLoadMore?: boolean | undefined;
+        showSelectedSection?: boolean | undefined;
+        blurCloseDelay?: number | undefined;
+        loadMoreThrottleDelay?: number | undefined;
+        serverSideFiltering?: boolean | undefined;
+        modelValue?: T[] | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
+        slots: {
+            requiredTip?: (() => import("vue").Slot) | undefined;
+            item?: import("vue").Slot<{
+                option: T;
+                isSelected: boolean;
+                toggle: () => void;
+            }> | undefined;
+            selectedItem?: import("vue").Slot<{
+                option: T;
+                remove: () => void;
+            }> | undefined;
+            empty?: import("vue").Slot | undefined;
+        };
+        emit: {
+            (e: "search", query: string): void;
+            (e: "loadMore"): void;
+            (e: "clear"): void;
+        } & ((evt: "update:modelValue", value: T[]) => void);
+        attrs: any;
+    } | undefined, __VLS_expose?: ((exposed: import("vue").ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
+        props: {
+            readonly "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
+            readonly onLoadMore?: (() => any) | undefined;
+            readonly onSearch?: ((query: string) => any) | undefined;
+            readonly onClear?: (() => any) | undefined;
+            id?: string | undefined;
+            inputOptions?: Omit<import("../..").AvInputProps, "id" | "modelValue"> | undefined;
+            options?: T[] | undefined;
+            multiSelect?: boolean | undefined;
+            getOptionLabel?: ((option: T) => string) | undefined;
+            getOptionKey?: ((option: T) => string | number) | undefined;
+            filterOptions?: ((options: T[], query: string) => T[]) | undefined;
+            dropdownWidth?: string | undefined;
+            maxDropdownHeight?: string | undefined;
+            listOptions?: import("../../lists/AvList/AvList.vue").AvListProps | undefined;
+            scrollbarClass?: string | undefined;
+            dropdownClass?: string | undefined;
+            loading?: boolean | undefined;
+            debounceDelay?: number | undefined;
+            maxResults?: number | undefined;
+            enableLoadMore?: boolean | undefined;
+            showSelectedSection?: boolean | undefined;
+            blurCloseDelay?: number | undefined;
+            loadMoreThrottleDelay?: number | undefined;
+            serverSideFiltering?: boolean | undefined;
+            modelValue?: T[] | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+        expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+        attrs: any;
+        slots: {
+            requiredTip?: (() => import("vue").Slot) | undefined;
+            item?: import("vue").Slot<{
+                option: T;
+                isSelected: boolean;
+                toggle: () => void;
+            }> | undefined;
+            selectedItem?: import("vue").Slot<{
+                option: T;
+                remove: () => void;
+            }> | undefined;
+            empty?: import("vue").Slot | undefined;
+        };
+        emit: {
+            (e: "search", query: string): void;
+            (e: "loadMore"): void;
+            (e: "clear"): void;
+        } & ((evt: "update:modelValue", value: T[]) => void);
+    }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> & {
+        __ctx?: {
+            props: {
+                readonly "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
+                readonly onLoadMore?: (() => any) | undefined;
+                readonly onSearch?: ((query: string) => any) | undefined;
+                readonly onClear?: (() => any) | undefined;
+                id?: string | undefined;
+                inputOptions?: Omit<import("../..").AvInputProps, "id" | "modelValue"> | undefined;
+                options?: T[] | undefined;
+                multiSelect?: boolean | undefined;
+                getOptionLabel?: ((option: T) => string) | undefined;
+                getOptionKey?: ((option: T) => string | number) | undefined;
+                filterOptions?: ((options: T[], query: string) => T[]) | undefined;
+                dropdownWidth?: string | undefined;
+                maxDropdownHeight?: string | undefined;
+                listOptions?: import("../../lists/AvList/AvList.vue").AvListProps | undefined;
+                scrollbarClass?: string | undefined;
+                dropdownClass?: string | undefined;
+                loading?: boolean | undefined;
+                debounceDelay?: number | undefined;
+                maxResults?: number | undefined;
+                enableLoadMore?: boolean | undefined;
+                showSelectedSection?: boolean | undefined;
+                blurCloseDelay?: number | undefined;
+                loadMoreThrottleDelay?: number | undefined;
+                serverSideFiltering?: boolean | undefined;
+                modelValue?: T[] | undefined;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+            expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+            attrs: any;
+            slots: {
+                requiredTip?: (() => import("vue").Slot) | undefined;
+                item?: import("vue").Slot<{
+                    option: T;
+                    isSelected: boolean;
+                    toggle: () => void;
+                }> | undefined;
+                selectedItem?: import("vue").Slot<{
+                    option: T;
+                    remove: () => void;
+                }> | undefined;
+                empty?: import("vue").Slot | undefined;
+            };
+            emit: {
+                (e: "search", query: string): void;
+                (e: "loadMore"): void;
+                (e: "clear"): void;
+            } & ((evt: "update:modelValue", value: T[]) => void);
+        } | undefined;
+    };
+    tags: string[];
+    argTypes: {
+        id: {
+            control: string;
+        };
+        inputOptions: {
+            control: string;
+            description: string;
+        };
+        options: {
+            control: string;
+        };
+        multiSelect: {
+            control: string;
+        };
+        getOptionLabel: {
+            control: boolean;
+        };
+        getOptionKey: {
+            control: boolean;
+        };
+        filterOptions: {
+            control: boolean;
+        };
+        dropdownWidth: {
+            control: string;
+        };
+        maxDropdownHeight: {
+            control: string;
+        };
+        listOptions: {
+            control: string;
+        };
+        scrollbarClass: {
+            control: string;
+        };
+        dropdownClass: {
+            control: string;
+        };
+        loading: {
+            control: string;
+        };
+        debounceDelay: {
+            control: string;
+        };
+        maxResults: {
+            control: string;
+        };
+        enableLoadMore: {
+            control: string;
+        };
+        showSelectedSection: {
+            control: string;
+        };
+        blurCloseDelay: {
+            control: string;
+        };
+        loadMoreThrottleDelay: {
+            control: string;
+        };
+        serverSideFiltering: {
+            control: string;
+        };
+        requiredTip: {
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        item: {
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        selectedItem: {
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        empty: {
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        options: {
+            label: string;
+            value: string;
+        }[];
+        inputOptions: {
+            label: string;
+            placeholder: string;
+        };
+        multiSelect: boolean;
+        dropdownWidth: string;
+        maxDropdownHeight: string;
+        loading: boolean;
+        debounceDelay: number;
+        enableLoadMore: boolean;
+        showSelectedSection: boolean;
+        blurCloseDelay: number;
+        loadMoreThrottleDelay: number;
+        serverSideFiltering: boolean;
+    };
+    parameters: {
+        docs: {
+            story: {
+                height: string;
+            };
+        };
+    };
+};
+export default meta;
+export declare const Default: StoryFn;
+export declare const MultiSelect: StoryFn;
+export declare const WithCustomInput: StoryFn;
+export declare const Loading: StoryFn;
+export declare const WithLoadMore: StoryFn;
+export declare const CustomDropdownSize: StoryFn;
+export declare const WithCustomItemSlotExample: {
+    render(): {
+        components: {
+            AvAutocomplete: <T extends AvAutocompleteOption = AvAutocompleteOption>(__VLS_props: {
+                readonly "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
+                readonly onLoadMore?: (() => any) | undefined;
+                readonly onSearch?: ((query: string) => any) | undefined;
+                readonly onClear?: (() => any) | undefined;
+                id?: string | undefined;
+                inputOptions?: Omit<import("../..").AvInputProps, "id" | "modelValue"> | undefined;
+                options?: T[] | undefined;
+                multiSelect?: boolean | undefined;
+                getOptionLabel?: ((option: T) => string) | undefined;
+                getOptionKey?: ((option: T) => string | number) | undefined;
+                filterOptions?: ((options: T[], query: string) => T[]) | undefined;
+                dropdownWidth?: string | undefined;
+                maxDropdownHeight?: string | undefined;
+                listOptions?: import("../../lists/AvList/AvList.vue").AvListProps | undefined;
+                scrollbarClass?: string | undefined;
+                dropdownClass?: string | undefined;
+                loading?: boolean | undefined;
+                debounceDelay?: number | undefined;
+                maxResults?: number | undefined;
+                enableLoadMore?: boolean | undefined;
+                showSelectedSection?: boolean | undefined;
+                blurCloseDelay?: number | undefined;
+                loadMoreThrottleDelay?: number | undefined;
+                serverSideFiltering?: boolean | undefined;
+                modelValue?: T[] | undefined;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
+                slots: {
+                    requiredTip?: (() => import("vue").Slot) | undefined;
+                    item?: import("vue").Slot<{
+                        option: T;
+                        isSelected: boolean;
+                        toggle: () => void;
+                    }> | undefined;
+                    selectedItem?: import("vue").Slot<{
+                        option: T;
+                        remove: () => void;
+                    }> | undefined;
+                    empty?: import("vue").Slot | undefined;
+                };
+                emit: {
+                    (e: "search", query: string): void;
+                    (e: "loadMore"): void;
+                    (e: "clear"): void;
+                } & ((evt: "update:modelValue", value: T[]) => void);
+                attrs: any;
+            } | undefined, __VLS_expose?: ((exposed: import("vue").ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
+                props: {
+                    readonly "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
+                    readonly onLoadMore?: (() => any) | undefined;
+                    readonly onSearch?: ((query: string) => any) | undefined;
+                    readonly onClear?: (() => any) | undefined;
+                    id?: string | undefined;
+                    inputOptions?: Omit<import("../..").AvInputProps, "id" | "modelValue"> | undefined;
+                    options?: T[] | undefined;
+                    multiSelect?: boolean | undefined;
+                    getOptionLabel?: ((option: T) => string) | undefined;
+                    getOptionKey?: ((option: T) => string | number) | undefined;
+                    filterOptions?: ((options: T[], query: string) => T[]) | undefined;
+                    dropdownWidth?: string | undefined;
+                    maxDropdownHeight?: string | undefined;
+                    listOptions?: import("../../lists/AvList/AvList.vue").AvListProps | undefined;
+                    scrollbarClass?: string | undefined;
+                    dropdownClass?: string | undefined;
+                    loading?: boolean | undefined;
+                    debounceDelay?: number | undefined;
+                    maxResults?: number | undefined;
+                    enableLoadMore?: boolean | undefined;
+                    showSelectedSection?: boolean | undefined;
+                    blurCloseDelay?: number | undefined;
+                    loadMoreThrottleDelay?: number | undefined;
+                    serverSideFiltering?: boolean | undefined;
+                    modelValue?: T[] | undefined;
+                } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+                expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+                attrs: any;
+                slots: {
+                    requiredTip?: (() => import("vue").Slot) | undefined;
+                    item?: import("vue").Slot<{
+                        option: T;
+                        isSelected: boolean;
+                        toggle: () => void;
+                    }> | undefined;
+                    selectedItem?: import("vue").Slot<{
+                        option: T;
+                        remove: () => void;
+                    }> | undefined;
+                    empty?: import("vue").Slot | undefined;
+                };
+                emit: {
+                    (e: "search", query: string): void;
+                    (e: "loadMore"): void;
+                    (e: "clear"): void;
+                } & ((evt: "update:modelValue", value: T[]) => void);
+            }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }> & {
+                __ctx?: {
+                    props: {
+                        readonly "onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
+                        readonly onLoadMore?: (() => any) | undefined;
+                        readonly onSearch?: ((query: string) => any) | undefined;
+                        readonly onClear?: (() => any) | undefined;
+                        id?: string | undefined;
+                        inputOptions?: Omit<import("../..").AvInputProps, "id" | "modelValue"> | undefined;
+                        options?: T[] | undefined;
+                        multiSelect?: boolean | undefined;
+                        getOptionLabel?: ((option: T) => string) | undefined;
+                        getOptionKey?: ((option: T) => string | number) | undefined;
+                        filterOptions?: ((options: T[], query: string) => T[]) | undefined;
+                        dropdownWidth?: string | undefined;
+                        maxDropdownHeight?: string | undefined;
+                        listOptions?: import("../../lists/AvList/AvList.vue").AvListProps | undefined;
+                        scrollbarClass?: string | undefined;
+                        dropdownClass?: string | undefined;
+                        loading?: boolean | undefined;
+                        debounceDelay?: number | undefined;
+                        maxResults?: number | undefined;
+                        enableLoadMore?: boolean | undefined;
+                        showSelectedSection?: boolean | undefined;
+                        blurCloseDelay?: number | undefined;
+                        loadMoreThrottleDelay?: number | undefined;
+                        serverSideFiltering?: boolean | undefined;
+                        modelValue?: T[] | undefined;
+                    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+                    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+                    attrs: any;
+                    slots: {
+                        requiredTip?: (() => import("vue").Slot) | undefined;
+                        item?: import("vue").Slot<{
+                            option: T;
+                            isSelected: boolean;
+                            toggle: () => void;
+                        }> | undefined;
+                        selectedItem?: import("vue").Slot<{
+                            option: T;
+                            remove: () => void;
+                        }> | undefined;
+                        empty?: import("vue").Slot | undefined;
+                    };
+                    emit: {
+                        (e: "search", query: string): void;
+                        (e: "loadMore"): void;
+                        (e: "clear"): void;
+                    } & ((evt: "update:modelValue", value: T[]) => void);
+                } | undefined;
+            };
+            AvListItem: {
+                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("@/components/interaction/lists/AvListItem/AvListItem.vue").AvListItemProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import("@/components/interaction/lists/AvListItem/AvListItem.vue").AvListItemProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+                __isFragment?: undefined;
+                __isTeleport?: undefined;
+                __isSuspense?: undefined;
+            } & import("vue").ComponentOptionsBase<Readonly<import("@/components/interaction/lists/AvListItem/AvListItem.vue").AvListItemProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                $slots: {
+                    default?: import("vue").Slot | undefined;
+                };
+            });
+        };
+        setup(): {
+            modelValue: import("vue").Ref<never[], never[]>;
+            customOptions: ExtendedOption[];
+            MDI_ICONS: {
+                ACCOUNT_CIRCLE_OUTLINE: string;
+                ACCOUNT_STUDENT_OUTLINE: string;
+                ALERT_CIRCLE_OUTLINE: string;
+                ARROW_DECISION: string;
+                ARROW_LEFT_THIN: string;
+                ARROW_RIGHT: string;
+                ARROW_RIGHT_THIN: string;
+                ARROW_TOP_RIGHT_THICK: string;
+                ATTACH_FILE: string;
+                ATTACHMENT_PLUS: string;
+                BELL_NOTIFICATION: string;
+                BOOK_LOCATION_OUTLINE: string;
+                BRIEFCASE_VARIANT_OUTLINE: string;
+                CALENDAR_MONTH_OUTLINE: string;
+                CHAT_BUBBLE_OUTLINE: string;
+                CHECK: string;
+                CHECK_CIRCLE: string;
+                CHECK_CIRCLE_OUTLINE: string;
+                CHEVRON_DOUBLE_LEFT: string;
+                CHEVRON_DOUBLE_RIGHT: string;
+                CLOSE_CIRCLE_OUTLINE: string;
+                CONTENT_SAVE_OUTLINE: string;
+                DOTS_VERTICAL: string;
+                ELECTRON_FRAMEWORK: string;
+                FAMILY: string;
+                FILE_ACCOUNT_OUTLINE: string;
+                FILE_DOCUMENT_BOX_MULTIPLE_OUTLINE: string;
+                FILE_DOCUMENT_EDIT_OUTLINE: string;
+                FILE_DOCUMENT_MULTIPLE_OUTLINE: string;
+                FLAG_VARIANT: string;
+                FORMAT_LIST_BULLETED: string;
+                HOME_VARIANT_OUTLINE: string;
+                HOURGLASS: string;
+                IMAGE_FILTER_CENTER_FOCUS_WEAK: string;
+                IMAGE_OUTLINE: string;
+                INFORMATION_OUTLINE: string;
+                LOADING_OUTLINE: string;
+                LOGOUT: string;
+                NAVIGATE_BEFORE: string;
+                NAVIGATE_NEXT: string;
+                NOTIFICATIONS_NONE: string;
+                PAGE_FIRST: string;
+                PAGE_LAST: string;
+                PENCIL_OUTLINE: string;
+                PLUS_CIRCLE_OUTLINE: string;
+                POST_IT_NOTES_OUTLINE: string;
+                SCHOOL_OUTLINE: string;
+                SHARE_VARIANT_OUTLINE: string;
+                STAR_CHECK_OUTLINE: string;
+                STAR_SHOOTING_OUTLINE: string;
+                STARS: string;
+                SWAP_HORIZONTAL: string;
+                SWAP_VERTICAL_VARIANT: string;
+                TARGET_ARROW: string;
+                TEST_TUBE_EMPTY: string;
+                TRASH_CAN_OUTLINE: string;
+                TRAY_UPLOAD: string;
+                VECTOR_POLYGON_VARIANT: string;
+                WARNING_OUTLINE: string;
+            };
+        };
+        template: string;
+    };
+};

package/dist/src/components/interaction/selects/AvAutocomplete/AvAutocomplete.stub.d.ts

@@ -0,0 +1,28 @@
+export declare const AvAutocompleteStub: import("vue").DefineComponent<{
+    modelValue?: any;
+    loading?: any;
+    inputOptions?: any;
+    options?: any;
+    multiSelect?: any;
+    getOptionLabel?: any;
+    getOptionKey?: any;
+    maxDropdownHeight?: any;
+    enableLoadMore?: any;
+    serverSideFiltering?: any;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "update:modelValue" | "loadMore" | "clear")[], "search" | "update:modelValue" | "loadMore" | "clear", import("vue").PublicProps, Readonly<{
+    modelValue?: any;
+    loading?: any;
+    inputOptions?: any;
+    options?: any;
+    multiSelect?: any;
+    getOptionLabel?: any;
+    getOptionKey?: any;
+    maxDropdownHeight?: any;
+    enableLoadMore?: any;
+    serverSideFiltering?: any;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onLoadMore?: ((...args: any[]) => any) | undefined;
+    onSearch?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/src/components/interaction/selects/AvAutocomplete/AvAutocomplete.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/interaction/selects/AvAutocomplete/AvAutocomplete.types.d.ts

@@ -0,0 +1,101 @@
+import type { AvInputProps } from '@/components/interaction/inputs/AvInput/AvInput.vue';
+import type { AvListProps } from '@/components/interaction/lists/AvList/AvList.vue';
+export interface AvAutocompleteOption {
+    label: string;
+    value: string | number;
+}
+export interface AvAutocompleteProps<T extends AvAutocompleteOption = AvAutocompleteOption> {
+    /**
+     * ID of the input element
+     */
+    id?: string;
+    /**
+     * Input-related options and configuration
+     */
+    inputOptions?: Omit<AvInputProps, 'id' | 'modelValue'>;
+    /**
+     * Options available for selection
+     */
+    options?: T[];
+    /**
+     * Whether to allow multi-selection
+     * @default true
+     */
+    multiSelect?: boolean;
+    /**
+     * Function to get display text from option
+     */
+    getOptionLabel?: (option: T) => string;
+    /**
+     * Function to get unique key from option
+     */
+    getOptionKey?: (option: T) => string | number;
+    /**
+     * Function to filter options based on query
+     */
+    filterOptions?: (options: T[], query: string) => T[];
+    /**
+     * Width of the dropdown
+     */
+    dropdownWidth?: string;
+    /**
+     * Maximum height of the dropdown
+     */
+    maxDropdownHeight?: string;
+    /**
+     * Props to pass to the AvList component
+     */
+    listOptions?: AvListProps;
+    /**
+     * CSS class to apply to the scrollbar
+     */
+    scrollbarClass?: string;
+    /**
+     * CSS class to apply to the dropdown
+     */
+    dropdownClass?: string;
+    /**
+     * Whether the component is in loading state
+     */
+    loading?: boolean;
+    /**
+     * Debounce delay for search input in milliseconds
+     * @default 300
+     */
+    debounceDelay?: number;
+    /**
+     * Maximum number of results to display
+     */
+    maxResults?: number;
+    /**
+     * Whether to enable pagination with scroll-to-bottom loading
+     * @default false
+     */
+    enableLoadMore?: boolean;
+    /**
+     * Whether to show the selected items section below the input
+     * @default false
+     */
+    showSelectedSection?: boolean;
+    /**
+     * Delay before closing dropdown when focus is lost (in milliseconds)
+     * @default 150
+     */
+    blurCloseDelay?: number;
+    /**
+     * Throttle delay for scroll-to-bottom load more (in milliseconds)
+     * @default 200
+     */
+    loadMoreThrottleDelay?: number;
+    /**
+     * Whether filtering is handled server-side (options prop already contains filtered results)
+     * When true, client-side filtering is bypassed and options are used as-is
+     * @default false
+     */
+    serverSideFiltering?: boolean;
+}
+export declare enum DropdownState {
+    LOADING = "loading",
+    NO_OPTIONS = "no-options",
+    HAS_OPTIONS = "has-options"
+}