@better-auth-ui/heroui 1.6.8 → 1.6.10

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

@@ -1,212 +0,0 @@
-import { AdditionalField as e } from "./additional-field.js";
-import { FieldSeparator as t } from "./field-separator.js";
-import { ProviderButtons as n } from "./provider-buttons.js";
-import { authMutationKeys as r, parseAdditionalFieldValue as i } from "@better-auth-ui/core";
-import { useAuth as a, useFetchOptions as o, useSignUpEmail as ee } from "@better-auth-ui/react";
-import { Eye as s, EyeSlash as c } from "@gravity-ui/icons";
-import { Button as l, Card as u, Description as d, FieldError as f, Form as te, Input as p, InputGroup as m, Label as h, Link as g, Spinner as _, TextField as v, cn as y, toast as b } from "@heroui/react";
-import { useState as x } from "react";
-import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
-import { useIsMutating as T } from "@tanstack/react-query";
-//#region src/components/auth/sign-up.tsx
-function E({ className: E, socialLayout: D, socialPosition: O = "bottom", variant: k, ...A }) {
-	let { additionalFields: j, authClient: M, basePaths: N, emailAndPassword: P, localization: F, plugins: I, redirectTo: L, socialProviders: R, viewPaths: z, navigate: B } = a(), { fetchOptions: V, resetFetchOptions: H } = o(), [U, W] = x(""), [G, K] = x(""), { mutate: q, isPending: J } = ee(M, {
-		onError: (e) => {
-			W(""), K(""), b.danger(e.error?.message || e.message), H();
-		},
-		onSuccess: () => {
-			P?.requireEmailVerification ? (b.success(F.auth.verifyYourEmail), B({ to: `${N.auth}/${z.auth.signIn}` })) : B({ to: L });
-		}
-	}), [Y, ne] = x(!1), [X, re] = x(!1), Z = T({ mutationKey: r.signIn.all }) + T({ mutationKey: r.signUp.all }) > 0, Q = I.find((e) => e.captchaComponent)?.captchaComponent, ie = async (e) => {
-		e.preventDefault();
-		let t = new FormData(e.currentTarget), n = t.get("name") ?? "", r = t.get("email");
-		if (P?.confirmPassword && U !== G) {
-			b.danger(F.auth.passwordsDoNotMatch), W(""), K("");
-			return;
-		}
-		let a = {};
-		for (let e of j ?? []) {
-			if (!e.signUp || e.readOnly) continue;
-			let n = i(e, t.get(e.name));
-			if (e.validate) try {
-				await e.validate(n);
-			} catch (e) {
-				b.danger(e instanceof Error ? e.message : String(e));
-				return;
-			}
-			n !== void 0 && (a[e.name] = n);
-		}
-		q({
-			name: n,
-			email: r,
-			password: U,
-			...a,
-			fetchOptions: V
-		});
-	}, $ = P?.enabled && !!R?.length;
-	return /* @__PURE__ */ w(u, {
-		className: y("w-full max-w-sm gap-4 md:p-6", E),
-		variant: k,
-		...A,
-		children: [
-			/* @__PURE__ */ C(u.Header, { children: /* @__PURE__ */ C(u.Title, {
-				className: "text-xl font-semibold mb-1",
-				children: F.auth.signUp
-			}) }),
-			/* @__PURE__ */ w(u.Content, {
-				className: "gap-4",
-				children: [
-					O === "top" && /* @__PURE__ */ w(S, { children: [!!R?.length && /* @__PURE__ */ C(n, { socialLayout: D }), $ && /* @__PURE__ */ C(t, { children: F.auth.or })] }),
-					P?.enabled && /* @__PURE__ */ w(te, {
-						onSubmit: ie,
-						className: "flex flex-col gap-4",
-						children: [
-							P.name !== !1 && /* @__PURE__ */ w(v, {
-								name: "name",
-								type: "text",
-								autoComplete: "name",
-								isDisabled: Z,
-								children: [
-									/* @__PURE__ */ C(h, { children: F.auth.name }),
-									/* @__PURE__ */ C(p, {
-										placeholder: F.auth.namePlaceholder,
-										required: !0,
-										variant: k === "transparent" ? "primary" : "secondary"
-									}),
-									/* @__PURE__ */ C(f, {})
-								]
-							}),
-							/* @__PURE__ */ w(v, {
-								name: "email",
-								type: "email",
-								autoComplete: "email",
-								isDisabled: Z,
-								children: [
-									/* @__PURE__ */ C(h, { children: F.auth.email }),
-									/* @__PURE__ */ C(p, {
-										placeholder: F.auth.emailPlaceholder,
-										required: !0,
-										variant: k === "transparent" ? "primary" : "secondary"
-									}),
-									/* @__PURE__ */ C(f, {})
-								]
-							}),
-							j?.map((t) => t.signUp === "above" && /* @__PURE__ */ C(e, {
-								name: t.name,
-								field: t,
-								isPending: Z,
-								variant: k
-							}, t.name)),
-							/* @__PURE__ */ w(v, {
-								minLength: P?.minPasswordLength,
-								maxLength: P?.maxPasswordLength,
-								name: "password",
-								autoComplete: "new-password",
-								isDisabled: Z,
-								value: U,
-								onChange: W,
-								children: [
-									/* @__PURE__ */ C(h, { children: F.auth.password }),
-									/* @__PURE__ */ w(m, {
-										variant: k === "transparent" ? "primary" : "secondary",
-										children: [/* @__PURE__ */ C(m.Input, {
-											placeholder: F.auth.passwordPlaceholder,
-											type: Y ? "text" : "password",
-											name: "password",
-											required: !0
-										}), /* @__PURE__ */ C(m.Suffix, {
-											className: "px-0",
-											children: /* @__PURE__ */ C(l, {
-												isIconOnly: !0,
-												"aria-label": Y ? F.auth.hidePassword : F.auth.showPassword,
-												size: "sm",
-												variant: "ghost",
-												onPress: () => ne(!Y),
-												isDisabled: Z,
-												children: C(Y ? c : s, {})
-											})
-										})]
-									}),
-									/* @__PURE__ */ C(f, {})
-								]
-							}),
-							P?.confirmPassword && /* @__PURE__ */ w(v, {
-								minLength: P?.minPasswordLength,
-								maxLength: P?.maxPasswordLength,
-								name: "confirmPassword",
-								autoComplete: "new-password",
-								isDisabled: Z,
-								value: G,
-								onChange: K,
-								children: [
-									/* @__PURE__ */ C(h, { children: F.auth.confirmPassword }),
-									/* @__PURE__ */ w(m, {
-										variant: k === "transparent" ? "primary" : "secondary",
-										children: [/* @__PURE__ */ C(m.Input, {
-											name: "confirmPassword",
-											placeholder: F.auth.confirmPasswordPlaceholder,
-											type: X ? "text" : "password",
-											required: !0
-										}), /* @__PURE__ */ C(m.Suffix, {
-											className: "px-0",
-											children: /* @__PURE__ */ C(l, {
-												isIconOnly: !0,
-												"aria-label": X ? F.auth.hidePassword : F.auth.showPassword,
-												size: "sm",
-												variant: "ghost",
-												onPress: () => re(!X),
-												isDisabled: Z,
-												children: C(X ? c : s, {})
-											})
-										})]
-									}),
-									/* @__PURE__ */ C(f, {})
-								]
-							}),
-							j?.map((t) => t.signUp && t.signUp !== "above" && /* @__PURE__ */ C(e, {
-								name: t.name,
-								field: t,
-								isPending: Z,
-								variant: k
-							}, t.name)),
-							Q && /* @__PURE__ */ C("div", {
-								className: "flex justify-center",
-								children: Q
-							}),
-							/* @__PURE__ */ w("div", {
-								className: "flex flex-col gap-3",
-								children: [/* @__PURE__ */ w(l, {
-									type: "submit",
-									className: "w-full",
-									isPending: Z,
-									children: [J && /* @__PURE__ */ C(_, {
-										color: "current",
-										size: "sm"
-									}), F.auth.signUp]
-								}), I.flatMap((e) => e.authButtons?.map((t, n) => /* @__PURE__ */ C(t, { view: "signUp" }, `${e.id}-${n.toString()}`)))]
-							})
-						]
-					}),
-					O === "bottom" && /* @__PURE__ */ w(S, { children: [$ && /* @__PURE__ */ C(t, { children: F.auth.or }), !!R?.length && /* @__PURE__ */ C(n, { socialLayout: D })] })
-				]
-			}),
-			/* @__PURE__ */ C(u.Footer, {
-				className: "flex-col gap-3",
-				children: /* @__PURE__ */ w(d, {
-					className: "text-sm",
-					children: [
-						F.auth.alreadyHaveAnAccount,
-						" ",
-						/* @__PURE__ */ C(g, {
-							href: `${N.auth}/${z.auth.signIn}`,
-							className: "text-accent no-underline hover:underline decoration-accent-hover",
-							children: F.auth.signIn
-						})
-					]
-				})
-			})
-		]
-	});
-}
-//#endregion
-export { E as SignUp };

