@nuxt/ui 2.18.5 → 2.18.7

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

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { RangeSize, RangeColor, Strategy } from '../../types/index.js';
+import type { RangeSize, RangeColor, Strategy, DeepPartial } from '../../types/index.js';
 declare const config: {
     wrapper: string;
     base: string;
@@ -65,7 +65,7 @@ declare const config: {
 };
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: NumberConstructor;
+        type: PropType<number | null>;
         default: number;
     };
     id: {
@@ -111,7 +111,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: () => {};
@@ -197,7 +197,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onChange: (event: Event) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: NumberConstructor;
+        type: PropType<number | null>;
         default: number;
     };
     id: {
@@ -243,7 +243,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: () => {};
@@ -259,7 +259,73 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     max: number;
     step: number;
     color: "primary" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
-    ui: {};
+    ui: {
+        wrapper?: string;
+        base?: string;
+        rounded?: string;
+        background?: string;
+        ring?: string;
+        progress?: DeepPartial<{
+            base: string;
+            rounded: string;
+            background: string;
+            size: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+                '2xl': string;
+            };
+        }, any>;
+        thumb?: DeepPartial<{
+            base: string;
+            color: string;
+            background: string;
+            ring: string;
+            size: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+                '2xl': string;
+            };
+        }, any>;
+        track?: DeepPartial<{
+            base: string;
+            background: string;
+            rounded: string;
+            size: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+                '2xl': string;
+            };
+        }, any>;
+        size?: DeepPartial<{
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+        }, any>;
+        default?: DeepPartial<{
+            size: string;
+            color: string;
+        }, any>;
+    } & {
+        [key: string]: any;
+    } & {
+        strategy?: Strategy;
+    };
     id: string;
     modelValue: number;
     inputClass: string;

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;
@@ -112,7 +112,7 @@ declare const config: {
 };
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: (StringConstructor | NumberConstructor | ObjectConstructor)[];
+        type: PropType<string | number | object | null>;
         default: string;
     };
     id: {
@@ -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: () => {};
@@ -344,7 +344,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onChange: (event: Event) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: (StringConstructor | NumberConstructor | ObjectConstructor)[];
+        type: PropType<string | number | object | null>;
         default: string;
     };
     id: {
@@ -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,11 +452,124 @@ 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[];
-    modelValue: string | number | Record<string, any>;
+    modelValue: string | number | object;
     loading: boolean;
     padded: boolean;
     loadingIcon: string;

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;
@@ -181,7 +181,7 @@ declare const configMenu: {
 };
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
-        type: (StringConstructor | NumberConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor)[];
+        type: PropType<string | number | object | Array<any> | boolean | null>;
         default: string;
     };
     query: {
@@ -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: () => {};
@@ -546,7 +546,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onQueryChange: (event: any) => void;
 }, {}, {}, {}, 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 | NumberConstructor | BooleanConstructor | ObjectConstructor | ArrayConstructor)[];
+        type: PropType<string | number | object | Array<any> | boolean | null>;
         default: string;
     };
     query: {
@@ -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,14 +719,128 @@ 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[] | {
         [key: string]: any;
         disabled?: boolean;
     }[];
-    modelValue: string | number | boolean | Record<string, any> | unknown[];
+    modelValue: string | number | boolean | object | any[];
     loading: boolean;
     padded: boolean;
     loadingIcon: 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;