@better-auth-ui/core 1.6.1 → 1.6.3

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

@@ -1,11 +1,12 @@
-import type { SocialProvider } from "better-auth/social-providers";
-import { type BasePaths } from "../lib/base-paths";
-import { type Localization } from "../lib/localization";
-import { type ViewPaths } from "../lib/view-paths";
-import type { AppearanceConfig } from "./appearance-config";
-import type { AvatarConfig } from "./avatar-config";
-import type { DeleteUserConfig } from "./delete-user-config";
-import type { EmailAndPasswordConfig } from "./email-and-password-config";
+import { SocialProvider } from 'better-auth/social-providers';
+import { BasePaths } from '../lib/base-paths';
+import { Localization } from '../lib/localization';
+import { ViewPaths } from '../lib/view-paths';
+import { AppearanceConfig } from './appearance-config';
+import { AvatarConfig } from './avatar-config';
+import { DeleteUserConfig } from './delete-user-config';
+import { EmailAndPasswordConfig } from './email-and-password-config';
+import { UsernameConfig } from './username-config';
 /**
  * Core authentication configuration interface.
  *
@@ -71,6 +72,11 @@ export interface AuthConfig {
      * @remarks `ViewPaths`
      */
     viewPaths: ViewPaths;
+    /**
+     * Username plugin configuration
+     * @remarks `UsernameConfig`
+     */
+    username: UsernameConfig;
     /**
      * Function to navigate to a new path
      * @param options - Navigation options with href and optional replace flag

package/dist/config/auth-config.js

@@ -1,35 +1,42 @@
-import { basePaths } from "../lib/base-paths";
-import { localization } from "../lib/localization";
-import { resizeAvatar } from "../lib/utils";
-import { viewPaths } from "../lib/view-paths";
-export const defaultAuthConfig = {
-    appearance: {
-        themes: ["system", "light", "dark"]
-    },
-    avatar: {
-        enabled: true,
-        resize: resizeAvatar,
-        size: 256,
-        extension: "png"
-    },
-    basePaths,
-    baseURL: "",
-    emailAndPassword: {
-        enabled: true,
-        forgotPassword: true,
-        rememberMe: false,
-        minPasswordLength: 8,
-        maxPasswordLength: 128
-    },
-    redirectTo: "/",
-    viewPaths,
-    localization,
-    navigate: ({ to, replace }) => {
-        if (replace) {
-            window.location.replace(to);
-        }
-        else {
-            window.location.href = to;
-        }
-    }
+import { basePaths as e } from "../lib/base-paths.js";
+import { localization as t } from "../lib/localization.js";
+import { resizeAvatar as n } from "../lib/utils.js";
+import { viewPaths as r } from "../lib/view-paths.js";
+//#region src/config/auth-config.ts
+var i = {
+	appearance: { themes: [
+		"system",
+		"light",
+		"dark"
+	] },
+	avatar: {
+		enabled: !0,
+		resize: n,
+		size: 256,
+		extension: "png"
+	},
+	basePaths: e,
+	baseURL: "",
+	emailAndPassword: {
+		enabled: !0,
+		forgotPassword: !0,
+		rememberMe: !1,
+		minPasswordLength: 8,
+		maxPasswordLength: 128
+	},
+	redirectTo: "/",
+	viewPaths: r,
+	localization: t,
+	username: {
+		enabled: !1,
+		displayUsername: !0,
+		isUsernameAvailable: !0,
+		minUsernameLength: 3,
+		maxUsernameLength: 30
+	},
+	navigate: ({ to: e, replace: t }) => {
+		t ? window.location.replace(e) : window.location.href = e;
+	}
 };
+//#endregion
+export { i as defaultAuthConfig };

package/dist/config/index.d.ts

@@ -1,5 +1,6 @@
-export * from "./appearance-config";
-export * from "./auth-config";
-export * from "./avatar-config";
-export * from "./delete-user-config";
-export * from "./email-and-password-config";
+export * from './appearance-config';
+export * from './auth-config';
+export * from './avatar-config';
+export * from './delete-user-config';
+export * from './email-and-password-config';
+export * from './username-config';

package/dist/config/username-config.d.ts

@@ -0,0 +1,18 @@
+export interface UsernameConfig {
+    /** Whether the username plugin is enabled */
+    enabled: boolean;
+    /** Whether to use displayUsername for the visible username field */
+    displayUsername: boolean;
+    /** Whether to check username availability on sign-up and user profile */
+    isUsernameAvailable: boolean;
+    /**
+     * Minimum allowed username length
+     * @default 3
+     */
+    minUsernameLength: number;
+    /**
+     * Maximum allowed username length
+     * @default 30
+     */
+    maxUsernameLength: number;
+}

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-export * from "./config";
-export * from "./lib/base-paths";
-export * from "./lib/localization";
-export * from "./lib/provider-names";
-export * from "./lib/utils";
-export * from "./lib/view-paths";
+export * from './config';
+export * from './lib/base-paths';
+export * from './lib/localization';
+export * from './lib/provider-names';
+export * from './lib/utils';
+export * from './lib/view-paths';

