@marianmeres/stuic 3.77.1 → 3.79.0

package/dist/components/Checkout/CheckoutGuestOrLoginForm.svelte

@@ -5,6 +5,8 @@
 	import type { Props as GuestFormProps } from "./CheckoutGuestForm.svelte";
 	import type { Props as LoginFormProps } from "./CheckoutLoginForm.svelte";
 	import type { Props as LoginFormModalProps } from "../LoginForm/LoginFormModal.svelte";
+	import type { Props as LoginOrRegisterFormModalProps } from "../LoginOrRegisterForm/LoginOrRegisterFormModal.svelte";
+	import type { LoginOrRegisterFormMode } from "../LoginOrRegisterForm/LoginOrRegisterForm.svelte";
 	import type { NotificationsStack } from "../Notifications/notifications-stack.svelte.js";
 
 	export type FormMode = "guest-only" | "login-only" | "tabbed" | "stacked";
@@ -41,6 +43,49 @@
 			| "showRememberMe"
 		>;
 
+		/**
+		 * When provided (and `formMode === "tabbed"`), clicking the login tab opens
+		 * a `LoginOrRegisterFormModal` instead of rendering `<CheckoutLoginForm>` inline,
+		 * giving consumers login + register + verify-OTP in a single modal.
+		 *
+		 * Mutually exclusive with `loginModal` — if both are provided,
+		 * `loginOrRegisterModal` wins.
+		 *
+		 * `mode` and `verifyEmail` are forwarded one-way (prop → modal); use
+		 * `onModeChange` to keep consumer-side state in sync. To programmatically
+		 * flip into verify mode (e.g., on a `requiresVerification` server response),
+		 * the consumer updates its own `mode` state and the new value flows down.
+		 */
+		loginOrRegisterModal?: Pick<
+			LoginOrRegisterFormModalProps,
+			| "title"
+			| "classModal"
+			| "classInner"
+			| "classForm"
+			| "noXClose"
+			| "noClickOutsideClose"
+			| "onClose"
+			| "mode"
+			| "verifyEmail"
+			| "onLogin"
+			| "onRegister"
+			| "onVerify"
+			| "onResendCode"
+			| "onForgotPassword"
+			| "onModeChange"
+			| "isSubmitting"
+			| "loginProps"
+			| "registerProps"
+			| "verifyProps"
+			| "socialLogins"
+			| "socialDividerLabel"
+			| "footer"
+			| "modeSwitcher"
+			| "loginModeLabel"
+			| "registerModeLabel"
+			| "verifyModeLabel"
+		>;
+
 		/** Tab label for the guest form tab. Default from i18n. */
 		guestTabLabel?: string;
 
@@ -73,12 +118,15 @@
 	import CheckoutGuestForm from "./CheckoutGuestForm.svelte";
 	import CheckoutLoginForm from "./CheckoutLoginForm.svelte";
 	import LoginFormModal from "../LoginForm/LoginFormModal.svelte";
-	import TabbedMenu from "../TabbedMenu/TabbedMenu.svelte";
+	import LoginOrRegisterFormModal from "../LoginOrRegisterForm/LoginOrRegisterFormModal.svelte";
+	import ButtonGroupRadio from "../ButtonGroupRadio/ButtonGroupRadio.svelte";
 	import { H, type HLevel } from "../H/index.js";
 	import CheckoutSectionHeader from "./CheckoutSectionHeader.svelte";
 
