@abraca/nuxt 1.9.1 → 2.0.0

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

@@ -0,0 +1,46 @@
+type __VLS_Props = {
+    /** Open state (v-model). */
+    open?: boolean;
+    /** Display name override. Defaults to useAbracadabra().userName. */
+    userName?: string;
+    /** Public key override. Defaults to useAbracadabra().publicKeyB64. */
+    publicKey?: string | null;
+    /** Color override (CSS color or named color). */
+    color?: string;
+    /** Modal title. */
+    title?: string;
+    /** Whether the user can edit their display name inline. Default: true. */
+    editable?: boolean;
+};
+declare var __VLS_30: {}, __VLS_39: {
+    publicKey: string | null;
+    userName: string;
+}, __VLS_42: {}, __VLS_51: {};
+type __VLS_Slots = {} & {
+    subtitle?: (props: typeof __VLS_30) => any;
+} & {
+    content?: (props: typeof __VLS_39) => any;
+} & {
+    'actions-left'?: (props: typeof __VLS_42) => any;
+} & {
+    'actions-right'?: (props: typeof __VLS_51) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    rename: (name: string) => any;
+    "update:open": (open: boolean) => any;
+    "sign-out": () => any;
+    "show-recovery": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRename?: ((name: string) => any) | undefined;
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    "onSign-out"?: (() => any) | undefined;
+    "onShow-recovery"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, 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;
+    };
+};

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

