@burdenoff/microfe-auth 2026.624.3 → 2026.625.1

package/dist/auth/pages/RegisterPage.js

@@ -2,137 +2,139 @@ import { useAuth as e } from "../providers/AuthProvider.js";
 import { useAuthOperations as t } from "../hooks/useAuthOperations.js";
 import { useOAuthOperations as n } from "../hooks/useOAuthOperations.js";
 import { AuthLayout as r } from "../components/AuthLayout.js";
-import { AlertIcon as i, CheckIcon as a, EmailIcon as o, EyeIcon as ee, EyeOffIcon as te, GitHubIcon as s, GoogleIcon as ne, LockIcon as re, MicrosoftIcon as c, SpinnerIcon as l, UserIcon as u, XIcon as d } from "../components/AuthIcons.js";
-import { validateEmail as f, validatePassword as p } from "../utils/validation.js";
-import { CaptchaV2 as m } from "../components/CaptchaV2.js";
-import { useSignupCaptcha as ie } from "../hooks/useSignupCaptcha.js";
-import { useState as h } from "react";
-import { useNavigate as ae } from "react-router-dom";
-import { useI18n as oe } from "@burdenoff/fe-libs/shared/providers/shell";
-import { Fragment as se, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { AlertIcon as i, CheckIcon as ee, EmailIcon as te, EyeIcon as ne, EyeOffIcon as a, GitHubIcon as o, GoogleIcon as re, LockIcon as ie, MicrosoftIcon as s, SpinnerIcon as c, UserIcon as l, XIcon as u } from "../components/AuthIcons.js";
+import { validateEmail as d, validatePassword as f } from "../utils/validation.js";
+import { CaptchaV2 as ae } from "../components/CaptchaV2.js";
+import { useSignupCaptcha as oe } from "../hooks/useSignupCaptcha.js";
+import { useState as p } from "react";
+import { useNavigate as se } from "react-router-dom";
+import { useI18n as ce } from "@burdenoff/fe-libs/shared/providers/shell";
+import { Fragment as le, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Button as g } from "@burdenoff/fe-libs/button";
+import { PagePurpose as ue } from "@burdenoff/fe-libs/ui";
 //#region src/auth/pages/RegisterPage.tsx
-function v() {
-	let { productName: v } = e(), y = ae(), { t: b } = oe(), x = (e, t) => {
-		let n = b(e);
+function _() {
+	let { productName: _ } = e(), v = se(), { t: y } = ce(), b = (e, t) => {
+		let n = y(e);
 		return n === e ? t : n;
-	}, { signUp: S, resendVerification: C, isLoading: w, errorCode: T } = t(), { initiateGoogleOAuth: ce, initiateMicrosoftOAuth: le, isProviderConfigured: E } = n(), [D, ue] = h(!1), [O, k] = h({
+	}, { signUp: x, resendVerification: de, isLoading: S, errorCode: C } = t(), { initiateGoogleOAuth: fe, initiateMicrosoftOAuth: pe, isProviderConfigured: w } = n(), [T, E] = p(!1), [D, O] = p({
 		email: "",
 		username: "",
 		password: "",
 		firstName: "",
 		lastName: ""
-	}), [A, j] = h([]), [M, N] = h(!1), [P, F] = h(null), [I, L] = h(null), [R, z] = h(null), [B, V] = h(0), { enabled: H, siteKey: de } = ie(), [U, W] = h(!1), [G, K] = h(null), q = !!P && T === "ACCOUNT_DEACTIVATED", J = !!P && T === "ACCOUNT_REMOVED", Y = !!P && T === "ACCOUNT_SUSPENDED", X = (() => {
-		let e = O.password;
+	}), [k, A] = p([]), [j, M] = p(!1), [N, P] = p(null), [F, I] = p(null), [L, R] = p(null), [z, B] = p(0), { enabled: V, siteKey: me } = oe(), [H, U] = p(!1), [W, G] = p(null), K = !!N && C === "ACCOUNT_DEACTIVATED", q = !!N && C === "ACCOUNT_REMOVED", J = !!N && C === "ACCOUNT_SUSPENDED", Y = (() => {
+		let e = D.password;
 		return [
 			{
-				label: x("auth.register.pwMin8", "At least 12 characters"),
+				label: b("auth.register.pwMin8", "At least 12 characters"),
 				met: e.length >= 12
 			},
 			{
-				label: x("auth.register.pwUppercase", "One uppercase letter"),
+				label: b("auth.register.pwUppercase", "One uppercase letter"),
 				met: /[A-Z]/.test(e)
 			},
 			{
-				label: x("auth.register.pwLowercase", "One lowercase letter"),
+				label: b("auth.register.pwLowercase", "One lowercase letter"),
 				met: /[a-z]/.test(e)
 			},
 			{
-				label: x("auth.register.pwNumber", "One number"),
+				label: b("auth.register.pwNumber", "One number"),
 				met: /\d/.test(e)
 			},
 			{
-				label: x("auth.register.pwSpecial", "One special character"),
+				label: b("auth.register.pwSpecial", "One special character"),
 				met: /[!@#$%^&*(),.?":{}|<>]/.test(e)
 			}
 		];
-	})(), Z = (() => {
-		let e = X.filter((e) => e.met).length;
+	})(), X = (() => {
+		let e = Y.filter((e) => e.met).length;
 		return e <= 2 ? {
-			level: x("auth.register.passwordStrengthWeak", "weak"),
+			level: b("auth.register.passwordStrengthWeak", "weak"),
 			color: "bg-status-error-bg-subtle0",
 			width: "w-1/4"
 		} : e <= 3 ? {
-			level: x("auth.register.passwordStrengthFair", "fair"),
+			level: b("auth.register.passwordStrengthFair", "fair"),
 			color: "bg-status-warning-text",
 			width: "w-2/4"
 		} : e <= 4 ? {
-			level: x("auth.register.passwordStrengthGood", "good"),
+			level: b("auth.register.passwordStrengthGood", "good"),
 			color: "bg-status-warning-bg-subtle0",
 			width: "w-3/4"
 		} : {
-			level: x("auth.register.passwordStrengthStrong", "strong"),
+			level: b("auth.register.passwordStrengthStrong", "strong"),
 			color: "bg-status-success-text",
 			width: "w-full"
 		};
-	})(), fe = async (e) => {
+	})(), Z = async (e) => {
 		e.preventDefault();
 		let t = [];
-		f(O.email) || t.push(x("auth.register.invalidEmail", "Please enter a valid email address")), (!O.username || O.username.length < 3) && t.push(x("auth.register.usernameMin3", "Username must be at least 3 characters")), /^[a-zA-Z0-9_-]+$/.test(O.username) || t.push(x("auth.register.usernameChars", "Username can only contain letters, numbers, underscores, and hyphens"));
-		let n = p(O.password);
-		if (n.valid || t.push(...n.errors), H && !R && t.push(x("auth.register.completeCaptcha", "Please complete the reCAPTCHA verification")), t.length > 0) {
-			j(t);
+		d(D.email) || t.push(b("auth.register.invalidEmail", "Please enter a valid email address")), (!D.username || D.username.length < 3) && t.push(b("auth.register.usernameMin3", "Username must be at least 3 characters")), /^[a-zA-Z0-9_-]+$/.test(D.username) || t.push(b("auth.register.usernameChars", "Username can only contain letters, numbers, underscores, and hyphens"));
+		let n = f(D.password);
+		if (n.valid || t.push(...n.errors), V && !L && t.push(b("auth.register.completeCaptcha", "Please complete the reCAPTCHA verification")), t.length > 0) {
+			A(t);
 			return;
 		}
-		j([]), F(null);
+		A([]), P(null);
 		try {
-			await S({
-				...O,
-				...R ? { recaptchaToken: R } : {}
-			}), N(!0);
+			await x({
+				...D,
+				...L ? { recaptchaToken: L } : {}
+			}), M(!0);
 		} catch (e) {
-			F(e instanceof Error ? e.message : x("auth.register.signUpFailed", "Sign up failed")), console.error("Sign up failed:", e), H && (z(null), V((e) => e + 1));
+			P(e instanceof Error ? e.message : b("auth.register.signUpFailed", "Sign up failed")), console.error("Sign up failed:", e), V && (R(null), B((e) => e + 1));
 		}
-	}, pe = () => {
-		L(null);
+	}, he = () => {
+		I(null);
 		try {
-			ce();
+			fe();
 		} catch (e) {
-			L(e instanceof Error ? e.message : x("auth.register.googleSignUpFailed", "Failed to initiate Google sign up"));
+			I(e instanceof Error ? e.message : b("auth.register.googleSignUpFailed", "Failed to initiate Google sign up"));
 		}
-	}, me = () => {
-		L(null);
+	}, ge = () => {
+		I(null);
 		try {
-			le();
+			pe();
 		} catch (e) {
-			L(e instanceof Error ? e.message : x("auth.register.microsoftSignUpFailed", "Failed to initiate Microsoft sign up"));
+			I(e instanceof Error ? e.message : b("auth.register.microsoftSignUpFailed", "Failed to initiate Microsoft sign up"));
 		}
-	}, Q = E("google"), $ = E("microsoft"), he = [
+	}, Q = w("google"), $ = w("microsoft"), _e = [
 		{
 			name: "Google",
-			icon: ne,
-			onClick: pe,
+			icon: re,
+			onClick: he,
 			disabled: !Q,
-			tooltip: Q ? void 0 : x("auth.register.googleNotConfigured", "Google sign up is not configured")
+			tooltip: Q ? void 0 : b("auth.register.googleNotConfigured", "Google sign up is not configured")
 		},
 		{
 			name: "GitHub",
-			icon: s,
+			icon: o,
 			onClick: () => {},
 			disabled: !0,
-			tooltip: x("auth.register.githubNotConfigured", "GitHub sign up is not configured")
+			tooltip: b("auth.register.githubNotConfigured", "GitHub sign up is not configured")
 		},
 		{
 			name: "Microsoft",
-			icon: c,
-			onClick: me,
+			icon: s,
+			onClick: ge,
 			disabled: !$,
-			tooltip: $ ? void 0 : x("auth.register.microsoftNotConfigured", "Microsoft sign up is not configured")
+			tooltip: $ ? void 0 : b("auth.register.microsoftNotConfigured", "Microsoft sign up is not configured")
 		}
-	], [ge, _e = ""] = x("auth.register.verificationEmailSentTo", "We've sent a verification email to {{email}}. Please check your inbox and click the verification link to activate your account.").split("{{email}}");
-	return M ? /* @__PURE__ */ g(r, {
-		title: x("auth.register.checkEmail", "Check your email"),
-		subtitle: x("auth.register.verificationLinkSent", "We've sent you a verification link"),
-		children: /* @__PURE__ */ _("div", {
+	], [ve, ye = ""] = b("auth.register.verificationEmailSentTo", "We've sent a verification email to {{email}}. Please check your inbox and click the verification link to activate your account.").split("{{email}}");
+	return j ? /* @__PURE__ */ m(r, {
+		title: b("auth.register.checkEmail", "Check your email"),
+		subtitle: b("auth.register.verificationLinkSent", "We've sent you a verification link"),
+		children: /* @__PURE__ */ h("div", {
 			className: "flex flex-col items-center justify-center py-6",
 			children: [
-				/* @__PURE__ */ g("div", {
+				/* @__PURE__ */ m("div", {
 					className: "size-20 rounded-full bg-status-success-bg-subtle flex items-center justify-center mb-6",
-					children: /* @__PURE__ */ g("svg", {
+					children: /* @__PURE__ */ m("svg", {
 						className: "size-10 text-status-success-text",
 						fill: "none",
 						viewBox: "0 0 24 24",
 						stroke: "currentColor",
-						children: /* @__PURE__ */ g("path", {
+						children: /* @__PURE__ */ m("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 2,
@@ -140,54 +142,56 @@ function v() {
 						})
 					})
 				}),
-				/* @__PURE__ */ g("h3", {
+				/* @__PURE__ */ m("h3", {
 					className: "text-lg font-semibold text-[var(--color-text-primary)] mb-2",
-					children: x("auth.register.accountCreated", "Account created successfully!")
+					children: b("auth.register.accountCreated", "Account created successfully!")
 				}),
-				/* @__PURE__ */ _("p", {
+				/* @__PURE__ */ h("p", {
 					className: "text-center text-[var(--color-text-secondary)] mb-8 max-w-sm",
 					children: [
-						ge,
-						/* @__PURE__ */ g("span", {
+						ve,
+						/* @__PURE__ */ m("span", {
 							className: "font-medium text-[var(--color-text-primary)]",
-							children: O.email
+							children: D.email
 						}),
-						_e
+						ye
 					]
 				}),
-				/* @__PURE__ */ _("div", {
+				/* @__PURE__ */ h("div", {
 					className: "space-y-3 w-full",
 					children: [
-						/* @__PURE__ */ g("button", {
+						/* @__PURE__ */ m(g, {
 							type: "button",
-							onClick: () => y("/auth/login"),
-							className: "auth-primary-button w-full px-4 py-3 font-semibold",
-							children: x("auth.register.continueToSignIn", "Continue to sign in")
+							onClick: () => v("/auth/login"),
+							variant: "default",
+							size: "lg",
+							className: "w-full font-semibold",
+							children: b("auth.register.continueToSignIn", "Continue to sign in")
 						}),
-						G && /* @__PURE__ */ g("p", {
+						W && /* @__PURE__ */ m("p", {
 							className: "text-center text-sm text-status-error-text",
-							children: G
+							children: W
 						}),
-						/* @__PURE__ */ _("p", {
+						/* @__PURE__ */ h("p", {
 							className: "text-center text-sm text-[var(--color-text-tertiary)]",
 							children: [
-								x("auth.register.didntReceiveEmail", "Didn't receive the email? Check your spam folder or"),
+								b("auth.register.didntReceiveEmail", "Didn't receive the email? Check your spam folder or"),
 								" ",
-								/* @__PURE__ */ g("button", {
+								/* @__PURE__ */ m("button", {
 									type: "button",
-									disabled: U,
+									disabled: H,
 									onClick: async () => {
-										K(null), W(!0);
+										G(null), U(!0);
 										try {
-											await C(O.email);
+											await de(D.email);
 										} catch (e) {
-											K(e instanceof Error ? e.message : x("auth.register.resendFailed", "Failed to resend verification email"));
+											G(e instanceof Error ? e.message : b("auth.register.resendFailed", "Failed to resend verification email"));
 										} finally {
-											W(!1);
+											U(!1);
 										}
 									},
 									className: "text-text-link hover:text-text-linkHover font-medium disabled:opacity-50 disabled:cursor-not-allowed",
-									children: U ? x("auth.register.resending", "resending...") : x("auth.register.tryAgain", "try again")
+									children: H ? b("auth.register.resending", "resending...") : b("auth.register.tryAgain", "try again")
 								})
 							]
 						})
@@ -195,219 +199,223 @@ function v() {
 				})
 			]
 		})
-	}) : /* @__PURE__ */ _(r, {
-		title: x("auth.register.createAccount", "Create your account"),
-		subtitle: x("auth.register.startJourney", "Start your journey with {{productName}}").replace("{{productName}}", v || "Burdenoff Workspaces"),
-		productName: v,
+	}) : /* @__PURE__ */ h(r, {
+		title: b("auth.register.createAccount", "Create your account"),
+		subtitle: b("auth.register.startJourney", "Start your journey with {{productName}}").replace("{{productName}}", _ || "Burdenoff Workspaces"),
+		productName: _,
 		children: [
-			/* @__PURE__ */ _("form", {
-				onSubmit: fe,
+			/* @__PURE__ */ m(ue, {
+				className: "mb-5",
+				children: b("auth.register.purpose", "Create your account to get a personal workspace and start collaborating. You'll verify your email, then you can sign in and invite your team.")
+			}),
+			/* @__PURE__ */ h("form", {
+				onSubmit: Z,
 				className: "space-y-5",
 				children: [
-					q && /* @__PURE__ */ _("div", {
+					K && /* @__PURE__ */ h("div", {
 						className: "flex items-start gap-3 p-4 rounded-xl bg-status-warning-bg-subtle border border-status-warning-border",
-						children: [/* @__PURE__ */ g(i, { className: "size-5 text-status-warning-text flex-shrink-0 mt-0.5" }), /* @__PURE__ */ _("div", {
+						children: [/* @__PURE__ */ m(i, { className: "size-5 text-status-warning-text flex-shrink-0 mt-0.5" }), /* @__PURE__ */ h("div", {
 							className: "space-y-2",
 							children: [
-								/* @__PURE__ */ g("p", {
+								/* @__PURE__ */ m("p", {
 									className: "text-sm font-medium text-status-warning-text",
-									children: x("auth.register.accountDeactivated", "This email belongs to a deactivated account.")
+									children: b("auth.register.accountDeactivated", "This email belongs to a deactivated account.")
 								}),
-								/* @__PURE__ */ g("p", {
+								/* @__PURE__ */ m("p", {
 									className: "text-xs text-status-warning-text/80",
-									children: x("auth.register.accountDeactivatedHelp", "If this is your account, you can reactivate it instead of creating a new one.")
+									children: b("auth.register.accountDeactivatedHelp", "If this is your account, you can reactivate it instead of creating a new one.")
 								}),
-								/* @__PURE__ */ g("button", {
+								/* @__PURE__ */ m("button", {
 									type: "button",
-									onClick: () => y("/auth/reactivate", { state: { email: O.email } }),
+									onClick: () => v("/auth/reactivate", { state: { email: D.email } }),
 									className: "text-sm font-semibold text-status-warning-text underline underline-offset-2",
-									children: x("auth.register.reactivateCta", "Reactivate my account")
+									children: b("auth.register.reactivateCta", "Reactivate my account")
 								})
 							]
 						})]
 					}),
-					(J || Y) && /* @__PURE__ */ _("div", {
+					(q || J) && /* @__PURE__ */ h("div", {
 						className: "flex items-start gap-3 p-4 rounded-xl bg-status-warning-bg-subtle border border-status-warning-border",
-						children: [/* @__PURE__ */ g(i, { className: "size-5 text-status-warning-text flex-shrink-0 mt-0.5" }), /* @__PURE__ */ g("p", {
+						children: [/* @__PURE__ */ m(i, { className: "size-5 text-status-warning-text flex-shrink-0 mt-0.5" }), /* @__PURE__ */ m("p", {
 							className: "text-sm text-status-warning-text",
-							children: P
+							children: N
 						})]
 					}),
-					(P && !q && !J && !Y || A.length > 0) && /* @__PURE__ */ _("div", {
+					(N && !K && !q && !J || k.length > 0) && /* @__PURE__ */ h("div", {
 						className: "flex items-start gap-3 p-4 rounded-xl bg-status-error-bg-subtle border border-status-error-border",
-						children: [/* @__PURE__ */ g(i, { className: "size-5 text-status-error-text flex-shrink-0 mt-0.5" }), /* @__PURE__ */ _("div", {
+						children: [/* @__PURE__ */ m(i, { className: "size-5 text-status-error-text flex-shrink-0 mt-0.5" }), /* @__PURE__ */ h("div", {
 							className: "space-y-1",
-							children: [P && !q && !J && !Y && /* @__PURE__ */ g("p", {
+							children: [N && !K && !q && !J && /* @__PURE__ */ m("p", {
 								className: "text-sm text-status-error-text",
-								children: P
-							}), A.map((e) => /* @__PURE__ */ g("p", {
+								children: N
+							}), k.map((e) => /* @__PURE__ */ m("p", {
 								className: "text-sm text-status-error-text",
 								children: e
 							}, e))]
 						})]
 					}),
-					/* @__PURE__ */ _("div", {
+					/* @__PURE__ */ h("div", {
 						className: "grid grid-cols-2 gap-4",
-						children: [/* @__PURE__ */ _("div", {
+						children: [/* @__PURE__ */ h("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ g("label", {
+							children: [/* @__PURE__ */ m("label", {
 								htmlFor: "firstName",
 								className: "block text-sm font-medium text-[var(--color-text-primary)]",
-								children: x("auth.register.firstName", "First Name")
-							}), /* @__PURE__ */ g("input", {
+								children: b("auth.register.firstName", "First Name")
+							}), /* @__PURE__ */ m("input", {
 								id: "firstName",
 								type: "text",
 								required: !0,
 								"aria-required": "true",
-								"aria-label": x("auth.register.firstName", "First Name"),
-								value: O.firstName,
-								onChange: (e) => k({
-									...O,
+								"aria-label": b("auth.register.firstName", "First Name"),
+								value: D.firstName,
+								onChange: (e) => O({
+									...D,
 									firstName: e.target.value
 								}),
 								className: "block w-full px-4 py-3 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] placeholder:text-[var(--color-text-tertiary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all",
-								placeholder: x("auth.register.firstNamePlaceholder", "Enter first name")
+								placeholder: b("auth.register.firstNamePlaceholder", "Enter first name")
 							})]
-						}), /* @__PURE__ */ _("div", {
+						}), /* @__PURE__ */ h("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ g("label", {
+							children: [/* @__PURE__ */ m("label", {
 								htmlFor: "lastName",
 								className: "block text-sm font-medium text-[var(--color-text-primary)]",
-								children: x("auth.register.lastName", "Last Name")
-							}), /* @__PURE__ */ g("input", {
+								children: b("auth.register.lastName", "Last Name")
+							}), /* @__PURE__ */ m("input", {
 								id: "lastName",
 								type: "text",
 								required: !0,
 								"aria-required": "true",
-								"aria-label": x("auth.register.lastName", "Last Name"),
-								value: O.lastName,
-								onChange: (e) => k({
-									...O,
+								"aria-label": b("auth.register.lastName", "Last Name"),
+								value: D.lastName,
+								onChange: (e) => O({
+									...D,
 									lastName: e.target.value
 								}),
 								className: "block w-full px-4 py-3 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] placeholder:text-[var(--color-text-tertiary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all",
-								placeholder: x("auth.register.lastNamePlaceholder", "Enter last name")
+								placeholder: b("auth.register.lastNamePlaceholder", "Enter last name")
 							})]
 						})]
 					}),
-					/* @__PURE__ */ _("div", {
+					/* @__PURE__ */ h("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ g("label", {
+						children: [/* @__PURE__ */ m("label", {
 							htmlFor: "username",
 							className: "block text-sm font-medium text-[var(--color-text-primary)]",
-							children: x("auth.register.username", "Username")
-						}), /* @__PURE__ */ _("div", {
+							children: b("auth.register.username", "Username")
+						}), /* @__PURE__ */ h("div", {
 							className: "relative",
-							children: [/* @__PURE__ */ g("div", {
+							children: [/* @__PURE__ */ m("div", {
 								className: "absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none",
-								children: /* @__PURE__ */ g(u, { className: "size-5 text-[var(--color-text-tertiary)]" })
-							}), /* @__PURE__ */ g("input", {
+								children: /* @__PURE__ */ m(l, { className: "size-5 text-[var(--color-text-tertiary)]" })
+							}), /* @__PURE__ */ m("input", {
 								id: "username",
 								type: "text",
 								required: !0,
 								"aria-required": "true",
-								"aria-label": x("auth.register.username", "Username"),
+								"aria-label": b("auth.register.username", "Username"),
 								autoComplete: "username",
-								value: O.username,
-								onChange: (e) => k({
-									...O,
+								value: D.username,
+								onChange: (e) => O({
+									...D,
 									username: e.target.value
 								}),
 								className: "block w-full pl-[3.5rem] pr-4 py-3 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] placeholder:text-[var(--color-text-tertiary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all",
-								placeholder: x("auth.register.usernamePlaceholder", "Choose a username")
+								placeholder: b("auth.register.usernamePlaceholder", "Choose a username")
 							})]
 						})]
 					}),
-					/* @__PURE__ */ _("div", {
+					/* @__PURE__ */ h("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ g("label", {
+						children: [/* @__PURE__ */ m("label", {
 							htmlFor: "email",
 							className: "block text-sm font-medium text-[var(--color-text-primary)]",
-							children: x("auth.register.email", "Email")
-						}), /* @__PURE__ */ _("div", {
+							children: b("auth.register.email", "Email")
+						}), /* @__PURE__ */ h("div", {
 							className: "relative",
-							children: [/* @__PURE__ */ g("div", {
+							children: [/* @__PURE__ */ m("div", {
 								className: "absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none",
-								children: /* @__PURE__ */ g(o, { className: "size-5 text-[var(--color-text-tertiary)]" })
-							}), /* @__PURE__ */ g("input", {
+								children: /* @__PURE__ */ m(te, { className: "size-5 text-[var(--color-text-tertiary)]" })
+							}), /* @__PURE__ */ m("input", {
 								id: "email",
 								type: "email",
 								required: !0,
 								"aria-required": "true",
-								"aria-label": x("auth.register.email", "Email"),
+								"aria-label": b("auth.register.email", "Email"),
 								autoComplete: "email",
-								value: O.email,
-								onChange: (e) => k({
-									...O,
+								value: D.email,
+								onChange: (e) => O({
+									...D,
 									email: e.target.value
 								}),
 								className: "block w-full pl-[3.5rem] pr-4 py-3 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] placeholder:text-[var(--color-text-tertiary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all",
-								placeholder: x("auth.register.emailPlaceholder", "you@example.com")
+								placeholder: b("auth.register.emailPlaceholder", "you@example.com")
 							})]
 						})]
 					}),
-					/* @__PURE__ */ _("div", {
+					/* @__PURE__ */ h("div", {
 						className: "space-y-2",
 						children: [
-							/* @__PURE__ */ g("label", {
+							/* @__PURE__ */ m("label", {
 								htmlFor: "password",
 								className: "block text-sm font-medium text-[var(--color-text-primary)]",
-								children: x("auth.register.password", "Password")
+								children: b("auth.register.password", "Password")
 							}),
-							/* @__PURE__ */ _("div", {
+							/* @__PURE__ */ h("div", {
 								className: "relative",
 								children: [
-									/* @__PURE__ */ g("div", {
+									/* @__PURE__ */ m("div", {
 										className: "absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none",
-										children: /* @__PURE__ */ g(re, { className: "size-5 text-[var(--color-text-tertiary)]" })
+										children: /* @__PURE__ */ m(ie, { className: "size-5 text-[var(--color-text-tertiary)]" })
 									}),
-									/* @__PURE__ */ g("input", {
+									/* @__PURE__ */ m("input", {
 										id: "password",
-										type: D ? "text" : "password",
+										type: T ? "text" : "password",
 										required: !0,
 										"aria-required": "true",
-										"aria-label": x("auth.register.password", "Password"),
+										"aria-label": b("auth.register.password", "Password"),
 										autoComplete: "new-password",
-										value: O.password,
-										onChange: (e) => k({
-											...O,
+										value: D.password,
+										onChange: (e) => O({
+											...D,
 											password: e.target.value
 										}),
 										className: "block w-full pl-[3.5rem] pr-12 py-3 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] placeholder:text-[var(--color-text-tertiary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all",
-										placeholder: x("auth.register.passwordPlaceholder", "Create a strong password")
+										placeholder: b("auth.register.passwordPlaceholder", "Create a strong password")
 									}),
-									/* @__PURE__ */ g("button", {
+									/* @__PURE__ */ m("button", {
 										type: "button",
-										onClick: () => ue(!D),
-										"aria-label": D ? "Hide password" : "Show password",
+										onClick: () => E(!T),
+										"aria-label": T ? "Hide password" : "Show password",
 										className: "absolute inset-y-0 right-0 pr-3.5 flex items-center text-[var(--color-text-tertiary)] hover:text-[var(--color-text-secondary)] transition-colors",
-										children: g(D ? te : ee, { className: "size-5" })
+										children: m(T ? a : ne, { className: "size-5" })
 									})
 								]
 							}),
-							O.password && /* @__PURE__ */ _("div", {
+							D.password && /* @__PURE__ */ h("div", {
 								className: "space-y-3 pt-2",
-								children: [/* @__PURE__ */ _("div", {
+								children: [/* @__PURE__ */ h("div", {
 									className: "space-y-1",
-									children: [/* @__PURE__ */ g("div", {
+									children: [/* @__PURE__ */ m("div", {
 										className: "h-1.5 bg-[var(--color-bg-sunken)] rounded-full overflow-hidden",
-										children: /* @__PURE__ */ g("div", { className: `h-full ${Z.color} ${Z.width} transition-all duration-300` })
-									}), /* @__PURE__ */ _("p", {
+										children: /* @__PURE__ */ m("div", { className: `h-full ${X.color} ${X.width} transition-all duration-300` })
+									}), /* @__PURE__ */ h("p", {
 										className: "text-xs text-[var(--color-text-tertiary)] capitalize",
 										children: [
-											x("auth.register.passwordStrength", "Password strength:"),
+											b("auth.register.passwordStrength", "Password strength:"),
 											" ",
-											/* @__PURE__ */ g("span", {
+											/* @__PURE__ */ m("span", {
 												className: "font-medium",
-												children: Z.level
+												children: X.level
 											})
 										]
 									})]
-								}), /* @__PURE__ */ g("div", {
+								}), /* @__PURE__ */ m("div", {
 									className: "grid grid-cols-2 gap-2",
-									children: X.map((e) => /* @__PURE__ */ _("div", {
+									children: Y.map((e) => /* @__PURE__ */ h("div", {
 										className: "flex items-center gap-2",
-										children: [e.met ? /* @__PURE__ */ g(a, { className: "size-4 text-status-success-text" }) : /* @__PURE__ */ g(d, { className: "size-4 text-[var(--color-text-tertiary)]" }), /* @__PURE__ */ g("span", {
+										children: [e.met ? /* @__PURE__ */ m(ee, { className: "size-4 text-status-success-text" }) : /* @__PURE__ */ m(u, { className: "size-4 text-[var(--color-text-tertiary)]" }), /* @__PURE__ */ m("span", {
 											className: `text-xs ${e.met ? "text-status-success-text" : "text-[var(--color-text-tertiary)]"}`,
 											children: e.label
 										})]
@@ -416,85 +424,87 @@ function v() {
 							})
 						]
 					}),
-					/* @__PURE__ */ _("p", {
+					/* @__PURE__ */ h("p", {
 						className: "text-xs text-[var(--color-text-tertiary)] leading-relaxed",
 						children: [
-							x("auth.register.agreeToTerms", "By creating an account, you agree to our"),
+							b("auth.register.agreeToTerms", "By creating an account, you agree to our"),
 							" ",
-							/* @__PURE__ */ g("a", {
+							/* @__PURE__ */ m("a", {
 								href: "/legal/terms",
 								className: "text-text-link hover:underline",
-								children: x("auth.register.termsOfService", "Terms of Service")
+								children: b("auth.register.termsOfService", "Terms of Service")
 							}),
 							" ",
-							x("auth.register.and", "and"),
+							b("auth.register.and", "and"),
 							" ",
-							/* @__PURE__ */ g("a", {
+							/* @__PURE__ */ m("a", {
 								href: "/legal/privacy",
 								className: "text-text-link hover:underline",
-								children: x("auth.register.privacyPolicy", "Privacy Policy")
+								children: b("auth.register.privacyPolicy", "Privacy Policy")
 							}),
 							"."
 						]
 					}),
-					/* @__PURE__ */ g(m, {
-						enabled: H,
-						siteKey: de,
-						onVerify: z,
-						onExpired: () => z(null)
-					}, B),
-					/* @__PURE__ */ g("button", {
+					/* @__PURE__ */ m(ae, {
+						enabled: V,
+						siteKey: me,
+						onVerify: R,
+						onExpired: () => R(null)
+					}, z),
+					/* @__PURE__ */ m(g, {
 						type: "submit",
-						disabled: w,
-						className: "auth-primary-button flex w-full items-center justify-center gap-2 px-4 py-3 font-semibold",
-						children: w ? /* @__PURE__ */ _(se, { children: [/* @__PURE__ */ g(l, { className: "size-5 animate-spin" }), /* @__PURE__ */ g("span", { children: x("auth.register.creatingAccount", "Creating account...") })] }) : x("auth.register.createAccountBtn", "Create account")
+						disabled: S,
+						variant: "default",
+						size: "lg",
+						className: "w-full font-semibold",
+						children: S ? /* @__PURE__ */ h(le, { children: [/* @__PURE__ */ m(c, { className: "size-5 animate-spin" }), /* @__PURE__ */ m("span", { children: b("auth.register.creatingAccount", "Creating account...") })] }) : b("auth.register.createAccountBtn", "Create account")
 					})
 				]
 			}),
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ h("div", {
 				className: "relative my-8",
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "absolute inset-0 flex items-center",
-					children: /* @__PURE__ */ g("div", { className: "w-full border-t border-[var(--color-border-default)]" })
-				}), /* @__PURE__ */ g("div", {
+					children: /* @__PURE__ */ m("div", { className: "w-full border-t border-[var(--color-border-default)]" })
+				}), /* @__PURE__ */ m("div", {
 					className: "relative flex justify-center",
-					children: /* @__PURE__ */ g("span", {
+					children: /* @__PURE__ */ m("span", {
 						className: "px-4 bg-[var(--color-bg-canvas)] text-sm text-[var(--color-text-tertiary)]",
-						children: x("auth.register.orSignUpWith", "or sign up with")
+						children: b("auth.register.orSignUpWith", "or sign up with")
 					})
 				})]
 			}),
-			I && /* @__PURE__ */ _("div", {
+			F && /* @__PURE__ */ h("div", {
 				className: "flex items-start gap-3 p-4 rounded-xl border bg-status-error-bg-subtle border-status-error-border",
-				children: [/* @__PURE__ */ g(i, { className: "size-5 flex-shrink-0 mt-0.5 text-status-error-text" }), /* @__PURE__ */ g("p", {
+				children: [/* @__PURE__ */ m(i, { className: "size-5 flex-shrink-0 mt-0.5 text-status-error-text" }), /* @__PURE__ */ m("p", {
 					className: "text-sm text-status-error-text",
-					children: I
+					children: F
 				})]
 			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ m("div", {
 				className: "grid grid-cols-3 gap-3",
-				children: he.map((e) => /* @__PURE__ */ _("button", {
+				children: _e.map((e) => /* @__PURE__ */ h("button", {
 					type: "button",
 					onClick: e.onClick,
 					disabled: e.disabled,
 					title: e.tooltip,
 					className: `flex items-center justify-center gap-2 px-4 py-3 rounded-xl border transition-all duration-200 group ${e.disabled ? "border-[var(--color-border-subtle)] bg-[var(--color-bg-disabled)] cursor-not-allowed opacity-50" : "border-[var(--color-border-default)] bg-[var(--color-bg-surface)] hover:bg-[var(--color-bg-sunken)] hover:border-[var(--color-border-strong)]"}`,
-					children: [/* @__PURE__ */ g(e.icon, { className: `size-5 ${e.disabled ? "opacity-50" : ""}` }), /* @__PURE__ */ g("span", {
+					children: [/* @__PURE__ */ m(e.icon, { className: `size-5 ${e.disabled ? "opacity-50" : ""}` }), /* @__PURE__ */ m("span", {
 						className: `sr-only sm:not-sr-only text-sm font-medium transition-colors hidden sm:inline ${e.disabled ? "text-[var(--color-text-disabled)]" : "text-[var(--color-text-secondary)] group-hover:text-[var(--color-text-primary)]"}`,
 						children: e.name
 					})]
 				}, e.name))
 			}),
-			/* @__PURE__ */ _("p", {
+			/* @__PURE__ */ h("p", {
 				className: "mt-8 text-center text-sm text-[var(--color-text-secondary)]",
 				children: [
-					x("auth.register.alreadyHaveAccount", "Already have an account?"),
+					b("auth.register.alreadyHaveAccount", "Already have an account?"),
 					" ",
-					/* @__PURE__ */ g("button", {
+					/* @__PURE__ */ m("button", {
 						type: "button",
-						onClick: () => y("/auth/login"),
+						onClick: () => v("/auth/login"),
 						className: "font-semibold text-text-link hover:text-text-linkHover transition-colors",
-						children: x("auth.register.signIn", "Sign in")
+						children: b("auth.register.signIn", "Sign in")
 					})
 				]
 			})
@@ -502,6 +512,6 @@ function v() {
 	});
 }
 //#endregion
-export { v as RegisterPage };
+export { _ as RegisterPage };
 
 //# sourceMappingURL=RegisterPage.js.map