@marianmeres/stuic 3.76.5 → 3.77.1

package/dist/components/EmailVerifyForm/EmailVerifyForm.svelte

@@ -51,6 +51,14 @@
 		/** Override CTA section. */
 		submitButton?: Snippet<[{ isSubmitting: boolean; disabled: boolean }]>;
 
+		/**
+		 * Override or suppress the form heading. By default the heading is rendered
+		 * with the i18n value of `email_verify_form.heading`. Pass a string to override
+		 * the text, or `false` to skip rendering the heading entirely (useful when the
+		 * surrounding container — e.g. a modal — already provides a title).
+		 */
+		heading?: string | false;
+
 		t?: TranslateFn;
 		unstyled?: boolean;
 		class?: string;
@@ -80,6 +88,7 @@
 		notifications,
 		footer,
 		submitButton,
+		heading,
 		t: tProp,
 		unstyled = false,
 		class: classProp,
@@ -196,9 +205,11 @@
 
 <form bind:this={formEl} class={_class} onsubmit={handleFormSubmit} {...rest}>
 	<!-- Heading -->
-	<H level={2} class={unstyled ? undefined : "stuic-email-verify-form-heading"}>
-		{t("email_verify_form.heading")}
-	</H>
+	{#if heading !== false}
+		<H level={2} class={unstyled ? undefined : "stuic-email-verify-form-heading"}>
+			{typeof heading === "string" ? heading : t("email_verify_form.heading")}
+		</H>
+	{/if}
 
 	<!-- Subheading with bolded email -->
 	<p class={unstyled ? undefined : "stuic-email-verify-form-subheading"}>

package/dist/components/EmailVerifyForm/EmailVerifyForm.svelte.d.ts

@@ -37,6 +37,13 @@ export interface Props extends Omit<HTMLAttributes<HTMLFormElement>, "children">
         isSubmitting: boolean;
         disabled: boolean;
     }]>;
+    /**
+     * Override or suppress the form heading. By default the heading is rendered
+     * with the i18n value of `email_verify_form.heading`. Pass a string to override
+     * the text, or `false` to skip rendering the heading entirely (useful when the
+     * surrounding container — e.g. a modal — already provides a title).
+     */
+    heading?: string | false;
     t?: TranslateFn;
     unstyled?: boolean;
     class?: string;

package/dist/components/EmailVerifyForm/README.md

@@ -50,6 +50,7 @@ The form owns:
 | `notifications`         | `NotificationsStack`                       | —        | Route errors to notification system                      |
 | `submitButton`          | `Snippet`                                  | —        | Override submit section                                  |
 | `footer`                | `Snippet`                                  | —        | Content below the resend control                         |
+| `heading`               | `string \| false`                          | —        | Override heading text, or `false` to suppress entirely   |
 | `t`                     | `TranslateFn`                              | built-in | Translation function                                     |
 | `unstyled`              | `boolean`                                  | `false`  | Skip default styling                                     |
 | `class`                 | `string`                                   | —        | Additional CSS classes on the form root                  |

package/dist/components/RegisterForm/RegisterForm.svelte

@@ -95,6 +95,7 @@
 </script>
 
 <script lang="ts">
+	import { untrack } from "svelte";
 	import { twMerge } from "../../utils/tw-merge.js";
 	import { t_default } from "./_internal/register-form-i18n-defaults.js";
 	import {
@@ -146,6 +147,22 @@
 	// Internal validation errors (set on submit)
 	let internalErrors = $state<RegisterFormValidationError[]>([]);
 
+	// Clear internal field errors as soon as the user edits any tracked field, so a
+	// previous failed-submit's errors don't linger after the user has fixed them.
+	// Re-validation on the next submit will repopulate `internalErrors` if anything
+	// is still wrong. `untrack` for the read+write so this effect only re-runs on
+	// formData changes — otherwise `handleSubmitValid` setting `internalErrors`
+	// would immediately re-fire this effect and wipe the errors back out.
+	$effect(() => {
+		void formData.email;
+		void formData.password;
+		void formData.passwordConfirm;
+		for (const f of extraFields) void formData.extra?.[f.name];
+		untrack(() => {
+			if (internalErrors.length) internalErrors = [];
+		});
+	});
+
 	// Merge internal + external errors; external takes precedence per field
 	let allErrors = $derived.by(() => {
 		const map = new Map<string, string>();

package/package.json

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