svelte-firekit 0.1.7 → 0.1.9

package/dist/components/ui/toggle/toggle.svelte.d.ts

@@ -0,0 +1,43 @@
+import { type VariantProps } from "tailwind-variants";
+export declare const toggleVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}, undefined, "hover:bg-muted hover:text-muted-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium outline-none transition-[color,box-shadow] focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+    };
+}, undefined, "hover:bg-muted hover:text-muted-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium outline-none transition-[color,box-shadow] focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", unknown, unknown, undefined>>;
+export type ToggleVariant = VariantProps<typeof toggleVariants>["variant"];
+export type ToggleSize = VariantProps<typeof toggleVariants>["size"];
+export type ToggleVariants = VariantProps<typeof toggleVariants>;
+import { Toggle as TogglePrimitive } from "bits-ui";
+type $$ComponentProps = TogglePrimitive.RootProps & {
+    variant?: ToggleVariant;
+    size?: ToggleSize;
+};
+declare const Toggle: import("svelte").Component<$$ComponentProps, {}, "ref" | "pressed">;
+type Toggle = ReturnType<typeof Toggle>;
+export default Toggle;

package/dist/components/ui/toggle-group/index.d.ts

@@ -0,0 +1,3 @@
+import Root from "./toggle-group.svelte";
+import Item from "./toggle-group-item.svelte";
+export { Root, Item, Root as ToggleGroup, Item as ToggleGroupItem, };

package/dist/components/ui/toggle-group/index.js

@@ -0,0 +1,5 @@
+import Root from "./toggle-group.svelte";
+import Item from "./toggle-group-item.svelte";
+export { Root, Item, 
+//
+Root as ToggleGroup, Item as ToggleGroupItem, };

package/dist/components/ui/toggle-group/toggle-group-item.svelte

@@ -0,0 +1,34 @@
+<script lang="ts">
+	import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
+	import { getToggleGroupCtx } from "./toggle-group.svelte";
+	import { cn } from "../../../utils.js";
+	import { type ToggleVariants, toggleVariants } from "../toggle/index.js";
+
+	let {
+		ref = $bindable(null),
+		value = $bindable(),
+		class: className,
+		size,
+		variant,
+		...restProps
+	}: ToggleGroupPrimitive.ItemProps & ToggleVariants = $props();
+
+	const ctx = getToggleGroupCtx();
+</script>
+
+<ToggleGroupPrimitive.Item
+	bind:ref
+	data-slot="toggle-group-item"
+	data-variant={ctx.variant || variant}
+	data-size={ctx.size || size}
+	class={cn(
+		toggleVariants({
+			variant: ctx.variant || variant,
+			size: ctx.size || size,
+		}),
+		"min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l",
+		className
+	)}
+	{value}
+	{...restProps}
+/>

package/dist/components/ui/toggle-group/toggle-group-item.svelte.d.ts

@@ -0,0 +1,6 @@
+import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
+import { type ToggleVariants } from "../toggle/index.js";
+type $$ComponentProps = ToggleGroupPrimitive.ItemProps & ToggleVariants;
+declare const ToggleGroupItem: import("svelte").Component<$$ComponentProps, {}, "value" | "ref">;
+type ToggleGroupItem = ReturnType<typeof ToggleGroupItem>;
+export default ToggleGroupItem;

package/dist/components/ui/toggle-group/toggle-group.svelte

@@ -0,0 +1,47 @@
+<script lang="ts" module>
+	import { getContext, setContext } from "svelte";
+	import type { ToggleVariants } from "../toggle/index.js";
+	export function setToggleGroupCtx(props: ToggleVariants) {
+		setContext("toggleGroup", props);
+	}
+
+	export function getToggleGroupCtx() {
+		return getContext<ToggleVariants>("toggleGroup");
+	}
+</script>
+
+<script lang="ts">
+	import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		value = $bindable(),
+		class: className,
+		size = "default",
+		variant = "default",
+		...restProps
+	}: ToggleGroupPrimitive.RootProps & ToggleVariants = $props();
+
+	setToggleGroupCtx({
+		variant,
+		size,
+	});
+</script>
+
+<!--
+Discriminated Unions + Destructing (required for bindable) do not
+get along, so we shut typescript up by casting `value` to `never`.
+-->
+<ToggleGroupPrimitive.Root
+	bind:value={value as never}
+	bind:ref
+	data-slot="toggle-group"
+	data-variant={variant}
+	data-size={size}
+	class={cn(
+		"group/toggle-group data-[variant=outline]:shadow-xs flex w-fit items-center rounded-md",
+		className
+	)}
+	{...restProps}
+/>

