@abraca/nuxt 0.1.0

package/dist/runtime/components/ANodePanel.vue

@@ -0,0 +1,541 @@
+<script setup>
+import { ref, computed } from "vue";
+import { useChildTree } from "../composables/useChildTree";
+import { useAbraLocale } from "../composables/useAbraLocale";
+import { META_FIELD_DEFINITIONS } from "../utils/metaFieldDefinitions";
+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 }
+});
+const emit = defineEmits(["close"]);
+const open = computed({
+  get: () => !!props.nodeId,
+  set: (v) => {
+    if (!v) emit("close");
+  }
+});
+const locale = computed(() => useAbraLocale("nodePanel", props.labels));
+const { doc: rootDoc, registry } = useAbracadabra();
+const tree = computed(() => {
+  if (!props.nodeId) return null;
+  return useChildTree(rootDoc, props.nodeId);
+});
+const entry = computed(() => {
+  if (!props.nodeId) return null;
+  const treeMap = rootDoc.value?.getMap("doc-tree");
+  return treeMap?.get(props.nodeId) ?? null;
+});
+const meta = computed(() => entry.value?.meta ?? {});
+const currentType = computed(() => entry.value?.type ?? "doc");
+function patchMeta(patch) {
+  if (!props.nodeId || !rootDoc.value) return;
+  const treeMap = rootDoc.value.getMap("doc-tree");
+  const e = treeMap.get(props.nodeId);
+  if (e) {
+    treeMap.set(props.nodeId, {
+      ...e,
+      meta: { ...e.meta ?? {}, ...patch },
+      updatedAt: Date.now()
+    });
+  }
+}
+function patchType(type) {
+  if (!props.nodeId || !rootDoc.value) return;
+  const treeMap = rootDoc.value.getMap("doc-tree");
+  const e = treeMap.get(props.nodeId);
+  if (e) treeMap.set(props.nodeId, { ...e, type, updatedAt: Date.now() });
+}
+const activeTab = ref("editor");
+const tabs = computed(() => {
+  const base = [
+    { key: "editor", label: locale.value.editorTab, icon: "i-lucide-file-text" },
+    { key: "properties", label: locale.value.propertiesTab, icon: "i-lucide-sliders-horizontal" }
+  ];
+  const pluginSlots2 = registry.getAllNodePanelSlots().filter((slot) => {
+    if (!props.nodeId || !tree.value) return false;
+    const e = tree.value.entries.value.find((en) => en.id === props.nodeId);
+    if (!e) return false;
+    return slot.when({
+      childId: props.nodeId,
+      childDoc: props.childProvider?.document ?? null,
+      parentDocId: props.nodeId,
+      parentType: props.docType,
+      meta: meta.value,
+      tree: tree.value
+    });
+  });
+  return [...base, ...pluginSlots2.map((s) => ({ key: s.id, label: s.label, icon: s.icon }))];
+});
+const pluginSlots = computed(() => {
+  return registry.getAllNodePanelSlots().filter((slot) => {
+    if (!props.nodeId || !tree.value) return false;
+    const e = tree.value.entries.value.find((en) => en.id === props.nodeId);
+    if (!e) return false;
+    return slot.when({
+      childId: props.nodeId,
+      childDoc: props.childProvider?.document ?? null,
+      parentDocId: props.nodeId,
+      parentType: props.docType,
+      meta: meta.value,
+      tree: tree.value
+    });
+  });
+});
+const tagInput = ref("");
+const tags = computed(() => meta.value.tags ?? []);
+function addTag() {
+  const t = tagInput.value.trim();
+  if (!t || tags.value.includes(t)) {
+    tagInput.value = "";
+    return;
+  }
+  patchMeta({ tags: [...tags.value, t] });
+  tagInput.value = "";
+}
+function removeTag(tag) {
+  patchMeta({ tags: tags.value.filter((t) => t !== tag) });
+}
+const customFields = computed(() => meta.value._metaFields ?? []);
+function addCustomField(def) {
+  const attrs = def.buildAttrs();
+  const field = {
+    id: `field_${Date.now()}`,
+    type: String(attrs.fieldType ?? def.kind),
+    label: String(attrs.fieldLabel ?? def.label),
+    key: attrs.metaKey ? String(attrs.metaKey) : void 0,
+    latKey: attrs.latKey ? String(attrs.latKey) : void 0,
+    lngKey: attrs.lngKey ? String(attrs.lngKey) : void 0,
+    startKey: attrs.startKey ? String(attrs.startKey) : void 0,
+    endKey: attrs.endKey ? String(attrs.endKey) : void 0,
+    allDayKey: attrs.allDayKey ? String(attrs.allDayKey) : void 0,
+    min: typeof attrs.sliderMin === "number" ? attrs.sliderMin : void 0,
+    max: typeof attrs.sliderMax === "number" ? attrs.sliderMax : void 0,
+    options: attrs.options ? JSON.parse(String(attrs.options)) : void 0
+  };
+  patchMeta({ _metaFields: [...customFields.value, field] });
+}
+function removeCustomField(fieldId) {
+  patchMeta({ _metaFields: customFields.value.filter((f) => f.id !== fieldId) });
+}
+function getCustomFieldValue(field) {
+  if (field.key) return meta.value[field.key];
+  return void 0;
+}
+function setCustomFieldValue(field, value) {
+  if (!field.key) return;
+  patchMeta({ [field.key]: value });
+}
+const statusOptions = [
+  { label: "None", value: "" },
+  { label: "Todo", value: "todo" },
+  { label: "In progress", value: "in-progress" },
+  { label: "Done", value: "done" },
+  { label: "Archived", value: "archived" }
+];
+const priorityOptions = [
+  { label: "None", value: 0 },
+  { label: "1 \u2014 Low", value: 1 },
+  { label: "2", value: 2 },
+  { label: "3 \u2014 Medium", value: 3 },
+  { label: "4", value: 4 },
+  { label: "5 \u2014 High", value: 5 }
+];
+const addFieldMenuItems = computed(
+  () => META_FIELD_DEFINITIONS.map((def) => ({
+    label: def.label,
+    icon: def.icon,
+    onSelect: () => addCustomField(def)
+  }))
+);
+</script>
+
+<template>
+  <USlideover
+    v-model:open="open"
+    side="right"
+    :title="nodeLabel || 'Document'"
+    :ui="{ width: 'max-w-xl' }"
+    @update:open="(v) => !v && emit('close')"
+  >
+    <template #header>
+      <div class="flex items-center gap-2 min-w-0">
+        <UIcon
+          :name="meta.icon ?? 'i-lucide-file-text'"
+          class="size-4 shrink-0"
+          :style="meta.color ? `color: ${meta.color}` : ''"
+          :class="meta.color ? '' : 'text-muted'"
+        />
+        <span class="font-medium truncate">{{ nodeLabel || "Document" }}</span>
+      </div>
+    </template>
+
+    <template #body>
+      <!-- Tabs -->
+      <UTabs
+        v-model="activeTab"
+        :items="tabs"
+        variant="link"
+        class="mb-4"
+      />
+
+      <!-- Editor tab -->
+      <div v-show="activeTab === 'editor'" class="h-[60vh]">
+        <AEditor
+          v-if="nodeId"
+          :doc-id="nodeId"
+          :child-provider="childProvider"
+          class="h-full overflow-auto"
+        />
+      </div>
+
+      <!-- Properties tab -->
+      <div v-show="activeTab === 'properties'" class="space-y-4">
+
+        <!-- Document type -->
+        <div class="space-y-1">
+          <label class="text-xs font-medium text-muted">{{ locale.docType }}</label>
+          <ADocTypeSelect
+            :model-value="currentType"
+            @update:model-value="patchType"
+          />
+        </div>
+
+        <!-- Icon + Color (row) -->
+        <div class="grid grid-cols-2 gap-3">
+          <div class="space-y-1">
+            <label class="text-xs font-medium text-muted">{{ locale.icon }}</label>
+            <AIconPicker
+              :model-value="meta.icon"
+              @update:model-value="patchMeta({ icon: $event })"
+            />
+          </div>
+          <div class="space-y-1">
+            <label class="text-xs font-medium text-muted">{{ locale.color }}</label>
+            <AColorPicker
+              :model-value="meta.color"
+              @update:model-value="patchMeta({ color: $event })"
+            />
+          </div>
+        </div>
+
+        <!-- Status + Priority (row) -->
+        <div class="grid grid-cols-2 gap-3">
+          <div class="space-y-1">
+            <label class="text-xs font-medium text-muted">{{ locale.status }}</label>
+            <USelectMenu
+              :model-value="meta.status ?? ''"
+              :items="statusOptions"
+              value-key="value"
+              placeholder="None"
+              size="sm"
+              @update:model-value="patchMeta({ status: $event || void 0 })"
+            />
+          </div>
+          <div class="space-y-1">
+            <label class="text-xs font-medium text-muted">{{ locale.priority }}</label>
+            <USelectMenu
+              :model-value="meta.priority ?? 0"
+              :items="priorityOptions"
+              value-key="value"
+              size="sm"
+              @update:model-value="patchMeta({ priority: $event || void 0 })"
+            />
+          </div>
+        </div>
+
+        <!-- Rating -->
+        <div class="space-y-1">
+          <label class="text-xs font-medium text-muted">{{ locale.rating }}</label>
+          <div class="flex items-center gap-1">
+            <button
+              v-for="n in 5"
+              :key="n"
+              type="button"
+              class="transition-colors focus:outline-none"
+              @click="patchMeta({ rating: meta.rating === n ? void 0 : n })"
+            >
+              <UIcon
+                name="i-lucide-star"
+                class="size-5"
+                :class="(meta.rating ?? 0) >= n ? 'text-warning' : 'text-muted'"
+              />
+            </button>
+            <button
+              v-if="meta.rating"
+              type="button"
+              class="ml-1 text-xs text-muted hover:text-default"
+              @click="patchMeta({ rating: void 0 })"
+            >
+              <UIcon name="i-lucide-x" class="size-3" />
+            </button>
+          </div>
+        </div>
+
+        <!-- URL -->
+        <div class="space-y-1">
+          <label class="text-xs font-medium text-muted">{{ locale.url }}</label>
+          <UInput
+            type="url"
+            :model-value="meta.url ?? ''"
+            placeholder="https://…"
+            size="sm"
+            @update:model-value="patchMeta({ url: $event || void 0 })"
+          />
+        </div>
+
+        <!-- Dates -->
+        <div class="space-y-1">
+          <label class="text-xs font-medium text-muted">{{ locale.dates }}</label>
+          <div class="grid grid-cols-2 gap-2">
+            <UInput
+              type="date"
+              :model-value="meta.dateStart ?? ''"
+              size="sm"
+              @update:model-value="patchMeta({ dateStart: $event || void 0 })"
+            />
+            <UInput
+              type="date"
+              :model-value="meta.dateEnd ?? ''"
+              size="sm"
+              @update:model-value="patchMeta({ dateEnd: $event || void 0 })"
+            />
+          </div>
+        </div>
+
+        <!-- Tags -->
+        <div class="space-y-1">
+          <label class="text-xs font-medium text-muted">Tags</label>
+          <div class="flex flex-wrap gap-1 mb-1">
+            <UBadge
+              v-for="tag in tags"
+              :key="tag"
+              variant="soft"
+              class="cursor-pointer"
+              @click="removeTag(tag)"
+            >
+              {{ tag }}
+              <UIcon name="i-lucide-x" class="size-3 ml-1" />
+            </UBadge>
+          </div>
+          <UInput
+            v-model="tagInput"
+            placeholder="Add tag…"
+            size="sm"
+            @keydown.enter.prevent="addTag"
+            @keydown.comma.prevent="addTag"
+          />
+        </div>
+
+        <!-- Cover image -->
+        <div v-if="meta.coverUploadId || meta.coverDocId" class="space-y-1">
+          <label class="text-xs font-medium text-muted">{{ locale.cover }}</label>
+          <div class="flex items-center gap-2 text-xs text-muted">
+            <UIcon name="i-lucide-image" class="size-4 shrink-0" />
+            <span class="truncate">{{ meta.coverUploadId ?? meta.coverDocId }}</span>
+            <UButton
+              icon="i-lucide-x"
+              size="xs"
+              variant="ghost"
+              color="neutral"
+              @click="patchMeta({ coverUploadId: void 0, coverDocId: void 0, coverMimeType: void 0 })"
+            />
+          </div>
+        </div>
+
+        <!-- Custom fields -->
+        <div class="space-y-2">
+          <div class="flex items-center justify-between">
+            <label class="text-xs font-medium text-muted">{{ locale.customFields }}</label>
+            <UDropdownMenu :items="addFieldMenuItems">
+              <UButton
+                :label="locale.addField"
+                icon="i-lucide-plus"
+                size="xs"
+                variant="ghost"
+                color="neutral"
+              />
+            </UDropdownMenu>
+          </div>
+
+          <div
+            v-for="field in customFields"
+            :key="field.id"
+            class="space-y-1"
+          >
+            <div class="flex items-center justify-between">
+              <label class="text-xs font-medium text-muted">{{ field.label || field.type }}</label>
+              <UButton
+                icon="i-lucide-trash-2"
+                size="xs"
+                variant="ghost"
+                color="neutral"
+                class="opacity-40 hover:opacity-100"
+                @click="removeCustomField(field.id)"
+              />
+            </div>
+
+            <!-- Toggle -->
+            <template v-if="field.type === 'toggle'">
+              <UToggle
+                :model-value="!!getCustomFieldValue(field)"
+                @update:model-value="setCustomFieldValue(field, $event)"
+              />
+            </template>
+
+            <!-- Number -->
+            <template v-else-if="field.type === 'number'">
+              <UInput
+                type="number"
+                :model-value="String(getCustomFieldValue(field) ?? '')"
+                size="sm"
+                @update:model-value="setCustomFieldValue(field, $event ? Number($event) : void 0)"
+              />
+            </template>
+
+            <!-- Slider / Progress -->
+            <template v-else-if="field.type === 'slider'">
+              <div class="flex items-center gap-2">
+                <USlider
+                  :model-value="Number(getCustomFieldValue(field) ?? field.min ?? 0)"
+                  :min="field.min ?? 0"
+                  :max="field.max ?? 100"
+                  size="sm"
+                  class="flex-1"
+                  @update:model-value="setCustomFieldValue(field, $event)"
+                />
+                <span class="text-xs text-muted w-8 text-right">{{ getCustomFieldValue(field) ?? field.min ?? 0 }}</span>
+              </div>
+            </template>
+
+            <!-- Rating -->
+            <template v-else-if="field.type === 'rating'">
+              <div class="flex items-center gap-1">
+                <button
+                  v-for="n in field.max ?? 5"
+                  :key="n"
+                  type="button"
+                  class="focus:outline-none"
+                  @click="setCustomFieldValue(field, getCustomFieldValue(field) === n ? void 0 : n)"
+                >
+                  <UIcon
+                    name="i-lucide-star"
+                    class="size-4"
+                    :class="Number(getCustomFieldValue(field) ?? 0) >= n ? 'text-warning' : 'text-muted'"
+                  />
+                </button>
+              </div>
+            </template>
+
+            <!-- Date / Datetime / Time (single) -->
+            <template v-else-if="['date', 'datetime', 'time'].includes(field.type)">
+              <UInput
+                :type="field.type === 'datetime' ? 'datetime-local' : field.type"
+                :model-value="String(getCustomFieldValue(field) ?? '')"
+                size="sm"
+                @update:model-value="setCustomFieldValue(field, $event || void 0)"
+              />
+            </template>
+
+            <!-- Date range / Time range / Datetime range -->
+            <template v-else-if="['daterange', 'timerange', 'datetimerange'].includes(field.type)">
+              <div class="grid grid-cols-2 gap-2">
+                <UInput
+                  :type="field.type === 'datetimerange' ? 'datetime-local' : field.type === 'timerange' ? 'time' : 'date'"
+                  :model-value="field.startKey ? String(meta[field.startKey] ?? '') : ''"
+                  size="sm"
+                  @update:model-value="field.startKey && patchMeta({ [field.startKey]: $event || void 0 })"
+                />
+                <UInput
+                  :type="field.type === 'datetimerange' ? 'datetime-local' : field.type === 'timerange' ? 'time' : 'date'"
+                  :model-value="field.endKey ? String(meta[field.endKey] ?? '') : ''"
+                  size="sm"
+                  @update:model-value="field.endKey && patchMeta({ [field.endKey]: $event || void 0 })"
+                />
+              </div>
+            </template>
+
+            <!-- Textarea -->
+            <template v-else-if="field.type === 'textarea'">
+              <UTextarea
+                :model-value="String(getCustomFieldValue(field) ?? '')"
+                :rows="3"
+                size="sm"
+                @update:model-value="setCustomFieldValue(field, $event || void 0)"
+              />
+            </template>
+
+            <!-- URL -->
+            <template v-else-if="field.type === 'url'">
+              <UInput
+                type="url"
+                :model-value="String(getCustomFieldValue(field) ?? '')"
+                placeholder="https://…"
+                size="sm"
+                @update:model-value="setCustomFieldValue(field, $event || void 0)"
+              />
+            </template>
+
+            <!-- Tags -->
+            <template v-else-if="field.type === 'tags'">
+              <div class="flex flex-wrap gap-1">
+                <UBadge
+                  v-for="t in Array.isArray(getCustomFieldValue(field)) ? getCustomFieldValue(field) : []"
+                  :key="t"
+                  variant="soft"
+                  class="cursor-pointer"
+                  @click="setCustomFieldValue(field, getCustomFieldValue(field).filter((x) => x !== t))"
+                >
+                  {{ t }}<UIcon name="i-lucide-x" class="size-3 ml-1" />
+                </UBadge>
+              </div>
+            </template>
+
+            <!-- Icon -->
+            <template v-else-if="field.type === 'icon'">
+              <AIconPicker
+                :model-value="String(getCustomFieldValue(field) ?? '')"
+                @update:model-value="setCustomFieldValue(field, $event)"
+              />
+            </template>
+
+            <!-- Color Preset / Color Picker -->
+            <template v-else-if="['colorPreset', 'colorPicker'].includes(field.type)">
+              <AColorPicker
+                :model-value="String(getCustomFieldValue(field) ?? '')"
+                @update:model-value="setCustomFieldValue(field, $event)"
+              />
+            </template>
+
+            <!-- Fallback: text input -->
+            <template v-else>
+              <UInput
+                :model-value="String(getCustomFieldValue(field) ?? '')"
+                size="sm"
+                @update:model-value="setCustomFieldValue(field, $event || void 0)"
+              />
+            </template>
+          </div>
+        </div>
+      </div>
+
+      <!-- Plugin slots -->
+      <template v-for="slot in pluginSlots" :key="slot.id">
+        <div v-show="activeTab === slot.id">
+          <component
+            :is="slot.component"
+            v-if="nodeId"
+            :child-id="nodeId"
+            :child-doc="childProvider?.document ?? null"
+            :parent-doc-id="nodeId"
+            :parent-type="docType"
+            :meta="meta"
+            :tree="tree"
+          />
+        </div>
+      </template>
+    </template>
+  </USlideover>
+</template>

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

