@better-auth-ui/heroui 1.6.4 → 1.6.6

package/dist/components/auth/sign-up.js

@@ -2,197 +2,202 @@ import { AdditionalField as e } from "./additional-field.js";
 import { FieldSeparator as t } from "./field-separator.js";
 import { ProviderButtons as n } from "./provider-buttons.js";
 import { authMutationKeys as r, parseAdditionalFieldValue as i } from "@better-auth-ui/core";
-import { useAuth as a, useSignUpEmail as o } from "@better-auth-ui/react";
+import { useAuth as a, useFetchOptions as o, useSignUpEmail as ee } from "@better-auth-ui/react";
 import { Eye as s, EyeSlash as c } from "@gravity-ui/icons";
-import { Button as l, Card as u, Description as d, FieldError as f, Form as p, Input as m, InputGroup as h, Label as g, Link as _, Spinner as v, TextField as y, cn as b, toast as x } from "@heroui/react";
-import { useState as S } from "react";
-import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
-import { useIsMutating as E } from "@tanstack/react-query";
+import { Button as l, Card as u, Description as d, FieldError as f, Form as te, Input as p, InputGroup as m, Label as h, Link as g, Spinner as _, TextField as v, cn as y, toast as b } from "@heroui/react";
+import { useState as x } from "react";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { useIsMutating as T } from "@tanstack/react-query";
 //#region src/components/auth/sign-up.tsx
