@better-auth-ui/heroui 1.6.27 → 1.6.29

package/dist/index.js

@@ -1,17 +1,16 @@
 "use client";
-import { a as e, i as t, n, r, t as i } from "./user-view--47tVtJ3.js";
-import { authMutationKeys as a, authQueryKeys as o, fileToBase64 as s, getEmailProviderLink as c, getProviderName as l, parseAdditionalFieldValue as u, resolveInputType as d } from "@better-auth-ui/core";
-import { AuthProvider as f, providerIcons as p, useAccountInfo as m, useAuth as h, useAuthenticate as g, useChangeEmail as _, useChangePassword as v, useFetchOptions as y, useLinkSocial as b, useListAccounts as x, useListSessions as ee, useRequestPasswordReset as S, useResetPassword as te, useRevokeSession as C, useSendVerificationEmail as ne, useSession as w, useSignInEmail as T, useSignOut as re, useSignUpEmail as ie, useUnlinkAccount as ae, useUpdateUser as oe } from "@better-auth-ui/react";
-import { ArrowRightFromSquare as E, ArrowRightToSquare as se, ArrowUpRightFromSquare as ce, Check as le, ChevronsExpandVertical as ue, CloudArrowUpIn as de, Copy as fe, Display as pe, Eye as D, EyeSlash as O, Gear as me, Link as he, LinkSlash as ge, Person as _e, PersonPlus as ve, PlugConnection as ye, Shield as be, Smartphone as xe, TrashBin as Se, Xmark as Ce } from "@gravity-ui/icons";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./user-view-D9ial2fQ.js";
+import { authMutationKeys as s, authQueryKeys as c, fileToBase64 as l, getProviderName as u, parseAdditionalFieldValue as d, resolveInputType as f } from "@better-auth-ui/core";
+import { AuthProvider as p, providerIcons as m, useAccountInfo as h, useAuth as g, useAuthenticate as _, useChangeEmail as v, useChangePassword as ee, useFetchOptions as te, useLinkSocial as y, useListAccounts as b, useListSessions as x, useRequestPasswordReset as S, useResetPassword as C, useRevokeSession as w, useSendVerificationEmail as ne, useSession as T, useSignInEmail as re, useSignOut as ie, useSignUpEmail as ae, useUnlinkAccount as oe, useUpdateUser as E } from "@better-auth-ui/react";
+import { ArrowRightFromSquare as se, ArrowRightToSquare as ce, Check as le, ChevronsExpandVertical as ue, CloudArrowUpIn as de, Copy as fe, Display as pe, Eye as D, EyeSlash as O, Gear as me, Link as he, LinkSlash as ge, Person as _e, PersonPlus as ve, PlugConnection as ye, Shield as be, Smartphone as xe, TrashBin as Se, Xmark as Ce } from "@gravity-ui/icons";
 import { Button as k, Calendar as A, Card as j, Checkbox as M, Chip as we, ComboBox as Te, DateField as Ee, DatePicker as De, Description as N, Dropdown as P, FieldError as F, Fieldset as I, Form as L, Input as R, InputGroup as z, Label as B, Link as V, ListBox as H, NumberField as Oe, RouterProvider as ke, Select as Ae, Skeleton as U, Slider as je, Spinner as W, Switch as Me, Tabs as G, TextArea as Ne, TextField as K, TimeField as Pe, cn as q, toast as J, useIsHydrated as Fe } from "@heroui/react";
 import { fromDate as Ie, getLocalTimeZone as Le, parseDate as Re, parseDateTime as ze, toCalendarDate as Be, toCalendarDateTime as Ve } from "@internationalized/date";
 import { isValidElement as He, useEffect as Y, useMemo as Ue, useRef as We, useState as X } from "react";
 import { Fragment as Z, jsx as Q, jsxs as $ } from "react/jsx-runtime";
 import { matchMutation as Ge, matchQuery as Ke, useIsMutating as qe, useQueryClient as Je } from "@tanstack/react-query";
-import { buttonVariants as Ye } from "@heroui/styles";
-import Xe from "bowser";
+import Ye from "bowser";
 //#region src/components/auth/additional-field.tsx
