@morscherlab/mld-sdk 0.6.0

package/dist/components/FileUploader.vue.js

@@ -0,0 +1,416 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, createElementVNode, withKeys, withModifiers, normalizeClass, createCommentVNode, toDisplayString, Fragment, createTextVNode, createBlock, TransitionGroup, withCtx, renderList, normalizeStyle } from "vue";
+const _hoisted_1 = { class: "mld-file-uploader" };
+const _hoisted_2 = ["aria-label", "aria-disabled", "onKeydown"];
+const _hoisted_3 = {
+  key: 0,
+  class: "mld-file-uploader__glow",
+  "aria-hidden": "true"
+};
+const _hoisted_4 = ["accept", "multiple", "disabled", "webkitdirectory"];
+const _hoisted_5 = { class: "mld-file-uploader__content" };
+const _hoisted_6 = { class: "mld-file-uploader__highlight" };
+const _hoisted_7 = {
+  key: 0,
+  class: "mld-file-uploader__folder-summary"
+};
+const _hoisted_8 = { class: "mld-file-uploader__folder-info" };
+const _hoisted_9 = { class: "mld-file-uploader__folder-details" };
+const _hoisted_10 = { class: "mld-file-uploader__folder-name" };
+const _hoisted_11 = { class: "mld-file-uploader__folder-count" };
+const _hoisted_12 = { class: "mld-file-uploader__file-info" };
+const _hoisted_13 = { class: "mld-file-uploader__file-meta" };
+const _hoisted_14 = { class: "mld-file-uploader__file-name" };
+const _hoisted_15 = { class: "mld-file-uploader__file-size" };
+const _hoisted_16 = ["aria-label", "onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FileUploader",
+  props: {
+    accept: {},
+    multiple: { type: Boolean, default: false },
+    maxSize: {},
+    disabled: { type: Boolean, default: false },
+    size: { default: "md" },
+    mode: { default: "file" }
+  },
+  emits: ["upload", "error"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const isDragOver = ref(false);
+    const inputRef = ref();
+    const selectedFiles = ref([]);
+    const folderName = ref(null);
+    const isFolder = computed(() => props.mode === "folder");
+    const acceptLabel = computed(() => {
+      if (!props.accept) return "any file";
+      return props.accept.split(",").map((a) => a.trim().replace(".", "").toUpperCase()).join(", ");
+    });
+    const maxSizeLabel = computed(() => {
+      if (!props.maxSize) return null;
+      if (props.maxSize >= 1024 * 1024 * 1024) {
+        return `${(props.maxSize / (1024 * 1024 * 1024)).toFixed(1)} GB`;
+      }
+      if (props.maxSize >= 1024 * 1024) {
+        return `${(props.maxSize / (1024 * 1024)).toFixed(1)} MB`;
+      }
+      if (props.maxSize >= 1024) {
+        return `${(props.maxSize / 1024).toFixed(1)} KB`;
+      }
+      return `${props.maxSize} bytes`;
+    });
+    const fileTypeMap = {
+      csv: { color: "#10B981", label: "CSV" },
+      tsv: { color: "#10B981", label: "TSV" },
+      xlsx: { color: "#10B981", label: "XLSX" },
+      xls: { color: "#10B981", label: "XLS" },
+      pdf: { color: "#EF4444", label: "PDF" },
+      png: { color: "#8B5CF6", label: "PNG" },
+      jpg: { color: "#8B5CF6", label: "JPG" },
+      jpeg: { color: "#8B5CF6", label: "JPEG" },
+      gif: { color: "#8B5CF6", label: "GIF" },
+      svg: { color: "#8B5CF6", label: "SVG" },
+      webp: { color: "#8B5CF6", label: "WEBP" },
+      json: { color: "#F59E0B", label: "JSON" },
+      xml: { color: "#F59E0B", label: "XML" },
+      txt: { color: "#64748B", label: "TXT" },
+      zip: { color: "#6366F1", label: "ZIP" },
+      gz: { color: "#6366F1", label: "GZ" },
+      py: { color: "#3B82F6", label: "PY" },
+      js: { color: "#EAB308", label: "JS" },
+      ts: { color: "#3B82F6", label: "TS" },
+      fasta: { color: "#EC4899", label: "FASTA" },
+      fastq: { color: "#EC4899", label: "FASTQ" },
+      bam: { color: "#EC4899", label: "BAM" },
+      vcf: { color: "#EC4899", label: "VCF" }
+    };
+    function getFileType(filename) {
+      var _a;
+      const ext = ((_a = filename.split(".").pop()) == null ? void 0 : _a.toLowerCase()) || "";
+      return fileTypeMap[ext] || { color: "#94A3B8", label: ext.toUpperCase() || "FILE" };
+    }
+    function validateFiles(files) {
+      var _a;
+      const validFiles = [];
+      for (const file of Array.from(files)) {
+        if (props.maxSize && file.size > props.maxSize) {
+          emit("error", `File "${file.name}" exceeds maximum size of ${maxSizeLabel.value}`);
+          continue;
+        }
+        if (props.accept) {
+          const acceptedTypes = props.accept.split(",").map((t) => t.trim().toLowerCase());
+          const fileExt = "." + ((_a = file.name.split(".").pop()) == null ? void 0 : _a.toLowerCase());
+          const fileType = file.type.toLowerCase();
+          const isAccepted = acceptedTypes.some((type) => {
+            if (type.startsWith(".")) {
+              return fileExt === type;
+            }
+            if (type.endsWith("/*")) {
+              return fileType.startsWith(type.replace("/*", "/"));
+            }
+            return fileType === type;
+          });
+          if (!isAccepted) {
+            emit("error", `File "${file.name}" is not an accepted file type`);
+            continue;
+          }
+        }
+        validFiles.push(file);
+      }
+      return validFiles;
+    }
+    function handleFiles(files, folder) {
+      const validFiles = validateFiles(files);
+      if (validFiles.length === 0) return;
+      if (isFolder.value) {
+        folderName.value = folder || extractFolderName(validFiles);
+        selectedFiles.value = validFiles;
+        emit("upload", validFiles);
+      } else if (!props.multiple) {
+        selectedFiles.value = [validFiles[0]];
+        emit("upload", [validFiles[0]]);
+      } else {
+        selectedFiles.value = [...selectedFiles.value, ...validFiles];
+        emit("upload", validFiles);
+      }
+    }
+    function extractFolderName(files) {
+      if (files.length === 0) return null;
+      const firstPath = files[0].webkitRelativePath;
+      if (firstPath) {
+        return firstPath.split("/")[0];
+      }
+      return null;
+    }
+    function handleDrop(event) {
+      var _a, _b;
+      event.preventDefault();
+      isDragOver.value = false;
+      if (props.disabled) return;
+      if (isFolder.value && ((_a = event.dataTransfer) == null ? void 0 : _a.items)) {
+        handleFolderDrop(event.dataTransfer.items);
+      } else if ((_b = event.dataTransfer) == null ? void 0 : _b.files) {
+        handleFiles(event.dataTransfer.files);
+      }
+    }
+    async function handleFolderDrop(items) {
+      var _a;
+      const files = [];
+      let folderNameFromDrop;
+      for (const item of Array.from(items)) {
+        const entry = (_a = item.webkitGetAsEntry) == null ? void 0 : _a.call(item);
+        if (entry == null ? void 0 : entry.isDirectory) {
+          folderNameFromDrop = entry.name;
+          await readDirectory(entry, files);
+        } else if (entry == null ? void 0 : entry.isFile) {
+          const file = await getFile(entry);
+          if (file) files.push(file);
+        }
+      }
+      if (files.length > 0) {
+        handleFiles(files, folderNameFromDrop);
+      }
+    }
+    async function readDirectory(directory, files) {
+      const reader = directory.createReader();
+      const entries = await new Promise((resolve) => {
+        reader.readEntries(resolve);
+      });
+      for (const entry of entries) {
+        if (entry.isFile) {
+          const file = await getFile(entry);
+          if (file) files.push(file);
+        } else if (entry.isDirectory) {
+          await readDirectory(entry, files);
+        }
+      }
+    }
+    function getFile(entry) {
+      return new Promise((resolve) => {
+        entry.file(resolve, () => resolve(null));
+      });
+    }
+    function handleDragOver(event) {
+      event.preventDefault();
+      if (!props.disabled) {
+        isDragOver.value = true;
+      }
+    }
+    function handleDragLeave() {
+      isDragOver.value = false;
+    }
+    function handleInputChange(event) {
+      const target = event.target;
+      if (target.files) {
+        handleFiles(target.files);
+      }
+      target.value = "";
+    }
+    function openFilePicker() {
+      var _a;
+      if (!props.disabled) {
+        (_a = inputRef.value) == null ? void 0 : _a.click();
+      }
+    }
+    function removeFile(index) {
+      selectedFiles.value = selectedFiles.value.filter((_, i) => i !== index);
+      if (isFolder.value && selectedFiles.value.length === 0) {
+        folderName.value = null;
+      }
+    }
+    function clearAll() {
+      selectedFiles.value = [];
+      folderName.value = null;
+    }
+    function formatFileSize(bytes) {
+      if (bytes >= 1024 * 1024) {
+        return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+      }
+      if (bytes >= 1024) {
+        return `${(bytes / 1024).toFixed(1)} KB`;
+      }
+      return `${bytes} bytes`;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          role: "button",
+          tabindex: "0",
+          "aria-label": __props.disabled ? "File upload disabled" : "Click or drag files to upload",
+          "aria-disabled": __props.disabled,
+          class: normalizeClass([
+            "mld-file-uploader__dropzone",
+            `mld-file-uploader__dropzone--${__props.size}`,
+            isDragOver.value ? "mld-file-uploader__dropzone--dragover" : "",
+            __props.disabled ? "mld-file-uploader__dropzone--disabled" : "",
+            selectedFiles.value.length > 0 ? "mld-file-uploader__dropzone--has-files" : ""
+          ]),
+          onClick: openFilePicker,
+          onKeydown: [
+            withKeys(openFilePicker, ["enter"]),
+            withKeys(withModifiers(openFilePicker, ["prevent"]), ["space"])
+          ],
+          onDrop: handleDrop,
+          onDragover: handleDragOver,
+          onDragleave: handleDragLeave
+        }, [
+          _cache[4] || (_cache[4] = createElementVNode("div", {
+            class: "mld-file-uploader__border",
+            "aria-hidden": "true"
+          }, null, -1)),
+          isDragOver.value ? (openBlock(), createElementBlock("div", _hoisted_3)) : createCommentVNode("", true),
+          createElementVNode("input", {
+            ref_key: "inputRef",
+            ref: inputRef,
+            type: "file",
+            accept: __props.accept,
+            multiple: isFolder.value || __props.multiple,
+            disabled: __props.disabled,
+            webkitdirectory: isFolder.value || void 0,
+            class: "mld-file-uploader__input",
+            onChange: handleInputChange
+          }, null, 40, _hoisted_4),
+          createElementVNode("div", _hoisted_5, [
+            createElementVNode("div", {
+              class: normalizeClass(["mld-file-uploader__icon-wrapper", `mld-file-uploader__icon-wrapper--${__props.size}`])
+            }, [
+              _cache[2] || (_cache[2] = createElementVNode("div", {
+                class: "mld-file-uploader__icon-bg",
+                "aria-hidden": "true"
+              }, null, -1)),
+              isFolder.value ? (openBlock(), createElementBlock("svg", {
+                key: 0,
+                class: normalizeClass(["mld-file-uploader__icon", `mld-file-uploader__icon--${__props.size}`]),
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                viewBox: "0 0 24 24"
+              }, [..._cache[0] || (_cache[0] = [
+                createElementVNode("path", { d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" }, null, -1)
+              ])], 2)) : (openBlock(), createElementBlock("svg", {
+                key: 1,
+                class: normalizeClass(["mld-file-uploader__icon", `mld-file-uploader__icon--${__props.size}`]),
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                viewBox: "0 0 24 24"
+              }, [..._cache[1] || (_cache[1] = [
+                createElementVNode("path", { d: "M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242" }, null, -1),
+                createElementVNode("path", { d: "M12 13v8" }, null, -1),
+                createElementVNode("path", { d: "m8 17 4-4 4 4" }, null, -1)
+              ])], 2))
+            ], 2),
+            createElementVNode("p", {
+              class: normalizeClass(["mld-file-uploader__text", `mld-file-uploader__text--${__props.size}`])
+            }, [
+              createElementVNode("span", _hoisted_6, toDisplayString(isFolder.value ? "Click to select folder" : "Click to upload"), 1),
+              _cache[3] || (_cache[3] = createElementVNode("span", { class: "mld-file-uploader__text-secondary" }, " or drag and drop", -1))
+            ], 2),
+            createElementVNode("p", {
+              class: normalizeClass(["mld-file-uploader__hint", `mld-file-uploader__hint--${__props.size}`])
+            }, [
+              isFolder.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                createTextVNode(" Select a folder to upload all files within ")
+              ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                createTextVNode(toDisplayString(acceptLabel.value) + toDisplayString(maxSizeLabel.value ? ` (max ${maxSizeLabel.value})` : ""), 1)
+              ], 64))
+            ], 2)
+          ])
+        ], 42, _hoisted_2),
+        isFolder.value && folderName.value && selectedFiles.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_7, [
+          createElementVNode("div", _hoisted_8, [
+            _cache[5] || (_cache[5] = createElementVNode("div", { class: "mld-file-uploader__folder-icon-wrapper" }, [
+              createElementVNode("svg", {
+                class: "mld-file-uploader__folder-icon",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                viewBox: "0 0 24 24"
+              }, [
+                createElementVNode("path", { d: "m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2" })
+              ])
+            ], -1)),
+            createElementVNode("div", _hoisted_9, [
+              createElementVNode("span", _hoisted_10, toDisplayString(folderName.value), 1),
+              createElementVNode("span", _hoisted_11, toDisplayString(selectedFiles.value.length) + " file" + toDisplayString(selectedFiles.value.length !== 1 ? "s" : ""), 1)
+            ])
+          ]),
+          createElementVNode("button", {
+            type: "button",
+            "aria-label": "Clear folder",
+            class: "mld-file-uploader__remove-btn",
+            onClick: withModifiers(clearAll, ["stop"])
+          }, [..._cache[6] || (_cache[6] = [
+            createElementVNode("svg", {
+              class: "mld-file-uploader__remove-icon",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              viewBox: "0 0 24 24"
+            }, [
+              createElementVNode("path", { d: "M18 6 6 18" }),
+              createElementVNode("path", { d: "m6 6 12 12" })
+            ], -1)
+          ])])
+        ])) : createCommentVNode("", true),
+        !isFolder.value && selectedFiles.value.length > 0 ? (openBlock(), createBlock(TransitionGroup, {
+          key: 1,
+          tag: "ul",
+          name: "mld-file-uploader-item",
+          class: "mld-file-uploader__list"
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(selectedFiles.value, (file, index) => {
+              return openBlock(), createElementBlock("li", {
+                key: `${file.name}-${file.size}-${index}`,
+                class: "mld-file-uploader__file"
+              }, [
+                createElementVNode("div", _hoisted_12, [
+                  createElementVNode("span", {
+                    class: "mld-file-uploader__file-badge",
+                    style: normalizeStyle({ "--badge-color": getFileType(file.name).color })
+                  }, toDisplayString(getFileType(file.name).label), 5),
+                  createElementVNode("div", _hoisted_13, [
+                    createElementVNode("span", _hoisted_14, toDisplayString(file.name), 1),
+                    createElementVNode("span", _hoisted_15, toDisplayString(formatFileSize(file.size)), 1)
+                  ])
+                ]),
+                createElementVNode("button", {
+                  type: "button",
+                  "aria-label": `Remove ${file.name}`,
+                  class: "mld-file-uploader__remove-btn",
+                  onClick: withModifiers(($event) => removeFile(index), ["stop"])
+                }, [..._cache[7] || (_cache[7] = [
+                  createElementVNode("svg", {
+                    class: "mld-file-uploader__remove-icon",
+                    fill: "none",
+                    stroke: "currentColor",
+                    "stroke-width": "2",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round",
+                    viewBox: "0 0 24 24"
+                  }, [
+                    createElementVNode("path", { d: "M18 6 6 18" }),
+                    createElementVNode("path", { d: "m6 6 12 12" })
+                  ], -1)
+                ])], 8, _hoisted_16)
+              ]);
+            }), 128))
+          ]),
+          _: 1
+        })) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=FileUploader.vue.js.map

