@masters-union/union-stack 0.3.5 → 0.3.6

package/dist/picker.js

@@ -1312,13 +1312,26 @@ var Picker = class {
     if (this.opts.maxFileSize) constraintBits.push(`max ${formatBytes(this.opts.maxFileSize)}`);
     if (this.opts.accept) {
       if (typeof this.opts.accept !== "string") this.opts.accept = this.opts.accept.join(",");
-      const types = this.opts.accept.split(",").map((s) => s.trim()).filter((s) => s && s !== "*/*").map((s) => s.replace("/*", ""));
-      if (types.length > 0 && types.length <= 4) {
-        constraintBits.push(types.join(" \xB7 "));
+      const labels = [];
+      const seen = /* @__PURE__ */ new Set();
+      for (const part of this.opts.accept.split(",")) {
+        const raw = part.trim();
+        if (!raw || raw === "*/*") continue;
+        const label = mimeLabel(raw);
+        if (label && !seen.has(label)) {
+          seen.add(label);
+          labels.push(label);
+        }
+      }
+      if (labels.length > 0) {
+        const MAX = 5;
+        constraintBits.push(
+          labels.length > MAX ? `${labels.slice(0, MAX).join(", ")} +${labels.length - MAX}` : labels.join(", ")
+        );
       }
     }
     if (constraintBits.length > 0) {
-      dz.appendChild(el2("div", "us-dropzone-constraints", constraintBits.join("  \xB7  ")));
+      dz.appendChild(el2("div", "us-dropzone-constraints", constraintBits.join(" \xB7 ")));
     }
     const input = document.createElement("input");
     input.type = "file";
@@ -1704,6 +1717,49 @@ function el2(tag, className, text) {
   if (text !== void 0) node.textContent = text;
   return node;
 }
+var MIME_LABELS = {
+  "application/pdf": "PDF",
+  "application/msword": "DOC",
+  "application/vnd.openxmlformats-officedocument.wordprocessingml.document": "DOCX",
+  "application/vnd.ms-excel": "XLS",
+  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": "XLSX",
+  "application/vnd.ms-powerpoint": "PPT",
+  "application/vnd.openxmlformats-officedocument.presentationml.presentation": "PPTX",
+  "application/zip": "ZIP",
+  "application/json": "JSON",
+  "application/rtf": "RTF",
+  "text/plain": "TXT",
+  "text/csv": "CSV",
+  "text/html": "HTML",
+  "text/markdown": "MD",
+  "image/jpeg": "JPG",
+  "image/png": "PNG",
+  "image/gif": "GIF",
+  "image/webp": "WEBP",
+  "image/svg+xml": "SVG",
+  "image/heic": "HEIC",
+  "video/mp4": "MP4",
+  "audio/mpeg": "MP3"
+};
+var MIME_GROUP_LABELS = {
+  image: "Images",
+  video: "Video",
+  audio: "Audio",
+  text: "Text",
+  font: "Fonts"
+};
+function mimeLabel(raw) {
+  const type = raw.trim().toLowerCase();
+  if (!type) return "";
+  if (type.endsWith("/*") || !type.includes("/")) {
+    const group = type.replace("/*", "");
+    return MIME_GROUP_LABELS[group] ?? group.charAt(0).toUpperCase() + group.slice(1);
+  }
+  if (MIME_LABELS[type]) return MIME_LABELS[type];
+  if (type.startsWith(".")) return type.slice(1).toUpperCase();
+  const subtype = type.split("/")[1] ?? type;
+  return (subtype.split("+")[0].split(".").pop() ?? subtype).toUpperCase();
+}
 function formatBytes(n) {
   if (n < 1024) return `${n} B`;
   if (n < 1024 * 1024) return `${(n / 1024).toFixed(1)} KB`;