@erikey/react 0.4.26 → 0.4.28

package/src/ui/localization/base-error-codes.ts

@@ -0,0 +1,27 @@
+export const BASE_ERROR_CODES = {
+    USER_NOT_FOUND: "User not found",
+    FAILED_TO_CREATE_USER: "Failed to create user",
+    FAILED_TO_CREATE_SESSION: "Failed to create session",
+    FAILED_TO_UPDATE_USER: "Failed to update user",
+    FAILED_TO_GET_SESSION: "Failed to get session",
+    INVALID_PASSWORD: "Invalid password",
+    INVALID_EMAIL: "Invalid email",
+    INVALID_EMAIL_OR_PASSWORD: "Invalid email or password",
+    SOCIAL_ACCOUNT_ALREADY_LINKED: "Social account already linked",
+    PROVIDER_NOT_FOUND: "Provider not found",
+    INVALID_TOKEN: "Invalid token",
+    ID_TOKEN_NOT_SUPPORTED: "id_token not supported",
+    FAILED_TO_GET_USER_INFO: "Failed to get user info",
+    USER_EMAIL_NOT_FOUND: "User email not found",
+    EMAIL_NOT_VERIFIED: "Email not verified",
+    PASSWORD_TOO_SHORT: "Password too short",
+    PASSWORD_TOO_LONG: "Password too long",
+    USER_ALREADY_EXISTS: "User already exists",
+    EMAIL_CAN_NOT_BE_UPDATED: "Email can not be updated",
+    CREDENTIAL_ACCOUNT_NOT_FOUND: "Credential account not found",
+    SESSION_EXPIRED: "Session expired. Re-authenticate to perform this action.",
+    FAILED_TO_UNLINK_LAST_ACCOUNT: "You can't unlink your last account",
+    ACCOUNT_NOT_FOUND: "Account not found",
+    USER_ALREADY_HAS_PASSWORD:
+        "User already has a password. Provide that to delete the account."
+}

package/src/ui/localization/captcha-error-codes.ts

@@ -0,0 +1,17 @@
+// These error codes are returned by the API
+const EXTERNAL_ERROR_CODES = {
+    VERIFICATION_FAILED: "Captcha verification failed",
+    MISSING_RESPONSE: "Missing CAPTCHA response",
+    UNKNOWN_ERROR: "Something went wrong"
+}
+
+// These error codes are only visible in the server logs
+const INTERNAL_ERROR_CODES = {
+    MISSING_SECRET_KEY: "Missing secret key",
+    SERVICE_UNAVAILABLE: "CAPTCHA service unavailable"
+}
+
+export const CAPTCHA_ERROR_CODES = {
+    ...EXTERNAL_ERROR_CODES,
+    ...INTERNAL_ERROR_CODES
+}

package/src/ui/localization/email-otp-error-codes.ts

@@ -0,0 +1,7 @@
+export const EMAIL_OTP_ERROR_CODES = {
+    OTP_EXPIRED: "otp expired",
+    INVALID_OTP: "Invalid OTP",
+    INVALID_EMAIL: "Invalid email",
+    USER_NOT_FOUND: "User not found",
+    TOO_MANY_ATTEMPTS: "Too many attempts"
+}

package/src/ui/localization/generic-oauth-error-codes.ts

@@ -0,0 +1,3 @@
+export const GENERIC_OAUTH_ERROR_CODES = {
+    INVALID_OAUTH_CONFIGURATION: "Invalid OAuth configuration"
+}

package/src/ui/localization/haveibeenpwned-error-codes.ts

@@ -0,0 +1,4 @@
+export const HAVEIBEENPWNED_ERROR_CODES = {
+    PASSWORD_COMPROMISED:
+        "The password you entered has been compromised. Please choose a different password."
+}

package/src/ui/localization/multi-session-error-codes.ts

@@ -0,0 +1,3 @@
+export const MULTI_SESSION_ERROR_CODES = {
+    INVALID_SESSION_TOKEN: "Invalid session token"
+}

