@better-auth-ui/heroui 1.6.8 → 1.6.10

package/dist/index.js

@@ -1,23 +1,1683 @@
 "use client";
-import { AdditionalField as e } from "./components/auth/additional-field.js";
-import { ForgotPassword as t } from "./components/auth/forgot-password.js";
-import { ResetPassword as n } from "./components/auth/reset-password.js";
-import { ProviderButton as r } from "./components/auth/provider-button.js";
-import { ProviderButtons as i } from "./components/auth/provider-buttons.js";
-import { SignIn as a } from "./components/auth/sign-in.js";
-import { SignOut as o } from "./components/auth/sign-out.js";
-import { SignUp as s } from "./components/auth/sign-up.js";
-import { Auth as c } from "./components/auth/auth.js";
-import { AuthProvider as l } from "./components/auth/auth-provider.js";
-import { ChangeEmail as u } from "./components/auth/settings/account/change-email.js";
-import { UserAvatar as d } from "./components/auth/user/user-avatar.js";
-import { UserProfile as f } from "./components/auth/settings/account/user-profile.js";
-import { AccountSettings as p } from "./components/auth/settings/account/account-settings.js";
-import { ActiveSessions as m } from "./components/auth/settings/security/active-sessions.js";
-import { ChangePassword as h } from "./components/auth/settings/security/change-password.js";
-import { LinkedAccounts as g } from "./components/auth/settings/security/linked-accounts.js";
-import { SecuritySettings as _ } from "./components/auth/settings/security/security-settings.js";
-import { Settings as v } from "./components/auth/settings/settings.js";
-import { UserView as y } from "./components/auth/user/user-view.js";
-import { UserButton as b } from "./components/auth/user/user-button.js";
-export { p as AccountSettings, m as ActiveSessions, e as AdditionalField, c as Auth, l as AuthProvider, u as ChangeEmail, h as ChangePassword, t as ForgotPassword, g as LinkedAccounts, r as ProviderButton, i as ProviderButtons, n as ResetPassword, _ as SecuritySettings, v as Settings, a as SignIn, o as SignOut, s as SignUp, d as UserAvatar, b as UserButton, f as UserProfile, y as UserView };
+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 { 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";
+import { Fragment as Z, jsx as Q, jsxs as $ } from "react/jsx-runtime";
+import { matchMutation as He, matchQuery as Ue, useIsMutating as We, useQueryClient as Ge } from "@tanstack/react-query";
+import Ke from "bowser";
+//#region src/components/auth/additional-field.tsx
+function qe(e) {
+	if (e instanceof Date) return Ie(Me(e, Ne()));
+	if (typeof e == "string") try {
+		return Pe(e.slice(0, 10));
+	} catch {
+		return;
+	}
+}
+function Je(e) {
+	if (e instanceof Date) return Le(Me(e, Ne()));
+	if (typeof e == "string") try {
+		return Fe(e.replace(/(Z|[+-]\d{2}:?\d{2})$/, ""));
+	} catch {
+		return;
+	}
+}
+function Ye({ getValue: e, isDisabled: t }) {
+	let { localization: n } = m(), [r, i] = X(!1);
+	async function a() {
+		let t = e();
+		if (t) try {
+			await navigator.clipboard.writeText(t), i(!0), setTimeout(() => i(!1), 1500);
+		} catch (e) {
+			Y.danger(e instanceof Error ? e.message : String(e));
+		}
+	}
+	return /* @__PURE__ */ Q(k, {
+		isIconOnly: !0,
+		"aria-label": n.settings.copyToClipboard,
+		size: "sm",
+		variant: "ghost",
+		isDisabled: t,
+		onPress: a,
+		children: Q(r ? E : ue, { className: "size-4" })
+	});
+}
+function Xe({ name: e, field: t, isPending: n, variant: r }) {
+	let { localization: i } = m(), a = u(t), o = r === "transparent" ? "primary" : "secondary", s = Ve(null);
+	if (t.render) return /* @__PURE__ */ Q(Z, { children: t.render({
+		name: e,
+		field: t,
+		isPending: n,
+		variant: r
+	}) });
+	if (a === "hidden") return /* @__PURE__ */ Q("input", {
+		type: "hidden",
+		name: e,
+		value: t.defaultValue == null ? "" : t.defaultValue instanceof Date ? t.defaultValue.toISOString() : String(t.defaultValue)
+	});
+	if (a === "textarea") return /* @__PURE__ */ $(q, {
+		name: e,
+		defaultValue: t.defaultValue == null ? void 0 : String(t.defaultValue),
+		isDisabled: n,
+		isReadOnly: t.readOnly,
+		children: [
+			/* @__PURE__ */ Q(z, { children: t.label }),
+			/* @__PURE__ */ Q(Ae, {
+				placeholder: t.placeholder,
+				required: t.required,
+				variant: o
+			}),
+			/* @__PURE__ */ Q(P, {})
+		]
+	});
+	if (a === "number") {
+		let r = t.formatOptions?.maximumFractionDigits;
+		return /* @__PURE__ */ $(H, {
+			name: e,
+			defaultValue: typeof t.defaultValue == "number" ? t.defaultValue : t.defaultValue != null && t.defaultValue !== "" ? Number(t.defaultValue) : void 0,
+			minValue: t.min,
+			maxValue: t.max,
+			step: t.step ?? (r ? 1 / 10 ** r : 1),
+			formatOptions: t.formatOptions,
+			isDisabled: n,
+			isReadOnly: t.readOnly,
+			variant: o,
+			children: [
+				/* @__PURE__ */ Q(z, { children: t.label }),
+				/* @__PURE__ */ $(H.Group, { children: [
+					/* @__PURE__ */ Q(H.DecrementButton, {}),
+					/* @__PURE__ */ Q(H.Input, {
+						placeholder: t.placeholder,
+						required: t.required
+					}),
+					/* @__PURE__ */ Q(H.IncrementButton, {})
+				] }),
+				/* @__PURE__ */ Q(P, {})
+			]
+		});
+	}
+	if (a === "slider") {
+		let r = t.formatOptions?.maximumFractionDigits;
+		return /* @__PURE__ */ $(Oe, {
+			defaultValue: typeof t.defaultValue == "number" ? t.defaultValue : t.defaultValue == null ? void 0 : Number(t.defaultValue),
+			minValue: t.min ?? 0,
+			maxValue: t.max ?? 100,
+			step: t.step ?? (r ? 1 / 10 ** r : 1),
+			formatOptions: t.formatOptions,
+			isDisabled: n || t.readOnly,
+			className: "flex flex-col gap-2",
+			children: [/* @__PURE__ */ $("div", {
+				className: "flex items-center justify-between gap-2",
+				children: [/* @__PURE__ */ Q(z, { children: t.label }), /* @__PURE__ */ Q(Oe.Output, { className: "text-sm text-muted" })]
+			}), /* @__PURE__ */ $(Oe.Track, { children: [/* @__PURE__ */ Q(Oe.Fill, {}), /* @__PURE__ */ Q(Oe.Thumb, { name: e })] })]
+		});
+	}
+	if (a === "switch") return /* @__PURE__ */ $(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 })]
+	});
+	if (a === "checkbox") return /* @__PURE__ */ $(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 }) })]
+	});
+	if (a === "select") return /* @__PURE__ */ $(U, {
+		className: "[&[data-required=true]>.label]:after:content-none",
+		name: e,
+		defaultValue: t.defaultValue == null ? void 0 : String(t.defaultValue),
+		placeholder: t.placeholder,
+		isDisabled: n || t.readOnly,
+		isRequired: t.required,
+		variant: o,
+		fullWidth: !0,
+		children: [
+			/* @__PURE__ */ Q(z, { children: t.label }),
+			/* @__PURE__ */ $(U.Trigger, { children: [/* @__PURE__ */ Q(U.Value, {}), /* @__PURE__ */ Q(U.Indicator, {})] }),
+			/* @__PURE__ */ Q(U.Popover, { children: /* @__PURE__ */ Q(V, { children: t.options?.map((e) => /* @__PURE__ */ $(V.Item, {
+				id: e.value,
+				textValue: typeof e.label == "string" ? e.label : e.value,
+				children: [e.label, /* @__PURE__ */ Q(V.ItemIndicator, {})]
+			}, e.value)) }) }),
+			/* @__PURE__ */ Q(P, {})
+		]
+	});
+	if (a === "combobox") return /* @__PURE__ */ $(Ce, {
+		className: "[&[data-required=true]>.label]:after:content-none",
+		name: e,
+		defaultSelectedKey: t.defaultValue == null ? void 0 : String(t.defaultValue),
+		isDisabled: n,
+		isReadOnly: t.readOnly,
+		isRequired: t.required,
+		variant: o,
+		fullWidth: !0,
+		children: [
+			/* @__PURE__ */ Q(z, { children: t.label }),
+			/* @__PURE__ */ $(Ce.InputGroup, { children: [/* @__PURE__ */ Q(L, { placeholder: t.placeholder }), /* @__PURE__ */ Q(Ce.Trigger, {})] }),
+			/* @__PURE__ */ Q(Ce.Popover, { children: /* @__PURE__ */ Q(V, { children: t.options?.map((e) => /* @__PURE__ */ $(V.Item, {
+				id: e.value,
+				textValue: typeof e.label == "string" ? e.label : e.value,
+				children: [e.label, /* @__PURE__ */ Q(V.ItemIndicator, {})]
+			}, e.value)) }) }),
+			/* @__PURE__ */ Q(P, {})
+		]
+	});
+	if (a === "date" || a === "datetime") {
+		let r = a === "datetime";
+		return /* @__PURE__ */ Q(Te, {
+			className: "w-full [&[data-required=true]>.label]:after:content-none",
+			name: e,
+			defaultValue: r ? Je(t.defaultValue) : qe(t.defaultValue),
+			granularity: r ? "minute" : "day",
+			isDisabled: n,
+			isReadOnly: t.readOnly,
+			isRequired: t.required,
+			children: ({ state: n }) => /* @__PURE__ */ $(Z, { children: [
+				/* @__PURE__ */ Q(z, { children: t.label }),
+				/* @__PURE__ */ $(we.Group, {
+					variant: o,
+					fullWidth: !0,
+					children: [/* @__PURE__ */ Q(we.Input, { children: (e) => /* @__PURE__ */ Q(we.Segment, { segment: e }) }), /* @__PURE__ */ Q(we.Suffix, { children: /* @__PURE__ */ Q(Te.Trigger, { children: /* @__PURE__ */ Q(Te.TriggerIndicator, {}) }) })]
+				}),
+				/* @__PURE__ */ Q(P, {}),
+				/* @__PURE__ */ $(Te.Popover, {
+					className: "flex flex-col gap-3",
+					children: [/* @__PURE__ */ $(A, {
+						"aria-label": typeof t.label == "string" ? t.label : e,
+						children: [
+							/* @__PURE__ */ $(A.Header, { children: [
+								/* @__PURE__ */ $(A.YearPickerTrigger, { children: [/* @__PURE__ */ Q(A.YearPickerTriggerHeading, {}), /* @__PURE__ */ Q(A.YearPickerTriggerIndicator, {})] }),
+								/* @__PURE__ */ Q(A.NavButton, { slot: "previous" }),
+								/* @__PURE__ */ Q(A.NavButton, { slot: "next" })
+							] }),
+							/* @__PURE__ */ $(A.Grid, { children: [/* @__PURE__ */ Q(A.GridHeader, { children: (e) => /* @__PURE__ */ Q(A.HeaderCell, { children: e }) }), /* @__PURE__ */ Q(A.GridBody, { children: (e) => /* @__PURE__ */ Q(A.Cell, { date: e }) })] }),
+							/* @__PURE__ */ Q(A.YearPickerGrid, { children: /* @__PURE__ */ Q(A.YearPickerGridBody, { children: ({ year: e }) => /* @__PURE__ */ Q(A.YearPickerCell, { year: e }) }) })
+						]
+					}), r && /* @__PURE__ */ $("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ Q(z, { children: i.settings.time }), /* @__PURE__ */ Q(je, {
+							"aria-label": i.settings.time,
+							granularity: "minute",
+							value: n.timeValue,
+							onChange: (e) => n.setTimeValue(e),
+							children: /* @__PURE__ */ Q(je.Group, {
+								variant: "secondary",
+								children: /* @__PURE__ */ Q(je.Input, { children: (e) => /* @__PURE__ */ Q(je.Segment, { segment: e }) })
+							})
+						})]
+					})]
+				})
+			] })
+		});
+	}
+	let c = t.prefix != null, l = t.suffix != null || t.copyable, d = t.type === "number", f = t.formatOptions?.maximumFractionDigits, p = d ? "number" : void 0, h = d ? f ? "decimal" : "numeric" : void 0, g = f ? 1 / 10 ** f : void 0;
+	return c || l ? /* @__PURE__ */ $(q, {
+		name: e,
+		defaultValue: t.defaultValue == null ? void 0 : String(t.defaultValue),
+		isDisabled: n,
+		isReadOnly: t.readOnly,
+		children: [
+			/* @__PURE__ */ Q(z, { children: t.label }),
+			/* @__PURE__ */ $(R, {
+				variant: o,
+				children: [
+					c && /* @__PURE__ */ Q(R.Prefix, { children: t.prefix }),
+					/* @__PURE__ */ Q(R.Input, {
+						ref: s,
+						placeholder: t.placeholder,
+						required: t.required,
+						type: p,
+						inputMode: h,
+						step: g
+					}),
+					t.copyable ? /* @__PURE__ */ Q(R.Suffix, {
+						className: "px-0",
+						children: /* @__PURE__ */ Q(Ye, {
+							getValue: () => s.current?.value,
+							isDisabled: n
+						})
+					}) : t.suffix != null && /* @__PURE__ */ Q(R.Suffix, { children: t.suffix })
+				]
+			}),
+			/* @__PURE__ */ Q(P, {})
+		]
+	}) : /* @__PURE__ */ $(q, {
+		name: e,
+		defaultValue: t.defaultValue == null ? void 0 : String(t.defaultValue),
+		isDisabled: n,
+		isReadOnly: t.readOnly,
+		children: [
+			/* @__PURE__ */ Q(z, { children: t.label }),
+			/* @__PURE__ */ Q(L, {
+				placeholder: t.placeholder,
+				required: t.required,
+				variant: o,
+				type: p,
+				inputMode: h,
+				step: g
+			}),
+			/* @__PURE__ */ Q(P, {})
+		]
+	});
+}
+//#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, {
+		onError: (e) => {
+			Y.danger(e.error?.message || e.message), d();
+		},
+		onSuccess: () => {
+			Y.success(o.auth.passwordResetEmailSent), c({ to: `${a.auth}/${s.auth.signIn}` });
+		}
+	});
+	function h(e) {
+		e.preventDefault(), f({
+			email: new FormData(e.currentTarget).get("email"),
+			redirectTo: `${i}${a.auth}/${s.auth.resetPassword}`,
+			fetchOptions: u
+		});
+	}
+	let g = l.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
+			}) }),
+			/* @__PURE__ */ Q(j.Content, {
+				className: "gap-4",
+				children: /* @__PURE__ */ $(I, {
+					onSubmit: h,
+					className: "flex flex-col gap-4",
+					children: [
+						/* @__PURE__ */ $(q, {
+							name: "email",
+							type: "email",
+							autoComplete: "email",
+							isDisabled: p,
+							children: [
+								/* @__PURE__ */ Q(z, { children: o.auth.email }),
+								/* @__PURE__ */ Q(L, {
+									placeholder: o.auth.emailPlaceholder,
+									required: !0,
+									variant: t === "transparent" ? "primary" : "secondary"
+								}),
+								/* @__PURE__ */ Q(P, {})
+							]
+						}),
+						g && /* @__PURE__ */ Q("div", {
+							className: "flex justify-center",
+							children: g
+						}),
+						/* @__PURE__ */ Q("div", {
+							className: "flex flex-col gap-3",
+							children: /* @__PURE__ */ $(k, {
+								type: "submit",
+								className: "w-full",
+								isPending: p,
+								children: [p && /* @__PURE__ */ Q(G, {
+									color: "current",
+									size: "sm"
+								}), o.auth.sendResetLink]
+							})
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ Q(j.Footer, {
+				className: "flex-col gap-3",
+				children: /* @__PURE__ */ $(Ee, {
+					className: "text-sm",
+					children: [
+						o.auth.rememberYourPassword,
+						" ",
+						/* @__PURE__ */ Q(B, {
+							href: `${a.auth}/${s.auth.signIn}`,
+							className: "text-accent no-underline hover:underline decoration-accent-hover",
+							children: o.auth.signIn
+						})
+					]
+				})
+			})
+		]
+	});
+}
+//#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);
+	ze(() => {
+		new URLSearchParams(window.location.search).get("token") || (Y.danger(o.auth.invalidResetPasswordToken), c({ to: `${i.auth}/${s.auth.signIn}` }));
+	}, [
+		i.auth,
+		o.auth.invalidResetPasswordToken,
+		s.auth.signIn,
+		c
+	]);
+	function g(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}` });
+			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);
+			return;
+		}
+		l({
+			token: t,
+			newPassword: r
+		});
+	}
+	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
+			}) }),
+			/* @__PURE__ */ Q(j.Content, {
+				className: "gap-4",
+				children: /* @__PURE__ */ $(I, {
+					onSubmit: g,
+					className: "flex flex-col gap-4",
+					children: [
+						/* @__PURE__ */ $(q, {
+							minLength: a?.minPasswordLength,
+							maxLength: a?.maxPasswordLength,
+							name: "password",
+							autoComplete: "new-password",
+							isDisabled: u,
+							children: [
+								/* @__PURE__ */ Q(z, { children: o.auth.password }),
+								/* @__PURE__ */ $(R, {
+									variant: t === "transparent" ? "primary" : "secondary",
+									children: [/* @__PURE__ */ Q(R.Input, {
+										name: "password",
+										placeholder: o.auth.newPasswordPlaceholder,
+										type: d ? "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,
+											size: "sm",
+											variant: "ghost",
+											onPress: () => f(!d),
+											isDisabled: u,
+											children: Q(d ? O : D, {})
+										})
+									})]
+								}),
+								/* @__PURE__ */ Q(P, {})
+							]
+						}),
+						a?.confirmPassword && /* @__PURE__ */ $(q, {
+							minLength: a?.minPasswordLength,
+							maxLength: a?.maxPasswordLength,
+							name: "confirmPassword",
+							autoComplete: "new-password",
+							isDisabled: u,
+							children: [
+								/* @__PURE__ */ Q(z, { children: o.auth.confirmPassword }),
+								/* @__PURE__ */ $(R, {
+									variant: t === "transparent" ? "primary" : "secondary",
+									children: [/* @__PURE__ */ Q(R.Input, {
+										placeholder: o.auth.confirmPasswordPlaceholder,
+										type: p ? "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,
+											size: "sm",
+											variant: "ghost",
+											onPress: () => h(!p),
+											isDisabled: u,
+											children: Q(p ? O : D, {})
+										})
+									})]
+								}),
+								/* @__PURE__ */ Q(P, {})
+							]
+						}),
+						/* @__PURE__ */ Q("div", {
+							className: "flex flex-col gap-3",
+							children: /* @__PURE__ */ $(k, {
+								type: "submit",
+								className: "w-full",
+								isPending: u,
+								children: [u && /* @__PURE__ */ Q(G, {
+									color: "current",
+									size: "sm"
+								}), o.auth.resetPassword]
+							})
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ Q(j.Footer, {
+				className: "flex-col gap-3",
+				children: /* @__PURE__ */ $(Ee, {
+					className: "text-sm",
+					children: [
+						o.auth.rememberYourPassword,
+						" ",
+						/* @__PURE__ */ Q(B, {
+							href: `${i.auth}/${s.auth.signIn}`,
+							className: "text-accent no-underline hover:underline decoration-accent-hover",
+							children: o.auth.signIn
+						})
+					]
+				})
+			})
+		]
+	});
+}
+//#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, {
+		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({
+					email: t,
+					callbackURL: `${u}${h}`
+				})
+			} }) : Y.danger(e.error?.message || e.message), ee();
+		},
+		onSuccess: () => y({ to: h })
+	}), ae = (e) => {
+		e.preventDefault();
+		let t = new FormData(e.currentTarget), n = t.get("email"), r = t.get("rememberMe") === "on";
+		C({
+			email: n,
+			password: x,
+			...d?.rememberMe ? { rememberMe: r } : {},
+			fetchOptions: b
+		});
+	}, w = We({ mutationKey: a.signIn.all }) + We({ mutationKey: a.signUp.all }) > 0, oe = p.find((e) => e.captchaComponent)?.captchaComponent, T = 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: f.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,
+						className: "flex flex-col gap-4",
+						children: [
+							/* @__PURE__ */ $(q, {
+								name: "email",
+								type: "email",
+								autoComplete: "email",
+								isDisabled: w,
+								children: [
+									/* @__PURE__ */ Q(z, { children: f.auth.email }),
+									/* @__PURE__ */ Q(L, {
+										placeholder: f.auth.emailPlaceholder,
+										variant: o === "transparent" ? "primary" : "secondary",
+										required: !0
+									}),
+									/* @__PURE__ */ Q(P, {})
+								]
+							}),
+							/* @__PURE__ */ $(q, {
+								minLength: d?.minPasswordLength,
+								maxLength: d?.maxPasswordLength,
+								name: "password",
+								type: "password",
+								autoComplete: "current-password",
+								isDisabled: w,
+								value: x,
+								onChange: S,
+								children: [
+									/* @__PURE__ */ Q(z, { children: f.auth.password }),
+									/* @__PURE__ */ Q(L, {
+										placeholder: f.auth.passwordPlaceholder,
+										variant: o === "transparent" ? "primary" : "secondary",
+										required: !0
+									}),
+									/* @__PURE__ */ Q(P, {})
+								]
+							}),
+							d?.rememberMe && /* @__PURE__ */ $(M, {
+								name: "rememberMe",
+								isDisabled: w,
+								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 }) })]
+							}),
+							oe && /* @__PURE__ */ Q("div", {
+								className: "flex justify-center",
+								children: oe
+							}),
+							/* @__PURE__ */ $("div", {
+								className: "flex flex-col gap-3",
+								children: [/* @__PURE__ */ $(k, {
+									type: "submit",
+									className: "w-full",
+									isPending: w,
+									children: [ie && /* @__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()}`)))]
+							})
+						]
+					}),
+					i === "bottom" && /* @__PURE__ */ $(Z, { children: [T && /* @__PURE__ */ Q(e, { children: f.auth.or }), !!g?.length && /* @__PURE__ */ Q(r, { socialLayout: n })] })
+				]
+			}),
+			/* @__PURE__ */ $(j.Footer, {
+				className: "flex-col gap-3",
+				children: [d?.forgotPassword && /* @__PURE__ */ Q(B, {
+					href: `${l.auth}/${_.auth.forgotPassword}`,
+					className: "no-underline hover:underline",
+					children: f.auth.forgotPasswordLink
+				}), d?.enabled && /* @__PURE__ */ $(Ee, {
+					className: "text-sm",
+					children: [
+						f.auth.needToCreateAnAccount,
+						" ",
+						/* @__PURE__ */ Q(B, {
+							href: `${l.auth}/${_.auth.signUp}`,
+							className: "text-accent no-underline hover:underline decoration-accent-hover",
+							children: f.auth.signUp
+						})
+					]
+				})]
+			})
+		]
+	});
+}
+//#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, {
+		onError: (e) => {
+			Y.danger(e.error?.message || e.message), r({
+				to: `${n.auth}/${i.auth.signIn}`,
+				replace: !0
+			});
+		},
+		onSuccess: () => r({
+			to: `${n.auth}/${i.auth.signIn}`,
+			replace: !0
+		})
+	}), o = Ve(!1);
+	return ze(() => {
+		o.current || (o.current = !0, a());
+	}, [a]), /* @__PURE__ */ Q(G, {
+		className: J("mx-auto my-auto", e),
+		color: "current"
+	});
+}
+//#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, {
+		onError: (e) => {
+			te(""), C(""), Y.danger(e.error?.message || e.message), x();
+		},
+		onSuccess: () => {
+			f?.requireEmailVerification ? (Y.success(p.auth.verifyYourEmail), b({ to: `${d.auth}/${y.auth.signIn}` })) : b({ to: g });
+		}
+	}), [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) => {
+		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("");
+			return;
+		}
+		let i = {};
+		for (let e of c ?? []) {
+			if (!e.signUp || e.readOnly) continue;
+			let n = l(e, t.get(e.name));
+			if (e.validate) try {
+				await e.validate(n);
+			} catch (e) {
+				Y.danger(e instanceof Error ? e.message : String(e));
+				return;
+			}
+			n !== void 0 && (i[e.name] = n);
+		}
+		re({
+			name: n,
+			email: r,
+			password: S,
+			...i,
+			fetchOptions: ee
+		});
+	}, ue = f?.enabled && !!_?.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
+			}) }),
+			/* @__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,
+						className: "flex flex-col gap-4",
+						children: [
+							f.name !== !1 && /* @__PURE__ */ $(q, {
+								name: "name",
+								type: "text",
+								autoComplete: "name",
+								isDisabled: E,
+								children: [
+									/* @__PURE__ */ Q(z, { children: p.auth.name }),
+									/* @__PURE__ */ Q(L, {
+										placeholder: p.auth.namePlaceholder,
+										required: !0,
+										variant: o === "transparent" ? "primary" : "secondary"
+									}),
+									/* @__PURE__ */ Q(P, {})
+								]
+							}),
+							/* @__PURE__ */ $(q, {
+								name: "email",
+								type: "email",
+								autoComplete: "email",
+								isDisabled: E,
+								children: [
+									/* @__PURE__ */ Q(z, { children: p.auth.email }),
+									/* @__PURE__ */ Q(L, {
+										placeholder: p.auth.emailPlaceholder,
+										required: !0,
+										variant: o === "transparent" ? "primary" : "secondary"
+									}),
+									/* @__PURE__ */ Q(P, {})
+								]
+							}),
+							c?.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,
+								name: "password",
+								autoComplete: "new-password",
+								isDisabled: E,
+								value: S,
+								onChange: te,
+								children: [
+									/* @__PURE__ */ Q(z, { children: p.auth.password }),
+									/* @__PURE__ */ $(R, {
+										variant: o === "transparent" ? "primary" : "secondary",
+										children: [/* @__PURE__ */ Q(R.Input, {
+											placeholder: p.auth.passwordPlaceholder,
+											type: w ? "text" : "password",
+											name: "password",
+											required: !0
+										}), /* @__PURE__ */ Q(R.Suffix, {
+											className: "px-0",
+											children: /* @__PURE__ */ Q(k, {
+												isIconOnly: !0,
+												"aria-label": w ? p.auth.hidePassword : p.auth.showPassword,
+												size: "sm",
+												variant: "ghost",
+												onPress: () => oe(!w),
+												isDisabled: E,
+												children: Q(w ? O : D, {})
+											})
+										})]
+									}),
+									/* @__PURE__ */ Q(P, {})
+								]
+							}),
+							f?.confirmPassword && /* @__PURE__ */ $(q, {
+								minLength: f?.minPasswordLength,
+								maxLength: f?.maxPasswordLength,
+								name: "confirmPassword",
+								autoComplete: "new-password",
+								isDisabled: E,
+								value: ne,
+								onChange: C,
+								children: [
+									/* @__PURE__ */ Q(z, { children: p.auth.confirmPassword }),
+									/* @__PURE__ */ $(R, {
+										variant: o === "transparent" ? "primary" : "secondary",
+										children: [/* @__PURE__ */ Q(R.Input, {
+											name: "confirmPassword",
+											placeholder: p.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,
+												size: "sm",
+												variant: "ghost",
+												onPress: () => se(!T),
+												isDisabled: E,
+												children: Q(T ? O : D, {})
+											})
+										})]
+									}),
+									/* @__PURE__ */ Q(P, {})
+								]
+							}),
+							c?.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", {
+								className: "flex justify-center",
+								children: ce
+							}),
+							/* @__PURE__ */ $("div", {
+								className: "flex flex-col gap-3",
+								children: [/* @__PURE__ */ $(k, {
+									type: "submit",
+									className: "w-full",
+									isPending: E,
+									children: [ie && /* @__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()}`)))]
+							})
+						]
+					}),
+					i === "bottom" && /* @__PURE__ */ $(Z, { children: [ue && /* @__PURE__ */ Q(e, { children: p.auth.or }), !!_?.length && /* @__PURE__ */ Q(r, { socialLayout: n })] })
+				]
+			}),
+			/* @__PURE__ */ Q(j.Footer, {
+				className: "flex-col gap-3",
+				children: /* @__PURE__ */ $(Ee, {
+					className: "text-sm",
+					children: [
+						p.auth.alreadyHaveAnAccount,
+						" ",
+						/* @__PURE__ */ Q(B, {
+							href: `${d.auth}/${y.auth.signIn}`,
+							className: "text-accent no-underline hover:underline decoration-accent-hover",
+							children: p.auth.signIn
+						})
+					]
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/auth/auth.tsx
+var nt = [
+	"signUp",
+	"forgotPassword",
+	"resetPassword"
+], rt = {
+	signIn: $e,
+	signOut: et,
+	signUp: tt,
+	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);
+	if (ze(() => {
+		d && l({
+			to: `${a.auth}/${c.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
+		});
+	}
+	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
+		});
+	}
+	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
+	});
+}
+//#endregion
+//#region src/components/auth/error-toaster.tsx
+function at() {
+	let e = Ge();
+	return ze(() => {
+		let t = e.getQueryCache().subscribe((e) => {
+			if (e.type !== "updated" || e.action.type !== "error" || !Ue({ queryKey: o.all }, e.query)) return;
+			let t = e.action.error;
+			t?.error && Y.danger(t.error.message);
+		}), n = e.getMutationCache().subscribe((e) => {
+			if (e.type !== "updated" || e.action.type !== "error" || !He({ mutationKey: a.all }, e.mutation)) return;
+			let t = e.action.error;
+			Y.danger(t.error?.message || t.message);
+		});
+		return () => {
+			t(), n();
+		};
+	}, [e]), null;
+}
+//#endregion
+//#region src/components/auth/auth-provider.tsx
+function ot({ children: e, navigate: t, ...n }) {
+	return /* @__PURE__ */ Q(d, {
+		navigate: t,
+		...n,
+		children: /* @__PURE__ */ $(De, {
+			navigate: (e) => t({ to: e }),
+			children: [e, /* @__PURE__ */ Q(at, {})]
+		})
+	});
+}
+//#endregion
+//#region src/components/auth/settings/account/change-email.tsx
+function st({ className: e, variant: t, ...n }) {
+	let { authClient: r, localization: i, baseURL: a, viewPaths: o } = m(), { data: s } = C(r), { mutate: c, isPending: l } = g(r, { onSuccess: () => Y.success(i.settings.changeEmailSuccess) });
+	function u(e) {
+		e.preventDefault(), c({
+			newEmail: new FormData(e.currentTarget).get("email"),
+			callbackURL: `${a}/${o.settings.account}`
+		});
+	}
+	return /* @__PURE__ */ $("div", { children: [/* @__PURE__ */ Q("h2", {
+		className: J("text-sm font-semibold mb-3"),
+		children: i.settings.changeEmail
+	}), /* @__PURE__ */ Q(j, {
+		className: J("p-4 gap-4", e),
+		variant: t,
+		...n,
+		children: /* @__PURE__ */ Q(j.Content, { children: /* @__PURE__ */ Q(I, {
+			onSubmit: u,
+			children: /* @__PURE__ */ $(F, {
+				className: "w-full gap-4",
+				children: [/* @__PURE__ */ Q(F.Group, { children: /* @__PURE__ */ $(q, {
+					name: "email",
+					type: "email",
+					defaultValue: s?.user.email,
+					isDisabled: l || !s,
+					children: [
+						/* @__PURE__ */ Q(z, { children: i.auth.email }),
+						s ? /* @__PURE__ */ Q(L, {
+							required: !0,
+							variant: t === "transparent" ? "primary" : "secondary",
+							autoComplete: "email",
+							placeholder: i.auth.emailPlaceholder
+						}) : /* @__PURE__ */ Q(W, { className: "h-10 md:h-9 w-full rounded-xl" }),
+						/* @__PURE__ */ Q(P, {})
+					]
+				}, `${s?.user.id}-${s?.user.email}-email`) }), /* @__PURE__ */ Q(F.Actions, { children: /* @__PURE__ */ $(k, {
+					type: "submit",
+					isPending: l,
+					isDisabled: !s,
+					size: "sm",
+					children: [l && /* @__PURE__ */ Q(G, {
+						color: "current",
+						size: "sm"
+					}), i.settings.updateEmail]
+				}) })]
+			})
+		}) })
+	})] });
+}
+//#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;
+	async function g(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: () => Y.success(r.settings.avatarChangedSuccess) });
+			} catch (e) {
+				e instanceof Error && Y.danger(e.message);
+			}
+			d(!1);
+		}
+	}
+	async function _() {
+		let e = a?.user.image;
+		o({ image: null }, { onSuccess: async () => {
+			if (e) {
+				p(!0);
+				try {
+					await i.delete?.(e);
+				} finally {
+					p(!1);
+				}
+			}
+			Y.success(r.settings.avatarDeletedSuccess);
+		} });
+	}
+	return /* @__PURE__ */ $("div", {
+		className: J("flex flex-col gap-1", e),
+		children: [
+			/* @__PURE__ */ Q(z, {
+				isDisabled: !a,
+				children: r.settings.avatar
+			}),
+			/* @__PURE__ */ Q("input", {
+				ref: l,
+				type: "file",
+				accept: "image/*",
+				className: "hidden",
+				onChange: g
+			}),
+			/* @__PURE__ */ $("div", {
+				className: "flex items-center gap-4",
+				children: [/* @__PURE__ */ Q(k, {
+					type: "button",
+					isIconOnly: !0,
+					variant: "ghost",
+					className: "p-0 h-auto w-auto rounded-full",
+					isDisabled: !a || h,
+					onPress: () => l.current?.click(),
+					children: /* @__PURE__ */ Q(n, {
+						size: "lg",
+						isPending: h
+					})
+				}), /* @__PURE__ */ $(N, { children: [/* @__PURE__ */ $(k, {
+					isDisabled: !a || h,
+					size: "sm",
+					variant: "secondary",
+					children: [h && /* @__PURE__ */ Q(G, { size: "sm" }), r.settings.changeAvatar]
+				}), /* @__PURE__ */ Q(N.Popover, {
+					className: "min-w-fit",
+					children: /* @__PURE__ */ $(N.Menu, { children: [/* @__PURE__ */ $(N.Item, {
+						textValue: r.settings.uploadAvatar,
+						onAction: () => l.current?.click(),
+						children: [/* @__PURE__ */ Q(le, { className: "text-muted" }), /* @__PURE__ */ Q(z, { children: r.settings.uploadAvatar })]
+					}), /* @__PURE__ */ $(N.Item, {
+						textValue: r.settings.deleteAvatar,
+						isDisabled: !a?.user.image,
+						onAction: _,
+						variant: "danger",
+						children: [/* @__PURE__ */ Q(be, { className: "text-danger" }), /* @__PURE__ */ Q(z, { children: r.settings.deleteAvatar })]
+					})] })
+				})] })]
+			})
+		]
+	});
+}
+//#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) });
+	async function u(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 = l(e, t.get(e.name));
+			if (e.validate) try {
+				await e.validate(n);
+			} catch (e) {
+				Y.danger(e instanceof Error ? e.message : String(e));
+				return;
+			}
+			n !== void 0 && (i[e.name] = n);
+		}
+		s({
+			name: n,
+			...i
+		});
+	}
+	return /* @__PURE__ */ $("div", { children: [/* @__PURE__ */ Q("h2", {
+		className: J("text-sm font-semibold mb-3"),
+		children: a.settings.userProfile
+	}), /* @__PURE__ */ Q(j, {
+		className: J("p-4 gap-4", e),
+		variant: t,
+		...n,
+		children: /* @__PURE__ */ Q(j.Content, { children: /* @__PURE__ */ $(I, {
+			onSubmit: u,
+			className: "flex flex-col gap-4",
+			children: [
+				/* @__PURE__ */ Q(ct, {}),
+				/* @__PURE__ */ $(q, {
+					name: "name",
+					defaultValue: o?.user.name,
+					isDisabled: c || !o,
+					children: [
+						/* @__PURE__ */ Q(z, { children: a.auth.name }),
+						/* @__PURE__ */ Q(L, {
+							className: J(!o && "hidden"),
+							autoComplete: "name",
+							placeholder: a.auth.name,
+							variant: t === "transparent" ? "primary" : "secondary"
+						}),
+						!o && /* @__PURE__ */ Q(W, { className: "h-10 md:h-9 w-full rounded-xl" }),
+						/* @__PURE__ */ Q(P, {})
+					]
+				}, `${o?.user?.id}-${o?.user?.name}-name`),
+				r?.filter((e) => e.profile !== !1).map((e) => {
+					if (!o) return e.inputType === "hidden" ? null : /* @__PURE__ */ Q(W, { 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(Xe, {
+						name: e.name,
+						field: {
+							...e,
+							defaultValue: n
+						},
+						isPending: c,
+						variant: t
+					}, r);
+				}),
+				/* @__PURE__ */ $(k, {
+					type: "submit",
+					isPending: c,
+					isDisabled: !o,
+					size: "sm",
+					className: "self-start mt-1",
+					children: [c && /* @__PURE__ */ Q(G, {
+						color: "current",
+						size: "sm"
+					}), a.settings.saveChanges]
+				})
+			]
+		}) })
+	})] });
+}
+//#endregion
+//#region src/components/auth/settings/account/account-settings.tsx
+function ut({ className: e, variant: t, ...n }) {
+	let { emailAndPassword: r, plugins: i } = m(), a = i.some((e) => e.id === "magicLink");
+	return /* @__PURE__ */ $("div", {
+		className: J("flex w-full flex-col gap-4 md:gap-6", e),
+		...n,
+		children: [
+			/* @__PURE__ */ Q(lt, { variant: t }),
+			(r?.enabled || a) && /* @__PURE__ */ Q(st, { variant: t }),
+			i.flatMap((e) => e.accountCards?.map((n, r) => /* @__PURE__ */ Q(n, { variant: t }, `${e.id}-${r.toString()}`)))
+		]
+	});
+}
+//#endregion
+//#region src/components/auth/settings/security/active-session.tsx
+function dt(e) {
+	let t = Math.floor((Date.now() - e.getTime()) / 1e3), n = new Intl.RelativeTimeFormat(void 0, { numeric: "auto" });
+	for (let [e, r] of [
+		["year", 31536e3],
+		["month", 2592e3],
+		["week", 604800],
+		["day", 86400],
+		["hour", 3600],
+		["minute", 60],
+		["second", 1]
+	]) if (t >= r) return n.format(-Math.floor(t / r), e);
+	return n.format(0, "second");
+}
+function ft({ activeSession: e }) {
+	let { authClient: t, basePaths: n, localization: r, viewPaths: i, navigate: a } = m(), { data: o } = C(t, { refetchOnMount: !1 }), { mutate: s, isPending: c } = te(t, { onSuccess: () => Y.success(r.settings.revokeSessionSuccess) }), l = e.token === o?.session.token, u = Ke.parse(e.userAgent || "");
+	return /* @__PURE__ */ $("div", {
+		className: "flex items-center gap-3",
+		children: [
+			/* @__PURE__ */ Q("div", {
+				className: "flex size-10 shrink-0 items-center justify-center rounded-xl bg-surface-secondary",
+				children: u.platform.type === "mobile" || u.platform.type === "tablet" ? /* @__PURE__ */ Q(ye, { className: "size-4.5" }) : /* @__PURE__ */ Q(de, { className: "size-4.5" })
+			}),
+			/* @__PURE__ */ $("div", {
+				className: "flex flex-col min-w-0",
+				children: [/* @__PURE__ */ $("span", {
+					className: "text-sm font-medium truncate",
+					children: [u.browser.name || "Unknown Browser", u.os.name ? `, ${u.os.name}` : ""]
+				}), l ? /* @__PURE__ */ Q(Se, {
+					color: "accent",
+					size: "sm",
+					children: r.settings.currentSession
+				}) : e.createdAt && /* @__PURE__ */ Q("span", {
+					className: "text-xs text-muted capitalize",
+					children: dt(e.createdAt)
+				})]
+			}),
+			/* @__PURE__ */ $(k, {
+				className: "ml-auto shrink-0",
+				variant: "outline",
+				size: "sm",
+				onPress: () => l ? a({ to: `${n.auth}/${i.auth.signOut}` }) : s(e),
+				isPending: c,
+				"aria-label": l ? r.auth.signOut : r.settings.revokeSession,
+				children: [c ? /* @__PURE__ */ Q(G, {
+					color: "current",
+					size: "sm"
+				}) : Q(l ? T : xe, {}), l ? r.auth.signOut : r.settings.revoke]
+			})
+		]
+	});
+}
+//#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));
+	return /* @__PURE__ */ $("div", { children: [/* @__PURE__ */ Q("h2", {
+		className: J("text-sm font-semibold mb-3"),
+		children: i.settings.activeSessions
+	}), /* @__PURE__ */ Q(j, {
+		className: J(e),
+		variant: t,
+		...n,
+		children: /* @__PURE__ */ Q(j.Content, {
+			className: "gap-0",
+			children: s ? /* @__PURE__ */ Q(mt, {}) : c?.map((e, t) => /* @__PURE__ */ $("div", { children: [t > 0 && /* @__PURE__ */ Q("div", { className: "border-b border-dashed -mx-4 my-4" }), /* @__PURE__ */ Q(ft, { activeSession: e })] }, e.id))
+		})
+	})] });
+}
+function mt() {
+	return /* @__PURE__ */ Q("div", {
+		className: "flex items-center justify-between",
+		children: /* @__PURE__ */ $("div", {
+			className: "flex items-center gap-3",
+			children: [/* @__PURE__ */ Q(W, { className: "size-10 rounded-xl" }), /* @__PURE__ */ $("div", {
+				className: "flex flex-col gap-1",
+				children: [/* @__PURE__ */ Q(W, { className: "h-4 w-32 rounded-lg" }), /* @__PURE__ */ Q(W, { className: "h-3 w-24 rounded-lg" })]
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/components/auth/settings/security/change-password.tsx
+function ht({ className: e, variant: t, ...n }) {
+	let { authClient: r, emailAndPassword: i, localization: a } = m(), { data: o } = C(r), { data: s, isPending: c } = b(r), l = s?.some((e) => e.providerId === "credential");
+	return !c && !l ? /* @__PURE__ */ Q(gt, {
+		className: e,
+		variant: t,
+		...n
+	}) : /* @__PURE__ */ Q(_t, {
+		className: e,
+		variant: t,
+		emailAndPassword: i,
+		localization: a,
+		session: c ? void 0 : o,
+		...n
+	});
+}
+function gt({ className: e, variant: t, ...n }) {
+	let { authClient: r, localization: i } = m(), { data: a } = C(r), { mutate: o, isPending: s } = x(r, { onSuccess: () => Y.success(i.auth.passwordResetEmailSent) }), c = () => {
+		a?.user.email && o({ email: a.user.email });
+	};
+	return /* @__PURE__ */ $("div", { children: [/* @__PURE__ */ Q("h2", {
+		className: J("text-sm font-semibold mb-3"),
+		children: i.settings.changePassword
+	}), /* @__PURE__ */ Q(j, {
+		className: J(e),
+		variant: t,
+		...n,
+		children: /* @__PURE__ */ $(j.Content, {
+			className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
+			children: [/* @__PURE__ */ $("div", { children: [/* @__PURE__ */ Q("p", {
+				className: "text-sm font-medium leading-tight",
+				children: i.settings.setPassword
+			}), /* @__PURE__ */ Q("p", {
+				className: "text-muted text-xs mt-0.5",
+				children: i.settings.setPasswordDescription
+			})] }), /* @__PURE__ */ $(k, {
+				size: "sm",
+				isPending: s,
+				isDisabled: !a,
+				onPress: c,
+				children: [s && /* @__PURE__ */ Q(G, {
+					color: "current",
+					size: "sm"
+				}), i.auth.sendResetLink]
+			})]
+		})
+	})] });
+}
+function _t({ className: e, variant: t, emailAndPassword: n, localization: r, session: i, ...a }) {
+	let { authClient: o } = m(), [s, c] = X(""), [l, u] = X(""), [d, f] = X(""), { mutate: p, isPending: h } = _(o, {
+		onError: (e) => {
+			c(""), u(""), f(""), Y.danger(e.error?.message || e.message);
+		},
+		onSuccess: () => {
+			c(""), u(""), f(""), Y.success(r.settings.changePasswordSuccess);
+		}
+	}), [g, v] = X(!1), [y, b] = X(!1), ee = (e) => {
+		if (e.preventDefault(), n?.confirmPassword && l !== d) {
+			c(""), u(""), f(""), Y.danger(r.auth.passwordsDoNotMatch);
+			return;
+		}
+		p({
+			currentPassword: s,
+			newPassword: l,
+			revokeOtherSessions: !0
+		});
+	};
+	return /* @__PURE__ */ $("div", { children: [/* @__PURE__ */ Q("h2", {
+		className: J("text-sm font-semibold mb-3"),
+		children: r.settings.changePassword
+	}), /* @__PURE__ */ Q(j, {
+		className: J("p-4 gap-4", e),
+		variant: t,
+		...a,
+		children: /* @__PURE__ */ Q(j.Content, { children: /* @__PURE__ */ Q(I, {
+			onSubmit: ee,
+			children: /* @__PURE__ */ $(F, {
+				className: "w-full gap-4",
+				children: [/* @__PURE__ */ $(F.Group, { children: [
+					/* @__PURE__ */ $(q, {
+						name: "currentPassword",
+						type: "password",
+						isDisabled: h || !i,
+						defaultValue: "",
+						value: s,
+						onChange: c,
+						children: [
+							/* @__PURE__ */ Q(z, { children: r.settings.currentPassword }),
+							/* @__PURE__ */ Q(L, {
+								className: J(!i && "hidden"),
+								autoComplete: "current-password",
+								placeholder: r.settings.currentPasswordPlaceholder,
+								required: !0,
+								variant: t === "transparent" ? "primary" : "secondary"
+							}),
+							!i && /* @__PURE__ */ Q(W, { className: "h-10 md:h-9 w-full rounded-xl" }),
+							/* @__PURE__ */ Q(P, {})
+						]
+					}),
+					/* @__PURE__ */ $(q, {
+						minLength: n?.minPasswordLength,
+						maxLength: n?.maxPasswordLength,
+						isDisabled: h || !i,
+						value: l,
+						onChange: u,
+						children: [
+							/* @__PURE__ */ Q(z, { children: r.auth.newPassword }),
+							/* @__PURE__ */ $(R, {
+								className: J(!i && "hidden"),
+								variant: t === "transparent" ? "primary" : "secondary",
+								children: [/* @__PURE__ */ Q(R.Input, {
+									name: "newPassword",
+									type: g ? "text" : "password",
+									autoComplete: "new-password",
+									placeholder: r.auth.newPasswordPlaceholder,
+									required: !0
+								}), /* @__PURE__ */ Q(R.Suffix, {
+									className: "px-0",
+									children: /* @__PURE__ */ Q(k, {
+										isIconOnly: !0,
+										"aria-label": g ? r.auth.hidePassword : r.auth.showPassword,
+										size: "sm",
+										variant: "ghost",
+										onPress: () => v(!g),
+										isDisabled: h,
+										children: Q(g ? O : D, {})
+									})
+								})]
+							}),
+							!i && /* @__PURE__ */ Q(W, { className: "h-10 md:h-9 w-full rounded-xl" }),
+							/* @__PURE__ */ Q(P, {})
+						]
+					}),
+					n?.confirmPassword && /* @__PURE__ */ $(q, {
+						minLength: n?.minPasswordLength,
+						maxLength: n?.maxPasswordLength,
+						isDisabled: h || !i,
+						isRequired: !0,
+						value: d,
+						onChange: f,
+						children: [
+							/* @__PURE__ */ Q(z, { children: r.auth.confirmPassword }),
+							/* @__PURE__ */ $(R, {
+								className: J(!i && "hidden"),
+								variant: t === "transparent" ? "primary" : "secondary",
+								children: [/* @__PURE__ */ Q(R.Input, {
+									name: "confirmPassword",
+									type: y ? "text" : "password",
+									autoComplete: "new-password",
+									placeholder: r.auth.confirmPasswordPlaceholder,
+									required: !0
+								}), /* @__PURE__ */ Q(R.Suffix, {
+									className: "px-0",
+									children: /* @__PURE__ */ Q(k, {
+										isIconOnly: !0,
+										"aria-label": y ? r.auth.hidePassword : r.auth.showPassword,
+										size: "sm",
+										variant: "ghost",
+										onPress: () => b(!y),
+										isDisabled: h,
+										children: Q(y ? O : D, {})
+									})
+								})]
+							}),
+							!i && /* @__PURE__ */ Q(W, { className: "h-10 md:h-9 w-full rounded-xl" }),
+							/* @__PURE__ */ Q(P, {})
+						]
+					})
+				] }), /* @__PURE__ */ Q(F.Actions, { children: /* @__PURE__ */ $(k, {
+					type: "submit",
+					isPending: h,
+					isDisabled: !i,
+					size: "sm",
+					children: [h && /* @__PURE__ */ Q(G, {
+						color: "current",
+						size: "sm"
+					}), r.settings.updatePassword]
+				}) })]
+			})
+		}) })
+	})] });
+}
+//#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;
+	return /* @__PURE__ */ $("div", {
+		className: "flex items-center gap-3",
+		children: [
+			/* @__PURE__ */ Q("div", {
+				className: J("flex size-10 shrink-0 items-center justify-center rounded-xl bg-surface-secondary"),
+				children: Q(h || _e, { className: "size-4.5" })
+			}),
+			/* @__PURE__ */ $("div", {
+				className: "flex flex-col min-w-0",
+				children: [/* @__PURE__ */ Q("span", {
+					className: "text-sm font-medium leading-tight",
+					children: g
+				}), e && o ? /* @__PURE__ */ Q(W, { 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)
+				})]
+			}),
+			e ? /* @__PURE__ */ $(k, {
+				className: "ml-auto shrink-0",
+				variant: "outline",
+				size: "sm",
+				onPress: () => u({ providerId: e.providerId }),
+				isPending: d,
+				"aria-label": i.settings.unlinkProvider.replace("{{provider}}", g),
+				children: [d ? /* @__PURE__ */ Q(G, {
+					color: "current",
+					size: "sm"
+				}) : /* @__PURE__ */ Q(me, {}), i.settings.unlinkProvider.replace("{{provider}}", "").trim()]
+			}) : /* @__PURE__ */ $(k, {
+				className: "ml-auto shrink-0",
+				variant: "outline",
+				size: "sm",
+				onPress: () => s({
+					provider: t,
+					callbackURL: `${r}${window.location.pathname}`
+				}),
+				isPending: l,
+				"aria-label": i.settings.linkProvider.replace("{{provider}}", g),
+				children: [l ? /* @__PURE__ */ Q(G, {
+					color: "current",
+					size: "sm"
+				}) : /* @__PURE__ */ Q(pe, {}), i.settings.link]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/auth/settings/security/linked-accounts.tsx
+function yt({ className: e, variant: t, ...n }) {
+	let { authClient: r, localization: i, socialProviders: a } = m(), { data: o, isPending: s } = b(r), c = [...(o?.filter((e) => e.providerId !== "credential"))?.map((e) => ({
+		key: e.id,
+		account: e,
+		provider: e.providerId
+	})) ?? [], ...a?.map((e) => ({
+		key: e,
+		account: void 0,
+		provider: e
+	})) ?? []];
+	return /* @__PURE__ */ $("div", { children: [/* @__PURE__ */ Q("h2", {
+		className: J("text-sm font-semibold mb-3"),
+		children: i.settings.linkedAccounts
+	}), /* @__PURE__ */ Q(j, {
+		className: J(e),
+		variant: t,
+		...n,
+		children: /* @__PURE__ */ Q(j.Content, {
+			className: "gap-0",
+			children: s ? a?.map((e, t) => /* @__PURE__ */ $("div", { children: [t > 0 && /* @__PURE__ */ Q("div", { className: "border-b border-dashed -mx-4 my-4" }), /* @__PURE__ */ Q(bt, {})] }, e)) : c.map((e, t) => /* @__PURE__ */ $("div", { children: [t > 0 && /* @__PURE__ */ Q("div", { className: "border-b border-dashed -mx-4 my-4" }), /* @__PURE__ */ Q(vt, {
+				account: e.account,
+				provider: e.provider
+			})] }, e.key))
+		})
+	})] });
+}
+function bt() {
+	return /* @__PURE__ */ Q("div", {
+		className: "flex items-center justify-between",
+		children: /* @__PURE__ */ $("div", {
+			className: "flex items-center gap-3",
+			children: [/* @__PURE__ */ Q(W, { className: "size-10 rounded-xl" }), /* @__PURE__ */ $("div", {
+				className: "flex flex-col gap-1",
+				children: [/* @__PURE__ */ Q(W, { className: "h-4 w-20 rounded-lg" }), /* @__PURE__ */ Q(W, { className: "h-3 w-32 rounded-lg" })]
+			})]
+		})
+	});
+}
+//#endregion
+//#region src/components/auth/settings/security/security-settings.tsx
+function xt({ className: e, variant: t, ...n }) {
+	let { emailAndPassword: r, plugins: i, socialProviders: a } = m();
+	return /* @__PURE__ */ $("div", {
+		className: J("flex w-full flex-col gap-4 md:gap-6", e),
+		...n,
+		children: [
+			r?.enabled && /* @__PURE__ */ Q(ht, { variant: t }),
+			!!a?.length && /* @__PURE__ */ Q(yt, { variant: t }),
+			/* @__PURE__ */ Q(pt, { variant: t }),
+			i.flatMap((e) => e.securityCards?.map((n, r) => /* @__PURE__ */ Q(n, { variant: t }, `${e.id}-${r.toString()}`)))
+		]
+	});
+}
+//#endregion
+//#region src/components/auth/settings/settings.tsx
+function St({ 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 } = m();
+	h(o);
+	let d = Be(() => {
+		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];
+	}, [
+		i,
+		n,
+		l.settings,
+		u
+	]);
+	if (!d) {
+		let e = [l.settings, ...u.map((e) => e.viewPaths?.settings)].flatMap((e) => Object.values(e ?? {})).join(", ");
+		throw Error(`[Better Auth UI] Unknown settings path "${n}". Valid paths are: ${e}`);
+	}
+	return /* @__PURE__ */ $(K, {
+		className: J(e),
+		orientation: "horizontal",
+		selectedKey: d,
+		...a,
+		children: [
+			/* @__PURE__ */ Q(K.ListContainer, { children: /* @__PURE__ */ $(K.List, {
+				"aria-label": c.settings.settings,
+				className: "max-w-fit overflow-x-auto [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
+				children: [
+					/* @__PURE__ */ $(K.Tab, {
+						id: "account",
+						href: `${s.settings}/${l.settings.account}`,
+						className: "gap-2",
+						onPress: (e) => e.target.scrollIntoView({
+							behavior: "smooth",
+							inline: "center"
+						}),
+						children: [
+							/* @__PURE__ */ Q(he, { className: "text-muted" }),
+							c.settings.account,
+							/* @__PURE__ */ Q(K.Indicator, {})
+						]
+					}),
+					/* @__PURE__ */ $(K.Tab, {
+						id: "security",
+						href: `${s.settings}/${l.settings.security}`,
+						className: "gap-2",
+						onPress: (e) => e.target.scrollIntoView({
+							behavior: "smooth",
+							inline: "center"
+						}),
+						children: [
+							/* @__PURE__ */ Q(ve, { className: "text-muted" }),
+							c.settings.security,
+							/* @__PURE__ */ Q(K.Indicator, {})
+						]
+					}),
+					u.flatMap((e) => e.settingsTabs?.map((t, n) => /* @__PURE__ */ $(K.Tab, {
+						id: t.view,
+						href: `${s.settings}/${e.viewPaths?.settings?.[t.view]}`,
+						className: "gap-2",
+						onPress: (e) => e.target.scrollIntoView({
+							behavior: "smooth",
+							inline: "center"
+						}),
+						children: [t.label, /* @__PURE__ */ Q(K.Indicator, {})]
+					}, `${e.id}-${n.toString()}`)) ?? [])
+				]
+			}) }),
+			/* @__PURE__ */ Q(K.Panel, {
+				id: "account",
+				className: "px-0",
+				children: /* @__PURE__ */ Q(ut, { variant: r })
+			}),
+			/* @__PURE__ */ Q(K.Panel, {
+				id: "security",
+				className: "px-0",
+				children: /* @__PURE__ */ Q(xt, { variant: r })
+			}),
+			u.flatMap((e) => e.settingsTabs?.map((t, n) => /* @__PURE__ */ Q(K.Panel, {
+				id: t.view,
+				className: "px-0",
+				children: /* @__PURE__ */ Q(t.component, { variant: r })
+			}, `${e.id}-${n.toString()}`)))
+		]
+	});
+}
+//#endregion
+//#region src/components/auth/user/user-button.tsx
+function Ct(e, t) {
+	if (Re(e)) return e;
+	let { label: n, href: r, icon: i, variant: a } = e;
+	return /* @__PURE__ */ $(N.Item, {
+		href: r,
+		variant: a,
+		textValue: typeof n == "string" ? n : void 0,
+		children: [i, /* @__PURE__ */ Q(z, { children: n })]
+	}, t);
+}
+function wt({ 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 } = m(), { data: h, isPending: g } = C(l), _ = p.flatMap((e) => e.userMenuItems?.map((t, n) => /* @__PURE__ */ Q(t, { hideSubtitle: c }, `${e.id}-${n.toString()}`)) ?? []), v = o?.flatMap((e, t) => {
+		if (!Re(e)) {
+			let t = e.visibility ?? "always";
+			if (t === "authenticated" && !h || t === "unauthenticated" && h) return [];
+		}
+		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, {})
+	}) : /* @__PURE__ */ $(k, {
+		variant: a,
+		className: J("h-auto font-normal justify-start px-2 py-2 text-left", e),
+		children: [h || g ? /* @__PURE__ */ Q(i, {
+			isPending: g,
+			hideSubtitle: c
+		}) : /* @__PURE__ */ $(Z, { children: [/* @__PURE__ */ Q(n, {}), /* @__PURE__ */ Q("p", {
+			className: "text-sm font-medium",
+			children: f.auth.account
+		})] }), /* @__PURE__ */ Q(ce, { className: "ml-auto size-3 text-muted" })]
+	}), /* @__PURE__ */ $(N.Popover, {
+		placement: t,
+		className: "min-w-40 md:min-w-56 max-w-[48svw]",
+		children: [h && /* @__PURE__ */ Q("div", {
+			className: "px-3 pt-3 pb-1",
+			children: /* @__PURE__ */ Q(i, { hideSubtitle: c })
+		}), /* @__PURE__ */ Q(N.Menu, { children: h ? /* @__PURE__ */ $(Z, { children: [
+			v,
+			!s && /* @__PURE__ */ $(N.Item, {
+				textValue: f.settings.settings,
+				href: `${u.settings}/${d.settings.account}`,
+				children: [/* @__PURE__ */ Q(fe, { className: "text-muted" }), /* @__PURE__ */ Q(z, { children: f.settings.settings })]
+			}),
+			_,
+			/* @__PURE__ */ $(N.Item, {
+				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 })]
+			})
+		] }) : /* @__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 })]
+			}),
+			/* @__PURE__ */ $(N.Item, {
+				textValue: f.auth.signUp,
+				href: `${u.auth}/${d.auth.signUp}`,
+				children: [/* @__PURE__ */ Q(ge, { className: "text-muted" }), /* @__PURE__ */ Q(z, { children: f.auth.signUp })]
+			}),
+			_
+		] }) })]
+	})] });
+}
+//#endregion
+export { ut as AccountSettings, pt as ActiveSessions, Xe as AdditionalField, it as Auth, ot as AuthProvider, st as ChangeEmail, ht as ChangePassword, Ze as ForgotPassword, yt as LinkedAccounts, t as ProviderButton, r as ProviderButtons, Qe as ResetPassword, xt as SecuritySettings, St as Settings, $e as SignIn, et as SignOut, tt as SignUp, n as UserAvatar, wt as UserButton, lt as UserProfile, i as UserView };