@nuxt/ui 2.18.5 → 2.18.6

package/dist/runtime/components/navigation/VerticalNavigation.vue.d.ts

@@ -1,6 +1,6 @@
 import type { PropType } from 'vue';
 import { twJoin } from 'tailwind-merge';
-import type { VerticalNavigationLink, Strategy } from '../../types/index.js';
+import type { VerticalNavigationLink, Strategy, DeepPartial } from '../../types/index.js';
 declare const config: {
     wrapper: string;
     base: string;
@@ -44,7 +44,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => string;
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -100,14 +100,50 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => string;
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
     };
 }>> & Readonly<{}>, {
     class: any;
-    ui: {};
+    ui: {
+        wrapper?: string;
+        base?: string;
+        ring?: string;
+        padding?: string;
+        width?: string;
+        rounded?: string;
+        font?: string;
+        size?: string;
+        active?: string;
+        inactive?: string;
+        label?: string;
+        icon?: DeepPartial<{
+            base: string;
+            active: string;
+            inactive: string;
+        }, any>;
+        avatar?: DeepPartial<{
+            base: string;
+            size: "2xs";
+        }, any>;
+        badge?: DeepPartial<{
+            base: string;
+            color: "gray";
+            variant: "solid";
+            size: "xs";
+        }, any>;
+        divider?: DeepPartial<{
+            wrapper: {
+                base: string;
+            };
+        }, any>;
+    } & {
+        [key: string]: any;
+    } & {
+        strategy?: Strategy;
+    };
     links: VerticalNavigationLink[] | VerticalNavigationLink[][];
 }, {}, {
     UIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -204,7 +240,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => "";
         };
         ui: {
-            type: PropType<Partial<{
+            type: PropType<DeepPartial<{
                 wrapper: string;
                 background: string;
                 rounded: string;
@@ -387,7 +423,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => "";
         };
         ui: {
-            type: PropType<Partial<{
+            type: PropType<DeepPartial<{
                 wrapper: string;
                 background: string;
                 rounded: string;
@@ -456,7 +492,69 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         as: string | Record<string, any>;
         text: string;
         alt: string;
-        ui: {};
+        ui: {
+            wrapper?: string;
+            background?: string;
+            rounded?: string;
+            text?: string;
+            placeholder?: string;
+            size?: DeepPartial<{
+                '3xs': string;
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+                '2xl': string;
+                '3xl': string;
+            }, any>;
+            chip?: DeepPartial<{
+                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;
+                };
+            }, any>;
+            icon?: DeepPartial<{
+                base: string;
+                size: {
+                    '3xs': string;
+                    '2xs': string;
+                    xs: string;
+                    sm: string;
+                    md: string;
+                    lg: string;
+                    xl: string;
+                    '2xl': string;
+                    '3xl': string;
+                };
+            }, any>;
+            default?: DeepPartial<{
+                size: string;
+                icon: any;
+                chipColor: any;
+                chipPosition: string;
+            }, any>;
+        } & {
+            [key: string]: any;
+        } & {
+            strategy?: Strategy;
+        };
         icon: string;
         src: string | boolean;
         chipColor: import("../../types/avatar").AvatarChipColor;
@@ -535,7 +633,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => "";
         };
         ui: {
-            type: PropType<Partial<{
+            type: PropType<DeepPartial<{
                 base: string;
                 rounded: string;
                 font: string;
@@ -602,7 +700,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => "";
         };
         ui: {
-            type: PropType<Partial<{
+            type: PropType<DeepPartial<{
                 base: string;
                 rounded: string;
                 font: string;
@@ -645,7 +743,43 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         color: import("../../types/badge").BadgeColor;
         variant: import("../../types/badge").BadgeVariant;
         label: string | number;
-        ui: {};
+        ui: {
+            base?: string;
+            rounded?: string;
+            font?: string;
+            size?: DeepPartial<{
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+            }, any>;
+            color?: DeepPartial<{
+                white: {
+                    solid: string;
+                };
+                gray: {
+                    solid: string;
+                };
+                black: {
+                    solid: string;
+                };
+            }, any>;
+            variant?: DeepPartial<{
+                solid: string;
+                outline: string;
+                soft: string;
+                subtle: string;
+            }, any>;
+            default?: DeepPartial<{
+                size: string;
+                variant: string;
+                color: string;
+            }, any>;
+        } & {
+            [key: string]: any;
+        } & {
+            strategy?: Strategy;
+        };
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     ULink: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         as: {
@@ -850,7 +984,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     }>> & Readonly<{}>, {
         type: string;
-        to: any;
+        to: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
         disabled: boolean;
         target: "_blank" | "_parent" | "_self" | "_top" | (string & {});
         activeClass: string;
@@ -868,7 +1002,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         exactQuery: boolean;
         exactHash: boolean;
         inactiveClass: string;
-        href: any;
+        href: string | import("vue-router").RouteLocationAsRelativeGeneric | import("vue-router").RouteLocationAsPathGeneric;
         rel: any;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     UDivider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -904,7 +1038,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => "";
         };
         ui: {
-            type: PropType<Partial<{
+            type: PropType<DeepPartial<{
                 wrapper: {
                     base: string;
                     horizontal: string;
@@ -1050,7 +1184,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => "";
         };
         ui: {
-            type: PropType<Partial<{
+            type: PropType<DeepPartial<{
                 wrapper: {
                     base: string;
                     horizontal: string;
@@ -1109,10 +1243,64 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: "solid" | "dotted" | "dashed";
         size: import("../../types/divider").DividerSize;
         class: any;
-        avatar: any;
+        avatar: import("../../types/avatar").Avatar;
         label: string;
         orientation: "horizontal" | "vertical";
-        ui: {};
+        ui: {
+            wrapper?: DeepPartial<{
+                base: string;
+                horizontal: string;
+                vertical: string;
+            }, any>;
+            container?: DeepPartial<{
+                base: string;
+                horizontal: string;
+                vertical: string;
+            }, any>;
+            border?: DeepPartial<{
+                base: string;
+                horizontal: string;
+                vertical: string;
+                size: {
+                    horizontal: {
+                        '2xs': string;
+                        xs: string;
+                        sm: string;
+                        md: string;
+                        lg: string;
+                        xl: string;
+                    };
+                    vertical: {
+                        '2xs': string;
+                        xs: string;
+                        sm: string;
+                        md: string;
+                        lg: string;
+                        xl: string;
+                    };
+                };
+                type: {
+                    solid: string;
+                    dotted: string;
+                    dashed: string;
+                };
+            }, any>;
+            icon?: DeepPartial<{
+                base: string;
+            }, any>;
+            avatar?: DeepPartial<{
+                base: string;
+                size: "2xs";
+            }, any>;
+            label?: string;
+            default?: DeepPartial<{
+                size: "2xs";
+            }, any>;
+        } & {
+            [key: string]: any;
+        } & {
+            strategy?: Strategy;
+        };
         icon: string;
     }, {}, {
         UIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -1209,7 +1397,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: () => "";
             };
             ui: {
-                type: PropType<Partial<{
+                type: PropType<DeepPartial<{
                     wrapper: string;
                     background: string;
                     rounded: string;
@@ -1392,7 +1580,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: () => "";
             };
             ui: {
-                type: PropType<Partial<{
+                type: PropType<DeepPartial<{
                     wrapper: string;
                     background: string;
                     rounded: string;
@@ -1461,7 +1649,69 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             as: string | Record<string, any>;
             text: string;
             alt: string;
-            ui: {};
+            ui: {
+                wrapper?: string;
+                background?: string;
+                rounded?: string;
+                text?: string;
+                placeholder?: string;
+                size?: DeepPartial<{
+                    '3xs': string;
+                    '2xs': string;
+                    xs: string;
+                    sm: string;
+                    md: string;
+                    lg: string;
+                    xl: string;
+                    '2xl': string;
+                    '3xl': string;
+                }, any>;
+                chip?: DeepPartial<{
+                    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;
+                    };
+                }, any>;
+                icon?: DeepPartial<{
+                    base: string;
+                    size: {
+                        '3xs': string;
+                        '2xs': string;
+                        xs: string;
+                        sm: string;
+                        md: string;
+                        lg: string;
+                        xl: string;
+                        '2xl': string;
+                        '3xl': string;
+                    };
+                }, any>;
+                default?: DeepPartial<{
+                    size: string;
+                    icon: any;
+                    chipColor: any;
+                    chipPosition: string;
+                }, any>;
+            } & {
+                [key: string]: any;
+            } & {
+                strategy?: Strategy;
+            };
             icon: string;
             src: string | boolean;
             chipColor: import("../../types/avatar").AvatarChipColor;

package/dist/runtime/components/overlays/ContextMenu.vue.d.ts

@@ -1,5 +1,5 @@
 import type { PropType, Ref } from 'vue';
-import type { PopperOptions, Strategy } from '../../types/index.js';
+import type { DeepPartial, PopperOptions, Strategy } from '../../types/index.js';
 declare const config: {
     wrapper: string;
     container: string;
@@ -48,7 +48,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => string;
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -109,7 +109,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => string;
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -120,7 +120,40 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     class: any;
     popper: PopperOptions;
-    ui: {};
+    ui: {
+        wrapper?: string;
+        container?: string;
+        width?: string;
+        background?: string;
+        shadow?: string;
+        rounded?: string;
+        ring?: string;
+        base?: string;
+        transition?: DeepPartial<{
+            enterActiveClass: string;
+            enterFromClass: string;
+            enterToClass: string;
+            leaveActiveClass: string;
+            leaveFromClass: string;
+            leaveToClass: string;
+        }, any>;
+        popper?: DeepPartial<{
+            placement: string;
+            scroll: boolean;
+        }, any>;
+        arrow?: DeepPartial<{
+            base: string;
+            ring: string;
+            rounded: string;
+            background: string;
+            shadow: string;
+            placement: string;
+        }, any>;
+    } & {
+        [key: string]: any;
+    } & {
+        strategy?: Strategy;
+    };
     modelValue: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/runtime/components/overlays/Modal.vue

@@ -1,13 +1,13 @@
 <template>
   <TransitionRoot :appear="appear" :show="isOpen" as="template" @after-leave="onAfterLeave">
     <HDialog :class="ui.wrapper" v-bind="attrs" @close="close">
-      <TransitionChild v-if="overlay" as="template" :appear="appear" v-bind="ui.overlay.transition">
+      <TransitionChild v-if="overlay" as="template" :appear="appear" v-bind="ui.overlay.transition" :class="ui.overlay.transition.enterFrom">
         <div :class="[ui.overlay.base, ui.overlay.background]" />
       </TransitionChild>
 
       <div :class="ui.inner">
         <div :class="[ui.container, !fullscreen && ui.padding]">
-          <TransitionChild as="template" :appear="appear" v-bind="transitionClass">
+          <TransitionChild as="template" :appear="appear" v-bind="transitionClass" :class="transitionClass.enterFrom">
             <HDialogPanel
               :class="[
                 ui.base,

package/dist/runtime/components/overlays/Modal.vue.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { Strategy } from '../../types/index.js';
+import type { DeepPartial, Strategy } from '../../types/index.js';
 declare const config: {
     wrapper: string;
     inner: string;
@@ -65,7 +65,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => string;
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -110,7 +110,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         [x: string]: unknown;
     }, string>>;
     isOpen: import("vue").WritableComputedRef<boolean, boolean>;
-    transitionClass: import("vue").ComputedRef<{}>;
+    transitionClass: import("vue").ComputedRef<{
+        enter: string;
+        enterFrom: string;
+        enterTo: string;
+        leave: string;
+        leaveFrom: string;
+        leaveTo: string;
+    }>;
     onAfterLeave: () => void;
     close: (value: boolean) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:modelValue" | "close-prevented" | "after-leave")[], "close" | "update:modelValue" | "close-prevented" | "after-leave", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -143,7 +150,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => string;
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
@@ -157,7 +164,45 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     class: any;
     appear: boolean;
     transition: boolean;
-    ui: {};
+    ui: {
+        wrapper?: string;
+        inner?: string;
+        container?: string;
+        padding?: string;
+        margin?: string;
+        base?: string;
+        overlay?: DeepPartial<{
+            base: string;
+            background: string;
+            transition: {
+                enter: string;
+                enterFrom: string;
+                enterTo: string;
+                leave: string;
+                leaveFrom: string;
+                leaveTo: string;
+            };
+        }, any>;
+        background?: string;
+        ring?: string;
+        rounded?: string;
+        shadow?: string;
+        width?: string;
+        height?: string;
+        fullscreen?: string;
+        transition?: DeepPartial<{
+            enter: string;
+            enterFrom: string;
+            enterTo: string;
+            leave: string;
+            leaveFrom: string;
+            leaveTo: string;
+        }, any>;
+    } & {
+        [key: string]: any;
+    } & {
+        strategy?: Strategy;
+    };
     overlay: boolean;
     preventClose: boolean;
     fullscreen: boolean;