@better-auth-ui/heroui 1.6.5 → 1.6.6

package/dist/components/auth/delete-user/danger-zone.js

@@ -9,7 +9,7 @@ function a({ className: a, variant: o, ...s }) {
 		className: n("flex w-full flex-col", a),
 		...s,
 		children: [/* @__PURE__ */ r("h2", {
-			className: n("text-sm font-semibold mb-3"),
+			className: n("text-sm font-semibold mb-3 text-danger"),
 			children: c.settings.dangerZone
 		}), /* @__PURE__ */ r(e, { variant: o })]
 	});

package/dist/components/auth/delete-user/delete-user.js

@@ -2,88 +2,88 @@ import { deleteUserPlugin as e } from "../../../lib/auth/delete-user-plugin.js";
 import { authQueryKeys as t } from "@better-auth-ui/core";
 import { useAuth as n, useAuthPlugin as r, useDeleteUser as i, useListAccounts as a } from "@better-auth-ui/react";
 import { TriangleExclamation as o } from "@gravity-ui/icons";
-import { AlertDialog as s, Button as c, Card as l, FieldError as u, Form as d, Input as f, Label as p, Spinner as m, TextField as h, cn as g, toast as _ } from "@heroui/react";
-import { useState as v } from "react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { useQueryClient as x } from "@tanstack/react-query";
+import { AlertDialog as s, Button as c, Card as l, FieldError as u, Form as d, Input as f, Label as p, Spinner as m, TextField as h, toast as g } from "@heroui/react";
+import { useState as _ } from "react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { useQueryClient as b } from "@tanstack/react-query";
 //#region src/components/auth/delete-user/delete-user.tsx
