better-auth-ui-svelte 0.3.6 → 0.3.7

package/README.md

@@ -480,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

@@ -1,8 +1,32 @@
-import { createAuthClient, type InferSessionFromClient } from 'better-auth/svelte';
-import type { Atom } from 'nanostores';
+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: () => Atom<InferSessionFromClient<typeof authClient>>;
+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

@@ -10,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: ''
         }),
@@ -19,6 +22,9 @@ 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()
     ]

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/settings/account/index.d.ts

@@ -1,3 +1,9 @@
+import type { ComponentProps } from 'svelte';
+import AccountSettingsCardsComponent from './account-settings-cards.svelte';
+import AccountsCardComponent from './accounts-card.svelte';
+import DeleteAccountCardComponent from './delete-account-card.svelte';
+import UpdateAvatarCardComponent from './update-avatar-card.svelte';
+import UpdateFieldCardComponent from './update-field-card.svelte';
 export { default as AccountSettingsCards } from './account-settings-cards.svelte';
 export { default as AccountsCard } from './accounts-card.svelte';
 export { default as AccountCell } from './account-cell.svelte';
@@ -7,8 +13,8 @@ export { default as UpdateAvatarCard } from './update-avatar-card.svelte';
 export { default as UpdateFieldCard } from './update-field-card.svelte';
 export { default as UpdateNameCard } from './update-name-card.svelte';
 export { default as UpdateUsernameCard } from './update-username-card.svelte';
-export type { AccountSettingsCardsProps } from './account-settings-cards.svelte';
-export type { AccountsCardProps } from './accounts-card.svelte';
-export type { DeleteAccountCardProps } from './delete-account-card.svelte';
-export type { UpdateAvatarCardProps } from './update-avatar-card.svelte';
-export type { UpdateFieldCardProps } from './update-field-card.svelte';
+export type AccountSettingsCardsProps = ComponentProps<typeof AccountSettingsCardsComponent>;
+export type AccountsCardProps = ComponentProps<typeof AccountsCardComponent>;
+export type DeleteAccountCardProps = ComponentProps<typeof DeleteAccountCardComponent>;
+export type UpdateAvatarCardProps = ComponentProps<typeof UpdateAvatarCardComponent>;
+export type UpdateFieldCardProps = ComponentProps<typeof UpdateFieldCardComponent>;

package/dist/components/settings/account/index.js

@@ -1,3 +1,8 @@
+import AccountSettingsCardsComponent from './account-settings-cards.svelte';
+import AccountsCardComponent from './accounts-card.svelte';
+import DeleteAccountCardComponent from './delete-account-card.svelte';
+import UpdateAvatarCardComponent from './update-avatar-card.svelte';
+import UpdateFieldCardComponent from './update-field-card.svelte';
 export { default as AccountSettingsCards } from './account-settings-cards.svelte';
 export { default as AccountsCard } from './accounts-card.svelte';
 export { default as AccountCell } from './account-cell.svelte';

package/dist/components/settings/account/update-field-card.svelte

@@ -52,7 +52,6 @@
 		hooks: { useSession },
 		mutators: { updateUser },
 		localization: contextLocalization,
-		optimistic,
 		toast,
 		onSessionChange
 	} = getAuthUIConfig();
@@ -63,7 +62,7 @@
 	const isPending = $derived('isPending' in $sessionStore ? $sessionStore.isPending : true);
 
 	// Create the appropriate schema based on type (used for validation logic)
