@tomny-dev/uzi 0.5.0 → 0.6.0-pr.60.173.1.802e4f7

package/dist/index67.cjs

@@ -1,88 +1,443 @@
 const require_runtime = require("./index2.cjs");
 const require_cx = require("./index4.cjs");
-const require_settings_page_module = require("./index66.cjs");
+const require_auth_pages_module = require("./index66.cjs");
 let react = require("react");
 react = require_runtime.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/settings-page/SettingsPage.tsx
-/**
-* SettingsPage — a settings layout with sections, a danger zone, and a sticky save footer.
-*
-* Layout:
-*   Header (title + description)
-*   Scrollable content:
-*     Section group with headings and descriptions
-*     Danger zone with red visual distinction
-*   Sticky footer: save/cancel buttons
-*/
-function SettingsPage({ title, description, sections, dangerZone, dangerZoneTitle, dangerZoneDescription, footer, saving = false, className }) {
+//#region src/components/auth-pages/AuthPages.tsx
+function EyeIcon({ open }) {
+	if (open) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		"aria-hidden": "true",
+		className: require_auth_pages_module.default.eyeIcon,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z",
+			stroke: "currentColor",
+			strokeWidth: "2"
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+			cx: "12",
+			cy: "12",
+			r: "3",
+			stroke: "currentColor",
+			strokeWidth: "2"
+		})]
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		"aria-hidden": "true",
+		className: require_auth_pages_module.default.eyeIcon,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94",
+				stroke: "currentColor",
+				strokeWidth: "2"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19",
+				stroke: "currentColor",
+				strokeWidth: "2"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("line", {
+				x1: "1",
+				y1: "1",
+				x2: "23",
+				y2: "23",
+				stroke: "currentColor",
+				strokeWidth: "2"
+			})
+		]
+	});
+}
+function Field({ label, id, children, error }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: require_cx.cx(require_settings_page_module.default.wrapper, className),
+		className: require_auth_pages_module.default.field,
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("header", {
-				className: require_settings_page_module.default.header,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: require_settings_page_module.default.headerContent,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+				htmlFor: id,
+				className: require_auth_pages_module.default.label,
+				children: label
+			}),
+			children,
+			error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: require_auth_pages_module.default.error,
+				children: error
+			})
+		]
+	});
+}
+function PasswordField({ id, label, placeholder, value, onChange, error }) {
+	const [show, setShow] = react.useState(false);
+	const toggleRef = react.useRef(null);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+		label: label ?? "Password",
+		id,
+		error,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: require_auth_pages_module.default.passwordWrapper,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				id,
+				type: show ? "text" : "password",
+				placeholder,
+				value,
+				onChange,
+				className: require_auth_pages_module.default.input
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				ref: toggleRef,
+				type: "button",
+				onClick: () => setShow((s) => !s),
+				className: require_auth_pages_module.default.toggle,
+				"aria-label": show ? "Hide password" : "Show password",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EyeIcon, { open: show })
+			})]
+		})
+	});
+}
+function CheckboxRow({ label, linkText, linkHref, checked, onChange }) {
+	if (!label) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: require_auth_pages_module.default.checkboxRow,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+			className: require_auth_pages_module.default.checkboxLabel,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				type: "checkbox",
+				className: require_auth_pages_module.default.checkbox,
+				checked,
+				onChange: (e) => onChange?.(e.target.checked)
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label })]
+		}), linkHref && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+			href: linkHref,
+			className: require_auth_pages_module.default.forgotLink,
+			children: linkText
+		})]
+	});
+}
+function SignInPage({ title = "Sign in", subtitle, footer, onSubmit, loading = false, brand, className, emailPlaceholder = "Email address", passwordPlaceholder = "Password", rememberLabel = "Remember me", forgotLinkText = "Forgot password?", forgotLinkHref }) {
+	const id = react.useId();
+	const [email, setEmail] = react.useState("");
+	const [password, setPassword] = react.useState("");
+	const [rememberMe, setRememberMe] = react.useState(false);
+	const [errors, setErrors] = react.useState({});
+	const [submitted, setSubmitted] = react.useState(false);
+	const validate = () => {
+		const newErrors = {};
+		if (!email.trim()) newErrors.email = "Email is required";
+		else if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) newErrors.email = "Enter a valid email";
+		if (!password) newErrors.password = "Password is required";
+		setErrors(newErrors);
+		return Object.keys(newErrors).length === 0;
+	};
+	const handleSubmit = (e) => {
+		e.preventDefault();
+		setSubmitted(true);
+		if (!validate()) return;
+		onSubmit?.({
+			email,
+			password,
+			rememberMe
+		});
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: require_cx.cx(require_auth_pages_module.default.authLayout, className),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: require_auth_pages_module.default.authCard,
+			children: [
+				brand && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: require_auth_pages_module.default.authBrand,
+					children: brand
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: require_auth_pages_module.default.authHeader,
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
-						className: require_settings_page_module.default.title,
+						className: require_auth_pages_module.default.authTitle,
 						children: title
-					}), description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: require_settings_page_module.default.description,
-						children: description
+					}), subtitle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: require_auth_pages_module.default.authSubtitle,
+						children: subtitle
 					})]
