@better-auth-ui/heroui 1.6.3 → 1.6.4

package/dist/lib/auth/auth-plugin.d.ts

@@ -0,0 +1,44 @@
+import { AdditionalField as AdditionalFieldConfig } from '@better-auth-ui/core';
+import { AccountCardProps, AuthPlugin as AuthPluginPrimitive, AuthPluginComponents as BaseAuthPluginComponents, SecurityCardProps, UserMenuItemProps } from '@better-auth-ui/react';
+import { CardProps } from '@heroui/react';
+import { ComponentType, ReactNode } from 'react';
+import { SocialLayout } from '../../components/auth/provider-buttons';
+/** Props for the heroui `<AdditionalField>` component and `field.render` callbacks. */
+export type AdditionalFieldProps = {
+    name: string;
+    field: AdditionalFieldConfig;
+    isPending?: boolean;
+    variant?: CardProps["variant"];
+};
+declare module "@better-auth-ui/core" {
+    interface AuthPluginRegister {
+        heroui: AuthPlugin;
+    }
+    interface AdditionalFieldRegister {
+        label: ReactNode;
+        renderProps: AdditionalFieldProps;
+        renderResult: ReactNode;
+    }
+}
+/** Heroui slot component shapes — inherits from the framework-agnostic defaults and narrows slots that receive a heroui variant from the host. */
+export type AuthPluginComponents = Omit<BaseAuthPluginComponents, "securityCards" | "accountCards"> & {
+    /** Rendered as cards inside security settings */
+    securityCards?: ComponentType<SecurityCardProps & {
+        variant?: CardProps["variant"];
+    }>[];
+    /** Rendered as cards inside account settings */
+    accountCards?: ComponentType<AccountCardProps & {
+        variant?: CardProps["variant"];
+    }>[];
+    /** Rendered as items inside the `UserButton` dropdown (e.g. account switcher). */
+    userMenuItems?: ComponentType<UserMenuItemProps>[];
+};
+/** Props the heroui `<Auth>` router spreads onto plugin-contributed auth views. */
+export type AuthViewProps = Omit<CardProps, "children"> & {
+    socialLayout?: SocialLayout;
+    socialPosition?: "top" | "bottom";
+};
+/** Props the heroui `<Settings>` router spreads onto plugin-contributed settings views. */
+export type SettingsViewProps = Omit<CardProps, "children">;
+/** Heroui plugin type. Plugin authors import this from `@better-auth-ui/heroui`. */
+export type AuthPlugin = AuthPluginPrimitive<AuthPluginComponents, AuthViewProps, SettingsViewProps>;

package/dist/lib/auth/delete-user-plugin.d.ts

@@ -0,0 +1,17 @@
+import { DeleteUserPluginOptions } from '@better-auth-ui/core/plugins';
+import { DangerZone } from '../../components/auth/delete-user/danger-zone';
+export declare const deleteUserPlugin: ((options?: DeleteUserPluginOptions | undefined) => Omit<{
+    securityCards: (typeof DangerZone)[];
+    localization: {
+        deleteUser: string;
+        deleteUserDescription: string;
+        deleteUserVerificationSent: string;
+        deleteUserSuccess: string;
+    };
+    sendDeleteAccountVerification: boolean;
+    id: "deleteUser";
+}, "id"> & {
+    id: "deleteUser";
+}) & {
+    id: "deleteUser";
+};

package/dist/lib/auth/delete-user-plugin.js

@@ -0,0 +1,10 @@
+import { DangerZone as e } from "../../components/auth/delete-user/danger-zone.js";
+import { createAuthPlugin as t } from "@better-auth-ui/core";
+import { deleteUserPlugin as n } from "@better-auth-ui/core/plugins";
+//#region src/lib/auth/delete-user-plugin.ts
+var r = t(n.id, (t = {}) => ({
+	...n(t),
+	securityCards: [e]
+}));
+//#endregion
+export { r as deleteUserPlugin };

package/dist/lib/auth/magic-link-plugin.d.ts