package/src/ui/localization/organization-error-codes.ts

@@ -0,0 +1,57 @@
+export const ORGANIZATION_ERROR_CODES = {
+    YOU_ARE_NOT_ALLOWED_TO_CREATE_A_NEW_ORGANIZATION:
+        "You are not allowed to create a new organization",
+    YOU_HAVE_REACHED_THE_MAXIMUM_NUMBER_OF_ORGANIZATIONS:
+        "You have reached the maximum number of organizations",
+    ORGANIZATION_ALREADY_EXISTS: "Organization already exists",
+    ORGANIZATION_NOT_FOUND: "Organization not found",
+    USER_IS_NOT_A_MEMBER_OF_THE_ORGANIZATION:
+        "User is not a member of the organization",
+    YOU_ARE_NOT_ALLOWED_TO_UPDATE_THIS_ORGANIZATION:
+        "You are not allowed to update this organization",
+    YOU_ARE_NOT_ALLOWED_TO_DELETE_THIS_ORGANIZATION:
+        "You are not allowed to delete this organization",
+    NO_ACTIVE_ORGANIZATION: "No active organization",
+    USER_IS_ALREADY_A_MEMBER_OF_THIS_ORGANIZATION:
+        "User is already a member of this organization",
+    MEMBER_NOT_FOUND: "Member not found",
+    ROLE_NOT_FOUND: "Role not found",
+    YOU_ARE_NOT_ALLOWED_TO_CREATE_A_NEW_TEAM:
+        "You are not allowed to create a new team",
+    TEAM_ALREADY_EXISTS: "Team already exists",
+    TEAM_NOT_FOUND: "Team not found",
+    YOU_CANNOT_LEAVE_THE_ORGANIZATION_AS_THE_ONLY_OWNER:
+        "You cannot leave the organization as the only owner",
+    YOU_ARE_NOT_ALLOWED_TO_DELETE_THIS_MEMBER:
+        "You are not allowed to delete this member",
+    YOU_ARE_NOT_ALLOWED_TO_INVITE_USERS_TO_THIS_ORGANIZATION:
+        "You are not allowed to invite users to this organization",
+    USER_IS_ALREADY_INVITED_TO_THIS_ORGANIZATION:
+        "User is already invited to this organization",
+    INVITATION_NOT_FOUND: "Invitation not found",
+    YOU_ARE_NOT_THE_RECIPIENT_OF_THE_INVITATION:
+        "You are not the recipient of the invitation",
+    YOU_ARE_NOT_ALLOWED_TO_CANCEL_THIS_INVITATION:
+        "You are not allowed to cancel this invitation",
+    INVITER_IS_NO_LONGER_A_MEMBER_OF_THE_ORGANIZATION:
+        "Inviter is no longer a member of the organization",
+    YOU_ARE_NOT_ALLOWED_TO_INVITE_USER_WITH_THIS_ROLE:
+        "you are not allowed to invite user with this role",
+    FAILED_TO_RETRIEVE_INVITATION: "Failed to retrieve invitation",
+    YOU_HAVE_REACHED_THE_MAXIMUM_NUMBER_OF_TEAMS:
+        "You have reached the maximum number of teams",
+    UNABLE_TO_REMOVE_LAST_TEAM: "Unable to remove last team",
+    YOU_ARE_NOT_ALLOWED_TO_UPDATE_THIS_MEMBER:
+        "You are not allowed to update this member",
+    ORGANIZATION_MEMBERSHIP_LIMIT_REACHED:
+        "Organization membership limit reached",
+    YOU_ARE_NOT_ALLOWED_TO_CREATE_TEAMS_IN_THIS_ORGANIZATION:
+        "You are not allowed to create teams in this organization",
+    YOU_ARE_NOT_ALLOWED_TO_DELETE_TEAMS_IN_THIS_ORGANIZATION:
+        "You are not allowed to delete teams in this organization",
+    YOU_ARE_NOT_ALLOWED_TO_UPDATE_THIS_TEAM:
+        "You are not allowed to update this team",
+    YOU_ARE_NOT_ALLOWED_TO_DELETE_THIS_TEAM:
+        "You are not allowed to delete this team",
+    INVITATION_LIMIT_REACHED: "Invitation limit reached"
+}