-	// Map login_form.* keys → checkout.login.* keys (same as CheckoutLoginForm)
-	const LOGIN_FORM_KEY_MAP: Record<string, string> = {
+	// Map login_form.* / register_form.* / email_verify_form.* keys to
+	// their checkout.* equivalents so consumers can keep a single i18n prefix.
+	const FORM_KEY_MAP: Record<string, string> = {
+		// LoginForm
 		"login_form.email_label": "checkout.login.email_label",
 		"login_form.email_placeholder": "checkout.login.email_placeholder",
 		"login_form.password_label": "checkout.login.password_label",
@@ -93,6 +141,46 @@
 		"login_form.remember_me": "checkout.login.remember_me",
 		"login_form.remember_me_tooltip": "checkout.login.remember_me_tooltip",
 		"login_form.modal_title": "checkout.login.modal_title",
+		// RegisterForm
+		"register_form.email_label": "checkout.register.email_label",
+		"register_form.email_placeholder": "checkout.register.email_placeholder",
+		"register_form.password_label": "checkout.register.password_label",
+		"register_form.password_placeholder": "checkout.register.password_placeholder",
+		"register_form.password_confirm_label": "checkout.register.password_confirm_label",
+		"register_form.password_confirm_placeholder":
+			"checkout.register.password_confirm_placeholder",
+		"register_form.submit": "checkout.register.submit",
+		"register_form.submitting": "checkout.register.submitting",
+		"register_form.email_required": "checkout.register.email_required",
+		"register_form.email_invalid": "checkout.register.email_invalid",
+		"register_form.password_required": "checkout.register.password_required",
+		"register_form.password_too_short": "checkout.register.password_too_short",
+		"register_form.password_confirm_required": "checkout.register.password_confirm_required",
+		"register_form.password_mismatch": "checkout.register.password_mismatch",
+		"register_form.field_required": "checkout.register.field_required",
+		"register_form.social_divider": "checkout.register.social_divider",
+		"register_form.already_have_account": "checkout.register.already_have_account",
+		"register_form.modal_title": "checkout.register.modal_title",
+		// EmailVerifyForm
+		"email_verify_form.heading": "checkout.verify.heading",
+		"email_verify_form.subheading": "checkout.verify.subheading",
+		"email_verify_form.submit": "checkout.verify.submit",
+		"email_verify_form.submitting": "checkout.verify.submitting",
+		"email_verify_form.resend_prompt": "checkout.verify.resend_prompt",
+		"email_verify_form.resend": "checkout.verify.resend",
+		"email_verify_form.resend_cooldown": "checkout.verify.resend_cooldown",
+		"email_verify_form.resent": "checkout.verify.resent",
+		"email_verify_form.attempts_remaining": "checkout.verify.attempts_remaining",
+		// LoginOrRegisterForm (composite)
+		"login_or_register_form.mode_login": "checkout.login_or_register.mode_login",
+		"login_or_register_form.mode_register": "checkout.login_or_register.mode_register",
+		"login_or_register_form.mode_verify": "checkout.login_or_register.mode_verify",
+		"login_or_register_form.social_divider": "checkout.login_or_register.social_divider",
+		"login_or_register_form.modal_title_login": "checkout.login_or_register.modal_title_login",
+		"login_or_register_form.modal_title_register":
+			"checkout.login_or_register.modal_title_register",
+		"login_or_register_form.modal_title_verify":
+			"checkout.login_or_register.modal_title_verify",
 	};
 
 	let {
@@ -100,6 +188,7 @@
 		loginForm,
 		formMode = "tabbed",
 		loginModal,
+		loginOrRegisterModal,
 		notifications,
 		guestTabLabel,
 		loginTabLabel,
@@ -116,33 +205,58 @@
 
 	let t = $derived(tProp ?? t_default);
 
+	// `loginOrRegisterModal` wins when both are passed.
+	let _useLoginOrRegisterModal = $derived(!!loginOrRegisterModal);
+	let _useLoginModal = $derived(!loginOrRegisterModal && !!loginModal);
+
+	$effect(() => {
+		if (loginModal && loginOrRegisterModal) {
+			console.warn(
+				"[CheckoutGuestOrLoginForm] Both `loginModal` and `loginOrRegisterModal` " +
+					"were provided; `loginOrRegisterModal` takes precedence."
+			);
+		}
+	});
+
 	let loginModalRef: LoginFormModal = $state()!;
+	let loginOrRegisterModalRef: LoginOrRegisterFormModal = $state()!;
 
-	// Adapted t for LoginFormModal (maps login_form.* → checkout.login.*)
+	// Adapted t for the modals — maps login_form.* / register_form.* /
+	// email_verify_form.* / login_or_register_form.* keys to their checkout.* equivalents.
 	let modalT = $derived(
-		loginModal
+		loginModal || loginOrRegisterModal
 			? (
 					key: string,
 					values?: false | null | undefined | Record<string, string | number>,
 					fallback?: string | boolean
-				) => t(LOGIN_FORM_KEY_MAP[key] ?? key, values, fallback)
+				) => t(FORM_KEY_MAP[key] ?? key, values, fallback)
 			: undefined
 	);
 
-	let tabItems = $derived([
-		{ id: "guest", label: guestTabLabel ?? t("checkout.guest_or_login.guest_tab") },
-		{
-			id: "login",
-			label: loginTabLabel ?? t("checkout.guest_or_login.login_tab"),
-			...(loginModal
-				? {
-						onSelect: () => {
-							loginModalRef?.open();
-							return false;
-						},
-					}
-				: {}),
-		},
+	// Local mirrors of the bindable LoginOrRegisterFormModal state — kept in sync
+	// from the consumer-supplied values via $effect, so consumer-driven updates
+	// (e.g., flipping `mode = "verify"` after a `requiresVerification` response)
+	// flow down. Modal-driven changes are forwarded back via `onModeChange`.
+	let _loroMode: LoginOrRegisterFormMode = $state("login");
+	let _loroVerifyEmail = $state("");
+
+	$effect(() => {
+		if (loginOrRegisterModal?.mode !== undefined && loginOrRegisterModal.mode !== _loroMode) {
+			_loroMode = loginOrRegisterModal.mode;
+		}
+	});
+	$effect(() => {
+		if (
+			loginOrRegisterModal?.verifyEmail !== undefined &&
+			loginOrRegisterModal.verifyEmail !== _loroVerifyEmail
+		) {
+			_loroVerifyEmail = loginOrRegisterModal.verifyEmail;
+		}
+	});
+
+	let tabOptions = $derived([
+		{ value: "guest", label: guestTabLabel ?? t("checkout.guest_or_login.guest_tab") },
+		{ value: "login", label: loginTabLabel ?? t("checkout.guest_or_login.login_tab") },
 	]);
 
 	let _class = $derived(
@@ -173,23 +287,26 @@
 			<CheckoutLoginForm {...loginForm} {notifications} t={tProp} {unstyled} />
 		{/if}
 	{:else if formMode === "tabbed"}
-		<TabbedMenu
-			items={tabItems}
-			value={activeTab}
-			onSelect={(item) => {
-				activeTab = item.id as "guest" | "login";
-			}}
-			{unstyled}
+		<ButtonGroupRadio
+			options={tabOptions}
+			bind:value={activeTab as string}
 			class={unstyled ? undefined : "stuic-checkout-guest-or-login-tabs"}
+			onButtonClick={(index) => {
+				if (tabOptions[index]?.value !== "login") return;
+				if (_useLoginOrRegisterModal) {
+					loginOrRegisterModalRef?.open();
+					return false;
+				}
+				if (_useLoginModal) {
+					loginModalRef?.open();
+					return false;
+				}
+			}}
 		/>
 		{#if activeTab === "guest" && guestForm}
-			<div role="tabpanel">
-				<CheckoutGuestForm {...guestForm} {notifications} t={tProp} {unstyled} />
-			</div>
-		{:else if activeTab === "login" && loginForm}
-			<div role="tabpanel">
-				<CheckoutLoginForm {...loginForm} {notifications} t={tProp} {unstyled} />
-			</div>
+			<CheckoutGuestForm {...guestForm} {notifications} t={tProp} {unstyled} />
+		{:else if activeTab === "login" && loginForm && !_useLoginOrRegisterModal && !_useLoginModal}
+			<CheckoutLoginForm {...loginForm} {notifications} t={tProp} {unstyled} />
 		{/if}
 	{:else if formMode === "stacked"}
 		{#if loginForm}
@@ -203,7 +320,7 @@
 		{/if}
 	{/if}
 
-	{#if loginModal && loginForm}
+	{#if _useLoginModal && loginModal && loginForm}
 		<LoginFormModal
 			bind:this={loginModalRef}
 			formData={loginForm.formData}
@@ -225,4 +342,41 @@
 			{...loginModal}
 		/>
 	{/if}
+
+	{#if _useLoginOrRegisterModal && loginOrRegisterModal}
+		<LoginOrRegisterFormModal
+			bind:this={loginOrRegisterModalRef}
+			bind:mode={_loroMode}
+			bind:verifyEmail={_loroVerifyEmail}
+			onLogin={loginOrRegisterModal.onLogin}
+			onRegister={loginOrRegisterModal.onRegister}
+			onVerify={loginOrRegisterModal.onVerify}
+			onResendCode={loginOrRegisterModal.onResendCode}
+			onForgotPassword={loginOrRegisterModal.onForgotPassword}
+			onModeChange={(next, prev) => {
+				loginOrRegisterModal!.onModeChange?.(next, prev);
+			}}
+			isSubmitting={loginOrRegisterModal.isSubmitting}
+			loginProps={loginOrRegisterModal.loginProps}
+			registerProps={loginOrRegisterModal.registerProps}
+			verifyProps={loginOrRegisterModal.verifyProps}
+			modeSwitcher={loginOrRegisterModal.modeSwitcher}
+			loginModeLabel={loginOrRegisterModal.loginModeLabel}
+			registerModeLabel={loginOrRegisterModal.registerModeLabel}
+			verifyModeLabel={loginOrRegisterModal.verifyModeLabel}
+			socialLogins={loginOrRegisterModal.socialLogins}
+			socialDividerLabel={loginOrRegisterModal.socialDividerLabel}
+			footer={loginOrRegisterModal.footer}
+			{notifications}
+			title={loginOrRegisterModal.title}
+			classModal={loginOrRegisterModal.classModal}
+			classInner={loginOrRegisterModal.classInner}
+			classForm={loginOrRegisterModal.classForm}
+			noXClose={loginOrRegisterModal.noXClose}
+			noClickOutsideClose={loginOrRegisterModal.noClickOutsideClose}
+			onClose={loginOrRegisterModal.onClose}
+			t={modalT}
+			{unstyled}
+		/>
+	{/if}
 </div>

package/dist/components/Checkout/CheckoutGuestOrLoginForm.svelte.d.ts

@@ -4,6 +4,7 @@ import type { TranslateFn } from "../../types.js";
 import type { Props as GuestFormProps } from "./CheckoutGuestForm.svelte";
 import type { Props as LoginFormProps } from "./CheckoutLoginForm.svelte";
 import type { Props as LoginFormModalProps } from "../LoginForm/LoginFormModal.svelte";
+import type { Props as LoginOrRegisterFormModalProps } from "../LoginOrRegisterForm/LoginOrRegisterFormModal.svelte";
 import type { NotificationsStack } from "../Notifications/notifications-stack.svelte.js";
 export type FormMode = "guest-only" | "login-only" | "tabbed" | "stacked";
 export interface Props extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
@@ -25,6 +26,20 @@ export interface Props extends Omit<HTMLAttributes<HTMLDivElement>, "children">
      * Form-related props are taken from loginForm.
      */
     loginModal?: Pick<LoginFormModalProps, "title" | "classModal" | "classInner" | "classForm" | "noXClose" | "onClose" | "showRememberMe">;
+    /**
+     * When provided (and `formMode === "tabbed"`), clicking the login tab opens
+     * a `LoginOrRegisterFormModal` instead of rendering `<CheckoutLoginForm>` inline,
+     * giving consumers login + register + verify-OTP in a single modal.
+     *
+     * Mutually exclusive with `loginModal` — if both are provided,
+     * `loginOrRegisterModal` wins.
+     *
+     * `mode` and `verifyEmail` are forwarded one-way (prop → modal); use
+     * `onModeChange` to keep consumer-side state in sync. To programmatically
+     * flip into verify mode (e.g., on a `requiresVerification` server response),
+     * the consumer updates its own `mode` state and the new value flows down.
+     */
+    loginOrRegisterModal?: Pick<LoginOrRegisterFormModalProps, "title" | "classModal" | "classInner" | "classForm" | "noXClose" | "noClickOutsideClose" | "onClose" | "mode" | "verifyEmail" | "onLogin" | "onRegister" | "onVerify" | "onResendCode" | "onForgotPassword" | "onModeChange" | "isSubmitting" | "loginProps" | "registerProps" | "verifyProps" | "socialLogins" | "socialDividerLabel" | "footer" | "modeSwitcher" | "loginModeLabel" | "registerModeLabel" | "verifyModeLabel">;
     /** Tab label for the guest form tab. Default from i18n. */
     guestTabLabel?: string;
     /** Tab label for the login form tab. Default from i18n. */

package/dist/components/Checkout/README.md

@@ -26,7 +26,7 @@ Each step container renders a `CheckoutProgress` indicator (unless `hideProgress
 | `CheckoutOrderSummary` | Totals (subtotal/tax/shipping/discount/total) |
 | `CheckoutOrderReview` | Read-only order dump (items + addresses + delivery) |
 | `CheckoutOrderConfirmation` | Completed-order summary with order number & next steps |
-| `CheckoutGuestOrLoginForm` | Tabbed guest / login |
+| `CheckoutGuestOrLoginForm` | Guest / login switcher (segmented pill) |
 | `CheckoutGuestForm` | Guest-checkout fields |
 | `CheckoutLoginForm` | Login (adapts the generic `LoginForm` to checkout i18n) |
 | `CheckoutAddressForm` | Structured address input |
@@ -139,11 +139,89 @@ Every component accepts an optional `t?: TranslateFn` prop. Sensible English def
 
 `CheckoutLoginForm` internally bridges `checkout.login.*` keys to the generic `LoginForm` component's `login_form.*` keys, so you only need one consistent prefix.
 
+When `CheckoutGuestOrLoginForm` is wired to `LoginOrRegisterFormModal` via the optional `loginOrRegisterModal` prop, the same bridging is applied to `register_form.*` (→ `checkout.register.*`), `email_verify_form.*` (→ `checkout.verify.*`), and `login_or_register_form.*` (→ `checkout.login_or_register.*`) — so the entire login + register + verify flow stays under the `checkout.*` prefix.
+
+## Login + register + verify in checkout
+
+By default `CheckoutGuestOrLoginForm` in tabbed mode renders an inline `<CheckoutLoginForm>` in the login tab. For apps with self-registration, pass `loginOrRegisterModal` to wire the login tab to a `LoginOrRegisterFormModal` instead — giving you login, register, and post-register OTP verification in a single modal:
+
+```svelte
+<script lang="ts">
+    import {
+        CheckoutGuestOrLoginForm,
+        createEmptyCustomerFormData,
+        createEmptyLoginFormData,
+        type LoginOrRegisterFormMode,
+        type LoginFormData,
+        type RegisterFormData,
+    } from "@marianmeres/stuic";
+
+    let formData = $state(createEmptyCustomerFormData());
+    let loginFormData = $state(createEmptyLoginFormData());
+
+    let mode = $state<LoginOrRegisterFormMode>("login");
+    let verifyEmail = $state("");
+    let isSubmitting = $state(false);
+    let formError = $state<string | null>(null);
+
+    const loginProps = $derived({ error: formError ?? undefined, showRememberMe: true });
+    const registerProps = $derived({ error: formError ?? undefined });
+    const verifyProps = $derived({ error: formError ?? undefined, heading: false as const });
+
+    async function onLogin(d: LoginFormData) {
+        // ... call API; on `requiresVerification`, flip:
+        //     verifyEmail = d.email; mode = "verify";
+    }
+    async function onRegister(d: RegisterFormData) {
+        // ... call API; on success, flip to verify:
+        //     verifyEmail = d.email; mode = "verify";
+    }
+    async function onVerify(code: string) {
+        // ... call API; on success, modal closes via consumer-managed state.
+    }
+    async function onResendCode() { /* ... */ }
+</script>
+
+<CheckoutGuestOrLoginForm
+    formMode="tabbed"
+    guestForm={{ formData, onSubmit: handleStartCheckout, isSubmitting, errors: [] }}
+    loginForm={{ formData: loginFormData, onSubmit: onLogin, isSubmitting }}
+    loginOrRegisterModal={{
+        mode,
+        verifyEmail,
+        onLogin,
+        onRegister,
+        onVerify,
+        onResendCode,
+        onForgotPassword: () => {/* ... */},
+        onModeChange: (next) => {
+            // mirror mode changes back into our local state and clear errors
+            mode = next;
+            formError = null;
+        },
+        isSubmitting,
+        loginProps,
+        registerProps,
+        verifyProps,
+        onClose: () => {
+            formError = null;
+            mode = "login";
+        },
+    }}
+/>
+```
+
+**State sync.** `mode` and `verifyEmail` flow one-way from prop into the modal — programmatically flipping `mode = "verify"` (e.g., on a `requiresVerification` server response) updates the modal. To observe modal-driven changes (user clicks the "Sign up" tab, etc.), wire `onModeChange` and update your local state there.
+
+**Precedence.** `loginOrRegisterModal` takes precedence over `loginModal`. If both are passed, only `loginOrRegisterModal` is wired up (and a dev-mode `console.warn` fires).
+
+**i18n.** All `register_form.*` / `email_verify_form.*` / `login_or_register_form.*` keys are bridged to `checkout.register.*` / `checkout.verify.*` / `checkout.login_or_register.*` respectively, so a single `t` function with a unified `checkout.*` prefix covers the full flow.
+
 ## Accessibility
 
 - `CheckoutProgress` renders past/current/future steps with `aria-current="step"` on the active step.
 - Form submissions do **not** automatically move focus to the first error field. Consumers wanting this behavior should do it in their `onContinue` handler after receiving validation errors.
-- `CheckoutGuestOrLoginForm` uses the underlying `TabbedMenu` semantics; focus does not auto-move to the tab-panel heading on tab switch.
+- `CheckoutGuestOrLoginForm` uses `ButtonGroupRadio` (`role="radiogroup"`) for the guest/login switch; focus does not auto-move to the panel heading on switch.
 
 ## Address equality (advanced)
 

package/dist/components/Checkout/_guest-or-login-form.css

@@ -3,10 +3,6 @@
 	--stuic-checkout-guest-or-login-gap: 0.25rem;
 	--stuic-checkout-guest-or-login-divider-color: var(--stuic-color-border);
 	--stuic-checkout-guest-or-login-tabs-margin-bottom: 1.5rem;
-	--stuic-checkout-guest-or-login-tabs-background-color: var(--stuic-color-muted);
-	--stuic-checkout-guest-or-login-tabs-active-background-color: var(
-		--stuic-color-muted-foreground
-	);
 }
 
 @layer components {
@@ -16,32 +12,11 @@
 		gap: var(--stuic-checkout-guest-or-login-gap);
 	}
 
-	/* Pill-styled tabs via TabbedMenu CSS variable overrides */
+	/* Spacing below the guest/login switcher (ButtonGroupRadio) */
 	.stuic-checkout-guest-or-login-tabs {
-		--stuic-tabbed-menu-radius: 9999px;
-		--stuic-tabbed-menu-item-max-width: none;
-		background-color: var(--stuic-checkout-guest-or-login-tabs-background-color);
-	}
-
-	.stuic-checkout-guest-or-login-tabs.stuic-tabbed-menu {
-		padding: 3px;
-		border: 1px solid var(--stuic-checkout-guest-or-login-divider-color);
-		border-radius: 9999px;
 		margin-bottom: var(--stuic-checkout-guest-or-login-tabs-margin-bottom);
 	}
 
-	/* Override TabbedMenu's top-only border-radius to full pill shape */
-	.stuic-checkout-guest-or-login-tabs .stuic-tabbed-menu-tab {
-		border-radius: 9999px;
-		background-color: var(--stuic-checkout-guest-or-login-tabs-background-color);
-		border: 0;
-	}
-
-	.stuic-checkout-guest-or-login-tabs .stuic-tabbed-menu-tab[aria-selected="true"] {
-		border-color: var(--stuic-tabbed-menu-border-active);
-		background-color: var(--stuic-checkout-guest-or-login-tabs-active-background-color);
-	}
-
 	/* Divider (stacked mode) */
 	.stuic-checkout-guest-or-login-divider {
 		display: flex;

package/dist/components/Checkout/_internal/checkout-i18n-defaults.js

@@ -98,6 +98,45 @@ const DEFAULTS = {
     "checkout.complete.delivery_label": "Delivery",
     "checkout.complete.totals_title": "Order Total",
     "checkout.complete.continue_shopping": "Continue Shopping",
+    // -- Register (mirrors register_form.*; surfaced via CheckoutGuestOrLoginForm
+    //    when the optional `loginOrRegisterModal` is wired up) --
+    "checkout.register.email_label": "Email",
+    "checkout.register.email_placeholder": "you@example.com",
+    "checkout.register.password_label": "Password",
+    "checkout.register.password_placeholder": "",
+    "checkout.register.password_confirm_label": "Confirm password",
+    "checkout.register.password_confirm_placeholder": "",
+    "checkout.register.submit": "Create account",
+    "checkout.register.submitting": "Creating account...",
+    "checkout.register.email_required": "Email is required",
+    "checkout.register.email_invalid": "Please enter a valid email address",
+    "checkout.register.password_required": "Password is required",
+    "checkout.register.password_too_short": "Password must be at least {min} characters",
+    "checkout.register.password_confirm_required": "Please confirm your password",
+    "checkout.register.password_mismatch": "Passwords do not match",
+    "checkout.register.field_required": "{label} is required",
+    "checkout.register.social_divider": "or continue with",
+    "checkout.register.already_have_account": "Already have an account?",
+    "checkout.register.modal_title": "Create account",
+    // -- Verify (mirrors email_verify_form.*; surfaced via CheckoutGuestOrLoginForm
+    //    when the optional `loginOrRegisterModal` is wired up) --
+    "checkout.verify.heading": "Check your email",
+    "checkout.verify.subheading": "We sent a 6-digit code to {email}",
+    "checkout.verify.submit": "Verify",
+    "checkout.verify.submitting": "Verifying...",
+    "checkout.verify.resend_prompt": "Didn't receive it?",
+    "checkout.verify.resend": "Resend code",
+    "checkout.verify.resend_cooldown": "Resend available in {seconds}s",
+    "checkout.verify.resent": "New code sent",
+    "checkout.verify.attempts_remaining": "{count} attempts remaining",
+    // -- LoginOrRegister composite (mirrors login_or_register_form.*) --
+    "checkout.login_or_register.mode_login": "Log in",
+    "checkout.login_or_register.mode_register": "Sign up",
+    "checkout.login_or_register.mode_verify": "Verify",
+    "checkout.login_or_register.social_divider": "or continue with",
+    "checkout.login_or_register.modal_title_login": "Log In",
+    "checkout.login_or_register.modal_title_register": "Create account",
+    "checkout.login_or_register.modal_title_verify": "Verify your email",
     // -- CheckoutGuestOrLoginForm (composite) --
     "checkout.guest_or_login.guest_tab": "Guest",
     "checkout.guest_or_login.login_tab": "Log In",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marianmeres/stuic",
-  "version": "3.77.1",
+  "version": "3.79.0",
   "files": [
     "dist",
     "!dist/**/*.test.*",