@abraca/nuxt 1.8.2 → 2.0.0

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

@@ -0,0 +1,49 @@
+import type { PermissionEntry, OnlineUser } from './shell/ADocPanelSettings.vue.js';
+import type { DocPageMeta } from '../types.js';
+type __VLS_Props = {
+    docId: string;
+    /** Document type key (drives metaSchema form). */
+    docTypeKey?: string;
+    /** Document meta to read/write. */
+    docMeta?: DocPageMeta | null;
+    /** Permission entries — left to the consumer (varies per backend). */
+    permissions?: PermissionEntry[];
+    /** Loading flag for permissions. */
+    loadingPermissions?: boolean;
+    /** Online users not yet in permission list. */
+    onlineNotGranted?: OnlineUser[];
+    /** Whether the current user is owner. */
+    isOwner?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update-meta": (patch: Partial<DocPageMeta>) => any;
+    "grant-permission": (userId: string, role: string) => any;
+    "change-role": (userId: string, role: string) => any;
+    "revoke-permission": (userId: string) => any;
+    "create-invite": (options: {
+        role: string;
+        maxUses?: number;
+        expiresIn?: number;
+    }) => any;
+    "sync-doc": () => any;
+    "open-encryption": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate-meta"?: ((patch: Partial<DocPageMeta>) => any) | undefined;
+    "onGrant-permission"?: ((userId: string, role: string) => any) | undefined;
+    "onChange-role"?: ((userId: string, role: string) => any) | undefined;
+    "onRevoke-permission"?: ((userId: string) => any) | undefined;
+    "onCreate-invite"?: ((options: {
+        role: string;
+        maxUses?: number;
+        expiresIn?: number;
+    }) => any) | undefined;
+    "onSync-doc"?: (() => any) | undefined;
+    "onOpen-encryption"?: (() => any) | undefined;
+}>, {
+    isOwner: boolean;
+    permissions: PermissionEntry[];
+    loadingPermissions: boolean;
+    onlineNotGranted: OnlineUser[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    /** Unread count to display in the chip. Omit to auto-bind to useNotifications. */
+    count?: number;
+    /** Tooltip text. Default: 'Notifications'. */
+    tooltip?: string;
+    size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg';
+    variant?: 'ghost' | 'soft' | 'outline' | 'solid' | 'subtle' | 'link';
+    color?: 'neutral' | 'primary' | 'secondary' | 'error' | 'warning' | 'success' | 'info';
+    icon?: string;
+    /** Color of the unread chip. Default: 'error'. */
+    chipColor?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    color: "neutral" | "primary" | "secondary" | "error" | "warning" | "success" | "info";
+    icon: string;
+    size: "2xs" | "xs" | "sm" | "md" | "lg";
+    variant: "ghost" | "soft" | "outline" | "solid" | "subtle" | "link";
+    tooltip: string;
+    chipColor: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ANotificationBell.vue

@@ -0,0 +1,55 @@
+<script setup>
+import { computed } from "vue";
+import { useNotifications } from "../composables/useNotifications";
+const props = defineProps({
+  count: { type: Number, required: false },
+  tooltip: { type: String, required: false, default: "Notifications" },
+  size: { type: String, required: false, default: "sm" },
+  variant: { type: String, required: false, default: "ghost" },
+  color: { type: String, required: false, default: "neutral" },
+  icon: { type: String, required: false, default: "i-lucide-bell" },
+  chipColor: { type: String, required: false, default: "error" }
+});
+const emit = defineEmits(["click"]);
+const _autoCount = computed(() => {
+  if (props.count !== void 0) return props.count;
+  try {
+    return useNotifications().unreadCount.value;
+  } catch {
+    return 0;
+  }
+});
+const ariaLabel = computed(
+  () => _autoCount.value > 0 ? `${props.tooltip} (${_autoCount.value} unread)` : props.tooltip
+);
+const chipText = computed(
+  () => _autoCount.value > 9 ? "9+" : String(_autoCount.value)
+);
+</script>
+
+<template>
+  <UTooltip
+    :text="tooltip"
+    :content="{ side: 'bottom' }"
+  >
+    <UButton
+      :icon="icon"
+      :variant="variant"
+      :color="color"
+      :size="size"
+      :aria-label="ariaLabel"
+      @click="(e) => emit('click', e)"
+    >
+      <template
+        v-if="_autoCount > 0"
+        #trailing
+      >
+        <UChip
+          :text="chipText"
+          :color="chipColor"
+          size="xs"
+        />
+      </template>
+    </UButton>
+  </UTooltip>
+</template>

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

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    /** Unread count to display in the chip. Omit to auto-bind to useNotifications. */
+    count?: number;
+    /** Tooltip text. Default: 'Notifications'. */
+    tooltip?: string;
+    size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg';
+    variant?: 'ghost' | 'soft' | 'outline' | 'solid' | 'subtle' | 'link';
+    color?: 'neutral' | 'primary' | 'secondary' | 'error' | 'warning' | 'success' | 'info';
+    icon?: string;
+    /** Color of the unread chip. Default: 'error'. */
+    chipColor?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    color: "neutral" | "primary" | "secondary" | "error" | "warning" | "success" | "info";
+    icon: string;
+    size: "2xs" | "xs" | "sm" | "md" | "lg";
+    variant: "ghost" | "soft" | "outline" | "solid" | "subtle" | "link";
+    tooltip: string;
+    chipColor: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,11 @@
+import type { AbracadabraLocale } from '../locale.js';
+type __VLS_Props = {
+    /** Render the icon-only square variant for a collapsed sidebar. */
+    collapsed?: boolean;
+    labels?: Partial<AbracadabraLocale['offlineSync']>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    collapsed: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/AOfflineSync.vue

@@ -0,0 +1,217 @@
+<script setup>
+import { computed, onBeforeUnmount, ref, watch } from "vue";
+import { useAbracadabra } from "../composables/useAbracadabra";
+import { useAbraLocale } from "../composables/useAbraLocale";
+const props = defineProps({
+  collapsed: { type: Boolean, required: false, default: false },
+  labels: { type: Object, required: false }
+});
+const locale = computed(() => useAbraLocale("offlineSync", props.labels));
+const {
+  status,
+  synced,
+  isReady,
+  unsyncedChanges,
+  connectionError,
+  currentServerUrl,
+  reconnect
+} = useAbracadabra();
+const lastSyncedAt = ref(null);
+watch(synced, (s) => {
+  if (s) lastSyncedAt.value = Date.now();
+}, { immediate: true });
+const now = ref(Date.now());
+const _tick = setInterval(() => {
+  now.value = Date.now();
+}, 3e4);
+onBeforeUnmount(() => clearInterval(_tick));
+const lastSyncedLabel = computed(() => {
+  const t = lastSyncedAt.value;
+  if (!t) return locale.value.never;
+  const elapsed = Math.max(0, now.value - t);
+  if (elapsed < 1e4) return locale.value.justNow;
+  if (elapsed < 6e4) return `${Math.floor(elapsed / 1e3)}${locale.value.secondsAgo}`;
+  if (elapsed < 60 * 6e4) return `${Math.floor(elapsed / 6e4)}${locale.value.minutesAgo}`;
+  if (elapsed < 24 * 60 * 6e4) return `${Math.floor(elapsed / 36e5)}${locale.value.hoursAgo}`;
+  return `${Math.floor(elapsed / 864e5)}${locale.value.daysAgo}`;
+});
+const state = computed(() => {
+  const pending = unsyncedChanges.value ?? 0;
+  const pendingLabel = pending === 1 ? locale.value.pending : locale.value.pendingPlural;
+  if (connectionError.value) {
+    return {
+      tone: "error",
+      icon: "i-lucide-cloud-alert",
+      pulse: false,
+      label: locale.value.couldntSync,
+      headline: locale.value.couldntSync
+    };
+  }
+  if (status.value === "connecting") {
+    return {
+      tone: "warning",
+      icon: "i-lucide-cloud",
+      pulse: true,
+      label: locale.value.reconnecting,
+      headline: locale.value.reconnecting
+    };
+  }
+  if (status.value !== "connected") {
+    const headline = pending > 0 ? `${locale.value.workingOffline} \xB7 ${pending} ${pendingLabel}` : locale.value.workingOffline;
+    return {
+      tone: "neutral",
+      icon: "i-lucide-cloud-off",
+      pulse: false,
+      label: pending > 0 ? `${locale.value.workingOffline} \xB7 ${pending}` : locale.value.workingOffline,
+      headline
+    };
+  }
+  if (pending > 0) {
+    return {
+      tone: "primary",
+      icon: "i-lucide-cloud-upload",
+      pulse: true,
+      label: `${locale.value.saving} \xB7 ${pending}`,
+      headline: `${locale.value.saving} ${pending} ${pendingLabel}`
+    };
+  }
+  if (!synced.value && !isReady.value) {
+    return {
+      tone: "warning",
+      icon: "i-lucide-cloud",
+      pulse: true,
+      label: locale.value.reconnecting,
+      headline: locale.value.reconnecting
+    };
+  }
+  return {
+    tone: "success",
+    icon: "i-lucide-cloud-check",
+    pulse: false,
+    label: locale.value.saved,
+    headline: locale.value.saved
+  };
+});
+const buttonColor = computed(() => state.value.tone === "neutral" ? "neutral" : state.value.tone);
+const open = ref(false);
+function onRetry() {
+  reconnect();
+}
+function onForceResync() {
+  reconnect();
+}
+function onReload() {
+  if (typeof window !== "undefined") window.location.reload();
+}
+const showServer = computed(() => {
+  const url = currentServerUrl.value;
+  if (!url) return null;
+  try {
+    return new URL(url).host;
+  } catch {
+    return url;
+  }
+});
+</script>
+
+<template>
+  <UPopover v-model:open="open" :content="{ side: 'top', align: 'end' }">
+    <UTooltip :text="state.label" :delay-duration="600">
+      <UButton
+        :color="buttonColor"
+        variant="soft"
+        size="sm"
+        :square="collapsed"
+        :class="[
+  'aos-trigger',
+  collapsed ? 'aos-trigger--collapsed' : 'aos-trigger--expanded'
+]"
+      >
+        <span class="aos-icon">
+          <UIcon :name="state.icon" class="size-4 shrink-0" />
+          <span
+            v-if="state.pulse"
+            :class="['aos-pulse', `aos-pulse--${state.tone}`]"
+            aria-hidden="true"
+          />
+        </span>
+        <span v-if="!collapsed" class="text-xs truncate">{{ state.label }}</span>
+      </UButton>
+    </UTooltip>
+
+    <template #content>
+      <div class="aos-pop">
+        <div class="aos-pop__head">
+          <div :class="['aos-pop__dot', `aos-pop__dot--${state.tone}`]">
+            <UIcon :name="state.icon" class="size-4" />
+            <span
+              v-if="state.pulse"
+              :class="['aos-pulse aos-pulse--lg', `aos-pulse--${state.tone}`]"
+              aria-hidden="true"
+            />
+          </div>
+          <div class="min-w-0 flex-1">
+            <p class="text-sm font-semibold text-highlighted truncate">{{ state.headline }}</p>
+            <p class="text-xs text-muted">
+              {{ locale.lastSynced }} · {{ lastSyncedLabel }}
+            </p>
+          </div>
+        </div>
+
+        <USeparator />
+
+        <dl class="aos-pop__meta">
+          <div v-if="showServer" class="aos-pop__row">
+            <dt>{{ locale.server }}</dt>
+            <dd class="font-mono">{{ showServer }}</dd>
+          </div>
+          <div v-if="(unsyncedChanges ?? 0) > 0" class="aos-pop__row">
+            <dt>{{ unsyncedChanges === 1 ? locale.pending : locale.pendingPlural }}</dt>
+            <dd class="font-mono">{{ unsyncedChanges }}</dd>
+          </div>
+          <div v-if="connectionError" class="aos-pop__row aos-pop__row--err">
+            <dt>!</dt>
+            <dd class="text-error">{{ connectionError }}</dd>
+          </div>
+        </dl>
+
+        <div class="aos-pop__actions">
+          <UButton
+            v-if="connectionError || status !== 'connected'"
+            :label="locale.retry"
+            icon="i-lucide-refresh-cw"
+            color="primary"
+            size="xs"
+            block
+            @click="onRetry();
+  open = false"
+          />
+          <UButton
+            v-else
+            :label="locale.forceResync"
+            icon="i-lucide-refresh-cw"
+            color="neutral"
+            variant="outline"
+            size="xs"
+            block
+            @click="onForceResync();
+  open = false"
+          />
+          <UButton
+            :label="locale.reload"
+            icon="i-lucide-rotate-cw"
+            color="neutral"
+            variant="ghost"
+            size="xs"
+            block
+            @click="onReload"
+          />
+        </div>
+      </div>
+    </template>
+  </UPopover>
+</template>
+
+<style scoped>
+.aos-trigger--collapsed{height:1.75rem;padding:0;width:1.75rem}.aos-trigger--expanded{max-width:100%;min-width:0}.aos-pop{display:flex;flex-direction:column;gap:.6rem;padding:.75rem;width:18rem}.aos-pop__head{gap:.6rem}.aos-pop__dot,.aos-pop__head{align-items:center;display:flex}.aos-pop__dot{border-radius:999px;flex-shrink:0;height:2rem;justify-content:center;width:2rem}.aos-pop__dot--success{background:color-mix(in srgb,var(--ui-color-success-500) 14%,transparent);color:var(--ui-color-success-600)}.aos-pop__dot--primary{background:color-mix(in srgb,var(--ui-color-primary-500) 14%,transparent);color:var(--ui-color-primary-600)}.aos-pop__dot--warning{background:color-mix(in srgb,var(--ui-color-warning-500) 14%,transparent);color:var(--ui-color-warning-600)}.aos-pop__dot--error{background:color-mix(in srgb,var(--ui-color-error-500) 14%,transparent);color:var(--ui-color-error-600)}.aos-pop__dot--neutral{background:color-mix(in srgb,var(--ui-text-muted) 14%,transparent);color:var(--ui-text-muted)}.aos-pop__meta{display:flex;flex-direction:column;font-size:.75rem;gap:.2rem;margin:0}.aos-pop__row{align-items:baseline;display:flex;gap:.6rem;justify-content:space-between}.aos-pop__row dt{color:var(--ui-text-muted)}.aos-pop__row dd{color:var(--ui-text-highlighted);margin:0;min-width:0;truncate:true;max-width:60%;text-align:right;word-break:break-all}.aos-pop__row--err dt{color:var(--ui-color-error-500);font-weight:600}.aos-pop__actions{display:flex;flex-direction:column;gap:.3rem}.aos-icon{align-items:center;display:inline-flex;justify-content:center}.aos-icon,.aos-pop__dot{position:relative}.aos-pulse{animation:aos-pulse 1.4s ease-out infinite;background:currentColor;border-radius:999px;box-shadow:0 0 0 0 currentColor;height:6px;pointer-events:none;position:absolute;right:-2px;top:-2px;width:6px}.aos-pulse--lg{height:8px;right:-3px;top:-3px;width:8px}.aos-pulse--success{color:var(--ui-color-success-500)}.aos-pulse--primary{color:var(--ui-color-primary-500)}.aos-pulse--warning{color:var(--ui-color-warning-500)}.aos-pulse--error{color:var(--ui-color-error-500)}.aos-pulse--neutral{color:var(--ui-text-muted)}@keyframes aos-pulse{0%{box-shadow:0 0 0 0 currentColor;opacity:1;transform:scale(.6)}60%{box-shadow:0 0 0 6px transparent;opacity:.7;transform:scale(1)}to{box-shadow:0 0 0 0 transparent;opacity:1;transform:scale(.6)}}@media (prefers-reduced-motion:reduce){.aos-pulse{animation:none;box-shadow:none;opacity:.85}}
+</style>

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

@@ -0,0 +1,11 @@
+import type { AbracadabraLocale } from '../locale.js';
+type __VLS_Props = {
+    /** Render the icon-only square variant for a collapsed sidebar. */
+    collapsed?: boolean;
+    labels?: Partial<AbracadabraLocale['offlineSync']>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    collapsed: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    /** The 12/24 word recovery phrase. */
+    words: string[];
+    /** Whether the words start hidden (click to reveal). Default: true. */
+    masked?: boolean;
+    /** Show the copy button. Default: true. */
+    copyable?: boolean;
+    /** Custom warning text shown below the phrase. */
+    warning?: string;
+    /** Custom copy button label (when not copied). */
+    copyLabel?: string;
+    /** Custom copy button label after success. */
+    copiedLabel?: string;
+    /** How long the clipboard stays populated before being cleared, in ms. Default: 30_000. */
+    clipboardTtlMs?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    warning: string;
+    masked: boolean;
+    copyable: boolean;
+    copyLabel: string;
+    copiedLabel: string;
+    clipboardTtlMs: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ARecoveryPhraseDisplay.vue

@@ -0,0 +1,94 @@
+<script setup>
+import { ref, onUnmounted } from "vue";
+const props = defineProps({
+  words: { type: Array, required: true },
+  masked: { type: Boolean, required: false, default: true },
+  copyable: { type: Boolean, required: false, default: true },
+  warning: { type: String, required: false, default: "Anyone with this phrase can take over your account. Store it in a password manager." },
+  copyLabel: { type: String, required: false, default: "Copy" },
+  copiedLabel: { type: String, required: false, default: "Copied" },
+  clipboardTtlMs: { type: Number, required: false, default: 3e4 }
+});
+const revealed = ref(!props.masked);
+const copied = ref(false);
+let clipboardTimer = null;
+async function copyWords() {
+  try {
+    await navigator.clipboard.writeText(props.words.join(" "));
+    copied.value = true;
+    if (clipboardTimer) clearTimeout(clipboardTimer);
+    clipboardTimer = setTimeout(async () => {
+      try {
+        await navigator.clipboard.writeText("");
+      } catch {
+      }
+      copied.value = false;
+    }, props.clipboardTtlMs);
+  } catch (e) {
+    if (import.meta.dev) console.warn("[abracadabra] recovery-phrase: clipboard write failed:", e);
+  }
+}
+onUnmounted(() => {
+  if (clipboardTimer) clearTimeout(clipboardTimer);
+});
+</script>
+
+<template>
+  <div class="flex flex-col gap-3">
+    <div class="relative">
+      <div
+        class="grid grid-cols-3 gap-2 transition"
+        :class="revealed ? '' : 'select-none pointer-events-none filter blur-sm'"
+      >
+        <div
+          v-for="(word, i) in words"
+          :key="i"
+          class="flex items-center gap-1.5 px-2.5 py-1.5 rounded-lg bg-(--ui-bg-elevated) border border-(--ui-border)"
+        >
+          <span class="text-xs font-mono text-(--ui-text-muted) w-5 text-right shrink-0">{{ i + 1 }}.</span>
+          <span class="text-sm font-mono font-medium text-(--ui-text-highlighted)">{{ word }}</span>
+        </div>
+      </div>
+      <button
+        v-if="!revealed"
+        class="absolute inset-0 flex items-center justify-center gap-2 text-sm text-(--ui-text-muted) hover:text-(--ui-text) bg-(--ui-bg)/50 backdrop-blur-sm rounded-md cursor-pointer"
+        type="button"
+        @click="revealed = true"
+      >
+        <UIcon
+          name="i-lucide-eye"
+          class="size-4"
+        />
+        Click to reveal
+      </button>
+    </div>
+
+    <div
+      v-if="copyable || revealed"
+      class="flex items-center gap-2 self-center"
+    >
+      <UButton
+        v-if="copyable"
+        variant="ghost"
+        color="neutral"
+        size="sm"
+        :icon="copied ? 'i-lucide-check' : 'i-lucide-copy'"
+        :label="copied ? copiedLabel : copyLabel"
+        @click="copyWords"
+      />
+      <UButton
+        v-if="masked"
+        variant="ghost"
+        color="neutral"
+        size="sm"
+        :icon="revealed ? 'i-lucide-eye-off' : 'i-lucide-eye'"
+        :label="revealed ? 'Hide' : 'Reveal'"
+        @click="revealed = !revealed"
+      />
+    </div>
+
+    <p class="text-xs text-(--ui-text-muted) text-center italic">
+      {{ warning }}
+    </p>
+  </div>
+</template>

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

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    /** The 12/24 word recovery phrase. */
+    words: string[];
+    /** Whether the words start hidden (click to reveal). Default: true. */
+    masked?: boolean;
+    /** Show the copy button. Default: true. */
+    copyable?: boolean;
+    /** Custom warning text shown below the phrase. */
+    warning?: string;
+    /** Custom copy button label (when not copied). */
+    copyLabel?: string;
+    /** Custom copy button label after success. */
+    copiedLabel?: string;
+    /** How long the clipboard stays populated before being cleared, in ms. Default: 30_000. */
+    clipboardTtlMs?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    warning: string;
+    masked: boolean;
+    copyable: boolean;
+    copyLabel: string;
+    copiedLabel: string;
+    clipboardTtlMs: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,43 @@
+export interface ServerCapability {
+    icon: string;
+    label: string;
+    value: string | boolean;
+}
+type __VLS_Props = {
+    open?: boolean;
+    /** Server URL override. Defaults to useAbracadabra().currentServerUrl. */
+    serverUrl?: string;
+    /** Server version string. */
+    version?: string;
+    /** Whether the connection is currently healthy. */
+    connected?: boolean;
+    /** Custom capability rows shown in the body. */
+    capabilities?: ServerCapability[];
+    title?: string;
+    /** Show the "Switch server" footer button. Default: false. */
+    switchable?: boolean;
+};
+declare var __VLS_26: {
+    serverUrl: string;
+    version: string | undefined;
+};
+type __VLS_Slots = {} & {
+    extra?: (props: typeof __VLS_26) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (open: boolean) => any;
+    reconnect: () => any;
+    "switch-server": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    onReconnect?: (() => any) | undefined;
+    "onSwitch-server"?: (() => 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;
+    };
+};