@nuxt/ui 2.18.4 → 2.18.6

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;
@@ -30,7 +30,7 @@ declare const config: {
         placement: string;
     };
 };
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
@@ -48,12 +48,12 @@ declare const _default: import("vue").DefineComponent<{
         default: () => string;
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
     };
-}, {
+}>, {
     ui: import("vue").ComputedRef<{
         wrapper: string;
         container: string;
@@ -87,11 +87,11 @@ declare const _default: import("vue").DefineComponent<{
     attrs: import("vue").ComputedRef<Pick<{
         [x: string]: unknown;
     }, string>>;
-    isOpen: import("vue").WritableComputedRef<boolean>;
+    isOpen: import("vue").WritableComputedRef<boolean, boolean>;
     wrapperClass: import("vue").ComputedRef<string>;
     popper: import("vue").ComputedRef<PopperOptions>;
-    container: Ref<import("@vueuse/core").MaybeElement>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:modelValue")[], "close" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    container: Ref<import("@vueuse/core").MaybeElement, import("@vueuse/core").MaybeElement>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:modelValue")[], "close" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
@@ -109,18 +109,51 @@ declare const _default: import("vue").DefineComponent<{
         default: () => string;
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
     };
-}>> & {
+}>> & Readonly<{
     onClose?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
-}, {
+}>, {
     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;
@@ -35,7 +35,7 @@ declare const config: {
         leaveTo: string;
     };
 };
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
@@ -65,12 +65,12 @@ declare const _default: import("vue").DefineComponent<{
         default: () => string;
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
     };
-}, {
+}>, {
     ui: import("vue").ComputedRef<{
         wrapper: string;
         inner: string;
@@ -109,11 +109,18 @@ declare const _default: import("vue").DefineComponent<{
     attrs: import("vue").ComputedRef<Pick<{
         [x: string]: unknown;
     }, string>>;
-    isOpen: import("vue").WritableComputedRef<boolean>;
-    transitionClass: import("vue").ComputedRef<{}>;
+    isOpen: import("vue").WritableComputedRef<boolean, boolean>;
+    transitionClass: import("vue").ComputedRef<{
+        enter: string;
+        enterFrom: string;
+        enterTo: string;
+        leave: string;
+        leaveFrom: string;
+        leaveTo: string;
+    }>;
     onAfterLeave: () => void;
     close: (value: boolean) => void;
-}, unknown, {}, {}, 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<{
+}, {}, {}, {}, 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<{
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
@@ -143,24 +150,396 @@ declare const _default: import("vue").DefineComponent<{
         default: () => string;
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
     };
-}>> & {
+}>> & Readonly<{
     onClose?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
     "onClose-prevented"?: (...args: any[]) => any;
     "onAfter-leave"?: (...args: any[]) => any;
-}, {
+}>, {
     class: any;
-    transition: boolean;
-    ui: {};
     appear: boolean;
+    transition: boolean;
+    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;
     modelValue: boolean;
-}, {}>;
+}, {}, {
+    HDialog: import("vue").DefineComponent<{
+        as: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: string;
+        };
+        static: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        unmount: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        open: {
+            type: (BooleanConstructor | StringConstructor)[];
+            default: string;
+        };
+        initialFocus: {
+            type: PropType<HTMLElement | null>;
+            default: null;
+        };
+        id: {
+            type: StringConstructor;
+            default: null;
+        };
+        role: {
+            type: PropType<"dialog" | "alertdialog">;
+            default: string;
+        };
+    }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        close: (_close: boolean) => true;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        as: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: string;
+        };
+        static: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        unmount: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        open: {
+            type: (BooleanConstructor | StringConstructor)[];
+            default: string;
+        };
+        initialFocus: {
+            type: PropType<HTMLElement | null>;
+            default: null;
+        };
+        id: {
+            type: StringConstructor;
+            default: null;
+        };
+        role: {
+            type: PropType<"dialog" | "alertdialog">;
+            default: string;
+        };
+    }>> & {
+        onClose?: ((_close: boolean) => any) | undefined;
+    }, {
+        id: string;
+        role: "dialog" | "alertdialog";
+        as: string | Record<string, any>;
+        unmount: boolean;
+        static: boolean;
+        open: string | boolean;
+        initialFocus: HTMLElement | null;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    HDialogPanel: import("vue").DefineComponent<{
+        as: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: string;
+        };
+        id: {
+            type: StringConstructor;
+            default: null;
+        };
+    }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[] | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        as: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: string;
+        };
+        id: {
+            type: StringConstructor;
+            default: null;
+        };
+    }>>, {
+        id: string;
+        as: string | Record<string, any>;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    TransitionRoot: import("vue").DefineComponent<{
+        as: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: string;
+        };
+        show: {
+            type: BooleanConstructor[];
+            default: null;
+        };
+        unmount: {
+            type: BooleanConstructor[];
+            default: boolean;
+        };
+        appear: {
+            type: BooleanConstructor[];
+            default: boolean;
+        };
+        enter: {
+            type: StringConstructor[];
+            default: string;
+        };
+        enterFrom: {
+            type: StringConstructor[];
+            default: string;
+        };
+        enterTo: {
+            type: StringConstructor[];
+            default: string;
+        };
+        entered: {
+            type: StringConstructor[];
+            default: string;
+        };
+        leave: {
+            type: StringConstructor[];
+            default: string;
+        };
+        leaveFrom: {
+            type: StringConstructor[];
+            default: string;
+        };
+        leaveTo: {
+            type: StringConstructor[];
+            default: string;
+        };
+    }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[] | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        beforeEnter: () => true;
+        afterEnter: () => true;
+        beforeLeave: () => true;
+        afterLeave: () => true;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        as: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: string;
+        };
+        show: {
+            type: BooleanConstructor[];
+            default: null;
+        };
+        unmount: {
+            type: BooleanConstructor[];
+            default: boolean;
+        };
+        appear: {
+            type: BooleanConstructor[];
+            default: boolean;
+        };
+        enter: {
+            type: StringConstructor[];
+            default: string;
+        };
+        enterFrom: {
+            type: StringConstructor[];
+            default: string;
+        };
+        enterTo: {
+            type: StringConstructor[];
+            default: string;
+        };
+        entered: {
+            type: StringConstructor[];
+            default: string;
+        };
+        leave: {
+            type: StringConstructor[];
+            default: string;
+        };
+        leaveFrom: {
+            type: StringConstructor[];
+            default: string;
+        };
+        leaveTo: {
+            type: StringConstructor[];
+            default: string;
+        };
+    }>> & {
+        onBeforeEnter?: (() => any) | undefined;
+        onAfterEnter?: (() => any) | undefined;
+        onBeforeLeave?: (() => any) | undefined;
+        onAfterLeave?: (() => any) | undefined;
+    }, {
+        as: string | Record<string, any>;
+        unmount: boolean;
+        show: boolean;
+        appear: boolean;
+        enter: string;
+        enterFrom: string;
+        enterTo: string;
+        entered: string;
+        leave: string;
+        leaveFrom: string;
+        leaveTo: string;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    TransitionChild: import("vue").DefineComponent<{
+        as: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: string;
+        };
+        show: {
+            type: BooleanConstructor[];
+            default: null;
+        };
+        unmount: {
+            type: BooleanConstructor[];
+            default: boolean;
+        };
+        appear: {
+            type: BooleanConstructor[];
+            default: boolean;
+        };
+        enter: {
+            type: StringConstructor[];
+            default: string;
+        };
+        enterFrom: {
+            type: StringConstructor[];
+            default: string;
+        };
+        enterTo: {
+            type: StringConstructor[];
+            default: string;
+        };
+        entered: {
+            type: StringConstructor[];
+            default: string;
+        };
+        leave: {
+            type: StringConstructor[];
+            default: string;
+        };
+        leaveFrom: {
+            type: StringConstructor[];
+            default: string;
+        };
+        leaveTo: {
+            type: StringConstructor[];
+            default: string;
+        };
+    }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[] | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        beforeEnter: () => true;
+        afterEnter: () => true;
+        beforeLeave: () => true;
+        afterLeave: () => true;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        as: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: string;
+        };
+        show: {
+            type: BooleanConstructor[];
+            default: null;
+        };
+        unmount: {
+            type: BooleanConstructor[];
+            default: boolean;
+        };
+        appear: {
+            type: BooleanConstructor[];
+            default: boolean;
+        };
+        enter: {
+            type: StringConstructor[];
+            default: string;
+        };
+        enterFrom: {
+            type: StringConstructor[];
+            default: string;
+        };
+        enterTo: {
+            type: StringConstructor[];
+            default: string;
+        };
+        entered: {
+            type: StringConstructor[];
+            default: string;
+        };
+        leave: {
+            type: StringConstructor[];
+            default: string;
+        };
+        leaveFrom: {
+            type: StringConstructor[];
+            default: string;
+        };
+        leaveTo: {
+            type: StringConstructor[];
+            default: string;
+        };
+    }>> & {
+        onBeforeEnter?: (() => any) | undefined;
+        onAfterEnter?: (() => any) | undefined;
+        onBeforeLeave?: (() => any) | undefined;
+        onAfterLeave?: (() => any) | undefined;
+    }, {
+        as: string | Record<string, any>;
+        unmount: boolean;
+        show: boolean;
+        appear: boolean;
+        enter: string;
+        enterFrom: string;
+        enterTo: string;
+        entered: string;
+        leave: string;
+        leaveFrom: string;
+        leaveTo: string;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;