vlite3 1.3.2 → 1.3.4

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/CategoryManager/CategoryManager.vue2.js

@@ -16,7 +16,7 @@ import "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
 import "@jaames/iro";
 import "@vueuse/core";
-/* empty css                           */
+/* empty css                          */
 import Ue from "../IconPicker.vue.js";
 /* empty css                        */
 /* empty css                      */

package/components/ColorPicker/ColorIro.vue3.js

@@ -1,5 +1,5 @@
-import o from "./ColorIro.vue.js";
-/* empty css              */
+import o from "./ColorIro.vue2.js";
+/* empty css             */
 export {
   o as default
 };

package/components/ColorPicker/ColorPicker.vue.js

@@ -6,8 +6,8 @@ import O from "../Input.vue.js";
 import "../../core/config.js";
 /* empty css                            */
 import y from "../Button.vue.js";
-import E from "./ColorIro.vue.js";
-/* empty css              */
+import E from "./ColorIro.vue2.js";
+/* empty css             */
 import { useEyeDropper as P } from "@vueuse/core";
 const I = {
   key: 0,

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/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 _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-d7105497"]]);
 export {
-  m as default
+  _ as default
 };

package/components/Dropdown/DropdownMenu.vue2.js

@@ -53,18 +53,18 @@ 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), c = j(""), { getMenuId: z, getAllRecursiveIds: H } = me(), L = y(() => {
+      if (c.value && c.value.trim() !== "")
         return t.searchEmptyMessage ? t.searchEmptyMessage : `No results found for
-"${d.value}"`;
+"${c.value}"`;
       const e = $("vlite.dropdown.empty");
       return e !== "vlite.dropdown.empty" ? e : t.emptyMessage;
     }), R = y(() => {
       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);
+    }), 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 ? t.remote || (f.value.length || 0) > 5 || c.value.length > 0 : !1);
     let p = null;
-    E(d, (e) => {
+    E(c, (e) => {
       t.remote && (p && clearTimeout(p), p = setTimeout(() => {
         e !== void 0 && m("search", e);
       }, t.debounceTime));
@@ -84,11 +84,11 @@ const ve = ["dir"], ye = {
       scrollToIndex: K
     } = fe({
       options: f,
-      searchQuery: d,
+      searchQuery: c,
       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) => {
+    }), v = y(() => t.remote ? c.value ? f.value : t.cachedOptions.length ? t.cachedOptions : f.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,13 +105,13 @@ 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 () => {
@@ -136,8 +136,8 @@ const ve = ["dir"], ye = {
     }, [
       B.value ? (o(), i("div", ye, [
         O(ie, {
-          modelValue: d.value,
-          "onUpdate:modelValue": s[0] || (s[0] = (l) => d.value = l),
+          modelValue: c.value,
+          "onUpdate:modelValue": s[0] || (s[0] = (l) => c.value = l),
           placeholder: R.value,
           icon: "lucide:search",
           size: "sm",
@@ -189,7 +189,7 @@ const ve = ["dir"], ye = {
             value: G(l),
             focused: r(M) && r(g) === 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,7 +204,7 @@ 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", {
@@ -215,7 +215,7 @@ const ve = ["dir"], ye = {
                   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, {
@@ -241,13 +241,13 @@ const ve = ["dir"], ye = {
             selected: q(l),
             focused: r(M) && r(g) === 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) => [
+                b(e.$slots, "item", re({ ref_for: !0 }, d), void 0, !0)
               ]),
               key: "0"
             } : void 0

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
 };

package/components/FileTree/FileTree.vue2.js

@@ -1,10 +1,10 @@
-import { defineComponent as Q, ref as E, shallowRef as T, watch as C, computed as g, openBlock as v, createElementBlock as k, normalizeClass as q, Fragment as V, renderList as z, isMemoSame as F, createBlock as $, toDisplayString as A } from "vue";
-import P from "./FileTreeNode.vue.js";
+import { defineComponent as Q, ref as E, shallowRef as T, watch as C, computed as v, openBlock as g, createElementBlock as x, normalizeClass as $, Fragment as q, renderList as V, isMemoSame as z, createBlock as F, createSlots as P, withCtx as A, renderSlot as R, mergeProps as U, toDisplayString as j } from "vue";
+import G from "./FileTreeNode.vue.js";
 import { $t as w } from "../../utils/i18n.js";
-const R = {
+const H = {
   key: 1,
   class: "text-sm text-muted-foreground p-4 text-center"
-}, J = /* @__PURE__ */ Q({
+}, Y = /* @__PURE__ */ Q({
   __name: "FileTree",
   props: {
     modelValue: { default: () => [] },
@@ -17,16 +17,17 @@ const R = {
     searchQuery: {},
     class: {},
     emptyText: {},
-    emptyTextI18n: {}
+    emptyTextI18n: {},
+    variant: { default: "default" }
   },
   emits: ["update:modelValue", "select", "expand", "node-click"],
-  setup(h, { emit: L }) {
-    const s = h, m = L, o = E(new Set(s.defaultExpandedKeys)), f = E(/* @__PURE__ */ new Set()), p = T(/* @__PURE__ */ new Map()), S = T(/* @__PURE__ */ new Map()), I = (t, l) => {
+  setup(o, { emit: L }) {
+    const s = o, m = L, u = E(new Set(s.defaultExpandedKeys)), f = E(/* @__PURE__ */ new Set()), y = T(/* @__PURE__ */ new Map()), S = T(/* @__PURE__ */ new Map()), I = (t, l) => {
       const e = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), a = (n, c) => {
         for (const r of n)
           e.set(r.id, r), c && i.set(r.id, c), r.children && a(r.children, r.id);
       };
-      a(t, l), p.value = e, S.value = i;
+      a(t, l), y.value = e, S.value = i;
     };
     C(
       () => s.data,
@@ -35,18 +36,18 @@ const R = {
       },
       { immediate: !0, deep: !0 }
     );
-    const x = (t) => {
+    const k = (t) => {
       let l = [];
       if (t.children)
         for (const e of t.children)
-          l.push(e.id), l = l.concat(x(e));
+          l.push(e.id), l = l.concat(k(e));
       return l;
-    }, y = g(() => new Set(s.modelValue)), b = g(() => {
+    }, p = v(() => new Set(s.modelValue)), b = v(() => {
       const t = /* @__PURE__ */ new Set();
       if (s.selectionMode !== "multiple") return t;
       const l = (e) => {
         if (!e.children || e.children.length === 0)
-          return y.value.has(e.id) ? { status: "checked" } : { status: "unchecked" };
+          return p.value.has(e.id) ? { status: "checked" } : { status: "unchecked" };
         let i = !1, a = !1, n = !1;
         for (const c of e.children) {
           const r = l(c);
@@ -57,14 +58,14 @@ const R = {
       return s.data.forEach(l), t;
     }), D = async (t) => {
       if (t.disabled) return;
-      if (o.value.has(t.id)) {
-        const e = new Set(o.value);
+      if (u.value.has(t.id)) {
+        const e = new Set(u.value);
         e.delete(t.id);
-        const i = p.value.get(t.id) || t;
-        x(i).forEach((n) => e.delete(n)), o.value = e, m("expand", t, !1);
+        const i = y.value.get(t.id) || t;
+        k(i).forEach((n) => e.delete(n)), u.value = e, m("expand", t, !1);
       } else {
-        const e = new Set(o.value);
-        if (e.add(t.id), o.value = e, m("expand", t, !0), s.loadData && !t.isLoaded && (!t.children || t.children.length === 0)) {
+        const e = new Set(u.value);
+        if (e.add(t.id), u.value = e, m("expand", t, !0), s.loadData && !t.isLoaded && (!t.children || t.children.length === 0)) {
           const i = new Set(f.value);
           i.add(t.id), f.value = i;
           try {
@@ -77,27 +78,27 @@ const R = {
       }
     }, K = (t) => {
       if (t.disabled) return;
-      const l = p.value.get(t.id) || t;
-      let e = new Set(y.value);
+      const l = y.value.get(t.id) || t;
+      let e = new Set(p.value);
       const i = e.has(t.id);
       if (s.selectionMode === "single")
         e.clear(), i || e.add(t.id);
       else if (s.selectionMode === "multiple") {
-        const a = x(l), n = !i, c = (d, u) => {
-          u ? e.add(d) : e.delete(d);
+        const a = k(l), n = !i, c = (d, h) => {
+          h ? e.add(d) : e.delete(d);
         };
         c(t.id, n), a.forEach((d) => c(d, n));
         let r = l;
         for (; ; ) {
           const d = S.value.get(r.id);
           if (!d) break;
-          const u = p.value.get(d);
-          if (!u || !u.children) break;
-          u.children.every((N) => e.has(N.id)) ? e.add(u.id) : e.delete(u.id), r = u;
+          const h = y.value.get(d);
+          if (!h || !h.children) break;
+          h.children.every((N) => e.has(N.id)) ? e.add(h.id) : e.delete(h.id), r = h;
         }
       }
       m("update:modelValue", Array.from(e)), m("select", l, !i);
-    }, M = g(() => {
+    }, M = v(() => {
       if (!s.searchQuery) return s.data;
       const t = s.searchQuery.toLowerCase(), l = (e) => {
         const a = (e.labelI18n ? w(e.labelI18n) : e.label).toLowerCase().includes(t), n = !!e.searchMatch;
@@ -122,45 +123,54 @@ const R = {
             return n && e.add(a.id), r || n;
           };
           if (s.data.forEach(i), e.size > 0) {
-            const a = new Set(o.value);
-            e.forEach((n) => a.add(n)), o.value = a;
+            const a = new Set(u.value);
+            e.forEach((n) => a.add(n)), u.value = a;
           }
         }
       },
       { deep: !0 }
     );
-    const B = g(() => {
+    const B = v(() => {
       if (s.emptyTextI18n) return w(s.emptyTextI18n);
       if (s.emptyText) return s.emptyText;
       const t = w("vlite.fileTree.emptyText");
       return t !== "vlite.fileTree.emptyText" ? t : "No results found.";
     });
-    return (t, l) => (v(), k("div", {
-      class: q(["w-full h-full overflow-y-auto file-tree-container", s.class])
+    return (t, l) => (g(), x("div", {
+      class: $(["w-full h-full overflow-y-auto file-tree-container", s.class])
     }, [
-      M.value.length > 0 ? (v(!0), k(V, { key: 0 }, z(M.value, (e, i, a, n) => {
-        const c = [e, y.value, o.value, b.value, f.value, h.highlightSearch, h.searchQuery];
-        if (n && n.key === e.id && F(n, c)) return n;
-        const r = (v(), $(P, {
+      M.value.length > 0 ? (g(!0), x(q, { key: 0 }, V(M.value, (e, i, a, n) => {
+        const c = [e, p.value, u.value, b.value, f.value, o.highlightSearch, o.searchQuery, o.showCheckboxes, o.variant, !!t.$slots.actions];
+        if (n && n.key === e.id && z(n, c)) return n;
+        const r = (g(), F(G, {
           key: e.id,
           node: e,
-          "selection-mode": h.selectionMode,
-          "selected-keys": y.value,
-          "expanded-keys": o.value,
+          "selection-mode": o.selectionMode,
+          "selected-keys": p.value,
+          "expanded-keys": u.value,
           "indeterminate-keys": b.value,
           "loading-keys": f.value,
-          "show-checkboxes": h.showCheckboxes,
-          "highlight-search": h.highlightSearch,
-          "search-query": h.searchQuery,
+          "show-checkboxes": o.showCheckboxes,
+          "highlight-search": o.highlightSearch,
+          "search-query": o.searchQuery,
+          variant: o.variant,
           onToggleExpand: D,
           onToggleSelect: K,
           onClickNode: l[0] || (l[0] = (d) => m("node-click", d))
-        }, null, 8, ["node", "selection-mode", "selected-keys", "expanded-keys", "indeterminate-keys", "loading-keys", "show-checkboxes", "highlight-search", "search-query"]));
+        }, P({ _: 2 }, [
+          t.$slots.actions ? {
+            name: "actions",
+            fn: A((d) => [
+              R(t.$slots, "actions", U({ ref_for: !0 }, d), void 0, !0)
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["node", "selection-mode", "selected-keys", "expanded-keys", "indeterminate-keys", "loading-keys", "show-checkboxes", "highlight-search", "search-query", "variant"]));
         return r.memo = c, r;
-      }, l, 1), 128)) : (v(), k("div", R, A(B.value), 1))
+      }, l, 1), 128)) : (g(), x("div", H, j(B.value), 1))
     ], 2));
   }
 });
 export {
-  J as default
+  Y as default
 };

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

@@ -1,4 +1,4 @@
-import { FileNode, FileTreeSelectionMode } from './types';
+import { FileNode, FileTreeSelectionMode, FileTreeVariant } from './types';
 interface Props {
     node: FileNode;
     depth?: number;
@@ -10,8 +10,21 @@ interface Props {
     showCheckboxes?: boolean;
     highlightSearch?: boolean;
     searchQuery?: string;
+    variant?: FileTreeVariant;
 }
-declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        actions?(_: {
+            node: FileNode;
+        }): any;
+        actions?(_: any): 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-expand": (node: FileNode) => any;
     "toggle-select": (node: FileNode) => any;
     "click-node": (node: FileNode) => any;
@@ -20,9 +33,16 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     "onToggle-select"?: (node: FileNode) => any;
     "onClick-node"?: (node: FileNode) => any;
 }>, {
+    variant: FileTreeVariant;
     depth: number;
     selectionMode: FileTreeSelectionMode;
     showCheckboxes: boolean;
     highlightSearch: 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;
+    };
+};