package/dist/components/ui/toggle-group/toggle-group.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { ToggleVariants } from "../toggle/index.js";
+export declare function setToggleGroupCtx(props: ToggleVariants): void;
+export declare function getToggleGroupCtx(): ToggleVariants;
+import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
+type $$ComponentProps = ToggleGroupPrimitive.RootProps & ToggleVariants;
+declare const ToggleGroup: import("svelte").Component<$$ComponentProps, {}, "value" | "ref">;
+type ToggleGroup = ReturnType<typeof ToggleGroup>;
+export default ToggleGroup;

package/dist/components/ui/tooltip/index.d.ts

@@ -0,0 +1,7 @@
+import { Tooltip as TooltipPrimitive } from "bits-ui";
+import Trigger from "./tooltip-trigger.svelte";
+import Content from "./tooltip-content.svelte";
+declare const Root: import("svelte").Component<TooltipPrimitive.RootProps, {}, "open">;
+declare const Provider: import("svelte").Component<TooltipPrimitive.ProviderProps, {}, "">;
+declare const Portal: import("svelte").Component<TooltipPrimitive.PortalProps, {}, "">;
+export { Root, Trigger, Content, Provider, Portal, Root as Tooltip, Content as TooltipContent, Trigger as TooltipTrigger, Provider as TooltipProvider, Portal as TooltipPortal, };

package/dist/components/ui/tooltip/index.js

@@ -0,0 +1,9 @@
+import { Tooltip as TooltipPrimitive } from "bits-ui";
+import Trigger from "./tooltip-trigger.svelte";
+import Content from "./tooltip-content.svelte";
+const Root = TooltipPrimitive.Root;
+const Provider = TooltipPrimitive.Provider;
+const Portal = TooltipPrimitive.Portal;
+export { Root, Trigger, Content, Provider, Portal, 
+//
+Root as Tooltip, Content as TooltipContent, Trigger as TooltipTrigger, Provider as TooltipProvider, Portal as TooltipPortal, };

package/dist/components/ui/tooltip/tooltip-content.svelte

@@ -0,0 +1,47 @@
+<script lang="ts">
+	import { Tooltip as TooltipPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		sideOffset = 0,
+		side = "top",
+		children,
+		arrowClasses,
+		...restProps
+	}: TooltipPrimitive.ContentProps & {
+		arrowClasses?: string;
+	} = $props();
+</script>
+
+<TooltipPrimitive.Portal>
+	<TooltipPrimitive.Content
+		bind:ref
+		data-slot="tooltip-content"
+		{sideOffset}
+		{side}
+		class={cn(
+			"bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--bits-tooltip-content-transform-origin) z-50 w-fit text-balance rounded-md px-3 py-1.5 text-xs",
+			className
+		)}
+		{...restProps}
+	>
+		{@render children?.()}
+		<TooltipPrimitive.Arrow>
+			{#snippet child({ props })}
+				<div
+					class={cn(
+						"bg-primary z-50 size-2.5 rotate-45 rounded-[2px]",
+						"data-[side=top]:translate-x-1/2 data-[side=top]:translate-y-[calc(-50%_+_2px)]",
+						"data-[side=bottom]:-translate-x-1/2 data-[side=bottom]:-translate-y-[calc(-50%_+_1px)]",
+						"data-[side=right]:translate-x-[calc(50%_+_2px)] data-[side=right]:translate-y-1/2",
+						"data-[side=left]:-translate-y-[calc(50%_-_3px)]",
+						arrowClasses
+					)}
+					{...props}
+				></div>
+			{/snippet}
+		</TooltipPrimitive.Arrow>
+	</TooltipPrimitive.Content>
+</TooltipPrimitive.Portal>

package/dist/components/ui/tooltip/tooltip-content.svelte.d.ts

@@ -0,0 +1,7 @@
+import { Tooltip as TooltipPrimitive } from "bits-ui";
+type $$ComponentProps = TooltipPrimitive.ContentProps & {
+    arrowClasses?: string;
+};
+declare const TooltipContent: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type TooltipContent = ReturnType<typeof TooltipContent>;
+export default TooltipContent;

package/dist/components/ui/tooltip/tooltip-trigger.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { Tooltip as TooltipPrimitive } from "bits-ui";
+
+	let { ref = $bindable(null), ...restProps }: TooltipPrimitive.TriggerProps = $props();
+</script>
+
+<TooltipPrimitive.Trigger bind:ref data-slot="tooltip-trigger" {...restProps} />

package/dist/components/ui/tooltip/tooltip-trigger.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Tooltip as TooltipPrimitive } from "bits-ui";
+declare const TooltipTrigger: import("svelte").Component<TooltipPrimitive.TriggerProps, {}, "ref">;
+type TooltipTrigger = ReturnType<typeof TooltipTrigger>;
+export default TooltipTrigger;