-function D({ className: D, socialLayout: O, socialPosition: k = "bottom", variant: A, ...j }) {
-	let { additionalFields: M, authClient: ee, basePaths: N, emailAndPassword: P, localization: F, plugins: I, redirectTo: L, socialProviders: R, viewPaths: z, navigate: B } = a(), [V, H] = S(""), [U, W] = S(""), { mutate: G, isPending: K } = o(ee, {
+function E({ className: E, socialLayout: D, socialPosition: O = "bottom", variant: k, ...A }) {
+	let { additionalFields: j, authClient: M, basePaths: N, emailAndPassword: P, localization: F, plugins: I, redirectTo: L, socialProviders: R, viewPaths: z, navigate: B } = a(), { fetchOptions: V, resetFetchOptions: H } = o(), [U, W] = x(""), [G, K] = x(""), { mutate: q, isPending: J } = ee(M, {
 		onError: (e) => {
-			H(""), W(""), x.danger(e.error?.message || e.message);
+			W(""), K(""), b.danger(e.error?.message || e.message), H();
 		},
 		onSuccess: () => {
-			P?.requireEmailVerification ? (x.success(F.auth.verifyYourEmail), B({ to: `${N.auth}/${z.auth.signIn}` })) : B({ to: L });
+			P?.requireEmailVerification ? (b.success(F.auth.verifyYourEmail), B({ to: `${N.auth}/${z.auth.signIn}` })) : B({ to: L });
 		}
-	}), [q, J] = S(!1), [Y, X] = S(!1), Z = E({ mutationKey: r.signIn.all }) + E({ mutationKey: r.signUp.all }) > 0, Q = async (e) => {
+	}), [Y, ne] = x(!1), [X, re] = x(!1), Z = T({ mutationKey: r.signIn.all }) + T({ mutationKey: r.signUp.all }) > 0, Q = I.find((e) => e.captchaComponent)?.captchaComponent, ie = async (e) => {
 		e.preventDefault();
 		let t = new FormData(e.currentTarget), n = t.get("name") ?? "", r = t.get("email");
-		if (P?.confirmPassword && V !== U) {
-			x.danger(F.auth.passwordsDoNotMatch), H(""), W("");
+		if (P?.confirmPassword && U !== G) {
+			b.danger(F.auth.passwordsDoNotMatch), W(""), K("");
 			return;
 		}
 		let a = {};
-		for (let e of M ?? []) {
+		for (let e of j ?? []) {
 			if (!e.signUp || e.readOnly) continue;
 			let n = i(e, t.get(e.name));
 			if (e.validate) try {
 				await e.validate(n);
 			} catch (e) {
-				x.danger(e instanceof Error ? e.message : String(e));
+				b.danger(e instanceof Error ? e.message : String(e));
 				return;
 			}
 			n !== void 0 && (a[e.name] = n);
 		}
-		G({
+		q({
 			name: n,
 			email: r,
-			password: V,
-			...a
+			password: U,
+			...a,
+			fetchOptions: V
 		});
 	}, $ = P?.enabled && !!R?.length;
-	return /* @__PURE__ */ T(u, {
-		className: b("w-full max-w-sm gap-4 md:p-6", D),
-		variant: A,
-		...j,
+	return /* @__PURE__ */ w(u, {
+		className: y("w-full max-w-sm gap-4 md:p-6", E),
+		variant: k,
+		...A,
 		children: [
-			/* @__PURE__ */ w(u.Header, { children: /* @__PURE__ */ w(u.Title, {
+			/* @__PURE__ */ C(u.Header, { children: /* @__PURE__ */ C(u.Title, {
 				className: "text-xl font-semibold mb-1",
 				children: F.auth.signUp
 			}) }),
-			/* @__PURE__ */ T(u.Content, {
+			/* @__PURE__ */ w(u.Content, {
 				className: "gap-4",
 				children: [
-					k === "top" && /* @__PURE__ */ T(C, { children: [!!R?.length && /* @__PURE__ */ w(n, { socialLayout: O }), $ && /* @__PURE__ */ w(t, { children: F.auth.or })] }),
-					P?.enabled && /* @__PURE__ */ T(p, {
-						onSubmit: Q,
+					O === "top" && /* @__PURE__ */ w(S, { children: [!!R?.length && /* @__PURE__ */ C(n, { socialLayout: D }), $ && /* @__PURE__ */ C(t, { children: F.auth.or })] }),
+					P?.enabled && /* @__PURE__ */ w(te, {
+						onSubmit: ie,
 						className: "flex flex-col gap-4",
 						children: [
-							P.name !== !1 && /* @__PURE__ */ T(y, {
+							P.name !== !1 && /* @__PURE__ */ w(v, {
 								name: "name",
 								type: "text",
 								autoComplete: "name",
 								isDisabled: Z,
 								children: [
-									/* @__PURE__ */ w(g, { children: F.auth.name }),
-									/* @__PURE__ */ w(m, {
+									/* @__PURE__ */ C(h, { children: F.auth.name }),
+									/* @__PURE__ */ C(p, {
 										placeholder: F.auth.namePlaceholder,
 										required: !0,
-										variant: A === "transparent" ? "primary" : "secondary"
+										variant: k === "transparent" ? "primary" : "secondary"
 									}),
-									/* @__PURE__ */ w(f, {})
+									/* @__PURE__ */ C(f, {})
 								]
 							}),
-							/* @__PURE__ */ T(y, {
+							/* @__PURE__ */ w(v, {
 								name: "email",
 								type: "email",
 								autoComplete: "email",
 								isDisabled: Z,
 								children: [
-									/* @__PURE__ */ w(g, { children: F.auth.email }),
-									/* @__PURE__ */ w(m, {
+									/* @__PURE__ */ C(h, { children: F.auth.email }),
+									/* @__PURE__ */ C(p, {
 										placeholder: F.auth.emailPlaceholder,
 										required: !0,
-										variant: A === "transparent" ? "primary" : "secondary"
+										variant: k === "transparent" ? "primary" : "secondary"
 									}),
-									/* @__PURE__ */ w(f, {})
+									/* @__PURE__ */ C(f, {})
 								]
 							}),
-							M?.map((t) => t.signUp === "above" && /* @__PURE__ */ w(e, {
+							j?.map((t) => t.signUp === "above" && /* @__PURE__ */ C(e, {
 								name: t.name,
 								field: t,
 								isPending: Z,
-								variant: A
+								variant: k
 							}, t.name)),
-							/* @__PURE__ */ T(y, {
+							/* @__PURE__ */ w(v, {
 								minLength: P?.minPasswordLength,
 								maxLength: P?.maxPasswordLength,
 								name: "password",
 								autoComplete: "new-password",
 								isDisabled: Z,
-								value: V,
-								onChange: H,
+								value: U,
+								onChange: W,
 								children: [
-									/* @__PURE__ */ w(g, { children: F.auth.password }),
-									/* @__PURE__ */ T(h, {
-										variant: A === "transparent" ? "primary" : "secondary",
-										children: [/* @__PURE__ */ w(h.Input, {
+									/* @__PURE__ */ C(h, { children: F.auth.password }),
+									/* @__PURE__ */ w(m, {
+										variant: k === "transparent" ? "primary" : "secondary",
+										children: [/* @__PURE__ */ C(m.Input, {
 											placeholder: F.auth.passwordPlaceholder,
-											type: q ? "text" : "password",
+											type: Y ? "text" : "password",
 											name: "password",
 											required: !0
-										}), /* @__PURE__ */ w(h.Suffix, {
+										}), /* @__PURE__ */ C(m.Suffix, {
 											className: "px-0",
-											children: /* @__PURE__ */ w(l, {
+											children: /* @__PURE__ */ C(l, {
 												isIconOnly: !0,
-												"aria-label": q ? F.auth.hidePassword : F.auth.showPassword,
+												"aria-label": Y ? F.auth.hidePassword : F.auth.showPassword,
 												size: "sm",
 												variant: "ghost",
-												onPress: () => J(!q),
+												onPress: () => ne(!Y),
 												isDisabled: Z,
-												children: w(q ? c : s, {})
+												children: C(Y ? c : s, {})
 											})
 										})]
 									}),
-									/* @__PURE__ */ w(f, {})
+									/* @__PURE__ */ C(f, {})
 								]
 							}),
-							P?.confirmPassword && /* @__PURE__ */ T(y, {
+							P?.confirmPassword && /* @__PURE__ */ w(v, {
 								minLength: P?.minPasswordLength,
 								maxLength: P?.maxPasswordLength,
 								name: "confirmPassword",
 								autoComplete: "new-password",
 								isDisabled: Z,
-								value: U,
-								onChange: W,
+								value: G,
+								onChange: K,
 								children: [
-									/* @__PURE__ */ w(g, { children: F.auth.confirmPassword }),
-									/* @__PURE__ */ T(h, {
-										variant: A === "transparent" ? "primary" : "secondary",
-										children: [/* @__PURE__ */ w(h.Input, {
+									/* @__PURE__ */ C(h, { children: F.auth.confirmPassword }),
+									/* @__PURE__ */ w(m, {
+										variant: k === "transparent" ? "primary" : "secondary",
+										children: [/* @__PURE__ */ C(m.Input, {
 											name: "confirmPassword",
 											placeholder: F.auth.confirmPasswordPlaceholder,
-											type: Y ? "text" : "password",
+											type: X ? "text" : "password",
 											required: !0
-										}), /* @__PURE__ */ w(h.Suffix, {
+										}), /* @__PURE__ */ C(m.Suffix, {
 											className: "px-0",
-											children: /* @__PURE__ */ w(l, {
+											children: /* @__PURE__ */ C(l, {
 												isIconOnly: !0,
-												"aria-label": Y ? F.auth.hidePassword : F.auth.showPassword,
+												"aria-label": X ? F.auth.hidePassword : F.auth.showPassword,
 												size: "sm",
 												variant: "ghost",
-												onPress: () => X(!Y),
+												onPress: () => re(!X),
 												isDisabled: Z,
-												children: w(Y ? c : s, {})
+												children: C(X ? c : s, {})
 											})
 										})]
 									}),
-									/* @__PURE__ */ w(f, {})
+									/* @__PURE__ */ C(f, {})
 								]
 							}),
-							M?.map((t) => t.signUp && t.signUp !== "above" && /* @__PURE__ */ w(e, {
+							j?.map((t) => t.signUp && t.signUp !== "above" && /* @__PURE__ */ C(e, {
 								name: t.name,
 								field: t,
 								isPending: Z,
-								variant: A
+								variant: k
 							}, t.name)),
-							/* @__PURE__ */ T("div", {
+							Q && /* @__PURE__ */ C("div", {
+								className: "flex justify-center",
+								children: Q
+							}),
+							/* @__PURE__ */ w("div", {
 								className: "flex flex-col gap-3",
-								children: [/* @__PURE__ */ T(l, {
+								children: [/* @__PURE__ */ w(l, {
 									type: "submit",
 									className: "w-full",
 									isPending: Z,
-									children: [K && /* @__PURE__ */ w(v, {
+									children: [J && /* @__PURE__ */ C(_, {
 										color: "current",
 										size: "sm"
 									}), F.auth.signUp]
-								}), I.flatMap((e) => e.authButtons?.map((t, n) => /* @__PURE__ */ w(t, { view: "signUp" }, `${e.id}-${n.toString()}`)))]
+								}), I.flatMap((e) => e.authButtons?.map((t, n) => /* @__PURE__ */ C(t, { view: "signUp" }, `${e.id}-${n.toString()}`)))]
 							})
 						]
 					}),
-					k === "bottom" && /* @__PURE__ */ T(C, { children: [$ && /* @__PURE__ */ w(t, { children: F.auth.or }), !!R?.length && /* @__PURE__ */ w(n, { socialLayout: O })] })
+					O === "bottom" && /* @__PURE__ */ w(S, { children: [$ && /* @__PURE__ */ C(t, { children: F.auth.or }), !!R?.length && /* @__PURE__ */ C(n, { socialLayout: D })] })
 				]
 			}),
-			/* @__PURE__ */ w(u.Footer, {
+			/* @__PURE__ */ C(u.Footer, {
 				className: "flex-col gap-3",
-				children: /* @__PURE__ */ T(d, {
+				children: /* @__PURE__ */ w(d, {
 					className: "text-sm",
 					children: [
 						F.auth.alreadyHaveAnAccount,
 						" ",
-						/* @__PURE__ */ w(_, {
+						/* @__PURE__ */ C(g, {
 							href: `${N.auth}/${z.auth.signIn}`,
 							className: "text-accent no-underline hover:underline decoration-accent-hover",
 							children: F.auth.signIn
@@ -204,4 +209,4 @@ function D({ className: D, socialLayout: O, socialPosition: k = "bottom", varian
 	});
 }
 //#endregion
-export { D as SignUp };
+export { E as SignUp };

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 };