@better-auth-ui/heroui 1.6.2 → 1.6.3

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

@@ -2,157 +2,145 @@ import { FieldSeparator as e } from "./field-separator.js";
 import { MagicLinkButton as t } from "./magic-link-button.js";
 import { PasskeyButton as n } from "./passkey-button.js";
 import { ProviderButtons as r } from "./provider-buttons.js";
-import { useAuth as i, useSendVerificationEmail as a, useSignInEmail as o, useSignInSocial as s, useSignInUsername as c } from "@better-auth-ui/react";
-import { Button as ee, Card as l, Checkbox as u, Description as te, FieldError as d, Form as f, Input as p, Label as m, Link as h, Spinner as g, TextField as _, cn as v, toast as y } from "@heroui/react";
-import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
-import { useState as C } from "react";
+import { useAuth as i, useSendVerificationEmail as a, useSignInEmail as o, useSignInUsername as s } from "@better-auth-ui/react";
+import { Button as c, Card as l, Checkbox as u, Description as d, FieldError as f, Form as p, Input as m, Label as h, Link as g, Spinner as _, TextField as v, cn as y, toast as b } from "@heroui/react";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { useState as w } from "react";
 //#region src/components/auth/sign-in.tsx
-function w(e) {
+function T(e) {
 	return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e);
 }
