@nuxt/ui 2.17.0 → 2.18.0

package/dist/runtime/components/elements/Progress.vue.d.ts

@@ -1,8 +1,83 @@
 import type { PropType } from 'vue';
+import type { Strategy, ProgressSize, ProgressAnimation, ProgressColor } from '../../types.js';
+declare const config: {
+    wrapper: string;
+    indicator: {
+        container: {
+            base: string;
+            width: string;
+            transition: string;
+        };
+        align: string;
+        width: string;
+        color: string;
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+        };
+    };
+    progress: {
+        base: string;
+        width: string;
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+        };
+        rounded: string;
+        track: string;
+        bar: string;
+        color: string;
+        background: string;
+        indeterminate: {
+            base: string;
+            rounded: string;
+        };
+    };
+    steps: {
+        base: string;
+        color: string;
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+        };
+    };
+    step: {
+        base: string;
+        align: string;
+        active: string;
+        first: string;
+    };
+    animation: {
+        carousel: string;
+        'carousel-inverse': string;
+        swing: string;
+        elastic: string;
+    };
+    default: {
+        color: string;
+        size: string;
+        animation: string;
+    };
+};
 declare const _default: import("vue").DefineComponent<{
     value: {
         type: NumberConstructor;
-        default: null;
+        default: any;
     };
     max: {
         type: (NumberConstructor | {
@@ -13,10 +88,12 @@ declare const _default: import("vue").DefineComponent<{
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
             from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
-            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
-            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
-            of<T_4>(...items: T_4[]): T_4[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>) => U, thisArg?: any): Promise<Awaited<U>[]>;
             readonly [Symbol.species]: ArrayConstructor;
         })[];
         default: number;
@@ -26,18 +103,18 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     animation: {
-        type: PropType<"carousel" | "carousel-inverse" | "swing" | "elastic">;
-        default: () => any;
+        type: PropType<ProgressAnimation>;
+        default: () => string;
         validator(value: string): boolean;
     };
     size: {
-        type: PropType<"sm" | "2xs" | "md" | "xs" | "lg" | "xl" | "2xl">;
-        default: () => any;
+        type: PropType<ProgressSize>;
+        default: () => string;
         validator(value: string): boolean;
     };
     color: {
-        type: PropType<any>;
-        default: () => any;
+        type: PropType<ProgressColor>;
+        default: () => string;
         validator(value: string): any;
     };
     class: {
@@ -45,11 +122,86 @@ 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<{
+        wrapper: string;
+        indicator: {
+            container: {
+                base: string;
+                width: string;
+                transition: string;
+            };
+            align: string;
+            width: string;
+            color: string;
+            size: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+                '2xl': string;
+            };
+        };
+        progress: {
+            base: string;
+            width: string;
+            size: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+                '2xl': string;
+            };
+            rounded: string;
+            track: string;
+            bar: string;
+            color: string;
+            background: string;
+            indeterminate: {
+                base: string;
+                rounded: string;
+            };
+        };
+        steps: {
+            base: string;
+            color: string;
+            size: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+                '2xl': string;
+            };
+        };
+        step: {
+            base: string;
+            align: string;
+            active: string;
+            first: string;
+        };
+        animation: {
+            carousel: string;
+            'carousel-inverse': string;
+            swing: string;
+            elastic: string;
+        };
+        default: {
+            color: string;
+            size: string;
+            animation: string;
+        };
+    }>;
     attrs: import("vue").ComputedRef<Pick<{
         [x: string]: unknown;
     }, string>>;