package/dist/hooks/is-mobile.svelte.d.ts

@@ -0,0 +1,4 @@
+import { MediaQuery } from "svelte/reactivity";
+export declare class IsMobile extends MediaQuery {
+    constructor(breakpoint?: number);
+}

package/dist/hooks/is-mobile.svelte.js

@@ -0,0 +1,7 @@
+import { MediaQuery } from "svelte/reactivity";
+const DEFAULT_MOBILE_BREAKPOINT = 768;
+export class IsMobile extends MediaQuery {
+    constructor(breakpoint = DEFAULT_MOBILE_BREAKPOINT) {
+        super(`max-width: ${breakpoint - 1}px`);
+    }
+}

package/dist/index.d.ts

@@ -10,15 +10,15 @@ export { firekitDocMutations } from './services/mutations.js';
 export { firekitCollection, firekitCollectionGroup, firekitCollectionOnce } from './services/collection.svelte.js';
 export { firekitRealtimeDB, firekitRealtimeList } from './services/realtime.svelte.js';
 export { firekitStorageList, firekitUploadTask, firekitDownloadUrl } from './services/storage.svelte.js';
-export { default as FirebaseApp } from './components/firebase-app.svelte';
-export { default as AuthGuard } from './components/auth-guard.svelte';
-export { default as CustomGuard } from './components/custom-guard.svelte';
-export { default as SignedIn } from './components/signed-in.svelte';
-export { default as SignedOut } from './components/signed-out.svelte';
-export { default as Doc } from './components/Doc.svelte';
-export { default as Collection } from './components/Collection.svelte';
-export { default as Node } from './components/Node.svelte';
-export { default as NodeList } from './components/node-list.svelte';
-export { default as StorageList } from './components/storage-list.svelte';
-export { default as DownloadURL } from './components/download-url.svelte';
-export { default as UploadTask } from './components/upload-task.svelte';
+export { default as FirebaseApp } from './components/firekit/firebase-app.svelte';
+export { default as AuthGuard } from './components/firekit/auth-guard.svelte';
+export { default as CustomGuard } from './components/firekit/custom-guard.svelte';
+export { default as SignedIn } from './components/firekit/signed-in.svelte';
+export { default as SignedOut } from './components/firekit/signed-out.svelte';
+export { default as Doc } from './components/firekit/Doc.svelte';
+export { default as Collection } from './components/firekit/Collection.svelte';
+export { default as Node } from './components/firekit/Node.svelte';
+export { default as NodeList } from './components/firekit/node-list.svelte';
+export { default as StorageList } from './components/firekit/storage-list.svelte';
+export { default as DownloadURL } from './components/firekit/download-url.svelte';
+export { default as UploadTask } from './components/firekit/upload-task.svelte';

package/dist/index.js

@@ -20,15 +20,15 @@ export { firekitRealtimeDB, firekitRealtimeList } from './services/realtime.svel
 // storage services
 export { firekitStorageList, firekitUploadTask, firekitDownloadUrl } from './services/storage.svelte.js';
 // Components