package/dist/components/auth/theme/appearance.js

@@ -1,72 +0,0 @@
-import { themePlugin as e } from "../../../lib/auth/theme-plugin.js";
-import { ThemePreviewDark as t, ThemePreviewLight as n, ThemePreviewSystem as r, useAuthPlugin as i } from "@better-auth-ui/react";
-import { Display as a, Moon as o, Sun as s } from "@gravity-ui/icons";
-import { Card as c, Label as l, Radio as u, RadioGroup as d, cn as f, useIsHydrated as p } from "@heroui/react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-//#region src/components/auth/theme/appearance.tsx
-function g({ className: g, variant: _, ...v }) {
-	let { useTheme: y, localization: b } = i(e), { theme: x, setTheme: S, themes: C = [] } = y(), w = p();
-	return /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h2", {
-		className: f("text-sm font-semibold mb-3"),
-		children: b.appearance
-	}), /* @__PURE__ */ m(c, {
-		className: f("p-4 gap-4", g),
-		variant: _,
-		...v,
-		children: /* @__PURE__ */ h(c.Content, { children: [/* @__PURE__ */ m(l, { children: b.theme }), /* @__PURE__ */ m(d, {
-			variant: _ === "transparent" ? "secondary" : "primary",
-			value: w ? x : "",
-			onChange: S,
-			isDisabled: !w || !x,
-			children: /* @__PURE__ */ h("div", {
-				className: "grid gap-3 grid-cols-2 sm:grid-cols-3",
-				children: [
-					C.includes("system") && /* @__PURE__ */ m(u, {
-						value: "system",
-						className: f("mt-0 px-4 pb-4 pt-3 rounded-xl", "border border-transparent data-[selected=true]:border-accent data-[selected=true]:bg-accent/10", "data-[focus-visible=true]:border-accent data-[focus-visible=true]:bg-accent/10", _ === "transparent" ? "bg-surface" : "bg-surface-secondary"),
-						children: /* @__PURE__ */ h(u.Content, {
-							className: "gap-2",
-							children: [/* @__PURE__ */ h("div", {
-								className: "flex gap-2 justify-between",
-								children: [/* @__PURE__ */ h(l, {
-									className: "flex gap-2 items-center",
-									children: [/* @__PURE__ */ m(a, { className: "text-muted" }), b.system]
-								}), /* @__PURE__ */ m(u.Control, { children: /* @__PURE__ */ m(u.Indicator, {}) })]
-							}), /* @__PURE__ */ m(r, { className: "w-full" })]
-						})
-					}),
-					C.includes("light") && /* @__PURE__ */ m(u, {
-						value: "light",
-						className: f("mt-0 px-4 pb-4 pt-3 rounded-xl", "border border-transparent data-[selected=true]:border-accent data-[selected=true]:bg-accent/10", "data-[focus-visible=true]:border-accent data-[focus-visible=true]:bg-accent/10", _ === "transparent" ? "bg-surface" : "bg-surface-secondary"),
-						children: /* @__PURE__ */ h(u.Content, {
-							className: "gap-2",
-							children: [/* @__PURE__ */ h("div", {
-								className: "flex gap-2 justify-between",
-								children: [/* @__PURE__ */ h(l, {
-									className: "flex gap-2 items-center",
-									children: [/* @__PURE__ */ m(s, { className: "text-muted" }), b.light]
-								}), /* @__PURE__ */ m(u.Control, { children: /* @__PURE__ */ m(u.Indicator, {}) })]
-							}), /* @__PURE__ */ m(n, { className: "w-full" })]
-						})
-					}),
-					C.includes("dark") && /* @__PURE__ */ m(u, {
-						value: "dark",
-						className: f("mt-0 px-4 pb-4 pt-3 rounded-xl", "border border-transparent data-[selected=true]:border-accent data-[selected=true]:bg-accent/10", "data-[focus-visible=true]:border-accent data-[focus-visible=true]:bg-accent/10", _ === "transparent" ? "bg-surface" : "bg-surface-secondary"),
-						children: /* @__PURE__ */ h(u.Content, {
-							className: "gap-2",
-							children: [/* @__PURE__ */ h("div", {
-								className: "flex gap-2 justify-between",
-								children: [/* @__PURE__ */ h(l, {
-									className: "flex gap-2 items-center",
-									children: [/* @__PURE__ */ m(o, { className: "text-muted" }), b.dark]
-								}), /* @__PURE__ */ m(u.Control, { children: /* @__PURE__ */ m(u.Indicator, {}) })]
-							}), /* @__PURE__ */ m(t, { className: "w-full" })]
-						})
-					})
-				]
-			})
-		})] })
-	})] });
-}
-//#endregion
-export { g as Appearance };

