svelte-firekit 0.0.13 → 0.0.15

package/dist/auth/require-auth.svelte

@@ -0,0 +1,52 @@
+<script lang="ts">
+    import type { DocumentData } from "firebase/firestore";
+    import { firekitAuthManager } from "../firebase/auth/auth-manager.svelte.js";
+
+    interface Props {
+        redirectTo?: string;
+        redirectParams?: Record<string, string>;
+        requiredClaims?: string[];
+        requiredData?: (data: DocumentData | null) => boolean;
+        allowIf?: (manager: typeof firekitAuthManager) => boolean;
+        children: () => any;
+    }
+
+    let {
+        redirectTo = "/login",
+        redirectParams,
+        requiredClaims = [],
+        requiredData,
+        allowIf,
+        children,
+    }: Props = $props();
+
+    let isAuthorized = $state(false);
+    let isValidating = $state(true);
+
+    async function validateAccess() {
+        isValidating = true;
+        isAuthorized = await firekitAuthManager.validateAuth({
+            authRequired: true,
+            redirectTo,
+            redirectParams,
+            requiredClaims,
+            requiredData,
+            allowIf,
+        });
+        isValidating = false;
+    }
+
+    $effect(() => {
+        if (firekitAuthManager.initialized) {
+            validateAccess();
+        }
+    });
+</script>
+
+{#if isValidating || firekitAuthManager.loading}
+    <div class="flex items-center justify-center p-4">
+        <span class="text-gray-500">Loading...</span>
+    </div>
+{:else if isAuthorized}
+    {@render children()}
+{/if}

package/dist/auth/require-auth.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { DocumentData } from "firebase/firestore";
+import { firekitAuthManager } from "../firebase/auth/auth-manager.svelte.js";
+declare const RequireAuth: import("svelte").Component<{
+    redirectTo?: string;
+    redirectParams?: Record<string, string>;
+    requiredClaims?: string[];
+    requiredData?: (data: DocumentData | null) => boolean;
+    allowIf?: (manager: typeof firekitAuthManager) => boolean;
+    children: () => any;
+}, {}, "">;
+export default RequireAuth;

package/dist/auth/require-no-auth.svelte

@@ -0,0 +1,42 @@
+<script lang="ts">
+    import { firekitAuthManager } from "../firebase/auth/auth-manager.svelte.js";
+
+    interface Props {
+        redirectTo?: string;
+        redirectParams?: Record<string, string>;
+        children: () => any;
+    }
+
+    let {
+        redirectTo = "/dashboard",
+        redirectParams,
+        children,
+    }: Props = $props();
+
+    let isAuthorized = $state(false);
+    let isValidating = $state(true);
+
+    async function validateAccess() {
+        isValidating = true;
+        isAuthorized = await firekitAuthManager.validateAuth({
+            authRequired: false,
+            redirectTo,
+            redirectParams,
+        });
+        isValidating = false;
+    }
+
+    $effect(() => {
+        if (firekitAuthManager.initialized) {
+            validateAccess();
+        }
+    });
+</script>
+
+{#if isValidating || firekitAuthManager.loading}
+    <div class="flex items-center justify-center p-4">
+        <span class="text-gray-500">Loading...</span>
+    </div>
+{:else if isAuthorized}
+    {@render children()}
+{/if}

package/dist/auth/require-no-auth.svelte.d.ts

@@ -0,0 +1,6 @@
+declare const RequireNoAuth: import("svelte").Component<{
+    redirectTo?: string;
+    redirectParams?: Record<string, string>;
+    children: () => any;
+}, {}, "">;
+export default RequireNoAuth;

package/dist/auth/reset-password.svelte

@@ -3,18 +3,19 @@
   import Button from "../components/ui/button/button.svelte";
   import * as Card from "../components/ui/card/index.js";
 
+
   let {
-    title,
-    subtitle,
-    labelLink,
-    link,
-    redirect,
+    title="Forgot password?",
+    subtitle="Remember your password?",
+    labelLink="Sign in here",
+    link="/sign-in",
+    redirect="/sign-in"
   }: {
-    title: string;
-    subtitle: string;
-    labelLink: string;
-    link: string;
-    redirect: string;
+    title?: string;
+    subtitle?: string;
+    labelLink?: string;
+    link?: string;
+    redirect?: string;
   } = $props();
 </script>
 

package/dist/auth/reset-password.svelte.d.ts

@@ -1,8 +1,8 @@
 declare const ResetPassword: import("svelte").Component<{
-    title: string;
-    subtitle: string;
-    labelLink: string;
-    link: string;
-    redirect: string;
+    title?: string;
+    subtitle?: string;
+    labelLink?: string;
+    link?: string;
+    redirect?: string;
 }, {}, "">;
 export default ResetPassword;

package/dist/auth/sign-in.svelte

@@ -8,6 +8,7 @@
     subtitle = "Don't have an account yet?",
     textLink = "Sign up here",
     link = "/sign-up",
+    redirectTo = "/dashboard",
     labelBtnGoogle = "Sign in with",
     labelEmail = "Email",
     labelPassword = "Password",
@@ -16,17 +17,18 @@
     labelBtnFormEmail = "Sign",
     labelDivider = "Or",
   }: {
-    title: string;
-    subtitle: string;
-    textLink: string;
-    link: string;
-    labelBtnGoogle: string;
-    labelEmail: string;
-    labelPassword: string;
-    labellLinkEmailForm: string;
-    linkForgetPassword: string;
-    labelBtnFormEmail: string;
-    labelDivider: string;
+    title?: string;
+    subtitle?: string;
+    textLink?: string;
+    link?: string;
+    redirectTo?: string;
+    labelBtnGoogle?: string;
+    labelEmail?: string;
+    labelPassword?: string;
+    labellLinkEmailForm?: string;
+    linkForgetPassword?: string;
+    labelBtnFormEmail?: string;
+    labelDivider?: string;
   } = $props();
 </script>
 
@@ -53,6 +55,7 @@
       {labellLinkEmailForm}
       {linkForgetPassword}
       {labelBtnFormEmail}
+      {redirectTo}
     />
   </Card.Content>
 </Card.Root>

package/dist/auth/sign-in.svelte.d.ts

@@ -1,14 +1,15 @@
 declare const SignIn: import("svelte").Component<{
-    title: string;
-    subtitle: string;
-    textLink: string;
-    link: string;
-    labelBtnGoogle: string;
-    labelEmail: string;
-    labelPassword: string;
-    labellLinkEmailForm: string;
-    linkForgetPassword: string;
-    labelBtnFormEmail: string;
-    labelDivider: string;
+    title?: string;
+    subtitle?: string;
+    textLink?: string;
+    link?: string;
+    redirectTo?: string;
+    labelBtnGoogle?: string;
+    labelEmail?: string;
+    labelPassword?: string;
+    labellLinkEmailForm?: string;
+    linkForgetPassword?: string;
+    labelBtnFormEmail?: string;
+    labelDivider?: string;
 }, {}, "">;
 export default SignIn;

package/dist/auth/sign-up.svelte

@@ -20,21 +20,23 @@
     labelLinkTerms = "Terms and Conditions",
     labelBtnFormEmail = "Sign up",
     labelDivider = "Or",
+    redirectTo = "/dashboard",
   }: {
-    title: string;
-    subtitle: string;
-    labelLink: string;
-    link: string;
-    labelBtnGoogle: string;
-    labelFisrtName: string;
-    labelLastName: string;
-    labelEmail: string;
-    labelPassword: string;
-    linkTerms: string;
-    labelTerms: string;
-    labelLinkTerms: string;
-    labelBtnFormEmail: string;
-    labelDivider: string;
+    title?: string;
+    subtitle?: string;
+    labelLink?: string;
+    link?: string;
+    labelBtnGoogle?: string;
+    labelFisrtName?: string;
+    labelLastName?: string;
+    labelEmail?: string;
+    labelPassword?: string;
+    linkTerms?: string;
+    labelTerms?: string;
+    labelLinkTerms?: string;
+    labelBtnFormEmail?: string;
+    labelDivider?: string;
+    redirectTo?: string;
   } = $props();
 </script>
 
