@nuxt/ui 2.18.5 → 2.18.6

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

@@ -1,5 +1,5 @@
 import type { PropType, ComputedRef } from 'vue';
-import type { SelectSize, SelectColor, SelectVariant, Strategy } from '../../types/index.js';
+import type { SelectSize, SelectColor, SelectVariant, Strategy, DeepPartial } from '../../types/index.js';
 declare const config: {
     form: string;
     placeholder: string;
@@ -203,7 +203,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => "";
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -435,7 +435,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => "";
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -452,7 +452,120 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     leading: boolean;
     color: SelectColor;
     variant: SelectVariant;
-    ui: {};
+    ui: {
+        form?: string;
+        placeholder?: string;
+        default?: DeepPartial<{
+            size: string;
+            color: string;
+            variant: string;
+            loadingIcon: string;
+            trailingIcon: string;
+        }, any>;
+        wrapper?: string;
+        base?: string;
+        rounded?: string;
+        file?: DeepPartial<{
+            base: string;
+        }, any>;
+        size?: DeepPartial<{
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        }, any>;
+        gap?: DeepPartial<{
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        }, any>;
+        padding?: DeepPartial<{
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        }, any>;
+        leading?: DeepPartial<{
+            padding: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            };
+        }, any>;
+        trailing?: DeepPartial<{
+            padding: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            };
+        }, any>;
+        color?: DeepPartial<{
+            white: {
+                outline: string;
+            };
+            gray: {
+                outline: string;
+            };
+        }, any>;
+        variant?: DeepPartial<{
+            outline: string;
+            none: string;
+        }, any>;
+        icon?: DeepPartial<{
+            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;
+                };
+            };
+        }, any>;
+    } & {
+        [key: string]: any;
+    } & {
+        strategy?: Strategy;
+    };
     id: string;
     icon: string;
     options: unknown[];

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

