@nuxt/ui 2.17.0 → 2.18.1

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

@@ -1,5 +1,113 @@
 import type { PropType } from 'vue';
-import type { TextareaSize, TextareaVariant } from '../../types';
+import type { TextareaSize, TextareaColor, TextareaVariant, Strategy } from '../../types.js';
+declare const config: {
+    form: string;
+    default: {
+        size: string;
+        color: string;
+        variant: string;
+    };
+    wrapper: string;
+    base: 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;
+            };
+        };
+    };
+};
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
         type: (StringConstructor | NumberConstructor)[];
@@ -7,15 +115,15 @@ declare const _default: import("vue").DefineComponent<{
     };
     id: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     name: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     placeholder: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     required: {
         type: BooleanConstructor;
@@ -55,47 +163,156 @@ declare const _default: import("vue").DefineComponent<{
     };
     size: {
         type: PropType<TextareaSize>;
-        default: null;
+        default: any;
         validator(value: string): boolean;
     };
     color: {
-        type: PropType<any>;
-        default: () => any;
+        type: PropType<TextareaColor>;
+        default: () => string;
         validator(value: string): boolean;
     };
     variant: {
         type: PropType<TextareaVariant>;
-        default: () => any;
+        default: () => string;
         validator(value: string): boolean;
     };
     textareaClass: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     class: {
         type: PropType<any>;
         default: () => "";
     };
     ui: {
-        type: PropType<any>;
+        type: PropType<Partial<typeof config> & {
+            strategy?: Strategy;
+        }>;
         default: () => {};
     };
     modelModifiers: {
         type: PropType<{
-            trim?: boolean | undefined;
-            lazy?: boolean | undefined;
-            number?: boolean | undefined;
+            trim?: boolean;
+            lazy?: boolean;
+            number?: boolean;
         }>;
         default: () => {};
     };
 }, {
-    ui: import("vue").ComputedRef<any>;
+    ui: import("vue").ComputedRef<{
+        form: string;
+        default: {
+            size: string;
+            color: string;
+            variant: string;
+        };
+        wrapper: string;
+        base: 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;
+                };
+            };
+        };
+    }>;
     attrs: import("vue").ComputedRef<Pick<{
         [x: string]: unknown;
     }, string>>;
-    name: import("vue").ComputedRef<string | undefined>;
-    inputId: import("vue").ComputedRef<string | undefined>;
-    textarea: import("vue").Ref<HTMLTextAreaElement | null>;
+    name: import("vue").ComputedRef<string>;
+    inputId: import("vue").ComputedRef<string>;
+    textarea: import("vue").Ref<HTMLTextAreaElement>;
     textareaClass: import("vue").ComputedRef<string>;
     onInput: (event: Event) => void;
     onChange: (event: Event) => void;