@@ -0,0 +1,15 @@
+import type { AbracadabraLocale } from '../locale.js';
+type __VLS_Props = {
+    nodeId: string | null;
+    nodeLabel?: string;
+    childProvider?: any;
+    docType?: string;
+    labels?: Partial<AbracadabraLocale['nodePanel']>;
+};
+declare const __VLS_export: 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>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,7 @@
+import type { AbracadabraLocale } from '../locale.js';
+type __VLS_Props = {
+    labels?: Partial<AbracadabraLocale['notifications']>;
+};
+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/ANotifications.vue

@@ -0,0 +1,75 @@
+<script setup>
+import { useAbraLocale } from "../composables/useAbraLocale";
+const notifProps = defineProps({
+  labels: { type: Object, required: false }
+});
+const locale = useAbraLocale("notifications", notifProps.labels);
+const { notifications, unreadCount, markRead, markAllRead, fetchNotifications } = useNotifications();
+const isOpen = ref(false);
+onMounted(() => {
+  fetchNotifications();
+});
+function openAndMarkFetched() {
+  isOpen.value = true;
+  fetchNotifications({ limit: 50 });
+}
+</script>
+
+<template>
+  <ClientOnly>
+    <div class="relative">
+      <UButton
+        icon="i-lucide-bell"
+        variant="ghost"
+        color="neutral"
+        :aria-label="`Notifications${unreadCount > 0 ? ` (${unreadCount} unread)` : ''}`"
+        @click="openAndMarkFetched"
+      >
+        <template v-if="unreadCount > 0" #trailing>
+          <UChip :text="unreadCount > 9 ? '9+' : String(unreadCount)" color="error" size="xs" />
+        </template>
+      </UButton>
+
+      <USlideover v-model:open="isOpen" :title="locale.title" side="right" :ui="{ width: 'max-w-sm' }">
+        <template #header>
+          <div class="flex items-center justify-between w-full">
+            <span class="font-semibold">{{ locale.title }}</span>
+            <UButton
+              v-if="unreadCount > 0"
+              size="xs"
+              variant="ghost"
+              @click="markAllRead"
+            >
+              {{ locale.markAllRead }}
+            </UButton>
+          </div>
+        </template>
+
+        <template #body>
+          <div class="space-y-1">
+            <div
+              v-for="n in notifications.slice(0, 50)"
+              :key="n.id"
+              :class="[
+  'flex items-start gap-3 p-3 rounded-lg cursor-pointer transition-colors',
+  n.read ? 'opacity-60' : 'bg-elevated'
+]"
+              @click="markRead(n.id)"
+            >
+              <UIcon :name="n.icon ?? 'i-lucide-bell'" class="size-4 shrink-0 mt-0.5 text-muted" />
+              <div class="flex-1 min-w-0">
+                <div class="text-sm font-medium truncate">{{ n.title }}</div>
+                <div class="text-xs text-muted line-clamp-2">{{ n.body }}</div>
+              </div>
+              <UChip v-if="!n.read" color="primary" size="xs" class="shrink-0 mt-1" />
+            </div>
+
+            <div v-if="!notifications.length" class="text-center py-12 text-muted text-sm">
+              {{ locale.empty }}
+            </div>
+          </div>
+        </template>
+      </USlideover>
+    </div>
+  </ClientOnly>
+</template>

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

@@ -0,0 +1,7 @@
+import type { AbracadabraLocale } from '../locale.js';
+type __VLS_Props = {
+    labels?: Partial<AbracadabraLocale['notifications']>;
+};
+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/APermissionGuard.d.vue.ts

@@ -0,0 +1,21 @@
+import type { AbracadabraLocale } from '../locale.js';
+type __VLS_Props = {
+    role: string;
+    requires: string | string[];
+    labels?: Partial<AbracadabraLocale['permissionGuard']>;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    fallback?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: 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 __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;
+    };
+};