vlite3 1.0.4 → 1.0.6

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

@@ -1,7 +1,23 @@
-import { AttachmentsListProps } from './types';
+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" | "inline";
+    variant: "default" | "list" | "inline" | "card";
+    size: "sm" | "md" | "lg";
+    itemClass: string;
+    gridClass: string;
     canDownload: boolean;
     canView: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+    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,128 +1,291 @@
-import { defineComponent as C, computed as _, openBlock as n, createElementBlock as a, Fragment as f, renderList as z, normalizeClass as l, createElementVNode as i, createVNode as m, toDisplayString as w, createBlock as y, unref as r, withCtx as g, createCommentVNode as u } from "vue";
-import p from "../Modal.vue.js";
-import x from "../Icon.vue.js";
-import k from "../Button.vue.js";
-import { $t as s } from "../../utils/i18n.js";
-import { downloadFile as P } from "../../utils/functions.js";
-import N from "../FilePreview/FilePreview.vue.js";
-const M = { class: "w-full" }, V = {
-  key: 0,
-  class: "flex flex-col gap-1.5"
-}, $ = { class: "flex items-center gap-2 overflow-hidden min-w-0" }, A = { class: "flex flex-col overflow-hidden leading-tight min-w-0" }, F = ["title"], U = { class: "flex items-center gap-0.5 shrink-0" }, j = ["aria-label"], S = ["aria-label", "onClick"], E = {
-  key: 1,
-  class: "text-sm text-muted-foreground italic bg-muted/10 p-4 rounded-lg border border-dashed border-border text-center"
-}, O = /* @__PURE__ */ C({
+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({
   __name: "AttachmentsList",
   props: {
     attachments: {},
     canView: { type: Boolean, default: !0 },
     canDownload: { type: Boolean, default: !0 },
-    variant: { default: "default" }
+    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: "" }
   },
-  setup(e) {
-    const c = e, v = _(() => c.attachments ? Array.isArray(c.attachments) ? c.attachments : [c.attachments] : []), B = (o) => {
-      if (!o) return "0 Bytes";
-      const h = 1024, t = ["Bytes", "KB", "MB", "GB"], d = Math.floor(Math.log(o) / Math.log(h));
-      return parseFloat((o / Math.pow(h, d)).toFixed(2)) + " " + t[d];
-    }, b = async (o) => {
-      o.fileUrl && await P(o.fileUrl, o.fileName || "attachment");
-    };
-    return (o, h) => (n(), a("div", M, [
-      v.value.length > 0 ? (n(), a("div", V, [
-        (n(!0), a(f, null, z(v.value, (t, d) => (n(), a("div", {
-          key: d,
-          class: l([
-            "flex items-center justify-between gap-2 px-2.5 py-2 rounded-lg transition-colors",
-            e.variant === "inline" ? "bg-[#79797924] hover:bg-[#7979793f]" : "border border-border bg-muted/20 hover:bg-muted/40"
-          ])
+  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) {
+        case "sm":
+          return {
+            item: "pl-2 pr-2.5 py-1.5 gap-1.5",
+            iconBox: "w-7 h-7 rounded",
+            icon: "w-3 h-3",
+            text: "text-[12px]",
+            subtext: "text-[9px]",
+            actions: "w-5 h-5 !min-w-[16px] !min-h-[16px]",
+            actionIcon: "w-3.5 h-3.5"
+          };
+        case "lg":
+          return {
+            item: "pl-3.5 pr-3 py-3 gap-3",
+            iconBox: "w-11 h-11 rounded-lg",
+            icon: "w-5 h-5",
+            text: "text-sm",
+            subtext: "-text-fs-3.5",
+            actions: "w-7.5 h-8",
+            actionIcon: "w-4 h-4"
+          };
+        default:
+          return {
+            item: "px-2.5 py-2.5 gap-2",
+            iconBox: "w-9 h-9 rounded-md",
+            icon: "w-4 h-4",
+            text: "-text-fs-2",
+            subtext: "text-[10px]",
+            actions: "w-7 h-7 !min-w-[20px] !min-h-[20px]",
+            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])
+    }, [
+      k.value.length > 0 ? (a(), o(v, { key: 0 }, [
+        t.variant === "card" ? (a(), o("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])
         }, [
-          i("div", $, [
-            i("div", {
-              class: l(["w-7 h-7 rounded flex items-center justify-center shrink-0", e.variant === "inline" ? "bg-[#79797924] hover:bg-[#7979793f]" : "bg-primary/10"])
+          (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)
+          }, [
+            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])
             }, [
-              m(x, {
-                icon: "lucide:file-text",
-                class: l(["w-3.5 h-3.5", e.variant === "inline" ? "opacity-75" : "text-primary"])
-              }, null, 8, ["class"])
-            ], 2),
-            i("div", A, [
-              i("span", {
-                class: l(["text-xs font-medium truncate", e.variant === "inline" ? "" : "text-foreground"]),
-                title: t.fileName
-              }, w(t.fileName || "Unnamed File"), 11, F),
-              i("span", {
-                class: l(["text-[10px]", e.variant === "inline" ? "opacity-50" : "text-muted-foreground"])
-              }, w(B(t.fileSize)), 3)
-            ])
-          ]),
-          i("div", U, [
-            e.variant === "inline" ? (n(), a(f, { key: 0 }, [
-              e.canView ? (n(), y(p, {
+              A(e) ? (a(), o("img", {
                 key: 0,
-                title: t.fileName || r(s)("common.words.preview", "Preview"),
-                "max-width": "max-w-3xl",
-                body: r(N),
-                bodyProps: { url: t.fileUrl, name: t.fileName, canDownload: e.canDownload }
-              }, {
-                trigger: g(() => [
-                  i("button", {
-                    type: "button",
-                    class: "inline-flex items-center justify-center w-6 h-6 rounded opacity-60 hover:opacity-100 bg-transparent! transition-all",
-                    "aria-label": r(s)("common.words.preview", "Preview")
-                  }, [
-                    m(x, {
+                src: e.thumbnailUrl || e.fileUrl,
+                class: "w-full h-full object-cover transition-transform group-hover:scale-105"
+              }, null, 8, K)) : (a(), u(P, {
+                key: 1,
+                icon: i(F)(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", {
+                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])
+              }, [
+                t.canView ? (a(), u(x, {
+                  key: 0,
+                  title: e.fileName || i(w)("common.words.preview", "Preview"),
+                  "max-width": "max-w-3xl",
+                  body: i(b),
+                  bodyProps: { url: e.fileUrl, name: e.fileName, canDownload: t.canDownload }
+                }, {
+                  trigger: T(() => [
+                    p(N, {
+                      variant: "secondary",
+                      size: "xs",
                       icon: "lucide:eye",
-                      class: "w-3.5 h-3.5"
+                      class: "h-7 w-7 px-0 rounded-md shadow-sm"
                     })
-                  ], 8, j)
-                ]),
-                _: 1
-              }, 8, ["title", "body", "bodyProps"])) : u("", !0),
-              e.canDownload ? (n(), a("button", {
-                key: 1,
-                type: "button",
-                class: "inline-flex items-center justify-center w-6 h-6 rounded opacity-60 hover:opacity-100 bg-transparent! transition-all",
-                "aria-label": r(s)("common.words.download", "Download"),
-                onClick: (D) => b(t)
+                  ]),
+                  _: 1
+                }, 8, ["title", "body", "bodyProps"])) : m("", !0),
+                t.canDownload ? (a(), u(N, {
+                  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)
+              ], 2))
+            ], 2),
+            d("div", {
+              class: l(["vl-attachments-list__card-info p-3 flex flex-col min-w-0", t.cardInfoClass])
+            }, [
+              d("span", {
+                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"),
+              "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", {
+          key: 1,
+          class: l(["vl-attachments-list__list flex flex-col gap-1.5", t.listClass])
+        }, [
+          (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
+            ]]),
+            onClick: (C) => V(s)
+          }, [
+            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
+                ]])
               }, [
-                m(x, {
+                A(e) ? (a(), o("img", {
+                  key: 0,
+                  src: e.thumbnailUrl || e.fileUrl,
+                  class: "w-full h-full object-cover"
+                }, null, 8, O)) : (a(), u(P, {
+                  key: 1,
+                  icon: i(F)(e.fileName, e.fileUrl, e.fileType),
+                  class: l([r.value.icon, t.variant === "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
+                  ]]),
+                  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
+                  ]])
+                }, y(I(e.fileSize)), 3)
+              ])
+            ]),
+            M.value ? (a(), o("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(() => {
+              }, ["stop"]))
+            }, [
+              t.variant === "inline" ? (a(), o(v, { key: 0 }, [
+                z.value ? (a(), u(x, {
+                  key: 0,
+                  title: e.fileName || i(w)("common.words.preview", "Preview"),
+                  "max-width": "max-w-3xl",
+                  body: i(b),
+                  bodyProps: { url: e.fileUrl, name: e.fileName, canDownload: t.canDownload }
+                }, {
+                  trigger: T(() => [
+                    d("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")
+                    }, [
+                      p(P, {
+                        icon: "lucide:eye",
+                        class: l(r.value.actionIcon)
+                      }, null, 8, ["class"])
+                    ], 10, X)
+                  ]),
+                  _: 1
+                }, 8, ["title", "body", "bodyProps"])) : m("", !0),
+                B.value ? (a(), o("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)
+                }, [
+                  p(P, {
+                    icon: "lucide:download",
+                    class: l(r.value.actionIcon)
+                  }, null, 8, ["class"])
+                ], 10, Y)) : m("", !0)
+              ], 64)) : (a(), o(v, { key: 1 }, [
+                z.value ? (a(), u(x, {
+                  key: 0,
+                  title: e.fileName || i(w)("common.words.preview", "Preview"),
+                  "max-width": "max-w-3xl",
+                  body: i(b),
+                  bodyProps: { url: e.fileUrl, name: e.fileName, canDownload: t.canDownload }
+                }, {
+                  trigger: T(() => [
+                    p(N, {
+                      variant: "ghost",
+                      size: "xs",
+                      class: l([r.value.actions, "px-0"]),
+                      icon: "lucide:eye"
+                    }, null, 8, ["class"])
+                  ]),
+                  _: 1
+                }, 8, ["title", "body", "bodyProps"])) : m("", !0),
+                B.value ? (a(), u(N, {
+                  key: 1,
+                  variant: "ghost",
+                  size: "xs",
+                  class: l([r.value.actions, "px-0"]),
                   icon: "lucide:download",
-                  class: "w-3.5 h-3.5"
-                })
-              ], 8, S)) : u("", !0)
-            ], 64)) : (n(), a(f, { key: 1 }, [
-              e.canView ? (n(), y(p, {
-                key: 0,
-                title: t.fileName || r(s)("common.words.preview", "Preview"),
-                "max-width": "max-w-3xl",
-                body: r(N),
-                bodyProps: { url: t.fileUrl, name: t.fileName, canDownload: e.canDownload }
-              }, {
-                trigger: g(() => [
-                  m(k, {
-                    variant: "ghost",
-                    size: "xs",
-                    icon: "lucide:eye",
-                    class: "h-6 w-6 px-0"
-                  })
-                ]),
-                _: 1
-              }, 8, ["title", "body", "bodyProps"])) : u("", !0),
-              e.canDownload ? (n(), y(k, {
-                key: 1,
-                variant: "ghost",
-                size: "xs",
-                icon: "lucide:download",
-                class: "h-6 w-6 px-0",
-                onClick: (D) => b(t)
-              }, null, 8, ["onClick"])) : u("", !0)
-            ], 64))
-          ])
-        ], 2))), 128))
-      ])) : (n(), a("div", E, w(r(s)("common.words.noAttachments", "No attachments found.")), 1))
-    ]));
+                  onClick: (C) => D(e)
+                }, null, 8, ["class", "onClick"])) : m("", !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"),
+            "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)
+        ], 2))
+      ], 64)) : (a(), o("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))
+    ], 2));
   }
 });
 export {
-  O as default
+  ie as default
 };

