sprintify-ui 0.10.86 → 0.10.88

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

@@ -21,6 +21,8 @@ declare const drawer: import("vue").Ref<({
         selected: NormalizedOption | NormalizedOption[] | null | undefined;
         keywords: string;
         loadingBottom: boolean;
+        optionColor: (option: RawOption) => string;
+        optionIcon: (option: RawOption) => string;
         twDrawer: string;
     }> & Omit<{
         readonly size: "xs" | "sm" | "md" | "lg" | "xl";
@@ -30,9 +32,11 @@ declare const drawer: import("vue").Ref<({
         readonly loadingBottom: boolean;
         readonly twDrawer: string;
         readonly selected?: NormalizedOption | NormalizedOption[] | null | undefined;
+        readonly optionColor?: ((option: RawOption) => string) | undefined;
+        readonly optionIcon?: ((option: RawOption) => string) | undefined;
         readonly onSelect?: ((...args: any[]) => any) | undefined;
         readonly onScrollBottom?: ((...args: any[]) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "options" | "loading" | "selected" | "keywords" | "loadingBottom" | "twDrawer">;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "options" | "loading" | "selected" | "keywords" | "loadingBottom" | "optionColor" | "optionIcon" | "twDrawer">;
     $attrs: {
         [x: string]: unknown;
     };
@@ -72,6 +76,14 @@ declare const drawer: import("vue").Ref<({
             type: PropType<Size>;
             default: string;
         };
+        optionColor: {
+            default: undefined;
+            type: PropType<(option: RawOption) => string>;
+        };
+        optionIcon: {
+            default: undefined;
+            type: PropType<(option: RawOption) => string>;
+        };
         twDrawer: {
             type: StringConstructor;
             default: string;
@@ -91,6 +103,8 @@ declare const drawer: import("vue").Ref<({
         selected: NormalizedOption | NormalizedOption[] | null | undefined;
         keywords: string;
         loadingBottom: boolean;
+        optionColor: (option: RawOption) => string;
+        optionIcon: (option: RawOption) => string;
         twDrawer: string;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
         beforeCreate?: (() => void) | (() => void)[];
@@ -119,6 +133,8 @@ declare const drawer: import("vue").Ref<({
     selected: NormalizedOption | NormalizedOption[] | null | undefined;
     keywords: string;
     loadingBottom: boolean;
+    optionColor: (option: RawOption) => string;
+    optionIcon: (option: RawOption) => string;
     twDrawer: string;
 }> & Omit<Readonly<import("vue").ExtractPropTypes<{
     selected: {
@@ -145,6 +161,14 @@ declare const drawer: import("vue").Ref<({
         type: PropType<Size>;
         default: string;
     };
+    optionColor: {
+        default: undefined;
+        type: PropType<(option: RawOption) => string>;
+    };
+    optionIcon: {
+        default: undefined;
+        type: PropType<(option: RawOption) => string>;
+    };
     twDrawer: {
         type: StringConstructor;
         default: string;
@@ -152,7 +176,7 @@ declare const drawer: import("vue").Ref<({
 }>> & Readonly<{
     onSelect?: ((...args: any[]) => any) | undefined;
     onScrollBottom?: ((...args: any[]) => any) | undefined;
-}>, "onKeydown" | ("size" | "options" | "loading" | "selected" | "keywords" | "loadingBottom" | "twDrawer")> & import("vue").ShallowUnwrapRef<{
+}>, "onKeydown" | ("size" | "options" | "loading" | "selected" | "keywords" | "loadingBottom" | "optionColor" | "optionIcon" | "twDrawer")> & import("vue").ShallowUnwrapRef<{
     onKeydown: (event: KeyboardEvent) => void;
 }> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
@@ -178,6 +202,8 @@ declare const drawer: import("vue").Ref<({
         selected: NormalizedOption | NormalizedOption[] | null | undefined;
         keywords: string;
         loadingBottom: boolean;
+        optionColor: (option: RawOption) => string;
+        optionIcon: (option: RawOption) => string;
         twDrawer: string;
     }> & Omit<{
         readonly size: "xs" | "sm" | "md" | "lg" | "xl";
@@ -187,9 +213,11 @@ declare const drawer: import("vue").Ref<({
         readonly loadingBottom: boolean;
         readonly twDrawer: string;
         readonly selected?: NormalizedOption | NormalizedOption[] | null | undefined;
+        readonly optionColor?: ((option: RawOption) => string) | undefined;
+        readonly optionIcon?: ((option: RawOption) => string) | undefined;
         readonly onSelect?: ((...args: any[]) => any) | undefined;
         readonly onScrollBottom?: ((...args: any[]) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "options" | "loading" | "selected" | "keywords" | "loadingBottom" | "twDrawer">;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "size" | "options" | "loading" | "selected" | "keywords" | "loadingBottom" | "optionColor" | "optionIcon" | "twDrawer">;
     $attrs: {
         [x: string]: unknown;
     };
@@ -229,6 +257,14 @@ declare const drawer: import("vue").Ref<({
             type: PropType<Size>;
             default: string;
         };
+        optionColor: {
+            default: undefined;
+            type: PropType<(option: RawOption) => string>;
+        };
+        optionIcon: {
+            default: undefined;
+            type: PropType<(option: RawOption) => string>;
+        };
         twDrawer: {
             type: StringConstructor;
             default: string;
@@ -248,6 +284,8 @@ declare const drawer: import("vue").Ref<({
         selected: NormalizedOption | NormalizedOption[] | null | undefined;
         keywords: string;
         loadingBottom: boolean;
+        optionColor: (option: RawOption) => string;
+        optionIcon: (option: RawOption) => string;
         twDrawer: string;
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
         beforeCreate?: (() => void) | (() => void)[];
@@ -276,6 +314,8 @@ declare const drawer: import("vue").Ref<({
     selected: NormalizedOption | NormalizedOption[] | null | undefined;
     keywords: string;
     loadingBottom: boolean;
+    optionColor: (option: RawOption) => string;
+    optionIcon: (option: RawOption) => string;
     twDrawer: string;
 }> & Omit<Readonly<import("vue").ExtractPropTypes<{
     selected: {
@@ -302,6 +342,14 @@ declare const drawer: import("vue").Ref<({
         type: PropType<Size>;
         default: string;
     };
+    optionColor: {
+        default: undefined;
+        type: PropType<(option: RawOption) => string>;
+    };
+    optionIcon: {
+        default: undefined;
+        type: PropType<(option: RawOption) => string>;
+    };
     twDrawer: {
         type: StringConstructor;
         default: string;
@@ -309,7 +357,7 @@ declare const drawer: import("vue").Ref<({
 }>> & Readonly<{
     onSelect?: ((...args: any[]) => any) | undefined;
     onScrollBottom?: ((...args: any[]) => any) | undefined;
-}>, "onKeydown" | ("size" | "options" | "loading" | "selected" | "keywords" | "loadingBottom" | "twDrawer")> & import("vue").ShallowUnwrapRef<{
+}>, "onKeydown" | ("size" | "options" | "loading" | "selected" | "keywords" | "loadingBottom" | "optionColor" | "optionIcon" | "twDrawer")> & import("vue").ShallowUnwrapRef<{
     onKeydown: (event: KeyboardEvent) => void;
 }> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
@@ -497,6 +545,14 @@ declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPro
         default(): string;
         type: PropType<string>;
     };
+    optionColor: {
+        default: undefined;
+        type: PropType<(option: RawOption) => string>;
+    };
+    optionIcon: {
+        default: undefined;
+        type: PropType<(option: RawOption) => string>;
+    };
     twInput: {
         default: undefined;
         type: PropType<string | string[]>;
@@ -641,6 +697,14 @@ declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPro
         default(): string;
         type: PropType<string>;
     };
+    optionColor: {
+        default: undefined;
+        type: PropType<(option: RawOption) => string>;
+    };
+    optionIcon: {
+        default: undefined;
+        type: PropType<(option: RawOption) => string>;
+    };
     twInput: {
         default: undefined;
         type: PropType<string | string[]>;
@@ -672,6 +736,8 @@ declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPro
     visibleFocus: boolean;
     loading: boolean;
     loadingBottom: boolean;
+    optionColor: (option: RawOption) => string;
+    optionIcon: (option: RawOption) => string;
     dropdownShow: "always" | "focus";
     showModelValue: boolean;
     focusOnMount: boolean;
@@ -776,6 +842,14 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default(): string;
         type: PropType<string>;
     };
+    optionColor: {
+        default: undefined;
+        type: PropType<(option: RawOption) => string>;
+    };
+    optionIcon: {
+        default: undefined;
+        type: PropType<(option: RawOption) => string>;
+    };
     twInput: {
         default: undefined;
         type: PropType<string | string[]>;
@@ -893,6 +967,14 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default(): string;
         type: PropType<string>;
     };
+    optionColor: {
+        default: undefined;
+        type: PropType<(option: RawOption) => string>;
+    };
+    optionIcon: {
+        default: undefined;
+        type: PropType<(option: RawOption) => string>;
+    };
     twInput: {
         default: undefined;
         type: PropType<string | string[]>;
@@ -924,6 +1006,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     visibleFocus: boolean;
     loading: boolean;
     loadingBottom: boolean;
+    optionColor: (option: RawOption) => string;
+    optionIcon: (option: RawOption) => string;
     dropdownShow: "always" | "focus";
     showModelValue: boolean;
     focusOnMount: boolean;

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { NormalizedOption } from '@/types';
+import { NormalizedOption, RawOption } from '@/types';
 import BaseSkeleton from './BaseSkeleton.vue';
 import { Icon as BaseIcon } from '@iconify/vue';
 import BaseSpinnerSmall from '../svg/BaseSpinnerSmall.vue';
@@ -15,14 +15,16 @@ declare const onOptionMouseMove: import("lodash").DebouncedFuncLeading<(index: n
 declare const optionClass: (option: NormalizedOption) => "bg-white" | "bg-slate-200";
 declare const optionSizeClass: import("vue").ComputedRef<"text-xs" | "text-sm">;
 declare const optionIconClass: import("vue").ComputedRef<"w-4 h-4" | "w-5 h-5">;
+declare const optionColorSizeClass: import("vue").ComputedRef<"mr-2 -ml-px h-3 w-3" | "mr-2 -ml-px h-2.5 w-2.5">;
+declare const optionIconSizeClass: import("vue").ComputedRef<"mr-2 -ml-px h-3 w-3" | "mr-2 -ml-0.5 h-4 w-4">;
 declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_1: {}, __VLS_3: {
-    option: import("@/types").RawOption | null;
+    option: RawOption | null;
     value: import("@/types").OptionValue;
     label: string;
     selected: boolean;
     active: boolean;
-}, __VLS_12: {
+}, __VLS_16: {
     options: NormalizedOption[];
 };
 type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
@@ -30,7 +32,7 @@ type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$
 } & {
     option?: (props: typeof __VLS_3) => any;
 } & {
-    footer?: (props: typeof __VLS_12) => any;
+    footer?: (props: typeof __VLS_16) => any;
 }>;
 declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     selected: {
@@ -57,6 +59,14 @@ declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPro
         type: PropType<Size>;
         default: string;
     };
+    optionColor: {
+        default: undefined;
+        type: PropType<(option: RawOption) => string>;
+    };
+    optionIcon: {
+        default: undefined;
+        type: PropType<(option: RawOption) => string>;
+    };
     twDrawer: {
         type: StringConstructor;
         default: string;
@@ -75,6 +85,8 @@ declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPro
     optionClass: typeof optionClass;
     optionSizeClass: typeof optionSizeClass;
     optionIconClass: typeof optionIconClass;
+    optionColorSizeClass: typeof optionColorSizeClass;
+    optionIconSizeClass: typeof optionIconSizeClass;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (...args: any[]) => void;
     scrollBottom: (...args: any[]) => void;
@@ -103,6 +115,14 @@ declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPro
         type: PropType<Size>;
         default: string;
     };
+    optionColor: {
+        default: undefined;
+        type: PropType<(option: RawOption) => string>;
+    };
+    optionIcon: {
+        default: undefined;
+        type: PropType<(option: RawOption) => string>;
+    };
     twDrawer: {
         type: StringConstructor;
         default: string;
@@ -117,6 +137,8 @@ declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPro
     selected: NormalizedOption | NormalizedOption[] | null | undefined;
     keywords: string;
     loadingBottom: boolean;
+    optionColor: (option: RawOption) => string;
+    optionIcon: (option: RawOption) => string;
     twDrawer: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -144,6 +166,14 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: PropType<Size>;
         default: string;
     };
+    optionColor: {
+        default: undefined;
+        type: PropType<(option: RawOption) => string>;
+    };
+    optionIcon: {
+        default: undefined;
+        type: PropType<(option: RawOption) => string>;
+    };
     twDrawer: {
         type: StringConstructor;
         default: string;
@@ -178,6 +208,14 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: PropType<Size>;
         default: string;
     };
+    optionColor: {
+        default: undefined;
+        type: PropType<(option: RawOption) => string>;
+    };
+    optionIcon: {
+        default: undefined;
+        type: PropType<(option: RawOption) => string>;
+    };
     twDrawer: {
         type: StringConstructor;
         default: string;
@@ -192,6 +230,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     selected: NormalizedOption | NormalizedOption[] | null | undefined;
     keywords: string;
     loadingBottom: boolean;
+    optionColor: (option: RawOption) => string;
+    optionIcon: (option: RawOption) => string;
     twDrawer: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

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

@@ -26,6 +26,8 @@ declare const autocomplete: import("vue").Ref<({
         visibleFocus: boolean;
         loading: boolean;
         loadingBottom: boolean;
+        optionColor: (option: RawOption) => string;
+        optionIcon: (option: RawOption) => string;
         dropdownShow: "always" | "focus";
         showModelValue: boolean;
         focusOnMount: boolean;
@@ -58,6 +60,8 @@ declare const autocomplete: import("vue").Ref<({
         readonly name?: string | undefined;
         readonly modelValue?: RawOption | null | undefined;
         readonly placeholder?: string | undefined;
+        readonly optionColor?: ((option: RawOption) => string) | undefined;
+        readonly optionIcon?: ((option: RawOption) => string) | undefined;
         readonly twInput?: string | string[] | undefined;
         readonly twSelect?: string | string[] | undefined;
         readonly onClose?: ((...args: any[]) => any) | undefined;
@@ -67,7 +71,7 @@ declare const autocomplete: import("vue").Ref<({
         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, "filter" | "select" | "size" | "required" | "icon" | "inline" | "disabled" | "name" | "modelValue" | "placeholder" | "hasError" | "visibleFocus" | "loading" | "loadingBottom" | "dropdownShow" | "showModelValue" | "focusOnMount" | "showEmptyOption" | "showRemoveButton" | "emptyOptionLabel" | "twInput" | "twSelect">;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "filter" | "select" | "size" | "required" | "icon" | "inline" | "disabled" | "name" | "modelValue" | "placeholder" | "hasError" | "visibleFocus" | "loading" | "loadingBottom" | "optionColor" | "optionIcon" | "dropdownShow" | "showModelValue" | "focusOnMount" | "showEmptyOption" | "showRemoveButton" | "emptyOptionLabel" | "twInput" | "twSelect">;
     $attrs: {
         [x: string]: unknown;
     };
@@ -175,6 +179,14 @@ declare const autocomplete: import("vue").Ref<({
             default(): string;
             type: PropType<string>;
         };
+        optionColor: {
+            default: undefined;
+            type: PropType<(option: RawOption) => string>;
+        };
+        optionIcon: {
+            default: undefined;
+            type: PropType<(option: RawOption) => string>;
+        };
         twInput: {
             default: undefined;
             type: PropType<string | string[]>;
@@ -220,6 +232,8 @@ declare const autocomplete: import("vue").Ref<({
         visibleFocus: boolean;
         loading: boolean;
         loadingBottom: boolean;
+        optionColor: (option: RawOption) => string;
+        optionIcon: (option: RawOption) => string;
         dropdownShow: "always" | "focus";
         showModelValue: boolean;
         focusOnMount: boolean;
@@ -263,6 +277,8 @@ declare const autocomplete: import("vue").Ref<({
     visibleFocus: boolean;
     loading: boolean;
     loadingBottom: boolean;
+    optionColor: (option: RawOption) => string;
+    optionIcon: (option: RawOption) => string;
     dropdownShow: "always" | "focus";
     showModelValue: boolean;
     focusOnMount: boolean;
@@ -364,6 +380,14 @@ declare const autocomplete: import("vue").Ref<({
         default(): string;
         type: PropType<string>;
     };
+    optionColor: {
+        default: undefined;
+        type: PropType<(option: RawOption) => string>;
+    };
+    optionIcon: {
+        default: undefined;
+        type: PropType<(option: RawOption) => string>;
+    };
     twInput: {
         default: undefined;
         type: PropType<string | string[]>;
@@ -380,7 +404,7 @@ declare const autocomplete: import("vue").Ref<({
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onScrollBottom?: ((...args: any[]) => any) | undefined;
     onTyping?: ((...args: any[]) => any) | undefined;
-}>, "blur" | "close" | "focus" | "open" | "setKeywords" | ("filter" | "select" | "size" | "required" | "icon" | "inline" | "disabled" | "name" | "modelValue" | "placeholder" | "hasError" | "visibleFocus" | "loading" | "loadingBottom" | "dropdownShow" | "showModelValue" | "focusOnMount" | "showEmptyOption" | "showRemoveButton" | "emptyOptionLabel" | "twInput" | "twSelect")> & import("vue").ShallowUnwrapRef<{
+}>, "blur" | "close" | "focus" | "open" | "setKeywords" | ("filter" | "select" | "size" | "required" | "icon" | "inline" | "disabled" | "name" | "modelValue" | "placeholder" | "hasError" | "visibleFocus" | "loading" | "loadingBottom" | "optionColor" | "optionIcon" | "dropdownShow" | "showModelValue" | "focusOnMount" | "showEmptyOption" | "showRemoveButton" | "emptyOptionLabel" | "twInput" | "twSelect")> & import("vue").ShallowUnwrapRef<{
     focus: () => void;
     blur: () => void;
     close: () => void;
@@ -434,6 +458,8 @@ declare const autocomplete: import("vue").Ref<({
         visibleFocus: boolean;
         loading: boolean;
         loadingBottom: boolean;
+        optionColor: (option: RawOption) => string;
+        optionIcon: (option: RawOption) => string;
         dropdownShow: "always" | "focus";
         showModelValue: boolean;
         focusOnMount: boolean;
@@ -466,6 +492,8 @@ declare const autocomplete: import("vue").Ref<({
         readonly name?: string | undefined;
         readonly modelValue?: RawOption | null | undefined;
         readonly placeholder?: string | undefined;
+        readonly optionColor?: ((option: RawOption) => string) | undefined;
+        readonly optionIcon?: ((option: RawOption) => string) | undefined;
         readonly twInput?: string | string[] | undefined;
         readonly twSelect?: string | string[] | undefined;
         readonly onClose?: ((...args: any[]) => any) | undefined;
@@ -475,7 +503,7 @@ declare const autocomplete: import("vue").Ref<({
         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, "filter" | "select" | "size" | "required" | "icon" | "inline" | "disabled" | "name" | "modelValue" | "placeholder" | "hasError" | "visibleFocus" | "loading" | "loadingBottom" | "dropdownShow" | "showModelValue" | "focusOnMount" | "showEmptyOption" | "showRemoveButton" | "emptyOptionLabel" | "twInput" | "twSelect">;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "filter" | "select" | "size" | "required" | "icon" | "inline" | "disabled" | "name" | "modelValue" | "placeholder" | "hasError" | "visibleFocus" | "loading" | "loadingBottom" | "optionColor" | "optionIcon" | "dropdownShow" | "showModelValue" | "focusOnMount" | "showEmptyOption" | "showRemoveButton" | "emptyOptionLabel" | "twInput" | "twSelect">;
     $attrs: {
         [x: string]: unknown;
     };
@@ -583,6 +611,14 @@ declare const autocomplete: import("vue").Ref<({
             default(): string;
             type: PropType<string>;
         };
+        optionColor: {
+            default: undefined;
+            type: PropType<(option: RawOption) => string>;
+        };
+        optionIcon: {
+            default: undefined;
+            type: PropType<(option: RawOption) => string>;
+        };
         twInput: {
             default: undefined;
             type: PropType<string | string[]>;
@@ -628,6 +664,8 @@ declare const autocomplete: import("vue").Ref<({
         visibleFocus: boolean;
         loading: boolean;
         loadingBottom: boolean;
+        optionColor: (option: RawOption) => string;
+        optionIcon: (option: RawOption) => string;
         dropdownShow: "always" | "focus";
         showModelValue: boolean;
         focusOnMount: boolean;
@@ -671,6 +709,8 @@ declare const autocomplete: import("vue").Ref<({
     visibleFocus: boolean;
     loading: boolean;
     loadingBottom: boolean;
+    optionColor: (option: RawOption) => string;
+    optionIcon: (option: RawOption) => string;
     dropdownShow: "always" | "focus";
     showModelValue: boolean;
     focusOnMount: boolean;
@@ -772,6 +812,14 @@ declare const autocomplete: import("vue").Ref<({
         default(): string;
         type: PropType<string>;
     };
+    optionColor: {
+        default: undefined;
+        type: PropType<(option: RawOption) => string>;
+    };
+    optionIcon: {
+        default: undefined;
+        type: PropType<(option: RawOption) => string>;
+    };
     twInput: {
         default: undefined;
         type: PropType<string | string[]>;
@@ -788,7 +836,7 @@ declare const autocomplete: import("vue").Ref<({
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onScrollBottom?: ((...args: any[]) => any) | undefined;
     onTyping?: ((...args: any[]) => any) | undefined;
-}>, "blur" | "close" | "focus" | "open" | "setKeywords" | ("filter" | "select" | "size" | "required" | "icon" | "inline" | "disabled" | "name" | "modelValue" | "placeholder" | "hasError" | "visibleFocus" | "loading" | "loadingBottom" | "dropdownShow" | "showModelValue" | "focusOnMount" | "showEmptyOption" | "showRemoveButton" | "emptyOptionLabel" | "twInput" | "twSelect")> & import("vue").ShallowUnwrapRef<{
+}>, "blur" | "close" | "focus" | "open" | "setKeywords" | ("filter" | "select" | "size" | "required" | "icon" | "inline" | "disabled" | "name" | "modelValue" | "placeholder" | "hasError" | "visibleFocus" | "loading" | "loadingBottom" | "optionColor" | "optionIcon" | "dropdownShow" | "showModelValue" | "focusOnMount" | "showEmptyOption" | "showRemoveButton" | "emptyOptionLabel" | "twInput" | "twSelect")> & import("vue").ShallowUnwrapRef<{
     focus: () => void;
     blur: () => void;
     close: () => void;
@@ -945,6 +993,14 @@ declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPro
         default: undefined;
         type: PropType<SelectConfiguration | undefined>;
     };
+    optionColor: {
+        default: undefined;
+        type: PropType<(option: RawOption) => string>;
+    };
+    optionIcon: {
+        default: undefined;
+        type: PropType<(option: RawOption) => string>;
+    };
     twInput: {
         default: undefined;
         type: PropType<string | string[]>;
@@ -1050,6 +1106,14 @@ declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPro
         default: undefined;
         type: PropType<SelectConfiguration | undefined>;
     };
+    optionColor: {
+        default: undefined;
+        type: PropType<(option: RawOption) => string>;
+    };
+    optionIcon: {
+        default: undefined;
+        type: PropType<(option: RawOption) => string>;
+    };
     twInput: {
         default: undefined;
         type: PropType<string | string[]>;
@@ -1071,6 +1135,8 @@ declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPro
     placeholder: string;
     hasError: boolean;
     visibleFocus: boolean;
+    optionColor: (option: RawOption) => string;
+    optionIcon: (option: RawOption) => string;
     dropdownShow: "always" | "focus";
     showModelValue: boolean;
     focusOnMount: boolean;
@@ -1161,6 +1227,14 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: undefined;
         type: PropType<SelectConfiguration | undefined>;
     };
+    optionColor: {
+        default: undefined;
+        type: PropType<(option: RawOption) => string>;
+    };
+    optionIcon: {
+        default: undefined;
+        type: PropType<(option: RawOption) => string>;
+    };
     twInput: {
         default: undefined;
         type: PropType<string | string[]>;
@@ -1258,6 +1332,14 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: undefined;
         type: PropType<SelectConfiguration | undefined>;
     };
+    optionColor: {
+        default: undefined;
+        type: PropType<(option: RawOption) => string>;
+    };
+    optionIcon: {
+        default: undefined;
+        type: PropType<(option: RawOption) => string>;
+    };
     twInput: {
         default: undefined;
         type: PropType<string | string[]>;
@@ -1279,6 +1361,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     placeholder: string;
     hasError: boolean;
     visibleFocus: boolean;
+    optionColor: (option: RawOption) => string;
+    optionIcon: (option: RawOption) => string;
     dropdownShow: "always" | "focus";
     showModelValue: boolean;
     focusOnMount: boolean;