@nuxt/ui 2.18.4 → 2.18.6

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

@@ -143,6 +143,8 @@ export default defineComponent({
           return;
         }
         textarea2.value.rows = props.rows;
+        const overflow = textarea2.value.style.overflow;
+        textarea2.value.style.overflow = "hidden";
         const styles = window.getComputedStyle(textarea2.value);
         const paddingTop = parseInt(styles.paddingTop);
         const paddingBottom = parseInt(styles.paddingBottom);
@@ -153,6 +155,7 @@ export default defineComponent({
         if (newRows > props.rows) {
           textarea2.value.rows = props.maxrows ? Math.min(newRows, props.maxrows) : newRows;
         }
+        textarea2.value.style.overflow = overflow;
       }
     };
     const updateInput = (value) => {

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: {
@@ -108,7 +108,7 @@ declare const config: {
         };
     };
 };
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
         type: (StringConstructor | NumberConstructor)[];
         default: string;
@@ -185,7 +185,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => "";
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -198,7 +198,7 @@ declare const _default: import("vue").DefineComponent<{
         }>;
         default: () => {};
     };
-}, {
+}>, {
     ui: import("vue").ComputedRef<{
         form: string;
         default: {
@@ -312,12 +312,12 @@ declare const _default: import("vue").DefineComponent<{
     }, string>>;
     name: import("vue").ComputedRef<string>;
     inputId: import("vue").ComputedRef<string>;
-    textarea: import("vue").Ref<HTMLTextAreaElement>;
+    textarea: import("vue").Ref<HTMLTextAreaElement, HTMLTextAreaElement>;
     textareaClass: import("vue").ComputedRef<string>;
     onInput: (event: Event) => void;
     onChange: (event: Event) => void;
     onBlur: (event: FocusEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "update:modelValue")[], "blur" | "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "update:modelValue")[], "blur" | "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: (StringConstructor | NumberConstructor)[];
         default: string;
@@ -394,7 +394,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => "";
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -407,20 +407,131 @@ declare const _default: import("vue").DefineComponent<{
         }>;
         default: () => {};
     };
-}>> & {
+}>> & Readonly<{
     onBlur?: (...args: any[]) => any;
     onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
-}, {
+}>, {
     name: string;
-    size: TextareaSize;
     required: boolean;
+    size: TextareaSize;
     class: any;
+    disabled: boolean;
     resize: boolean;
     color: TextareaColor;
     variant: TextareaVariant;
-    disabled: boolean;
-    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,9 +539,13 @@ declare const _default: import("vue").DefineComponent<{
     placeholder: string;
     autofocus: boolean;
     autofocusDelay: number;
-    modelModifiers: {};
+    modelModifiers: {
+        trim?: boolean;
+        lazy?: boolean;
+        number?: boolean;
+    };
     maxrows: number;
     autoresize: boolean;
     textareaClass: string;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { ToggleSize, ToggleColor, Strategy } from '../../types/index.js';
+import type { ToggleSize, ToggleColor, Strategy, DeepPartial } from '../../types/index.js';
 declare const config: {
     base: string;
     rounded: string;
@@ -62,7 +62,7 @@ declare const config: {
         size: string;
     };
 };
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     id: {
         type: StringConstructor;
         default: any;
@@ -110,12 +110,12 @@ declare const _default: import("vue").DefineComponent<{
         default: () => "";
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
     };
-}, {
+}>, {
     ui: import("vue").ComputedRef<{
         base: string;
         rounded: string;
@@ -183,13 +183,13 @@ declare const _default: import("vue").DefineComponent<{
     }, string>>;
     name: import("vue").ComputedRef<string>;
     inputId: import("vue").ComputedRef<string>;
-    active: import("vue").WritableComputedRef<boolean>;
+    active: import("vue").WritableComputedRef<boolean, boolean>;
     switchClass: import("vue").ComputedRef<string>;
     containerClass: import("vue").ComputedRef<string>;
     onIconClass: import("vue").ComputedRef<string>;
     offIconClass: import("vue").ComputedRef<string>;
     loadingIconClass: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     id: {
         type: StringConstructor;
         default: any;
@@ -237,26 +237,225 @@ declare const _default: import("vue").DefineComponent<{
         default: () => "";
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
     };
-}>> & {
+}>> & Readonly<{
     onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
-}, {
+}>, {
     name: string;
     size: ToggleSize;
     class: any;
-    color: "primary" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
     disabled: boolean;
-    ui: {};
+    color: "primary" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
+    ui: {
+        base?: string;
+        rounded?: string;
+        ring?: string;
+        active?: string;
+        inactive?: string;
+        size?: DeepPartial<{
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+        }, any>;
+        container?: DeepPartial<{
+            base: string;
+            active: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+                '2xl': string;
+            };
+            inactive: string;
+            size: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+                '2xl': string;
+            };
+        }, any>;
+        icon?: DeepPartial<{
+            base: string;
+            active: string;
+            inactive: string;
+            size: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+                '2xl': string;
+            };
+            on: string;
+            off: string;
+            loading: string;
+        }, any>;
+        default?: DeepPartial<{
+            onIcon: any;
+            offIcon: any;
+            loadingIcon: string;
+            color: string;
+            size: string;
+        }, any>;
+    } & {
+        [key: string]: any;
+    } & {
+        strategy?: Strategy;
+    };
     id: string;
     modelValue: boolean;
     loading: boolean;
     loadingIcon: string;
     onIcon: string;
     offIcon: string;
-}, {}>;
+}, {}, {
+    HSwitch: import("vue").DefineComponent<{
+        as: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: string;
+        };
+        modelValue: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        defaultChecked: {
+            type: BooleanConstructor;
+            optional: boolean;
+        };
+        form: {
+            type: StringConstructor;
+            optional: boolean;
+        };
+        name: {
+            type: StringConstructor;
+            optional: boolean;
+        };
+        value: {
+            type: StringConstructor;
+            optional: boolean;
+        };
+        id: {
+            type: StringConstructor;
+            default: null;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        tabIndex: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        'update:modelValue': (_value: boolean) => true;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        as: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: string;
+        };
+        modelValue: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        defaultChecked: {
+            type: BooleanConstructor;
+            optional: boolean;
+        };
+        form: {
+            type: StringConstructor;
+            optional: boolean;
+        };
+        name: {
+            type: StringConstructor;
+            optional: boolean;
+        };
+        value: {
+            type: StringConstructor;
+            optional: boolean;
+        };
+        id: {
+            type: StringConstructor;
+            default: null;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        tabIndex: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((_value: boolean) => any) | undefined;
+    }, {
+        id: string;
+        tabIndex: number;
+        as: string | Record<string, any>;
+        disabled: boolean;
+        modelValue: boolean;
+        defaultChecked: boolean;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    UIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+            required: true;
+        };
+        mode: {
+            type: PropType<"svg" | "css">;
+            required: false;
+            default: any;
+        };
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            required: false;
+            default: any;
+        };
+        customize: {
+            type: FunctionConstructor;
+            required: false;
+            default: any;
+        };
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+            required: true;
+        };
+        mode: {
+            type: PropType<"svg" | "css">;
+            required: false;
+            default: any;
+        };
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            required: false;
+            default: any;
+        };
+        customize: {
+            type: FunctionConstructor;
+            required: false;
+            default: any;
+        };
+    }>> & Readonly<{}>, {
+        mode: "svg" | "css";
+        size: string | number;
+        customize: Function;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/runtime/components/layout/Card.vue.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { Strategy } from '../../types/index.js';
+import type { DeepPartial, Strategy } from '../../types/index.js';
 declare const config: {
     base: string;
     background: string;
@@ -23,7 +23,7 @@ declare const config: {
         padding: string;
     };
 };
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     as: {
         type: StringConstructor;
         default: string;
@@ -33,12 +33,12 @@ declare const _default: import("vue").DefineComponent<{
         default: () => string;
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
     };
-}, {
+}>, {
     ui: import("vue").ComputedRef<{
         base: string;
         background: string;
@@ -66,7 +66,7 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: unknown;
     }, string>>;
     cardClass: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     as: {
         type: StringConstructor;
         default: string;
@@ -76,14 +76,40 @@ declare const _default: import("vue").DefineComponent<{
         default: () => string;
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
     };
-}>>, {
+}>> & Readonly<{}>, {
     class: any;
     as: string;
-    ui: {};
-}, {}>;
+    ui: {
+        base?: string;
+        background?: string;
+        divide?: string;
+        ring?: string;
+        rounded?: string;
+        shadow?: string;
+        body?: DeepPartial<{
+            base: string;
+            background: string;
+            padding: string;
+        }, any>;
+        header?: DeepPartial<{
+            base: string;
+            background: string;
+            padding: string;
+        }, any>;
+        footer?: DeepPartial<{
+            base: string;
+            background: string;
+            padding: string;
+        }, any>;
+    } & {
+        [key: string]: any;
+    } & {
+        strategy?: Strategy;
+    };
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/runtime/components/layout/Container.vue.d.ts

@@ -1,11 +1,11 @@
 import type { PropType } from 'vue';
-import type { Strategy } from '../../types/index.js';
+import type { DeepPartial, Strategy } from '../../types/index.js';
 declare const config: {
     base: string;
     padding: string;
     constrained: string;
 };
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     as: {
         type: StringConstructor;
         default: string;
@@ -15,12 +15,12 @@ declare const _default: import("vue").DefineComponent<{
         default: () => string;
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
     };
-}, {
+}>, {
     ui: import("vue").ComputedRef<{
         base: string;
         padding: string;
@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: unknown;
     }, string>>;
     containerClass: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     as: {
         type: StringConstructor;
         default: string;
@@ -40,14 +40,22 @@ declare const _default: import("vue").DefineComponent<{
         default: () => string;
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
     };
-}>>, {
+}>> & Readonly<{}>, {
     class: any;
     as: string;
-    ui: {};
-}, {}>;
+    ui: {
+        base?: string;
+        padding?: string;
+        constrained?: string;
+    } & {
+        [key: string]: any;
+    } & {
+        strategy?: Strategy;
+    };
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;