vlite3 1.0.10 → 1.1.2

package/README.md

@@ -88,7 +88,7 @@ const vlite = createVLite({
      *
      * This function will be called automatically by:
      * - useFileUpload() composable
-     * - Form components (when using 'file', 'fileUploader', or 'avatarUpload' types)
+     * - Form components (when using 'file', 'fileUploader', 'ThumbnailSelector', or 'avatarUpload' types)
      *
      * @param file - The File object to upload
      * @param folderId - (Optional) Folder ID passed from component props
@@ -419,9 +419,11 @@ Follow these rules strictly to ensure visual consistency and predictable styling
 - [x] **NumberInput**
 - [x] **DatePicker**
 - [x] **DateRangePicker**
+- [x] **Calendar**
 - [x] **ColorPicker**
 - [x] **FilePicker**
 - [x] **AvatarUploader**
+- [x] **ThumbnailSelector**
 - [x] **IconPicker**
 - [x] **MultiSelect**
 - [x] **Forms**
@@ -448,6 +450,7 @@ Follow these rules strictly to ensure visual consistency and predictable styling
 - [x] **Stats**
 - [x] **Price**
 - [x] **Date**
+- [x] **Invoice**
 
 ### Feedback & Overlays
 

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/AvatarGroup/AvatarGroup.vue.d.ts

@@ -0,0 +1,24 @@
+import { AvatarSize, AvatarRounded } from '../../types';
+export interface AvatarGroupItem {
+    src?: string;
+    alt?: string;
+    fallback?: string;
+    heading?: string;
+    text?: string;
+}
+export interface Props {
+    items: AvatarGroupItem[];
+    max?: number;
+    size?: AvatarSize;
+    rounded?: AvatarRounded;
+    overlap?: 'sm' | 'md' | 'lg';
+    class?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    class: string;
+    size: AvatarSize;
+    rounded: AvatarRounded;
+    max: number;
+    overlap: "sm" | "md" | "lg";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;