@superlayer/svelte 1.0.67

package/dist/InstantSvelteDatabase.svelte.js

@@ -0,0 +1,337 @@
+import { txInit, init as core_init, coerceQuery, getInfiniteQueryInitialSnapshot, InstantError, } from '@superlayer/core';
+import { InstantSvelteRoom, rooms } from './InstantSvelteRoom.svelte.js';
+import version from './version.js';
+const defaultState = {
+    isLoading: true,
+    data: undefined,
+    pageInfo: undefined,
+    error: undefined,
+};
+const defaultAuthState = {
+    isLoading: true,
+    user: undefined,
+    error: undefined,
+};
+function stateForResult(result) {
+    return {
+        isLoading: !Boolean(result),
+        data: undefined,
+        pageInfo: undefined,
+        error: undefined,
+        ...(result ? result : {}),
+    };
+}
+export class InstantSvelteDatabase {
+    tx = txInit();
+    auth;
+    storage;
+    streams;
+    core;
+    constructor(core) {
+        this.core = core;
+        this.auth = this.core.auth;
+        this.storage = this.core.storage;
+        this.streams = this.core.streams;
+    }
+    /**
+     * Returns a unique ID for a given `name`. It's stored in local storage,
+     * so you will get the same ID across sessions.
+     *
+     * @example
+     *  const deviceId = await db.getLocalId('device');
+     */
+    getLocalId = (name) => {
+        return this.core.getLocalId(name);
+    };
+    /**
+     * Use this to write data! You can create, update, delete, and link objects
+     *
+     * @see https://interfacedb.com/docs/instaml
+     *
+     * @example
+     *   const goalId = id();
+     *   db.transact(db.tx.goals[goalId].update({title: "Get fit"}))
+     */
+    transact = (chunks) => {
+        return this.core.transact(chunks);
+    };
+    /**
+     * One time query for the logged in state.
+     *
+     * @see https://interfacedb.com/docs/auth
+     * @example
+     *   const user = await db.getAuth();
+     *   console.log('logged in as', user.email)
+     */
+    getAuth() {
+        return this.core.getAuth();
+    }
+    /**
+     * Use this for one-off queries.
+     * Returns local data if available, otherwise fetches from the server.
+     *
+     * @see https://interfacedb.com/docs/instaql
+     *
+     * @example
+     *  const resp = await db.queryOnce({ goals: {} });
+     *  console.log(resp.data.goals)
+     */
+    queryOnce = (query, opts) => {
+        return this.core.queryOnce(query, opts);
+    };
+    // -----------
+    // Svelte reactive hooks
+    /**
+     * Use this to query your data!
+     *
+     * @see https://interfacedb.com/docs/instaql
+     *
+     * @example
+     *   // basic query
+     *   const state = db.useQuery({ goals: {} });
+     *   // state.isLoading, state.error, state.data
+     *
+     * @example
+     *   // conditional query (pass a function that returns null to skip)
+     *   const auth = db.useAuth();
+     *   const state = db.useQuery(() =>
+     *     auth.user ? { todos: { $: { where: { 'owner.id': auth.user.id } } } } : null
+     *   );
+     *
+     * @example
+     *   // reactive query (re-runs when $state variables change)
+     *   let filter = $state<'all' | 'done'>('all');
+     *   const state = db.useQuery(() => {
+     *     if (filter === 'all') return { todos: {} };
+     *     return { todos: { $: { where: { done: true } } } };
+     *   });
+     */
+    useQuery = (query, opts) => {
+        let result = $state({
+            ...defaultState,
+        });
+        $effect(() => {
+            const resolvedQuery = typeof query === 'function' ? query() : query;
+            if (!resolvedQuery) {
+                result.isLoading = true;
+                result.data = undefined;
+                result.pageInfo = undefined;
+                result.error = undefined;
+                return;
+            }
+            let q = resolvedQuery;
+            if (opts && 'ruleParams' in opts) {
+                q = { $$ruleParams: opts['ruleParams'], ...q };
+            }
+            const coerced = coerceQuery(q);
+            const prev = this.core._reactor.getPreviousResult(coerced);
+            const prevState = stateForResult(prev);
+            result.isLoading = prevState.isLoading;
+            result.data = prevState.data;
+            result.pageInfo = prevState.pageInfo;
+            result.error = prevState.error;
+            const unsub = this.core.subscribeQuery(coerced, (r) => {
+                result.isLoading = false;
+                result.data = r.data;
+                result.pageInfo = r.pageInfo;
+                result.error = r.error;
+            });
+            return unsub;
+        });
+        return result;
+    };
+    /**
+     * Subscribe to a query and incrementally load more items.
+     *
+     * Only one top level namespace in the query is allowed.
+     *
+     * @see https://interfacedb.com/docs/instaql
+     *
+     * @example
+     *   const state = db.useInfiniteQuery({
+     *     posts: {
+     *       $: {
+     *         limit: 20,
+     *         order: { createdAt: 'desc' },
+     *       },
+     *     },
+     *   });
+     *   // state.data, state.isLoading, state.error,
+     *   // state.canLoadNextPage, state.loadNextPage()
+     */
+    useInfiniteQuery = (query, opts) => {
+        let sub = null;
+        let result = $state({
+            isLoading: true,
+            error: undefined,
+            data: undefined,
+            canLoadNextPage: false,
+            loadNextPage: () => sub?.loadNextPage(),
+        });
+        $effect(() => {
+            const resolvedQuery = typeof query === 'function' ? query() : query;
+            if (!resolvedQuery) {
+                sub = null;
+                result.isLoading = true;
+                result.error = undefined;
+                result.data = undefined;
+                result.canLoadNextPage = false;
+                return;
+            }
+            const snapshot = getInfiniteQueryInitialSnapshot(this.core, resolvedQuery, opts);
+            result.isLoading = !snapshot.data && !snapshot.error;
+            result.error = snapshot.error;
+            result.data = snapshot.data;
+            result.canLoadNextPage = snapshot.canLoadNextPage;
+            sub = this.core.subscribeInfiniteQuery(resolvedQuery, (resp) => {
+                result.isLoading = false;
+                result.data = resp.data;
+                result.error = resp.error;
+                result.canLoadNextPage = resp.canLoadNextPage;
+            }, opts);
+            return () => {
+                sub?.unsubscribe();
+                sub = null;
+            };
+        });
+        return result;
+    };
+    /**
+     * Listen for the logged in state. This is useful
+     * for deciding when to show a login screen.
+     *
+     * @see https://interfacedb.com/docs/auth
+     * @example
+     *  const auth = db.useAuth();
+     *  // auth.isLoading, auth.user, auth.error
+     */
+    useAuth = () => {
+        let result = $state(this.core._reactor._currentUserCached
+            ? { ...this.core._reactor._currentUserCached }
+            : { ...defaultAuthState });
+        $effect(() => {
+            const unsub = this.core.subscribeAuth((auth) => {
+                result.isLoading = false;
+                result.user = auth.user;
+                result.error = auth.error;
+            });
+            return unsub;
+        });
+        return result;
+    };
+    /**
+     * Subscribe to the currently logged in user.
+     * If the user is not logged in, this will throw an Error.
+     *
+     * @see https://interfacedb.com/docs/auth
+     * @example
+     *  const user = db.useUser();
+     *  // user.email, user.id, etc.
+     *  // Throws if not logged in
+     */
+    useUser = () => {
+        const auth = this.useAuth();
+        // Return a proxy that always reads from the latest auth state
+        return new Proxy({}, {
+            get(_target, prop, receiver) {
+                if (!auth.user) {
+                    throw new InstantError('useUser must be used within an auth-protected route');
+                }
+                return Reflect.get(auth.user, prop, receiver);
+            },
+        });
+    };
+    /**
+     * Listen for connection status changes to Instant.
+     *
+     * @see https://www.interfacedb.com/docs/patterns#connection-status
+     * @example
+     *  const status = db.useConnectionStatus();
+     *  // status.current
+     */
+    useConnectionStatus = () => {
+        let result = $state({
+            current: this.core._reactor.status,
+        });
+        $effect(() => {
+            const unsub = this.core.subscribeConnectionStatus((newStatus) => {
+                result.current = newStatus;
+            });
+            return unsub;
+        });
+        return result;
+    };
+    /**
+     * A hook that returns a unique ID for a given `name`. localIds are
+     * stored in local storage, so you will get the same ID across sessions.
+     *
+     * Initially returns `null`, and then loads the localId.
+     *
+     * @example
+     * const deviceId = db.useLocalId('device');
+     * // deviceId.current is null initially, then the ID string
+     */
+    useLocalId = (name) => {
+        let result = $state({ current: null });
+        $effect(() => {
+            let mounted = true;
+            this.getLocalId(name).then((id) => {
+                if (mounted) {
+                    result.current = id;
+                }
+            });
+            return () => {
+                mounted = false;
+            };
+        });
+        return result;
+    };
+    /**
+     * Obtain a handle to a room, which allows you to listen to topics and presence data
+     *
+     * @see https://interfacedb.com/docs/presence-and-topics
+     *
+     * @example
+     *  const room = db.room('chat', roomId);
+     *  const presence = db.rooms.usePresence(room);
+     */
+    room(type = '_defaultRoomType', id = '_defaultRoomId') {
+        return new InstantSvelteRoom(this.core, type, id);
+    }
+    /**
+     * Hooks for working with rooms
+     *
+     * @see https://interfacedb.com/docs/presence-and-topics
+     *
+     * @example
+     *  const room = db.room('chat', roomId);
+     *  const presence = db.rooms.usePresence(room);
+     *  const publish = db.rooms.usePublishTopic(room, 'emoji');
+     */
+    rooms = rooms;
+}
+// -----------
+// init
+/**
+ * The first step: init your application!
+ *
+ * Visit https://interfacedb.com/dash to get your `appId` :)
+ *
+ * @example
+ *  import { init } from "@superlayer/svelte"
+ *
+ *  const db = init({ appId: "my-app-id" })
+ *
+ *  // You can also provide a schema for type safety and editor autocomplete!
+ *
+ *  import { init } from "@superlayer/svelte"
+ *  import schema from "../instant.schema.ts";
+ *
+ *  const db = init({ appId: "my-app-id", schema })
+ */
+export function init(config) {
+    const coreDb = core_init(config, undefined, undefined, {
+        '@instantdb/svelte': version,
+    });
+    return new InstantSvelteDatabase(coreDb);
+}

