@cou.sh/nuxt 1.0.1

package/dist/runtime/components/MemberManager.vue

@@ -0,0 +1,153 @@
+<script setup>
+const props = defineProps({
+  spaceId: { type: String, required: true },
+  currentUserRole: { type: String, required: false, default: "owner" }
+});
+const client = useCollabClient();
+const toast = useToast();
+const members = ref([]);
+const loading = ref(true);
+const roleItems = ["owner", "admin", "member", "editor", "viewer"];
+const canManage = computed(
+  () => ["owner", "admin"].includes(props.currentUserRole)
+);
+function roleColor(role) {
+  const map = {
+    owner: "error",
+    admin: "warning",
+    member: "primary",
+    editor: "info",
+    viewer: "neutral"
+  };
+  return map[role] ?? "neutral";
+}
+async function loadMembers() {
+  loading.value = true;
+  try {
+    members.value = await client.spaces.getMembers(props.spaceId);
+  } finally {
+    loading.value = false;
+  }
+}
+async function updateRole(userId, newRole) {
+  try {
+    await client.spaces.updateRole(props.spaceId, userId, newRole);
+    toast.add({ title: "Role updated", color: "success" });
+    await loadMembers();
+  } catch {
+    toast.add({ title: "Failed to update role", color: "error" });
+  }
+}
+async function removeMember(userId) {
+  try {
+    await client.spaces.removeMember(props.spaceId, userId);
+    toast.add({ title: "Member removed", color: "success" });
+    await loadMembers();
+  } catch {
+    toast.add({ title: "Failed to remove member", color: "error" });
+  }
+}
+const showInvite = ref(false);
+const inviteEmail = ref("");
+const inviteRole = ref("member");
+const inviting = ref(false);
+async function inviteMember() {
+  if (!inviteEmail.value.trim()) return;
+  inviting.value = true;
+  try {
+    await client.spaces.addMember(props.spaceId, inviteEmail.value.trim(), inviteRole.value);
+    toast.add({
+      title: "Invitation sent",
+      description: `${inviteEmail.value} invited as ${inviteRole.value}`,
+      color: "success"
+    });
+    inviteEmail.value = "";
+    inviteRole.value = "member";
+    showInvite.value = false;
+    await loadMembers();
+  } catch {
+    toast.add({ title: "Failed to invite member", color: "error" });
+  } finally {
+    inviting.value = false;
+  }
+}
+watch(() => props.spaceId, loadMembers);
+onMounted(loadMembers);
+</script>
+
+<template>
+  <div class="space-y-4">
+    <div class="flex items-center justify-between">
+      <h3 class="text-sm font-medium">Members</h3>
+      <UButton
+        v-if="canManage"
+        icon="i-lucide-user-plus"
+        label="Invite"
+        variant="soft"
+        size="xs"
+        @click="showInvite = true"
+      />
+    </div>
+
+    <USkeleton v-if="loading" class="h-32" />
+
+    <div v-else class="space-y-1">
+      <div
+        v-for="member in members"
+        :key="member.id"
+        class="flex items-center justify-between gap-3 px-2 py-2"
+      >
+        <UUser
+          :name="member.user?.name || member.userId"
+          :description="member.user?.email"
+          :avatar="{ src: member.user?.image, alt: member.user?.name || member.userId }"
+          size="sm"
+        />
+
+        <div class="flex items-center gap-2 shrink-0">
+          <USelect
+            v-if="canManage && member.role !== 'owner'"
+            :model-value="member.role"
+            :items="roleItems"
+            size="xs"
+            class="w-24"
+            @update:model-value="updateRole(member.userId, $event)"
+          />
+          <UBadge v-else :label="member.role" :color="roleColor(member.role)" variant="subtle" size="xs" />
+
+          <UDropdownMenu
+            v-if="canManage && member.role !== 'owner'"
+            :items="[
+  [{ label: 'Remove', icon: 'i-lucide-user-minus', color: 'error', onSelect: () => removeMember(member.userId) }]
+]"
+          >
+            <UButton icon="i-lucide-ellipsis-vertical" variant="ghost" color="neutral" size="2xs" />
+          </UDropdownMenu>
+        </div>
+      </div>
+    </div>
+
+    <UModal v-model:open="showInvite" title="Invite Member" description="Add someone to this space.">
+      <template #body>
+        <div class="space-y-3">
+          <UFormField label="Email" required>
+            <UInput
+              v-model="inviteEmail"
+              type="email"
+              placeholder="user@example.com"
+              autofocus
+              @keydown.enter="inviteMember"
+            />
+          </UFormField>
+          <UFormField label="Role">
+            <USelect v-model="inviteRole" :items="roleItems.filter((r) => r !== 'owner')" />
+          </UFormField>
+        </div>
+      </template>
+      <template #footer>
+        <UButton variant="ghost" color="neutral" label="Cancel" @click="showInvite = false" />
+        <UButton label="Invite" :loading="inviting" :disabled="!inviteEmail.trim()" @click="inviteMember" />
+      </template>
+    </UModal>
+  </div>
+</template>

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

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    spaceId: string;
+    currentUserRole?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    currentUserRole: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    /** Show pending upload count */
+    showPendingUploads?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    showPendingUploads: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/OfflineIndicator.vue