@@ -107,15 +324,15 @@ declare const _default: import("vue").DefineComponent<{
     };
     id: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     name: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     placeholder: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     required: {
         type: BooleanConstructor;
@@ -155,65 +372,63 @@ declare const _default: import("vue").DefineComponent<{
     };
     size: {
         type: PropType<TextareaSize>;
-        default: null;
+        default: any;
         validator(value: string): boolean;
     };
     color: {
-        type: PropType<any>;
-        default: () => any;
+        type: PropType<TextareaColor>;
+        default: () => string;
         validator(value: string): boolean;
     };
     variant: {
         type: PropType<TextareaVariant>;
-        default: () => any;
+        default: () => string;
         validator(value: string): boolean;
     };
     textareaClass: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     class: {
         type: PropType<any>;
         default: () => "";
     };
     ui: {
-        type: PropType<any>;
+        type: PropType<Partial<typeof config> & {
+            strategy?: Strategy;
+        }>;
         default: () => {};
     };
     modelModifiers: {
         type: PropType<{
-            trim?: boolean | undefined;
-            lazy?: boolean | undefined;
-            number?: boolean | undefined;
+            trim?: boolean;
+            lazy?: boolean;
+            number?: boolean;
         }>;
         default: () => {};
     };
 }>> & {
-    onBlur?: ((...args: any[]) => any) | undefined;
-    onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onBlur?: (...args: any[]) => any;
+    onChange?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {
-    size: TextareaSize;
     name: string;
+    size: TextareaSize;
     required: boolean;
     class: any;
-    resize: boolean;
-    color: any;
-    variant: TextareaVariant;
     disabled: boolean;
-    ui: any;
-    padded: boolean;
+    ui: {};
+    color: TextareaColor;
+    variant: TextareaVariant;
     id: string;
+    resize: boolean;
     modelValue: string | number;
+    padded: boolean;
     rows: number;
     placeholder: string;
     autofocus: boolean;
     autofocusDelay: number;
-    modelModifiers: {
-        trim?: boolean | undefined;
-        lazy?: boolean | undefined;
-        number?: boolean | undefined;
-    };
+    modelModifiers: {};
     maxrows: number;
     autoresize: boolean;
     textareaClass: string;

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

@@ -1,13 +1,75 @@
 import type { PropType } from 'vue';
-import type { ToggleSize } from '../../types';
+import type { ToggleSize, ToggleColor, Strategy } from '../../types.js';
+declare const config: {
+    base: string;
+    rounded: string;
+    ring: string;
+    active: string;
+    inactive: string;
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+    container: {
+        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;
+        };
+    };
+    icon: {
+        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;
+    };
+    default: {
+        onIcon: any;
+        offIcon: any;
+        loadingIcon: string;
+        color: string;
+        size: string;
+    };
+};
 declare const _default: import("vue").DefineComponent<{
     id: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     name: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     modelValue: {
         type: BooleanConstructor;
@@ -31,16 +93,16 @@ declare const _default: import("vue").DefineComponent<{
     };
     loadingIcon: {
         type: StringConstructor;
-        default: () => any;
+        default: () => string;
     };
     color: {
-        type: PropType<any>;
-        default: () => any;
+        type: PropType<ToggleColor>;
+        default: () => string;
         validator(value: string): any;
     };
     size: {
         type: PropType<ToggleSize>;
-        default: () => any;
+        default: () => string;
         validator(value: string): boolean;
     };
     class: {
@@ -48,16 +110,79 @@ declare const _default: import("vue").DefineComponent<{
         default: () => "";
     };
     ui: {
-        type: PropType<any>;
+        type: PropType<Partial<typeof config> & {
+            strategy?: Strategy;
+        }>;
         default: () => {};
     };
 }, {
-    ui: import("vue").ComputedRef<any>;
+    ui: import("vue").ComputedRef<{
+        base: string;
+        rounded: string;
+        ring: string;
+        active: string;
+        inactive: string;
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+        };
+        container: {
+            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;
+            };
+        };
+        icon: {
+            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;
+        };
+        default: {
+            onIcon: any;
+            offIcon: any;
+            loadingIcon: string;
+            color: string;
+            size: 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>;
     active: import("vue").WritableComputedRef<boolean>;
     switchClass: import("vue").ComputedRef<string>;
     containerClass: import("vue").ComputedRef<string>;
@@ -67,11 +192,11 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     id: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     name: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     modelValue: {
         type: BooleanConstructor;
@@ -95,16 +220,16 @@ declare const _default: import("vue").DefineComponent<{
     };
     loadingIcon: {
         type: StringConstructor;
-        default: () => any;
+        default: () => string;
     };
     color: {
-        type: PropType<any>;
-        default: () => any;
+        type: PropType<ToggleColor>;
+        default: () => string;
         validator(value: string): any;
     };
     size: {
         type: PropType<ToggleSize>;
-        default: () => any;
+        default: () => string;
         validator(value: string): boolean;
     };
     class: {
@@ -112,23 +237,25 @@ declare const _default: import("vue").DefineComponent<{
         default: () => "";
     };
     ui: {
-        type: PropType<any>;
+        type: PropType<Partial<typeof config> & {
+            strategy?: Strategy;
+        }>;
         default: () => {};
     };
 }>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {
-    size: ToggleSize;
     name: string;
+    size: ToggleSize;
     class: any;
-    color: any;
     disabled: boolean;
-    ui: any;
-    loading: boolean;
-    loadingIcon: string;
+    ui: {};
+    color: "primary" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
     id: string;
     modelValue: boolean;
+    loading: boolean;
+    loadingIcon: string;
     onIcon: string;
     offIcon: string;
 }, {}>;