@puzzle-ui/fullstack 0.0.0-stage → 0.5.1

package/README.md

@@ -1,3 +1,66 @@
-# Temporary Holding Version
+# @puzzle-ui/fullstack
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+[Documentation: https://puzzle-ui.com/docs/fullstack](https://puzzle-ui.com/docs/fullstack)
+
+`@puzzle-ui/fullstack` connects Puzzle Auth to browser clients, React UI, server routes, and framework adapters. Use it when an application needs a ready-to-use browser auth client or Request/Response handlers; configure auth policy, storage, and sessions with the lower-level packages.
+
+## Install
+
+```bash
+npm install @puzzle-ui/fullstack react react-dom
+```
+
+React and React DOM 19 are required peer dependencies. `next` (15 or 16) and `@tanstack/react-start` are optional peers for their respective adapters. On the server, configure the managers from `@puzzle-ui/auth` and `@puzzle-ui/session` with your storage backend. See the [Auth docs](https://puzzle-ui.com/docs/auth), [Storage docs](https://puzzle-ui.com/docs/storage), and [developer authentication guide](https://puzzle-ui.com/docs/developer/authentication).
+
+## Client
+
+Wrap the application in `AuthProvider`, then use the hooks or exported forms below it:
+
+```tsx
+import { AuthProvider, useAuth, useUser } from "@puzzle-ui/fullstack/auth/client";
+
+export const Providers = ({ children }: { children: React.ReactNode }) => (
+  <AuthProvider options={{ basePath: "/api/auth" }}>{children}</AuthProvider>
+);
+
+export const Account = () => {
+  const user = useUser();
+  const { signOut } = useAuth();
+
+  return user ? <button onClick={() => void signOut()}>{user.email} · Sign out</button> : null;
+};
+```
+
+The client provides auth state and actions, sign-in/sign-up and MFA components, `AuthExperience` for branded registration flows, locale helpers, and passkey browser helpers. Browser state is not an authorization boundary; protect server resources independently.
+
+## Server and framework adapters
+
+Create one server instance from configured auth and session managers, then register its routes:
+
+```ts
+import { createAuthServer, createAuthRouteHandlers } from "@puzzle-ui/fullstack/auth/server";
+
+export const authServer = createAuthServer({
+  auth,
+  mfa,
+  stepUp,
+  sessions,
+  cookie,
+  csrf,
+  resolveClientIp,
+});
+
+export const authRoutes = createAuthRouteHandlers(authServer);
+```
+
+Use `@puzzle-ui/fullstack/auth/next` for Next.js `GET`/`POST` route handlers or `@puzzle-ui/fullstack/auth/tanstack` to create a TanStack Start Request dispatcher. Configure cookies, CSRF, storage and trusted proxy IP resolution in the server layer. Do not expose server managers to browser bundles.
+
+## Entry points
+
+- `@puzzle-ui/fullstack/auth/client` — browser client, React provider/hooks/components, auth experience, localization, and passkey helpers.
+- `@puzzle-ui/fullstack/auth/server` — server handlers, route map, session and step-up helpers, lifecycle handlers, readiness checks.
+- `@puzzle-ui/fullstack/auth/shared` — serializable public auth contracts (types only).
+- `@puzzle-ui/fullstack/auth/next` — Next.js route-handler adapter.
+- `@puzzle-ui/fullstack/auth/tanstack` — TanStack Start adapter.
+
+There is no root package export; import a documented subpath. See the [full documentation](https://puzzle-ui.com/docs/fullstack) for API details and production guidance.

package/dist/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Sjoerd van Den Berg
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/auth/client/auth.css

@@ -0,0 +1,206 @@
+.puzzle-auth {
+  flex-direction: column;
+  gap: 1.25rem;
+  width: 100%;
+  max-width: 28rem;
+  margin-inline: auto;
+  display: flex;
+}
+
+.puzzle-auth__header {
+  flex-direction: column;
+  gap: .5rem;
+  display: flex;
+}
+
+.puzzle-auth__header h1 {
+  margin: 0;
+  font-size: 1.5rem;
+  font-weight: 650;
+  line-height: 1.25;
+}
+
+.puzzle-auth__header p {
+  color: var(--puzzle-text-secondary, #737373);
+  margin: 0;
+  line-height: 1.5;
+}
+
+.puzzle-auth__form {
+  flex-direction: column;
+  gap: 1rem;
+  display: flex;
+}
+
+.puzzle-auth__footer, .puzzle-auth__actions {
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+  gap: .75rem;
+  display: flex;
+}
+
+.puzzle-auth__text-button {
+  color: var(--puzzle-primary, #2563eb);
+  font: inherit;
+  text-underline-offset: .2em;
+  cursor: pointer;
+  background: none;
+  border: 0;
+  padding: 0;
+  text-decoration: underline;
+  display: inline;
+}
+
+.puzzle-auth__text-button:focus-visible {
+  outline: 2px solid var(--puzzle-focus, #2563eb);
+  outline-offset: 3px;
+  border-radius: 2px;
+}
+
+.puzzle-auth__factor-list {
+  flex-direction: column;
+  gap: .75rem;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+}
+
+.puzzle-auth__factor-list li {
+  border-bottom: 1px solid var(--puzzle-border, #e5e7eb);
+  justify-content: space-between;
+  align-items: center;
+  gap: 1rem;
+  padding-block: .75rem;
+  display: flex;
+}
+
+.puzzle-auth__factor-list li > div {
+  flex-direction: column;
+  gap: .25rem;
+  display: flex;
+}
+
+.puzzle-auth__factor-list li span {
+  color: var(--puzzle-text-secondary, #737373);
+  font-size: .875rem;
+}
+
+.puzzle-auth__recovery-codes {
+  flex-direction: column;
+  gap: .75rem;
+  display: flex;
+}
+
+.puzzle-auth__recovery-codes ul {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: .5rem;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: grid;
+}
+
+.puzzle-auth__recovery-codes li {
+  border: 1px solid var(--puzzle-border, #e5e7eb);
+  border-radius: var(--puzzle-radius-sm, .375rem);
+  background: var(--puzzle-surface, #fff);
+  text-align: center;
+  padding: .625rem;
+}
+
+.puzzle-auth__recovery-codes code {
+  font-family: var(--puzzle-font-mono, monospace);
+}
+
+.puzzle-auth--settings {
+  max-width: 40rem;
+}
+
+.puzzle-auth--settings h2 {
+  margin: 0;
+  font-size: 1.25rem;
+}
+
+.puzzle-auth-experience {
+  align-items: var(--puzzle-auth-experience-align, center);
+  width: 100%;
+  max-width: var(--puzzle-auth-experience-width, 32rem);
+  flex-direction: column;
+  margin-inline: auto;
+  display: flex;
+}
+
+.puzzle-auth-experience__branding {
+  align-items: inherit;
+  gap: var(--puzzle-spacing-2, .5rem);
+  width: 100%;
+  text-align: center;
+  flex-direction: column;
+  margin-block-end: var(--puzzle-spacing-6, 1.5rem);
+  display: flex;
+}
+
+.puzzle-auth-experience__branding h1, .puzzle-auth-experience__branding p {
+  margin: 0;
+}
+
+.puzzle-auth-experience__content {
+  width: 100%;
+}
+
+.puzzle-auth__custom-field {
+  gap: var(--puzzle-spacing-2, .5rem);
+  flex-direction: column;
+  width: 100%;
+  display: flex;
+}
+
+.puzzle-auth__custom-field input {
+  box-sizing: border-box;
+  width: 100%;
+  min-width: 0;
+  padding: var(--puzzle-spacing-3, .75rem);
+  color: inherit;
+  background: var(--puzzle-color-surface, transparent);
+  border: 1px solid var(--puzzle-color-border, currentColor);
+  border-radius: var(--puzzle-radius-md, .375rem);
+  font: inherit;
+  background: var(--puzzle-surface, #fff);
+  border: 1px solid var(--puzzle-border, #e5e7eb);
+  border-radius: var(--puzzle-radius-sm, .375rem);
+  font: inherit;
+}
+
+.puzzle-auth__custom-field input:focus-visible {
+  outline: 2px solid var(--puzzle-focus, #2563eb);
+  outline-offset: 2px;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .puzzle-auth *, .puzzle-auth :before, .puzzle-auth :after, .puzzle-auth-experience *, .puzzle-auth-experience :before, .puzzle-auth-experience :after {
+    scroll-behavior: auto !important;
+    transition-duration: .01ms !important;
+    animation-duration: .01ms !important;
+    animation-iteration-count: 1 !important;
+  }
+}
+
+@media (forced-colors: active) {
+  .puzzle-auth__text-button {
+    color: linktext;
+  }
+
+  .puzzle-auth__factor-list li, .puzzle-auth__recovery-codes li {
+    border-color: canvastext;
+  }
+
+  .puzzle-auth__custom-field input {
+    border: 1px solid canvastext;
+  }
+
+  .puzzle-auth__custom-field input:focus-visible {
+    outline: 2px solid highlight;
+  }
+}

package/dist/auth/client/experience.cjs

@@ -0,0 +1,340 @@
+"use client";
+const require_react = require("./react.cjs");
+let react = require("react");
+let _puzzle_ui_ui = require("@puzzle-ui/ui");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/auth/client/experience.tsx
+const EMPTY_FIELDS = [];
+const EMAIL_PATTERN = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+const isValidEmail = (value) => {
+	const email = value.trim();
+	return email.length <= 254 && EMAIL_PATTERN.test(email);
+};
+const getEmailError = (value, messages) => {
+	const email = value.trim();
+	if (!email) return messages.emailRequired;
+	if (!isValidEmail(email)) return "Enter a valid email address.";
+	return null;
+};
+const isSafeRedirect = (value) => Boolean(value && value.startsWith("/") && !value.startsWith("//") && !value.includes("\\") && !/[\u0000-\u001f\u007f]/.test(value));
+const redirectAfterSuccess = (value) => {
+	if (!isSafeRedirect(value) || typeof window === "undefined") return;
+	window.location.assign(value);
+};
+const getInitialValues = (fields) => Object.fromEntries(fields.map((field) => [field.name, field.defaultValue ?? (field.type === "checkbox" ? false : "")]));
+const validateFieldDefinition = (fields) => {
+	const names = /* @__PURE__ */ new Set();
+	for (const field of fields) {
+		if (!/^[a-zA-Z][a-zA-Z0-9_-]*$/.test(field.name)) throw new Error(`Invalid custom auth field name: "${field.name}".`);
+		if ([
+			"name",
+			"email",
+			"password",
+			"confirmPassword"
+		].includes(field.name)) throw new Error(`Custom auth field name "${field.name}" is reserved.`);
+		if (names.has(field.name)) throw new Error(`Duplicate custom auth field name: "${field.name}".`);
+		if (field.type === "select" && (!field.options || field.options.length === 0)) throw new Error(`Select field "${field.name}" requires at least one option.`);
+		names.add(field.name);
+	}
+};
+const validateFields = async (fields, values) => {
+	const errors = {};
+	for (const field of fields) {
+		const value = values[field.name];
+		if (field.required && (value === void 0 || value === "" || typeof value === "boolean" && !value)) {
+			errors[field.name] = `${field.label} is required.`;
+			continue;
+		}
+		if (!field.validate) continue;
+		const message = await field.validate(value ?? "", values);
+		if (message) errors[field.name] = message;
+	}
+	return errors;
+};
+const AuthCustomFields = ({ fields, values, errors, disabled, onChange }) => {
+	const generatedId = (0, react.useId)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: fields.map((field) => {
+		const id = `${generatedId}-${field.name}`;
+		const value = values[field.name] ?? "";
+		const error = errors[field.name];
+		const commonProps = {
+			name: field.name,
+			disabled: disabled || field.disabled,
+			required: field.required
+		};
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_puzzle_ui_ui.FormField, {
+			controlId: id,
+			label: field.label,
+			description: field.description,
+			error,
+			required: field.required,
+			disabled: commonProps.disabled,
+			className: field.type === "url" || field.type === "number" ? "puzzle-auth__custom-field" : void 0,
+			children: field.type === "textarea" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_puzzle_ui_ui.TextAreaInput, {
+				...commonProps,
+				value: String(value),
+				placeholder: field.placeholder,
+				resizable: true,
+				onChange: (event) => onChange(field.name, event.currentTarget.value)
+			}) : field.type === "select" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_puzzle_ui_ui.Select, {
+				...commonProps,
+				fullWidth: true,
+				value: String(value),
+				placeholder: field.placeholder ?? "Select an option",
+				options: field.options ?? [],
+				onChange: (value) => onChange(field.name, value ?? "")
+			}) : field.type === "checkbox" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_puzzle_ui_ui.Checkbox, {
+				...commonProps,
+				checked: Boolean(value),
+				onChange: (event) => onChange(field.name, event.currentTarget.checked)
+			}) : field.type === "url" || field.type === "number" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				...commonProps,
+				type: field.type,
+				value: String(value),
+				placeholder: field.placeholder,
+				autoComplete: field.autoComplete,
+				onChange: (event) => onChange(field.name, event.currentTarget.value)
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_puzzle_ui_ui.TextInput, {
+				...commonProps,
+				type: field.type === "tel" ? "phone" : field.type,
+				value: String(value),
+				placeholder: field.placeholder,
+				autoComplete: field.autoComplete,
+				onChange: (event) => onChange(field.name, event.currentTarget.value)
+			})
+		}, field.name);
+	}) });
+};
+const AuthExperience = ({ mode = "sign-in", config = {}, className, onSubmit, onSuccess, onSignIn, onSignUp, onForgotPassword }) => {
+	const { signUp, messages } = require_react.useAuth();
+	const fields = config.fields ?? EMPTY_FIELDS;
+	const branding = config.branding;
+	const layout = config.layout;
+	const redirects = config.redirects;
+	validateFieldDefinition(fields);
+	const [values, setValues] = (0, react.useState)(() => getInitialValues(fields));
+	const [errors, setErrors] = (0, react.useState)({});
+	const [formError, setFormError] = (0, react.useState)(null);
+	const [emailError, setEmailError] = (0, react.useState)(null);
+	const [loading, setLoading] = (0, react.useState)(false);
+	const [name, setName] = (0, react.useState)("");
+	const [email, setEmail] = (0, react.useState)("");
+	const [password, setPassword] = (0, react.useState)("");
+	const [confirmation, setConfirmation] = (0, react.useState)("");
+	(0, react.useEffect)(() => {
+		setValues((current) => {
+			const next = {};
+			for (const field of fields) {
+				const currentValue = Object.prototype.hasOwnProperty.call(current, field.name) ? current[field.name] : void 0;
+				next[field.name] = currentValue ?? field.defaultValue ?? (field.type === "checkbox" ? false : "");
+			}
+			const currentNames = Object.keys(current);
+			const nextNames = Object.keys(next);
+			return currentNames.length === nextNames.length && nextNames.every((fieldName) => current[fieldName] === next[fieldName]) ? current : next;
+		});
+		setErrors((current) => {
+			const activeNames = new Set(fields.map((field) => field.name));
+			const next = Object.fromEntries(Object.entries(current).filter(([fieldName]) => activeNames.has(fieldName)));
+			return Object.keys(next).length === Object.keys(current).length ? current : next;
+		});
+	}, [fields]);
+	const updateField = (fieldName, value) => {
+		setValues((current) => ({
+			...current,
+			[fieldName]: value
+		}));
+		setErrors((current) => {
+			if (!(fieldName in current)) return current;
+			const next = { ...current };
+			delete next[fieldName];
+			return next;
+		});
+	};
+	const handleEmailChange = (value) => {
+		setEmail(value);
+		if (emailError) setEmailError(getEmailError(value, messages));
+	};
+	const handleSubmit = async (event) => {
+		event.preventDefault();
+		setFormError(null);
+		setErrors({});
+		const nextEmailError = getEmailError(email, messages);
+		setEmailError(nextEmailError);
+		if (nextEmailError) return;
+		if (password !== confirmation) {
+			setFormError(messages.passwordMismatch);
+			return;
+		}
+		if (!password) {
+			setFormError(messages.passwordRequired);
+			return;
+		}
+		setLoading(true);
+		try {
+			const nextErrors = await validateFields(fields, values);
+			if (Object.keys(nextErrors).length > 0) {
+				setErrors(nextErrors);
+				return;
+			}
+			const registration = {
+				name: name.trim() || null,
+				email: email.trim(),
+				password
+			};
+			if ((onSubmit ? await onSubmit({
+				registration,
+				fields: { ...values },
+				signUp
+			}) : await signUp(registration)).status === "authenticated") {
+				onSuccess?.();
+				redirectAfterSuccess(redirects?.afterSignUp);
+			}
+		} catch (cause) {
+			setFormError(cause instanceof Error ? cause.message : messages.unexpectedError);
+		} finally {
+			setLoading(false);
+		}
+	};
+	const wrapperClassName = [
+		"puzzle-auth",
+		"puzzle-auth-experience",
+		layout?.className,
+		className
+	].filter(Boolean).join(" ");
+	const contentClassName = ["puzzle-auth-experience__content", layout?.contentClassName].filter(Boolean).join(" ");
+	const style = {
+		"--puzzle-auth-experience-width": layout?.width === "sm" ? "24rem" : layout?.width === "lg" ? "48rem" : layout?.width === "full" ? "100%" : "32rem",
+		"--puzzle-auth-experience-align": layout?.align === "left" ? "flex-start" : "center"
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+		className: wrapperClassName,
+		style,
+		children: [
+			layout?.header,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "puzzle-auth-experience__branding",
+				children: [
+					branding?.logo,
+					branding?.title ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_puzzle_ui_ui.Heading, {
+						as: "h1",
+						level: "headline2",
+						children: branding.title
+					}) : null,
+					branding?.description ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_puzzle_ui_ui.Text, {
+						as: "p",
+						children: branding.description
+					}) : null
+				]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: contentClassName,
+				children: mode === "sign-in" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_react.SignInForm, {
+					redirectTo: redirects?.afterSignIn,
+					onSuccess,
+					onForgotPassword,
+					onSignUp
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+					formError ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						role: "alert",
+						"aria-live": "assertive",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_puzzle_ui_ui.Alert, {
+							severity: "error",
+							children: formError
+						})
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+						className: "puzzle-auth__form",
+						onSubmit: (event) => void handleSubmit(event),
+						noValidate: true,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_puzzle_ui_ui.FormField, {
+								label: messages.name,
+								controlId: "puzzle-auth-experience-name",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_puzzle_ui_ui.TextInput, {
+									name: "name",
+									type: "text",
+									autoComplete: "name",
+									value: name,
+									disabled: loading,
+									onChange: (event) => setName(event.currentTarget.value)
+								})
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_puzzle_ui_ui.FormField, {
+								label: messages.email,
+								controlId: "puzzle-auth-experience-email",
+								required: true,
+								error: emailError,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_puzzle_ui_ui.TextInput, {
+									name: "email",
+									type: "email",
+									autoComplete: "email",
+									required: true,
+									value: email,
+									disabled: loading,
+									onChange: (event) => handleEmailChange(event.currentTarget.value)
+								})
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_puzzle_ui_ui.FormField, {
+								label: messages.password,
+								controlId: "puzzle-auth-experience-password",
+								required: true,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_puzzle_ui_ui.TextInput, {
+									name: "new-password",
+									type: "password",
+									suffix: null,
+									autoComplete: "new-password",
+									required: true,
+									value: password,
+									disabled: loading,
+									onChange: (event) => setPassword(event.currentTarget.value)
+								})
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_puzzle_ui_ui.FormField, {
+								label: messages.confirmPassword,
+								controlId: "puzzle-auth-experience-confirm",
+								required: true,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_puzzle_ui_ui.TextInput, {
+									name: "confirm-password",
+									type: "password",
+									suffix: null,
+									autoComplete: "new-password",
+									required: true,
+									value: confirmation,
+									disabled: loading,
+									onChange: (event) => setConfirmation(event.currentTarget.value)
+								})
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AuthCustomFields, {
+								fields,
+								values,
+								errors,
+								disabled: loading,
+								onChange: updateField
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_puzzle_ui_ui.Button, {
+								type: "submit",
+								fullWidth: true,
+								loading,
+								disabled: loading || !email.trim() || !password || !confirmation,
+								children: loading ? messages.signingUp : messages.createAccount
+							})
+						]
+					}),
+					onSignIn ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("footer", {
+						className: "puzzle-auth__footer",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_puzzle_ui_ui.Text, { children: messages.existingAccount }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_puzzle_ui_ui.Button, {
+							type: "button",
+							variant: "link",
+							onClick: onSignIn,
+							children: messages.signIn
+						})]
+					}) : null
+				] })
+			}),
+			layout?.footer
+		]
+	});
+};
+exports.AuthExperience = AuthExperience;
+
+//# sourceMappingURL=experience.cjs.map