@@ -0,0 +1,35 @@
+type __VLS_Props = {
+    open?: boolean;
+    /** Number of words. 12 (default) or 24. */
+    wordCount?: 12 | 24;
+    /** Inline error string from the consumer's submit handler. */
+    error?: string | null;
+    /** Loading flag while consumer handles submit. */
+    loading?: boolean;
+    /** Title text. */
+    title?: string;
+    /** Subtitle text. */
+    subtitle?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (payload: {
+        mnemonic: string;
+        passphrase?: string;
+        ephemeral: boolean;
+    }) => any;
+    "update:open": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: ((payload: {
+        mnemonic: string;
+        passphrase?: string;
+        ephemeral: boolean;
+    }) => any) | undefined;
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+}>, {
+    subtitle: string;
+    title: string;
+    wordCount: 12 | 24;
+    loading: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/AMnemonicLoginModal.vue

@@ -0,0 +1,173 @@
+<script setup>
+import { ref, computed, watch } from "vue";
+import { validateMnemonic, bip39Wordlist } from "@abraca/dabra";
+const props = defineProps({
+  open: { type: Boolean, required: false },
+  wordCount: { type: Number, required: false, default: 12 },
+  error: { type: [String, null], required: false },
+  loading: { type: Boolean, required: false, default: false },
+  title: { type: String, required: false, default: "Enter recovery phrase" },
+  subtitle: { type: String, required: false, default: "Type or paste your 12-word recovery phrase to restore your account." }
+});
+const emit = defineEmits(["update:open", "submit"]);
+const open = computed({
+  get: () => !!props.open,
+  set: (v) => emit("update:open", v)
+});
+const wordSet = new Set(bip39Wordlist);
+const words = ref(Array(props.wordCount).fill(""));
+const passphrase = ref("");
+const showAdvanced = ref(false);
+const ephemeral = ref(false);
+watch(() => props.open, (v) => {
+  if (!v) return;
+  words.value = Array(props.wordCount).fill("");
+  passphrase.value = "";
+  ephemeral.value = false;
+  showAdvanced.value = false;
+});
+watch(() => props.wordCount, (n) => {
+  words.value = Array(n).fill("");
+});
+const wordValid = computed(
+  () => words.value.map((w) => !w.trim() || wordSet.has(w.trim().toLowerCase()))
+);
+const allFilled = computed(() => words.value.every((w) => w.trim().length > 0));
+const mnemonicString = computed(() => words.value.map((w) => w.trim().toLowerCase()).join(" "));
+const checksumValid = computed(() => {
+  if (!allFilled.value) return true;
+  return validateMnemonic(mnemonicString.value);
+});
+const canSubmit = computed(
+  () => allFilled.value && wordValid.value.every(Boolean) && checksumValid.value && !props.loading
+);
+function handlePaste(event, index) {
+  const text = event.clipboardData?.getData("text")?.trim();
+  if (!text) return;
+  const pasted = text.split(/\s+/);
+  if (pasted.length > 1) {
+    event.preventDefault();
+    const next = [...words.value];
+    for (let i = 0; i < pasted.length && index + i < props.wordCount; i++) {
+      next[index + i] = pasted[i];
+    }
+    words.value = next;
+  }
+}
+function submit() {
+  if (!canSubmit.value) return;
+  emit("submit", {
+    mnemonic: mnemonicString.value,
+    passphrase: passphrase.value || void 0,
+    ephemeral: ephemeral.value
+  });
+}
+</script>
+
+<template>
+  <UModal
+    v-model:open="open"
+    :title="title"
+    :ui="{ content: 'sm:max-w-lg' }"
+  >
+    <template #body>
+      <div class="flex flex-col gap-5">
+        <p class="text-sm text-(--ui-text-muted) text-center">
+          {{ subtitle }}
+        </p>
+
+        <UAlert
+          v-if="error"
+          color="error"
+          variant="soft"
+          icon="i-lucide-triangle-alert"
+          :description="error"
+        />
+
+        <UAlert
+          v-if="allFilled && !checksumValid"
+          color="warning"
+          variant="soft"
+          icon="i-lucide-triangle-alert"
+          description="Checksum doesn't match — double-check the words."
+        />
+
+        <div class="grid grid-cols-3 gap-2">
+          <div
+            v-for="i in wordCount"
+            :key="i - 1"
+            class="flex items-center gap-1 px-2 py-1 rounded-md border bg-(--ui-bg-elevated)"
+            :class="!wordValid[i - 1] ? 'border-(--ui-error)' : 'border-(--ui-border)'"
+          >
+            <span class="text-xs font-mono text-(--ui-text-muted) w-5 text-right shrink-0">{{ i }}.</span>
+            <input
+              v-model="words[i - 1]"
+              type="text"
+              autocapitalize="off"
+              autocomplete="off"
+              spellcheck="false"
+              class="bg-transparent outline-none text-sm font-mono w-full text-(--ui-text-highlighted)"
+              @paste="(e) => handlePaste(e, i - 1)"
+              @keydown.enter.prevent="submit"
+            >
+          </div>
+        </div>
+
+        <div class="flex items-center justify-between text-xs">
+          <UButton
+            variant="ghost"
+            color="neutral"
+            size="2xs"
+            :icon="showAdvanced ? 'i-lucide-chevron-up' : 'i-lucide-chevron-down'"
+            :label="showAdvanced ? 'Hide advanced' : 'Advanced'"
+            @click="showAdvanced = !showAdvanced"
+          />
+        </div>
+
+        <div
+          v-if="showAdvanced"
+          class="flex flex-col gap-3 px-1"
+        >
+          <div class="flex flex-col gap-1">
+            <label class="text-xs font-medium text-(--ui-text-muted)">Optional passphrase</label>
+            <UInput
+              v-model="passphrase"
+              size="sm"
+              type="password"
+              placeholder="Empty if you didn't set one"
+            />
+          </div>
+          <label class="flex items-center gap-2 cursor-pointer text-sm">
+            <USwitch
+              v-model="ephemeral"
+              size="sm"
+            />
+            <span>Don't store on this device (ephemeral session)</span>
+          </label>
+        </div>
+      </div>
+    </template>
+
+    <template #footer>
+      <div class="flex items-center justify-end gap-2 w-full">
+        <UButton
+          variant="ghost"
+          color="neutral"
+          size="sm"
+          label="Cancel"
+          @click="open = false"
+        />
+        <UButton
+          variant="solid"
+          color="primary"
+          size="sm"
+          icon="i-lucide-log-in"
+          label="Sign in"
+          :loading="loading"
+          :disabled="!canSubmit"
+          @click="submit"
+        />
+      </div>
+    </template>
+  </UModal>
+</template>

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

@@ -0,0 +1,35 @@
+type __VLS_Props = {
+    open?: boolean;
+    /** Number of words. 12 (default) or 24. */
+    wordCount?: 12 | 24;
+    /** Inline error string from the consumer's submit handler. */
+    error?: string | null;
+    /** Loading flag while consumer handles submit. */
+    loading?: boolean;
+    /** Title text. */
+    title?: string;
+    /** Subtitle text. */
+    subtitle?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (payload: {
+        mnemonic: string;
+        passphrase?: string;
+        ephemeral: boolean;
+    }) => any;
+    "update:open": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: ((payload: {
+        mnemonic: string;
+        passphrase?: string;
+        ephemeral: boolean;
+    }) => any) | undefined;
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+}>, {
+    subtitle: string;
+    title: string;
+    wordCount: 12 | 24;
+    loading: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -1,15 +1,42 @@
 import type { AbracadabraLocale } from '../locale.js';
+import type { DocPageMeta } from '../types.js';
 type __VLS_Props = {
     nodeId: string | null;
     nodeLabel?: string;
     childProvider?: any;
     docType?: string;
     labels?: Partial<AbracadabraLocale['nodePanel']>;
+    /** Tab to open initially. Defaults to 'editor'. */
+    initialTab?: 'editor' | 'properties' | 'chat' | 'settings' | string;
+    /**
+     * Built-in tabs to render. Defaults to all-on; pass an array to limit which
+     * tabs appear (useful when a developer wants only properties + chat).
+     * Plugin-registered tab slots are unaffected.
+     */
+    tabs?: Array<'editor' | 'properties' | 'chat' | 'settings'>;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare var __VLS_11: {
+    nodeId: string | null;
+    nodeLabel: string | undefined;
+    editor: any;
+    meta: DocPageMeta;
+    docTypeDef: import("../utils/docTypes.js").DocTypeDefinition;
+};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    initialTab: "editor" | "properties" | "chat" | "settings" | string;
+}, {}, {}, {}, 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;
+    };
+};