-function Ze(e) {
+function Xe(e) {
 	if (e instanceof Date) return Be(Ie(e, Le()));
 	if (typeof e == "string") try {
 		return Re(e.slice(0, 10));
@@ -19,7 +18,7 @@ function Ze(e) {
 		return;
 	}
 }
-function Qe(e) {
+function Ze(e) {
 	if (e instanceof Date) return Ve(Ie(e, Le()));
 	if (typeof e == "string") try {
 		return ze(e.replace(/(Z|[+-]\d{2}:?\d{2})$/, ""));
@@ -27,8 +26,8 @@ function Qe(e) {
 		return;
 	}
 }
-function $e({ getValue: e, isDisabled: t }) {
-	let { localization: n } = h(), [r, i] = X(!1);
+function Qe({ getValue: e, isDisabled: t }) {
+	let { localization: n } = g(), [r, i] = X(!1);
 	async function a() {
 		let t = e();
 		if (t) try {
@@ -47,8 +46,8 @@ function $e({ getValue: e, isDisabled: t }) {
 		children: Q(r ? le : fe, { className: "size-4" })
 	});
 }
-function et({ name: e, field: t, isPending: n, variant: r }) {
-	let { localization: i } = h(), a = d(t), o = r === "transparent" ? "primary" : "secondary";
+function $e({ name: e, field: t, isPending: n, variant: r }) {
+	let { localization: i } = g(), a = f(t), o = r === "transparent" ? "primary" : "secondary";
 	if (t.render) {
 		let i = t.render;
 		return /* @__PURE__ */ Q(i, {
@@ -181,7 +180,7 @@ function et({ name: e, field: t, isPending: n, variant: r }) {
 		return /* @__PURE__ */ Q(De, {
 			className: "w-full [&[data-required=true]>.label]:after:content-none",
 			name: e,
-			defaultValue: r ? Qe(t.defaultValue) : Ze(t.defaultValue),
+			defaultValue: r ? Ze(t.defaultValue) : Xe(t.defaultValue),
 			granularity: r ? "minute" : "day",
 			isDisabled: n,
 			isReadOnly: t.readOnly,
@@ -224,14 +223,14 @@ function et({ name: e, field: t, isPending: n, variant: r }) {
 			] })
 		});
 	}
-	return /* @__PURE__ */ Q(tt, {
+	return /* @__PURE__ */ Q(et, {
 		name: e,
 		field: t,
 		isPending: n,
 		variant: r
 	});
 }
-function tt({ name: e, field: t, isPending: n, variant: r }) {
+function et({ name: e, field: t, isPending: n, variant: r }) {
 	let i = We(null), a = r === "transparent" ? "primary" : "secondary", o = t.prefix != null, s = t.suffix != null || t.copyable, c = t.type === "number", l = t.formatOptions?.maximumFractionDigits, u = c ? "number" : void 0, d = c ? l ? "decimal" : "numeric" : void 0, f = l ? 1 / 10 ** l : void 0;
 	return o || s ? /* @__PURE__ */ $(K, {
 		name: e,
@@ -254,7 +253,7 @@ function tt({ name: e, field: t, isPending: n, variant: r }) {
 					}),
 					t.copyable ? /* @__PURE__ */ Q(z.Suffix, {
 						className: "px-0",
-						children: /* @__PURE__ */ Q($e, {
+						children: /* @__PURE__ */ Q(Qe, {
 							getValue: () => i.current?.value,
 							isDisabled: n
 						})
@@ -283,14 +282,54 @@ function tt({ name: e, field: t, isPending: n, variant: r }) {
 	});
 }
 //#endregion
-//#region src/components/auth/forgot-password.tsx
+//#region src/components/auth/reset-link-sent.tsx
+var tt = "better-auth-ui.reset-link-sent";
 function nt({ className: e, variant: t }) {
-	let { authClient: n, baseURL: r, basePaths: i, localization: a, viewPaths: o, navigate: s, plugins: c } = h(), { fetchOptions: l, resetFetchOptions: u } = y(), { mutate: d, isPending: f } = S(n, {
+	let { basePaths: n, localization: r, viewPaths: i } = g(), [o, s] = X(Fe() && sessionStorage.getItem("better-auth-ui.reset-link-sent") || "");
+	return Y(() => {
+		s(sessionStorage.getItem("better-auth-ui.reset-link-sent") ?? "");
+	}, []), /* @__PURE__ */ $(j, {
+		className: q("w-full max-w-sm gap-4 md:p-6", e),
+		variant: t,
+		children: [
+			/* @__PURE__ */ Q(j.Header, { children: /* @__PURE__ */ Q(j.Title, {
+				className: "text-xl font-semibold mb-1",
+				children: r.auth.checkYourEmailTitle
+			}) }),
+			/* @__PURE__ */ $(j.Content, {
+				className: "gap-4",
+				children: [/* @__PURE__ */ Q(N, {
+					className: "text-sm",
+					children: o ? r.auth.resetLinkSentTo.replace("{{email}}", o) : r.auth.passwordResetEmailSent
+				}), o && /* @__PURE__ */ Q(a, { email: o })]
+			}),
+			/* @__PURE__ */ Q(j.Footer, {
+				className: "flex-col gap-3",
+				children: /* @__PURE__ */ $(N, {
+					className: "text-sm",
+					children: [
+						r.auth.rememberYourPassword,
+						" ",
+						/* @__PURE__ */ Q(V, {
+							href: `${n.auth}/${i.auth.signIn}`,
+							className: "text-accent no-underline hover:underline decoration-accent-hover",
+							children: r.auth.signIn
+						})
+					]
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/auth/forgot-password.tsx
+function rt({ className: e, variant: t }) {
+	let { authClient: n, baseURL: r, basePaths: i, localization: a, viewPaths: o, navigate: s, plugins: c } = g(), { fetchOptions: l, resetFetchOptions: u } = te(), { mutate: d, isPending: f } = S(n, {
 		onError: () => {
 			u();
 		},
-		onSuccess: () => {
-			J.success(a.auth.passwordResetEmailSent), s({ to: `${i.auth}/${o.auth.signIn}` });
+		onSuccess: (e, { email: t }) => {
+			sessionStorage.setItem(tt, t), s({ to: `${i.auth}/${o.auth.resetLinkSent}` });
 		}
 	});
 	function p(e) {
@@ -373,8 +412,8 @@ function nt({ className: e, variant: t }) {
 }
 //#endregion
 //#region src/components/auth/reset-password.tsx
-function rt({ className: e, variant: t }) {
-	let { authClient: n, basePaths: r, emailAndPassword: i, localization: a, viewPaths: o, navigate: s } = h(), { mutate: c, isPending: l } = te(n, { onSuccess: () => {
+function it({ className: e, variant: t }) {
+	let { authClient: n, basePaths: r, emailAndPassword: i, localization: a, viewPaths: o, navigate: s } = g(), { mutate: c, isPending: l } = C(n, { onSuccess: () => {
 		J.success(a.auth.passwordResetSuccess), s({ to: `${r.auth}/${o.auth.signIn}` });
 	} }), [u, d] = X(!1), [f, p] = X(!1);
 	Y(() => {
@@ -525,51 +564,54 @@ function rt({ className: e, variant: t }) {
 }
 //#endregion
 //#region src/components/auth/sign-in.tsx
-function it({ className: t, socialLayout: n, socialPosition: i = "bottom", variant: o }) {
-	let { authClient: s, basePaths: c, emailAndPassword: l, localization: u, plugins: d, redirectTo: f, socialProviders: p, viewPaths: m, navigate: g } = h(), { fetchOptions: _, resetFetchOptions: v } = y(), [b, x] = X(""), { mutate: ee, isPending: S } = T(s, {
+function at({ className: t, socialLayout: n, socialPosition: a = "bottom", variant: o }) {
+	let { authClient: c, basePaths: l, emailAndPassword: u, localization: d, plugins: f, redirectTo: p, socialProviders: m, viewPaths: h, navigate: _ } = g(), { fetchOptions: v, resetFetchOptions: ee } = te(), [y, b] = X(""), { mutate: x, isPending: S } = re(c, {
 		onError: (e, { email: t }) => {
-			x(""), e.error?.code === "EMAIL_NOT_VERIFIED" && (sessionStorage.setItem("better-auth-ui.verify-email", t), g({ to: `${c.auth}/${m.auth.verifyEmail}` })), v();
+			b(""), e.error?.code === "EMAIL_NOT_VERIFIED" && (sessionStorage.setItem("better-auth-ui.verify-email", t), _({ to: `${l.auth}/${h.auth.verifyEmail}` })), ee();
 		},
-		onSuccess: () => g({ to: f })
-	}), te = (e) => {
+		onSuccess: () => _({ to: p })
+	}), C = (e) => {
 		e.preventDefault();
 		let t = new FormData(e.currentTarget), n = t.get("email"), r = t.get("rememberMe") === "on";
-		ee({
+		x({
 			email: n,
-			password: b,
-			...l?.rememberMe ? { rememberMe: r } : {},
-			fetchOptions: _
+			password: y,
+			...u?.rememberMe ? { rememberMe: r } : {},
+			fetchOptions: v
 		});
-	}, C = qe({ mutationKey: a.signIn.all }) + qe({ mutationKey: a.signUp.all }) > 0, ne = d.find((e) => e.captchaComponent)?.captchaComponent, w = l?.enabled && !!p?.length;
+	}, w = qe({ mutationKey: s.signIn.all }) + qe({ mutationKey: s.signUp.all }) > 0, ne = f.find((e) => e.captchaComponent)?.captchaComponent, T = u?.enabled && !!m?.length;
 	return /* @__PURE__ */ $(j, {
 		className: q("w-full max-w-sm gap-4 md:p-6", t),
 		variant: o,
 		children: [
 			/* @__PURE__ */ Q(j.Header, { children: /* @__PURE__ */ Q(j.Title, {
 				className: "text-xl font-semibold mb-1",
-				children: u.auth.signIn
+				children: d.auth.signIn
 			}) }),
 			/* @__PURE__ */ $(j.Content, {
 				className: "gap-4",
 				children: [
-					i === "top" && /* @__PURE__ */ $(Z, { children: [!!p?.length && /* @__PURE__ */ Q(r, { socialLayout: n }), w && /* @__PURE__ */ Q(e, { children: u.auth.or })] }),
-					l?.enabled && /* @__PURE__ */ $(L, {
-						onSubmit: te,
+					a === "top" && /* @__PURE__ */ $(Z, { children: [!!m?.length && /* @__PURE__ */ Q(i, {
+						socialLayout: n,
+						view: "signIn"
+					}), T && /* @__PURE__ */ Q(r, { children: d.auth.or })] }),
+					u?.enabled && /* @__PURE__ */ $(L, {
+						onSubmit: C,
 						className: "flex flex-col gap-4",
 						children: [
 							/* @__PURE__ */ $(K, {
 								name: "email",
 								type: "email",
 								autoComplete: "email",
-								isDisabled: C,
+								isDisabled: w,
 								validate: (e) => {
-									if (!e) return u.auth.fieldRequired;
-									if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)) return u.auth.invalidEmail;
+									if (!e) return d.auth.fieldRequired;
+									if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)) return d.auth.invalidEmail;
 								},
 								children: [
-									/* @__PURE__ */ Q(B, { children: u.auth.email }),
+									/* @__PURE__ */ Q(B, { children: d.auth.email }),
 									/* @__PURE__ */ Q(R, {
-										placeholder: u.auth.emailPlaceholder,
+										placeholder: d.auth.emailPlaceholder,
 										variant: o === "transparent" ? "primary" : "secondary",
 										required: !0
 									}),
@@ -577,35 +619,35 @@ function it({ className: t, socialLayout: n, socialPosition: i = "bottom", varia
 								]
 							}),
 							/* @__PURE__ */ $(K, {
-								minLength: l?.minPasswordLength,
-								maxLength: l?.maxPasswordLength,
+								minLength: u?.minPasswordLength,
+								maxLength: u?.maxPasswordLength,
 								name: "password",
 								type: "password",
 								autoComplete: "current-password",
-								isDisabled: C,
-								value: b,
-								onChange: x,
+								isDisabled: w,
+								value: y,
+								onChange: b,
 								validate: (e) => {
-									if (!e) return u.auth.fieldRequired;
-									let t = l?.minPasswordLength, n = l?.maxPasswordLength;
-									if (t && e.length < t) return u.auth.tooShort.replace("{{min}}", String(t));
-									if (n && e.length > n) return u.auth.tooLong.replace("{{max}}", String(n));
+									if (!e) return d.auth.fieldRequired;
+									let t = u?.minPasswordLength, n = u?.maxPasswordLength;
+									if (t && e.length < t) return d.auth.tooShort.replace("{{min}}", String(t));
+									if (n && e.length > n) return d.auth.tooLong.replace("{{max}}", String(n));
 								},
 								children: [
-									/* @__PURE__ */ Q(B, { children: u.auth.password }),
+									/* @__PURE__ */ Q(B, { children: d.auth.password }),
 									/* @__PURE__ */ Q(R, {
-										placeholder: u.auth.passwordPlaceholder,
+										placeholder: d.auth.passwordPlaceholder,
 										variant: o === "transparent" ? "primary" : "secondary",
 										required: !0
 									}),
 									/* @__PURE__ */ Q(F, {})
 								]
 							}),
-							l?.rememberMe && /* @__PURE__ */ Q(M, {
+							u?.rememberMe && /* @__PURE__ */ Q(M, {
 								name: "rememberMe",
-								isDisabled: C,
+								isDisabled: w,
 								variant: o === "transparent" ? "primary" : "secondary",
-								children: /* @__PURE__ */ $(M.Content, { children: [/* @__PURE__ */ Q(M.Control, { children: /* @__PURE__ */ Q(M.Indicator, {}) }), u.auth.rememberMe] })
+								children: /* @__PURE__ */ $(M.Content, { children: [/* @__PURE__ */ Q(M.Control, { children: /* @__PURE__ */ Q(M.Indicator, {}) }), d.auth.rememberMe] })
 							}),
 							ne && /* @__PURE__ */ Q("div", {
 								className: "flex justify-center",
@@ -615,34 +657,44 @@ function it({ className: t, socialLayout: n, socialPosition: i = "bottom", varia
 								className: "flex flex-col gap-3",
 								children: [/* @__PURE__ */ $(k, {
 									type: "submit",
-									className: "w-full",
-									isPending: C,
-									children: [S && /* @__PURE__ */ Q(W, {
-										color: "current",
-										size: "sm"
-									}), u.auth.signIn]
-								}), d.flatMap((e) => e.authButtons?.map((t, n) => /* @__PURE__ */ Q(t, { view: "signIn" }, `${e.id}-${n.toString()}`)))]
+									className: "relative w-full overflow-visible",
+									isPending: w,
+									children: [
+										S && /* @__PURE__ */ Q(W, {
+											color: "current",
+											size: "sm"
+										}),
+										d.auth.signIn,
+										/* @__PURE__ */ Q(e, {
+											method: "email",
+											floating: !0
+										})
+									]
+								}), f.flatMap((e) => e.authButtons?.map((t, n) => /* @__PURE__ */ Q(t, { view: "signIn" }, `${e.id}-${n.toString()}`)))]
 							})
 						]
 					}),
-					i === "bottom" && /* @__PURE__ */ $(Z, { children: [w && /* @__PURE__ */ Q(e, { children: u.auth.or }), !!p?.length && /* @__PURE__ */ Q(r, { socialLayout: n })] })
+					a === "bottom" && /* @__PURE__ */ $(Z, { children: [T && /* @__PURE__ */ Q(r, { children: d.auth.or }), !!m?.length && /* @__PURE__ */ Q(i, {
+						socialLayout: n,
+						view: "signIn"
+					})] })
 				]
 			}),
 			/* @__PURE__ */ $(j.Footer, {
 				className: "flex-col gap-3",
-				children: [l?.enabled && l?.forgotPassword && /* @__PURE__ */ Q(V, {
-					href: `${c.auth}/${m.auth.forgotPassword}`,
+				children: [u?.enabled && u?.forgotPassword && /* @__PURE__ */ Q(V, {
+					href: `${l.auth}/${h.auth.forgotPassword}`,
 					className: "text-sm no-underline hover:underline",
-					children: u.auth.forgotPasswordLink
-				}), l?.enabled && /* @__PURE__ */ $(N, {
+					children: d.auth.forgotPasswordLink
+				}), u?.enabled && /* @__PURE__ */ $(N, {
 					className: "text-sm",
 					children: [
-						u.auth.needToCreateAnAccount,
+						d.auth.needToCreateAnAccount,
 						" ",
 						/* @__PURE__ */ Q(V, {
-							href: `${c.auth}/${m.auth.signUp}`,
+							href: `${l.auth}/${h.auth.signUp}`,
 							className: "text-accent no-underline hover:underline decoration-accent-hover",
-							children: u.auth.signUp
+							children: d.auth.signUp
 						})
 					]
 				})]
@@ -652,8 +704,8 @@ function it({ className: t, socialLayout: n, socialPosition: i = "bottom", varia
 }
 //#endregion
 //#region src/components/auth/sign-out.tsx
-function at({ className: e }) {
-	let { authClient: t, basePaths: n, navigate: r, viewPaths: i } = h(), { mutate: a } = re(t, {
+function ot({ className: e }) {
+	let { authClient: t, basePaths: n, navigate: r, viewPaths: i } = g(), { mutate: a } = ie(t, {
 		onError: () => {
 			r({
 				to: `${n.auth}/${i.auth.signIn}`,
@@ -674,25 +726,25 @@ function at({ className: e }) {
 }
 //#endregion
 //#region src/components/auth/sign-up.tsx
-function ot({ className: t, socialLayout: n, socialPosition: i = "bottom", variant: o }) {
-	let { additionalFields: s, authClient: c, basePaths: l, emailAndPassword: d, localization: f, plugins: p, redirectTo: m, socialProviders: g, viewPaths: _, navigate: v } = h(), { fetchOptions: b, resetFetchOptions: x } = y(), [ee, S] = X(""), [te, C] = X(""), { mutate: ne, isPending: w } = ie(c, {
+function st({ className: e, socialLayout: t, socialPosition: n = "bottom", variant: a }) {
+	let { additionalFields: o, authClient: c, basePaths: l, emailAndPassword: u, localization: f, plugins: p, redirectTo: m, socialProviders: h, viewPaths: _, navigate: v } = g(), { fetchOptions: ee, resetFetchOptions: y } = te(), [b, x] = X(""), [S, C] = X(""), { mutate: w, isPending: ne } = ae(c, {
 		onError: () => {
-			S(""), C(""), x();
+			x(""), C(""), y();
 		},
 		onSuccess: (e, { email: t }) => {
-			d?.requireEmailVerification ? (sessionStorage.setItem("better-auth-ui.verify-email", t), v({ to: `${l.auth}/${_.auth.verifyEmail}` })) : v({ to: m });
+			u?.requireEmailVerification ? (sessionStorage.setItem("better-auth-ui.verify-email", t), v({ to: `${l.auth}/${_.auth.verifyEmail}` })) : v({ to: m });
 		}
-	}), [T, re] = X(!1), [ae, oe] = X(!1), E = qe({ mutationKey: a.signIn.all }) + qe({ mutationKey: a.signUp.all }) > 0, se = p.find((e) => e.captchaComponent)?.captchaComponent, ce = async (e) => {
+	}), [T, re] = X(!1), [ie, oe] = X(!1), E = qe({ mutationKey: s.signIn.all }) + qe({ mutationKey: s.signUp.all }) > 0, se = p.find((e) => e.captchaComponent)?.captchaComponent, ce = async (e) => {
 		e.preventDefault();
 		let t = new FormData(e.currentTarget), n = t.get("name") ?? "", r = t.get("email");
-		if (d?.confirmPassword && ee !== te) {
-			J.danger(f.auth.passwordsDoNotMatch), S(""), C("");
+		if (u?.confirmPassword && b !== S) {
+			J.danger(f.auth.passwordsDoNotMatch), x(""), C("");
 			return;
 		}
 		let i = {};
-		for (let e of s ?? []) {
+		for (let e of o ?? []) {
 			if (!e.signUp || e.readOnly) continue;
-			let n = u(e, t.get(e.name));
+			let n = d(e, t.get(e.name));
 			if (e.validate) try {
 				await e.validate(n);
 			} catch (e) {
@@ -701,17 +753,17 @@ function ot({ className: t, socialLayout: n, socialPosition: i = "bottom", varia
 			}
 			n !== void 0 && (i[e.name] = n);
 		}
-		ne({
+		w({
 			name: n,
 			email: r,
-			password: ee,
+			password: b,
 			...i,
-			fetchOptions: b
+			fetchOptions: ee
 		});
-	}, le = d?.enabled && !!g?.length;
+	}, le = u?.enabled && !!h?.length;
 	return /* @__PURE__ */ $(j, {
-		className: q("w-full max-w-sm gap-4 md:p-6", t),
-		variant: o,
+		className: q("w-full max-w-sm gap-4 md:p-6", e),
+		variant: a,
 		children: [
 			/* @__PURE__ */ Q(j.Header, { children: /* @__PURE__ */ Q(j.Title, {
 				className: "text-xl font-semibold mb-1",
@@ -720,12 +772,15 @@ function ot({ className: t, socialLayout: n, socialPosition: i = "bottom", varia
 			/* @__PURE__ */ $(j.Content, {
 				className: "gap-4",
 				children: [
-					i === "top" && /* @__PURE__ */ $(Z, { children: [!!g?.length && /* @__PURE__ */ Q(r, { socialLayout: n }), le && /* @__PURE__ */ Q(e, { children: f.auth.or })] }),
-					d?.enabled && /* @__PURE__ */ $(L, {
+					n === "top" && /* @__PURE__ */ $(Z, { children: [!!h?.length && /* @__PURE__ */ Q(i, {
+						socialLayout: t,
+						view: "signUp"
+					}), le && /* @__PURE__ */ Q(r, { children: f.auth.or })] }),
+					u?.enabled && /* @__PURE__ */ $(L, {
 						onSubmit: ce,
 						className: "flex flex-col gap-4",
 						children: [
-							d.name !== !1 && /* @__PURE__ */ $(K, {
+							u.name !== !1 && /* @__PURE__ */ $(K, {
 								name: "name",
 								type: "text",
 								autoComplete: "name",
@@ -738,7 +793,7 @@ function ot({ className: t, socialLayout: n, socialPosition: i = "bottom", varia
 									/* @__PURE__ */ Q(R, {
 										placeholder: f.auth.namePlaceholder,
 										required: !0,
-										variant: o === "transparent" ? "primary" : "secondary"
+										variant: a === "transparent" ? "primary" : "secondary"
 									}),
 									/* @__PURE__ */ Q(F, {})
 								]
@@ -757,35 +812,35 @@ function ot({ className: t, socialLayout: n, socialPosition: i = "bottom", varia
 									/* @__PURE__ */ Q(R, {
 										placeholder: f.auth.emailPlaceholder,
 										required: !0,
-										variant: o === "transparent" ? "primary" : "secondary"
+										variant: a === "transparent" ? "primary" : "secondary"
 									}),
 									/* @__PURE__ */ Q(F, {})
 								]
 							}),
-							s?.map((e) => e.signUp === "above" && /* @__PURE__ */ Q(et, {
+							o?.map((e) => e.signUp === "above" && /* @__PURE__ */ Q($e, {
 								name: e.name,
 								field: e,
 								isPending: E,
-								variant: o
+								variant: a
 							}, e.name)),
 							/* @__PURE__ */ $(K, {
-								minLength: d?.minPasswordLength,
-								maxLength: d?.maxPasswordLength,
+								minLength: u?.minPasswordLength,
+								maxLength: u?.maxPasswordLength,
 								name: "password",
 								autoComplete: "new-password",
 								isDisabled: E,
-								value: ee,
-								onChange: S,
+								value: b,
+								onChange: x,
 								validate: (e) => {
 									if (!e) return f.auth.fieldRequired;
-									let t = d?.minPasswordLength, n = d?.maxPasswordLength;
+									let t = u?.minPasswordLength, n = u?.maxPasswordLength;
 									if (t && e.length < t) return f.auth.tooShort.replace("{{min}}", String(t));
 									if (n && e.length > n) return f.auth.tooLong.replace("{{max}}", String(n));
 								},
 								children: [
 									/* @__PURE__ */ Q(B, { children: f.auth.password }),
 									/* @__PURE__ */ $(z, {
-										variant: o === "transparent" ? "primary" : "secondary",
+										variant: a === "transparent" ? "primary" : "secondary",
 										children: [/* @__PURE__ */ Q(z.Input, {
 											placeholder: f.auth.passwordPlaceholder,
 											type: T ? "text" : "password",
@@ -807,50 +862,50 @@ function ot({ className: t, socialLayout: n, socialPosition: i = "bottom", varia
 									/* @__PURE__ */ Q(F, {})
 								]
 							}),
-							d?.confirmPassword && /* @__PURE__ */ $(K, {
-								minLength: d?.minPasswordLength,
-								maxLength: d?.maxPasswordLength,
+							u?.confirmPassword && /* @__PURE__ */ $(K, {
+								minLength: u?.minPasswordLength,
+								maxLength: u?.maxPasswordLength,
 								name: "confirmPassword",
 								autoComplete: "new-password",
 								isDisabled: E,
-								value: te,
+								value: S,
 								onChange: C,
 								validate: (e) => {
 									if (!e) return f.auth.fieldRequired;
-									let t = d?.minPasswordLength, n = d?.maxPasswordLength;
+									let t = u?.minPasswordLength, n = u?.maxPasswordLength;
 									if (t && e.length < t) return f.auth.tooShort.replace("{{min}}", String(t));
 									if (n && e.length > n) return f.auth.tooLong.replace("{{max}}", String(n));
 								},
 								children: [
 									/* @__PURE__ */ Q(B, { children: f.auth.confirmPassword }),
 									/* @__PURE__ */ $(z, {
-										variant: o === "transparent" ? "primary" : "secondary",
+										variant: a === "transparent" ? "primary" : "secondary",
 										children: [/* @__PURE__ */ Q(z.Input, {
 											name: "confirmPassword",
 											placeholder: f.auth.confirmPasswordPlaceholder,
-											type: ae ? "text" : "password",
+											type: ie ? "text" : "password",
 											required: !0
 										}), /* @__PURE__ */ Q(z.Suffix, {
 											className: "px-0",
 											children: /* @__PURE__ */ Q(k, {
 												isIconOnly: !0,
-												"aria-label": ae ? f.auth.hidePassword : f.auth.showPassword,
+												"aria-label": ie ? f.auth.hidePassword : f.auth.showPassword,
 												size: "sm",
 												variant: "ghost",
-												onPress: () => oe(!ae),
+												onPress: () => oe(!ie),
 												isDisabled: E,
-												children: Q(ae ? O : D, {})
+												children: Q(ie ? O : D, {})
 											})
 										})]
 									}),
 									/* @__PURE__ */ Q(F, {})
 								]
 							}),
-							s?.map((e) => e.signUp && e.signUp !== "above" && /* @__PURE__ */ Q(et, {
+							o?.map((e) => e.signUp && e.signUp !== "above" && /* @__PURE__ */ Q($e, {
 								name: e.name,
 								field: e,
 								isPending: E,
-								variant: o
+								variant: a
 							}, e.name)),
 							se && /* @__PURE__ */ Q("div", {
 								className: "flex justify-center",
@@ -862,7 +917,7 @@ function ot({ className: t, socialLayout: n, socialPosition: i = "bottom", varia
 									type: "submit",
 									className: "w-full",
 									isPending: E,
-									children: [w && /* @__PURE__ */ Q(W, {
+									children: [ne && /* @__PURE__ */ Q(W, {
 										color: "current",
 										size: "sm"
 									}), f.auth.signUp]
@@ -870,7 +925,10 @@ function ot({ className: t, socialLayout: n, socialPosition: i = "bottom", varia
 							})
 						]
 					}),
-					i === "bottom" && /* @__PURE__ */ $(Z, { children: [le && /* @__PURE__ */ Q(e, { children: f.auth.or }), !!g?.length && /* @__PURE__ */ Q(r, { socialLayout: n })] })
+					n === "bottom" && /* @__PURE__ */ $(Z, { children: [le && /* @__PURE__ */ Q(r, { children: f.auth.or }), !!h?.length && /* @__PURE__ */ Q(i, {
+						socialLayout: t,
+						view: "signUp"
+					})] })
 				]
 			}),
 			/* @__PURE__ */ Q(j.Footer, {
@@ -892,62 +950,50 @@ function ot({ className: t, socialLayout: n, socialPosition: i = "bottom", varia
 	});
 }
 //#endregion
-//#region src/components/auth/open-email-button.tsx
-function st({ email: e, className: t }) {
-	let { localization: n } = h(), r = c(e);
-	return r ? /* @__PURE__ */ $(V, {
-		href: r.loginUrl,
-		target: "_blank",
-		rel: "noopener noreferrer",
-		className: q(Ye({ variant: "primary" }), "w-full gap-2", t),
-		children: [n.auth.openEmailProvider.replace("{{provider}}", r.companyProvider), /* @__PURE__ */ Q(ce, { className: "size-3" })]
-	}) : null;
-}
-//#endregion
 //#region src/components/auth/verify-email.tsx
 var ct = 60;
 function lt({ className: e, variant: t }) {
-	let { authClient: n, basePaths: r, baseURL: i, localization: a, redirectTo: o, viewPaths: s } = h(), [c, l] = X(Fe() && sessionStorage.getItem("better-auth-ui.verify-email") || ""), [u, d] = X(ct);
+	let { authClient: n, basePaths: r, baseURL: i, localization: o, redirectTo: s, viewPaths: c } = g(), [l, u] = X(Fe() && sessionStorage.getItem("better-auth-ui.verify-email") || ""), [d, f] = X(ct);
 	Y(() => {
-		l(sessionStorage.getItem("better-auth-ui.verify-email") ?? "");
+		u(sessionStorage.getItem("better-auth-ui.verify-email") ?? "");
 	}, []), Y(() => {
-		if (u <= 0 || !c) return;
+		if (d <= 0 || !l) return;
 		let e = setInterval(() => {
-			d((e) => e > 0 ? e - 1 : 0);
+			f((e) => e > 0 ? e - 1 : 0);
 		}, 1e3);
 		return () => clearInterval(e);
-	}, [u, c]);
-	let { mutate: f, isPending: p } = ne(n, { onSuccess: () => {
-		J.success(a.auth.verificationEmailSent), d(ct);
-	} }), m = u > 0;
+	}, [d, l]);
+	let { mutate: p, isPending: m } = ne(n, { onSuccess: () => {
+		J.success(o.auth.verificationEmailSent), f(ct);
+	} }), h = d > 0;
 	return /* @__PURE__ */ $(j, {
 		className: q("w-full max-w-sm gap-4 md:p-6", e),
 		variant: t,
 		children: [
 			/* @__PURE__ */ Q(j.Header, { children: /* @__PURE__ */ Q(j.Title, {
 				className: "text-xl font-semibold mb-1",
-				children: a.auth.verifyEmail
+				children: o.auth.verifyEmail
 			}) }),
 			/* @__PURE__ */ $(j.Content, {
 				className: "gap-4",
 				children: [/* @__PURE__ */ Q(N, {
 					className: "text-sm",
-					children: a.auth.checkYourEmail
-				}), c && /* @__PURE__ */ $("div", {
+					children: o.auth.checkYourEmail
+				}), l && /* @__PURE__ */ $("div", {
 					className: "flex flex-col gap-3",
-					children: [/* @__PURE__ */ Q(st, { email: c }), /* @__PURE__ */ $(k, {
+					children: [/* @__PURE__ */ Q(a, { email: l }), /* @__PURE__ */ $(k, {
 						className: "w-full",
 						variant: "tertiary",
-						isDisabled: !c || m || p,
-						isPending: p,
-						onPress: () => f({
-							email: c,
-							callbackURL: `${i}${o}`
+						isDisabled: !l || h || m,
+						isPending: m,
+						onPress: () => p({
+							email: l,
+							callbackURL: `${i}${s}`
 						}),
-						children: [p && /* @__PURE__ */ Q(W, {
+						children: [m && /* @__PURE__ */ Q(W, {
 							color: "current",
 							size: "sm"
-						}), m ? a.auth.resendIn.replace("{{seconds}}", String(u)) : a.auth.resend]
+						}), h ? o.auth.resendIn.replace("{{seconds}}", String(d)) : o.auth.resend]
 					})]
 				})]
 			}),
@@ -956,12 +1002,12 @@ function lt({ className: e, variant: t }) {
 				children: /* @__PURE__ */ $(N, {
 					className: "text-sm",
 					children: [
-						a.auth.alreadyVerifiedYourEmail,
+						o.auth.alreadyVerifiedYourEmail,
 						" ",
 						/* @__PURE__ */ Q(V, {
-							href: `${r.auth}/${s.auth.signIn}`,
+							href: `${r.auth}/${c.auth.signIn}`,
 							className: "text-accent no-underline hover:underline decoration-accent-hover",
-							children: a.auth.signIn
+							children: o.auth.signIn
 						})
 					]
 				})
@@ -974,17 +1020,19 @@ function lt({ className: e, variant: t }) {
 var ut = [
 	"signUp",
 	"forgotPassword",
-	"resetPassword"
+	"resetPassword",
+	"resetLinkSent"
 ], dt = {
-	signIn: it,
-	signOut: at,
-	signUp: ot,
-	forgotPassword: nt,
-	resetPassword: rt,
+	signIn: at,
+	signOut: ot,
+	signUp: st,
+	forgotPassword: rt,
+	resetPassword: it,
+	resetLinkSent: nt,
 	verifyEmail: lt
 };
 function ft({ className: e, path: t, socialLayout: n, socialPosition: r, variant: i, view: a }) {
-	let { basePaths: o, emailAndPassword: s, plugins: c, viewPaths: l, navigate: u } = h();
+	let { basePaths: o, emailAndPassword: s, plugins: c, viewPaths: l, navigate: u } = g();
 	if (!a && !t) throw Error("[Better Auth UI] Either `view` or `path` must be provided");
 	let d = a || Object.keys(l.auth).find((e) => l.auth[e] === t), f = !s?.enabled && d && ut.includes(d);
 	if (Y(() => {
@@ -1034,15 +1082,15 @@ function pt() {
 	return Y(() => {
 		let t = e.getQueryCache(), n = t.config.onError;
 		t.config.onError = (e, t) => {
-			if (n?.(e, t), !Ke({ queryKey: o.all }, t)) return;
+			if (n?.(e, t), !Ke({ queryKey: c.all }, t)) return;
 			let r = e;
 			r?.error?.code !== "EMAIL_NOT_VERIFIED" && r?.error && J.danger(r.error.message);
 		};
 		let r = e.getMutationCache(), i = r.config.onError;
-		return r.config.onError = (e, t, n, r, o) => {
-			if (i?.(e, t, n, r, o), !Ge({ mutationKey: a.all }, r)) return;
-			let s = e;
-			s.error?.code !== "EMAIL_NOT_VERIFIED" && J.danger(s.error?.message || s.message);
+		return r.config.onError = (e, t, n, r, a) => {
+			if (i?.(e, t, n, r, a), !Ge({ mutationKey: s.all }, r)) return;
+			let o = e;
+			o.error?.code !== "EMAIL_NOT_VERIFIED" && J.danger(o.error?.message || o.message);
 		}, () => {
 			t.config.onError = n, r.config.onError = i;
 		};
@@ -1051,7 +1099,7 @@ function pt() {
 //#endregion
 //#region src/components/auth/auth-provider.tsx
 function mt({ children: e, navigate: t, ...n }) {
-	return /* @__PURE__ */ Q(f, {
+	return /* @__PURE__ */ Q(p, {
 		navigate: t,
 		...n,
 		children: /* @__PURE__ */ $(ke, {
@@ -1063,7 +1111,7 @@ function mt({ children: e, navigate: t, ...n }) {
 //#endregion
 //#region src/components/auth/settings/account/change-email.tsx
 function ht({ className: e, variant: t, ...n }) {
-	let { authClient: r, localization: i, baseURL: a, viewPaths: o } = h(), { data: s } = w(r), { mutate: c, isPending: l } = _(r, { onSuccess: () => J.success(i.settings.changeEmailSuccess) });
+	let { authClient: r, localization: i, baseURL: a, viewPaths: o } = g(), { data: s } = T(r), { mutate: c, isPending: l } = v(r, { onSuccess: () => J.success(i.settings.changeEmailSuccess) });
 	function u(e) {
 		e.preventDefault(), c({
 			newEmail: new FormData(e.currentTarget).get("email"),
@@ -1113,14 +1161,14 @@ function ht({ className: e, variant: t, ...n }) {
 //#endregion
 //#region src/components/auth/settings/account/change-avatar.tsx
 function gt({ className: e }) {
-	let { authClient: t, localization: r, avatar: i } = h(), { data: a } = w(t), { mutate: o, isPending: c } = oe(t), l = We(null), [u, d] = X(!1), [f, p] = X(!1), m = c || u || f;
-	async function g(e) {
+	let { authClient: t, localization: r, avatar: i } = g(), { data: a } = T(t), { mutate: o, isPending: s } = E(t), c = We(null), [u, d] = X(!1), [f, p] = X(!1), m = s || u || f;
+	async function h(e) {
 		let t = e.target.files?.[0];
 		if (t) {
 			e.target.value = "", d(!0);
 			try {
 				let e = await i.resize?.(t, i.size, i.extension) || t;
-				o({ image: await i.upload?.(e) || await s(e) }, { onSuccess: () => J.success(r.settings.avatarChangedSuccess) });
+				o({ image: await i.upload?.(e) || await l(e) }, { onSuccess: () => J.success(r.settings.avatarChangedSuccess) });
 			} catch (e) {
 				e instanceof Error && J.danger(e.message);
 			}
@@ -1149,11 +1197,11 @@ function gt({ className: e }) {
 				children: r.settings.avatar
 			}),
 			/* @__PURE__ */ Q("input", {
-				ref: l,
+				ref: c,
 				type: "file",
 				accept: "image/*",
 				className: "hidden",
-				onChange: g
+				onChange: h
 			}),
 			/* @__PURE__ */ $("div", {
 				className: "flex items-center gap-4",
@@ -1163,7 +1211,7 @@ function gt({ className: e }) {
 					variant: "ghost",
 					className: "p-0 h-auto w-auto rounded-full",
 					isDisabled: !a || m,
-					onPress: () => l.current?.click(),
+					onPress: () => c.current?.click(),
 					children: /* @__PURE__ */ Q(n, {
 						size: "lg",
 						isPending: m
@@ -1177,7 +1225,7 @@ function gt({ className: e }) {
 					className: "min-w-fit",
 					children: /* @__PURE__ */ $(P.Menu, { children: [/* @__PURE__ */ $(P.Item, {
 						textValue: r.settings.uploadAvatar,
-						onAction: () => l.current?.click(),
+						onAction: () => c.current?.click(),
 						children: [/* @__PURE__ */ Q(de, { className: "text-muted" }), /* @__PURE__ */ Q(B, { children: r.settings.uploadAvatar })]
 					}), /* @__PURE__ */ $(P.Item, {
 						textValue: r.settings.deleteAvatar,
@@ -1194,13 +1242,13 @@ function gt({ className: e }) {
 //#endregion
 //#region src/components/auth/settings/account/user-profile.tsx
 function _t({ className: e, variant: t, ...n }) {
-	let { additionalFields: r, authClient: i, localization: a } = h(), { data: o } = w(i), { mutate: s, isPending: c } = oe(i, { onSuccess: () => J.success(a.settings.profileUpdatedSuccess) });
+	let { additionalFields: r, authClient: i, localization: a } = g(), { data: o } = T(i), { mutate: s, isPending: c } = E(i, { onSuccess: () => J.success(a.settings.profileUpdatedSuccess) });
 	async function l(e) {
 		e.preventDefault();
 		let t = new FormData(e.currentTarget), n = t.get("name"), i = {};
 		for (let e of r ?? []) {
 			if (e.profile === !1 || e.readOnly) continue;
-			let n = u(e, t.get(e.name));
+			let n = d(e, t.get(e.name));
 			if (e.validate) try {
 				await e.validate(n);
 			} catch (e) {
@@ -1245,7 +1293,7 @@ function _t({ className: e, variant: t, ...n }) {
 				r?.filter((e) => e.profile !== !1).map((e) => {
 					if (!o) return e.inputType === "hidden" ? null : /* @__PURE__ */ Q(U, { className: "h-10 md:h-9 w-full rounded-xl" }, e.name);
 					let n = o.user[e.name], r = `${o.user.id}-${e.name}-${n instanceof Date ? n.toISOString() : String(n ?? "")}`;
-					return /* @__PURE__ */ Q(et, {
+					return /* @__PURE__ */ Q($e, {
 						name: e.name,
 						field: {
 							...e,
@@ -1273,7 +1321,7 @@ function _t({ className: e, variant: t, ...n }) {
 //#endregion
 //#region src/components/auth/settings/account/account-settings.tsx
 function vt({ className: e, variant: t, ...n }) {
-	let { emailAndPassword: r, plugins: i } = h(), a = i.some((e) => e.id === "magicLink");
+	let { emailAndPassword: r, plugins: i } = g(), a = i.some((e) => e.id === "magicLink");
 	return /* @__PURE__ */ $("div", {
 		className: q("flex w-full flex-col gap-4 md:gap-6", e),
 		...n,
@@ -1300,7 +1348,7 @@ function yt(e) {
 	return n.format(0, "second");
 }
 function bt({ activeSession: e }) {
-	let { authClient: t, basePaths: n, localization: r, viewPaths: i, navigate: a } = h(), { data: o } = w(t, { refetchOnMount: !1 }), { mutate: s, isPending: c } = C(t, { onSuccess: () => J.success(r.settings.revokeSessionSuccess) }), l = e.token === o?.session.token, u = Xe.parse(e.userAgent || "");
+	let { authClient: t, basePaths: n, localization: r, viewPaths: i, navigate: a } = g(), { data: o } = T(t, { refetchOnMount: !1 }), { mutate: s, isPending: c } = w(t, { onSuccess: () => J.success(r.settings.revokeSessionSuccess) }), l = e.token === o?.session.token, u = Ye.parse(e.userAgent || "");
 	return /* @__PURE__ */ $("div", {
 		className: "flex items-center gap-3",
 		children: [
@@ -1332,7 +1380,7 @@ function bt({ activeSession: e }) {
 				children: [c ? /* @__PURE__ */ Q(W, {
 					color: "current",
 					size: "sm"
-				}) : Q(l ? E : Ce, {}), l ? r.auth.signOut : r.settings.revoke]
+				}) : Q(l ? se : Ce, {}), l ? r.auth.signOut : r.settings.revoke]
 			})
 		]
 	});
@@ -1340,7 +1388,7 @@ function bt({ activeSession: e }) {
 //#endregion
 //#region src/components/auth/settings/security/active-sessions.tsx
 function xt({ className: e, variant: t, ...n }) {
-	let { authClient: r, localization: i } = h(), { data: a } = w(r), { data: o, isPending: s } = ee(r), c = o && [...o].sort((e, t) => e.id === a?.session.id ? -1 : +(t.id === a?.session.id));
+	let { authClient: r, localization: i } = g(), { data: a } = T(r), { data: o, isPending: s } = x(r), c = o && [...o].sort((e, t) => e.id === a?.session.id ? -1 : +(t.id === a?.session.id));
 	return /* @__PURE__ */ $("div", { children: [/* @__PURE__ */ Q("h2", {
 		className: q("text-sm font-semibold mb-3"),
 		children: i.settings.activeSessions
@@ -1369,7 +1417,7 @@ function St() {
 //#endregion
 //#region src/components/auth/settings/security/change-password.tsx
 function Ct({ className: e, variant: t, ...n }) {
-	let { authClient: r, emailAndPassword: i, localization: a } = h(), { data: o } = w(r), { data: s, isPending: c } = x(r), l = s?.some((e) => e.providerId === "credential");
+	let { authClient: r, emailAndPassword: i, localization: a } = g(), { data: o } = T(r), { data: s, isPending: c } = b(r), l = s?.some((e) => e.providerId === "credential");
 	return !c && !l ? /* @__PURE__ */ Q(wt, {
 		className: e,
 		variant: t,
@@ -1384,15 +1432,17 @@ function Ct({ className: e, variant: t, ...n }) {
 	});
 }
 function wt({ className: e, variant: t, ...n }) {
-	let { authClient: r, localization: i, plugins: a } = h(), { data: o } = w(r), { fetchOptions: s, resetFetchOptions: c } = y(), { mutate: l, isPending: u } = S(r, {
+	let { authClient: r, localization: i, plugins: o } = g(), { data: s } = T(r), { fetchOptions: c, resetFetchOptions: l } = te(), [u, d] = X(""), { mutate: f, isPending: p } = S(r, {
 		onError: () => {
-			c();
+			l();
 		},
-		onSuccess: () => J.success(i.auth.passwordResetEmailSent)
-	}), d = a.find((e) => e.captchaComponent)?.captchaComponent, f = () => {
-		o?.user.email && l({
-			email: o.user.email,
-			fetchOptions: s
+		onSuccess: (e, { email: t }) => {
+			d(t);
+		}
+	}), m = o.find((e) => e.captchaComponent)?.captchaComponent, h = () => {
+		s?.user.email && f({
+			email: s.user.email,
+			fetchOptions: c
 		});
 	};
 	return /* @__PURE__ */ $("div", { children: [/* @__PURE__ */ Q("h2", {
@@ -1410,14 +1460,24 @@ function wt({ className: e, variant: t, ...n }) {
 			}), /* @__PURE__ */ Q("p", {
 				className: "text-muted text-xs mt-0.5",
 				children: i.settings.setPasswordDescription
-			})] }), /* @__PURE__ */ $("div", {
+			})] }), u ? /* @__PURE__ */ $("div", {
 				className: "flex flex-col gap-3 items-start sm:items-end",
-				children: [d && /* @__PURE__ */ Q("div", { children: d }), /* @__PURE__ */ $(k, {
+				children: [/* @__PURE__ */ Q("p", {
+					className: "text-sm",
+					role: "status",
+					children: i.auth.resetLinkSentTo.replace("{{email}}", u)
+				}), /* @__PURE__ */ Q(a, {
+					email: u,
+					className: "w-auto"
+				})]
+			}) : /* @__PURE__ */ $("div", {
+				className: "flex flex-col gap-3 items-start sm:items-end",
+				children: [m && /* @__PURE__ */ Q("div", { children: m }), /* @__PURE__ */ $(k, {
 					size: "sm",
-					isPending: u,
-					isDisabled: !o?.user.email,
-					onPress: f,
-					children: [u && /* @__PURE__ */ Q(W, {
+					isPending: p,
+					isDisabled: !s?.user.email,
+					onPress: h,
+					children: [p && /* @__PURE__ */ Q(W, {
 						color: "current",
 						size: "sm"
 					}), i.auth.sendResetLink]
@@ -1427,14 +1487,14 @@ function wt({ className: e, variant: t, ...n }) {
 	})] });
 }
 function Tt({ className: e, variant: t, emailAndPassword: n, localization: r, session: i, ...a }) {
-	let { authClient: o } = h(), [s, c] = X(""), [l, u] = X(""), [d, f] = X(""), { mutate: p, isPending: m } = v(o, {
+	let { authClient: o } = g(), [s, c] = X(""), [l, u] = X(""), [d, f] = X(""), { mutate: p, isPending: m } = ee(o, {
 		onError: () => {
 			c(""), u(""), f("");
 		},
 		onSuccess: () => {
 			c(""), u(""), f(""), J.success(r.settings.changePasswordSuccess);
 		}
-	}), [g, _] = X(!1), [y, b] = X(!1), x = (e) => {
+	}), [h, _] = X(!1), [v, te] = X(!1), y = (e) => {
 		if (e.preventDefault(), n?.confirmPassword && l !== d) {
 			c(""), u(""), f(""), J.danger(r.auth.passwordsDoNotMatch);
 			return;
@@ -1453,7 +1513,7 @@ function Tt({ className: e, variant: t, emailAndPassword: n, localization: r, se
 		variant: t,
 		...a,
 		children: /* @__PURE__ */ Q(j.Content, { children: /* @__PURE__ */ Q(L, {
-			onSubmit: x,
+			onSubmit: y,
 			children: /* @__PURE__ */ $(I, {
 				className: "w-full gap-4",
 				children: [/* @__PURE__ */ $(I.Group, { children: [
@@ -1490,7 +1550,7 @@ function Tt({ className: e, variant: t, emailAndPassword: n, localization: r, se
 								variant: t === "transparent" ? "primary" : "secondary",
 								children: [/* @__PURE__ */ Q(z.Input, {
 									name: "newPassword",
-									type: g ? "text" : "password",
+									type: h ? "text" : "password",
 									autoComplete: "new-password",
 									placeholder: r.auth.newPasswordPlaceholder,
 									required: !0
@@ -1498,12 +1558,12 @@ function Tt({ className: e, variant: t, emailAndPassword: n, localization: r, se
 									className: "px-0",
 									children: /* @__PURE__ */ Q(k, {
 										isIconOnly: !0,
-										"aria-label": g ? r.auth.hidePassword : r.auth.showPassword,
+										"aria-label": h ? r.auth.hidePassword : r.auth.showPassword,
 										size: "sm",
 										variant: "ghost",
-										onPress: () => _(!g),
+										onPress: () => _(!h),
 										isDisabled: m,
-										children: Q(g ? O : D, {})
+										children: Q(h ? O : D, {})
 									})
 								})]
 							}),
@@ -1525,7 +1585,7 @@ function Tt({ className: e, variant: t, emailAndPassword: n, localization: r, se
 								variant: t === "transparent" ? "primary" : "secondary",
 								children: [/* @__PURE__ */ Q(z.Input, {
 									name: "confirmPassword",
-									type: y ? "text" : "password",
+									type: v ? "text" : "password",
 									autoComplete: "new-password",
 									placeholder: r.auth.confirmPasswordPlaceholder,
 									required: !0
@@ -1533,12 +1593,12 @@ function Tt({ className: e, variant: t, emailAndPassword: n, localization: r, se
 									className: "px-0",
 									children: /* @__PURE__ */ Q(k, {
 										isIconOnly: !0,
-										"aria-label": y ? r.auth.hidePassword : r.auth.showPassword,
+										"aria-label": v ? r.auth.hidePassword : r.auth.showPassword,
 										size: "sm",
 										variant: "ghost",
-										onPress: () => b(!y),
+										onPress: () => te(!v),
 										isDisabled: m,
-										children: Q(y ? O : D, {})
+										children: Q(v ? O : D, {})
 									})
 								})]
 							}),
@@ -1563,7 +1623,7 @@ function Tt({ className: e, variant: t, emailAndPassword: n, localization: r, se
 //#endregion
 //#region src/components/auth/settings/security/linked-account.tsx
 function Et({ account: e, provider: t }) {
-	let { authClient: n, baseURL: r, localization: i } = h(), { data: a, isPending: o } = m(n, { query: { accountId: e?.accountId } }), { mutate: s, isPending: c } = b(n), { mutate: u, isPending: d } = ae(n, { onSuccess: () => J.success(i.settings.accountUnlinked) }), f = p[t], g = l(t), _ = a?.data?.login || a?.data?.username || a?.user?.email || a?.user?.name || e?.accountId;
+	let { authClient: n, baseURL: r, localization: i } = g(), { data: a, isPending: o } = h(n, { query: { accountId: e?.accountId } }), { mutate: s, isPending: c } = y(n), { mutate: l, isPending: d } = oe(n, { onSuccess: () => J.success(i.settings.accountUnlinked) }), f = m[t], p = u(t), _ = a?.data?.login || a?.data?.username || a?.user?.email || a?.user?.name || e?.accountId;
 	return /* @__PURE__ */ $("div", {
 		className: "flex items-center gap-3",
 		children: [
@@ -1575,19 +1635,19 @@ function Et({ account: e, provider: t }) {
 				className: "flex flex-col min-w-0",
 				children: [/* @__PURE__ */ Q("span", {
 					className: "text-sm font-medium leading-tight",
-					children: g
+					children: p
 				}), e && o ? /* @__PURE__ */ Q(U, { className: "h-3 w-24 my-0.5 rounded-lg" }) : /* @__PURE__ */ Q("span", {
 					className: "text-xs text-muted truncate",
-					children: e ? _ : i.settings.linkProvider.replace("{{provider}}", g)
+					children: e ? _ : i.settings.linkProvider.replace("{{provider}}", p)
 				})]
 			}),
 			e ? /* @__PURE__ */ $(k, {
 				className: "ml-auto shrink-0",
 				variant: "outline",
 				size: "sm",
-				onPress: () => u({ providerId: e.providerId }),
+				onPress: () => l({ providerId: e.providerId }),
 				isPending: d,
-				"aria-label": i.settings.unlinkProvider.replace("{{provider}}", g),
+				"aria-label": i.settings.unlinkProvider.replace("{{provider}}", p),
 				children: [d ? /* @__PURE__ */ Q(W, {
 					color: "current",
 					size: "sm"
@@ -1601,7 +1661,7 @@ function Et({ account: e, provider: t }) {
 					callbackURL: `${r}${window.location.pathname}`
 				}),
 				isPending: c,
-				"aria-label": i.settings.linkProvider.replace("{{provider}}", g),
+				"aria-label": i.settings.linkProvider.replace("{{provider}}", p),
 				children: [c ? /* @__PURE__ */ Q(W, {
 					color: "current",
 					size: "sm"
@@ -1613,7 +1673,7 @@ function Et({ account: e, provider: t }) {
 //#endregion
 //#region src/components/auth/settings/security/linked-accounts.tsx
 function Dt({ className: e, variant: t, ...n }) {
-	let { authClient: r, localization: i, multipleAccountsPerProvider: a, socialProviders: o } = h(), { data: s, isPending: c } = x(r), l = s?.filter((e) => e.providerId !== "credential"), u = new Set(l?.map((e) => e.providerId)), d = a === !1 ? o?.filter((e) => !u.has(e)) : o, f = [...l?.map((e) => ({
+	let { authClient: r, localization: i, multipleAccountsPerProvider: a, socialProviders: o } = g(), { data: s, isPending: c } = b(r), l = s?.filter((e) => e.providerId !== "credential"), u = new Set(l?.map((e) => e.providerId)), d = a === !1 ? o?.filter((e) => !u.has(e)) : o, f = [...l?.map((e) => ({
 		key: e.id,
 		account: e,
 		provider: e.providerId
@@ -1653,7 +1713,7 @@ function Ot() {
 //#endregion
 //#region src/components/auth/settings/security/security-settings.tsx
 function kt({ className: e, variant: t, ...n }) {
-	let { emailAndPassword: r, plugins: i, socialProviders: a } = h();
+	let { emailAndPassword: r, plugins: i, socialProviders: a } = g();
 	return /* @__PURE__ */ $("div", {
 		className: q("flex w-full flex-col gap-4 md:gap-6", e),
 		...n,
@@ -1669,8 +1729,8 @@ function kt({ className: e, variant: t, ...n }) {
 //#region src/components/auth/settings/settings.tsx
 function At({ className: e, hideNav: t, path: n, variant: r, view: i, ...a }) {
 	if (!i && !n) throw Error("[Better Auth UI] Either `view` or `path` must be provided");
-	let { authClient: o, basePaths: s, localization: c, viewPaths: l, plugins: u } = h();
-	g(o);
+	let { authClient: o, basePaths: s, localization: c, viewPaths: l, plugins: u } = g();
+	_(o);
 	let d = Ue(() => {
 		if (i) return i;
 		if (n) return [l.settings, ...u.map((e) => e.viewPaths?.settings)].flatMap((e) => Object.entries(e ?? {})).find(([, e]) => e === n)?.[0];
@@ -1764,8 +1824,8 @@ function jt(e, t) {
 		children: [i, /* @__PURE__ */ Q(B, { children: n })]
 	}, t);
 }
-function Mt({ className: e, placement: t, size: r = "default", variant: a = "ghost", links: o, hideSettings: s, hideSubtitle: c }) {
-	let { authClient: l, basePaths: u, viewPaths: d, localization: f, plugins: p } = h(), { data: m, isPending: g } = w(l), _ = p.flatMap((e) => e.userMenuItems?.map((t, n) => /* @__PURE__ */ Q(t, { hideSubtitle: c }, `${e.id}-${n.toString()}`)) ?? []), v = o?.flatMap((e, t) => {
+function Mt({ className: e, placement: t, size: r = "default", variant: i = "ghost", links: a, hideSettings: s, hideSubtitle: c }) {
+	let { authClient: l, basePaths: u, viewPaths: d, localization: f, plugins: p } = g(), { data: m, isPending: h } = T(l), _ = p.flatMap((e) => e.userMenuItems?.map((t, n) => /* @__PURE__ */ Q(t, { hideSubtitle: c }, `${e.id}-${n.toString()}`)) ?? []), v = a?.flatMap((e, t) => {
 		if (!He(e)) {
 			let t = e.visibility ?? "always";
 			if (t === "authenticated" && !m || t === "unauthenticated" && m) return [];
@@ -1776,10 +1836,10 @@ function Mt({ className: e, placement: t, size: r = "default", variant: a = "gho
 		className: q("rounded-full"),
 		children: /* @__PURE__ */ Q(n, { className: e })
 	}) : /* @__PURE__ */ $(k, {
-		variant: a,
+		variant: i,
 		className: q("h-auto font-normal justify-start px-2 py-2 text-left", e),
-		children: [m || g ? /* @__PURE__ */ Q(i, {
-			isPending: g,
+		children: [m || h ? /* @__PURE__ */ Q(o, {
+			isPending: h,
 			hideSubtitle: c
 		}) : /* @__PURE__ */ $(Z, { children: [/* @__PURE__ */ Q(n, {}), /* @__PURE__ */ Q("p", {
 			className: "text-sm font-medium",
@@ -1790,7 +1850,7 @@ function Mt({ className: e, placement: t, size: r = "default", variant: a = "gho
 		className: "min-w-40 md:min-w-56 max-w-[48svw]",
 		children: [m && /* @__PURE__ */ Q("div", {
 			className: "px-3 pt-3 pb-1",
-			children: /* @__PURE__ */ Q(i, { hideSubtitle: c })
+			children: /* @__PURE__ */ Q(o, { hideSubtitle: c })
 		}), /* @__PURE__ */ Q(P.Menu, { children: m ? /* @__PURE__ */ $(Z, { children: [
 			v,
 			!s && /* @__PURE__ */ $(P.Item, {
@@ -1803,14 +1863,14 @@ function Mt({ className: e, placement: t, size: r = "default", variant: a = "gho
 				textValue: f.auth.signOut,
 				href: `${u.auth}/${d.auth.signOut}`,
 				variant: "danger",
-				children: [/* @__PURE__ */ Q(E, { className: "text-danger" }), /* @__PURE__ */ Q(B, { children: f.auth.signOut })]
+				children: [/* @__PURE__ */ Q(se, { className: "text-danger" }), /* @__PURE__ */ Q(B, { children: f.auth.signOut })]
 			})
 		] }) : /* @__PURE__ */ $(Z, { children: [
 			v,
 			/* @__PURE__ */ $(P.Item, {
 				textValue: f.auth.signIn,
 				href: `${u.auth}/${d.auth.signIn}`,
-				children: [/* @__PURE__ */ Q(se, { className: "text-muted" }), /* @__PURE__ */ Q(B, { children: f.auth.signIn })]
+				children: [/* @__PURE__ */ Q(ce, { className: "text-muted" }), /* @__PURE__ */ Q(B, { children: f.auth.signIn })]
 			}),
 			/* @__PURE__ */ $(P.Item, {
 				textValue: f.auth.signUp,
@@ -1822,4 +1882,4 @@ function Mt({ className: e, placement: t, size: r = "default", variant: a = "gho
 	})] });
 }
 //#endregion
-export { vt as AccountSettings, xt as ActiveSessions, et as AdditionalField, ft as Auth, mt as AuthProvider, ht as ChangeEmail, Ct as ChangePassword, nt as ForgotPassword, Dt as LinkedAccounts, st as OpenEmailButton, t as ProviderButton, r as ProviderButtons, rt as ResetPassword, kt as SecuritySettings, At as Settings, it as SignIn, at as SignOut, ot as SignUp, n as UserAvatar, Mt as UserButton, _t as UserProfile, i as UserView, lt as VerifyEmail };
+export { vt as AccountSettings, xt as ActiveSessions, $e as AdditionalField, ft as Auth, mt as AuthProvider, ht as ChangeEmail, Ct as ChangePassword, rt as ForgotPassword, Dt as LinkedAccounts, a as OpenEmailButton, t as ProviderButton, i as ProviderButtons, tt as RESET_LINK_SENT_STORAGE_KEY, nt as ResetLinkSent, it as ResetPassword, kt as SecuritySettings, At as Settings, at as SignIn, ot as SignOut, st as SignUp, n as UserAvatar, Mt as UserButton, _t as UserProfile, o as UserView, lt as VerifyEmail };