@abraca/nuxt 0.3.0 → 1.6.0

package/dist/module.d.mts

@@ -5,10 +5,16 @@ import { AbracadabraLocale } from '../dist/runtime/locale.js';
 export { AbracadabraLocale } from '../dist/runtime/locale.js';
 export { DocTreeReturn } from '../dist/runtime/composables/useDocTree.js';
 export { DocSeoOptions } from '../dist/runtime/composables/useDocSeo.js';
+export { DocDragState } from '../dist/runtime/composables/useDocDragBus.js';
+export { ParsedMessage, TextSegment, parseMessageContent, previewMessageContent, renderMessageSegments } from '../dist/runtime/utils/chatContent.js';
+export { DupEntry, duplicateDocContent, duplicateDocTree } from '../dist/runtime/utils/duplicateDocContent.js';
 export { SlugMap, SlugMapEntry, buildSlugMap, isUUID, slugify } from '../dist/runtime/utils/slugify.js';
 export { avatarBorderStyle, avatarGradient, avatarStyleFromName } from '../dist/runtime/utils/avatarStyle.js';
 export { COLOR_PALETTES, ColorPalette, ColorShade, findPaletteByHex } from '../dist/runtime/utils/colorPalettes.js';
 export { META_FIELD_DEFINITIONS, MetaFieldDefinition } from '../dist/runtime/utils/metaFieldDefinitions.js';
