vlite3 1.3.3 → 1.3.5

package/components/Button.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as L, useAttrs as N, computed as a, useSlots as G, Comment as F, Fragment as b, Text as H, withDirectives as M, openBlock as i, createElementBlock as c, normalizeClass as r, createElementVNode as I, createBlock as x, createCommentVNode as u, renderSlot as w, createTextVNode as k, toDisplayString as h, unref as O } from "vue";
-import p from "./Icon.vue.js";
+import { defineComponent as L, useAttrs as N, computed as r, useSlots as G, Comment as F, Fragment as b, Text as H, withDirectives as M, openBlock as i, createElementBlock as c, normalizeClass as a, createElementVNode as I, createBlock as x, createCommentVNode as u, renderSlot as w, createTextVNode as k, toDisplayString as h, unref as O } from "vue";
+import v from "./Icon.vue.js";
 import { vRipple as Z } from "../directives/vRipple.js";
 import { $t as q } from "../utils/i18n.js";
 const J = ["type", "disabled", "data-testid"], K = {
@@ -52,23 +52,23 @@ const J = ["type", "disabled", "data-testid"], K = {
       "outline-warning": "bg-warning/10 text-warning",
       "outline-info": "bg-info/10 text-info",
       "outline-success": "bg-success/10 text-success",
-      ghost: "bg-accent text-accent-foreground",
+      ghost: "bg-secondary text-foreground",
       link: "bg-primary/10 text-primary",
       transparent: "bg-muted text-foreground"
-    }, e = t, B = N(), o = a(() => {
+    }, e = t, B = N(), o = r(() => {
       const n = e.layout || B.layout;
       return n === "tile" ? "tile" : n === "vertical" ? "vertical" : "horizontal";
-    }), m = a(() => o.value === "tile"), R = a(() => $[e.variant] ?? $.primary), C = a(() => ({
+    }), f = r(() => o.value === "tile"), R = r(() => $[e.variant] ?? $.primary), C = r(() => ({
       xs: "w-9 h-9",
       sm: "w-10 h-10",
       sm2: "w-11 h-11",
       md: "w-12 h-12",
       lg: "w-14 h-14",
       xl: "w-16 h-16"
-    })[e.size]), l = a(() => e.textI18n ? q(e.textI18n) : e.text), j = G(), v = a(() => j.default ? j.default().some((s) => !(s.type === F || s.type === b && Array.isArray(s.children) && s.children.length === 0 || s.type === H && typeof s.children == "string" && s.children.trim() === "")) : !1), y = a(
-      () => e?.asIcon || e.icon && !l.value && !v.value
-    ), g = a(() => e.icon ? e.icon.startsWith("http://") || e.icon.startsWith("https://") || e.icon.startsWith("data:image/") ? !0 : [".png", ".jpg", ".jpeg", ".gif", ".svg", ".webp", ".ico", ".avif"].some((s) => e.icon.toLowerCase().endsWith(s)) : !1), A = a(() => {
-      const s = `inline-flex items-center justify-center whitespace-nowrap text-sm font-medium disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98] cursor-pointer ${o.value === "tile" ? "flex-col gap-1.5 items-center" : o.value === "vertical" ? "flex-col gap-2" : e.description ? "gap-3" : "gap-2"} ${y.value ? "icon-only shrink-0" : ""}`, z = {
+    })[e.size]), l = r(() => e.textI18n ? q(e.textI18n) : e.text), j = G(), p = r(() => j.default ? j.default().some((s) => !(s.type === F || s.type === b && Array.isArray(s.children) && s.children.length === 0 || s.type === H && typeof s.children == "string" && s.children.trim() === "")) : !1), y = r(
+      () => e?.asIcon || e.icon && !l.value && !p.value
+    ), g = r(() => e.icon ? e.icon.startsWith("http://") || e.icon.startsWith("https://") || e.icon.startsWith("data:image/") ? !0 : [".png", ".jpg", ".jpeg", ".gif", ".svg", ".webp", ".ico", ".avif"].some((s) => e.icon.toLowerCase().endsWith(s)) : !1), A = r(() => {
+      const s = `inline-flex items-center justify-center whitespace-nowrap text-sm font-medium disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98] cursor-pointer focus:outline-none focus-visible:outline-none ${o.value === "tile" ? "flex-col gap-1.5 items-center" : o.value === "vertical" ? "flex-col gap-2" : e.description ? "gap-3" : "gap-2"} ${y.value ? "icon-only shrink-0" : ""}`, z = {
         primary: "bg-primary text-primary-foreground hover:bg-primary/90",
         "primary-light": "bg-primary-light text-primary-fg-light hover:bg-primary/15",
         secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
@@ -87,7 +87,7 @@ const J = ["type", "disabled", "data-testid"], K = {
         "outline-warning": "border border-warning text-warning hover:bg-warning/10",
         "outline-info": "border border-info text-info hover:bg-info/10",
         "outline-success": "border border-success text-success hover:bg-success/10",
-        ghost: "hover:bg-accent hover:text-accent-foreground text-foreground",
+        ghost: "hover:bg-secondary hover:text-foreground text-foreground",
         link: "text-primary underline-offset-4 hover:underline",
         transparent: ""
       }, d = {
@@ -130,12 +130,12 @@ const J = ["type", "disabled", "data-testid"], K = {
         lg: "h-auto py-3 px-4 min-w-28",
         xl: "h-auto py-4 px-10 min-w-32"
       }[e.size]);
-      const W = m.value ? "group text-foreground focus:outline-none focus-visible:outline-none active:scale-100!" : z[e.variant];
+      const W = f.value ? "group text-foreground focus:outline-none focus-visible:outline-none active:scale-100!" : z[e.variant];
       return [s, W, V[e.rounded], S, e.class].join(
         " "
       );
-    }), f = a(() => {
-      if (m.value && g.value)
+    }), m = r(() => {
+      if (f.value && g.value)
         return `${C.value} object-cover`;
       const n = e.description && o.value === "horizontal", s = {
         xs: n ? "w-3.5 h-3.5" : "w-3 h-3",
@@ -153,37 +153,37 @@ const J = ["type", "disabled", "data-testid"], K = {
         xl: "w-4 h-4"
       };
       let d = y.value ? z[e.size] : s[e.size];
-      return g.value && (d += " object-cover"), m.value ? d += " scale-[1.45]!" : o.value === "vertical" && (d += " scale-[1.35]! mt-1"), d;
-    }), E = a(() => o.value === "vertical" ? "scale-[0.9]" : "");
+      return g.value && (d += " object-cover"), f.value ? d += " scale-[1.45]!" : o.value === "vertical" && (d += " scale-[1.35]! mt-1"), d;
+    }), E = r(() => o.value === "vertical" ? "scale-[0.9]" : "");
     return (n, s) => M((i(), c("button", {
       type: t.type,
-      class: r([A.value, "cursor-pointer"]),
+      class: a([A.value, "cursor-pointer"]),
       disabled: t.disabled || t.loading,
       "data-testid": n.$attrs["data-testid"] || (l.value ? `btn-${l.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : t.icon ? `btn-${t.icon.replace(/[^a-zA-Z0-9]+/g, "-")}` : "button")
     }, [
-      m.value ? (i(), c(b, { key: 0 }, [
+      f.value ? (i(), c(b, { key: 0 }, [
         I("span", {
-          class: r(["inline-flex items-center justify-center shrink-0 transition-transform duration-150 ease-out group-active:scale-[0.92]", [
+          class: a(["inline-flex items-center justify-center shrink-0 transition-transform duration-150 ease-out group-active:scale-[0.92]", [
             g.value ? "" : "rounded-full",
             g.value ? "" : R.value,
             g.value ? "" : C.value
           ]])
         }, [
-          t.loading ? (i(), x(p, {
+          t.loading ? (i(), x(v, {
             key: 0,
             icon: "lucide:loader-2",
-            class: r(["animate-spin pointer-events-none", [f.value, g.value ? C.value : ""]])
-          }, null, 8, ["class"])) : t.icon ? (i(), x(p, {
+            class: a(["animate-spin pointer-events-none", [m.value, g.value ? C.value : ""]])
+          }, null, 8, ["class"])) : t.icon ? (i(), x(v, {
             key: 1,
             icon: t.icon,
-            class: r(["pointer-events-none", [t.iconClass, f.value]])
+            class: a(["pointer-events-none", [t.iconClass, m.value]])
           }, null, 8, ["icon", "class"])) : u("", !0)
         ], 2),
-        l.value || v.value || e.description ? (i(), c("span", {
+        l.value || p.value || e.description ? (i(), c("span", {
           key: 0,
-          class: r(["flex flex-col items-center max-w-full", t.textClass])
+          class: a(["flex flex-col items-center max-w-full", t.textClass])
         }, [
-          l.value || v.value ? (i(), c("span", K, [
+          l.value || p.value ? (i(), c("span", K, [
             w(n.$slots, "default", {}, () => [
               k(h(l.value), 1)
             ])
@@ -191,19 +191,19 @@ const J = ["type", "disabled", "data-testid"], K = {
           e.description ? (i(), c("span", P, h(e.description), 1)) : u("", !0)
         ], 2)) : u("", !0)
       ], 64)) : (i(), c(b, { key: 1 }, [
-        t.loading ? (i(), x(p, {
+        t.loading ? (i(), x(v, {
           key: 0,
           icon: "lucide:loader-2",
-          class: r(["animate-spin pointer-events-none shrink-0", f.value])
-        }, null, 8, ["class"])) : t.icon ? (i(), x(p, {
+          class: a(["animate-spin pointer-events-none shrink-0", m.value])
+        }, null, 8, ["class"])) : t.icon ? (i(), x(v, {
           key: 1,
           icon: t.icon,
-          class: r(["pointer-events-none shrink-0", [t.iconClass, f.value, y.value ? "mx-auto" : ""]])
+          class: a(["pointer-events-none shrink-0", [t.iconClass, m.value, y.value ? "mx-auto" : ""]])
         }, null, 8, ["icon", "class"])) : u("", !0),
         !e.description && o.value === "horizontal" ? (i(), c(b, { key: 2 }, [
           t.textClass ? (i(), c("div", {
             key: 0,
-            class: r([t.textClass, "leading-tight truncate inline-flex items-center justify-center gap-1.5"])
+            class: a([t.textClass, "leading-tight truncate inline-flex items-center justify-center gap-1.5"])
           }, [
             w(n.$slots, "default", {}, () => [
               k(h(l.value), 1)
@@ -211,15 +211,15 @@ const J = ["type", "disabled", "data-testid"], K = {
           ], 2)) : w(n.$slots, "default", { key: 1 }, () => [
             k(h(l.value), 1)
           ])
-        ], 64)) : l.value || v.value || e.description ? (i(), c("div", {
+        ], 64)) : l.value || p.value || e.description ? (i(), c("div", {
           key: 3,
-          class: r(["flex flex-col justify-center", [
+          class: a(["flex flex-col justify-center", [
             o.value === "vertical" ? "items-center text-center" : e.description ? "items-start text-left" : "items-center text-center",
             !t.icon && !t.iconRight && !t.loading ? "flex-1 w-full" : ""
           ]])
         }, [
           I("div", {
-            class: r([[t.textClass, E.value], "inline-flex items-center gap-1.5 w-full leading-tight [&>:where(svg)]:mx-auto [&>:where(img)]:mx-auto"])
+            class: a([[t.textClass, E.value], "inline-flex items-center gap-1.5 w-full leading-tight [&>:where(svg)]:mx-auto [&>:where(img)]:mx-auto"])
           }, [
             w(n.$slots, "default", {}, () => [
               k(h(l.value), 1)
@@ -227,14 +227,14 @@ const J = ["type", "disabled", "data-testid"], K = {
           ], 2),
           e.description ? (i(), c("span", Q, h(e.description), 1)) : u("", !0)
         ], 2)) : u("", !0),
-        t.iconRight && !t.loading ? (i(), x(p, {
+        t.iconRight && !t.loading ? (i(), x(v, {
           key: 4,
           icon: t.iconRight,
-          class: r([[t.iconRightClass, f.value], "h-4 w-4 pointer-events-none shrink-0"])
+          class: a([[t.iconRightClass, m.value], "h-4 w-4 pointer-events-none shrink-0"])
         }, null, 8, ["icon", "class"])) : u("", !0)
       ], 64))
     ], 10, J)), [
-      [O(Z), !m.value]
+      [O(Z), !f.value]
     ]);
   }
 });

package/components/DataTable/DataTable.vue.d.ts

@@ -40,11 +40,11 @@ declare const __VLS_component: import('vue').DefineComponent<DataTableProps, {},
     selectedRows: any[];
     hideSelectable: boolean;
     paginationProps: import('./types').DataTablePaginationProps;
+    bordered: boolean;
     showPagination: boolean;
     cellBordered: boolean;
     keyField: string;
     hoverable: boolean;
-    bordered: boolean;
     sortable: boolean;
     headerVariant: "default" | "minimal";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

package/components/Dropdown/Dropdown.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as le, ref as i, computed as f, inject as ne, onMounted as oe, onUnmounted as ae, watch as M, provide as L, reactive as ie, toRefs as se, openBlock as V, createElementBlock as re, normalizeStyle as de, createVNode as P, unref as u, withCtx as m, createBlock as ue, normalizeClass as ce, createSlots as fe, renderSlot as v, normalizeProps as R, guardReactiveProps as W, createCommentVNode as me } from "vue";
+import { defineComponent as le, ref as i, computed as f, inject as ne, onMounted as oe, onUnmounted as ae, watch as M, provide as L, reactive as ie, toRefs as se, openBlock as V, createElementBlock as de, normalizeStyle as re, createVNode as P, unref as u, withCtx as m, createBlock as ue, normalizeClass as ce, createSlots as fe, renderSlot as v, normalizeProps as R, guardReactiveProps as W, createCommentVNode as me } from "vue";
 import ve from "v-tooltip-lite";
 import "v-tooltip-lite/style.css";
 import he from "./DropdownMenu.vue.js";
@@ -53,7 +53,7 @@ const xe = /* @__PURE__ */ le({
   },
   emits: ["onSelect", "update:modelValue", "onOpen", "onClose", "update:isOpen", "load-more", "search"],
   setup(t, { emit: z }) {
-    const l = t, h = z, b = i(!1), y = i(null), r = i({
+    const l = t, h = z, b = i(!1), y = i(null), d = i({
       title: "Confirm Selection",
       description: "Are you sure you want to select this option?",
       confirmText: "Confirm",
@@ -117,8 +117,8 @@ const xe = /* @__PURE__ */ le({
     );
     const c = f(() => {
       const e = [...S.value], o = new Set(e.map((n) => n.value ?? n.label));
-      return k.value.forEach((n, d) => {
-        o.has(d) || (e.unshift(n), o.add(d));
+      return k.value.forEach((n, r) => {
+        o.has(r) || (e.unshift(n), o.add(r));
       }), e;
     }), { selectedBuffer: k, isHydrating: K, hydrateSelected: E } = pe({
       fetchSelected: l.fetchSelected,
@@ -143,13 +143,13 @@ const xe = /* @__PURE__ */ le({
     );
     const _ = (e) => {
       if (l.disabled || l.readonly || e.disabled) return;
-      l.doubleConfirmation || !!e.confirmation ? (y.value = e, typeof e.confirmation == "object" ? r.value = {
+      l.doubleConfirmation || !!e.confirmation ? (y.value = e, typeof e.confirmation == "object" ? d.value = {
         title: e.confirmation.title || "Confirm Selection",
         description: e.confirmation.description || "Are you sure you want to select this option?",
         confirmText: e.confirmation.confirmText || "Confirm",
         cancelText: e.confirmation.cancelText || "Cancel",
         variant: e.confirmation.variant || "primary"
-      } : r.value = {
+      } : d.value = {
         title: "Confirm Selection",
         description: `Are you sure you want to select "${e.label}"?`,
         confirmText: "Confirm",
@@ -162,8 +162,8 @@ const xe = /* @__PURE__ */ le({
       k.value.has(o) || k.value.set(o, e);
       const n = Y(e);
       if (!l.isNested) {
-        const d = e._originalOption || e, a = d.value ?? d.label;
-        (e._path || [d]).forEach((T) => {
+        const r = e._originalOption || e, a = r.value ?? r.label;
+        (e._path || [r]).forEach((T) => {
           typeof T.onSelect == "function" && T.onSelect({
             value: a,
             option: T,
@@ -177,14 +177,15 @@ const xe = /* @__PURE__ */ le({
     }, te = () => {
       y.value = null, b.value = !1;
     };
-    return (e, o) => (V(), re("div", {
+    return (e, o) => (V(), de("div", {
       class: "relative inline-block text-left",
-      style: de({ direction: t.direction })
+      style: re({ direction: t.direction })
     }, [
       P(u(ve), {
         content: "",
         trigger: "click",
         arrow: !1,
+        disabled: t.disabled || t.readonly,
         teleport: t.teleport,
         offset: t.offset,
         placement: j.value,
@@ -283,14 +284,14 @@ const xe = /* @__PURE__ */ le({
           ]), 1032, ["options", "cachedOptions", "class", "emptyMessage", "searchEmptyMessage", "selected", "selectedIndex", "maxHeight", "nestedPosition", "nestedOffset", "selectable", "direction", "isCustomSlotMenu", "layout", "columns", "loading", "hasMore", "searchable", "remote", "debounceTime"])) : me("", !0)
         ]),
         _: 3
-      }, 8, ["teleport", "offset", "placement", "isOpen", "keepAlive", "menuId", "ignoreClickOutside", "className", "styles"]),
+      }, 8, ["disabled", "teleport", "offset", "placement", "isOpen", "keepAlive", "menuId", "ignoreClickOutside", "className", "styles"]),
       P(ge, {
         show: b.value,
-        title: r.value.title,
-        description: r.value.description,
-        "confirm-text": r.value.confirmText,
-        "cancel-text": r.value.cancelText,
-        variant: r.value.variant,
+        title: d.value.title,
+        description: d.value.description,
+        "confirm-text": d.value.confirmText,
+        "cancel-text": d.value.cancelText,
+        variant: d.value.variant,
         onConfirm: ee,
         onCancel: te
       }, null, 8, ["show", "title", "description", "confirm-text", "cancel-text", "variant"])

package/components/Dropdown/DropdownMenu.vue.js

@@ -1,7 +1,7 @@
 import o from "./DropdownMenu.vue2.js";
 /* empty css                  */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b8c520f0"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-1742cff5"]]);
 export {
   m as default
 };

package/components/Dropdown/DropdownMenu.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as ee, ref as j, computed as y, watch as E, onMounted as te, onBeforeUnmount as le, openBlock as o, createElementBlock as i, createVNode as O, createCommentVNode as u, renderSlot as b, unref as r, normalizeStyle as se, normalizeClass as T, createElementVNode as k, toDisplayString as N, createBlock as h, Fragment as P, renderList as oe, withCtx as V, createSlots as ne, mergeProps as re, nextTick as ae } from "vue";
-import w from "../Icon.vue.js";
+import { defineComponent as ee, ref as j, computed as g, watch as T, onMounted as te, onBeforeUnmount as le, openBlock as o, createElementBlock as c, createVNode as O, createCommentVNode as f, renderSlot as k, unref as r, normalizeStyle as se, normalizeClass as E, createElementVNode as w, toDisplayString as N, createBlock as h, Fragment as P, renderList as oe, withCtx as V, createSlots as ne, mergeProps as re, nextTick as ae } from "vue";
+import p from "../Icon.vue.js";
 import ie from "../Input.vue.js";
 /* empty css            */
 import ce from "./DropdownItem.vue.js";
@@ -53,19 +53,19 @@ const ve = ["dir"], ye = {
   },
   emits: ["select", "close", "load-more", "search"],
   setup(a, { emit: D }) {
-    const t = a, m = D, _ = j(null), d = j(""), { getMenuId: z, getAllRecursiveIds: H } = me(), L = y(() => {
-      if (d.value && d.value.trim() !== "")
+    const t = a, m = D, _ = j(null), i = j(""), { getMenuId: z, getAllRecursiveIds: H } = me(), L = g(() => {
+      if (i.value && i.value.trim() !== "")
         return t.searchEmptyMessage ? t.searchEmptyMessage : `No results found for
-"${d.value}"`;
+"${i.value}"`;
       const e = $("vlite.dropdown.empty");
       return e !== "vlite.dropdown.empty" ? e : t.emptyMessage;
-    }), R = y(() => {
+    }), R = g(() => {
       const e = $("vlite.dropdown.search");
       return e !== "vlite.dropdown.search" ? e : "Search...";
-    }), f = y(() => t.options ? t.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), B = y(() => t.searchable && (f.value.length || 0) > 5);
-    let p = null;
-    E(d, (e) => {
-      t.remote && (p && clearTimeout(p), p = setTimeout(() => {
+    }), u = g(() => t.options ? t.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), B = g(() => t.searchable ? i.value && i.value.trim() !== "" ? !0 : t.remote ? t.loading ? !0 : t.hasMore || (u.value.length || 0) > 5 : (u.value.length || 0) > 5 : !1);
+    let v = null;
+    T(i, (e) => {
+      t.remote && (v && clearTimeout(v), v = setTimeout(() => {
         e !== void 0 && m("search", e);
       }, t.debounceTime));
     });
@@ -75,7 +75,7 @@ const ve = ["dir"], ye = {
     }, x = (e, s) => {
       e.disabled || m("select", e);
     }, {
-      focusedIndex: g,
+      focusedIndex: b,
       isKeyboardMode: M,
       filteredOptions: F,
       handleKeyDown: C,
@@ -83,12 +83,12 @@ const ve = ["dir"], ye = {
       onMouseEnterItem: S,
       scrollToIndex: K
     } = fe({
-      options: f,
-      searchQuery: d,
+      options: u,
+      searchQuery: i,
       containerRef: _,
       emit: (e, ...s) => m(e, ...s),
       handleSelect: (e, s) => x(e)
-    }), v = y(() => t.remote ? d.value ? f.value : t.cachedOptions.length ? t.cachedOptions : f.value : F.value), U = (e) => {
+    }), y = g(() => t.remote ? i.value ? u.value : t.cachedOptions.length ? t.cachedOptions : u.value : F.value), U = (e) => {
       if (!(!t.selected || typeof t.selected != "object") && e.key && e.key in t.selected)
         return t.selected[e.key];
     }, q = (e) => e.disabled ? !1 : Array.isArray(t.selected) ? t.selected.includes(e.value) : t.selected && typeof t.selected == "object" && e.key ? t.selected[e.key] === e.value : t.selected === e.value, G = (e) => !e.key || !t.selected || typeof t.selected != "object" ? !1 : !!t.selected[e.key], J = (e, s) => {
@@ -105,39 +105,39 @@ const ve = ["dir"], ye = {
     }, Q = (e, s) => {
       let l = s.value;
       e.key && (l = { [e.key]: l });
-      const n = s.option, c = n?._path || [n?._originalOption || n].filter(Boolean), Z = {
+      const n = s.option, d = n?._path || [n?._originalOption || n].filter(Boolean), Z = {
         label: e.label,
         value: l,
         data: s.data,
         key: e.key,
         _originalOption: n?._originalOption || n,
-        _path: [e, ...c]
+        _path: [e, ...d]
       };
       m("select", Z);
     }, W = async () => {
       await ae();
       let e = -1;
-      t.layout !== "grouped" && (t.selectedIndex !== null && t.selectedIndex >= 0 ? e = t.selectedIndex : t.selected !== void 0 && typeof t.selected != "object" && (e = f.value.findIndex((s) => s.value === t.selected)), e !== -1 && K(e));
+      t.layout !== "grouped" && (t.selectedIndex !== null && t.selectedIndex >= 0 ? e = t.selectedIndex : t.selected !== void 0 && typeof t.selected != "object" && (e = u.value.findIndex((s) => s.value === t.selected)), e !== -1 && K(e));
     };
-    E(
-      () => v.value,
+    T(
+      () => y.value,
       () => {
-        g.value = -1;
+        b.value = -1;
       }
     ), te(() => {
       W(), window.addEventListener("keydown", C);
     }), le(() => {
-      window.removeEventListener("keydown", C);
+      window.removeEventListener("keydown", C), v && clearTimeout(v), i.value && t.remote && m("search", "");
     });
     const X = (e) => e.labelI18n ? $(e.labelI18n) : e.label, Y = (e) => e.showChevron !== !1;
-    return (e, s) => (o(), i("div", {
+    return (e, s) => (o(), c("div", {
       class: "dropdown-menu w-full flex flex-col",
       dir: a.direction
     }, [
-      B.value ? (o(), i("div", ye, [
+      B.value ? (o(), c("div", ye, [
         O(ie, {
-          modelValue: d.value,
-          "onUpdate:modelValue": s[0] || (s[0] = (l) => d.value = l),
+          modelValue: i.value,
+          "onUpdate:modelValue": s[0] || (s[0] = (l) => i.value = l),
           placeholder: R.value,
           icon: "lucide:search",
           size: "sm",
@@ -149,17 +149,17 @@ const ve = ["dir"], ye = {
           "show-clear-button": !1,
           "data-testid": "dropdown-search-input"
         }, null, 8, ["modelValue", "placeholder"])
-      ])) : u("", !0),
-      e.$slots.header ? (o(), i("div", ge, [
-        b(e.$slots, "header", {}, void 0, !0)
-      ])) : u("", !0),
-      f.value.length > 0 || v.value.length === 0 ? (o(), i("div", {
+      ])) : f("", !0),
+      e.$slots.header ? (o(), c("div", ge, [
+        k(e.$slots, "header", {}, void 0, !0)
+      ])) : f("", !0),
+      u.value.length > 0 || y.value.length === 0 ? (o(), c("div", {
         key: 2,
         ref_key: "containerRef",
         ref: _,
         tabindex: B.value ? -1 : 0,
         role: "menu",
-        class: T([
+        class: E([
           "w-full p-1 space-y-0.5 overflow-y-auto overflow-x-hidden focus:outline-none flex-1 scrollbar-thin",
           t.class
         ]),
@@ -168,28 +168,28 @@ const ve = ["dir"], ye = {
         (...l) => r(I) && r(I)(...l)),
         onScroll: A
       }, [
-        !a.isCustomSlotMenu && v.value.length === 0 && !a.loading && !(f.value.length === 0 && e.$slots.menu) ? (o(), i("div", ke, [
-          O(w, {
+        !a.isCustomSlotMenu && y.value.length === 0 && !a.loading && !(u.value.length === 0 && e.$slots.menu) ? (o(), c("div", ke, [
+          O(p, {
             icon: "lucide:inbox",
             class: "w-8 h-8 mb-2 opacity-70"
           }),
-          k("span", null, N(L.value), 1)
-        ])) : u("", !0),
+          w("span", null, N(L.value), 1)
+        ])) : f("", !0),
         a.layout === "grouped" ? (o(), h(ue, {
           key: 1,
-          options: v.value,
+          options: y.value,
           selected: a.selected,
           selectable: a.selectable,
           columns: a.columns,
           onSelect: x
-        }, null, 8, ["options", "selected", "selectable", "columns"])) : (o(!0), i(P, { key: 2 }, oe(v.value, (l, n) => (o(), i(P, { key: n }, [
-          l.label === "---" ? (o(), i("div", we)) : l.data?.isBoolean ? (o(), h(de, {
+        }, null, 8, ["options", "selected", "selectable", "columns"])) : (o(!0), c(P, { key: 2 }, oe(y.value, (l, n) => (o(), c(P, { key: n }, [
+          l.label === "---" ? (o(), c("div", we)) : l.data?.isBoolean ? (o(), h(de, {
             key: 1,
             option: l,
             value: G(l),
-            focused: r(M) && r(g) === n,
+            focused: r(M) && r(b) === n,
             onChange: J,
-            onMouseenter: (c) => r(S)(n)
+            onMouseenter: (d) => r(S)(n)
           }, null, 8, ["option", "value", "focused", "onMouseenter"])) : l.children && l.children.length > 0 ? (o(), h(he, {
             key: 2,
             "is-nested": !0,
@@ -204,33 +204,33 @@ const ve = ["dir"], ye = {
             selectable: t.selectable,
             ignoreClickOutside: r(H)(l.children),
             direction: a.direction,
-            onOnSelect: (c) => Q(l, c)
+            onOnSelect: (d) => Q(l, d)
           }, {
             trigger: V(() => [
-              k("div", {
+              w("div", {
                 tabindex: 0,
                 "data-dropdown-item": "",
-                class: T(["relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm font-medium outline-none transition-colors justify-between w-full focus-visible:bg-accent focus-visible:text-accent-foreground focus-visible:ring-1 focus-visible:ring-primary focus-visible:ring-offset-1", [
-                  r(M) && r(g) === n ? "bg-accent text-accent-foreground" : "hover:bg-accent hover:text-accent-foreground",
+                class: E(["relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm font-medium outline-none transition-colors justify-between w-full focus-visible:bg-accent focus-visible:text-accent-foreground focus-visible:ring-1 focus-visible:ring-primary focus-visible:ring-offset-1", [
+                  r(M) && r(b) === n ? "bg-accent text-accent-foreground" : "hover:bg-accent hover:text-accent-foreground",
                   l.disabled ? "opacity-50 cursor-not-allowed" : "",
                   l.triggerClass || l.class || ""
                 ]]),
-                onMouseenter: (c) => r(S)(n)
+                onMouseenter: (d) => r(S)(n)
               }, [
-                k("div", xe, [
-                  l.icon || l.emoji ? (o(), h(w, {
+                w("div", xe, [
+                  l.icon || l.emoji ? (o(), h(p, {
                     key: 0,
                     icon: l.icon,
                     emoji: l.emoji,
                     class: "mr-2 h-4 w-4 shrink-0 mt-0.5"
-                  }, null, 8, ["icon", "emoji"])) : u("", !0),
-                  k("span", Me, N(X(l)), 1)
+                  }, null, 8, ["icon", "emoji"])) : f("", !0),
+                  w("span", Me, N(X(l)), 1)
                 ]),
-                Y(l) ? (o(), h(w, {
+                Y(l) ? (o(), h(p, {
                   key: 0,
                   icon: a.direction === "rtl" ? "lucide:chevron-left" : "lucide:chevron-right",
                   class: "h-4 w-4 text-muted-foreground shrink-0 ml-2"
-                }, null, 8, ["icon"])) : u("", !0)
+                }, null, 8, ["icon"])) : f("", !0)
               ], 42, pe)
             ]),
             _: 2
@@ -239,31 +239,31 @@ const ve = ["dir"], ye = {
             option: l,
             index: n,
             selected: q(l),
-            focused: r(M) && r(g) === n,
+            focused: r(M) && r(b) === n,
             selectable: a.selectable,
-            onClick: (c) => x(l),
-            onMouseenter: (c) => r(S)(n)
+            onClick: (d) => x(l),
+            onMouseenter: (d) => r(S)(n)
           }, ne({ _: 2 }, [
             e.$slots.item ? {
               name: "default",
-              fn: V((c) => [
-                b(e.$slots, "item", re({ ref_for: !0 }, c), void 0, !0)
+              fn: V((d) => [
+                k(e.$slots, "item", re({ ref_for: !0 }, d), void 0, !0)
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["option", "index", "selected", "focused", "selectable", "onClick", "onMouseenter"]))
         ], 64))), 128)),
-        a.loading ? (o(), i("div", Se, [
-          O(w, {
+        a.loading ? (o(), c("div", Se, [
+          O(p, {
             icon: "lucide:loader-2",
             class: "w-4 h-4 animate-spin text-muted-foreground"
           })
-        ])) : u("", !0),
-        b(e.$slots, "menu", {}, void 0, !0)
-      ], 46, be)) : u("", !0),
-      e.$slots.footer ? (o(), i("div", Oe, [
-        b(e.$slots, "footer", {}, void 0, !0)
-      ])) : u("", !0)
+        ])) : f("", !0),
+        k(e.$slots, "menu", {}, void 0, !0)
+      ], 46, be)) : f("", !0),
+      e.$slots.footer ? (o(), c("div", Oe, [
+        k(e.$slots, "footer", {}, void 0, !0)
+      ])) : f("", !0)
     ], 8, ve));
   }
 });

package/components/FileTree/FileTree.vue.d.ts

@@ -1,5 +1,14 @@
 import { FileNode, FileTreeProps } from './types';
-declare const _default: import('vue').DefineComponent<FileTreeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        actions?(_: any): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<FileTreeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     select: (node: FileNode, selected: boolean) => any;
     "update:modelValue": (keys: string[]) => any;
     expand: (node: FileNode, expanded: boolean) => any;
@@ -11,10 +20,17 @@ declare const _default: import('vue').DefineComponent<FileTreeProps, {}, {}, {},
     "onNode-click"?: (node: FileNode) => any;
 }>, {
     data: FileNode[];
+    variant: import('./types').FileTreeVariant;
     modelValue: string[];
     selectionMode: import('./types').FileTreeSelectionMode;
     showCheckboxes: boolean;
     highlightSearch: boolean;
     defaultExpandedKeys: string[];
 }, {}, {}, {}, 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/FileTree/FileTree.vue.js

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