@@ -0,0 +1,31 @@
+import { MagicLinkPluginOptions } from '@better-auth-ui/core/plugins';
+import { MagicLink } from '../../components/auth/magic-link/magic-link';
+import { MagicLinkButton } from '../../components/auth/magic-link/magic-link-button';
+export declare const magicLinkPlugin: ((options?: MagicLinkPluginOptions | undefined) => Omit<{
+    authButtons: (typeof MagicLinkButton)[];
+    views: {
+        auth: {
+            magicLink: typeof MagicLink;
+        };
+    };
+    fallbackViews: {
+        auth: {
+            signIn: typeof MagicLink;
+        };
+    };
+    localization: {
+        magicLink: string;
+        sendMagicLink: string;
+        magicLinkSent: string;
+    };
+    viewPaths: {
+        auth: {
+            magicLink: string;
+        };
+    };
+    id: "magicLink";
+}, "id"> & {
+    id: "magicLink";
+}) & {
+    id: "magicLink";
+};

package/dist/lib/auth/magic-link-plugin.js

@@ -0,0 +1,13 @@
+import { MagicLinkButton as e } from "../../components/auth/magic-link/magic-link-button.js";
+import { MagicLink as t } from "../../components/auth/magic-link/magic-link.js";
+import { createAuthPlugin as n } from "@better-auth-ui/core";
+import { magicLinkPlugin as r } from "@better-auth-ui/core/plugins";
+//#region src/lib/auth/magic-link-plugin.ts
+var i = n(r.id, (n = {}) => ({
+	...r(n),
+	authButtons: [e],
+	views: { auth: { magicLink: t } },
+	fallbackViews: { auth: { signIn: t } }
+}));
+//#endregion
+export { i as magicLinkPlugin };

package/dist/lib/auth/multi-session-plugin.d.ts

@@ -0,0 +1,18 @@
+import { MultiSessionPluginOptions } from '@better-auth-ui/core/plugins';
+import { ManageAccounts } from '../../components/auth/multi-session/manage-accounts';
+import { SwitchAccountSubmenu } from '../../components/auth/multi-session/switch-account-submenu';
+export declare const multiSessionPlugin: ((options?: MultiSessionPluginOptions | undefined) => Omit<{
+    accountCards: (typeof ManageAccounts)[];
+    userMenuItems: (typeof SwitchAccountSubmenu)[];
+    localization: {
+        switchAccount: string;
+        addAccount: string;
+        manageAccounts: string;
+        manageAccountsDescription: string;
+    };
+    id: "multiSession";
+}, "id"> & {
+    id: "multiSession";
+}) & {
+    id: "multiSession";
+};

package/dist/lib/auth/multi-session-plugin.js

@@ -0,0 +1,12 @@
+import { ManageAccounts as e } from "../../components/auth/multi-session/manage-accounts.js";
+import { SwitchAccountSubmenu as t } from "../../components/auth/multi-session/switch-account-submenu.js";
+import { createAuthPlugin as n } from "@better-auth-ui/core";
+import { multiSessionPlugin as r } from "@better-auth-ui/core/plugins";
+//#region src/lib/auth/multi-session-plugin.ts
+var i = n(r.id, (n = {}) => ({
+	...r(n),
+	accountCards: [e],
+	userMenuItems: [t]
+}));
+//#endregion
+export { i as multiSessionPlugin };

package/dist/lib/auth/passkey-plugin.d.ts

@@ -0,0 +1,20 @@
+import { PasskeyPluginOptions } from '@better-auth-ui/core/plugins';
+import { PasskeyButton } from '../../components/auth/passkey/passkey-button';
+import { Passkeys } from '../../components/auth/passkey/passkeys';
+export declare const passkeyPlugin: ((options?: PasskeyPluginOptions | undefined) => Omit<{
+    authButtons: (typeof PasskeyButton)[];
+    securityCards: (typeof Passkeys)[];
+    localization: {
+        passkey: string;
+        addPasskey: string;
+        deletePasskey: string;
+        passkeys: string;
+        passkeysDescription: string;
+        passkeysInstructions: string;
+    };
+    id: "passkey";
+}, "id"> & {
+    id: "passkey";
+}) & {
+    id: "passkey";
+};

package/dist/lib/auth/passkey-plugin.js

