@nuxt/ui 2.18.4 → 2.18.6

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

@@ -1,5 +1,5 @@
 import type { PropType } 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;
@@ -46,7 +46,7 @@ declare const config: {
         placement: string;
     };
 };
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     mode: {
         type: PropType<"click" | "hover">;
         default: string;
@@ -81,12 +81,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;
@@ -136,10 +136,10 @@ declare const _default: import("vue").DefineComponent<{
     attrs: import("vue").ComputedRef<Pick<{
         [x: string]: unknown;
     }, string>>;
-    popover: import("vue").Ref<any>;
+    popover: import("vue").Ref<any, any>;
     popper: import("vue").ComputedRef<PopperOptions>;
-    trigger: import("vue").Ref<import("@vueuse/core").MaybeElement>;
-    container: import("vue").Ref<import("@vueuse/core").MaybeElement>;
+    trigger: import("vue").Ref<import("@vueuse/core").MaybeElement, import("@vueuse/core").MaybeElement>;
+    container: import("vue").Ref<import("@vueuse/core").MaybeElement, import("@vueuse/core").MaybeElement>;
     containerStyle: import("vue").ComputedRef<{
         paddingTop?: undefined;
         paddingBottom?: undefined;
@@ -164,7 +164,7 @@ declare const _default: import("vue").DefineComponent<{
     onTouchStart: (event: TouchEvent) => void;
     onMouseEnter: () => void;
     onMouseLeave: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:open"[], "update:open", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:open"[], "update:open", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     mode: {
         type: PropType<"click" | "hover">;
         default: string;
@@ -199,22 +199,173 @@ declare const _default: import("vue").DefineComponent<{
         default: () => string;
     };
     ui: {
-        type: PropType<Partial<typeof config> & {
+        type: PropType<DeepPartial<typeof config> & {
             strategy?: Strategy;
         }>;
         default: () => {};
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:open"?: (...args: any[]) => any;
-}, {
+}>, {
     mode: "click" | "hover";
     class: any;
-    popper: PopperOptions;
     disabled: boolean;
-    ui: {};
+    popper: PopperOptions;
+    ui: {
+        wrapper?: string;
+        container?: string;
+        trigger?: 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>;
+        overlay?: DeepPartial<{
+            base: string;
+            background: string;
+            transition: {
+                enterActiveClass: string;
+                enterFromClass: string;
+                enterToClass: string;
+                leaveActiveClass: string;
+                leaveFromClass: string;
+                leaveToClass: string;
+            };
+        }, any>;
+        popper?: DeepPartial<{
+            strategy: string;
+        }, any>;
+        default?: DeepPartial<{
+            openDelay: number;
+            closeDelay: number;
+        }, any>;
+        arrow?: DeepPartial<{
+            base: string;
+            ring: string;
+            rounded: string;
+            background: string;
+            shadow: string;
+            placement: string;
+        }, any>;
+    } & {
+        [key: string]: any;
+    } & {
+        strategy?: Strategy;
+    };
     overlay: boolean;
     open: boolean;
     openDelay: number;
     closeDelay: number;
-}, {}>;
+}, {}, {
+    HPopover: import("vue").DefineComponent<{
+        as: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: string;
+        };
+    }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, 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;
+        };
+    }>>, {
+        as: string | Record<string, any>;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    HPopoverButton: import("vue").DefineComponent<{
+        as: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor[];
+            default: boolean;
+        };
+        id: {
+            type: StringConstructor;
+            default: null;
+        };
+    }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, 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;
+        };
+        disabled: {
+            type: BooleanConstructor[];
+            default: boolean;
+        };
+        id: {
+            type: StringConstructor;
+            default: null;
+        };
+    }>>, {
+        id: string;
+        as: string | Record<string, any>;
+        disabled: boolean;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    HPopoverPanel: import("vue").DefineComponent<{
+        as: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: string;
+        };
+        static: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        unmount: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        focus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        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;
+        };
+        static: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        unmount: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        focus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        id: {
+            type: StringConstructor;
+            default: null;
+        };
+    }>>, {
+        focus: boolean;
+        id: string;
+        as: string | Record<string, any>;
+        unmount: boolean;
+        static: boolean;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,12 +1,12 @@
 <template>
   <TransitionRoot as="template" :appear="appear" :show="isOpen" @after-leave="onAfterLeave">
     <HDialog :class="[ui.wrapper, { 'justify-end': side === 'right' }, { 'items-end': side === 'bottom' }]" 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>
 
-      <TransitionChild as="template" :appear="appear" v-bind="transitionClass">
-        <HDialogPanel :class="[ui.base, sideType === 'horizontal' ? [ui.width, 'h-full'] : [ui.height, 'w-full'], ui.background, ui.ring, ui.padding]">
+      <TransitionChild as="template" :appear="appear" v-bind="transitionClass" :class="transitionClass.enterFrom">
+        <HDialogPanel :class="[ui.base, sideType === 'horizontal' ? [ui.width, 'h-full'] : [ui.height, 'w-full'], ui.background, ui.ring, ui.rounded, ui.padding, ui.shadow]">
           <slot />
         </HDialogPanel>
       </TransitionChild>

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

@@ -1,5 +1,5 @@
 import type { WritableComputedRef, PropType } from 'vue';
-import type { Strategy } from '../../types/index.js';
+import type { DeepPartial, Strategy } from '../../types/index.js';
 declare const config: {
     wrapper: string;
     overlay: {
@@ -34,7 +34,7 @@ declare const config: {
         leave: string;
     };
 };
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
         type: PropType<boolean>;
         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;
         overlay: {
@@ -108,12 +108,19 @@ declare const _default: import("vue").DefineComponent<{
     attrs: import("vue").ComputedRef<Pick<{
         [x: string]: unknown;
     }, string>>;
-    isOpen: WritableComputedRef<boolean>;
-    transitionClass: import("vue").ComputedRef<{}>;
+    isOpen: WritableComputedRef<boolean, boolean>;
+    transitionClass: import("vue").ComputedRef<{
+        enterFrom: any;
+        enterTo: string;
+        leaveFrom: string;
+        leaveTo: any;
+        enter: string;
+        leave: string;
+    }>;
     sideType: import("vue").ComputedRef<"right" | "horizontal" | "vertical">;
     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: PropType<boolean>;
         default: boolean;
@@ -144,24 +151,395 @@ 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;
+        overlay?: DeepPartial<{
+            base: string;
+            background: string;
+            transition: {
+                enter: string;
+                enterFrom: string;
+                enterTo: string;
+                leave: string;
+                leaveFrom: string;
+                leaveTo: string;
+            };
+        }, any>;
+        base?: string;
+        background?: string;
+        ring?: string;
+        rounded?: string;
+        padding?: string;
+        shadow?: string;
+        width?: string;
+        height?: string;
+        translate?: DeepPartial<{
+            base: string;
+            left: string;
+            right: string;
+            top: string;
+            bottom: string;
+        }, any>;
+        transition?: DeepPartial<{
+            enter: string;
+            leave: string;
+        }, any>;
+    } & {
+        [key: string]: any;
+    } & {
+        strategy?: Strategy;
+    };
     overlay: boolean;
     preventClose: boolean;
     side: "bottom" | "left" | "right" | "top";
     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;