@thkzt/eunoia 0.0.1-beta

package/dist/components/feedback/Dialog/primitives/DialogTitle.vue.js

@@ -0,0 +1,35 @@
+import { defineComponent as a, createElementBlock as n, openBlock as l, mergeProps as d, unref as t, renderSlot as i } from "vue";
+import { tv as p } from "tailwind-variants";
+import { useForwardedAttrs as f } from "../../../../composables/useForwardedAttrs.js";
+import "../../../../composables/useLocale.js";
+import "../../../../composables/useTheme.js";
+const m = ["id"], k = /* @__PURE__ */ a({
+  inheritAttrs: !1,
+  __name: "DialogTitle",
+  props: {
+    id: {},
+    dense: { type: Boolean }
+  },
+  setup(c) {
+    const { classAttr: s, forwardedAttrs: r } = f(), o = p({
+      base: ["font-semibold", "text-neutral-900", "dark:text-neutral-100"],
+      variants: {
+        dense: {
+          false: "text-lg",
+          true: "text-base"
+        }
+      },
+      defaultVariants: {
+        dense: !1
+      }
+    });
+    return (e, u) => (l(), n("h2", d({ id: e.id }, t(r), {
+      class: t(o)({ dense: e.dense, class: t(s) })
+    }), [
+      i(e.$slots, "default")
+    ], 16, m));
+  }
+});
+export {
+  k as default
+};

package/dist/components/feedback/Dialog/primitives/DialogTitle.vue2.js

@@ -0,0 +1,4 @@
+import f from "./DialogTitle.vue.js";
+export {
+  f as default
+};

package/dist/components/feedback/Dropdown/Dropdown.vue.d.ts

@@ -0,0 +1,31 @@
+import { type LocaleMessages } from "@/composables";
+export interface DropdownItemOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+    variant?: "default" | "danger";
+}
+type __VLS_Props = {
+    items: DropdownItemOption[];
+    dense?: boolean;
+    disabled?: boolean;
+    locale?: LocaleMessages;
+};
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+    trigger?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    select: (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((value: string) => any) | undefined;
+}>, {
+    locale: LocaleMessages;
+}, {}, {}, {}, 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/components/feedback/Dropdown/Dropdown.vue.js