@@ -0,0 +1,12 @@
+import { PasskeyButton as e } from "../../components/auth/passkey/passkey-button.js";
+import { Passkeys as t } from "../../components/auth/passkey/passkeys.js";
+import { createAuthPlugin as n } from "@better-auth-ui/core";
+import { passkeyPlugin as r } from "@better-auth-ui/core/plugins";
+//#region src/lib/auth/passkey-plugin.ts
+var i = n(r.id, (n = {}) => ({
+	...r(n),
+	authButtons: [e],
+	securityCards: [t]
+}));
+//#endregion
+export { i as passkeyPlugin };

package/dist/lib/auth/theme-plugin.d.ts

@@ -0,0 +1,68 @@
+import { ThemeLocalization } from '@better-auth-ui/core/plugins';
+import { Appearance } from '../../components/auth/theme/appearance';
+import { ThemeToggleItem } from '../../components/auth/theme/theme-toggle-item';
+/**
+ * Hook shape compatible with `next-themes`' `useTheme` and similar APIs. The
+ * hook is invoked inside the plugin factory so consumers can register the
+ * plugin in the same component as their `<ThemeProvider>` without an extra
+ * inner component.
+ */
+export type UseThemeHook = () => {
+    theme?: string;
+    setTheme: (theme: string) => void;
+    themes?: string[];
+};
+type CommonThemeOptions = {
+    /**
+     * Override the plugin's default localization strings.
+     * @remarks `ThemeLocalization`
+     */
+    localization?: Partial<ThemeLocalization>;
+    /**
+     * Available theme options.
+     * @default ["system", "light", "dark"]
+     */
+    themes?: string[];
+};
+export type ThemePluginOptions = CommonThemeOptions & ({
+    /**
+     * A theme hook (e.g. next-themes' `useTheme`) called inside the
+     * plugin's slot components on every render. The hook owns the live
+     * theme value, so `theme`/`setTheme` are not accepted in this form.
+     */
+    useTheme: UseThemeHook;
+    theme?: never;
+    setTheme?: never;
+} | {
+    /**
+     * Current theme value. Required when not using a hook so slot
+     * components can highlight the active option. Pass it from a
+     * stateful source (e.g. `useState`, Context) so updates flow
+     * through `<AuthProvider>` and re-render slot components.
+     */
+    theme: string;
+    /** Setter that updates the value `theme` is read from. */
+    setTheme: (theme: string) => void;
+    useTheme?: never;
+});
+export declare const themePlugin: ((args_0: ThemePluginOptions) => Omit<{
+    useTheme: UseThemeHook;
+    userMenuItems: (typeof ThemeToggleItem)[];
+    accountCards: (typeof Appearance)[];
+    localization: {
+        appearance: string;
+        theme: string;
+        system: string;
+        light: string;
+        dark: string;
+    };
+    theme: string;
+    themes: string[];
+    setTheme: (theme: string) => void;
+    id: "theme";
+}, "id"> & {
+    id: "theme";
+}) & {
+    id: "theme";
+};
+export {};

package/dist/lib/auth/theme-plugin.js

@@ -0,0 +1,23 @@
+import { ThemeToggleItem as e } from "../../components/auth/theme/theme-toggle-item.js";
+import { Appearance as t } from "../../components/auth/theme/appearance.js";
+import { createAuthPlugin as n } from "@better-auth-ui/core";
+import { themePlugin as r } from "@better-auth-ui/core/plugins";
+//#region src/lib/auth/theme-plugin.ts
+var i = n(r.id, ({ useTheme: n, ...i }) => {
+	let a = r({
+		setTheme: () => {},
+		...i
+	});
+	return {
+		...a,
+		useTheme: n ?? (() => ({
+			theme: a.theme,
+			setTheme: a.setTheme,
+			themes: a.themes
+		})),
+		userMenuItems: [e],
+		accountCards: [t]
+	};
+});
+//#endregion
+export { i as themePlugin };

package/dist/lib/auth/username-plugin.d.ts