-				})
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: require_settings_page_module.default.content,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: require_settings_page_module.default.sections,
-					children: sections.map((section, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
-						className: require_settings_page_module.default.section,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: require_settings_page_module.default.sectionHeader,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
-								className: require_settings_page_module.default.sectionTitle,
-								children: section.title
-							}), section.description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: require_settings_page_module.default.sectionDescription,
-								children: section.description
-							})]
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: require_settings_page_module.default.sectionBody,
-							children: section.children
-						})]
-					}, index))
-				}), dangerZone && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: require_settings_page_module.default.dangerZone,
-					children: [(dangerZoneTitle || dangerZoneDescription) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: require_settings_page_module.default.dangerZoneHeader,
-						children: [dangerZoneTitle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
-							className: require_settings_page_module.default.dangerZoneTitle,
-							children: dangerZoneTitle
-						}), dangerZoneDescription && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: require_settings_page_module.default.dangerZoneDescription,
-							children: dangerZoneDescription
-						})]
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: require_settings_page_module.default.dangerZoneBody,
-						children: dangerZone
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+					onSubmit: handleSubmit,
+					className: require_auth_pages_module.default.authForm,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+							label: emailPlaceholder,
+							id: id + "-email",
+							error: submitted ? errors.email : void 0,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								id: id + "-email",
+								type: "email",
+								placeholder: "you@example.com",
+								value: email,
+								onChange: (e) => setEmail(e.target.value),
+								className: require_auth_pages_module.default.input,
+								autoComplete: "email",
+								autoFocus: true
+							})
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PasswordField, {
+							label: passwordPlaceholder,
+							id: id + "-password",
+							placeholder: passwordPlaceholder,
+							value: password,
+							onChange: (e) => {
+								setPassword(e.target.value);
+								if (submitted) setSubmitted(false);
+							},
+							error: submitted ? errors.password : void 0
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckboxRow, {
+							label: rememberLabel,
+							linkText: forgotLinkText,
+							linkHref: forgotLinkHref,
+							checked: rememberMe,
+							onChange: (c) => {
+								setRememberMe(c);
+								if (submitted) setSubmitted(false);
+							}
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "submit",
+							disabled: loading,
+							className: require_auth_pages_module.default.submitButton,
+							children: loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: require_auth_pages_module.default.spinner }), "Signing in..."] }) : "Sign in"
+						})
+					]
+				}),
+				footer && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("hr", { className: require_auth_pages_module.default.divider }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: require_auth_pages_module.default.authFooter,
+					children: footer
+				})] })
+			]
+		})
+	});
+}
+function SignUpPage({ title = "Create an account", subtitle, footer, onSubmit, loading = false, brand, className, emailPlaceholder = "Email address", passwordPlaceholder = "Password", confirmPasswordPlaceholder = "Confirm password", checkboxLabel, checkboxLinkText, checkboxLinkHref }) {
+	const id = react.useId();
+	const [email, setEmail] = react.useState("");
+	const [password, setPassword] = react.useState("");
+	const [confirmPassword, setConfirmPassword] = react.useState("");
+	const [agreed, setAgreed] = react.useState(false);
+	const [errors, setErrors] = react.useState({});
+	const [submitted, setSubmitted] = react.useState(false);
+	const validate = () => {
+		const newErrors = {};
+		if (!email.trim()) newErrors.email = "Email is required";
+		else if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) newErrors.email = "Enter a valid email";
+		if (!password) newErrors.password = "Password is required";
+		else if (password.length < 8) newErrors.password = "At least 8 characters";
+		if (password !== confirmPassword) newErrors.confirmPassword = "Passwords do not match";
+		if (!agreed) newErrors.agreed = "You must agree to continue";
+		setErrors(newErrors);
+		return Object.keys(newErrors).length === 0;
+	};
+	const handleSubmit = (e) => {
+		e.preventDefault();
+		setSubmitted(true);
+		if (!validate()) return;
+		onSubmit?.({
+			email,
+			password,
+			agreed
+		});
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: require_cx.cx(require_auth_pages_module.default.authLayout, className),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: require_auth_pages_module.default.authCard,
+			children: [
+				brand && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: require_auth_pages_module.default.authBrand,
+					children: brand
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: require_auth_pages_module.default.authHeader,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
+						className: require_auth_pages_module.default.authTitle,
+						children: title
+					}), subtitle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: require_auth_pages_module.default.authSubtitle,
+						children: subtitle
 					})]
