@better-auth-ui/react 1.6.3 → 1.6.4

package/src/components/auth/auth-provider.tsx

@@ -1,30 +1,57 @@
 "use client"
 
-import { deepmerge, defaultAuthConfig } from "@better-auth-ui/core"
+import {
+  type AdditionalField,
+  type AuthConfig,
+  type DeepPartial,
+  deepmerge,
+  defaultAuthConfig
+} from "@better-auth-ui/core"
 import {
   QueryClient,
   QueryClientContext,
   QueryClientProvider
 } from "@tanstack/react-query"
-import { type PropsWithChildren, useContext } from "react"
+import {
+  createContext,
+  type PropsWithChildren,
+  type ReactNode,
+  useContext
+} from "react"
 
-import type { AnyAuthClient } from "../../lib/auth-client"
-import type { AnyAuthConfig, AuthConfig } from "../../lib/auth-config"
-import { AuthContext } from "../../lib/auth-context"
+import type { AuthClient } from "../../lib/auth-client"
 
-const fallbackQueryClient = new QueryClient()
+const AuthContext = createContext<AuthConfig | undefined>(undefined)
 
-const baseAuthConfig: AnyAuthConfig = {
-  ...defaultAuthConfig,
-  Link: (props) => <a {...props} />
+const fallbackQueryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      staleTime: 5000
+    }
+  }
+})
+
+declare module "@better-auth-ui/core" {
+  interface AuthConfig {
+    /**
+     * The auth client to use for the authentication context.
+     * @remarks `AuthClient`
+     */
+    authClient: AuthClient
+  }
+
+  /** Widen `AdditionalField.label` to `ReactNode` in the React package. */
+  interface AdditionalFieldRegister {
+    label: ReactNode
+  }
 }
 