package/dist/InstantSvelteRoom.svelte.d.ts

@@ -0,0 +1,82 @@
+import { type PresenceOpts, type PresenceResponse, type RoomSchemaShape, InstantCoreDatabase, InstantSchemaDef } from '@superlayer/core';
+export type PresenceHandle<PresenceShape, Keys extends keyof PresenceShape> = PresenceResponse<PresenceShape, Keys> & {
+    publishPresence: (data: Partial<PresenceShape>) => void;
+};
+export type TypingIndicatorOpts = {
+    timeout?: number | null;
+    stopOnEnter?: boolean;
+    writeOnly?: boolean;
+};
+export type TypingIndicatorHandle<PresenceShape> = {
+    active: PresenceShape[];
+    setActive(active: boolean): void;
+    inputProps: {
+        onKeyDown: (e: KeyboardEvent) => void;
+        onBlur: () => void;
+    };
+};
+export declare const defaultActivityStopTimeout = 1000;
+/**
+ * Listen for broadcasted events given a room and topic.
+ *
+ * @see https://interfacedb.com/docs/presence-and-topics
+ * @example
+ *  const room = db.room('chats', roomId);
+ *  db.rooms.useTopicEffect(room, 'emoji', (message, peer) => {
+ *    console.log(peer.name, 'sent', message);
+ *  });
+ */
+export declare function useTopicEffect<RoomSchema extends RoomSchemaShape, RoomType extends keyof RoomSchema, TopicType extends keyof RoomSchema[RoomType]['topics']>(room: InstantSvelteRoom<any, RoomSchema, RoomType>, topic: TopicType, onEvent: (event: RoomSchema[RoomType]['topics'][TopicType], peer: RoomSchema[RoomType]['presence']) => any): void;
+/**
+ * Broadcast an event to a room.
+ *
+ * @see https://interfacedb.com/docs/presence-and-topics
+ * @example
+ *  const room = db.room('chat', roomId);
+ *  const publishTopic = db.rooms.usePublishTopic(room, 'emoji');
+ *  publishTopic({ emoji: "🔥" });
+ */
+export declare function usePublishTopic<RoomSchema extends RoomSchemaShape, RoomType extends keyof RoomSchema, TopicType extends keyof RoomSchema[RoomType]['topics']>(room: InstantSvelteRoom<any, RoomSchema, RoomType>, topic: TopicType): (data: RoomSchema[RoomType]['topics'][TopicType]) => void;
+/**
+ * Listen for peer's presence data in a room, and publish the current user's presence.
+ *
+ * @see https://interfacedb.com/docs/presence-and-topics
+ * @example
+ *  const room = db.room('chat', roomId);
+ *  const presence = db.rooms.usePresence(room, { keys: ["name", "avatar"] });
+ *  // presence.peers, presence.isLoading, presence.publishPresence
+ */
+export declare function usePresence<RoomSchema extends RoomSchemaShape, RoomType extends keyof RoomSchema, Keys extends keyof RoomSchema[RoomType]['presence']>(room: InstantSvelteRoom<any, RoomSchema, RoomType>, opts?: PresenceOpts<RoomSchema[RoomType]['presence'], Keys>): PresenceHandle<RoomSchema[RoomType]['presence'], Keys>;
+/**
+ * Publishes presence data to a room
+ *
+ * @see https://interfacedb.com/docs/presence-and-topics
+ * @example
+ *  const room = db.room('chat', roomId);
+ *  db.rooms.useSyncPresence(room, { nickname });
+ */
+export declare function useSyncPresence<RoomSchema extends RoomSchemaShape, RoomType extends keyof RoomSchema>(room: InstantSvelteRoom<any, RoomSchema, RoomType>, data: Partial<RoomSchema[RoomType]['presence']>, deps?: any[]): void;
+/**
+ * Manage typing indicator state
+ *
+ * @see https://interfacedb.com/docs/presence-and-topics
+ * @example
+ *  const room = db.room('chat', roomId);
+ *  const typing = db.rooms.useTypingIndicator(room, 'chat-input');
+ *  // typing.active, typing.setActive(bool), typing.inputProps
+ */
+export declare function useTypingIndicator<RoomSchema extends RoomSchemaShape, RoomType extends keyof RoomSchema>(room: InstantSvelteRoom<any, RoomSchema, RoomType>, inputName: string, opts?: TypingIndicatorOpts): TypingIndicatorHandle<RoomSchema[RoomType]['presence']>;
+export declare const rooms: {
+    useTopicEffect: typeof useTopicEffect;
+    usePublishTopic: typeof usePublishTopic;
+    usePresence: typeof usePresence;
+    useSyncPresence: typeof useSyncPresence;
+    useTypingIndicator: typeof useTypingIndicator;
+};
+export declare class InstantSvelteRoom<Schema extends InstantSchemaDef<any, any, any>, RoomSchema extends RoomSchemaShape, RoomType extends keyof RoomSchema> {
+    core: InstantCoreDatabase<Schema, boolean>;
+    type: RoomType;
+    id: string;
+    constructor(core: InstantCoreDatabase<Schema, boolean>, type: RoomType, id: string);
+}
+//# sourceMappingURL=InstantSvelteRoom.svelte.d.ts.map

