@nuxt/ui 2.18.4 → 2.18.6

package/dist/runtime/components/forms/Checkbox.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';
 import colors from '#ui-colors';
 declare const config: {
     wrapper: string;
@@ -19,7 +19,7 @@ declare const config: {
         color: string;
     };
 };
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     id: {
         type: StringConstructor;
         default: () => any;
@@ -70,12 +70,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<{
         wrapper: string;
         container: string;
@@ -97,12 +97,12 @@ declare const _default: import("vue").DefineComponent<{
     attrs: import("vue").ComputedRef<Pick<{
         [x: string]: unknown;
     }, string>>;
-    toggle: import("vue").WritableComputedRef<boolean | unknown[]>;
+    toggle: import("vue").WritableComputedRef<boolean | unknown[], boolean | unknown[]>;
     inputId: string;
     name: import("vue").ComputedRef<string>;
     inputClass: import("vue").ComputedRef<string>;
     onChange: (event: Event) => void;
-}, 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;
@@ -153,27 +153,48 @@ 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;
     required: boolean;
     class: any;
-    color: "primary" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
     disabled: boolean;
+    color: "primary" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
     label: string;
-    ui: {};
+    ui: {
+        wrapper?: string;
+        container?: string;
+        base?: string;
+        form?: string;
+        rounded?: string;
+        color?: string;
+        background?: string;
+        border?: string;
+        ring?: string;
+        inner?: string;
+        label?: string;
+        required?: string;
+        help?: string;
+        default?: DeepPartial<{
+            color: string;
+        }, any>;
+    } & {
+        [key: string]: any;
+    } & {
+        strategy?: Strategy;
+    };
     id: string;
     modelValue: boolean | unknown[];
     value: string | number | boolean | Record<string, any>;
     help: string;
     indeterminate: boolean;
     inputClass: string;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,11 +1,11 @@
 <template>
   <form @submit.prevent="onSubmit">
-    <slot />
+    <slot v-bind="{ errors }" />
   </form>
 </template>
 
 <script>
-import { provide, ref, defineComponent, onUnmounted, onMounted } from "vue";
+import { provide, ref, defineComponent, onUnmounted, onMounted, readonly } from "vue";
 import { useEventBus } from "@vueuse/core";
 import { useId } from "#imports";
 class FormException extends Error {
@@ -146,7 +146,8 @@ export default defineComponent({
       }
     });
     return {
-      onSubmit
+      onSubmit,
+      errors: readonly(errors)
     };
   }
 });

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