-				})]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("footer", {
-				className: require_settings_page_module.default.footer,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: require_settings_page_module.default.footerContent,
-					children: [footer, saving && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: require_settings_page_module.default.savingIndicator,
-						children: "Saving..."
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+					onSubmit: handleSubmit,
+					className: require_auth_pages_module.default.authForm,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+							label: emailPlaceholder,
+							id: id + "-email",
+							error: submitted ? errors.email : void 0,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								id: id + "-email",
+								type: "email",
+								placeholder: "you@example.com",
+								value: email,
+								onChange: (e) => {
+									setEmail(e.target.value);
+									if (submitted) setSubmitted(false);
+								},
+								className: require_auth_pages_module.default.input,
+								autoComplete: "email",
+								autoFocus: true
+							})
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PasswordField, {
+							label: passwordPlaceholder,
+							id: id + "-password",
+							placeholder: passwordPlaceholder,
+							value: password,
+							onChange: (e) => {
+								setPassword(e.target.value);
+								if (submitted) setSubmitted(false);
+							},
+							error: submitted ? errors.password : void 0
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PasswordField, {
+							label: confirmPasswordPlaceholder,
+							id: id + "-confirm",
+							placeholder: confirmPasswordPlaceholder,
+							value: confirmPassword,
+							onChange: (e) => {
+								setConfirmPassword(e.target.value);
+								if (submitted) setSubmitted(false);
+							},
+							error: submitted ? errors.confirmPassword : void 0
+						}),
+						checkboxLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: require_auth_pages_module.default.checkboxRow,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								className: require_auth_pages_module.default.checkboxLabel,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									id: id + "-agreed",
+									type: "checkbox",
+									checked: agreed,
+									onChange: (e) => {
+										setAgreed(e.target.checked);
+										if (submitted) setSubmitted(false);
+									},
+									className: require_auth_pages_module.default.checkbox
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: checkboxLinkText ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+									"I agree to the",
+									" ",
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+										href: checkboxLinkHref,
+										className: require_auth_pages_module.default.checkboxLink,
+										children: checkboxLinkText
+									})
+								] }) : checkboxLabel })]
+							})
+						}),
+						submitted && errors.agreed && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: require_auth_pages_module.default.error,
+							children: errors.agreed
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "submit",
+							disabled: loading,
+							className: require_auth_pages_module.default.submitButton,
+							children: loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: require_auth_pages_module.default.spinner }), "Creating account..."] }) : "Create account"
+						})
+					]
+				}),
+				footer && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("hr", { className: require_auth_pages_module.default.divider }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: require_auth_pages_module.default.authFooter,
+					children: footer
+				})] })
+			]
+		})
+	});
+}
+function ForgotPasswordPage({ title = "Reset password", subtitle = "Enter your email and we'll send a reset link", footer, onSubmit, loading = false, brand, className, emailPlaceholder = "Email address", buttonText = "Send reset link", backLinkText = "Back to sign in", backLinkHref = "/signin" }) {
+	const id = react.useId();
+	const [email, setEmail] = react.useState("");
+	const [error, setError] = react.useState("");
+	const [sent, setSent] = react.useState(false);
+	const handleSubmit = (e) => {
+		e.preventDefault();
+		if (!email.trim()) {
+			setError("Email is required");
+			return;
+		}
+		if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
+			setError("Enter a valid email");
+			return;
+		}
+		onSubmit?.({ email });
+		setSent(true);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: require_cx.cx(require_auth_pages_module.default.authLayout, className),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: require_auth_pages_module.default.authCard,
+			children: [
+				brand && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: require_auth_pages_module.default.authBrand,
+					children: brand
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: require_auth_pages_module.default.authHeader,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
+						className: require_auth_pages_module.default.authTitle,
+						children: title
+					}), subtitle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: require_auth_pages_module.default.authSubtitle,
+						children: subtitle
 					})]