package/dist/runtime/components/ANodePanel.vue

@@ -1,17 +1,27 @@
 <script setup>
-import { ref, computed } from "vue";
+import { ref, computed, watch } from "vue";
 import { useAbracadabra } from "../composables/useAbracadabra";
 import { useSyncedMap } from "../composables/useYDoc";
 import { navigateTo } from "#imports";
 import { useChildTree } from "../composables/useChildTree";
 import { useAbraLocale } from "../composables/useAbraLocale";
+import { useResizableWidth } from "../composables/useResizableWidth";
+import ANodePanelHeader from "./ANodePanelHeader.vue";
+import { defineAsyncComponent } from "vue";
+import { useRuntimeConfig } from "#imports";
+import { useChat } from "../composables/useChat";
+const ANodeChatPanel = defineAsyncComponent(() => import("./chat/ANodeChatPanel.vue"));
+const ANodeSettingsPanel = defineAsyncComponent(() => import("./ANodeSettingsPanel.vue"));
 import { META_FIELD_DEFINITIONS } from "../utils/metaFieldDefinitions";
+import { resolveDocType } from "../utils/docTypes";
 const props = defineProps({
   nodeId: { type: [String, null], required: true },
   nodeLabel: { type: String, required: false },
   childProvider: { type: null, required: false },
   docType: { type: String, required: false },
-  labels: { type: Object, required: false }
+  labels: { type: Object, required: false },
+  initialTab: { type: String, required: false, default: "editor" },
+  tabs: { type: Array, required: false }
 });
 const emit = defineEmits(["close"]);
 const open = computed({
@@ -49,7 +59,41 @@ function patchType(type) {
   const e = treeMap.data[props.nodeId];
   if (e) treeMap.set(props.nodeId, { ...e, type, updatedAt: Date.now() });
 }
-const activeTab = ref("editor");
+const activeTab = ref(props.initialTab);
+watch(() => props.nodeId, (id) => {
+  if (id) activeTab.value = props.initialTab;
+});
+const docTypeDef = computed(() => resolveDocType(currentType.value, registry));
+const usesPageRenderer = computed(
+  () => docTypeDef.value.key !== "doc" && !!docTypeDef.value.component
+);
+const editorRef = ref(null);
+const tiptapEditor = computed(() => editorRef.value?.editor ?? null);
+const resize = useResizableWidth({
+  defaultWidth: 672,
+  minWidth: 320,
+  cookieKey: "abraca-node-panel-width",
+  direction: "left"
+});
+const _runtimeFeatures = computed(() => {
+  try {
+    return useRuntimeConfig().public?.abracadabra?.features ?? {};
+  } catch {
+    return {};
+  }
+});
+const showChatTab = computed(() => {
+  if (props.tabs && !props.tabs.includes("chat")) return false;
+  return !!_runtimeFeatures.value?.chat;
+});
+const showEditorTab = computed(() => !props.tabs || props.tabs.includes("editor"));
+const showPropertiesTab = computed(() => !props.tabs || props.tabs.includes("properties"));
+const showSettingsTab = computed(() => !props.tabs || props.tabs.includes("settings"));
+const _chat = useChat();
+const chatUnread = computed(() => {
+  if (!props.nodeId) return 0;
+  return _chat.channels.value[props.nodeId]?.unreadCount ?? 0;
+});
 const pluginSlots = computed(() => {
   return registry.getAllNodePanelSlots().filter((slot) => {
     if (!props.nodeId || !tree.value) return false;
@@ -138,37 +182,48 @@ const addFieldMenuItems = computed(
     v-model:open="open"
     side="right"
     :title="nodeLabel || 'Document'"
-    :ui="{ content: 'sm:max-w-2xl' }"
+    :content="{ style: resize.style.value }"
     @update:open="(v) => !v && emit('close')"
   >
     <template #header>
-      <div class="flex items-center gap-2 min-w-0 flex-1">
-        <UIcon
-          :name="meta.icon ?? 'i-lucide-file-text'"
-          class="size-4 shrink-0"
-          :style="meta.color ? `color: ${meta.color}` : ''"
-          :class="meta.color ? '' : 'text-muted'"
+      <!-- Default header uses <ANodePanelHeader>. Consumers can replace the
+           whole header via the #header slot, or replace individual pieces
+           (presence, actions-right, etc.) by importing <ANodePanelHeader>
+           and supplying its own slots. -->
+      <slot
+        name="header"
+        :node-id="nodeId"
+        :node-label="nodeLabel"
+        :editor="tiptapEditor"
+        :meta="meta"
+        :doc-type-def="docTypeDef"
+      >
+        <ANodePanelHeader
+          :node-id="nodeId"
+          :node-label="nodeLabel"
+          :icon="meta.icon ?? docTypeDef.icon"
+          :icon-color="meta.color"
+          :editor="activeTab === 'editor' && !usesPageRenderer ? tiptapEditor : null"
+          @expand="navigateTo(`/app/${nodeId}`)"
         />
-        <span class="font-medium truncate flex-1">{{ nodeLabel || "Document" }}</span>
-        <UTooltip
-          text="Open as full page"
-          :content="{ side: 'bottom' }"
-        >
-          <UButton
-            icon="i-lucide-expand"
-            size="xs"
-            variant="ghost"
-            color="neutral"
-            @click="navigateTo(`/app/${nodeId}`)"
-          />
-        </UTooltip>
-      </div>
+      </slot>
     </template>
 
     <template #body>
-      <!-- Tab bar -->
+      <!-- Resize handle: left edge of slideover, desktop only -->
+      <div
+        class="absolute left-0 top-0 bottom-0 w-1.5 z-10 cursor-col-resize hidden sm:block group"
+        :class="resize.isResizing.value ? 'bg-(--ui-primary)/20' : 'hover:bg-(--ui-primary)/10'"
+        @mousedown.stop.prevent="resize.onMouseDown"
+        @touchstart.stop.prevent="resize.onTouchStart"
+        @dblclick="resize.onDoubleClick"
+      />
+
+      <!-- Tab bar — built-in tabs are individually toggleable via the
+           `tabs` prop; plugin-registered tabs always render. -->
       <div class="flex items-center gap-1 border-b border-(--ui-border) mb-4 -mt-2">
         <UButton
+          v-if="showEditorTab"
           icon="i-lucide-file-text"
           :label="locale.editorTab"
           size="sm"
@@ -177,6 +232,7 @@ const addFieldMenuItems = computed(
           @click="activeTab = 'editor'"
         />
         <UButton
+          v-if="showPropertiesTab"
           icon="i-lucide-sliders-horizontal"
           :label="locale.propertiesTab"
           size="sm"
@@ -184,6 +240,32 @@ const addFieldMenuItems = computed(
           :variant="activeTab === 'properties' ? 'soft' : 'ghost'"
           @click="activeTab = 'properties'"
         />
+        <UChip
+          v-if="showChatTab"
+          :text="chatUnread > 0 && activeTab !== 'chat' ? String(chatUnread) : void 0"
+          color="error"
+          size="lg"
+          :show="chatUnread > 0 && activeTab !== 'chat'"
+          :inset="true"
+        >
+          <UButton
+            icon="i-lucide-message-circle"
+            label="Chat"
+            size="sm"
+            :color="activeTab === 'chat' ? 'primary' : 'neutral'"
+            :variant="activeTab === 'chat' ? 'soft' : 'ghost'"
+            @click="activeTab = 'chat'"
+          />
+        </UChip>
+        <UButton
+          v-if="showSettingsTab"
+          icon="i-lucide-settings-2"
+          label="Settings"
+          size="sm"
+          :color="activeTab === 'settings' ? 'primary' : 'neutral'"
+          :variant="activeTab === 'settings' ? 'soft' : 'ghost'"
+          @click="activeTab = 'settings'"
+        />
         <UButton
           v-for="slot in pluginSlots"
           :key="slot.id"
@@ -196,13 +278,23 @@ const addFieldMenuItems = computed(
         />
       </div>
 
-      <!-- Editor tab -->
+      <!-- Editor tab — swaps to the registered page-type renderer when the
+           doc has a non-'doc' type (kanban / table / calendar / etc.). -->
       <div
         v-show="activeTab === 'editor'"
         class="min-h-[60vh]"
       >
+        <component
+          :is="docTypeDef.component"
+          v-if="nodeId && usesPageRenderer"
+          :key="`${nodeId}-${currentType}`"
+          :doc-id="nodeId"
+          :doc-label="nodeLabel || ''"
+          :child-provider="childProvider"
+        />
         <AEditor
-          v-if="nodeId"
+          v-else-if="nodeId"
+          ref="editorRef"
           :doc-id="nodeId"
           :child-provider="childProvider"
           :parent-type="docType"
@@ -212,6 +304,35 @@ const addFieldMenuItems = computed(
         />
       </div>
 
+      <!-- Chat tab -->
+      <div
+        v-if="showChatTab"
+        v-show="activeTab === 'chat'"
+        class="min-h-[60vh] -mx-4 -mb-4 sm:-mx-6"
+      >
+        <ANodeChatPanel
+          v-if="nodeId"
+          :doc-id="nodeId"
+          :label="nodeLabel || 'Chat'"
+        />
+      </div>
+
+      <!-- Settings tab — snapshots wired by default; permissions and
+           encryption are app-supplied via slots. -->
+      <div
+        v-if="showSettingsTab"
+        v-show="activeTab === 'settings'"
+        class="min-h-[60vh]"
+      >
+        <ANodeSettingsPanel
+          v-if="nodeId"
+          :doc-id="nodeId"
+          :doc-type-key="currentType"
+          :doc-meta="meta"
+          @update-meta="patchMeta"
+        />
+      </div>
+
       <!-- Properties tab -->
       <div
         v-show="activeTab === 'properties'"

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

@@ -1,15 +1,42 @@
 import type { AbracadabraLocale } from '../locale.js';
+import type { DocPageMeta } from '../types.js';
 type __VLS_Props = {
     nodeId: string | null;
     nodeLabel?: string;
     childProvider?: any;
     docType?: string;
     labels?: Partial<AbracadabraLocale['nodePanel']>;
+    /** Tab to open initially. Defaults to 'editor'. */
+    initialTab?: 'editor' | 'properties' | 'chat' | 'settings' | string;
+    /**
+     * Built-in tabs to render. Defaults to all-on; pass an array to limit which
+     * tabs appear (useful when a developer wants only properties + chat).
+     * Plugin-registered tab slots are unaffected.
+     */
+    tabs?: Array<'editor' | 'properties' | 'chat' | 'settings'>;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare var __VLS_11: {
+    nodeId: string | null;
+    nodeLabel: string | undefined;
+    editor: any;
+    meta: DocPageMeta;
+    docTypeDef: import("../utils/docTypes.js").DocTypeDefinition;
+};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    initialTab: "editor" | "properties" | "chat" | "settings" | string;
+}, {}, {}, {}, 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;
+    };
+};