@better-auth-ui/heroui 1.6.3 → 1.6.4

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

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

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

@@ -1,24 +1,24 @@
 import { useAuth as e, useSignOut as t } from "@better-auth-ui/react";
 import { Spinner as n, cn as r, toast as i } from "@heroui/react";
-import { jsx as a } from "react/jsx-runtime";
-import { useEffect as o, useRef as s } from "react";
+import { useEffect as a, useRef as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
 //#region src/components/auth/sign-out.tsx
 function c({ className: c }) {
-	let { basePaths: l, navigate: u, viewPaths: d } = e(), { mutate: f } = t({
+	let { authClient: l, basePaths: u, navigate: d, viewPaths: f } = e(), { mutate: p } = t(l, {
 		onError: (e) => {
-			i.danger(e.error?.message || e.message), u({
-				to: `${l.auth}/${d.auth.signIn}`,
+			i.danger(e.error?.message || e.message), d({
+				to: `${u.auth}/${f.auth.signIn}`,
 				replace: !0
 			});
 		},
-		onSuccess: () => u({
-			to: `${l.auth}/${d.auth.signIn}`,
+		onSuccess: () => d({
+			to: `${u.auth}/${f.auth.signIn}`,
 			replace: !0
 		})
-	}), p = s(!1);
-	return o(() => {
-		p.current || (p.current = !0, f());
-	}, [f]), /* @__PURE__ */ a(n, {
+	}), m = o(!1);
+	return a(() => {
+		m.current || (m.current = !0, p());
+	}, [p]), /* @__PURE__ */ s(n, {
 		className: r("mx-auto my-auto", c),
 		color: "current"
 	});

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

@@ -1,226 +1,201 @@
-import { FieldSeparator as e } from "./field-separator.js";
-import { MagicLinkButton as t } from "./magic-link-button.js";
+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 { 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";
+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 { 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";
 //#region src/components/auth/sign-up.tsx
-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()) {
-			q();
-			return;
-		}
-		W({ username: e.trim() });
-	}, { wait: 500 });
-	function Y(e) {
-		U(e), q(), F?.isUsernameAvailable && J.maybeExecute(e);
-	}
-	let { mutate: ie, isPending: ae } = ee({
+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, {
 		onError: (e) => {
-			z(""), V(""), m.danger(e.error?.message || e.message);
+			H(""), W(""), x.danger(e.error?.message || e.message);
 		},
 		onSuccess: () => {
-			A?.requireEmailVerification ? (m.success(j.auth.verifyYourEmail), L({ to: `${k.auth}/${I.auth.signIn}` })) : L({ to: N });
+			P?.requireEmailVerification ? (x.success(F.auth.verifyYourEmail), B({ to: `${N.auth}/${z.auth.signIn}` })) : B({ to: L });
 		}
-	}), [X, oe] = v(!1), [Z, se] = v(!1), Q = ae, ce = (e) => {
+	}), [q, J] = S(!1), [Y, X] = S(!1), Z = E({ mutationKey: r.signIn.all }) + E({ mutationKey: r.signUp.all }) > 0, Q = async (e) => {
 		e.preventDefault();
-		let t = new FormData(e.currentTarget), n = t.get("name"), r = t.get("email");
-		if (A?.confirmPassword && R !== B) {
-			m.danger(j.auth.passwordsDoNotMatch), z(""), V("");
+		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("");
 			return;
 		}
-		ie({
+		let a = {};
+		for (let e of M ?? []) {
+			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));
+				return;
+			}
+			n !== void 0 && (a[e.name] = n);
+		}
+		G({
 			name: n,
 			email: r,
-			password: R,
-			...F?.enabled ? {
-				username: H.trim(),
-				...F.displayUsername ? { displayUsername: H.trim() } : {}
-			} : {}
+			password: V,
+			...a
 		});
-	}, $ = A?.enabled && !!P?.length;
-	return /* @__PURE__ */ _(o, {
-		className: p("w-full max-w-sm p-4 md:p-6", w),
-		variant: D,
-		...O,
+	}, $ = P?.enabled && !!R?.length;
+	return /* @__PURE__ */ T(u, {
+		className: b("w-full max-w-sm gap-4 md:p-6", D),
+		variant: A,
+		...j,
 		children: [
-			/* @__PURE__ */ g(o.Header, { children: /* @__PURE__ */ g(o.Title, {
+			/* @__PURE__ */ w(u.Header, { children: /* @__PURE__ */ w(u.Title, {
 				className: "text-xl font-semibold mb-1",
-				children: j.auth.signUp
+				children: F.auth.signUp
 			}) }),
-			/* @__PURE__ */ _(o.Content, {
+			/* @__PURE__ */ T(u.Content, {
 				className: "gap-4",
 				children: [
-					E === "top" && /* @__PURE__ */ _(h, { children: [!!P?.length && /* @__PURE__ */ g(n, {
-						isPending: Q,
-						socialLayout: T
-					}), $ && /* @__PURE__ */ g(e, { children: j.auth.or })] }),
-					A?.enabled && /* @__PURE__ */ _(ne, {
-						onSubmit: ce,
+					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,
 						className: "flex flex-col gap-4",
 						children: [
-							/* @__PURE__ */ _(f, {
+							P.name !== !1 && /* @__PURE__ */ T(y, {
 								name: "name",
 								type: "text",
 								autoComplete: "name",
-								isDisabled: Q,
+								isDisabled: Z,
 								children: [
-									/* @__PURE__ */ g(u, { children: j.auth.name }),
-									/* @__PURE__ */ g(c, {
-										placeholder: j.auth.namePlaceholder,
+									/* @__PURE__ */ w(g, { children: F.auth.name }),
+									/* @__PURE__ */ w(m, {
+										placeholder: F.auth.namePlaceholder,
 										required: !0,
-										variant: D === "transparent" ? "primary" : "secondary"
-									}),
-									/* @__PURE__ */ g(s, {})
-								]
-							}),
-							F?.enabled && /* @__PURE__ */ _(f, {
-								name: "username",
-								type: "text",
-								autoComplete: "username",
-								minLength: F.minUsernameLength,
-								maxLength: F.maxUsernameLength,
-								isDisabled: Q,
-								value: H,
-								onChange: Y,
-								isInvalid: !!K || G && !G.available,
-								children: [
-									/* @__PURE__ */ g(u, { children: j.auth.username }),
-									/* @__PURE__ */ _(l, {
-										variant: D === "transparent" ? "primary" : "secondary",
-										children: [/* @__PURE__ */ g(l.Input, {
-											placeholder: j.auth.usernamePlaceholder,
-											required: !0
-										}), F.isUsernameAvailable && H.trim() && /* @__PURE__ */ g(l.Suffix, {
-											className: "px-2",
-											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"
-											})
-										})]
+										variant: A === "transparent" ? "primary" : "secondary"
 									}),
-									/* @__PURE__ */ g(s, { children: K?.error?.message || K?.message || (G?.available === !1 ? j.auth.usernameTaken : null) })
+									/* @__PURE__ */ w(f, {})
 								]
 							}),
-							/* @__PURE__ */ _(f, {
+							/* @__PURE__ */ T(y, {
 								name: "email",
 								type: "email",
 								autoComplete: "email",
-								isDisabled: Q,
+								isDisabled: Z,
 								children: [
-									/* @__PURE__ */ g(u, { children: j.auth.email }),
-									/* @__PURE__ */ g(c, {
-										placeholder: j.auth.emailPlaceholder,
+									/* @__PURE__ */ w(g, { children: F.auth.email }),
+									/* @__PURE__ */ w(m, {
+										placeholder: F.auth.emailPlaceholder,
 										required: !0,
-										variant: D === "transparent" ? "primary" : "secondary"
+										variant: A === "transparent" ? "primary" : "secondary"
 									}),
-									/* @__PURE__ */ g(s, {})
+									/* @__PURE__ */ w(f, {})
 								]
 							}),
-							/* @__PURE__ */ _(f, {
-								minLength: A?.minPasswordLength,
-								maxLength: A?.maxPasswordLength,
+							M?.map((t) => t.signUp === "above" && /* @__PURE__ */ w(e, {
+								name: t.name,
+								field: t,
+								isPending: Z,
+								variant: A
+							}, t.name)),
+							/* @__PURE__ */ T(y, {
+								minLength: P?.minPasswordLength,
+								maxLength: P?.maxPasswordLength,
 								name: "password",
 								autoComplete: "new-password",
-								isDisabled: Q,
-								value: R,
-								onChange: z,
+								isDisabled: Z,
+								value: V,
+								onChange: H,
 								children: [
-									/* @__PURE__ */ g(u, { children: j.auth.password }),
-									/* @__PURE__ */ _(l, {
-										variant: D === "transparent" ? "primary" : "secondary",
-										children: [/* @__PURE__ */ g(l.Input, {
-											placeholder: j.auth.passwordPlaceholder,
-											type: X ? "text" : "password",
+									/* @__PURE__ */ w(g, { children: F.auth.password }),
+									/* @__PURE__ */ T(h, {
+										variant: A === "transparent" ? "primary" : "secondary",
+										children: [/* @__PURE__ */ w(h.Input, {
+											placeholder: F.auth.passwordPlaceholder,
+											type: q ? "text" : "password",
 											name: "password",
 											required: !0
-										}), /* @__PURE__ */ g(l.Suffix, {
+										}), /* @__PURE__ */ w(h.Suffix, {
 											className: "px-0",
-											children: /* @__PURE__ */ g(a, {
+											children: /* @__PURE__ */ w(l, {
 												isIconOnly: !0,
-												"aria-label": X ? j.auth.hidePassword : j.auth.showPassword,
+												"aria-label": q ? F.auth.hidePassword : F.auth.showPassword,
 												size: "sm",
 												variant: "ghost",
-												onPress: () => oe(!X),
-												isDisabled: Q,
-												children: g(X ? x : b, {})
+												onPress: () => J(!q),
+												isDisabled: Z,
+												children: w(q ? c : s, {})
 											})
 										})]
 									}),
-									/* @__PURE__ */ g(s, {})
+									/* @__PURE__ */ w(f, {})
 								]
 							}),
-							A?.confirmPassword && /* @__PURE__ */ _(f, {
-								minLength: A?.minPasswordLength,
-								maxLength: A?.maxPasswordLength,
+							P?.confirmPassword && /* @__PURE__ */ T(y, {
+								minLength: P?.minPasswordLength,
+								maxLength: P?.maxPasswordLength,
 								name: "confirmPassword",
 								autoComplete: "new-password",
-								isDisabled: Q,
-								value: B,
-								onChange: V,
+								isDisabled: Z,
+								value: U,
+								onChange: W,
 								children: [
-									/* @__PURE__ */ g(u, { children: j.auth.confirmPassword }),
-									/* @__PURE__ */ _(l, {
-										variant: D === "transparent" ? "primary" : "secondary",
-										children: [/* @__PURE__ */ g(l.Input, {
+									/* @__PURE__ */ w(g, { children: F.auth.confirmPassword }),
+									/* @__PURE__ */ T(h, {
+										variant: A === "transparent" ? "primary" : "secondary",
+										children: [/* @__PURE__ */ w(h.Input, {
 											name: "confirmPassword",
-											placeholder: j.auth.confirmPasswordPlaceholder,
-											type: Z ? "text" : "password",
+											placeholder: F.auth.confirmPasswordPlaceholder,
+											type: Y ? "text" : "password",
 											required: !0
-										}), /* @__PURE__ */ g(l.Suffix, {
+										}), /* @__PURE__ */ w(h.Suffix, {
 											className: "px-0",
-											children: /* @__PURE__ */ g(a, {
+											children: /* @__PURE__ */ w(l, {
 												isIconOnly: !0,
-												"aria-label": Z ? j.auth.hidePassword : j.auth.showPassword,
+												"aria-label": Y ? F.auth.hidePassword : F.auth.showPassword,
 												size: "sm",
 												variant: "ghost",
-												onPress: () => se(!Z),
-												isDisabled: Q,
-												children: g(Z ? x : b, {})
+												onPress: () => X(!Y),
+												isDisabled: Z,
+												children: w(Y ? c : s, {})
 											})
 										})]
 									}),
-									/* @__PURE__ */ g(s, {})
+									/* @__PURE__ */ w(f, {})
 								]
 							}),
-							/* @__PURE__ */ _("div", {
+							M?.map((t) => t.signUp && t.signUp !== "above" && /* @__PURE__ */ w(e, {
+								name: t.name,
+								field: t,
+								isPending: Z,
+								variant: A
+							}, t.name)),
+							/* @__PURE__ */ T("div", {
 								className: "flex flex-col gap-3",
-								children: [/* @__PURE__ */ _(a, {
+								children: [/* @__PURE__ */ T(l, {
 									type: "submit",
 									className: "w-full",
-									isPending: Q,
-									children: [Q && /* @__PURE__ */ g(d, {
+									isPending: Z,
+									children: [K && /* @__PURE__ */ w(v, {
 										color: "current",
 										size: "sm"
-									}), j.auth.signUp]
-								}), M && /* @__PURE__ */ g(t, {
-									view: "signUp",
-									isPending: Q
-								})]
+									}), F.auth.signUp]
+								}), I.flatMap((e) => e.authButtons?.map((t, n) => /* @__PURE__ */ w(t, { view: "signUp" }, `${e.id}-${n.toString()}`)))]
 							})
 						]
 					}),
-					E === "bottom" && /* @__PURE__ */ _(h, { children: [$ && /* @__PURE__ */ g(e, { children: j.auth.or }), !!P?.length && /* @__PURE__ */ g(n, {
-						socialLayout: T,
-						isPending: Q
-					})] })
+					k === "bottom" && /* @__PURE__ */ T(C, { children: [$ && /* @__PURE__ */ w(t, { children: F.auth.or }), !!R?.length && /* @__PURE__ */ w(n, { socialLayout: O })] })
 				]
 			}),
-			/* @__PURE__ */ g(o.Footer, {
-				className: "flex-col",
-				children: /* @__PURE__ */ _(te, {
+			/* @__PURE__ */ w(u.Footer, {
+				className: "flex-col gap-3",
+				children: /* @__PURE__ */ T(d, {
 					className: "text-sm",
 					children: [
-						j.auth.alreadyHaveAnAccount,
+						F.auth.alreadyHaveAnAccount,
 						" ",
-						/* @__PURE__ */ g(re, {
-							href: `${k.auth}/${I.auth.signIn}`,
-							className: "text-accent decoration-accent no-underline hover:underline",
-							children: j.auth.signIn
+						/* @__PURE__ */ w(_, {
+							href: `${N.auth}/${z.auth.signIn}`,
+							className: "text-accent no-underline hover:underline decoration-accent-hover",
+							children: F.auth.signIn
 						})
 					]
 				})
@@ -229,4 +204,4 @@ function w({ className: w, socialLayout: T, socialPosition: E = "bottom", varian
 	});
 }
 //#endregion
-export { w as SignUp };
+export { D as SignUp };

package/dist/components/{settings/account → auth/theme}/appearance.d.ts

@@ -7,10 +7,7 @@ export type AppearanceProps = {
  * Renders a theme selector card with visual theme previews.
  *
  * Displays a card containing radio buttons for selecting between system, light,
- * and dark themes. Each option shows a visual preview of the theme. Only renders
- * if theme settings are configured (theme, setTheme, and themes are provided).
- *
- * @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.
+ * and dark themes. Each option shows a visual preview of the theme. Theme options
+ * are conditionally shown based on the `themes` array provided via the theme plugin.
  */
-export declare function Appearance({ className, variant, ...props }: AppearanceProps & Omit<CardProps, "children">): import("react/jsx-runtime").JSX.Element | null;
+export declare function Appearance({ className, variant, ...props }: AppearanceProps & Omit<CardProps, "children">): import("react/jsx-runtime").JSX.Element;