-export { default as FirebaseApp } from './components/firebase-app.svelte';
-export { default as AuthGuard } from './components/auth-guard.svelte';
-export { default as CustomGuard } from './components/custom-guard.svelte';
-export { default as SignedIn } from './components/signed-in.svelte';
-export { default as SignedOut } from './components/signed-out.svelte';
-export { default as Doc } from './components/Doc.svelte';
-export { default as Collection } from './components/Collection.svelte';
-export { default as Node } from './components/Node.svelte';
-export { default as NodeList } from './components/node-list.svelte';
-export { default as StorageList } from './components/storage-list.svelte';
-export { default as DownloadURL } from './components/download-url.svelte';
-export { default as UploadTask } from './components/upload-task.svelte';
+export { default as FirebaseApp } from './components/firekit/firebase-app.svelte';
+export { default as AuthGuard } from './components/firekit/auth-guard.svelte';
+export { default as CustomGuard } from './components/firekit/custom-guard.svelte';
+export { default as SignedIn } from './components/firekit/signed-in.svelte';
+export { default as SignedOut } from './components/firekit/signed-out.svelte';
+export { default as Doc } from './components/firekit/Doc.svelte';
+export { default as Collection } from './components/firekit/Collection.svelte';
+export { default as Node } from './components/firekit/Node.svelte';
+export { default as NodeList } from './components/firekit/node-list.svelte';
+export { default as StorageList } from './components/firekit/storage-list.svelte';
+export { default as DownloadURL } from './components/firekit/download-url.svelte';
+export { default as UploadTask } from './components/firekit/upload-task.svelte';

package/dist/services/auth.js

@@ -8,6 +8,7 @@ import { doc, setDoc, serverTimestamp } from 'firebase/firestore';
 import { firebaseService } from '../firebase.js';
 import { AuthErrorCode, FirekitAuthError } from '../types/auth.js';
 import { mapFirebaseUserToProfile, updateUserInFirestore, createGoogleProvider, createFacebookProvider, createAppleProvider, handleAuthError } from '../utils/index.js';