@@ -64,6 +66,7 @@
       {labelTerms}
       {labelLinkTerms}
       {labelBtnFormEmail}
+      {redirectTo}
     />
   </Card.Content>
 </Card.Root>

package/dist/auth/sign-up.svelte.d.ts

@@ -1,17 +1,18 @@
 declare const SignUp: import("svelte").Component<{
-    title: string;
-    subtitle: string;
-    labelLink: string;
-    link: string;
-    labelBtnGoogle: string;
-    labelFisrtName: string;
-    labelLastName: string;
-    labelEmail: string;
-    labelPassword: string;
-    linkTerms: string;
-    labelTerms: string;
-    labelLinkTerms: string;
-    labelBtnFormEmail: string;
-    labelDivider: string;
+    title?: string;
+    subtitle?: string;
+    labelLink?: string;
+    link?: string;
+    labelBtnGoogle?: string;
+    labelFisrtName?: string;
+    labelLastName?: string;
+    labelEmail?: string;
+    labelPassword?: string;
+    linkTerms?: string;
+    labelTerms?: string;
+    labelLinkTerms?: string;
+    labelBtnFormEmail?: string;
+    labelDivider?: string;
+    redirectTo?: string;
 }, {}, "">;
 export default SignUp;

package/dist/components/app/nav/app-sidebar.svelte