package/src/ui/localization/passkey-error-codes.ts

@@ -0,0 +1,10 @@
+export const PASSKEY_ERROR_CODES = {
+    CHALLENGE_NOT_FOUND: "Challenge not found",
+    YOU_ARE_NOT_ALLOWED_TO_REGISTER_THIS_PASSKEY:
+        "You are not allowed to register this passkey",
+    FAILED_TO_VERIFY_REGISTRATION: "Failed to verify registration",
+    PASSKEY_NOT_FOUND: "Passkey not found",
+    AUTHENTICATION_FAILED: "Authentication failed",
+    UNABLE_TO_CREATE_SESSION: "Unable to create session",
+    FAILED_TO_UPDATE_PASSKEY: "Failed to update passkey"
+}

package/src/ui/localization/phone-number-error-codes.ts

@@ -0,0 +1,10 @@
+export const PHONE_NUMBER_ERROR_CODES = {
+    INVALID_PHONE_NUMBER: "Invalid phone number",
+    PHONE_NUMBER_EXIST: "Phone number already exists",
+    INVALID_PHONE_NUMBER_OR_PASSWORD: "Invalid phone number or password",
+    UNEXPECTED_ERROR: "Unexpected error",
+    OTP_NOT_FOUND: "OTP not found",
+    OTP_EXPIRED: "OTP expired",
+    INVALID_OTP: "Invalid OTP",
+    PHONE_NUMBER_NOT_VERIFIED: "Phone number not verified"
+}

package/src/ui/localization/stripe-localization.ts

@@ -0,0 +1,12 @@
+export const STRIPE_ERROR_CODES = {
+    SUBSCRIPTION_NOT_FOUND: "Subscription not found",
+    SUBSCRIPTION_PLAN_NOT_FOUND: "Subscription plan not found",
+    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 subscribe to a plan",
+    SUBSCRIPTION_NOT_ACTIVE: "Subscription is not active",
+    SUBSCRIPTION_NOT_SCHEDULED_FOR_CANCELLATION:
+        "Subscription is not scheduled for cancellation"
+}

package/src/ui/localization/team-error-codes.ts

@@ -0,0 +1,12 @@
+export const TEAM_ERROR_CODES = {
+    TEAM_LIMIT_REACHED: "Team limit reached for this organization",
+    TEAM_MEMBER_LIMIT_REACHED: "Team member limit reached for this team",
+    TEAM_NOT_FOUND: "Team not found",
+    TEAM_MEMBER_NOT_FOUND: "Team member not found",
+    TEAM_NAME_TOO_LONG: "Team name is too long",
+    CANNOT_REMOVE_LAST_TEAM: "Cannot remove the last team",
+    NOT_ORGANIZATION_MEMBER: "User is not a member of the organization",
+    ALREADY_TEAM_MEMBER: "User is already a member of this team",
+    INSUFFICIENT_TEAM_PERMISSIONS:
+        "Insufficient permissions to perform this action on team"
+}

package/src/ui/localization/two-factor-error-codes.ts

@@ -0,0 +1,12 @@
+export const TWO_FACTOR_ERROR_CODES = {
+    OTP_NOT_ENABLED: "OTP not enabled",
+    OTP_HAS_EXPIRED: "OTP has expired",
+    TOTP_NOT_ENABLED: "TOTP not enabled",
+    TWO_FACTOR_NOT_ENABLED: "Two factor isn't enabled",
+    BACKUP_CODES_NOT_ENABLED: "Backup codes aren't enabled",
+    INVALID_BACKUP_CODE: "Invalid backup code",
+    INVALID_CODE: "Invalid code",
+    TOO_MANY_ATTEMPTS_REQUEST_NEW_CODE:
+        "Too many attempts. Please request a new code.",
+    INVALID_TWO_FACTOR_COOKIE: "Invalid two factor cookie"
+}

