better-auth-ui-svelte 0.3.3 → 0.3.7

package/README.md

@@ -355,14 +355,18 @@ interface AuthUIProviderProps {
 	};
 
 	// Additional auth methods
-	magicLink?: boolean | {
-		resendCooldown?: number;
-		redirectToSentPage?: boolean;
-	};
-	emailVerification?: boolean | {
-		resendCooldown?: number;
-		redirectToVerifyPage?: boolean;
-	};
+	magicLink?:
+		| boolean
+		| {
+				resendCooldown?: number;
+				redirectToSentPage?: boolean;
+		  };
+	emailVerification?:
+		| boolean
+		| {
+				resendCooldown?: number;
+				redirectToVerifyPage?: boolean;
+		  };
 	passkey?: boolean;
 
 	// Two-factor authentication
@@ -476,16 +480,19 @@ Then use it everywhere:
 ```svelte
 <!-- src/routes/+layout.svelte -->
 <script lang="ts">
-  import { AuthUIProvider } from 'better-auth-ui-svelte';
-  import { authPathConfig } from '$lib/config/auth-config';
-
-  // Provider will use your custom paths
-  <AuthUIProvider
-    {authClient}
-    basePath={authPathConfig.basePath}
-    viewPaths={authPathConfig.viewPaths}
-  />
+	import { AuthUIProvider } from 'better-auth-ui-svelte';
+	import { authClient } from '$lib/auth-client';
+	import { authPathConfig } from '$lib/config/auth-config';
 </script>
+
+<!-- Provider will use your custom paths -->
+<AuthUIProvider
+	{authClient}
+	basePath={authPathConfig.basePath}
+	viewPaths={authPathConfig.viewPaths}
+>
+	<slot />
+</AuthUIProvider>
 ```
 
 ```typescript

package/dist/auth-client.d.ts

@@ -0,0 +1,32 @@
+import { createAuthClient } from 'better-auth/svelte';
+/**
+ * Better Auth Svelte client
+ * This provides reactive stores for authentication state
+ */
+export declare const authClient: ReturnType<typeof createAuthClient>;
+export declare const useSession: () => import("nanostores").Atom<{
+    data: {
+        user: {
+            id: string;
+            createdAt: Date;
+            updatedAt: Date;
+            email: string;
+            emailVerified: boolean;
+            name: string;
+            image?: string | null | undefined;
+        };
+        session: {
+            id: string;
+            createdAt: Date;
+            updatedAt: Date;
+            userId: string;
+            expiresAt: Date;
+            token: string;
+            ipAddress?: string | null | undefined;
+            userAgent?: string | null | undefined;
+        };
+    } | null;
+    error: import("better-auth/svelte").BetterFetchError | null;
+    isPending: boolean;
+    isRefetching: boolean;
+}>;

package/dist/auth-client.js

@@ -1,5 +1,6 @@
 import { createAuthClient } from 'better-auth/svelte';
-import { organizationClient, apiKeyClient, twoFactorClient, usernameClient, magicLinkClient, emailOTPClient, lastLoginMethodClient, oneTapClient, genericOAuthClient, anonymousClient, multiSessionClient, passkeyClient } from 'better-auth/client/plugins';
+import { organizationClient, apiKeyClient, twoFactorClient, usernameClient, magicLinkClient, emailOTPClient, lastLoginMethodClient, oneTapClient, genericOAuthClient, anonymousClient, multiSessionClient } from 'better-auth/client/plugins';
+import { passkeyClient } from '@better-auth/passkey/client';
 /**
  * Better Auth Svelte client
  * This provides reactive stores for authentication state
@@ -9,6 +10,9 @@ export const authClient = createAuthClient({
         apiKeyClient(),
         multiSessionClient(),
         passkeyClient(),
+        // @ts-expect-error - BetterAuthClientPlugin type incompatibility between better-auth versions.
+        // The oneTapClient plugin has a slightly different type signature that doesn't match the expected
+        // BetterAuthClientPlugin interface, but it works correctly at runtime.
         oneTapClient({
             clientId: ''
         }),
@@ -18,9 +22,12 @@ export const authClient = createAuthClient({
         magicLinkClient(),
         emailOTPClient(),
         twoFactorClient(),
+        // @ts-expect-error - BetterAuthClientPlugin type incompatibility between better-auth versions.
+        // The organizationClient plugin has a slightly different type signature that doesn't match the expected
+        // BetterAuthClientPlugin interface, but it works correctly at runtime.
         organizationClient(),
         lastLoginMethodClient()
     ]
 });
 // Export convenience methods
-export const { useSession } = authClient;
+export const useSession = authClient.useSession;

package/dist/components/account/account-view.svelte

@@ -34,7 +34,7 @@
 	import { Label } from '../ui/label/index.js';
 	import { Menu } from '@lucide/svelte';
 
-	interface Props extends AccountViewProps {}
+	type Props = AccountViewProps;
 
 	let {
 		className,
@@ -101,9 +101,7 @@
 {#if !accountOptions}
 	<!-- Return nothing if account options not configured -->
 {:else}
-	<div
-		class={cn('flex w-full grow flex-col gap-4 md:flex-row md:gap-12', className, classNames?.base)}
-	>
+	<div class={cn('flex w-full flex-col gap-4 md:flex-row md:gap-12', className, classNames?.base)}>
 		{#if !hideNav}
 			<!-- Mobile Navigation (Drawer) -->
 			<div class="flex justify-between gap-2 md:hidden">
@@ -113,9 +111,11 @@
 
 				<Drawer.Root bind:open={drawerOpen}>
 					<Drawer.Trigger>
-						<Button variant="outline">
-							<Menu />
-						</Button>
+						{#snippet child({ props })}
+							<Button {...props} variant="outline">
+								<Menu />
+							</Button>
+						{/snippet}
 					</Drawer.Trigger>
 					<Drawer.Content>
 						<Drawer.Header>
@@ -180,7 +180,7 @@
 		{:else if view === 'SECURITY'}
 			<SecuritySettingsCards {classNames} {localization} />
 		{:else if view === 'API_KEYS'}
-			<ApiKeysCard classNames={classNames?.card} {localization} /> -->
+			<ApiKeysCard classNames={classNames?.card} {localization} />
 		{:else if view === 'ORGANIZATIONS' && organization}
 			<div class="grid w-full gap-4 md:gap-6">
 				<OrganizationsCard classNames={classNames?.card} {localization} />

package/dist/components/account/account-view.svelte.d.ts

@@ -22,8 +22,6 @@ export interface AccountViewProps {
     view?: AccountViewPath;
     hideNav?: boolean;
 }
-interface Props extends AccountViewProps {
-}
-declare const AccountView: import("svelte").Component<Props, {}, "">;
+declare const AccountView: import("svelte").Component<AccountViewProps, {}, "">;
 type AccountView = ReturnType<typeof AccountView>;
 export default AccountView;

package/dist/components/account/index.d.ts

@@ -1,2 +1,4 @@
+import type { ComponentProps } from 'svelte';
+import AccountViewComponent from './account-view.svelte';
 export { default as AccountView } from './account-view.svelte';
-export type { AccountViewProps } from './account-view.svelte';
+export type AccountViewProps = ComponentProps<typeof AccountViewComponent>;

package/dist/components/account/index.js

@@ -1 +1,2 @@
+import AccountViewComponent from './account-view.svelte';
 export { default as AccountView } from './account-view.svelte';

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

@@ -64,15 +64,12 @@
 	const config = getAuthUIConfig();
 
 	const {
-		basePath,
 		credentials,
 		localization: contextLocalization,
 		magicLink,
 		emailOTP,
 		signUp,
-		twoFactor: twoFactorEnabled,
-		viewPaths,
-		replace
+		viewPaths
 	} = config;
 
 	const signUpEnabled = !!signUp;

package/dist/components/auth/auth-view.svelte

@@ -207,7 +207,7 @@
 								socialLayout === 'grid' && 'grid grid-cols-2'
 							)}
 						>
-							{#each social?.providers || [] as providerName}
+							{#each social?.providers || [] as providerName (providerName)}
 								{@const provider = socialProviders.find((p) => p.provider === providerName)}
 								{#if provider}
 									<ProviderButton
@@ -223,7 +223,7 @@
 								{/if}
 							{/each}
 
-							{#each genericOAuth?.providers || [] as provider}
+							{#each genericOAuth?.providers || [] as provider (provider.providerId)}
 								<ProviderButton
 									{classNames}
 									{callbackURL}

package/dist/components/auth/forms/email-otp-form.svelte

@@ -17,7 +17,6 @@
 	interface Props {
 		className?: string;
 		classNames?: AuthFormClassNames;
-		callbackURL?: string;
 		isSubmitting?: boolean;
 		localization?: Partial<AuthLocalization>;
 		otpSeparators?: 0 | 1 | 2;
@@ -28,7 +27,6 @@
 	let {
 		className,
 		classNames,
-		callbackURL,
 		isSubmitting: isSubmittingProp,
 		localization: localizationProp,
 		otpSeparators = 0,

package/dist/components/auth/forms/email-otp-form.svelte.d.ts

@@ -3,7 +3,6 @@ import type { AuthFormClassNames } from '../auth-form.svelte';
 interface Props {
     className?: string;
     classNames?: AuthFormClassNames;
-    callbackURL?: string;
     isSubmitting?: boolean;
     localization?: Partial<AuthLocalization>;
     otpSeparators?: 0 | 1 | 2;

package/dist/components/auth/forms/forgot-password-form.svelte

@@ -45,7 +45,7 @@
 	const captchaHook = $derived(useCaptcha({ localization }));
 
 	// Local state for captcha binding
-	let captchaRef = $state<any>(null);
+	let captchaRef = $state<unknown>(null);
 
 	// Sync captchaRef with the hook
 	$effect(() => {
@@ -75,7 +75,7 @@
 			const basePath = config.basePath || '/auth';
 			const resetPasswordPath = config.viewPaths.RESET_PASSWORD || 'reset-password';
 
-			const fetchOptions: any = {
+			const fetchOptions: Record<string, unknown> = {
 				throw: true,
 				headers: await captchaHook.getCaptchaHeaders('/forget-password')
 			};

package/dist/components/auth/forms/magic-link-form.svelte

@@ -5,7 +5,7 @@
 	import { createForm } from '@tanstack/svelte-form';
 	import { useCaptcha } from '../../../hooks/use-captcha.svelte';
 	import { useIsHydrated } from '../../../hooks/use-hydrated.svelte';
-	import { getAuthUIConfig, getLocalization } from '../../../context/auth-ui-config.svelte';
+	import { getAuthUIConfig } from '../../../context/auth-ui-config.svelte';
 	import { cn, getLocalizedError, getSearchParam, getFieldError } from '../../../utils/utils.js';
 	import type { AuthLocalization } from '../../../localization/auth-localization.js';
 	import Captcha from '../../captcha/captcha.svelte';
@@ -41,7 +41,7 @@
 	const { getCaptchaHeaders, resetCaptcha } = captchaHook;
 
 	// Local state for captcha binding
-	let captchaRef = $state<any>(null);
+	let captchaRef = $state<unknown>(null);
 
 	// Sync captchaRef with the hook
 	$effect(() => {

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

@@ -6,7 +6,7 @@
 	import { useCaptcha } from '../../../hooks/use-captcha.svelte';
 	import { useIsHydrated } from '../../../hooks/use-hydrated.svelte';
 	import { useOnSuccessTransition } from '../../../hooks/use-success-transition.svelte';
-	import { getAuthUIConfig, getLocalization } from '../../../context/auth-ui-config.svelte';
+	import { getAuthUIConfig } from '../../../context/auth-ui-config.svelte';
 	import {
 		cn,
 		getLocalizedError,
@@ -51,7 +51,7 @@
 	const { getCaptchaHeaders, resetCaptcha } = captchaHook;
 
 	// Local state for captcha binding
-	let captchaRef = $state<any>(null);
+	let captchaRef = $state<unknown>(null);
 
 	// Sync captchaRef with the hook
 	$effect(() => {

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

@@ -90,7 +90,7 @@
 	const { getCaptchaHeaders, resetCaptcha } = captchaHook;
 
 	// Local state for captcha binding
-	let captchaRef = $state<any>(null);
+	let captchaRef = $state<unknown>(null);
 
 	// Sync captchaRef with the hook
 	$effect(() => {
@@ -278,8 +278,7 @@
 
 	// Sign up function
 	async function signUp(values: z.infer<typeof formSchema>) {
-		const { email, password, name, username, confirmPassword, image, ...additionalFieldValues } =
-			values;
+		const { email, password, name, username, image, ...additionalFieldValues } = values;
 
 		try {
 			// Validate additional fields with custom validators if provided
@@ -288,7 +287,7 @@
 				if (!additionalField?.validate) continue;
 
 				if (typeof value === 'string' && !(await additionalField.validate(value))) {
-					form.setFieldMeta(field as any, (prev) => ({
+					form.setFieldMeta(field as never, (prev) => ({
 						...prev,
 						errorMap: {
 							...prev.errorMap,
@@ -300,7 +299,7 @@
 			}
 
 			// Prepare fetch options with captcha headers
-			const fetchOptions: any = {
+			const fetchOptions: Record<string, unknown> = {
 				throw: true,
 				headers: await getCaptchaHeaders('/sign-up/email')
 			};
@@ -343,9 +342,9 @@
 				// Note: This handles token-based email verification (default).
 				// If the server uses emailOTP with overrideDefaultEmailVerification,
 				// users receive OTP codes via email instead of verification links.
-				const searchParams = new URLSearchParams(window.location.search);
-				searchParams.set('email', email); // URLSearchParams handles encoding automatically
-				navigate(`${basePath}/${viewPaths.VERIFY_EMAIL}?${searchParams.toString()}`);
+				const url = new URL(window.location.href);
+				url.searchParams.set('email', email as string); // URLSearchParams handles encoding automatically
+				navigate(`${basePath}/${viewPaths.VERIFY_EMAIL}?${url.searchParams.toString()}`);
 				// Don't show a toast here since the verify-email view will show all needed info
 			}
 		} catch (error) {
@@ -383,7 +382,7 @@
 
 	// Create validators for additional fields dynamically
 	function getAdditionalFieldValidator(field: string) {
-		return (formSchema.shape as any)[field];
+		return (formSchema.shape as Record<string, z.ZodTypeAny>)[field];
 	}
 
 	// Combine isSubmitting states
@@ -431,18 +430,29 @@
 					<div class="flex items-center gap-4">
 						<DropdownMenu.Root>
 							<DropdownMenu.Trigger class="size-fit rounded-full">
-								<UserAvatar
-									isPending={uploadingAvatar}
-									className="size-16"
-									user={avatarImage
-										? {
-												name: form.getFieldValue('name') as string,
-												email: form.getFieldValue('email') as string,
-												image: avatarImage
-											}
-										: null}
-									{localization}
-								/>
+								{#snippet child({ props })}
+									<Button
+										{...props}
+										class="size-fit rounded-full"
+										size="icon"
+										type="button"
+										variant="ghost"
+										disabled={uploadingAvatar}
+									>
+										<UserAvatar
+											isPending={uploadingAvatar}
+											className="size-16"
+											user={avatarImage
+												? {
+														name: form.getFieldValue('name') as string,
+														email: form.getFieldValue('email') as string,
+														image: avatarImage
+													}
+												: null}
+											{localization}
+										/>
+									</Button>
+								{/snippet}
 							</DropdownMenu.Trigger>
 
 							<DropdownMenu.Content align="start">
@@ -622,11 +632,11 @@
 
 	<!-- Additional Fields -->
 	{#if signUpFields}
-		{#each signUpFields.filter((field) => field !== 'name' && field !== 'image') as field}
+		{#each signUpFields.filter((field) => field !== 'name' && field !== 'image') as field (field)}
 			{@const additionalField = additionalFields?.[field]}
 			{#if additionalField}
 				<form.Field
-					name={field as any}
+					name={field as never}
 					validators={{ onChange: getAdditionalFieldValidator(field) }}
 				>
 					{#snippet children(fieldState)}
@@ -638,7 +648,7 @@
 										id={field}
 										checked={fieldState.state.value as boolean}
 										onCheckedChange={(checked) => {
-											fieldState.handleChange(checked as any);
+											fieldState.handleChange(checked as never);
 										}}
 										disabled={isSubmitting}
 									/>

package/dist/components/auth/forms/two-factor-form.svelte

@@ -6,11 +6,7 @@
 	import SendIcon from '@lucide/svelte/icons/send';
 	import { useIsHydrated } from '../../../hooks/use-hydrated.svelte';
 	import { useOnSuccessTransition } from '../../../hooks/use-success-transition.svelte';
-	import {
-		getAuthUIConfig,
-		getAuthClient,
-		getLocalization
-	} from '../../../context/auth-ui-config.svelte';
+	import { getAuthUIConfig, getAuthClient } from '../../../context/auth-ui-config.svelte';
 	import { cn, getLocalizedError, getSearchParam, getFieldError } from '../../../utils/utils.js';
 	import type { AuthLocalization } from '../../../localization/auth-localization.js';
 	import type { User } from '../../../types/index.js';

package/dist/components/auth/magic-link-button.svelte

@@ -45,6 +45,6 @@
 	{:else}
 		<Mail class={classNames?.form?.icon} />
 	{/if}
-	{localization.SIGN_IN_WITH}{' '}
+	{localization.SIGN_IN_WITH}
 	{view === 'MAGIC_LINK' ? localization.PASSWORD : localization.MAGIC_LINK}
 </Button>

package/dist/components/auth/magic-link-sent.svelte

@@ -102,9 +102,6 @@
 
 		try {
 			// Build the callback URL - this should go to wherever the magic link takes users
-			const magicLinkSentPath = `${config.basePath}/${config.viewPaths.MAGIC_LINK_SENT}`;
-			const magicLinkConfig = typeof config.magicLink === 'object' ? config.magicLink : {};
-
 			await config.authClient.signIn.magicLink(
 				{
 					email,

package/dist/components/auth-ui-provider.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { Snippet, Component } from 'svelte';
+	import type { Snippet } from 'svelte';
 	import { setAuthUIConfig } from '../context/auth-ui-config.svelte.js';
 	import { authLocalization } from '../localization/auth-localization.js';
 	import { BASE_ERROR_CODES } from '../localization/base-error-codes.js';
@@ -241,7 +241,7 @@
 		/**
 		 * All other props
 		 */
-		[key: string]: any;
+		[key: string]: unknown;
 	}
 
 	let {
@@ -512,7 +512,7 @@
 				useAuthData({
 					queryFn: authClient.listAccounts,
 					cacheKey: 'listAccounts'
-				}) as any,
+				}) as unknown,
 			useAccountInfo: (params) =>
 				useAuthData({
 					queryFn: () => authClient.accountInfo({ accountId: params.providerId }),
@@ -746,8 +746,8 @@
 	$effect(() => {
 		if (typeof window === 'undefined') return;
 
-		const searchParams = new URLSearchParams(window.location.search);
-		const errorCode = searchParams.get('error');
+		const searchParams = window.location.search ? new URL(window.location.href).searchParams : null;
+		const errorCode = searchParams?.get('error');
 
 		if (errorCode) {
 			const errorMessage = BASE_ERROR_CODES[errorCode as keyof typeof BASE_ERROR_CODES];

package/dist/components/auth-ui-provider.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { Snippet, Component } from 'svelte';
+import type { Snippet } from 'svelte';
 import type { AuthClient, AuthHooks, AuthMutators, AccountOptions, OrganizationOptions, AvatarOptions, DeleteUserOptions, SocialOptions, GenericOAuthOptions, CredentialsOptions, SignUpOptions, Link, RenderToast, AuthLocalization, AdditionalFields, GravatarOptions } from '../types/index.js';
 import type { AuthViewPaths } from '../utils/view-paths.js';
 interface Props {
@@ -206,8 +206,8 @@ interface Props {
     /**
      * All other props
      */
-    [key: string]: any;
+    [key: string]: unknown;
 }
-declare const AuthUiProvider: Component<Props, {}, "">;
+declare const AuthUiProvider: import("svelte").Component<Props, {}, "">;
 type AuthUiProvider = ReturnType<typeof AuthUiProvider>;
 export default AuthUiProvider;

package/dist/components/captcha/captcha.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
 	import { getAuthUIConfig } from '../../context/auth-ui-config.svelte';
-	import { useTheme } from '../../hooks/use-theme.svelte';
 	import type { AuthLocalization } from '../../types/index.js';
 	import RecaptchaBadge from './recaptcha-badge.svelte';
 	import RecaptchaV2 from './recaptcha-v2.svelte';
@@ -9,7 +8,7 @@
 	const DEFAULT_CAPTCHA_ENDPOINTS = ['/sign-up/email', '/sign-in/email', '/forget-password'];
 
 	interface Props {
-		ref?: any;
+		ref?: unknown;
 		localization?: Partial<AuthLocalization>;
 		action?: string; // Optional action to check if it's in the endpoints list
 	}
@@ -18,7 +17,6 @@
 
 	const config = getAuthUIConfig();
 	const { captcha } = config;
-	const { theme } = useTheme();
 
 	// If action is provided, check if it's in the list of captcha-enabled endpoints
 	const shouldShowCaptcha = $derived(() => {

package/dist/components/captcha/captcha.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { AuthLocalization } from '../../types/index.js';
 interface Props {
-    ref?: any;
+    ref?: unknown;
     localization?: Partial<AuthLocalization>;
     action?: string;
 }

package/dist/components/captcha/recaptcha-v2.svelte

@@ -1,25 +1,20 @@
 <script lang="ts">
 	import { onMount } from 'svelte';
 	import { getAuthUIConfig } from '../../context/auth-ui-config.svelte';
-	import { useLang } from '../../hooks/use-lang.svelte';
-	import { useTheme } from '../../hooks/use-theme.svelte';
-	import { cn } from '../../utils/utils.js';
 
 	interface Props {
-		captchaRef?: any;
+		captchaRef?: unknown;
 	}
 
 	let { captchaRef = $bindable() }: Props = $props();
 
 	const config = getAuthUIConfig();
 	const { captcha } = config;
-	const { theme } = useTheme();
-	const { lang } = useLang();
 
 	onMount(() => {
 		// Set global recaptcha options
 		if (typeof window !== 'undefined') {
-			(window as any).recaptchaOptions = {
+			(window as unknown as Record<string, unknown>).recaptchaOptions = {
 				useRecaptchaNet: captcha?.recaptchaNet,
 				enterprise: captcha?.enterprise
 			};

package/dist/components/captcha/recaptcha-v2.svelte.d.ts

@@ -1,5 +1,5 @@
 interface Props {
-    captchaRef?: any;
+    captchaRef?: unknown;
 }
 declare const RecaptchaV2: import("svelte").Component<Props, {}, "captchaRef">;
 type RecaptchaV2 = ReturnType<typeof RecaptchaV2>;

package/dist/components/captcha/recaptcha-v3.svelte

@@ -32,14 +32,13 @@
 		const baseUrl = captcha.recaptchaNet
 			? 'https://www.recaptcha.net/recaptcha/api.js'
 			: 'https://www.google.com/recaptcha/api.js';
-		const params = new URLSearchParams({
-			render: captcha.siteKey
-		});
+		const url = new URL(baseUrl);
+		url.searchParams.set('render', captcha.siteKey);
 		if (captcha.enterprise) {
-			params.set('onload', 'onRecaptchaLoadCallback');
-			params.set('render', 'explicit');
+			url.searchParams.set('onload', 'onRecaptchaLoadCallback');
+			url.searchParams.set('render', 'explicit');
 		}
-		script.src = `${baseUrl}?${params.toString()}`;
+		script.src = url.toString();
 		script.async = true;
 		script.defer = true;
 		document.head.appendChild(script);

package/dist/components/default-link.svelte

@@ -10,6 +10,7 @@
 	let { href, class: className, children }: Props = $props();
 </script>
 
-<a {href} class={className}>
+<!-- eslint-disable-next-line svelte/no-navigation-without-resolve -->
+<a {href} data-sveltekit-reload class={className}>
 	{@render children()}
 </a>

package/dist/components/organization/accept-invitation-card.svelte

@@ -17,7 +17,7 @@
 	import OrganizationCellView from './organization-cell-view.svelte';
 	import { browser } from '$app/environment';
 
-	export interface AcceptInvitationCardClassNames extends SettingsCardClassNames {}
+	export type AcceptInvitationCardClassNames = SettingsCardClassNames;
 
 	interface Props {
 		class?: string;

package/dist/components/organization/accept-invitation-card.svelte.d.ts

@@ -1,7 +1,6 @@
 import type { AuthLocalization } from '../../types/index.js';
 import type { SettingsCardClassNames } from '../settings/shared/settings-card.svelte';
-export interface AcceptInvitationCardClassNames extends SettingsCardClassNames {
-}
+export type AcceptInvitationCardClassNames = SettingsCardClassNames;
 interface Props {
     class?: string;
     classNames?: AcceptInvitationCardClassNames;

package/dist/components/organization/create-organization-dialog.svelte

@@ -33,7 +33,6 @@
 	}
 
 	interface Props {
-		class?: string;
 		classNames?: SettingsCardClassNames;
 		open?: boolean;
 		onOpenChange?: (open: boolean) => void;
@@ -41,7 +40,6 @@
 	}
 
 	let {
-		class: className,
 		classNames,
 		open = $bindable(false),
 		onOpenChange,