@@ -16,7 +16,7 @@
 <Sidebar.Root bind:ref {collapsible} {...restProps}>
   <Sidebar.Header>
 	<section class="flex justify-center items-center gap-2 my-4">
-		<UserButton></UserButton> 
+		<UserButton redirectTo="/sign-in"></UserButton> 
 		<div class="flex flex-col">
 			<small>{firekitAuthManager.data?.displayName}</small>
 			<small>{firekitAuthManager.data?.email}</small>

package/dist/components/auth/sign-in-form.svelte

@@ -1,94 +1,92 @@
 <script lang="ts">
-	import { firekitAuth } from "../../firebase/auth/auth.js";
-	import { signInSchema } from "../../schemas/sign-in.js";
-	import { superForm, defaults } from "sveltekit-superforms";
-	import { Input } from "../ui/input/index.js";
-	import Button from "../ui/button/button.svelte";
-	import { valibot } from "sveltekit-superforms/adapters";
+  import { firekitAuth } from "../../firebase/auth/auth.js";
+  import { signInSchema } from "../../schemas/sign-in.js";
+  import { superForm, defaults } from "sveltekit-superforms";
+  import { Input } from "../ui/input/index.js";
+  import Button from "../ui/button/button.svelte";
+  import { valibot } from "sveltekit-superforms/adapters";
 