package/dist/components/FileUploader.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploader.vue.js","sources":["../../src/components/FileUploader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed } from 'vue'\n\ninterface Props {\n  accept?: string\n  multiple?: boolean\n  maxSize?: number\n  disabled?: boolean\n  size?: 'sm' | 'md' | 'lg'\n  mode?: 'file' | 'folder'\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  multiple: false,\n  disabled: false,\n  size: 'md',\n  mode: 'file',\n})\n\nconst emit = defineEmits<{\n  upload: [files: File[]]\n  error: [message: string]\n}>()\n\nconst isDragOver = ref(false)\nconst inputRef = ref<HTMLInputElement>()\nconst selectedFiles = ref<File[]>([])\nconst folderName = ref<string | null>(null)\n\nconst isFolder = computed(() => props.mode === 'folder')\n\nconst acceptLabel = computed(() => {\n  if (!props.accept) return 'any file'\n  return props.accept.split(',').map(a => a.trim().replace('.', '').toUpperCase()).join(', ')\n})\n\nconst maxSizeLabel = computed(() => {\n  if (!props.maxSize) return null\n  if (props.maxSize >= 1024 * 1024 * 1024) {\n    return `${(props.maxSize / (1024 * 1024 * 1024)).toFixed(1)} GB`\n  }\n  if (props.maxSize >= 1024 * 1024) {\n    return `${(props.maxSize / (1024 * 1024)).toFixed(1)} MB`\n  }\n  if (props.maxSize >= 1024) {\n    return `${(props.maxSize / 1024).toFixed(1)} KB`\n  }\n  return `${props.maxSize} bytes`\n})\n\nconst fileTypeMap: Record<string, { color: string; label: string }> = {\n  csv: { color: '#10B981', label: 'CSV' },\n  tsv: { color: '#10B981', label: 'TSV' },\n  xlsx: { color: '#10B981', label: 'XLSX' },\n  xls: { color: '#10B981', label: 'XLS' },\n  pdf: { color: '#EF4444', label: 'PDF' },\n  png: { color: '#8B5CF6', label: 'PNG' },\n  jpg: { color: '#8B5CF6', label: 'JPG' },\n  jpeg: { color: '#8B5CF6', label: 'JPEG' },\n  gif: { color: '#8B5CF6', label: 'GIF' },\n  svg: { color: '#8B5CF6', label: 'SVG' },\n  webp: { color: '#8B5CF6', label: 'WEBP' },\n  json: { color: '#F59E0B', label: 'JSON' },\n  xml: { color: '#F59E0B', label: 'XML' },\n  txt: { color: '#64748B', label: 'TXT' },\n  zip: { color: '#6366F1', label: 'ZIP' },\n  gz: { color: '#6366F1', label: 'GZ' },\n  py: { color: '#3B82F6', label: 'PY' },\n  js: { color: '#EAB308', label: 'JS' },\n  ts: { color: '#3B82F6', label: 'TS' },\n  fasta: { color: '#EC4899', label: 'FASTA' },\n  fastq: { color: '#EC4899', label: 'FASTQ' },\n  bam: { color: '#EC4899', label: 'BAM' },\n  vcf: { color: '#EC4899', label: 'VCF' },\n}\n\nfunction getFileType(filename: string): { color: string; label: string } {\n  const ext = filename.split('.').pop()?.toLowerCase() || ''\n  return fileTypeMap[ext] || { color: '#94A3B8', label: ext.toUpperCase() || 'FILE' }\n}\n\nfunction validateFiles(files: FileList | File[]): File[] {\n  const validFiles: File[] = []\n\n  for (const file of Array.from(files)) {\n    if (props.maxSize && file.size > props.maxSize) {\n      emit('error', `File \"${file.name}\" exceeds maximum size of ${maxSizeLabel.value}`)\n      continue\n    }\n\n    if (props.accept) {\n      const acceptedTypes = props.accept.split(',').map(t => t.trim().toLowerCase())\n      const fileExt = '.' + file.name.split('.').pop()?.toLowerCase()\n      const fileType = file.type.toLowerCase()\n\n      const isAccepted = acceptedTypes.some(type => {\n        if (type.startsWith('.')) {\n          return fileExt === type\n        }\n        if (type.endsWith('/*')) {\n          return fileType.startsWith(type.replace('/*', '/'))\n        }\n        return fileType === type\n      })\n\n      if (!isAccepted) {\n        emit('error', `File \"${file.name}\" is not an accepted file type`)\n        continue\n      }\n    }\n\n    validFiles.push(file)\n  }\n\n  return validFiles\n}\n\nfunction handleFiles(files: FileList | File[], folder?: string) {\n  const validFiles = validateFiles(files)\n  if (validFiles.length === 0) return\n\n  if (isFolder.value) {\n    folderName.value = folder || extractFolderName(validFiles)\n    selectedFiles.value = validFiles\n    emit('upload', validFiles)\n  } else if (!props.multiple) {\n    selectedFiles.value = [validFiles[0]]\n    emit('upload', [validFiles[0]])\n  } else {\n    selectedFiles.value = [...selectedFiles.value, ...validFiles]\n    emit('upload', validFiles)\n  }\n}\n\nfunction extractFolderName(files: File[]): string | null {\n  if (files.length === 0) return null\n  const firstPath = files[0].webkitRelativePath\n  if (firstPath) {\n    return firstPath.split('/')[0]\n  }\n  return null\n}\n\nfunction handleDrop(event: DragEvent) {\n  event.preventDefault()\n  isDragOver.value = false\n  if (props.disabled) return\n\n  if (isFolder.value && event.dataTransfer?.items) {\n    handleFolderDrop(event.dataTransfer.items)\n  } else if (event.dataTransfer?.files) {\n    handleFiles(event.dataTransfer.files)\n  }\n}\n\nasync function handleFolderDrop(items: DataTransferItemList) {\n  const files: File[] = []\n  let folderNameFromDrop: string | undefined\n\n  for (const item of Array.from(items)) {\n    const entry = item.webkitGetAsEntry?.()\n    if (entry?.isDirectory) {\n      folderNameFromDrop = entry.name\n      await readDirectory(entry as FileSystemDirectoryEntry, files)\n    } else if (entry?.isFile) {\n      const file = await getFile(entry as FileSystemFileEntry)\n      if (file) files.push(file)\n    }\n  }\n\n  if (files.length > 0) {\n    handleFiles(files, folderNameFromDrop)\n  }\n}\n\nasync function readDirectory(directory: FileSystemDirectoryEntry, files: File[]): Promise<void> {\n  const reader = directory.createReader()\n  const entries = await new Promise<FileSystemEntry[]>((resolve) => {\n    reader.readEntries(resolve)\n  })\n\n  for (const entry of entries) {\n    if (entry.isFile) {\n      const file = await getFile(entry as FileSystemFileEntry)\n      if (file) files.push(file)\n    } else if (entry.isDirectory) {\n      await readDirectory(entry as FileSystemDirectoryEntry, files)\n    }\n  }\n}\n\nfunction getFile(entry: FileSystemFileEntry): Promise<File | null> {\n  return new Promise((resolve) => {\n    entry.file(resolve, () => resolve(null))\n  })\n}\n\nfunction handleDragOver(event: DragEvent) {\n  event.preventDefault()\n  if (!props.disabled) {\n    isDragOver.value = true\n  }\n}\n\nfunction handleDragLeave() {\n  isDragOver.value = false\n}\n\nfunction handleInputChange(event: Event) {\n  const target = event.target as HTMLInputElement\n  if (target.files) {\n    handleFiles(target.files)\n  }\n  target.value = ''\n}\n\nfunction openFilePicker() {\n  if (!props.disabled) {\n    inputRef.value?.click()\n  }\n}\n\nfunction removeFile(index: number) {\n  selectedFiles.value = selectedFiles.value.filter((_, i) => i !== index)\n  if (isFolder.value && selectedFiles.value.length === 0) {\n    folderName.value = null\n  }\n}\n\nfunction clearAll() {\n  selectedFiles.value = []\n  folderName.value = null\n}\n\nfunction formatFileSize(bytes: number): string {\n  if (bytes >= 1024 * 1024) {\n    return `${(bytes / (1024 * 1024)).toFixed(1)} MB`\n  }\n  if (bytes >= 1024) {\n    return `${(bytes / 1024).toFixed(1)} KB`\n  }\n  return `${bytes} bytes`\n}\n</script>\n\n<template>\n  <div class=\"mld-file-uploader\">\n    <!-- Dropzone -->\n    <div\n      role=\"button\"\n      tabindex=\"0\"\n      :aria-label=\"disabled ? 'File upload disabled' : 'Click or drag files to upload'\"\n      :aria-disabled=\"disabled\"\n      :class=\"[\n        'mld-file-uploader__dropzone',\n        `mld-file-uploader__dropzone--${size}`,\n        isDragOver ? 'mld-file-uploader__dropzone--dragover' : '',\n        disabled ? 'mld-file-uploader__dropzone--disabled' : '',\n        selectedFiles.length > 0 ? 'mld-file-uploader__dropzone--has-files' : '',\n      ]\"\n      @click=\"openFilePicker\"\n      @keydown.enter=\"openFilePicker\"\n      @keydown.space.prevent=\"openFilePicker\"\n      @drop=\"handleDrop\"\n      @dragover=\"handleDragOver\"\n      @dragleave=\"handleDragLeave\"\n    >\n      <!-- Animated border overlay -->\n      <div class=\"mld-file-uploader__border\" aria-hidden=\"true\" />\n\n      <!-- Glow effect on drag -->\n      <div v-if=\"isDragOver\" class=\"mld-file-uploader__glow\" aria-hidden=\"true\" />\n\n      <input\n        ref=\"inputRef\"\n        type=\"file\"\n        :accept=\"accept\"\n        :multiple=\"isFolder || multiple\"\n        :disabled=\"disabled\"\n        :webkitdirectory=\"isFolder || undefined\"\n        class=\"mld-file-uploader__input\"\n        @change=\"handleInputChange\"\n      />\n\n      <div class=\"mld-file-uploader__content\">\n        <!-- Animated icon -->\n        <div :class=\"['mld-file-uploader__icon-wrapper', `mld-file-uploader__icon-wrapper--${size}`]\">\n          <div class=\"mld-file-uploader__icon-bg\" aria-hidden=\"true\" />\n          <svg\n            v-if=\"isFolder\"\n            :class=\"['mld-file-uploader__icon', `mld-file-uploader__icon--${size}`]\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path d=\"M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z\" />\n          </svg>\n          <svg\n            v-else\n            :class=\"['mld-file-uploader__icon', `mld-file-uploader__icon--${size}`]\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path d=\"M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242\" /><path d=\"M12 13v8\" /><path d=\"m8 17 4-4 4 4\" />\n          </svg>\n        </div>\n\n        <p :class=\"['mld-file-uploader__text', `mld-file-uploader__text--${size}`]\">\n          <span class=\"mld-file-uploader__highlight\">{{ isFolder ? 'Click to select folder' : 'Click to upload' }}</span>\n          <span class=\"mld-file-uploader__text-secondary\"> or drag and drop</span>\n        </p>\n\n        <p :class=\"['mld-file-uploader__hint', `mld-file-uploader__hint--${size}`]\">\n          <template v-if=\"isFolder\">\n            Select a folder to upload all files within\n          </template>\n          <template v-else>\n            {{ acceptLabel }}{{ maxSizeLabel ? ` (max ${maxSizeLabel})` : '' }}\n          </template>\n        </p>\n      </div>\n    </div>\n\n    <!-- Folder summary display -->\n    <div v-if=\"isFolder && folderName && selectedFiles.length > 0\" class=\"mld-file-uploader__folder-summary\">\n      <div class=\"mld-file-uploader__folder-info\">\n        <div class=\"mld-file-uploader__folder-icon-wrapper\">\n          <svg class=\"mld-file-uploader__folder-icon\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\">\n            <path d=\"m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2\" />\n          </svg>\n        </div>\n        <div class=\"mld-file-uploader__folder-details\">\n          <span class=\"mld-file-uploader__folder-name\">{{ folderName }}</span>\n          <span class=\"mld-file-uploader__folder-count\">{{ selectedFiles.length }} file{{ selectedFiles.length !== 1 ? 's' : '' }}</span>\n        </div>\n      </div>\n      <button\n        type=\"button\"\n        aria-label=\"Clear folder\"\n        class=\"mld-file-uploader__remove-btn\"\n        @click.stop=\"clearAll\"\n      >\n        <svg class=\"mld-file-uploader__remove-icon\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\">\n          <path d=\"M18 6 6 18\" /><path d=\"m6 6 12 12\" />\n        </svg>\n      </button>\n    </div>\n\n    <!-- File list display -->\n    <TransitionGroup\n      v-if=\"!isFolder && selectedFiles.length > 0\"\n      tag=\"ul\"\n      name=\"mld-file-uploader-item\"\n      class=\"mld-file-uploader__list\"\n    >\n      <li\n        v-for=\"(file, index) in selectedFiles\"\n        :key=\"`${file.name}-${file.size}-${index}`\"\n        class=\"mld-file-uploader__file\"\n      >\n        <div class=\"mld-file-uploader__file-info\">\n          <span\n            class=\"mld-file-uploader__file-badge\"\n            :style=\"{ '--badge-color': getFileType(file.name).color }\"\n          >\n            {{ getFileType(file.name).label }}\n          </span>\n          <div class=\"mld-file-uploader__file-meta\">\n            <span class=\"mld-file-uploader__file-name\">{{ file.name }}</span>\n            <span class=\"mld-file-uploader__file-size\">{{ formatFileSize(file.size) }}</span>\n          </div>\n        </div>\n        <button\n          type=\"button\"\n          :aria-label=\"`Remove ${file.name}`\"\n          class=\"mld-file-uploader__remove-btn\"\n          @click.stop=\"removeFile(index)\"\n        >\n          <svg class=\"mld-file-uploader__remove-icon\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" viewBox=\"0 0 24 24\">\n            <path d=\"M18 6 6 18\" /><path d=\"m6 6 12 12\" />\n          </svg>\n        </button>\n      </li>\n    </TransitionGroup>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/file-uploader.css';\n</style>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_normalizeClass","_toDisplayString","_Fragment","_createBlock","_TransitionGroup","_renderList","_withModifiers"],"mappings":"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"}

