vue-composable-ui 1.0.1 → 1.0.2

package/dist/menuItem.vue_vue_type_script_setup_true_lang-mXtMa4gO.js

@@ -0,0 +1,63 @@
+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 _
+};

package/dist/menuItems.vue_vue_type_script_setup_true_lang-p9vftREy.js

@@ -0,0 +1,49 @@
+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-ui24.js";
+const d = ["id", "aria-activedescendant", "aria-labelledby"], b = /* @__PURE__ */ n({
+  __name: "menuItems",
+  setup(m) {
+    const e = o(l);
+    if (!e)
+      throw new Error("Menu injectable context is not provided");
+    function r(t) {
+      switch (t.code) {
+        case "ArrowUp":
+          e.activatePrevItem({ focus: !0, loop: !1 });
+          break;
+        case "ArrowDown":
+          e.activateNextItem({ focus: !0, loop: !1 });
+          break;
+        case "Home":
+          e.activateFirstItem({ focus: !0 });
+          break;
+        case "End":
+          e.activateLastItem({ focus: !0 });
+          break;
+        case "Escape":
+          e.close();
+          break;
+        case "Tab":
+          e.isOpen.value = !1;
+          return;
+        default:
+          return;
+      }
+      t.preventDefault();
+    }
+    return (t, f) => a(e).isOpen.value ? (i(), c("div", {
+      key: 0,
+      onKeydown: r,
+      id: a(e).menuId,
+      "aria-activedescendant": a(e).activeItemId.value,
+      "aria-labelledby": a(e).activatorId,
+      role: "menu",
+      tabindex: "-1"
+    }, [
+      u(t.$slots, "default")
+    ], 40, d)) : s("", !0);
+  }
+});
+export {
+  b as _
+};

package/dist/popover.vue_vue_type_script_setup_true_lang-DhKF7_nY.js

@@ -0,0 +1,50 @@
+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-ui21.js";
+import { injectPopover as g } from "./composable-ui24.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-CDXUO7wZ.js

@@ -0,0 +1,33 @@
+import { defineComponent as n, inject as a, createElementBlock as i, createCommentVNode as c, unref as r, openBlock as l, renderSlot as p } from "vue";
+import { injectPopover as d } from "./composable-ui24.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) {
+      switch (o.code) {
+        case "Escape":
+          e.close();
+          break;
+        default:
+          return;
+      }
+      o.preventDefault();
+    }
+    return (o, f) => r(e).isOpen.value ? (l(), i("div", {
+      key: 0,
+      onKeydown: t,
+      id: r(e).popoverId,
+      role: r(e).role,
+      "aria-labelledby": r(e).activatorId,
+      tabindex: "-1"
+    }, [
+      p(o.$slots, "default")
+    ], 40, s)) : c("", !0);
+  }
+});
+export {
+  v as _
+};

package/dist/tab.vue_vue_type_script_setup_true_lang-Y5OFGqMB.js

@@ -0,0 +1,29 @@
+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-ui17.js";
+const C = ["id", "aria-selected", "aria-controls", "tabindex"], v = /* @__PURE__ */ u({
+  __name: "tab",
+  props: {
+    id: {},
+    ariaControls: {},
+    value: {}
+  },
+  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", {
+      ref_key: "tab",
+      ref: o,
+      onClick: r[0] || (r[0] = //@ts-ignore
+      (...p) => e(n) && e(n)(...p)),
+      id: e(l),
+      "aria-selected": e(a),
+      "aria-controls": e(c),
+      tabindex: e(a) ? 0 : -1,
+      role: "tab"
+    }, [
+      _(d.$slots, "default")
+    ], 8, C));
+  }
+});
+export {
+  v as _
+};

package/dist/tabContainer.vue_vue_type_script_setup_true_lang-fPpLno2Z.js

@@ -0,0 +1,40 @@
+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-ui22.js";
+import { injectTabs as g } from "./composable-ui24.js";
+const x = /* @__PURE__ */ c({
+  __name: "tabContainer",
+  props: {
+    modelValue: {},
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(o) {
+    const a = u(o, "modelValue"), {
+      items: i,
+      selectActiveItem: l,
+      activateFirstItem: m,
+      activateLastItem: r,
+      activateNextItem: n,
+      activatePrevItem: s
+    } = b(a);
+    return v(g, {
+      getIds: (e) => p(() => {
+        const t = i.value.find((d) => d.value === e);
+        return {
+          tabId: t?.element.value?.getAttribute("id") || void 0,
+          panelId: t?.element.value?.getAttribute("aria-controls") || void 0
+        };
+      }),
+      selectActiveItem: l,
+      activateFirstItem: m,
+      activateLastItem: r,
+      activateNextItem: n,
+      activatePrevItem: s
+    }), (e, t) => (I(), f("div", null, [
+      _(e.$slots, "default")
+    ]));
+  }
+});
+export {
+  x as _
+};

package/dist/tabList.vue_vue_type_script_setup_true_lang-CZyqGCuj.js

@@ -0,0 +1,48 @@
+import { defineComponent as i, inject as n, createElementBlock as c, openBlock as s, renderSlot as u } from "vue";
+import { injectTabs as l } from "./composable-ui24.js";
+const f = ["aria-orientation"], b = /* @__PURE__ */ i({
+  __name: "tabList",
+  props: {
+    orientation: { default: "horizontal" }
+  },
+  setup(r) {
+    const e = r, t = n(l);
+    if (!t)
+      throw new Error("Tabs injectable context is not provided");
+    function a(o) {
+      switch (o.code) {
+        case "ArrowUp":
+          e.orientation === "vertical" && t.activatePrevItem({ focus: !0, loop: !0 });
+          break;
+        case "ArrowDown":
+          e.orientation === "vertical" && t.activateNextItem({ focus: !0, loop: !0 });
+          break;
+        case "ArrowLeft":
+          e.orientation === "horizontal" && t.activatePrevItem({ focus: !0, loop: !0 });
+          break;
+        case "ArrowRight":
+          e.orientation === "horizontal" && t.activateNextItem({ focus: !0, loop: !0 });
+          break;
+        case "Home":
+          t.activateFirstItem({ focus: !0 });
+          break;
+        case "End":
+          t.activateLastItem({ focus: !0 });
+          break;
+        default:
+          return;
+      }
+      t.selectActiveItem(), o.preventDefault();
+    }
+    return (o, p) => (s(), c("div", {
+      onKeydown: a,
+      "aria-orientation": e.orientation,
+      role: "tablist"
+    }, [
+      u(o.$slots, "default")
+    ], 40, f));
+  }
+});
+export {
+  b as _
+};

package/dist/tabPanel.vue_vue_type_script_setup_true_lang-CGhP6SHR.js

@@ -0,0 +1,31 @@
+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-ui22.js";
+import { injectTabs as _ } from "./composable-ui24.js";
+const h = ["id", "aria-labelledby"], I = /* @__PURE__ */ c({
+  __name: "tabPanel",
+  props: {
+    value: {}
+  },
+  setup(a) {
+    const e = a, t = i(f);
+    if (!t)
+      throw new Error("List injectable context is not provided");
+    const o = i(_);
+    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", {
+      id: r(n).panelId,
+      "aria-labelledby": r(n).tabId,
+      tabindex: "0",
+      role: "tabpanel"
+    }, [
+      m(l.$slots, "default")
+    ], 8, h)), [
+      [v, s.value]
+    ]);
+  }
+});
+export {
+  I as _
+};

package/dist/tooltip.vue_vue_type_script_setup_true_lang-DVKYJyfL.js

@@ -0,0 +1,85 @@
+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 { usePopover as C } from "./composable-ui21.js";
+const I = ["id"], V = /* @__PURE__ */ g({
+  inheritAttrs: !1,
+  __name: "tooltip",
+  props: {
+    id: {},
+    text: {},
+    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, {
+      direction: o.direction,
+      align: "center"
+    });
+    function s() {
+      d = setTimeout(
+        () => {
+          i.value = !0;
+        },
+        typeof o.delay == "string" ? parseInt(o.delay) : o.delay
+      );
+    }
+    function r() {
+      i.value = !1, clearTimeout(d);
+    }
+    function u(e) {
+      e.key === "Escape" && r();
+    }
+    const y = {
+      "aria-describedby": n,
+      onmouseenter: s,
+      onmouseleave: r,
+      onfocus: s,
+      onblur: r,
+      onkeydown: u
+    }, 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", u, {
+        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({
+          key: 0,
+          ref_key: "popupEl",
+          ref: l,
+          id: f(n)
+        }, e.$attrs, { role: "tooltip" }), [
+          p(e.$slots, "content", {}, () => [
+            S(A(e.text), 1)
+          ])
+        ], 16, I)) : h("", !0)
+      ]))
+    ], 64));
+  }
+});
+export {
+  V as _
+};

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

@@ -0,0 +1,45 @@
+type __VLS_Props = {
+    displayValue?: (value: any) => string;
+    id?: string;
+    activatorId?: string;
+    name?: string;
+    formValue?: (item: any) => Record<string, string> | string;
+};
+declare function onKeyDown(evt: KeyboardEvent): void;
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: any;
+};
+declare var __VLS_9: {
+    popoverId: string;
+    isOpen: boolean;
+    toggle: () => void;
+    displayValue: ((value: any) => string) & string;
+    attrs: {
+        onkeydown: typeof onKeyDown;
+        onclick: () => void;
+        id: string;
+        "aria-controls": string | undefined;
+        "aria-expanded": boolean;
+        "aria-activedescendant": string | undefined;
+        "aria-haspopup": "listbox";
+        role: string;
+    };
+};
+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, {
+    "update:modelValue": (value: any) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {
+    displayValue: (value: any) => string;
+    formValue: (item: any) => Record<string, string> | string;
+}, {}, {}, {}, 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 & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,8 +1,6 @@
-declare const _default: import("vue").DefineComponent<{
+type __VLS_Props = {
     name: string;
     value: any;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    name: string;
-    value: any;
-}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, 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>;
 export default _default;

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

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

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

@@ -1,21 +1,19 @@
-declare function __VLS_template(): {
-    default?(_: {
-        isSelected: boolean;
-        isActive: boolean;
-    }): any;
-};
-declare const __VLS_component: import("vue").DefineComponent<{
-    id?: string;
-    value: any;
-    disabled?: boolean;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+type __VLS_Props = {
     id?: string;
     value: any;
     disabled?: boolean;
-}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+};
+declare var __VLS_1: {
+    isSelected: boolean;
+    isActive: boolean;
+};
+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 _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -1,10 +1,11 @@
-declare function __VLS_template(): {
-    default?(_: {}): any;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+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 _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -1,25 +1,25 @@
-declare let __VLS_typeProps: {
+type __VLS_Props = {
     orientation?: "horizontal" | "vertical";
     loop?: boolean;
 };
-type __VLS_PublicProps = {
+type __VLS_PublicProps = __VLS_Props & {
     modelValue?: any;
-} & typeof __VLS_typeProps;
-declare function __VLS_template(): {
-    default?(_: {}): any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: any) => any;
+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, {
+    "update:modelValue": (value: any) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((modelValue: any) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {
     loop: boolean;
     orientation: "horizontal" | "vertical";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -1,21 +1,19 @@
-declare function __VLS_template(): {
-    default?(_: {
-        isSelected: boolean;
-        isActive: boolean;
-    }): any;
-};
-declare const __VLS_component: import("vue").DefineComponent<{
-    id?: string;
-    value?: any;
-    disabled?: boolean;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+type __VLS_Props = {
     id?: string;
     value?: any;
     disabled?: boolean;
-}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+};
+declare var __VLS_1: {
+    isSelected: boolean;
+    isActive: boolean;
+};
+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 _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };