@better-auth-ui/heroui 1.6.19 → 1.6.21

package/dist/index.js

@@ -1,8 +1,8 @@
 "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, getProviderName as c, parseAdditionalFieldValue as l, resolveInputType as u } from "@better-auth-ui/core";
-import { AuthProvider as d, providerIcons as f, useAccountInfo as p, useAuth as m, useAuthenticate as h, useChangeEmail as g, useChangePassword as _, useFetchOptions as v, useLinkSocial as y, useListAccounts as b, useListSessions as ee, useRequestPasswordReset as x, useResetPassword as S, useRevokeSession as te, useSendVerificationEmail as ne, useSession as C, useSignInEmail as re, useSignOut as ie, useSignUpEmail as ae, useUnlinkAccount as w, useUpdateUser as oe } from "@better-auth-ui/react";
-import { ArrowRightFromSquare as T, ArrowRightToSquare as se, Check as E, ChevronsExpandVertical as ce, CloudArrowUpIn as le, Copy as ue, Display as de, Eye as D, EyeSlash as O, Gear as fe, Link as pe, LinkSlash as me, Person as he, PersonPlus as ge, PlugConnection as _e, Shield as ve, Smartphone as ye, TrashBin as be, Xmark as xe } from "@gravity-ui/icons";
+import { AuthProvider as d, providerIcons as f, useAccountInfo as p, useAuth as m, useAuthenticate as h, useChangeEmail as g, useChangePassword as _, useFetchOptions as v, useLinkSocial as y, useListAccounts as b, useListSessions as x, useRequestPasswordReset as S, useResetPassword as ee, useRevokeSession as te, useSendVerificationEmail as ne, useSession as C, useSignInEmail as re, useSignOut as w, useSignUpEmail as ie, useUnlinkAccount as ae, useUpdateUser as T } from "@better-auth-ui/react";
+import { ArrowRightFromSquare as oe, ArrowRightToSquare as E, Check as se, ChevronsExpandVertical as ce, CloudArrowUpIn as le, Copy as ue, Display as de, Eye as D, EyeSlash as O, Gear as fe, Link as pe, LinkSlash as me, Person as he, PersonPlus as ge, PlugConnection as _e, Shield as ve, Smartphone as ye, TrashBin as be, Xmark as xe } from "@gravity-ui/icons";
 import { Button as k, Calendar as A, Card as j, Checkbox as M, Chip as Se, ComboBox as Ce, DateField as we, DatePicker as Te, Description as Ee, Dropdown as N, FieldError as P, Fieldset as F, Form as I, Input as L, InputGroup as R, Label as z, Link as B, ListBox as V, NumberField as H, RouterProvider as De, Select as U, Skeleton as W, Slider as Oe, Spinner as G, Switch as ke, Tabs as K, TextArea as Ae, TextField as q, TimeField as je, cn as J, toast as Y } from "@heroui/react";
 import { fromDate as Me, getLocalTimeZone as Ne, parseDate as Pe, parseDateTime as Fe, toCalendarDate as Ie, toCalendarDateTime as Le } from "@internationalized/date";
 import { isValidElement as Re, useEffect as ze, useMemo as Be, useRef as Ve, useState as X } from "react";
@@ -43,7 +43,7 @@ function Ye({ getValue: e, isDisabled: t }) {
 		variant: "ghost",
 		isDisabled: t,
 		onPress: a,
-		children: Q(r ? E : ue, { className: "size-4" })
+		children: Q(r ? se : ue, { className: "size-4" })
 	});
 }
 function Xe({ name: e, field: t, isPending: n, variant: r }) {
@@ -116,21 +116,21 @@ function Xe({ name: e, field: t, isPending: n, variant: r }) {
 			}), /* @__PURE__ */ $(Oe.Track, { children: [/* @__PURE__ */ Q(Oe.Fill, {}), /* @__PURE__ */ Q(Oe.Thumb, { name: e })] })]
 		});
 	}
-	if (a === "switch") return /* @__PURE__ */ $(ke, {
+	if (a === "switch") return /* @__PURE__ */ Q(ke, {
 		name: e,
 		defaultSelected: t.defaultValue === !0 || t.defaultValue === "true",
 		isDisabled: n,
 		isReadOnly: t.readOnly,
-		children: [/* @__PURE__ */ Q(ke.Control, { children: /* @__PURE__ */ Q(ke.Thumb, {}) }), /* @__PURE__ */ Q(z, { children: t.label })]
+		children: /* @__PURE__ */ $(ke.Content, { children: [/* @__PURE__ */ Q(ke.Control, { children: /* @__PURE__ */ Q(ke.Thumb, {}) }), t.label] })
 	});
-	if (a === "checkbox") return /* @__PURE__ */ $(M, {
+	if (a === "checkbox") return /* @__PURE__ */ Q(M, {
 		name: e,
 		defaultSelected: t.defaultValue === !0 || t.defaultValue === "true",
 		isDisabled: n,
 		isReadOnly: t.readOnly,
 		isRequired: t.required,
 		variant: o,
-		children: [/* @__PURE__ */ Q(M.Control, { children: /* @__PURE__ */ Q(M.Indicator, {}) }), /* @__PURE__ */ Q(M.Content, { children: /* @__PURE__ */ Q(z, { children: t.label }) })]
+		children: /* @__PURE__ */ $(M.Content, { children: [/* @__PURE__ */ Q(M.Control, { children: /* @__PURE__ */ Q(M.Indicator, {}) }), t.label] })
 	});
 	if (a === "select") return /* @__PURE__ */ $(U, {
 		className: "[&[data-required=true]>.label]:after:content-none",
@@ -272,71 +272,70 @@ function Xe({ name: e, field: t, isPending: n, variant: r }) {
 }
 //#endregion
 //#region src/components/auth/forgot-password.tsx
-function Ze({ className: e, variant: t, ...n }) {
-	let { authClient: r, baseURL: i, basePaths: a, localization: o, viewPaths: s, navigate: c, plugins: l } = m(), { fetchOptions: u, resetFetchOptions: d } = v(), { mutate: f, isPending: p } = x(r, {
+function Ze({ className: e, variant: t }) {
+	let { authClient: n, baseURL: r, basePaths: i, localization: a, viewPaths: o, navigate: s, plugins: c } = m(), { fetchOptions: l, resetFetchOptions: u } = v(), { mutate: d, isPending: f } = S(n, {
 		onError: () => {
-			d();
+			u();
 		},
 		onSuccess: () => {
-			Y.success(o.auth.passwordResetEmailSent), c({ to: `${a.auth}/${s.auth.signIn}` });
+			Y.success(a.auth.passwordResetEmailSent), s({ to: `${i.auth}/${o.auth.signIn}` });
 		}
 	});
-	function h(e) {
-		e.preventDefault(), f({
+	function p(e) {
+		e.preventDefault(), d({
 			email: new FormData(e.currentTarget).get("email"),
-			redirectTo: `${i}${a.auth}/${s.auth.resetPassword}`,
-			fetchOptions: u
+			redirectTo: `${r}${i.auth}/${o.auth.resetPassword}`,
+			fetchOptions: l
 		});
 	}
-	let g = l.find((e) => e.captchaComponent)?.captchaComponent;
+	let h = c.find((e) => e.captchaComponent)?.captchaComponent;
 	return /* @__PURE__ */ $(j, {
 		className: J("w-full max-w-sm gap-4 md:p-6", e),
 		variant: t,
-		...n,
 		children: [
 			/* @__PURE__ */ Q(j.Header, { children: /* @__PURE__ */ Q(j.Title, {
 				className: "text-xl font-semibold mb-1",
-				children: o.auth.forgotPassword
+				children: a.auth.forgotPassword
 			}) }),
 			/* @__PURE__ */ Q(j.Content, {
 				className: "gap-4",
 				children: /* @__PURE__ */ $(I, {
-					onSubmit: h,
+					onSubmit: p,
 					className: "flex flex-col gap-4",
 					children: [
 						/* @__PURE__ */ $(q, {
 							name: "email",
 							type: "email",
 							autoComplete: "email",
-							isDisabled: p,
+							isDisabled: f,
 							validate: (e) => {
-								if (!e) return o.auth.fieldRequired;
-								if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)) return o.auth.invalidEmail;
+								if (!e) return a.auth.fieldRequired;
+								if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)) return a.auth.invalidEmail;
 							},
 							children: [
-								/* @__PURE__ */ Q(z, { children: o.auth.email }),
+								/* @__PURE__ */ Q(z, { children: a.auth.email }),
 								/* @__PURE__ */ Q(L, {
-									placeholder: o.auth.emailPlaceholder,
+									placeholder: a.auth.emailPlaceholder,
 									required: !0,
 									variant: t === "transparent" ? "primary" : "secondary"
 								}),
 								/* @__PURE__ */ Q(P, {})
 							]
 						}),
-						g && /* @__PURE__ */ Q("div", {
+						h && /* @__PURE__ */ Q("div", {
 							className: "flex justify-center",
-							children: g
+							children: h
 						}),
 						/* @__PURE__ */ Q("div", {
 							className: "flex flex-col gap-3",
 							children: /* @__PURE__ */ $(k, {
 								type: "submit",
 								className: "w-full",
-								isPending: p,
-								children: [p && /* @__PURE__ */ Q(G, {
+								isPending: f,
+								children: [f && /* @__PURE__ */ Q(G, {
 									color: "current",
 									size: "sm"
-								}), o.auth.sendResetLink]
+								}), a.auth.sendResetLink]
 							})
 						})
 					]
@@ -347,12 +346,12 @@ function Ze({ className: e, variant: t, ...n }) {
 				children: /* @__PURE__ */ $(Ee, {
 					className: "text-sm",
 					children: [
-						o.auth.rememberYourPassword,
+						a.auth.rememberYourPassword,
 						" ",
 						/* @__PURE__ */ Q(B, {
-							href: `${a.auth}/${s.auth.signIn}`,
+							href: `${i.auth}/${o.auth.signIn}`,
 							className: "text-accent no-underline hover:underline decoration-accent-hover",
-							children: o.auth.signIn
+							children: a.auth.signIn
 						})
 					]
 				})
@@ -362,118 +361,117 @@ function Ze({ className: e, variant: t, ...n }) {
 }
 //#endregion
 //#region src/components/auth/reset-password.tsx
-function Qe({ className: e, variant: t, ...n }) {
-	let { authClient: r, basePaths: i, emailAndPassword: a, localization: o, viewPaths: s, navigate: c } = m(), { mutate: l, isPending: u } = S(r, { onSuccess: () => {
-		Y.success(o.auth.passwordResetSuccess), c({ to: `${i.auth}/${s.auth.signIn}` });
-	} }), [d, f] = X(!1), [p, h] = X(!1);
+function Qe({ className: e, variant: t }) {
+	let { authClient: n, basePaths: r, emailAndPassword: i, localization: a, viewPaths: o, navigate: s } = m(), { mutate: c, isPending: l } = ee(n, { onSuccess: () => {
+		Y.success(a.auth.passwordResetSuccess), s({ to: `${r.auth}/${o.auth.signIn}` });
+	} }), [u, d] = X(!1), [f, p] = X(!1);
 	ze(() => {
-		new URLSearchParams(window.location.search).get("token") || (Y.danger(o.auth.invalidResetPasswordToken), c({ to: `${i.auth}/${s.auth.signIn}` }));
+		new URLSearchParams(window.location.search).get("token") || (Y.danger(a.auth.invalidResetPasswordToken), s({ to: `${r.auth}/${o.auth.signIn}` }));
 	}, [
-		i.auth,
-		o.auth.invalidResetPasswordToken,
-		s.auth.signIn,
-		c
+		r.auth,
+		a.auth.invalidResetPasswordToken,
+		o.auth.signIn,
+		s
 	]);
-	function g(e) {
+	function h(e) {
 		e.preventDefault();
 		let t = new URLSearchParams(window.location.search).get("token");
 		if (!t) {
-			Y.danger(o.auth.invalidResetPasswordToken), c({ to: `${i.auth}/${s.auth.signIn}` });
+			Y.danger(a.auth.invalidResetPasswordToken), s({ to: `${r.auth}/${o.auth.signIn}` });
 			return;
 		}
-		let n = new FormData(e.currentTarget), r = n.get("password"), u = n.get("confirmPassword");
-		if (a?.confirmPassword && r !== u) {
-			Y.danger(o.auth.passwordsDoNotMatch);
+		let n = new FormData(e.currentTarget), l = n.get("password"), u = n.get("confirmPassword");
+		if (i?.confirmPassword && l !== u) {
+			Y.danger(a.auth.passwordsDoNotMatch);
 			return;
 		}
-		l({
+		c({
 			token: t,
-			newPassword: r
+			newPassword: l
 		});
 	}
 	return /* @__PURE__ */ $(j, {
 		className: J("w-full max-w-sm gap-4 md:p-6", e),
 		variant: t,
-		...n,
 		children: [
 			/* @__PURE__ */ Q(j.Header, { children: /* @__PURE__ */ Q(j.Title, {
 				className: "text-xl font-semibold mb-1",
-				children: o.auth.resetPassword
+				children: a.auth.resetPassword
 			}) }),
 			/* @__PURE__ */ Q(j.Content, {
 				className: "gap-4",
 				children: /* @__PURE__ */ $(I, {
-					onSubmit: g,
+					onSubmit: h,
 					className: "flex flex-col gap-4",
 					children: [
 						/* @__PURE__ */ $(q, {
-							minLength: a?.minPasswordLength,
-							maxLength: a?.maxPasswordLength,
+							minLength: i?.minPasswordLength,
+							maxLength: i?.maxPasswordLength,
 							name: "password",
 							autoComplete: "new-password",
-							isDisabled: u,
+							isDisabled: l,
 							validate: (e) => {
-								if (!e) return o.auth.fieldRequired;
-								let t = a?.minPasswordLength, n = a?.maxPasswordLength;
-								if (t && e.length < t) return o.auth.tooShort.replace("{{min}}", String(t));
-								if (n && e.length > n) return o.auth.tooLong.replace("{{max}}", String(n));
+								if (!e) return a.auth.fieldRequired;
+								let t = i?.minPasswordLength, n = i?.maxPasswordLength;
+								if (t && e.length < t) return a.auth.tooShort.replace("{{min}}", String(t));
+								if (n && e.length > n) return a.auth.tooLong.replace("{{max}}", String(n));
 							},
 							children: [
-								/* @__PURE__ */ Q(z, { children: o.auth.password }),
+								/* @__PURE__ */ Q(z, { children: a.auth.password }),
 								/* @__PURE__ */ $(R, {
 									variant: t === "transparent" ? "primary" : "secondary",
 									children: [/* @__PURE__ */ Q(R.Input, {
 										name: "password",
-										placeholder: o.auth.newPasswordPlaceholder,
-										type: d ? "text" : "password",
+										placeholder: a.auth.newPasswordPlaceholder,
+										type: u ? "text" : "password",
 										required: !0
 									}), /* @__PURE__ */ Q(R.Suffix, {
 										className: "px-0",
 										children: /* @__PURE__ */ Q(k, {
 											isIconOnly: !0,
-											"aria-label": d ? o.auth.hidePassword : o.auth.showPassword,
+											"aria-label": u ? a.auth.hidePassword : a.auth.showPassword,
 											size: "sm",
 											variant: "ghost",
-											onPress: () => f(!d),
-											isDisabled: u,
-											children: Q(d ? O : D, {})
+											onPress: () => d(!u),
+											isDisabled: l,
+											children: Q(u ? O : D, {})
 										})
 									})]
 								}),
 								/* @__PURE__ */ Q(P, {})
 							]
 						}),
-						a?.confirmPassword && /* @__PURE__ */ $(q, {
-							minLength: a?.minPasswordLength,
-							maxLength: a?.maxPasswordLength,
+						i?.confirmPassword && /* @__PURE__ */ $(q, {
+							minLength: i?.minPasswordLength,
+							maxLength: i?.maxPasswordLength,
 							name: "confirmPassword",
 							autoComplete: "new-password",
-							isDisabled: u,
+							isDisabled: l,
 							validate: (e) => {
-								if (!e) return o.auth.fieldRequired;
-								let t = a?.minPasswordLength, n = a?.maxPasswordLength;
-								if (t && e.length < t) return o.auth.tooShort.replace("{{min}}", String(t));
-								if (n && e.length > n) return o.auth.tooLong.replace("{{max}}", String(n));
+								if (!e) return a.auth.fieldRequired;
+								let t = i?.minPasswordLength, n = i?.maxPasswordLength;
+								if (t && e.length < t) return a.auth.tooShort.replace("{{min}}", String(t));
+								if (n && e.length > n) return a.auth.tooLong.replace("{{max}}", String(n));
 							},
 							children: [
-								/* @__PURE__ */ Q(z, { children: o.auth.confirmPassword }),
+								/* @__PURE__ */ Q(z, { children: a.auth.confirmPassword }),
 								/* @__PURE__ */ $(R, {
 									variant: t === "transparent" ? "primary" : "secondary",
 									children: [/* @__PURE__ */ Q(R.Input, {
-										placeholder: o.auth.confirmPasswordPlaceholder,
-										type: p ? "text" : "password",
+										placeholder: a.auth.confirmPasswordPlaceholder,
+										type: f ? "text" : "password",
 										required: !0,
 										name: "confirmPassword"
 									}), /* @__PURE__ */ Q(R.Suffix, {
 										className: "px-0",
 										children: /* @__PURE__ */ Q(k, {
 											isIconOnly: !0,
-											"aria-label": p ? o.auth.hidePassword : o.auth.showPassword,
+											"aria-label": f ? a.auth.hidePassword : a.auth.showPassword,
 											size: "sm",
 											variant: "ghost",
-											onPress: () => h(!p),
-											isDisabled: u,
-											children: Q(p ? O : D, {})
+											onPress: () => p(!f),
+											isDisabled: l,
+											children: Q(f ? O : D, {})
 										})
 									})]
 								}),
@@ -485,11 +483,11 @@ function Qe({ className: e, variant: t, ...n }) {
 							children: /* @__PURE__ */ $(k, {
 								type: "submit",
 								className: "w-full",
-								isPending: u,
-								children: [u && /* @__PURE__ */ Q(G, {
+								isPending: l,
+								children: [l && /* @__PURE__ */ Q(G, {
 									color: "current",
 									size: "sm"
-								}), o.auth.resetPassword]
+								}), a.auth.resetPassword]
 							})
 						})
 					]
@@ -500,12 +498,12 @@ function Qe({ className: e, variant: t, ...n }) {
 				children: /* @__PURE__ */ $(Ee, {
 					className: "text-sm",
 					children: [
-						o.auth.rememberYourPassword,
+						a.auth.rememberYourPassword,
 						" ",
 						/* @__PURE__ */ Q(B, {
-							href: `${i.auth}/${s.auth.signIn}`,
+							href: `${r.auth}/${o.auth.signIn}`,
 							className: "text-accent no-underline hover:underline decoration-accent-hover",
-							children: o.auth.signIn
+							children: a.auth.signIn
 						})
 					]
 				})
@@ -515,58 +513,57 @@ function Qe({ className: e, variant: t, ...n }) {
 }
 //#endregion
 //#region src/components/auth/sign-in.tsx
-function $e({ className: t, socialLayout: n, socialPosition: i = "bottom", variant: o, ...s }) {
-	let { authClient: c, basePaths: l, baseURL: u, emailAndPassword: d, localization: f, plugins: p, redirectTo: h, socialProviders: g, viewPaths: _, navigate: y } = m(), { fetchOptions: b, resetFetchOptions: ee } = v(), [x, S] = X(""), { mutate: te } = ne(c, { onSuccess: () => Y.success(f.auth.verificationEmailSent) }), { mutate: C, isPending: ie } = re(c, {
+function $e({ className: t, socialLayout: n, socialPosition: i = "bottom", variant: o }) {
+	let { authClient: s, basePaths: c, baseURL: l, emailAndPassword: u, localization: d, plugins: f, redirectTo: p, socialProviders: h, viewPaths: g, navigate: _ } = m(), { fetchOptions: y, resetFetchOptions: b } = v(), [x, S] = X(""), { mutate: ee } = ne(s, { onSuccess: () => Y.success(d.auth.verificationEmailSent) }), { mutate: te, isPending: C } = re(s, {
 		onError: (e, { email: t }) => {
 			S(""), e.error?.code === "EMAIL_NOT_VERIFIED" && Y.danger(e.error?.message || e.message, { actionProps: {
-				children: f.auth.resend,
-				onClick: () => te({
+				children: d.auth.resend,
+				onClick: () => ee({
 					email: t,
-					callbackURL: `${u}${h}`
+					callbackURL: `${l}${p}`
 				})
-			} }), ee();
+			} }), b();
 		},
-		onSuccess: () => y({ to: h })
-	}), ae = (e) => {
+		onSuccess: () => _({ to: p })
+	}), w = (e) => {
 		e.preventDefault();
 		let t = new FormData(e.currentTarget), n = t.get("email"), r = t.get("rememberMe") === "on";
-		C({
+		te({
 			email: n,
 			password: x,
-			...d?.rememberMe ? { rememberMe: r } : {},
-			fetchOptions: b
+			...u?.rememberMe ? { rememberMe: r } : {},
+			fetchOptions: y
 		});
-	}, w = We({ mutationKey: a.signIn.all }) + We({ mutationKey: a.signUp.all }) > 0, oe = p.find((e) => e.captchaComponent)?.captchaComponent, T = d?.enabled && !!g?.length;
+	}, ie = We({ mutationKey: a.signIn.all }) + We({ mutationKey: a.signUp.all }) > 0, ae = f.find((e) => e.captchaComponent)?.captchaComponent, T = u?.enabled && !!h?.length;
 	return /* @__PURE__ */ $(j, {
 		className: J("w-full max-w-sm gap-4 md:p-6", t),
 		variant: o,
-		...s,
 		children: [
 			/* @__PURE__ */ Q(j.Header, { children: /* @__PURE__ */ Q(j.Title, {
 				className: "text-xl font-semibold mb-1",
-				children: f.auth.signIn
+				children: d.auth.signIn
 			}) }),
 			/* @__PURE__ */ $(j.Content, {
 				className: "gap-4",
 				children: [
-					i === "top" && /* @__PURE__ */ $(Z, { children: [!!g?.length && /* @__PURE__ */ Q(r, { socialLayout: n }), T && /* @__PURE__ */ Q(e, { children: f.auth.or })] }),
-					d?.enabled && /* @__PURE__ */ $(I, {
-						onSubmit: ae,
+					i === "top" && /* @__PURE__ */ $(Z, { children: [!!h?.length && /* @__PURE__ */ Q(r, { socialLayout: n }), T && /* @__PURE__ */ Q(e, { children: d.auth.or })] }),
+					u?.enabled && /* @__PURE__ */ $(I, {
+						onSubmit: w,
 						className: "flex flex-col gap-4",
 						children: [
 							/* @__PURE__ */ $(q, {
 								name: "email",
 								type: "email",
 								autoComplete: "email",
-								isDisabled: w,
+								isDisabled: ie,
 								validate: (e) => {
-									if (!e) return f.auth.fieldRequired;
-									if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)) return f.auth.invalidEmail;
+									if (!e) return d.auth.fieldRequired;
+									if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)) return d.auth.invalidEmail;
 								},
 								children: [
-									/* @__PURE__ */ Q(z, { children: f.auth.email }),
+									/* @__PURE__ */ Q(z, { children: d.auth.email }),
 									/* @__PURE__ */ Q(L, {
-										placeholder: f.auth.emailPlaceholder,
+										placeholder: d.auth.emailPlaceholder,
 										variant: o === "transparent" ? "primary" : "secondary",
 										required: !0
 									}),
@@ -574,72 +571,72 @@ function $e({ className: t, socialLayout: n, socialPosition: i = "bottom", varia
 								]
 							}),
 							/* @__PURE__ */ $(q, {
-								minLength: d?.minPasswordLength,
-								maxLength: d?.maxPasswordLength,
+								minLength: u?.minPasswordLength,
+								maxLength: u?.maxPasswordLength,
 								name: "password",
 								type: "password",
 								autoComplete: "current-password",
-								isDisabled: w,
+								isDisabled: ie,
 								value: x,
 								onChange: S,
 								validate: (e) => {
-									if (!e) return f.auth.fieldRequired;
-									let t = d?.minPasswordLength, n = d?.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));
+									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(z, { children: f.auth.password }),
+									/* @__PURE__ */ Q(z, { children: d.auth.password }),
 									/* @__PURE__ */ Q(L, {
-										placeholder: f.auth.passwordPlaceholder,
+										placeholder: d.auth.passwordPlaceholder,
 										variant: o === "transparent" ? "primary" : "secondary",
 										required: !0
 									}),
 									/* @__PURE__ */ Q(P, {})
 								]
 							}),
-							d?.rememberMe && /* @__PURE__ */ $(M, {
+							u?.rememberMe && /* @__PURE__ */ Q(M, {
 								name: "rememberMe",
-								isDisabled: w,
+								isDisabled: ie,
 								variant: o === "transparent" ? "primary" : "secondary",
-								children: [/* @__PURE__ */ Q(M.Control, { children: /* @__PURE__ */ Q(M.Indicator, {}) }), /* @__PURE__ */ Q(M.Content, { children: /* @__PURE__ */ Q(z, { children: f.auth.rememberMe }) })]
+								children: /* @__PURE__ */ $(M.Content, { children: [/* @__PURE__ */ Q(M.Control, { children: /* @__PURE__ */ Q(M.Indicator, {}) }), d.auth.rememberMe] })
 							}),
-							oe && /* @__PURE__ */ Q("div", {
+							ae && /* @__PURE__ */ Q("div", {
 								className: "flex justify-center",
-								children: oe
+								children: ae
 							}),
 							/* @__PURE__ */ $("div", {
 								className: "flex flex-col gap-3",
 								children: [/* @__PURE__ */ $(k, {
 									type: "submit",
 									className: "w-full",
-									isPending: w,
-									children: [ie && /* @__PURE__ */ Q(G, {
+									isPending: ie,
+									children: [C && /* @__PURE__ */ Q(G, {
 										color: "current",
 										size: "sm"
-									}), f.auth.signIn]
-								}), p.flatMap((e) => e.authButtons?.map((t, n) => /* @__PURE__ */ Q(t, { view: "signIn" }, `${e.id}-${n.toString()}`)))]
+									}), d.auth.signIn]
+								}), f.flatMap((e) => e.authButtons?.map((t, n) => /* @__PURE__ */ Q(t, { view: "signIn" }, `${e.id}-${n.toString()}`)))]
 							})
 						]
 					}),
-					i === "bottom" && /* @__PURE__ */ $(Z, { children: [T && /* @__PURE__ */ Q(e, { children: f.auth.or }), !!g?.length && /* @__PURE__ */ Q(r, { socialLayout: n })] })
+					i === "bottom" && /* @__PURE__ */ $(Z, { children: [T && /* @__PURE__ */ Q(e, { children: d.auth.or }), !!h?.length && /* @__PURE__ */ Q(r, { socialLayout: n })] })
 				]
 			}),
 			/* @__PURE__ */ $(j.Footer, {
 				className: "flex-col gap-3",
-				children: [d?.enabled && d?.forgotPassword && /* @__PURE__ */ Q(B, {
-					href: `${l.auth}/${_.auth.forgotPassword}`,
-					className: "no-underline hover:underline",
-					children: f.auth.forgotPasswordLink
-				}), d?.enabled && /* @__PURE__ */ $(Ee, {
+				children: [u?.enabled && u?.forgotPassword && /* @__PURE__ */ Q(B, {
+					href: `${c.auth}/${g.auth.forgotPassword}`,
+					className: "text-sm no-underline hover:underline",
+					children: d.auth.forgotPasswordLink
+				}), u?.enabled && /* @__PURE__ */ $(Ee, {
 					className: "text-sm",
 					children: [
-						f.auth.needToCreateAnAccount,
+						d.auth.needToCreateAnAccount,
 						" ",
 						/* @__PURE__ */ Q(B, {
-							href: `${l.auth}/${_.auth.signUp}`,
+							href: `${c.auth}/${g.auth.signUp}`,
 							className: "text-accent no-underline hover:underline decoration-accent-hover",
-							children: f.auth.signUp
+							children: d.auth.signUp
 						})
 					]
 				})]
@@ -650,7 +647,7 @@ function $e({ className: t, socialLayout: n, socialPosition: i = "bottom", varia
 //#endregion
 //#region src/components/auth/sign-out.tsx
 function et({ className: e }) {
-	let { authClient: t, basePaths: n, navigate: r, viewPaths: i } = m(), { mutate: a } = ie(t, {
+	let { authClient: t, basePaths: n, navigate: r, viewPaths: i } = m(), { mutate: a } = w(t, {
 		onError: () => {
 			r({
 				to: `${n.auth}/${i.auth.signIn}`,
@@ -671,23 +668,23 @@ function et({ className: e }) {
 }
 //#endregion
 //#region src/components/auth/sign-up.tsx
-function tt({ className: t, socialLayout: n, socialPosition: i = "bottom", variant: o, ...s }) {
-	let { additionalFields: c, authClient: u, basePaths: d, emailAndPassword: f, localization: p, plugins: h, redirectTo: g, socialProviders: _, viewPaths: y, navigate: b } = m(), { fetchOptions: ee, resetFetchOptions: x } = v(), [S, te] = X(""), [ne, C] = X(""), { mutate: re, isPending: ie } = ae(u, {
+function tt({ className: t, socialLayout: n, socialPosition: i = "bottom", variant: o }) {
+	let { additionalFields: s, authClient: c, basePaths: u, emailAndPassword: d, localization: f, plugins: p, redirectTo: h, socialProviders: g, viewPaths: _, navigate: y } = m(), { fetchOptions: b, resetFetchOptions: x } = v(), [S, ee] = X(""), [te, ne] = X(""), { mutate: C, isPending: re } = ie(c, {
 		onError: () => {
-			te(""), C(""), x();
+			ee(""), ne(""), x();
 		},
 		onSuccess: () => {
-			f?.requireEmailVerification ? (Y.success(p.auth.verifyYourEmail), b({ to: `${d.auth}/${y.auth.signIn}` })) : b({ to: g });
+			d?.requireEmailVerification ? (Y.success(f.auth.verifyYourEmail), y({ to: `${u.auth}/${_.auth.signIn}` })) : y({ to: h });
 		}
-	}), [w, oe] = X(!1), [T, se] = X(!1), E = We({ mutationKey: a.signIn.all }) + We({ mutationKey: a.signUp.all }) > 0, ce = h.find((e) => e.captchaComponent)?.captchaComponent, le = async (e) => {
+	}), [w, ae] = X(!1), [T, oe] = X(!1), E = We({ mutationKey: a.signIn.all }) + We({ mutationKey: a.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 (f?.confirmPassword && S !== ne) {
-			Y.danger(p.auth.passwordsDoNotMatch), te(""), C("");
+		if (d?.confirmPassword && S !== te) {
+			Y.danger(f.auth.passwordsDoNotMatch), ee(""), ne("");
 			return;
 		}
 		let i = {};
-		for (let e of c ?? []) {
+		for (let e of s ?? []) {
 			if (!e.signUp || e.readOnly) continue;
 			let n = l(e, t.get(e.name));
 			if (e.validate) try {
@@ -698,43 +695,42 @@ function tt({ className: t, socialLayout: n, socialPosition: i = "bottom", varia
 			}
 			n !== void 0 && (i[e.name] = n);
 		}
-		re({
+		C({
 			name: n,
 			email: r,
 			password: S,
 			...i,
-			fetchOptions: ee
+			fetchOptions: b
 		});
-	}, ue = f?.enabled && !!_?.length;
+	}, le = d?.enabled && !!g?.length;
 	return /* @__PURE__ */ $(j, {
 		className: J("w-full max-w-sm gap-4 md:p-6", t),
 		variant: o,
-		...s,
 		children: [
 			/* @__PURE__ */ Q(j.Header, { children: /* @__PURE__ */ Q(j.Title, {
 				className: "text-xl font-semibold mb-1",
-				children: p.auth.signUp
+				children: f.auth.signUp
 			}) }),
 			/* @__PURE__ */ $(j.Content, {
 				className: "gap-4",
 				children: [
-					i === "top" && /* @__PURE__ */ $(Z, { children: [!!_?.length && /* @__PURE__ */ Q(r, { socialLayout: n }), ue && /* @__PURE__ */ Q(e, { children: p.auth.or })] }),
-					f?.enabled && /* @__PURE__ */ $(I, {
-						onSubmit: le,
+					i === "top" && /* @__PURE__ */ $(Z, { children: [!!g?.length && /* @__PURE__ */ Q(r, { socialLayout: n }), le && /* @__PURE__ */ Q(e, { children: f.auth.or })] }),
+					d?.enabled && /* @__PURE__ */ $(I, {
+						onSubmit: ce,
 						className: "flex flex-col gap-4",
 						children: [
-							f.name !== !1 && /* @__PURE__ */ $(q, {
+							d.name !== !1 && /* @__PURE__ */ $(q, {
 								name: "name",
 								type: "text",
 								autoComplete: "name",
 								isDisabled: E,
 								validate: (e) => {
-									if (!e) return p.auth.fieldRequired;
+									if (!e) return f.auth.fieldRequired;
 								},
 								children: [
-									/* @__PURE__ */ Q(z, { children: p.auth.name }),
+									/* @__PURE__ */ Q(z, { children: f.auth.name }),
 									/* @__PURE__ */ Q(L, {
-										placeholder: p.auth.namePlaceholder,
+										placeholder: f.auth.namePlaceholder,
 										required: !0,
 										variant: o === "transparent" ? "primary" : "secondary"
 									}),
@@ -747,45 +743,45 @@ function tt({ className: t, socialLayout: n, socialPosition: i = "bottom", varia
 								autoComplete: "email",
 								isDisabled: E,
 								validate: (e) => {
-									if (!e) return p.auth.fieldRequired;
-									if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)) return p.auth.invalidEmail;
+									if (!e) return f.auth.fieldRequired;
+									if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)) return f.auth.invalidEmail;
 								},
 								children: [
-									/* @__PURE__ */ Q(z, { children: p.auth.email }),
+									/* @__PURE__ */ Q(z, { children: f.auth.email }),
 									/* @__PURE__ */ Q(L, {
-										placeholder: p.auth.emailPlaceholder,
+										placeholder: f.auth.emailPlaceholder,
 										required: !0,
 										variant: o === "transparent" ? "primary" : "secondary"
 									}),
 									/* @__PURE__ */ Q(P, {})
 								]
 							}),
-							c?.map((e) => e.signUp === "above" && /* @__PURE__ */ Q(Xe, {
+							s?.map((e) => e.signUp === "above" && /* @__PURE__ */ Q(Xe, {
 								name: e.name,
 								field: e,
 								isPending: E,
 								variant: o
 							}, e.name)),
 							/* @__PURE__ */ $(q, {
-								minLength: f?.minPasswordLength,
-								maxLength: f?.maxPasswordLength,
+								minLength: d?.minPasswordLength,
+								maxLength: d?.maxPasswordLength,
 								name: "password",
 								autoComplete: "new-password",
 								isDisabled: E,
 								value: S,
-								onChange: te,
+								onChange: ee,
 								validate: (e) => {
-									if (!e) return p.auth.fieldRequired;
-									let t = f?.minPasswordLength, n = f?.maxPasswordLength;
-									if (t && e.length < t) return p.auth.tooShort.replace("{{min}}", String(t));
-									if (n && e.length > n) return p.auth.tooLong.replace("{{max}}", String(n));
+									if (!e) return f.auth.fieldRequired;
+									let t = d?.minPasswordLength, n = d?.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(z, { children: p.auth.password }),
+									/* @__PURE__ */ Q(z, { children: f.auth.password }),
 									/* @__PURE__ */ $(R, {
 										variant: o === "transparent" ? "primary" : "secondary",
 										children: [/* @__PURE__ */ Q(R.Input, {
-											placeholder: p.auth.passwordPlaceholder,
+											placeholder: f.auth.passwordPlaceholder,
 											type: w ? "text" : "password",
 											name: "password",
 											required: !0
@@ -793,10 +789,10 @@ function tt({ className: t, socialLayout: n, socialPosition: i = "bottom", varia
 											className: "px-0",
 											children: /* @__PURE__ */ Q(k, {
 												isIconOnly: !0,
-												"aria-label": w ? p.auth.hidePassword : p.auth.showPassword,
+												"aria-label": w ? f.auth.hidePassword : f.auth.showPassword,
 												size: "sm",
 												variant: "ghost",
-												onPress: () => oe(!w),
+												onPress: () => ae(!w),
 												isDisabled: E,
 												children: Q(w ? O : D, {})
 											})
@@ -805,37 +801,37 @@ function tt({ className: t, socialLayout: n, socialPosition: i = "bottom", varia
 									/* @__PURE__ */ Q(P, {})
 								]
 							}),
-							f?.confirmPassword && /* @__PURE__ */ $(q, {
-								minLength: f?.minPasswordLength,
-								maxLength: f?.maxPasswordLength,
+							d?.confirmPassword && /* @__PURE__ */ $(q, {
+								minLength: d?.minPasswordLength,
+								maxLength: d?.maxPasswordLength,
 								name: "confirmPassword",
 								autoComplete: "new-password",
 								isDisabled: E,
-								value: ne,
-								onChange: C,
+								value: te,
+								onChange: ne,
 								validate: (e) => {
-									if (!e) return p.auth.fieldRequired;
-									let t = f?.minPasswordLength, n = f?.maxPasswordLength;
-									if (t && e.length < t) return p.auth.tooShort.replace("{{min}}", String(t));
-									if (n && e.length > n) return p.auth.tooLong.replace("{{max}}", String(n));
+									if (!e) return f.auth.fieldRequired;
+									let t = d?.minPasswordLength, n = d?.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(z, { children: p.auth.confirmPassword }),
+									/* @__PURE__ */ Q(z, { children: f.auth.confirmPassword }),
 									/* @__PURE__ */ $(R, {
 										variant: o === "transparent" ? "primary" : "secondary",
 										children: [/* @__PURE__ */ Q(R.Input, {
 											name: "confirmPassword",
-											placeholder: p.auth.confirmPasswordPlaceholder,
+											placeholder: f.auth.confirmPasswordPlaceholder,
 											type: T ? "text" : "password",
 											required: !0
 										}), /* @__PURE__ */ Q(R.Suffix, {
 											className: "px-0",
 											children: /* @__PURE__ */ Q(k, {
 												isIconOnly: !0,
-												"aria-label": T ? p.auth.hidePassword : p.auth.showPassword,
+												"aria-label": T ? f.auth.hidePassword : f.auth.showPassword,
 												size: "sm",
 												variant: "ghost",
-												onPress: () => se(!T),
+												onPress: () => oe(!T),
 												isDisabled: E,
 												children: Q(T ? O : D, {})
 											})
@@ -844,15 +840,15 @@ function tt({ className: t, socialLayout: n, socialPosition: i = "bottom", varia
 									/* @__PURE__ */ Q(P, {})
 								]
 							}),
-							c?.map((e) => e.signUp && e.signUp !== "above" && /* @__PURE__ */ Q(Xe, {
+							s?.map((e) => e.signUp && e.signUp !== "above" && /* @__PURE__ */ Q(Xe, {
 								name: e.name,
 								field: e,
 								isPending: E,
 								variant: o
 							}, e.name)),
-							ce && /* @__PURE__ */ Q("div", {
+							se && /* @__PURE__ */ Q("div", {
 								className: "flex justify-center",
-								children: ce
+								children: se
 							}),
 							/* @__PURE__ */ $("div", {
 								className: "flex flex-col gap-3",
@@ -860,15 +856,15 @@ function tt({ className: t, socialLayout: n, socialPosition: i = "bottom", varia
 									type: "submit",
 									className: "w-full",
 									isPending: E,
-									children: [ie && /* @__PURE__ */ Q(G, {
+									children: [re && /* @__PURE__ */ Q(G, {
 										color: "current",
 										size: "sm"
-									}), p.auth.signUp]
-								}), h.flatMap((e) => e.authButtons?.map((t, n) => /* @__PURE__ */ Q(t, { view: "signUp" }, `${e.id}-${n.toString()}`)))]
+									}), f.auth.signUp]
+								}), p.flatMap((e) => e.authButtons?.map((t, n) => /* @__PURE__ */ Q(t, { view: "signUp" }, `${e.id}-${n.toString()}`)))]
 							})
 						]
 					}),
-					i === "bottom" && /* @__PURE__ */ $(Z, { children: [ue && /* @__PURE__ */ Q(e, { children: p.auth.or }), !!_?.length && /* @__PURE__ */ Q(r, { socialLayout: n })] })
+					i === "bottom" && /* @__PURE__ */ $(Z, { children: [le && /* @__PURE__ */ Q(e, { children: f.auth.or }), !!g?.length && /* @__PURE__ */ Q(r, { socialLayout: n })] })
 				]
 			}),
 			/* @__PURE__ */ Q(j.Footer, {
@@ -876,12 +872,12 @@ function tt({ className: t, socialLayout: n, socialPosition: i = "bottom", varia
 				children: /* @__PURE__ */ $(Ee, {
 					className: "text-sm",
 					children: [
-						p.auth.alreadyHaveAnAccount,
+						f.auth.alreadyHaveAnAccount,
 						" ",
 						/* @__PURE__ */ Q(B, {
-							href: `${d.auth}/${y.auth.signIn}`,
+							href: `${u.auth}/${_.auth.signIn}`,
 							className: "text-accent no-underline hover:underline decoration-accent-hover",
-							children: p.auth.signIn
+							children: f.auth.signIn
 						})
 					]
 				})
@@ -902,45 +898,48 @@ var nt = [
 	forgotPassword: Ze,
 	resetPassword: Qe
 };
-function it({ path: e, socialLayout: t, socialPosition: n, view: r, ...i }) {
-	let { basePaths: a, emailAndPassword: o, plugins: s, viewPaths: c, navigate: l } = m();
-	if (!r && !e) throw Error("[Better Auth UI] Either `view` or `path` must be provided");
-	let u = r || Object.keys(c.auth).find((t) => c.auth[t] === e), d = !o?.enabled && u && nt.includes(u);
+function it({ className: e, path: t, socialLayout: n, socialPosition: r, variant: i, view: a }) {
+	let { basePaths: o, emailAndPassword: s, plugins: c, viewPaths: l, navigate: u } = m();
+	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 && nt.includes(d);
 	if (ze(() => {
-		d && l({
-			to: `${a.auth}/${c.auth.signIn}`,
+		f && u({
+			to: `${o.auth}/${l.auth.signIn}`,
 			replace: !0
 		});
 	}, [
-		d,
-		l,
-		a.auth,
-		c.auth.signIn
-	]), d) return null;
-	for (let a of s) {
-		let o = a.viewPaths?.auth, s = r ?? u ?? (o && Object.keys(o).find((t) => o[t] === e));
-		if (!s) continue;
-		let c = a.views?.auth?.[s];
-		if (c) return /* @__PURE__ */ Q(c, {
-			socialLayout: t,
-			socialPosition: n,
-			...i
+		f,
+		u,
+		o.auth,
+		l.auth.signIn
+	]), f) return null;
+	for (let o of c) {
+		let s = o.viewPaths?.auth, c = a ?? d ?? (s && Object.keys(s).find((e) => s[e] === t));
+		if (!c) continue;
+		let l = o.views?.auth?.[c];
+		if (l) return /* @__PURE__ */ Q(l, {
+			className: e,
+			socialLayout: n,
+			socialPosition: r,
+			variant: i
 		});
 	}
-	if (u === "signIn" && !o?.enabled) {
-		let e = s.find((e) => e.fallbackViews?.auth?.signIn)?.fallbackViews?.auth?.signIn;
-		if (e) return /* @__PURE__ */ Q(e, {
-			socialLayout: t,
-			socialPosition: n,
-			...i
+	if (d === "signIn" && !s?.enabled) {
+		let t = c.find((e) => e.fallbackViews?.auth?.signIn)?.fallbackViews?.auth?.signIn;
+		if (t) return /* @__PURE__ */ Q(t, {
+			className: e,
+			socialLayout: n,
+			socialPosition: r,
+			variant: i
 		});
 	}
-	let f = u ? rt[u] : void 0;
-	if (!f) throw Error(`[Better Auth UI] Unknown view "${u}". Valid views are: ${Object.keys(rt).join(", ")}`);
-	return /* @__PURE__ */ Q(f, {
-		socialLayout: t,
-		socialPosition: n,
-		...i
+	let p = d ? rt[d] : void 0;
+	if (!p) throw Error(`[Better Auth UI] Unknown view "${d}". Valid views are: ${Object.keys(rt).join(", ")}`);
+	return /* @__PURE__ */ Q(p, {
+		className: e,
+		socialLayout: n,
+		socialPosition: r,
+		variant: i
 	});
 }
 //#endregion
@@ -1029,7 +1028,7 @@ function st({ className: e, variant: t, ...n }) {
 //#endregion
 //#region src/components/auth/settings/account/change-avatar.tsx
 function ct({ className: e }) {
-	let { authClient: t, localization: r, avatar: i } = m(), { data: a } = C(t), { mutate: o, isPending: c } = oe(t), l = Ve(null), [u, d] = X(!1), [f, p] = X(!1), h = c || u || f;
+	let { authClient: t, localization: r, avatar: i } = m(), { data: a } = C(t), { mutate: o, isPending: c } = T(t), l = Ve(null), [u, d] = X(!1), [f, p] = X(!1), h = c || u || f;
 	async function g(e) {
 		let t = e.target.files?.[0];
 		if (t) {
@@ -1110,7 +1109,7 @@ function ct({ className: e }) {
 //#endregion
 //#region src/components/auth/settings/account/user-profile.tsx
 function lt({ className: e, variant: t, ...n }) {
-	let { additionalFields: r, authClient: i, localization: a } = m(), { data: o } = C(i), { mutate: s, isPending: c } = oe(i, { onSuccess: () => Y.success(a.settings.profileUpdatedSuccess) });
+	let { additionalFields: r, authClient: i, localization: a } = m(), { data: o } = C(i), { mutate: s, isPending: c } = T(i, { onSuccess: () => Y.success(a.settings.profileUpdatedSuccess) });
 	async function u(e) {
 		e.preventDefault();
 		let t = new FormData(e.currentTarget), n = t.get("name"), i = {};
@@ -1248,7 +1247,7 @@ function ft({ activeSession: e }) {
 				children: [c ? /* @__PURE__ */ Q(G, {
 					color: "current",
 					size: "sm"
-				}) : Q(l ? T : xe, {}), l ? r.auth.signOut : r.settings.revoke]
+				}) : Q(l ? oe : xe, {}), l ? r.auth.signOut : r.settings.revoke]
 			})
 		]
 	});
@@ -1256,7 +1255,7 @@ function ft({ activeSession: e }) {
 //#endregion
 //#region src/components/auth/settings/security/active-sessions.tsx
 function pt({ className: e, variant: t, ...n }) {
-	let { authClient: r, localization: i } = m(), { data: a } = C(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 } = m(), { data: a } = C(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: J("text-sm font-semibold mb-3"),
 		children: i.settings.activeSessions
@@ -1300,7 +1299,7 @@ function ht({ className: e, variant: t, ...n }) {
 	});
 }
 function gt({ className: e, variant: t, ...n }) {
-	let { authClient: r, localization: i, plugins: a } = m(), { data: o } = C(r), { fetchOptions: s, resetFetchOptions: c } = v(), { mutate: l, isPending: u } = x(r, {
+	let { authClient: r, localization: i, plugins: a } = m(), { data: o } = C(r), { fetchOptions: s, resetFetchOptions: c } = v(), { mutate: l, isPending: u } = S(r, {
 		onError: () => {
 			c();
 		},
@@ -1350,7 +1349,7 @@ function _t({ className: e, variant: t, emailAndPassword: n, localization: r, se
 		onSuccess: () => {
 			c(""), u(""), f(""), Y.success(r.settings.changePasswordSuccess);
 		}
-	}), [g, v] = X(!1), [y, b] = X(!1), ee = (e) => {
+	}), [g, v] = X(!1), [y, b] = X(!1), x = (e) => {
 		if (e.preventDefault(), n?.confirmPassword && l !== d) {
 			c(""), u(""), f(""), Y.danger(r.auth.passwordsDoNotMatch);
 			return;
@@ -1369,7 +1368,7 @@ function _t({ className: e, variant: t, emailAndPassword: n, localization: r, se
 		variant: t,
 		...a,
 		children: /* @__PURE__ */ Q(j.Content, { children: /* @__PURE__ */ Q(I, {
-			onSubmit: ee,
+			onSubmit: x,
 			children: /* @__PURE__ */ $(F, {
 				className: "w-full gap-4",
 				children: [/* @__PURE__ */ $(F.Group, { children: [
@@ -1479,7 +1478,7 @@ function _t({ className: e, variant: t, emailAndPassword: n, localization: r, se
 //#endregion
 //#region src/components/auth/settings/security/linked-account.tsx
 function vt({ account: e, provider: t }) {
-	let { authClient: n, baseURL: r, localization: i } = m(), { data: a, isPending: o } = p(n, { query: { accountId: e?.accountId } }), { mutate: s, isPending: l } = y(n), { mutate: u, isPending: d } = w(n, { onSuccess: () => Y.success(i.settings.accountUnlinked) }), h = f[t], g = c(t), _ = a?.data?.login || a?.data?.username || a?.user?.email || a?.user?.name || e?.accountId;
+	let { authClient: n, baseURL: r, localization: i } = m(), { data: a, isPending: o } = p(n, { query: { accountId: e?.accountId } }), { mutate: s, isPending: l } = y(n), { mutate: u, isPending: d } = ae(n, { onSuccess: () => Y.success(i.settings.accountUnlinked) }), h = f[t], g = c(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: [
@@ -1689,8 +1688,8 @@ function wt({ className: e, placement: t, size: r = "default", variant: a = "gho
 		return [Ct(e, `user-button-link-${t.toString()}`)];
 	});
 	return /* @__PURE__ */ $(N, { children: [r === "icon" ? /* @__PURE__ */ Q(N.Trigger, {
-		className: J("rounded-full", e),
-		children: /* @__PURE__ */ Q(n, {})
+		className: J("rounded-full"),
+		children: /* @__PURE__ */ Q(n, { className: e })
 	}) : /* @__PURE__ */ $(k, {
 		variant: a,
 		className: J("h-auto font-normal justify-start px-2 py-2 text-left", e),
@@ -1719,14 +1718,14 @@ function wt({ 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(T, { className: "text-danger" }), /* @__PURE__ */ Q(z, { children: f.auth.signOut })]
+				children: [/* @__PURE__ */ Q(oe, { className: "text-danger" }), /* @__PURE__ */ Q(z, { children: f.auth.signOut })]
 			})
 		] }) : /* @__PURE__ */ $(Z, { children: [
 			v,
 			/* @__PURE__ */ $(N.Item, {
 				textValue: f.auth.signIn,
 				href: `${u.auth}/${d.auth.signIn}`,
-				children: [/* @__PURE__ */ Q(se, { className: "text-muted" }), /* @__PURE__ */ Q(z, { children: f.auth.signIn })]
+				children: [/* @__PURE__ */ Q(E, { className: "text-muted" }), /* @__PURE__ */ Q(z, { children: f.auth.signIn })]
 			}),
 			/* @__PURE__ */ $(N.Item, {
 				textValue: f.auth.signUp,