@@ -0,0 +1,44 @@
+<script setup>
+defineProps({
+  showPendingUploads: { type: Boolean, required: false, default: true }
+});
+const { isOnline, pendingUploads } = useOnlineStatus();
+const dismissed = ref(false);
+watch(isOnline, (online) => {
+  if (online) dismissed.value = false;
+});
+const message = computed(() => {
+  if (isOnline.value) return "";
+  let msg = "You're offline. Changes will sync when reconnected.";
+  if (pendingUploads.value > 0) {
+    msg += ` ${pendingUploads.value} upload${pendingUploads.value > 1 ? "s" : ""} pending.`;
+  }
+  return msg;
+});
+</script>
+
+<template>
+  <Transition
+    enter-active-class="transition-all duration-300 ease-out"
+    enter-from-class="opacity-0 -translate-y-2"
+    enter-to-class="opacity-100 translate-y-0"
+    leave-active-class="transition-all duration-200 ease-in"
+    leave-from-class="opacity-100 translate-y-0"
+    leave-to-class="opacity-0 -translate-y-2"
+  >
+    <UAlert
+      v-if="!isOnline && !dismissed"
+      :title="message"
+      color="warning"
+      variant="subtle"
+      icon="i-lucide-wifi-off"
+      :close="{
+  icon: 'i-lucide-x',
+  color: 'neutral',
+  variant: 'ghost',
+  size: 'xs'
+}"
+      @update:open="dismissed = true"
+    />
+  </Transition>
+</template>

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

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    /** Show pending upload count */
+    showPendingUploads?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    showPendingUploads: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    /** Current user role */
+    role: string;
+    /** Required role(s) — user must have at least one */
+    requires: string | string[];
+    /** Fallback text when unauthorized */
+    fallback?: string;
+};
+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<{}>, {
+    fallback: 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/PermissionGuard.vue

@@ -0,0 +1,16 @@
+<script setup>
+const props = defineProps({
+  role: { type: String, required: true },
+  requires: { type: [String, Array], required: true },
+  fallback: { type: String, required: false, default: void 0 }
+});
+const { meetsRole } = useDocumentPermissions(computed(() => props.role));
+const allowed = computed(() => meetsRole(props.requires));
+</script>
+
+<template>
+  <slot v-if="allowed" />
+  <slot v-else name="fallback">
+    <span v-if="fallback" class="text-sm text-(--ui-text-muted)">{{ fallback }}</span>
+  </slot>
+</template>

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

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    /** Current user role */
+    role: string;
+    /** Required role(s) — user must have at least one */
+    requires: string | string[];
+    /** Fallback text when unauthorized */
+    fallback?: string;
+};
+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<{}>, {
+    fallback: 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/RoleBadge.d.vue.ts

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    /** User role */
+    role: string;
+    /** Badge size */
+    size?: "xs" | "sm" | "md" | "lg";
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: "xs" | "sm" | "md" | "lg";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/RoleBadge.vue

@@ -0,0 +1,30 @@
+<script setup>
+defineProps({
+  role: { type: String, required: true },
+  size: { type: String, required: false, default: "xs" }
+});
+const roleColors = {
+  owner: "error",
+  admin: "warning",
+  member: "primary",
+  editor: "info",
+  viewer: "neutral"
+};
+const roleIcons = {
+  owner: "i-lucide-crown",
+  admin: "i-lucide-shield",
+  member: "i-lucide-user",
+  editor: "i-lucide-pencil",
+  viewer: "i-lucide-eye"
+};
+</script>
+
+<template>
+  <UBadge
+    :label="role"
+    :color="roleColors[role] ?? 'neutral'"
+    :icon="roleIcons[role]"
+    variant="subtle"
+    :size="size"
+  />
+</template>

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

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    /** User role */
+    role: string;
+    /** Badge size */
+    size?: "xs" | "sm" | "md" | "lg";
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: "xs" | "sm" | "md" | "lg";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    /** Space ID */
+    spaceId: string;
+    /** Document ID */
+    documentId: string;
+    /** Control open state */
+    open: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ShareDialog.vue

@@ -0,0 +1,119 @@
+<script setup>
+const props = defineProps({
+  spaceId: { type: String, required: true },
+  documentId: { type: String, required: true },
+  open: { type: Boolean, required: true }
+});
+const emit = defineEmits(["update:open"]);
+const client = useCollabClient();
+const toast = useToast();
+const isOpen = computed({
+  get: () => props.open,
+  set: (val) => emit("update:open", val)
+});
+const shareEnabled = ref(false);
+const shareUrl = ref("");
+const shareToken = ref("");
+const loading = ref(true);
+const toggling = ref(false);
+const copied = ref(false);
+async function loadShareState() {
+  loading.value = true;
+  try {
+    const res = await client.share.get(props.spaceId, props.documentId);
+    const info = res.data || res;
+    shareEnabled.value = !!info.enabled;
+    shareUrl.value = info.url || "";
+    shareToken.value = info.token || "";
+  } catch {
+  } finally {
+    loading.value = false;
+  }
+}
+async function toggleSharing(enabled) {
+  toggling.value = true;
+  try {
+    if (enabled) {
+      const res = await client.share.enable(props.spaceId, props.documentId);
+      const result = res.data || res;
+      shareEnabled.value = true;
+      shareUrl.value = result.url;
+      shareToken.value = result.token;
+    } else {
+      await client.share.disable(props.spaceId, props.documentId);
+      shareEnabled.value = false;
+      shareUrl.value = "";
+      shareToken.value = "";
+    }
+  } catch {
+    toast.add({ title: "Failed to update sharing", color: "error" });
+  } finally {
+    toggling.value = false;
+  }
+}
+async function copyUrl() {
+  if (!shareUrl.value) return;
+  try {
+    await navigator.clipboard.writeText(shareUrl.value);
+    copied.value = true;
+    toast.add({ title: "Link copied", color: "success", icon: "i-lucide-check" });
+    setTimeout(() => {
+      copied.value = false;
+    }, 2e3);
+  } catch {
+    toast.add({ title: "Failed to copy", color: "error" });
+  }
+}
+watch(isOpen, (open) => {
+  if (open) loadShareState();
+});
+</script>
+
+<template>
+  <UModal v-model:open="isOpen" title="Share Document" description="Anyone with the link can view this document.">
+    <template #body>
+      <div class="space-y-4">
+        <USkeleton v-if="loading" class="h-16" />
+
+        <template v-else>
+          <div class="flex items-center justify-between">
+            <div>
+              <div class="text-sm font-medium">Public sharing</div>
+              <div class="text-xs text-muted">Enable to generate a shareable link</div>
+            </div>
+            <USwitch
+              :model-value="shareEnabled"
+              :loading="toggling"
+              @update:model-value="toggleSharing"
+            />
+          </div>
+
+          <div v-if="shareEnabled && shareUrl" class="space-y-2">
+            <UFormField label="Shareable link">
+              <div class="flex items-center gap-2">
+                <UInput
+                  :model-value="shareUrl"
+                  readonly
+                  class="flex-1"
+                  size="sm"
+                />
+                <UButton
+                  :icon="copied ? 'i-lucide-check' : 'i-lucide-copy'"
+                  variant="soft"
+                  size="sm"
+                  @click="copyUrl"
+                />
+              </div>
+            </UFormField>
+          </div>
+        </template>
+      </div>
+    </template>
+
+    <template #footer>
+      <div class="flex justify-end">
+        <UButton variant="ghost" color="neutral" label="Close" @click="isOpen = false" />
+      </div>
+    </template>
+  </UModal>
+</template>

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

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    /** Space ID */
+    spaceId: string;
+    /** Document ID */
+    documentId: string;
+    /** Control open state */
+    open: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,15 @@
+import type { DocumentSnapshot } from "@rgby/collab-core";
+type __VLS_Props = {
+    spaceId: string;
+    documentId: string;
+};
+declare function loadSnapshots(): Promise<void>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    refresh: typeof loadSnapshots;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    restore: (snapshot: DocumentSnapshot) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRestore?: ((snapshot: DocumentSnapshot) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/SnapshotTimeline.vue

@@ -0,0 +1,118 @@
+<script setup>
+const props = defineProps({
+  spaceId: { type: String, required: true },
+  documentId: { type: String, required: true }
+});
+const emit = defineEmits(["restore"]);
+const client = useCollabClient();
+const toast = useToast();
+const snapshots = ref([]);
+const loading = ref(true);
+const timelineItems = computed(
+  () => snapshots.value.map((snap) => ({
+    title: formatDate(snap.createdAt),
+    description: formatSize(snap.size),
+    icon: "i-lucide-history",
+    value: snap.id
+  }))
+);
+const selectedId = ref();
+const showConfirm = ref(false);
+const restoring = ref(false);
+function promptRestore(snapshotId) {
+  selectedId.value = snapshotId;
+  showConfirm.value = true;
+}
+async function confirmRestore() {
+  if (!selectedId.value) return;
+  restoring.value = true;
+  try {
+    await client.documents.restoreSnapshot(props.spaceId, props.documentId, selectedId.value);
+    const snap = snapshots.value.find((s) => s.id === selectedId.value);
+    if (snap) emit("restore", snap);
+    toast.add({ title: "Snapshot restored", color: "success", icon: "i-lucide-check" });
+    showConfirm.value = false;
+  } catch {
+    toast.add({ title: "Failed to restore snapshot", color: "error" });
+  } finally {
+    restoring.value = false;
+  }
+}
+async function loadSnapshots() {
+  loading.value = true;
+  try {
+    snapshots.value = await client.documents.getSnapshots(props.spaceId, props.documentId);
+  } finally {
+    loading.value = false;
+  }
+}
+function formatDate(dateStr) {
+  return new Date(dateStr).toLocaleString(void 0, {
+    month: "short",
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+}
+function formatSize(bytes) {
+  if (bytes == null || isNaN(bytes)) return "";
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+watch(
+  () => [props.spaceId, props.documentId],
+  loadSnapshots,
+  { immediate: true }
+);
+defineExpose({ refresh: loadSnapshots });
+</script>
+
+<template>
+  <div class="space-y-3">
+    <div class="flex items-center justify-between">
+      <h3 class="text-sm font-medium">Version History</h3>
+      <UButton
+        icon="i-lucide-refresh-cw"
+        variant="ghost"
+        color="neutral"
+        size="xs"
+        @click="loadSnapshots"
+      />
+    </div>
+
+    <USkeleton v-if="loading" class="h-32" />
+
+    <UEmpty
+      v-else-if="snapshots.length === 0"
+      icon="i-lucide-history"
+      title="No snapshots yet"
+      size="sm"
+    />
+
+    <template v-else>
+      <UTimeline :items="timelineItems" color="primary" size="sm">
+        <template #title="{ item }">
+          <div class="flex items-center justify-between w-full">
+            <span class="text-sm">{{ item.title }}</span>
+            <UButton
+              icon="i-lucide-rotate-ccw"
+              label="Restore"
+              variant="ghost"
+              color="neutral"
+              size="2xs"
+              @click="promptRestore(item.value)"
+            />
+          </div>
+        </template>
+      </UTimeline>
+    </template>
+
+    <UModal v-model:open="showConfirm" title="Restore Snapshot" description="This will replace the current document content with this snapshot. This cannot be undone.">
+      <template #footer>
+        <UButton variant="ghost" color="neutral" label="Cancel" @click="showConfirm = false" />
+        <UButton label="Restore" color="warning" :loading="restoring" @click="confirmRestore" />
+      </template>
+    </UModal>
+  </div>
+</template>

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

@@ -0,0 +1,15 @@
+import type { DocumentSnapshot } from "@rgby/collab-core";
+type __VLS_Props = {
+    spaceId: string;
+    documentId: string;
+};
+declare function loadSnapshots(): Promise<void>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    refresh: typeof loadSnapshots;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    restore: (snapshot: DocumentSnapshot) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRestore?: ((snapshot: DocumentSnapshot) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    /** Space ID to manage */
+    spaceId: string;
+};
+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;