@@ -60,12 +212,12 @@ declare const _default: import("vue").DefineComponent<{
     stepClasses: (index: string | number) => string;
     isIndeterminate: import("vue").ComputedRef<boolean>;
     isSteps: import("vue").ComputedRef<boolean>;
-    realMax: import("vue").ComputedRef<number | null>;
-    percent: import("vue").ComputedRef<number | undefined>;
+    realMax: import("vue").ComputedRef<number>;
+    percent: import("vue").ComputedRef<number>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
         type: NumberConstructor;
-        default: null;
+        default: any;
     };
     max: {
         type: (NumberConstructor | {
@@ -76,10 +228,12 @@ declare const _default: import("vue").DefineComponent<{
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
             from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
-            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
-            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
-            of<T_4>(...items: T_4[]): T_4[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>) => U, thisArg?: any): Promise<Awaited<U>[]>;
             readonly [Symbol.species]: ArrayConstructor;
         })[];
         default: number;
@@ -89,18 +243,18 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     animation: {
-        type: PropType<"carousel" | "carousel-inverse" | "swing" | "elastic">;
-        default: () => any;
+        type: PropType<ProgressAnimation>;
+        default: () => string;
         validator(value: string): boolean;
     };
     size: {
-        type: PropType<"sm" | "2xs" | "md" | "xs" | "lg" | "xl" | "2xl">;
-        default: () => any;
+        type: PropType<ProgressSize>;
+        default: () => string;
         validator(value: string): boolean;
     };
     color: {
-        type: PropType<any>;
-        default: () => any;
+        type: PropType<ProgressColor>;
+        default: () => string;
         validator(value: string): any;
     };
     class: {
@@ -108,16 +262,18 @@ declare const _default: import("vue").DefineComponent<{
         default: () => "";
     };
     ui: {
-        type: PropType<any>;
+        type: PropType<Partial<typeof config> & {
+            strategy?: Strategy;
+        }>;
         default: () => {};
     };
 }>>, {
-    value: number;
-    size: "sm" | "2xs" | "md" | "xs" | "lg" | "xl" | "2xl";
+    size: "xs" | "sm" | "2xs" | "md" | "lg" | "xl" | "2xl";
+    ui: {};
+    color: "primary" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
     class: any;
-    color: any;
-    ui: any;
     max: number | any[];
+    value: number;
     indicator: boolean;
     animation: "carousel" | "carousel-inverse" | "swing" | "elastic";
 }, {}>;

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

@@ -17,11 +17,13 @@
     </div>
     <div v-if="label || $slots.label" :class="ui.inner">
       <label :for="inputId" :class="ui.label">
-        <slot name="label">{{ label }}</slot>
+        <slot name="label" :label="label">{{ label }}</slot>
         <span v-if="required" :class="ui.required">*</span>
       </label>
-      <p v-if="help" :class="ui.help">
-        {{ help }}
+      <p v-if="help || $slots.help" :class="ui.help">
+        <slot name="help" :help="help">
+          {{ help }}
+        </slot>
       </p>
     </div>
   </div>

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

@@ -1,20 +1,40 @@
 import type { PropType } from 'vue';
+import type { Strategy } from '../../types.js';
+import colors from '#ui-colors';
+declare const config: {
+    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: {
+        color: string;
+    };
+};
 declare const _default: import("vue").DefineComponent<{
     id: {
         type: StringConstructor;
-        default: () => null;
+        default: () => any;
     };
     value: {
-        type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
-        default: null;
+        type: (ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor)[];
+        default: any;
     };
     modelValue: {
         type: (BooleanConstructor | ArrayConstructor)[];
-        default: null;
+        default: any;
     };
     name: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     disabled: {
         type: BooleanConstructor;
@@ -22,23 +42,23 @@ declare const _default: import("vue").DefineComponent<{
     };
     indeterminate: {
         type: BooleanConstructor;
-        default: undefined;
+        default: any;
     };
     help: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     label: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     required: {
         type: BooleanConstructor;
         default: boolean;
     };
     color: {
-        type: PropType<any>;
-        default: () => any;
+        type: PropType<(typeof colors)[number]>;
+        default: () => string;
         validator(value: string): any;
     };
     inputClass: {
@@ -50,35 +70,54 @@ 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<{
+        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: {
+            color: string;
+        };
+    }>;
     attrs: import("vue").ComputedRef<Pick<{
         [x: string]: unknown;
     }, string>>;
     toggle: import("vue").WritableComputedRef<boolean | unknown[]>;
-    inputId: any;
-    name: import("vue").ComputedRef<string | undefined>;
+    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<{
     id: {
         type: StringConstructor;
-        default: () => null;
+        default: () => any;
     };
     value: {
-        type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
-        default: null;
+        type: (ObjectConstructor | BooleanConstructor | NumberConstructor | StringConstructor)[];
+        default: any;
     };
     modelValue: {
         type: (BooleanConstructor | ArrayConstructor)[];
-        default: null;
+        default: any;
     };
     name: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     disabled: {
         type: BooleanConstructor;
@@ -86,23 +125,23 @@ declare const _default: import("vue").DefineComponent<{
     };
     indeterminate: {
         type: BooleanConstructor;
-        default: undefined;
+        default: any;
     };
     help: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     label: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     required: {
         type: BooleanConstructor;
         default: boolean;
     };
     color: {
-        type: PropType<any>;
-        default: () => any;
+        type: PropType<(typeof colors)[number]>;
+        default: () => string;
         validator(value: string): any;
     };
     inputClass: {
@@ -114,25 +153,27 @@ 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;
 }, {
-    value: string | number | boolean | Record<string, any>;
-    name: string;
-    required: boolean;
-    label: string;
-    class: any;
-    color: any;
+    ui: {};
     disabled: boolean;
-    ui: any;
+    color: "primary" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
+    label: string;
     id: string;
+    class: any;
+    name: string;
     modelValue: boolean | unknown[];
-    indeterminate: boolean;
+    required: boolean;
+    value: string | number | boolean | Record<string, any>;
     help: string;
+    indeterminate: boolean;
     inputClass: string;
 }, {}>;
 export default _default;

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

@@ -87,8 +87,7 @@ export default defineComponent({
         errors.value = await getErrors();
       }
       if (errors.value.length > 0) {
-        if (opts.silent)
-          return false;
+        if (opts.silent) return false;
         throw new FormException(
           `Form validation failed: ${JSON.stringify(errors.value, null, 2)}`
         );

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

@@ -3,12 +3,13 @@ import type { ZodSchema } from 'zod';
 import type { Schema as JoiSchema } from 'joi';
 import type { ObjectSchema as YupObjectSchema } from 'yup';
 import type { BaseSchema as ValibotSchema30, BaseSchemaAsync as ValibotSchemaAsync30 } from 'valibot30';
+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';
+import type { FormError, FormEventType } from '../../types/form.js';
 declare const _default: import("vue").DefineComponent<{
     schema: {
-        type: PropType<ZodSchema<any, import("zod").ZodTypeDef, any>> | PropType<YupObjectSchema<any, import("yup").AnyObject, any, "">> | PropType<JoiSchema> | PropType<ValibotSchema30<any, any> | ValibotSchemaAsync30<any, any>> | PropType<ValibotSchema<unknown, unknown, import("valibot").BaseIssue<unknown>> | ValibotSchemaAsync<unknown, unknown, import("valibot").BaseIssue<unknown>>> | PropType<ValibotSafeParser<any, any> | ValibotSafeParserAsync<any, any>>;
-        default: undefined;
+        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;
     };
     state: {
         type: ObjectConstructor;
@@ -16,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     validate: {
         type: PropType<(state: any) => Promise<FormError[]>> | PropType<(state: any) => FormError[]>;
-        default: () => never[];
+        default: () => any[];
     };
     validateOn: {
         type: PropType<FormEventType[]>;
@@ -24,10 +25,10 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     onSubmit: (payload: Event) => Promise<void>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "error")[], "submit" | "error", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("error" | "submit")[], "error" | "submit", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     schema: {
-        type: PropType<ZodSchema<any, import("zod").ZodTypeDef, any>> | PropType<YupObjectSchema<any, import("yup").AnyObject, any, "">> | PropType<JoiSchema> | PropType<ValibotSchema30<any, any> | ValibotSchemaAsync30<any, any>> | PropType<ValibotSchema<unknown, unknown, import("valibot").BaseIssue<unknown>> | ValibotSchemaAsync<unknown, unknown, import("valibot").BaseIssue<unknown>>> | PropType<ValibotSafeParser<any, any> | ValibotSafeParserAsync<any, any>>;
-        default: undefined;
+        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;
     };
     state: {
         type: ObjectConstructor;
@@ -35,17 +36,17 @@ declare const _default: import("vue").DefineComponent<{
     };
     validate: {
         type: PropType<(state: any) => Promise<FormError[]>> | PropType<(state: any) => FormError[]>;
-        default: () => never[];
+        default: () => any[];
     };
     validateOn: {
         type: PropType<FormEventType[]>;
         default: () => string[];
     };
 }>> & {
-    onSubmit?: ((...args: any[]) => any) | undefined;
-    onError?: ((...args: any[]) => any) | undefined;
+    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> | ValibotSchema<unknown, unknown, import("valibot").BaseIssue<unknown>> | ValibotSchemaAsync<unknown, unknown, import("valibot").BaseIssue<unknown>> | ValibotSafeParser<any, any> | ValibotSafeParserAsync<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[];
 }, {}>;

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

@@ -23,7 +23,7 @@
     <div :class="[label ? ui.container : '']">
       <slot v-bind="{ error }" />
 
-      <p v-if="(typeof error === 'string' && error) || $slots.error" :class="[ui.error, size]">
+      <p v-if="typeof error === 'string' && error" :class="[ui.error, size]">
         <slot v-if="$slots.error" name="error" v-bind="{ error, label, name, hint, description, help }" />
         <template v-else>
           {{ error }}