@@ -6,7 +6,7 @@ import type { BaseSchema as ValibotSchema30, BaseSchemaAsync as ValibotSchemaAsy
 import type { GenericSchema as ValibotSchema31, GenericSchemaAsync as ValibotSchemaAsync31, SafeParser as ValibotSafeParser31, SafeParserAsync as ValibotSafeParserAsync31 } from 'valibot31';
 import type { GenericSchema as ValibotSchema, GenericSchemaAsync as ValibotSchemaAsync, SafeParser as ValibotSafeParser, SafeParserAsync as ValibotSafeParserAsync } from 'valibot';
 import type { FormError, FormEventType } from '../../types/form.js';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     schema: {
         type: PropType<ZodSchema> | PropType<YupObjectSchema<any>> | PropType<JoiSchema> | PropType<ValibotSchema30 | ValibotSchemaAsync30> | PropType<ValibotSchema31 | ValibotSchemaAsync31> | PropType<ValibotSafeParser31<any, any> | ValibotSafeParserAsync31<any, any>> | PropType<ValibotSchema | ValibotSchemaAsync> | PropType<ValibotSafeParser<any, any> | ValibotSafeParserAsync<any, any>>;
         default: any;
@@ -23,9 +23,16 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<FormEventType[]>;
         default: () => string[];
     };
-}, {
+}>, {
     onSubmit: (payload: Event) => Promise<void>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("error" | "submit")[], "error" | "submit", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    errors: Readonly<import("vue").Ref<readonly {
+        readonly path: string;
+        readonly message: string;
+    }[], readonly {
+        readonly path: string;
+        readonly message: string;
+    }[]>>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("error" | "submit")[], "error" | "submit", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     schema: {
         type: PropType<ZodSchema> | PropType<YupObjectSchema<any>> | PropType<JoiSchema> | PropType<ValibotSchema30 | ValibotSchemaAsync30> | PropType<ValibotSchema31 | ValibotSchemaAsync31> | PropType<ValibotSafeParser31<any, any> | ValibotSafeParserAsync31<any, any>> | PropType<ValibotSchema | ValibotSchemaAsync> | PropType<ValibotSafeParser<any, any> | ValibotSafeParserAsync<any, any>>;
         default: any;
@@ -42,12 +49,12 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<FormEventType[]>;
         default: () => string[];
     };
-}>> & {
+}>> & Readonly<{
     onSubmit?: (...args: any[]) => any;
     onError?: (...args: any[]) => any;
-}, {
+}>, {
     schema: ZodSchema<any, import("zod").ZodTypeDef, any> | YupObjectSchema<any, import("yup").AnyObject, any, ""> | import("joi").AnySchema<any> | ValibotSchema30<any, any> | ValibotSchemaAsync30<any, any> | ValibotSchema31<unknown, unknown, import("valibot31").BaseIssue<unknown>> | ValibotSchemaAsync31<unknown, unknown, import("valibot31").BaseIssue<unknown>> | ValibotSafeParser31<any, any> | ValibotSafeParserAsync31<any, any> | ValibotSchema<unknown, unknown, import("valibot").BaseIssue<unknown>> | ValibotSchemaAsync<unknown, unknown, import("valibot").BaseIssue<unknown>>;
     validate: ((state: any) => Promise<FormError[]>) | ((state: any) => FormError[]);
     validateOn: FormEventType[];
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,5 +1,5 @@
 import type { Ref, PropType } from 'vue';
-import type { FormGroupSize, Strategy } from '../../types/index.js';
+import type { FormGroupSize, Strategy, DeepPartial } from '../../types/index.js';
 declare const config: {
     wrapper: string;
     inner: string;
@@ -25,7 +25,7 @@ declare const config: {
         size: string;
     };
 };
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     name: {
         type: StringConstructor;
         default: any;
@@ -64,7 +64,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => "";
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -73,7 +73,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
+}>, {
     ui: import("vue").ComputedRef<{
         wrapper: string;
         inner: string;
@@ -102,10 +102,10 @@ declare const _default: import("vue").DefineComponent<{
     attrs: import("vue").ComputedRef<Pick<{
         [x: string]: unknown;
     }, string>>;
-    inputId: Ref<string>;
+    inputId: Ref<string, string>;
     size: import("vue").ComputedRef<any>;
     error: import("vue").ComputedRef<string | boolean>;
-}, 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<{
     name: {
         type: StringConstructor;
         default: any;
@@ -144,7 +144,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => "";
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -153,17 +153,45 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>> & Readonly<{}>, {
     name: string;
-    size: FormGroupSize;
     required: boolean;
+    size: FormGroupSize;
     class: any;
     label: string;
     error: string | boolean;
-    ui: {};
+    ui: {
+        wrapper?: string;
+        inner?: string;
+        label?: DeepPartial<{
+            wrapper: string;
+            base: string;
+            required: string;
+        }, any>;
+        size?: DeepPartial<{
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        }, any>;
+        container?: string;
+        description?: string;
+        hint?: string;
+        help?: string;
+        error?: string;
+        default?: DeepPartial<{
+            size: string;
+        }, any>;
+    } & {
+        [key: string]: any;
+    } & {
+        strategy?: Strategy;
+    };
     description: string;
     help: string;
     hint: string;
     eagerValidation: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -4,13 +4,12 @@
       :id="inputId"
       ref="input"
       :name="name"
-      :value="modelValue"
       :type="type"
       :required="required"
       :placeholder="placeholder"
       :disabled="disabled"
       :class="inputClass"
-      v-bind="attrs"
+      v-bind="type === 'file' ? attrs : { ...attrs, value: modelValue }"
       @input="onInput"
       @blur="onBlur"
       @change="onChange"

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

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { InputSize, InputColor, InputVariant, Strategy } from '../../types/index.js';
+import type { InputSize, InputColor, InputVariant, Strategy, DeepPartial } from '../../types/index.js';
 declare const config: {
     wrapper: string;
     base: string;
@@ -109,7 +109,7 @@ declare const config: {
         loadingIcon: string;
     };
 };
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
         type: (StringConstructor | NumberConstructor)[];
         default: string;
@@ -202,7 +202,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => "";
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -215,7 +215,7 @@ declare const _default: import("vue").DefineComponent<{
         }>;
         default: () => {};
     };
-}, {
+}>, {
     ui: import("vue").ComputedRef<{
         wrapper: string;
         base: string;
@@ -330,7 +330,7 @@ declare const _default: import("vue").DefineComponent<{
     }, string>>;
     name: import("vue").ComputedRef<string>;
     inputId: import("vue").ComputedRef<string>;
-    input: import("vue").Ref<HTMLInputElement>;
+    input: import("vue").Ref<HTMLInputElement, HTMLInputElement>;
     isLeading: import("vue").ComputedRef<string | true>;
     isTrailing: import("vue").ComputedRef<string | true>;
     inputClass: import("vue").ComputedRef<string>;
@@ -343,7 +343,7 @@ declare const _default: import("vue").DefineComponent<{
     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;
@@ -436,7 +436,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => "";
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -449,21 +449,133 @@ declare const _default: import("vue").DefineComponent<{
         }>;
         default: () => {};
     };
-}>> & {
+}>> & Readonly<{
     onBlur?: (...args: any[]) => any;
     onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
-}, {
+}>, {
     name: string;
-    size: InputSize;
     type: string;
     required: boolean;
+    size: InputSize;
     class: any;
+    disabled: boolean;
     leading: boolean;
     color: InputColor;
     variant: InputVariant;
-    disabled: boolean;
-    ui: {};
+    ui: {
+        wrapper?: string;
+        base?: string;
+        form?: 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>;
+        default?: DeepPartial<{
+            size: string;
+            color: string;
+            variant: string;
+            loadingIcon: string;
+        }, any>;
+    } & {
+        [key: string]: any;
+    } & {
+        strategy?: Strategy;
+    };
     id: string;
     icon: string;
     modelValue: string | number;
@@ -477,6 +589,56 @@ declare const _default: import("vue").DefineComponent<{
     placeholder: string;
     autofocus: boolean;
     autofocusDelay: number;
-    modelModifiers: {};
-}, {}>;
+    modelModifiers: {
+        trim?: boolean;
+        lazy?: boolean;
+        number?: boolean;
+    };
+}, {}, {
+    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;