@@ -393,7 +393,7 @@ export default defineComponent({
         variant?.replaceAll("{color}", color.value),
         (isLeading.value || slots.leading) && ui.value.leading.padding[size.value],
         (isTrailing.value || slots.trailing) && ui.value.trailing.padding[size.value]
-      ), props.placeholder && !props.modelValue && ui.value.placeholder, props.selectClass);
+      ), props.placeholder && (!props.modelValue || Array.isArray(props.modelValue) && !props.modelValue.length) && ui.value.placeholder, props.selectClass);
     });
     const isLeading = computed(() => {
       return props.icon && props.leading || props.icon && !props.trailing || props.loading && !props.trailing || props.leadingIcon;

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

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { SelectSize, SelectColor, SelectVariant, PopperOptions, Strategy } from '../../types/index.js';
+import type { SelectSize, SelectColor, SelectVariant, PopperOptions, Strategy, DeepPartial } from '../../types/index.js';
 declare const config: {
     form: string;
     placeholder: string;
@@ -327,13 +327,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => "";
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
     };
     uiMenu: {
-        type: PropType<Partial<typeof configMenu> & {
+        type: PropType<DeepPartial<typeof configMenu> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -692,13 +692,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => "";
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
     };
     uiMenu: {
-        type: PropType<Partial<typeof configMenu> & {
+        type: PropType<DeepPartial<typeof configMenu> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -719,7 +719,121 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     popper: PopperOptions;
     color: SelectColor;
     variant: SelectVariant;
-    ui: {};
+    query: string;
+    ui: {
+        form?: string;
+        placeholder?: string;
+        default?: DeepPartial<{
+            size: string;
+            color: string;
+            variant: string;
+            loadingIcon: string;
+            trailingIcon: string;
+        }, any>;
+        wrapper?: string;
+        base?: string;
+        rounded?: string;
+        file?: DeepPartial<{
+            base: string;
+        }, any>;
+        size?: DeepPartial<{
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        }, any>;
+        gap?: DeepPartial<{
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        }, any>;
+        padding?: DeepPartial<{
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        }, any>;
+        leading?: DeepPartial<{
+            padding: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            };
+        }, any>;
+        trailing?: DeepPartial<{
+            padding: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            };
+        }, any>;
+        color?: DeepPartial<{
+            white: {
+                outline: string;
+            };
+            gray: {
+                outline: string;
+            };
+        }, any>;
+        variant?: DeepPartial<{
+            outline: string;
+            none: string;
+        }, any>;
+        icon?: DeepPartial<{
+            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;
+                };
+            };
+        }, any>;
+    } & {
+        [key: string]: any;
+    } & {
+        strategy?: Strategy;
+    };
     id: string;
     icon: string;
     options: string[] | {
@@ -736,13 +850,84 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     by: string;
     multiple: boolean;
     placeholder: string;
-    query: string;
     selectedIcon: string;
     optionAttribute: string;
     valueAttribute: string;
     searchAttributes: unknown[];
     debounce: number;
-    uiMenu: {};
+    uiMenu: {
+        select?: string;
+        input?: string;
+        required?: string;
+        label?: string;
+        option?: DeepPartial<{
+            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;
+            };
+        }, any>;
+        transition?: DeepPartial<{
+            leaveActiveClass: string;
+            leaveFromClass: string;
+            leaveToClass: string;
+        }, any>;
+        popper?: DeepPartial<{
+            placement: string;
+        }, any>;
+        default?: DeepPartial<{
+            selectedIcon: string;
+            clearSearchOnClose: boolean;
+            showCreateOptionWhen: string;
+        }, any>;
+        arrow?: DeepPartial<{
+            ring: string;
+            background: string;
+            base: string;
+            rounded: string;
+            shadow: string;
+            placement: string;
+        }, any>;
+        container?: string;
+        trigger?: string;
+        width?: string;
+        height?: string;
+        base?: string;
+        background?: string;
+        shadow?: string;
+        rounded?: string;
+        padding?: string;
+        ring?: string;
+        empty?: string;
+    } & {
+        [key: string]: any;
+    } & {
+        strategy?: Strategy;
+    };
     selectClass: string;
     searchable: boolean | ((query: string) => Promise<any[]> | any[]);
     searchablePlaceholder: string;
@@ -1341,7 +1526,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => "";
         };
         ui: {
-            type: PropType<Partial<{
+            type: PropType<DeepPartial<{
                 wrapper: string;
                 background: string;
                 rounded: string;
@@ -1524,7 +1709,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => "";
         };
         ui: {
-            type: PropType<Partial<{
+            type: PropType<DeepPartial<{
                 wrapper: string;
                 background: string;
                 rounded: string;
@@ -1593,7 +1778,69 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         as: string | Record<string, any>;
         text: string;
         alt: string;
-        ui: {};
+        ui: {
+            wrapper?: string;
+            background?: string;
+            rounded?: string;
+            text?: string;
+            placeholder?: string;
+            size?: DeepPartial<{
+                '3xs': string;
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+                '2xl': string;
+                '3xl': string;
+            }, any>;
+            chip?: DeepPartial<{
+                base: string;
+                background: string;
+                position: {
+                    'top-right': string;
+                    'bottom-right': string;
+                    'top-left': string;
+                    'bottom-left': string;
+                };
+                size: {
+                    '3xs': string;
+                    '2xs': string;
+                    xs: string;
+                    sm: string;
+                    md: string;
+                    lg: string;
+                    xl: string;
+                    '2xl': string;
+                    '3xl': string;
+                };
+            }, any>;
+            icon?: DeepPartial<{
+                base: string;
+                size: {
+                    '3xs': string;
+                    '2xs': string;
+                    xs: string;
+                    sm: string;
+                    md: string;
+                    lg: string;
+                    xl: string;
+                    '2xl': string;
+                    '3xl': string;
+                };
+            }, any>;
+            default?: DeepPartial<{
+                size: string;
+                icon: any;
+                chipColor: any;
+                chipPosition: string;
+            }, any>;
+        } & {
+            [key: string]: any;
+        } & {
+            strategy?: Strategy;
+        };
         icon: string;
         src: string | boolean;
         chipColor: import("../../types/avatar").AvatarChipColor;

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

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { TextareaSize, TextareaColor, TextareaVariant, Strategy } from '../../types/index.js';
+import type { TextareaSize, TextareaColor, TextareaVariant, Strategy, DeepPartial } from '../../types/index.js';
 declare const config: {
     form: string;
     default: {
@@ -185,7 +185,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => "";
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -394,7 +394,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => "";
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -420,7 +420,118 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     resize: boolean;
     color: TextareaColor;
     variant: TextareaVariant;
-    ui: {};
+    ui: {
+        form?: string;
+        default?: DeepPartial<{
+            size: string;
+            color: string;
+            variant: string;
+        }, any>;
+        wrapper?: string;
+        base?: string;
+        rounded?: string;
+        placeholder?: string;
+        file?: DeepPartial<{
+            base: string;
+        }, any>;
+        size?: DeepPartial<{
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        }, any>;
+        gap?: DeepPartial<{
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        }, any>;
+        padding?: DeepPartial<{
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        }, any>;
+        leading?: DeepPartial<{
+            padding: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            };
+        }, any>;
+        trailing?: DeepPartial<{
+            padding: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            };
+        }, any>;
+        color?: DeepPartial<{
+            white: {
+                outline: string;
+            };
+            gray: {
+                outline: string;
+            };
+        }, any>;
+        variant?: DeepPartial<{
+            outline: string;
+            none: string;
+        }, any>;
+        icon?: DeepPartial<{
+            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;
+                };
+            };
+        }, any>;
+    } & {
+        [key: string]: any;
+    } & {
+        strategy?: Strategy;
+    };
     id: string;
     modelValue: string | number;
     padded: boolean;
@@ -428,7 +539,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     placeholder: string;
     autofocus: boolean;
     autofocusDelay: number;
-    modelModifiers: {};
+    modelModifiers: {
+        trim?: boolean;
+        lazy?: boolean;
+        number?: boolean;
+    };
     maxrows: number;
     autoresize: boolean;
     textareaClass: string;