+export { getCoverBlobUrl } from '../dist/runtime/utils/coverCache.js';
+export { renderNotificationDescription } from '../dist/runtime/utils/notificationRenderers.js';
+export { scanDocReferences } from '../dist/runtime/utils/docReferenceEdges.js';
 
 declare module '#app' {
     interface NuxtApp {
@@ -31,6 +37,9 @@ declare module '@nuxt/schema' {
                 serverCache?: boolean;
                 broadcastSync?: boolean;
                 webrtc?: boolean;
+                chat?: boolean;
+                spatial?: boolean;
+                media?: boolean;
             };
             locale: AbracadabraLocale;
             auth: {
@@ -135,6 +144,23 @@ interface ModuleOptions {
          * Default: false.
          */
         webrtc?: boolean;
+        /**
+         * Register built-in chat UI components (AChatInput, AChatMessages, AChatPanel, etc.).
+         * Opt-in — requires chat composable wiring in the consuming app.
+         * Default: false.
+         */
+        chat?: boolean;
+        /**
+         * Register 3D spatial renderer and composables.
+         * Requires @tresjs/core and @tresjs/cientos as optional peer dependencies.
+         * Default: false.
+         */
+        spatial?: boolean;
+        /**
+         * Register media playlist renderer with synced listening sessions.
+         * Default: false.
+         */
+        media?: boolean;
     };
     /**
      * Automatically add Vite resolve.dedupe entries for ProseMirror, TipTap, and Yjs.

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=4.0.0"
   },
-  "version": "0.3.0",
+  "version": "1.6.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -4,6 +4,11 @@ export { buildSlugMap, isUUID, slugify } from '../dist/runtime/utils/slugify.js'
 export { avatarBorderStyle, avatarGradient, avatarStyleFromName } from '../dist/runtime/utils/avatarStyle.js';
 export { COLOR_PALETTES, findPaletteByHex } from '../dist/runtime/utils/colorPalettes.js';
 export { META_FIELD_DEFINITIONS } from '../dist/runtime/utils/metaFieldDefinitions.js';
+export { parseMessageContent, previewMessageContent, renderMessageSegments } from '../dist/runtime/utils/chatContent.js';
+export { getCoverBlobUrl } from '../dist/runtime/utils/coverCache.js';
+export { renderNotificationDescription } from '../dist/runtime/utils/notificationRenderers.js';
+export { scanDocReferences } from '../dist/runtime/utils/docReferenceEdges.js';
+export { duplicateDocContent, duplicateDocTree } from '../dist/runtime/utils/duplicateDocContent.js';
 
 const module$1 = defineNuxtModule({
   meta: {
@@ -23,7 +28,10 @@ const module$1 = defineNuxtModule({
       renderers: true,
       serverCache: true,
       broadcastSync: true,
-      webrtc: false
+      webrtc: false,
+      chat: false,
+      spatial: false,
+      media: false
     },
     addViteDedupe: true,
     prefix: "",
@@ -106,12 +114,17 @@ const module$1 = defineNuxtModule({
         "prosemirror-inputrules",
         "prosemirror-history",
         "prosemirror-gapcursor",
+        "prosemirror-dropcursor",
+        "prosemirror-commands",
         "prosemirror-tables",
-        "prosemirror-schema-list",
+        "y-prosemirror",
         "yjs",
+        "y-protocols",
         "@tiptap/core",
         "@tiptap/pm",
-        "@tiptap/vue-3"
+        "@tiptap/vue-3",
+        "@tiptap/extension-collaboration",
+        "@tiptap/extension-collaboration-caret"
       ];
       nuxt.options.vite = defu(nuxt.options.vite, { resolve: { dedupe: [] } });
       const existing = nuxt.options.vite.resolve?.dedupe ?? [];
@@ -134,12 +147,15 @@ const module$1 = defineNuxtModule({
       nuxt.hook("vite:extendConfig", (config) => {
         config.resolve ??= {};
         config.resolve.alias ??= {};
-        if (Array.isArray(config.resolve.alias)) {
-          for (const [find, replacement] of Object.entries(pmMapping)) {
-            config.resolve.alias.push({ find, replacement });
+        const resolve = config.resolve;
+        if (resolve) {
+          if (Array.isArray(resolve.alias)) {
+            for (const [find, replacement] of Object.entries(pmMapping)) {
+              resolve.alias.push({ find, replacement });
+            }
+          } else {
+            Object.assign(resolve.alias, pmMapping);
           }
-        } else {
-          Object.assign(config.resolve.alias, pmMapping);
         }
       });
     }
@@ -152,14 +168,19 @@ const module$1 = defineNuxtModule({
       "prosemirror-transform",
       "prosemirror-tables",
       "prosemirror-gapcursor",
+      "prosemirror-dropcursor",
+      "prosemirror-commands",
       "prosemirror-keymap",
       "prosemirror-inputrules",
       "prosemirror-history",
       "prosemirror-schema-list",
+      "y-prosemirror",
       "@tiptap/extension-table",
       "@tiptap/extension-table-row",
       "@tiptap/extension-table-header",
       "@tiptap/extension-table-cell",
+      "@tiptap/extension-collaboration",
+      "@tiptap/extension-collaboration-caret",
       "nanoevents"
     ];
     nuxt.options.vite.optimizeDeps.include = [
@@ -223,6 +244,28 @@ const module$1 = defineNuxtModule({
         pathPrefix: false
       });
     }
+    addComponentsDir({
+      path: resolver.resolve("./runtime/components/shell"),
+      prefix: options.prefix ?? "",
+      pathPrefix: false
+    });
+    addComponentsDir({
+      path: resolver.resolve("./runtime/components/settings"),
+      prefix: options.prefix ?? "",
+      pathPrefix: false
+    });
+    addComponentsDir({
+      path: resolver.resolve("./runtime/components/editor"),
+      prefix: options.prefix ?? "",
+      pathPrefix: false
+    });
+    if (options.features?.chat) {
+      addComponentsDir({
+        path: resolver.resolve("./runtime/components/chat"),
+        prefix: options.prefix ?? "",
+        pathPrefix: false
+      });
+    }
     addComponentsDir({
       path: resolver.resolve("./runtime/components"),
       prefix: options.prefix ?? ""

package/dist/runtime/components/AAccountSwitcherModal.d.vue.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    open: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (v: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((v: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/AAccountSwitcherModal.vue

@@ -0,0 +1,158 @@
+<script setup>
+import { ref, watch } from "vue";
+import { useAbracadabra } from "../composables/useAbracadabra";
+import { usePasskeyAccounts } from "../composables/usePasskeyAccounts";
+const props = defineProps({
+  open: { type: Boolean, required: true }
+});
+const emit = defineEmits(["update:open"]);
+const { loginWithHardware, publicKeyB64 } = useAbracadabra();
+const { accounts: passkeyAccounts } = usePasskeyAccounts();
+const isLoading = ref(null);
+const error = ref(null);
+watch(() => props.open, (open) => {
+  if (!open) return;
+  error.value = null;
+  isLoading.value = null;
+});
+function formatRelative(ts) {
+  const diff = Date.now() - ts;
+  const mins = Math.floor(diff / 6e4);
+  if (mins < 1) return "just now";
+  if (mins < 60) return `${mins}m ago`;
+  const hours = Math.floor(mins / 60);
+  if (hours < 24) return `${hours}h ago`;
+  const days = Math.floor(hours / 24);
+  return `${days}d ago`;
+}
+async function switchTo(account) {
+  isLoading.value = account.publicKey;
+  error.value = null;
+  try {
+    await loginWithHardware(account.credentialId || void 0);
+    emit("update:open", false);
+  } catch (e) {
+    error.value = e?.message ?? "Login failed";
+  } finally {
+    isLoading.value = null;
+  }
+}
+async function loginAny() {
+  isLoading.value = "__any__";
+  error.value = null;
+  try {
+    await loginWithHardware();
+    emit("update:open", false);
+  } catch (e) {
+    error.value = e?.message ?? "Login failed";
+  } finally {
+    isLoading.value = null;
+  }
+}
+</script>
+
+<template>
+  <UModal
+    :open="props.open"
+    :ui="{
+  content: 'sm:max-w-md',
+  header: 'hidden',
+  footer: 'hidden'
+}"
+    @update:open="emit('update:open', $event)"
+  >
+    <template #body>
+      <div class="flex flex-col gap-5 p-6">
+        <!-- Header -->
+        <div class="flex flex-col items-center text-center gap-3 pt-4">
+          <div class="w-12 h-12 rounded-2xl bg-(--ui-bg-elevated) flex items-center justify-center">
+            <UIcon
+              name="i-lucide-users"
+              class="size-6 text-(--ui-text-muted)"
+            />
+          </div>
+          <div>
+            <h2 class="text-xl font-bold text-(--ui-text-highlighted) tracking-tight">
+              Switch Account
+            </h2>
+            <p class="text-sm text-(--ui-text-muted)">
+              Choose a passkey-protected identity.
+            </p>
+          </div>
+        </div>
+
+        <UAlert
+          v-if="error"
+          color="error"
+          variant="soft"
+          :description="error"
+        />
+
+        <div
+          v-if="passkeyAccounts.length === 0"
+          class="text-sm text-(--ui-text-muted) text-center py-4"
+        >
+          No passkey accounts on this device.
+        </div>
+
+        <!-- Account list -->
+        <div class="flex flex-col gap-1">
+          <button
+            v-for="account in passkeyAccounts"
+            :key="account.publicKey"
+            class="flex items-center gap-3 p-2.5 rounded-lg hover:bg-(--ui-bg-elevated) transition-colors text-left w-full disabled:opacity-50"
+            :disabled="isLoading !== null && isLoading !== account.publicKey"
+            @click="switchTo(account)"
+          >
+            <div class="relative shrink-0">
+              <UAvatar
+                :alt="account.displayName"
+                size="md"
+              />
+              <div
+                v-if="account.publicKey === publicKeyB64"
+                class="absolute -bottom-0.5 -right-0.5 bg-(--ui-bg) rounded-full p-px"
+              >
+                <UIcon
+                  name="i-lucide-check-circle"
+                  class="text-primary size-3.5"
+                />
+              </div>
+              <div
+                v-else-if="isLoading === account.publicKey"
+                class="absolute -bottom-0.5 -right-0.5 bg-(--ui-bg) rounded-full p-px"
+              >
+                <UIcon
+                  name="i-lucide-loader-circle"
+                  class="text-primary size-3.5 animate-spin"
+                />
+              </div>
+            </div>
+
+            <div class="flex-1 min-w-0">
+              <p class="text-sm font-medium truncate">
+                {{ account.displayName }}
+              </p>
+              <p class="text-xs text-(--ui-text-muted)">
+                Last used {{ formatRelative(account.lastUsedAt) }}
+              </p>
+            </div>
+          </button>
+        </div>
+
+        <USeparator />
+
+        <UButton
+          variant="ghost"
+          color="neutral"
+          icon="i-lucide-fingerprint"
+          class="w-full justify-start"
+          :loading="isLoading === '__any__'"
+          @click="loginAny"
+        >
+          Use Any Passkey
+        </UButton>
+      </div>
+    </template>
+  </UModal>
+</template>

package/dist/runtime/components/AAccountSwitcherModal.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    open: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (v: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((v: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/AClaimAccountModal.d.vue.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    open: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (v: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((v: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/AClaimAccountModal.vue

@@ -0,0 +1,230 @@
+<script setup>
+import { ref, watch } from "vue";
+import { UI_COLORS } from "../types";
+import { useAbracadabra } from "../composables/useAbracadabra";
+const props = defineProps({
+  open: { type: Boolean, required: true }
+});
+const emit = defineEmits(["update:open"]);
+const {
+  userName,
+  userColorName,
+  setUserColor,
+  setUserName,
+  claimAccount
+} = useAbracadabra();
+const step = ref("identity");
+const displayName = ref("");
+const isLoading = ref(false);
+const error = ref(null);
+watch(() => props.open, (open) => {
+  if (!open) return;
+  displayName.value = userName.value;
+  step.value = "identity";
+  error.value = null;
+});
+function commitIdentity() {
+  const trimmed = displayName.value.trim();
+  if (!trimmed) return;
+  step.value = "passkey";
+}
+async function handleClaim() {
+  isLoading.value = true;
+  error.value = null;
+  try {
+    const trimmed = displayName.value.trim();
+    if (trimmed && trimmed !== userName.value) setUserName(trimmed);
+    await claimAccount();
+    step.value = "success";
+  } catch (e) {
+    error.value = e?.message ?? "Passkey creation failed";
+  } finally {
+    isLoading.value = false;
+  }
+}
+</script>
+
+<template>
+  <UModal
+    :open="props.open"
+    :ui="{
+  content: 'sm:max-w-md',
+  header: 'hidden',
+  footer: 'hidden'
+}"
+    @update:open="emit('update:open', $event)"
+  >
+    <template #body>
+      <div class="p-6">
+        <!-- Step 1: Identity -->
+        <div
+          v-if="step === 'identity'"
+          class="flex flex-col gap-6"
+        >
+          <div class="flex flex-col items-center text-center gap-4 pt-4">
+            <UAvatar
+              :alt="displayName || '?'"
+              size="xl"
+              class="ring-2 ring-(--ui-border)"
+            />
+            <div>
+              <h2 class="text-xl font-bold text-(--ui-text-highlighted) tracking-tight">
+                Claim Your Identity
+              </h2>
+              <p class="text-sm text-(--ui-text-muted) mt-1">
+                Protect your identity with a hardware passkey.
+              </p>
+            </div>
+          </div>
+
+          <UInput
+            v-model="displayName"
+            placeholder="Your display name"
+            size="lg"
+            class="w-full max-w-xs mx-auto"
+            autofocus
+            @keydown.enter="commitIdentity"
+          />
+
+          <div class="flex flex-col items-center gap-2">
+            <p class="text-xs font-medium text-(--ui-text-muted) uppercase tracking-wide">
+              Identity Color
+            </p>
+            <div class="flex flex-wrap justify-center gap-1.5 max-w-78">
+              <UTooltip
+                v-for="color in UI_COLORS"
+                :key="color"
+                :text="color"
+              >
+                <button
+                  class="w-5 h-5 rounded-full ring-2 ring-offset-1 ring-offset-(--ui-bg) transition-all duration-150 hover:scale-110 focus:outline-none"
+                  :class="userColorName === color ? 'ring-current scale-110' : 'ring-transparent'"
+                  :style="{ background: `var(--color-${color}-400)` }"
+                  @click="setUserColor(color)"
+                />
+              </UTooltip>
+            </div>
+          </div>
+
+          <UButton
+            label="Continue"
+            icon="i-lucide-arrow-right"
+            trailing
+            size="lg"
+            block
+            :disabled="!displayName.trim()"
+            @click="commitIdentity"
+          />
+
+          <UButton
+            label="Cancel"
+            variant="ghost"
+            color="neutral"
+            size="sm"
+            block
+            @click="emit('update:open', false)"
+          />
+        </div>
+
+        <!-- Step 2: Passkey ceremony -->
+        <div
+          v-else-if="step === 'passkey'"
+          class="flex flex-col items-center gap-6 py-4"
+        >
+          <div class="w-16 h-16 rounded-2xl bg-(--ui-bg-elevated) flex items-center justify-center">
+            <UIcon
+              name="i-lucide-fingerprint"
+              class="size-8 text-(--ui-text-muted)"
+            />
+          </div>
+
+          <div class="text-center">
+            <p class="font-semibold text-lg text-(--ui-text-highlighted)">
+              Create Passkey
+            </p>
+            <p class="text-sm text-(--ui-text-muted) mt-1">
+              Binding identity to {{ displayName }}'s device.
+            </p>
+          </div>
+
+          <UAlert
+            v-if="error"
+            color="error"
+            variant="soft"
+            icon="i-lucide-triangle-alert"
+            :description="error"
+            class="w-full"
+          />
+
+          <UButton
+            size="lg"
+            block
+            :loading="isLoading"
+            icon="i-lucide-key-round"
+            @click="handleClaim"
+          >
+            Create Passkey
+          </UButton>
+
+          <UButton
+            variant="ghost"
+            color="neutral"
+            size="sm"
+            :disabled="isLoading"
+            @click="error = null;
+  step = 'identity'"
+          >
+            Back
+          </UButton>
+        </div>
+
+        <!-- Step 3: Success -->
+        <div
+          v-else-if="step === 'success'"
+          class="flex flex-col items-center gap-6 py-4"
+        >
+          <div class="relative">
+            <UAvatar
+              :alt="displayName"
+              size="xl"
+            />
+            <div class="absolute -bottom-1 -right-1 rounded-full p-0.5 bg-(--ui-color-success-500)">
+              <UIcon
+                name="i-lucide-shield-check"
+                class="text-white size-4"
+              />
+            </div>
+          </div>
+
+          <div class="text-center">
+            <p class="font-semibold text-lg text-(--ui-text-highlighted)">
+              Identity Protected
+            </p>
+            <p class="text-sm text-(--ui-text-muted) mt-1">
+              {{ displayName }}'s identity is now bound to this device.
+            </p>
+          </div>
+
+          <UButton
+            label="Done"
+            size="lg"
+            block
+            @click="emit('update:open', false)"
+          />
+        </div>
+
+        <!-- Step indicator -->
+        <div class="flex justify-center gap-1.5 mt-4">
+          <div
+            v-for="i in 3"
+            :key="i"
+            class="h-1 rounded-full transition-all duration-300"
+            :class="
+  i - 1 === ['identity', 'passkey', 'success'].indexOf(step) ? 'w-4 bg-(--color-primary-500)' : i - 1 < ['identity', 'passkey', 'success'].indexOf(step) ? 'w-1.5 bg-(--color-primary-500)/40' : 'w-1.5 bg-(--ui-border)'
+"
+          />
+        </div>
+      </div>
+    </template>
+  </UModal>
+</template>

package/dist/runtime/components/AClaimAccountModal.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    open: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (v: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((v: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ACollaborationUsers.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { computed, shallowRef, watch } from "vue";
+import { useAppConfig } from "#imports";
 import { useAwarenessOf } from "../composables/useYDoc";
 import { avatarBorderStyle } from "../utils/avatarStyle";
 const props = defineProps({

package/dist/runtime/components/AColorPicker.vue

@@ -1,4 +1,6 @@
 <script setup>
+import { computed, ref } from "vue";
+import { useAbraLocale } from "#imports";
 import { COLOR_PALETTES, findPaletteByHex } from "../utils/colorPalettes";
 const props = defineProps({
   modelValue: { type: String, required: false },
@@ -10,9 +12,9 @@ const locale = computed(() => useAbraLocale("colorPicker", props.labels));
 const open = ref(false);
 const swatches = computed(() => COLOR_PALETTES.map((p) => ({
   name: p.name,
-  hex: p.shades.find((s) => s.shade === 400)?.hex ?? p.shades[Math.floor(p.shades.length / 2)].hex
+  hex: p.shades.find((s) => s.shade === 400)?.hex ?? p.shades[Math.floor(p.shades.length / 2)]?.hex ?? "#888"
 })));
-const currentMatch = computed(() => props.modelValue ? findPaletteByHex(props.modelValue) : null);
+const _currentMatch = computed(() => props.modelValue ? findPaletteByHex(props.modelValue) : null);
 function select(hex) {
   if (props.modelValue === hex) {
     emit("update:modelValue", void 0);

package/dist/runtime/components/ACommandPalette.vue

@@ -1,4 +1,6 @@
 <script setup>
+import { watch } from "vue";
+import { useCommandPalette, defineShortcuts } from "#imports";
 import { useAbraLocale } from "../composables/useAbraLocale";
 const props = defineProps({
   open: { type: Boolean, required: false },
@@ -7,7 +9,7 @@ const props = defineProps({
 });
 const locale = useAbraLocale("commandPalette", props.labels);
 const emit = defineEmits(["update:open"]);
-const { isOpen, searchTerm, groups, toggle, close } = useCommandPalette();
+const { isOpen, searchTerm, groups, toggle, close: _close } = useCommandPalette();
 watch(() => props.open, (v) => {
   if (v !== void 0) isOpen.value = v;
 });
@@ -26,7 +28,7 @@ defineShortcuts({ meta_k: toggle });
           v-model="searchTerm"
           :groups="groups"
           :placeholder="placeholder ?? locale.placeholder"
-          @update:model-value="searchTerm = $event"
+          @update:model-value="searchTerm = String($event ?? '')"
         />
       </template>
     </UModal>

package/dist/runtime/components/AConnectServerModal.d.vue.ts

@@ -0,0 +1,12 @@
+type __VLS_ModelProps = {
+    'open'?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    done: (url: string) => any;
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    onDone?: ((url: string) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;