package/dist/components/auth/theme/theme-toggle-item.js

@@ -1,62 +0,0 @@
-import { themePlugin as e } from "../../../lib/auth/theme-plugin.js";
-import { useAuthPlugin as t } from "@better-auth-ui/react";
-import { Display as n, Moon as r, Palette as i, Sun as a } from "@gravity-ui/icons";
-import { Dropdown as o, Label as s, Tabs as c } from "@heroui/react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-//#region src/components/auth/theme/theme-toggle-item.tsx
-var d = "[role=\"tab\"][aria-selected=\"true\"]";
-function f() {
-	let { useTheme: f, localization: p } = t(e), { theme: m, setTheme: h, themes: g = [] } = f();
-	return /* @__PURE__ */ u(o.Item, {
-		className: "py-1 pe-2",
-		onFocus: (e) => {
-			e.target === e.currentTarget && e.currentTarget.querySelector(d)?.focus({ preventScroll: !0 });
-		},
-		shouldCloseOnSelect: !1,
-		children: [
-			/* @__PURE__ */ l(i, { className: "text-muted" }),
-			/* @__PURE__ */ l(s, { children: p.theme }),
-			/* @__PURE__ */ l(c, {
-				className: "ml-auto",
-				selectedKey: m,
-				onSelectionChange: (e) => h(e),
-				children: /* @__PURE__ */ l(c.ListContainer, {
-					onKeyDown: (e) => {
-						if (e.key !== "ArrowUp" && e.key !== "ArrowDown") return;
-						let t = e.target;
-						if (t.getAttribute("role") !== "tab") return;
-						let n = t.closest("[role=\"menuitem\"]"), r = n?.closest("[role=\"menu\"]");
-						if (!n || !r) return;
-						let i = Array.from(r.querySelectorAll("[role=\"menuitem\"]:not([data-disabled])")), a = i.indexOf(n);
-						if (a === -1) return;
-						let o = i[e.key === "ArrowDown" ? a + 1 : a - 1];
-						o && (e.preventDefault(), o.focus());
-					},
-					children: /* @__PURE__ */ u(c.List, {
-						"aria-label": p.theme,
-						className: "*:h-5 *:w-5 *:p-0",
-						children: [
-							g.includes("system") && /* @__PURE__ */ u(c.Tab, {
-								id: "system",
-								"aria-label": p.system,
-								children: [/* @__PURE__ */ l(n, { className: "size-3" }), /* @__PURE__ */ l(c.Indicator, {})]
-							}),
-							g.includes("light") && /* @__PURE__ */ u(c.Tab, {
-								id: "light",
-								"aria-label": p.light,
-								children: [/* @__PURE__ */ l(a, { className: "size-3" }), /* @__PURE__ */ l(c.Indicator, {})]
-							}),
-							g.includes("dark") && /* @__PURE__ */ u(c.Tab, {
-								id: "dark",
-								"aria-label": p.dark,
-								children: [/* @__PURE__ */ l(r, { className: "size-3" }), /* @__PURE__ */ l(c.Indicator, {})]
-							})
-						]
-					})
-				})
-			})
-		]
-	});
-}
-//#endregion
-export { f as ThemeToggleItem };

package/dist/components/auth/user/user-avatar.js

@@ -1,29 +0,0 @@
-import { useAuth as e, useSession as t } from "@better-auth-ui/react";
-import { Person as n } from "@gravity-ui/icons";
-import { Avatar as r, Skeleton as i, cn as a } from "@heroui/react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/components/auth/user/user-avatar.tsx
-function c({ className: c, fallback: l, isPending: u, user: d, size: f = "sm", style: p, ...m }) {
-	let { authClient: h } = e(), { data: g, isPending: _ } = t(h, { enabled: !d && !u });
-	if ((u || _) && !d) return /* @__PURE__ */ o(i, {
-		className: a("rounded-full", f === "sm" ? "size-8" : f === "md" ? "size-10" : "size-12", c),
-		style: p
-	});
-	let v = d ?? g?.user, y = (v?.username || v?.name || v?.email)?.slice(0, 2).toUpperCase();
-	return /* @__PURE__ */ s(r, {
-		size: f,
-		className: a("rounded-full", c),
-		style: p,
-		...m,
-		children: [/* @__PURE__ */ o(r.Image, {
-			alt: v?.displayUsername || v?.name || v?.email,
-			src: v?.image ?? void 0
-		}), /* @__PURE__ */ o(r.Fallback, {
-			className: a(f === "lg" ? "text-xl" : f === "md" ? "text-base" : "text-sm"),
-			delayMs: v?.image ? 600 : void 0,
-			children: l || y || /* @__PURE__ */ o(n, { className: "size-4" })
-		})]
-	});
-}
-//#endregion
-export { c as UserAvatar };

