vue-composable-ui 1.1.0 → 1.1.2

package/dist/composable-ui23.js

@@ -1,144 +1,102 @@
-import { shallowRef as N, ref as R, computed as g, provide as B, readonly as h, shallowReadonly as J, triggerRef as S, unref as s } from "vue";
-import { useHTMLElement as _ } from "./composable-ui24.js";
-const q = Symbol();
-function d(r, c) {
-  const [n, l] = [s(r), s(c)];
-  return typeof n == "object" ? typeof l == "object" ? JSON.stringify(n) === JSON.stringify(l) : !1 : n === l;
-}
-function P(r) {
-  let c = 0;
-  const n = N([]), l = R(), v = g(() => Array.isArray(r.value));
-  function o(e) {
-    const t = n.value.find((i) => i.id === e);
-    if (!t) throw new Error(`Item not found: (${e})`);
-    return t;
-  }
-  function b(e) {
-    const t = s(e.element);
-    if (t)
-      return t.focus(), t;
-  }
-  function f(e, { focus: t = !1 } = {}) {
-    l.value = e?.id ?? void 0, e !== void 0 && t && b(e);
-  }
-  function O(e, { focus: t = !1 } = {}) {
-    const i = o(e);
-    return f(i, { focus: t });
-  }
-  function m(e) {
-    return l.value === e;
-  }
-  function w(e, t, i = !1) {
-    const a = _(e), u = c++;
-    return n.value.push({
-      id: u,
-      value: t,
-      element: a,
-      disabled: i
-    }), S(n), u;
-  }
-  function A(e) {
-    m(e) && f();
-    const t = o(e), i = n.value.indexOf(t);
-    n.value.splice(i, 1), S(n);
-  }
-  function I(e) {
-    const t = o(e);
-    if (s(t.disabled)) return;
-    const i = s(t.value);
-    if (i !== void 0) {
-      if (s(v)) {
-        const a = r.value.findIndex(
-          (u) => d(i, u)
-        );
-        a > -1 ? r.value.splice(a, 1) : r.value = [...r.value, i];
-      } else
-        r.value = i;
-      f(t);
-    }
-  }
-  function y(e) {
-    return s(v) ? !!r.value.find(
-      (t) => d(e.value, t)
-    ) : d(r, e.value);
+import { ref as T, onBeforeMount as _, onMounted as F, watch as U, nextTick as P, onBeforeUnmount as j } from "vue";
+import { useHTMLElement as k } from "./composable-ui24.js";
+function G(y, z, {
+  direction: c = "down",
+  align: u = "left",
+  position: L = "fixed",
+  closeOnOutsideClick: A = !0,
+  closeOnInsideClick: M = !1
+} = {}) {
+  const s = T(!1);
+  function v() {
+    const e = k(y);
+    if (!e.value) throw new Error("Activator element is undefined");
+    return e.value;
   }
-  function L(e) {
-    try {
-      const t = o(e);
-      return y(t);
-    } catch {
-      return !1;
-    }
+  function $() {
+    const e = k(z);
+    if (!e.value) throw new Error("Popover element is undefined");
+    return e.value;
   }
-  function j({ focus: e = !1 } = {}) {
-    for (let t of n.value)
-      if (y(t))
-        return f(t, { focus: e });
+  function B({ focus: e = !0 } = {}) {
+    s.value = !0, e && P(() => {
+      $().focus();
+    });
   }
-  function p({ focus: e = !1 } = {}) {
-    if (n.value.length)
-      return f(n.value[0], { focus: e });
+  function E({ focus: e = !0 } = {}) {
+    s.value = !1, e && v().focus();
   }
-  function x({ focus: e = !1 } = {}) {
-    if (n.value.length)
-      return f(n.value[n.value.length - 1], { focus: e });
+  function O(e) {
+    s.value ? E(e) : B(e);
   }
-  function E({
-    focus: e = !1,
-    loop: t = !1
-  } = {}) {
-    if (l.value === void 0) return p({ focus: e });
-    const i = o(l.value), a = n.value.indexOf(i);
-    let u;
-    if (a + 1 < n.value.length)
-      u = n.value[a + 1];
-    else if (t)
-      u = n.value[0];
-    else
-      return;
-    return f(u, { focus: e });
+  function h() {
+    if (!s.value) return;
+    const e = v(), r = $();
+    r.style.position = L;
+    const {
+      top: f,
+      right: l,
+      bottom: w,
+      left: p,
+      width: m,
+      height: W
+    } = e.getBoundingClientRect(), a = r.offsetHeight, d = r.offsetWidth, x = document.documentElement.clientHeight, b = document.documentElement.clientWidth;
+    let i = c;
+    c == "up" ? f - a < 0 && (i = "down") : c == "down" ? w + a > x && (i = "up") : c == "right" ? l + d > b && (i = "left") : c == "left" && p - d < 0 && (i = "right");
+    let o = u;
+    u == "left" ? p + d > b && (o = "right") : u == "right" ? l - d < 0 && (o = "left") : u == "top" ? f + a > x && (o = "bottom") : u == "bottom" && w - a < 0 && (o = "top");
+    const t = {
+      top: "auto",
+      bottom: "auto",
+      left: "auto",
+      right: "auto",
+      width: "auto"
+    }, n = L === "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 ? p : 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 ? p : 0}px` : o == "center" && (t.left = `${(n ? p : 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) - (a - W) / 2}px`), ["up", "down"].includes(i) && o === "stretch" && (t.width = m + "px");
+    for (const C in t)
+      r.style[C] = t[C];
   }
-  function M({
-    focus: e = !1,
-    loop: t = !1
-  } = {}) {
-    if (l.value === void 0) return x({ focus: e });
-    const i = o(l.value), a = n.value.indexOf(i);
-    let u;
-    if (a - 1 > -1)
-      u = n.value[a - 1];
-    else if (t)
-      u = n.value[n.value.length - 1];
-    else
-      return;
-    return f(u, { focus: e });
+  function R(e) {
+    const r = e.target;
+    if (!v().contains(r))
+      try {
+        $().contains(r) ? M && E() : A && (s.value = !1);
+      } catch {
+      }
   }
-  return B(q, {
-    value: h(r),
-    selectItem: I,
-    activateItem: O,
-    deactivateItem: () => f(),
-    isSelected: L,
-    isActive: m,
-    addItem: w,
-    removeItem: A
+  let H;
+  const g = new AbortController();
+  return _(() => {
+    H = new ResizeObserver(h);
+  }), F(() => {
+    U(
+      s,
+      (e) => {
+        e && P(() => {
+          h();
+        });
+      },
+      { flush: "pre" }
+    ), window.addEventListener("resize", h, {
+      passive: !0,
+      signal: g.signal
+    }), window.addEventListener("scroll", h, {
+      passive: !0,
+      //capture: true,
+      signal: g.signal
+    }), window.addEventListener("click", R, {
+      passive: !0,
+      signal: g.signal
+    }), H.observe(v());
+  }), j(() => {
+    g.abort(), H.disconnect();
   }), {
-    items: J(n),
-    isMultiselectable: h(v),
-    activeItem: g(
-      () => l.value !== void 0 ? o(l.value) : void 0
-    ),
-    selectActiveItem: () => {
-      l.value !== void 0 && I(l.value);
-    },
-    activateSelectedItem: j,
-    activateFirstItem: p,
-    activateLastItem: x,
-    activateNextItem: E,
-    activatePrevItem: M
+    isOpen: s,
+    open: B,
+    close: E,
+    toggle: O
   };
 }
 export {
-  q as injectList,
-  P as useList
+  G as usePopover
 };

package/dist/composable-ui25.js

@@ -1,7 +1,30 @@
-const o = Symbol(), n = Symbol(), t = Symbol(), c = Symbol();
+import { ref as l, watch as V, toValue as u, readonly as n } from "vue";
+function h(s, f = [], c = !1) {
+  const e = l(!0), r = l([]);
+  function d(t, a, o) {
+    r.value = [], e.value = !0;
+    for (const v of a) {
+      const i = v(t);
+      if (i !== !0 && (r.value.push(i), e.value = !1, o))
+        return !1;
+    }
+    return e.value;
+  }
+  return V(
+    [
+      () => u(s),
+      () => u(f),
+      () => u(c)
+    ],
+    ([t, a, o]) => {
+      d(t, a, o);
+    },
+    { immediate: !0 }
+  ), {
+    isValid: n(e),
+    errors: n(r)
+  };
+}
 export {
-  c as injectCombobox,
-  t as injectMenu,
-  n as injectPopover,
-  o as injectTabs
+  h as useValidation
 };

package/dist/composable-ui3.js

@@ -1,55 +1,4 @@
-import { ref as t, onMounted as V, onBeforeUnmount as M, readonly as m, unref as g } from "vue";
-import { useHTMLElement as b } from "./composable-ui24.js";
-function k(y, h = [], w = !0) {
-  const a = t(!1), n = t(!0), l = t(), r = t("");
-  let e, u;
-  function s() {
-    e?.focus();
-  }
-  function d() {
-    n.value = e.validity.valid, l.value = e.validity, r.value = e.validationMessage;
-  }
-  function f() {
-    if (!e) throw new Error("Form element is undefined");
-    const o = e.value;
-    for (const p of g(h)) {
-      const c = p(o);
-      if (c !== !0) {
-        e.setCustomValidity(c);
-        break;
-      }
-    }
-  }
-  function v() {
-    if (!e) throw new Error("Form element is undefined");
-    return e.setCustomValidity(""), e.validity.valid && f(), d(), n.value;
-  }
-  function C(o) {
-    d(), g(w) || o.preventDefault();
-  }
-  function E() {
-    v(), a.value = u !== e.value;
-  }
-  let i = new AbortController();
-  return V(() => {
-    if (e = b(y).value, !e) throw new Error("Form element is undefined");
-    f(), u = e.value, e.addEventListener("change", E, {
-      signal: i.signal,
-      passive: !0
-    }), e.addEventListener("invalid", C, {
-      signal: i.signal
-    }), e?.autofocus && s();
-  }), M(() => {
-    i.abort();
-  }), {
-    focus: s,
-    validate: v,
-    isValid: n,
-    validity: m(l),
-    validationMessage: m(r),
-    isChanged: a
-  };
-}
+import { _ as f } from "./comboboxHiddenInput.vue_vue_type_script_setup_true_lang-BtODyQnH.js";
 export {
-  k as useFormControl
+  f as default
 };

package/dist/composable-ui4.js

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

package/dist/composable-ui5.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./tabPanel.vue_vue_type_script_setup_true_lang-DZfMk_Sn.js";
+import { _ as f } from "./comboboxOption.vue_vue_type_script_setup_true_lang-DmF_EaqI.js";
 export {
   f as default
 };

package/dist/composable-ui6.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./tabList.vue_vue_type_script_setup_true_lang-DLoNOwJ7.js";
+import { _ as f } from "./comboboxOptions.vue_vue_type_script_setup_true_lang-DN0tz5dv.js";
 export {
   f as default
 };

package/dist/composable-ui7.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./tabContainer.vue_vue_type_script_setup_true_lang-YfrBXoWm.js";
+import { _ as f } from "./listbox.vue_vue_type_script_setup_true_lang-OvzuliPQ.js";
 export {
   f as default
 };

package/dist/composable-ui8.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./tab.vue_vue_type_script_setup_true_lang-BSckMUwj.js";
+import { _ as f } from "./listboxOption.vue_vue_type_script_setup_true_lang-BhQm7GxW.js";
 export {
   f as default
 };

package/dist/composable-ui9.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./popoverDialog.vue_vue_type_script_setup_true_lang-C2z6To-6.js";
+import { _ as f } from "./menu.vue_vue_type_script_setup_true_lang-B0Jm9v_v.js";
 export {
   f as default
 };

package/dist/{listbox.vue_vue_type_script_setup_true_lang-BJS1g6K9.js → listbox.vue_vue_type_script_setup_true_lang-OvzuliPQ.js}

@@ -1,8 +1,8 @@
-import { defineComponent as m, mergeModels as p, useModel as v, computed as b, createElementBlock as k, openBlock as w, unref as I, renderSlot as h } from "vue";
-import { useList as x } from "./composable-ui23.js";
+import { defineComponent as m, useModel as p, computed as v, openBlock as b, createElementBlock as k, unref as w, renderSlot as I, mergeModels as h } from "vue";
+import { useList as x } from "./composable-ui22.js";
 const A = ["aria-activedescendant", "aria-orientation", "aria-multiselectable"], B = /* @__PURE__ */ m({
   __name: "listbox",
-  props: /* @__PURE__ */ p({
+  props: /* @__PURE__ */ h({
     orientation: { default: "vertical" },
     loop: { type: Boolean, default: !1 }
   }, {
@@ -11,7 +11,7 @@ const A = ["aria-activedescendant", "aria-orientation", "aria-multiselectable"],
   }),
   emits: ["update:modelValue"],
   setup(i) {
-    const e = i, n = v(i, "modelValue"), {
+    const e = i, n = p(i, "modelValue"), {
       isMultiselectable: t,
       activeItem: s,
       selectActiveItem: o,
@@ -19,7 +19,7 @@ const A = ["aria-activedescendant", "aria-orientation", "aria-multiselectable"],
       activateLastItem: u,
       activateNextItem: l,
       activatePrevItem: r
-    } = x(n), f = b(() => s.value?.element.value?.id);
+    } = x(n), f = v(() => s.value?.element.value?.id);
     function d(a) {
       switch (a.code) {
         case "Space":
@@ -52,15 +52,15 @@ const A = ["aria-activedescendant", "aria-orientation", "aria-multiselectable"],
       }
       a.preventDefault();
     }
-    return (a, M) => (w(), k("div", {
+    return (a, M) => (b(), k("div", {
       onKeydown: d,
       "aria-activedescendant": f.value,
       "aria-orientation": i.orientation,
-      "aria-multiselectable": I(t),
+      "aria-multiselectable": w(t),
       role: "listbox",
       tabindex: "0"
     }, [
-      h(a.$slots, "default")
+      I(a.$slots, "default")
     ], 40, A));
   }
 });

package/dist/{listboxOption.vue_vue_type_script_setup_true_lang-DMkQ_ZA_.js → listboxOption.vue_vue_type_script_setup_true_lang-BhQm7GxW.js}

@@ -1,5 +1,5 @@
-import { defineComponent as m, useId as p, useTemplateRef as u, createElementBlock as f, openBlock as b, unref as e, renderSlot as v } from "vue";
-import { useListOption as _ } from "./composable-ui18.js";
+import { defineComponent as m, useId as p, useTemplateRef as u, openBlock as f, createElementBlock as b, unref as e, renderSlot as v } from "vue";
+import { useListOption as _ } from "./composable-ui21.js";
 const k = ["id", "aria-disabled", "aria-selected", "data-active"], B = /* @__PURE__ */ m({
   __name: "listboxOption",
   props: {
@@ -13,7 +13,7 @@ const k = ["id", "aria-disabled", "aria-selected", "data-active"], B = /* @__PUR
       t.value,
       t.disabled
     );
-    return (r, l) => (b(), f("div", {
+    return (r, l) => (f(), b("div", {
       ref_key: "itemEl",
       ref: s,
       id: e(n),

package/dist/{menu.vue_vue_type_script_setup_true_lang-BTGGj0FY.js → menu.vue_vue_type_script_setup_true_lang-B0Jm9v_v.js}

@@ -1,10 +1,10 @@
-import { defineComponent as b, mergeModels as M, useId as u, useModel as O, computed as m, provide as A, renderSlot as _, unref as h, nextTick as r } from "vue";
-import { usePopover as C } from "./composable-ui22.js";
-import { useList as D } from "./composable-ui23.js";
-import { injectMenu as V } from "./composable-ui25.js";
+import { defineComponent as b, useId as u, useModel as M, computed as m, provide as O, renderSlot as A, unref as _, mergeModels as h, nextTick as r } from "vue";
+import { usePopover as C } from "./composable-ui23.js";
+import { useList as D } from "./composable-ui22.js";
+import { injectMenu as V } from "./composable-ui19.js";
 const j = /* @__PURE__ */ b({
   __name: "menu",
-  props: /* @__PURE__ */ M({
+  props: /* @__PURE__ */ h({
     id: {},
     activatorId: {},
     direction: { default: "down" },
@@ -16,7 +16,7 @@ const j = /* @__PURE__ */ b({
   }),
   emits: ["update:modelValue"],
   setup(s) {
-    const e = s, a = e.id ?? u(), i = e.activatorId ?? u(), p = O(s, "modelValue"), {
+    const e = s, a = e.id ?? u(), i = e.activatorId ?? u(), p = M(s, "modelValue"), {
       isMultiselectable: v,
       activeItem: f,
       activateFirstItem: n,
@@ -60,7 +60,7 @@ const j = /* @__PURE__ */ b({
       onkeydown: g,
       tabindex: 0
     }));
-    return A(V, {
+    return O(V, {
       menuId: a,
       activatorId: i,
       isOpen: t,
@@ -71,9 +71,9 @@ const j = /* @__PURE__ */ b({
       activateLastItem: c,
       activateNextItem: I,
       activatePrevItem: k
-    }), (o, $) => _(o.$slots, "default", {
+    }), (o, $) => A(o.$slots, "default", {
       attrs: x.value,
-      isOpen: h(t)
+      isOpen: _(t)
     });
   }
 });

package/dist/{menuItem.vue_vue_type_script_setup_true_lang-CSWsvc1p.js → menuItem.vue_vue_type_script_setup_true_lang-IZgj64N4.js}

@@ -1,6 +1,6 @@
-import { defineComponent as w, useId as x, useTemplateRef as y, inject as S, computed as h, createElementBlock as j, openBlock as A, unref as t, renderSlot as B } from "vue";
-import { useListOption as I } from "./composable-ui18.js";
-import { injectMenu as $ } from "./composable-ui25.js";
+import { defineComponent as w, useId as x, useTemplateRef as y, inject as S, computed as h, openBlock as j, createElementBlock as A, unref as t, renderSlot as B } from "vue";
+import { useListOption as I } from "./composable-ui21.js";
+import { injectMenu as $ } from "./composable-ui19.js";
 const C = ["id", "data-active", "role", "aria-checked", "aria-disabled"], O = /* @__PURE__ */ w({
   __name: "menuItem",
   props: {
@@ -37,7 +37,7 @@ const C = ["id", "data-active", "role", "aria-checked", "aria-disabled"], O = /*
       }
       o.preventDefault();
     }
-    return (o, n) => (A(), j("div", {
+    return (o, n) => (j(), A("div", {
       ref_key: "itemEl",
       ref: s,
       id: t(m),

package/dist/{menuItems.vue_vue_type_script_setup_true_lang-DZL1uyoq.js → menuItems.vue_vue_type_script_setup_true_lang-DQV-lU_A.js}

@@ -1,5 +1,5 @@
-import { defineComponent as n, inject as o, createElementBlock as c, createCommentVNode as s, unref as a, openBlock as i, renderSlot as u } from "vue";
-import { injectMenu as l } from "./composable-ui25.js";
+import { defineComponent as n, inject as o, unref as a, openBlock as c, createElementBlock as s, renderSlot as i, createCommentVNode as u } from "vue";
+import { injectMenu as l } from "./composable-ui19.js";
 const d = ["id", "aria-activedescendant", "aria-labelledby"], b = /* @__PURE__ */ n({
   __name: "menuItems",
   setup(m) {
@@ -31,7 +31,7 @@ const d = ["id", "aria-activedescendant", "aria-labelledby"], b = /* @__PURE__ *
       }
       t.preventDefault();
     }
-    return (t, f) => a(e).isOpen.value ? (i(), c("div", {
+    return (t, f) => a(e).isOpen.value ? (c(), s("div", {
       key: 0,
       onKeydown: r,
       id: a(e).menuId,
@@ -40,8 +40,8 @@ const d = ["id", "aria-activedescendant", "aria-labelledby"], b = /* @__PURE__ *
       role: "menu",
       tabindex: "-1"
     }, [
-      u(t.$slots, "default")
-    ], 40, d)) : s("", !0);
+      i(t.$slots, "default")
+    ], 40, d)) : u("", !0);
   }
 });
 export {

package/dist/{popover.vue_vue_type_script_setup_true_lang-C13ARHho.js → popover.vue_vue_type_script_setup_true_lang-D1gc6B-4.js}

@@ -1,6 +1,6 @@
 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-ui22.js";
-import { injectPopover as g } from "./composable-ui25.js";
+import { usePopover as m } from "./composable-ui23.js";
+import { injectPopover as g } from "./composable-ui19.js";
 const x = /* @__PURE__ */ u({
   __name: "popover",
   props: {

package/dist/popoverDialog.vue_vue_type_script_setup_true_lang-ApsJsSDN.js

@@ -0,0 +1,30 @@
+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/{tab.vue_vue_type_script_setup_true_lang-BSckMUwj.js → tab.vue_vue_type_script_setup_true_lang-C12uJKqo.js}

@@ -1,5 +1,5 @@
-import { defineComponent as u, useTemplateRef as b, useId as s, createElementBlock as f, openBlock as m, unref as e, renderSlot as _ } from "vue";
-import { useListOption as k } from "./composable-ui18.js";
+import { defineComponent as u, useTemplateRef as b, useId as s, openBlock as f, createElementBlock as m, unref as e, renderSlot as _ } from "vue";
+import { useListOption as k } from "./composable-ui21.js";
 const C = ["id", "aria-selected", "aria-controls", "tabindex"], v = /* @__PURE__ */ u({
   __name: "tab",
   props: {
@@ -9,7 +9,7 @@ const C = ["id", "aria-selected", "aria-controls", "tabindex"], v = /* @__PURE__
   },
   setup(i) {
     const t = i, o = b("tab"), { isSelected: a, select: n } = k(o, t.value), l = t.id ?? s(), c = t.ariaControls ?? s();
-    return (d, r) => (m(), f("button", {
+    return (d, r) => (f(), m("button", {
       ref_key: "tab",
       ref: o,
       onClick: r[0] || (r[0] = //@ts-ignore

package/dist/{tabContainer.vue_vue_type_script_setup_true_lang-YfrBXoWm.js → tabContainer.vue_vue_type_script_setup_true_lang-yqy32Zx5.js}

@@ -1,6 +1,6 @@
-import { defineComponent as c, useModel as u, provide as v, computed as p, createElementBlock as f, openBlock as I, renderSlot as _ } from "vue";
-import { useList as b } from "./composable-ui23.js";
-import { injectTabs as g } from "./composable-ui25.js";
+import { defineComponent as c, useModel as u, provide as v, computed as p, openBlock as f, createElementBlock as I, renderSlot as _ } from "vue";
+import { useList as b } from "./composable-ui22.js";
+import { injectTabs as g } from "./composable-ui19.js";
 const x = /* @__PURE__ */ c({
   __name: "tabContainer",
   props: {
@@ -30,7 +30,7 @@ const x = /* @__PURE__ */ c({
       activateLastItem: r,
       activateNextItem: n,
       activatePrevItem: s
-    }), (e, t) => (I(), f("div", null, [
+    }), (e, t) => (f(), I("div", null, [
       _(e.$slots, "default")
     ]));
   }

package/dist/{tabList.vue_vue_type_script_setup_true_lang-DLoNOwJ7.js → tabList.vue_vue_type_script_setup_true_lang-BjKRcoyi.js}

@@ -1,5 +1,5 @@
-import { defineComponent as i, inject as n, createElementBlock as c, openBlock as s, renderSlot as u } from "vue";
-import { injectTabs as l } from "./composable-ui25.js";
+import { defineComponent as i, inject as n, openBlock as c, createElementBlock as s, renderSlot as u } from "vue";
+import { injectTabs as l } from "./composable-ui19.js";
 const f = ["aria-orientation"], b = /* @__PURE__ */ i({
   __name: "tabList",
   props: {
@@ -34,7 +34,7 @@ const f = ["aria-orientation"], b = /* @__PURE__ */ i({
       }
       t.selectActiveItem(), o.preventDefault();
     }
-    return (o, p) => (s(), c("div", {
+    return (o, p) => (c(), s("div", {
       onKeydown: a,
       "aria-orientation": e.orientation,
       role: "tablist"

package/dist/{tabPanel.vue_vue_type_script_setup_true_lang-DZfMk_Sn.js → tabPanel.vue_vue_type_script_setup_true_lang-DwEwu3p7.js}

@@ -1,6 +1,6 @@
-import { defineComponent as c, inject as i, computed as d, withDirectives as p, createElementBlock as b, openBlock as u, unref as r, renderSlot as m, vShow as v } from "vue";
-import { injectList as f } from "./composable-ui23.js";
-import { injectTabs as _ } from "./composable-ui25.js";
+import { defineComponent as c, inject as i, computed as d, withDirectives as p, openBlock as b, createElementBlock as u, unref as r, renderSlot as m, vShow as v } from "vue";
+import { injectList as f } from "./composable-ui22.js";
+import { injectTabs as _ } from "./composable-ui19.js";
 const h = ["id", "aria-labelledby"], I = /* @__PURE__ */ c({
   __name: "tabPanel",
   props: {
@@ -14,7 +14,7 @@ const h = ["id", "aria-labelledby"], I = /* @__PURE__ */ c({
     if (!o)
       throw new Error("Tabs injectable context is not provided");
     const s = d(() => e.value === t.value.value), n = o.getIds(e.value);
-    return (l, w) => p((u(), b("div", {
+    return (l, w) => p((b(), u("div", {
       id: r(n).panelId,
       "aria-labelledby": r(n).tabId,
       tabindex: "0",