-				})
-			})
-		]
+				}),
+				sent ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: require_auth_pages_module.default.sentMessage,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+						className: require_auth_pages_module.default.sentText,
+						children: [
+							"If an account exists for ",
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", { children: email }),
+							", you'll receive a reset link shortly."
+						]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+						href: backLinkHref,
+						className: require_auth_pages_module.default.backLink,
+						children: backLinkText
+					})]
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+					onSubmit: handleSubmit,
+					className: require_auth_pages_module.default.authForm,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+						label: emailPlaceholder,
+						id: id + "-email",
+						error,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							id: id + "-email",
+							type: "email",
+							placeholder: "you@example.com",
+							value: email,
+							onChange: (e) => {
+								setEmail(e.target.value);
+								setError("");
+							},
+							className: require_auth_pages_module.default.input,
+							autoComplete: "email",
+							autoFocus: true
+						})
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "submit",
+						disabled: loading,
+						className: require_auth_pages_module.default.submitButton,
+						children: loading ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: require_auth_pages_module.default.spinner }), "Sending..."] }) : buttonText
+					})]
+				}),
+				footer && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("hr", { className: require_auth_pages_module.default.divider }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: require_auth_pages_module.default.authFooter,
+					children: footer
+				})] })
+			]
+		})
 	});
 }
 //#endregion
-exports.SettingsPage = SettingsPage;
+exports.ForgotPasswordPage = ForgotPasswordPage;
+exports.SignInPage = SignInPage;
+exports.SignUpPage = SignUpPage;
 
 //# sourceMappingURL=index67.cjs.map

