@nuxt/ui 2.17.0 → 2.18.0

package/dist/runtime/components/forms/SelectMenu.vue.d.ts

@@ -1,32 +1,211 @@
 import type { PropType } from 'vue';
-import type { SelectSize, SelectVariant, PopperOptions } from '../../types';
+import type { SelectSize, SelectColor, SelectVariant, PopperOptions, Strategy } from '../../types.js';
+declare const config: {
+    form: string;
+    placeholder: string;
+    default: {
+        size: string;
+        color: string;
+        variant: string;
+        loadingIcon: string;
+        trailingIcon: string;
+    };
+    wrapper: string;
+    base: string;
+    rounded: string;
+    file: {
+        base: string;
+    };
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    gap: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    padding: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    leading: {
+        padding: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+    };
+    trailing: {
+        padding: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+    };
+    color: {
+        white: {
+            outline: string;
+        };
+        gray: {
+            outline: string;
+        };
+    };
+    variant: {
+        outline: string;
+        none: string;
+    };
+    icon: {
+        base: string;
+        color: string;
+        loading: string;
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+        leading: {
+            wrapper: string;
+            pointer: string;
+            padding: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            };
+        };
+        trailing: {
+            wrapper: string;
+            pointer: string;
+            padding: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            };
+        };
+    };
+};
+declare const configMenu: {
+    select: string;
+    input: string;
+    required: string;
+    label: string;
+    option: {
+        create: string;
+        base: string;
+        rounded: string;
+        padding: string;
+        size: string;
+        color: string;
+        container: string;
+        active: string;
+        inactive: string;
+        selected: string;
+        disabled: string;
+        empty: string;
+        icon: {
+            base: string;
+            active: string;
+            inactive: string;
+        };
+        selectedIcon: {
+            wrapper: string;
+            padding: string;
+            base: string;
+        };
+        avatar: {
+            base: string;
+            size: "2xs";
+        };
+        chip: {
+            base: string;
+        };
+    };
+    transition: {
+        leaveActiveClass: string;
+        leaveFromClass: string;
+        leaveToClass: string;
+    };
+    popper: {
+        placement: string;
+    };
+    default: {
+        selectedIcon: string;
+        clearSearchOnClose: boolean;
+        showCreateOptionWhen: string;
+    };
+    arrow: {
+        ring: string;
+        background: string;
+        base: string;
+        rounded: string;
+        shadow: string;
+        placement: string;
+    };
+    container: string;
+    trigger: string;
+    width: string;
+    height: string;
+    base: string;
+    background: string;
+    shadow: string;
+    rounded: string;
+    padding: string;
+    ring: string;
+    empty: string;
+};
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
-        type: (StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor)[];
+        type: (ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor | ArrayConstructor)[];
         default: string;
     };
     query: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     by: {
         type: StringConstructor;
-        default: undefined;
+        default: any;
     };
     options: {
-        type: PropType<string[] | {
+        type: PropType<{
             [key: string]: any;
-            disabled?: boolean | undefined;
-        }[]>;
-        default: () => never[];
+            disabled?: boolean;
+        }[] | string[]>;
+        default: () => any[];
     };
     id: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     name: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     required: {
         type: BooleanConstructor;
@@ -34,19 +213,19 @@ declare const _default: import("vue").DefineComponent<{
     };
     icon: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     loadingIcon: {
         type: StringConstructor;
-        default: () => any;
+        default: () => string;
     };
     leadingIcon: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     trailingIcon: {
         type: StringConstructor;
-        default: () => any;
+        default: () => string;
     };
     trailing: {
         type: BooleanConstructor;
@@ -62,7 +241,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     selectedIcon: {
         type: StringConstructor;
-        default: () => any;
+        default: () => string;
     };
     disabled: {
         type: BooleanConstructor;
@@ -86,7 +265,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     clearSearchOnClose: {
         type: BooleanConstructor;
-        default: () => any;
+        default: () => boolean;
     };
     debounce: {
         type: NumberConstructor;
@@ -97,12 +276,12 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     showCreateOptionWhen: {
-        type: PropType<"empty" | "always">;
-        default: () => any;
+        type: PropType<"always" | "empty" | ((query: string, results: any[]) => boolean)>;
+        default: () => string;
     };
     placeholder: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     padded: {
         type: BooleanConstructor;
@@ -110,17 +289,17 @@ declare const _default: import("vue").DefineComponent<{
     };
     size: {
         type: PropType<SelectSize>;
-        default: null;
+        default: any;
         validator(value: string): boolean;
     };
     color: {
-        type: PropType<any>;
-        default: () => any;
+        type: PropType<SelectColor>;
+        default: () => string;
         validator(value: string): boolean;
     };
     variant: {
         type: PropType<SelectVariant>;
-        default: () => any;
+        default: () => string;
         validator(value: string): boolean;
     };
     optionAttribute: {
@@ -129,11 +308,11 @@ declare const _default: import("vue").DefineComponent<{
     };
     valueAttribute: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     searchAttributes: {
         type: ArrayConstructor;
-        default: null;
+        default: any;
     };
     popper: {
         type: PropType<PopperOptions>;
@@ -141,75 +320,257 @@ declare const _default: import("vue").DefineComponent<{
     };
     selectClass: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     class: {
         type: PropType<any>;
         default: () => "";
     };
     ui: {
-        type: PropType<any>;
+        type: PropType<Partial<typeof config> & {
+            strategy?: Strategy;
+        }>;
         default: () => {};
     };
     uiMenu: {
-        type: PropType<any>;
+        type: PropType<Partial<typeof configMenu> & {
+            strategy?: Strategy;
+        }>;
         default: () => {};
     };
 }, {
-    ui: import("vue").ComputedRef<any>;
-    uiMenu: import("vue").ComputedRef<any>;
+    ui: import("vue").ComputedRef<{
+        form: string;
+        placeholder: string;
+        default: {
+            size: string;
+            color: string;
+            variant: string;
+            loadingIcon: string;
+            trailingIcon: string;
+        };
+        wrapper: string;
+        base: string;
+        rounded: string;
+        file: {
+            base: string;
+        };
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+        gap: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+        padding: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+        leading: {
+            padding: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            };
+        };
+        trailing: {
+            padding: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            };
+        };
+        color: {
+            white: {
+                outline: string;
+            };
+            gray: {
+                outline: string;
+            };
+        };
+        variant: {
+            outline: string;
+            none: string;
+        };
+        icon: {
+            base: string;
+            color: string;
+            loading: string;
+            size: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            };
+            leading: {
+                wrapper: string;
+                pointer: string;
+                padding: {
+                    '2xs': string;
+                    xs: string;
+                    sm: string;
+                    md: string;
+                    lg: string;
+                    xl: string;
+                };
+            };
+            trailing: {
+                wrapper: string;
+                pointer: string;
+                padding: {
+                    '2xs': string;
+                    xs: string;
+                    sm: string;
+                    md: string;
+                    lg: string;
+                    xl: string;
+                };
+            };
+        };
+    }>;
+    uiMenu: import("vue").ComputedRef<{
+        select: string;
+        input: string;
+        required: string;
+        label: string;
+        option: {
+            create: string;
+            base: string;
+            rounded: string;
+            padding: string;
+            size: string;
+            color: string;
+            container: string;
+            active: string;
+            inactive: string;
+            selected: string;
+            disabled: string;
+            empty: string;
+            icon: {
+                base: string;
+                active: string;
+                inactive: string;
+            };
+            selectedIcon: {
+                wrapper: string;
+                padding: string;
+                base: string;
+            };
+            avatar: {
+                base: string;
+                size: "2xs";
+            };
+            chip: {
+                base: string;
+            };
+        };
+        transition: {
+            leaveActiveClass: string;
+            leaveFromClass: string;
+            leaveToClass: string;
+        };
+        popper: {
+            placement: string;
+        };
+        default: {
+            selectedIcon: string;
+            clearSearchOnClose: boolean;
+            showCreateOptionWhen: string;
+        };
+        arrow: {
+            ring: string;
+            background: string;
+            base: string;
+            rounded: string;
+            shadow: string;
+            placement: string;
+        };
+        container: string;
+        trigger: string;
+        width: string;
+        height: string;
+        base: string;
+        background: string;
+        shadow: string;
+        rounded: string;
+        padding: string;
+        ring: string;
+        empty: string;
+    }>;
     attrs: import("vue").ComputedRef<Pick<{
         [x: string]: unknown;
     }, string>>;
-    name: import("vue").ComputedRef<string | undefined>;
-    inputId: import("vue").ComputedRef<string | undefined>;
+    name: import("vue").ComputedRef<string>;
+    inputId: import("vue").ComputedRef<string>;
     popper: import("vue").ComputedRef<PopperOptions>;
     trigger: import("vue").Ref<import("@vueuse/core").MaybeElement>;
     container: import("vue").Ref<import("@vueuse/core").MaybeElement>;
+    selected: import("vue").ComputedRef<any>;
     label: import("vue").ComputedRef<any>;
     isLeading: import("vue").ComputedRef<string | true>;
-    isTrailing: import("vue").ComputedRef<string | true | undefined>;
+    isTrailing: import("vue").ComputedRef<string | true>;
     selectClass: import("vue").ComputedRef<string>;
-    leadingIconName: import("vue").ComputedRef<string | undefined>;
+    leadingIconName: import("vue").ComputedRef<string>;
     leadingIconClass: import("vue").ComputedRef<string>;
     leadingWrapperIconClass: import("vue").ComputedRef<string>;
-    trailingIconName: import("vue").ComputedRef<string | undefined>;
+    trailingIconName: import("vue").ComputedRef<string>;
     trailingIconClass: import("vue").ComputedRef<string>;
     trailingWrapperIconClass: import("vue").ComputedRef<string>;
-    filteredOptions: import("vue").Ref<any[]>;
+    filteredOptions: import("vue").ComputedRef<any[]>;
     createOption: import("vue").ComputedRef<string | {
         [x: string]: string;
-    } | null>;
+    }>;
     query: import("vue").WritableComputedRef<string>;
     onUpdate: (value: any) => void;
     onQueryChange: (event: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue" | "open" | "close" | "update:query")[], "change" | "update:modelValue" | "open" | "close" | "update:query", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "open" | "update:modelValue" | "update:query")[], "change" | "close" | "open" | "update:modelValue" | "update:query", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: (StringConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor)[];
+        type: (ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor | ArrayConstructor)[];
         default: string;
     };
     query: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     by: {
         type: StringConstructor;
-        default: undefined;
+        default: any;
     };
     options: {
-        type: PropType<string[] | {
+        type: PropType<{
             [key: string]: any;
-            disabled?: boolean | undefined;
-        }[]>;
-        default: () => never[];
+            disabled?: boolean;
+        }[] | string[]>;
+        default: () => any[];
     };
     id: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     name: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     required: {
         type: BooleanConstructor;
@@ -217,19 +578,19 @@ declare const _default: import("vue").DefineComponent<{
     };
     icon: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     loadingIcon: {
         type: StringConstructor;
-        default: () => any;
+        default: () => string;
     };
     leadingIcon: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     trailingIcon: {
         type: StringConstructor;
-        default: () => any;
+        default: () => string;
     };
     trailing: {
         type: BooleanConstructor;
@@ -245,7 +606,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     selectedIcon: {
         type: StringConstructor;
-        default: () => any;
+        default: () => string;
     };
     disabled: {
         type: BooleanConstructor;
@@ -269,7 +630,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     clearSearchOnClose: {
         type: BooleanConstructor;
-        default: () => any;
+        default: () => boolean;
     };
     debounce: {
         type: NumberConstructor;
@@ -280,12 +641,12 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     showCreateOptionWhen: {
-        type: PropType<"empty" | "always">;
-        default: () => any;
+        type: PropType<"always" | "empty" | ((query: string, results: any[]) => boolean)>;
+        default: () => string;
     };
     placeholder: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     padded: {
         type: BooleanConstructor;
@@ -293,17 +654,17 @@ declare const _default: import("vue").DefineComponent<{
     };
     size: {
         type: PropType<SelectSize>;
-        default: null;
+        default: any;
         validator(value: string): boolean;
     };
     color: {
-        type: PropType<any>;
-        default: () => any;
+        type: PropType<SelectColor>;
+        default: () => string;
         validator(value: string): boolean;
     };
     variant: {
         type: PropType<SelectVariant>;
-        default: () => any;
+        default: () => string;
         validator(value: string): boolean;
     };
     optionAttribute: {
@@ -312,11 +673,11 @@ declare const _default: import("vue").DefineComponent<{
     };
     valueAttribute: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     searchAttributes: {
         type: ArrayConstructor;
-        default: null;
+        default: any;
     };
     popper: {
         type: PropType<PopperOptions>;
@@ -324,66 +685,70 @@ declare const _default: import("vue").DefineComponent<{
     };
     selectClass: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     class: {
         type: PropType<any>;
         default: () => "";
     };
     ui: {
-        type: PropType<any>;
+        type: PropType<Partial<typeof config> & {
+            strategy?: Strategy;
+        }>;
         default: () => {};
     };
     uiMenu: {
-        type: PropType<any>;
+        type: PropType<Partial<typeof configMenu> & {
+            strategy?: Strategy;
+        }>;
         default: () => {};
     };
 }>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
-    "onUpdate:query"?: ((...args: any[]) => any) | undefined;
+    onClose?: (...args: any[]) => any;
+    onOpen?: (...args: any[]) => any;
+    onChange?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+    "onUpdate:query"?: (...args: any[]) => any;
 }, {
     size: SelectSize;
-    name: string;
-    required: boolean;
+    ui: {};
+    disabled: boolean;
+    color: SelectColor;
+    variant: SelectVariant;
+    icon: string;
+    id: string;
     class: any;
     leading: boolean;
     popper: PopperOptions;
-    color: any;
-    variant: SelectVariant;
-    disabled: boolean;
-    ui: any;
+    options: string[] | {
+        [key: string]: any;
+        disabled?: boolean;
+    }[];
+    name: string;
+    modelValue: string | number | boolean | unknown[] | Record<string, any>;
+    required: boolean;
     loading: boolean;
     padded: boolean;
-    icon: string;
     loadingIcon: string;
     leadingIcon: string;
     trailingIcon: string;
     trailing: boolean;
-    id: string;
-    modelValue: string | number | boolean | Record<string, any> | unknown[];
-    by: string;
     multiple: boolean;
     placeholder: string;
-    options: string[] | {
-        [key: string]: any;
-        disabled?: boolean | undefined;
-    }[];
+    by: string;
     query: string;
     selectedIcon: string;
     optionAttribute: string;
     valueAttribute: string;
     searchAttributes: unknown[];
     debounce: number;
-    uiMenu: any;
+    uiMenu: {};
     selectClass: string;
     searchable: boolean | ((query: string) => Promise<any[]> | any[]);
     searchablePlaceholder: string;
     searchableLazy: boolean;
     clearSearchOnClose: boolean;
     creatable: boolean;
-    showCreateOptionWhen: "empty" | "always";
+    showCreateOptionWhen: "empty" | "always" | ((query: string, results: any[]) => boolean);
 }, {}>;
 export default _default;