@abraca/nuxt 2.11.0 → 2.14.0

package/dist/module.d.mts

@@ -59,6 +59,7 @@ declare module '@nuxt/schema' {
             };
             debug: boolean;
             docBasePath: string;
+            docPicker: 'inline' | 'command-palette';
             guestName: {
                 adjectives: string[];
                 nouns: string[];
@@ -258,6 +259,20 @@ interface ModuleOptions {
      *   docBasePath: ''            →  /{docId}
      */
     docBasePath?: string;
+    /**
+     * How documents are picked for cross-document references (doc links/embeds).
+     *
+     * - `'inline'` (default) — typing `[[` opens an inline mention-style doc-link
+     *   popup, and `![[` an inline doc-embed popup (flat search + ancestor-path
+     *   prefix). The slash commands + doc-link toolbar button still open the
+     *   command palette.
+     * - `'command-palette'` — disables the inline `[[` / `![[` triggers; the only
+     *   doc-reference entry points are the slash commands + toolbar button, which
+     *   open a `UCommandPalette` modal.
+     *
+     * Default: 'inline'.
+     */
+    docPicker?: 'inline' | 'command-palette';
     /**
      * Mapbox GL access token for the Map renderer.
      * Can be overridden at runtime via NUXT_PUBLIC_ABRACADABRA_MAPBOX_TOKEN.

package/dist/module.json

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

package/dist/module.mjs

@@ -50,6 +50,7 @@ const module$1 = defineNuxtModule({
     },
     debug: false,
     docBasePath: "/doc",
+    docPicker: "inline",
     guestName: {},
     webrtc: {
       iceServers: [{ urls: "stun:stun.l.google.com:19302" }],
@@ -96,6 +97,7 @@ const module$1 = defineNuxtModule({
           server: options.server ?? {},
           debug: options.debug ?? false,
           docBasePath: options.docBasePath ?? "/doc",
+          docPicker: options.docPicker ?? "inline",
           mapboxToken: options.mapboxToken ?? "",
           guestName: {
             adjectives: options.guestName?.adjectives ?? [],
@@ -292,6 +294,13 @@ const module$1 = defineNuxtModule({
       prebundleDeps.push("mapbox-gl");
     } catch {
     }
+    for (const pkg of ["@unovis/vue", "@unovis/ts"]) {
+      try {
+        createRequire(`${nuxt.options.rootDir}/`).resolve(pkg);
+        prebundleDeps.push(pkg);
+      } catch {
+      }
+    }
     if (options.features?.code !== false) {
       const cmPeers = [
         "@codemirror/view",

package/dist/runtime/components/ACodeEditor.vue

@@ -1,6 +1,7 @@
 <script setup>
 import { ref, shallowRef, watch, computed, onMounted, onBeforeUnmount } from "vue";
 import { loadCodeMirror } from "../utils/loadCodeMirror";
+import { buildAtomOneNuxtHighlight } from "../utils/codeHighlightStyle";
 import { useNuxtApp } from "#imports";
 const props = defineProps({
   provider: { type: null, required: true },
@@ -47,60 +48,134 @@ function buildTheme(bundle) {
       backgroundColor: "var(--ui-bg)",
       color: "var(--ui-text-highlighted)",
       height: "100%",
-      fontSize: "13px",
-      fontFamily: 'ui-monospace, "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", Menlo, Monaco, Consolas, monospace'
+      fontSize: "13px"
     },
+    // Honour a host-defined code font (`--font-code`) when present; falls back
+    // to the system monospace stack. `!important` + the `.cm-content`/
+    // `.cm-gutters` specificity guards against an aggressive host body-font
+    // rule (e.g. `html[data-font] *`) leaking the UI sans-serif into the editor.
     ".cm-content": {
-      fontFamily: "inherit",
+      fontFamily: 'var(--font-code, ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace) !important',
       caretColor: "var(--ui-text-highlighted)",
       padding: "8px 0"
     },
-    ".cm-cursor": {
-      borderLeftColor: "var(--ui-text-highlighted)"
+    // Local caret — `drawSelection()` hides the native caret and draws this
+    // bar, so style it to read like the native caret used elsewhere in the
+    // app: a crisp 2px stroke in the body text colour.
+    ".cm-cursor, .cm-dropCursor": {
+      borderLeftColor: "var(--ui-text-highlighted)",
+      borderLeftWidth: "2px"
     },
     ".cm-activeLine": {
       backgroundColor: "color-mix(in srgb, var(--ui-bg-elevated) 50%, transparent)"
     },
     ".cm-activeLineGutter": {
-      backgroundColor: "color-mix(in srgb, var(--ui-bg-elevated) 50%, transparent)"
+      backgroundColor: "color-mix(in srgb, var(--ui-bg-elevated) 50%, transparent)",
+      color: "var(--ui-text)"
     },
     ".cm-gutters": {
-      fontFamily: "inherit",
+      fontFamily: 'var(--font-code, ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace) !important',
       backgroundColor: "var(--ui-bg)",
       color: "var(--ui-text-dimmed)",
       border: "none",
       borderRight: "1px solid var(--ui-border)"
     },
+    ".cm-foldPlaceholder": {
+      backgroundColor: "var(--ui-bg-elevated)",
+      color: "var(--ui-text-muted)",
+      border: "1px solid var(--ui-border)"
+    },
+    // Local selection — translucent primary tint, brighter while focused.
     ".cm-selectionBackground": {
       backgroundColor: "color-mix(in srgb, var(--ui-primary) 25%, transparent) !important"
     },
     "&.cm-focused .cm-selectionBackground": {
-      backgroundColor: "color-mix(in srgb, var(--ui-primary) 30%, transparent) !important"
+      backgroundColor: "color-mix(in srgb, var(--ui-primary) 40%, transparent) !important"
     },
     ".cm-matchingBracket": {
       backgroundColor: "color-mix(in srgb, var(--ui-primary) 20%, transparent)",
       outline: "1px solid color-mix(in srgb, var(--ui-primary) 40%, transparent)"
     },
+    // Occurrences of the current selection (highlightSelectionMatches).
+    ".cm-selectionMatch": {
+      backgroundColor: "color-mix(in srgb, var(--ui-primary) 15%, transparent)"
+    },
+    // Find/replace panel + search hits — themed to the UI tokens.
+    ".cm-panels": {
+      backgroundColor: "var(--ui-bg-elevated)",
+      color: "var(--ui-text)"
+    },
+    ".cm-panels.cm-panels-top": { borderBottom: "1px solid var(--ui-border)" },
+    ".cm-panels.cm-panels-bottom": { borderTop: "1px solid var(--ui-border)" },
+    ".cm-searchMatch": {
+      backgroundColor: "color-mix(in srgb, var(--ui-primary) 25%, transparent)",
+      outline: "1px solid color-mix(in srgb, var(--ui-primary) 45%, transparent)",
+      borderRadius: "2px"
+    },
+    ".cm-searchMatch-selected": {
+      backgroundColor: "color-mix(in srgb, var(--ui-primary) 45%, transparent) !important"
+    },
+    ".cm-textfield": {
+      backgroundColor: "var(--ui-bg)",
+      color: "var(--ui-text)",
+      border: "1px solid var(--ui-border)",
+      borderRadius: "4px"
+    },
+    ".cm-button": {
+      backgroundColor: "var(--ui-bg)",
+      backgroundImage: "none",
+      color: "var(--ui-text)",
+      border: "1px solid var(--ui-border)",
+      borderRadius: "4px"
+    },
+    // Autocomplete tooltip.
+    ".cm-tooltip": {
+      backgroundColor: "var(--ui-bg-elevated)",
+      color: "var(--ui-text)",
+      border: "1px solid var(--ui-border)",
+      borderRadius: "6px"
+    },
+    ".cm-tooltip-autocomplete > ul > li[aria-selected]": {
+      backgroundColor: "var(--ui-primary)",
+      color: "var(--ui-bg)"
+    },
+    // ── Remote presence (y-codemirror.next) — matches the TipTap editor's
+    // `.collaboration-carets__*` look so multiplayer feels identical across
+    // both editors. Per-user colour stays inline (set from awareness
+    // `user.color`); we restyle shape only. The caret already matches TipTap
+    // (1px border bars, -1px margins); we only fix the label badge + hide the
+    // caret dot.
+    ".cm-ySelection": { borderRadius: "1px" },
+    ".cm-ySelectionCaretDot": { display: "none" },
     ".cm-ySelectionInfo": {
-      fontSize: "10px",
-      fontFamily: "system-ui, sans-serif",
-      padding: "1px 4px",
-      borderRadius: "3px",
-      opacity: "0.9",
-      position: "absolute",
-      top: "-1.3em",
+      opacity: "1",
+      top: "-1.4em",
       left: "-1px",
+      padding: "0.1rem 0.3rem",
+      borderRadius: "3px 3px 3px 0",
+      fontFamily: "system-ui, sans-serif",
+      fontSize: "12px",
+      fontStyle: "normal",
+      fontWeight: "600",
+      lineHeight: "normal",
+      color: "#0d0d0d",
       whiteSpace: "nowrap",
-      color: "#fff"
-    }
+      transitionDelay: "0s"
+    },
+    ".cm-ySelectionCaret:hover > .cm-ySelectionInfo": { opacity: "1" }
   }, { dark: true });
 }
 let xmlObserverCleanup = null;
+let syncedOff = null;
 function destroyEditor() {
   if (xmlObserverCleanup) {
     xmlObserverCleanup();
     xmlObserverCleanup = null;
   }
+  if (syncedOff) {
+    syncedOff();
+    syncedOff = null;
+  }
   if (editorView.value) {
     editorView.value.destroy();
     editorView.value = null;
@@ -110,7 +185,7 @@ function createEditor(bundle, container) {
   const { EditorView, lineNumbers, highlightActiveLine, highlightActiveLineGutter, drawSelection, rectangularSelection, crosshairCursor, highlightSpecialChars, dropCursor, keymap } = bundle.view;
   const { EditorState } = bundle.state;
   const { defaultKeymap, history, historyKeymap, indentWithTab } = bundle.commands;
-  const { syntaxHighlighting, defaultHighlightStyle, indentOnInput, bracketMatching, foldGutter, foldKeymap } = bundle.language;
+  const { syntaxHighlighting, HighlightStyle, indentOnInput, bracketMatching, foldGutter, foldKeymap } = bundle.language;
   const { closeBrackets, closeBracketsKeymap, autocompletion, completionKeymap } = bundle.autocomplete;
   const { searchKeymap, highlightSelectionMatches } = bundle.search;
   const baseExtensions = [
@@ -122,7 +197,7 @@ function createEditor(bundle, container) {
     dropCursor(),
     EditorState.allowMultipleSelections.of(true),
     indentOnInput(),
-    syntaxHighlighting(defaultHighlightStyle, { fallback: true }),
+    syntaxHighlighting(buildAtomOneNuxtHighlight(HighlightStyle, bundle.lezerHighlight.tags), { fallback: true }),
     bracketMatching(),
     closeBrackets(),
     autocompletion(),
@@ -168,9 +243,14 @@ function createEditor(bundle, container) {
     const ytext = ydoc.getText(props.fieldName);
     const awareness = prov.awareness;
     if (awareness && userName?.value && publicKeyB64?.value) {
+      const color = userColor?.value ?? "#888";
       awareness.setLocalStateField("user", {
         name: userName.value,
-        color: userColor?.value ?? "#888",
+        color,
+        // Translucent fill for remote selection blocks (y-codemirror.next).
+        // Its default `color + '33'` is invalid for hsl()/named/var() colours,
+        // leaving the selection invisible — supply a format-agnostic value.
+        colorLight: `color-mix(in srgb, ${color} 30%, transparent)`,
         publicKey: publicKeyB64.value
       });
     }
@@ -180,10 +260,25 @@ function createEditor(bundle, container) {
     } else {
       extensions.push(history());
     }
-    return new EditorView({
+    const view = new EditorView({
       state: EditorState.create({ doc: ytext.toString(), extensions }),
       parent: container
     });
+    let rebuiltOnSync = false;
+    const onSynced = () => {
+      if (rebuiltOnSync) return;
+      const v = editorView.value;
+      const liveYtext = prov.document?.getText?.(props.fieldName);
+      if (!v || !liveYtext) return;
+      if (liveYtext.toString() !== v.state.doc.toString()) {
+        rebuiltOnSync = true;
+        void mount();
+      }
+    };
+    prov.on?.("synced", onSynced);
+    syncedOff = () => prov.off?.("synced", onSynced);
+    if (prov.isSynced) Promise.resolve().then(onSynced);
+    return view;
   }
   return new EditorView({
     state: EditorState.create({ doc: "", extensions: [...baseExtensions, history()] }),
@@ -224,7 +319,13 @@ watch(
   ([n, c, k]) => {
     const awareness = props.provider?.awareness;
     if (!awareness || !n || !k) return;
-    awareness.setLocalStateField("user", { name: n, color: c ?? "#888", publicKey: k });
+    const color = c ?? "#888";
+    awareness.setLocalStateField("user", {
+      name: n,
+      color,
+      colorLight: `color-mix(in srgb, ${color} 30%, transparent)`,
+      publicKey: k
+    });
   }
 );
 onBeforeUnmount(destroyEditor);

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

@@ -0,0 +1,31 @@
+type __VLS_Props = {
+    open: boolean;
+    /** Modal heading. */
+    title?: string;
+    /** Confirm button label. */
+    confirmLabel?: string;
+    /** Doc to exclude as a target along with its whole subtree (e.g. the doc being moved). */
+    excludeId?: string | null;
+    /** Extra ids to exclude as targets. */
+    excludeIds?: string[];
+    /** Offer a "Top level" (root) option. */
+    allowRoot?: boolean;
+    /** Label for the root option. */
+    rootLabel?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (targetId: string | null) => any;
+    "update:open": (v: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((targetId: string | null) => any) | undefined;
+    "onUpdate:open"?: ((v: boolean) => any) | undefined;
+}>, {
+    title: string;
+    confirmLabel: string;
+    excludeId: string | null;
+    excludeIds: string[];
+    allowRoot: boolean;
+    rootLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ADocPickerModal.vue

@@ -0,0 +1,191 @@
+<script setup>
+import { computed, ref, watch } from "vue";
+import { useDocTree } from "../composables/useDocTree";
+import { resolveDocType } from "../utils/docTypes";
+import AModalShell from "./AModalShell.vue";
+const props = defineProps({
+  open: { type: Boolean, required: true },
+  title: { type: String, required: false, default: "Move to\u2026" },
+  confirmLabel: { type: String, required: false, default: "Move here" },
+  excludeId: { type: [String, null], required: false, default: null },
+  excludeIds: { type: Array, required: false, default: () => [] },
+  allowRoot: { type: Boolean, required: false, default: true },
+  rootLabel: { type: String, required: false, default: "Top level" }
+});
+const emit = defineEmits(["update:open", "select"]);
+const { entries } = useDocTree();
+const open = computed({
+  get: () => props.open,
+  set: (v) => emit("update:open", v)
+});
+const idSet = computed(() => new Set(entries.value.map((e) => e.id)));
+const childrenOf = computed(() => {
+  const map = /* @__PURE__ */ new Map();
+  for (const e of entries.value) {
+    if (e.trashed) continue;
+    const pid = e.parentId && idSet.value.has(e.parentId) ? e.parentId : null;
+    const arr = map.get(pid) ?? [];
+    arr.push(e);
+    map.set(pid, arr);
+  }
+  for (const arr of map.values()) arr.sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
+  return map;
+});
+const excluded = computed(() => {
+  const set = new Set(props.excludeIds);
+  if (props.excludeId) {
+    const queue = [props.excludeId];
+    while (queue.length) {
+      const id = queue.shift();
+      set.add(id);
+      for (const child of childrenOf.value.get(id) ?? []) queue.push(child.id);
+    }
+  }
+  return set;
+});
+const expanded = ref(/* @__PURE__ */ new Set());
+const selectedId = ref(null);
+const search = ref("");
+watch(() => props.open, (isOpen) => {
+  if (isOpen) {
+    selectedId.value = null;
+    search.value = "";
+    expanded.value = /* @__PURE__ */ new Set();
+  }
+});
+function iconFor(entry) {
+  return entry?.meta?.icon ? entry.meta.icon.startsWith("i-") ? entry.meta.icon : `i-lucide-${entry.meta.icon}` : resolveDocType(entry?.type ?? "doc").icon;
+}
+const rows = computed(() => {
+  const q = search.value.trim().toLowerCase();
+  if (q) {
+    return entries.value.filter((e) => !e.trashed && !excluded.value.has(e.id) && (e.label || "").toLowerCase().includes(q)).sort((a, b) => (a.label || "").localeCompare(b.label || "")).slice(0, 100).map((e) => ({ id: e.id, label: e.label || "Untitled", icon: iconFor(e), depth: 0, hasChildren: false, expanded: false }));
+  }
+  const out = [];
+  const walk = (pid, depth) => {
+    for (const e of childrenOf.value.get(pid) ?? []) {
+      if (excluded.value.has(e.id)) continue;
+      const kids = (childrenOf.value.get(e.id) ?? []).filter((c) => !excluded.value.has(c.id));
+      const isExp = expanded.value.has(e.id);
+      out.push({ id: e.id, label: e.label || "Untitled", icon: iconFor(e), depth, hasChildren: kids.length > 0, expanded: isExp });
+      if (isExp) walk(e.id, depth + 1);
+    }
+  };
+  walk(null, 0);
+  return out;
+});
+function toggle(id) {
+  const next = new Set(expanded.value);
+  if (next.has(id)) next.delete(id);
+  else next.add(id);
+  expanded.value = next;
+}
+function confirm() {
+  emit("select", selectedId.value);
+  emit("update:open", false);
+}
+</script>
+
+<template>
+  <AModalShell
+    :open="open"
+    :title="title"
+    max-width="sm:max-w-lg"
+    @update:open="open = $event"
+  >
+    <div class="flex flex-col gap-3">
+      <UInput
+        v-model="search"
+        icon="i-lucide-search"
+        placeholder="Search documents…"
+        size="sm"
+        class="w-full"
+        autofocus
+      />
+
+      <div class="max-h-[50vh] overflow-y-auto rounded-md border border-(--ui-border) divide-y divide-(--ui-border)/60">
+        <!-- Root / top-level option -->
+        <button
+          v-if="allowRoot && !search"
+          type="button"
+          class="w-full flex items-center gap-2 px-3 py-2 text-left text-sm hover:bg-(--ui-bg-elevated) transition-colors"
+          :class="selectedId === null ? 'bg-(--ui-primary)/10 text-(--ui-primary)' : ''"
+          @click="selectedId = null"
+        >
+          <UIcon
+            name="i-lucide-home"
+            class="size-4 shrink-0 text-(--ui-text-muted)"
+          />
+          <span class="flex-1 truncate">{{ rootLabel }}</span>
+          <UIcon
+            v-if="selectedId === null"
+            name="i-lucide-check"
+            class="size-4 shrink-0"
+          />
+        </button>
+
+        <div
+          v-for="row in rows"
+          :key="row.id"
+          class="flex items-center hover:bg-(--ui-bg-elevated) transition-colors"
+          :class="selectedId === row.id ? 'bg-(--ui-primary)/10' : ''"
+          :style="{ paddingLeft: `${row.depth * 16}px` }"
+        >
+          <button
+            type="button"
+            class="size-6 shrink-0 flex items-center justify-center text-(--ui-text-dimmed) hover:text-(--ui-text)"
+            :class="row.hasChildren ? '' : 'invisible'"
+            @click="toggle(row.id)"
+          >
+            <UIcon
+              :name="row.expanded ? 'i-lucide-chevron-down' : 'i-lucide-chevron-right'"
+              class="size-4"
+            />
+          </button>
+          <button
+            type="button"
+            class="flex-1 min-w-0 flex items-center gap-2 px-1 py-2 text-left text-sm"
+            :class="selectedId === row.id ? 'text-(--ui-primary)' : ''"
+            @click="selectedId = row.id"
+          >
+            <UIcon
+              :name="row.icon"
+              class="size-4 shrink-0 text-(--ui-text-muted)"
+            />
+            <span class="flex-1 truncate">{{ row.label }}</span>
+            <UIcon
+              v-if="selectedId === row.id"
+              name="i-lucide-check"
+              class="size-4 shrink-0 mr-2"
+            />
+          </button>
+        </div>
+
+        <p
+          v-if="rows.length === 0"
+          class="px-3 py-6 text-center text-sm text-(--ui-text-dimmed)"
+        >
+          {{ search ? "No matching documents." : "No documents." }}
+        </p>
+      </div>
+    </div>
+
+    <template #footer>
+      <div class="flex items-center justify-end gap-2 w-full">
+        <UButton
+          label="Cancel"
+          color="neutral"
+          variant="ghost"
+          @click="emit('update:open', false)"
+        />
+        <UButton
+          :label="confirmLabel"
+          color="primary"
+          icon="i-lucide-corner-down-right"
+          :disabled="selectedId === null && !allowRoot"
+          @click="confirm"
+        />
+      </div>
+    </template>
+  </AModalShell>
+</template>

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

@@ -0,0 +1,31 @@
+type __VLS_Props = {
+    open: boolean;
+    /** Modal heading. */
+    title?: string;
+    /** Confirm button label. */
+    confirmLabel?: string;
+    /** Doc to exclude as a target along with its whole subtree (e.g. the doc being moved). */
+    excludeId?: string | null;
+    /** Extra ids to exclude as targets. */
+    excludeIds?: string[];
+    /** Offer a "Top level" (root) option. */
+    allowRoot?: boolean;
+    /** Label for the root option. */
+    rootLabel?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (targetId: string | null) => any;
+    "update:open": (v: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((targetId: string | null) => any) | undefined;
+    "onUpdate:open"?: ((v: boolean) => any) | undefined;
+}>, {
+    title: string;
+    confirmLabel: string;
+    excludeId: string | null;
+    excludeIds: string[];
+    allowRoot: boolean;
+    rootLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,40 @@
+export type DocViewTab = 'pageType' | 'editor' | 'chat' | 'settings';
+type __VLS_Props = {
+    /** Active tab. `null` (or absent) = nothing highlighted (e.g. another tab is active). */
+    modelValue?: DocViewTab | null;
+    docId: string;
+    docType?: string;
+    chatUnread?: number;
+    /** Disable the editor segment (e.g. main view is already the editor). */
+    editorDisabled?: boolean;
+    /** Disable the page-type segment (e.g. provider not ready). */
+    pageTypeDisabled?: boolean;
+    /** Whether the user may assign/change the page type (gates the + dropdown). */
+    canChangeType?: boolean;
+    /** Render the chat slot. Off → omitted (e.g. features.chat disabled). */
+    showChat?: boolean;
+    /** Render the settings slot. Off → omitted. */
+    showSettings?: boolean;
+    /** Suppress tooltips (touch devices / during open animations). */
+    disableTooltips?: boolean;
+    size?: 'sm' | 'md';
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (tab: DocViewTab) => any;
+    "update:modelValue": (tab: DocViewTab) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((tab: DocViewTab) => any) | undefined;
+    "onUpdate:modelValue"?: ((tab: DocViewTab) => any) | undefined;
+}>, {
+    size: "sm" | "md";
+    modelValue: DocViewTab | null;
+    chatUnread: number;
+    editorDisabled: boolean;
+    pageTypeDisabled: boolean;
+    canChangeType: boolean;
+    showChat: boolean;
+    showSettings: boolean;
+    disableTooltips: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;