package/dist/index67.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index67.cjs","names":[],"sources":["../src/components/settings-page/SettingsPage.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./settings-page.module.css\";\n\nexport interface SettingsSection {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  children: React.ReactNode;\n}\n\nexport interface SettingsPageProps {\n  /** Page title */\n  title: React.ReactNode;\n  /** Page subtitle / description */\n  description?: React.ReactNode;\n  /** Form sections rendered in the main content area */\n  sections: SettingsSection[];\n  /** Content rendered in the danger zone (red visual distinction) */\n  dangerZone?: React.ReactNode;\n  /** Danger zone title */\n  dangerZoneTitle?: React.ReactNode;\n  /** Danger zone description */\n  dangerZoneDescription?: React.ReactNode;\n  /** Sticky footer content (e.g., Save / Cancel buttons) */\n  footer: React.ReactNode;\n  /** Whether the page is saving */\n  saving?: boolean;\n  /** Additional class name for the outer wrapper */\n  className?: string;\n}\n\n/**\n * SettingsPage — a settings layout with sections, a danger zone, and a sticky save footer.\n *\n * Layout:\n *   Header (title + description)\n *   Scrollable content:\n *     Section group with headings and descriptions\n *     Danger zone with red visual distinction\n *   Sticky footer: save/cancel buttons\n */\nexport function SettingsPage({\n  title,\n  description,\n  sections,\n  dangerZone,\n  dangerZoneTitle,\n  dangerZoneDescription,\n  footer,\n  saving = false,\n  className,\n}: SettingsPageProps) {\n  return (\n    <div className={cx(styles.wrapper, className)}>\n      <header className={styles.header}>\n        <div className={styles.headerContent}>\n          <h1 className={styles.title}>{title}</h1>\n          {description && <p className={styles.description}>{description}</p>}\n        </div>\n      </header>\n\n      <div className={styles.content}>\n        <div className={styles.sections}>\n          {sections.map((section, index) => (\n            <section key={index} className={styles.section}>\n              <div className={styles.sectionHeader}>\n                <h2 className={styles.sectionTitle}>{section.title}</h2>\n                {section.description && (\n                  <p className={styles.sectionDescription}>{section.description}</p>\n                )}\n              </div>\n              <div className={styles.sectionBody}>{section.children}</div>\n            </section>\n          ))}\n        </div>\n\n        {dangerZone && (\n          <div className={styles.dangerZone}>\n            {(dangerZoneTitle || dangerZoneDescription) && (\n              <div className={styles.dangerZoneHeader}>\n                {dangerZoneTitle && <h2 className={styles.dangerZoneTitle}>{dangerZoneTitle}</h2>}\n                {dangerZoneDescription && (\n                  <p className={styles.dangerZoneDescription}>{dangerZoneDescription}</p>\n                )}\n              </div>\n            )}\n            <div className={styles.dangerZoneBody}>{dangerZone}</div>\n          </div>\n        )}\n      </div>\n\n      <footer className={styles.footer}>\n        <div className={styles.footerContent}>\n          {footer}\n          {saving && <span className={styles.savingIndicator}>Saving...</span>}\n        </div>\n      </footer>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAyCA,SAAgB,aAAa,EAC3B,OACA,aACA,UACA,YACA,iBACA,uBACA,QACA,SAAS,OACT,aACoB;CACpB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAW,WAAA,GAAG,6BAAA,QAAO,SAAS,SAAS;YAA5C;GACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IAAQ,WAAW,6BAAA,QAAO;cACxB,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;KAAK,WAAW,6BAAA,QAAO;eAAvB,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;MAAI,WAAW,6BAAA,QAAO;gBAAQ;KAAU,CAAA,GACvC,eAAe,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;MAAG,WAAW,6BAAA,QAAO;gBAAc;KAAe,CAAA,CAC/D;;GACC,CAAA;GAER,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAW,6BAAA,QAAO;cAAvB,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;KAAK,WAAW,6BAAA,QAAO;eACpB,SAAS,KAAK,SAAS,UACtB,iBAAA,GAAA,kBAAA,KAAA,CAAC,WAAD;MAAqB,WAAW,6BAAA,QAAO;gBAAvC,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;OAAK,WAAW,6BAAA,QAAO;iBAAvB,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;QAAI,WAAW,6BAAA,QAAO;kBAAe,QAAQ;OAAU,CAAA,GACtD,QAAQ,eACP,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;QAAG,WAAW,6BAAA,QAAO;kBAAqB,QAAQ;OAAe,CAAA,CAEhE;UACL,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;OAAK,WAAW,6BAAA,QAAO;iBAAc,QAAQ;MAAc,CAAA,CACpD;QARK,KAQL,CACV;IACE,CAAA,GAEJ,cACC,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;KAAK,WAAW,6BAAA,QAAO;eAAvB,EACI,mBAAmB,0BACnB,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;MAAK,WAAW,6BAAA,QAAO;gBAAvB,CACG,mBAAmB,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;OAAI,WAAW,6BAAA,QAAO;iBAAkB;MAAoB,CAAA,GAC/E,yBACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;OAAG,WAAW,6BAAA,QAAO;iBAAwB;MAAyB,CAAA,CAErE;SAEP,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;MAAK,WAAW,6BAAA,QAAO;gBAAiB;KAAgB,CAAA,CACrD;MAEJ;;GAEL,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IAAQ,WAAW,6BAAA,QAAO;cACxB,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;KAAK,WAAW,6BAAA,QAAO;eAAvB,CACG,QACA,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;MAAM,WAAW,6BAAA,QAAO;gBAAiB;KAAe,CAAA,CAChE;;GACC,CAAA;EACL;;AAET"}
+{"version":3,"file":"index67.cjs","names":[],"sources":["../src/components/auth-pages/AuthPages.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cx } from \"../../utils/cx\";\nimport styles from \"./auth-pages.module.css\";\n\n// ── Eye icon (show/hide password) ──\nfunction EyeIcon({ open }: { open: boolean }) {\n  if (open) {\n    return (\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" className={styles.eyeIcon}>\n        <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" stroke=\"currentColor\" strokeWidth=\"2\" />\n        <circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      </svg>\n    );\n  }\n  return (\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\" className={styles.eyeIcon}>\n      <path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      <path d=\"M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      <line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\" stroke=\"currentColor\" strokeWidth=\"2\" />\n    </svg>\n  );\n}\n\n// ── Internal reusable field ──\ninterface FieldProps {\n  label: string;\n  id: string;\n  children: React.ReactNode;\n  error?: string;\n}\n\nfunction Field({ label, id, children, error }: FieldProps) {\n  return (\n    <div className={styles.field}>\n      <label htmlFor={id} className={styles.label}>\n        {label}\n      </label>\n      {children}\n      {error && <span className={styles.error}>{error}</span>}\n    </div>\n  );\n}\n\n// ── Password input with visibility toggle ──\ninterface PasswordFieldProps {\n  id: string;\n  label?: string;\n  placeholder?: string;\n  value?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  error?: string;\n}\n\nfunction PasswordField({ id, label, placeholder, value, onChange, error }: PasswordFieldProps) {\n  const [show, setShow] = React.useState(false);\n  const toggleRef = React.useRef<HTMLButtonElement>(null);\n\n  return (\n    <Field label={label ?? \"Password\"} id={id} error={error}>\n      <div className={styles.passwordWrapper}>\n        <input\n          id={id}\n          type={show ? \"text\" : \"password\"}\n          placeholder={placeholder}\n          value={value}\n          onChange={onChange}\n          className={styles.input}\n        />\n        <button\n          ref={toggleRef}\n          type=\"button\"\n          onClick={() => setShow((s) => !s)}\n          className={styles.toggle}\n          aria-label={show ? \"Hide password\" : \"Show password\"}\n        >\n          <EyeIcon open={show} />\n        </button>\n      </div>\n    </Field>\n  );\n}\n\n// ── Checkbox row ──\ninterface CheckboxRowProps {\n  label?: string;\n  linkText: string;\n  linkHref?: string;\n}\n\ninterface CheckboxRowPropsExtended extends CheckboxRowProps {\n  checked?: boolean;\n  onChange?: (checked: boolean) => void;\n}\n\nfunction CheckboxRow({ label, linkText, linkHref, checked, onChange }: CheckboxRowPropsExtended) {\n  if (!label) return null;\n  return (\n    <div className={styles.checkboxRow}>\n      <label className={styles.checkboxLabel}>\n        <input\n          type=\"checkbox\"\n          className={styles.checkbox}\n          checked={checked}\n          onChange={(e) => onChange?.(e.target.checked)}\n        />\n        <span>{label}</span>\n      </label>\n      {linkHref && (\n        <a href={linkHref} className={styles.forgotLink}>\n          {linkText}\n        </a>\n      )}\n    </div>\n  );\n}\n\n// ── Shared props ──\ninterface BaseAuthPageProps {\n  /** Page title */\n  title: string;\n  /** Page subtitle */\n  subtitle?: string;\n  /** Footer content (e.g., \"No account? Sign up\") */\n  footer?: React.ReactNode;\n  /** Called with form data on valid submit */\n  onSubmit?: (data: Record<string, string | boolean>) => void;\n  /** Loading state for the submit button */\n  loading?: boolean;\n  /** Optional brand/logo element */\n  brand?: React.ReactNode;\n  /** Extra class for the outer wrapper */\n  className?: string;\n}\n\n// ── Sign In Page ──\nexport interface SignInPageProps extends BaseAuthPageProps {\n  /** Email placeholder (default \"Email address\") */\n  emailPlaceholder?: string;\n  /** Password placeholder (default \"Password\") */\n  passwordPlaceholder?: string;\n  /** \"Remember me\" checkbox label */\n  rememberLabel?: string;\n  /** \"Forgot password\" link text */\n  forgotLinkText?: string;\n  /** \"Forgot password\" link href */\n  forgotLinkHref?: string;\n}\n\nexport function SignInPage({\n  title = \"Sign in\",\n  subtitle,\n  footer,\n  onSubmit,\n  loading = false,\n  brand,\n  className,\n  emailPlaceholder = \"Email address\",\n  passwordPlaceholder = \"Password\",\n  rememberLabel = \"Remember me\",\n  forgotLinkText = \"Forgot password?\",\n  forgotLinkHref,\n}: SignInPageProps) {\n  const id = React.useId();\n  const [email, setEmail] = React.useState(\"\");\n  const [password, setPassword] = React.useState(\"\");\n  const [rememberMe, setRememberMe] = React.useState(false);\n  const [errors, setErrors] = React.useState<Record<string, string>>({});\n  const [submitted, setSubmitted] = React.useState(false);\n\n  const validate = (): boolean => {\n    const newErrors: Record<string, string> = {};\n    if (!email.trim()) newErrors.email = \"Email is required\";\n    else if (!/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(email)) newErrors.email = \"Enter a valid email\";\n    if (!password) newErrors.password = \"Password is required\";\n    setErrors(newErrors);\n    return Object.keys(newErrors).length === 0;\n  };\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    setSubmitted(true);\n    if (!validate()) return;\n    onSubmit?.({ email, password, rememberMe });\n  };\n\n  return (\n    <div className={cx(styles.authLayout, className)}>\n      <div className={styles.authCard}>\n        {brand && <div className={styles.authBrand}>{brand}</div>}\n        <div className={styles.authHeader}>\n          <h1 className={styles.authTitle}>{title}</h1>\n          {subtitle && <p className={styles.authSubtitle}>{subtitle}</p>}\n        </div>\n        <form onSubmit={handleSubmit} className={styles.authForm}>\n          <Field label={emailPlaceholder} id={id + \"-email\"} error={submitted ? errors.email : undefined}>\n            <input\n              id={id + \"-email\"}\n              type=\"email\"\n              placeholder=\"you@example.com\"\n              value={email}\n              onChange={(e) => setEmail(e.target.value)}\n              className={styles.input}\n              autoComplete=\"email\"\n              autoFocus\n            />\n          </Field>\n          <PasswordField\n            label={passwordPlaceholder}\n            id={id + \"-password\"}\n            placeholder={passwordPlaceholder}\n            value={password}\n            onChange={(e) => { setPassword(e.target.value); if (submitted) setSubmitted(false); }}\n            error={submitted ? errors.password : undefined}\n          />\n          <CheckboxRow\n            label={rememberLabel}\n            linkText={forgotLinkText}\n            linkHref={forgotLinkHref}\n            checked={rememberMe}\n            onChange={(c) => { setRememberMe(c); if (submitted) setSubmitted(false); }}\n          />\n          <button\n            type=\"submit\"\n            disabled={loading}\n            className={styles.submitButton}\n          >\n            {loading ? (\n              <>\n                <span className={styles.spinner} />\n                Signing in...\n              </>\n            ) : (\n              \"Sign in\"\n            )}\n          </button>\n        </form>\n        {footer && (\n          <>\n            <hr className={styles.divider} />\n            <p className={styles.authFooter}>{footer}</p>\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n\n// ── Sign Up Page ──\nexport interface SignUpPageProps extends BaseAuthPageProps {\n  /** Email placeholder */\n  emailPlaceholder?: string;\n  /** Password placeholder */\n  passwordPlaceholder?: string;\n  /** Confirm password placeholder */\n  confirmPasswordPlaceholder?: string;\n  /** Checkbox label (e.g., \"I agree to the Terms of Service\") */\n  checkboxLabel?: string;\n  /** Checkbox href */\n  checkboxLinkText?: string;\n  /** Checkbox href */\n  checkboxLinkHref?: string;\n}\n\nexport function SignUpPage({\n  title = \"Create an account\",\n  subtitle,\n  footer,\n  onSubmit,\n  loading = false,\n  brand,\n  className,\n  emailPlaceholder = \"Email address\",\n  passwordPlaceholder = \"Password\",\n  confirmPasswordPlaceholder = \"Confirm password\",\n  checkboxLabel,\n  checkboxLinkText,\n  checkboxLinkHref,\n}: SignUpPageProps) {\n  const id = React.useId();\n  const [email, setEmail] = React.useState(\"\");\n  const [password, setPassword] = React.useState(\"\");\n  const [confirmPassword, setConfirmPassword] = React.useState(\"\");\n  const [agreed, setAgreed] = React.useState(false);\n  const [errors, setErrors] = React.useState<Record<string, string>>({});\n  const [submitted, setSubmitted] = React.useState(false);\n\n  const validate = (): boolean => {\n    const newErrors: Record<string, string> = {};\n    if (!email.trim()) newErrors.email = \"Email is required\";\n    else if (!/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(email)) newErrors.email = \"Enter a valid email\";\n    if (!password) newErrors.password = \"Password is required\";\n    else if (password.length < 8) newErrors.password = \"At least 8 characters\";\n    if (password !== confirmPassword) newErrors.confirmPassword = \"Passwords do not match\";\n    if (!agreed) newErrors.agreed = \"You must agree to continue\";\n    setErrors(newErrors);\n    return Object.keys(newErrors).length === 0;\n  };\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    setSubmitted(true);\n    if (!validate()) return;\n    onSubmit?.({ email, password, agreed });\n  };\n\n  return (\n    <div className={cx(styles.authLayout, className)}>\n      <div className={styles.authCard}>\n        {brand && <div className={styles.authBrand}>{brand}</div>}\n        <div className={styles.authHeader}>\n          <h1 className={styles.authTitle}>{title}</h1>\n          {subtitle && <p className={styles.authSubtitle}>{subtitle}</p>}\n        </div>\n        <form onSubmit={handleSubmit} className={styles.authForm}>\n          <Field label={emailPlaceholder} id={id + \"-email\"} error={submitted ? errors.email : undefined}>\n            <input\n              id={id + \"-email\"}\n              type=\"email\"\n              placeholder=\"you@example.com\"\n              value={email}\n              onChange={(e) => { setEmail(e.target.value); if (submitted) setSubmitted(false); }}\n              className={styles.input}\n              autoComplete=\"email\"\n              autoFocus\n            />\n          </Field>\n          <PasswordField\n            label={passwordPlaceholder}\n            id={id + \"-password\"}\n            placeholder={passwordPlaceholder}\n            value={password}\n            onChange={(e) => { setPassword(e.target.value); if (submitted) setSubmitted(false); }}\n            error={submitted ? errors.password : undefined}\n          />\n          <PasswordField\n            label={confirmPasswordPlaceholder}\n            id={id + \"-confirm\"}\n            placeholder={confirmPasswordPlaceholder}\n            value={confirmPassword}\n            onChange={(e) => { setConfirmPassword(e.target.value); if (submitted) setSubmitted(false); }}\n            error={submitted ? errors.confirmPassword : undefined}\n          />\n          {checkboxLabel && (\n            <div className={styles.checkboxRow}>\n              <label className={styles.checkboxLabel}>\n                <input\n                  id={id + \"-agreed\"}\n                  type=\"checkbox\"\n                  checked={agreed}\n                  onChange={(e) => { setAgreed(e.target.checked); if (submitted) setSubmitted(false); }}\n                  className={styles.checkbox}\n                />\n                <span>\n                  {checkboxLinkText ? (\n                    <>\n                      I agree to the{\" \"}\n                      <a href={checkboxLinkHref} className={styles.checkboxLink}>\n                        {checkboxLinkText}\n                      </a>\n                    </>\n                  ) : (\n                    checkboxLabel\n                  )}\n                </span>\n              </label>\n            </div>\n          )}\n          {submitted && errors.agreed && <span className={styles.error}>{errors.agreed}</span>}\n          <button\n            type=\"submit\"\n            disabled={loading}\n            className={styles.submitButton}\n          >\n            {loading ? (\n              <>\n                <span className={styles.spinner} />\n                Creating account...\n              </>\n            ) : (\n              \"Create account\"\n            )}\n          </button>\n        </form>\n        {footer && (\n          <>\n            <hr className={styles.divider} />\n            <p className={styles.authFooter}>{footer}</p>\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n\n// ── Forgot Password Page ──\nexport interface ForgotPasswordPageProps extends BaseAuthPageProps {\n  /** Email placeholder */\n  emailPlaceholder?: string;\n  /** Button text */\n  buttonText?: string;\n  /** Back to sign in link text */\n  backLinkText?: string;\n  /** Back to sign in link href */\n  backLinkHref?: string;\n}\n\nexport function ForgotPasswordPage({\n  title = \"Reset password\",\n  subtitle = \"Enter your email and we'll send a reset link\",\n  footer,\n  onSubmit,\n  loading = false,\n  brand,\n  className,\n  emailPlaceholder = \"Email address\",\n  buttonText = \"Send reset link\",\n  backLinkText = \"Back to sign in\",\n  backLinkHref = \"/signin\",\n}: ForgotPasswordPageProps) {\n  const id = React.useId();\n  const [email, setEmail] = React.useState(\"\");\n  const [error, setError] = React.useState(\"\");\n  const [sent, setSent] = React.useState(false);\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    if (!email.trim()) { setError(\"Email is required\"); return; }\n    if (!/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(email)) { setError(\"Enter a valid email\"); return; }\n    onSubmit?.({ email });\n    setSent(true);\n  };\n\n  return (\n    <div className={cx(styles.authLayout, className)}>\n      <div className={styles.authCard}>\n        {brand && <div className={styles.authBrand}>{brand}</div>}\n        <div className={styles.authHeader}>\n          <h1 className={styles.authTitle}>{title}</h1>\n          {subtitle && <p className={styles.authSubtitle}>{subtitle}</p>}\n        </div>\n        {sent ? (\n          <div className={styles.sentMessage}>\n            <p className={styles.sentText}>\n              If an account exists for <strong>{email}</strong>, you'll receive a reset link shortly.\n            </p>\n            <a href={backLinkHref} className={styles.backLink}>\n              {backLinkText}\n            </a>\n          </div>\n        ) : (\n          <form onSubmit={handleSubmit} className={styles.authForm}>\n            <Field label={emailPlaceholder} id={id + \"-email\"} error={error}>\n              <input\n                id={id + \"-email\"}\n                type=\"email\"\n                placeholder=\"you@example.com\"\n                value={email}\n                onChange={(e) => { setEmail(e.target.value); setError(\"\"); }}\n                className={styles.input}\n                autoComplete=\"email\"\n                autoFocus\n              />\n            </Field>\n            <button\n              type=\"submit\"\n              disabled={loading}\n              className={styles.submitButton}\n            >\n              {loading ? (\n                <>\n                  <span className={styles.spinner} />\n                  Sending...\n                </>\n              ) : (\n                buttonText\n              )}\n            </button>\n          </form>\n        )}\n        {footer && (\n          <>\n            <hr className={styles.divider} />\n            <p className={styles.authFooter}>{footer}</p>\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}