package/dist/components/FileUploader.vue3.js

@@ -0,0 +1,6 @@
+import _sfc_main from "./FileUploader.vue.js";
+/* empty css                  */
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=FileUploader.vue3.js.map

package/dist/components/FileUploader.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploader.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/FormField.vue.d.ts

@@ -0,0 +1,24 @@
+interface Props {
+    label?: string;
+    error?: string;
+    hint?: string;
+    required?: boolean;
+    htmlFor?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): 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, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, 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;
+    };
+};

package/dist/components/FormField.vue.js

@@ -0,0 +1,45 @@
+import { defineComponent, openBlock, createElementBlock, createTextVNode, toDisplayString, createCommentVNode, renderSlot } from "vue";
+const _hoisted_1 = { class: "mld-form-field" };
+const _hoisted_2 = ["for"];
+const _hoisted_3 = {
+  key: 0,
+  class: "mld-form-field__required"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "mld-form-field__error"
+};
+const _hoisted_5 = {
+  key: 2,
+  class: "mld-form-field__hint"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FormField",
+  props: {
+    label: {},
+    error: {},
+    hint: {},
+    required: { type: Boolean },
+    htmlFor: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.label ? (openBlock(), createElementBlock("label", {
+          key: 0,
+          for: __props.htmlFor,
+          class: "mld-form-field__label"
+        }, [
+          createTextVNode(toDisplayString(__props.label) + " ", 1),
+          __props.required ? (openBlock(), createElementBlock("span", _hoisted_3, "*")) : createCommentVNode("", true)
+        ], 8, _hoisted_2)) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default"),
+        __props.error ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(__props.error), 1)) : __props.hint ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(__props.hint), 1)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=FormField.vue.js.map

