@abraca/nuxt 0.3.0 → 1.6.0

package/dist/runtime/components/shell/ASyncStatus.d.vue.ts

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    /** Whether a background sync is in progress */
+    syncing?: boolean;
+    /** Sync progress (0–1) */
+    progress?: number;
+    /** Number of sync errors */
+    errorCount?: number;
+    /** Number of files pending upload */
+    pendingUploads?: number;
+    /** Whether sidebar is collapsed */
+    collapsed?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {
+    syncing: boolean;
+    progress: number;
+    collapsed: boolean;
+    errorCount: number;
+    pendingUploads: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/shell/ASyncStatus.vue

@@ -0,0 +1,96 @@
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  syncing: { type: Boolean, required: false, default: false },
+  progress: { type: Number, required: false, default: 0 },
+  errorCount: { type: Number, required: false, default: 0 },
+  pendingUploads: { type: Number, required: false, default: 0 },
+  collapsed: { type: Boolean, required: false, default: false }
+});
+const emit = defineEmits(["click"]);
+const show = computed(
+  () => props.pendingUploads > 0 || props.syncing || props.errorCount > 0
+);
+const tooltipText = computed(() => {
+  if (props.pendingUploads > 0) return `Uploading ${props.pendingUploads} file${props.pendingUploads === 1 ? "" : "s"}\u2026`;
+  if (props.syncing) return "Syncing\u2026";
+  return `${props.errorCount} sync error${props.errorCount === 1 ? "" : "s"}`;
+});
+const collapsedIcon = computed(() => {
+  if (props.pendingUploads > 0) return "i-lucide-upload";
+  if (props.syncing) return "i-lucide-refresh-cw";
+  return "i-lucide-alert-circle";
+});
+const collapsedIconClass = computed(() => {
+  if (props.pendingUploads > 0) return "text-amber-500";
+  if (props.syncing) return "text-(--ui-text-muted) animate-spin";
+  return "text-red-500";
+});
+</script>
+
+<template>
+  <button
+    v-if="show"
+    class="flex items-center gap-2 w-full px-2 py-1.5 text-xs rounded-lg hover:bg-(--ui-bg-elevated) transition-colors text-(--ui-text-muted) cursor-pointer"
+    @click="emit('click')"
+  >
+    <template v-if="!collapsed">
+      <!-- Uploading -->
+      <template v-if="pendingUploads > 0">
+        <UIcon
+          name="i-lucide-upload"
+          class="size-3.5 text-amber-500 shrink-0"
+        />
+        <span class="truncate flex-1 text-left">Uploading {{ pendingUploads }} file{{ pendingUploads === 1 ? "" : "s" }}…</span>
+        <div class="flex gap-0.5 shrink-0">
+          <div
+            v-for="i in 3"
+            :key="i"
+            class="size-1 rounded-full bg-amber-500 animate-bounce"
+            :style="{ animationDelay: `${(i - 1) * 0.15}s` }"
+          />
+        </div>
+      </template>
+
+      <!-- Syncing -->
+      <template v-else-if="syncing">
+        <UIcon
+          name="i-lucide-refresh-cw"
+          class="size-3.5 text-(--ui-text-muted) shrink-0 animate-spin"
+        />
+        <span class="truncate flex-1 text-left">Syncing…</span>
+        <UProgress
+          :value="progress * 100"
+          class="w-12 shrink-0"
+          size="xs"
+        />
+      </template>
+
+      <!-- Errors -->
+      <template v-else>
+        <UIcon
+          name="i-lucide-alert-circle"
+          class="size-3.5 text-red-500 shrink-0"
+        />
+        <span class="truncate flex-1 text-left text-red-500">{{ errorCount }} sync error{{ errorCount === 1 ? "" : "s" }}</span>
+        <UIcon
+          name="i-lucide-chevron-right"
+          class="size-3.5 shrink-0"
+        />
+      </template>
+    </template>
+
+    <template v-else>
+      <UTooltip
+        :text="tooltipText"
+        :content="{ side: 'right' }"
+      >
+        <UIcon
+          :name="collapsedIcon"
+          :class="collapsedIconClass"
+          class="size-4 mx-auto"
+        />
+      </UTooltip>
+    </template>
+  </button>
+</template>