-	$derived.by(() => {
+	const fieldSchema = $derived.by(() => {
 		let schema: z.ZodType<unknown> = z.unknown();
 
 		if (type === 'number') {
@@ -158,11 +157,10 @@
 		{isPending}
 		title={label}
 		actionLabel={mergedLocalization.SAVE}
-		{optimistic}
 	>
 		<CardContent class={classNames?.content}>
 			{#if type === 'boolean'}
-				<form.Field {name}>
+				<form.Field {name} validators={{ onChange: fieldSchema.shape[name] }}>
 					{#snippet children({ state, handleChange })}
 						<div class="flex items-center gap-2">
 							<Checkbox
@@ -191,7 +189,7 @@
 			{:else if isPending}
 				<Skeleton class={cn('h-9 w-full', classNames?.skeleton)} />
 			{:else}
-				<form.Field {name}>
+				<form.Field {name} validators={{ onChange: fieldSchema.shape[name] }}>
 					{#snippet children({ state, handleBlur, handleChange })}
 						<div class="grid w-full items-center gap-1.5">
 							{#if type === 'number'}

package/dist/components/settings/api-key/index.d.ts

@@ -1,7 +1,10 @@
+import type { ComponentProps } from 'svelte';
+import ApiKeysCardComponent from './api-keys-card.svelte';
+import ApiKeyCellComponent from './api-key-cell.svelte';
 export { default as ApiKeysCard } from './api-keys-card.svelte';
 export { default as ApiKeyCell } from './api-key-cell.svelte';
 export { default as ApiKeyDisplayDialog } from './api-key-display-dialog.svelte';
 export { default as ApiKeyDeleteDialog } from './api-key-delete-dialog.svelte';
 export { default as CreateApiKeyDialog } from './create-api-key-dialog.svelte';
-export type { ApiKeysCardProps } from './api-keys-card.svelte';
-export type { ApiKeyCellProps } from './api-key-cell.svelte';
+export type ApiKeysCardProps = ComponentProps<typeof ApiKeysCardComponent>;
+export type ApiKeyCellProps = ComponentProps<typeof ApiKeyCellComponent>;

package/dist/components/settings/api-key/index.js

@@ -1,3 +1,5 @@
+import ApiKeysCardComponent from './api-keys-card.svelte';
+import ApiKeyCellComponent from './api-key-cell.svelte';
 export { default as ApiKeysCard } from './api-keys-card.svelte';
 export { default as ApiKeyCell } from './api-key-cell.svelte';
 export { default as ApiKeyDisplayDialog } from './api-key-display-dialog.svelte';

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

@@ -1,3 +1,5 @@
+import type { ComponentProps } from 'svelte';
+import SecuritySettingsCardsComponent from './security-settings-cards.svelte';
 export * from './shared/index.js';
 export * from './account/index.js';
 export * from './security/index.js';
@@ -6,4 +8,4 @@ export * from './two-factor/index.js';
 export * from './passkey/index.js';
 export * from './api-key/index.js';
 export { default as SecuritySettingsCards } from './security-settings-cards.svelte';
-export type { SecuritySettingsCardsProps } from './security-settings-cards.svelte';
+export type SecuritySettingsCardsProps = ComponentProps<typeof SecuritySettingsCardsComponent>;

package/dist/components/settings/index.js

@@ -1,3 +1,4 @@
+import SecuritySettingsCardsComponent from './security-settings-cards.svelte';
 export * from './shared/index.js';
 export * from './account/index.js';
 export * from './security/index.js';

package/dist/components/settings/passkey/index.d.ts

@@ -1,4 +1,7 @@
+import type { ComponentProps } from 'svelte';
+import PasskeyCellComponent from './passkey-cell.svelte';
+import PasskeysCardComponent from './passkeys-card.svelte';
 export { default as PasskeyCell } from './passkey-cell.svelte';
 export { default as PasskeysCard } from './passkeys-card.svelte';
-export type { PasskeyCellProps } from './passkey-cell.svelte';
-export type { PasskeysCardProps } from './passkeys-card.svelte';
+export type PasskeyCellProps = ComponentProps<typeof PasskeyCellComponent>;
+export type PasskeysCardProps = ComponentProps<typeof PasskeysCardComponent>;

package/dist/components/settings/passkey/index.js

@@ -1,2 +1,4 @@
+import PasskeyCellComponent from './passkey-cell.svelte';
+import PasskeysCardComponent from './passkeys-card.svelte';
 export { default as PasskeyCell } from './passkey-cell.svelte';
 export { default as PasskeysCard } from './passkeys-card.svelte';

package/dist/components/settings/providers/index.d.ts

@@ -1,3 +1,5 @@
+import type { ComponentProps } from 'svelte';
+import ProvidersCardComponent from './providers-card.svelte';
 export { default as ProviderCell } from './provider-cell.svelte';
 export { default as ProvidersCard } from './providers-card.svelte';
-export type { ProvidersCardProps } from './providers-card.svelte';
+export type ProvidersCardProps = ComponentProps<typeof ProvidersCardComponent>;

package/dist/components/settings/providers/index.js

@@ -1,2 +1,3 @@
+import ProvidersCardComponent from './providers-card.svelte';
 export { default as ProviderCell } from './provider-cell.svelte';
 export { default as ProvidersCard } from './providers-card.svelte';

package/dist/components/settings/security/index.d.ts

@@ -1,8 +1,13 @@
+import type { ComponentProps } from 'svelte';
+import ChangeEmailCardComponent from './change-email-card.svelte';
+import ChangePasswordCardComponent from './change-password-card.svelte';
+import SessionCellComponent from './session-cell.svelte';
+import SessionsCardComponent from './sessions-card.svelte';
 export { default as ChangeEmailCard } from './change-email-card.svelte';
 export { default as ChangePasswordCard } from './change-password-card.svelte';
 export { default as SessionCell } from './session-cell.svelte';
 export { default as SessionsCard } from './sessions-card.svelte';
-export type { ChangeEmailCardProps } from './change-email-card.svelte';
-export type { ChangePasswordCardProps } from './change-password-card.svelte';
-export type { SessionCellProps } from './session-cell.svelte';
-export type { SessionsCardProps } from './sessions-card.svelte';
+export type ChangeEmailCardProps = ComponentProps<typeof ChangeEmailCardComponent>;
+export type ChangePasswordCardProps = ComponentProps<typeof ChangePasswordCardComponent>;
+export type SessionCellProps = ComponentProps<typeof SessionCellComponent>;
+export type SessionsCardProps = ComponentProps<typeof SessionsCardComponent>;

package/dist/components/settings/security/index.js

@@ -1,3 +1,7 @@
+import ChangeEmailCardComponent from './change-email-card.svelte';
+import ChangePasswordCardComponent from './change-password-card.svelte';
+import SessionCellComponent from './session-cell.svelte';
+import SessionsCardComponent from './sessions-card.svelte';
 export { default as ChangeEmailCard } from './change-email-card.svelte';
 export { default as ChangePasswordCard } from './change-password-card.svelte';
 export { default as SessionCell } from './session-cell.svelte';

package/dist/components/settings/shared/index.d.ts

@@ -1,7 +1,11 @@
+import type { ComponentProps } from 'svelte';
+import SettingsCardComponent from './settings-card.svelte';
+import SessionFreshnessDialogComponent from './session-freshness-dialog.svelte';
 export { default as SettingsCard } from './settings-card.svelte';
 export { default as SettingsCardHeader } from './settings-card-header.svelte';
 export { default as SettingsCardFooter } from './settings-card-footer.svelte';
 export { default as SettingsActionButton } from './settings-action-button.svelte';
 export { default as SessionFreshnessDialog } from './session-freshness-dialog.svelte';
-export type { SettingsCardClassNames, SettingsCardProps } from './settings-card.svelte';
-export type { SessionFreshnessDialogProps } from './session-freshness-dialog.svelte';
+export type SettingsCardProps = ComponentProps<typeof SettingsCardComponent>;
+export type SettingsCardClassNames = SettingsCardProps['classNames'];
+export type SessionFreshnessDialogProps = ComponentProps<typeof SessionFreshnessDialogComponent>;

package/dist/components/settings/shared/index.js

@@ -1,3 +1,5 @@
+import SettingsCardComponent from './settings-card.svelte';
+import SessionFreshnessDialogComponent from './session-freshness-dialog.svelte';
 export { default as SettingsCard } from './settings-card.svelte';
 export { default as SettingsCardHeader } from './settings-card-header.svelte';
 export { default as SettingsCardFooter } from './settings-card-footer.svelte';

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

@@ -1,6 +1,8 @@
 import Root from './alert.svelte';
 import Description from './alert-description.svelte';
 import Title from './alert-title.svelte';
+// TypeScript doesn't recognize module-level exports from .svelte files, so we suppress the error
+// @ts-expect-error - TS2614: Module has no exported member
 export { alertVariants } from './alert.svelte';
 export { Root, Description, Title, 
 //

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

@@ -1,2 +1,3 @@
-import Root, { type ButtonProps, type ButtonSize, type ButtonVariant, buttonVariants } from './button.svelte';
-export { Root, type ButtonProps as Props, Root as Button, buttonVariants, type ButtonProps, type ButtonSize, type ButtonVariant };
+import Root from './button.svelte';
+export { buttonVariants, type ButtonProps, type ButtonSize, type ButtonVariant } from './button.svelte';
+export { Root, Root as Button };

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

@@ -1,4 +1,7 @@
-import Root, { buttonVariants } from './button.svelte';
+import Root from './button.svelte';
+// TypeScript doesn't recognize module-level exports from .svelte files, so we suppress the error
+// @ts-expect-error - TS2614: Module has no exported member
+export { buttonVariants } from './button.svelte';
 export { Root, 
 //
-Root as Button, buttonVariants };
+Root as Button };

package/dist/context/auth-ui-config.svelte.d.ts

@@ -34,7 +34,7 @@ export declare function getLocalization(): {
     ALREADY_SUBSCRIBED_PLAN: string;
     UNABLE_TO_CREATE_CUSTOMER: string;
     FAILED_TO_FETCH_PLANS: string;
-    EMAIL_VERIFICATION_REQUIRED: string;
+    STRIPE_EMAIL_VERIFICATION_REQUIRED: string;
     SUBSCRIPTION_NOT_ACTIVE: string;
     SUBSCRIPTION_NOT_SCHEDULED_FOR_CANCELLATION: string;
     INVALID_PHONE_NUMBER: string;
@@ -325,6 +325,7 @@ export declare function getLocalization(): {
     SIGN_IN_USERNAME_PLACEHOLDER: string;
     VERIFY_YOUR_EMAIL: string;
     VERIFY_YOUR_EMAIL_DESCRIPTION: string;
+    EMAIL_VERIFICATION_REQUIRED: string;
     EMAIL_VERIFICATION_SENT_TO: string;
     EMAIL_VERIFICATION_CHECK_INBOX: string;
     EMAIL_VERIFICATION_AFTER_VERIFY: string;

package/dist/hooks/use-current-organization.svelte.js

@@ -36,21 +36,38 @@ export function useCurrentOrganization({ slug: slugProp } = {}) {
         if (pathMode === 'slug') {
             const slug = slugProp || contextSlug;
             const orgsResult = organizations.value;
-            data =
-                orgsResult && 'data' in orgsResult
-                    ? (orgsResult.data?.find((org) => org.slug === slug) ?? null)
+            if (orgsResult && typeof orgsResult === 'object' && 'data' in orgsResult) {
+                const orgsData = orgsResult.data;
+                data = Array.isArray(orgsData)
+                    ? (orgsData.find((org) => org.slug === slug) ?? null)
                     : null;
-            isPending = orgsResult && 'isPending' in orgsResult ? orgsResult.isPending : false;
-            isRefetching = orgsResult && 'isRefetching' in orgsResult ? orgsResult.isRefetching : false;
+                isPending = 'isPending' in orgsResult ? orgsResult.isPending : false;
+                isRefetching = 'isRefetching' in orgsResult ? orgsResult.isRefetching : false;
+            }
+            else {
+                data = null;
+                isPending = false;
+                isRefetching = false;
+            }
         }
         else {
             const activeResult = activeOrg.value;
             data =
-                activeResult && 'data' in activeResult ? activeResult.data : null;
-            isPending = activeResult && 'isPending' in activeResult ? activeResult.isPending : false;
+                activeResult && typeof activeResult === 'object' && 'data' in activeResult
+                    ? activeResult.data
+                    : null;
+            isPending =
+                activeResult && typeof activeResult === 'object' && 'isPending' in activeResult
+                    ? activeResult.isPending
+                    : false;
             isRefetching =
-                activeResult && 'isRefetching' in activeResult ? activeResult.isRefetching : false;
-            refetch = activeResult && 'refetch' in activeResult ? activeResult.refetch : undefined;
+                activeResult && typeof activeResult === 'object' && 'isRefetching' in activeResult
+                    ? activeResult.isRefetching
+                    : false;
+            refetch =
+                activeResult && typeof activeResult === 'object' && 'refetch' in activeResult
+                    ? activeResult.refetch
+                    : undefined;
         }
         return { data, isPending, isRefetching, refetch };
     });

package/dist/index.d.ts

@@ -24,7 +24,9 @@ export { default as SignInForm } from './components/auth/forms/sign-in-form.svel
 export { default as SignUpForm } from './components/auth/forms/sign-up-form.svelte';
 export { default as TwoFactorForm } from './components/auth/forms/two-factor-form.svelte';
 export { default as FormError } from './components/form-error.svelte';
-export type { FormErrorProps } from './components/form-error.svelte';
+import type { ComponentProps } from 'svelte';
+import FormErrorComponent from './components/form-error.svelte';
+export type FormErrorProps = ComponentProps<typeof FormErrorComponent>;
 export { default as CreateOrganizationDialog } from './components/organization/create-organization-dialog.svelte';
 export { default as DeleteOrganizationCard } from './components/organization/delete-organization-card.svelte';
 export { default as DeleteOrganizationDialog } from './components/organization/delete-organization-dialog.svelte';
@@ -57,10 +59,12 @@ export { default as UpdateNameCard } from './components/settings/account/update-
 export { default as UpdateUsernameCard } from './components/settings/account/update-username-card.svelte';
 export { default as AccountSettingsCards } from './components/settings/account/account-settings-cards.svelte';
 export { default as ApiKeysCard } from './components/settings/api-key/api-keys-card.svelte';
-export type { ApiKeysCardProps } from './components/settings/api-key/api-keys-card.svelte';
+import ApiKeysCardComponent from './components/settings/api-key/api-keys-card.svelte';
+export type ApiKeysCardProps = ComponentProps<typeof ApiKeysCardComponent>;
 export { default as PasskeysCard } from './components/settings/passkey/passkeys-card.svelte';
 export { default as ProvidersCard } from './components/settings/providers/providers-card.svelte';
-export type { ProvidersCardProps } from './components/settings/providers/providers-card.svelte';
+import ProvidersCardComponent from './components/settings/providers/providers-card.svelte';
+export type ProvidersCardProps = ComponentProps<typeof ProvidersCardComponent>;
 export { default as ChangeEmailCard } from './components/settings/security/change-email-card.svelte';
 export { default as ChangePasswordCard } from './components/settings/security/change-password-card.svelte';
 export { default as SessionsCard } from './components/settings/security/sessions-card.svelte';
@@ -79,23 +83,41 @@ export * from './utils/get-paths.js';
 export { getAuthUIConfig, getAuthClient, getLocalization } from './context/auth-ui-config.svelte.js';
 export { authLocalization } from './localization/auth-localization.js';
 export type { AuthUIConfig, User, Session, AuthLocalization } from './types/index.js';
-export type { AuthFormClassNames } from './components/auth/auth-form.svelte';
-export type { UserButtonClassNames } from './components/user-button.svelte';
-export type { UserViewClassNames } from './components/user-view.svelte';
-export type { UserAvatarClassNames } from './components/user-avatar.svelte';
-export type { OrganizationSwitcherClassNames } from './components/organization/organization-switcher.svelte';
-export type { OrganizationViewClassNames } from './components/organization/organization-cell-view.svelte';
-export type { OrganizationLogoClassNames } from './components/organization/organization-logo.svelte';
-export type { OrganizationLogoCardProps } from './components/organization/organization-logo-card.svelte';
-export type { DeleteOrganizationCardProps } from './components/organization/delete-organization-card.svelte';
-export type { OrganizationInvitationsCardProps } from './components/organization/organization-invitations-card.svelte';
-export type { OrganizationMembersCardProps } from './components/organization/organization-members-card.svelte';
-export type { OrganizationNameCardProps } from './components/organization/organization-name-card.svelte';
-export type { OrganizationSettingsCardsProps } from './components/organization/organization-settings-cards.svelte';
-export type { OrganizationSlugCardProps } from './components/organization/organization-slug-card.svelte';
-export type { OrganizationViewProps } from './components/organization/organization-view.svelte';
-export type { OrganizationsCardProps } from './components/organization/organizations-card.svelte';
-export type { UserInvitationsCardProps } from './components/organization/user-invitations-card.svelte';
-export type { SettingsCardClassNames } from './components/settings/shared/settings-card.svelte';
+import AuthFormComponent from './components/auth/auth-form.svelte';
+import UserButtonComponent from './components/user-button.svelte';
+import UserViewComponent from './components/user-view.svelte';
+import UserAvatarComponent from './components/user-avatar.svelte';
+import OrganizationSwitcherComponent from './components/organization/organization-switcher.svelte';
+import OrganizationCellViewComponent from './components/organization/organization-cell-view.svelte';
+import OrganizationLogoComponent from './components/organization/organization-logo.svelte';
+import OrganizationLogoCardComponent from './components/organization/organization-logo-card.svelte';
+import DeleteOrganizationCardComponent from './components/organization/delete-organization-card.svelte';
+import OrganizationInvitationsCardComponent from './components/organization/organization-invitations-card.svelte';
+import OrganizationMembersCardComponent from './components/organization/organization-members-card.svelte';
+import OrganizationNameCardComponent from './components/organization/organization-name-card.svelte';
+import OrganizationSettingsCardsComponent from './components/organization/organization-settings-cards.svelte';
+import OrganizationSlugCardComponent from './components/organization/organization-slug-card.svelte';
+import OrganizationViewComponent from './components/organization/organization-view.svelte';
+import OrganizationsCardComponent from './components/organization/organizations-card.svelte';
+import UserInvitationsCardComponent from './components/organization/user-invitations-card.svelte';
+import SettingsCardComponent from './components/settings/shared/settings-card.svelte';
+export type AuthFormClassNames = ComponentProps<typeof AuthFormComponent>;
+export type UserButtonClassNames = ComponentProps<typeof UserButtonComponent>;
+export type UserViewClassNames = ComponentProps<typeof UserViewComponent>;
+export type UserAvatarClassNames = ComponentProps<typeof UserAvatarComponent>;
+export type OrganizationSwitcherClassNames = ComponentProps<typeof OrganizationSwitcherComponent>;
+export type OrganizationViewClassNames = ComponentProps<typeof OrganizationCellViewComponent>;
+export type OrganizationLogoClassNames = ComponentProps<typeof OrganizationLogoComponent>;
+export type OrganizationLogoCardProps = ComponentProps<typeof OrganizationLogoCardComponent>;
+export type DeleteOrganizationCardProps = ComponentProps<typeof DeleteOrganizationCardComponent>;
+export type OrganizationInvitationsCardProps = ComponentProps<typeof OrganizationInvitationsCardComponent>;
+export type OrganizationMembersCardProps = ComponentProps<typeof OrganizationMembersCardComponent>;
+export type OrganizationNameCardProps = ComponentProps<typeof OrganizationNameCardComponent>;
+export type OrganizationSettingsCardsProps = ComponentProps<typeof OrganizationSettingsCardsComponent>;
+export type OrganizationSlugCardProps = ComponentProps<typeof OrganizationSlugCardComponent>;
+export type OrganizationViewProps = ComponentProps<typeof OrganizationViewComponent>;
+export type OrganizationsCardProps = ComponentProps<typeof OrganizationsCardComponent>;
+export type UserInvitationsCardProps = ComponentProps<typeof UserInvitationsCardComponent>;
+export type SettingsCardClassNames = ComponentProps<typeof SettingsCardComponent>;
 export * from './types/auth-hooks.js';
 export * from './types/auth-mutators.js';

package/dist/index.js

@@ -29,6 +29,7 @@ export { default as SignUpForm } from './components/auth/forms/sign-up-form.svel
 export { default as TwoFactorForm } from './components/auth/forms/two-factor-form.svelte';
 // Form Utilities
 export { default as FormError } from './components/form-error.svelte';
+import FormErrorComponent from './components/form-error.svelte';
 // Organization Components
 // export { default as AcceptInvitationCard } from './components/organization/accept-invitation-card.svelte';
 export { default as CreateOrganizationDialog } from './components/organization/create-organization-dialog.svelte';
@@ -65,10 +66,12 @@ export { default as UpdateUsernameCard } from './components/settings/account/upd
 export { default as AccountSettingsCards } from './components/settings/account/account-settings-cards.svelte';
 // Settings Components - API Key
 export { default as ApiKeysCard } from './components/settings/api-key/api-keys-card.svelte';
+import ApiKeysCardComponent from './components/settings/api-key/api-keys-card.svelte';
 // Settings Components - Passkey
 export { default as PasskeysCard } from './components/settings/passkey/passkeys-card.svelte';
 // Settings Components - Providers
 export { default as ProvidersCard } from './components/settings/providers/providers-card.svelte';
+import ProvidersCardComponent from './components/settings/providers/providers-card.svelte';
 // Settings Components - Security
 export { default as ChangeEmailCard } from './components/settings/security/change-email-card.svelte';
 export { default as ChangePasswordCard } from './components/settings/security/change-password-card.svelte';
@@ -97,5 +100,23 @@ export * from './utils/get-paths.js';
 export { getAuthUIConfig, getAuthClient, getLocalization } from './context/auth-ui-config.svelte.js';
 // Localization
 export { authLocalization } from './localization/auth-localization.js';
+import AuthFormComponent from './components/auth/auth-form.svelte';
+import UserButtonComponent from './components/user-button.svelte';
+import UserViewComponent from './components/user-view.svelte';
+import UserAvatarComponent from './components/user-avatar.svelte';
+import OrganizationSwitcherComponent from './components/organization/organization-switcher.svelte';
+import OrganizationCellViewComponent from './components/organization/organization-cell-view.svelte';
+import OrganizationLogoComponent from './components/organization/organization-logo.svelte';
+import OrganizationLogoCardComponent from './components/organization/organization-logo-card.svelte';
+import DeleteOrganizationCardComponent from './components/organization/delete-organization-card.svelte';
+import OrganizationInvitationsCardComponent from './components/organization/organization-invitations-card.svelte';
+import OrganizationMembersCardComponent from './components/organization/organization-members-card.svelte';
+import OrganizationNameCardComponent from './components/organization/organization-name-card.svelte';
+import OrganizationSettingsCardsComponent from './components/organization/organization-settings-cards.svelte';
+import OrganizationSlugCardComponent from './components/organization/organization-slug-card.svelte';
+import OrganizationViewComponent from './components/organization/organization-view.svelte';
+import OrganizationsCardComponent from './components/organization/organizations-card.svelte';
+import UserInvitationsCardComponent from './components/organization/user-invitations-card.svelte';
+import SettingsCardComponent from './components/settings/shared/settings-card.svelte';
 export * from './types/auth-hooks.js';
 export * from './types/auth-mutators.js';

package/dist/localization/auth-localization.d.ts

@@ -20,7 +20,7 @@ export declare const authLocalization: {
     ALREADY_SUBSCRIBED_PLAN: string;
     UNABLE_TO_CREATE_CUSTOMER: string;
     FAILED_TO_FETCH_PLANS: string;
-    EMAIL_VERIFICATION_REQUIRED: string;
+    STRIPE_EMAIL_VERIFICATION_REQUIRED: string;
     SUBSCRIPTION_NOT_ACTIVE: string;
     SUBSCRIPTION_NOT_SCHEDULED_FOR_CANCELLATION: string;
     INVALID_PHONE_NUMBER: string;
@@ -484,6 +484,8 @@ export declare const authLocalization: {
     VERIFY_YOUR_EMAIL: string;
     /** @default "Please verify your email address. Check your inbox for the verification email. If you haven't received the email, click the button below to resend." */
     VERIFY_YOUR_EMAIL_DESCRIPTION: string;
+    /** @default "Email Verification Required" */
+    EMAIL_VERIFICATION_REQUIRED: string;
     /** @default "We've sent a verification link to" */
     EMAIL_VERIFICATION_SENT_TO: string;
     /** @default "Please check your email and click the verification link to complete your registration." */

package/dist/localization/stripe-localization.d.ts

@@ -4,7 +4,7 @@ export declare const STRIPE_ERROR_CODES: {
     ALREADY_SUBSCRIBED_PLAN: string;
     UNABLE_TO_CREATE_CUSTOMER: string;
     FAILED_TO_FETCH_PLANS: string;
-    EMAIL_VERIFICATION_REQUIRED: string;
+    STRIPE_EMAIL_VERIFICATION_REQUIRED: string;
     SUBSCRIPTION_NOT_ACTIVE: string;
     SUBSCRIPTION_NOT_SCHEDULED_FOR_CANCELLATION: string;
 };

package/dist/localization/stripe-localization.js

@@ -4,7 +4,7 @@ export const STRIPE_ERROR_CODES = {
     ALREADY_SUBSCRIBED_PLAN: "You're already subscribed to this plan",
     UNABLE_TO_CREATE_CUSTOMER: 'Unable to create customer',
     FAILED_TO_FETCH_PLANS: 'Failed to fetch plans',
-    EMAIL_VERIFICATION_REQUIRED: 'Email verification is required before you can sign up',
+    STRIPE_EMAIL_VERIFICATION_REQUIRED: 'Email verification is required before you can sign up',
     SUBSCRIPTION_NOT_ACTIVE: 'Subscription is not active',
     SUBSCRIPTION_NOT_SCHEDULED_FOR_CANCELLATION: 'Subscription is not scheduled for cancellation'
 };

package/dist/types/auth-hooks.d.ts

@@ -22,10 +22,10 @@ export type AuthHooks = {
     }>;
     useListDeviceSessions: () => AuthHook<AnyAuthClient['$Infer']['Session'][]>;
     useListSessions: () => AuthHook<AnyAuthSession['session'][]>;
-    useListPasskeys: () => Partial<ReturnType<AnyAuthClient['useListPasskeys']>>;
+    useListPasskeys: () => any;
     useListApiKeys: () => AuthHook<ApiKey[]>;
-    useActiveOrganization: () => Partial<ReturnType<AnyAuthClient['useActiveOrganization']>>;
-    useListOrganizations: () => Partial<ReturnType<AnyAuthClient['useListOrganizations']>>;
+    useActiveOrganization: () => any;
+    useListOrganizations: () => any;
     useHasPermission: (params: {
         permission: string;
     }) => AuthHook<{

package/dist/types/generic-oauth-options.d.ts

@@ -1,4 +1,3 @@
-import type { AnyAuthClient } from './any-auth-client.js';
 export type Provider = {
     provider: string;
     name: string;
@@ -13,5 +12,5 @@ export type GenericOAuthOptions = {
     /**
      * Custom generic OAuth sign in function
      */
-    signIn?: (params: Parameters<AnyAuthClient['signIn']['oauth2']>[0]) => Promise<unknown>;
+    signIn?: (params: any) => Promise<unknown>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "better-auth-ui-svelte",
-  "version": "0.3.6",
+  "version": "0.3.7",
   "description": "Pre-built authentication UI components for Better Auth in Svelte 5",
   "files": [
     "dist",
@@ -23,6 +23,7 @@
   "peerDependencies": {
     "@better-auth/passkey": "^1.4.9",
     "@lucide/svelte": "^0.554.0",
+    "@sveltejs/kit": "^2.0.0",
     "better-auth": "^1.3.0",
     "bits-ui": "^2.14.4",
     "svelte": "^5.0.0",
@@ -92,7 +93,7 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/multiplehats/better-auth-ui-svelte"
+    "url": "git+https://github.com/multiplehats/better-auth-ui-svelte.git"
   },
   "bugs": {
     "url": "https://github.com/multiplehats/better-auth-ui-svelte/issues"