@abraca/nuxt 2.9.0 → 2.11.0

package/dist/module.d.mts

@@ -30,6 +30,7 @@ declare module '@nuxt/schema' {
         abracadabra: {
             url: string;
             entryDocId: string;
+            pinServer: boolean;
             persistAuth: boolean;
             authStorageKey: string;
             disabledBuiltins: string[];
@@ -115,6 +116,19 @@ interface ModuleOptions {
      *   entryDocId > saved server entryDocId > first Space (kind="space" top-level doc)
      */
     entryDocId?: string;
+    /**
+     * Pin the app to the configured `url` and ignore any persisted active
+     * server (`abracadabra_current_server`) or `?server=` deep-link override.
+     * Default: false — the switcher's last-used / deep-linked server wins, which
+     * is what multi-server apps (arcana, aperio) want.
+     *
+     * Set `true` for single-server consumers (marketing, landing) so a visitor
+     * who once connected the origin to another server can't get silently pinned
+     * to it on later loads while `entryDocId` still points at the configured
+     * server's doc — the failure mode is a phantom/empty entry doc with no sync
+     * or awareness. When `true`, boot always uses `url`.
+     */
+    pinServer?: boolean;
     /**
      * Whether to persist the JWT token across page reloads via localStorage.
      * Default: true.

package/dist/module.json

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

package/dist/module.mjs

@@ -19,6 +19,7 @@ const module$1 = defineNuxtModule({
   },
   defaults: {
     url: process.env.ABRACADABRA_URL ?? "https://abra.cou.sh",
+    pinServer: false,
     persistAuth: true,
     authStorageKey: "abracadabra:auth",
     disabledBuiltins: [],
@@ -85,6 +86,7 @@ const module$1 = defineNuxtModule({
           },
           url: options.url,
           entryDocId: options.entryDocId ?? "",
+          pinServer: options.pinServer ?? false,
           persistAuth: options.persistAuth,
           authStorageKey: options.authStorageKey,
           disabledBuiltins: options.disabledBuiltins,

package/dist/runtime/assets/editor.css

@@ -1 +1 @@
-html.dark .tiptap .shiki,html.dark .tiptap .shiki span{background-color:var(--ui-bg-muted)!important;color:var(--shiki-dark)!important}.collaboration-carets__caret{border-left:1px solid #0d0d0d;border-right:1px solid #0d0d0d;margin-left:-1px;margin-right:-1px;opacity:0;pointer-events:none;position:relative;transition:opacity .3s ease;word-break:normal}.collaboration-carets__caret.is-hidden{display:none}.collaboration-carets__caret.is-active{opacity:1}.collaboration-carets__label{border-radius:3px 3px 3px 0;color:#0d0d0d;font-size:12px;font-style:normal;font-weight:600;left:-1px;line-height:normal;padding:.1rem .3rem;position:absolute;top:-1.4em;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.ProseMirror-yjs-selection,.collaboration-carets__selection{background-color:var(--collaboration-selection-color)!important;pointer-events:none}.search-highlight{background-color:color-mix(in srgb,var(--color-primary-400) 35%,transparent);border-radius:2px;padding:0 1px}.doc-passage-highlight{background-color:color-mix(in srgb,var(--color-success-400) 35%,transparent);border-radius:2px;padding:0 1px}
+html.dark .tiptap .shiki,html.dark .tiptap .shiki span{background-color:var(--ui-bg-muted)!important;color:var(--shiki-dark)!important}.collaboration-carets__caret{border-left:1px solid #0d0d0d;border-right:1px solid #0d0d0d;margin-left:-1px;margin-right:-1px;opacity:0;pointer-events:none;position:relative;transition:opacity .3s ease;word-break:normal}.collaboration-carets__caret.is-hidden{display:none}.collaboration-carets__caret.is-active{opacity:1}.collaboration-carets__label{border-radius:3px 3px 3px 0;color:#0d0d0d;font-size:12px;font-style:normal;font-weight:600;left:-1px;line-height:normal;padding:.1rem .3rem;position:absolute;top:-1.4em;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.ProseMirror-yjs-selection,.collaboration-carets__selection{background-color:var(--collaboration-selection-color)!important;pointer-events:none}.search-highlight{background-color:color-mix(in srgb,var(--color-primary-400) 35%,transparent);border-radius:2px;padding:0 1px}.doc-passage-highlight{background-color:color-mix(in srgb,var(--color-success-400) 35%,transparent);border-radius:2px;padding:0 1px}.tiptap{min-height:100%;padding-bottom:8rem}.tiptap.file-drop-active{border-radius:4px;outline:2px dashed var(--ui-primary);outline-offset:4px}.tiptap .document-header{font-size:2.5rem;font-weight:800;letter-spacing:-.025em;line-height:1.2;margin-bottom:1rem}.tiptap [data-type=document-meta]{align-items:center;display:flex;flex-wrap:wrap;font-size:.875rem;gap:.375rem;line-height:1.75rem;margin-bottom:1.5rem;min-height:1.75rem}.tiptap [data-type=document-meta][data-cursor-in-meta=true][data-empty=true]:after{color:var(--ui-text-dimmed);content:"Type '/' to add a property…";pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.prose-variant .tiptap [data-type=document-meta]{display:none}

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

@@ -0,0 +1,29 @@
+type __VLS_Props = {
+    /** The document's child provider (AbracadabraProvider or a local wrapper). */
+    provider?: any;
+    /**
+     * Override the four status strings. `label` is the short status word
+     * (also the aria-label); `tooltip` is the longer hover explanation.
+     */
+    labels?: Partial<{
+        authFailedCached: {
+            label: string;
+            tooltip: string;
+        };
+        authFailedNoCache: {
+            label: string;
+            tooltip: string;
+        };
+        offlineCached: {
+            label: string;
+            tooltip: string;
+        };
+        offlineNoCache: {
+            label: string;
+            tooltip: string;
+        };
+    }>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/AConnectionBadge.vue

@@ -0,0 +1,79 @@
+<script setup>
+import { computed, ref, watch } from "vue";
+const props = defineProps({
+  provider: { type: null, required: false },
+  labels: { type: Object, required: false }
+});
+const DEFAULTS = {
+  authFailedCached: {
+    label: "Cached copy",
+    tooltip: "Server rejected the connection \u2014 showing the last cached copy."
+  },
+  authFailedNoCache: {
+    label: "No access",
+    tooltip: "Server rejected the connection and no cached copy is available."
+  },
+  offlineCached: {
+    label: "Offline",
+    tooltip: "Server is unreachable \u2014 showing the last cached copy. Edits will sync when you reconnect."
+  },
+  offlineNoCache: {
+    label: "Not yet synced",
+    tooltip: "Server is unreachable and this document hasn't been synced to this device yet. Reconnect to load it."
+  }
+};
+const isRemoteProvider = computed(
+  () => !!props.provider && typeof props.provider.connectionStatus === "string"
+);
+const connStatus = ref("connecting");
+const authFailed = ref(false);
+watch(
+  () => props.provider,
+  (p, _old, onCleanup) => {
+    if (!p || typeof p.connectionStatus !== "string") return;
+    connStatus.value = p.connectionStatus ?? "disconnected";
+    authFailed.value = false;
+    const onStatus = (e) => {
+      connStatus.value = e?.status ?? "disconnected";
+      if (e?.status === "connected") authFailed.value = false;
+    };
+    const onAuthFail = () => {
+      authFailed.value = true;
+    };
+    p.on?.("status", onStatus);
+    p.on?.("authenticationFailed", onAuthFail);
+    onCleanup(() => {
+      p.off?.("status", onStatus);
+      p.off?.("authenticationFailed", onAuthFail);
+    });
+  },
+  { immediate: true }
+);
+const isOffline = computed(
+  () => isRemoteProvider.value && (authFailed.value || connStatus.value !== "connected")
+);
+const badge = computed(() => {
+  if (!isRemoteProvider.value || !isOffline.value) return null;
+  const hasCache = !!props.provider?.hasCachedContent;
+  const strings = { ...DEFAULTS, ...props.labels };
+  if (authFailed.value) {
+    return hasCache ? strings.authFailedCached : strings.authFailedNoCache;
+  }
+  return hasCache ? strings.offlineCached : strings.offlineNoCache;
+});
+</script>
+
+<template>
+  <UTooltip
+    v-if="badge"
+    :text="badge.tooltip"
+    :content="{ side: 'bottom' }"
+  >
+    <span
+      class="size-2 rounded-full shrink-0 ring-1 ring-inset ring-black/10"
+      :class="authFailed ? 'bg-(--ui-color-error-500)' : 'bg-(--ui-color-warning-500)'"
+      role="status"
+      :aria-label="badge.label"
+    />
+  </UTooltip>
+</template>

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

@@ -0,0 +1,29 @@
+type __VLS_Props = {
+    /** The document's child provider (AbracadabraProvider or a local wrapper). */
+    provider?: any;
+    /**
+     * Override the four status strings. `label` is the short status word
+     * (also the aria-label); `tooltip` is the longer hover explanation.
+     */
+    labels?: Partial<{
+        authFailedCached: {
+            label: string;
+            tooltip: string;
+        };
+        authFailedNoCache: {
+            label: string;
+            tooltip: string;
+        };
+        offlineCached: {
+            label: string;
+            tooltip: string;
+        };
+        offlineNoCache: {
+            label: string;
+            tooltip: string;
+        };
+    }>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -73,16 +73,16 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     editor: import("vue").ComputedRef<any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     rename: (label: string) => any;
+    ready: () => any;
     update: (content: any) => any;
     "update:modelValue": (value: any) => any;
     updateMeta: (patch: Partial<DocPageMeta>) => any;
-    ready: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onRename?: ((label: string) => any) | undefined;
+    onReady?: (() => any) | undefined;
     onUpdate?: ((content: any) => any) | undefined;
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     onUpdateMeta?: ((patch: Partial<DocPageMeta>) => any) | undefined;
-    onReady?: (() => any) | undefined;
 }>, {
     contentType: "json" | "html" | "markdown";
     editable: boolean;

package/dist/runtime/components/AEditor.vue

@@ -6,6 +6,7 @@ import { useSyncedMap } from "../composables/useYDoc";
 import { resolveDocType, GEO_TYPE_META_SCHEMAS } from "../utils/docTypes";
 import { schemaFieldToAttrs, userFieldToAttrs } from "../extensions/meta-field";
 import { useEditor } from "../composables/useEditor";
+import { useDocTree } from "../composables/useDocTree";
 import { useEditorToolbar } from "../composables/useEditorToolbar";
 import { useEditorSuggestions } from "../composables/useEditorSuggestions";
 import { useEditorDragHandle } from "../composables/useEditorDragHandle";
@@ -57,12 +58,21 @@ watch(ready, (val) => {
 const editorRef = ref(null);
 const tiptapEditor = computed(() => editorRef.value?.editor ?? null);
 defineExpose({ editor: tiptapEditor });
-const { items: toolbarItems } = useEditorToolbar({ docId: props.docId });
+const { bubbleItems: toolbarItems } = useEditorToolbar({ docId: props.docId });
+const docTree = useDocTree();
 const resolvedMetaSchema = computed(() => {
   if (props.metaSchema) return props.metaSchema;
   const geoType = props.docMeta?.geoType;
   if (geoType && geoType in GEO_TYPE_META_SCHEMAS)
     return GEO_TYPE_META_SCHEMAS[geoType];
+  let pid = docTree.getEntry(props.docId)?.parentId ?? void 0;
+  while (pid) {
+    const entry = docTree.getEntry(pid);
+    if (!entry) break;
+    const schema = resolveDocType(entry.type, registry).metaSchema;
+    if (schema && schema.length > 0) return schema;
+    pid = entry.parentId ?? void 0;
+  }
   return resolveDocType(props.parentType, registry).metaSchema ?? [];
 });
 const { items: allSuggestionItems, propertiesOnlyItems } = useEditorSuggestions({ docId: props.docId });

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

@@ -73,16 +73,16 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     editor: import("vue").ComputedRef<any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     rename: (label: string) => any;
+    ready: () => any;
     update: (content: any) => any;
     "update:modelValue": (value: any) => any;
     updateMeta: (patch: Partial<DocPageMeta>) => any;
-    ready: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onRename?: ((label: string) => any) | undefined;
+    onReady?: (() => any) | undefined;
     onUpdate?: ((content: any) => any) | undefined;
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     onUpdateMeta?: ((patch: Partial<DocPageMeta>) => any) | undefined;
-    onReady?: (() => any) | undefined;
 }>, {
     contentType: "json" | "html" | "markdown";
     editable: boolean;

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

@@ -0,0 +1,33 @@
+import type { DocEncryptionInfo } from '@abraca/dabra';
+type __VLS_Props = {
+    docId: string;
+    /** Override any displayed string. */
+    labels?: Partial<typeof DEFAULTS>;
+};
+declare const DEFAULTS: {
+    noneTitle: string;
+    noneDesc: string;
+    cseTitle: string;
+    cseDesc: string;
+    e2eTitle: string;
+    e2eDesc: string;
+    cannotDowngrade: string;
+    loadFailed: string;
+    retry: string;
+    enableE2ETitle: string;
+    cannotBeUndone: string;
+    warningServerCantRead: string;
+    warningNoSearch: string;
+    warningNoOffline: string;
+    warningKeysRequired: string;
+    warningCannotUndo: string;
+    cancel: string;
+    enableE2E: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    updated: (args_0: DocEncryptionInfo) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onUpdated?: ((args_0: DocEncryptionInfo) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/AEncryptionModePicker.vue

@@ -0,0 +1,211 @@
+<script setup>
+import { computed, onMounted, ref } from "vue";
+import { useAbracadabra } from "../composables/useAbracadabra";
+import AModalShell from "./AModalShell.vue";
+const props = defineProps({
+  docId: { type: String, required: true },
+  labels: { type: Object, required: false }
+});
+const emit = defineEmits(["updated"]);
+const DEFAULTS = {
+  noneTitle: "No encryption",
+  noneDesc: "The server stores and can read this document. Full-text search, offline cache, and previews all work.",
+  cseTitle: "Client-side encryption",
+  cseDesc: "Encrypted before it leaves your device. The server stores ciphertext but can still coordinate sync.",
+  e2eTitle: "End-to-end encryption",
+  e2eDesc: "Only people with the document key can read it. The server never sees plaintext.",
+  cannotDowngrade: "Encryption can only be strengthened, never reduced.",
+  loadFailed: "Couldn't load encryption settings",
+  retry: "Retry",
+  enableE2ETitle: "Enable end-to-end encryption?",
+  cannotBeUndone: "This cannot be undone.",
+  warningServerCantRead: "The server will no longer be able to read this document.",
+  warningNoSearch: "Server-side full-text search will stop working.",
+  warningNoOffline: "Some offline and preview features may be limited.",
+  warningKeysRequired: "Anyone who needs access must hold the document key.",
+  warningCannotUndo: "You cannot switch back to a weaker mode later.",
+  cancel: "Cancel",
+  enableE2E: "Enable end-to-end encryption"
+};
+const t = computed(() => ({ ...DEFAULTS, ...props.labels }));
+const { client } = useAbracadabra();
+const encInfo = ref(null);
+const loading = ref(true);
+const error = ref(null);
+const saving = ref(false);
+const showE2EConfirm = ref(false);
+const pendingMode = ref("none");
+const STRICTNESS = { none: 0, cse: 1, e2e: 2 };
+const modes = computed(() => {
+  const effective = encInfo.value?.effective_mode ?? "none";
+  const current = STRICTNESS[effective];
+  return [
+    {
+      value: "none",
+      label: t.value.noneTitle,
+      description: t.value.noneDesc,
+      icon: "i-lucide-lock-open",
+      disabled: current > 0
+    },
+    {
+      value: "cse",
+      label: t.value.cseTitle,
+      description: t.value.cseDesc,
+      icon: "i-lucide-shield",
+      disabled: current > 1
+    },
+    {
+      value: "e2e",
+      label: t.value.e2eTitle,
+      description: t.value.e2eDesc,
+      icon: "i-lucide-lock-keyhole",
+      disabled: false
+    }
+  ];
+});
+const selected = computed(() => encInfo.value?.effective_mode ?? "none");
+async function load() {
+  loading.value = true;
+  error.value = null;
+  try {
+    encInfo.value = await client.value.getDocEncryption(props.docId);
+  } catch (e) {
+    error.value = String(e);
+  } finally {
+    loading.value = false;
+  }
+}
+function handleSelect(mode) {
+  if (mode === selected.value) return;
+  pendingMode.value = mode;
+  if (mode === "e2e") {
+    showE2EConfirm.value = true;
+  } else {
+    void applyMode(mode);
+  }
+}
+async function applyMode(mode) {
+  showE2EConfirm.value = false;
+  saving.value = true;
+  try {
+    await client.value.setDocEncryption(props.docId, mode);
+    await load();
+    if (encInfo.value) emit("updated", encInfo.value);
+  } catch (e) {
+    error.value = String(e);
+  } finally {
+    saving.value = false;
+  }
+}
+onMounted(load);
+</script>
+
+<template>
+  <div class="space-y-3">
+    <div
+      v-if="loading"
+      class="space-y-2"
+    >
+      <USkeleton class="h-14 w-full rounded-lg" />
+      <USkeleton class="h-14 w-full rounded-lg" />
+      <USkeleton class="h-14 w-full rounded-lg" />
+    </div>
+
+    <UAlert
+      v-else-if="error"
+      color="error"
+      variant="soft"
+      icon="i-lucide-alert-circle"
+      :title="t.loadFailed"
+      :description="error"
+    >
+      <template #actions>
+        <UButton
+          size="sm"
+          color="error"
+          variant="soft"
+          :label="t.retry"
+          @click="load"
+        />
+      </template>
+    </UAlert>
+
+    <template v-else>
+      <URadioGroup
+        :model-value="selected"
+        :items="modes"
+        value-key="value"
+        variant="card"
+        color="primary"
+        size="md"
+        :ui="{ fieldset: 'gap-2', item: 'w-full items-start', wrapper: 'flex-1', label: 'flex items-center gap-2 font-medium text-default' }"
+        :disabled="saving"
+        @update:model-value="(v) => handleSelect(v)"
+      >
+        <template #label="{ item }">
+          <UIcon
+            :name="item.icon"
+            class="size-4 shrink-0 text-(--ui-text-muted)"
+          />
+          <span>{{ item.label }}</span>
+        </template>
+        <template #description="{ item }">
+          <span class="text-xs leading-snug text-(--ui-text-muted)">{{ item.description }}</span>
+        </template>
+      </URadioGroup>
+
+      <UAlert
+        v-if="selected !== 'none'"
+        color="warning"
+        variant="subtle"
+        size="sm"
+        icon="i-lucide-alert-triangle"
+        :title="t.cannotDowngrade"
+      />
+    </template>
+
+    <AModalShell
+      :open="showE2EConfirm"
+      max-width="sm:max-w-md"
+      @update:open="showE2EConfirm = $event"
+    >
+      <div class="flex flex-col gap-4">
+        <h2 class="text-base font-semibold text-(--ui-text-highlighted)">
+          {{ t.enableE2ETitle }}
+        </h2>
+        <UAlert
+          color="warning"
+          icon="i-lucide-alert-triangle"
+          variant="soft"
+          :title="t.cannotBeUndone"
+        >
+          <template #description>
+            <ul class="list-disc pl-4 mt-1 space-y-1 text-sm">
+              <li>{{ t.warningServerCantRead }}</li>
+              <li>{{ t.warningNoSearch }}</li>
+              <li>{{ t.warningNoOffline }}</li>
+              <li>{{ t.warningKeysRequired }}</li>
+              <li><strong>{{ t.warningCannotUndo }}</strong></li>
+            </ul>
+          </template>
+        </UAlert>
+      </div>
+      <template #footer>
+        <div class="flex gap-2 justify-end w-full">
+          <UButton
+            color="neutral"
+            variant="ghost"
+            :label="t.cancel"
+            @click="showE2EConfirm = false"
+          />
+          <UButton
+            color="error"
+            :loading="saving"
+            :label="t.enableE2E"
+            @click="applyMode('e2e')"
+          />
+        </div>
+      </template>
+    </AModalShell>
+  </div>
+</template>

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

@@ -0,0 +1,33 @@
+import type { DocEncryptionInfo } from '@abraca/dabra';
+type __VLS_Props = {
+    docId: string;
+    /** Override any displayed string. */
+    labels?: Partial<typeof DEFAULTS>;
+};
+declare const DEFAULTS: {
+    noneTitle: string;
+    noneDesc: string;
+    cseTitle: string;
+    cseDesc: string;
+    e2eTitle: string;
+    e2eDesc: string;
+    cannotDowngrade: string;
+    loadFailed: string;
+    retry: string;
+    enableE2ETitle: string;
+    cannotBeUndone: string;
+    warningServerCantRead: string;
+    warningNoSearch: string;
+    warningNoOffline: string;
+    warningKeysRequired: string;
+    warningCannotUndo: string;
+    cancel: string;
+    enableE2E: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    updated: (args_0: DocEncryptionInfo) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onUpdated?: ((args_0: DocEncryptionInfo) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,48 @@
+type __VLS_Props = {
+    open: boolean;
+    /** Tailwind max-width class for the modal content (e.g. `sm:max-w-3xl`). */
+    maxWidth?: string;
+    closeable?: boolean;
+    /** Standard modal heading — guarantees the canonical look every modal shares. */
+    title?: string;
+    /** Optional muted line under the title (e.g. a short description). */
+    subtitle?: string;
+    /** When false, Esc / overlay-click cannot dismiss the modal (forced choice). */
+    dismissible?: boolean;
+    /** Enable horizontal swipe gestures for multi-step navigation. */
+    swipeable?: boolean;
+    /** Whether forward (swipe left) navigation is available. */
+    canSwipeForward?: boolean;
+    /** Whether backward (swipe right) navigation is available. */
+    canSwipeBack?: boolean;
+};
+declare var __VLS_19: {}, __VLS_21: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_19) => any;
+} & {
+    footer?: (props: typeof __VLS_21) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (v: boolean) => any;
+    "swipe-forward": () => any;
+    "swipe-back": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((v: boolean) => any) | undefined;
+    "onSwipe-forward"?: (() => any) | undefined;
+    "onSwipe-back"?: (() => any) | undefined;
+}>, {
+    maxWidth: string;
+    closeable: boolean;
+    dismissible: boolean;
+    swipeable: boolean;
+    canSwipeForward: boolean;
+    canSwipeBack: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};