@@ -0,0 +1,63 @@
+import { UsernamePluginOptions } from '@better-auth-ui/core/plugins';
+import { SignInUsername } from '../../components/auth/username/sign-in-username';
+import { UsernameField } from '../../components/auth/username/username-field';
+export declare const usernamePlugin: ((options?: UsernamePluginOptions | undefined) => Omit<{
+    additionalFields: ({
+        name: string;
+        type: "string";
+        label: string;
+        placeholder: string;
+        inputType: "input";
+        signUp: "above";
+        required: boolean;
+    } | {
+        name: string;
+        type: "string";
+        label: string;
+        placeholder: string;
+        inputType: "input";
+        signUp: "above";
+        required?: undefined;
+    } | {
+        render: typeof UsernameField;
+        name: string;
+        type: "string";
+        label: string;
+        placeholder: string;
+        inputType: "input";
+        signUp: "above";
+        required: boolean;
+    } | {
+        render: typeof UsernameField;
+        name: string;
+        type: "string";
+        label: string;
+        placeholder: string;
+        inputType: "input";
+        signUp: "above";
+        required?: undefined;
+    })[];
+    views: {
+        auth: {
+            signIn: typeof SignInUsername;
+        };
+    };
+    localization: {
+        username: string;
+        usernamePlaceholder: string;
+        usernameOrEmailPlaceholder: string;
+        usernameAvailable: string;
+        usernameTaken: string;
+        displayUsername: string;
+        displayUsernamePlaceholder: string;
+    };
+    isUsernameAvailable?: boolean | undefined;
+    displayUsername?: boolean | undefined;
+    minUsernameLength: number;
+    maxUsernameLength: number;
+    id: "username";
+}, "id"> & {
+    id: "username";
+}) & {
+    id: "username";
+};

package/dist/lib/auth/username-plugin.js

@@ -0,0 +1,18 @@
+import { UsernameField as e } from "../../components/auth/username/username-field.js";
+import { SignInUsername as t } from "../../components/auth/username/sign-in-username.js";
+import { createAuthPlugin as n } from "@better-auth-ui/core";
+import { usernamePlugin as r } from "@better-auth-ui/core/plugins";
+//#region src/lib/auth/username-plugin.tsx
+var i = n(r.id, (n = {}) => {
+	let i = r(n);
+	return {
+		...i,
+		additionalFields: i.additionalFields?.map((t) => t.name === "username" ? {
+			...t,
+			render: e
+		} : t),
+		views: { auth: { signIn: t } }
+	};
+});
+//#endregion
+export { i as usernamePlugin };

package/dist/plugins.d.ts

@@ -0,0 +1,20 @@
+export * from './components/auth/delete-user/danger-zone';
+export * from './components/auth/delete-user/delete-user';
+export * from './components/auth/magic-link/magic-link';
+export * from './components/auth/multi-session/manage-account';
+export * from './components/auth/multi-session/manage-accounts';
+export * from './components/auth/multi-session/switch-account-submenu';
+export * from './components/auth/multi-session/switch-account-submenu-content';
+export * from './components/auth/multi-session/switch-account-submenu-item';
+export * from './components/auth/passkey/passkeys';
+export * from './components/auth/theme/appearance';
+export * from './components/auth/theme/theme-toggle-item';
+export * from './components/auth/username/sign-in-username';
+export * from './components/auth/username/username-field';
+export * from './lib/auth/auth-plugin';
+export * from './lib/auth/delete-user-plugin';
+export * from './lib/auth/magic-link-plugin';
+export * from './lib/auth/multi-session-plugin';
+export * from './lib/auth/passkey-plugin';
+export * from './lib/auth/theme-plugin';
+export * from './lib/auth/username-plugin';

package/dist/plugins.js