package/dist/InstantSvelteRoom.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstantSvelteRoom.svelte.d.ts","sourceRoot":"","sources":["../src/lib/InstantSvelteRoom.svelte.ts"],"names":[],"mappings":"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"}

package/dist/InstantSvelteRoom.svelte.js

@@ -0,0 +1,196 @@
+export const defaultActivityStopTimeout = 1_000;
+// ------
+// Topics
+/**
+ * Listen for broadcasted events given a room and topic.
+ *
+ * @see https://interfacedb.com/docs/presence-and-topics
+ * @example
+ *  const room = db.room('chats', roomId);
+ *  db.rooms.useTopicEffect(room, 'emoji', (message, peer) => {
+ *    console.log(peer.name, 'sent', message);
+ *  });
+ */
+export function useTopicEffect(room, topic, onEvent) {
+    $effect(() => {
+        const unsub = room.core._reactor.subscribeTopic(room.type, room.id, topic, (event, peer) => {
+            onEvent(event, peer);
+        });
+        return unsub;
+    });
+}
+/**
+ * Broadcast an event to a room.
+ *
+ * @see https://interfacedb.com/docs/presence-and-topics
+ * @example
+ *  const room = db.room('chat', roomId);
+ *  const publishTopic = db.rooms.usePublishTopic(room, 'emoji');
+ *  publishTopic({ emoji: "🔥" });
+ */
+export function usePublishTopic(room, topic) {
+    $effect(() => {
+        const unsub = room.core._reactor.joinRoom(room.type, room.id);
+        return unsub;
+    });
+    return (data) => {
+        room.core._reactor.publishTopic({
+            roomType: room.type,
+            roomId: room.id,
+            topic,
+            data,
+        });
+    };
+}
+// ---------
+// Presence
+/**
+ * Listen for peer's presence data in a room, and publish the current user's presence.
+ *
+ * @see https://interfacedb.com/docs/presence-and-topics
+ * @example
+ *  const room = db.room('chat', roomId);
+ *  const presence = db.rooms.usePresence(room, { keys: ["name", "avatar"] });
+ *  // presence.peers, presence.isLoading, presence.publishPresence
+ */
+export function usePresence(room, opts = {}) {
+    const initial = (room.core._reactor.getPresence(room.type, room.id, opts) ?? {
+        peers: {},
+        isLoading: true,
+    });
+    let result = $state({
+        ...initial,
+        publishPresence: (data) => {
+            room.core._reactor.publishPresence(room.type, room.id, data);
+        },
+    });
+    $effect(() => {
+        const unsub = room.core._reactor.subscribePresence(room.type, room.id, opts, (data) => {
+            result.peers = data.peers;
+            result.isLoading = data.isLoading;
+            if ('user' in data) {
+                result.user = data.user;
+            }
+        });
+        return unsub;
+    });
+    return result;
+}
+/**
+ * Publishes presence data to a room
+ *
+ * @see https://interfacedb.com/docs/presence-and-topics
+ * @example
+ *  const room = db.room('chat', roomId);
+ *  db.rooms.useSyncPresence(room, { nickname });
+ */
+export function useSyncPresence(room, data, deps) {
+    $effect(() => {
+        const unsub = room.core._reactor.joinRoom(room.type, room.id, data);
+        return unsub;
+    });
+    $effect(() => {
+        if (deps) {
+            // Track deps by reading them
+            deps.forEach((d) => {
+                if (typeof d === 'function')
+                    d();
+            });
+        }
+        else {
+            JSON.stringify(data);
+        }
+        room.core._reactor.publishPresence(room.type, room.id, data);
+    });
+}
+// -----------------
+// Typing Indicator
+/**
+ * Manage typing indicator state
+ *
+ * @see https://interfacedb.com/docs/presence-and-topics
+ * @example
+ *  const room = db.room('chat', roomId);
+ *  const typing = db.rooms.useTypingIndicator(room, 'chat-input');
+ *  // typing.active, typing.setActive(bool), typing.inputProps
+ */
+export function useTypingIndicator(room, inputName, opts = {}) {
+    let timeoutId = null;
+    const presence = rooms.usePresence(room, {
+        keys: [inputName],
+    });
+    let _active = $state([]);
+    $effect(() => {
+        if (opts?.writeOnly) {
+            _active = [];
+            return;
+        }
+        // Read presence to track it
+        const _peers = presence.peers;
+        const presenceSnapshot = room.core._reactor.getPresence(room.type, room.id);
+        _active = Object.values(presenceSnapshot?.peers ?? {}).filter((p) => p[inputName] === true);
+    });
+    const setActive = (isActive) => {
+        room.core._reactor.publishPresence(room.type, room.id, {
+            [inputName]: isActive ? true : null,
+        });
+        if (timeoutId) {
+            clearTimeout(timeoutId);
+            timeoutId = null;
+        }
+        if (!isActive)
+            return;
+        if (opts?.timeout === null || opts?.timeout === 0)
+            return;
+        timeoutId = setTimeout(() => {
+            room.core._reactor.publishPresence(room.type, room.id, {
+                [inputName]: null,
+            });
+        }, opts?.timeout ?? defaultActivityStopTimeout);
+    };
+    $effect(() => {
+        return () => {
+            if (timeoutId) {
+                clearTimeout(timeoutId);
+                timeoutId = null;
+            }
+            setActive(false);
+        };
+    });
+    const onKeyDown = (e) => {
+        const isEnter = opts?.stopOnEnter && e.key === 'Enter';
+        const isActive = !isEnter;
+        setActive(isActive);
+    };
+    const onBlur = () => {
+        setActive(false);
+    };
+    return {
+        get active() {
+            return _active;
+        },
+        setActive,
+        inputProps: { onKeyDown, onBlur },
+    };
+}
+// --------------
+// Hooks namespace
+export const rooms = {
+    useTopicEffect,
+    usePublishTopic,
+    usePresence,
+    useSyncPresence,
+    useTypingIndicator,
+};
+// ------------
+// Class
+export class InstantSvelteRoom {
+    core;
+    type;
+    id;
+    constructor(core, type, id) {
+        this.core = core;
+        this.type = type;
+        this.id = id;
+    }
+}

