vlite3 1.1.1 → 1.1.2

package/components/AttachmentsList/AttachmentsList.vue.d.ts

@@ -1,23 +1,8 @@
 import { AttachmentsListProps } from './';
 declare const _default: import('vue').DefineComponent<AttachmentsListProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AttachmentsListProps> & Readonly<{}>, {
-    variant: "default" | "list" | "inline" | "card";
-    size: "sm" | "md" | "lg";
-    itemClass: string;
-    gridClass: string;
-    canDownload: boolean;
     canView: boolean;
+    canDownload: boolean;
     clickToPreview: boolean;
     showDownloadInList: boolean;
-    rootClass: string;
-    cardClass: string;
-    cardThumbnailClass: string;
-    cardInfoClass: string;
-    cardActionsClass: string;
-    listClass: string;
-    itemIconBoxClass: string;
-    itemNameClass: string;
-    itemSizeClass: string;
-    itemActionsClass: string;
-    emptyClass: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/components/AttachmentsList/AttachmentsList.vue.js

@@ -1,48 +1,65 @@
-import { defineComponent as S, ref as L, computed as f, openBlock as a, createElementBlock as o, normalizeClass as l, Fragment as v, renderList as U, createElementVNode as d, createBlock as u, unref as i, withCtx as T, createVNode as p, createCommentVNode as m, withModifiers as j, toDisplayString as y } from "vue";
-import x from "../Modal.vue.js";
-import P from "../Icon.vue.js";
-import N from "../Button.vue.js";
-import { $t as w } from "../../utils/i18n.js";
-import { downloadFile as E } from "../../utils/functions.js";
-import b from "../FilePreview/FilePreview.vue.js";
-import { getFileTypeIcon as F } from "./fileTypeIcon.js";
-const G = ["onClick"], K = ["src"], W = ["title"], q = { class: "vl-attachments-list__item-size text-xs text-muted-foreground mt-0.5" }, H = ["onClick"], J = { class: "flex items-center gap-3 overflow-hidden min-w-0 flex-1" }, O = ["src"], Q = { class: "flex flex-col overflow-hidden leading-tight min-w-0" }, R = ["title"], X = ["aria-label"], Y = ["aria-label", "onClick"], ie = /* @__PURE__ */ S({
+import { defineComponent as ne, computed as a, ref as ie, openBlock as t, createElementBlock as l, normalizeClass as n, Fragment as x, renderList as $, createElementVNode as B, createBlock as u, unref as c, withCtx as j, createVNode as I, createCommentVNode as r, withModifiers as G, toDisplayString as b } from "vue";
+import C from "../Modal.vue.js";
+import D from "../Icon.vue.js";
+import A from "../Button.vue.js";
+import { $t as v } from "../../utils/i18n.js";
+import { downloadFile as re } from "../../utils/functions.js";
+import { getComponentConfig as ce } from "../../utils/configUtils.js";
+import k from "../FilePreview/FilePreview.vue.js";
+import { getFileTypeIcon as K } from "./fileTypeIcon.js";
+const de = ["onClick"], me = ["src"], ue = ["title"], ve = {
+  key: 1,
+  class: "vl-attachments-list__item-size text-xs text-muted-foreground mt-0.5"
+}, pe = ["onClick"], he = { class: "flex items-center gap-3 overflow-hidden min-w-0 flex-1" }, we = ["src"], ye = {
+  key: 0,
+  class: "flex flex-col overflow-hidden leading-tight min-w-0"
+}, xe = ["title"], ge = ["aria-label"], fe = ["aria-label", "onClick"], De = /* @__PURE__ */ ne({
   __name: "AttachmentsList",
   props: {
     attachments: {},
-    canView: { type: Boolean, default: !0 },
-    canDownload: { type: Boolean, default: !0 },
-    variant: { default: "default" },
-    size: { default: "md" },
-    clickToPreview: { type: Boolean, default: !1 },
-    showDownloadInList: { type: Boolean, default: !0 },
-    rootClass: { default: "" },
-    gridClass: { default: "" },
-    cardClass: { default: "" },
-    cardThumbnailClass: { default: "" },
-    cardInfoClass: { default: "" },
-    cardActionsClass: { default: "" },
-    listClass: { default: "" },
-    itemClass: { default: "" },
-    itemIconBoxClass: { default: "" },
-    itemNameClass: { default: "" },
-    itemSizeClass: { default: "" },
-    itemActionsClass: { default: "" },
-    emptyClass: { default: "" }
+    canView: { type: Boolean, default: void 0 },
+    canDownload: { type: Boolean, default: void 0 },
+    variant: {},
+    size: {},
+    clickToPreview: { type: Boolean, default: void 0 },
+    showDownloadInList: { type: Boolean, default: void 0 },
+    rootClass: {},
+    gridClass: {},
+    cardClass: {},
+    cardThumbnailClass: {},
+    cardInfoClass: {},
+    cardActionsClass: {},
+    listClass: {},
+    itemClass: {},
+    itemIconBoxClass: {},
+    itemNameClass: {},
+    itemSizeClass: {},
+    itemActionsClass: {},
+    emptyClass: {}
   },
-  setup(t) {
-    const c = t, g = L(null), k = f(() => c.attachments ? Array.isArray(c.attachments) ? c.attachments : [c.attachments] : []), I = (n) => {
-      if (!n) return "0 Bytes";
-      const h = 1024, e = ["Bytes", "KB", "MB", "GB"], s = Math.floor(Math.log(n) / Math.log(h));
-      return parseFloat((n / Math.pow(h, s)).toFixed(2)) + " " + e[s];
-    }, D = async (n) => {
-      n.fileUrl && n.fileUrl !== "#" && await E(n.fileUrl, n.fileName || "attachment");
-    }, A = (n) => n.fileType && n.fileType.startsWith("image/") ? !0 : /\.(jpg|jpeg|png|gif|webp|svg|bmp)(\?.*)?$/i.test(n.fileUrl || ""), V = (n) => {
-      c.clickToPreview && c.canView && (g.value = n);
-    }, $ = () => {
-      g.value = null;
-    }, r = f(() => {
-      switch (c.size) {
+  setup(W) {
+    const s = W, i = ce("attachmentsList") || {}, p = a(() => s.canView ?? i.canView ?? !0), h = a(() => s.canDownload ?? i.canDownload ?? !0), w = a(() => s.variant ?? i.variant ?? "default"), L = a(() => s.size ?? i.size ?? "md"), y = a(() => s.clickToPreview ?? i.clickToPreview ?? !1), q = a(
+      () => s.showDownloadInList ?? i.showDownloadInList ?? !0
+    ), H = a(() => s.rootClass ?? i.rootClass ?? ""), J = a(() => s.gridClass ?? i.gridClass ?? ""), O = a(() => s.cardClass ?? i.cardClass ?? ""), Q = a(
+      () => s.cardThumbnailClass ?? i.cardThumbnailClass ?? ""
+    ), R = a(() => s.cardInfoClass ?? i.cardInfoClass ?? ""), X = a(
+      () => s.cardActionsClass ?? i.cardActionsClass ?? ""
+    ), Y = a(() => s.listClass ?? i.listClass ?? ""), Z = a(() => s.itemClass ?? i.itemClass ?? ""), ee = a(
+      () => s.itemIconBoxClass ?? i.itemIconBoxClass ?? ""
+    ), te = a(() => s.itemNameClass ?? i.itemNameClass ?? ""), ae = a(() => s.itemSizeClass ?? i.itemSizeClass ?? ""), se = a(
+      () => s.itemActionsClass ?? i.itemActionsClass ?? ""
+    ), oe = a(() => s.emptyClass ?? i.emptyClass ?? ""), N = ie(null), z = a(() => s.attachments ? Array.isArray(s.attachments) ? s.attachments : [s.attachments] : []), V = (o) => {
+      if (!o) return "0 Bytes";
+      const _ = 1024, e = ["Bytes", "KB", "MB", "GB"], d = Math.floor(Math.log(o) / Math.log(_));
+      return parseFloat((o / Math.pow(_, d)).toFixed(2)) + " " + e[d];
+    }, U = async (o) => {
+      o.fileUrl && o.fileUrl !== "#" && await re(o.fileUrl, o.fileName || "attachment");
+    }, F = (o) => o.fileType && o.fileType.startsWith("image/") ? !0 : /\.(jpg|jpeg|png|gif|webp|svg|bmp)(\?.*)?$/i.test(o.fileUrl || ""), g = (o) => o.fileName !== void 0 && o.fileName !== null && String(o.fileName).trim() !== "", f = (o) => o.fileSize !== void 0 && o.fileSize !== null && String(o.fileSize).trim() !== "", M = (o) => {
+      y.value && p.value && (N.value = o);
+    }, E = () => {
+      N.value = null;
+    }, m = a(() => {
+      switch (L.value) {
         case "sm":
           return {
             item: "pl-2 pr-2.5 py-1.5 gap-1.5",
@@ -74,45 +91,48 @@ const G = ["onClick"], K = ["src"], W = ["title"], q = { class: "vl-attachments-
             actionIcon: "w-4 h-4"
           };
       }
-    }), z = f(() => c.canView && !c.clickToPreview), B = f(() => c.canDownload && c.showDownloadInList), M = f(() => z.value || B.value);
-    return (n, h) => (a(), o("div", {
-      class: l(["vl-attachments-list w-full", t.rootClass])
+    }), S = a(() => p.value && !y.value), T = a(() => h.value && q.value), le = a(() => S.value || T.value);
+    return (o, _) => (t(), l("div", {
+      class: n(["vl-attachments-list w-full", H.value])
     }, [
-      k.value.length > 0 ? (a(), o(v, { key: 0 }, [
-        t.variant === "card" ? (a(), o("div", {
+      z.value.length > 0 ? (t(), l(x, { key: 0 }, [
+        w.value === "card" ? (t(), l("div", {
           key: 0,
-          class: l(["vl-attachments-list__grid grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4", t.gridClass])
+          class: n(["vl-attachments-list__grid grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4", J.value])
         }, [
-          (a(!0), o(v, null, U(k.value, (e, s) => (a(), o("div", {
-            key: s,
-            class: l(["vl-attachments-list__card relative group rounded-xl border border-border bg-body overflow-hidden hover:shadow-md transition-all flex flex-col", [{ "cursor-pointer": t.clickToPreview && t.canView }, t.cardClass]]),
-            onClick: (C) => V(s)
+          (t(!0), l(x, null, $(z.value, (e, d) => (t(), l("div", {
+            key: d,
+            class: n(["vl-attachments-list__card relative group rounded-xl border border-border bg-body overflow-hidden hover:shadow-md transition-all flex flex-col", [{ "cursor-pointer": y.value && p.value }, O.value]]),
+            onClick: (P) => M(d)
           }, [
-            d("div", {
-              class: l(["vl-attachments-list__card-thumbnail h-40 w-full bg-muted/30 flex items-center justify-center overflow-hidden relative border-b border-border", t.cardThumbnailClass])
+            B("div", {
+              class: n(["vl-attachments-list__card-thumbnail h-40 w-full bg-muted/30 flex items-center justify-center overflow-hidden relative", [
+                Q.value,
+                g(e) || f(e) ? "border-b border-border" : ""
+              ]])
             }, [
-              A(e) ? (a(), o("img", {
+              F(e) ? (t(), l("img", {
                 key: 0,
                 src: e.thumbnailUrl || e.fileUrl,
                 class: "w-full h-full object-cover transition-transform group-hover:scale-105"
-              }, null, 8, K)) : (a(), u(P, {
+              }, null, 8, me)) : (t(), u(D, {
                 key: 1,
-                icon: i(F)(e.fileName, e.fileUrl, e.fileType),
+                icon: c(K)(e.fileName, e.fileUrl, e.fileType),
                 class: "w-12 h-12 text-muted-foreground/40 transition-transform group-hover:scale-110"
               }, null, 8, ["icon"])),
-              t.clickToPreview ? m("", !0) : (a(), o("div", {
+              y.value ? r("", !0) : (t(), l("div", {
                 key: 2,
-                class: l(["vl-attachments-list__card-actions absolute top-2 right-2 flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity", t.cardActionsClass])
+                class: n(["vl-attachments-list__card-actions absolute top-2 right-2 flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity", X.value])
               }, [
-                t.canView ? (a(), u(x, {
+                p.value ? (t(), u(C, {
                   key: 0,
-                  title: e.fileName || i(w)("common.words.preview", "Preview"),
+                  title: e.fileName || c(v)("common.words.preview", "Preview"),
                   "max-width": "max-w-3xl",
-                  body: i(b),
-                  bodyProps: { url: e.fileUrl, name: e.fileName, canDownload: t.canDownload }
+                  body: c(k),
+                  bodyProps: { url: e.fileUrl, name: e.fileName, canDownload: h.value }
                 }, {
-                  trigger: T(() => [
-                    p(N, {
+                  trigger: j(() => [
+                    I(A, {
                       variant: "secondary",
                       size: "xs",
                       icon: "lucide:eye",
@@ -120,172 +140,176 @@ const G = ["onClick"], K = ["src"], W = ["title"], q = { class: "vl-attachments-
                     })
                   ]),
                   _: 1
-                }, 8, ["title", "body", "bodyProps"])) : m("", !0),
-                t.canDownload ? (a(), u(N, {
+                }, 8, ["title", "body", "bodyProps"])) : r("", !0),
+                h.value ? (t(), u(A, {
                   key: 1,
                   variant: "secondary",
                   size: "xs",
                   icon: "lucide:download",
                   class: "h-7 w-7 px-0 rounded-md shadow-sm",
-                  onClick: j((C) => D(e), ["stop"])
-                }, null, 8, ["onClick"])) : m("", !0)
+                  onClick: G((P) => U(e), ["stop"])
+                }, null, 8, ["onClick"])) : r("", !0)
               ], 2))
             ], 2),
-            d("div", {
-              class: l(["vl-attachments-list__card-info p-3 flex flex-col min-w-0", t.cardInfoClass])
+            g(e) || f(e) ? (t(), l("div", {
+              key: 0,
+              class: n(["vl-attachments-list__card-info p-3 flex flex-col min-w-0", R.value])
             }, [
-              d("span", {
+              g(e) ? (t(), l("span", {
+                key: 0,
                 class: "vl-attachments-list__item-name text-sm font-medium truncate",
                 title: e.fileName
-              }, y(e.fileName || "Unnamed File"), 9, W),
-              d("span", q, y(I(e.fileSize)), 1)
-            ], 2),
-            t.clickToPreview && t.canView ? (a(), u(x, {
-              key: 0,
-              show: g.value === s,
-              title: e.fileName || i(w)("common.words.preview", "Preview"),
+              }, b(e.fileName), 9, ue)) : r("", !0),
+              f(e) ? (t(), l("span", ve, b(V(e.fileSize)), 1)) : r("", !0)
+            ], 2)) : r("", !0),
+            y.value && p.value ? (t(), u(C, {
+              key: 1,
+              show: N.value === d,
+              title: e.fileName || c(v)("common.words.preview", "Preview"),
               "max-width": "max-w-3xl",
-              body: i(b),
-              bodyProps: { url: e.fileUrl, name: e.fileName, canDownload: t.canDownload },
-              onClose: $
-            }, null, 8, ["show", "title", "body", "bodyProps"])) : m("", !0)
-          ], 10, G))), 128))
-        ], 2)) : (a(), o("div", {
+              body: c(k),
+              bodyProps: { url: e.fileUrl, name: e.fileName, canDownload: h.value },
+              onClose: E
+            }, null, 8, ["show", "title", "body", "bodyProps"])) : r("", !0)
+          ], 10, de))), 128))
+        ], 2)) : (t(), l("div", {
           key: 1,
-          class: l(["vl-attachments-list__list flex flex-col gap-1.5", t.listClass])
+          class: n(["vl-attachments-list__list flex flex-col gap-1.5", Y.value])
         }, [
-          (a(!0), o(v, null, U(k.value, (e, s) => (a(), o("div", {
-            key: s,
-            class: l(["vl-attachments-list__item flex items-center justify-between transition-colors rounded-lg", [
-              t.variant === "inline" ? "bg-[#79797924] hover:bg-[#7979793f]" : "border border-border bg-muted/20 hover:bg-muted/40",
-              r.value.item,
-              t.clickToPreview && t.canView ? "cursor-pointer select-none" : "",
-              t.itemClass
+          (t(!0), l(x, null, $(z.value, (e, d) => (t(), l("div", {
+            key: d,
+            class: n(["vl-attachments-list__item flex items-center justify-between transition-colors rounded-lg", [
+              w.value === "inline" ? "bg-[#79797924] hover:bg-[#7979793f]" : "border border-border bg-muted/20 hover:bg-muted/40",
+              m.value.item,
+              y.value && p.value ? "cursor-pointer select-none" : "",
+              Z.value
             ]]),
-            onClick: (C) => V(s)
+            onClick: (P) => M(d)
           }, [
-            d("div", J, [
-              d("div", {
-                class: l(["vl-attachments-list__item-icon-box flex items-center justify-center shrink-0 overflow-hidden relative", [
-                  r.value.iconBox,
-                  t.variant === "inline" ? "bg-[#79797924] hover:bg-[#7979793f]" : "bg-primary/10",
-                  t.itemIconBoxClass
+            B("div", he, [
+              B("div", {
+                class: n(["vl-attachments-list__item-icon-box flex items-center justify-center shrink-0 overflow-hidden relative", [
+                  m.value.iconBox,
+                  w.value === "inline" ? "bg-[#79797924] hover:bg-[#7979793f]" : "bg-primary/10",
+                  ee.value
                 ]])
               }, [
-                A(e) ? (a(), o("img", {
+                F(e) ? (t(), l("img", {
                   key: 0,
                   src: e.thumbnailUrl || e.fileUrl,
                   class: "w-full h-full object-cover"
-                }, null, 8, O)) : (a(), u(P, {
+                }, null, 8, we)) : (t(), u(D, {
                   key: 1,
-                  icon: i(F)(e.fileName, e.fileUrl, e.fileType),
-                  class: l([r.value.icon, t.variant === "inline" ? "opacity-75" : "text-primary"])
+                  icon: c(K)(e.fileName, e.fileUrl, e.fileType),
+                  class: n([m.value.icon, w.value === "inline" ? "opacity-75" : "text-primary"])
                 }, null, 8, ["icon", "class"]))
               ], 2),
-              d("div", Q, [
-                d("span", {
-                  class: l(["vl-attachments-list__item-name font-medium truncate block", [
-                    r.value.text,
-                    t.variant === "inline" ? "" : "text-foreground",
-                    t.itemNameClass
+              g(e) || f(e) ? (t(), l("div", ye, [
+                g(e) ? (t(), l("span", {
+                  key: 0,
+                  class: n(["vl-attachments-list__item-name font-medium truncate block", [
+                    m.value.text,
+                    w.value === "inline" ? "" : "text-foreground",
+                    te.value
                   ]]),
                   title: e.fileName
-                }, y(e.fileName || "Unnamed File"), 11, R),
-                d("span", {
-                  class: l(["vl-attachments-list__item-size mt-0.5", [
-                    r.value.subtext,
-                    t.variant === "inline" ? "opacity-50" : "text-muted-foreground",
-                    t.itemSizeClass
+                }, b(e.fileName), 11, xe)) : r("", !0),
+                f(e) ? (t(), l("span", {
+                  key: 1,
+                  class: n(["vl-attachments-list__item-size mt-0.5", [
+                    m.value.subtext,
+                    w.value === "inline" ? "opacity-50" : "text-muted-foreground",
+                    ae.value
                   ]])
-                }, y(I(e.fileSize)), 3)
-              ])
+                }, b(V(e.fileSize)), 3)) : r("", !0)
+              ])) : r("", !0)
             ]),
-            M.value ? (a(), o("div", {
+            le.value ? (t(), l("div", {
               key: 0,
-              class: l(["vl-attachments-list__item-actions flex items-center shrink-0 ml-2", [t.size !== "lg" ? "gap-0.5" : "gap-0", t.itemActionsClass]]),
-              onClick: h[0] || (h[0] = j(() => {
+              class: n(["vl-attachments-list__item-actions flex items-center shrink-0 ml-2", [L.value !== "lg" ? "gap-0.5" : "gap-0", se.value]]),
+              onClick: _[0] || (_[0] = G(() => {
               }, ["stop"]))
             }, [
-              t.variant === "inline" ? (a(), o(v, { key: 0 }, [
-                z.value ? (a(), u(x, {
+              w.value === "inline" ? (t(), l(x, { key: 0 }, [
+                S.value ? (t(), u(C, {
                   key: 0,
-                  title: e.fileName || i(w)("common.words.preview", "Preview"),
+                  title: e.fileName || c(v)("common.words.preview", "Preview"),
                   "max-width": "max-w-3xl",
-                  body: i(b),
-                  bodyProps: { url: e.fileUrl, name: e.fileName, canDownload: t.canDownload }
+                  body: c(k),
+                  bodyProps: { url: e.fileUrl, name: e.fileName, canDownload: h.value }
                 }, {
-                  trigger: T(() => [
-                    d("button", {
+                  trigger: j(() => [
+                    B("button", {
                       type: "button",
-                      class: l(["inline-flex items-center justify-center rounded opacity-60 hover:opacity-100 bg-transparent! transition-all", r.value.actions]),
-                      "aria-label": i(w)("common.words.preview", "Preview")
+                      class: n(["inline-flex items-center justify-center rounded opacity-60 hover:opacity-100 bg-transparent! transition-all", m.value.actions]),
+                      "aria-label": c(v)("common.words.preview", "Preview")
                     }, [
-                      p(P, {
+                      I(D, {
                         icon: "lucide:eye",
-                        class: l(r.value.actionIcon)
+                        class: n(m.value.actionIcon)
                       }, null, 8, ["class"])
-                    ], 10, X)
+                    ], 10, ge)
                   ]),
                   _: 1
-                }, 8, ["title", "body", "bodyProps"])) : m("", !0),
-                B.value ? (a(), o("button", {
+                }, 8, ["title", "body", "bodyProps"])) : r("", !0),
+                T.value ? (t(), l("button", {
                   key: 1,
                   type: "button",
-                  class: l(["inline-flex items-center justify-center rounded opacity-60 hover:opacity-100 bg-transparent! transition-all", r.value.actions]),
-                  "aria-label": i(w)("common.words.download", "Download"),
-                  onClick: (C) => D(e)
+                  class: n(["inline-flex items-center justify-center rounded opacity-60 hover:opacity-100 bg-transparent! transition-all", m.value.actions]),
+                  "aria-label": c(v)("common.words.download", "Download"),
+                  onClick: (P) => U(e)
                 }, [
-                  p(P, {
+                  I(D, {
                     icon: "lucide:download",
-                    class: l(r.value.actionIcon)
+                    class: n(m.value.actionIcon)
                   }, null, 8, ["class"])
-                ], 10, Y)) : m("", !0)
-              ], 64)) : (a(), o(v, { key: 1 }, [
-                z.value ? (a(), u(x, {
+                ], 10, fe)) : r("", !0)
+              ], 64)) : (t(), l(x, { key: 1 }, [
+                S.value ? (t(), u(C, {
                   key: 0,
-                  title: e.fileName || i(w)("common.words.preview", "Preview"),
+                  title: e.fileName || c(v)("common.words.preview", "Preview"),
                   "max-width": "max-w-3xl",
-                  body: i(b),
-                  bodyProps: { url: e.fileUrl, name: e.fileName, canDownload: t.canDownload }
+                  body: c(k),
+                  bodyProps: { url: e.fileUrl, name: e.fileName, canDownload: h.value }
                 }, {
-                  trigger: T(() => [
-                    p(N, {
+                  trigger: j(() => [
+                    I(A, {
                       variant: "ghost",
                       size: "xs",
-                      class: l([r.value.actions, "px-0"]),
+                      class: n([m.value.actions, "px-0"]),
                       icon: "lucide:eye"
                     }, null, 8, ["class"])
                   ]),
                   _: 1
-                }, 8, ["title", "body", "bodyProps"])) : m("", !0),
-                B.value ? (a(), u(N, {
+                }, 8, ["title", "body", "bodyProps"])) : r("", !0),
+                T.value ? (t(), u(A, {
                   key: 1,
                   variant: "ghost",
                   size: "xs",
-                  class: l([r.value.actions, "px-0"]),
+                  class: n([m.value.actions, "px-0"]),
                   icon: "lucide:download",
-                  onClick: (C) => D(e)
-                }, null, 8, ["class", "onClick"])) : m("", !0)
+                  onClick: (P) => U(e)
+                }, null, 8, ["class", "onClick"])) : r("", !0)
               ], 64))
-            ], 2)) : m("", !0)
-          ], 10, H))), 128)),
-          t.clickToPreview && t.canView ? (a(!0), o(v, { key: 0 }, U(k.value, (e, s) => (a(), u(x, {
-            key: `preview-${s}`,
-            show: g.value === s,
-            title: e.fileName || i(w)("common.words.preview", "Preview"),
+            ], 2)) : r("", !0)
+          ], 10, pe))), 128)),
+          y.value && p.value ? (t(!0), l(x, { key: 0 }, $(z.value, (e, d) => (t(), u(C, {
+            key: `preview-${d}`,
+            show: N.value === d,
+            title: e.fileName || c(v)("common.words.preview", "Preview"),
             "max-width": "max-w-3xl",
-            body: i(b),
-            bodyProps: { url: e.fileUrl, name: e.fileName, canDownload: t.canDownload },
-            onClose: $
-          }, null, 8, ["show", "title", "body", "bodyProps"]))), 128)) : m("", !0)
+            body: c(k),
+            bodyProps: { url: e.fileUrl, name: e.fileName, canDownload: h.value },
+            onClose: E
+          }, null, 8, ["show", "title", "body", "bodyProps"]))), 128)) : r("", !0)
         ], 2))
-      ], 64)) : (a(), o("div", {
+      ], 64)) : (t(), l("div", {
         key: 1,
-        class: l(["vl-attachments-list__empty text-sm text-muted-foreground italic bg-muted/10 p-4 rounded-lg border border-dashed border-border text-center", t.emptyClass])
-      }, y(i(w)("common.words.noAttachments", "No attachments found.")), 3))
+        class: n(["vl-attachments-list__empty text-sm text-muted-foreground italic bg-muted/10 p-4 rounded-lg border border-dashed border-border text-center", oe.value])
+      }, b(c(v)("common.words.noAttachments", "No attachments found.")), 3))
     ], 2));
   }
 });
 export {
-  ie as default
+  De as default
 };

package/components/AvatarUploader/AvatarUploader.vue.d.ts

@@ -24,8 +24,8 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     alt: string;
     size: AvatarSize;
     rounded: AvatarRounded;
-    disabled: boolean;
     loading: boolean;
+    disabled: boolean;
     modelValue: any;
     editable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;

package/components/Button.vue.d.ts

@@ -15,8 +15,8 @@ declare const __VLS_component: import('vue').DefineComponent<ButtonProps, {}, {}
     variant: ButtonVariant;
     size: ButtonSize;
     rounded: ButtonRounded;
-    disabled: boolean;
     loading: boolean;
+    disabled: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/components/Calendar/Calendar.vue.d.ts

@@ -62,6 +62,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         $emit: ((event: "eventClick", event: import('v-event-calendar').CalendarEvent) => void) & ((event: "eventCreate", date: Date, start: string, end?: string, duration?: number) => void) & ((event: "eventUpdate", eventId: string, start: string, end?: string, duration?: number) => void) & ((event: "dateChange", date: Date) => void) & ((event: "dayClick", date: Date) => void) & ((event: "viewChange", view: import('v-event-calendar').CalendarView) => void);
         $el: any;
         $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            config: {
+                type: import('vue').PropType<Partial<import('v-event-calendar').CalendarViewConfig>>;
+            };
             events: {
                 type: import('vue').PropType<import('v-event-calendar').CalendarEvent[]>;
                 default: () => any[];
@@ -86,9 +89,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
                 type: import('vue').PropType<boolean>;
                 default: boolean;
             };
-            config: {
-                type: import('vue').PropType<Partial<import('v-event-calendar').CalendarViewConfig>>;
-            };
         }>> & Readonly<{
             onEventUpdate?: (eventId: string, start: string, end?: string, duration?: number) => any;
             onDayClick?: (date: Date) => any;
@@ -152,6 +152,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         initialView: import('v-event-calendar').CalendarView;
         allowEventEditing: boolean;
     }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+        config: {
+            type: import('vue').PropType<Partial<import('v-event-calendar').CalendarViewConfig>>;
+        };
         events: {
             type: import('vue').PropType<import('v-event-calendar').CalendarEvent[]>;
             default: () => any[];
@@ -176,9 +179,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
-        config: {
-            type: import('vue').PropType<Partial<import('v-event-calendar').CalendarViewConfig>>;
-        };
     }>> & Readonly<{
         onEventUpdate?: (eventId: string, start: string, end?: string, duration?: number) => any;
         onDayClick?: (date: Date) => any;

package/components/Carousel/Carousel.vue.d.ts

@@ -352,7 +352,7 @@ declare function __VLS_template(): {
             };
         }>> & Readonly<{
             "onSlide-change"?: ((index: number) => any) | undefined;
-        }>, "focus" | "state" | "direction" | "draggable" | "easing" | "goNext" | "gap" | "pagination" | "paginationSize" | "paginationVisibility" | "paginationHoverInitialTimeout" | "paginationHoverEdgeThreshold" | "autoPlay" | "autoPlayInterval" | "itemsToShow" | "speed" | "mousewheel" | "loop" | "currentItem" | "bufferSize" | "maxDomElements" | "goToSlide" | "goPrev" | "autoFocus" | "wheelOptions" | "canGoNext" | "canGoPrev"> & import('vue').ShallowUnwrapRef<{
+        }>, "state" | "focus" | "direction" | "draggable" | "easing" | "goNext" | "gap" | "pagination" | "paginationSize" | "paginationVisibility" | "paginationHoverInitialTimeout" | "paginationHoverEdgeThreshold" | "autoPlay" | "autoPlayInterval" | "itemsToShow" | "speed" | "mousewheel" | "loop" | "currentItem" | "bufferSize" | "maxDomElements" | "goToSlide" | "goPrev" | "autoFocus" | "wheelOptions" | "canGoNext" | "canGoPrev"> & import('vue').ShallowUnwrapRef<{
             goToSlide: (index: number, smooth?: boolean) => void;
             goNext: (smooth?: boolean) => void;
             goPrev: (smooth?: boolean) => void;
@@ -778,7 +778,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         };
     }>> & Readonly<{
         "onSlide-change"?: ((index: number) => any) | undefined;
-    }>, "focus" | "state" | "direction" | "draggable" | "easing" | "goNext" | "gap" | "pagination" | "paginationSize" | "paginationVisibility" | "paginationHoverInitialTimeout" | "paginationHoverEdgeThreshold" | "autoPlay" | "autoPlayInterval" | "itemsToShow" | "speed" | "mousewheel" | "loop" | "currentItem" | "bufferSize" | "maxDomElements" | "goToSlide" | "goPrev" | "autoFocus" | "wheelOptions" | "canGoNext" | "canGoPrev"> & import('vue').ShallowUnwrapRef<{
+    }>, "state" | "focus" | "direction" | "draggable" | "easing" | "goNext" | "gap" | "pagination" | "paginationSize" | "paginationVisibility" | "paginationHoverInitialTimeout" | "paginationHoverEdgeThreshold" | "autoPlay" | "autoPlayInterval" | "itemsToShow" | "speed" | "mousewheel" | "loop" | "currentItem" | "bufferSize" | "maxDomElements" | "goToSlide" | "goPrev" | "autoFocus" | "wheelOptions" | "canGoNext" | "canGoPrev"> & import('vue').ShallowUnwrapRef<{
         goToSlide: (index: number, smooth?: boolean) => void;
         goNext: (smooth?: boolean) => void;
         goPrev: (smooth?: boolean) => void;

package/components/CategoryManager/CategoryManager.vue.d.ts

@@ -1,4 +1,4 @@
-import { CategoryItem, CategoryManagerProps } from './types';
+import { CategoryItem, RawCategoryItem, CategoryManagerProps } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -24,6 +24,7 @@ declare const __VLS_component: import('vue').DefineComponent<CategoryManagerProp
     size: "sm" | "md" | "lg";
     readonly: boolean;
     modelValue: CategoryItem[];
+    rawData: RawCategoryItem[];
     emptyTitle: string;
     emptyDescription: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;