-	let {
+  let {
     labelEmail = "Email",
     labelPassword = "Password",
     labellLinkEmailForm = "I forgot my password",
     linkForgetPassword = "/reset-password",
+    redirectTo = "/dashboard",
     labelBtnFormEmail = "Sign",
   }: {
     labelEmail: string;
     labelPassword: string;
     labellLinkEmailForm: string;
     linkForgetPassword: string;
+    redirectTo: string;
     labelBtnFormEmail: string;
   } = $props();
 
-	const data = defaults(valibot(signInSchema));
+  const data = defaults(valibot(signInSchema));
 
-	import * as Form from "../ui/form/index.js";
-	import { toast } from "svelte-sonner";
+  import * as Form from "../ui/form/index.js";
+  import { toast } from "svelte-sonner";
+  import { goto } from "$app/navigation";
 
-	const form = superForm(data, {
-		validators: valibot(signInSchema),
-		dataType: "json",
-		SPA: true,
-		resetForm: false,
-		clearOnSubmit: "errors-and-message",
-		async onUpdate({ form }) {
-			if (!form.valid) return;
-			try {
-				const { data } = form;
-				const { email, password } = data;
-				await firekitAuth.signInWithEmail(email, password);
-				toast.success("Signed in successfully");
-			} catch (error) {
-				if (error instanceof Error) {
-					toast.error(error.message);
-				} else {
-					toast.error("An error occurred");
-				}
-			}
-		},
-	});
+  const form = superForm(data, {
+    validators: valibot(signInSchema),
+    dataType: "json",
+    SPA: true,
+    resetForm: false,
+    clearOnSubmit: "errors-and-message",
+    async onUpdate({ form }) {
+      if (!form.valid) return;
+      try {
+        const { data } = form;
+        const { email, password } = data;
+        await firekitAuth.signInWithEmail(email, password);
+        toast.success("Signed in successfully");
+        goto(redirectTo);
+      } catch (error) {
+        if (error instanceof Error) {
+          toast.error(error.message);
+        } else {
+          toast.error("An error occurred");
+        }
+      }
+    },
+  });
 
-	const { form: formData, enhance } = form;
-
-	
+  const { form: formData, enhance } = form;
 </script>
 
 <form method="POST" use:enhance class="space-y-2">
-	<Form.Field {form} name="email">
-		<Form.Control>
-			{#snippet children({ props })}
-				<Form.Label>{labelEmail}</Form.Label>
-				<Input
-					{...props}
-					bind:value={$formData.email}
-					placeholder="you@email.com"
-				/>
-			{/snippet}
-		</Form.Control>
-		<Form.FieldErrors />
-	</Form.Field>
-	<Form.Field {form} name="password">
-		<Form.Control>
-			{#snippet children({ props })}
-				<div class="flex w-full items-center justify-between">
-					<Form.Label>{labelPassword}</Form.Label>
-					<Button
-						variant="link"
-						class="text-sm"
-						href={linkForgetPassword}
-					>
-						{labellLinkEmailForm}
-					</Button>
-				</div>
-				<Input
-					{...props}
-					bind:value={$formData.password}
-					placeholder="*********"
-					type="password"
-				/>
-			{/snippet}
-		</Form.Control>
-		<Form.FieldErrors />
-	</Form.Field>
-	<Form.Button class="w-full">{labelBtnFormEmail}</Form.Button>
+  <Form.Field {form} name="email">
+    <Form.Control>
+      {#snippet children({ props })}
+        <Form.Label>{labelEmail}</Form.Label>
+        <Input
+          {...props}
+          bind:value={$formData.email}
+          placeholder="you@email.com"
+        />
+      {/snippet}
+    </Form.Control>
+    <Form.FieldErrors />
+  </Form.Field>
+  <Form.Field {form} name="password">
+    <Form.Control>
+      {#snippet children({ props })}
+        <div class="flex w-full items-center justify-between">
+          <Form.Label>{labelPassword}</Form.Label>
+          <Button variant="link" class="text-sm" href={linkForgetPassword}>
+            {labellLinkEmailForm}
+          </Button>
+        </div>
+        <Input
+          {...props}
+          bind:value={$formData.password}
+          placeholder="*********"
+          type="password"
+        />
+      {/snippet}
+    </Form.Control>
+    <Form.FieldErrors />
+  </Form.Field>
+  <Form.Button class="w-full">{labelBtnFormEmail}</Form.Button>
 </form>

package/dist/components/auth/sign-in-form.svelte.d.ts

@@ -3,6 +3,7 @@ declare const SignInForm: import("svelte").Component<{
     labelPassword: string;
     labellLinkEmailForm: string;
     linkForgetPassword: string;
+    redirectTo: string;
     labelBtnFormEmail: string;
 }, {}, "">;
 export default SignInForm;

package/dist/components/auth/sign-up-form.svelte

@@ -9,6 +9,7 @@
   import { valibot } from "sveltekit-superforms/adapters";
   import Button from "../ui/button/button.svelte";
   import Checkbox from "../ui/checkbox/checkbox.svelte";
+  import { goto } from "$app/navigation";
 
   let {
     labelFisrtName,
@@ -16,9 +17,10 @@
     labelEmail,
     labelPassword,
     linkTerms,
-	labelTerms,
-	labelLinkTerms,
+    labelTerms,
+    labelLinkTerms,
     labelBtnFormEmail,
+    redirectTo,
   }: {
     labelFisrtName: string;
     labelLastName: string;
@@ -28,6 +30,7 @@
     labelTerms: string;
     labelLinkTerms: string;
     labelBtnFormEmail: string;
+    redirectTo: string;
   } = $props();
 
   const data = defaults(valibot(signUpSchema));
@@ -46,6 +49,7 @@
         const displayName = `${firstName} ${lastName}`;
         await firekitAuth.registerWithEmail(email, password, displayName);
         toast.success("Account created successfully");
+        goto(redirectTo)
       } catch (error) {
         if (error instanceof Error) {
           toast.error(error.message);
@@ -57,8 +61,6 @@
   });
 
   const { form: formData, enhance } = form;
-
-  
 </script>
 
 <form method="POST" use:enhance class="space-y-2">

package/dist/components/auth/sign-up-form.svelte.d.ts

@@ -7,5 +7,6 @@ declare const SignUpForm: import("svelte").Component<{
     labelTerms: string;
     labelLinkTerms: string;
     labelBtnFormEmail: string;
+    redirectTo: string;
 }, {}, "">;
 export default SignUpForm;

package/dist/components/auth/user-button/profile-section/phone-user.svelte

@@ -80,7 +80,7 @@
       </p>
     </div>
 
-    <div class="sm:col-span-8 xl:col-span-9">
+    <div class="sm:col-span-8 lg:col-span-6">
       <div class="flex flex-wrap j items-center gap-3 sm:gap-5">
         <div class="flex gap-2 items-center w-full">
           <div class="flex flex-col gap-2 text-sm leading-tight">

package/dist/components/auth/user-button/settings-dialog.svelte

@@ -26,7 +26,7 @@
     {/snippet}
   </Dialog.Trigger>
   <Dialog.Content
-    class="overflow-hidden p-0 md:max-h-[500px] md:max-w-[700px] lg:max-w-[800px]"
+    class="overflow-y-auto md:overflow-hidden p-0 max-h-[80dvh] md:max-h-[500px] md:max-w-[700px] lg:max-w-[800px]"
   >
     <Dialog.Title class="sr-only">Settings</Dialog.Title>
     <Dialog.Description class="sr-only"
@@ -58,7 +58,7 @@
           </Sidebar.Group>
         </Sidebar.Content>
       </Sidebar.Root>
-      <main class="flex h-[480px] flex-1 flex-col overflow-hidden">
+      <main class="flex sm:h-auto md:h-[480px]  flex-1 flex-col overflow-hidden">
         <header
           class="flex h-16 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-[[data-collapsible=icon]]/sidebar-wrapper:h-12"
         >
@@ -76,7 +76,7 @@
             </Breadcrumb.Root>
           </div>
         </header>
-        <div class="flex flex-1 flex-col gap-4 overflow-y-auto p-4 pt-0">
+        <div class="flex flex-1 flex-col gap-4 overflow-y-auto  p-4 pt-0 ">
           {#if section === "Profile"}
             <ProfileSection></ProfileSection>
           {/if}

package/dist/components/auth/user-button/user-button.svelte

@@ -13,9 +13,9 @@
 
   let isOpen = $state(false);
 
-  let { nav }: { nav?: NavItem[] } = $props();
+  let { nav, redirectTo="/sign-in" }: { nav?: NavItem[], redirectTo:string } = $props();
   async function handleLogout() {
-    await firekitAuth.logOut();
+    await firekitAuth.logOut(redirectTo);
   }
 </script>
 

package/dist/components/auth/user-button/user-button.svelte.d.ts

@@ -1,5 +1,6 @@
 import type { NavItem } from "../../../types/nav.js";
 declare const UserButton: import("svelte").Component<{
     nav?: NavItem[];
+    redirectTo: string;
 }, {}, "">;
 export default UserButton;

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

@@ -0,0 +1,13 @@
+import { Select as SelectPrimitive } from "bits-ui";
+import GroupHeading from "./select-group-heading.svelte";
+import Item from "./select-item.svelte";
+import Content from "./select-content.svelte";
+import Trigger from "./select-trigger.svelte";
+import Separator from "./select-separator.svelte";
+import ScrollDownButton from "./select-scroll-down-button.svelte";
+import ScrollUpButton from "./select-scroll-up-button.svelte";
+const Root = SelectPrimitive.Root;
+const Group = SelectPrimitive.Group;
+export { Root, Item, Group, GroupHeading, Content, Trigger, Separator, ScrollDownButton, ScrollUpButton, 
+//
+Root as Select, Item as SelectItem, Group as SelectGroup, GroupHeading as SelectGroupHeading, Content as SelectContent, Trigger as SelectTrigger, Separator as SelectSeparator, ScrollDownButton as SelectScrollDownButton, ScrollUpButton as SelectScrollUpButton, };

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

@@ -0,0 +1,38 @@
+<script lang="ts">
+	import { Select as SelectPrimitive, type WithoutChild } from "bits-ui";
+	import * as Select from "./index.js";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		sideOffset = 4,
+		portalProps,
+		children,
+		...restProps
+	}: WithoutChild<SelectPrimitive.ContentProps> & {
+		portalProps?: SelectPrimitive.PortalProps;
+	} = $props();
+</script>
+
+<SelectPrimitive.Portal {...portalProps}>
+	<SelectPrimitive.Content
+		bind:ref
+		{sideOffset}
+		class={cn(
+			"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 bg-popover text-popover-foreground relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border shadow-md data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+			className
+		)}
+		{...restProps}
+	>
+		<Select.ScrollUpButton />
+		<SelectPrimitive.Viewport
+			class={cn(
+				"h-[var(--bits-select-anchor-height)] w-full min-w-[var(--bits-select-anchor-width)] p-1"
+			)}
+		>
+			{@render children?.()}
+		</SelectPrimitive.Viewport>
+		<Select.ScrollDownButton />
+	</SelectPrimitive.Content>
+</SelectPrimitive.Portal>

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

@@ -0,0 +1,5 @@
+import { Select as SelectPrimitive } from "bits-ui";
+declare const SelectContent: import("svelte").Component<Omit<SelectPrimitive.ContentProps, "child"> & {
+    portalProps?: SelectPrimitive.PortalProps;
+}, {}, "ref">;
+export default SelectContent;

package/dist/components/ui/select/select-group-heading.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+	import { Select as SelectPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: SelectPrimitive.GroupHeadingProps = $props();
+</script>
+
+<SelectPrimitive.GroupHeading
+	bind:ref
+	class={cn("px-2 py-1.5 text-sm font-semibold", className)}
+	{...restProps}
+/>

package/dist/components/ui/select/select-group-heading.svelte.d.ts

@@ -0,0 +1,3 @@
+import { Select as SelectPrimitive } from "bits-ui";
+declare const SelectGroupHeading: import("svelte").Component<SelectPrimitive.GroupHeadingProps, {}, "ref">;
+export default SelectGroupHeading;

package/dist/components/ui/select/select-item.svelte

@@ -0,0 +1,37 @@
+<script lang="ts">
+	import { Select as SelectPrimitive, type WithoutChild } from "bits-ui";
+	import Check from "lucide-svelte/icons/check";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		value,
+		label,
+		children: childrenProp,
+		...restProps
+	}: WithoutChild<SelectPrimitive.ItemProps> = $props();
+</script>
+
+<SelectPrimitive.Item
+	bind:ref
+	{value}
+	class={cn(
+		"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+		className
+	)}
+	{...restProps}
+>
+	{#snippet children({ selected, highlighted })}
+		<span class="absolute right-2 flex size-3.5 items-center justify-center">
+			{#if selected}
+				<Check class="size-4" />
+			{/if}
+		</span>
+		{#if childrenProp}
+			{@render childrenProp({ selected, highlighted })}
+		{:else}
+			{label || value}
+		{/if}
+	{/snippet}
+</SelectPrimitive.Item>

package/dist/components/ui/select/select-item.svelte.d.ts

@@ -0,0 +1,3 @@
+import { Select as SelectPrimitive } from "bits-ui";
+declare const SelectItem: import("svelte").Component<Omit<SelectPrimitive.ItemProps, "child">, {}, "ref">;
+export default SelectItem;

package/dist/components/ui/select/select-scroll-down-button.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+	import ChevronDown from "lucide-svelte/icons/chevron-down";
+	import { Select as SelectPrimitive, type WithoutChildrenOrChild } from "bits-ui";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: WithoutChildrenOrChild<SelectPrimitive.ScrollDownButtonProps> = $props();
+</script>
+
+<SelectPrimitive.ScrollDownButton
+	bind:ref
+	class={cn("flex cursor-default items-center justify-center py-1", className)}
+	{...restProps}
+>
+	<ChevronDown class="size-4" />
+</SelectPrimitive.ScrollDownButton>

package/dist/components/ui/select/select-scroll-down-button.svelte.d.ts

@@ -0,0 +1,3 @@
+import { Select as SelectPrimitive } from "bits-ui";
+declare const SelectScrollDownButton: import("svelte").Component<Omit<Omit<SelectPrimitive.ScrollDownButtonProps, "child">, "children">, {}, "ref">;
+export default SelectScrollDownButton;

package/dist/components/ui/select/select-scroll-up-button.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+	import ChevronUp from "lucide-svelte/icons/chevron-up";
+	import { Select as SelectPrimitive, type WithoutChildrenOrChild } from "bits-ui";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: WithoutChildrenOrChild<SelectPrimitive.ScrollDownButtonProps> = $props();
+</script>
+
+<SelectPrimitive.ScrollUpButton
+	bind:ref
+	class={cn("flex cursor-default items-center justify-center py-1", className)}
+	{...restProps}
+>
+	<ChevronUp class="size-4" />
+</SelectPrimitive.ScrollUpButton>

package/dist/components/ui/select/select-scroll-up-button.svelte.d.ts

@@ -0,0 +1,3 @@
+import { Select as SelectPrimitive } from "bits-ui";
+declare const SelectScrollUpButton: import("svelte").Component<Omit<Omit<SelectPrimitive.ScrollDownButtonProps, "child">, "children">, {}, "ref">;
+export default SelectScrollUpButton;

package/dist/components/ui/select/select-separator.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">
+	import type { Separator as SeparatorPrimitive } from "bits-ui";
+	import { Separator } from "../separator/index.js";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: SeparatorPrimitive.RootProps = $props();
+</script>
+
+<Separator bind:ref class={cn("bg-muted -mx-1 my-1 h-px", className)} {...restProps} />

package/dist/components/ui/select/select-separator.svelte.d.ts

@@ -0,0 +1,3 @@
+import type { Separator as SeparatorPrimitive } from "bits-ui";
+declare const SelectSeparator: import("svelte").Component<SeparatorPrimitive.RootProps, {}, "ref">;
+export default SelectSeparator;

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

@@ -0,0 +1,24 @@
+<script lang="ts">
+	import { Select as SelectPrimitive, type WithoutChild } from "bits-ui";
+	import ChevronDown from "lucide-svelte/icons/chevron-down";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		...restProps
+	}: WithoutChild<SelectPrimitive.TriggerProps> = $props();
+</script>
+
+<SelectPrimitive.Trigger
+	bind:ref
+	class={cn(
+		"border-input ring-offset-background data-[placeholder]:text-muted-foreground focus:ring-ring flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm focus:outline-none focus:ring-1 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+	<ChevronDown class="size-4 opacity-50" />
+</SelectPrimitive.Trigger>

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

@@ -0,0 +1,3 @@
+import { Select as SelectPrimitive } from "bits-ui";
+declare const SelectTrigger: import("svelte").Component<Omit<SelectPrimitive.TriggerProps, "child">, {}, "ref">;
+export default SelectTrigger;

package/dist/firebase/auth/auth-manager.svelte.d.ts

@@ -61,7 +61,7 @@ export declare class FirekitAuthManager {
     private generateDeviceId;
     private getPlatformInfo;
     private validateClaims;
-    private handleRedirect;
+    handleRedirect(redirectTo: string, params?: Record<string, string>): Promise<void>;
     validateAuth({ authRequired, redirectTo, requiredClaims, requiredData, allowIf, redirectParams, }?: GuardConfig): Promise<boolean>;
     updateEmailUser(email: string): Promise<void>;
     updatePassword(password: string): Promise<void>;
@@ -76,8 +76,6 @@ export declare class FirekitAuthManager {
     hasRequiredClaims(requiredClaims: string[]): boolean;
     isAdmin(): boolean;
     isPremium(): boolean;
-    requireAuth(redirectTo?: string, redirectParams?: Record<string, string>): Promise<boolean>;
-    requireNoAuth(redirectTo?: string, redirectParams?: Record<string, string>): Promise<boolean>;
     requireClaims(claims: string[], redirectTo?: string, redirectParams?: Record<string, string>): Promise<boolean>;
     requireData(validator: (data: DocumentData | null) => boolean, redirectTo?: string, redirectParams?: Record<string, string>): Promise<boolean>;
     logOut(): Promise<void>;

package/dist/firebase/auth/auth-manager.svelte.js

@@ -353,21 +353,6 @@ export class FirekitAuthManager {
     isPremium() {
         return Boolean(this._claims.premium);
     }
-    // Convenience methods for route guards
-    async requireAuth(redirectTo = "/login", redirectParams) {
-        return this.validateAuth({
-            authRequired: true,
-            redirectTo,
-            redirectParams,
-        });
-    }
-    async requireNoAuth(redirectTo = "/dashboard", redirectParams) {
-        return this.validateAuth({
-            authRequired: false,
-            redirectTo,
-            redirectParams,
-        });
-    }
     async requireClaims(claims, redirectTo = "/login", redirectParams) {
         return this.validateAuth({
             requiredClaims: claims,

package/dist/index.d.ts

@@ -12,6 +12,8 @@ export { default as SignInPage } from './auth/sign-in.svelte';
 export { default as SignUpPage } from './auth/sign-up.svelte';
 export { default as ResetPassWordPage } from './auth/reset-password.svelte';
 export { default as AuthPage } from './auth/auth.svelte';
+export { default as RequireAuth } from './auth/require-auth.svelte';
+export { default as RequireNoAuth } from './auth/require-no-auth.svelte';
 export { default as ResetPassWordForm } from './components/auth/reset-password-form.svelte';
 export { default as SignInForm } from './components/auth/sign-in-form.svelte';
 export { default as SignUpForm } from './components/auth/sign-up-form.svelte';

package/dist/index.js

@@ -19,6 +19,8 @@ export { default as SignInPage } from './auth/sign-in.svelte';
 export { default as SignUpPage } from './auth/sign-up.svelte';
 export { default as ResetPassWordPage } from './auth/reset-password.svelte';
 export { default as AuthPage } from './auth/auth.svelte';
+export { default as RequireAuth } from './auth/require-auth.svelte';
+export { default as RequireNoAuth } from './auth/require-no-auth.svelte';
 export { default as ResetPassWordForm } from './components/auth/reset-password-form.svelte';
 export { default as SignInForm } from './components/auth/sign-in-form.svelte';
 export { default as SignUpForm } from './components/auth/sign-up-form.svelte';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "svelte-firekit",
-	"version": "0.0.13",
+	"version": "0.0.15",
 	"license": "MIT",
 	"scripts": {
 		"dev": "vite dev",