package/dist/components/FormField.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.vue.js","sources":["../../src/components/FormField.vue"],"sourcesContent":["<script setup lang=\"ts\">\ninterface Props {\n  label?: string\n  error?: string\n  hint?: string\n  required?: boolean\n  htmlFor?: string\n}\n\ndefineProps<Props>()\n</script>\n\n<template>\n  <div class=\"mld-form-field\">\n    <label\n      v-if=\"label\"\n      :for=\"htmlFor\"\n      class=\"mld-form-field__label\"\n    >\n      {{ label }}\n      <span v-if=\"required\" class=\"mld-form-field__required\">*</span>\n    </label>\n\n    <slot />\n\n    <p v-if=\"error\" class=\"mld-form-field__error\">\n      {{ error }}\n    </p>\n    <p v-else-if=\"hint\" class=\"mld-form-field__hint\">\n      {{ hint }}\n    </p>\n  </div>\n</template>\n\n<style>\n@import '../styles/components/form-field.css';\n</style>\n"],"names":["_openBlock","_createElementBlock","_createTextVNode","_toDisplayString","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAaE,aAAAA,UAAA,GAAAC,mBAkBM,OAlBN,YAkBM;AAAA,QAhBI,QAAA,sBADRA,mBAOQ,SAAA;AAAA;UALL,KAAK,QAAA;AAAA,UACN,OAAM;AAAA,QAAA;UAEHC,gBAAAC,gBAAA,QAAA,KAAK,IAAG,KACX,CAAA;AAAA,UAAY,QAAA,yBAAZF,mBAA+D,QAA/D,YAAuD,GAAC;;QAG1DG,WAAQ,KAAA,QAAA,SAAA;AAAA,QAEC,QAAA,sBAATH,mBAEI,KAFJ,YAEIE,gBADC,QAAA,KAAK,GAAA,CAAA,KAEI,QAAA,qBAAdF,mBAEI,KAFJ,YAEIE,gBADC,QAAA,IAAI,GAAA,CAAA;;;;;"}

package/dist/components/FormField.vue3.js

@@ -0,0 +1,6 @@
+import _sfc_main from "./FormField.vue.js";
+/* empty css               */
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=FormField.vue3.js.map

package/dist/components/FormField.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/FormulaInput.vue.d.ts

@@ -0,0 +1,25 @@
+interface Props {
+    modelValue?: string;
+    showPreview?: boolean;
+    showMW?: boolean;
+    placeholder?: string;
+    error?: boolean;
+    disabled?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+    mw: (mw: number | null) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onMw?: ((mw: number | null) => any) | undefined;
+}>, {
+    error: boolean;
+    disabled: boolean;
+    size: "sm" | "md" | "lg";
+    modelValue: string;
+    placeholder: string;
+    showPreview: boolean;
+    showMW: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;