-export type AuthProviderProps = PropsWithChildren<AnyAuthConfig> & {
-  authClient: AnyAuthClient
+export type AuthProviderProps<TAuthClient = AuthClient> = PropsWithChildren<
+  DeepPartial<AuthConfig>
+> & {
+  authClient: TAuthClient
   navigate: (options: { to: string; replace?: boolean }) => void
-  /**
-   * TanStack QueryClient to use for your application's queries
-   */
+  /** TanStack QueryClient to use for your application's queries */
   queryClient?: QueryClient
 }
 
@@ -43,33 +70,69 @@ export function AuthProvider({
   queryClient,
   ...config
 }: AuthProviderProps) {
-  const contextQueryClient = useContext(QueryClientContext)
-  const resolvedQueryClient =
-    queryClient || contextQueryClient || fallbackQueryClient
-
-  const mergedConfig = deepmerge(baseAuthConfig, config) as AuthConfig
+  const mergedConfig = deepmerge(defaultAuthConfig, {
+    ...config,
+    viewPaths: {
+      auth: {
+        ...defaultAuthConfig.viewPaths.auth,
+        ...config.viewPaths?.auth
+      },
+      settings: {
+        ...defaultAuthConfig.viewPaths.settings,
+        ...config.viewPaths?.settings
+      }
+    }
+  } as AuthConfig)
 
   mergedConfig.redirectTo =
     (typeof window !== "undefined" &&
       new URLSearchParams(window.location.search).get("redirectTo")?.trim()) ||
     mergedConfig.redirectTo
 
+  // Merge plugin-contributed `additionalFields` with user-supplied ones.
+  // Plugin order is preserved; user-supplied entries with the same `name`
+  // override the plugin contribution.
+  const fieldsByName = new Map<string, AdditionalField>()
+  for (const plugin of mergedConfig.plugins ?? []) {
+    for (const field of plugin.additionalFields ?? []) {
+      fieldsByName.set(field.name, field)
+    }
+  }
+  for (const field of mergedConfig.additionalFields ?? []) {
+    fieldsByName.set(field.name, field)
+  }
+  mergedConfig.additionalFields = Array.from(fieldsByName.values())
+
+  const contextQueryClient = useContext(QueryClientContext)
+
+  if (contextQueryClient) {
+    return (
+      <AuthContext.Provider value={mergedConfig}>
+        {children}
+      </AuthContext.Provider>
+    )
+  }
+
   return (
-    <AuthContext.Provider value={mergedConfig}>
-      <QueryClientProvider client={resolvedQueryClient}>
+    <QueryClientProvider client={queryClient || fallbackQueryClient}>
+      <AuthContext.Provider value={mergedConfig}>
         {children}
-      </QueryClientProvider>
-    </AuthContext.Provider>
+      </AuthContext.Provider>
+    </QueryClientProvider>
   )
 }
 
 /**
  * Accesses the current authentication configuration from AuthContext.
  *
+ * UI packages widen the plugin type globally via the `Register` interface
+ * (see module augmentation in `@better-auth-ui/heroui`), so callers don't
+ * need to pass a generic.
+ *
  * @returns The merged authentication configuration provided by AuthProvider.
  * @throws If no AuthProvider is present in the component tree.
  */
-export function useAuth() {
+export function useAuth(): AuthConfig {
   const context = useContext(AuthContext)
 
   if (!context) {

package/src/components/{email → auth/email}/email-changed.tsx

@@ -16,7 +16,7 @@ import {
 } from "@react-email/components"
 import type { ReactNode } from "react"
 
-import { cn } from "../../lib/utils"
+import { cn } from "../../../lib/utils"
 import {
   type EmailClassNames,
   type EmailColors,

package/src/components/{email → auth/email}/email-verification.tsx

@@ -16,7 +16,7 @@ import {
 } from "@react-email/components"
 import type { ReactNode } from "react"
 
-import { cn } from "../../lib/utils"
+import { cn } from "../../../lib/utils"
 import {
   type EmailClassNames,
   type EmailColors,

package/src/components/{email → auth/email}/magic-link.tsx

@@ -16,7 +16,7 @@ import {
 } from "@react-email/components"
 import type { ReactNode } from "react"
 
-import { cn } from "../../lib/utils"
+import { cn } from "../../../lib/utils"
 import {
   type EmailClassNames,
   type EmailColors,

package/src/components/{email → auth/email}/new-device.tsx

@@ -16,7 +16,7 @@ import {
 } from "@react-email/components"
 import type { ReactNode } from "react"
 
-import { cn } from "../../lib/utils"
+import { cn } from "../../../lib/utils"
 import {
   type EmailClassNames,
   type EmailColors,

package/src/components/{email → auth/email}/otp-email.tsx

@@ -15,7 +15,7 @@ import {
 } from "@react-email/components"
 import type { ReactNode } from "react"
 
-import { cn } from "../../lib/utils"
+import { cn } from "../../../lib/utils"
 import {
   type EmailClassNames,
   type EmailColors,

package/src/components/{email → auth/email}/password-changed.tsx

@@ -16,7 +16,7 @@ import {
 } from "@react-email/components"
 import type { ReactNode } from "react"
 
-import { cn } from "../../lib/utils"
+import { cn } from "../../../lib/utils"
 import {
   type EmailClassNames,
   type EmailColors,

package/src/components/{email → auth/email}/reset-password.tsx

@@ -16,7 +16,7 @@ import {
 } from "@react-email/components"
 import type { ReactNode } from "react"
 
-import { cn } from "../../lib/utils"
+import { cn } from "../../../lib/utils"
 import {
   type EmailClassNames,
   type EmailColors,

package/src/email.ts

@@ -0,0 +1 @@
+export * from "./components/auth/email"

package/src/hooks/auth/use-authenticate.ts

@@ -1,18 +1,24 @@
 import { useEffect } from "react"
 import { useAuth } from "../../components/auth/auth-provider"
-import { type UseSessionOptions, useSession } from "./use-session"
+import type { AuthClient } from "../../lib/auth-client"
+import {
+  type UseSessionOptions,
+  useSession
+} from "../../queries/auth/session-query"
 
 /**
  * Calls `useSession` and redirects unauthenticated users to the sign-in page,
  * preserving the current URL as a `redirectTo` query param.
  *
- * @param options - Better Auth params (`query`, `fetchOptions`) and React
- *   Query options forwarded to `useQuery`.
- * @returns React Query result for the session.
+ * @param authClient - The Better Auth client.
+ * @param options - `getSession` params & `useQuery` options.
  */
-export function useAuthenticate(options?: UseSessionOptions) {
+export function useAuthenticate<TAuthClient extends AuthClient>(
+  authClient: TAuthClient,
+  options?: UseSessionOptions<TAuthClient>
+) {
   const { basePaths, viewPaths, navigate } = useAuth()
-  const session = useSession(options)
+  const session = useSession(authClient, options)
 
   useEffect(() => {
     if (session.data || session.isPending) return

package/src/hooks/auth/use-user.ts

@@ -1,16 +1,21 @@
-import { type UseSessionOptions, useSession } from "./use-session"
+import type { AuthClient } from "../../lib/auth-client"
+import {
+  type UseSessionOptions,
+  useSession
+} from "../../queries/auth/session-query"
 
 /**
- * Retrieve the current authenticated user.
+ * Retrieve the current authenticated user. Thin wrapper over `useSession`
+ * that returns `session.user` as `data`.
  *
- * Thin wrapper over `useSession` that returns `session.user` as `data`.
- *
- * @param options - Better Auth params (`query`, `fetchOptions`) and React
- *   Query options forwarded to `useQuery`.
- * @returns React Query result with `data` narrowed to the user object.
+ * @param authClient - The Better Auth client.
+ * @param options - `getSession` params & `useQuery` options.
  */
-export function useUser(options?: UseSessionOptions) {
-  const { data, ...rest } = useSession(options)
+export function useUser<TAuthClient extends AuthClient>(
+  authClient: TAuthClient,
+  options?: UseSessionOptions<TAuthClient>
+) {
+  const { data, ...rest } = useSession(authClient, options)
 
   return {
     data: data?.user,

package/src/hooks/use-auth-mutation.ts

@@ -1,26 +1,44 @@
-import { type MutationKey, useMutation } from "@tanstack/react-query"
-import { authMutationOptions } from "../mutations/auth-mutation-options"
+import {
+  type MutationKey,
+  type UseMutationOptions,
+  useMutation
+} from "@tanstack/react-query"
+import type { BetterFetchError } from "better-auth/client"
+
+import {
+  type AuthMutationFn,
+  type AuthMutationFnData,
+  type AuthMutationFnVariables,
+  authMutationOptions
+} from "../mutations/auth-mutation-options"
+
+type UseAuthMutationOptions<TFn extends AuthMutationFn> = Omit<
+  UseMutationOptions<
+    AuthMutationFnData<TFn>,
+    BetterFetchError,
+    AuthMutationFnVariables<TFn>
+  >,
+  "mutationKey" | "mutationFn"
+>
 
 /**
- * Escape-hatch hook for Better Auth endpoints that don't have a purpose-built
- * mutation hook in this library yet. Thin wrapper over `useMutation` and
- * `authMutationOptions`.
+ * Escape-hatch hook for Better Auth write endpoints that don't have a
+ * purpose-built mutation hook in this library yet. Thin wrapper over
+ * `useMutation` and `authMutationOptions`.
  *
  * @param authFn - Better Auth client method (e.g. `authClient.emailOtp.sendVerificationOtp`).
- * @param mutationKey - Scope for the mutation cache key.
+ * @param mutationKey - Stable key for the mutation. Prefer an entry from
+ *   `authMutationKeys` over an inline tuple so `useIsMutating` and global
+ *   `MutationCache` observers line up.
  * @param options - React Query options forwarded to `useMutation`.
  */
 export function useAuthMutation<
-  // biome-ignore lint/suspicious/noExplicitAny: matches authMutationOptions' widened constraint
-  TFn extends (...args: any) => any,
+  TFn extends AuthMutationFn,
   const TMutationKey extends MutationKey
 >(
   authFn: TFn,
   mutationKey: TMutationKey,
-  options?: Omit<
-    ReturnType<typeof authMutationOptions<TFn, TMutationKey>>,
-    "mutationKey" | "mutationFn"
-  >
+  options?: UseAuthMutationOptions<TFn>
 ) {
   return useMutation({
     ...authMutationOptions(authFn, mutationKey),

package/src/hooks/use-auth-plugin.ts

@@ -0,0 +1,50 @@
+"use client"
+
+import { useAuth } from "../components/auth/auth-provider"
+import type { AuthPlugin } from "../lib/auth-plugin"
+
+/**
+ * Plugin factory shape accepted by {@link useAuthPlugin}. The `id` is read as
+ * a static property — the factory is never invoked — so plugins with required
+ * options (e.g. `themePlugin`'s `setTheme`) can still be looked up.
+ *
+ * Always produced by `createAuthPlugin` from `@better-auth-ui/core`.
+ */
+export type AuthPluginFactory<T extends AuthPlugin = AuthPlugin> = {
+  id: string
+  // biome-ignore lint/suspicious/noExplicitAny: factory args vary by plugin
+  (...args: any[]): T
+}
+
+/**
+ * Access a registered plugin by passing its factory.
+ *
+ * Use inside plugin slot components to read plugin state (localization,
+ * config, etc.) without prop drilling.
+ *
+ * Throws if the plugin isn't registered on `AuthProvider` — this is an
+ * invariant: plugin slot components only render when their plugin is in
+ * `plugins`.
+ *
+ * @example
+ * ```tsx
+ * function PasskeyButton() {
+ *   const { localization } = useAuthPlugin(passkeyPlugin)
+ *   return <button>{localization.passkey}</button>
+ * }
+ * ```
+ */
+export function useAuthPlugin<T extends AuthPlugin>(
+  pluginFactory: AuthPluginFactory<T>
+): T {
+  const { plugins } = useAuth()
+  const plugin = plugins?.find((p) => p.id === pluginFactory.id)
+
+  if (!plugin) {
+    throw new Error(
+      `[Better Auth UI] useAuthPlugin: plugin "${pluginFactory.id}" is not registered on AuthProvider.`
+    )
+  }
+
+  return plugin as T
+}

package/src/hooks/use-auth-query.ts

@@ -1,11 +1,15 @@
 import { type QueryKey, useQuery } from "@tanstack/react-query"
-import { type AuthFn, authQueryOptions } from "../queries/auth-query-options"
+import {
+  type AuthQueryFn,
+  type AuthQueryOptions,
+  authQueryOptions
+} from "../queries/auth-query-options"
 
-type UseAuthQueryOptions<TFn extends AuthFn, TQueryKey extends QueryKey> = Omit<
-  ReturnType<typeof authQueryOptions<TFn, TQueryKey>>,
-  "queryKey" | "queryFn"
-> &
-  NonNullable<Parameters<TFn>[0]>
+type UseAuthQueryOptions<
+  TFn extends AuthQueryFn,
+  TPrefix extends QueryKey
+> = Omit<AuthQueryOptions<TFn, TPrefix>, "queryKey" | "queryFn"> &
+  Pick<NonNullable<Parameters<TFn>[0]>, "query" | "fetchOptions">
 
 /**
  * Escape-hatch hook for Better Auth endpoints that don't have a purpose-built
@@ -17,7 +21,7 @@ type UseAuthQueryOptions<TFn extends AuthFn, TQueryKey extends QueryKey> = Omit<
  *   Query options forwarded to `useQuery`.
  */
 export function useAuthQuery<
-  TFn extends AuthFn,
+  TFn extends AuthQueryFn,
   const TQueryKey extends QueryKey
 >(
   authFn: TFn,

package/src/index.ts

@@ -1,42 +1,43 @@
 "use client"
 
 export * from "./components/auth/auth-provider"
-export * from "./components/email"
 export * from "./components/icons"
 export * from "./components/settings/account/theme-preview"
 export * from "./hooks/auth/use-authenticate"
-export * from "./hooks/auth/use-is-username-available"
-export * from "./hooks/auth/use-request-password-reset"
-export * from "./hooks/auth/use-reset-password"
-export * from "./hooks/auth/use-send-verification-email"
-export * from "./hooks/auth/use-session"
-export * from "./hooks/auth/use-sign-in-email"
-export * from "./hooks/auth/use-sign-in-magic-link"
-export * from "./hooks/auth/use-sign-in-passkey"
-export * from "./hooks/auth/use-sign-in-social"
-export * from "./hooks/auth/use-sign-in-username"
-export * from "./hooks/auth/use-sign-out"
-export * from "./hooks/auth/use-sign-up-email"
 export * from "./hooks/auth/use-user"
-export * from "./hooks/settings/use-account-info"
-export * from "./hooks/settings/use-add-passkey"
-export * from "./hooks/settings/use-change-email"
-export * from "./hooks/settings/use-change-password"
-export * from "./hooks/settings/use-delete-passkey"
-export * from "./hooks/settings/use-delete-user"
-export * from "./hooks/settings/use-link-social"
-export * from "./hooks/settings/use-list-accounts"
-export * from "./hooks/settings/use-list-device-sessions"
-export * from "./hooks/settings/use-list-sessions"
-export * from "./hooks/settings/use-list-user-passkeys"
-export * from "./hooks/settings/use-revoke-multi-session"
-export * from "./hooks/settings/use-revoke-session"
-export * from "./hooks/settings/use-set-active-session"
-export * from "./hooks/settings/use-unlink-account"
-export * from "./hooks/settings/use-update-user"
 export * from "./hooks/use-auth-mutation"
+export * from "./hooks/use-auth-plugin"
 export * from "./hooks/use-auth-query"
-export * from "./lib/auth-client"
-export * from "./lib/auth-config"
-export * from "./lib/auth-context"
+export type * from "./lib/auth-client"
+export * from "./lib/auth-plugin"
 export * from "./lib/provider-icons"
+export * from "./mutations/auth/request-password-reset-mutation"
+export * from "./mutations/auth/reset-password-mutation"
+export * from "./mutations/auth/send-verification-email-mutation"
+export * from "./mutations/auth/sign-in-email-mutation"
+export * from "./mutations/auth/sign-in-social-mutation"
+export * from "./mutations/auth/sign-out-mutation"
+export * from "./mutations/auth/sign-up-email-mutation"
+export * from "./mutations/auth-mutation-options"
+export * from "./mutations/magic-link/sign-in-magic-link-mutation"
+export * from "./mutations/multi-session/revoke-multi-session-mutation"
+export * from "./mutations/multi-session/set-active-session-mutation"
+export * from "./mutations/passkey/add-passkey-mutation"
+export * from "./mutations/passkey/delete-passkey-mutation"
+export * from "./mutations/passkey/sign-in-passkey-mutation"
+export * from "./mutations/settings/change-email-mutation"
+export * from "./mutations/settings/change-password-mutation"
+export * from "./mutations/settings/delete-user-mutation"
+export * from "./mutations/settings/link-social-mutation"
+export * from "./mutations/settings/revoke-session-mutation"
+export * from "./mutations/settings/unlink-account-mutation"
+export * from "./mutations/settings/update-user-mutation"
+export * from "./mutations/username/is-username-available-mutation"
+export * from "./mutations/username/sign-in-username-mutation"
+export * from "./queries/auth/session-query"
+export * from "./queries/auth-query-options"
+export * from "./queries/multi-session/list-device-sessions-query"
+export * from "./queries/passkey/list-passkeys-query"
+export * from "./queries/settings/account-info-query"
+export * from "./queries/settings/list-accounts-query"
+export * from "./queries/settings/list-sessions-query"

package/src/lib/auth-client.ts

@@ -1,43 +1,45 @@
-import { passkeyClient } from "@better-auth/passkey/client"
-import {
+import type { passkeyClient } from "@better-auth/passkey/client"
+import type {
   magicLinkClient,
   multiSessionClient,
   usernameClient
 } from "better-auth/client/plugins"
-import { createAuthClient } from "better-auth/react"
-import type { AuthConfig } from "./auth-config"
+import type { createAuthClient } from "better-auth/react"
 
-export type { PathToObject } from "better-auth/client"
+export type AuthClient = ReturnType<typeof createAuthClient>
 
-/**
- * Type representing any auth client created with `createAuthClient`.
- *
- * Used for type flexibility when accepting auth clients that may have different
- * plugin configurations or feature sets.
- */
-export type AnyAuthClient = Omit<ReturnType<typeof createAuthClient>, "signUp">
+// The per-plugin client types below are pure type-level declarations — no
+// runtime code is emitted for them. This avoids relying on `/* @__PURE__ */`
+// being honoured by every downstream bundler (RSC graphs, dev builds,
+// Turbopack, older configs, etc.) and keeps the plugin packages out of
+// consumers' runtime bundles entirely.
 
-const authClient = createAuthClient({
-  plugins: [
-    magicLinkClient(),
-    multiSessionClient(),
-    passkeyClient(),
-    usernameClient()
-  ]
-})
+export type MagicLinkAuthClient = ReturnType<
+  typeof createAuthClient<{ plugins: [ReturnType<typeof magicLinkClient>] }>
+>
 
-/**
- * Type representing the default auth client with plugins enabled.
- *
- * This is the standard auth client type used throughout the React package
- * and includes all required plugins enabled.
- */
+export type MultiSessionAuthClient = ReturnType<
+  typeof createAuthClient<{ plugins: [ReturnType<typeof multiSessionClient>] }>
+>
 
-type ResolveAuthClient<T> = "AuthClient" extends keyof T
-  ? T["AuthClient"]
-  : typeof authClient
+export type PasskeyAuthClient = ReturnType<
+  typeof createAuthClient<{ plugins: [ReturnType<typeof passkeyClient>] }>
+>
+
+export type UsernameAuthClient = ReturnType<
+  typeof createAuthClient<{ plugins: [ReturnType<typeof usernameClient>] }>
+>
 
 /**
- * The resolved auth client type, either from user augmentation or the default.
+ * Unwraps a Better Auth client method's `data` payload.
+ *
+ * Pass the method type directly, e.g. `TAuthClient["getSession"]` or
+ * `TAuthClient["passkey"]["listUserPasskeys"]`. Keeping it method-typed
+ * (instead of a path-string utility) preserves IntelliSense on the derived
+ * types.
  */
-export type AuthClient = ResolveAuthClient<AuthConfig>
+export type InferData<TMethod> = TMethod extends (
+  ...args: infer _Args
+) => Promise<infer TResult extends { data: unknown }>
+  ? TResult["data"]
+  : never

package/src/lib/auth-plugin.ts

@@ -0,0 +1,75 @@
+import type { AuthPluginBase, AuthView } from "@better-auth-ui/core"
+import type { ComponentType, ReactNode } from "react"
+
+export type { AuthPluginViewPaths } from "@better-auth-ui/core"
+
+/** Props for plugin-contributed auth buttons (e.g. passkey, magic link). */
+export type AuthButtonProps = {
+  className?: string
+  children?: ReactNode
+  /** Current auth view — lets buttons context-switch (e.g. show "back to sign-in"). */
+  view?: AuthView
+}
+
+/** Props for plugin-contributed cards under `/settings/security`. */
+export type SecurityCardProps = {
+  className?: string
+  children?: ReactNode
+}
+
+/** Props for plugin-contributed cards under `/settings/account`. */
+export type AccountCardProps = {
+  className?: string
+  children?: ReactNode
+}
+
+/** Props for plugin-contributed items in the `UserButton` dropdown. */
+export type UserMenuItemProps = {
+  className?: string
+}
+
+/** Framework-agnostic slot component shapes. UI packages narrow these via `TComponents`. */
+export type AuthPluginComponents = {
+  /** Rendered below the submit button in auth forms. */
+  authButtons?: ComponentType<AuthButtonProps>[]
+  /** Rendered as cards inside security settings. */
+  securityCards?: ComponentType<SecurityCardProps>[]
+  /** Rendered as cards inside account settings. */
+  accountCards?: ComponentType<AccountCardProps>[]
+  /** Rendered as items inside the `UserButton` dropdown. */
+  userMenuItems?: ComponentType<UserMenuItemProps>[]
+}
+
+/** Plugin view overrides keyed by `AuthPluginViewPaths`. Always replaces the built-in view. */
+export type AuthPluginViews<TAuthViewProps, TSettingsViewProps> = {
+  auth?: Record<string, ComponentType<TAuthViewProps>>
+  settings?: Record<string, ComponentType<TSettingsViewProps>>
+}
+
+/** Conditional view replacements — only used when the built-in flow isn't viable. */
+export type AuthPluginFallbackViews<TAuthViewProps> = {
+  auth?: {
+    /** Rendered at `/auth/sign-in` when `emailAndPassword.enabled === false`. */
+    signIn?: ComponentType<TAuthViewProps>
+  }
+}
+
+/**
+ * UI-aware plugin definition. UI packages bind the generics in their own
+ * `AuthPlugin` re-export so plugin authors don't have to.
+ *
+ * @typeParam TComponents - Slot component shapes (e.g. heroui variant unions).
+ * @typeParam TAuthViewProps - Props the `<Auth>` router spreads onto plugin auth views.
+ * @typeParam TSettingsViewProps - Props the `<Settings>` router spreads onto plugin settings views.
+ */
+export type AuthPlugin<
+  TComponents = AuthPluginComponents,
+  // biome-ignore lint/suspicious/noExplicitAny: any
+  TAuthViewProps = any,
+  // biome-ignore lint/suspicious/noExplicitAny: any
+  TSettingsViewProps = any
+> = AuthPluginBase &
+  TComponents & {
+    views?: AuthPluginViews<TAuthViewProps, TSettingsViewProps>
+    fallbackViews?: AuthPluginFallbackViews<TAuthViewProps>
+  }