sprintify-ui 0.10.87 → 0.11.0

package/dist/types/components/BaseBelongsToFetch.vue.d.ts

@@ -1,4 +1,3 @@
-import BaseAutocompleteFetch from './BaseAutocompleteFetch.vue';
 import { RawOption, SelectConfiguration } from '@/types';
 import { Size } from '@/utils/sizes';
 type __VLS_Props = {
@@ -23,717 +22,10 @@ type __VLS_Props = {
     showRemoveButton?: boolean;
     emptyOptionLabel?: string;
     select?: SelectConfiguration;
+    optionColor?: (option: RawOption) => string;
+    optionIcon?: (option: RawOption) => string;
+    icon?: string;
 };
-declare const autocompleteFetch: import("vue").Ref<({
-    $: import("vue").ComponentInternalInstance;
-    $data: {};
-    $props: Partial<{
-        select: SelectConfiguration | undefined;
-        size: "xs" | "sm" | "md" | "lg" | "xl";
-        required: boolean;
-        inline: boolean;
-        disabled: boolean;
-        name: string;
-        modelValue: RawOption | null | undefined;
-        placeholder: string;
-        hasError: boolean;
-        visibleFocus: boolean;
-        dropdownShow: "always" | "focus";
-        showModelValue: boolean;
-        focusOnMount: boolean;
-        showEmptyOption: boolean;
-        showRemoveButton: boolean;
-        emptyOptionLabel: string;
-        twInput: string | string[];
-        queryKey: string;
-    }> & Omit<{
-        readonly required: boolean;
-        readonly inline: boolean;
-        readonly disabled: boolean;
-        readonly hasError: boolean;
-        readonly visibleFocus: boolean;
-        readonly url: string;
-        readonly labelKey: string | ((option: RawOption) => string);
-        readonly valueKey: string | ((option: RawOption) => string);
-        readonly dropdownShow: "always" | "focus";
-        readonly showModelValue: boolean;
-        readonly focusOnMount: boolean;
-        readonly showEmptyOption: boolean;
-        readonly showRemoveButton: boolean;
-        readonly queryKey: string;
-        readonly select?: SelectConfiguration | undefined;
-        readonly size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-        readonly name?: string | undefined;
-        readonly modelValue?: RawOption | null | undefined;
-        readonly placeholder?: string | undefined;
-        readonly emptyOptionLabel?: string | undefined;
-        readonly twInput?: string | string[] | undefined;
-        readonly onFocus?: ((...args: any[]) => any) | undefined;
-        readonly onClear?: ((...args: any[]) => any) | undefined;
-        readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        readonly onScrollBottom?: ((...args: any[]) => any) | undefined;
-        readonly onTyping?: ((...args: any[]) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "select" | "size" | "required" | "inline" | "disabled" | "name" | "modelValue" | "placeholder" | "hasError" | "visibleFocus" | "dropdownShow" | "showModelValue" | "focusOnMount" | "showEmptyOption" | "showRemoveButton" | "emptyOptionLabel" | "twInput" | "queryKey">;
-    $attrs: {
-        [x: string]: unknown;
-    };
-    $refs: {
-        [x: string]: unknown;
-    };
-    $slots: Readonly<{
-        [name: string]: import("vue").Slot<any> | undefined;
-    }>;
-    $root: import("vue").ComponentPublicInstance | null;
-    $parent: import("vue").ComponentPublicInstance | null;
-    $host: Element | null;
-    $emit: ((event: "focus", ...args: any[]) => void) & ((event: "clear", ...args: any[]) => void) & ((event: "update:modelValue", ...args: any[]) => void) & ((event: "scrollBottom", ...args: any[]) => void) & ((event: "typing", ...args: any[]) => void);
-    $el: any;
-    $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        modelValue: {
-            default: undefined;
-            type: import("vue").PropType<RawOption | null | undefined>;
-        };
-        url: {
-            required: true;
-            type: StringConstructor;
-        };
-        labelKey: {
-            required: true;
-            type: import("vue").PropType<string | ((option: RawOption) => string)>;
-        };
-        valueKey: {
-            required: true;
-            type: import("vue").PropType<string | ((option: RawOption) => string)>;
-        };
-        name: {
-            default: undefined;
-            type: StringConstructor;
-        };
-        placeholder: {
-            default: undefined;
-            type: StringConstructor;
-        };
-        required: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        disabled: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        queryKey: {
-            default: string;
-            type: StringConstructor;
-        };
-        hasError: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        inline: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        size: {
-            default: undefined;
-            type: import("vue").PropType<Size>;
-        };
-        dropdownShow: {
-            default: string;
-            type: import("vue").PropType<"focus" | "always">;
-        };
-        showModelValue: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        visibleFocus: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        focusOnMount: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        showEmptyOption: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        showRemoveButton: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        emptyOptionLabel: {
-            default: undefined;
-            type: StringConstructor;
-        };
-        select: {
-            default: undefined;
-            type: import("vue").PropType<SelectConfiguration | undefined>;
-        };
-        twInput: {
-            default: undefined;
-            type: import("vue").PropType<string | string[]>;
-        };
-    }>> & Readonly<{
-        onFocus?: ((...args: any[]) => any) | undefined;
-        onClear?: ((...args: any[]) => any) | undefined;
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        onScrollBottom?: ((...args: any[]) => any) | undefined;
-        onTyping?: ((...args: any[]) => any) | undefined;
-    }>, {
-        focus: () => void | undefined;
-        blur: () => void | undefined;
-        open: () => void | undefined;
-        close: () => void | undefined;
-        setKeywords: (input: string) => void | undefined;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        focus: (...args: any[]) => void;
-        clear: (...args: any[]) => void;
-        "update:modelValue": (...args: any[]) => void;
-        scrollBottom: (...args: any[]) => void;
-        typing: (...args: any[]) => void;
-    }, string, {
-        select: SelectConfiguration | undefined;
-        size: "xs" | "sm" | "md" | "lg" | "xl";
-        required: boolean;
-        inline: boolean;
-        disabled: boolean;
-        name: string;
-        modelValue: RawOption | null | undefined;
-        placeholder: string;
-        hasError: boolean;
-        visibleFocus: boolean;
-        dropdownShow: "always" | "focus";
-        showModelValue: boolean;
-        focusOnMount: boolean;
-        showEmptyOption: boolean;
-        showRemoveButton: boolean;
-        emptyOptionLabel: string;
-        twInput: string | string[];
-        queryKey: string;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
-        beforeCreate?: (() => void) | (() => void)[];
-        created?: (() => void) | (() => void)[];
-        beforeMount?: (() => void) | (() => void)[];
-        mounted?: (() => void) | (() => void)[];
-        beforeUpdate?: (() => void) | (() => void)[];
-        updated?: (() => void) | (() => void)[];
-        activated?: (() => void) | (() => void)[];
-        deactivated?: (() => void) | (() => void)[];
-        beforeDestroy?: (() => void) | (() => void)[];
-        beforeUnmount?: (() => void) | (() => void)[];
-        destroyed?: (() => void) | (() => void)[];
-        unmounted?: (() => void) | (() => void)[];
-        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
-    };
-    $forceUpdate: () => void;
-    $nextTick: typeof import("vue").nextTick;
-    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
-} & Readonly<{
-    select: SelectConfiguration | undefined;
-    size: "xs" | "sm" | "md" | "lg" | "xl";
-    required: boolean;
-    inline: boolean;
-    disabled: boolean;
-    name: string;
-    modelValue: RawOption | null | undefined;
-    placeholder: string;
-    hasError: boolean;
-    visibleFocus: boolean;
-    dropdownShow: "always" | "focus";
-    showModelValue: boolean;
-    focusOnMount: boolean;
-    showEmptyOption: boolean;
-    showRemoveButton: boolean;
-    emptyOptionLabel: string;
-    twInput: string | string[];
-    queryKey: string;
-}> & Omit<Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        default: undefined;
-        type: import("vue").PropType<RawOption | null | undefined>;
-    };
-    url: {
-        required: true;
-        type: StringConstructor;
-    };
-    labelKey: {
-        required: true;
-        type: import("vue").PropType<string | ((option: RawOption) => string)>;
-    };
-    valueKey: {
-        required: true;
-        type: import("vue").PropType<string | ((option: RawOption) => string)>;
-    };
-    name: {
-        default: undefined;
-        type: StringConstructor;
-    };
-    placeholder: {
-        default: undefined;
-        type: StringConstructor;
-    };
-    required: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    disabled: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    queryKey: {
-        default: string;
-        type: StringConstructor;
-    };
-    hasError: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    inline: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    size: {
-        default: undefined;
-        type: import("vue").PropType<Size>;
-    };
-    dropdownShow: {
-        default: string;
-        type: import("vue").PropType<"focus" | "always">;
-    };
-    showModelValue: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    visibleFocus: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    focusOnMount: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    showEmptyOption: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    showRemoveButton: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    emptyOptionLabel: {
-        default: undefined;
-        type: StringConstructor;
-    };
-    select: {
-        default: undefined;
-        type: import("vue").PropType<SelectConfiguration | undefined>;
-    };
-    twInput: {
-        default: undefined;
-        type: import("vue").PropType<string | string[]>;
-    };
-}>> & Readonly<{
-    onFocus?: ((...args: any[]) => any) | undefined;
-    onClear?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onScrollBottom?: ((...args: any[]) => any) | undefined;
-    onTyping?: ((...args: any[]) => any) | undefined;
-}>, "blur" | "close" | "focus" | "open" | "setKeywords" | ("select" | "size" | "required" | "inline" | "disabled" | "name" | "modelValue" | "placeholder" | "hasError" | "visibleFocus" | "dropdownShow" | "showModelValue" | "focusOnMount" | "showEmptyOption" | "showRemoveButton" | "emptyOptionLabel" | "twInput" | "queryKey")> & import("vue").ShallowUnwrapRef<{
-    focus: () => void | undefined;
-    blur: () => void | undefined;
-    open: () => void | undefined;
-    close: () => void | undefined;
-    setKeywords: (input: string) => void | undefined;
-}> & {} & import("vue").ComponentCustomProperties & {} & {
-    $slots: {
-        option?: ((props: {
-            focus: () => void;
-            blur: () => void;
-            open: () => void;
-            close: () => void;
-            keywords: import("vue").ComputedRef<string>;
-            option: RawOption | null;
-            value: import("@/types").OptionValue;
-            label: string;
-            selected: boolean;
-            active: boolean;
-        }) => any) | undefined;
-        footer?: ((props: {
-            keywords: string;
-            focus: () => void;
-            blur: () => void;
-            open: () => void;
-            close: () => void;
-            options: import("@/types").NormalizedOption[];
-        }) => any) | undefined;
-        empty?: ((props: {
-            firstSearch: boolean;
-            focus: () => void;
-            blur: () => void;
-            open: () => void;
-            close: () => void;
-            keywords: import("vue").ComputedRef<string>;
-        }) => any) | undefined;
-    };
-}) | null, ({
-    $: import("vue").ComponentInternalInstance;
-    $data: {};
-    $props: Partial<{
-        select: SelectConfiguration | undefined;
-        size: "xs" | "sm" | "md" | "lg" | "xl";
-        required: boolean;
-        inline: boolean;
-        disabled: boolean;
-        name: string;
-        modelValue: RawOption | null | undefined;
-        placeholder: string;
-        hasError: boolean;
-        visibleFocus: boolean;
-        dropdownShow: "always" | "focus";
-        showModelValue: boolean;
-        focusOnMount: boolean;
-        showEmptyOption: boolean;
-        showRemoveButton: boolean;
-        emptyOptionLabel: string;
-        twInput: string | string[];
-        queryKey: string;
-    }> & Omit<{
-        readonly required: boolean;
-        readonly inline: boolean;
-        readonly disabled: boolean;
-        readonly hasError: boolean;
-        readonly visibleFocus: boolean;
-        readonly url: string;
-        readonly labelKey: string | ((option: RawOption) => string);
-        readonly valueKey: string | ((option: RawOption) => string);
-        readonly dropdownShow: "always" | "focus";
-        readonly showModelValue: boolean;
-        readonly focusOnMount: boolean;
-        readonly showEmptyOption: boolean;
-        readonly showRemoveButton: boolean;
-        readonly queryKey: string;
-        readonly select?: SelectConfiguration | undefined;
-        readonly size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-        readonly name?: string | undefined;
-        readonly modelValue?: RawOption | null | undefined;
-        readonly placeholder?: string | undefined;
-        readonly emptyOptionLabel?: string | undefined;
-        readonly twInput?: string | string[] | undefined;
-        readonly onFocus?: ((...args: any[]) => any) | undefined;
-        readonly onClear?: ((...args: any[]) => any) | undefined;
-        readonly "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        readonly onScrollBottom?: ((...args: any[]) => any) | undefined;
-        readonly onTyping?: ((...args: any[]) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "select" | "size" | "required" | "inline" | "disabled" | "name" | "modelValue" | "placeholder" | "hasError" | "visibleFocus" | "dropdownShow" | "showModelValue" | "focusOnMount" | "showEmptyOption" | "showRemoveButton" | "emptyOptionLabel" | "twInput" | "queryKey">;
-    $attrs: {
-        [x: string]: unknown;
-    };
-    $refs: {
-        [x: string]: unknown;
-    };
-    $slots: Readonly<{
-        [name: string]: import("vue").Slot<any> | undefined;
-    }>;
-    $root: import("vue").ComponentPublicInstance | null;
-    $parent: import("vue").ComponentPublicInstance | null;
-    $host: Element | null;
-    $emit: ((event: "focus", ...args: any[]) => void) & ((event: "clear", ...args: any[]) => void) & ((event: "update:modelValue", ...args: any[]) => void) & ((event: "scrollBottom", ...args: any[]) => void) & ((event: "typing", ...args: any[]) => void);
-    $el: any;
-    $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        modelValue: {
-            default: undefined;
-            type: import("vue").PropType<RawOption | null | undefined>;
-        };
-        url: {
-            required: true;
-            type: StringConstructor;
-        };
-        labelKey: {
-            required: true;
-            type: import("vue").PropType<string | ((option: RawOption) => string)>;
-        };
-        valueKey: {
-            required: true;
-            type: import("vue").PropType<string | ((option: RawOption) => string)>;
-        };
-        name: {
-            default: undefined;
-            type: StringConstructor;
-        };
-        placeholder: {
-            default: undefined;
-            type: StringConstructor;
-        };
-        required: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        disabled: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        queryKey: {
-            default: string;
-            type: StringConstructor;
-        };
-        hasError: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        inline: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        size: {
-            default: undefined;
-            type: import("vue").PropType<Size>;
-        };
-        dropdownShow: {
-            default: string;
-            type: import("vue").PropType<"focus" | "always">;
-        };
-        showModelValue: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        visibleFocus: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        focusOnMount: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        showEmptyOption: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        showRemoveButton: {
-            default: boolean;
-            type: BooleanConstructor;
-        };
-        emptyOptionLabel: {
-            default: undefined;
-            type: StringConstructor;
-        };
-        select: {
-            default: undefined;
-            type: import("vue").PropType<SelectConfiguration | undefined>;
-        };
-        twInput: {
-            default: undefined;
-            type: import("vue").PropType<string | string[]>;
-        };
-    }>> & Readonly<{
-        onFocus?: ((...args: any[]) => any) | undefined;
-        onClear?: ((...args: any[]) => any) | undefined;
-        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        onScrollBottom?: ((...args: any[]) => any) | undefined;
-        onTyping?: ((...args: any[]) => any) | undefined;
-    }>, {
-        focus: () => void | undefined;
-        blur: () => void | undefined;
-        open: () => void | undefined;
-        close: () => void | undefined;
-        setKeywords: (input: string) => void | undefined;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        focus: (...args: any[]) => void;
-        clear: (...args: any[]) => void;
-        "update:modelValue": (...args: any[]) => void;
-        scrollBottom: (...args: any[]) => void;
-        typing: (...args: any[]) => void;
-    }, string, {
-        select: SelectConfiguration | undefined;
-        size: "xs" | "sm" | "md" | "lg" | "xl";
-        required: boolean;
-        inline: boolean;
-        disabled: boolean;
-        name: string;
-        modelValue: RawOption | null | undefined;
-        placeholder: string;
-        hasError: boolean;
-        visibleFocus: boolean;
-        dropdownShow: "always" | "focus";
-        showModelValue: boolean;
-        focusOnMount: boolean;
-        showEmptyOption: boolean;
-        showRemoveButton: boolean;
-        emptyOptionLabel: string;
-        twInput: string | string[];
-        queryKey: string;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
-        beforeCreate?: (() => void) | (() => void)[];
-        created?: (() => void) | (() => void)[];
-        beforeMount?: (() => void) | (() => void)[];
-        mounted?: (() => void) | (() => void)[];
-        beforeUpdate?: (() => void) | (() => void)[];
-        updated?: (() => void) | (() => void)[];
-        activated?: (() => void) | (() => void)[];
-        deactivated?: (() => void) | (() => void)[];
-        beforeDestroy?: (() => void) | (() => void)[];
-        beforeUnmount?: (() => void) | (() => void)[];
-        destroyed?: (() => void) | (() => void)[];
-        unmounted?: (() => void) | (() => void)[];
-        renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-        renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-        errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
-    };
-    $forceUpdate: () => void;
-    $nextTick: typeof import("vue").nextTick;
-    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
-} & Readonly<{
-    select: SelectConfiguration | undefined;
-    size: "xs" | "sm" | "md" | "lg" | "xl";
-    required: boolean;
-    inline: boolean;
-    disabled: boolean;
-    name: string;
-    modelValue: RawOption | null | undefined;
-    placeholder: string;
-    hasError: boolean;
-    visibleFocus: boolean;
-    dropdownShow: "always" | "focus";
-    showModelValue: boolean;
-    focusOnMount: boolean;
-    showEmptyOption: boolean;
-    showRemoveButton: boolean;
-    emptyOptionLabel: string;
-    twInput: string | string[];
-    queryKey: string;
-}> & Omit<Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        default: undefined;
-        type: import("vue").PropType<RawOption | null | undefined>;
-    };
-    url: {
-        required: true;
-        type: StringConstructor;
-    };
-    labelKey: {
-        required: true;
-        type: import("vue").PropType<string | ((option: RawOption) => string)>;
-    };
-    valueKey: {
-        required: true;
-        type: import("vue").PropType<string | ((option: RawOption) => string)>;
-    };
-    name: {
-        default: undefined;
-        type: StringConstructor;
-    };
-    placeholder: {
-        default: undefined;
-        type: StringConstructor;
-    };
-    required: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    disabled: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    queryKey: {
-        default: string;
-        type: StringConstructor;
-    };
-    hasError: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    inline: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    size: {
-        default: undefined;
-        type: import("vue").PropType<Size>;
-    };
-    dropdownShow: {
-        default: string;
-        type: import("vue").PropType<"focus" | "always">;
-    };
-    showModelValue: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    visibleFocus: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    focusOnMount: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    showEmptyOption: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    showRemoveButton: {
-        default: boolean;
-        type: BooleanConstructor;
-    };
-    emptyOptionLabel: {
-        default: undefined;
-        type: StringConstructor;
-    };
-    select: {
-        default: undefined;
-        type: import("vue").PropType<SelectConfiguration | undefined>;
-    };
-    twInput: {
-        default: undefined;
-        type: import("vue").PropType<string | string[]>;
-    };
-}>> & Readonly<{
-    onFocus?: ((...args: any[]) => any) | undefined;
-    onClear?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onScrollBottom?: ((...args: any[]) => any) | undefined;
-    onTyping?: ((...args: any[]) => any) | undefined;
-}>, "blur" | "close" | "focus" | "open" | "setKeywords" | ("select" | "size" | "required" | "inline" | "disabled" | "name" | "modelValue" | "placeholder" | "hasError" | "visibleFocus" | "dropdownShow" | "showModelValue" | "focusOnMount" | "showEmptyOption" | "showRemoveButton" | "emptyOptionLabel" | "twInput" | "queryKey")> & import("vue").ShallowUnwrapRef<{
-    focus: () => void | undefined;
-    blur: () => void | undefined;
-    open: () => void | undefined;
-    close: () => void | undefined;
-    setKeywords: (input: string) => void | undefined;
-}> & {} & import("vue").ComponentCustomProperties & {} & {
-    $slots: {
-        option?: ((props: {
-            focus: () => void;
-            blur: () => void;
-            open: () => void;
-            close: () => void;
-            keywords: import("vue").ComputedRef<string>;
-            option: RawOption | null;
-            value: import("@/types").OptionValue;
-            label: string;
-            selected: boolean;
-            active: boolean;
-        }) => any) | undefined;
-        footer?: ((props: {
-            keywords: string;
-            focus: () => void;
-            blur: () => void;
-            open: () => void;
-            close: () => void;
-            options: import("@/types").NormalizedOption[];
-        }) => any) | undefined;
-        empty?: ((props: {
-            firstSearch: boolean;
-            focus: () => void;
-            blur: () => void;
-            open: () => void;
-            close: () => void;
-            keywords: import("vue").ComputedRef<string>;
-        }) => any) | undefined;
-    };
-}) | null>;
-declare const model: import("vue").Ref<RawOption | null, RawOption | null>;
-declare function onUpdate(newModel: RawOption | null): void;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_10: {
     focus: () => void;
     blur: () => void;
@@ -760,43 +52,13 @@ declare var __VLS_10: {
     close: () => void;
     options: import("@/types").NormalizedOption[];
 };
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     option?: (props: typeof __VLS_10) => any;
 } & {
     empty?: (props: typeof __VLS_12) => any;
 } & {
     footer?: (props: typeof __VLS_14) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
-    BaseAutocompleteFetch: typeof BaseAutocompleteFetch;
-    autocompleteFetch: typeof autocompleteFetch;
-    model: typeof model;
-    onUpdate: typeof onUpdate;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {
-    select: SelectConfiguration;
-    size: Size;
-    required: boolean;
-    inline: boolean;
-    disabled: boolean;
-    name: string;
-    modelValue: string | number | null;
-    placeholder: string;
-    hasError: boolean;
-    visibleFocus: boolean;
-    primaryKey: string;
-    dropdownShow: "focus" | "always";
-    showModelValue: boolean;
-    focusOnMount: boolean;
-    showEmptyOption: boolean;
-    showRemoveButton: boolean;
-    emptyOptionLabel: string;
-    showRouteUrl: (id: string | number) => string;
-    currentModel: RawOption | null;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+};
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     focus: () => void | undefined;
     blur: () => void | undefined;
@@ -809,16 +71,19 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     select: SelectConfiguration;
+    placeholder: string;
+    inline: boolean;
     size: Size;
     required: boolean;
-    inline: boolean;
+    icon: string;
     disabled: boolean;
     name: string;
     modelValue: string | number | null;
-    placeholder: string;
     hasError: boolean;
     visibleFocus: boolean;
     primaryKey: string;
+    optionColor: (option: RawOption) => string;
+    optionIcon: (option: RawOption) => string;
     dropdownShow: "focus" | "always";
     showModelValue: boolean;
     focusOnMount: boolean;