@abraca/nuxt 0.1.0

package/README.md

@@ -0,0 +1,84 @@
+<!--
+Get your module up and running quickly.
+
+Find and replace all on all files (CMD+SHIFT+F):
+- Name: My Module
+- Package name: my-module
+- Description: My new Nuxt module
+-->
+
+# My Module
+
+[![npm version][npm-version-src]][npm-version-href]
+[![npm downloads][npm-downloads-src]][npm-downloads-href]
+[![License][license-src]][license-href]
+[![Nuxt][nuxt-src]][nuxt-href]
+
+My new Nuxt module for doing amazing things.
+
+- [✨ &nbsp;Release Notes](/CHANGELOG.md)
+<!-- - [🏀 Online playground](https://stackblitz.com/github/your-org/my-module?file=playground%2Fapp.vue) -->
+<!-- - [📖 &nbsp;Documentation](https://example.com) -->
+
+## Features
+
+<!-- Highlight some of the features your module provide here -->
+- ⛰ &nbsp;Foo
+- 🚠 &nbsp;Bar
+- 🌲 &nbsp;Baz
+
+## Quick Setup
+
+Install the module to your Nuxt application with one command:
+
+```bash
+npx nuxt module add my-module
+```
+
+That's it! You can now use My Module in your Nuxt app ✨
+
+
+## Contribution
+
+<details>
+  <summary>Local development</summary>
+  
+  ```bash
+  # Install dependencies
+  npm install
+  
+  # Generate type stubs
+  npm run dev:prepare
+  
+  # Develop with the playground
+  npm run dev
+  
+  # Build the playground
+  npm run dev:build
+  
+  # Run ESLint
+  npm run lint
+  
+  # Run Vitest
+  npm run test
+  npm run test:watch
+  
+  # Release new version
+  npm run release
+  ```
+
+</details>
+
+
+<!-- Badges -->
+[npm-version-src]: https://img.shields.io/npm/v/my-module/latest.svg?style=flat&colorA=020420&colorB=00DC82
+[npm-version-href]: https://npmjs.com/package/my-module
+
+[npm-downloads-src]: https://img.shields.io/npm/dm/my-module.svg?style=flat&colorA=020420&colorB=00DC82
+[npm-downloads-href]: https://npm.chart.dev/my-module
+
+[license-src]: https://img.shields.io/npm/l/my-module.svg?style=flat&colorA=020420&colorB=00DC82
+[license-href]: https://npmjs.com/package/my-module
+
+[nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt
+[nuxt-href]: https://nuxt.com

package/dist/module.d.mts

@@ -0,0 +1,201 @@
+import * as _nuxt_schema from '@nuxt/schema';
+import * as __runtime_types from '../dist/runtime/types.js';
+export { AbracadabraPlugin, AbracadabraState, CachedTreeNode, DocCacheAPI, DocPageMeta, RunnerCleanup, ServerRunnerContext, ServerRunnerDefinition, TreeEntry, UserMetaField } from '../dist/runtime/types.js';
+import { AbracadabraLocale } from '../dist/runtime/locale.js';
+export { AbracadabraLocale } from '../dist/runtime/locale.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';
+
+declare module '#app' {
+    interface NuxtApp {
+        $abracadabra: __runtime_types.AbracadabraState;
+    }
+}
+declare module '@nuxt/schema' {
+    interface PublicRuntimeConfig {
+        abracadabra: {
+            url: string;
+            entryDocId: string;
+            persistAuth: boolean;
+            authStorageKey: string;
+            disabledBuiltins: string[];
+            features: {
+                editor?: boolean;
+                search?: boolean;
+                backgroundSync?: boolean;
+                renderers?: boolean;
+                serverCache?: boolean;
+            };
+            locale: AbracadabraLocale;
+            auth: {
+                middleware?: boolean;
+                globalMiddleware?: boolean;
+                loginPath?: string;
+            };
+            server: {
+                render?: boolean;
+                cacheMaxAge?: number;
+            };
+            debug: boolean;
+            docBasePath: string;
+            guestName: {
+                adjectives: string[];
+                nouns: string[];
+            };
+        };
+    }
+    interface RuntimeConfig {
+        abracadabra: {
+            servicePublicKey: string;
+            servicePrivateKey: string;
+            serviceRootDocId: string;
+            serviceDisabled: boolean;
+        };
+    }
+}
+interface ModuleOptions {
+    /**
+     * Abracadabra server base URL (http/https).
+     * Can be overridden at runtime via NUXT_PUBLIC_ABRACADABRA_URL.
+     */
+    url?: string;
+    /**
+     * Root document ID to connect to on boot.
+     * When set, skips server-info / spaces discovery and connects directly.
+     * Useful when your server uses spaces and you know the hub or space doc ID.
+     * Can be overridden at runtime via NUXT_PUBLIC_ABRACADABRA_ENTRY_DOC_ID.
+     *
+     * Discovery priority (first non-empty wins):
+     *   entryDocId > hubDocId (from /spaces/hub) > first space > server index_doc_id
+     */
+    entryDocId?: string;
+    /**
+     * Whether to persist the JWT token across page reloads via localStorage.
+     * Default: true.
+     */
+    persistAuth?: boolean;
+    /**
+     * localStorage key used by AbracadabraClient for token persistence.
+     * Default: 'abracadabra:auth'
+     */
+    authStorageKey?: string;
+    /**
+     * Built-in plugin names to disable at module level.
+     * Users can also disable via localStorage 'abracadabra_disabled_builtins'.
+     * Example: ['core'] to ship with no default TipTap extensions.
+     */
+    disabledBuiltins?: string[];
+    /**
+     * Feature flags — each controls whether optional feature code is included.
+     */
+    features?: {
+        /** Include TipTap collaboration editor. Default: true. */
+        editor?: boolean;
+        /** Include SearchIndex (trigram full-text search). Default: true. */
+        search?: boolean;
+        /** Include BackgroundSyncManager for offline background sync. Default: true. */
+        backgroundSync?: boolean;
+        /**
+         * Register built-in page type renderers (Kanban, Table, Calendar, Gallery, Outline).
+         * Disable for apps that only need the sync layer and bring their own renderers.
+         * Default: true.
+         */
+        renderers?: boolean;
+        /**
+         * Register the built-in doc-tree-cache server runner.
+         * Keeps all documents pre-rendered in Nitro storage for instant SSR.
+         * Requires service.publicKey + service.privateKey to be configured.
+         * Default: true.
+         */
+        serverCache?: boolean;
+    };
+    /**
+     * Automatically add Vite resolve.dedupe entries for ProseMirror, TipTap, and Yjs.
+     * Prevents duplicate module instances from breaking the editor.
+     * Default: true.
+     */
+    addViteDedupe?: boolean;
+    /**
+     * Prefix applied to auto-imported components.
+     * Default: '' (no prefix — AEditor, AProvider, etc.)
+     */
+    prefix?: string;
+    /**
+     * Module-wide locale overrides. Merged with English defaults.
+     * Any subset can be overridden; unset keys fall back to English.
+     *
+     * Example:
+     *   abracadabra: { locale: { documentTree: { newDocument: 'Nuevo documento' } } }
+     */
+    locale?: Partial<AbracadabraLocale>;
+    /**
+     * Auth middleware configuration.
+     */
+    auth?: {
+        /** Register the abracadabra-auth route middleware. Default: false. */
+        middleware?: boolean;
+        /** Apply the middleware globally to all routes. Default: false. */
+        globalMiddleware?: boolean;
+        /** Path to redirect unauthenticated users. Default: '/login'. */
+        loginPath?: string;
+    };
+    /**
+     * SSR API route configuration.
+     */
+    server?: {
+        /** Register /api/_abracadabra/* render routes. Default: true. */
+        render?: boolean;
+        /** Cache max-age in seconds for SSR routes. Default: 60. */
+        cacheMaxAge?: number;
+    };
+    /**
+     * Enable structured debug logging at boot and on connection events.
+     * Default: false.
+     */
+    debug?: boolean;
+    /**
+     * Base path for document routes. Used when navigating to a doc (e.g. after
+     * import, from the command palette, or when following a user).
+     * Default: '/doc'  →  /doc/{docId}
+     *
+     * Override to match your app's route structure:
+     *   docBasePath: '/documents'  →  /documents/{docId}
+     *   docBasePath: ''            →  /{docId}
+     */
+    docBasePath?: string;
+    /**
+     * Word lists for generating random guest display names.
+     * Defaults to a fantasy-theme set ('Swift-Wizard', 'Bright-Mage', etc.).
+     * Supply your own to match your app's tone.
+     */
+    guestName?: {
+        adjectives?: string[];
+        nouns?: string[];
+    };
+    /**
+     * Service-role provider configuration for server-side background runners.
+     * When publicKey + privateKey are set, a Nitro plugin connects to the
+     * Abracadabra server with service credentials and boots registered runners.
+     *
+     * Keys can alternatively be set via environment variables:
+     *   NUXT_ABRACADABRA_SERVICE_PUBLIC_KEY
+     *   NUXT_ABRACADABRA_SERVICE_PRIVATE_KEY
+     *
+     * IMPORTANT: Never expose privateKey in public runtime config.
+     */
+    service?: {
+        /** Ed25519 public key (base64url) for service-role authentication. */
+        publicKey?: string;
+        /** Ed25519 private key (base64url). Stored in private runtime config only. */
+        privateKey?: string;
+        /** Root document ID to connect to. Defaults to the server's index_doc_id. */
+        rootDocId?: string;
+        /** Disable the service provider even if keys are present. Default: false. */
+        disabled?: boolean;
+    };
+}
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
+
+export { _default as default };
+export type { ModuleOptions };

package/dist/module.json

@@ -0,0 +1,12 @@
+{
+  "name": "abracadabra-nuxt",
+  "configKey": "abracadabra",
+  "compatibility": {
+    "nuxt": ">=4.0.0"
+  },
+  "version": "0.1.0",
+  "builder": {
+    "@nuxt/module-builder": "1.0.2",
+    "unbuild": "3.6.1"
+  }
+}

package/dist/module.mjs

@@ -0,0 +1,170 @@
+import { defineNuxtModule, createResolver, addPlugin, addImportsDir, addComponentsDir, addServerHandler, addRouteMiddleware, addServerPlugin, addServerImportsDir } from '@nuxt/kit';
+import { defu } from 'defu';
+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';
+
+const module$1 = defineNuxtModule({
+  meta: {
+    name: "abracadabra-nuxt",
+    configKey: "abracadabra",
+    compatibility: { nuxt: ">=4.0.0" }
+  },
+  defaults: {
+    url: process.env.ABRACADABRA_URL ?? "https://abra.cou.sh",
+    persistAuth: true,
+    authStorageKey: "abracadabra:auth",
+    disabledBuiltins: [],
+    features: {
+      editor: true,
+      search: true,
+      backgroundSync: true,
+      renderers: true,
+      serverCache: true
+    },
+    addViteDedupe: true,
+    prefix: "",
+    locale: {},
+    auth: {
+      middleware: false,
+      globalMiddleware: false,
+      loginPath: "/login"
+    },
+    server: {
+      render: true,
+      cacheMaxAge: 60
+    },
+    debug: false,
+    docBasePath: "/doc",
+    guestName: {},
+    service: {
+      disabled: false
+    }
+  },
+  setup(options, nuxt) {
+    const resolver = createResolver(import.meta.url);
+    nuxt.options.runtimeConfig.public = defu(
+      nuxt.options.runtimeConfig.public,
+      {
+        abracadabra: {
+          url: options.url,
+          entryDocId: options.entryDocId ?? "",
+          persistAuth: options.persistAuth,
+          authStorageKey: options.authStorageKey,
+          disabledBuiltins: options.disabledBuiltins,
+          features: options.features,
+          locale: options.locale ?? {},
+          auth: options.auth ?? {},
+          server: options.server ?? {},
+          debug: options.debug ?? false,
+          docBasePath: options.docBasePath ?? "/doc",
+          guestName: {
+            adjectives: options.guestName?.adjectives ?? [],
+            nouns: options.guestName?.nouns ?? []
+          }
+        }
+      }
+    );
+    nuxt.options.runtimeConfig = defu(nuxt.options.runtimeConfig, {
+      abracadabra: {
+        servicePublicKey: options.service?.publicKey ?? "",
+        servicePrivateKey: options.service?.privateKey ?? "",
+        serviceRootDocId: options.service?.rootDocId ?? "",
+        serviceDisabled: options.service?.disabled ?? false
+      }
+    });
+    if (options.addViteDedupe) {
+      const dedupePackages = [
+        "prosemirror-view",
+        "prosemirror-state",
+        "prosemirror-model",
+        "prosemirror-transform",
+        "prosemirror-schema-list",
+        "prosemirror-keymap",
+        "prosemirror-inputrules",
+        "prosemirror-history",
+        "prosemirror-gapcursor",
+        "yjs",
+        "@tiptap/core",
+        "@tiptap/pm",
+        "@tiptap/vue-3"
+      ];
+      nuxt.options.vite = defu(nuxt.options.vite, { resolve: { dedupe: [] } });
+      const existing = nuxt.options.vite.resolve?.dedupe ?? [];
+      nuxt.options.vite.resolve = defu(nuxt.options.vite.resolve, { dedupe: [] });
+      nuxt.options.vite.resolve.dedupe = [
+        .../* @__PURE__ */ new Set([...existing, ...dedupePackages])
+      ];
+    }
+    nuxt.options.vite.optimizeDeps = defu(nuxt.options.vite.optimizeDeps, { include: [] });
+    const includeList = nuxt.options.vite.optimizeDeps.include ?? [];
+    const prosemirrorDeps = [
+      "prosemirror-view",
+      "prosemirror-state",
+      "prosemirror-model",
+      "prosemirror-transform",
+      "prosemirror-tables",
+      "@tiptap/extension-table",
+      "@tiptap/extension-table-row",
+      "@tiptap/extension-table-header",
+      "@tiptap/extension-table-cell",
+      "nanoevents"
+    ];
+    nuxt.options.vite.optimizeDeps.include = [
+      .../* @__PURE__ */ new Set([...includeList, ...prosemirrorDeps])
+    ];
+    addPlugin({
+      src: resolver.resolve("./runtime/plugin-abracadabra.server"),
+      mode: "server"
+    });
+    addPlugin({
+      src: resolver.resolve("./runtime/plugin-shared-globals.client"),
+      mode: "client"
+    });
+    addPlugin({
+      src: resolver.resolve("./runtime/plugin-abracadabra.client"),
+      mode: "client"
+    });
+    addImportsDir(resolver.resolve("./runtime/composables"));
+    addComponentsDir({
+      path: resolver.resolve("./runtime/components/aware"),
+      prefix: options.prefix ?? "",
+      pathPrefix: false
+    });
+    if (options.features?.renderers !== false) {
+      addComponentsDir({
+        path: resolver.resolve("./runtime/components/renderers"),
+        prefix: options.prefix ?? "",
+        pathPrefix: false
+      });
+    }
+    addComponentsDir({
+      path: resolver.resolve("./runtime/components"),
+      prefix: options.prefix ?? ""
+    });
+    if (options.server?.render !== false) {
+      addServerHandler({
+        route: "/api/_abracadabra/render/:docId",
+        handler: resolver.resolve("./runtime/server/api/_abracadabra/render/[docId].get")
+      });
+      addServerHandler({
+        route: "/api/_abracadabra/spaces",
+        handler: resolver.resolve("./runtime/server/api/_abracadabra/spaces.get")
+      });
+    }
+    if (options.auth?.middleware) {
+      addRouteMiddleware({
+        name: "abracadabra-auth",
+        path: resolver.resolve("./runtime/middleware/abracadabra-auth"),
+        global: options.auth.globalMiddleware ?? false
+      });
+    }
+    addServerPlugin(resolver.resolve("./runtime/server/plugins/abracadabra-service"));
+    addServerImportsDir(resolver.resolve("./runtime/server/utils"));
+    nuxt.hook("prepare:types", ({ tsConfig }) => {
+      tsConfig.include = tsConfig.include ?? [];
+    });
+  }
+});
+
+export { module$1 as default };

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

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    provider?: any;
+    max?: number;
+    size?: 'xs' | 'sm' | 'md';
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: "xs" | "sm" | "md";
+    max: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ACollaborationUsers.vue

@@ -0,0 +1,48 @@
+<script setup>
+import { computed, shallowRef, watch } from "vue";
+import { useAwarenessOf } from "../composables/useYDoc";
+import { avatarBorderStyle } from "../utils/avatarStyle";
+const props = defineProps({
+  provider: { type: null, required: false },
+  max: { type: Number, required: false, default: 5 },
+  size: { type: String, required: false, default: "xs" }
+});
+const providerRef = shallowRef(null);
+watch(() => props.provider, (p) => {
+  providerRef.value = p;
+}, { immediate: true });
+const { states } = useAwarenessOf(providerRef);
+const visibleUsers = computed(() => states.value.slice(0, props.max));
+const overflow = computed(() => Math.max(0, states.value.length - props.max));
+const avatarSize = {
+  xs: "size-6",
+  sm: "size-8",
+  md: "size-10"
+};
+const appConfig = useAppConfig();
+const neutral = computed(() => appConfig.ui?.colors?.neutral ?? "zinc");
+function userStyle(color) {
+  if (!color) return "";
+  return avatarBorderStyle(color, neutral.value);
+}
+</script>
+
+<template>
+  <div class="flex items-center gap-0.5">
+    <UTooltip
+      v-for="u in visibleUsers"
+      :key="u.clientId"
+      :text="u.user?.name || 'Anonymous'"
+    >
+      <UAvatar
+        :alt="u.user?.name || 'Anonymous'"
+        :class="avatarSize[size]"
+        :style="userStyle(u.user?.color)"
+      />
+    </UTooltip>
+    <span
+      v-if="overflow > 0"
+      class="text-xs text-muted px-1"
+    >+{{ overflow }}</span>
+  </div>
+</template>

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

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    provider?: any;
+    max?: number;
+    size?: 'xs' | 'sm' | 'md';
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: "xs" | "sm" | "md";
+    max: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,13 @@
+import type { AbracadabraLocale } from '../locale.js';
+type __VLS_Props = {
+    modelValue?: string;
+    placeholder?: string;
+    labels?: Partial<AbracadabraLocale['colorPicker']>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/AColorPicker.vue

@@ -0,0 +1,71 @@
+<script setup>
+import { COLOR_PALETTES, findPaletteByHex } from "../utils/colorPalettes";
+const props = defineProps({
+  modelValue: { type: String, required: false },
+  placeholder: { type: String, required: false },
+  labels: { type: Object, required: false }
+});
+const emit = defineEmits(["update:modelValue"]);
+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
+})));
+const currentMatch = computed(() => props.modelValue ? findPaletteByHex(props.modelValue) : null);
+function select(hex) {
+  if (props.modelValue === hex) {
+    emit("update:modelValue", void 0);
+  } else {
+    emit("update:modelValue", hex);
+  }
+  open.value = false;
+}
+function clear() {
+  emit("update:modelValue", void 0);
+  open.value = false;
+}
+</script>
+
+<template>
+  <UPopover v-model:open="open">
+    <button
+      type="button"
+      class="flex items-center gap-2 h-8 px-2 rounded-md border border-default hover:bg-elevated/60 transition-colors text-sm"
+    >
+      <span
+        class="size-4 rounded-full shrink-0 border border-default/40"
+        :style="modelValue ? `background: ${modelValue}` : 'background: var(--ui-color-neutral-200)'"
+      />
+      <span class="text-xs text-muted truncate">
+        {{ modelValue ?? placeholder ?? locale.none }}
+      </span>
+    </button>
+
+    <template #content>
+      <div class="p-2 w-56">
+        <!-- Swatch grid -->
+        <div class="grid grid-cols-9 gap-1 mb-2">
+          <button
+            v-for="swatch in swatches"
+            :key="swatch.name"
+            type="button"
+            class="size-5 rounded-full border-2 transition-transform hover:scale-110 focus:outline-none"
+            :style="`background: ${swatch.hex}`"
+            :class="modelValue === swatch.hex ? 'border-default ring-2 ring-primary ring-offset-1' : 'border-transparent'"
+            :title="swatch.name"
+            @click="select(swatch.hex)"
+          />
+        </div>
+        <!-- Clear -->
+        <button
+          type="button"
+          class="w-full text-xs text-muted hover:text-default text-left px-1 py-0.5 rounded hover:bg-elevated/60 transition-colors"
+          @click="clear"
+        >
+          {{ locale.none }}
+        </button>
+      </div>
+    </template>
+  </UPopover>
+</template>

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

@@ -0,0 +1,13 @@
+import type { AbracadabraLocale } from '../locale.js';
+type __VLS_Props = {
+    modelValue?: string;
+    placeholder?: string;
+    labels?: Partial<AbracadabraLocale['colorPicker']>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,13 @@
+import type { AbracadabraLocale } from '../locale.js';
+type __VLS_Props = {
+    open?: boolean;
+    placeholder?: string;
+    labels?: Partial<AbracadabraLocale['commandPalette']>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;