package/dist/index.js

@@ -1,6 +1,7 @@
-export * from "./config";
-export * from "./lib/base-paths";
-export * from "./lib/localization";
-export * from "./lib/provider-names";
-export * from "./lib/utils";
-export * from "./lib/view-paths";
+import { basePaths as e } from "./lib/base-paths.js";
+import { localization as t } from "./lib/localization.js";
+import { deepmerge as n, fileToBase64 as r, resizeAvatar as i } from "./lib/utils.js";
+import { viewPaths as a } from "./lib/view-paths.js";
+import { defaultAuthConfig as o } from "./config/auth-config.js";
+import { getProviderName as s, providerNames as c } from "./lib/provider-names.js";
+export { e as basePaths, n as deepmerge, o as defaultAuthConfig, r as fileToBase64, s as getProviderName, t as localization, c as providerNames, i as resizeAvatar, a as viewPaths };

package/dist/lib/base-paths.js

@@ -1,5 +1,8 @@
-export const basePaths = {
-    auth: "/auth",
-    settings: "/settings",
-    organization: "/organization"
+//#region src/lib/base-paths.ts
+var e = {
+	auth: "/auth",
+	settings: "/settings",
+	organization: "/organization"
 };
+//#endregion
+export { e as basePaths };

package/dist/lib/localization.d.ts

@@ -74,6 +74,16 @@ export declare const localization: {
         signUp: string;
         /** @remarks `"Switch Account"` */
         switchAccount: string;
+        /** @remarks `"Username"` */
+        username: string;
+        /** @remarks `"Username is available"` */
+        usernameAvailable: string;
+        /** @remarks `"Enter your username or email"` */
+        usernameOrEmailPlaceholder: string;
+        /** @remarks `"Enter your username"` */
+        usernamePlaceholder: string;
+        /** @remarks `"Username is already taken. Please try another."` */
+        usernameTaken: string;
         /** @remarks `"Verification email sent!"` */
         verificationEmailSent: string;
         /** @remarks `"Verify your email"` */

package/dist/lib/localization.js

@@ -1,184 +1,103 @@
-export const localization = {
-    auth: {
-        /** @remarks `"Account"` */
-        account: "Account",
-        /** @remarks `"Add Account"` */
-        addAccount: "Add Account",
-        /** @remarks `"Already have an account?"` */
-        alreadyHaveAnAccount: "Already have an account?",
-        /** @remarks `"Confirm password"` */
-        confirmPassword: "Confirm password",
-        /** @remarks `"Confirm your password"` */
-        confirmPasswordPlaceholder: "Confirm your password",
-        /** @remarks `"Continue with {{provider}}"` */
-        continueWith: "Continue with {{provider}}",
-        /** @remarks `"Email"` */
-        email: "Email",
-        /** @remarks `"Enter your email"` */
-        emailPlaceholder: "Enter your email",
-        /** @remarks `"Forgot Password"` */
-        forgotPassword: "Forgot Password",
-        /** @remarks `"Forgot password?"` */
-        forgotPasswordLink: "Forgot password?",
-        /** @remarks `"Hide password"` */
-        hidePassword: "Hide password",
-        /** @remarks `"Invalid reset password token"` */
-        invalidResetPasswordToken: "Invalid reset password token",
-        /** @remarks `"Magic Link"` */
-        magicLink: "Magic Link",
-        /** @remarks `"Magic link sent to your email"` */
-        magicLinkSent: "Magic link sent to your email",
-        /** @remarks `"Name"` */
-        name: "Name",
-        /** @remarks `"Enter your name"` */
-        namePlaceholder: "Enter your name",
-        /** @remarks `"Need to create an account?"` */
-        needToCreateAnAccount: "Need to create an account?",
-        /** @remarks `"New password"` */
-        newPassword: "New password",
-        /** @remarks `"Enter your new password"` */
-        newPasswordPlaceholder: "Enter your new password",
-        /** @remarks `"OR"` */
-        or: "OR",
-        /** @remarks `"Passkey"` */
-        passkey: "Passkey",
-        /** @remarks `"Password"` */
-        password: "Password",
-        /** @remarks `"Enter your password"` */
-        passwordPlaceholder: "Enter your password",
-        /** @remarks `"Password reset email sent"` */
-        passwordResetEmailSent: "Password reset email sent",
-        /** @remarks `"Password reset successfully"` */
-        passwordResetSuccess: "Password reset successfully",
-        /** @remarks `"Passwords do not match"` */
-        passwordsDoNotMatch: "Passwords do not match",
-        /** @remarks `"Remember me"` */
-        rememberMe: "Remember me",
-        /** @remarks `"Remember your password?"` */
-        rememberYourPassword: "Remember your password?",
-        /** @remarks `"Resend"` */
-        resend: "Resend",
-        /** @remarks `"Reset Password"` */
-        resetPassword: "Reset Password",
-        /** @remarks `"Send Magic Link"` */
-        sendMagicLink: "Send Magic Link",
-        /** @remarks `"Send reset link"` */
-        sendResetLink: "Send reset link",
-        /** @remarks `"Show password"` */
-        showPassword: "Show password",
-        /** @remarks `"Sign In"` */
-        signIn: "Sign In",
-        /** @remarks `"Sign Out"` */
-        signOut: "Sign Out",
-        /** @remarks `"Sign Up"` */
-        signUp: "Sign Up",
-        /** @remarks `"Switch Account"` */
-        switchAccount: "Switch Account",
-        /** @remarks `"Verification email sent!"` */
-        verificationEmailSent: "Verification email sent!",
-        /** @remarks `"Verify your email"` */
-        verifyYourEmail: "Verify your email"
-    },
-    settings: {
-        /** @remarks `"Account"` */
-        account: "Account",
-        /** @remarks `"Account unlinked"` */
-        accountUnlinked: "Account unlinked",
-        /** @remarks `"Active"` */
-        active: "Active",
-        /** @remarks `"Active sessions"` */
-        activeSessions: "Active sessions",
-        /** @remarks `"Avatar"` */
-        avatar: "Avatar",
-        /** @remarks `"Current session"` */
-        currentSession: "Current session",
-        /** @remarks `"Avatar changed successfully"` */
-        avatarChangedSuccess: "Avatar changed successfully",
-        /** @remarks `"Avatar deleted successfully"` */
-        avatarDeletedSuccess: "Avatar deleted successfully",
-        /** @remarks `"Change avatar"` */
-        changeAvatar: "Change avatar",
-        /** @remarks `"Delete avatar"` */
-        deleteAvatar: "Delete avatar",
-        /** @remarks `"Link"` */
-        link: "Link",
-        /** @remarks `"Linked accounts"` */
-        linkedAccounts: "Linked accounts",
-        /** @remarks `"Link your {{provider}} account"` */
-        linkProvider: "Link your {{provider}} account",
-        /** @remarks `"Appearance"` */
-        appearance: "Appearance",
-        /** @remarks `"Cancel"` */
-        cancel: "Cancel",
-        /** @remarks `"Change email"` */
-        changeEmail: "Change email",
-        /** @remarks `"Check your email to confirm the change"` */
-        changeEmailSuccess: "Check your email to confirm the change",
-        /** @remarks `"Change password"` */
-        changePassword: "Change password",
-        /** @remarks `"Password changed successfully"` */
-        changePasswordSuccess: "Password changed successfully",
-        /** @remarks `"Current password"` */
-        currentPassword: "Current password",
-        /** @remarks `"Enter your current password"` */
-        currentPasswordPlaceholder: "Enter your current password",
-        /** @remarks `"Dark"` */
-        dark: "Dark",
-        /** @remarks `"Danger zone"` */
-        dangerZone: "Danger zone",
-        /** @remarks `"Delete user"` */
-        deleteUser: "Delete user",
-        /** @remarks `"Permanently remove your account and all associated data. This cannot be undone."` */
-        deleteUserDescription: "Permanently remove your account and all associated data. This cannot be undone.",
-        /** @remarks `"Check your email to confirm account deletion."` */
-        deleteUserVerificationSent: "Check your email to confirm account deletion.",
-        /** @remarks `"Your account has been deleted."` */
-        deleteUserSuccess: "Your account has been deleted.",
-        /** @remarks `"Light"` */
-        light: "Light",
-        /** @remarks `"Manage accounts"` */
-        manageAccounts: "Manage accounts",
-        /** @remarks `"Add passkey"` */
-        addPasskey: "Add passkey",
-        /** @remarks `"Delete"` */
-        delete: "Delete",
-        /** @remarks `"Passkeys"` */
-        passkeys: "Passkeys",
-        /** @remarks `"Manage your passkeys for secure access."` */
-        passkeysDescription: "Manage your passkeys for secure access.",
-        /** @remarks `"Securely access your account without a password."` */
-        passkeysInstructions: "Securely access your account without a password.",
-        /** @remarks `"Profile"` */
-        profile: "Profile",
-        /** @remarks `"Profile updated successfully"` */
-        profileUpdatedSuccess: "Profile updated successfully",
-        /** @remarks `"Revoke"` */
-        revoke: "Revoke",
-        /** @remarks `"Revoke session"` */
-        revokeSession: "Revoke session",
-        /** @remarks `"Session revoked successfully"` */
-        revokeSessionSuccess: "Session revoked successfully",
-        /** @remarks `"Save changes"` */
-        saveChanges: "Save changes",
-        /** @remarks `"Set password"` */
-        setPassword: "Set password",
-        /** @remarks `"You don't have a password yet. Request a reset link to set one up."` */
-        setPasswordDescription: "You don't have a password yet. Request a reset link to set one up.",
-        /** @remarks `"Security"` */
-        security: "Security",
-        /** @remarks `"Settings"` */
-        settings: "Settings",
-        /** @remarks `"System"` */
-        system: "System",
-        /** @remarks `"Theme"` */
-        theme: "Theme",
-        /** @remarks `"Unlink {{provider}}"` */
-        unlinkProvider: "Unlink {{provider}}",
-        /** @remarks `"Update email"` */
-        updateEmail: "Update email",
-        /** @remarks `"Update password"` */
-        updatePassword: "Update password",
-        /** @remarks `"Upload avatar"` */
-        uploadAvatar: "Upload avatar"
-    }
+//#region src/lib/localization.ts
+var e = {
+	auth: {
+		account: "Account",
+		addAccount: "Add Account",
+		alreadyHaveAnAccount: "Already have an account?",
+		confirmPassword: "Confirm password",
+		confirmPasswordPlaceholder: "Confirm your password",
+		continueWith: "Continue with {{provider}}",
+		email: "Email",
+		emailPlaceholder: "Enter your email",
+		forgotPassword: "Forgot Password",
+		forgotPasswordLink: "Forgot password?",
+		hidePassword: "Hide password",
+		invalidResetPasswordToken: "Invalid reset password token",
+		magicLink: "Magic Link",
+		magicLinkSent: "Magic link sent to your email",
+		name: "Name",
+		namePlaceholder: "Enter your name",
+		needToCreateAnAccount: "Need to create an account?",
+		newPassword: "New password",
+		newPasswordPlaceholder: "Enter your new password",
+		or: "OR",
+		passkey: "Passkey",
+		password: "Password",
+		passwordPlaceholder: "Enter your password",
+		passwordResetEmailSent: "Password reset email sent",
+		passwordResetSuccess: "Password reset successfully",
+		passwordsDoNotMatch: "Passwords do not match",
+		rememberMe: "Remember me",
+		rememberYourPassword: "Remember your password?",
+		resend: "Resend",
+		resetPassword: "Reset Password",
+		sendMagicLink: "Send Magic Link",
+		sendResetLink: "Send reset link",
+		showPassword: "Show password",
+		signIn: "Sign In",
+		signOut: "Sign Out",
+		signUp: "Sign Up",
+		switchAccount: "Switch Account",
+		username: "Username",
+		usernameAvailable: "Username is available",
+		usernameOrEmailPlaceholder: "Enter your username or email",
+		usernamePlaceholder: "Enter your username",
+		usernameTaken: "Username is already taken. Please try another.",
+		verificationEmailSent: "Verification email sent!",
+		verifyYourEmail: "Verify your email"
+	},
+	settings: {
+		account: "Account",
+		accountUnlinked: "Account unlinked",
+		active: "Active",
+		activeSessions: "Active sessions",
+		avatar: "Avatar",
+		currentSession: "Current session",
+		avatarChangedSuccess: "Avatar changed successfully",
+		avatarDeletedSuccess: "Avatar deleted successfully",
+		changeAvatar: "Change avatar",
+		deleteAvatar: "Delete avatar",
+		link: "Link",
+		linkedAccounts: "Linked accounts",
+		linkProvider: "Link your {{provider}} account",
+		appearance: "Appearance",
+		cancel: "Cancel",
+		changeEmail: "Change email",
+		changeEmailSuccess: "Check your email to confirm the change",
+		changePassword: "Change password",
+		changePasswordSuccess: "Password changed successfully",
+		currentPassword: "Current password",
+		currentPasswordPlaceholder: "Enter your current password",
+		dark: "Dark",
+		dangerZone: "Danger zone",
+		deleteUser: "Delete user",
+		deleteUserDescription: "Permanently remove your account and all associated data. This cannot be undone.",
+		deleteUserVerificationSent: "Check your email to confirm account deletion.",
+		deleteUserSuccess: "Your account has been deleted.",
+		light: "Light",
+		manageAccounts: "Manage accounts",
+		addPasskey: "Add passkey",
+		delete: "Delete",
+		passkeys: "Passkeys",
+		passkeysDescription: "Manage your passkeys for secure access.",
+		passkeysInstructions: "Securely access your account without a password.",
+		profile: "Profile",
+		profileUpdatedSuccess: "Profile updated successfully",
+		revoke: "Revoke",
+		revokeSession: "Revoke session",
+		revokeSessionSuccess: "Session revoked successfully",
+		saveChanges: "Save changes",
+		setPassword: "Set password",
+		setPasswordDescription: "You don't have a password yet. Request a reset link to set one up.",
+		security: "Security",
+		settings: "Settings",
+		system: "System",
+		theme: "Theme",
+		unlinkProvider: "Unlink {{provider}}",
+		updateEmail: "Update email",
+		updatePassword: "Update password",
+		uploadAvatar: "Upload avatar"
+	}
 };
+//#endregion
+export { e as localization };

package/dist/lib/provider-names.d.ts

@@ -1,4 +1,4 @@
-import type { SocialProvider } from "better-auth/social-providers";
+import { SocialProvider } from 'better-auth/social-providers';
 /**
  * Mapping of social authentication provider identifiers to their human-readable display names.
  */

package/dist/lib/provider-names.js

@@ -1,50 +1,43 @@
-/**
- * Mapping of social authentication provider identifiers to their human-readable display names.
- */
-export const providerNames = {
-    apple: "Apple",
-    atlassian: "Atlassian",
-    cognito: "Cognito",
-    discord: "Discord",
-    dropbox: "Dropbox",
-    facebook: "Facebook",
-    figma: "Figma",
-    github: "GitHub",
-    gitlab: "GitLab",
-    google: "Google",
-    huggingface: "Hugging Face",
-    kakao: "Kakao",
-    kick: "Kick",
-    line: "LINE",
-    linear: "Linear",
-    linkedin: "LinkedIn",
-    microsoft: "Microsoft",
-    naver: "Naver",
-    notion: "Notion",
-    paybin: "Paybin",
-    paypal: "PayPal",
-    polar: "Polar",
-    railway: "Railway",
-    reddit: "Reddit",
-    roblox: "Roblox",
-    salesforce: "Salesforce",
-    slack: "Slack",
-    spotify: "Spotify",
-    tiktok: "TikTok",
-    twitch: "Twitch",
-    twitter: "X",
-    vercel: "Vercel",
-    vk: "VK",
-    wechat: "WeChat",
-    zoom: "Zoom"
+//#region src/lib/provider-names.ts
+var e = {
+	apple: "Apple",
+	atlassian: "Atlassian",
+	cognito: "Cognito",
+	discord: "Discord",
+	dropbox: "Dropbox",
+	facebook: "Facebook",
+	figma: "Figma",
+	github: "GitHub",
+	gitlab: "GitLab",
+	google: "Google",
+	huggingface: "Hugging Face",
+	kakao: "Kakao",
+	kick: "Kick",
+	line: "LINE",
+	linear: "Linear",
+	linkedin: "LinkedIn",
+	microsoft: "Microsoft",
+	naver: "Naver",
+	notion: "Notion",
+	paybin: "Paybin",
+	paypal: "PayPal",
+	polar: "Polar",
+	railway: "Railway",
+	reddit: "Reddit",
+	roblox: "Roblox",
+	salesforce: "Salesforce",
+	slack: "Slack",
+	spotify: "Spotify",
+	tiktok: "TikTok",
+	twitch: "Twitch",
+	twitter: "X",
+	vercel: "Vercel",
+	vk: "VK",
+	wechat: "WeChat",
+	zoom: "Zoom"
 };
-/**
- * Get the human-readable display name for an authentication provider.
- *
- * @param provider - The provider identifier (e.g., "github", "google").
- * @returns The mapped display name for `provider` if available, otherwise `provider` with its first character capitalized.
- */
-export function getProviderName(provider) {
-    return (providerNames[provider] ||
-        provider.charAt(0).toUpperCase() + provider.slice(1));
+function t(t) {
+	return e[t] || t.charAt(0).toUpperCase() + t.slice(1);
 }
+//#endregion
+export { t as getProviderName, e as providerNames };

package/dist/lib/utils.js

@@ -1,116 +1,48 @@
-/**
- * Type guard that checks whether a value is a non-null, non-array object.
- */
-function isObject(item) {
-    return item !== null && typeof item === "object" && !Array.isArray(item);
+//#region src/lib/utils.ts
+function e(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-/**
- * Type guard that checks whether a value is a plain object suitable for deep merging.
- * Excludes `Date`, `RegExp`, and other special object types.
- */
-function isPlainObject(item) {
-    if (!isObject(item))
-        return false;
-    // Handle special object types that should not be merged
-    if (item instanceof Date)
-        return false;
-    if (item instanceof RegExp)
-        return false;
-    return true;
+function t(t) {
+	return !(!e(t) || t instanceof Date || t instanceof RegExp);
 }
-/**
- * Resize and square-crop an image file for use as an avatar.
- *
- * The image is center-cropped to a square, scaled down to at most {@link size} pixels,
- * and converted to the specified output format.
- *
- * @param file - The source image file.
- * @param size - Max dimension in pixels for the output image.
- * @param extension - Output format. Use `"inherit"` to keep the original format.
- * @returns A promise that resolves to the processed `File`.
- */
-export function resizeAvatar(file, size = 256, extension = "png") {
-    const MAX_SIZE = size;
-    const resolvedExtension = extension === "inherit" ? file.name.split(".").pop() : extension;
-    const mimeType = extension === "inherit"
-        ? file.type
-        : `image/${extension === "jpg" ? "jpeg" : extension}`;
-    return new Promise((resolve, reject) => {
-        const img = new Image();
-        const url = URL.createObjectURL(file);
-        img.onload = () => {
-            URL.revokeObjectURL(url);
-            const { naturalWidth: w, naturalHeight: h } = img;
-            const side = Math.min(w, h);
-            const cropX = (w - side) / 2;
-            const cropY = (h - side) / 2;
-            const outSize = Math.min(side, MAX_SIZE);
-            const canvas = document.createElement("canvas");
-            canvas.width = outSize;
-            canvas.height = outSize;
-            const ctx = canvas.getContext("2d");
-            if (!ctx) {
-                reject(new Error("Could not get canvas context"));
-                return;
-            }
-            ctx.drawImage(img, cropX, cropY, side, side, 0, 0, outSize, outSize);
-            canvas.toBlob((blob) => {
-                if (!blob) {
-                    reject(new Error("Could not create blob from canvas"));
-                    return;
-                }
-                resolve(new File([blob], file.name.replace(/\.[^.]+$/, `.${resolvedExtension}`), {
-                    type: mimeType
-                }));
-            }, mimeType, 1);
-        };
-        img.onerror = () => {
-            URL.revokeObjectURL(url);
-            reject(new Error("Failed to load image"));
-        };
-        img.src = url;
-    });
+function n(e, t = 256, n = "png") {
+	let r = t, i = n === "inherit" ? e.name.split(".").pop() : n, a = n === "inherit" ? e.type : `image/${n === "jpg" ? "jpeg" : n}`;
+	return new Promise((t, n) => {
+		let o = new Image(), s = URL.createObjectURL(e);
+		o.onload = () => {
+			URL.revokeObjectURL(s);
+			let { naturalWidth: c, naturalHeight: l } = o, u = Math.min(c, l), d = (c - u) / 2, f = (l - u) / 2, p = Math.min(u, r), m = document.createElement("canvas");
+			m.width = p, m.height = p;
+			let h = m.getContext("2d");
+			if (!h) {
+				n(/* @__PURE__ */ Error("Could not get canvas context"));
+				return;
+			}
+			h.drawImage(o, d, f, u, u, 0, 0, p, p), m.toBlob((r) => {
+				if (!r) {
+					n(/* @__PURE__ */ Error("Could not create blob from canvas"));
+					return;
+				}
+				t(new File([r], e.name.replace(/\.[^.]+$/, `.${i}`), { type: a }));
+			}, a, 1);
+		}, o.onerror = () => {
+			URL.revokeObjectURL(s), n(/* @__PURE__ */ Error("Failed to load image"));
+		}, o.src = s;
+	});
 }
-/**
- * Convert a `File` to a base64-encoded data URL string.
- *
- * @param file - The file to encode.
- * @returns A promise that resolves to the base64 data URL.
- */
-export function fileToBase64(file) {
-    return new Promise((resolve, reject) => {
-        const reader = new FileReader();
-        reader.onload = () => resolve(reader.result);
-        reader.onerror = () => reject(new Error("Failed to read file"));
-        reader.readAsDataURL(file);
-    });
+function r(e) {
+	return new Promise((t, n) => {
+		let r = new FileReader();
+		r.onload = () => t(r.result), r.onerror = () => n(/* @__PURE__ */ Error("Failed to read file")), r.readAsDataURL(e);
+	});
 }
-/**
- * Recursively merge `source` into `target`, producing a new object.
- *
- * - Plain objects are merged key-by-key; nested objects are merged recursively.
- * - `undefined` values in `source` are skipped (existing `target` values are preserved).
- * - Non-plain values (arrays, `Date`, `RegExp`, primitives, functions) in `source`
- *   replace the corresponding `target` value outright.
- *
- * @param target - The base object.
- * @param source - Partial overrides to apply on top of `target`.
- * @returns A new merged object of type `T`.
- */
-export function deepmerge(target, source) {
-    if (isPlainObject(target) && isPlainObject(source)) {
-        const result = { ...target };
-        for (const [key, value] of Object.entries(source)) {
-            if (value === undefined)
-                continue; // skip undefineds
-            if (key in target) {
-                result[key] = deepmerge(target[key], value);
-            }
-            else {
-                result[key] = value;
-            }
-        }
-        return result;
-    }
-    return source;
+function i(e, n) {
+	if (t(e) && t(n)) {
+		let t = { ...e };
+		for (let [r, a] of Object.entries(n)) a !== void 0 && (r in e ? t[r] = i(e[r], a) : t[r] = a);
+		return t;
+	}
+	return n;
 }
+//#endregion
+export { i as deepmerge, r as fileToBase64, n as resizeAvatar };

package/dist/lib/view-paths.js

@@ -1,14 +1,17 @@
-export const viewPaths = {
-    auth: {
-        signIn: "sign-in",
-        signUp: "sign-up",
-        magicLink: "magic-link",
-        forgotPassword: "forgot-password",
-        resetPassword: "reset-password",
-        signOut: "sign-out"
-    },
-    settings: {
-        account: "account",
-        security: "security"
-    }
+//#region src/lib/view-paths.ts
+var e = {
+	auth: {
+		signIn: "sign-in",
+		signUp: "sign-up",
+		magicLink: "magic-link",
+		forgotPassword: "forgot-password",
+		resetPassword: "reset-password",
+		signOut: "sign-out"
+	},
+	settings: {
+		account: "account",
+		security: "security"
+	}
 };
+//#endregion
+export { e as viewPaths };

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@better-auth-ui/core",
-  "version": "1.6.1",
+  "version": "1.6.3",
   "type": "module",
   "scripts": {
-    "build": "tsc",
+    "build": "vite build",
     "dev": "tsc --watch",
     "test": "vitest"
   },
@@ -15,16 +15,16 @@
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
     }
   },
   "devDependencies": {
-    "better-auth": "^1.6.4",
+    "better-auth": "^1.6.5",
     "vitest": "^4.1.4"
   },
   "peerDependencies": {
-    "better-auth": ">=1.6.4"
+    "better-auth": ">=1.6.5"
   },
   "repository": {
     "type": "git",

package/src/config/auth-config.ts

@@ -8,6 +8,7 @@ import type { AppearanceConfig } from "./appearance-config"
 import type { AvatarConfig } from "./avatar-config"
 import type { DeleteUserConfig } from "./delete-user-config"
 import type { EmailAndPasswordConfig } from "./email-and-password-config"
+import type { UsernameConfig } from "./username-config"
 
 /**
  * Core authentication configuration interface.
@@ -74,6 +75,11 @@ export interface AuthConfig {
    * @remarks `ViewPaths`
    */
   viewPaths: ViewPaths
+  /**
+   * Username plugin configuration
+   * @remarks `UsernameConfig`
+   */
+  username: UsernameConfig
   /**
    * Function to navigate to a new path
    * @param options - Navigation options with href and optional replace flag
@@ -109,6 +115,13 @@ export const defaultAuthConfig: AuthConfig = {
   redirectTo: "/",
   viewPaths,
   localization,
+  username: {
+    enabled: false,
+    displayUsername: true,
+    isUsernameAvailable: true,
+    minUsernameLength: 3,
+    maxUsernameLength: 30
+  },
   navigate: ({ to, replace }) => {
     if (replace) {
       window.location.replace(to)

package/src/config/index.ts

@@ -3,3 +3,4 @@ export * from "./auth-config"
 export * from "./avatar-config"
 export * from "./delete-user-config"
 export * from "./email-and-password-config"
+export * from "./username-config"

package/src/config/username-config.ts

@@ -0,0 +1,18 @@
+export interface UsernameConfig {
+  /** Whether the username plugin is enabled */
+  enabled: boolean
+  /** Whether to use displayUsername for the visible username field */
+  displayUsername: boolean
+  /** Whether to check username availability on sign-up and user profile */
+  isUsernameAvailable: boolean
+  /**
+   * Minimum allowed username length
+   * @default 3
+   */
+  minUsernameLength: number
+  /**
+   * Maximum allowed username length
+   * @default 30
+   */
+  maxUsernameLength: number
+}

package/src/lib/localization.ts

@@ -111,6 +111,21 @@ export const localization = {
     /** @remarks `"Switch Account"` */
     switchAccount: "Switch Account",
 
+    /** @remarks `"Username"` */
+    username: "Username",
+
+    /** @remarks `"Username is available"` */
+    usernameAvailable: "Username is available",
+
+    /** @remarks `"Enter your username or email"` */
+    usernameOrEmailPlaceholder: "Enter your username or email",
+
+    /** @remarks `"Enter your username"` */
+    usernamePlaceholder: "Enter your username",
+
+    /** @remarks `"Username is already taken. Please try another."` */
+    usernameTaken: "Username is already taken. Please try another.",
+
     /** @remarks `"Verification email sent!"` */
     verificationEmailSent: "Verification email sent!",
 

package/dist/config/appearance-config.js

@@ -1 +0,0 @@
-export {};

package/dist/config/avatar-config.js

@@ -1 +0,0 @@
-export {};

package/dist/config/delete-user-config.js

@@ -1 +0,0 @@
-export {};

package/dist/config/email-and-password-config.js

@@ -1 +0,0 @@
-export {};

package/dist/config/index.js

@@ -1,5 +0,0 @@
-export * from "./appearance-config";
-export * from "./auth-config";
-export * from "./avatar-config";
-export * from "./delete-user-config";
-export * from "./email-and-password-config";