package/src/ui/localization/username-error-codes.ts

@@ -0,0 +1,9 @@
+export const USERNAME_ERROR_CODES = {
+    INVALID_USERNAME_OR_PASSWORD: "invalid username or password",
+    EMAIL_NOT_VERIFIED: "email not verified",
+    UNEXPECTED_ERROR: "unexpected error",
+    USERNAME_IS_ALREADY_TAKEN: "username is already taken. please try another.",
+    USERNAME_TOO_SHORT: "username is too short",
+    USERNAME_TOO_LONG: "username is too long",
+    INVALID_USERNAME: "username is invalid"
+}

package/src/ui/server.ts

@@ -0,0 +1,4 @@
+export * from "./components/email/email-template"
+export { getViewByPath } from "./lib/utils"
+export * from "./lib/view-paths"
+export * from "./localization/auth-localization"

package/src/ui/style.css

@@ -0,0 +1,146 @@
+/* Team color variables - users can override these in their own CSS */
+:root {
+	--team-1: oklch(0.646 0.222 41.116);
+	--team-2: oklch(0.6 0.118 184.704);
+	--team-3: oklch(0.398 0.07 227.392);
+	--team-4: oklch(0.828 0.189 84.429);
+	--team-5: oklch(0.769 0.188 70.08);
+}
+
+/*
+ * Animation CSS for SDK components
+ *
+ * These styles are bundled with the SDK to ensure they work regardless of
+ * consumer's Tailwind configuration. Uses @layer for cascade control so
+ * consumers can override with their own Tailwind utilities if needed.
+ *
+ * This solves the problem where consumer's Tailwind purges animation classes
+ * because they only exist in the SDK's minified bundle.
+ */
+
+/* Keyframes for enter/exit animations (from tailwindcss-animate) */
+@keyframes enter {
+	from {
+		opacity: var(--tw-enter-opacity, 1);
+		transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0)
+			scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1))
+			rotate(var(--tw-enter-rotate, 0));
+	}
+}
+
+@keyframes exit {
+	to {
+		opacity: var(--tw-exit-opacity, 1);
+		transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0)
+			scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1))
+			rotate(var(--tw-exit-rotate, 0));
+	}
+}
+
+/* Animation base classes */
+.animate-in {
+	animation-name: enter;
+	animation-duration: 150ms;
+	--tw-enter-opacity: initial;
+	--tw-enter-scale: initial;
+	--tw-enter-rotate: initial;
+	--tw-enter-translate-x: initial;
+	--tw-enter-translate-y: initial;
+}
+
+.animate-out {
+	animation-name: exit;
+	animation-duration: 150ms;
+	--tw-exit-opacity: initial;
+	--tw-exit-scale: initial;
+	--tw-exit-rotate: initial;
+	--tw-exit-translate-x: initial;
+	--tw-exit-translate-y: initial;
+}
+
+/* Opacity variants */
+.fade-in-0 { --tw-enter-opacity: 0; }
+.fade-out-0 { --tw-exit-opacity: 0; }
+
+/* Scale variants */
+.zoom-in-95 { --tw-enter-scale: 0.95; }
+.zoom-out-95 { --tw-exit-scale: 0.95; }
+
+/* Slide variants */
+.slide-in-from-top-2 { --tw-enter-translate-y: -0.5rem; }
+.slide-in-from-bottom-2 { --tw-enter-translate-y: 0.5rem; }
+.slide-in-from-left-2 { --tw-enter-translate-x: -0.5rem; }
+.slide-in-from-right-2 { --tw-enter-translate-x: 0.5rem; }
+
+/* Data attribute variants for Radix UI components */
+[data-state="open"].animate-in {
+	animation-name: enter;
+	animation-duration: 150ms;
+}
+
+[data-state="closed"].animate-out {
+	animation-name: exit;
+	animation-duration: 150ms;
+}
+
+[data-state="open"].fade-in-0,
+.data-\[state\=open\]\:fade-in-0[data-state="open"] {
+	--tw-enter-opacity: 0;
+}
+
+[data-state="closed"].fade-out-0,
+.data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
+	--tw-exit-opacity: 0;
+}
+
+[data-state="open"].zoom-in-95,
+.data-\[state\=open\]\:zoom-in-95[data-state="open"] {
+	--tw-enter-scale: 0.95;
+}
+
+[data-state="closed"].zoom-out-95,
+.data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
+	--tw-exit-scale: 0.95;
+}
+
+/* Slide variants with data-side for dropdown positioning */
+[data-side="bottom"].slide-in-from-top-2,
+.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
+	--tw-enter-translate-y: -0.5rem;
+}
+
+[data-side="top"].slide-in-from-bottom-2,
+.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
+	--tw-enter-translate-y: 0.5rem;
+}
+
+[data-side="left"].slide-in-from-right-2,
+.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
+	--tw-enter-translate-x: 0.5rem;
+}
+
+[data-side="right"].slide-in-from-left-2,
+.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
+	--tw-enter-translate-x: -0.5rem;
+}
+
+/* Tailwind's data attribute variant syntax support */
+.data-\[state\=open\]\:animate-in[data-state="open"] {
+	animation-name: enter;
+	animation-duration: 150ms;
+	--tw-enter-opacity: initial;
+	--tw-enter-scale: initial;
+	--tw-enter-rotate: initial;
+	--tw-enter-translate-x: initial;
+	--tw-enter-translate-y: initial;
+}
+
+.data-\[state\=closed\]\:animate-out[data-state="closed"] {
+	animation-name: exit;
+	animation-duration: 150ms;
+	--tw-exit-opacity: initial;
+	--tw-exit-scale: initial;
+	--tw-exit-rotate: initial;
+	--tw-exit-translate-x: initial;
+	--tw-exit-translate-y: initial;
+}

