vft 0.0.239 → 0.0.240

package/es/components/popover/directive.js

@@ -1,15 +1,15 @@
-const a = (t, e) => {
-  const o = e.arg || e.value, r = o == null ? void 0 : o.popperRef;
-  r && (r.triggerRef = t);
-}, c = {
-  mounted(t, e) {
-    a(t, e);
+const t = (e, o) => {
+  const p = (o.arg || o.value)?.popperRef;
+  p && (p.triggerRef = e);
+}, n = {
+  mounted(e, o) {
+    t(e, o);
   },
-  updated(t, e) {
-    a(t, e);
+  updated(e, o) {
+    t(e, o);
   }
-}, s = "popover";
+}, a = "popover";
 export {
-  s as VPopover,
-  c as default
+  a as VPopover,
+  n as default
 };

package/es/components/popover/index.d.ts

@@ -1,7 +1,7 @@
 export declare const VftPopover: import("vft/es/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         trigger: {
-            type: import("vue").PropType<import("..").TooltipTriggerType>;
+            type: import("vue").PropType<import("vft/es/vft").TooltipTriggerType>;
         };
         placement: {
             type: import("vue").PropType<import("@popperjs/core").Placement>;
@@ -63,92 +63,31 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<{
         persistent: {
             type: import("vue").PropType<boolean>;
         };
-    }>> & {
+        appendTo: {
+            type: import("vue").PropType<string | HTMLElement>;
+        };
+        triggerKeys: {
+            type: import("vue").PropType<string[]>;
+        };
+        'onUpdate:visible': {
+            type: import("vue").PropType<Function>;
+        };
+    }>> & Readonly<{
         "onBefore-leave"?: ((...args: any[]) => any) | undefined;
         "onAfter-leave"?: ((...args: any[]) => any) | undefined;
         "onBefore-enter"?: ((...args: any[]) => any) | undefined;
         "onAfter-enter"?: ((...args: any[]) => any) | undefined;
         "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
-    }, {
+    }>, {
         popperRef: import("vue").ComputedRef<any>;
         hide: () => void;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "before-leave": (...args: any[]) => void;
         "after-leave": (...args: any[]) => void;
         "before-enter": (...args: any[]) => void;
         "after-enter": (...args: any[]) => void;
         "update:visible": (...args: any[]) => void;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        trigger: {
-            type: import("vue").PropType<import("..").TooltipTriggerType>;
-        };
-        placement: {
-            type: import("vue").PropType<import("@popperjs/core").Placement>;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
-        visible: {
-            type: import("vue").PropType<boolean>;
-        };
-        transition: {
-            type: import("vue").PropType<string>;
-        };
-        popperOptions: {
-            type: import("vue").PropType<Partial<import("@popperjs/core").Options>>;
-        };
-        tabindex: {
-            type: import("vue").PropType<number>;
-        };
-        content: {
-            type: import("vue").PropType<string>;
-        };
-        popperStyle: {
-            type: import("vue").PropType<string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null>;
-        };
-        popperClass: {
-            type: import("vue").PropType<import("../types").ClassType>;
-        };
-        enterable: {
-            type: import("vue").PropType<boolean>;
-        };
-        effect: {
-            type: import("vue").PropType<"light" | "dark">;
-        };
-        teleported: {
-            type: import("vue").PropType<boolean>;
-        };
-        title: {
-            type: import("vue").PropType<string>;
-        };
-        width: {
-            type: import("vue").PropType<string | number>;
-        };
-        offset: {
-            type: import("vue").PropType<number>;
-        };
-        showAfter: {
-            type: import("vue").PropType<number>;
-        };
-        hideAfter: {
-            type: import("vue").PropType<number>;
-        };
-        autoClose: {
-            type: import("vue").PropType<number>;
-        };
-        showArrow: {
-            type: import("vue").PropType<boolean>;
-        };
-        persistent: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>> & {
-        "onBefore-leave"?: ((...args: any[]) => any) | undefined;
-        "onAfter-leave"?: ((...args: any[]) => any) | undefined;
-        "onBefore-enter"?: ((...args: any[]) => any) | undefined;
-        "onAfter-enter"?: ((...args: any[]) => any) | undefined;
-        "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
-    }, {}, true, {}, {}, {
+    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -157,7 +96,7 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<{
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
         trigger: {
-            type: import("vue").PropType<import("..").TooltipTriggerType>;
+            type: import("vue").PropType<import("vft/es/vft").TooltipTriggerType>;
         };
         placement: {
             type: import("vue").PropType<import("@popperjs/core").Placement>;
@@ -219,22 +158,31 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<{
         persistent: {
             type: import("vue").PropType<boolean>;
         };
-    }>> & {
+        appendTo: {
+            type: import("vue").PropType<string | HTMLElement>;
+        };
+        triggerKeys: {
+            type: import("vue").PropType<string[]>;
+        };
+        'onUpdate:visible': {
+            type: import("vue").PropType<Function>;
+        };
+    }>> & Readonly<{
         "onBefore-leave"?: ((...args: any[]) => any) | undefined;
         "onAfter-leave"?: ((...args: any[]) => any) | undefined;
         "onBefore-enter"?: ((...args: any[]) => any) | undefined;
         "onAfter-enter"?: ((...args: any[]) => any) | undefined;
         "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
-    }, {
+    }>, {
         popperRef: import("vue").ComputedRef<any>;
         hide: () => void;
     }, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     trigger: {
-        type: import("vue").PropType<import("..").TooltipTriggerType>;
+        type: import("vue").PropType<import("vft/es/vft").TooltipTriggerType>;
     };
     placement: {
         type: import("vue").PropType<import("@popperjs/core").Placement>;
@@ -296,22 +244,31 @@ export declare const VftPopover: import("vft/es/utils").SFCWithInstall<{
     persistent: {
         type: import("vue").PropType<boolean>;
     };
-}>> & {
+    appendTo: {
+        type: import("vue").PropType<string | HTMLElement>;
+    };
+    triggerKeys: {
+        type: import("vue").PropType<string[]>;
+    };
+    'onUpdate:visible': {
+        type: import("vue").PropType<Function>;
+    };
+}>> & Readonly<{
     "onBefore-leave"?: ((...args: any[]) => any) | undefined;
     "onAfter-leave"?: ((...args: any[]) => any) | undefined;
     "onBefore-enter"?: ((...args: any[]) => any) | undefined;
     "onAfter-enter"?: ((...args: any[]) => any) | undefined;
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     popperRef: import("vue").ComputedRef<any>;
     hide: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "before-leave": (...args: any[]) => void;
     "after-leave": (...args: any[]) => void;
     "before-enter": (...args: any[]) => void;
     "after-enter": (...args: any[]) => void;
     "update:visible": (...args: any[]) => void;
-}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         reference?(_: {}): any;
         default?(_: {}): any;

package/es/components/popover/popover.vue.d.ts

@@ -1,25 +1,25 @@
 import type { PopoverProps } from './types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<PopoverProps>, {
-    /** @description popper ref */
+declare function __VLS_template(): {
+    reference?(_: {}): any;
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<PopoverProps>>, {
     popperRef: import("vue").ComputedRef<any>;
-    /** @description hide popover */
     hide: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "before-leave": (...args: any[]) => void;
     "after-leave": (...args: any[]) => void;
     "before-enter": (...args: any[]) => void;
     "after-enter": (...args: any[]) => void;
     "update:visible": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<PopoverProps>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<PopoverProps>>> & Readonly<{
     "onBefore-leave"?: ((...args: any[]) => any) | undefined;
     "onAfter-leave"?: ((...args: any[]) => any) | undefined;
     "onBefore-enter"?: ((...args: any[]) => any) | undefined;
     "onAfter-enter"?: ((...args: any[]) => any) | undefined;
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
-}, {}, {}>, {
-    reference?(_: {}): any;
-    default?(_: {}): any;
-}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/es/components/popover/popover.vue2.js

@@ -1,23 +1,24 @@
-import { defineComponent as u, ref as k, computed as a, unref as l, createBlock as S, openBlock as i, mergeProps as $, withCtx as p, renderSlot as s, createCommentVNode as f, createElementBlock as R, normalizeClass as E, toDisplayString as d, createTextVNode as N } from "vue";
-import { VftTooltip as O } from "../tooltip/index.js";
+import { defineComponent as m, computed as r, ref as S, unref as l, createBlock as U, openBlock as i, mergeProps as R, withCtx as s, renderSlot as f, createCommentVNode as d, createElementBlock as T, normalizeClass as V, toDisplayString as u, createTextVNode as $ } from "vue";
+import { VftTooltip as N } from "../tooltip/index.js";
+import { EVENT_CODE as p } from "../../constants/aria.js";
 import "@vueuse/core";
-import { addUnit as V } from "@vft/utils";
+import { addUnit as O } from "@vft/utils";
 import "../../utils/ns-cover.js";
 import "lodash-es";
-import { useNamespace as H } from "../../hooks/use-namespace/index.js";
+import { useNamespace as K } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const L = u({
+const D = "onUpdate:visible", H = m({
   name: "vft-popover"
-}), K = /* @__PURE__ */ u({
-  ...L,
+}), X = /* @__PURE__ */ m({
+  ...H,
   props: {
     trigger: { default: "hover" },
     placement: { default: "bottom" },
-    disabled: { type: Boolean },
-    visible: { type: Boolean },
-    transition: { default: "vft-fade-in-linear" },
+    disabled: { type: Boolean, default: !1 },
+    visible: { type: Boolean, default: null },
+    transition: {},
     popperOptions: {},
     tabindex: { default: 0 },
     content: {},
@@ -33,7 +34,10 @@ const L = u({
     hideAfter: { default: 200 },
     autoClose: { default: 0 },
     showArrow: { type: Boolean, default: !0 },
-    persistent: { type: Boolean, default: !0 }
+    persistent: { type: Boolean, default: !0 },
+    appendTo: {},
+    triggerKeys: { default: () => [p.enter, p.numpadEnter, p.space] },
+    "onUpdate:visible": {}
   },
   emits: [
     "update:visible",
@@ -42,37 +46,32 @@ const L = u({
     "after-enter",
     "after-leave"
   ],
-  setup(t, { expose: m, emit: c }) {
-    const o = c, r = H("popover"), n = k(), b = a(() => {
-      var e;
-      return (e = l(n)) == null ? void 0 : e.popperRef;
-    }), h = a(() => [
+  setup(t, { expose: b, emit: c }) {
+    const o = c, a = K("popover"), v = r(() => [D]), n = S(), g = r(() => l(n)?.popperRef), h = r(() => [
       {
-        width: V(t.width)
+        width: O(t.width)
       },
       t.popperStyle
-    ]), v = a(() => [r.b(), t.popperClass, { [r.m("plain")]: !!t.content }]), w = a(() => t.transition === `${r.namespace.value}-fade-in-linear`), y = () => {
-      var e;
-      (e = n.value) == null || e.hide();
-    }, g = () => {
+    ]), y = r(() => [a.b(), t.popperClass, { [a.m("plain")]: !!t.content }]), w = r(() => t.transition === `${a.namespace.value}-fade-in-linear`), B = () => {
+      n.value?.hide();
+    }, k = () => {
       o("before-enter");
-    }, B = () => {
+    }, C = () => {
       o("before-leave");
     }, A = () => {
       o("after-enter");
-    }, C = () => {
+    }, E = () => {
       o("update:visible", !1), o("after-leave");
     };
-    return m({
-      /** @description popper ref */
-      popperRef: b,
-      /** @description hide popover */
-      hide: y
-    }), (e, T) => (i(), S(l(O), $({
+    return b({
+      popperRef: g,
+      hide: B
+    }), (e, L) => (i(), U(l(N), R({
       ref_key: "tooltipRef",
       ref: n
     }, e.$attrs, {
       trigger: e.trigger,
+      "trigger-keys": e.triggerKeys,
       placement: e.placement,
       disabled: e.disabled,
       visible: e.visible,
@@ -88,33 +87,35 @@ const L = u({
       "aria-label": e.title,
       effect: e.effect,
       enterable: e.enterable,
-      "popper-class": v.value,
+      "popper-class": y.value,
       "popper-style": h.value,
       teleported: e.teleported,
+      "append-to": e.appendTo,
       persistent: e.persistent,
       "gpu-acceleration": w.value,
-      onBeforeShow: g,
-      onBeforeHide: B,
+      "onUpdate:visible": v.value,
+      onBeforeShow: k,
+      onBeforeHide: C,
       onShow: A,
-      onHide: C
+      onHide: E
     }), {
-      content: p(() => [
-        e.title ? (i(), R("div", {
+      content: s(() => [
+        e.title ? (i(), T("div", {
           key: 0,
-          class: E(l(r).e("title")),
+          class: V(l(a).e("title")),
           role: "title"
-        }, d(e.title), 3)) : f("", !0),
-        s(e.$slots, "default", {}, () => [
-          N(d(e.content), 1)
+        }, u(e.title), 3)) : d("", !0),
+        f(e.$slots, "default", {}, () => [
+          $(u(e.content), 1)
         ])
       ]),
-      default: p(() => [
-        e.$slots.reference ? s(e.$slots, "reference", { key: 0 }) : f("", !0)
+      default: s(() => [
+        e.$slots.reference ? f(e.$slots, "reference", { key: 0 }) : d("", !0)
       ]),
       _: 3
-    }, 16, ["trigger", "placement", "disabled", "visible", "transition", "popper-options", "tabindex", "content", "offset", "show-after", "hide-after", "auto-close", "show-arrow", "aria-label", "effect", "enterable", "popper-class", "popper-style", "teleported", "persistent", "gpu-acceleration"]));
+    }, 16, ["trigger", "trigger-keys", "placement", "disabled", "visible", "transition", "popper-options", "tabindex", "content", "offset", "show-after", "hide-after", "auto-close", "show-arrow", "aria-label", "effect", "enterable", "popper-class", "popper-style", "teleported", "append-to", "persistent", "gpu-acceleration", "onUpdate:visible"]));
   }
 });
 export {
-  K as default
+  X as default
 };

package/es/components/popover/types.d.ts

@@ -24,4 +24,7 @@ export interface PopoverProps {
     autoClose?: number;
     showArrow?: boolean;
     persistent?: boolean;
+    appendTo?: HTMLElement | string;
+    triggerKeys?: string[];
+    'onUpdate:visible'?: Function;
 }

package/es/components/popper/arrow.vue.d.ts

@@ -1,12 +1,12 @@
 interface Props {
     arrowOffset?: number;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {
     /**
      * @description Arrow element
      */
-    arrowRef: import("vue").Ref<HTMLElement | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
+    arrowRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/es/components/popper/composables/use-content-dom.d.ts

@@ -2,7 +2,7 @@ import type { CSSProperties, StyleValue } from 'vue';
 import type { UsePopperReturn } from 'vft/es/hooks';
 import type { UsePopperContentReturn } from './use-content';
 import type { PopperContentProps } from '../types';
-export declare const usePopperContentDOM: (props: PopperContentProps, { attributes, styles, role, }: Pick<UsePopperReturn, 'attributes' | 'styles'> & Pick<UsePopperContentReturn, 'role'>) => {
+export declare const usePopperContentDOM: (props: PopperContentProps, { attributes, styles, role, }: Pick<UsePopperReturn, "attributes" | "styles"> & Pick<UsePopperContentReturn, "role">) => {
     ariaModal: import("vue").ComputedRef<string | undefined>;
     arrowStyle: import("vue").ComputedRef<CSSProperties>;
     contentAttrs: import("vue").ComputedRef<{
@@ -10,7 +10,7 @@ export declare const usePopperContentDOM: (props: PopperContentProps, { attribut
     }>;
     contentClass: import("vue").ComputedRef<(import("../../types").ClassType | undefined)[]>;
     contentStyle: import("vue").ComputedRef<StyleValue[]>;
-    contentZIndex: import("vue").Ref<number>;
+    contentZIndex: import("vue").Ref<number, number>;
     updateZIndex: () => void;
 };
 export type UsePopperContentDOMReturn = ReturnType<typeof usePopperContentDOM>;

package/es/components/popper/composables/use-content-dom.js

@@ -1,37 +1,39 @@
-import { computed as t, unref as o, ref as l } from "vue";
+import { computed as t, unref as o, ref as f } from "vue";
 import "@vueuse/core";
-import "@vft/utils";
+import { isNumber as l } from "@vft/utils";
 import "../../../utils/ns-cover.js";
 import "lodash-es";
-import { useNamespace as f } from "../../../hooks/use-namespace/index.js";
+import { useNamespace as I } from "../../../hooks/use-namespace/index.js";
 import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
-import { useZIndex as I } from "../../../hooks/use-z-index/index.js";
+import { useZIndex as Z } from "../../../hooks/use-z-index/index.js";
 const A = (e, {
-  attributes: s,
+  attributes: m,
   styles: p,
-  role: a
+  role: s
 }) => {
-  const { nextZIndex: c } = I(), n = f("popper"), d = t(() => o(s).popper), r = l(e.zIndex || c()), i = t(() => [
+  const { nextZIndex: c } = Z(), n = I("popper"), a = t(() => o(m).popper), r = f(
+    l(e.zIndex) ? e.zIndex : c()
+  ), d = t(() => [
     n.b(),
     n.is("pure", e.pure),
     n.is(e.effect),
     e.popperClass
-  ]), m = t(() => [
+  ]), i = t(() => [
     { zIndex: o(r) },
     e.popperStyle || {},
     o(p).popper
   ]), u = t(
-    () => a.value === "dialog" ? "false" : void 0
+    () => s.value === "dialog" ? "false" : void 0
   ), x = t(
     () => o(p).arrow || {}
   );
   return {
     ariaModal: u,
     arrowStyle: x,
-    contentAttrs: d,
-    contentClass: i,
-    contentStyle: m,
+    contentAttrs: a,
+    contentClass: d,
+    contentStyle: i,
     contentZIndex: r,
     updateZIndex: () => {
       r.value = e.zIndex || c();

package/es/components/popper/composables/use-content.d.ts

@@ -6,14 +6,14 @@ export declare const usePopperContent: (props: PopperContentProps) => {
             [key: string]: string | boolean;
         };
     }>;
-    arrowRef: import("vue").Ref<HTMLElement | undefined>;
-    contentRef: import("vue").Ref<HTMLElement | undefined>;
+    arrowRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+    contentRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
     instanceRef: import("vue").ComputedRef<import("@popperjs/core").Instance | undefined>;
     state: import("vue").ComputedRef<{
         elements?: {
             reference: Element | import("@popperjs/core").VirtualElement;
             popper: HTMLElement;
-            arrow?: HTMLElement | undefined;
+            arrow?: HTMLElement;
         } | undefined;
         options?: import("@popperjs/core").OptionsGeneric<any> | undefined;
         placement?: import("@popperjs/core").Placement | undefined;
@@ -21,8 +21,8 @@ export declare const usePopperContent: (props: PopperContentProps) => {
         orderedModifiers?: Modifier<any, any>[] | undefined;
         rects?: import("@popperjs/core").StateRects | undefined;
         scrollParents?: {
-            reference: (Element | import("@popperjs/core").Window | import("@popperjs/core").VisualViewport)[];
-            popper: (Element | import("@popperjs/core").Window | import("@popperjs/core").VisualViewport)[];
+            reference: Array<Element | import("@popperjs/core").Window | import("@popperjs/core").VisualViewport>;
+            popper: Array<Element | import("@popperjs/core").Window | import("@popperjs/core").VisualViewport>;
         } | undefined;
         styles?: {
             [key: string]: Partial<CSSStyleDeclaration>;
@@ -35,16 +35,16 @@ export declare const usePopperContent: (props: PopperContentProps) => {
         modifiersData?: {
             [key: string]: any;
             arrow?: {
-                x?: number | undefined;
-                y?: number | undefined;
+                x?: number;
+                y?: number;
                 centerOffset: number;
-            } | undefined;
+            };
             hide?: {
                 isReferenceHidden: boolean;
                 hasPopperEscaped: boolean;
                 referenceClippingOffsets: import("@popperjs/core").SideObject;
                 popperEscapeOffsets: import("@popperjs/core").SideObject;
-            } | undefined;
+            };
             offset?: {
                 auto?: import("@popperjs/core").Offsets | undefined;
                 left?: import("@popperjs/core").Offsets | undefined;
@@ -61,9 +61,9 @@ export declare const usePopperContent: (props: PopperContentProps) => {
                 "right-end"?: import("@popperjs/core").Offsets | undefined;
                 "left-start"?: import("@popperjs/core").Offsets | undefined;
                 "left-end"?: import("@popperjs/core").Offsets | undefined;
-            } | undefined;
-            preventOverflow?: import("@popperjs/core").Offsets | undefined;
-            popperOffsets?: import("@popperjs/core").Offsets | undefined;
+            };
+            preventOverflow?: import("@popperjs/core").Offsets;
+            popperOffsets?: import("@popperjs/core").Offsets;
         } | undefined;
         reset?: boolean | undefined;
     }>;

package/es/components/popper/composables/use-content.js

@@ -1,4 +1,4 @@
-import { inject as F, ref as a, computed as o, unref as t, watch as f, onMounted as M } from "vue";
+import { inject as F, ref as a, computed as o, unref as e, watch as f, onMounted as M } from "vue";
 import { isUndefined as U } from "lodash-es";
 import "@vueuse/core";
 import "@vft/utils";
@@ -17,12 +17,12 @@ const T = 0, W = (r) => {
     name: "eventListeners",
     enabled: !!r.visible
   })), E = o(() => {
-    const e = t(s), v = t(l) ?? T;
+    const t = e(s), v = e(l) ?? T;
     return {
       name: "arrow",
-      enabled: !U(e),
+      enabled: !U(t),
       options: {
-        element: e,
+        element: t,
         padding: v
       }
     };
@@ -32,18 +32,15 @@ const T = 0, W = (r) => {
     },
     // @ts-ignore
     ...I(r, [
-      t(E),
-      t(R)
+      e(E),
+      e(R)
     ])
   })), p = o(
-    () => L(r.referenceEl) || t(d)
+    () => L(r.referenceEl) || e(d)
   ), { attributes: b, state: O, styles: P, update: n, forceUpdate: g, instanceRef: c } = _(p, i, w);
-  return f(c, (e) => m.value = e), M(() => {
+  return f(c, (t) => m.value = t), M(() => {
     f(
-      () => {
-        var e;
-        return (e = t(p)) == null ? void 0 : e.getBoundingClientRect();
-      },
+      () => e(p)?.getBoundingClientRect(),
       () => {
         n();
       }

package/es/components/popper/composables/use-focus-trap.d.ts

@@ -1,7 +1,7 @@
 import type { PopperContentProps } from '../types';
 export declare const usePopperContentFocusTrap: (props: PopperContentProps, emit: any) => {
-    focusStartRef: import("vue").Ref<HTMLElement | "container" | "first" | undefined>;
-    trapped: import("vue").Ref<boolean>;
+    focusStartRef: import("vue").Ref<HTMLElement | "container" | "first" | undefined, HTMLElement | "container" | "first" | undefined>;
+    trapped: import("vue").Ref<boolean, boolean>;
     onFocusAfterReleased: (event: CustomEvent) => void;
     onFocusAfterTrapped: () => void;
     onFocusInTrap: (event: FocusEvent) => void;

package/es/components/popper/composables/use-focus-trap.js

@@ -1,12 +1,11 @@
-import { ref as r } from "vue";
-const d = (n, s) => {
-  const o = r(!1), t = r();
+import { ref as a } from "vue";
+const i = (n, s) => {
+  const o = a(!1), t = a();
   return {
     focusStartRef: t,
     trapped: o,
     onFocusAfterReleased: (e) => {
-      var a;
-      ((a = e.detail) == null ? void 0 : a.focusReason) !== "pointer" && (t.value = "first", s("blur"));
+      e.detail?.focusReason !== "pointer" && (t.value = "first", s("blur"));
     },
     onFocusAfterTrapped: () => {
       s("focus");
@@ -23,5 +22,5 @@ const d = (n, s) => {
   };
 };
 export {
-  d as usePopperContentFocusTrap
+  i as usePopperContentFocusTrap
 };