+import { firekitPresence } from './presence.svelte.js';
 /**
  * Comprehensive Firebase Authentication service for Svelte applications.
  * Provides a complete authentication solution with automatic Firestore integration,
@@ -834,6 +835,15 @@ class FirekitAuth {
             throw new Error('Auth instance not available');
         }
         try {
+            // Set presence offline before signing out
+            try {
+                if (firekitPresence.initialized) {
+                    await firekitPresence.setPresence('offline');
+                }
+            }
+            catch (presenceError) {
+                console.warn('Failed to set presence offline during sign out:', presenceError);
+            }
             // Clear reCAPTCHA verifiers
             this.recaptchaVerifiers.forEach((verifier) => verifier.clear());
             this.recaptchaVerifiers.clear();

package/dist/types/docs.d.ts

@@ -0,0 +1,67 @@
+import type { Component } from 'svelte';
+export type Metadata = {
+    title: string;
+    description: string;
+    openGraph: {
+        title: string;
+        description: string;
+        type: 'article';
+        url: string;
+        images: Array<{
+            url: string;
+            width: number;
+            height: number;
+            alt: string;
+        }>;
+    };
+    twitter: {
+        card: 'summary_large_image';
+        title: string;
+        description: string;
+        images: string[];
+        creator: string;
+    };
+};
+export type DocMeta = {
+    title: string;
+    description: string;
+    slug: string;
+    component: boolean;
+    source: string;
+    bits?: string;
+    icon?: string;
+    label?: string;
+    disabled?: boolean;
+    external?: boolean;
+    order?: number;
+    lastModified?: string;
+    tags?: string[];
+};
+export type DocFile = {
+    default: Component;
+    metadata: DocMeta;
+};
+export type DocResolver = () => Promise<DocFile>;
+export type TableOfContentsItem = {
+    title: string;
+    url: string;
+    items?: TableOfContentsItem[];
+    level?: number;
+};
+export type TableOfContents = {
+    items: TableOfContentsItem[];
+};
+export type DocsApiResponse = {
+    success: boolean;
+    data?: DocMeta[];
+    error?: string;
+    meta?: {
+        total: number;
+        lastModified: string;
+    };
+};
+export type DocMetaValidation = {
+    isValid: boolean;
+    errors: string[];
+    warnings: string[];
+};

package/dist/types/docs.js

@@ -0,0 +1 @@
+export {};

package/dist/utils.d.ts

@@ -0,0 +1,15 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;
+export type WithoutChild<T> = T extends {
+    child?: any;
+} ? Omit<T, 'child'> : T;
+export type WithoutChildren<T> = T extends {
+    children?: any;
+} ? Omit<T, 'children'> : T;
+export type WithoutChildrenOrChild<T> = WithoutChildren<WithoutChild<T>>;
+export type WithElementRef<T, U extends HTMLElement = HTMLElement> = T & {
+    ref?: U | null;
+};
+export declare function slugFromPath(path: string): string;
+export declare function getDoc(slug: string): Promise<import("./types/docs.js").DocFile>;
+export declare function slugFromPathname(pathname: string): string;

package/dist/utils.js

@@ -0,0 +1,44 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { error } from '@sveltejs/kit';
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+export function slugFromPath(path) {
+    return path.replace('/src/content/', '').replace('.md', '');
+}
+export async function getDoc(slug) {
+    const modules = import.meta.glob(`/src/content/**/*.md`);
+    const match = findMatch(slug, modules);
+    const doc = await match?.resolver?.();
+    if (!doc || !doc.metadata) {
+        error(404);
+    }
+    return doc;
+}
+function findMatch(slug, modules) {
+    let match = {};
+    for (const [path, resolver] of Object.entries(modules)) {
+        if (slugFromPath(path) === slug) {
+            match = { path, resolver: resolver };
+            break;
+        }
+    }
+    if (!match.path) {
+        match = getIndexDocIfExists(slug, modules);
+    }
+    return match;
+}
+export function slugFromPathname(pathname) {
+    return pathname.split('/').pop() ?? '';
+}
+function getIndexDocIfExists(slug, modules) {
+    let match = {};
+    for (const [path, resolver] of Object.entries(modules)) {
+        if (path.includes(`/${slug}/index.md`)) {
+            match = { path, resolver: resolver };
+            break;
+        }
+    }
+    return match;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "svelte-firekit",
-	"version": "0.1.7",
+	"version": "0.1.9",
 	"license": "MIT",
 	"scripts": {
 		"dev": "vite dev",
@@ -15,7 +15,7 @@
 	},
 	"repository": {
 		"type": "git",
-		"url": "https://github.com/code-gio/svelte-firekit.git"
+		"url": "git+https://github.com/code-gio/svelte-firekit.git"
 	},
 	"description": "A Svelte library for Firebase integration",
 	"keywords": [
@@ -44,22 +44,50 @@
 	},
 	"peerDependencies": {
 		"firebase": "^11.9.1",
-		"svelte": "^5.0.0"
+		"svelte": "^5.0.0",
+		"@sveltejs/kit": "^2.16.0"
 	},
 	"devDependencies": {
+		"@dnd-kit-svelte/core": "^0.0.8",
+		"@dnd-kit-svelte/modifiers": "^0.0.8",
+		"@dnd-kit-svelte/sortable": "^0.0.8",
+		"@dnd-kit-svelte/utilities": "^0.0.8",
+		"@internationalized/date": "^3.8.2",
+		"@lucide/svelte": "^0.515.0",
 		"@sveltejs/adapter-auto": "^6.0.0",
-		"@sveltejs/kit": "^2.16.0",
 		"@sveltejs/package": "^2.0.0",
 		"@sveltejs/vite-plugin-svelte": "^5.0.0",
+		"@tabler/icons-svelte": "^3.34.0",
+		"@tailwindcss/typography": "^0.5.15",
+		"@tailwindcss/vite": "^4.0.0",
+		"@tanstack/table-core": "^8.21.3",
+		"@types/d3-scale": "^4.0.9",
+		"@types/d3-shape": "^3.1.7",
+		"bits-ui": "^2.8.10",
+		"clsx": "^2.1.1",
+		"d3-scale": "^4.0.2",
+		"d3-shape": "^3.2.0",
+		"layerchart": "^2.0.0-next.27",
+		"mdsvex": "^0.12.6",
 		"prettier": "^3.4.2",
 		"prettier-plugin-svelte": "^3.3.3",
+		"prettier-plugin-tailwindcss": "^0.6.11",
 		"publint": "^0.3.2",
+		"shiki": "^3.7.0",
 		"svelte": "^5.0.0",
 		"svelte-check": "^4.0.0",
+		"svelte-sonner": "^1.0.5",
+		"tailwind-merge": "^3.3.1",
+		"tailwind-variants": "^1.0.0",
+		"tailwindcss": "^4.0.0",
+		"tw-animate-css": "^1.3.4",
 		"typescript": "^5.0.0",
-		"vite": "^6.2.6"
+		"vaul-svelte": "^1.0.0-next.7",
+		"vite": "^6.2.6",
+		"zod": "^3.25.67"
 	},
 	"dependencies": {
-		"firebase": "^11.9.1"
+		"firebase": "^11.9.1",
+		"mode-watcher": "^1.1.0"
 	}
 }