package/src/ui/tanstack.ts

@@ -0,0 +1 @@
+export * from "./lib/tanstack/auth-ui-provider-tanstack"

package/src/ui/triplit.ts

@@ -0,0 +1 @@
+export * from "./lib/triplit/use-triplit-hooks"

package/src/ui/types/account-options.ts

@@ -0,0 +1,35 @@
+import type { AccountViewPaths } from "../lib/view-paths"
+
+export type AccountOptions = {
+    /**
+     * Base path for account-scoped views
+     * @default "/account"
+     */
+    basePath?: string
+    /**
+     * Array of fields to show in Account Settings
+     * @default ["image", "name"]
+     */
+    fields: string[]
+    /**
+     * Customize account view paths
+     */
+    viewPaths?: Partial<AccountViewPaths>
+}
+
+export type AccountOptionsContext = {
+    /**
+     * Base path for account-scoped views
+     * @default "/account"
+     */
+    basePath: string
+    /**
+     * Array of fields to show in Account Settings
+     * @default ["image", "name"]
+     */
+    fields: string[]
+    /**
+     * Customize account view paths
+     */
+    viewPaths: AccountViewPaths
+}

package/src/ui/types/additional-fields.ts

@@ -0,0 +1,21 @@
+import type { ReactNode } from "react"
+
+export type FieldType = "string" | "number" | "boolean"
+
+export interface AdditionalField {
+    description?: ReactNode
+    instructions?: ReactNode
+    label: ReactNode
+    placeholder?: string
+    required?: boolean
+    type: FieldType
+    /**
+     * Render a multi-line textarea for string fields
+     */
+    multiline?: boolean
+    validate?: (value: string) => Promise<boolean>
+}
+
+export interface AdditionalFields {
+    [key: string]: AdditionalField
+}

package/src/ui/types/any-auth-client.ts