-function T({ className: T, socialLayout: E, socialPosition: D = "bottom", variant: O, ...k }) {
-	let { basePaths: A, baseURL: j, emailAndPassword: M, localization: N, magicLink: P, passkey: F, redirectTo: I, socialProviders: L, username: R, viewPaths: z, navigate: B } = i(), [V, H] = C(""), { mutate: U } = a({
-		onError: (e) => y.danger(e.error?.message || e.message),
-		onSuccess: () => y.success(N.auth.verificationEmailSent)
-	}), { mutate: W, isPending: G } = o({
+function E({ className: E, socialLayout: D, socialPosition: O = "bottom", variant: k, ...A }) {
+	let { basePaths: j, baseURL: M, emailAndPassword: N, localization: P, magicLink: F, passkey: I, redirectTo: L, socialProviders: R, username: z, viewPaths: B, navigate: V } = i(), [H, U] = w(""), { mutate: W } = a({ onSuccess: () => b.success(P.auth.verificationEmailSent) }), { mutate: G, isPending: K } = o({
 		onError: (e, { email: t }) => {
-			H(""), e.error?.code === "EMAIL_NOT_VERIFIED" ? y.danger(e.error?.message || e.message, { actionProps: {
-				children: N.auth.resend,
-				onClick: () => U({
+			U(""), e.error?.code === "EMAIL_NOT_VERIFIED" ? b.danger(e.error?.message || e.message, { actionProps: {
+				children: P.auth.resend,
+				onClick: () => W({
 					email: t,
-					callbackURL: `${j}${I}`
+					callbackURL: `${M}${L}`
 				})
-			} }) : y.danger(e.error?.message || e.message);
+			} }) : b.danger(e.error?.message || e.message);
 		},
-		onSuccess: () => B({ to: I })
-	}), { mutate: K, isPending: q } = c({
+		onSuccess: () => V({ to: L })
+	}), { mutate: q, isPending: J } = s({
 		onError: (e) => {
-			H(""), y.danger(e.error?.message || e.message);
+			U(""), b.danger(e.error?.message || e.message);
 		},
-		onSuccess: () => B({ to: I })
-	}), [J, Y] = C(!1), { mutate: X, isPending: Z } = s({
-		onError: (e) => y.danger(e.error?.message || e.message),
-		onSuccess: () => {
-			Y(!0), setTimeout(() => {
-				Y(!1);
-			}, 5e3);
-		}
-	}), ne = (e) => {
+		onSuccess: () => V({ to: L })
+	}), Y = (e) => {
 		e.preventDefault();
 		let t = new FormData(e.currentTarget), n = t.get("email"), r = t.get("rememberMe") === "on";
-		R?.enabled && !w(n) ? K({
+		z?.enabled && !T(n) ? q({
 			username: n,
-			password: V
-		}) : W({
+			password: H
+		}) : G({
 			email: n,
-			password: V,
-			...M?.rememberMe ? { rememberMe: r } : {}
+			password: H,
+			...N?.rememberMe ? { rememberMe: r } : {}
 		});
-	}, Q = G || q || Z || J, $ = M?.enabled && !!L?.length;
-	return /* @__PURE__ */ S(l, {
-		className: v("w-full max-w-sm gap-4 md:p-6", T),
-		variant: O,
-		...k,
+	}, X = K || J, Z = N?.enabled && !!R?.length;
+	return /* @__PURE__ */ C(l, {
+		className: y("w-full max-w-sm gap-4 md:p-6", E),
+		variant: k,
+		...A,
 		children: [
-			/* @__PURE__ */ x(l.Header, { children: /* @__PURE__ */ x(l.Title, {
+			/* @__PURE__ */ S(l.Header, { children: /* @__PURE__ */ S(l.Title, {
 				className: "text-xl font-semibold mb-1",
-				children: N.auth.signIn
+				children: P.auth.signIn
 			}) }),
-			/* @__PURE__ */ S(l.Content, {
+			/* @__PURE__ */ C(l.Content, {
 				className: "gap-4",
 				children: [
-					D === "top" && /* @__PURE__ */ S(b, { children: [!!L?.length && /* @__PURE__ */ x(r, {
-						socialLayout: E,
-						signInSocial: X,
-						isPending: Q
-					}), $ && /* @__PURE__ */ x(e, { children: N.auth.or })] }),
-					M?.enabled && /* @__PURE__ */ S(f, {
-						onSubmit: ne,
+					O === "top" && /* @__PURE__ */ C(x, { children: [!!R?.length && /* @__PURE__ */ S(r, {
+						socialLayout: D,
+						isPending: X
+					}), Z && /* @__PURE__ */ S(e, { children: P.auth.or })] }),
+					N?.enabled && /* @__PURE__ */ C(p, {
+						onSubmit: Y,
 						className: "flex flex-col gap-4",
 						children: [
-							/* @__PURE__ */ S(_, {
+							/* @__PURE__ */ C(v, {
 								name: "email",
-								type: R?.enabled ? "text" : "email",
-								autoComplete: R?.enabled ? "username" : "email",
-								isDisabled: Q,
+								type: z?.enabled ? "text" : "email",
+								autoComplete: z?.enabled ? "username" : "email",
+								isDisabled: X,
 								children: [
-									/* @__PURE__ */ x(m, { children: R?.enabled ? N.auth.username : N.auth.email }),
-									/* @__PURE__ */ x(p, {
-										placeholder: R?.enabled ? N.auth.usernameOrEmailPlaceholder : N.auth.emailPlaceholder,
-										variant: O === "transparent" ? "primary" : "secondary",
+									/* @__PURE__ */ S(h, { children: z?.enabled ? P.auth.username : P.auth.email }),
+									/* @__PURE__ */ S(m, {
+										placeholder: z?.enabled ? P.auth.usernameOrEmailPlaceholder : P.auth.emailPlaceholder,
+										variant: k === "transparent" ? "primary" : "secondary",
 										required: !0
 									}),
-									/* @__PURE__ */ x(d, {})
+									/* @__PURE__ */ S(f, {})
 								]
 							}),
-							/* @__PURE__ */ S(_, {
-								minLength: M?.minPasswordLength,
-								maxLength: M?.maxPasswordLength,
+							/* @__PURE__ */ C(v, {
+								minLength: N?.minPasswordLength,
+								maxLength: N?.maxPasswordLength,
 								name: "password",
 								type: "password",
 								autoComplete: "current-password",
-								isDisabled: Q,
-								value: V,
-								onChange: H,
+								isDisabled: X,
+								value: H,
+								onChange: U,
 								children: [
-									/* @__PURE__ */ x(m, { children: N.auth.password }),
-									/* @__PURE__ */ x(p, {
-										placeholder: N.auth.passwordPlaceholder,
-										variant: O === "transparent" ? "primary" : "secondary",
+									/* @__PURE__ */ S(h, { children: P.auth.password }),
+									/* @__PURE__ */ S(m, {
+										placeholder: P.auth.passwordPlaceholder,
+										variant: k === "transparent" ? "primary" : "secondary",
 										required: !0
 									}),
-									/* @__PURE__ */ x(d, {})
+									/* @__PURE__ */ S(f, {})
 								]
 							}),
-							M?.rememberMe && /* @__PURE__ */ S(u, {
+							N?.rememberMe && /* @__PURE__ */ C(u, {
 								name: "rememberMe",
-								isDisabled: Q,
-								variant: O === "transparent" ? "primary" : "secondary",
-								children: [/* @__PURE__ */ x(u.Control, { children: /* @__PURE__ */ x(u.Indicator, {}) }), /* @__PURE__ */ x(u.Content, { children: /* @__PURE__ */ x(m, { children: N.auth.rememberMe }) })]
+								isDisabled: X,
+								variant: k === "transparent" ? "primary" : "secondary",
+								children: [/* @__PURE__ */ S(u.Control, { children: /* @__PURE__ */ S(u.Indicator, {}) }), /* @__PURE__ */ S(u.Content, { children: /* @__PURE__ */ S(h, { children: P.auth.rememberMe }) })]
 							}),
-							/* @__PURE__ */ S("div", {
+							/* @__PURE__ */ C("div", {
 								className: "flex flex-col gap-3",
 								children: [
-									/* @__PURE__ */ S(ee, {
+									/* @__PURE__ */ C(c, {
 										type: "submit",
 										className: "w-full",
-										isPending: Q,
-										children: [Q && /* @__PURE__ */ x(g, {
+										isPending: X,
+										children: [X && /* @__PURE__ */ S(_, {
 											color: "current",
 											size: "sm"
-										}), N.auth.signIn]
+										}), P.auth.signIn]
 									}),
-									P && /* @__PURE__ */ x(t, {
+									F && /* @__PURE__ */ S(t, {
 										view: "signIn",
-										isPending: Q
+										isPending: X
 									}),
-									F && /* @__PURE__ */ x(n, { isPending: Q })
+									I && /* @__PURE__ */ S(n, { isPending: X })
 								]
 							})
 						]
 					}),
-					D === "bottom" && /* @__PURE__ */ S(b, { children: [$ && /* @__PURE__ */ x(e, { children: N.auth.or }), !!L?.length && /* @__PURE__ */ x(r, {
-						socialLayout: E,
-						signInSocial: X,
-						isPending: Q
+					O === "bottom" && /* @__PURE__ */ C(x, { children: [Z && /* @__PURE__ */ S(e, { children: P.auth.or }), !!R?.length && /* @__PURE__ */ S(r, {
+						socialLayout: D,
+						isPending: X
 					})] })
 				]
 			}),
-			/* @__PURE__ */ S(l.Footer, {
+			/* @__PURE__ */ C(l.Footer, {
 				className: "flex-col gap-3",
-				children: [M?.forgotPassword && /* @__PURE__ */ x(h, {
-					href: `${A.auth}/${z.auth.forgotPassword}`,
+				children: [N?.forgotPassword && /* @__PURE__ */ S(g, {
+					href: `${j.auth}/${B.auth.forgotPassword}`,
 					className: "no-underline hover:underline",
-					children: N.auth.forgotPasswordLink
-				}), M?.enabled && /* @__PURE__ */ S(te, {
+					children: P.auth.forgotPasswordLink
+				}), N?.enabled && /* @__PURE__ */ C(d, {
 					className: "text-sm",
 					children: [
-						N.auth.needToCreateAnAccount,
+						P.auth.needToCreateAnAccount,
 						" ",
-						/* @__PURE__ */ x(h, {
-							href: `${A.auth}/${z.auth.signUp}`,
+						/* @__PURE__ */ S(g, {
+							href: `${j.auth}/${B.auth.signUp}`,
 							className: "text-accent no-underline hover:underline decoration-accent-hover",
-							children: N.auth.signUp
+							children: P.auth.signUp
 						})
 					]
 				})]
@@ -161,4 +149,4 @@ function T({ className: T, socialLayout: E, socialPosition: D = "bottom", varian
 	});
 }
 //#endregion
-export { T as SignIn };
+export { E as SignIn };

package/dist/components/auth/sign-up.d.ts

@@ -16,4 +16,4 @@ export type SignUpProps = {
  * @param socialPosition - Position of social provider buttons relative to the form; `"top"` or `"bottom"` (default `"bottom"`)
  * @returns The sign-up form React element
  */
-export declare function SignUp({ className, socialLayout, socialPosition, variant, ...props }: SignUpProps & CardProps): import("react/jsx-runtime").JSX.Element;
+export declare function SignUp({ className, socialLayout, socialPosition, variant, ...props }: SignUpProps & Omit<CardProps, "children">): import("react/jsx-runtime").JSX.Element;

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

@@ -1,235 +1,226 @@
 import { FieldSeparator as e } from "./field-separator.js";
 import { MagicLinkButton as t } from "./magic-link-button.js";
 import { ProviderButtons as n } from "./provider-buttons.js";
-import { useAuth as r, useIsUsernameAvailable as i, useSignInSocial as ee, useSignUpEmail as te } from "@better-auth-ui/react";
-import { Button as a, Card as o, Description as ne, FieldError as s, Form as c, Input as l, InputGroup as u, Label as d, Link as re, Spinner as f, TextField as p, cn as m, toast as h } from "@heroui/react";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
-import { useState as y } from "react";
-import { Check as ie, Eye as b, EyeSlash as x, Xmark as S } from "@gravity-ui/icons";
+import { useAuth as r, useIsUsernameAvailable as i, useSignUpEmail as ee } from "@better-auth-ui/react";
+import { Button as a, Card as o, Description as te, FieldError as s, Form as ne, Input as c, InputGroup as l, Label as u, Link as re, Spinner as d, TextField as f, cn as p, toast as m } from "@heroui/react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { useState as v } from "react";
+import { Check as y, Eye as b, EyeSlash as x, Xmark as S } from "@gravity-ui/icons";
 import { useDebouncer as C } from "@tanstack/react-pacer";
 //#region src/components/auth/sign-up.tsx
-function w({ className: w, socialLayout: T, socialPosition: E = "bottom", variant: D, ...ae }) {
-	let { basePaths: O, emailAndPassword: k, localization: A, magicLink: j, redirectTo: M, socialProviders: N, username: P, viewPaths: F, navigate: I } = r(), [L, R] = y(""), [z, B] = y(""), [V, H] = y(""), { mutate: U, data: W, error: G, reset: K } = i(), q = C((e) => {
+function w({ className: w, socialLayout: T, socialPosition: E = "bottom", variant: D, ...O }) {
+	let { basePaths: k, emailAndPassword: A, localization: j, magicLink: M, redirectTo: N, socialProviders: P, username: F, viewPaths: I, navigate: L } = r(), [R, z] = v(""), [B, V] = v(""), [H, U] = v(""), { mutate: W, data: G, error: K, reset: q } = i(), J = C((e) => {
 		if (!e.trim()) {
-			K();
+			q();
 			return;
 		}
-		U({ username: e.trim() });
+		W({ username: e.trim() });
 	}, { wait: 500 });
-	function oe(e) {
-		H(e), K(), P?.isUsernameAvailable && q.maybeExecute(e);
+	function Y(e) {
+		U(e), q(), F?.isUsernameAvailable && J.maybeExecute(e);
 	}
-	let { mutate: se, isPending: ce } = te({
+	let { mutate: ie, isPending: ae } = ee({
 		onError: (e) => {
-			R(""), B(""), h.danger(e.error?.message || e.message);
+			z(""), V(""), m.danger(e.error?.message || e.message);
 		},
 		onSuccess: () => {
-			k?.requireEmailVerification ? (h.success(A.auth.verifyYourEmail), I({ to: `${O.auth}/${F.auth.signIn}` })) : I({ to: M });
+			A?.requireEmailVerification ? (m.success(j.auth.verifyYourEmail), L({ to: `${k.auth}/${I.auth.signIn}` })) : L({ to: N });
 		}
-	}), [le, J] = y(!1), { mutate: Y, isPending: ue } = ee({
-		onError: (e) => h.danger(e.error?.message || e.message),
-		onSuccess: () => {
-			J(!0), setTimeout(() => {
-				J(!1);
-			}, 5e3);
-		}
-	}), [X, de] = y(!1), [Z, fe] = y(!1), Q = ce || ue || le, pe = (e) => {
+	}), [X, oe] = v(!1), [Z, se] = v(!1), Q = ae, ce = (e) => {
 		e.preventDefault();
 		let t = new FormData(e.currentTarget), n = t.get("name"), r = t.get("email");
-		if (k?.confirmPassword && L !== z) {
-			h.danger(A.auth.passwordsDoNotMatch), R(""), B("");
+		if (A?.confirmPassword && R !== B) {
+			m.danger(j.auth.passwordsDoNotMatch), z(""), V("");
 			return;
 		}
-		se({
+		ie({
 			name: n,
 			email: r,
-			password: L,
-			...P?.enabled ? {
-				username: V.trim(),
-				...P.displayUsername ? { displayUsername: V.trim() } : {}
+			password: R,
+			...F?.enabled ? {
+				username: H.trim(),
+				...F.displayUsername ? { displayUsername: H.trim() } : {}
 			} : {}
 		});
-	}, $ = k?.enabled && !!N?.length;
-	return /* @__PURE__ */ v(o, {
-		className: m("w-full max-w-sm p-4 md:p-6", w),
+	}, $ = A?.enabled && !!P?.length;
+	return /* @__PURE__ */ _(o, {
+		className: p("w-full max-w-sm p-4 md:p-6", w),
 		variant: D,
-		...ae,
+		...O,
 		children: [
-			/* @__PURE__ */ _(o.Header, { children: /* @__PURE__ */ _(o.Title, {
+			/* @__PURE__ */ g(o.Header, { children: /* @__PURE__ */ g(o.Title, {
 				className: "text-xl font-semibold mb-1",
-				children: A.auth.signUp
+				children: j.auth.signUp
 			}) }),
-			/* @__PURE__ */ v(o.Content, {
+			/* @__PURE__ */ _(o.Content, {
 				className: "gap-4",
 				children: [
-					E === "top" && /* @__PURE__ */ v(g, { children: [!!N?.length && /* @__PURE__ */ _(n, {
+					E === "top" && /* @__PURE__ */ _(h, { children: [!!P?.length && /* @__PURE__ */ g(n, {
 						isPending: Q,
-						socialLayout: T,
-						signInSocial: Y
-					}), $ && /* @__PURE__ */ _(e, { children: A.auth.or })] }),
-					k?.enabled && /* @__PURE__ */ v(c, {
-						onSubmit: pe,
+						socialLayout: T
+					}), $ && /* @__PURE__ */ g(e, { children: j.auth.or })] }),
+					A?.enabled && /* @__PURE__ */ _(ne, {
+						onSubmit: ce,
 						className: "flex flex-col gap-4",
 						children: [
-							/* @__PURE__ */ v(p, {
+							/* @__PURE__ */ _(f, {
 								name: "name",
 								type: "text",
 								autoComplete: "name",
 								isDisabled: Q,
 								children: [
-									/* @__PURE__ */ _(d, { children: A.auth.name }),
-									/* @__PURE__ */ _(l, {
-										placeholder: A.auth.namePlaceholder,
+									/* @__PURE__ */ g(u, { children: j.auth.name }),
+									/* @__PURE__ */ g(c, {
+										placeholder: j.auth.namePlaceholder,
 										required: !0,
 										variant: D === "transparent" ? "primary" : "secondary"
 									}),
-									/* @__PURE__ */ _(s, {})
+									/* @__PURE__ */ g(s, {})
 								]
 							}),
-							P?.enabled && /* @__PURE__ */ v(p, {
+							F?.enabled && /* @__PURE__ */ _(f, {
 								name: "username",
 								type: "text",
 								autoComplete: "username",
-								minLength: P.minUsernameLength,
-								maxLength: P.maxUsernameLength,
+								minLength: F.minUsernameLength,
+								maxLength: F.maxUsernameLength,
 								isDisabled: Q,
-								value: V,
-								onChange: oe,
-								isInvalid: !!G || W && !W.available,
+								value: H,
+								onChange: Y,
+								isInvalid: !!K || G && !G.available,
 								children: [
-									/* @__PURE__ */ _(d, { children: A.auth.username }),
-									/* @__PURE__ */ v(u, {
+									/* @__PURE__ */ g(u, { children: j.auth.username }),
+									/* @__PURE__ */ _(l, {
 										variant: D === "transparent" ? "primary" : "secondary",
-										children: [/* @__PURE__ */ _(u.Input, {
-											placeholder: A.auth.usernamePlaceholder,
+										children: [/* @__PURE__ */ g(l.Input, {
+											placeholder: j.auth.usernamePlaceholder,
 											required: !0
-										}), P.isUsernameAvailable && V.trim() && /* @__PURE__ */ _(u.Suffix, {
+										}), F.isUsernameAvailable && H.trim() && /* @__PURE__ */ g(l.Suffix, {
 											className: "px-2",
-											children: W?.available ? /* @__PURE__ */ _(ie, { className: "text-success" }) : G || W?.available === !1 ? /* @__PURE__ */ _(S, { className: "text-danger" }) : /* @__PURE__ */ _(f, {
+											children: G?.available ? /* @__PURE__ */ g(y, { className: "text-success" }) : K || G?.available === !1 ? /* @__PURE__ */ g(S, { className: "text-danger" }) : /* @__PURE__ */ g(d, {
 												size: "sm",
 												color: "current"
 											})
 										})]
 									}),
-									/* @__PURE__ */ _(s, { children: G?.error?.message || G?.message || W?.available === !1 && A.auth.usernameTaken })
+									/* @__PURE__ */ g(s, { children: K?.error?.message || K?.message || (G?.available === !1 ? j.auth.usernameTaken : null) })
 								]
 							}),
-							/* @__PURE__ */ v(p, {
+							/* @__PURE__ */ _(f, {
 								name: "email",
 								type: "email",
 								autoComplete: "email",
 								isDisabled: Q,
 								children: [
-									/* @__PURE__ */ _(d, { children: A.auth.email }),
-									/* @__PURE__ */ _(l, {
-										placeholder: A.auth.emailPlaceholder,
+									/* @__PURE__ */ g(u, { children: j.auth.email }),
+									/* @__PURE__ */ g(c, {
+										placeholder: j.auth.emailPlaceholder,
 										required: !0,
 										variant: D === "transparent" ? "primary" : "secondary"
 									}),
-									/* @__PURE__ */ _(s, {})
+									/* @__PURE__ */ g(s, {})
 								]
 							}),
-							/* @__PURE__ */ v(p, {
-								minLength: k?.minPasswordLength,
-								maxLength: k?.maxPasswordLength,
+							/* @__PURE__ */ _(f, {
+								minLength: A?.minPasswordLength,
+								maxLength: A?.maxPasswordLength,
 								name: "password",
 								autoComplete: "new-password",
 								isDisabled: Q,
-								value: L,
-								onChange: R,
+								value: R,
+								onChange: z,
 								children: [
-									/* @__PURE__ */ _(d, { children: A.auth.password }),
-									/* @__PURE__ */ v(u, {
+									/* @__PURE__ */ g(u, { children: j.auth.password }),
+									/* @__PURE__ */ _(l, {
 										variant: D === "transparent" ? "primary" : "secondary",
-										children: [/* @__PURE__ */ _(u.Input, {
-											placeholder: A.auth.passwordPlaceholder,
+										children: [/* @__PURE__ */ g(l.Input, {
+											placeholder: j.auth.passwordPlaceholder,
 											type: X ? "text" : "password",
 											name: "password",
 											required: !0
-										}), /* @__PURE__ */ _(u.Suffix, {
+										}), /* @__PURE__ */ g(l.Suffix, {
 											className: "px-0",
-											children: /* @__PURE__ */ _(a, {
+											children: /* @__PURE__ */ g(a, {
 												isIconOnly: !0,
-												"aria-label": X ? A.auth.hidePassword : A.auth.showPassword,
+												"aria-label": X ? j.auth.hidePassword : j.auth.showPassword,
 												size: "sm",
 												variant: "ghost",
-												onPress: () => de(!X),
+												onPress: () => oe(!X),
 												isDisabled: Q,
-												children: _(X ? x : b, {})
+												children: g(X ? x : b, {})
 											})
 										})]
 									}),
-									/* @__PURE__ */ _(s, {})
+									/* @__PURE__ */ g(s, {})
 								]
 							}),
-							k?.confirmPassword && /* @__PURE__ */ v(p, {
-								minLength: k?.minPasswordLength,
-								maxLength: k?.maxPasswordLength,
+							A?.confirmPassword && /* @__PURE__ */ _(f, {
+								minLength: A?.minPasswordLength,
+								maxLength: A?.maxPasswordLength,
 								name: "confirmPassword",
 								autoComplete: "new-password",
 								isDisabled: Q,
-								value: z,
-								onChange: B,
+								value: B,
+								onChange: V,
 								children: [
-									/* @__PURE__ */ _(d, { children: A.auth.confirmPassword }),
-									/* @__PURE__ */ v(u, {
+									/* @__PURE__ */ g(u, { children: j.auth.confirmPassword }),
+									/* @__PURE__ */ _(l, {
 										variant: D === "transparent" ? "primary" : "secondary",
-										children: [/* @__PURE__ */ _(u.Input, {
+										children: [/* @__PURE__ */ g(l.Input, {
 											name: "confirmPassword",
-											placeholder: A.auth.confirmPasswordPlaceholder,
+											placeholder: j.auth.confirmPasswordPlaceholder,
 											type: Z ? "text" : "password",
 											required: !0
-										}), /* @__PURE__ */ _(u.Suffix, {
+										}), /* @__PURE__ */ g(l.Suffix, {
 											className: "px-0",
-											children: /* @__PURE__ */ _(a, {
+											children: /* @__PURE__ */ g(a, {
 												isIconOnly: !0,
-												"aria-label": Z ? A.auth.hidePassword : A.auth.showPassword,
+												"aria-label": Z ? j.auth.hidePassword : j.auth.showPassword,
 												size: "sm",
 												variant: "ghost",
-												onPress: () => fe(!Z),
+												onPress: () => se(!Z),
 												isDisabled: Q,
-												children: _(Z ? x : b, {})
+												children: g(Z ? x : b, {})
 											})
 										})]
 									}),
-									/* @__PURE__ */ _(s, {})
+									/* @__PURE__ */ g(s, {})
 								]
 							}),
-							/* @__PURE__ */ v("div", {
+							/* @__PURE__ */ _("div", {
 								className: "flex flex-col gap-3",
-								children: [/* @__PURE__ */ v(a, {
+								children: [/* @__PURE__ */ _(a, {
 									type: "submit",
 									className: "w-full",
 									isPending: Q,
-									children: [Q && /* @__PURE__ */ _(f, {
+									children: [Q && /* @__PURE__ */ g(d, {
 										color: "current",
 										size: "sm"
-									}), A.auth.signUp]
-								}), j && /* @__PURE__ */ _(t, {
+									}), j.auth.signUp]
+								}), M && /* @__PURE__ */ g(t, {
 									view: "signUp",
 									isPending: Q
 								})]
 							})
 						]
 					}),
-					E === "bottom" && /* @__PURE__ */ v(g, { children: [$ && /* @__PURE__ */ _(e, { children: A.auth.or }), !!N?.length && /* @__PURE__ */ _(n, {
+					E === "bottom" && /* @__PURE__ */ _(h, { children: [$ && /* @__PURE__ */ g(e, { children: j.auth.or }), !!P?.length && /* @__PURE__ */ g(n, {
 						socialLayout: T,
-						signInSocial: Y,
 						isPending: Q
 					})] })
 				]
 			}),
-			/* @__PURE__ */ _(o.Footer, {
+			/* @__PURE__ */ g(o.Footer, {
 				className: "flex-col",
-				children: /* @__PURE__ */ v(ne, {
+				children: /* @__PURE__ */ _(te, {
 					className: "text-sm",
 					children: [
-						A.auth.alreadyHaveAnAccount,
+						j.auth.alreadyHaveAnAccount,
 						" ",
-						/* @__PURE__ */ _(re, {
-							href: `${O.auth}/${F.auth.signIn}`,
+						/* @__PURE__ */ g(re, {
+							href: `${k.auth}/${I.auth.signIn}`,
 							className: "text-accent decoration-accent no-underline hover:underline",
-							children: A.auth.signIn
+							children: j.auth.signIn
 						})
 					]
 				})

package/dist/components/settings/account/appearance.d.ts

@@ -13,4 +13,4 @@ export type AppearanceProps = {
  * @param className - Optional additional CSS class names for the card container.
  * @returns A JSX element containing the theme selector card, or null if theme settings are not configured.
  */
-export declare function Appearance({ className, variant, ...props }: AppearanceProps & CardProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function Appearance({ className, variant, ...props }: AppearanceProps & Omit<CardProps, "children">): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/settings/account/change-avatar.js

@@ -7,7 +7,7 @@ import { CloudArrowUpIn as m, TrashBin as h } from "@gravity-ui/icons";
 import { fileToBase64 as g } from "@better-auth-ui/core";
 //#region src/components/settings/account/change-avatar.tsx
 function _({ className: _ }) {
-	let { localization: v, avatar: y } = t(), { data: b } = n(), { mutate: x, isPending: S } = r({ onError: (e) => l.danger(e.error?.message || e.message) }), C = f(null), [w, T] = p(!1), [E, D] = p(!1), O = S || w || E;
+	let { localization: v, avatar: y } = t(), { data: b } = n(), { mutate: x, isPending: S } = r(), C = f(null), [w, T] = p(!1), [E, D] = p(!1), O = S || w || E;
 	async function k(e) {
 		let t = e.target.files?.[0];
 		if (t) {

package/dist/components/settings/account/change-email.d.ts

@@ -12,4 +12,4 @@ export type ChangeEmailProps = {
  *
  * @returns A JSX element rendering the change-email card and form
  */
-export declare function ChangeEmail({ className, variant, ...props }: ChangeEmailProps & CardProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChangeEmail({ className, variant, ...props }: ChangeEmailProps & Omit<CardProps, "children">): import("react/jsx-runtime").JSX.Element;

package/dist/components/settings/account/change-email.js

@@ -3,10 +3,7 @@ import { Button as r, Card as i, FieldError as a, Fieldset as o, Form as s, Inpu
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/components/settings/account/change-email.tsx
 function _({ className: _, variant: v, ...y }) {
-	let { localization: b, baseURL: x, viewPaths: S } = e(), { data: C } = n(), { mutate: w, isPending: T } = t({
-		onSuccess: () => m.success(b.settings.changeEmailSuccess),
-		onError: (e) => m.danger(e.error?.message || e.message)
-	});
+	let { localization: b, baseURL: x, viewPaths: S } = e(), { data: C } = n(), { mutate: w, isPending: T } = t({ onSuccess: () => m.success(b.settings.changeEmailSuccess) });
 	function E(e) {
 		e.preventDefault(), w({
 			newEmail: new FormData(e.currentTarget).get("email"),