vlite3 0.1.0 → 0.1.2

package/_virtual/_plugin-vue_export-helper.js

@@ -0,0 +1,9 @@
+const s = (t, e) => {
+  const o = t.__vccOpts || t;
+  for (const [r, c] of e)
+    o[r] = c;
+  return o;
+};
+export {
+  s as default
+};

package/components/Accordion/Accordion.vue.d.ts

@@ -0,0 +1,44 @@
+import { AccordionProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        trigger?(_: {
+            item: import('./types').AccordionItemSchema;
+            open: boolean;
+            toggle: () => void;
+            triggerClass: string;
+        }): any;
+        content?(_: {
+            close: (id: string) => void;
+            item: import('./types').AccordionItemSchema;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<AccordionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string | string[]) => any;
+    change: (value: string | string[]) => any;
+}, string, import('vue').PublicProps, Readonly<AccordionProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: string | string[]) => any;
+    onChange?: (value: string | string[]) => any;
+}>, {
+    disabled: boolean;
+    class: string;
+    showIndex: boolean;
+    size: import('./types').AccordionSize;
+    iconVariant: import('./types').IconVariant;
+    variant: import('./types').AccordionVariant;
+    attached: boolean;
+    items: import('./types').AccordionItemSchema[];
+    allowMultiple: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/Accordion/Accordion.vue.js

@@ -0,0 +1,95 @@
+import { defineComponent as y, ref as I, watch as f, computed as B, openBlock as s, createElementBlock as m, normalizeClass as b, renderSlot as r, Fragment as k, renderList as p, createBlock as z, createSlots as $, withCtx as v, mergeProps as g } from "vue";
+import x from "./AccordionItem.vue.js";
+const S = /* @__PURE__ */ y({
+  __name: "Accordion",
+  props: {
+    modelValue: {},
+    defaultValue: {},
+    items: { default: () => [] },
+    allowMultiple: { type: Boolean, default: !1 },
+    variant: { default: "default" },
+    size: { default: "md" },
+    attached: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    showIndex: { type: Boolean, default: !1 },
+    openIcon: {},
+    closeIcon: {},
+    iconVariant: { default: "simple" },
+    activeIconVariant: {},
+    class: { default: "" },
+    triggerClass: {},
+    contentClass: {},
+    itemClass: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(a, { emit: h }) {
+    const l = a, c = h, t = I([]), u = (e) => Array.isArray(e) ? e : typeof e == "string" && e ? [e] : [];
+    f(
+      () => l.modelValue,
+      (e) => {
+        t.value = u(e);
+      },
+      { immediate: !0 }
+    ), f(
+      () => l.defaultValue,
+      (e) => {
+        !l.modelValue && e && (t.value = u(e));
+      },
+      { immediate: !0 }
+    );
+    const d = (e) => {
+      if (l.disabled) return;
+      const i = t.value.includes(e);
+      l.allowMultiple ? i ? t.value = t.value.filter((n) => n !== e) : t.value = [...t.value, e] : i ? t.value = [] : t.value = [e], V();
+    }, V = () => {
+      const e = l.allowMultiple ? t.value : t.value[0] || "";
+      c("update:modelValue", e), c("change", e);
+    }, C = B(() => {
+      const e = ["w-full", l.class];
+      return l.attached && (e.push("rounded-lg overflow-hidden"), (l.variant === "outline" || l.variant === "default" || l.variant === "solid") && e.push("border")), e.join(" ");
+    });
+    return (e, i) => (s(), m("div", {
+      class: b(C.value)
+    }, [
+      r(e.$slots, "default", {}, () => [
+        (s(!0), m(k, null, p(a.items, (n, w) => (s(), z(x, {
+          key: n.id,
+          item: n,
+          "is-open": t.value.includes(n.id),
+          variant: a.variant,
+          size: a.size,
+          attached: a.attached,
+          disabled: a.disabled,
+          index: w + 1,
+          "show-index": a.showIndex,
+          "open-icon": a.openIcon,
+          "close-icon": a.closeIcon,
+          "icon-variant": a.iconVariant,
+          "active-icon-variant": a.activeIconVariant,
+          "trigger-class": a.triggerClass,
+          "content-class": a.contentClass,
+          "item-class": a.itemClass,
+          onToggle: d
+        }, $({ _: 2 }, [
+          e.$slots.trigger ? {
+            name: "trigger",
+            fn: v((o) => [
+              r(e.$slots, "trigger", g({ ref_for: !0 }, o))
+            ]),
+            key: "0"
+          } : void 0,
+          e.$slots.content ? {
+            name: "content",
+            fn: v((o) => [
+              r(e.$slots, "content", g({ ref_for: !0 }, o, { close: d }))
+            ]),
+            key: "1"
+          } : void 0
+        ]), 1032, ["item", "is-open", "variant", "size", "attached", "disabled", "index", "show-index", "open-icon", "close-icon", "icon-variant", "active-icon-variant", "trigger-class", "content-class", "item-class"]))), 128))
+      ])
+    ], 2));
+  }
+});
+export {
+  S as default
+};

package/components/Accordion/Accordion.vue2.js

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

package/components/Accordion/AccordionContent.vue.d.ts

@@ -0,0 +1,22 @@
+interface Props {
+    class?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    class: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/Accordion/AccordionContent.vue.js

@@ -0,0 +1,7 @@
+import o from "./AccordionContent.vue2.js";
+/* empty css                      */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-aa189e08"]]);
+export {
+  e as default
+};

package/components/Accordion/AccordionContent.vue2.js

@@ -0,0 +1,47 @@
+import { defineComponent as d, openBlock as h, createBlock as f, Transition as m, withCtx as p, createElementVNode as n, normalizeClass as u, renderSlot as v } from "vue";
+const _ = { class: "overflow-hidden text-sm transition-all duration-300 ease-in-out" }, E = /* @__PURE__ */ d({
+  __name: "AccordionContent",
+  props: {
+    class: { default: "" }
+  },
+  setup(o) {
+    const s = o, r = (t) => {
+      const e = t;
+      e.style.height = "0";
+    }, l = (t) => {
+      const e = t;
+      e.style.height = e.scrollHeight + "px";
+    }, c = (t) => {
+      const e = t;
+      e.style.height = "auto";
+    }, a = (t) => {
+      const e = t;
+      e.style.height = e.scrollHeight + "px";
+    }, i = (t) => {
+      const e = t;
+      e.style.height = "0";
+    };
+    return (t, e) => (h(), f(m, {
+      name: "accordion",
+      onBeforeEnter: r,
+      onEnter: l,
+      onAfterEnter: c,
+      onBeforeLeave: a,
+      onLeave: i
+    }, {
+      default: p(() => [
+        n("div", _, [
+          n("div", {
+            class: u(["pb-4", s.class])
+          }, [
+            v(t.$slots, "default", {}, void 0, !0)
+          ], 2)
+        ])
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  E as default
+};

package/components/Accordion/AccordionItem.vue.d.ts

@@ -0,0 +1,56 @@
+import { AccordionItemSchema, AccordionVariant, AccordionSize, IconVariant } from './types';
+interface Props {
+    item: AccordionItemSchema;
+    isOpen: boolean;
+    variant?: AccordionVariant;
+    size?: AccordionSize;
+    attached?: boolean;
+    disabled?: boolean;
+    index?: number;
+    showIndex?: boolean;
+    openIcon?: string;
+    closeIcon?: string;
+    iconVariant?: IconVariant;
+    activeIconVariant?: IconVariant;
+    triggerClass?: string;
+    contentClass?: string;
+    itemClass?: string;
+    class?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        trigger?(_: {
+            item: AccordionItemSchema;
+            open: boolean;
+            toggle: () => void;
+            triggerClass: string;
+        }): any;
+        content?(_: {
+            item: AccordionItemSchema;
+            close: () => void;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    toggle: (id: string) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onToggle?: (id: string) => any;
+}>, {
+    disabled: boolean;
+    class: string;
+    showIndex: boolean;
+    size: AccordionSize;
+    variant: AccordionVariant;
+    attached: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/Accordion/AccordionItem.vue.js

@@ -0,0 +1,115 @@
+import { defineComponent as I, computed as c, openBlock as l, createElementBlock as m, normalizeClass as u, renderSlot as b, createVNode as f, withCtx as x, createElementVNode as k, toDisplayString as h, createCommentVNode as v, withDirectives as z, createBlock as B, resolveDynamicComponent as V, vShow as O } from "vue";
+import A from "./AccordionTrigger.vue.js";
+import P from "./AccordionContent.vue.js";
+const T = { class: "font-medium" }, D = {
+  key: 0,
+  class: "ml-2 text-sm text-muted-foreground font-normal"
+}, N = ["innerHTML"], M = /* @__PURE__ */ I({
+  __name: "AccordionItem",
+  props: {
+    item: {},
+    isOpen: { type: Boolean },
+    variant: { default: "default" },
+    size: { default: "md" },
+    attached: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    index: {},
+    showIndex: { type: Boolean, default: !1 },
+    openIcon: {},
+    closeIcon: {},
+    iconVariant: {},
+    activeIconVariant: {},
+    triggerClass: {},
+    contentClass: {},
+    itemClass: {},
+    class: { default: "" }
+  },
+  emits: ["toggle"],
+  setup(e, { emit: $ }) {
+    const n = e, p = $, r = () => {
+      n.item.disabled || n.disabled || p("toggle", n.item.id);
+    }, C = c(() => {
+      const { variant: t, attached: a } = n;
+      return a ? "transition-all first:rounded-t-lg last:rounded-b-lg border-b last:border-0" : t === "solid" ? "mb-2 border rounded-lg overflow-hidden transition-all duration-200" : t === "outline" ? "border mb-2 rounded-lg overflow-hidden" : t === "separated" ? "border mb-4 rounded-lg overflow-hidden" : t === "ghost" ? "border-none bg-transparent mb-1 rounded-lg overflow-hidden" : "border-b";
+    }), g = c(() => {
+      const { variant: t, size: a, isOpen: d } = n, i = n.triggerClass || "", o = "transition-all duration-200 ease-in-out", s = {
+        sm: "px-3.5 py-2.5 text-sm",
+        md: "px-4 py-3 text-base",
+        lg: "px-5 py-4 text-lg"
+      }[a];
+      return t === "solid" ? `${i} ${s} bg-muted hover:bg-muted/80 ${o}` : t === "ghost" ? d ? `${i} ${s} bg-muted font-medium ${o}` : `${i} ${s} hover:bg-muted/20 bg-transparent ${o}` : t === "outline" || t === "separated" ? d ? `${i} ${s} bg-muted/5 border-b border-border ${o}` : `${i} ${s} hover:bg-muted/5 bg-transparent ${o}` : !n.attached && t === "default" ? `${i} ${{
+        sm: "py-2 text-base",
+        md: "py-3 text-base",
+        lg: "py-4 text-lg"
+      }[a]} px-0 hover:no-underline ${o}` : `${i} ${s} hover:bg-muted/5 ${o}`;
+    }), y = c(() => {
+      const { variant: t, size: a, attached: d } = n, i = n.contentClass || "", o = {
+        sm: "px-3.5 pb-3.5 pt-2.5 text-sm",
+        md: "px-4 pb-4 pt-4 text-sm",
+        lg: "px-5 pb-5 pt-5 text-base"
+      };
+      return t === "solid" || t === "outline" || t === "separated" || t === "ghost" || d ? `${i} ${o[a]}` : `${i} ${{
+        sm: "pb-3.5 pt-2.5 text-sm",
+        md: "pb-4 pt-4 text-sm",
+        lg: "pb-5 pt-5 text-base"
+      }[a]} px-0`;
+    });
+    return (t, a) => (l(), m("div", {
+      class: u([C.value, n.class, n.itemClass])
+    }, [
+      b(t.$slots, "trigger", {
+        item: e.item,
+        open: e.isOpen,
+        toggle: r,
+        triggerClass: g.value
+      }, () => [
+        f(A, {
+          open: e.isOpen,
+          size: e.size,
+          disabled: e.item.disabled || e.disabled,
+          icon: e.item.icon,
+          index: e.index,
+          "show-index": e.showIndex,
+          "open-icon": e.openIcon,
+          "close-icon": e.closeIcon,
+          "icon-variant": e.iconVariant,
+          "active-icon-variant": e.activeIconVariant,
+          class: u(g.value),
+          onClick: r
+        }, {
+          default: x(() => [
+            k("span", T, h(e.item.title), 1),
+            e.item.description ? (l(), m("span", D, h(e.item.description), 1)) : v("", !0)
+          ]),
+          _: 1
+        }, 8, ["open", "size", "disabled", "icon", "index", "show-index", "open-icon", "close-icon", "icon-variant", "active-icon-variant", "class"])
+      ]),
+      z(f(P, {
+        class: u(y.value)
+      }, {
+        default: x(() => [
+          b(t.$slots, "content", {
+            item: e.item,
+            close: r
+          }, () => [
+            e.item.bodyComponent ? (l(), B(V(e.item.bodyComponent), {
+              key: 0,
+              item: e.item,
+              close: r
+            }, null, 8, ["item"])) : e.item.content ? (l(), m("div", {
+              key: 1,
+              class: "text-muted-foreground leading-relaxed",
+              innerHTML: e.item.content
+            }, null, 8, N)) : v("", !0)
+          ])
+        ]),
+        _: 3
+      }, 8, ["class"]), [
+        [O, e.isOpen]
+      ])
+    ], 2));
+  }
+});
+export {
+  M as default
+};

package/components/Accordion/AccordionItem.vue2.js

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

package/components/Accordion/AccordionTrigger.vue.d.ts

@@ -0,0 +1,43 @@
+import { AccordionSize, IconVariant } from './types';
+interface Props {
+    class?: string;
+    icon?: string;
+    open?: boolean;
+    disabled?: boolean;
+    index?: number;
+    showIndex?: boolean;
+    size?: AccordionSize;
+    openIcon?: string;
+    closeIcon?: string;
+    iconVariant?: IconVariant;
+    activeIconVariant?: IconVariant;
+    chevron?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        icon?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClick?: (event: MouseEvent) => any;
+}>, {
+    class: string;
+    showIndex: boolean;
+    size: AccordionSize;
+    iconVariant: IconVariant;
+    chevron: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/Accordion/AccordionTrigger.vue.js

@@ -0,0 +1,94 @@
+import { defineComponent as w, computed as o, openBlock as r, createElementBlock as a, normalizeClass as s, createElementVNode as m, toDisplayString as z, createCommentVNode as c, createBlock as C, renderSlot as p, createVNode as V } from "vue";
+import g from "../Icon.vue.js";
+const $ = ["data-state", "disabled"], B = { class: "flex flex-col" }, N = /* @__PURE__ */ w({
+  __name: "AccordionTrigger",
+  props: {
+    class: { default: "" },
+    icon: {},
+    open: { type: Boolean },
+    disabled: { type: Boolean },
+    index: {},
+    showIndex: { type: Boolean, default: !1 },
+    size: { default: "md" },
+    openIcon: {},
+    closeIcon: {},
+    iconVariant: { default: "simple" },
+    activeIconVariant: {},
+    chevron: { type: Boolean, default: !0 }
+  },
+  emits: ["click"],
+  setup(t, { emit: v }) {
+    const e = t, x = v, h = (n) => {
+      e.disabled || x("click", n);
+    }, b = o(() => e.open && e.openIcon ? e.openIcon : !e.open && e.closeIcon ? e.closeIcon : "lucide:chevron-down"), l = o(() => e.openIcon && e.closeIcon ? "" : e.open ? "rotate-180" : ""), i = o(() => e.open && e.activeIconVariant ? e.activeIconVariant : e.iconVariant), y = o(() => {
+      const n = "flex items-center justify-center shrink-0 transition-all duration-300", d = {
+        sm: "h-6.5 w-6.5",
+        md: "h-8 w-8",
+        lg: "h-10 w-10"
+      }, f = {
+        simple: "text-muted-foreground bg-transparent",
+        solid: "text-foreground bg-muted",
+        outline: "text-foreground border bg-transparent",
+        primary: "text-primary-dark bg-primary-light",
+        ghost: "text-muted-foreground hover:bg-accent bg-transparent"
+      }, k = f[i.value] || f.simple;
+      return i.value === "simple" ? `text-muted-foreground group-hover:text-foreground ${l.value}` : `${n} ${d[e.size]} rounded-full ${k} ${l.value}`;
+    }), u = o(() => ({
+      sm: "h-3.5 w-3.5",
+      md: "h-4 w-4",
+      lg: "h-5 w-5"
+    })[e.size]), I = o(() => ({
+      sm: "h-7 w-7 text-[12px]",
+      md: "h-7 w-7 text-xs",
+      lg: "h-9 w-9 text-sm"
+    })[e.size]);
+    return (n, d) => (r(), a("button", {
+      type: "button",
+      class: s(["group flex flex-1 w-full items-center justify-between text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2", [e.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer", e.class]]),
+      "data-state": e.open ? "open" : "closed",
+      disabled: e.disabled,
+      onClick: h
+    }, [
+      m("div", {
+        class: s(["flex items-center", t.size == "sm" ? "gap-2" : "gap-2.5"])
+      }, [
+        t.showIndex && t.index !== void 0 ? (r(), a("div", {
+          key: 0,
+          class: s([
+            "flex items-center justify-center rounded-full bg-primary-light text-primary font-bold shrink-0",
+            I.value
+          ])
+        }, z(t.index), 3)) : c("", !0),
+        t.icon ? (r(), C(g, {
+          key: 1,
+          icon: t.icon,
+          class: s([
+            "shrink-0 text-muted-foreground group-hover:text-foreground transition-colors",
+            u.value
+          ])
+        }, null, 8, ["icon", "class"])) : c("", !0),
+        m("div", B, [
+          p(n.$slots, "default")
+        ])
+      ], 2),
+      p(n.$slots, "icon", {}, () => [
+        t.chevron || t.openIcon || t.closeIcon ? (r(), a("div", {
+          key: 0,
+          class: s(y.value)
+        }, [
+          V(g, {
+            icon: b.value,
+            class: s([
+              "shrink-0 transition-transform duration-200",
+              u.value,
+              i.value !== "simple" ? "rotate-0" : ""
+            ])
+          }, null, 8, ["icon", "class"])
+        ], 2)) : c("", !0)
+      ])
+    ], 10, $));
+  }
+});
+export {
+  N as default
+};

package/components/Accordion/AccordionTrigger.vue2.js

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

package/components/Accordion/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Accordion } from './Accordion.vue';
+export { default as AccordionItem } from './AccordionItem.vue';
+export { default as AccordionTrigger } from './AccordionTrigger.vue';
+export { default as AccordionContent } from './AccordionContent.vue';
+export * from './types';

package/components/Accordion/types.d.ts

@@ -0,0 +1,33 @@
+import { Component } from 'vue';
+export type AccordionVariant = 'default' | 'solid' | 'outline' | 'separated' | 'ghost';
+export type AccordionSize = 'sm' | 'md' | 'lg';
+export type IconVariant = 'simple' | 'solid' | 'outline' | 'primary' | 'ghost';
+export interface AccordionItemSchema {
+    id: string;
+    title: string;
+    description?: string;
+    content?: string;
+    icon?: string;
+    disabled?: boolean;
+    bodyComponent?: Component | any;
+    [key: string]: any;
+}
+export interface AccordionProps {
+    modelValue?: string | string[];
+    defaultValue?: string | string[];
+    items?: AccordionItemSchema[];
+    allowMultiple?: boolean;
+    variant?: AccordionVariant;
+    size?: AccordionSize;
+    attached?: boolean;
+    disabled?: boolean;
+    showIndex?: boolean;
+    openIcon?: string;
+    closeIcon?: string;
+    iconVariant?: IconVariant;
+    activeIconVariant?: IconVariant;
+    class?: string;
+    triggerClass?: string;
+    contentClass?: string;
+    itemClass?: string;
+}

package/components/Alert.vue.d.ts

@@ -0,0 +1,36 @@
+import { AlertVariant } from '../types';
+interface Props {
+    title?: string;
+    description?: string;
+    icon?: string;
+    variant?: AlertVariant;
+    closable?: boolean;
+    role?: 'alert' | 'status' | 'none';
+    class?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClose?: () => any;
+}>, {
+    class: string;
+    variant: AlertVariant;
+    closable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};