@@ -0,0 +1,6 @@
+import type { createAuthClient } from "better-auth/react"
+
+export type AnyAuthClient = Omit<
+    ReturnType<typeof createAuthClient>,
+    "signUp" | "getSession"
+>

package/src/ui/types/api-key.ts

@@ -0,0 +1,9 @@
+export type ApiKey = {
+    id: string
+    name?: string | null
+    start?: string | null
+    expiresAt?: Date | null
+    createdAt: Date
+    updatedAt: Date
+    metadata?: Record<string, unknown> | null
+}

package/src/ui/types/auth-client.ts

@@ -0,0 +1,41 @@
+import { passkeyClient } from "@better-auth/passkey/client"
+import {
+    anonymousClient,
+    apiKeyClient,
+    emailOTPClient,
+    genericOAuthClient,
+    magicLinkClient,
+    multiSessionClient,
+    oneTapClient,
+    organizationClient,
+    twoFactorClient,
+    usernameClient
+} from "better-auth/client/plugins"
+import { createAuthClient } from "better-auth/react"
+
+export const authClient = createAuthClient({
+    plugins: [
+        apiKeyClient(),
+        multiSessionClient(),
+        passkeyClient(),
+        oneTapClient({
+            clientId: ""
+        }),
+        genericOAuthClient(),
+        anonymousClient(),
+        usernameClient(),
+        magicLinkClient(),
+        emailOTPClient(),
+        twoFactorClient(),
+        organizationClient({
+            teams: {
+                enabled: true
+            }
+        })
+    ]
+})
+
+export type AuthClient = typeof authClient
+
+export type Session = AuthClient["$Infer"]["Session"]["session"]
+export type User = AuthClient["$Infer"]["Session"]["user"]

package/src/ui/types/auth-hooks.ts

@@ -0,0 +1,81 @@
+import type { Passkey } from "@better-auth/passkey"
+import type { BetterFetchError } from "@better-fetch/fetch"
+import type { Account, User } from "better-auth"
+import type { Member } from "better-auth/plugins/organization"
+import type { AnyAuthClient } from "./any-auth-client"
+import type { ApiKey } from "./api-key"
+import type { AuthClient } from "./auth-client"
+import type { Invitation } from "./invitation"
+import type { Refetch } from "./refetch"
+
+type AnyAuthSession = AnyAuthClient["$Infer"]["Session"]
+
+type AuthHook<T> = {
+    isPending: boolean
+    data?: T | null
+    error?: BetterFetchError | null
+    refetch?: Refetch
+}
+
+export type AuthHooks = {
+    useSession: () => ReturnType<AnyAuthClient["useSession"]>
+    useListAccounts: () => AuthHook<Account[]>
+    useAccountInfo: (
+        params: Parameters<AuthClient["accountInfo"]>[0]
+    ) => AuthHook<{ user: User }>
+    useListDeviceSessions: () => AuthHook<AnyAuthClient["$Infer"]["Session"][]>
+    useListSessions: () => AuthHook<AnyAuthSession["session"][]>
+    useListPasskeys: () => AuthHook<Passkey[]>
+    useListApiKeys: () => AuthHook<ApiKey[]>
+    useActiveOrganization: () => Partial<
+        ReturnType<AuthClient["useActiveOrganization"]>
+    >
+    useListOrganizations: () => Partial<
+        ReturnType<AuthClient["useListOrganizations"]>
+    >
+    useHasPermission: (
+        params: Parameters<AuthClient["organization"]["hasPermission"]>[0]
+    ) => AuthHook<{
+        error: null
+        success: boolean
+    }>
+    useInvitation: (
+        params: Parameters<AuthClient["organization"]["getInvitation"]>[0]
+    ) => AuthHook<
+        Invitation & {
+            organizationName: string
+            organizationSlug: string
+            organizationLogo?: string
+        }
+    >
+    useListInvitations: (
+        params: Parameters<AuthClient["organization"]["listInvitations"]>[0]
+    ) => AuthHook<Invitation[]>
+    useListUserInvitations: () => AuthHook<Invitation[]>
+    useListMembers: (
+        params: Parameters<AuthClient["organization"]["listMembers"]>[0]
+    ) => AuthHook<{
+        members: (Member & { user?: Partial<User> | null })[]
+        total: number
+    }>
+    useListTeams: (params?: { organizationId?: string }) => AuthHook<Team[]>
+    useListTeamMembers: (params: { teamId?: string }) => AuthHook<TeamMember[]>
+    useListUserTeams: () => AuthHook<Team[]>
+    useIsRestoring?: () => boolean
+}
+
+export type Team = {
+    id: string
+    name: string
+    organizationId: string
+    createdAt: Date
+    updatedAt: Date
+}
+
+export type TeamMember = {
+    id: string
+    teamId: string
+    userId: string
+    createdAt: Date
+    user?: Partial<User> | null
+}

