vue-composable-ui 1.0.2 → 1.0.3

package/dist/{combobox.vue_vue_type_script_setup_true_lang-BhVMcx67.js → combobox.vue_vue_type_script_setup_true_lang-DpM6lN_3.js}

@@ -1,25 +1,25 @@
-import { defineComponent as _, mergeModels as B, computed as p, useModel as H, useId as T, watch as j, provide as N, createElementBlock as v, openBlock as l, Fragment as b, createCommentVNode as P, renderSlot as U, createBlock as h, unref as k, renderList as K, nextTick as $ } from "vue";
+import { defineComponent as B, mergeModels as H, computed as p, useModel as T, useId as j, watch as N, provide as P, createElementBlock as v, openBlock as r, Fragment as b, createCommentVNode as U, renderSlot as K, createBlock as A, unref as k, renderList as _, nextTick as h } from "vue";
 import { useHTMLElement as q } from "./composable-ui23.js";
 import { usePopover as z } from "./composable-ui21.js";
 import { useList as G } from "./composable-ui22.js";
-import { _ as x } from "./comboboxHiddenInput.vue_vue_type_script_setup_true_lang-Ba-UPd-M.js";
+import { _ as $ } from "./comboboxHiddenInput.vue_vue_type_script_setup_true_lang-Ba-UPd-M.js";
 import { injectCombobox as J } from "./composable-ui24.js";
