vue-composable-ui 1.1.4 → 1.2.0

package/dist/{comboboxInput.vue_vue_type_script_setup_true_lang-Be5FBBbM.js → comboboxInput.vue_vue_type_script_setup_true_lang-BTDqx7mj.js}

@@ -1,23 +1,23 @@
-import { defineComponent as r, inject as a, useModel as m, watch as p, withDirectives as d, openBlock as s, createElementBlock as f, mergeProps as v, unref as n, vModelDynamic as c } from "vue";
+import { defineComponent as i, inject as r, useModel as m, watch as p, withDirectives as d, openBlock as s, createElementBlock as f, mergeProps as v, unref as n, vModelDynamic as c } from "vue";
 import { injectCombobox as b } from "./composable-ui19.js";
-const y = /* @__PURE__ */ r({
+const y = /* @__PURE__ */ i({
   __name: "comboboxInput",
   props: {
     modelValue: {},
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(i) {
-    const e = a(b);
+  setup(a) {
+    const e = r(b);
     if (!e)
       throw new Error("Combobox injectable context is not provided");
-    const l = m(i, "modelValue");
+    const l = m(a, "modelValue");
     function u() {
       l.value = e.displayValue.value;
     }
     return p(e.displayValue, u, { immediate: !0 }), (w, o) => d((s(), f("input", v({
       "onUpdate:modelValue": o[0] || (o[0] = (t) => l.value = t)
-    }, n(e).activatorAttrs, {
+    }, n(e).activatorAttrs.value, {
       onClick: o[1] || (o[1] = (t) => n(e).open({ focus: !1 })),
       onKeydown: o[2] || (o[2] = //@ts-ignore
       (...t) => n(e).activatorOnKeyDown && n(e).activatorOnKeyDown(...t)),

package/dist/composable-ui.js

@@ -11,14 +11,14 @@ import { _ as v } from "./tabContainer.vue_vue_type_script_setup_true_lang-yqy32
 import { _ as I } from "./tabList.vue_vue_type_script_setup_true_lang-BjKRcoyi.js";
 import { _ as g } from "./tab.vue_vue_type_script_setup_true_lang-C12uJKqo.js";
 import { _ as E } from "./tabPanel.vue_vue_type_script_setup_true_lang-DwEwu3p7.js";
-import { _ as H } from "./popover.vue_vue_type_script_setup_true_lang-D1gc6B-4.js";
-import { _ as h } from "./popoverDialog.vue_vue_type_script_setup_true_lang-ApsJsSDN.js";
-import { _ as q } from "./tooltip.vue_vue_type_script_setup_true_lang-kslDnoRH.js";
+import { _ as H } from "./popover.vue_vue_type_script_setup_true_lang-BEMQwnTq.js";
+import { _ as h } from "./popoverDialog.vue_vue_type_script_setup_true_lang-BbR_2G3W.js";
+import { _ as q } from "./tooltip.vue_vue_type_script_setup_true_lang-BSjMpNzD.js";
 import { _ as y } from "./menu.vue_vue_type_script_setup_true_lang-B0Jm9v_v.js";
 import { _ as A } from "./menuItems.vue_vue_type_script_setup_true_lang-DQV-lU_A.js";
 import { _ as G } from "./menuItem.vue_vue_type_script_setup_true_lang-IZgj64N4.js";
 import { _ as K } from "./combobox.vue_vue_type_script_setup_true_lang-sMngTuXu.js";
-import { _ as Q } from "./comboboxInput.vue_vue_type_script_setup_true_lang-Be5FBBbM.js";
+import { _ as Q } from "./comboboxInput.vue_vue_type_script_setup_true_lang-BTDqx7mj.js";
 import { _ as S } from "./comboboxOptions.vue_vue_type_script_setup_true_lang-DN0tz5dv.js";
 import { _ as W } from "./comboboxOption.vue_vue_type_script_setup_true_lang-DmF_EaqI.js";
 export {

package/dist/composable-ui12.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./popover.vue_vue_type_script_setup_true_lang-D1gc6B-4.js";
+import { _ as f } from "./popover.vue_vue_type_script_setup_true_lang-BEMQwnTq.js";
 export {
   f as default
 };

package/dist/composable-ui13.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./popoverDialog.vue_vue_type_script_setup_true_lang-ApsJsSDN.js";
+import { _ as f } from "./popoverDialog.vue_vue_type_script_setup_true_lang-BbR_2G3W.js";
 export {
   f as default
 };

package/dist/composable-ui18.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./tooltip.vue_vue_type_script_setup_true_lang-kslDnoRH.js";
+import { _ as f } from "./tooltip.vue_vue_type_script_setup_true_lang-BSjMpNzD.js";
 export {
   f as default
 };

package/dist/composable-ui23.js

@@ -1,107 +1,120 @@
-import { ref as _, watch as F, nextTick as y, onBeforeMount as U, onMounted as V, onBeforeUnmount as j, toValue as z } from "vue";
+import { ref as D, watch as K, nextTick as P, onBeforeMount as U, onMounted as V, onBeforeUnmount as j, toValue as z } from "vue";
 import { useHTMLElement as A } from "./composable-ui24.js";
-function G(L, B, {
+function I(H, L, {
   direction: c = "down",
   align: u = "left",
-  position: C = "fixed",
-  closeOnOutsideClick: M = !0,
-  closeOnInsideClick: O = !1
+  position: k = "fixed",
+  closeOnOutsideClick: F = !0,
+  closeOnInsideClick: M = !1
 } = {}) {
-  const s = _(!1);
-  function v() {
-    const e = A(L);
+  const s = D(!1);
+  function h() {
+    const e = A(H);
     if (!e.value)
       throw new Error(
-        "Activator element is undefined: " + z(L)
+        "Activator element is undefined: " + z(H)
       );
     return e.value;
   }
-  function $() {
-    const e = A(B);
+  function g() {
+    const e = A(L);
     if (!e.value)
-      throw new Error("Popover element is undefined: " + z(B));
+      throw new Error("Popover element is undefined: " + z(L));
     return e.value;
   }
-  function P({ focus: e = !0 } = {}) {
-    s.value = !0, e && y(() => {
-      $().focus();
+  function B({ focus: e = !0 } = {}) {
+    s.value = !0, e && P(() => {
+      g().focus();
     });
   }
-  function E({ focus: e = !0 } = {}) {
-    s.value = !1, e && v().focus();
+  function O() {
+    try {
+      return g().contains(document.activeElement);
+    } catch {
+      return !1;
+    }
+  }
+  function w({ focus: e } = {}) {
+    const i = e ?? O();
+    s.value = !1, i && h().focus();
   }
   function R(e) {
-    s.value ? E(e) : P(e);
+    s.value ? w(e) : B(e);
   }
-  function h() {
+  function m() {
     if (!s.value) return;
-    const e = v(), r = $();
-    r.style.position = C;
+    const e = h(), i = g();
+    i.style.position = k;
     const {
       top: f,
       right: l,
-      bottom: w,
-      left: a,
-      width: m,
-      height: W
-    } = e.getBoundingClientRect(), p = r.offsetHeight, d = r.offsetWidth, x = document.documentElement.clientHeight, b = document.documentElement.clientWidth;
-    let i = c;
-    c == "up" ? f - p < 0 && (i = "down") : c == "down" ? w + p > x && (i = "up") : c == "right" ? l + d > b && (i = "left") : c == "left" && a - d < 0 && (i = "right");
+      bottom: x,
+      left: p,
+      width: b,
+      height: y
+    } = e.getBoundingClientRect(), d = i.offsetHeight, v = i.offsetWidth, $ = document.documentElement.clientHeight, E = document.documentElement.clientWidth;
+    let n = c;
+    c == "up" ? f - d < 0 && (n = "down") : c == "down" ? x + d > $ && (n = "up") : c == "right" ? l + v > E && (n = "left") : c == "left" && p - v < 0 && (n = "right");
     let o = u;
-    u == "left" ? a + d > b && (o = "right") : u == "right" ? l - d < 0 && (o = "left") : u == "top" ? f + p > x && (o = "bottom") : u == "bottom" && w - p < 0 && (o = "top");
+    u == "left" ? p + v > E && (o = "right") : u == "right" ? l - v < 0 && (o = "left") : u == "top" ? f + d > $ && (o = "bottom") : u == "bottom" && x - d < 0 && (o = "top");
     const t = {
       top: "auto",
       bottom: "auto",
       left: "auto",
       right: "auto",
       width: "auto"
-    }, n = C === "fixed";
-    i == "up" ? t.bottom = `${W + (n ? x - w : 0)}px` : i == "down" ? t.top = `${W + (n ? f : 0)}px` : i == "right" ? t.left = `${m + (n ? a : 0)}px` : i == "left" && (t.right = `${m + (n ? b - l : 0)}px`), ["up", "down"].includes(i) ? o == "right" ? t.right = `${n ? b - l : 0}px` : o == "left" || o == "stretch" ? t.left = `${n ? a : 0}px` : o == "center" && (t.left = `${(n ? a : 0) - (d - m) / 2}px`) : o == "bottom" ? t.bottom = `${n ? x - w : 0}px` : o == "top" ? t.top = `${n ? f : 0}px` : o == "center" && (t.top = `${(n ? f : 0) - (p - W) / 2}px`), ["up", "down"].includes(i) && o === "stretch" && (t.width = m + "px");
-    for (const k in t)
-      r.style[k] = t[k];
+    }, r = k === "fixed";
+    n == "up" ? t.bottom = `${y + (r ? $ - x : 0)}px` : n == "down" ? t.top = `${y + (r ? f : 0)}px` : n == "right" ? t.left = `${b + (r ? p : 0)}px` : n == "left" && (t.right = `${b + (r ? E - l : 0)}px`), ["up", "down"].includes(n) ? o == "right" ? t.right = `${r ? E - l : 0}px` : o == "left" || o == "stretch" ? t.left = `${r ? p : 0}px` : o == "center" && (t.left = `${(r ? p : 0) - (v - b) / 2}px`) : o == "bottom" ? t.bottom = `${r ? $ - x : 0}px` : o == "top" ? t.top = `${r ? f : 0}px` : o == "center" && (t.top = `${(r ? f : 0) - (d - y) / 2}px`), ["up", "down"].includes(n) && o === "stretch" && (t.width = b + "px");
+    for (const C in t)
+      i.style[C] = t[C];
   }
-  F(
+  K(
     s,
     (e) => {
-      e && y(() => {
-        h();
+      e && P(() => {
+        m();
       });
     },
     { flush: "pre" }
   );
   function T(e) {
-    const r = e.target;
-    if (!v().contains(r))
+    const i = e.target;
+    if (!h().contains(i))
       try {
-        $().contains(r) ? O && E() : M && (s.value = !1);
+        g().contains(i) ? M && w() : F && (s.value = !1);
       } catch {
       }
   }
-  let H;
-  const g = new AbortController();
+  function _(e) {
+    !s.value || e.code !== "Escape" || (w(), e.preventDefault());
+  }
+  let W;
+  const a = new AbortController();
   return U(() => {
-    H = new ResizeObserver(h);
+    W = new ResizeObserver(m);
   }), V(() => {
-    window.addEventListener("resize", h, {
+    window.addEventListener("resize", m, {
       passive: !0,
-      signal: g.signal
-    }), window.addEventListener("scroll", h, {
+      signal: a.signal
+    }), window.addEventListener("scroll", m, {
       passive: !0,
       //capture: true,
-      signal: g.signal
+      signal: a.signal
     }), window.addEventListener("click", T, {
       passive: !0,
-      signal: g.signal
-    }), H.observe(v());
+      signal: a.signal
+    }), window.addEventListener("keydown", _, {
+      signal: a.signal
+    }), W.observe(h());
   }), j(() => {
-    g.abort(), H.disconnect();
+    a.abort(), W.disconnect();
   }), {
     isOpen: s,
-    open: P,
-    close: E,
+    open: B,
+    close: w,
     toggle: R
   };
 }
 export {
-  G as usePopover
+  I as usePopover
 };

package/dist/composable-ui4.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./comboboxInput.vue_vue_type_script_setup_true_lang-Be5FBBbM.js";
+import { _ as f } from "./comboboxInput.vue_vue_type_script_setup_true_lang-BTDqx7mj.js";
 export {
   f as default
 };

package/dist/popover.vue_vue_type_script_setup_true_lang-BEMQwnTq.js

@@ -0,0 +1,64 @@
+import { defineComponent as v, useModel as m, useId as c, watch as p, onMounted as O, computed as g, provide as I, renderSlot as C, unref as n, mergeModels as k } from "vue";
+import { usePopover as M } from "./composable-ui23.js";
+import { injectPopover as _ } from "./composable-ui19.js";
+const $ = /* @__PURE__ */ v({
+  __name: "popover",
+  props: /* @__PURE__ */ k({
+    id: {},
+    activatorId: {},
+    direction: { default: "down" },
+    align: { default: "left" },
+    position: { default: "fixed" },
+    closeOnOutsideClick: { type: Boolean, default: !0 },
+    closeOnInsideClick: { type: Boolean, default: !1 },
+    role: { default: "dialog" }
+  }, {
+    open: { type: Boolean },
+    openModifiers: {}
+  }),
+  emits: ["update:open"],
+  setup(d) {
+    const e = d, i = m(d, "open"), l = e.id ?? c(), s = e.activatorId ?? c(), { isOpen: t, toggle: u, open: a, close: r } = M(
+      `#${s}`,
+      `#${l}`,
+      {
+        direction: e.direction,
+        align: e.align,
+        position: e.position,
+        closeOnOutsideClick: e.closeOnOutsideClick,
+        closeOnInsideClick: e.closeOnInsideClick
+      }
+    );
+    p(t, (o) => {
+      i.value !== o && (i.value = o);
+    }), p(i, (o) => {
+      o === void 0 || o === t.value || (o ? a({ focus: !1 }) : r());
+    }), O(() => {
+      i.value && !t.value && a({ focus: !1 });
+    });
+    const f = g(() => ({
+      id: s,
+      "aria-controls": t.value ? l : void 0,
+      // A disclosure is a plain expandable region: aria-haspopup would promise
+      // assistive technology a widget that is not there.
+      "aria-haspopup": e.role === "none" ? void 0 : e.role,
+      "aria-expanded": t.value
+    }));
+    return I(_, {
+      popoverId: l,
+      activatorId: s,
+      role: e.role,
+      isOpen: t,
+      close: r
+    }), (o, h) => C(o.$slots, "default", {
+      attrs: f.value,
+      isOpen: n(t),
+      toggle: n(u),
+      open: n(a),
+      close: n(r)
+    });
+  }
+});
+export {
+  $ as _
+};

package/dist/popoverDialog.vue_vue_type_script_setup_true_lang-BbR_2G3W.js

@@ -0,0 +1,22 @@
+import { defineComponent as t, inject as n, unref as o, openBlock as i, createElementBlock as a, renderSlot as l, createCommentVNode as p } from "vue";
+import { injectPopover as d } from "./composable-ui19.js";
+const c = ["id", "role", "aria-labelledby"], f = /* @__PURE__ */ t({
+  __name: "popoverDialog",
+  setup(s) {
+    const e = n(d);
+    if (!e)
+      throw new Error("Popover injectable context is not provided");
+    return (r, m) => o(e).isOpen.value ? (i(), a("div", {
+      key: 0,
+      id: o(e).popoverId,
+      role: o(e).role === "none" ? void 0 : o(e).role,
+      "aria-labelledby": o(e).activatorId,
+      tabindex: "-1"
+    }, [
+      l(r.$slots, "default")
+    ], 8, c)) : p("", !0);
+  }
+});
+export {
+  f as _
+};

package/dist/tooltip.vue_vue_type_script_setup_true_lang-BSjMpNzD.js

@@ -0,0 +1,78 @@
+import { defineComponent as g, useSlots as y, ref as b, useId as E, onMounted as $, onBeforeUnmount as k, openBlock as a, createElementBlock as c, Fragment as T, renderSlot as p, createBlock as _, Teleport as h, unref as f, mergeProps as B, createTextVNode as L, toDisplayString as S, createCommentVNode as w } from "vue";
+import { usePopover as A } from "./composable-ui23.js";
+const C = ["id"], P = /* @__PURE__ */ g({
+  inheritAttrs: !1,
+  __name: "tooltip",
+  props: {
+    id: {},
+    text: {},
+    delay: {},
+    direction: { default: "up" }
+  },
+  setup(l) {
+    const t = l, m = y(), d = b();
+    let u;
+    const o = t.id ?? E(), { isOpen: i } = A(`[aria-describedby=${o}]`, d, {
+      direction: t.direction,
+      align: "center"
+    });
+    function n() {
+      u = setTimeout(
+        () => {
+          i.value = !0;
+        },
+        typeof t.delay == "string" ? parseInt(t.delay) : t.delay
+      );
+    }
+    function s() {
+      i.value = !1, clearTimeout(u);
+    }
+    const v = {
+      "aria-describedby": o,
+      onmouseenter: n,
+      onmouseleave: s,
+      onfocus: n,
+      onblur: s
+    }, r = new AbortController();
+    return $(() => {
+      if (m.default) return;
+      const e = document.querySelector(
+        `[aria-describedby=${o}]`
+      );
+      if (!e)
+        throw new Error(`Tooltip activator not found: ${o}`);
+      e.addEventListener("mouseenter", n, {
+        signal: r.signal,
+        passive: !0
+      }), e.addEventListener("mouseleave", s, {
+        signal: r.signal,
+        passive: !0
+      }), e.addEventListener("focus", n, {
+        signal: r.signal,
+        passive: !0
+      }), e.addEventListener("blur", s, {
+        signal: r.signal,
+        passive: !0
+      });
+    }), k(() => {
+      r.abort();
+    }), (e, I) => (a(), c(T, null, [
+      p(e.$slots, "default", { attrs: v }),
+      (a(), _(h, { to: "body" }, [
+        f(i) ? (a(), c("div", B({
+          key: 0,
+          ref_key: "popupEl",
+          ref: d,
+          id: f(o)
+        }, e.$attrs, { role: "tooltip" }), [
+          p(e.$slots, "content", {}, () => [
+            L(S(l.text), 1)
+          ])
+        ], 16, C)) : w("", !0)
+      ]))
+    ], 64));
+  }
+});
+export {
+  P as _
+};

package/dist/types/components/injectionKeys.d.ts

@@ -15,7 +15,7 @@ export declare const injectTabs: InjectionKey<{
 export declare const injectPopover: InjectionKey<{
     popoverId: string;
     activatorId: string;
-    role: "dialog" | "listbox" | "menu" | "tree" | "grid";
+    role: "dialog" | "listbox" | "menu" | "tree" | "grid" | "none";
     isOpen: UsePopoverReturn["isOpen"];
     close: UsePopoverReturn["close"];
 }>;

package/dist/types/components/popover/popover.vue.d.ts

@@ -6,25 +6,37 @@ type __VLS_Props = {
     position?: "fixed" | "absolute";
     closeOnOutsideClick?: boolean;
     closeOnInsideClick?: boolean;
-    role?: "dialog" | "listbox" | "menu" | "tree" | "grid";
+    role?: "dialog" | "listbox" | "menu" | "tree" | "grid" | "none";
 };
+type __VLS_ModelProps = {
+    /**
+     * Optional two-way binding on the open state, for closing the popover from
+     * outside the slot scope - on a route change, say.
+     */
+    "open"?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare var __VLS_1: {
     attrs: {
         id: string;
         "aria-controls": string | undefined;
-        "aria-haspopup": "dialog" | "menu" | "listbox" | "tree" | "grid";
+        "aria-haspopup": "dialog" | "menu" | "listbox" | "tree" | "grid" | undefined;
         "aria-expanded": boolean;
     };
     isOpen: boolean;
-    toggle: () => void;
-    open: () => void;
-    close: () => void;
+    toggle: (options?: import("../../main").PopoverFocusOptions) => void;
+    open: (options?: import("../../main").PopoverFocusOptions) => void;
+    close: (options?: import("../../main").PopoverFocusOptions) => void;
 };
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    role: "dialog" | "listbox" | "menu" | "tree" | "grid";
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean | undefined) => any) | undefined;
+}>, {
+    role: "dialog" | "listbox" | "menu" | "tree" | "grid" | "none";
     direction: "up" | "down" | "left" | "right";
     align: "top" | "bottom" | "left" | "right" | "center" | "stretch";
     position: "fixed" | "absolute";

package/dist/types/components/tooltip.vue.d.ts

@@ -6,7 +6,6 @@ type __VLS_Props = {
 };
 declare function open(): void;
 declare function close(): void;
-declare function onKeyDown(evt: KeyboardEvent): void;
 declare var __VLS_1: {
     attrs: {
         "aria-describedby": string;
@@ -14,7 +13,6 @@ declare var __VLS_1: {
         onmouseleave: typeof close;
         onfocus: typeof open;
         onblur: typeof close;
-        onkeydown: typeof onKeyDown;
     };
 }, __VLS_9: {};
 type __VLS_Slots = {} & {

package/dist/types/composables/popover.d.ts

@@ -32,11 +32,20 @@ interface UsePopoverOptions {
      */
     closeOnInsideClick?: boolean;
 }
-interface FocusOptions {
+/**
+ * Focus behaviour of an individual open/close/toggle call.
+ *
+ * Named to avoid shadowing the DOM's global `FocusOptions`.
+ */
+export interface PopoverFocusOptions {
     /**
-     * Focus the popover/activator
+     * Focus the popover on open, or return focus to the activator on close.
      *
-     * @defaultValue `true`
+     * Closing defaults to returning focus only when the popover currently holds
+     * it: a popover dismissed by Escape must hand focus back, but one dismissed
+     * by the pointer leaving it must not pull focus across the page.
+     *
+     * @defaultValue `true` on open, focus containment on close
      */
     focus?: boolean;
 }
@@ -48,15 +57,15 @@ export interface UsePopoverReturn {
     /**
      * Open the popover
      */
-    open: (options?: FocusOptions) => void;
+    open: (options?: PopoverFocusOptions) => void;
     /**
      * Close the popover
      */
-    close: (options?: FocusOptions) => void;
+    close: (options?: PopoverFocusOptions) => void;
     /**
      * Toggle the popover
      */
-    toggle: (options?: FocusOptions) => void;
+    toggle: (options?: PopoverFocusOptions) => void;
 }
 /**
  *

package/dist/types/main.d.ts

@@ -1,4 +1,4 @@
-export { usePopover } from "./composables/popover";
+export { usePopover, type PopoverFocusOptions } from "./composables/popover";
 export { useList } from "./composables/list";
 export { useListOption } from "./composables/listOption";
 export { useFormControl } from "./composables/formControl";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-composable-ui",
-  "version": "1.1.4",
+  "version": "1.2.0",
   "type": "module",
   "repository": {
     "type": "git",

package/dist/popover.vue_vue_type_script_setup_true_lang-D1gc6B-4.js

@@ -1,50 +0,0 @@
-import { defineComponent as u, useId as r, computed as f, provide as v, renderSlot as O, unref as t } from "vue";
-import { usePopover as m } from "./composable-ui23.js";
-import { injectPopover as g } from "./composable-ui19.js";
-const x = /* @__PURE__ */ u({
-  __name: "popover",
-  props: {
-    id: {},
-    activatorId: {},
-    direction: { default: "down" },
-    align: { default: "left" },
-    position: { default: "fixed" },
-    closeOnOutsideClick: { type: Boolean, default: !0 },
-    closeOnInsideClick: { type: Boolean, default: !1 },
-    role: { default: "dialog" }
-  },
-  setup(s) {
-    const e = s, n = e.id ?? r(), i = e.activatorId ?? r(), { isOpen: o, toggle: a, open: d, close: l } = m(
-      `#${i}`,
-      `#${n}`,
-      {
-        direction: e.direction,
-        align: e.align,
-        position: e.position,
-        closeOnOutsideClick: e.closeOnOutsideClick,
-        closeOnInsideClick: e.closeOnInsideClick
-      }
-    ), c = f(() => ({
-      id: i,
-      "aria-controls": o.value ? e.id : void 0,
-      "aria-haspopup": e.role,
-      "aria-expanded": o.value
-    }));
-    return v(g, {
-      popoverId: n,
-      activatorId: i,
-      role: e.role,
-      isOpen: o,
-      close: l
-    }), (p, I) => O(p.$slots, "default", {
-      attrs: c.value,
-      isOpen: t(o),
-      toggle: () => t(a)(),
-      open: () => t(d)(),
-      close: () => t(l)()
-    });
-  }
-});
-export {
-  x as _
-};

package/dist/popoverDialog.vue_vue_type_script_setup_true_lang-ApsJsSDN.js

@@ -1,30 +0,0 @@
-import { defineComponent as n, inject as a, unref as r, openBlock as i, createElementBlock as c, renderSlot as l, createCommentVNode as p } from "vue";
-import { injectPopover as d } from "./composable-ui19.js";
-const s = ["id", "role", "aria-labelledby"], v = /* @__PURE__ */ n({
-  __name: "popoverDialog",
-  setup(u) {
-    const e = a(d);
-    if (!e)
-      throw new Error("Popover injectable context is not provided");
-    function t(o) {
-      if (o.code === "Escape")
-        e.close();
-      else
-        return;
-      o.preventDefault();
-    }
-    return (o, f) => r(e).isOpen.value ? (i(), c("div", {
-      key: 0,
-      onKeydown: t,
-      id: r(e).popoverId,
-      role: r(e).role,
-      "aria-labelledby": r(e).activatorId,
-      tabindex: "-1"
-    }, [
-      l(o.$slots, "default")
-    ], 40, s)) : p("", !0);
-  }
-});
-export {
-  v as _
-};

package/dist/tooltip.vue_vue_type_script_setup_true_lang-kslDnoRH.js

@@ -1,85 +0,0 @@
-import { defineComponent as g, useSlots as b, ref as E, useId as k, onMounted as w, onBeforeUnmount as $, openBlock as a, createElementBlock as p, Fragment as L, renderSlot as f, createBlock as T, Teleport as _, unref as m, mergeProps as h, createTextVNode as B, toDisplayString as S, createCommentVNode as A } from "vue";
-import { usePopover as C } from "./composable-ui23.js";
-const I = ["id"], P = /* @__PURE__ */ g({
-  inheritAttrs: !1,
-  __name: "tooltip",
-  props: {
-    id: {},
-    text: {},
-    delay: {},
-    direction: { default: "up" }
-  },
-  setup(l) {
-    const o = l, v = b(), d = E();
-    let u;
-    const n = o.id ?? k(), { isOpen: i } = C(`[aria-describedby=${n}]`, d, {
-      direction: o.direction,
-      align: "center"
-    });
-    function s() {
-      u = setTimeout(
-        () => {
-          i.value = !0;
-        },
-        typeof o.delay == "string" ? parseInt(o.delay) : o.delay
-      );
-    }
-    function r() {
-      i.value = !1, clearTimeout(u);
-    }
-    function c(e) {
-      e.key === "Escape" && r();
-    }
-    const y = {
-      "aria-describedby": n,
-      onmouseenter: s,
-      onmouseleave: r,
-      onfocus: s,
-      onblur: r,
-      onkeydown: c
-    }, t = new AbortController();
-    return w(() => {
-      if (v.default) return;
-      const e = document.querySelector(
-        `[aria-describedby=${n}]`
-      );
-      if (!e)
-        throw new Error(`Tooltip activator not found: ${n}`);
-      e.addEventListener("mouseenter", s, {
-        signal: t.signal,
-        passive: !0
-      }), e.addEventListener("mouseleave", r, {
-        signal: t.signal,
-        passive: !0
-      }), e.addEventListener("focus", s, {
-        signal: t.signal,
-        passive: !0
-      }), e.addEventListener("blur", r, {
-        signal: t.signal,
-        passive: !0
-      }), e.addEventListener("keydown", c, {
-        signal: t.signal,
-        passive: !0
-      });
-    }), $(() => {
-      t.abort();
-    }), (e, x) => (a(), p(L, null, [
-      f(e.$slots, "default", { attrs: y }),
-      (a(), T(_, { to: "body" }, [
-        m(i) ? (a(), p("div", h({
-          key: 0,
-          ref_key: "popupEl",
-          ref: d,
-          id: m(n)
-        }, e.$attrs, { role: "tooltip" }), [
-          f(e.$slots, "content", {}, () => [
-            B(S(l.text), 1)
-          ])
-        ], 16, I)) : A("", !0)
-      ]))
-    ], 64));
-  }
-});
-export {
-  P as _
-};