nuxt-media-library 0.0.48 → 0.0.49

package/dist/runtime/components/MLMedia/Field.d.vue.ts

@@ -0,0 +1,65 @@
+import type { MediaUploadOptions } from '../../composables/useMLMediaUpload.js';
+type __VLS_Props = {
+    /** Asset kinds the field takes: ['image'], "image,video". Empty means any file. */
+    accept?: readonly string[] | string;
+    label?: string;
+    /** Under the field. Defaults to what the field accepts and its size limit. */
+    hint?: string;
+    required?: boolean;
+    disabled?: boolean;
+    /** Bytes. */
+    maxSize?: number | null;
+    /** Shows "No alt text" on a filled image field. Alt text lives on the host record. */
+    missingAlt?: boolean;
+    /** Upload session settings for new files. */
+    visibility?: MediaUploadOptions['visibility'];
+    processingConfig?: MediaUploadOptions['processingConfig'];
+    collectionName?: string | null;
+    /** Show "Select existing", which opens the library picker. */
+    picker?: boolean;
+    /** Replaces the built-in picker, e.g. with the host's own dialog. */
+    onPick?: () => void;
+    /** Show the eye button on the thumbnail, which opens the media editor. */
+    editor?: boolean;
+    /** Label for the editor's remove button. Empty hides it. */
+    removeLabel?: string;
+    /** Replaces the built-in editor. Receives the asset ID. */
+    onOpen?: (assetId: string) => void;
+};
+type __VLS_ModelProps = {
+    modelValue?: string | null;
+    /** Alt text for the file, stored on the host record. Edited in the media editor. */
+    'alt'?: string | undefined;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    uploaded: (assetId: string) => any;
+    "update:modelValue": (value: string | null) => any;
+    "update:alt": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onUploaded?: ((assetId: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
+    "onUpdate:alt"?: ((value: string | undefined) => any) | undefined;
+}>, {
+    visibility: "private" | "restricted" | "public";
+    label: string;
+    accept: readonly string[] | string;
+    maxSize: number | null;
+    processingConfig: {
+        stepOptions?: Record<string, Record<string, unknown>> | null;
+        useFilenameAsAssetId?: boolean;
+        enableTranscription?: boolean;
+    };
+    collectionName: string | null;
+    disabled: boolean;
+    required: boolean;
+    removeLabel: string;
+    hint: string;
+    missingAlt: boolean;
+    picker: boolean;
+    onPick: () => void;
+    editor: boolean;
+    onOpen: (assetId: string) => void;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/MLMedia/Field.vue

@@ -0,0 +1,282 @@
+<script setup>
+import { computed } from "vue";
+import { useMLMediaField } from "../../composables/useMLMediaField";
+import { useMLFilePicker } from "../../composables/useMLFilePicker";
+import { useMLMediaEditor } from "../../composables/useMLMediaEditor";
+import { assetDimensions, assetDurationSeconds, assetName, assetSizeBytes, formatBytes, formatDuration } from "../../utils/assetFormat";
+const props = defineProps({
+  accept: { type: [Array, String], required: false, default: "" },
+  label: { type: String, required: false, default: void 0 },
+  hint: { type: String, required: false, default: void 0 },
+  required: { type: Boolean, required: false, default: false },
+  disabled: { type: Boolean, required: false, default: false },
+  maxSize: { type: [Number, null], required: false, default: null },
+  missingAlt: { type: Boolean, required: false, default: false },
+  visibility: { type: String, required: false, default: void 0 },
+  processingConfig: { type: Object, required: false, default: void 0 },
+  collectionName: { type: [String, null], required: false, default: null },
+  picker: { type: Boolean, required: false, default: true },
+  onPick: { type: Function, required: false, default: void 0 },
+  editor: { type: Boolean, required: false, default: true },
+  removeLabel: { type: String, required: false, default: "Remove from this field" },
+  onOpen: { type: Function, required: false, default: void 0 }
+});
+const model = defineModel({ type: [String, null], ...{ default: null } });
+const alt = defineModel("alt", { type: null, ...{ default: void 0 } });
+const emit = defineEmits(["uploaded"]);
+const field = useMLMediaField(model, {
+  accept: () => props.accept,
+  maxSize: () => props.maxSize,
+  visibility: props.visibility,
+  processingConfig: props.processingConfig,
+  collectionName: props.collectionName,
+  onUploaded: (id) => emit("uploaded", id)
+});
+const { state, asset, upload, message } = field;
+const helpText = computed(() => {
+  if (props.hint) return props.hint;
+  const parts = [field.acceptLabel.value === "any file" ? "" : `Takes ${field.acceptLabel.value}`];
+  if (props.maxSize) parts.push(`up to ${formatBytes(props.maxSize)}`);
+  return parts.filter(Boolean).join(" ").replace(/^./, (c) => c.toUpperCase());
+});
+const name = computed(() => upload.value?.file.name ?? assetName(asset.value));
+const kind = computed(() => upload.value?.kind ?? asset.value?.kind ?? null);
+const isImage = computed(() => (kind.value ?? "").toLowerCase() === "image");
+const details = computed(() => {
+  const u = upload.value;
+  if (u && state.value === "uploading") {
+    if (u.phase === "failed") return u.error ?? "Upload failed";
+    if (u.phase === "processing") return u.progress != null ? `Processing ${Math.round(u.progress)}%` : "Processing\u2026";
+    return `Uploading ${Math.round(u.progress ?? 0)}% \xB7 ${formatBytes(u.file.size)}`;
+  }
+  const a = asset.value;
+  if (!a) return "";
+  const dims = assetDimensions(a);
+  const duration = assetDurationSeconds(a);
+  return [
+    formatBytes(assetSizeBytes(a)),
+    dims ? `${dims.width} \xD7 ${dims.height}` : "",
+    duration ? formatDuration(duration) : ""
+  ].filter(Boolean).join(" \xB7 ");
+});
+const veilPhase = computed(() => {
+  const p = upload.value?.phase;
+  return state.value === "uploading" && (p === "uploading" || p === "processing" || p === "failed") ? p : null;
+});
+const filePicker = useMLFilePicker();
+const canPick = computed(() => !!props.onPick || props.picker);
+async function pickExisting() {
+  if (props.onPick) return props.onPick();
+  const ids = await filePicker.open({
+    accept: props.accept,
+    max: 1,
+    selected: [model.value],
+    title: props.label ? `Select ${props.label.toLowerCase()}` : "Select file",
+    maxSize: props.maxSize,
+    upload: { visibility: props.visibility, processingConfig: props.processingConfig, collectionName: props.collectionName }
+  });
+  if (ids) {
+    field.clearMessage();
+    model.value = ids[0] ?? null;
+  }
+}
+const mediaEditor = useMLMediaEditor();
+const canOpen = computed(() => state.value === "filled" && !!model.value && (!!props.onOpen || props.editor));
+const showNoAlt = computed(() => isImage.value && (props.missingAlt || alt.value !== void 0 && !alt.value.trim()));
+async function openEditor() {
+  const id = model.value;
+  if (!canOpen.value || !id) return;
+  if (props.onOpen) return props.onOpen(id);
+  const result = await mediaEditor.open(id, {
+    alt: alt.value ?? "",
+    readonly: props.disabled,
+    removeLabel: props.removeLabel
+  });
+  if (result?.action === "save") alt.value = result.alt[id] ?? "";
+  else if (result?.action === "remove") field.clear();
+}
+function changeItems(open) {
+  return [
+    { label: "Upload new", icon: "i-lucide-upload", onSelect: open },
+    { label: "Select existing", icon: "i-lucide-layout-grid", onSelect: () => void pickExisting() }
+  ];
+}
+</script>
+
+<template>
+  <UFormField
+    :label="label"
+    :required="required"
+    :help="message ? void 0 : helpText || void 0"
+    :error="message ?? void 0"
+  >
+    <!-- Empty -->
+    <MLMediaDropzone
+      v-if="state === 'empty'"
+      :accept="field.acceptAttr.value"
+      :multiple="false"
+      :max-size="maxSize"
+      :disabled="disabled"
+      @files="field.onFiles"
+      @rejected="field.onRejected"
+    >
+      <template
+        v-if="canPick"
+        #actions
+      >
+        <UButton
+          size="sm"
+          color="neutral"
+          variant="outline"
+          icon="i-lucide-layout-grid"
+          label="Select existing"
+          :disabled="disabled"
+          @click="pickExisting"
+        />
+      </template>
+    </MLMediaDropzone>
+
+    <!-- Loading the current file -->
+    <div
+      v-else-if="state === 'loading'"
+      class="flex items-center gap-3 rounded-lg border border-default p-2"
+    >
+      <USkeleton class="aspect-[4/3] w-20 rounded-md" />
+      <div class="flex flex-1 flex-col gap-1.5">
+        <USkeleton class="h-3.5 w-2/3" />
+        <USkeleton class="h-3 w-1/3" />
+      </div>
+    </div>
+
+    <!-- Filled, uploading, or pointing at a file that is gone -->
+    <MLMediaDropzone
+      v-else
+      variant="overlay"
+      :accept="field.acceptAttr.value"
+      :multiple="false"
+      :max-size="maxSize"
+      :disabled="disabled || state === 'uploading'"
+      title="Drop to replace"
+      class="rounded-lg"
+      @files="field.onFiles"
+      @rejected="field.onRejected"
+    >
+      <template #default="{ open }">
+        <div
+          class="flex items-center gap-3 rounded-lg border p-2"
+          :class="state === 'missing' ? 'border-warning/50 bg-warning/5' : 'border-default bg-default'"
+        >
+          <div class="group relative shrink-0">
+            <MLMediaThumbnail
+              :asset="upload?.localPreview ? null : asset"
+              :src="upload?.localPreview ?? void 0"
+              :kind="kind"
+              size="md"
+              aspect="landscape"
+            >
+              <MLMediaProgressVeil
+                v-if="veilPhase"
+                :phase="veilPhase"
+                :progress="upload?.progress ?? null"
+                compact
+              />
+            </MLMediaThumbnail>
+            <MLMediaPreviewEye
+              v-if="canOpen"
+              :name="name"
+              class="absolute bottom-1 right-1 z-20"
+              @click="openEditor"
+            />
+          </div>
+
+          <div class="flex min-w-0 flex-1 flex-col gap-0.5">
+            <span
+              v-if="state === 'missing'"
+              class="text-sm font-semibold"
+            >File unavailable</span>
+            <span
+              v-else
+              class="truncate text-sm font-semibold"
+            >{{ name }}</span>
+            <span
+              v-if="state === 'missing'"
+              class="text-xs text-muted"
+            >It was deleted, or you don't have access to it.</span>
+            <span
+              v-else
+              class="truncate text-xs tabular-nums"
+              :class="upload?.phase === 'failed' ? 'text-error' : 'text-muted'"
+            >{{ details }}</span>
+            <span
+              v-if="state === 'filled' && showNoAlt"
+              class="text-xs text-warning"
+            >No alt text</span>
+          </div>
+
+          <div
+            v-if="!disabled"
+            class="flex shrink-0 items-center gap-0.5"
+          >
+            <template v-if="state === 'uploading'">
+              <UButton
+                v-if="upload?.phase === 'failed'"
+                size="sm"
+                color="neutral"
+                variant="ghost"
+                icon="i-lucide-rotate-ccw"
+                label="Retry"
+                @click="upload?.retry()"
+              />
+              <UButton
+                v-if="upload?.phase === 'failed'"
+                size="sm"
+                color="neutral"
+                variant="ghost"
+                icon="i-lucide-x"
+                aria-label="Remove"
+                @click="field.clear()"
+              />
+              <UButton
+                v-else
+                size="sm"
+                color="neutral"
+                variant="ghost"
+                label="Cancel"
+                @click="upload?.cancel()"
+              />
+            </template>
+            <template v-else>
+              <UDropdownMenu
+                v-if="canPick"
+                :items="changeItems(open)"
+                :content="{ align: 'end' }"
+              >
+                <UButton
+                  size="sm"
+                  variant="ghost"
+                  label="Change"
+                  trailing-icon="i-lucide-chevron-down"
+                />
+              </UDropdownMenu>
+              <UButton
+                v-else
+                size="sm"
+                variant="ghost"
+                label="Change"
+                @click="open"
+              />
+              <UButton
+                size="sm"
+                color="neutral"
+                variant="ghost"
+                icon="i-lucide-x"
+                :aria-label="`Remove ${name || 'file'}`"
+                @click="field.clear()"
+              />
+            </template>
+          </div>
+        </div>
+      </template>
+    </MLMediaDropzone>
+  </UFormField>
+</template>

package/dist/runtime/components/MLMedia/Field.vue.d.ts

@@ -0,0 +1,65 @@
+import type { MediaUploadOptions } from '../../composables/useMLMediaUpload.js';
+type __VLS_Props = {
+    /** Asset kinds the field takes: ['image'], "image,video". Empty means any file. */
+    accept?: readonly string[] | string;
+    label?: string;
+    /** Under the field. Defaults to what the field accepts and its size limit. */
+    hint?: string;
+    required?: boolean;
+    disabled?: boolean;
+    /** Bytes. */
+    maxSize?: number | null;
+    /** Shows "No alt text" on a filled image field. Alt text lives on the host record. */
+    missingAlt?: boolean;
+    /** Upload session settings for new files. */
+    visibility?: MediaUploadOptions['visibility'];
+    processingConfig?: MediaUploadOptions['processingConfig'];
+    collectionName?: string | null;
+    /** Show "Select existing", which opens the library picker. */
+    picker?: boolean;
+    /** Replaces the built-in picker, e.g. with the host's own dialog. */
+    onPick?: () => void;
+    /** Show the eye button on the thumbnail, which opens the media editor. */
+    editor?: boolean;
+    /** Label for the editor's remove button. Empty hides it. */
+    removeLabel?: string;
+    /** Replaces the built-in editor. Receives the asset ID. */
+    onOpen?: (assetId: string) => void;
+};
+type __VLS_ModelProps = {
+    modelValue?: string | null;
+    /** Alt text for the file, stored on the host record. Edited in the media editor. */
+    'alt'?: string | undefined;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    uploaded: (assetId: string) => any;
+    "update:modelValue": (value: string | null) => any;
+    "update:alt": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onUploaded?: ((assetId: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
+    "onUpdate:alt"?: ((value: string | undefined) => any) | undefined;
+}>, {
+    visibility: "private" | "restricted" | "public";
+    label: string;
+    accept: readonly string[] | string;
+    maxSize: number | null;
+    processingConfig: {
+        stepOptions?: Record<string, Record<string, unknown>> | null;
+        useFilenameAsAssetId?: boolean;
+        enableTranscription?: boolean;
+    };
+    collectionName: string | null;
+    disabled: boolean;
+    required: boolean;
+    removeLabel: string;
+    hint: string;
+    missingAlt: boolean;
+    picker: boolean;
+    onPick: () => void;
+    editor: boolean;
+    onOpen: (assetId: string) => void;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/MLMedia/FileFacts.d.vue.ts

@@ -0,0 +1,19 @@
+import type { AssetDetail, DeliveryAsset } from '../../types/asset.js';
+import { type AssetFact } from '../../utils/assetFormat.js';
+type __VLS_Props = {
+    /** Derives size, dimensions, duration, pages, type and date. */
+    asset?: AssetDetail | DeliveryAsset | null;
+    /** Explicit facts; shown instead of the derived ones. */
+    items?: AssetFact[];
+    /** Appended to whichever list is used, e.g. a dedup hint. */
+    extra?: AssetFact[];
+    title?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    asset: AssetDetail | DeliveryAsset | null;
+    title: string;
+    items: AssetFact[];
+    extra: AssetFact[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/MLMedia/FileFacts.vue

@@ -0,0 +1,38 @@
+<script setup>
+import { computed } from "vue";
+import { assetFacts } from "../../utils/assetFormat";
+const props = defineProps({
+  asset: { type: [Object, null], required: false, default: null },
+  items: { type: Array, required: false, default: void 0 },
+  extra: { type: Array, required: false, default: () => [] },
+  title: { type: String, required: false, default: "File" }
+});
+const facts = computed(() => [...props.items ?? assetFacts(props.asset), ...props.extra]);
+</script>
+
+<template>
+  <section
+    v-if="facts.length"
+    class="flex flex-col gap-1.5"
+  >
+    <h4
+      v-if="title"
+      class="text-[11px] font-semibold uppercase tracking-wider text-dimmed"
+    >
+      {{ title }}
+    </h4>
+    <dl class="grid grid-cols-[auto_minmax(0,1fr)] gap-x-3 gap-y-1 text-xs">
+      <template
+        v-for="fact in facts"
+        :key="fact.label"
+      >
+        <dt class="text-muted">
+          {{ fact.label }}
+        </dt>
+        <dd class="text-right tabular-nums [overflow-wrap:anywhere]">
+          {{ fact.value }}
+        </dd>
+      </template>
+    </dl>
+  </section>
+</template>

package/dist/runtime/components/MLMedia/FileFacts.vue.d.ts

@@ -0,0 +1,19 @@
+import type { AssetDetail, DeliveryAsset } from '../../types/asset.js';
+import { type AssetFact } from '../../utils/assetFormat.js';
+type __VLS_Props = {
+    /** Derives size, dimensions, duration, pages, type and date. */
+    asset?: AssetDetail | DeliveryAsset | null;
+    /** Explicit facts; shown instead of the derived ones. */
+    items?: AssetFact[];
+    /** Appended to whichever list is used, e.g. a dedup hint. */
+    extra?: AssetFact[];
+    title?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    asset: AssetDetail | DeliveryAsset | null;
+    title: string;
+    items: AssetFact[];
+    extra: AssetFact[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/MLMedia/FilePicker.d.vue.ts

@@ -0,0 +1,23 @@
+import type { MediaUploadOptions } from '../../composables/useMLMediaUpload.js';
+type __VLS_Props = {
+    accept?: readonly string[] | string;
+    max?: number;
+    selected?: readonly string[];
+    title?: string;
+    maxSize?: number | null;
+    upload?: MediaUploadOptions;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (ids: string[] | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((ids: string[] | null) => any) | undefined;
+}>, {
+    title: string;
+    accept: readonly string[] | string;
+    maxSize: number | null;
+    max: number;
+    selected: readonly string[];
+    upload: MediaUploadOptions;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/MLMedia/FilePicker.vue

@@ -0,0 +1,33 @@
+<script setup>
+defineProps({
+  accept: { type: [Array, String], required: false, default: "" },
+  max: { type: Number, required: false, default: Number.POSITIVE_INFINITY },
+  selected: { type: Array, required: false, default: () => [] },
+  title: { type: String, required: false, default: "Select file" },
+  maxSize: { type: [Number, null], required: false, default: null },
+  upload: { type: Object, required: false, default: () => ({}) }
+});
+const emit = defineEmits(["close"]);
+</script>
+
+<template>
+  <UModal
+    :title="title"
+    :description="Number.isFinite(max) && max > 1 ? `Choose up to ${max} files` : void 0"
+    :close="{ onClick: () => emit('close', null) }"
+    :ui="{ content: 'sm:max-w-4xl', body: 'p-0 sm:p-0' }"
+    @update:open="(open) => !open && emit('close', null)"
+  >
+    <template #body>
+      <MLMediaFilePickerPanel
+        :accept="accept"
+        :max="max"
+        :selected="selected"
+        :max-size="maxSize"
+        :upload="upload"
+        @done="(ids) => emit('close', ids)"
+        @cancel="emit('close', null)"
+      />
+    </template>
+  </UModal>
+</template>

package/dist/runtime/components/MLMedia/FilePicker.vue.d.ts

@@ -0,0 +1,23 @@
+import type { MediaUploadOptions } from '../../composables/useMLMediaUpload.js';
+type __VLS_Props = {
+    accept?: readonly string[] | string;
+    max?: number;
+    selected?: readonly string[];
+    title?: string;
+    maxSize?: number | null;
+    upload?: MediaUploadOptions;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (ids: string[] | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((ids: string[] | null) => any) | undefined;
+}>, {
+    title: string;
+    accept: readonly string[] | string;
+    maxSize: number | null;
+    max: number;
+    selected: readonly string[];
+    upload: MediaUploadOptions;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/MLMedia/FilePickerPanel.d.vue.ts

@@ -0,0 +1,33 @@
+import { type MediaUploadOptions } from '../../composables/useMLMediaUpload.js';
+type __VLS_Props = {
+    /** Kinds the caller takes. Others are listed but dimmed. Empty means any. */
+    accept?: readonly string[] | string;
+    /** Most files that can be chosen. 1 makes clicks replace the choice. */
+    max?: number;
+    /** IDs already attached. Listed first and checked. */
+    selected?: readonly string[];
+    title?: string;
+    /** Bytes, for uploads from the picker. */
+    maxSize?: number | null;
+    /** Upload session settings for files dropped into the picker. */
+    upload?: MediaUploadOptions;
+    /** Grid rows for a fixed-height body; the list scrolls inside it. */
+    bodyClass?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    cancel: () => any;
+    done: (ids: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onDone?: ((ids: string[]) => any) | undefined;
+}>, {
+    title: string;
+    accept: readonly string[] | string;
+    maxSize: number | null;
+    max: number;
+    selected: readonly string[];
+    upload: MediaUploadOptions;
+    bodyClass: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;