@nuxt/ui 2.8.1 → 2.9.0

package/dist/module.d.mts

@@ -1,379 +1,437 @@
 import * as _nuxt_schema from '@nuxt/schema';
 
-declare const _default$1: {
-    ui: {
-        table: {
-            wrapper: string;
-            base: string;
-            divide: string;
-            thead: string;
-            tbody: string;
-            tr: {
-                base: string;
-                selected: string;
-                active: string;
-            };
-            th: {
-                base: string;
-                padding: string;
-                color: string;
-                font: string;
-                size: string;
-            };
-            td: {
-                base: string;
-                padding: string;
-                color: string;
-                font: string;
-                size: string;
-            };
-            loadingState: {
-                wrapper: string;
-                label: string;
-                icon: string;
-            };
-            emptyState: {
-                wrapper: string;
-                label: string;
-                icon: string;
-            };
-            default: {
-                sortAscIcon: string;
-                sortDescIcon: string;
-                sortButton: {
-                    icon: string;
-                    trailing: boolean;
-                    square: boolean;
-                    color: string;
-                    variant: string;
-                    class: string;
-                };
-                loadingState: {
-                    icon: string;
-                    label: string;
-                };
-                emptyState: {
-                    icon: string;
-                    label: string;
-                };
-            };
+declare const table: {
+    wrapper: string;
+    base: string;
+    divide: string;
+    thead: string;
+    tbody: string;
+    tr: {
+        base: string;
+        selected: string;
+        active: string;
+    };
+    th: {
+        base: string;
+        padding: string;
+        color: string;
+        font: string;
+        size: string;
+    };
+    td: {
+        base: string;
+        padding: string;
+        color: string;
+        font: string;
+        size: string;
+    };
+    checkbox: {
+        padding: string;
+    };
+    loadingState: {
+        wrapper: string;
+        label: string;
+        icon: string;
+    };
+    emptyState: {
+        wrapper: string;
+        label: string;
+        icon: string;
+    };
+    default: {
+        sortAscIcon: string;
+        sortDescIcon: string;
+        sortButton: {
+            icon: string;
+            trailing: boolean;
+            square: boolean;
+            color: string;
+            variant: string;
+            class: string;
         };
-        avatar: {
-            wrapper: string;
-            background: string;
-            rounded: string;
-            text: string;
-            placeholder: string;
-            size: {
-                '3xs': string;
-                '2xs': string;
-                xs: string;
-                sm: string;
-                md: string;
-                lg: string;
-                xl: string;
-                '2xl': string;
-                '3xl': string;
-            };
-            chip: {
-                base: string;
-                background: string;
-                position: {
-                    'top-right': string;
-                    'bottom-right': string;
-                    'top-left': string;
-                    'bottom-left': string;
-                };
-                size: {
-                    '3xs': string;
-                    '2xs': string;
-                    xs: string;
-                    sm: string;
-                    md: string;
-                    lg: string;
-                    xl: string;
-                    '2xl': string;
-                    '3xl': string;
-                };
-            };
-            icon: {
-                base: string;
-                size: {
-                    '3xs': string;
-                    '2xs': string;
-                    xs: string;
-                    sm: string;
-                    md: string;
-                    lg: string;
-                    xl: string;
-                    '2xl': string;
-                    '3xl': string;
-                };
-            };
-            default: {
-                size: string;
-                icon: any;
-                chipColor: any;
-                chipPosition: string;
-            };
+        loadingState: {
+            icon: string;
+            label: string;
         };
-        avatarGroup: {
-            wrapper: string;
-            ring: string;
-            margin: string;
+        emptyState: {
+            icon: string;
+            label: string;
         };
-        badge: {
-            base: string;
-            rounded: string;
-            font: string;
-            size: {
-                xs: string;
-                sm: string;
-                md: string;
-                lg: string;
-            };
-            color: {
-                white: {
-                    solid: string;
-                };
-                gray: {
-                    solid: string;
-                };
-                black: {
-                    solid: string;
-                };
-            };
-            variant: {
-                solid: string;
-                outline: string;
-                soft: string;
-                subtle: string;
-            };
-            default: {
-                size: string;
-                variant: string;
-                color: string;
-            };
+    };
+};
+declare const avatar: {
+    wrapper: string;
+    background: string;
+    rounded: string;
+    text: string;
+    placeholder: string;
+    size: {
+        '3xs': string;
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+    };
+    chip: {
+        base: string;
+        background: string;
+        position: {
+            'top-right': string;
+            'bottom-right': string;
+            'top-left': string;
+            'bottom-left': string;
         };
-        button: {
-            base: string;
-            font: string;
-            rounded: 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;
-            };
-            square: {
-                '2xs': string;
-                xs: string;
-                sm: string;
-                md: string;
-                lg: string;
-                xl: string;
-            };
-            color: {
-                white: {
-                    solid: string;
-                    ghost: string;
-                };
-                gray: {
-                    solid: string;
-                    ghost: string;
-                    link: string;
-                };
-                black: {
-                    solid: string;
-                    link: string;
-                };
-            };
-            variant: {
-                solid: string;
-                outline: string;
-                soft: string;
-                ghost: string;
-                link: string;
-            };
-            icon: {
-                base: string;
-                size: {
-                    '2xs': string;
-                    xs: string;
-                    sm: string;
-                    md: string;
-                    lg: string;
-                    xl: string;
-                };
-            };
-            default: {
-                size: string;
-                variant: string;
-                color: string;
-                loadingIcon: string;
-            };
+        size: {
+            '3xs': string;
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+            '3xl': string;
         };
-        buttonGroup: {
-            wrapper: string;
-            rounded: string;
-            shadow: string;
+    };
+    icon: {
+        base: string;
+        size: {
+            '3xs': string;
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+            '3xl': string;
         };
-        dropdown: {
-            wrapper: string;
-            container: string;
-            width: string;
-            height: string;
-            background: string;
-            shadow: string;
-            rounded: string;
-            ring: string;
+    };
+    default: {
+        size: string;
+        icon: any;
+        chipColor: any;
+        chipPosition: string;
+    };
+};
+declare const avatarGroup: {
+    wrapper: string;
+    ring: string;
+    margin: string;
+};
+declare const badge: {
+    base: string;
+    rounded: string;
+    font: string;
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    color: {
+        white: {
+            solid: string;
+        };
+        gray: {
+            solid: string;
+        };
+        black: {
+            solid: string;
+        };
+    };
+    variant: {
+        solid: string;
+        outline: string;
+        soft: string;
+        subtle: string;
+    };
+    default: {
+        size: string;
+        variant: string;
+        color: string;
+    };
+};
+declare const button: {
+    base: string;
+    font: string;
+    rounded: 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;
+    };
+    square: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    color: {
+        white: {
+            solid: string;
+            ghost: string;
+        };
+        gray: {
+            solid: string;
+            ghost: string;
+            link: string;
+        };
+        black: {
+            solid: string;
+            link: string;
+        };
+    };
+    variant: {
+        solid: string;
+        outline: string;
+        soft: string;
+        ghost: string;
+        link: string;
+    };
+    icon: {
+        base: string;
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+    };
+    default: {
+        size: string;
+        variant: string;
+        color: string;
+        loadingIcon: string;
+    };
+};
+declare const buttonGroup: {
+    wrapper: {
+        horizontal: string;
+        vertical: string;
+    };
+    rounded: string;
+    shadow: string;
+};
+declare const dropdown: {
+    wrapper: string;
+    container: string;
+    width: string;
+    height: string;
+    background: string;
+    shadow: string;
+    rounded: string;
+    ring: string;
+    base: string;
+    divide: string;
+    padding: string;
+    item: {
+        base: string;
+        rounded: string;
+        padding: string;
+        size: string;
+        active: string;
+        inactive: string;
+        disabled: string;
+        icon: {
             base: string;
-            divide: string;
-            padding: string;
-            item: {
-                base: string;
-                rounded: string;
-                padding: string;
-                size: string;
-                active: string;
-                inactive: string;
-                disabled: string;
-                icon: {
-                    base: string;
-                    active: string;
-                    inactive: string;
-                };
-                avatar: {
-                    base: string;
-                    size: string;
-                };
-                shortcuts: string;
-            };
-            transition: {
-                enterActiveClass: string;
-                enterFromClass: string;
-                enterToClass: string;
-                leaveActiveClass: string;
-                leaveFromClass: string;
-                leaveToClass: string;
-            };
-            popper: {
-                placement: string;
-                strategy: string;
-            };
+            active: string;
+            inactive: string;
         };
-        kbd: {
+        avatar: {
             base: string;
-            padding: string;
-            size: {
-                xs: string;
-                sm: string;
-                md: string;
-            };
-            rounded: string;
-            font: string;
-            background: string;
-            ring: string;
-            default: {
-                size: string;
-            };
+            size: string;
         };
-        accordion: {
-            wrapper: string;
-            item: {
-                base: string;
-                size: string;
-                color: string;
-                padding: string;
-                icon: string;
-            };
-            transition: {
-                enterActiveClass: string;
-                leaveActiveClass: string;
-            };
-            default: {
-                openIcon: string;
-                closeIcon: string;
-                class: string;
-                variant: string;
-            };
+        shortcuts: string;
+    };
+    transition: {
+        enterActiveClass: string;
+        enterFromClass: string;
+        enterToClass: string;
+        leaveActiveClass: string;
+        leaveFromClass: string;
+        leaveToClass: string;
+    };
+    popper: {
+        placement: string;
+        strategy: string;
+    };
+};
+declare const accordion: {
+    wrapper: string;
+    item: {
+        base: string;
+        size: string;
+        color: string;
+        padding: string;
+        icon: string;
+    };
+    transition: {
+        enterActiveClass: string;
+        leaveActiveClass: string;
+    };
+    default: {
+        openIcon: string;
+        closeIcon: string;
+        class: string;
+        variant: string;
+    };
+};
+declare const alert: {
+    wrapper: string;
+    title: string;
+    description: string;
+    shadow: string;
+    rounded: string;
+    padding: string;
+    icon: {
+        base: string;
+    };
+    avatar: {
+        base: string;
+        size: string;
+    };
+    color: {
+        white: {
+            solid: string;
         };
-        alert: {
-            wrapper: string;
-            title: string;
-            description: string;
-            shadow: string;
-            rounded: string;
-            padding: string;
-            icon: {
-                base: string;
-            };
-            avatar: {
-                base: string;
-                size: string;
-            };
-            color: {
-                white: {
-                    solid: string;
-                };
-            };
-            variant: {
-                solid: string;
-                outline: string;
-                soft: string;
-                subtle: string;
-            };
-            default: {
-                color: string;
-                variant: string;
-                icon: any;
-                closeButton: any;
-                actionButton: {
-                    size: string;
-                    color: string;
-                    variant: string;
-                };
-            };
+    };
+    variant: {
+        solid: string;
+        outline: string;
+        soft: string;
+        subtle: string;
+    };
+    default: {
+        color: string;
+        variant: string;
+        icon: any;
+        closeButton: any;
+        actionButton: {
+            size: string;
+            color: string;
+            variant: string;
+        };
+    };
+};
+declare const kbd: {
+    base: string;
+    padding: string;
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+    };
+    rounded: string;
+    font: string;
+    background: string;
+    ring: string;
+    default: {
+        size: string;
+    };
+};
+declare const input: {
+    wrapper: string;
+    base: string;
+    rounded: string;
+    placeholder: 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;
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
         };
-        input: {
+        leading: {
             wrapper: string;
-            base: string;
-            rounded: string;
-            placeholder: 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;
-            };
+            pointer: string;
             padding: {
                 '2xs': string;
                 xs: string;
@@ -382,89 +440,11 @@ declare const _default$1: {
                 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;
-                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;
-                    };
-                };
-            };
-            default: {
-                size: string;
-                color: string;
-                variant: string;
-                loadingIcon: string;
-            };
         };
-        formGroup: {
+        trailing: {
             wrapper: string;
-            label: {
-                wrapper: string;
-                base: string;
-                required: string;
-            };
-            size: {
+            pointer: string;
+            padding: {
                 '2xs': string;
                 xs: string;
                 sm: string;
@@ -472,38 +452,119 @@ declare const _default$1: {
                 lg: string;
                 xl: string;
             };
-            container: string;
-            description: string;
-            hint: string;
-            help: string;
-            error: string;
         };
-        textarea: {
-            default: {
-                size: string;
-                color: string;
-                variant: string;
-            };
+    };
+    default: {
+        size: string;
+        color: string;
+        variant: string;
+        loadingIcon: string;
+    };
+};
+declare const formGroup: {
+    wrapper: string;
+    label: {
+        wrapper: string;
+        base: string;
+        required: string;
+    };
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    container: string;
+    description: string;
+    hint: string;
+    help: string;
+    error: string;
+    default: {
+        size: string;
+    };
+};
+declare const textarea: {
+    default: {
+        size: string;
+        color: string;
+        variant: string;
+    };
+    wrapper: string;
+    base: string;
+    rounded: string;
+    placeholder: 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;
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+        leading: {
             wrapper: string;
-            base: string;
-            rounded: string;
-            placeholder: 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;
-            };
+            pointer: string;
             padding: {
                 '2xs': string;
                 xs: string;
@@ -512,88 +573,11 @@ declare const _default$1: {
                 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;
-                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;
-                    };
-                };
-            };
         };
-        select: {
-            placeholder: string;
-            default: {
-                size: string;
-                color: string;
-                variant: string;
-                loadingIcon: string;
-                trailingIcon: string;
-            };
+        trailing: {
             wrapper: string;
-            base: string;
-            rounded: string;
-            size: {
+            pointer: string;
+            padding: {
                 '2xs': string;
                 xs: string;
                 sm: string;
@@ -601,7 +585,92 @@ declare const _default$1: {
                 lg: string;
                 xl: string;
             };
-            gap: {
+        };
+    };
+};
+declare const select: {
+    placeholder: string;
+    default: {
+        size: string;
+        color: string;
+        variant: string;
+        loadingIcon: string;
+        trailingIcon: string;
+    };
+    wrapper: string;
+    base: string;
+    rounded: 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;
+        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;
@@ -609,6 +678,10 @@ declare const _default$1: {
                 lg: string;
                 xl: string;
             };
+        };
+        trailing: {
+            wrapper: string;
+            pointer: string;
             padding: {
                 '2xs': string;
                 xs: string;
@@ -617,604 +690,582 @@ declare const _default$1: {
                 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;
-                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;
-                    };
-                };
-            };
         };
-        selectMenu: {
-            container: string;
-            width: string;
-            height: string;
+    };
+};
+declare const selectMenu: {
+    container: string;
+    width: string;
+    height: string;
+    base: string;
+    background: string;
+    shadow: string;
+    rounded: string;
+    padding: string;
+    ring: string;
+    input: string;
+    option: {
+        base: string;
+        rounded: string;
+        padding: string;
+        size: string;
+        color: string;
+        container: string;
+        active: string;
+        inactive: string;
+        selected: string;
+        disabled: string;
+        empty: string;
+        icon: {
             base: string;
-            background: string;
-            shadow: string;
-            rounded: string;
-            padding: string;
-            ring: string;
-            input: string;
-            option: {
-                base: string;
-                rounded: string;
-                padding: string;
-                size: string;
-                color: string;
-                container: string;
-                active: string;
-                inactive: string;
-                selected: string;
-                disabled: string;
-                empty: string;
-                icon: {
-                    base: string;
-                    active: string;
-                    inactive: string;
-                };
-                selectedIcon: {
-                    wrapper: string;
-                    padding: string;
-                    base: string;
-                };
-                avatar: {
-                    base: string;
-                    size: string;
-                };
-                chip: {
-                    base: string;
-                };
-            };
-            transition: {
-                leaveActiveClass: string;
-                leaveFromClass: string;
-                leaveToClass: string;
-            };
-            popper: {
-                placement: string;
-            };
-            default: {
-                selectedIcon: string;
-            };
+            active: string;
+            inactive: string;
         };
-        checkbox: {
+        selectedIcon: {
             wrapper: string;
+            padding: string;
             base: string;
-            rounded: string;
-            color: string;
-            background: string;
-            border: string;
-            ring: string;
-            label: string;
-            required: string;
-            help: string;
-            default: {
-                color: string;
-            };
         };
-        radio: {
-            wrapper: string;
+        avatar: {
             base: string;
-            color: string;
-            background: string;
-            border: string;
-            ring: string;
-            label: string;
-            required: string;
-            help: string;
-            default: {
-                color: string;
-            };
+            size: string;
         };
-        toggle: {
+        chip: {
             base: string;
-            rounded: string;
-            ring: string;
-            active: string;
-            inactive: string;
-            container: {
-                base: string;
-                active: string;
-                inactive: string;
-            };
-            icon: {
-                base: string;
-                active: string;
-                inactive: string;
-                on: string;
-                off: string;
-            };
-            default: {
-                onIcon: any;
-                offIcon: any;
-                color: string;
-            };
         };
-        range: {
-            wrapper: string;
-            base: string;
-            rounded: string;
-            background: string;
-            ring: string;
-            progress: {
-                base: string;
-                rounded: string;
-                background: string;
-                size: {
-                    sm: string;
-                    md: string;
-                    lg: string;
-                };
-            };
-            thumb: {
-                base: string;
-                color: string;
-                background: string;
-                ring: string;
-                size: {
-                    sm: string;
-                    md: string;
-                    lg: string;
-                };
-            };
-            track: {
-                base: string;
-                background: string;
-                rounded: string;
-                size: {
-                    sm: string;
-                    md: string;
-                    lg: string;
-                };
-            };
-            size: {
-                sm: string;
-                md: string;
-                lg: string;
-            };
-            default: {
-                size: string;
-                color: string;
-            };
+    };
+    transition: {
+        leaveActiveClass: string;
+        leaveFromClass: string;
+        leaveToClass: string;
+    };
+    popper: {
+        placement: string;
+    };
+    default: {
+        selectedIcon: string;
+    };
+};
+declare const radio: {
+    wrapper: string;
+    base: string;
+    color: string;
+    background: string;
+    border: string;
+    ring: string;
+    label: string;
+    required: string;
+    help: string;
+    default: {
+        color: string;
+    };
+};
+declare const checkbox: {
+    wrapper: string;
+    base: string;
+    rounded: string;
+    color: string;
+    background: string;
+    border: string;
+    ring: string;
+    label: string;
+    required: string;
+    help: string;
+    default: {
+        color: string;
+    };
+};
+declare const toggle: {
+    base: string;
+    rounded: string;
+    ring: string;
+    active: string;
+    inactive: string;
+    container: {
+        base: string;
+        active: string;
+        inactive: string;
+    };
+    icon: {
+        base: string;
+        active: string;
+        inactive: string;
+        on: string;
+        off: string;
+    };
+    default: {
+        onIcon: any;
+        offIcon: any;
+        color: string;
+    };
+};
+declare const range: {
+    wrapper: string;
+    base: string;
+    rounded: string;
+    background: string;
+    ring: string;
+    progress: {
+        base: string;
+        rounded: string;
+        background: string;
+        size: {
+            sm: string;
+            md: string;
+            lg: string;
         };
-        card: {
-            base: string;
-            background: string;
-            divide: string;
-            ring: string;
-            rounded: string;
-            shadow: string;
-            body: {
-                base: string;
-                background: string;
-                padding: string;
-            };
-            header: {
-                base: string;
-                background: string;
-                padding: string;
-            };
-            footer: {
-                base: string;
-                background: string;
-                padding: string;
-            };
+    };
+    thumb: {
+        base: string;
+        color: string;
+        background: string;
+        ring: string;
+        size: {
+            sm: string;
+            md: string;
+            lg: string;
         };
-        container: {
-            base: string;
-            padding: string;
-            constrained: string;
+    };
+    track: {
+        base: string;
+        background: string;
+        rounded: string;
+        size: {
+            sm: string;
+            md: string;
+            lg: string;
         };
-        skeleton: {
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    default: {
+        size: string;
+        color: string;
+    };
+};
+declare const card: {
+    base: string;
+    background: string;
+    divide: string;
+    ring: string;
+    rounded: string;
+    shadow: string;
+    body: {
+        base: string;
+        background: string;
+        padding: string;
+    };
+    header: {
+        base: string;
+        background: string;
+        padding: string;
+    };
+    footer: {
+        base: string;
+        background: string;
+        padding: string;
+    };
+};
+declare const container: {
+    base: string;
+    padding: string;
+    constrained: string;
+};
+declare const skeleton: {
+    base: string;
+    background: string;
+    rounded: string;
+};
+declare const verticalNavigation: {
+    wrapper: string;
+    base: string;
+    ring: string;
+    padding: string;
+    width: string;
+    rounded: string;
+    font: string;
+    size: string;
+    active: string;
+    inactive: string;
+    label: string;
+    icon: {
+        base: string;
+        active: string;
+        inactive: string;
+    };
+    avatar: {
+        base: string;
+        size: string;
+    };
+    badge: {
+        base: string;
+        active: string;
+        inactive: string;
+    };
+};
+declare const commandPalette: {
+    wrapper: string;
+    container: string;
+    input: {
+        wrapper: string;
+        base: string;
+        padding: string;
+        height: string;
+        size: string;
+        icon: {
             base: string;
-            background: string;
-            rounded: string;
+            size: string;
+            padding: string;
         };
-        verticalNavigation: {
-            wrapper: string;
+        closeButton: string;
+    };
+    emptyState: {
+        wrapper: string;
+        label: string;
+        queryLabel: string;
+        icon: string;
+    };
+    group: {
+        wrapper: string;
+        label: string;
+        container: string;
+        command: {
             base: string;
-            ring: string;
-            padding: string;
-            width: string;
-            rounded: string;
-            font: string;
-            size: string;
             active: string;
             inactive: string;
             label: string;
+            prefix: string;
+            suffix: string;
+            container: string;
             icon: {
                 base: string;
                 active: string;
                 inactive: string;
             };
-            avatar: {
+            selectedIcon: {
                 base: string;
-                size: string;
             };
-            badge: {
+            avatar: {
                 base: string;
-                active: string;
-                inactive: string;
+                size: "3xs";
             };
-        };
-        commandPalette: {
-            wrapper: string;
-            container: string;
-            input: {
-                wrapper: string;
+            chip: {
                 base: string;
-                padding: string;
-                height: string;
-                size: string;
-                icon: {
-                    base: string;
-                    size: string;
-                    padding: string;
-                };
-                closeButton: string;
-            };
-            emptyState: {
-                wrapper: string;
-                label: string;
-                queryLabel: string;
-                icon: string;
-            };
-            group: {
-                wrapper: string;
-                label: string;
-                container: string;
-                command: {
-                    base: string;
-                    active: string;
-                    inactive: string;
-                    label: string;
-                    prefix: string;
-                    suffix: string;
-                    container: string;
-                    icon: {
-                        base: string;
-                        active: string;
-                        inactive: string;
-                    };
-                    selectedIcon: {
-                        base: string;
-                    };
-                    avatar: {
-                        base: string;
-                        size: string;
-                    };
-                    chip: {
-                        base: string;
-                    };
-                    disabled: string;
-                    shortcuts: string;
-                };
-                active: string;
-                inactive: string;
-            };
-            default: {
-                icon: string;
-                loadingIcon: string;
-                emptyState: {
-                    icon: string;
-                    label: string;
-                    queryLabel: string;
-                };
-                closeButton: any;
-                selectedIcon: string;
             };
+            disabled: string;
+            shortcuts: string;
         };
-        pagination: {
-            wrapper: string;
-            base: string;
-            rounded: string;
-            default: {
-                size: string;
-                activeButton: {
-                    color: string;
-                };
-                inactiveButton: {
-                    color: string;
-                };
-                prevButton: {
-                    color: string;
-                    class: string;
-                    icon: string;
-                };
-                nextButton: {
-                    color: string;
-                    class: string;
-                    icon: string;
-                };
-            };
+        active: string;
+        inactive: string;
+    };
+    default: {
+        icon: string;
+        loadingIcon: string;
+        emptyState: {
+            icon: string;
+            label: string;
+            queryLabel: string;
         };
-        tabs: {
-            wrapper: string;
-            container: string;
-            base: string;
-            list: {
-                base: string;
-                background: string;
-                rounded: string;
-                shadow: string;
-                padding: string;
-                height: string;
-                width: string;
-                marker: {
-                    wrapper: string;
-                    base: string;
-                    background: string;
-                    rounded: string;
-                    shadow: string;
-                };
-                tab: {
-                    base: string;
-                    background: string;
-                    active: string;
-                    inactive: string;
-                    height: string;
-                    padding: string;
-                    size: string;
-                    font: string;
-                    rounded: string;
-                    shadow: string;
-                };
-            };
+        closeButton: any;
+        selectedIcon: string;
+    };
+};
+declare const pagination: {
+    wrapper: string;
+    base: string;
+    rounded: string;
+    default: {
+        size: string;
+        activeButton: {
+            color: string;
+        };
+        inactiveButton: {
+            color: string;
+        };
+        prevButton: {
+            color: string;
+            class: string;
+            icon: string;
+        };
+        nextButton: {
+            color: string;
+            class: string;
+            icon: string;
         };
-        modal: {
+    };
+};
+declare const tabs: {
+    wrapper: string;
+    container: string;
+    base: string;
+    list: {
+        base: string;
+        background: string;
+        rounded: string;
+        shadow: string;
+        padding: string;
+        height: string;
+        width: string;
+        marker: {
             wrapper: string;
-            inner: string;
-            container: string;
-            padding: string;
-            margin: string;
             base: string;
-            overlay: {
-                base: string;
-                background: string;
-                transition: {
-                    enter: string;
-                    enterFrom: string;
-                    enterTo: string;
-                    leave: string;
-                    leaveFrom: string;
-                    leaveTo: string;
-                };
-            };
             background: string;
-            ring: string;
             rounded: string;
             shadow: string;
-            width: string;
-            height: string;
-            transition: {
-                enter: string;
-                enterFrom: string;
-                enterTo: string;
-                leave: string;
-                leaveFrom: string;
-                leaveTo: string;
-            };
         };
-        slideover: {
-            wrapper: string;
-            overlay: {
-                base: string;
-                background: string;
-                transition: {
-                    enter: string;
-                    enterFrom: string;
-                    enterTo: string;
-                    leave: string;
-                    leaveFrom: string;
-                    leaveTo: string;
-                };
-            };
+        tab: {
             base: string;
             background: string;
-            ring: string;
-            rounded: string;
+            active: string;
+            inactive: string;
+            height: string;
             padding: string;
-            shadow: string;
-            width: string;
-            transition: {
-                enter: string;
-                leave: string;
-            };
-        };
-        popover: {
-            wrapper: string;
-            container: string;
-            width: string;
-            background: string;
-            shadow: string;
+            size: string;
+            font: string;
             rounded: string;
-            ring: string;
-            base: string;
-            transition: {
-                enterActiveClass: string;
-                enterFromClass: string;
-                enterToClass: string;
-                leaveActiveClass: string;
-                leaveFromClass: string;
-                leaveToClass: string;
-            };
-            popper: {
-                strategy: string;
-            };
-        };
-        tooltip: {
-            wrapper: string;
-            container: string;
-            width: string;
-            background: string;
-            color: string;
             shadow: string;
-            rounded: string;
-            ring: string;
-            base: string;
-            shortcuts: string;
-            transition: {
-                enterActiveClass: string;
-                enterFromClass: string;
-                enterToClass: string;
-                leaveActiveClass: string;
-                leaveFromClass: string;
-                leaveToClass: string;
-            };
-            popper: {
-                strategy: string;
-            };
         };
-        contextMenu: {
-            wrapper: string;
-            container: string;
-            width: string;
-            background: string;
-            shadow: string;
-            rounded: string;
-            ring: string;
-            base: string;
-            transition: {
-                enterActiveClass: string;
-                enterFromClass: string;
-                enterToClass: string;
-                leaveActiveClass: string;
-                leaveFromClass: string;
-                leaveToClass: string;
-            };
-            popper: {
-                placement: string;
-                scroll: boolean;
-            };
+    };
+};
+declare const modal: {
+    wrapper: string;
+    inner: string;
+    container: string;
+    padding: string;
+    margin: string;
+    base: string;
+    overlay: {
+        base: string;
+        background: string;
+        transition: {
+            enter: string;
+            enterFrom: string;
+            enterTo: string;
+            leave: string;
+            leaveFrom: string;
+            leaveTo: string;
         };
-        notification: {
-            wrapper: string;
-            container: string;
-            title: string;
-            description: string;
-            background: string;
-            shadow: string;
-            rounded: string;
-            padding: string;
-            ring: string;
-            icon: {
-                base: string;
-                color: string;
-            };
-            avatar: {
-                base: string;
-                size: string;
-            };
-            progress: {
-                base: string;
-                background: string;
-            };
-            transition: {
-                enterActiveClass: string;
-                enterFromClass: string;
-                enterToClass: string;
-                leaveActiveClass: string;
-                leaveFromClass: string;
-                leaveToClass: string;
-            };
-            default: {
-                color: string;
-                icon: any;
-                closeButton: {
-                    icon: string;
-                    color: string;
-                    variant: string;
-                    padded: boolean;
-                };
-                actionButton: {
-                    size: string;
-                    color: string;
-                };
-            };
+    };
+    background: string;
+    ring: string;
+    rounded: string;
+    shadow: string;
+    width: string;
+    height: string;
+    transition: {
+        enter: string;
+        enterFrom: string;
+        enterTo: string;
+        leave: string;
+        leaveFrom: string;
+        leaveTo: string;
+    };
+};
+declare const slideover: {
+    wrapper: string;
+    overlay: {
+        base: string;
+        background: string;
+        transition: {
+            enter: string;
+            enterFrom: string;
+            enterTo: string;
+            leave: string;
+            leaveFrom: string;
+            leaveTo: string;
         };
-        notifications: {
-            wrapper: string;
-            position: string;
-            width: string;
-            container: string;
+    };
+    base: string;
+    background: string;
+    ring: string;
+    rounded: string;
+    padding: string;
+    shadow: string;
+    width: string;
+    transition: {
+        enter: string;
+        leave: string;
+    };
+};
+declare const tooltip: {
+    wrapper: string;
+    container: string;
+    width: string;
+    background: string;
+    color: string;
+    shadow: string;
+    rounded: string;
+    ring: string;
+    base: string;
+    shortcuts: string;
+    transition: {
+        enterActiveClass: string;
+        enterFromClass: string;
+        enterToClass: string;
+        leaveActiveClass: string;
+        leaveFromClass: string;
+        leaveToClass: string;
+    };
+    popper: {
+        strategy: string;
+    };
+};
+declare const popover: {
+    wrapper: string;
+    container: string;
+    width: string;
+    background: string;
+    shadow: string;
+    rounded: string;
+    ring: string;
+    base: string;
+    transition: {
+        enterActiveClass: string;
+        enterFromClass: string;
+        enterToClass: string;
+        leaveActiveClass: string;
+        leaveFromClass: string;
+        leaveToClass: string;
+    };
+    popper: {
+        strategy: string;
+    };
+};
+declare const contextMenu: {
+    wrapper: string;
+    container: string;
+    width: string;
+    background: string;
+    shadow: string;
+    rounded: string;
+    ring: string;
+    base: string;
+    transition: {
+        enterActiveClass: string;
+        enterFromClass: string;
+        enterToClass: string;
+        leaveActiveClass: string;
+        leaveFromClass: string;
+        leaveToClass: string;
+    };
+    popper: {
+        placement: string;
+        scroll: boolean;
+    };
+};
+declare const notification: {
+    wrapper: string;
+    container: string;
+    title: string;
+    description: string;
+    background: string;
+    shadow: string;
+    rounded: string;
+    padding: string;
+    ring: string;
+    icon: {
+        base: string;
+        color: string;
+    };
+    avatar: {
+        base: string;
+        size: "md";
+    };
+    progress: {
+        base: string;
+        background: string;
+    };
+    transition: {
+        enterActiveClass: string;
+        enterFromClass: string;
+        enterToClass: string;
+        leaveActiveClass: string;
+        leaveFromClass: string;
+        leaveToClass: string;
+    };
+    default: {
+        color: string;
+        icon: any;
+        closeButton: {
+            icon: string;
+            color: string;
+            variant: string;
+            padded: boolean;
+        };
+        actionButton: {
+            size: string;
+            color: string;
         };
     };
 };
+declare const notifications: {
+    wrapper: string;
+    position: string;
+    width: string;
+    container: string;
+};
+
+declare const config_accordion: typeof accordion;
+declare const config_alert: typeof alert;
+declare const config_avatar: typeof avatar;
+declare const config_avatarGroup: typeof avatarGroup;
+declare const config_badge: typeof badge;
+declare const config_button: typeof button;
+declare const config_buttonGroup: typeof buttonGroup;
+declare const config_card: typeof card;
+declare const config_checkbox: typeof checkbox;
+declare const config_commandPalette: typeof commandPalette;
+declare const config_container: typeof container;
+declare const config_contextMenu: typeof contextMenu;
+declare const config_dropdown: typeof dropdown;
+declare const config_formGroup: typeof formGroup;
+declare const config_input: typeof input;
+declare const config_kbd: typeof kbd;
+declare const config_modal: typeof modal;
+declare const config_notification: typeof notification;
+declare const config_notifications: typeof notifications;
+declare const config_pagination: typeof pagination;
+declare const config_popover: typeof popover;
+declare const config_radio: typeof radio;
+declare const config_range: typeof range;
+declare const config_select: typeof select;
+declare const config_selectMenu: typeof selectMenu;
+declare const config_skeleton: typeof skeleton;
+declare const config_slideover: typeof slideover;
+declare const config_table: typeof table;
+declare const config_tabs: typeof tabs;
+declare const config_textarea: typeof textarea;
+declare const config_toggle: typeof toggle;
+declare const config_tooltip: typeof tooltip;
+declare const config_verticalNavigation: typeof verticalNavigation;
+declare namespace config {
+  export { config_accordion as accordion, config_alert as alert, config_avatar as avatar, config_avatarGroup as avatarGroup, config_badge as badge, config_button as button, config_buttonGroup as buttonGroup, config_card as card, config_checkbox as checkbox, config_commandPalette as commandPalette, config_container as container, config_contextMenu as contextMenu, config_dropdown as dropdown, config_formGroup as formGroup, config_input as input, config_kbd as kbd, config_modal as modal, config_notification as notification, config_notifications as notifications, config_pagination as pagination, config_popover as popover, config_radio as radio, config_range as range, config_select as select, config_selectMenu as selectMenu, config_skeleton as skeleton, config_slideover as slideover, config_table as table, config_tabs as tabs, config_textarea as textarea, config_toggle as toggle, config_tooltip as tooltip, config_verticalNavigation as verticalNavigation };
+}
+
+type Strategy = 'merge' | 'override';
 
 type DeepPartial<T> = Partial<{
-    [P in keyof T]: DeepPartial<T[P]> | {
-        [key: string]: string;
-    };
+  [P in keyof T]: DeepPartial<T[P]> | { [key: string]: string };
 }>;
+
+type UI = {
+    primary?: string;
+    gray?: string;
+    colors?: string[];
+    strategy?: Strategy;
+    [key: string]: any;
+} & DeepPartial<typeof config>;
+declare module 'nuxt/schema' {
+    interface AppConfigInput {
+        ui?: UI;
+    }
+}
 declare module '@nuxt/schema' {
     interface AppConfigInput {
-        ui?: {
-            primary?: string;
-            gray?: string;
-            colors?: string[];
-        } & DeepPartial<typeof _default$1.ui>;
+        ui?: UI;
     }
 }
 interface ModuleOptions {