package/dist/runtime/components/shell/ASyncStatus.vue.d.ts

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    /** Whether a background sync is in progress */
+    syncing?: boolean;
+    /** Sync progress (0–1) */
+    progress?: number;
+    /** Number of sync errors */
+    errorCount?: number;
+    /** Number of files pending upload */
+    pendingUploads?: number;
+    /** Whether sidebar is collapsed */
+    collapsed?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {
+    syncing: boolean;
+    progress: number;
+    collapsed: boolean;
+    errorCount: number;
+    pendingUploads: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/shell/AUserMenu.d.vue.ts

@@ -0,0 +1,28 @@
+import type { DropdownMenuItem } from '@nuxt/ui';
+type __VLS_Props = {
+    /** User display name */
+    name: string;
+    /** User color (CSS value or named color) */
+    color?: string;
+    /** Avatar border style */
+    avatarStyle?: string;
+    /** Whether sidebar is collapsed */
+    collapsed?: boolean;
+    /** Extra menu items prepended before default actions */
+    extraItems?: DropdownMenuItem[][];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    logout: () => any;
+    "open-settings": () => any;
+    "open-account": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onLogout?: (() => any) | undefined;
+    "onOpen-settings"?: (() => any) | undefined;
+    "onOpen-account"?: (() => any) | undefined;
+}>, {
+    color: string;
+    collapsed: boolean;
+    avatarStyle: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/shell/AUserMenu.vue

@@ -0,0 +1,79 @@
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  name: { type: String, required: true },
+  color: { type: String, required: false, default: "" },
+  avatarStyle: { type: String, required: false, default: "" },
+  collapsed: { type: Boolean, required: false, default: false },
+  extraItems: { type: Array, required: false }
+});
+const emit = defineEmits(["open-settings", "open-account", "logout"]);
+const items = computed(() => {
+  const userGroup = [
+    {
+      label: props.name,
+      icon: "i-lucide-user",
+      disabled: true
+    }
+  ];
+  const actionGroup = [
+    {
+      label: "Account",
+      icon: "i-lucide-shield",
+      onSelect: () => emit("open-account")
+    },
+    {
+      label: "Settings",
+      icon: "i-lucide-settings",
+      onSelect: () => emit("open-settings")
+    }
+  ];
+  const logoutGroup = [
+    {
+      label: "Disconnect",
+      icon: "i-lucide-log-out",
+      color: "error",
+      onSelect: () => emit("logout")
+    }
+  ];
+  return [userGroup, ...props.extraItems ?? [], actionGroup, logoutGroup];
+});
+</script>
+
+<template>
+  <UDropdownMenu
+    :items="items"
+    :content="{ align: 'start', side: 'top', sideOffset: 4 }"
+  >
+    <UButton
+      color="neutral"
+      variant="ghost"
+      block
+      class="justify-start"
+      :class="collapsed ? 'px-0 justify-center' : ''"
+    >
+      <template #leading>
+        <UAvatar
+          :alt="name"
+          size="2xs"
+          :style="avatarStyle"
+        />
+      </template>
+      <span
+        v-if="!collapsed"
+        class="truncate flex-1 text-left text-sm"
+      >
+        {{ name }}
+      </span>
+      <template
+        v-if="!collapsed"
+        #trailing
+      >
+        <UIcon
+          name="i-lucide-chevron-up"
+          class="size-3.5 opacity-50"
+        />
+      </template>
+    </UButton>
+  </UDropdownMenu>
+</template>

package/dist/runtime/components/shell/AUserMenu.vue.d.ts