-const ae = /* @__PURE__ */ _({
+const ae = /* @__PURE__ */ B({
   inheritAttrs: !1,
   __name: "combobox",
-  props: /* @__PURE__ */ B({
-    displayValue: { type: Function, default: (a) => Array.isArray(a) ? a.map((o) => o.toString()).join(", ") : a.toString() },
+  props: /* @__PURE__ */ H({
+    displayValue: { type: Function, default: (e) => Array.isArray(e) ? e.map((t) => t.toString()).join(", ") : e.toString() },
     id: {},
     activatorId: {},
     name: {},
-    formValue: { type: Function, default: (a) => a }
+    formValue: { type: Function, default: (e) => e }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(a) {
-    const o = a, I = p(() => u.value ? c.value.map((e) => o.formValue(e)) : o.formValue(c.value)), c = H(a, "modelValue"), i = o.id ?? T(), y = o.activatorId ?? i, n = `${i}-popover`, { isOpen: t, toggle: E, open: s, close: r } = z(
+  setup(e) {
+    const t = e, I = p(() => u.value ? l.value.map((a) => t.formValue(a)) : t.formValue(l.value)), l = T(e, "modelValue"), i = t.id ?? j(), y = t.activatorId ?? i, n = `${i}-popover`, { isOpen: o, toggle: E, open: s, close: c } = z(
       `#${y}`,
       `#${n}`,
       {
@@ -39,24 +39,24 @@ const ae = /* @__PURE__ */ _({
       activateLastItem: V,
       activateNextItem: C,
       activatePrevItem: M
-    } = G(c), g = p(() => o.displayValue(c.value));
-    j(w, () => {
+    } = G(l), g = p(() => t.displayValue(l.value));
+    N(w, () => {
       !f.value && w.value.length && (S({ focus: !1 }), f.value || d({ focus: !1 }));
     });
     function O() {
       q(`#${y}`).value?.focus();
     }
-    function D(e) {
-      if (t.value)
-        switch (e.code) {
+    function D(a) {
+      if (o.value)
+        switch (a.code) {
           case "Space":
-            m(), u.value || r({ focus: !0 });
+            m(), u.value || c({ focus: !0 });
             break;
           case "Enter":
-            m(), r({ focus: !0 });
+            m(), c({ focus: !0 });
             break;
           case "Tab":
-            m(), r({ focus: !0 });
+            m(), c({ focus: !0 });
             return;
           case "ArrowUp":
             M({ focus: !1, loop: !1 });
@@ -71,66 +71,66 @@ const ae = /* @__PURE__ */ _({
             V({ focus: !1 });
             break;
           case "Escape":
-            r({ focus: !0 });
+            c({ focus: !0 });
             break;
           default:
             return;
         }
       else
-        switch (e.code) {
+        switch (a.code) {
           case "Space":
           case "Enter":
             s({ focus: !1 });
             break;
           case "End":
           case "ArrowUp":
-            s({ focus: !1 }), $(() => V({ focus: !1 }));
+            s({ focus: !1 }), h(() => V({ focus: !1 }));
             break;
           case "Home":
           case "ArrowDown":
-            s({ focus: !1 }), $(() => d({ focus: !1 }));
+            s({ focus: !1 }), h(() => d({ focus: !1 }));
             break;
           default:
             return;
         }
-      e.preventDefault();
+      a.preventDefault();
     }
-    const A = p(() => ({
+    const x = p(() => ({
       onkeydown: D,
       onclick: () => s({ focus: !1 }),
       id: i,
-      "aria-controls": t.value ? n : void 0,
-      "aria-expanded": t.value,
+      "aria-controls": o.value ? n : void 0,
+      "aria-expanded": o.value,
       "aria-activedescendant": f.value?.element.value?.id,
       "aria-haspopup": "listbox",
       role: "combobox"
     }));
-    return N(J, {
+    return P(J, {
       displayValue: g,
       popoverId: n,
-      isOpen: t,
+      isOpen: o,
       open: s,
-      close: r,
+      close: c,
       focus: O,
       isMultiselectable: u,
-      activatorAttrs: A
-    }), (e, Q) => (l(), v(b, null, [
-      e.name ? (l(), v(b, { key: 0 }, [
-        k(u) ? (l(!0), v(b, { key: 0 }, K(I.value, (F, L) => (l(), h(x, {
+      activatorAttrs: x
+    }), (a, Q) => (r(), v(b, null, [
+      e.name ? (r(), v(b, { key: 0 }, [
+        k(u) ? (r(!0), v(b, { key: 0 }, _(I.value, (F, L) => (r(), A($, {
           name: `${e.name}[${L}]`,
           value: F
-        }, null, 8, ["name", "value"]))), 256)) : (l(), h(x, {
+        }, null, 8, ["name", "value"]))), 256)) : (r(), A($, {
           key: 1,
           name: e.name,
           value: I.value
         }, null, 8, ["name", "value"]))
-      ], 64)) : P("", !0),
-      U(e.$slots, "default", {
+      ], 64)) : U("", !0),
+      K(a.$slots, "default", {
         popoverId: n,
-        isOpen: k(t),
+        isOpen: k(o),
         toggle: () => k(E)(),
         displayValue: g.value,
-        attrs: A.value
+        attrs: x.value
       })
     ], 64));
   }

package/dist/comboboxOption.vue_vue_type_script_setup_true_lang-DPEArk3M.js

@@ -0,0 +1,42 @@
+import { defineComponent as f, useId as b, useTemplateRef as p, inject as v, createElementBlock as x, openBlock as E, unref as e, renderSlot as _ } from "vue";
+import { useListOption as k } from "./composable-ui17.js";
+import { injectCombobox as C } from "./composable-ui24.js";
+const j = ["id", "data-active", "aria-selected", "aria-disabled"], A = /* @__PURE__ */ f({
+  __name: "comboboxOption",
+  props: {
+    id: {},
+    value: {},
+    disabled: { type: Boolean }
+  },
+  setup(i) {
+    const o = i, c = o.id ?? b(), s = p("itemEl"), { isSelected: n, isActive: a, activate: d, select: r } = k(
+      s,
+      o.value,
+      o.disabled
+    ), t = v(C);
+    if (!t)
+      throw new Error("Combobox injectable context is not provided");
+    function m() {
+      r(), t.isMultiselectable.value ? t.focus() : t.close({ focus: !0 });
+    }
+    return (u, l) => (E(), x("div", {
+      ref_key: "itemEl",
+      ref: s,
+      id: e(c),
+      onClick: m,
+      onMouseenter: l[0] || (l[0] = (B) => e(d)({ focus: !1 })),
+      "data-active": e(a),
+      "aria-selected": e(n),
+      "aria-disabled": i.disabled || void 0,
+      role: "option"
+    }, [
+      _(u.$slots, "default", {
+        isSelected: e(n),
+        isActive: e(a)
+      })
+    ], 40, j));
+  }
+});
+export {
+  A as _
+};

package/dist/composable-ui.js

@@ -4,22 +4,22 @@ import { useListOption as s } from "./composable-ui17.js";
 import { useFormControl as a } from "./composable-ui2.js";
 import { useHTMLElement as n } from "./composable-ui23.js";
 import { injectCombobox as i, injectMenu as _, injectPopover as u, injectTabs as C } from "./composable-ui24.js";
-import { _ as L } from "./listbox.vue_vue_type_script_setup_true_lang-Bj1ZXiBX.js";
-import { _ as M } from "./listboxOption.vue_vue_type_script_setup_true_lang-B_yRptJm.js";
+import { _ as L } from "./listbox.vue_vue_type_script_setup_true_lang-CP8lV3wp.js";
+import { _ as M } from "./listboxOption.vue_vue_type_script_setup_true_lang-C1-Q-dSr.js";
 import { _ as c } from "./tabContainer.vue_vue_type_script_setup_true_lang-fPpLno2Z.js";
 import { _ as v } from "./tabList.vue_vue_type_script_setup_true_lang-CZyqGCuj.js";
 import { _ as I } from "./tab.vue_vue_type_script_setup_true_lang-Y5OFGqMB.js";
 import { _ as D } from "./tabPanel.vue_vue_type_script_setup_true_lang-CGhP6SHR.js";
 import { _ as F } from "./popover.vue_vue_type_script_setup_true_lang-DhKF7_nY.js";
 import { _ as d } from "./popoverDialog.vue_vue_type_script_setup_true_lang-CDXUO7wZ.js";
-import { _ as k } from "./tooltip.vue_vue_type_script_setup_true_lang-DVKYJyfL.js";
+import { _ as k } from "./tooltip.vue_vue_type_script_setup_true_lang-D4uAZmQb.js";
 import { _ as w } from "./menu.vue_vue_type_script_setup_true_lang-Ci7q2rOg.js";
 import { _ as z } from "./menuItems.vue_vue_type_script_setup_true_lang-p9vftREy.js";
-import { _ as B } from "./menuItem.vue_vue_type_script_setup_true_lang-mXtMa4gO.js";
-import { _ as J } from "./combobox.vue_vue_type_script_setup_true_lang-BhVMcx67.js";
+import { _ as B } from "./menuItem.vue_vue_type_script_setup_true_lang-ezPw3j-i.js";
+import { _ as J } from "./combobox.vue_vue_type_script_setup_true_lang-DpM6lN_3.js";
 import { _ as N } from "./comboboxInput.vue_vue_type_script_setup_true_lang-DzRfJ5ke.js";
 import { _ as R } from "./comboboxOptions.vue_vue_type_script_setup_true_lang-Doy6MfEQ.js";
-import { _ as U } from "./comboboxOption.vue_vue_type_script_setup_true_lang-OyJxB4Jk.js";
+import { _ as U } from "./comboboxOption.vue_vue_type_script_setup_true_lang-DPEArk3M.js";
 export {
   J as Combobox,
   N as ComboboxInput,

package/dist/composable-ui11.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./menuItem.vue_vue_type_script_setup_true_lang-mXtMa4gO.js";
+import { _ as f } from "./menuItem.vue_vue_type_script_setup_true_lang-ezPw3j-i.js";
 export {
   f as default
 };

package/dist/composable-ui13.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./listboxOption.vue_vue_type_script_setup_true_lang-B_yRptJm.js";
+import { _ as f } from "./listboxOption.vue_vue_type_script_setup_true_lang-C1-Q-dSr.js";
 export {
   f as default
 };

package/dist/composable-ui14.js

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

package/dist/composable-ui16.js

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

package/dist/composable-ui20.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./combobox.vue_vue_type_script_setup_true_lang-BhVMcx67.js";
+import { _ as f } from "./combobox.vue_vue_type_script_setup_true_lang-DpM6lN_3.js";
 export {
   f as default
 };

package/dist/composable-ui3.js

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

package/dist/{listbox.vue_vue_type_script_setup_true_lang-Bj1ZXiBX.js → listbox.vue_vue_type_script_setup_true_lang-CP8lV3wp.js}

@@ -1,6 +1,6 @@
 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 A } from "./composable-ui22.js";
-const _ = ["aria-activedescendant", "aria-orientation", "aria-multiselectable"], B = /* @__PURE__ */ m({
+import { useList as x } from "./composable-ui22.js";
+const A = ["aria-activedescendant", "aria-orientation", "aria-multiselectable"], B = /* @__PURE__ */ m({
   __name: "listbox",
   props: /* @__PURE__ */ p({
     orientation: { default: "vertical" },
@@ -17,9 +17,9 @@ const _ = ["aria-activedescendant", "aria-orientation", "aria-multiselectable"],
       selectActiveItem: o,
       activateFirstItem: c,
       activateLastItem: u,
-      activateNextItem: r,
-      activatePrevItem: l
-    } = A(n), f = b(() => s.value?.element.value?.id);
+      activateNextItem: l,
+      activatePrevItem: r
+    } = x(n), f = b(() => s.value?.element.value?.id);
     function d(a) {
       switch (a.code) {
         case "Space":
@@ -27,19 +27,19 @@ const _ = ["aria-activedescendant", "aria-orientation", "aria-multiselectable"],
           break;
         case "ArrowUp":
           if (e.orientation === "horizontal") return;
-          l({ focus: !1, loop: e.loop }), t.value || o();
+          r({ focus: !1, loop: e.loop }), t.value || o();
           break;
         case "ArrowDown":
           if (e.orientation === "horizontal") return;
-          r({ focus: !1, loop: e.loop }), t.value || o();
+          l({ focus: !1, loop: e.loop }), t.value || o();
           break;
         case "ArrowLeft":
           if (e.orientation === "vertical") return;
-          l({ focus: !1, loop: e.loop }), t.value || o();
+          r({ focus: !1, loop: e.loop }), t.value || o();
           break;
         case "ArrowRight":
           if (e.orientation === "vertical") return;
-          r({ focus: !1, loop: e.loop }), t.value || o();
+          l({ focus: !1, loop: e.loop }), t.value || o();
           break;
         case "Home":
           c({ focus: !1 });
@@ -52,16 +52,16 @@ const _ = ["aria-activedescendant", "aria-orientation", "aria-multiselectable"],
       }
       a.preventDefault();
     }
-    return (a, x) => (w(), k("div", {
+    return (a, M) => (w(), k("div", {
       onKeydown: d,
       "aria-activedescendant": f.value,
-      "aria-orientation": a.orientation,
+      "aria-orientation": i.orientation,
       "aria-multiselectable": I(t),
       role: "listbox",
       tabindex: "0"
     }, [
       h(a.$slots, "default")
-    ], 40, _));
+    ], 40, A));
   }
 });
 export {

package/dist/{listboxOption.vue_vue_type_script_setup_true_lang-B_yRptJm.js → listboxOption.vue_vue_type_script_setup_true_lang-C1-Q-dSr.js}

@@ -1,37 +1,37 @@
-import { defineComponent as p, useId as m, useTemplateRef as u, createElementBlock as f, openBlock as b, unref as e, renderSlot as v } from "vue";
+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-ui17.js";
-const k = ["id", "aria-disabled", "aria-selected", "data-active"], S = /* @__PURE__ */ p({
+const k = ["id", "aria-disabled", "aria-selected", "data-active"], B = /* @__PURE__ */ m({
   __name: "listboxOption",
   props: {
     id: {},
     value: {},
     disabled: { type: Boolean }
   },
-  setup(n) {
-    const t = n, r = t.id ?? m(), i = u("itemEl"), { isSelected: s, isActive: o, select: a } = _(
-      i,
+  setup(i) {
+    const t = i, n = t.id ?? p(), s = u("itemEl"), { isSelected: o, isActive: a, select: d } = _(
+      s,
       t.value,
       t.disabled
     );
-    return (d, l) => (b(), f("div", {
+    return (r, l) => (b(), f("div", {
       ref_key: "itemEl",
-      ref: i,
-      id: e(r),
+      ref: s,
+      id: e(n),
       onClick: l[0] || (l[0] = //@ts-ignore
-      (...c) => e(a) && e(a)(...c)),
-      "aria-disabled": d.disabled,
-      "aria-selected": e(s),
-      "data-active": e(o),
+      (...c) => e(d) && e(d)(...c)),
+      "aria-disabled": i.disabled,
+      "aria-selected": e(o),
+      "data-active": e(a),
       role: "option",
       tabindex: "-1"
     }, [
-      v(d.$slots, "default", {
-        isSelected: e(s),
-        isActive: e(o)
+      v(r.$slots, "default", {
+        isSelected: e(o),
+        isActive: e(a)
       })
     ], 8, k));
   }
 });
 export {
-  S as _
+  B as _
 };

package/dist/menuItem.vue_vue_type_script_setup_true_lang-ezPw3j-i.js

@@ -0,0 +1,63 @@
+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-ui17.js";
+import { injectMenu as $ } from "./composable-ui24.js";
+const C = ["id", "data-active", "role", "aria-checked", "aria-disabled"], O = /* @__PURE__ */ w({
+  __name: "menuItem",
+  props: {
+    id: {},
+    value: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["select"],
+  setup(a, { emit: r }) {
+    const e = a, u = r, m = e.id ?? x(), s = y("itemEl"), { isSelected: c, isActive: d, select: v, activate: f, deactivate: p } = I(
+      s,
+      e.value,
+      e.disabled
+    ), i = S($);
+    if (!i)
+      throw new Error("Menu injectable context is not provided");
+    const b = h(() => e.value !== void 0 ? i.isMultiselectable.value ? "menuitemcheckbox" : "menuitemradio" : "menuitem");
+    function l() {
+      v(), u("select", e.value);
+    }
+    function k() {
+      l(), (e.value === void 0 || !i?.isMultiselectable.value) && i.close();
+    }
+    function E(o) {
+      switch (o.code) {
+        case "Space":
+          l(), e.value === void 0 && i.close();
+          break;
+        case "Enter":
+          l(), i.close();
+          break;
+        default:
+          return;
+      }
+      o.preventDefault();
+    }
+    return (o, n) => (A(), j("div", {
+      ref_key: "itemEl",
+      ref: s,
+      id: t(m),
+      onClick: k,
+      onKeydown: E,
+      onMouseenter: n[0] || (n[0] = (M) => t(f)({ focus: !1 })),
+      onMouseleave: n[1] || (n[1] = (M) => t(p)()),
+      "data-active": t(d),
+      role: b.value,
+      "aria-checked": a.value !== void 0 ? t(c) : void 0,
+      "aria-disabled": a.disabled || void 0,
+      tabindex: "-1"
+    }, [
+      B(o.$slots, "default", {
+        isSelected: t(c),
+        isActive: t(d)
+      })
+    ], 40, C));
+  }
+});
+export {
+  O as _
+};

package/dist/{tooltip.vue_vue_type_script_setup_true_lang-DVKYJyfL.js → tooltip.vue_vue_type_script_setup_true_lang-D4uAZmQb.js}

@@ -1,6 +1,6 @@
-import { defineComponent as g, useSlots as b, ref as E, useId as k, onMounted as w, onBeforeUnmount as _, createElementBlock as c, openBlock as a, Fragment as $, renderSlot as p, createBlock as L, Teleport as T, createCommentVNode as h, unref as f, mergeProps as B, createTextVNode as S, toDisplayString as A } from "vue";
+import { defineComponent as g, useSlots as b, ref as E, useId as k, onMounted as w, onBeforeUnmount as $, createElementBlock as p, openBlock as a, Fragment as L, renderSlot as f, createBlock as T, Teleport as _, createCommentVNode as h, unref as m, mergeProps as B, createTextVNode as S, toDisplayString as A } from "vue";
 import { usePopover as C } from "./composable-ui21.js";
-const I = ["id"], V = /* @__PURE__ */ g({
+const I = ["id"], P = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "tooltip",
   props: {
@@ -9,15 +9,15 @@ const I = ["id"], V = /* @__PURE__ */ g({
     delay: {},
     direction: { default: "up" }
   },
-  setup(m) {
-    const o = m, v = b(), l = E();
-    let d;
-    const n = o.id ?? k(), { isOpen: i } = C(`[aria-describedby=${n}]`, l, {
+  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() {
-      d = setTimeout(
+      u = setTimeout(
         () => {
           i.value = !0;
         },
@@ -25,9 +25,9 @@ const I = ["id"], V = /* @__PURE__ */ g({
       );
     }
     function r() {
-      i.value = !1, clearTimeout(d);
+      i.value = !1, clearTimeout(u);
     }
-    function u(e) {
+    function c(e) {
       e.key === "Escape" && r();
     }
     const y = {
@@ -36,7 +36,7 @@ const I = ["id"], V = /* @__PURE__ */ g({
       onmouseleave: r,
       onfocus: s,
       onblur: r,
-      onkeydown: u
+      onkeydown: c
     }, t = new AbortController();
     return w(() => {
       if (v.default) return;
@@ -57,23 +57,23 @@ const I = ["id"], V = /* @__PURE__ */ g({
       }), e.addEventListener("blur", r, {
         signal: t.signal,
         passive: !0
-      }), e.addEventListener("keydown", u, {
+      }), e.addEventListener("keydown", c, {
         signal: t.signal,
         passive: !0
       });
-    }), _(() => {
+    }), $(() => {
       t.abort();
-    }), (e, D) => (a(), c($, null, [
-      p(e.$slots, "default", { attrs: y }),
-      (a(), L(T, { to: "body" }, [
-        f(i) ? (a(), c("div", B({
+    }), (e, x) => (a(), p(L, null, [
+      f(e.$slots, "default", { attrs: y }),
+      (a(), T(_, { to: "body" }, [
+        m(i) ? (a(), p("div", B({
           key: 0,
           ref_key: "popupEl",
-          ref: l,
-          id: f(n)
+          ref: d,
+          id: m(n)
         }, e.$attrs, { role: "tooltip" }), [
-          p(e.$slots, "content", {}, () => [
-            S(A(e.text), 1)
+          f(e.$slots, "content", {}, () => [
+            S(A(l.text), 1)
           ])
         ], 16, I)) : h("", !0)
       ]))
@@ -81,5 +81,5 @@ const I = ["id"], V = /* @__PURE__ */ g({
   }
 });
 export {
-  V as _
+  P as _
 };

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

@@ -28,7 +28,7 @@ declare var __VLS_9: {
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_9) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: any) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;

package/dist/types/components/combobox/comboboxHiddenInput.vue.d.ts

@@ -2,5 +2,5 @@ type __VLS_Props = {
     name: string;
     value: any;
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/components/combobox/comboboxInput.vue.d.ts

@@ -1,7 +1,7 @@
 type __VLS_PublicProps = {
     modelValue?: string;
 };
-declare const _default: import("vue").DefineComponent<__VLS_PublicProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;

package/dist/types/components/combobox/comboboxOption.vue.d.ts

@@ -10,7 +10,7 @@ declare var __VLS_1: {
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/types/components/combobox/comboboxOptions.vue.d.ts

@@ -2,7 +2,7 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -9,7 +9,7 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: any) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;

package/dist/types/components/listbox/listboxOption.vue.d.ts

@@ -10,7 +10,7 @@ declare var __VLS_1: {
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -24,7 +24,7 @@ declare var __VLS_1: {
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: any) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;

package/dist/types/components/menu/menuItem.vue.d.ts

@@ -10,7 +10,7 @@ declare var __VLS_1: {
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     select: (value: any) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSelect?: ((value: any) => any) | undefined;

package/dist/types/components/menu/menuItems.vue.d.ts

@@ -2,7 +2,7 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -23,7 +23,7 @@ declare var __VLS_1: {
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const __VLS_component: 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";
     direction: "up" | "down" | "left" | "right";
     align: "top" | "bottom" | "left" | "right" | "center" | "stretch";

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

@@ -2,7 +2,7 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/types/components/tabs/tab.vue.d.ts

@@ -7,7 +7,7 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/types/components/tabs/tabContainer.vue.d.ts

@@ -5,7 +5,7 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | number | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;

package/dist/types/components/tabs/tabList.vue.d.ts

@@ -5,7 +5,7 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     orientation: "horizontal" | "vertical";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/types/components/tabs/tabPanel.vue.d.ts

@@ -5,7 +5,7 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -22,7 +22,7 @@ type __VLS_Slots = {} & {
 } & {
     content?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     direction: "up" | "down" | "left" | "right";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-composable-ui",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "type": "module",
   "repository": {
     "type": "git",
@@ -37,6 +37,7 @@
     "vue": "^3.5.12"
   },
   "devDependencies": {
+    "@release-it/conventional-changelog": "^10.0.1",
     "@types/node": "^24.1.0",
     "@vitejs/plugin-vue": "^6.0.1",
     "glob": "^11.0.2",

package/dist/comboboxOption.vue_vue_type_script_setup_true_lang-OyJxB4Jk.js

@@ -1,42 +0,0 @@
-import { defineComponent as f, useId as p, useTemplateRef as b, inject as v, createElementBlock as _, openBlock as x, unref as e, renderSlot as E } from "vue";
-import { useListOption as k } from "./composable-ui17.js";
-import { injectCombobox as C } from "./composable-ui24.js";
-const j = ["id", "data-active", "aria-selected", "aria-disabled"], A = /* @__PURE__ */ f({
-  __name: "comboboxOption",
-  props: {
-    id: {},
-    value: {},
-    disabled: { type: Boolean }
-  },
-  setup(c) {
-    const t = c, r = t.id ?? p(), i = b("itemEl"), { isSelected: s, isActive: n, activate: d, select: m } = k(
-      i,
-      t.value,
-      t.disabled
-    ), o = v(C);
-    if (!o)
-      throw new Error("Combobox injectable context is not provided");
-    function u() {
-      m(), o.isMultiselectable.value ? o.focus() : o.close({ focus: !0 });
-    }
-    return (a, l) => (x(), _("div", {
-      ref_key: "itemEl",
-      ref: i,
-      id: e(r),
-      onClick: u,
-      onMouseenter: l[0] || (l[0] = (B) => e(d)({ focus: !1 })),
-      "data-active": e(n),
-      "aria-selected": e(s),
-      "aria-disabled": a.disabled || void 0,
-      role: "option"
-    }, [
-      E(a.$slots, "default", {
-        isSelected: e(s),
-        isActive: e(n)
-      })
-    ], 40, j));
-  }
-});
-export {
-  A as _
-};

package/dist/menuItem.vue_vue_type_script_setup_true_lang-mXtMa4gO.js

@@ -1,63 +0,0 @@
-import { defineComponent as w, useId as y, useTemplateRef as S, inject as h, computed as j, createElementBlock as A, openBlock as B, unref as t, renderSlot as I } from "vue";
-import { useListOption as _ } from "./composable-ui17.js";
-import { injectMenu as $ } from "./composable-ui24.js";
-const x = ["id", "data-active", "role", "aria-checked", "aria-disabled"], L = /* @__PURE__ */ w({
-  __name: "menuItem",
-  props: {
-    id: {},
-    value: {},
-    disabled: { type: Boolean }
-  },
-  emits: ["select"],
-  setup(d, { emit: r }) {
-    const e = d, u = r, m = e.id ?? y(), l = S("itemEl"), { isSelected: s, isActive: c, select: v, activate: f, deactivate: p } = _(
-      l,
-      e.value,
-      e.disabled
-    ), i = h($);
-    if (!i)
-      throw new Error("Menu injectable context is not provided");
-    const b = j(() => e.value !== void 0 ? i.isMultiselectable.value ? "menuitemcheckbox" : "menuitemradio" : "menuitem");
-    function a() {
-      v(), u("select", e.value);
-    }
-    function k() {
-      a(), (e.value === void 0 || !i?.isMultiselectable.value) && i.close();
-    }
-    function E(o) {
-      switch (o.code) {
-        case "Space":
-          a(), e.value === void 0 && i.close();
-          break;
-        case "Enter":
-          a(), i.close();
-          break;
-        default:
-          return;
-      }
-      o.preventDefault();
-    }
-    return (o, n) => (B(), A("div", {
-      ref_key: "itemEl",
-      ref: l,
-      id: t(m),
-      onClick: k,
-      onKeydown: E,
-      onMouseenter: n[0] || (n[0] = (M) => t(f)({ focus: !1 })),
-      onMouseleave: n[1] || (n[1] = (M) => t(p)()),
-      "data-active": t(c),
-      role: b.value,
-      "aria-checked": o.value !== void 0 ? t(s) : void 0,
-      "aria-disabled": o.disabled || void 0,
-      tabindex: "-1"
-    }, [
-      I(o.$slots, "default", {
-        isSelected: t(s),
-        isActive: t(c)
-      })
-    ], 40, x));
-  }
-});
-export {
-  L as _
-};