@nuxt/ui 2.17.0 → 2.18.1

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

@@ -1,32 +1,204 @@
 import type { PropType } from 'vue';
-import type { InputSize, InputVariant, PopperOptions } from '../../types';
+import type { InputSize, InputColor, InputVariant, PopperOptions, Strategy } from '../../types.js';
+declare const config: {
+    wrapper: string;
+    base: string;
+    form: string;
+    rounded: string;
+    placeholder: 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;
+            };
+        };
+    };
+    default: {
+        size: string;
+        color: string;
+        variant: string;
+        loadingIcon: string;
+    };
+};
+declare const configMenu: {
+    container: string;
+    trigger: string;
+    width: string;
+    height: string;
+    base: string;
+    background: string;
+    shadow: string;
+    rounded: string;
+    padding: string;
+    ring: string;
+    empty: string;
+    option: {
+        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;
+        trailingIcon: string;
+    };
+    arrow: {
+        ring: string;
+        background: string;
+        base: string;
+        rounded: string;
+        shadow: string;
+        placement: string;
+    };
+};
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor)[];
+        type: (StringConstructor | NumberConstructor | ObjectConstructor | 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 +206,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 +234,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     selectedIcon: {
         type: StringConstructor;
-        default: () => any;
+        default: () => string;
     };
     disabled: {
         type: BooleanConstructor;
@@ -74,7 +246,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     placeholder: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     padded: {
         type: BooleanConstructor;
@@ -82,17 +254,17 @@ declare const _default: import("vue").DefineComponent<{
     };
     size: {
         type: PropType<InputSize>;
-        default: null;
+        default: any;
         validator(value: string): boolean;
     };
     color: {
-        type: PropType<any>;
-        default: () => any;
+        type: PropType<InputColor>;
+        default: () => string;
         validator(value: string): boolean;
     };
     variant: {
         type: PropType<InputVariant>;
-        default: () => any;
+        default: () => string;
         validator(value: string): boolean;
     };
     optionAttribute: {
@@ -101,15 +273,15 @@ declare const _default: import("vue").DefineComponent<{
     };
     valueAttribute: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     search: {
-        type: PropType<(query: string) => Promise<any[]> | any[]>;
-        default: undefined;
+        type: PropType<((query: string) => Promise<any[]> | any[])>;
+        default: any;
     };
     searchAttributes: {
         type: ArrayConstructor;
-        default: null;
+        default: any;
     };
     searchLazy: {
         type: BooleanConstructor;
@@ -125,72 +297,246 @@ declare const _default: import("vue").DefineComponent<{
     };
     inputClass: {
         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<{
+        wrapper: string;
+        base: string;
+        form: string;
+        rounded: string;
+        placeholder: 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;
+                };
+            };
+        };
+        default: {
+            size: string;
+            color: string;
+            variant: string;
+            loadingIcon: string;
+        };
+    }>;
+    uiMenu: import("vue").ComputedRef<{
+        container: string;
+        trigger: string;
+        width: string;
+        height: string;
+        base: string;
+        background: string;
+        shadow: string;
+        rounded: string;
+        padding: string;
+        ring: string;
+        empty: string;
+        option: {
+            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;
+            trailingIcon: string;
+        };
+        arrow: {
+            ring: string;
+            background: string;
+            base: string;
+            rounded: string;
+            shadow: string;
+            placement: 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>;
     label: import("vue").ComputedRef<any>;
     isLeading: import("vue").ComputedRef<string | true>;
-    isTrailing: import("vue").ComputedRef<string | true | undefined>;
+    isTrailing: import("vue").ComputedRef<string | true>;
     inputClass: 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[]>;
     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" | "update:modelValue" | "open" | "update:query")[], "change" | "close" | "update:modelValue" | "open" | "update:query", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor | NumberConstructor)[];
+        type: (StringConstructor | NumberConstructor | ObjectConstructor | 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;
@@ -198,19 +544,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;
@@ -226,7 +572,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     selectedIcon: {
         type: StringConstructor;
-        default: () => any;
+        default: () => string;
     };
     disabled: {
         type: BooleanConstructor;
@@ -238,7 +584,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     placeholder: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     padded: {
         type: BooleanConstructor;
@@ -246,17 +592,17 @@ declare const _default: import("vue").DefineComponent<{
     };
     size: {
         type: PropType<InputSize>;
-        default: null;
+        default: any;
         validator(value: string): boolean;
     };
     color: {
-        type: PropType<any>;
-        default: () => any;
+        type: PropType<InputColor>;
+        default: () => string;
         validator(value: string): boolean;
     };
     variant: {
         type: PropType<InputVariant>;
-        default: () => any;
+        default: () => string;
         validator(value: string): boolean;
     };
     optionAttribute: {
@@ -265,15 +611,15 @@ declare const _default: import("vue").DefineComponent<{
     };
     valueAttribute: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     search: {
-        type: PropType<(query: string) => Promise<any[]> | any[]>;
-        default: undefined;
+        type: PropType<((query: string) => Promise<any[]> | any[])>;
+        default: any;
     };
     searchAttributes: {
         type: ArrayConstructor;
-        default: null;
+        default: any;
     };
     searchLazy: {
         type: BooleanConstructor;
@@ -289,54 +635,58 @@ declare const _default: import("vue").DefineComponent<{
     };
     inputClass: {
         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;
+    onChange?: (...args: any[]) => any;
+    onClose?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+    onOpen?: (...args: any[]) => any;
+    "onUpdate:query"?: (...args: any[]) => any;
 }, {
-    search: (query: string) => Promise<any[]> | any[];
-    size: InputSize;
     name: string;
+    size: InputSize;
     required: boolean;
+    search: (query: string) => Promise<any[]> | any[];
     class: any;
+    disabled: boolean;
+    ui: {};
+    color: InputColor;
+    variant: InputVariant;
+    icon: string;
+    id: string;
     leading: boolean;
     popper: PopperOptions;
-    color: any;
-    variant: InputVariant;
-    disabled: boolean;
-    ui: any;
+    options: string[] | {
+        [key: string]: any;
+        disabled?: boolean;
+    }[];
+    modelValue: string | number | Record<string, any> | unknown[];
     loading: boolean;
     padded: boolean;
-    icon: string;
     loadingIcon: string;
     leadingIcon: string;
     trailingIcon: string;
     trailing: boolean;
-    id: string;
-    modelValue: string | number | Record<string, any> | unknown[];
     inputClass: string;
     by: string;
     placeholder: string;
-    options: string[] | {
-        [key: string]: any;
-        disabled?: boolean | undefined;
-    }[];
     nullable: boolean;
     query: string;
     selectedIcon: string;
@@ -345,6 +695,6 @@ declare const _default: import("vue").DefineComponent<{
     searchAttributes: unknown[];
     searchLazy: boolean;
     debounce: number;
-    uiMenu: any;
+    uiMenu: {};
 }, {}>;
 export default _default;