@indielayer/ui 1.18.0 → 2.0.0

package/lib/components/select/Select.vue.d.ts

@@ -1,23 +1,26 @@
-import { type PropType, type ExtractPublicPropTypes, type Ref, nextTick } from 'vue';
+import { type PropType, type ExtractPublicPropTypes, type Ref, type ComputedRef, nextTick } from 'vue';
 import { type ThemeComponent } from '../../composables/useTheme';
+import type { Size } from '../../composables/useCommon';
+import type { InputGroupPosition } from '../../common/inputGroupRadius';
+import XPopover from '../popover/Popover.vue';
 declare const selectProps: {
     placeholder: StringConstructor;
     options: PropType<SelectOption[]>;
-    multiple: BooleanConstructor;
-    multipleCheckbox: BooleanConstructor;
-    truncate: BooleanConstructor;
-    flat: BooleanConstructor;
-    native: BooleanConstructor;
-    filterable: BooleanConstructor;
-    clearable: BooleanConstructor;
+    multiple: import("vue").Prop<boolean | undefined>;
+    multipleCheckbox: import("vue").Prop<boolean | undefined>;
+    truncate: import("vue").Prop<boolean | undefined>;
+    flat: import("vue").Prop<boolean | undefined>;
+    native: import("vue").Prop<boolean | undefined>;
+    filterable: import("vue").Prop<boolean | undefined>;
+    clearable: import("vue").Prop<boolean | undefined>;
     filterPlaceholder: {
         type: StringConstructor;
         default: string;
     };
-    filterablePrefix: BooleanConstructor;
-    filterableSuffix: BooleanConstructor;
-    hideSelectedOptionSlots: BooleanConstructor;
-    virtualList: BooleanConstructor;
+    filterablePrefix: import("vue").Prop<boolean | undefined>;
+    filterableSuffix: import("vue").Prop<boolean | undefined>;
+    hideSelectedOptionSlots: import("vue").Prop<boolean | undefined>;
+    virtualList: import("vue").Prop<boolean | undefined>;
     virtualListOffsetTop: NumberConstructor;
     virtualListOffsetBottom: NumberConstructor;
     virtualListItemHeight: {
@@ -59,7 +62,7 @@ declare const selectProps: {
         readonly default: "active";
     };
     size: {
-        readonly type: PropType<import("../../composables/useCommon").Size>;
+        readonly type: PropType<Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
@@ -81,6 +84,9 @@ export type SelectProps = ExtractPublicPropTypes<typeof selectProps>;
 type InternalClasses = 'wrapper' | 'box' | 'truncateCounter' | 'content' | 'search' | 'contentBody' | 'iconWrapper' | 'clearButton' | 'icon';
 type InternalExtraData = {
     errorInternal: Ref<boolean>;
+    isInsideInputGroup: boolean;
+    inputGroupPosition: InputGroupPosition | undefined;
+    isPopoverOpen: ComputedRef<boolean>;
 };
 export interface SelectTheme extends ThemeComponent<SelectProps, InternalClasses, InternalExtraData> {
 }
@@ -88,21 +94,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     filter: import('vue').PropType<any>;
     placeholder: StringConstructor;
     options: PropType<SelectOption[]>;
-    multiple: BooleanConstructor;
-    multipleCheckbox: BooleanConstructor;
-    truncate: BooleanConstructor;
-    flat: BooleanConstructor;
-    native: BooleanConstructor;
-    filterable: BooleanConstructor;
-    clearable: BooleanConstructor;
+    multiple: import("vue").Prop<boolean | undefined>;
+    multipleCheckbox: import("vue").Prop<boolean | undefined>;
+    truncate: import("vue").Prop<boolean | undefined>;
+    flat: import("vue").Prop<boolean | undefined>;
+    native: import("vue").Prop<boolean | undefined>;
+    filterable: import("vue").Prop<boolean | undefined>;
+    clearable: import("vue").Prop<boolean | undefined>;
     filterPlaceholder: {
         type: StringConstructor;
         default: string;
     };
-    filterablePrefix: BooleanConstructor;
-    filterableSuffix: BooleanConstructor;
-    hideSelectedOptionSlots: BooleanConstructor;
-    virtualList: BooleanConstructor;
+    filterablePrefix: import("vue").Prop<boolean | undefined>;
+    filterableSuffix: import("vue").Prop<boolean | undefined>;
+    hideSelectedOptionSlots: import("vue").Prop<boolean | undefined>;
+    virtualList: import("vue").Prop<boolean | undefined>;
     virtualListOffsetTop: NumberConstructor;
     virtualListOffsetBottom: NumberConstructor;
     virtualListItemHeight: {
@@ -144,7 +150,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         readonly default: "active";
     };
     size: {
-        readonly type: PropType<import("../../composables/useCommon").Size>;
+        readonly type: PropType<Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
@@ -165,8 +171,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             disabled: boolean;
             type: string;
             color: string;
-            size: import("../../composables/useCommon").Size;
-            block: boolean;
+            size: Size;
             loading: boolean;
             loadingStatus: import("../loader/Loader.vue").LoaderStatus;
             modelValue: string | number | boolean | object | any[] | undefined;
@@ -176,17 +181,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             hideFooter: boolean;
             rules: unknown[];
             skipFormRegistry: boolean;
-            clearable: boolean;
             showPasswordToggle: boolean;
             dir: "rtl" | "ltr";
-            showCounter: boolean;
         }> & Omit<{
             [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
             readonly disabled: boolean;
             readonly type: string;
             readonly color: string;
-            readonly size: import("../../composables/useCommon").Size;
-            readonly block: boolean;
+            readonly size: Size;
             readonly loading: boolean;
             readonly loadingStatus: import("../loader/Loader.vue").LoaderStatus;
             readonly readonly: boolean;
@@ -195,15 +197,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             readonly hideFooter: boolean;
             readonly rules: unknown[];
             readonly skipFormRegistry: boolean;
-            readonly clearable: boolean;
             readonly showPasswordToggle: boolean;
             readonly dir: "rtl" | "ltr";
-            readonly showCounter: boolean;
             readonly error?: string | undefined;
             readonly name?: string | undefined;
             readonly icon?: string | undefined;
             readonly iconLeft?: string | undefined;
             readonly iconRight?: string | undefined;
+            readonly block?: boolean | undefined;
             readonly loadingLabel?: string | undefined;
             readonly modelValue?: string | number | boolean | object | any[] | undefined;
             readonly id?: string | undefined;
@@ -211,80 +212,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             readonly helper?: string | undefined;
             readonly tooltip?: string | undefined;
             readonly placeholder?: string | undefined;
+            readonly clearable?: boolean | undefined;
             readonly max?: string | number | undefined;
             readonly maxlength?: string | number | undefined;
             readonly min?: string | number | undefined;
             readonly minlength?: string | number | undefined;
             readonly step?: string | number | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-            showPasswordToggle: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            dir: {
-                type: PropType<"rtl" | "ltr">;
-                default: string;
-            };
-            icon: StringConstructor;
-            iconLeft: StringConstructor;
-            iconRight: StringConstructor;
-            max: (StringConstructor | NumberConstructor)[];
-            maxlength: (StringConstructor | NumberConstructor)[];
-            min: (StringConstructor | NumberConstructor)[];
-            minlength: (StringConstructor | NumberConstructor)[];
-            placeholder: StringConstructor;
-            type: {
-                type: StringConstructor;
-                default: string;
-            };
-            step: (StringConstructor | NumberConstructor)[];
-            block: BooleanConstructor;
-            showCounter: BooleanConstructor;
-            clearable: BooleanConstructor;
-            modelValue: {
-                readonly type: PropType<string | number | boolean | object | any[] | undefined>;
-                readonly default: undefined;
-            };
-            id: StringConstructor;
-            name: StringConstructor;
-            readonly: BooleanConstructor;
-            required: BooleanConstructor;
-            validateOnInput: {
-                readonly type: BooleanConstructor;
-                readonly default: true;
-            };
-            label: StringConstructor;
-            helper: StringConstructor;
-            error: StringConstructor;
-            hideFooter: BooleanConstructor;
-            rules: {
-                readonly type: ArrayConstructor;
-                readonly default: () => never[];
-            };
-            tooltip: StringConstructor;
-            skipFormRegistry: BooleanConstructor;
-            disabled: BooleanConstructor;
-            loading: BooleanConstructor;
-            loadingLabel: StringConstructor;
-            loadingStatus: {
-                readonly type: PropType<import("../loader/Loader.vue").LoaderStatus>;
-                readonly default: "active";
-            };
-            color: {
-                readonly type: StringConstructor;
-                readonly default: string | undefined;
-            };
-            size: {
-                readonly type: PropType<import("../../composables/useCommon").Size>;
-                readonly default: "md";
-                readonly validator: (value: string) => boolean;
-            };
-        }>> & Readonly<{
-            [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-        }>, "disabled" | "type" | "color" | "size" | "block" | "loading" | "loadingStatus" | "modelValue" | "readonly" | "required" | "validateOnInput" | "hideFooter" | "rules" | "skipFormRegistry" | "clearable" | "showPasswordToggle" | "dir" | "showCounter">;
-        $attrs: {
-            [x: string]: unknown;
-        };
+            readonly showCounter?: boolean | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "type" | "color" | "size" | "loading" | "loadingStatus" | "modelValue" | "readonly" | "required" | "validateOnInput" | "hideFooter" | "rules" | "skipFormRegistry" | "showPasswordToggle" | "dir">;
+        $attrs: import("vue").Attrs;
         $refs: {
             [x: string]: unknown;
         };
@@ -318,9 +254,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
                 default: string;
             };
             step: (StringConstructor | NumberConstructor)[];
-            block: BooleanConstructor;
-            showCounter: BooleanConstructor;
-            clearable: BooleanConstructor;
+            block: import("vue").Prop<boolean | undefined>;
+            showCounter: import("vue").Prop<boolean | undefined>;
+            clearable: import("vue").Prop<boolean | undefined>;
             modelValue: {
                 readonly type: PropType<string | number | boolean | object | any[] | undefined>;
                 readonly default: undefined;
@@ -355,7 +291,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
                 readonly default: string | undefined;
             };
             size: {
-                readonly type: PropType<import("../../composables/useCommon").Size>;
+                readonly type: PropType<Size>;
                 readonly default: "md";
                 readonly validator: (value: string) => boolean;
             };
@@ -371,8 +307,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             disabled: boolean;
             type: string;
             color: string;
-            size: import("../../composables/useCommon").Size;
-            block: boolean;
+            size: Size;
             loading: boolean;
             loadingStatus: import("../loader/Loader.vue").LoaderStatus;
             modelValue: string | number | boolean | object | any[] | undefined;
@@ -382,10 +317,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             hideFooter: boolean;
             rules: unknown[];
             skipFormRegistry: boolean;
-            clearable: boolean;
             showPasswordToggle: boolean;
             dir: "rtl" | "ltr";
-            showCounter: boolean;
         }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -410,8 +343,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         disabled: boolean;
         type: string;
         color: string;
-        size: import("../../composables/useCommon").Size;
-        block: boolean;
+        size: Size;
         loading: boolean;
         loadingStatus: import("../loader/Loader.vue").LoaderStatus;
         modelValue: string | number | boolean | object | any[] | undefined;
@@ -421,10 +353,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         hideFooter: boolean;
         rules: unknown[];
         skipFormRegistry: boolean;
-        clearable: boolean;
         showPasswordToggle: boolean;
         dir: "rtl" | "ltr";
-        showCounter: boolean;
     }> & Omit<Readonly<import("vue").ExtractPropTypes<{
         showPasswordToggle: {
             type: BooleanConstructor;
@@ -447,9 +377,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             default: string;
         };
         step: (StringConstructor | NumberConstructor)[];
-        block: BooleanConstructor;
-        showCounter: BooleanConstructor;
-        clearable: BooleanConstructor;
+        block: import("vue").Prop<boolean | undefined>;
+        showCounter: import("vue").Prop<boolean | undefined>;
+        clearable: import("vue").Prop<boolean | undefined>;
         modelValue: {
             readonly type: PropType<string | number | boolean | object | any[] | undefined>;
             readonly default: undefined;
@@ -484,19 +414,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             readonly default: string | undefined;
         };
         size: {
-            readonly type: PropType<import("../../composables/useCommon").Size>;
+            readonly type: PropType<Size>;
             readonly default: "md";
             readonly validator: (value: string) => boolean;
         };
     }>> & Readonly<{
         [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-    }>, "blur" | "focus" | "reset" | "validate" | "setError" | ("disabled" | "type" | "color" | "size" | "block" | "loading" | "loadingStatus" | "modelValue" | "readonly" | "required" | "validateOnInput" | "hideFooter" | "rules" | "skipFormRegistry" | "clearable" | "showPasswordToggle" | "dir" | "showCounter")> & import("vue").ShallowUnwrapRef<{
+    }>, "blur" | "focus" | "reset" | "validate" | "setError" | ("disabled" | "type" | "color" | "size" | "loading" | "loadingStatus" | "modelValue" | "readonly" | "required" | "validateOnInput" | "hideFooter" | "rules" | "skipFormRegistry" | "showPasswordToggle" | "dir")> & {
         focus: () => void | undefined;
         blur: () => void | undefined;
         reset: () => void;
         validate: (val?: any) => boolean;
         setError: (val: string) => void;
-    }> & {} & import("vue").ComponentCustomProperties & {} & {
+    } & {} & import("vue").ComponentCustomProperties & {} & {
         $slots: {
             prefix?(_: {}): any;
             suffix?(_: {}): any;
@@ -508,8 +438,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             disabled: boolean;
             type: string;
             color: string;
-            size: import("../../composables/useCommon").Size;
-            block: boolean;
+            size: Size;
             loading: boolean;
             loadingStatus: import("../loader/Loader.vue").LoaderStatus;
             modelValue: string | number | boolean | object | any[] | undefined;
@@ -519,17 +448,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             hideFooter: boolean;
             rules: unknown[];
             skipFormRegistry: boolean;
-            clearable: boolean;
             showPasswordToggle: boolean;
             dir: "rtl" | "ltr";
-            showCounter: boolean;
         }> & Omit<{
             [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
             readonly disabled: boolean;
             readonly type: string;
             readonly color: string;
-            readonly size: import("../../composables/useCommon").Size;
-            readonly block: boolean;
+            readonly size: Size;
             readonly loading: boolean;
             readonly loadingStatus: import("../loader/Loader.vue").LoaderStatus;
             readonly readonly: boolean;
@@ -538,15 +464,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             readonly hideFooter: boolean;
             readonly rules: unknown[];
             readonly skipFormRegistry: boolean;
-            readonly clearable: boolean;
             readonly showPasswordToggle: boolean;
             readonly dir: "rtl" | "ltr";
-            readonly showCounter: boolean;
             readonly error?: string | undefined;
             readonly name?: string | undefined;
             readonly icon?: string | undefined;
             readonly iconLeft?: string | undefined;
             readonly iconRight?: string | undefined;
+            readonly block?: boolean | undefined;
             readonly loadingLabel?: string | undefined;
             readonly modelValue?: string | number | boolean | object | any[] | undefined;
             readonly id?: string | undefined;
@@ -554,80 +479,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             readonly helper?: string | undefined;
             readonly tooltip?: string | undefined;
             readonly placeholder?: string | undefined;
+            readonly clearable?: boolean | undefined;
             readonly max?: string | number | undefined;
             readonly maxlength?: string | number | undefined;
             readonly min?: string | number | undefined;
             readonly minlength?: string | number | undefined;
             readonly step?: string | number | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-            showPasswordToggle: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            dir: {
-                type: PropType<"rtl" | "ltr">;
-                default: string;
-            };
-            icon: StringConstructor;
-            iconLeft: StringConstructor;
-            iconRight: StringConstructor;
-            max: (StringConstructor | NumberConstructor)[];
-            maxlength: (StringConstructor | NumberConstructor)[];
-            min: (StringConstructor | NumberConstructor)[];
-            minlength: (StringConstructor | NumberConstructor)[];
-            placeholder: StringConstructor;
-            type: {
-                type: StringConstructor;
-                default: string;
-            };
-            step: (StringConstructor | NumberConstructor)[];
-            block: BooleanConstructor;
-            showCounter: BooleanConstructor;
-            clearable: BooleanConstructor;
-            modelValue: {
-                readonly type: PropType<string | number | boolean | object | any[] | undefined>;
-                readonly default: undefined;
-            };
-            id: StringConstructor;
-            name: StringConstructor;
-            readonly: BooleanConstructor;
-            required: BooleanConstructor;
-            validateOnInput: {
-                readonly type: BooleanConstructor;
-                readonly default: true;
-            };
-            label: StringConstructor;
-            helper: StringConstructor;
-            error: StringConstructor;
-            hideFooter: BooleanConstructor;
-            rules: {
-                readonly type: ArrayConstructor;
-                readonly default: () => never[];
-            };
-            tooltip: StringConstructor;
-            skipFormRegistry: BooleanConstructor;
-            disabled: BooleanConstructor;
-            loading: BooleanConstructor;
-            loadingLabel: StringConstructor;
-            loadingStatus: {
-                readonly type: PropType<import("../loader/Loader.vue").LoaderStatus>;
-                readonly default: "active";
-            };
-            color: {
-                readonly type: StringConstructor;
-                readonly default: string | undefined;
-            };
-            size: {
-                readonly type: PropType<import("../../composables/useCommon").Size>;
-                readonly default: "md";
-                readonly validator: (value: string) => boolean;
-            };
-        }>> & Readonly<{
-            [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-        }>, "disabled" | "type" | "color" | "size" | "block" | "loading" | "loadingStatus" | "modelValue" | "readonly" | "required" | "validateOnInput" | "hideFooter" | "rules" | "skipFormRegistry" | "clearable" | "showPasswordToggle" | "dir" | "showCounter">;
-        $attrs: {
-            [x: string]: unknown;
-        };
+            readonly showCounter?: boolean | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "type" | "color" | "size" | "loading" | "loadingStatus" | "modelValue" | "readonly" | "required" | "validateOnInput" | "hideFooter" | "rules" | "skipFormRegistry" | "showPasswordToggle" | "dir">;
+        $attrs: import("vue").Attrs;
         $refs: {
             [x: string]: unknown;
         };
@@ -661,9 +521,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
                 default: string;
             };
             step: (StringConstructor | NumberConstructor)[];
-            block: BooleanConstructor;
-            showCounter: BooleanConstructor;
-            clearable: BooleanConstructor;
+            block: import("vue").Prop<boolean | undefined>;
+            showCounter: import("vue").Prop<boolean | undefined>;
+            clearable: import("vue").Prop<boolean | undefined>;
             modelValue: {
                 readonly type: PropType<string | number | boolean | object | any[] | undefined>;
                 readonly default: undefined;
@@ -698,7 +558,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
                 readonly default: string | undefined;
             };
             size: {
-                readonly type: PropType<import("../../composables/useCommon").Size>;
+                readonly type: PropType<Size>;
                 readonly default: "md";
                 readonly validator: (value: string) => boolean;
             };
@@ -714,8 +574,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             disabled: boolean;
             type: string;
             color: string;
-            size: import("../../composables/useCommon").Size;
-            block: boolean;
+            size: Size;
             loading: boolean;
             loadingStatus: import("../loader/Loader.vue").LoaderStatus;
             modelValue: string | number | boolean | object | any[] | undefined;
@@ -725,10 +584,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             hideFooter: boolean;
             rules: unknown[];
             skipFormRegistry: boolean;
-            clearable: boolean;
             showPasswordToggle: boolean;
             dir: "rtl" | "ltr";
-            showCounter: boolean;
         }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -753,8 +610,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         disabled: boolean;
         type: string;
         color: string;
-        size: import("../../composables/useCommon").Size;
-        block: boolean;
+        size: Size;
         loading: boolean;
         loadingStatus: import("../loader/Loader.vue").LoaderStatus;
         modelValue: string | number | boolean | object | any[] | undefined;
@@ -764,10 +620,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         hideFooter: boolean;
         rules: unknown[];
         skipFormRegistry: boolean;
-        clearable: boolean;
         showPasswordToggle: boolean;
         dir: "rtl" | "ltr";
-        showCounter: boolean;
     }> & Omit<Readonly<import("vue").ExtractPropTypes<{
         showPasswordToggle: {
             type: BooleanConstructor;
@@ -790,9 +644,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             default: string;
         };
         step: (StringConstructor | NumberConstructor)[];
-        block: BooleanConstructor;
-        showCounter: BooleanConstructor;
-        clearable: BooleanConstructor;
+        block: import("vue").Prop<boolean | undefined>;
+        showCounter: import("vue").Prop<boolean | undefined>;
+        clearable: import("vue").Prop<boolean | undefined>;
         modelValue: {
             readonly type: PropType<string | number | boolean | object | any[] | undefined>;
             readonly default: undefined;
@@ -827,19 +681,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
             readonly default: string | undefined;
         };
         size: {
-            readonly type: PropType<import("../../composables/useCommon").Size>;
+            readonly type: PropType<Size>;
             readonly default: "md";
             readonly validator: (value: string) => boolean;
         };
     }>> & Readonly<{
         [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-    }>, "blur" | "focus" | "reset" | "validate" | "setError" | ("disabled" | "type" | "color" | "size" | "block" | "loading" | "loadingStatus" | "modelValue" | "readonly" | "required" | "validateOnInput" | "hideFooter" | "rules" | "skipFormRegistry" | "clearable" | "showPasswordToggle" | "dir" | "showCounter")> & import("vue").ShallowUnwrapRef<{
+    }>, "blur" | "focus" | "reset" | "validate" | "setError" | ("disabled" | "type" | "color" | "size" | "loading" | "loadingStatus" | "modelValue" | "readonly" | "required" | "validateOnInput" | "hideFooter" | "rules" | "skipFormRegistry" | "showPasswordToggle" | "dir")> & {
         focus: () => void | undefined;
         blur: () => void | undefined;
         reset: () => void;
         validate: (val?: any) => boolean;
         setError: (val: string) => void;
-    }> & {} & import("vue").ComponentCustomProperties & {} & {
+    } & {} & import("vue").ComponentCustomProperties & {} & {
         $slots: {
             prefix?(_: {}): any;
             suffix?(_: {}): any;
@@ -849,21 +703,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     filter: import('vue').PropType<any>;
     placeholder: StringConstructor;
     options: PropType<SelectOption[]>;
-    multiple: BooleanConstructor;
-    multipleCheckbox: BooleanConstructor;
-    truncate: BooleanConstructor;
-    flat: BooleanConstructor;
-    native: BooleanConstructor;
-    filterable: BooleanConstructor;
-    clearable: BooleanConstructor;
+    multiple: import("vue").Prop<boolean | undefined>;
+    multipleCheckbox: import("vue").Prop<boolean | undefined>;
+    truncate: import("vue").Prop<boolean | undefined>;
+    flat: import("vue").Prop<boolean | undefined>;
+    native: import("vue").Prop<boolean | undefined>;
+    filterable: import("vue").Prop<boolean | undefined>;
+    clearable: import("vue").Prop<boolean | undefined>;
     filterPlaceholder: {
         type: StringConstructor;
         default: string;
     };
-    filterablePrefix: BooleanConstructor;
-    filterableSuffix: BooleanConstructor;
-    hideSelectedOptionSlots: BooleanConstructor;
-    virtualList: BooleanConstructor;
+    filterablePrefix: import("vue").Prop<boolean | undefined>;
+    filterableSuffix: import("vue").Prop<boolean | undefined>;
+    hideSelectedOptionSlots: import("vue").Prop<boolean | undefined>;
+    virtualList: import("vue").Prop<boolean | undefined>;
     virtualListOffsetTop: NumberConstructor;
     virtualListOffsetBottom: NumberConstructor;
     virtualListItemHeight: {
@@ -905,7 +759,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         readonly default: "active";
     };
     size: {
-        readonly type: PropType<import("../../composables/useCommon").Size>;
+        readonly type: PropType<Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
@@ -917,9 +771,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }>, {
     disabled: boolean;
-    flat: boolean;
     color: string;
-    size: import("../../composables/useCommon").Size;
+    size: Size;
     loading: boolean;
     loadingStatus: import("../loader/Loader.vue").LoaderStatus;
     modelValue: string | number | boolean | object | any[] | undefined;
@@ -929,374 +782,28 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     hideFooter: boolean;
     rules: unknown[];
     skipFormRegistry: boolean;
-    clearable: boolean;
-    multiple: boolean;
-    multipleCheckbox: boolean;
-    truncate: boolean;
-    native: boolean;
-    filterable: boolean;
     filterPlaceholder: string;
-    filterablePrefix: boolean;
-    filterableSuffix: boolean;
-    hideSelectedOptionSlots: boolean;
-    virtualList: boolean;
     virtualListItemHeight: number;
     virtualListOverscan: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
-    input?(_: {
-        popover: ({
-            $: import("vue").ComponentInternalInstance;
-            $data: {};
-            $props: Partial<{
-                disabled: boolean;
-                delay: string | number | {
-                    show: number;
-                    hide: number;
-                };
-                container: string | boolean | Record<string, any>;
-                positioningDisabled: boolean;
-                placement: import("floating-vue").Placement;
-                triggers: import("floating-vue").TriggerEvent[];
-                hideArrow: boolean;
-                strategy: "absolute" | "fixed";
-                autoHide: boolean | ((event: Event) => boolean);
-                shown: boolean;
-                handleResize: boolean;
-                instantMove: boolean;
-                eagerMount: boolean;
-                computeTransformOrigin: boolean;
-            }> & Omit<{
-                readonly disabled: boolean;
-                readonly delay: string | number | {
-                    show: number;
-                    hide: number;
-                };
-                readonly container: string | boolean | Record<string, any>;
-                readonly positioningDisabled: boolean;
-                readonly placement: import("floating-vue").Placement;
-                readonly triggers: import("floating-vue").TriggerEvent[];
-                readonly hideArrow: boolean;
-                readonly strategy: "absolute" | "fixed";
-                readonly autoHide: boolean | ((event: Event) => boolean);
-                readonly shown: boolean;
-                readonly handleResize: boolean;
-                readonly instantMove: boolean;
-                readonly eagerMount: boolean;
-                readonly computeTransformOrigin: boolean;
-                readonly distance?: string | number | undefined;
-                readonly skidding?: string | number | undefined;
-                readonly showTriggers?: import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue").TriggerEvent[]) => import("floating-vue").TriggerEvent[]) | undefined;
-                readonly hideTriggers?: import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue").TriggerEvent[]) => import("floating-vue").TriggerEvent[]) | undefined;
-                readonly popperTriggers?: import("floating-vue").TriggerEvent[] | undefined;
-                readonly popperShowTriggers?: import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue").TriggerEvent[]) => import("floating-vue").TriggerEvent[]) | undefined;
-                readonly popperHideTriggers?: import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue").TriggerEvent[]) => import("floating-vue").TriggerEvent[]) | undefined;
-                readonly boundary?: string | Record<string, any> | undefined;
-                readonly popperClass?: string | Record<string, any> | unknown[] | undefined;
-                readonly onResize?: ((...args: any[]) => any) | undefined;
-                readonly onShow?: ((...args: any[]) => any) | undefined;
-                readonly onHide?: ((...args: any[]) => any) | undefined;
-                readonly "onUpdate:shown"?: ((...args: any[]) => any) | undefined;
-                readonly "onApply-show"?: ((...args: any[]) => any) | undefined;
-                readonly "onApply-hide"?: ((...args: any[]) => any) | undefined;
-                readonly "onClose-group"?: ((...args: any[]) => any) | undefined;
-                readonly "onClose-directive"?: ((...args: any[]) => any) | undefined;
-                readonly "onAuto-hide"?: ((...args: any[]) => any) | undefined;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-                disabled: BooleanConstructor;
-                positioningDisabled: BooleanConstructor;
-                placement: {
-                    type: PropType<import("floating-vue").Placement>;
-                    default: string;
-                };
-                delay: {
-                    type: PropType<string | number | {
-                        show: number;
-                        hide: number;
-                    }>;
-                    default: number;
-                };
-                distance: (StringConstructor | NumberConstructor)[];
-                skidding: (StringConstructor | NumberConstructor)[];
-                triggers: {
-                    type: PropType<import("floating-vue").TriggerEvent[]>;
-                    default: () => string[];
-                };
-                hideArrow: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                showTriggers: PropType<import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue").TriggerEvent[]) => import("floating-vue").TriggerEvent[])>;
-                hideTriggers: PropType<import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue").TriggerEvent[]) => import("floating-vue").TriggerEvent[])>;
-                popperTriggers: PropType<import("floating-vue").TriggerEvent[]>;
-                popperShowTriggers: PropType<import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue").TriggerEvent[]) => import("floating-vue").TriggerEvent[])>;
-                popperHideTriggers: PropType<import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue").TriggerEvent[]) => import("floating-vue").TriggerEvent[])>;
-                container: {
-                    type: (BooleanConstructor | ObjectConstructor | StringConstructor)[];
-                    default: string;
-                };
-                boundary: (ObjectConstructor | StringConstructor)[];
-                strategy: {
-                    type: PropType<"absolute" | "fixed">;
-                    default: string;
-                };
-                autoHide: {
-                    type: PropType<boolean | ((event: Event) => boolean)>;
-                    default: boolean;
-                };
-                shown: BooleanConstructor;
-                handleResize: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                instantMove: BooleanConstructor;
-                eagerMount: BooleanConstructor;
-                popperClass: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
-                computeTransformOrigin: BooleanConstructor;
-            }>> & Readonly<{
-                onResize?: ((...args: any[]) => any) | undefined;
-                onShow?: ((...args: any[]) => any) | undefined;
-                onHide?: ((...args: any[]) => any) | undefined;
-                "onUpdate:shown"?: ((...args: any[]) => any) | undefined;
-                "onApply-show"?: ((...args: any[]) => any) | undefined;
-                "onApply-hide"?: ((...args: any[]) => any) | undefined;
-                "onClose-group"?: ((...args: any[]) => any) | undefined;
-                "onClose-directive"?: ((...args: any[]) => any) | undefined;
-                "onAuto-hide"?: ((...args: any[]) => any) | undefined;
-            }>, "disabled" | "delay" | "container" | "positioningDisabled" | "placement" | "triggers" | "hideArrow" | "strategy" | "autoHide" | "shown" | "handleResize" | "instantMove" | "eagerMount" | "computeTransformOrigin">;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import("vue").Slot<any> | undefined;
-            }>;
-            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null;
-            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null;
-            $host: Element | null;
-            $emit: (event: "resize" | "show" | "hide" | "update:shown" | "apply-show" | "apply-hide" | "close-group" | "close-directive" | "auto-hide", ...args: any[]) => void;
-            $el: any;
-            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                disabled: BooleanConstructor;
-                positioningDisabled: BooleanConstructor;
-                placement: {
-                    type: PropType<import("floating-vue").Placement>;
-                    default: string;
-                };
-                delay: {
-                    type: PropType<string | number | {
-                        show: number;
-                        hide: number;
-                    }>;
-                    default: number;
-                };
-                distance: (StringConstructor | NumberConstructor)[];
-                skidding: (StringConstructor | NumberConstructor)[];
-                triggers: {
-                    type: PropType<import("floating-vue").TriggerEvent[]>;
-                    default: () => string[];
-                };
-                hideArrow: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                showTriggers: PropType<import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue").TriggerEvent[]) => import("floating-vue").TriggerEvent[])>;
-                hideTriggers: PropType<import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue").TriggerEvent[]) => import("floating-vue").TriggerEvent[])>;
-                popperTriggers: PropType<import("floating-vue").TriggerEvent[]>;
-                popperShowTriggers: PropType<import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue").TriggerEvent[]) => import("floating-vue").TriggerEvent[])>;
-                popperHideTriggers: PropType<import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue").TriggerEvent[]) => import("floating-vue").TriggerEvent[])>;
-                container: {
-                    type: (BooleanConstructor | ObjectConstructor | StringConstructor)[];
-                    default: string;
-                };
-                boundary: (ObjectConstructor | StringConstructor)[];
-                strategy: {
-                    type: PropType<"absolute" | "fixed">;
-                    default: string;
-                };
-                autoHide: {
-                    type: PropType<boolean | ((event: Event) => boolean)>;
-                    default: boolean;
-                };
-                shown: BooleanConstructor;
-                handleResize: {
-                    type: BooleanConstructor;
-                    default: boolean;
-                };
-                instantMove: BooleanConstructor;
-                eagerMount: BooleanConstructor;
-                popperClass: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
-                computeTransformOrigin: BooleanConstructor;
-            }>> & Readonly<{
-                onResize?: ((...args: any[]) => any) | undefined;
-                onShow?: ((...args: any[]) => any) | undefined;
-                onHide?: ((...args: any[]) => any) | undefined;
-                "onUpdate:shown"?: ((...args: any[]) => any) | undefined;
-                "onApply-show"?: ((...args: any[]) => any) | undefined;
-                "onApply-hide"?: ((...args: any[]) => any) | undefined;
-                "onClose-group"?: ((...args: any[]) => any) | undefined;
-                "onClose-directive"?: ((...args: any[]) => any) | undefined;
-                "onAuto-hide"?: ((...args: any[]) => any) | undefined;
-            }>, {
-                show: () => void;
-                hide: () => void;
-                toggle: () => void;
-                isOpen: Ref<boolean, boolean>;
-            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("resize" | "show" | "hide" | "update:shown" | "apply-show" | "apply-hide" | "close-group" | "close-directive" | "auto-hide")[], string, {
-                disabled: boolean;
-                delay: string | number | {
-                    show: number;
-                    hide: number;
-                };
-                container: string | boolean | Record<string, any>;
-                positioningDisabled: boolean;
-                placement: import("floating-vue").Placement;
-                triggers: import("floating-vue").TriggerEvent[];
-                hideArrow: boolean;
-                strategy: "absolute" | "fixed";
-                autoHide: boolean | ((event: Event) => boolean);
-                shown: boolean;
-                handleResize: boolean;
-                instantMove: boolean;
-                eagerMount: boolean;
-                computeTransformOrigin: boolean;
-            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
-                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-                created?: ((() => void) | (() => void)[]) | undefined;
-                beforeMount?: ((() => void) | (() => void)[]) | undefined;
-                mounted?: ((() => void) | (() => void)[]) | undefined;
-                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-                updated?: ((() => void) | (() => void)[]) | undefined;
-                activated?: ((() => void) | (() => void)[]) | undefined;
-                deactivated?: ((() => void) | (() => void)[]) | undefined;
-                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-                destroyed?: ((() => void) | (() => void)[]) | undefined;
-                unmounted?: ((() => void) | (() => void)[]) | undefined;
-                renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[]) | undefined;
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import("@vue/reactivity").OnCleanup) => any : (args_0: any, args_1: any, args_2: import("@vue/reactivity").OnCleanup) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-        } & Readonly<{
-            disabled: boolean;
-            delay: string | number | {
-                show: number;
-                hide: number;
-            };
-            container: string | boolean | Record<string, any>;
-            positioningDisabled: boolean;
-            placement: import("floating-vue").Placement;
-            triggers: import("floating-vue").TriggerEvent[];
-            hideArrow: boolean;
-            strategy: "absolute" | "fixed";
-            autoHide: boolean | ((event: Event) => boolean);
-            shown: boolean;
-            handleResize: boolean;
-            instantMove: boolean;
-            eagerMount: boolean;
-            computeTransformOrigin: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            disabled: BooleanConstructor;
-            positioningDisabled: BooleanConstructor;
-            placement: {
-                type: PropType<import("floating-vue").Placement>;
-                default: string;
-            };
-            delay: {
-                type: PropType<string | number | {
-                    show: number;
-                    hide: number;
-                }>;
-                default: number;
-            };
-            distance: (StringConstructor | NumberConstructor)[];
-            skidding: (StringConstructor | NumberConstructor)[];
-            triggers: {
-                type: PropType<import("floating-vue").TriggerEvent[]>;
-                default: () => string[];
-            };
-            hideArrow: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            showTriggers: PropType<import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue").TriggerEvent[]) => import("floating-vue").TriggerEvent[])>;
-            hideTriggers: PropType<import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue").TriggerEvent[]) => import("floating-vue").TriggerEvent[])>;
-            popperTriggers: PropType<import("floating-vue").TriggerEvent[]>;
-            popperShowTriggers: PropType<import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue").TriggerEvent[]) => import("floating-vue").TriggerEvent[])>;
-            popperHideTriggers: PropType<import("floating-vue").TriggerEvent[] | ((triggers: import("floating-vue").TriggerEvent[]) => import("floating-vue").TriggerEvent[])>;
-            container: {
-                type: (BooleanConstructor | ObjectConstructor | StringConstructor)[];
-                default: string;
-            };
-            boundary: (ObjectConstructor | StringConstructor)[];
-            strategy: {
-                type: PropType<"absolute" | "fixed">;
-                default: string;
-            };
-            autoHide: {
-                type: PropType<boolean | ((event: Event) => boolean)>;
-                default: boolean;
-            };
-            shown: BooleanConstructor;
-            handleResize: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            instantMove: BooleanConstructor;
-            eagerMount: BooleanConstructor;
-            popperClass: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
-            computeTransformOrigin: BooleanConstructor;
-        }>> & Readonly<{
-            onResize?: ((...args: any[]) => any) | undefined;
-            onShow?: ((...args: any[]) => any) | undefined;
-            onHide?: ((...args: any[]) => any) | undefined;
-            "onUpdate:shown"?: ((...args: any[]) => any) | undefined;
-            "onApply-show"?: ((...args: any[]) => any) | undefined;
-            "onApply-hide"?: ((...args: any[]) => any) | undefined;
-            "onClose-group"?: ((...args: any[]) => any) | undefined;
-            "onClose-directive"?: ((...args: any[]) => any) | undefined;
-            "onAuto-hide"?: ((...args: any[]) => any) | undefined;
-        }>, "toggle" | "show" | "hide" | "isOpen" | ("disabled" | "delay" | "container" | "positioningDisabled" | "placement" | "triggers" | "hideArrow" | "strategy" | "autoHide" | "shown" | "handleResize" | "instantMove" | "eagerMount" | "computeTransformOrigin")> & import("vue").ShallowUnwrapRef<{
-            show: () => void;
-            hide: () => void;
-            toggle: () => void;
-            isOpen: Ref<boolean, boolean>;
-        }> & {} & import("vue").ComponentCustomProperties & {} & {
-            $slots: {
-                default?(_: {}): any;
-                content?(_: {}): any;
-            };
-        }) | null;
-        selected: any;
-        disabled: boolean;
-        label: string;
+    prefix(props: {
+        item: SelectOption;
     }): any;
-    prefix?(_: {
-        item: SelectOption | undefined;
+    suffix(props: {
+        item: SelectOption;
     }): any;
-    suffix?(_: {
-        item: SelectOption | undefined;
+    label(props: {
+        item: SelectOption;
     }): any;
-    "content-header"?(_: {}): any;
-    label?(_: {
-        item: {
-            value: string | number;
-            label: string;
-            active: boolean;
-            prefix: string | undefined;
-            suffix: string | undefined;
-            disabled: boolean | undefined;
-            iconRight: string | undefined;
-            keepOpenOnClick: boolean | undefined;
-            onClick: () => void;
-        };
+    input(props: {
+        popover: InstanceType<typeof XPopover> | null;
+        selected: any;
+        disabled: boolean;
+        label: string;
     }): any;
-    "content-footer"?(_: {}): any;
-    icon?(_: {}): any;
+    'content-header'(props?: Record<string, never>): any;
+    'content-footer'(props?: Record<string, never>): any;
+    icon(props?: Record<string, never>): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {