vue-composable-ui 0.0.1 → 1.0.2

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

@@ -0,0 +1,6 @@
+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>;
+export default _default;

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

@@ -0,0 +1,9 @@
+type __VLS_PublicProps = {
+    modelValue?: string;
+};
+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"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    id?: string;
+    value: any;
+    disabled?: boolean;
+};
+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_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,12 @@
+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 _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,43 @@
+import type { ComputedRef, InjectionKey } from "vue";
+import type { UseListReturn } from "../composables/list";
+import type { UsePopoverReturn } from "../composables/popover";
+export declare const injectTabs: InjectionKey<{
+    getIds: (value: any) => ComputedRef<{
+        tabId: string | undefined;
+        panelId: string | undefined;
+    }>;
+    selectActiveItem: UseListReturn["selectActiveItem"];
+    activateFirstItem: UseListReturn["activateFirstItem"];
+    activateLastItem: UseListReturn["activateLastItem"];
+    activateNextItem: UseListReturn["activateNextItem"];
+    activatePrevItem: UseListReturn["activatePrevItem"];
+}>;
+export declare const injectPopover: InjectionKey<{
+    popoverId: string;
+    activatorId: string;
+    role: "dialog" | "listbox" | "menu" | "tree" | "grid";
+    isOpen: UsePopoverReturn["isOpen"];
+    close: UsePopoverReturn["close"];
+}>;
+export declare const injectMenu: InjectionKey<{
+    menuId: string;
+    activatorId: string;
+    isOpen: UsePopoverReturn["isOpen"];
+    close: UsePopoverReturn["close"];
+    activeItemId: ComputedRef<string | undefined>;
+    isMultiselectable: UseListReturn["isMultiselectable"];
+    activateFirstItem: UseListReturn["activateFirstItem"];
+    activateLastItem: UseListReturn["activateLastItem"];
+    activateNextItem: UseListReturn["activateNextItem"];
+    activatePrevItem: UseListReturn["activatePrevItem"];
+}>;
+export declare const injectCombobox: InjectionKey<{
+    displayValue: ComputedRef<string | undefined>;
+    popoverId: string;
+    isOpen: UsePopoverReturn["isOpen"];
+    open: UsePopoverReturn["open"];
+    close: UsePopoverReturn["close"];
+    isMultiselectable: UseListReturn["isMultiselectable"];
+    focus: () => void;
+    activatorAttrs: ComputedRef<Record<string, any>>;
+}>;

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

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    orientation?: "horizontal" | "vertical";
+    loop?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: 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"?: ((value: any) => any) | undefined;
+}>, {
+    loop: boolean;
+    orientation: "horizontal" | "vertical";
+}, {}, {}, {}, 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/listbox/listboxOption.vue.d.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    id?: string;
+    value?: any;
+    disabled?: boolean;
+};
+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_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,42 @@
+type __VLS_Props = {
+    id?: string;
+    activatorId?: string;
+    direction?: "up" | "down" | "left" | "right";
+    align?: "top" | "bottom" | "left" | "right" | "center" | "stretch";
+    position?: "fixed" | "absolute";
+};
+declare function onActivatorKeyDown(evt: KeyboardEvent): void;
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: any;
+};
+declare var __VLS_1: {
+    attrs: {
+        id: string;
+        "aria-controls": string | undefined;
+        "aria-haspopup": "menu";
+        "aria-expanded": boolean;
+        onclick: () => void;
+        onkeydown: typeof onActivatorKeyDown;
+        tabindex: number;
+    };
+    isOpen: boolean;
+};
+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"?: ((value: any) => any) | undefined;
+}>, {
+    direction: "up" | "down" | "left" | "right";
+    align: "top" | "bottom" | "left" | "right" | "center" | "stretch";
+    position: "fixed" | "absolute";
+}, {}, {}, {}, 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/menu/menuItem.vue.d.ts

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    id?: string;
+    value?: any;
+    disabled?: boolean;
+};
+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, {
+    select: (value: any) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((value: any) => any) | undefined;
+}>, {}, {}, {}, {}, 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/menu/menuItems.vue.d.ts

@@ -0,0 +1,12 @@
+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 _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,40 @@
+type __VLS_Props = {
+    id?: string;
+    activatorId?: string;
+    direction?: "up" | "down" | "left" | "right";
+    align?: "top" | "bottom" | "left" | "right" | "center" | "stretch";
+    position?: "fixed" | "absolute";
+    closeOnOutsideClick?: boolean;
+    closeOnInsideClick?: boolean;
+    role?: "dialog" | "listbox" | "menu" | "tree" | "grid";
+};
+declare var __VLS_1: {
+    attrs: {
+        id: string;
+        "aria-controls": string | undefined;
+        "aria-haspopup": "dialog" | "menu" | "listbox" | "tree" | "grid";
+        "aria-expanded": boolean;
+    };
+    isOpen: boolean;
+    toggle: () => void;
+    open: () => void;
+    close: () => void;
+};
+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<{}>, {
+    role: "dialog" | "listbox" | "menu" | "tree" | "grid";
+    direction: "up" | "down" | "left" | "right";
+    align: "top" | "bottom" | "left" | "right" | "center" | "stretch";
+    position: "fixed" | "absolute";
+    closeOnOutsideClick: boolean;
+    closeOnInsideClick: boolean;
+}, {}, {}, {}, 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/popover/popoverDialog.vue.d.ts

@@ -0,0 +1,12 @@
+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 _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    id?: string;
+    ariaControls?: string;
+    value: string | number;
+};
+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 _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,19 @@
+type __VLS_PublicProps = {
+    modelValue?: string | number;
+};
+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: string | number | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, 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/tabs/tabList.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    orientation?: "horizontal" | "vertical";
+};
+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<{}>, {
+    orientation: "horizontal" | "vertical";
+}, {}, {}, {}, 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/tabs/tabPanel.vue.d.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    value: string | number;
+};
+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 _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,34 @@
+type __VLS_Props = {
+    id?: string;
+    text?: string;
+    delay?: string | number;
+    direction?: "up" | "down" | "left" | "right";
+};
+declare function open(): void;
+declare function close(): void;
+declare function onKeyDown(evt: KeyboardEvent): void;
+declare var __VLS_1: {
+    attrs: {
+        "aria-describedby": string;
+        onmouseenter: typeof open;
+        onmouseleave: typeof close;
+        onfocus: typeof open;
+        onblur: typeof close;
+        onkeydown: typeof onKeyDown;
+    };
+}, __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    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<{}>, {
+    direction: "up" | "down" | "left" | "right";
+}, {}, {}, {}, 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/composables/formControl.d.ts

@@ -0,0 +1,48 @@
+import type { MaybeRef, Ref } from "vue";
+import type { TemplateRefOrSelector } from "../utils/element";
+type FormElement = HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement;
+/**
+ * A validating function must return `true` or a string describing the error
+ */
+export type FormValidator = (value: string) => boolean | string;
+export interface useFormControlReturn {
+    /**
+     * Focus the form control
+     */
+    focus: () => void;
+    /**
+     * Validate the form control
+     *
+     * @returns Validation result
+     */
+    validate: () => boolean;
+    /**
+     * Whether the form control is valid. A shorthand for `validity.valid`, but can be manually overriden.
+     */
+    isValid: Ref<boolean>;
+    /**
+     * The validity state of the form control
+     *
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/ValidityState}
+     */
+    validity: Readonly<Ref<ValidityState | undefined>>;
+    /**
+     * A string representing a localized message that describes the validation constraints that the control does not satisfy (if any)
+     */
+    validationMessage: Readonly<Ref<string>>;
+    /**
+     * Whether the value has been changed since the form control was mounted
+     */
+    isChanged: Ref<boolean>;
+}
+/**
+ * Utilizes Constraint Validation API to enable custom validation constrains for a form control
+ *
+ * @param el A template ref or a CSS selector
+ * @param validators An array of validating functions
+ * @param showValidationError Whether to show the default browser validation error (true by default)
+ *
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Constraint_validation}
+ */
+export declare function useFormControl(el: TemplateRefOrSelector<FormElement>, validators?: MaybeRef<FormValidator[]>, showValidationError?: MaybeRef<boolean>): useFormControlReturn;
+export {};