package/components/AttachmentsList/fileTypeIcon.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Maps a file's name or MIME type to the most descriptive Lucide/Iconify icon string.
+ * Returns a fallback generic file icon when no match is found.
+ *
+ * Priority: explicit fileType (MIME) → file extension from fileName/fileUrl
+ */
+/**
+ * Returns the best Iconify icon string for a given file.
+ *
+ * Resolution order:
+ *   1. Extension from fileName
+ *   2. Extension from fileUrl
+ *   3. MIME type prefix match (fileType)
+ *   4. Generic fallback
+ */
+export declare function getFileTypeIcon(fileName?: string, fileUrl?: string, fileType?: string): string;

package/components/AttachmentsList/fileTypeIcon.js

@@ -0,0 +1,127 @@
+const c = {
+  // ── PDFs ──────────────────────────────────────────────────────────────────
+  pdf: "lucide:file-text",
+  // ── Word / rich text ──────────────────────────────────────────────────────
+  doc: "lucide:file-text",
+  docx: "lucide:file-text",
+  odt: "lucide:file-text",
+  rtf: "lucide:file-text",
+  // ── Spreadsheets ──────────────────────────────────────────────────────────
+  xls: "lucide:file-spreadsheet",
+  xlsx: "lucide:file-spreadsheet",
+  ods: "lucide:file-spreadsheet",
+  csv: "lucide:file-spreadsheet",
+  tsv: "lucide:file-spreadsheet",
+  // ── Presentations ─────────────────────────────────────────────────────────
+  ppt: "lucide:presentation",
+  pptx: "lucide:presentation",
+  odp: "lucide:presentation",
+  key: "lucide:presentation",
+  // ── Plain text / markdown / config ────────────────────────────────────────
+  txt: "lucide:file-text",
+  md: "lucide:file-text",
+  mdx: "lucide:file-text",
+  rst: "lucide:file-text",
+  log: "lucide:scroll-text",
+  // ── Code ──────────────────────────────────────────────────────────────────
+  js: "lucide:file-code",
+  jsx: "lucide:file-code",
+  ts: "lucide:file-code",
+  tsx: "lucide:file-code",
+  vue: "lucide:file-code",
+  py: "lucide:file-code",
+  rb: "lucide:file-code",
+  php: "lucide:file-code",
+  go: "lucide:file-code",
+  rs: "lucide:file-code",
+  cpp: "lucide:file-code",
+  c: "lucide:file-code",
+  cs: "lucide:file-code",
+  java: "lucide:file-code",
+  kt: "lucide:file-code",
+  swift: "lucide:file-code",
+  html: "lucide:file-code",
+  css: "lucide:file-code",
+  scss: "lucide:file-code",
+  less: "lucide:file-code",
+  sh: "lucide:terminal",
+  bash: "lucide:terminal",
+  sql: "lucide:database",
+  json: "lucide:braces",
+  yaml: "lucide:braces",
+  yml: "lucide:braces",
+  toml: "lucide:braces",
+  xml: "lucide:code-xml",
+  // ── Archives ──────────────────────────────────────────────────────────────
+  zip: "lucide:file-archive",
+  rar: "lucide:file-archive",
+  "7z": "lucide:file-archive",
+  tar: "lucide:file-archive",
+  gz: "lucide:file-archive",
+  bz2: "lucide:file-archive",
+  // ── Audio ─────────────────────────────────────────────────────────────────
+  mp3: "lucide:file-audio",
+  wav: "lucide:file-audio",
+  ogg: "lucide:file-audio",
+  flac: "lucide:file-audio",
+  aac: "lucide:file-audio",
+  m4a: "lucide:file-audio",
+  wma: "lucide:file-audio",
+  opus: "lucide:file-audio",
+  // ── Video ─────────────────────────────────────────────────────────────────
+  mp4: "lucide:file-video",
+  mov: "lucide:file-video",
+  avi: "lucide:file-video",
+  mkv: "lucide:file-video",
+  webm: "lucide:file-video",
+  flv: "lucide:file-video",
+  wmv: "lucide:file-video",
+  m4v: "lucide:file-video",
+  "3gp": "lucide:file-video",
+  // ── Fonts ─────────────────────────────────────────────────────────────────
+  ttf: "lucide:type",
+  otf: "lucide:type",
+  woff: "lucide:type",
+  woff2: "lucide:type",
+  // ── Executables / binaries ────────────────────────────────────────────────
+  exe: "lucide:cog",
+  dmg: "lucide:disc",
+  apk: "lucide:smartphone",
+  deb: "lucide:package",
+  rpm: "lucide:package",
+  // ── eBooks ────────────────────────────────────────────────────────────────
+  epub: "lucide:book-open",
+  mobi: "lucide:book-open"
+}, p = [
+  { prefix: "video/", icon: "lucide:file-video" },
+  { prefix: "audio/", icon: "lucide:file-audio" },
+  { prefix: "text/", icon: "lucide:file-text" },
+  { prefix: "application/pdf", icon: "lucide:file-text" },
+  { prefix: "application/zip", icon: "lucide:file-archive" },
+  { prefix: "application/vnd.ms-excel", icon: "lucide:file-spreadsheet" },
+  { prefix: "application/vnd.openxmlformats-officedocument.spreadsheetml", icon: "lucide:file-spreadsheet" },
+  { prefix: "application/vnd.ms-powerpoint", icon: "lucide:presentation" },
+  { prefix: "application/vnd.openxmlformats-officedocument.presentationml", icon: "lucide:presentation" },
+  { prefix: "application/msword", icon: "lucide:file-text" },
+  { prefix: "application/vnd.openxmlformats-officedocument.wordprocessingml", icon: "lucide:file-text" }
+], s = "lucide:file";
+function t(i) {
+  if (!i) return "";
+  const l = i.split("?")[0].split("#")[0], e = l.lastIndexOf(".");
+  return e === -1 ? "" : l.slice(e + 1).toLowerCase();
+}
+function r(i, l, e) {
+  const d = t(i);
+  if (d && c[d]) return c[d];
+  const o = t(l);
+  if (o && c[o]) return c[o];
+  if (e) {
+    const u = e.toLowerCase();
+    for (const { prefix: f, icon: a } of p)
+      if (u.startsWith(f)) return a;
+  }
+  return s;
+}
+export {
+  r as getFileTypeIcon
+};

package/components/AttachmentsList/index.d.ts

@@ -1,2 +1,3 @@
 export { default as AttachmentsList } from './AttachmentsList.vue';
 export * from './types';
+export { getFileTypeIcon } from './fileTypeIcon';