package/dist/components/auth/user/user-button.js

@@ -1,74 +0,0 @@
-import { UserAvatar as e } from "./user-avatar.js";
-import { UserView as t } from "./user-view.js";
-import { useAuth as n, useSession as r } from "@better-auth-ui/react";
-import { ArrowRightFromSquare as i, ArrowRightToSquare as a, ChevronsExpandVertical as o, Gear as s, PersonPlus as c } from "@gravity-ui/icons";
-import { Button as l, Dropdown as u, Label as d, cn as f } from "@heroui/react";
-import { isValidElement as p } from "react";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-//#region src/components/auth/user/user-button.tsx
-function _(e, t) {
-	if (p(e)) return e;
-	let { label: n, href: r, icon: i, variant: a } = e;
-	return /* @__PURE__ */ g(u.Item, {
-		href: r,
-		variant: a,
-		textValue: typeof n == "string" ? n : void 0,
-		children: [i, /* @__PURE__ */ h(d, { children: n })]
-	}, t);
-}
-function v({ className: v, placement: y = "bottom", size: b = "default", variant: x = "ghost", links: S, hideSettings: C = !1 }) {
-	let { authClient: w, basePaths: T, viewPaths: E, localization: D, plugins: O } = n(), { data: k, isPending: A } = r(w), j = O.flatMap((e) => e.userMenuItems?.map((t, n) => /* @__PURE__ */ h(t, {}, `${e.id}-${n.toString()}`)) ?? []), M = S?.flatMap((e, t) => {
-		if (!p(e)) {
-			let t = e.visibility ?? "always";
-			if (t === "authenticated" && !k || t === "unauthenticated" && k) return [];
-		}
-		return [_(e, `user-button-link-${t.toString()}`)];
-	});
-	return /* @__PURE__ */ g(u, { children: [b === "icon" ? /* @__PURE__ */ h(u.Trigger, {
-		className: f("rounded-full", v),
-		children: /* @__PURE__ */ h(e, {})
-	}) : /* @__PURE__ */ g(l, {
-		variant: x,
-		className: f("h-auto font-normal justify-start px-3 py-2 text-left", v),
-		children: [k || A ? /* @__PURE__ */ h(t, { isPending: A }) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(e, {}), /* @__PURE__ */ h("p", {
-			className: "text-sm font-medium",
-			children: D.auth.account
-		})] }), /* @__PURE__ */ h(o, { className: "ml-auto size-3.5" })]
-	}), /* @__PURE__ */ g(u.Popover, {
-		placement: y,
-		className: "min-w-40 md:min-w-56 max-w-[48svw]",
-		children: [k && /* @__PURE__ */ h("div", {
-			className: "px-3 pt-3 pb-1",
-			children: /* @__PURE__ */ h(t, {})
-		}), /* @__PURE__ */ h(u.Menu, { children: k ? /* @__PURE__ */ g(m, { children: [
-			M,
-			!C && /* @__PURE__ */ g(u.Item, {
-				textValue: D.settings.settings,
-				href: `${T.settings}/${E.settings.account}`,
-				children: [/* @__PURE__ */ h(s, { className: "text-muted" }), /* @__PURE__ */ h(d, { children: D.settings.settings })]
-			}),
-			j,
-			/* @__PURE__ */ g(u.Item, {
-				textValue: D.auth.signOut,
-				href: `${T.auth}/${E.auth.signOut}`,
-				variant: "danger",
-				children: [/* @__PURE__ */ h(i, { className: "text-danger" }), /* @__PURE__ */ h(d, { children: D.auth.signOut })]
-			})
-		] }) : /* @__PURE__ */ g(m, { children: [
-			M,
-			/* @__PURE__ */ g(u.Item, {
-				textValue: D.auth.signIn,
-				href: `${T.auth}/${E.auth.signIn}`,
-				children: [/* @__PURE__ */ h(a, { className: "text-muted" }), /* @__PURE__ */ h(d, { children: D.auth.signIn })]
-			}),
-			/* @__PURE__ */ g(u.Item, {
-				textValue: D.auth.signUp,
-				href: `${T.auth}/${E.auth.signUp}`,
-				children: [/* @__PURE__ */ h(c, { className: "text-muted" }), /* @__PURE__ */ h(d, { children: D.auth.signUp })]
-			}),
-			j
-		] }) })]
-	})] });
-}
-//#endregion
-export { v as UserButton };

