@meistrari/chat-nuxt 1.0.0

package/dist/runtime/components/conversation-files-panel.vue

@@ -0,0 +1,252 @@
+<script setup>
+import { useMagicKeys } from "@vueuse/core";
+import { getFileIcon } from "../utils/file";
+const { isOpen, conversationId, closePanel, panelWidth, setPanelWidth } = useConversationFilesPanel();
+const { openPreview, updatePreview, setError } = useFilePreviewPanel();
+const { getCached, fetchUrlAsBase64, setCache } = useMediaCache();
+const conversationIdRef = computed(() => conversationId.value);
+const { files, loading } = useConversationFiles(conversationIdRef);
+const { escape } = useMagicKeys();
+watch(() => escape?.value, (pressed) => {
+  if (pressed && isOpen.value) {
+    closePanel();
+  }
+});
+const isResizing = ref(false);
+const resizeStartX = ref(0);
+const resizeStartWidth = ref(0);
+function startResize(e) {
+  isResizing.value = true;
+  resizeStartX.value = e.clientX;
+  resizeStartWidth.value = panelWidth.value;
+  document.addEventListener("mousemove", onResize);
+  document.addEventListener("mouseup", stopResize);
+  document.body.style.cursor = "col-resize";
+  document.body.style.userSelect = "none";
+}
+function onResize(e) {
+  if (!isResizing.value)
+    return;
+  const delta = resizeStartX.value - e.clientX;
+  setPanelWidth(resizeStartWidth.value + delta);
+}
+function stopResize() {
+  isResizing.value = false;
+  document.removeEventListener("mousemove", onResize);
+  document.removeEventListener("mouseup", stopResize);
+  document.body.style.cursor = "";
+  document.body.style.userSelect = "";
+}
+onUnmounted(() => {
+  stopResize();
+});
+const searchQuery = ref("");
+const currentRequestId = ref(0);
+const filteredFiles = computed(() => {
+  let result = files.value;
+  if (searchQuery.value) {
+    const query = searchQuery.value.toLowerCase();
+    result = result.filter((f) => f.name.toLowerCase().includes(query));
+  }
+  return result;
+});
+async function handleFileClick(file) {
+  const requestId = ++currentRequestId.value;
+  const detectedFile = {
+    type: file.url.startsWith("vault://") ? "vault" : "url",
+    reference: file.url,
+    name: file.name,
+    mimeType: file.mimeType
+  };
+  if (file.url.startsWith("vault://")) {
+    const cachedBase64 = await getCached(file.url);
+    if (requestId !== currentRequestId.value)
+      return;
+    if (cachedBase64) {
+      openPreview({
+        file: detectedFile,
+        originalFileName: file.name,
+        resolvedMimeType: file.mimeType,
+        cachedBase64
+      });
+      return;
+    }
+    openPreview({
+      file: detectedFile,
+      originalFileName: file.name,
+      resolvedMimeType: file.mimeType
+    });
+    try {
+      const { url } = await $fetch("/api/vault/resolve", {
+        method: "POST",
+        body: { reference: file.url }
+      });
+      if (requestId !== currentRequestId.value)
+        return;
+      const base64 = await fetchUrlAsBase64(url);
+      if (requestId !== currentRequestId.value)
+        return;
+      if (base64) {
+        setCache(file.url, base64);
+      }
+      updatePreview({
+        resolvedUrl: url,
+        cachedBase64: base64
+      });
+    } catch (err) {
+      if (requestId !== currentRequestId.value)
+        return;
+      console.error("Failed to resolve vault file:", err);
+      setError();
+    }
+  } else {
+    let cachedBase64;
+    if (file.mimeType.startsWith("image/") || file.mimeType.startsWith("video/") || file.mimeType.startsWith("audio/")) {
+      try {
+        cachedBase64 = await fetchUrlAsBase64(file.url) ?? void 0;
+      } catch {
+      }
+    }
+    if (requestId !== currentRequestId.value)
+      return;
+    openPreview({
+      file: detectedFile,
+      resolvedUrl: file.url,
+      cachedBase64,
+      originalFileName: file.name,
+      resolvedMimeType: file.mimeType
+    });
+  }
+}
+</script>
+
+<template>
+    <Transition name="slide-panel">
+        <div
+            v-if="isOpen"
+            class="h-full flex bg-white b-l='.5px neutral-300' b-t='.5px neutral-300'"
+            style="box-shadow: 0px 12px 20px 0px rgba(163, 163, 163, 0.06);"
+        >
+            <!-- Resize Handle -->
+            <div
+                class="resize-handle"
+                @mousedown="startResize"
+            >
+                <div class="resize-indicator" />
+            </div>
+
+            <!-- Panel Content -->
+            <div class="flex-1 flex flex-col min-w-0">
+                <!-- Header -->
+                <div
+                    flex items-center justify-between
+                    h-64px px-24px py-16px
+                    flex-shrink-0
+                    b-b=".5px border-default"
+                >
+                    <p text-16px font-semibold text-primary leading-20px tracking="-.2px">
+                        Arquivos dessa conversa
+                    </p>
+
+                    <div flex items-center gap-4px>
+                        <button
+                            flex items-center justify-center
+                            p-6px rounded-10px
+                            hover:bg-neutral-200 transition-colors
+                            @click="closePanel"
+                        >
+                            <span class="i-ph-x text-20px text-gray-700" />
+                        </button>
+                    </div>
+                </div>
+
+                <!-- Content -->
+                <div flex-1 flex="~ col" gap-12px p-24px pt-16px overflow-y-auto>
+                    <!-- Search -->
+                    <div
+                        flex items-center gap-8px
+                        bg-white b=".5px grey-160" rounded-10px
+                        pl-12px pr-8px py-4px
+                        shadow-sm
+                    >
+                        <span class="i-ph-magnifying-glass text-12px text-gray-400" />
+                        <input
+                            v-model="searchQuery"
+                            type="text"
+                            placeholder="Buscar arquivos"
+                            class="flex-1 text-14px text-primary placeholder-gray-400 outline-none bg-transparent leading-18px tracking-tight"
+                        >
+                    </div>
+
+                    <!-- Loading State -->
+                    <div v-if="loading" flex="~ col" gap-12px>
+                        <div
+                            v-for="i in 3"
+                            :key="i"
+                            flex items-center gap-12px
+                            bg-white b=".5px border-strong" rounded-12px
+                            px-16px py-10px
+                            animate-pulse
+                        >
+                            <div w-16px h-16px rounded bg-gray-200 />
+                            <div flex="~ col" gap-4px flex-1>
+                                <div h-16px class="w-3/4" rounded bg-gray-200 />
+                                <div h-12px class="w-1/3" rounded bg-gray-100 />
+                            </div>
+                        </div>
+                    </div>
+
+                    <!-- Empty State -->
+                    <div
+                        v-else-if="filteredFiles.length === 0"
+                        flex="~ col" items-center justify-center
+                        py-40px gap-12px
+                    >
+                        <span class="i-ph-files-duotone text-48px text-gray-300" />
+                        <p text-14px text-tertiary>
+                            {{ searchQuery ? "Nenhum arquivo encontrado" : "Nenhum arquivo nessa conversa" }}
+                        </p>
+                    </div>
+
+                    <!-- File List -->
+                    <template v-else>
+                        <button
+                            v-for="file in filteredFiles"
+                            :key="file.id"
+                            flex items-center gap-12px
+                            bg-white b=".5px border-strong" rounded-12px
+                            px-16px py-10px
+                            hover:bg-gray-50 transition-colors
+                            text-left w-full
+                            @click="handleFileClick(file)"
+                        >
+                            <img
+                                :src="getFileIcon(file.mimeType)"
+                                :alt="file.name"
+                                w-16px h-16px flex-shrink-0
+                            >
+                            <div flex="~ col" min-w-0 flex-1>
+                                <p
+                                    text-12px font-semibold text-primary leading-16px
+                                    truncate
+                                    :title="file.name"
+                                >
+                                    {{ file.name }}
+                                </p>
+                                <div flex items-center gap-6px>
+                                    <span text-10px text-tertiary leading-12px>
+                                        {{ file.source === "context" ? "Contexto" : "Mensagem" }}
+                                    </span>
+                                </div>
+                            </div>
+                        </button>
+                    </template>
+                </div>
+            </div>
+        </div>
+    </Transition>
+</template>
+
+<style scoped>
+.slide-panel-enter-active,.slide-panel-leave-active{transition:all .2s ease}.slide-panel-enter-from,.slide-panel-leave-to{opacity:0;transform:translateX(100%)}.resize-handle{align-items:center;cursor:col-resize;display:flex;flex-shrink:0;justify-content:center;transition:background-color .15s ease;width:8px}.resize-handle:hover{background-color:rgba(0,0,0,.04)}.resize-handle:hover .resize-indicator{opacity:1}.resize-indicator{background-color:#d1d5db;border-radius:2px;height:32px;opacity:0;transition:opacity .15s ease;width:3px}
+</style>

package/dist/runtime/components/conversation-files-panel.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/csv-preview.d.vue.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    url: string;
+    maxHeight?: number;
+    clickable?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => any;
+    loaded: (args_0: {
+        totalRows: number;
+        totalColumns: number;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+    onLoaded?: ((args_0: {
+        totalRows: number;
+        totalColumns: number;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/csv-preview.vue

@@ -0,0 +1,157 @@
+<script setup>
+const props = defineProps({
+  url: { type: String, required: true },
+  maxHeight: { type: Number, required: false },
+  clickable: { type: Boolean, required: false }
+});
+const emit = defineEmits(["click", "loaded"]);
+const data = ref(null);
+const isLoading = ref(true);
+const error = ref(null);
+const maxPreviewRows = 5;
+function detectDelimiter(firstLine) {
+  if (!firstLine || firstLine.trim().length === 0)
+    return ",";
+  const delimiters = [",", ";", "	", "|"];
+  let maxCount = 0;
+  let bestDelimiter = ",";
+  for (const delimiter of delimiters) {
+    const regex = new RegExp(delimiter.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g");
+    const count = (firstLine.match(regex) || []).length;
+    if (count > maxCount) {
+      maxCount = count;
+      bestDelimiter = delimiter;
+    }
+  }
+  return bestDelimiter;
+}
+function parseCsv(text) {
+  const lines = text.replace(/\r\n/g, "\n").replace(/\r/g, "\n").split("\n").filter((line) => line.trim());
+  if (lines.length === 0) {
+    return { headers: [], rows: [] };
+  }
+  const delimiter = detectDelimiter(lines[0] ?? "");
+  const parseRow = (line, maxColumns) => {
+    const result = [];
+    let current = "";
+    let inQuotes = false;
+    for (let i = 0; i < line.length; i++) {
+      const char = line[i];
+      if (char === '"') {
+        inQuotes = !inQuotes;
+      } else if (char === delimiter && !inQuotes) {
+        if (maxColumns && result.length >= maxColumns - 1) {
+          current += char;
+        } else {
+          result.push(current.trim());
+          current = "";
+        }
+      } else {
+        current += char;
+      }
+    }
+    result.push(current.trim());
+    return result;
+  };
+  const rawHeaders = parseRow(lines[0] ?? "");
+  let headers = rawHeaders;
+  while (headers.length > 0 && headers[headers.length - 1] === "") {
+    headers = headers.slice(0, -1);
+  }
+  const rows = lines.slice(1).map((row) => parseRow(row, headers.length));
+  return { headers, rows };
+}
+async function fetchCsv() {
+  if (!props.url)
+    return;
+  isLoading.value = true;
+  error.value = null;
+  try {
+    const response = await fetch(props.url);
+    const text = await response.text();
+    data.value = parseCsv(text);
+    emit("loaded", {
+      totalRows: data.value.rows.length,
+      totalColumns: data.value.headers.length
+    });
+  } catch (err) {
+    console.error("Failed to fetch CSV:", err);
+    error.value = err?.message ?? "Falha ao carregar o CSV";
+  } finally {
+    isLoading.value = false;
+  }
+}
+const previewRows = computed(() => data.value?.rows.slice(0, maxPreviewRows) ?? []);
+const hasMore = computed(() => (data.value?.rows.length ?? 0) > maxPreviewRows);
+onMounted(fetchCsv);
+watch(() => props.url, fetchCsv);
+</script>
+
+<template>
+    <div
+        relative
+        w-full
+        overflow-hidden
+        rounded-16px
+        bg-transparent
+        transition-all
+        :class="clickable !== false ? 'cursor-pointer hover:shadow-md' : ''"
+        @click="clickable !== false && emit('click')"
+    >
+        <div v-if="isLoading" class="flex items-center justify-center mt-24px mb-24px">
+            <TelaSkeleton class="rounded-8px" style="width: 624px; height: 364px;" />
+        </div>
+
+        <div v-else-if="error" class="flex items-center justify-center h-300px mt-24px">
+            <div class="flex items-center gap-8px text-negative-dark">
+                <TelaIcon name="i-ph-table" />
+                <span body-small-regular>{{ error }}</span>
+            </div>
+        </div>
+
+        <div v-else-if="!data || data.rows.length === 0" class="flex items-center justify-center h-300px mt-24px">
+            <div class="flex items-center gap-8px text-secondary">
+                <TelaIcon name="i-ph-table" />
+                <span body-small-regular>Nenhum dado encontrado</span>
+            </div>
+        </div>
+
+        <div v-else class="pt-0 px-24px pb-24px overflow-hidden">
+            <div class="overflow-x-auto rounded-8px border border-gray-200 bg-white h-full">
+                <table class="w-full border-collapse text-12px">
+                    <thead>
+                        <tr class="bg-gray-50">
+                            <th
+                                v-for="(header, index) in data.headers"
+                                :key="index"
+                                class="px-8px py-6px text-left font-semibold text-gray-600 border-b border-gray-200 whitespace-nowrap"
+                            >
+                                {{ header }}
+                            </th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr
+                            v-for="(row, rowIndex) in previewRows"
+                            :key="rowIndex"
+                        >
+                            <td
+                                v-for="(_, cellIndex) in data.headers"
+                                :key="cellIndex"
+                                class="px-8px py-6px text-gray-700 border-b border-gray-100 max-w-150px truncate"
+                            >
+                                {{ row[cellIndex] || "\u2014" }}
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+
+            <div v-if="hasMore" class="mt-8px text-center">
+                <span class="text-11px text-gray-400">
+                    +{{ data.rows.length - maxPreviewRows }} linhas
+                </span>
+            </div>
+        </div>
+    </div>
+</template>

package/dist/runtime/components/csv-preview.vue.d.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    url: string;
+    maxHeight?: number;
+    clickable?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => any;
+    loaded: (args_0: {
+        totalRows: number;
+        totalColumns: number;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+    onLoaded?: ((args_0: {
+        totalRows: number;
+        totalColumns: number;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/file-preview-panel.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/file-preview-panel.vue

@@ -0,0 +1,185 @@
+<script setup>
+import { useMagicKeys } from "@vueuse/core";
+import { FILE_ICONS, MIME_TO_EXTENSION, normalizeMimeType } from "../utils/file";
+const { isOpen, isLoading, currentFile, closePreview, panelWidth, setPanelWidth } = useFilePreviewPanel();
+const { base64ToDataUrl } = useMediaCache();
+const { escape } = useMagicKeys();
+watch(() => escape?.value, (pressed) => {
+  if (pressed && isOpen.value) {
+    closePreview();
+  }
+});
+const isResizing = ref(false);
+const resizeStartX = ref(0);
+const resizeStartWidth = ref(0);
+function startResize(e) {
+  isResizing.value = true;
+  resizeStartX.value = e.clientX;
+  resizeStartWidth.value = panelWidth.value;
+  document.addEventListener("mousemove", onResize);
+  document.addEventListener("mouseup", stopResize);
+  document.body.style.cursor = "col-resize";
+  document.body.style.userSelect = "none";
+}
+function onResize(e) {
+  if (!isResizing.value)
+    return;
+  const delta = resizeStartX.value - e.clientX;
+  setPanelWidth(resizeStartWidth.value + delta);
+}
+function stopResize() {
+  isResizing.value = false;
+  document.removeEventListener("mousemove", onResize);
+  document.removeEventListener("mouseup", stopResize);
+  document.body.style.cursor = "";
+  document.body.style.userSelect = "";
+}
+const effectiveMimeType = computed(() => {
+  if (!currentFile.value)
+    return "unknown";
+  return currentFile.value.resolvedMimeType ?? currentFile.value.file.mimeType;
+});
+const normalizedMimeType = computed(() => normalizeMimeType(effectiveMimeType.value));
+const iconSrc = computed(() => FILE_ICONS[normalizedMimeType.value] ?? FILE_ICONS.unknown);
+const displayName = computed(() => {
+  if (!currentFile.value)
+    return "";
+  const name = currentFile.value.file.hashParams?.filename ?? currentFile.value.originalFileName ?? currentFile.value.file.name;
+  const hasExtension = /\.[a-zA-Z0-9]+$/.test(name);
+  if (hasExtension)
+    return name;
+  const ext = MIME_TO_EXTENSION[normalizedMimeType.value];
+  return ext ? `${name}.${ext}` : name;
+});
+const initialPdfPage = computed(() => currentFile.value?.file.hashParams?.pageNumber);
+const effectiveUrl = computed(() => {
+  if (!currentFile.value)
+    return void 0;
+  if (currentFile.value.cachedBase64 && normalizedMimeType.value)
+    return base64ToDataUrl(currentFile.value.cachedBase64, normalizedMimeType.value);
+  return currentFile.value.resolvedUrl;
+});
+const isDownloading = ref(false);
+async function handleDownload() {
+  if (!currentFile.value || !effectiveUrl.value)
+    return;
+  isDownloading.value = true;
+  try {
+    if (currentFile.value.cachedBase64 && normalizedMimeType.value) {
+      const byteString = atob(currentFile.value.cachedBase64);
+      const ab = new ArrayBuffer(byteString.length);
+      const ia = new Uint8Array(ab);
+      for (let i = 0; i < byteString.length; i++)
+        ia[i] = byteString.charCodeAt(i);
+      const blob2 = new Blob([ab], { type: normalizedMimeType.value });
+      const blobUrl2 = URL.createObjectURL(blob2);
+      const link2 = document.createElement("a");
+      link2.href = blobUrl2;
+      link2.download = displayName.value;
+      document.body.appendChild(link2);
+      link2.click();
+      document.body.removeChild(link2);
+      URL.revokeObjectURL(blobUrl2);
+      return;
+    }
+    const response = await fetch(effectiveUrl.value);
+    const blob = await response.blob();
+    const blobUrl = URL.createObjectURL(blob);
+    const link = document.createElement("a");
+    link.href = blobUrl;
+    link.download = displayName.value;
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    URL.revokeObjectURL(blobUrl);
+  } catch (error) {
+    console.error("Failed to download file:", error);
+    window.open(effectiveUrl.value, "_blank");
+  } finally {
+    isDownloading.value = false;
+  }
+}
+</script>
+
+<template>
+    <Transition name="slide-panel">
+        <div
+            v-if="isOpen && currentFile"
+            class="h-full flex bg-neutral-50 b-l='.5px neutral-300'"
+            style="box-shadow: 0px 12px 20px 0px rgba(163, 163, 163, 0.06);"
+        >
+            <div
+                class="resize-handle"
+                @mousedown="startResize"
+            >
+                <div class="resize-indicator" />
+            </div>
+
+            <div class="flex-1 flex flex-col min-w-0">
+                <div
+                    relative flex items-center gap-8px
+                    pl-18px pr-88px py-12px
+                    flex-shrink-0
+                >
+                    <img :src="iconSrc" :alt="displayName" w-16px h-16px flex-shrink-0>
+
+                    <p
+                        text-12px font-580 text-secondary leading-16px
+                        truncate flex-1 min-w-0
+                        :title="displayName"
+                    >
+                        {{ displayName }}
+                    </p>
+
+                    <div class="absolute top-4px right-16px flex items-center gap-4px">
+                        <button
+                            class="flex items-center justify-center w-32px h-32px rounded-10px hover:bg-neutral-200 transition-colors"
+                            :disabled="isDownloading"
+                            @click="handleDownload"
+                        >
+                            <span v-if="isDownloading" class="i-ph-spinner animate-spin text-20px text-gray-700" />
+                            <span v-else class="i-ph-download-simple text-20px text-gray-700" />
+                        </button>
+
+                        <button
+                            class="flex items-center justify-center w-32px h-32px rounded-10px hover:bg-neutral-200 transition-colors"
+                            @click="closePreview"
+                        >
+                            <span class="i-ph-x text-20px text-gray-700" />
+                        </button>
+                    </div>
+                </div>
+
+                <div
+                    flex-1 min-h-0 overflow-y-auto overflow-x-hidden
+                >
+                    <div
+                        v-if="isLoading"
+                        flex="~ col" items-center justify-center
+                        h-full gap-16px
+                    >
+                        <span class="i-ph-spinner animate-spin text-32px text-gray-400" />
+                        <p text-14px text-tertiary>
+                            Carregando arquivo...
+                        </p>
+                    </div>
+
+                    <RenderersArtifactDisplay
+                        v-else-if="effectiveUrl"
+                        :url="effectiveUrl"
+                        :mime-type="normalizedMimeType"
+                        :name="displayName"
+                        :is-downloading="isDownloading"
+                        :initial-pdf-scale="0.5"
+                        :initial-pdf-page="initialPdfPage"
+                        @download="handleDownload"
+                    />
+                </div>
+            </div>
+        </div>
+    </Transition>
+</template>
+
+<style scoped>
+.slide-panel-enter-active,.slide-panel-leave-active{transition:all .2s ease}.slide-panel-enter-from,.slide-panel-leave-to{opacity:0;transform:translateX(100%)}.resize-handle{align-items:center;cursor:col-resize;display:flex;flex-shrink:0;justify-content:center;transition:background-color .15s ease;width:8px}.resize-handle:hover{background-color:rgba(0,0,0,.04)}.resize-handle:hover .resize-indicator{opacity:1}.resize-indicator{background-color:#d1d5db;border-radius:2px;height:32px;opacity:0;transition:opacity .15s ease;width:3px}
+</style>

package/dist/runtime/components/file-preview-panel.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/file-uploader.d.vue.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    accept?: string;
+    icon?: string;
+    label?: string;
+    placeholder?: string;
+    modelValue?: File | null;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (file: File | null) => any;
+    fileChange: (file: File | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((file: File | null) => any) | undefined;
+    onFileChange?: ((file: File | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;