package/dist/SignedIn.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+  import type { InstantSchemaDef } from '@superlayer/core';
+  import type { InstantSvelteDatabase } from './InstantSvelteDatabase.svelte.js';
+  import type { Snippet } from 'svelte';
+
+  let { db, children }: {
+    db: InstantSvelteDatabase<InstantSchemaDef<any, any, any>>;
+    children: Snippet;
+  } = $props();
+
+  // svelte-ignore state_referenced_locally
+  const auth = db.useAuth();
+</script>
+
+{#if !auth.isLoading && !auth.error && auth.user}
+  {@render children()}
+{/if}

package/dist/SignedIn.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { InstantSchemaDef } from '@superlayer/core';
+import type { InstantSvelteDatabase } from './InstantSvelteDatabase.svelte.js';
+import type { Snippet } from 'svelte';
+type $$ComponentProps = {
+    db: InstantSvelteDatabase<InstantSchemaDef<any, any, any>>;
+    children: Snippet;
+};
+declare const SignedIn: import("svelte").Component<$$ComponentProps, {}, "">;
+type SignedIn = ReturnType<typeof SignedIn>;
+export default SignedIn;
+//# sourceMappingURL=SignedIn.svelte.d.ts.map

package/dist/SignedIn.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignedIn.svelte.d.ts","sourceRoot":"","sources":["../src/lib/SignedIn.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAErC,KAAK,gBAAgB,GAAI;IACtB,EAAE,EAAE,qBAAqB,CAAC,gBAAgB,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IAC3D,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAkBJ,QAAA,MAAM,QAAQ,sDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/SignedOut.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+  import type { InstantSchemaDef } from '@superlayer/core';
+  import type { InstantSvelteDatabase } from './InstantSvelteDatabase.svelte.js';
+  import type { Snippet } from 'svelte';
+
+  let { db, children }: {
+    db: InstantSvelteDatabase<InstantSchemaDef<any, any, any>>;
+    children: Snippet;
+  } = $props();
+
+  // svelte-ignore state_referenced_locally
+  const auth = db.useAuth();
+</script>
+
+{#if !auth.isLoading && !auth.error && !auth.user}
+  {@render children()}
+{/if}

package/dist/SignedOut.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { InstantSchemaDef } from '@superlayer/core';
+import type { InstantSvelteDatabase } from './InstantSvelteDatabase.svelte.js';
+import type { Snippet } from 'svelte';
+type $$ComponentProps = {
+    db: InstantSvelteDatabase<InstantSchemaDef<any, any, any>>;
+    children: Snippet;
+};
+declare const SignedOut: import("svelte").Component<$$ComponentProps, {}, "">;
+type SignedOut = ReturnType<typeof SignedOut>;
+export default SignedOut;
+//# sourceMappingURL=SignedOut.svelte.d.ts.map

package/dist/SignedOut.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignedOut.svelte.d.ts","sourceRoot":"","sources":["../src/lib/SignedOut.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAErC,KAAK,gBAAgB,GAAI;IACtB,EAAE,EAAE,qBAAqB,CAAC,gBAAgB,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IAC3D,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAkBJ,QAAA,MAAM,SAAS,sDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}