package/dist/components/auth/user/user-view.js

@@ -1,37 +0,0 @@
-import { UserAvatar as e } from "./user-avatar.js";
-import { useAuth as t, useSession as n } from "@better-auth-ui/react";
-import { Skeleton as r, cn as i } from "@heroui/react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region src/components/auth/user/user-view.tsx
-function s({ className: s, isPending: c, size: l = "sm", user: u, ...d }) {
-	let { authClient: f } = t(), { data: p, isPending: m } = n(f, { enabled: !u && !c }), h = u ?? p?.user;
-	return (c || m) && !u ? /* @__PURE__ */ o("div", {
-		className: i("flex items-center gap-2 min-w-0", s),
-		...d,
-		children: [/* @__PURE__ */ a(e, {
-			isPending: !0,
-			size: l
-		}), /* @__PURE__ */ o("div", {
-			className: "flex flex-col gap-1 min-w-0",
-			children: [/* @__PURE__ */ a(r, { className: "h-3.5 w-24 rounded-lg" }), /* @__PURE__ */ a(r, { className: "h-3 w-32 rounded-lg" })]
-		})]
-	}) : /* @__PURE__ */ o("div", {
-		className: i("flex items-center gap-2 min-w-0", s),
-		...d,
-		children: [/* @__PURE__ */ a(e, {
-			user: h,
-			size: l
-		}), /* @__PURE__ */ o("div", {
-			className: "min-w-0",
-			children: [/* @__PURE__ */ a("p", {
-				className: "text-sm font-medium truncate leading-tight",
-				children: h?.displayUsername || h?.name || h?.email
-			}), (h?.displayUsername || h?.name) && /* @__PURE__ */ a("p", {
-				className: "text-muted text-xs mb-0.5 truncate overflow-x-hidden",
-				children: h?.email
-			})]
-		})]
-	});
-}
-//#endregion
-export { s as UserView };

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

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