@nuxt/ui 2.9.0 → 2.10.0

package/dist/runtime/types/form.d.ts

@@ -1,10 +1,16 @@
-export interface FormError {
-  path: string
+import { Ref } from 'vue'
+
+export interface FormError<T extends string = string> {
+  path: T
   message: string
 }
 
+export interface FormErrorWithId extends FormError {
+  id: string
+}
+
 export interface Form<T> {
-  validate(path?: string, opts: { silent?: boolean }): Promise<T>
+  validate(path?: string, opts?: { silent?: boolean }): Promise<T>
   clear(path?: string): void
   errors: Ref<FormError[]>
   setErrors(errs: FormError[], path?: string): void
@@ -12,17 +18,18 @@ export interface Form<T> {
 }
 
 export type FormSubmitEvent<T> = SubmitEvent & { data: T }
+export type FormErrorEvent = SubmitEvent & { errors: FormErrorWithId[] }
 
 export type FormEventType = 'blur' | 'input' | 'change' | 'submit'
 
 export interface FormEvent {
   type: FormEventType
-  path: string
+  path?: string
 }
 
 export interface InjectedFormGroupValue {
-  inputId: Ref<string>
+  inputId: Ref<string | undefined>
   name: Ref<string>
-  size: Ref<string>
+  size: Ref<string | number | symbol>
   error: Ref<string | boolean>
 }

package/dist/runtime/types/index.d.ts

@@ -7,8 +7,10 @@ export * from './command-palette'
 export * from './dropdown'
 export * from './form'
 export * from './link'
+export * from './meter'
 export * from './notification'
 export * from './popper'
+export * from './progress'
 export * from './tabs'
 export * from './vertical-navigation'
 export * from './utils'

package/dist/runtime/types/meter.d.ts

@@ -0,0 +1,5 @@
+import { meter } from '../ui.config'
+import colors from '#ui-colors'
+
+export type MeterSize = keyof typeof meter.meter.size
+export type MeterColor = keyof typeof meter.color | typeof colors[number]

package/dist/runtime/types/popper.d.ts

@@ -11,4 +11,5 @@ export interface PopperOptions {
   adaptive?: boolean
   scroll?: boolean
   resize?: boolean
+  arrow?: boolean
 }

package/dist/runtime/types/progress.d.ts

@@ -0,0 +1,4 @@
+import { progress } from '../ui.config'
+
+export type ProgressSize = keyof typeof progress.progress.size
+export type ProgressAnimation = keyof typeof progress.animation

package/dist/runtime/types/utils.d.ts

@@ -7,5 +7,5 @@ export type NestedKeyOf<ObjectType extends object> = {
 }[keyof ObjectType];
 
 export type DeepPartial<T> = Partial<{
-  [P in keyof T]: DeepPartial<T[P]> | { [key: string]: string };
+  [P in keyof T]: DeepPartial<T[P]> | { [key: string]: string | object };
 }>;

package/dist/runtime/ui.config.d.ts

@@ -281,6 +281,14 @@ export declare const dropdown: {
         placement: string;
         strategy: string;
     };
+    arrow: {
+        ring: string;
+        background: string;
+        base: string;
+        rounded: string;
+        shadow: string;
+        placement: string;
+    };
 };
 export declare const accordion: {
     wrapper: string;
@@ -355,6 +363,167 @@ export declare const kbd: {
         size: string;
     };
 };
+export declare const progress: {
+    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;
+    };
+};
+export declare const meter: {
+    wrapper: string;
+    indicator: {
+        container: string;
+        text: string;
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+        };
+    };
+    meter: {
+        base: string;
+        background: string;
+        color: string;
+        ring: string;
+        rounded: string;
+        shadow: string;
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+        };
+        appearance: {
+            inner: string;
+            meter: string;
+            bar: string;
+            value: string;
+        };
+        bar: {
+            transition: string;
+            ring: string;
+            rounded: string;
+            size: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+                '2xl': string;
+            };
+        };
+    };
+    label: {
+        base: string;
+        text: string;
+        color: string;
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+        };
+    };
+    color: {
+        white: string;
+        black: string;
+        gray: string;
+    };
+    default: {
+        size: string;
+        color: string;
+    };
+};
+export declare const meterGroup: {
+    wrapper: string;
+    base: string;
+    background: string;
+    transition: string;
+    rounded: string;
+    shadow: string;
+    default: {
+        size: string;
+    };
+};
 export declare const input: {
     wrapper: string;
     base: string;
@@ -743,6 +912,21 @@ export declare const selectMenu: {
     default: {
         selectedIcon: string;
     };
+    arrow: {
+        ring: string;
+        background: string;
+        base: string;
+        rounded: string;
+        shadow: string;
+        placement: string;
+    };
+};
+export declare const radioGroup: {
+    wrapper: string;
+    legend: string;
+    default: {
+        color: string;
+    };
 };
 export declare const radio: {
     wrapper: string;
@@ -808,9 +992,13 @@ export declare const range: {
         rounded: string;
         background: string;
         size: {
+            '2xs': string;
+            xs: string;
             sm: string;
             md: string;
             lg: string;
+            xl: string;
+            '2xl': string;
         };
     };
     thumb: {
@@ -819,9 +1007,13 @@ export declare const range: {
         background: string;
         ring: string;
         size: {
+            '2xs': string;
+            xs: string;
             sm: string;
             md: string;
             lg: string;
+            xl: string;
+            '2xl': string;
         };
     };
     track: {
@@ -829,15 +1021,23 @@ export declare const range: {
         background: string;
         rounded: string;
         size: {
+            '2xs': string;
+            xs: string;
             sm: string;
             md: string;
             lg: string;
+            xl: string;
+            '2xl': string;
         };
     };
     size: {
+        '2xs': string;
+        xs: string;
         sm: string;
         md: string;
         lg: string;
+        xl: string;
+        '2xl': string;
     };
     default: {
         size: string;
@@ -877,6 +1077,35 @@ export declare const skeleton: {
     background: string;
     rounded: string;
 };
+export declare const divider: {
+    wrapper: {
+        base: string;
+        horizontal: string;
+        vertical: string;
+    };
+    container: {
+        base: string;
+        horizontal: string;
+        vertical: string;
+    };
+    border: {
+        base: string;
+        horizontal: string;
+        vertical: string;
+        size: {
+            horizontal: string;
+            vertical: string;
+        };
+    };
+    icon: {
+        base: string;
+    };
+    avatar: {
+        base: string;
+        size: string;
+    };
+    label: string;
+};
 export declare const verticalNavigation: {
     wrapper: string;
     base: string;
@@ -983,6 +1212,16 @@ export declare const pagination: {
         inactiveButton: {
             color: string;
         };
+        firstButton: {
+            color: string;
+            class: string;
+            icon: string;
+        };
+        lastButton: {
+            color: string;
+            class: string;
+            icon: string;
+        };
         prevButton: {
             color: string;
             class: string;
@@ -1110,6 +1349,14 @@ export declare const tooltip: {
     popper: {
         strategy: string;
     };
+    arrow: {
+        base: string;
+        ring: string;
+        rounded: string;
+        background: string;
+        shadow: string;
+        placement: string;
+    };
 };
 export declare const popover: {
     wrapper: string;
@@ -1131,6 +1378,14 @@ export declare const popover: {
     popper: {
         strategy: string;
     };
+    arrow: {
+        base: string;
+        ring: string;
+        rounded: string;
+        background: string;
+        shadow: string;
+        placement: string;
+    };
 };
 export declare const contextMenu: {
     wrapper: string;
@@ -1153,6 +1408,14 @@ export declare const contextMenu: {
         placement: string;
         scroll: boolean;
     };
+    arrow: {
+        base: string;
+        ring: string;
+        rounded: string;
+        background: string;
+        shadow: string;
+        placement: string;
+    };
 };
 export declare const notification: {
     wrapper: string;