-function S({ className: S, variant: C, ...w }) {
-	let { authClient: T, basePaths: E, localization: D, navigate: O, viewPaths: k } = n(), { localization: A, sendDeleteAccountVerification: j } = r(e), { data: M } = a(T), N = x(), [P, F] = v(!1), [I, L] = v(""), R = M?.some((e) => e.providerId === "credential"), z = !j && R, { mutate: B, isPending: V } = i(T), H = (e) => {
-		F(e), L("");
-	}, U = async (e) => {
-		e.preventDefault(), B({ ...z ? { password: I } : {} }, { onSuccess: () => {
-			F(!1), L(""), j ? _.success(A.deleteUserVerificationSent) : (_.success(A.deleteUserSuccess), N.removeQueries({ queryKey: t.all }), O({
-				to: `${E.auth}/${k.auth.signIn}`,
+function x({ className: x, variant: S, ...C }) {
+	let { authClient: w, basePaths: T, localization: E, navigate: D, viewPaths: O } = n(), { localization: k, sendDeleteAccountVerification: A } = r(e), { data: j } = a(w), M = b(), [N, P] = _(!1), [F, I] = _(""), L = j?.some((e) => e.providerId === "credential"), R = !A && L, { mutate: z, isPending: B } = i(w), V = (e) => {
+		P(e), I("");
+	}, H = async (e) => {
+		e.preventDefault(), z({ ...R ? { password: F } : {} }, { onSuccess: () => {
+			P(!1), I(""), A ? g.success(k.deleteUserVerificationSent) : (g.success(k.deleteUserSuccess), M.removeQueries({ queryKey: t.all }), D({
+				to: `${T.auth}/${O.auth.signIn}`,
 				replace: !0
 			}));
 		} });
 	};
-	return /* @__PURE__ */ y(l, {
-		className: g("border border-danger", S),
-		variant: C,
-		...w,
-		children: /* @__PURE__ */ b(l.Content, {
+	return /* @__PURE__ */ v(l, {
+		className: x,
+		variant: S,
+		...C,
+		children: /* @__PURE__ */ y(l.Content, {
 			className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-			children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+			children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 				className: "text-sm font-medium leading-tight",
-				children: A.deleteUser
-			}), /* @__PURE__ */ y("p", {
+				children: k.deleteUser
+			}), /* @__PURE__ */ v("p", {
 				className: "text-muted text-xs mt-0.5",
-				children: A.deleteUserDescription
-			})] }), /* @__PURE__ */ b(s, { children: [/* @__PURE__ */ y(c, {
-				isDisabled: !M,
+				children: k.deleteUserDescription
+			})] }), /* @__PURE__ */ y(s, { children: [/* @__PURE__ */ v(c, {
+				isDisabled: !j,
 				size: "sm",
-				variant: "danger",
-				onPress: () => F(!0),
-				children: A.deleteUser
-			}), /* @__PURE__ */ y(s.Backdrop, {
-				isOpen: P,
-				onOpenChange: H,
-				children: /* @__PURE__ */ y(s.Container, { children: /* @__PURE__ */ y(s.Dialog, { children: /* @__PURE__ */ b(d, {
-					onSubmit: U,
+				variant: "danger-soft",
+				onPress: () => P(!0),
+				children: k.deleteUser
+			}), /* @__PURE__ */ v(s.Backdrop, {
+				isOpen: N,
+				onOpenChange: V,
+				children: /* @__PURE__ */ v(s.Container, { children: /* @__PURE__ */ v(s.Dialog, { children: /* @__PURE__ */ y(d, {
+					onSubmit: H,
 					children: [
-						/* @__PURE__ */ y(s.CloseTrigger, {}),
-						/* @__PURE__ */ b(s.Header, { children: [/* @__PURE__ */ y(s.Icon, {
+						/* @__PURE__ */ v(s.CloseTrigger, {}),
+						/* @__PURE__ */ y(s.Header, { children: [/* @__PURE__ */ v(s.Icon, {
 							status: "danger",
-							children: /* @__PURE__ */ y(o, {})
-						}), /* @__PURE__ */ y(s.Heading, { children: A.deleteUser })] }),
-						/* @__PURE__ */ b(s.Body, {
+							children: /* @__PURE__ */ v(o, {})
+						}), /* @__PURE__ */ v(s.Heading, { children: k.deleteUser })] }),
+						/* @__PURE__ */ y(s.Body, {
 							className: "overflow-visible",
-							children: [/* @__PURE__ */ y("p", {
+							children: [/* @__PURE__ */ v("p", {
 								className: "text-muted text-sm",
-								children: A.deleteUserDescription
-							}), z && /* @__PURE__ */ b(h, {
+								children: k.deleteUserDescription
+							}), R && /* @__PURE__ */ y(h, {
 								className: "mt-4",
 								name: "password",
 								type: "password",
-								isDisabled: V,
-								value: I,
-								onChange: L,
+								isDisabled: B,
+								value: F,
+								onChange: I,
 								children: [
-									/* @__PURE__ */ y(p, { children: D.auth.password }),
-									/* @__PURE__ */ y(f, {
+									/* @__PURE__ */ v(p, { children: E.auth.password }),
+									/* @__PURE__ */ v(f, {
 										autoComplete: "current-password",
-										placeholder: D.auth.passwordPlaceholder,
+										placeholder: E.auth.passwordPlaceholder,
 										required: !0,
 										variant: "secondary"
 									}),
-									/* @__PURE__ */ y(u, {})
+									/* @__PURE__ */ v(u, {})
 								]
 							})]
 						}),
-						/* @__PURE__ */ b(s.Footer, { children: [/* @__PURE__ */ y(c, {
+						/* @__PURE__ */ y(s.Footer, { children: [/* @__PURE__ */ v(c, {
 							slot: "close",
 							variant: "tertiary",
-							isDisabled: V,
-							children: D.settings.cancel
-						}), /* @__PURE__ */ b(c, {
+							isDisabled: B,
+							children: E.settings.cancel
+						}), /* @__PURE__ */ y(c, {
 							type: "submit",
 							variant: "danger",
-							isPending: V,
-							children: [V && /* @__PURE__ */ y(m, {
+							isPending: B,
+							children: [B && /* @__PURE__ */ v(m, {
 								color: "current",
 								size: "sm"
-							}), A.deleteUser]
+							}), k.deleteUser]
 						})] })
 					]
 				}) }) })
@@ -92,4 +92,4 @@ function S({ className: S, variant: C, ...w }) {
 	});
 }
 //#endregion
-export { S as DeleteUser };
+export { x as DeleteUser };

package/dist/components/auth/theme/theme-toggle-item.js

@@ -1,58 +1,62 @@
 import { themePlugin as e } from "../../../lib/auth/theme-plugin.js";
 import { useAuthPlugin as t } from "@better-auth-ui/react";
-import { Display as n, Moon as r, Sun as i } from "@gravity-ui/icons";
-import { Dropdown as a, Label as o, Tabs as s } from "@heroui/react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Display as n, Moon as r, Palette as i, Sun as a } from "@gravity-ui/icons";
+import { Dropdown as o, Label as s, Tabs as c } from "@heroui/react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/auth/theme/theme-toggle-item.tsx
-var u = "[role=\"tab\"][aria-selected=\"true\"]";
-function d() {
-	let { useTheme: d, localization: f } = t(e), { theme: p, setTheme: m, themes: h = [] } = d();
-	return /* @__PURE__ */ l(a.Item, {
+var d = "[role=\"tab\"][aria-selected=\"true\"]";
+function f() {
+	let { useTheme: f, localization: p } = t(e), { theme: m, setTheme: h, themes: g = [] } = f();
+	return /* @__PURE__ */ u(o.Item, {
 		className: "py-1 pe-2",
 		onFocus: (e) => {
-			e.target === e.currentTarget && e.currentTarget.querySelector(u)?.focus({ preventScroll: !0 });
+			e.target === e.currentTarget && e.currentTarget.querySelector(d)?.focus({ preventScroll: !0 });
 		},
 		shouldCloseOnSelect: !1,
-		children: [/* @__PURE__ */ c(o, { children: f.theme }), /* @__PURE__ */ c(s, {
-			className: "ml-auto",
-			selectedKey: p,
-			onSelectionChange: (e) => m(e),
-			children: /* @__PURE__ */ c(s.ListContainer, {
-				onKeyDown: (e) => {
-					if (e.key !== "ArrowUp" && e.key !== "ArrowDown") return;
-					let t = e.target;
-					if (t.getAttribute("role") !== "tab") return;
-					let n = t.closest("[role=\"menuitem\"]"), r = n?.closest("[role=\"menu\"]");
-					if (!n || !r) return;
-					let i = Array.from(r.querySelectorAll("[role=\"menuitem\"]:not([data-disabled])")), a = i.indexOf(n);
-					if (a === -1) return;
-					let o = i[e.key === "ArrowDown" ? a + 1 : a - 1];
-					o && (e.preventDefault(), o.focus());
-				},
-				children: /* @__PURE__ */ l(s.List, {
-					"aria-label": f.theme,
-					className: "*:h-5 *:w-5 *:p-0",
-					children: [
-						h.includes("system") && /* @__PURE__ */ l(s.Tab, {
-							id: "system",
-							"aria-label": f.system,
-							children: [/* @__PURE__ */ c(n, { className: "size-3" }), /* @__PURE__ */ c(s.Indicator, {})]
-						}),
-						h.includes("light") && /* @__PURE__ */ l(s.Tab, {
-							id: "light",
-							"aria-label": f.light,
-							children: [/* @__PURE__ */ c(i, { className: "size-3" }), /* @__PURE__ */ c(s.Indicator, {})]
-						}),
-						h.includes("dark") && /* @__PURE__ */ l(s.Tab, {
-							id: "dark",
-							"aria-label": f.dark,
-							children: [/* @__PURE__ */ c(r, { className: "size-3" }), /* @__PURE__ */ c(s.Indicator, {})]
-						})
-					]
+		children: [
+			/* @__PURE__ */ l(i, { className: "text-muted" }),
+			/* @__PURE__ */ l(s, { children: p.theme }),
+			/* @__PURE__ */ l(c, {
+				className: "ml-auto",
+				selectedKey: m,
+				onSelectionChange: (e) => h(e),
+				children: /* @__PURE__ */ l(c.ListContainer, {
+					onKeyDown: (e) => {
+						if (e.key !== "ArrowUp" && e.key !== "ArrowDown") return;
+						let t = e.target;
+						if (t.getAttribute("role") !== "tab") return;
+						let n = t.closest("[role=\"menuitem\"]"), r = n?.closest("[role=\"menu\"]");
+						if (!n || !r) return;
+						let i = Array.from(r.querySelectorAll("[role=\"menuitem\"]:not([data-disabled])")), a = i.indexOf(n);
+						if (a === -1) return;
+						let o = i[e.key === "ArrowDown" ? a + 1 : a - 1];
+						o && (e.preventDefault(), o.focus());
+					},
+					children: /* @__PURE__ */ u(c.List, {
+						"aria-label": p.theme,
+						className: "*:h-5 *:w-5 *:p-0",
+						children: [
+							g.includes("system") && /* @__PURE__ */ u(c.Tab, {
+								id: "system",
+								"aria-label": p.system,
+								children: [/* @__PURE__ */ l(n, { className: "size-3" }), /* @__PURE__ */ l(c.Indicator, {})]
+							}),
+							g.includes("light") && /* @__PURE__ */ u(c.Tab, {
+								id: "light",
+								"aria-label": p.light,
+								children: [/* @__PURE__ */ l(a, { className: "size-3" }), /* @__PURE__ */ l(c.Indicator, {})]
+							}),
+							g.includes("dark") && /* @__PURE__ */ u(c.Tab, {
+								id: "dark",
+								"aria-label": p.dark,
+								children: [/* @__PURE__ */ l(r, { className: "size-3" }), /* @__PURE__ */ l(c.Indicator, {})]
+							})
+						]
+					})
 				})
 			})
-		})]
+		]
 	});
 }
 //#endregion
-export { d as ThemeToggleItem };
+export { f as ThemeToggleItem };

package/dist/components/auth/user/user-button.d.ts

@@ -1,4 +1,23 @@
-import { ButtonProps, DropdownPopoverProps } from '@heroui/react';
+import { ButtonProps, DropdownItemProps, DropdownPopoverProps } from '@heroui/react';
+import { ReactElement, ReactNode } from 'react';
+/** Auth states a `UserButton` link can be visible in. */
+export type UserButtonLinkVisibility = "authenticated" | "unauthenticated" | "always";
+/** A simple link entry rendered as a `Dropdown.Item` in the `UserButton` menu. */
+export type UserButtonLink = {
+    /** Visible label. */
+    label: ReactNode;
+    /** Destination URL. */
+    href: string;
+    /** Optional leading icon. Sized/coloured to match built-in items. */
+    icon?: ReactNode;
+    /** Forwarded to the underlying `Dropdown.Item`. */
+    variant?: DropdownItemProps["variant"];
+    /**
+     * When this link is visible based on auth state.
+     * @default "always"
+     */
+    visibility?: UserButtonLinkVisibility;
+};
 export type UserButtonProps = {
     className?: string;
     size?: "default" | "icon";
@@ -8,6 +27,10 @@ export type UserButtonProps = {
      */
     placement?: DropdownPopoverProps["placement"];
     variant?: ButtonProps["variant"];
+    /** Additional menu entries rendered above the built-in items. */
+    links?: (UserButtonLink | ReactElement)[];
+    /** Hide the built-in "Settings" link. Useful when replacing it via `links`. */
+    hideSettings?: boolean;
 };
 /**
  * Render a user account dropdown button that shows account actions.
@@ -16,6 +39,8 @@ export type UserButtonProps = {
  * @param placement - Dropdown popover placement (e.g., "bottom", "top-start", "bottom-end")
  * @param size - "icon" renders an avatar-only trigger; "default" renders a button with label and chevron
  * @param variant - Button visual variant passed to the underlying Button component
+ * @param links - Additional menu entries rendered above the built-in items
+ * @param hideSettings - Hide the built-in "Settings" link
  * @returns The user button and its dropdown menu as a JSX element
  */
-export declare function UserButton({ className, placement, size, variant }: UserButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function UserButton({ className, placement, size, variant, links, hideSettings }: UserButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/auth/user/user-button.js

@@ -2,54 +2,73 @@ import { UserAvatar as e } from "./user-avatar.js";
 import { UserView as t } from "./user-view.js";
 import { useAuth as n, useSession as r } from "@better-auth-ui/react";
 import { ArrowRightFromSquare as i, ArrowRightToSquare as a, ChevronsExpandVertical as o, Gear as s, PersonPlus as c } from "@gravity-ui/icons";
-import { Button as l, Dropdown as u, Label as d, Separator as f, cn as p } from "@heroui/react";
+import { Button as l, Dropdown as u, Label as d, cn as f } from "@heroui/react";
+import { isValidElement as p } from "react";
 import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/components/auth/user/user-button.tsx
-function _({ className: _, placement: v = "bottom", size: y = "default", variant: b = "ghost" }) {
-	let { authClient: x, basePaths: S, viewPaths: C, localization: w, plugins: T } = n(), { data: E, isPending: D } = r(x), O = T.flatMap((e) => e.userMenuItems?.map((t, n) => /* @__PURE__ */ h(t, {}, `${e.id}-${n.toString()}`)) ?? []);
-	return /* @__PURE__ */ g(u, { children: [y === "icon" ? /* @__PURE__ */ h(u.Trigger, {
-		className: p("rounded-full", _),
+function _(e, t) {
+	if (p(e)) return e;
+	let { label: n, href: r, icon: i, variant: a } = e;
+	return /* @__PURE__ */ g(u.Item, {
+		href: r,
+		variant: a,
+		textValue: typeof n == "string" ? n : void 0,
+		children: [i, /* @__PURE__ */ h(d, { children: n })]
+	}, t);
+}
+function v({ className: v, placement: y = "bottom", size: b = "default", variant: x = "ghost", links: S, hideSettings: C = !1 }) {
+	let { authClient: w, basePaths: T, viewPaths: E, localization: D, plugins: O } = n(), { data: k, isPending: A } = r(w), j = O.flatMap((e) => e.userMenuItems?.map((t, n) => /* @__PURE__ */ h(t, {}, `${e.id}-${n.toString()}`)) ?? []), M = S?.flatMap((e, t) => {
+		if (!p(e)) {
+			let t = e.visibility ?? "always";
+			if (t === "authenticated" && !k || t === "unauthenticated" && k) return [];
+		}
+		return [_(e, `user-button-link-${t.toString()}`)];
+	});
+	return /* @__PURE__ */ g(u, { children: [b === "icon" ? /* @__PURE__ */ h(u.Trigger, {
+		className: f("rounded-full", v),
 		children: /* @__PURE__ */ h(e, {})
 	}) : /* @__PURE__ */ g(l, {
-		variant: b,
-		className: p("h-auto font-normal justify-start px-3 py-2 text-left", _),
-		children: [E || D ? /* @__PURE__ */ h(t, { isPending: D }) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(e, {}), /* @__PURE__ */ h("p", {
+		variant: x,
+		className: f("h-auto font-normal justify-start px-3 py-2 text-left", v),
+		children: [k || A ? /* @__PURE__ */ h(t, { isPending: A }) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(e, {}), /* @__PURE__ */ h("p", {
 			className: "text-sm font-medium",
-			children: w.auth.account
+			children: D.auth.account
 		})] }), /* @__PURE__ */ h(o, { className: "ml-auto size-3.5" })]
 	}), /* @__PURE__ */ g(u.Popover, {
-		placement: v,
+		placement: y,
 		className: "min-w-40 md:min-w-56 max-w-[48svw]",
-		children: [E && /* @__PURE__ */ h("div", {
+		children: [k && /* @__PURE__ */ h("div", {
 			className: "px-3 pt-3 pb-1",
 			children: /* @__PURE__ */ h(t, {})
-		}), /* @__PURE__ */ h(u.Menu, { children: E ? /* @__PURE__ */ g(m, { children: [
-			/* @__PURE__ */ g(u.Item, {
-				textValue: w.settings.settings,
-				href: `${S.settings}/${C.settings.account}`,
-				children: [/* @__PURE__ */ h(s, { className: "text-muted" }), /* @__PURE__ */ h(d, { children: w.settings.settings })]
+		}), /* @__PURE__ */ h(u.Menu, { children: k ? /* @__PURE__ */ g(m, { children: [
+			M,
+			!C && /* @__PURE__ */ g(u.Item, {
+				textValue: D.settings.settings,
+				href: `${T.settings}/${E.settings.account}`,
+				children: [/* @__PURE__ */ h(s, { className: "text-muted" }), /* @__PURE__ */ h(d, { children: D.settings.settings })]
 			}),
-			O,
-			/* @__PURE__ */ h(f, {}),
+			j,
 			/* @__PURE__ */ g(u.Item, {
-				textValue: w.auth.signOut,
-				href: `${S.auth}/${C.auth.signOut}`,
-				children: [/* @__PURE__ */ h(i, { className: "text-muted" }), /* @__PURE__ */ h(d, { children: w.auth.signOut })]
+				textValue: D.auth.signOut,
+				href: `${T.auth}/${E.auth.signOut}`,
+				variant: "danger",
+				children: [/* @__PURE__ */ h(i, { className: "text-danger" }), /* @__PURE__ */ h(d, { children: D.auth.signOut })]
 			})
 		] }) : /* @__PURE__ */ g(m, { children: [
+			M,
 			/* @__PURE__ */ g(u.Item, {
-				textValue: w.auth.signIn,
-				href: `${S.auth}/${C.auth.signIn}`,
-				children: [/* @__PURE__ */ h(a, { className: "text-muted" }), /* @__PURE__ */ h(d, { children: w.auth.signIn })]
+				textValue: D.auth.signIn,
+				href: `${T.auth}/${E.auth.signIn}`,
+				children: [/* @__PURE__ */ h(a, { className: "text-muted" }), /* @__PURE__ */ h(d, { children: D.auth.signIn })]
 			}),
 			/* @__PURE__ */ g(u.Item, {
-				textValue: w.auth.signUp,
-				href: `${S.auth}/${C.auth.signUp}`,
-				children: [/* @__PURE__ */ h(c, { className: "text-muted" }), /* @__PURE__ */ h(d, { children: w.auth.signUp })]
+				textValue: D.auth.signUp,
+				href: `${T.auth}/${E.auth.signUp}`,
+				children: [/* @__PURE__ */ h(c, { className: "text-muted" }), /* @__PURE__ */ h(d, { children: D.auth.signUp })]
 			}),
-			O
+			j
 		] }) })]
 	})] });
 }
 //#endregion
-export { _ as UserButton };
+export { v as UserButton };

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@better-auth-ui/heroui",
-  "version": "1.6.5",
+  "version": "1.6.6",
   "type": "module",
   "scripts": {
     "build": "vite build",
-    "dev": "vite build --watch",
+    "dev": "tsc --watch",
     "test": "vitest"
   },
   "files": [
@@ -28,11 +28,11 @@
   },
   "devDependencies": {
     "@gravity-ui/icons": "^2.18.0",
-    "@heroui/react": "^3.0.2",
-    "@heroui/styles": "^3.0.2",
+    "@heroui/react": "^3.0.4",
+    "@heroui/styles": "^3.0.4",
     "@internationalized/date": "^3.12.1",
     "@tanstack/react-pacer": "^0.22.0",
-    "@tanstack/react-query": "^5.100.8",
+    "@tanstack/react-query": "^5.100.9",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.5.2",
     "@types/react": "^19.2.14",
@@ -41,22 +41,22 @@
     "better-auth": "^1.6.9",
     "bowser": "^2.11.0",
     "playwright": "^1.59.1",
-    "react": "^19.2.5",
-    "react-dom": "^19.2.5",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6",
     "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",
+    "@heroui/react": ">=3.0.4",
+    "@heroui/styles": ">=3.0.4",
     "@internationalized/date": ">=3.12.1",
     "@tanstack/react-pacer": ">=0.22.0",
-    "@tanstack/react-query": ">=5.100.8",
+    "@tanstack/react-query": ">=5.100.9",
     "better-auth": ">=1.6.9",
-    "react": ">=19.2.5",
-    "react-dom": ">=19.2.5",
+    "react": ">=19.2.6",
+    "react-dom": ">=19.2.6",
     "bowser": ">=2.11.0"
   },
   "repository": {

package/src/components/auth/delete-user/danger-zone.tsx

@@ -22,7 +22,7 @@ export function DangerZone({
 
   return (
     <div className={cn("flex w-full flex-col", className)} {...props}>
-      <h2 className={cn("text-sm font-semibold mb-3")}>
+      <h2 className={cn("text-sm font-semibold mb-3 text-danger")}>
         {localization.settings.dangerZone}
       </h2>
 

package/src/components/auth/delete-user/delete-user.tsx

@@ -11,7 +11,6 @@ import {
   Button,
   Card,
   type CardProps,
-  cn,
   FieldError,
   Form,
   Input,
@@ -91,11 +90,7 @@ export function DeleteUser({
   }
 
   return (
-    <Card
-      className={cn("border border-danger", className)}
-      variant={variant}
-      {...props}
-    >
+    <Card className={className} variant={variant} {...props}>
       <Card.Content className="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
         <div>
           <p className="text-sm font-medium leading-tight">
@@ -111,7 +106,7 @@ export function DeleteUser({
           <Button
             isDisabled={!accounts}
             size="sm"
-            variant="danger"
+            variant="danger-soft"
             onPress={() => setConfirmOpen(true)}
           >
             {deleteUserLocalization.deleteUser}

package/src/components/auth/theme/theme-toggle-item.tsx

@@ -1,5 +1,5 @@
 import { useAuthPlugin } from "@better-auth-ui/react"
-import { Display, Moon, Sun } from "@gravity-ui/icons"
+import { Display, Moon, Palette, Sun } from "@gravity-ui/icons"
 import { Dropdown, Label, Tabs } from "@heroui/react"
 
 import { themePlugin } from "../../../lib/auth/theme-plugin"
@@ -67,6 +67,7 @@ export function ThemeToggleItem() {
       // menu-item activation.
       shouldCloseOnSelect={false}
     >
+      <Palette className="text-muted" />
       <Label>{localization.theme}</Label>
 
       <Tabs

package/src/components/auth/user/user-button.tsx

@@ -11,14 +11,38 @@ import {
   type ButtonProps,
   cn,
   Dropdown,
+  type DropdownItemProps,
   type DropdownPopoverProps,
-  Label,
-  Separator
+  Label
 } from "@heroui/react"
+import { isValidElement, type ReactElement, type ReactNode } from "react"
 
 import { UserAvatar } from "./user-avatar"
 import { UserView } from "./user-view"
 
+/** Auth states a `UserButton` link can be visible in. */
+export type UserButtonLinkVisibility =
+  | "authenticated"
+  | "unauthenticated"
+  | "always"
+
+/** A simple link entry rendered as a `Dropdown.Item` in the `UserButton` menu. */
+export type UserButtonLink = {
+  /** Visible label. */
+  label: ReactNode
+  /** Destination URL. */
+  href: string
+  /** Optional leading icon. Sized/coloured to match built-in items. */
+  icon?: ReactNode
+  /** Forwarded to the underlying `Dropdown.Item`. */
+  variant?: DropdownItemProps["variant"]
+  /**
+   * When this link is visible based on auth state.
+   * @default "always"
+   */
+  visibility?: UserButtonLinkVisibility
+}
+
 export type UserButtonProps = {
   className?: string
   size?: "default" | "icon"
@@ -28,6 +52,30 @@ export type UserButtonProps = {
    */
   placement?: DropdownPopoverProps["placement"]
   variant?: ButtonProps["variant"]
+  /** Additional menu entries rendered above the built-in items. */
+  links?: (UserButtonLink | ReactElement)[]
+  /** Hide the built-in "Settings" link. Useful when replacing it via `links`. */
+  hideSettings?: boolean
+}
+
+function renderUserLink(
+  link: UserButtonLink | ReactElement,
+  fallbackKey: string
+): ReactNode {
+  if (isValidElement(link)) return link
+
+  const { label, href, icon, variant } = link
+  return (
+    <Dropdown.Item
+      key={fallbackKey}
+      href={href}
+      variant={variant}
+      textValue={typeof label === "string" ? label : undefined}
+    >
+      {icon}
+      <Label>{label}</Label>
+    </Dropdown.Item>
+  )
 }
 
 /**
@@ -37,13 +85,17 @@ export type UserButtonProps = {
  * @param placement - Dropdown popover placement (e.g., "bottom", "top-start", "bottom-end")
  * @param size - "icon" renders an avatar-only trigger; "default" renders a button with label and chevron
  * @param variant - Button visual variant passed to the underlying Button component
+ * @param links - Additional menu entries rendered above the built-in items
+ * @param hideSettings - Hide the built-in "Settings" link
  * @returns The user button and its dropdown menu as a JSX element
  */
 export function UserButton({
   className,
   placement = "bottom",
   size = "default",
-  variant = "ghost"
+  variant = "ghost",
+  links,
+  hideSettings = false
 }: UserButtonProps) {
   const { authClient, basePaths, viewPaths, localization, plugins } = useAuth()
 
@@ -55,6 +107,16 @@ export function UserButton({
         <Item key={`${plugin.id}-${index.toString()}`} />
       )) ?? []
   )
+
+  const userLinks = links?.flatMap((link, index) => {
+    if (!isValidElement(link)) {
+      const visibility = link.visibility ?? "always"
+      if (visibility === "authenticated" && !session) return []
+      if (visibility === "unauthenticated" && session) return []
+    }
+    return [renderUserLink(link, `user-button-link-${index.toString()}`)]
+  })
+
   return (
     <Dropdown>
       {size === "icon" ? (
@@ -96,30 +158,35 @@ export function UserButton({
         <Dropdown.Menu>
           {session ? (
             <>
-              <Dropdown.Item
-                textValue={localization.settings.settings}
-                href={`${basePaths.settings}/${viewPaths.settings.account}`}
-              >
-                <Gear className="text-muted" />
+              {userLinks}
 
-                <Label>{localization.settings.settings}</Label>
-              </Dropdown.Item>
+              {!hideSettings && (
+                <Dropdown.Item
+                  textValue={localization.settings.settings}
+                  href={`${basePaths.settings}/${viewPaths.settings.account}`}
+                >
+                  <Gear className="text-muted" />
 
-              {userMenuItems}
+                  <Label>{localization.settings.settings}</Label>
+                </Dropdown.Item>
+              )}
 
-              <Separator />
+              {userMenuItems}
 
               <Dropdown.Item
                 textValue={localization.auth.signOut}
                 href={`${basePaths.auth}/${viewPaths.auth.signOut}`}
+                variant="danger"
               >
-                <ArrowRightFromSquare className="text-muted" />
+                <ArrowRightFromSquare className="text-danger" />
 
                 <Label>{localization.auth.signOut}</Label>
               </Dropdown.Item>
             </>
           ) : (
             <>
+              {userLinks}
+
               <Dropdown.Item
                 textValue={localization.auth.signIn}
                 href={`${basePaths.auth}/${viewPaths.auth.signIn}`}