@@ -0,0 +1,21 @@
+"use client";
+import { deleteUserPlugin as e } from "./lib/auth/delete-user-plugin.js";
+import { DeleteUser as t } from "./components/auth/delete-user/delete-user.js";
+import { DangerZone as n } from "./components/auth/delete-user/danger-zone.js";
+import { magicLinkPlugin as r } from "./lib/auth/magic-link-plugin.js";
+import { MagicLink as i } from "./components/auth/magic-link/magic-link.js";
+import { ManageAccounts as a } from "./components/auth/multi-session/manage-accounts.js";
+import { SwitchAccountSubmenuItem as o } from "./components/auth/multi-session/switch-account-submenu-item.js";
+import { SwitchAccountSubmenuContent as s } from "./components/auth/multi-session/switch-account-submenu-content.js";
+import { SwitchAccountSubmenu as c } from "./components/auth/multi-session/switch-account-submenu.js";
+import { multiSessionPlugin as l } from "./lib/auth/multi-session-plugin.js";
+import { ManageAccount as u } from "./components/auth/multi-session/manage-account.js";
+import { passkeyPlugin as d } from "./lib/auth/passkey-plugin.js";
+import { Passkeys as f } from "./components/auth/passkey/passkeys.js";
+import { ThemeToggleItem as p } from "./components/auth/theme/theme-toggle-item.js";
+import { themePlugin as m } from "./lib/auth/theme-plugin.js";
+import { Appearance as h } from "./components/auth/theme/appearance.js";
+import { UsernameField as g } from "./components/auth/username/username-field.js";
+import { usernamePlugin as _ } from "./lib/auth/username-plugin.js";
+import { SignInUsername as v } from "./components/auth/username/sign-in-username.js";
+export { h as Appearance, n as DangerZone, t as DeleteUser, i as MagicLink, u as ManageAccount, a as ManageAccounts, f as Passkeys, v as SignInUsername, c as SwitchAccountSubmenu, s as SwitchAccountSubmenuContent, o as SwitchAccountSubmenuItem, p as ThemeToggleItem, g as UsernameField, e as deleteUserPlugin, r as magicLinkPlugin, l as multiSessionPlugin, d as passkeyPlugin, m as themePlugin, _ as usernamePlugin };

package/package.json

@@ -1,11 +1,10 @@
 {
   "name": "@better-auth-ui/heroui",
-  "version": "1.6.3",
+  "version": "1.6.4",
   "type": "module",
   "scripts": {
-    "build": "vite build && bun styles",
-    "dev": "bun styles && tsc --watch",
-    "styles": "cpy src/styles.css dist/ --flat",
+    "build": "vite build",
+    "dev": "vite build --watch",
     "test": "vitest"
   },
   "files": [
@@ -17,13 +16,13 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
-    "./core": {
-      "types": "./dist/core.d.ts",
-      "import": "./dist/core.js"
+    "./email": {
+      "types": "./dist/email.d.ts",
+      "import": "./dist/email.js"
     },
-    "./react": {
-      "types": "./dist/react-exports.d.ts",
-      "import": "./dist/react-exports.js"
+    "./plugins": {
+      "types": "./dist/plugins.d.ts",
+      "import": "./dist/plugins.js"
     },
     "./styles": "./dist/styles.css"
   },
@@ -31,32 +30,31 @@
     "@gravity-ui/icons": "^2.18.0",
     "@heroui/react": "^3.0.2",
     "@heroui/styles": "^3.0.2",
+    "@internationalized/date": "^3.12.1",
     "@tanstack/react-pacer": "^0.22.0",
-    "@tanstack/react-query": "^5.99.0",
+    "@tanstack/react-query": "^5.100.8",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.5.2",
     "@types/react": "^19.2.14",
     "@vitejs/plugin-react": "^6.0.1",
-    "@vitest/browser-playwright": "^4.1.4",
-    "better-auth": "^1.6.5",
+    "@vitest/browser-playwright": "^4.1.5",
+    "better-auth": "^1.6.9",
     "bowser": "^2.11.0",
-    "cpy-cli": "^7.0.0",
     "playwright": "^1.59.1",
     "react": "^19.2.5",
     "react-dom": "^19.2.5",
-    "vitest": "^4.1.4"
-  },
-  "dependencies": {
-    "@better-auth-ui/core": "*",
-    "@better-auth-ui/react": "*"
+    "vitest": "^4.1.5"
   },
   "peerDependencies": {
+    "@better-auth-ui/core": "*",
+    "@better-auth-ui/react": "*",
     "@gravity-ui/icons": ">=2.18.0",
     "@heroui/react": ">=3.0.2",
     "@heroui/styles": ">=3.0.2",
+    "@internationalized/date": ">=3.12.1",
     "@tanstack/react-pacer": ">=0.22.0",
-    "@tanstack/react-query": ">=5.99.0",
-    "better-auth": ">=1.6.5",
+    "@tanstack/react-query": ">=5.100.8",
+    "better-auth": ">=1.6.9",
     "react": ">=19.2.5",
     "react-dom": ">=19.2.5",
     "bowser": ">=2.11.0"