@abraca/nuxt 1.9.1 → 2.0.0

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;
+    };
+};

package/dist/runtime/components/AServerInfoModal.vue

@@ -0,0 +1,150 @@
+<script setup>
+import { ref, computed } from "vue";
+import { useAbracadabra } from "../composables/useAbracadabra";
+const props = defineProps({
+  open: { type: Boolean, required: false },
+  serverUrl: { type: String, required: false },
+  version: { type: String, required: false },
+  connected: { type: Boolean, required: false },
+  capabilities: { type: Array, required: false },
+  title: { type: String, required: false },
+  switchable: { type: Boolean, required: false }
+});
+const emit = defineEmits(["update:open", "switch-server", "reconnect"]);
+const _abra = useAbracadabra();
+const _serverUrl = computed(
+  () => props.serverUrl ?? (_abra.currentServerUrl?.value ?? "")
+);
+const open = computed({
+  get: () => !!props.open,
+  set: (v) => emit("update:open", v)
+});
+const copied = ref(false);
+async function copyUrl() {
+  if (!_serverUrl.value) return;
+  try {
+    await navigator.clipboard.writeText(_serverUrl.value);
+    copied.value = true;
+    setTimeout(() => {
+      copied.value = false;
+    }, 1500);
+  } catch (e) {
+    if (import.meta.dev) console.warn("[abracadabra] server-info: copy failed:", e);
+  }
+}
+</script>
+
+<template>
+  <UModal
+    v-model:open="open"
+    :title="title ?? 'Server'"
+    :ui="{ content: 'sm:max-w-md' }"
+  >
+    <template #body>
+      <div class="flex flex-col gap-4">
+        <div class="flex items-center gap-3">
+          <div
+            class="size-10 rounded-lg flex items-center justify-center"
+            :class="connected ? 'bg-(--ui-success)/10 text-(--ui-success)' : 'bg-(--ui-bg-elevated) text-(--ui-text-muted)'"
+          >
+            <UIcon
+              :name="connected ? 'i-lucide-cloud' : 'i-lucide-cloud-off'"
+              class="size-5"
+            />
+          </div>
+          <div class="flex-1 min-w-0">
+            <div class="text-sm font-semibold text-(--ui-text-highlighted) truncate">
+              {{ _serverUrl || "No server" }}
+            </div>
+            <div class="text-xs text-(--ui-text-muted)">
+              <span :class="connected ? 'text-(--ui-success)' : ''">
+                {{ connected ? "Connected" : "Disconnected" }}
+              </span>
+              <template v-if="version">
+                · v{{ version }}
+              </template>
+            </div>
+          </div>
+          <UButton
+            :icon="copied ? 'i-lucide-check' : 'i-lucide-copy'"
+            size="xs"
+            variant="ghost"
+            color="neutral"
+            :disabled="!_serverUrl"
+            @click="copyUrl"
+          />
+        </div>
+
+        <div
+          v-if="capabilities?.length"
+          class="flex flex-col gap-1"
+        >
+          <label class="text-xs font-medium text-(--ui-text-muted) px-1">Capabilities</label>
+          <div class="rounded-md border border-(--ui-border) overflow-hidden divide-y divide-(--ui-border)">
+            <div
+              v-for="cap in capabilities"
+              :key="cap.label"
+              class="flex items-center gap-2.5 px-3 py-2 text-sm bg-(--ui-bg)"
+            >
+              <UIcon
+                :name="cap.icon"
+                class="size-4 text-(--ui-text-muted) shrink-0"
+              />
+              <span class="flex-1 text-(--ui-text)">{{ cap.label }}</span>
+              <span
+                v-if="typeof cap.value === 'boolean'"
+                class="text-xs"
+                :class="cap.value ? 'text-(--ui-success)' : 'text-(--ui-text-dimmed)'"
+              >
+                {{ cap.value ? "on" : "off" }}
+              </span>
+              <span
+                v-else
+                class="text-xs font-mono text-(--ui-text-muted)"
+              >
+                {{ cap.value }}
+              </span>
+            </div>
+          </div>
+        </div>
+
+        <slot
+          name="extra"
+          :server-url="_serverUrl"
+          :version="version"
+        />
+      </div>
+    </template>
+
+    <template #footer>
+      <div class="flex items-center justify-between gap-2 w-full">
+        <UButton
+          variant="ghost"
+          color="neutral"
+          size="sm"
+          icon="i-lucide-refresh-cw"
+          label="Reconnect"
+          @click="emit('reconnect')"
+        />
+        <div class="flex items-center gap-2">
+          <UButton
+            v-if="switchable"
+            variant="outline"
+            color="neutral"
+            size="sm"
+            icon="i-lucide-arrow-right-left"
+            label="Switch server"
+            @click="emit('switch-server')"
+          />
+          <UButton
+            variant="solid"
+            color="primary"
+            size="sm"
+            label="Done"
+            @click="open = false"
+          />
+        </div>
+      </div>
+    </template>
+  </UModal>
+</template>

package/dist/runtime/components/AServerInfoModal.vue.d.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;
+    };
+};

package/dist/runtime/components/ASpaceFormModal.vue

@@ -29,7 +29,7 @@ async function handleCreate() {
       description: description.value.trim() || void 0,
       visibility: visibility.value
     });
-    emit("created", { id: result.doc_id });
+    emit("created", { id: result.id });
     emit("update:open", false);
   } catch (e) {
     error.value = e?.message ?? "Failed to create space";

package/dist/runtime/components/aware/AAccordion.d.vue.ts

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    fieldKey: string;
+    awareness?: boolean;
+    live?: boolean;
+    total?: boolean;
+};
+declare var __VLS_9: string, __VLS_10: any, __VLS_27: string, __VLS_28: any;
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_9>]?: (props: typeof __VLS_10) => any;
+} & {
+    [K in NonNullable<typeof __VLS_27>]?: (props: typeof __VLS_28) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    awareness: boolean;
+    live: boolean;
+    total: 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;
+    };
+};