@@ -0,0 +1,147 @@
+import { defineComponent as C, toRef as T, ref as g, computed as h, watch as $, onBeforeUnmount as V, createElementBlock as D, openBlock as c, createVNode as A, createBlock as I, createCommentVNode as N, mergeProps as R, unref as d, withCtx as y, renderSlot as K, createTextVNode as O, toDisplayString as U, Fragment as z, renderList as F } from "vue";
+import { useLocale as H } from "../../../composables/useLocale.js";
+import { useSanitizedId as P } from "../../../composables/useSanitizedId.js";
+import "../../../composables/useTheme.js";
+import j from "./primitives/DropdownTrigger.vue.js";
+import q from "./primitives/DropdownMenu.vue.js";
+import G from "./primitives/DropdownItem.vue.js";
+const ne = /* @__PURE__ */ C({
+  inheritAttrs: !1,
+  __name: "Dropdown",
+  props: {
+    items: {},
+    dense: { type: Boolean },
+    disabled: { type: Boolean },
+    locale: { default: void 0 }
+  },
+  emits: ["select"],
+  setup(E, { emit: _ }) {
+    const o = E, B = _, k = H(
+      "dropdown",
+      T(() => o.locale)
+    ), i = P("dropdown-menu"), a = g(!1), t = g(-1), v = g(null), w = h(
+      () => o.items.reduce((e, n, l) => (n.disabled || e.push(l), e), [])
+    ), L = h(() => {
+      if (!(!a.value || t.value < 0))
+        return `${i}-item-${t.value}`;
+    });
+    function r() {
+      o.disabled || (a.value = !0, t.value = -1);
+    }
+    function s() {
+      a.value = !1, t.value = -1;
+    }
+    function M() {
+      a.value ? s() : r();
+    }
+    function f(e) {
+      const n = w.value;
+      if (n.length === 0) return -1;
+      const l = n.findIndex((u) => u > e);
+      return l >= 0 ? n[l] : n[0];
+    }
+    function m(e) {
+      const n = w.value;
+      if (n.length === 0) return -1;
+      for (let l = n.length - 1; l >= 0; l--)
+        if (n[l] < e) return n[l];
+      return n[n.length - 1];
+    }
+    function p(e) {
+      B("select", e), s();
+    }
+    function S(e) {
+      switch (e.key) {
+        case "ArrowDown":
+          e.preventDefault(), a.value ? t.value = f(t.value) : (r(), t.value = f(-1));
+          break;
+        case "ArrowUp":
+          e.preventDefault(), a.value ? t.value = m(t.value) : (r(), t.value = m(o.items.length));
+          break;
+        case "Enter":
+          if (e.preventDefault(), a.value && t.value >= 0) {
+            const n = o.items[t.value];
+            n.disabled || p(n.value);
+          } else a.value || r();
+          break;
+        case " ":
+          if (e.preventDefault(), a.value && t.value >= 0) {
+            const n = o.items[t.value];
+            n.disabled || p(n.value);
+          } else a.value || r();
+          break;
+        case "Escape":
+          e.preventDefault(), s();
+          break;
+        case "Tab":
+          s();
+          break;
+        case "Home":
+          a.value && (e.preventDefault(), t.value = f(-1));
+          break;
+        case "End":
+          a.value && (e.preventDefault(), t.value = m(o.items.length));
+          break;
+      }
+    }
+    function b(e) {
+      v.value && !v.value.contains(e.target) && s();
+    }
+    return $(a, (e) => {
+      e ? document.addEventListener("mousedown", b) : document.removeEventListener("mousedown", b);
+    }), $(t, (e) => {
+      if (e >= 0 && a.value) {
+        const n = document.getElementById(`${i}-item-${e}`);
+        n == null || n.scrollIntoView({ block: "nearest" });
+      }
+    }), V(() => {
+      document.removeEventListener("mousedown", b);
+    }), (e, n) => (c(), D("div", {
+      ref_key: "containerRef",
+      ref: v,
+      class: "relative inline-block"
+    }, [
+      A(j, R(e.$attrs, {
+        dense: e.dense,
+        disabled: e.disabled,
+        "is-open": a.value,
+        "menu-id": d(i),
+        "aria-label": d(k)("toggle"),
+        onToggle: M,
+        onKeydown: S
+      }), {
+        default: y(() => [
+          K(e.$slots, "trigger", {}, () => [
+            O(U(d(k)("toggle")), 1)
+          ])
+        ]),
+        _: 3
+      }, 16, ["dense", "disabled", "is-open", "menu-id", "aria-label"]),
+      a.value ? (c(), I(q, {
+        key: 0,
+        id: d(i),
+        dense: e.dense,
+        "active-descendant-id": L.value
+      }, {
+        default: y(() => [
+          (c(!0), D(z, null, F(e.items, (l, u) => (c(), I(G, {
+            id: `${d(i)}-item-${u}`,
+            key: l.value,
+            label: l.label,
+            value: l.value,
+            variant: l.variant,
+            disabled: l.disabled,
+            "is-active": t.value === u,
+            dense: e.dense,
+            onSelect: p,
+            onMouseenter: (J) => t.value = u
+          }, null, 8, ["id", "label", "value", "variant", "disabled", "is-active", "dense", "onMouseenter"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["id", "dense", "active-descendant-id"])) : N("", !0)
+    ], 512));
+  }
+});
+export {
+  ne as default
+};

package/dist/components/feedback/Dropdown/Dropdown.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Dropdown.vue.js";
+export {
+  f as default
+};

package/dist/components/feedback/Dropdown/primitives/DropdownItem.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    id?: string;
+    label: string;
+    value: string;
+    dense?: boolean;
+    disabled?: boolean;
+    isActive?: boolean;
+    variant?: "default" | "danger";
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    select: (value: string) => any;
+    mouseenter: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((value: string) => any) | undefined;
+    onMouseenter?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/feedback/Dropdown/primitives/DropdownItem.vue.js

@@ -0,0 +1,73 @@
+import { defineComponent as l, createElementBlock as p, openBlock as u, mergeProps as m, unref as r, withModifiers as v, toDisplayString as f } from "vue";
+import { tv as b } from "tailwind-variants";
+import { useForwardedAttrs as g } from "../../../../composables/useForwardedAttrs.js";
+import "../../../../composables/useLocale.js";
+import "../../../../composables/useTheme.js";
+const c = ["id", "aria-disabled"], M = /* @__PURE__ */ l({
+  inheritAttrs: !1,
+  __name: "DropdownItem",
+  props: {
+    id: {},
+    label: {},
+    value: {},
+    dense: { type: Boolean },
+    disabled: { type: Boolean },
+    isActive: { type: Boolean },
+    variant: {}
+  },
+  emits: ["select", "mouseenter"],
+  setup(y, { emit: s }) {
+    const { classAttr: n, forwardedAttrs: i } = g(), o = b({
+      base: [
+        "flex cursor-pointer items-center gap-2 rounded-md",
+        "text-neutral-900",
+        "dark:text-neutral-100"
+      ],
+      variants: {
+        dense: {
+          false: "px-3 py-2.25 text-sm",
+          true: "px-2.5 py-2 text-xs"
+        },
+        active: {
+          true: ["bg-neutral-200", "dark:bg-neutral-700"]
+        },
+        variant: {
+          default: "",
+          danger: ["text-red-600", "dark:text-red-400"]
+        },
+        disabled: {
+          true: "pointer-events-none cursor-not-allowed opacity-50"
+        }
+      },
+      compoundVariants: [
+        {
+          active: !0,
+          variant: "danger",
+          class: "bg-red-200 dark:bg-red-950"
+        }
+      ],
+      defaultVariants: {
+        dense: !1,
+        variant: "default"
+      }
+    }), a = s;
+    return (e, t) => (u(), p("li", m({ id: e.id }, r(i), {
+      class: r(o)({
+        dense: e.dense,
+        active: e.isActive,
+        variant: e.variant,
+        disabled: e.disabled,
+        class: r(n)
+      }),
+      role: "menuitem",
+      "aria-disabled": e.disabled || void 0,
+      onClick: t[0] || (t[0] = (d) => !e.disabled && a("select", e.value)),
+      onMouseenter: t[1] || (t[1] = (d) => a("mouseenter")),
+      onMousedown: t[2] || (t[2] = v(() => {
+      }, ["prevent"]))
+    }), f(e.label), 17, c));
+  }
+});
+export {
+  M as default
+};

package/dist/components/feedback/Dropdown/primitives/DropdownItem.vue2.js

@@ -0,0 +1,4 @@
+import f from "./DropdownItem.vue.js";
+export {
+  f as default
+};

package/dist/components/feedback/Dropdown/primitives/DropdownMenu.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    id?: string;
+    dense?: boolean;
+    activeDescendantId?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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 & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/feedback/Dropdown/primitives/DropdownMenu.vue.js

@@ -0,0 +1,42 @@
+import { defineComponent as o, createElementBlock as n, openBlock as d, mergeProps as l, unref as r, renderSlot as i } from "vue";
+import { tv as u } from "tailwind-variants";
+import { useForwardedAttrs as c } from "../../../../composables/useForwardedAttrs.js";
+import "../../../../composables/useLocale.js";
+import "../../../../composables/useTheme.js";
+const p = ["id", "aria-activedescendant"], _ = /* @__PURE__ */ o({
+  inheritAttrs: !1,
+  __name: "DropdownMenu",
+  props: {
+    id: {},
+    dense: { type: Boolean },
+    activeDescendantId: {}
+  },
+  setup(m) {
+    const { classAttr: t, forwardedAttrs: a } = c(), s = u({
+      base: [
+        "absolute top-full right-0 left-0 z-50 mt-1 scrollbar-subtle max-h-60 overflow-auto rounded-lg border p-1 shadow-lg",
+        "border-neutral-300 bg-white",
+        "dark:border-neutral-600 dark:bg-neutral-800"
+      ],
+      variants: {
+        dense: {
+          false: "",
+          true: ""
+        }
+      },
+      defaultVariants: {
+        dense: !1
+      }
+    });
+    return (e, f) => (d(), n("ul", l({ id: e.id }, r(a), {
+      class: r(s)({ dense: e.dense, class: r(t) }),
+      role: "menu",
+      "aria-activedescendant": e.activeDescendantId
+    }), [
+      i(e.$slots, "default")
+    ], 16, p));
+  }
+});
+export {
+  _ as default
+};

package/dist/components/feedback/Dropdown/primitives/DropdownMenu.vue2.js

@@ -0,0 +1,4 @@
+import f from "./DropdownMenu.vue.js";
+export {
+  f as default
+};

package/dist/components/feedback/Dropdown/primitives/DropdownTrigger.vue.d.ts

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    dense?: boolean;
+    disabled?: boolean;
+    isOpen?: boolean;
+    menuId?: string;
+    ariaLabel?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    toggle: () => any;
+    keydown: (event: KeyboardEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onToggle?: (() => any) | undefined;
+    onKeydown?: ((event: KeyboardEvent) => 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/components/feedback/Dropdown/primitives/DropdownTrigger.vue.js

@@ -0,0 +1,65 @@
+import { defineComponent as d, createElementBlock as p, openBlock as u, mergeProps as f, unref as n, renderSlot as m, createVNode as b, normalizeClass as g } from "vue";
+import { tv as c } from "tailwind-variants";
+import { useForwardedAttrs as k } from "../../../../composables/useForwardedAttrs.js";
+import "../../../../composables/useLocale.js";
+import "../../../../composables/useTheme.js";
+import v from "../../../core/Icon/Icon.vue.js";
+import "highlight.js/lib/core";
+const y = ["aria-expanded", "aria-controls", "aria-label", "disabled"], z = /* @__PURE__ */ d({
+  inheritAttrs: !1,
+  __name: "DropdownTrigger",
+  props: {
+    dense: { type: Boolean },
+    disabled: { type: Boolean },
+    isOpen: { type: Boolean },
+    menuId: {},
+    ariaLabel: {}
+  },
+  emits: ["toggle", "keydown"],
+  setup(w, { emit: o }) {
+    const { classAttr: a, forwardedAttrs: i } = k(), l = c({
+      base: [
+        "inline-flex cursor-pointer items-center rounded-md border font-sans outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
+        "border-neutral-300 bg-white text-neutral-900 focus-visible:ring-neutral-300 focus-visible:ring-offset-white",
+        "dark:border-neutral-600 dark:bg-neutral-800 dark:text-neutral-100 dark:focus-visible:ring-neutral-700 dark:focus-visible:ring-offset-neutral-900"
+      ],
+      variants: {
+        dense: {
+          false: "px-3 py-2 text-sm",
+          true: "px-2.5 py-1.5 text-xs"
+        },
+        open: {
+          true: [
+            "ring-2 ring-offset-2",
+            "ring-neutral-300",
+            "dark:ring-neutral-600 dark:ring-offset-neutral-900"
+          ]
+        }
+      },
+      defaultVariants: {
+        dense: !1
+      }
+    }), t = o;
+    return (e, r) => (u(), p("button", f(n(i), {
+      class: n(l)({ dense: e.dense, open: e.isOpen, class: n(a) }),
+      type: "button",
+      "aria-haspopup": !0,
+      "aria-expanded": e.isOpen,
+      "aria-controls": e.menuId,
+      "aria-label": e.ariaLabel,
+      disabled: e.disabled || void 0,
+      onClick: r[0] || (r[0] = (s) => t("toggle")),
+      onKeydown: r[1] || (r[1] = (s) => t("keydown", s))
+    }), [
+      m(e.$slots, "default"),
+      b(n(v), {
+        name: "caret-down",
+        size: "sm",
+        class: g(["ml-2 shrink-0 transition-transform", e.isOpen && "rotate-180"])
+      }, null, 8, ["class"])
+    ], 16, y));
+  }
+});
+export {
+  z as default
+};

package/dist/components/feedback/Dropdown/primitives/DropdownTrigger.vue2.js

@@ -0,0 +1,4 @@
+import f from "./DropdownTrigger.vue.js";
+export {
+  f as default
+};

package/dist/components/feedback/Toast/Toast.vue.d.ts

@@ -0,0 +1,31 @@
+import { type LocaleMessages } from "@/composables";
+type __VLS_Props = {
+    variant?: "info" | "success" | "warning" | "danger";
+    dense?: boolean;
+    dismissible?: boolean;
+    persistent?: boolean;
+    duration?: number;
+    position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+    locale?: LocaleMessages;
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    dismiss: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDismiss?: (() => any) | undefined;
+}>, {
+    locale: LocaleMessages;
+    variant: "info" | "success" | "warning" | "danger";
+    duration: number;
+    position: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-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/components/feedback/Toast/Toast.vue.js

@@ -0,0 +1,96 @@
+import { defineComponent as h, toRef as y, ref as g, watch as B, onMounted as k, onBeforeUnmount as T, createBlock as n, openBlock as i, Teleport as V, createElementBlock as $, createCommentVNode as a, normalizeClass as C, unref as f, createVNode as _, mergeProps as N, withCtx as d, createElementVNode as w, renderSlot as z } from "vue";
+import { tv as E } from "tailwind-variants";
+import { useLocale as S } from "../../../composables/useLocale.js";
+import "../../../composables/useTheme.js";
+import A from "./primitives/Toast.vue.js";
+import D from "./primitives/ToastDismiss.vue.js";
+import L from "../primitives/TimeoutBar.vue.js";
+const M = { class: "flex-1" }, I = /* @__PURE__ */ h({
+  inheritAttrs: !1,
+  __name: "Toast",
+  props: {
+    variant: { default: "info" },
+    dense: { type: Boolean },
+    dismissible: { type: Boolean },
+    persistent: { type: Boolean },
+    duration: { default: 5e3 },
+    position: { default: "bottom-right" },
+    locale: { default: void 0 }
+  },
+  emits: ["dismiss"],
+  setup(p, { emit: u }) {
+    const e = p, c = S(
+      "toast",
+      y(() => e.locale)
+    ), v = E({
+      base: "fixed z-50",
+      variants: {
+        position: {
+          "top-left": "top-4 left-4",
+          "top-center": "top-4 left-1/2 -translate-x-1/2",
+          "top-right": "top-4 right-4",
+          "bottom-left": "bottom-4 left-4",
+          "bottom-center": "bottom-4 left-1/2 -translate-x-1/2",
+          "bottom-right": "right-4 bottom-4"
+        }
+      },
+      defaultVariants: {
+        position: "bottom-right"
+      }
+    }), b = u, r = g(!0);
+    let o = null;
+    function l() {
+      r.value = !1, b("dismiss");
+    }
+    function m() {
+      s(), !e.persistent && e.duration > 0 && (o = setTimeout(l, e.duration));
+    }
+    function s() {
+      o != null && (clearTimeout(o), o = null);
+    }
+    return B(
+      () => e.persistent,
+      (t) => {
+        t ? s() : m();
+      }
+    ), k(() => {
+      e.persistent || m();
+    }), T(() => {
+      s();
+    }), (t, P) => (i(), n(V, { to: "body" }, [
+      r.value ? (i(), $("div", {
+        key: 0,
+        class: C(f(v)({ position: t.position }))
+      }, [
+        _(A, N(t.$attrs, {
+          variant: t.variant,
+          dense: t.dense
+        }), {
+          timeout: d(() => [
+            t.persistent ? a("", !0) : (i(), n(L, {
+              key: 0,
+              variant: t.variant,
+              duration: t.duration
+            }, null, 8, ["variant", "duration"]))
+          ]),
+          default: d(() => [
+            w("span", M, [
+              z(t.$slots, "default")
+            ]),
+            t.dismissible ? (i(), n(D, {
+              key: 0,
+              variant: t.variant,
+              dense: t.dense,
+              "aria-label": f(c)("dismiss"),
+              onDismiss: l
+            }, null, 8, ["variant", "dense", "aria-label"])) : a("", !0)
+          ]),
+          _: 3
+        }, 16, ["variant", "dense"])
+      ], 2)) : a("", !0)
+    ]));
+  }
+});
+export {
+  I as default
+};

package/dist/components/feedback/Toast/Toast.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Toast.vue.js";
+export {
+  f as default
+};

package/dist/components/feedback/Toast/ToastStack.vue.d.ts

@@ -0,0 +1,26 @@
+import { type LocaleMessages } from "@/composables";
+type __VLS_Props = {
+    position?: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+    limit?: number;
+    dense?: boolean;
+    locale?: LocaleMessages;
+};
+declare function add(options: {
+    message: string;
+    variant?: "info" | "success" | "warning" | "danger";
+    dismissible?: boolean;
+    persistent?: boolean;
+    duration?: number;
+}): number;
+declare function dismiss(id: number): void;
+declare function dismissAll(): void;
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    add: typeof add;
+    dismiss: typeof dismiss;
+    dismissAll: typeof dismissAll;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    locale: LocaleMessages;
+    position: "top-left" | "top-center" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
+    limit: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;