@better-auth-ui/heroui 1.6.2 → 1.6.4

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.2",
+  "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,30 +30,31 @@
     "@gravity-ui/icons": "^2.18.0",
     "@heroui/react": "^3.0.2",
     "@heroui/styles": "^3.0.2",
-    "@tanstack/react-pacer": "^0.21.1",
+    "@internationalized/date": "^3.12.1",
+    "@tanstack/react-pacer": "^0.22.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",
-    "cpy-cli": "^7.0.0",
+    "@vitest/browser-playwright": "^4.1.5",
+    "better-auth": "^1.6.9",
+    "bowser": "^2.11.0",
     "playwright": "^1.59.1",
     "react": "^19.2.5",
     "react-dom": "^19.2.5",
-    "bowser": "^2.11.0",
-    "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",
-    "@tanstack/react-pacer": ">=0.21.0",
-    "better-auth": ">=1.6.5",
+    "@internationalized/date": ">=3.12.1",
+    "@tanstack/react-pacer": ">=0.22.0",
+    "@tanstack/react-query": ">=5.100.8",
+    "better-auth": ">=1.6.9",
     "react": ">=19.2.5",
     "react-dom": ">=19.2.5",
     "bowser": ">=2.11.0"