@@ -0,0 +1,28 @@
+import type { DropdownMenuItem } from '@nuxt/ui';
+type __VLS_Props = {
+    /** User display name */
+    name: string;
+    /** User color (CSS value or named color) */
+    color?: string;
+    /** Avatar border style */
+    avatarStyle?: string;
+    /** Whether sidebar is collapsed */
+    collapsed?: boolean;
+    /** Extra menu items prepended before default actions */
+    extraItems?: DropdownMenuItem[][];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    logout: () => any;
+    "open-settings": () => any;
+    "open-account": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onLogout?: (() => any) | undefined;
+    "onOpen-settings"?: (() => any) | undefined;
+    "onOpen-account"?: (() => any) | undefined;
+}>, {
+    color: string;
+    collapsed: boolean;
+    avatarStyle: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/shell/AUserProfilePopover.d.vue.ts

@@ -0,0 +1,54 @@
+type __VLS_Props = {
+    publicKey: string;
+    name?: string;
+    color?: string;
+    /** Avatar border style (CSS string) */
+    avatarStyle?: string;
+    online?: boolean | null;
+    /** Whether this is the current user */
+    isSelf?: boolean;
+    /** Whether to show the follow button */
+    showFollow?: boolean;
+    /** Whether currently following this user */
+    isFollowing?: boolean;
+    /** Doc ID + label of where the user currently is (for "currently on" display) */
+    currentDocId?: string | null;
+    currentDocLabel?: string | null;
+    currentDocIcon?: string;
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    message: (publicKey: string, name: string) => any;
+    follow: (publicKey: string) => any;
+    unfollow: (publicKey: string) => any;
+    "navigate-to-doc": (docId: string) => any;
+    "key-copied": (publicKey: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onMessage?: ((publicKey: string, name: string) => any) | undefined;
+    onFollow?: ((publicKey: string) => any) | undefined;
+    onUnfollow?: ((publicKey: string) => any) | undefined;
+    "onNavigate-to-doc"?: ((docId: string) => any) | undefined;
+    "onKey-copied"?: ((publicKey: string) => any) | undefined;
+}>, {
+    color: string;
+    name: string;
+    online: boolean | null;
+    currentDocId: string | null;
+    avatarStyle: string;
+    isSelf: boolean;
+    showFollow: boolean;
+    isFollowing: boolean;
+    currentDocLabel: string | null;
+    currentDocIcon: 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/shell/AUserProfilePopover.vue

@@ -0,0 +1,176 @@
+<script setup>
+import { ref, computed } from "vue";
+import { useClipboard } from "@vueuse/core";
+const props = defineProps({
+  publicKey: { type: String, required: true },
+  name: { type: String, required: false, default: "" },
+  color: { type: String, required: false, default: "" },
+  avatarStyle: { type: String, required: false, default: "" },
+  online: { type: [Boolean, null], required: false, default: null },
+  isSelf: { type: Boolean, required: false, default: false },
+  showFollow: { type: Boolean, required: false, default: true },
+  isFollowing: { type: Boolean, required: false, default: false },
+  currentDocId: { type: [String, null], required: false, default: null },
+  currentDocLabel: { type: [String, null], required: false, default: null },
+  currentDocIcon: { type: String, required: false, default: "i-lucide-file" }
+});
+const emit = defineEmits(["follow", "unfollow", "message", "navigate-to-doc", "key-copied"]);
+const { copy } = useClipboard();
+const popoverOpen = ref(false);
+const resolvedName = computed(
+  () => props.name || props.publicKey.slice(0, 12) + "\u2026"
+);
+const isElsewhere = computed(
+  () => props.online && props.currentDocId
+);
+function toggleFollow() {
+  if (props.isFollowing) {
+    emit("unfollow", props.publicKey);
+  } else {
+    emit("follow", props.publicKey);
+  }
+  popoverOpen.value = false;
+}
+async function copyKey() {
+  await copy(props.publicKey);
+  emit("key-copied", props.publicKey);
+}
+function openDm() {
+  popoverOpen.value = false;
+  emit("message", props.publicKey, resolvedName.value);
+}
+function navigateToUserDoc() {
+  if (!props.currentDocId) return;
+  popoverOpen.value = false;
+  emit("navigate-to-doc", props.currentDocId);
+}
+</script>
+
+<template>
+  <UPopover
+    v-model:open="popoverOpen"
+    :content="{ align: 'center' }"
+    :ui="{ content: 'p-0' }"
+  >
+    <slot>
+      <UChip
+        color="success"
+        size="xs"
+        inset
+        :show="!!online"
+      >
+        <UAvatar
+          :alt="resolvedName"
+          size="sm"
+          :style="avatarStyle"
+        />
+      </UChip>
+    </slot>
+
+    <template #content>
+      <div class="w-72 p-3 space-y-3">
+        <!-- Header: avatar + name + status -->
+        <div class="flex items-center gap-3">
+          <UChip
+            color="success"
+            size="sm"
+            inset
+            :show="!!online"
+          >
+            <UAvatar
+              :alt="resolvedName"
+              size="lg"
+              :style="avatarStyle"
+            />
+          </UChip>
+          <div class="min-w-0 flex-1">
+            <div class="flex items-center gap-1.5">
+              <p class="text-sm font-semibold text-(--ui-text-highlighted) truncate">
+                {{ resolvedName }}
+              </p>
+              <UBadge
+                v-if="isSelf"
+                label="You"
+                variant="subtle"
+                color="neutral"
+                size="xs"
+                class="shrink-0"
+              />
+            </div>
+            <div class="flex items-center gap-1.5 mt-0.5">
+              <span
+                class="size-1.5 rounded-full shrink-0"
+                :class="online ? 'bg-green-500' : 'bg-(--ui-text-dimmed)'"
+              />
+              <span class="text-xs text-(--ui-text-dimmed)">{{ online ? "Online" : "Offline" }}</span>
+            </div>
+          </div>
+        </div>
+
+        <!-- Public key -->
+        <div class="flex items-center gap-1.5 px-2 py-1.5 rounded-md bg-(--ui-bg-elevated)">
+          <UIcon
+            name="i-lucide-key-round"
+            class="size-3.5 text-(--ui-text-dimmed) shrink-0"
+          />
+          <code class="text-[11px] font-mono text-(--ui-text-muted) truncate flex-1">{{ publicKey.slice(0, 8) }}…{{ publicKey.slice(-6) }}</code>
+          <UTooltip
+            text="Copy public key"
+            :content="{ side: 'bottom' }"
+          >
+            <UButton
+              icon="i-lucide-copy"
+              variant="ghost"
+              color="neutral"
+              size="xs"
+              @click="copyKey"
+            />
+          </UTooltip>
+        </div>
+
+        <!-- Location (if online, on different doc) -->
+        <button
+          v-if="isElsewhere"
+          class="flex items-center gap-1.5 w-full px-2 py-1.5 rounded-md hover:bg-(--ui-bg-elevated)/50 transition-colors text-left"
+          @click="navigateToUserDoc"
+        >
+          <UIcon
+            :name="currentDocIcon || 'i-lucide-file'"
+            class="size-3.5 text-(--ui-text-dimmed) shrink-0"
+          />
+          <span class="text-xs text-(--ui-text-dimmed) truncate flex-1">Currently on <span class="text-(--ui-text-muted)">{{ currentDocLabel || currentDocId?.slice(0, 8) + "\u2026" }}</span></span>
+          <UIcon
+            name="i-lucide-chevron-right"
+            class="size-3 text-(--ui-text-dimmed) shrink-0 opacity-50"
+          />
+        </button>
+
+        <!-- Actions (hidden for self) -->
+        <div
+          v-if="!isSelf"
+          class="flex gap-2"
+        >
+          <UButton
+            icon="i-lucide-message-circle"
+            label="Message"
+            variant="soft"
+            color="neutral"
+            size="sm"
+            class="flex-1"
+            @click="openDm"
+          />
+          <UButton
+            v-if="showFollow"
+            :icon="isFollowing ? 'i-lucide-eye-off' : 'i-lucide-eye'"
+            :label="isFollowing ? 'Unfollow' : 'Follow'"
+            :variant="isFollowing ? 'soft' : 'ghost'"
+            :color="isFollowing ? 'primary' : 'neutral'"
+            size="sm"
+            class="flex-1"
+            @click="toggleFollow"
+          />
+        </div>
+      </div>
+    </template>
+  </UPopover>
+</template>

package/dist/runtime/components/shell/AUserProfilePopover.vue.d.ts

@@ -0,0 +1,54 @@
+type __VLS_Props = {
+    publicKey: string;
+    name?: string;
+    color?: string;
+    /** Avatar border style (CSS string) */
+    avatarStyle?: string;
+    online?: boolean | null;
+    /** Whether this is the current user */
+    isSelf?: boolean;
+    /** Whether to show the follow button */
+    showFollow?: boolean;
+    /** Whether currently following this user */
+    isFollowing?: boolean;
+    /** Doc ID + label of where the user currently is (for "currently on" display) */
+    currentDocId?: string | null;
+    currentDocLabel?: string | null;
+    currentDocIcon?: string;
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    message: (publicKey: string, name: string) => any;
+    follow: (publicKey: string) => any;
+    unfollow: (publicKey: string) => any;
+    "navigate-to-doc": (docId: string) => any;
+    "key-copied": (publicKey: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onMessage?: ((publicKey: string, name: string) => any) | undefined;
+    onFollow?: ((publicKey: string) => any) | undefined;
+    onUnfollow?: ((publicKey: string) => any) | undefined;
+    "onNavigate-to-doc"?: ((docId: string) => any) | undefined;
+    "onKey-copied"?: ((publicKey: string) => any) | undefined;
+}>, {
+    color: string;
+    name: string;
+    online: boolean | null;
+    currentDocId: string | null;
+    avatarStyle: string;
+    isSelf: boolean;
+    showFollow: boolean;
+    isFollowing: boolean;
+    currentDocLabel: string | null;
+    currentDocIcon: 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/shell/AWelcomeScreen.d.vue.ts

@@ -0,0 +1,96 @@
+type __VLS_Props = {
+    /** Current user name (pre-filled in identity step) */
+    userName?: string;
+    /** User avatar style (CSS) */
+    avatarStyle?: string;
+    /** Available UI accent colors */
+    colors?: string[];
+    /** Available UI neutral colors */
+    neutrals?: string[];
+    /** Currently selected accent color */
+    currentColor?: string;
+    /** Currently selected neutral color */
+    currentNeutral?: string;
+    /** Whether the account is already claimed (passkey) */
+    isClaimed?: boolean;
+    /** Whether server connection is in progress */
+    connecting?: boolean;
+    /** Server connection error */
+    connectionError?: string;
+    /** Whether passkey claim is in progress */
+    claimLoading?: boolean;
+    /** Passkey claim error */
+    claimError?: string | null;
+    /** Whether passkey was just claimed */
+    claimSuccess?: boolean;
+};
+type __VLS_ModelProps = {
+    /**
+     * Welcome/onboarding screen.
+     *
+     * 3-step flow: identity setup → mode selection → done (optional passkey).
+     * Slot-based and emit-driven — the consuming app handles actual server
+     * connections, space creation, and navigation.
+     *
+     * Ported from cou-sh/app/components/WelcomeScreen.vue — decoupled from
+     * useAbracadabra, useSpaceRegistry, and all app-specific modals.
+     */
+    'open'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_15: {}, __VLS_22: {}, __VLS_24: {}, __VLS_57: {}, __VLS_69: {}, __VLS_76: {}, __VLS_78: {};
+type __VLS_Slots = {} & {
+    logo?: (props: typeof __VLS_15) => any;
+} & {
+    title?: (props: typeof __VLS_22) => any;
+} & {
+    subtitle?: (props: typeof __VLS_24) => any;
+} & {
+    'identity-footer'?: (props: typeof __VLS_57) => any;
+} & {
+    'hosted-option'?: (props: typeof __VLS_69) => any;
+} & {
+    'choose-footer'?: (props: typeof __VLS_76) => any;
+} & {
+    logo?: (props: typeof __VLS_78) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    done: () => any;
+    "update:open": (value: boolean) => any;
+    "set-name": (name: string) => any;
+    "set-color": (color: string) => any;
+    "set-neutral": (color: string) => any;
+    "start-local": () => any;
+    "connect-server": (url: string) => any;
+    "claim-passkey": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onDone?: (() => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onSet-name"?: ((name: string) => any) | undefined;
+    "onSet-color"?: ((color: string) => any) | undefined;
+    "onSet-neutral"?: ((color: string) => any) | undefined;
+    "onStart-local"?: (() => any) | undefined;
+    "onConnect-server"?: ((url: string) => any) | undefined;
+    "onClaim-passkey"?: (() => any) | undefined;
+}>, {
+    connecting: boolean;
+    userName: string;
+    currentColor: string;
+    isClaimed: boolean;
+    avatarStyle: string;
+    colors: string[];
+    neutrals: string[];
+    currentNeutral: string;
+    connectionError: string;
+    claimLoading: boolean;
+    claimError: string | null;
+    claimSuccess: 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;
+    };
+};