package/src/ui/types/auth-mutators.ts

@@ -0,0 +1,21 @@
+type MutateFn<T = Record<string, unknown>> = (
+    params: T
+) => Promise<unknown> | Promise<void>
+
+export interface AuthMutators {
+    deleteApiKey: MutateFn<{ keyId: string }>
+    deletePasskey: MutateFn<{ id: string }>
+    revokeDeviceSession: MutateFn<{ sessionToken: string }>
+    revokeSession: MutateFn<{ token: string }>
+    setActiveSession: MutateFn<{ sessionToken: string }>
+    updateOrganization: MutateFn<{
+        organizationId: string
+        data: Record<string, unknown>
+    }>
+    updateTeam: MutateFn<{
+        teamId: string
+        data: Record<string, unknown>
+    }>
+    updateUser: MutateFn
+    unlinkAccount: MutateFn<{ providerId: string; accountId?: string }>
+}

package/src/ui/types/avatar-options.ts

@@ -0,0 +1,29 @@
+import type { Image } from "./image"
+
+export type AvatarOptions = {
+    /**
+     * Upload an avatar image and return the URL string
+     * @remarks `(file: File) => Promise<string>`
+     */
+    upload?: (file: File) => Promise<string | undefined | null>
+    /**
+     * Delete a previously uploaded avatar image from your storage/CDN
+     * @remarks `(url: string) => Promise<void>`
+     */
+    delete?: (url: string) => Promise<void>
+    /**
+     * Avatar size for resizing
+     * @default 128 (or 256 if upload is provided)
+     */
+    size: number
+    /**
+     * File extension for avatar uploads
+     * @default "png"
+     */
+    extension: string
+    /**
+     * Custom Image component for rendering avatar images
+     * @default AvatarImage from Radix UI
+     */
+    Image?: Image
+}

package/src/ui/types/captcha-options.ts

@@ -0,0 +1,32 @@
+import type { CaptchaProvider } from "./captcha-provider"
+
+export type CaptchaOptions = {
+    /**
+     * Captcha site key
+     */
+    siteKey: string
+    /**
+     * Captcha provider type
+     */
+    provider: CaptchaProvider
+    /**
+     * Hide the captcha badge
+     * @default false
+     */
+    hideBadge?: boolean
+    /**
+     * Use recaptcha.net domain instead of google.com
+     * @default false
+     */
+    recaptchaNet?: boolean
+    /**
+     * Enable enterprise mode for Google reCAPTCHA
+     * @default false
+     */
+    enterprise?: boolean
+    /**
+     * Overrides the default array of paths where captcha validation is enforced
+     * @default ["/sign-up/email", "/sign-in/email", "/forget-password"]
+     */
+    endpoints?: string[]
+}

package/src/ui/types/captcha-provider.ts

@@ -0,0 +1,7 @@
+export type CaptchaProvider =
+    | "cloudflare-turnstile"
+    | "google-recaptcha-v2-checkbox"
+    | "google-recaptcha-v2-invisible"
+    | "google-recaptcha-v3"
+    | "hcaptcha"
+    | "captchafox"