@marianmeres/stuic 3.86.0 → 3.88.0

package/dist/components/Input/FieldRadios.svelte.d.ts

@@ -19,6 +19,13 @@ export interface Props {
     classValidationBox?: string;
     style?: string;
 }
-declare const FieldRadios: import("svelte").Component<Props, {}, "value">;
+import type { ValidationResult } from "../../actions/validate.svelte.js";
+declare const FieldRadios: import("svelte").Component<Props, {
+    validate: () => ValidationResult | undefined;
+    clearValidation: () => void;
+    getValidation: () => ValidationResult | undefined;
+    focus: () => void;
+    scrollIntoView: (opts?: ScrollIntoViewOptions) => void;
+}, "value">;
 type FieldRadios = ReturnType<typeof FieldRadios>;
 export default FieldRadios;

package/dist/components/Input/FieldSelect.svelte

@@ -60,7 +60,8 @@
 		required = false,
 		disabled = false,
 		//
-		validate,
+		// Renamed local binding to avoid collision with `export function validate()` below.
+		validate: validateProp,
 		//
 		labelAfter,
 		inputBefore,
@@ -91,6 +92,35 @@
 	let validation: ValidationResult | undefined = $state();
 	const setValidationResult = (res: ValidationResult) => (validation = res);
 
+	let _doValidate: (() => void) | undefined = $state();
+
+	/** Trigger validation now. Renders the inline message if invalid. */
+	export function validate(): ValidationResult | undefined {
+		_doValidate?.();
+		return validation;
+	}
+
+	/** Clear the inline validation message and reset `setCustomValidity`. */
+	export function clearValidation(): void {
+		validation = undefined;
+		input?.setCustomValidity?.("");
+	}
+
+	/** Current validation state, or undefined if validator has never run. */
+	export function getValidation(): ValidationResult | undefined {
+		return validation;
+	}
+
+	/** Focus the underlying `<select>` element. */
+	export function focus(): void {
+		input?.focus?.();
+	}
+
+	/** Scroll the field into view. Defaults to smooth + center. */
+	export function scrollIntoView(opts?: ScrollIntoViewOptions): void {
+		input?.scrollIntoView?.({ behavior: "smooth", block: "center", ...opts });
+	}
+
 	const _normalizeAndGroupOptions = (opts: (string | FieldSelectOption)[]) => {
 		const groupped = new Map<string, FieldSelectOption[]>();
 		opts.forEach((v) => {
@@ -140,9 +170,10 @@
 		{id}
 		class={twMerge(classInput)}
 		use:validateAction={() => ({
-			enabled: !!validate,
-			...(typeof validate === "boolean" ? {} : validate),
+			enabled: validateProp !== false,
+			...(typeof validateProp === "boolean" ? {} : validateProp),
 			setValidationResult,
+			setDoValidate: (fn) => (_doValidate = fn),
 		})}
 		{tabindex}
 		{required}

package/dist/components/Input/FieldSelect.svelte.d.ts

@@ -31,6 +31,13 @@ export interface Props extends HTMLSelectAttributes, InputWrapClassProps {
     classInput?: string;
     style?: string;
 }
-declare const FieldSelect: import("svelte").Component<Props, {}, "value" | "input">;
+import { type ValidationResult } from "../../actions/validate.svelte.js";
+declare const FieldSelect: import("svelte").Component<Props, {
+    validate: () => ValidationResult | undefined;
+    clearValidation: () => void;
+    getValidation: () => ValidationResult | undefined;
+    focus: () => void;
+    scrollIntoView: (opts?: ScrollIntoViewOptions) => void;
+}, "value" | "input">;
 type FieldSelect = ReturnType<typeof FieldSelect>;
 export default FieldSelect;

package/dist/components/Input/FieldSwitch.svelte

@@ -58,7 +58,8 @@
 		required = false,
 		disabled = false,
 		//
-		validate,
+		// Renamed local binding to avoid collision with `export function validate()` below.
+		validate: validateProp,
 		//
 		labelAfter,
 		inputBefore,
@@ -90,6 +91,36 @@
 	//
 	let validation: ValidationResult | undefined = $state();
 	const setValidationResult = (res: ValidationResult) => (validation = res);
+
+	// Delegate the imperative API to the inner Switch.
+	let switchRef: Switch | undefined = $state();
+
+	/** Trigger validation now. Renders the inline message if invalid. */
+	export function validate(): ValidationResult | undefined {
+		switchRef?.validate();
+		return validation;
+	}
+
+	/** Clear the inline validation message. */
+	export function clearValidation(): void {
+		switchRef?.clearValidation?.();
+		validation = undefined;
+	}
+
+	/** Current validation state. */
+	export function getValidation(): ValidationResult | undefined {
+		return validation;
+	}
+
+	/** Focus the visual switch. */
+	export function focus(): void {
+		switchRef?.focus?.();
+	}
+
+	/** Scroll the field into view. */
+	export function scrollIntoView(opts?: ScrollIntoViewOptions): void {
+		switchRef?.scrollIntoView?.(opts);
+	}
 </script>
 
 <InputWrap
@@ -119,5 +150,13 @@
 	classInputBoxWrap={twMerge("input-wrap-transparent", classInputBoxWrap)}
 	{style}
 >
-	<Switch bind:checked {name} {required} {disabled} {validate} {setValidationResult} />
+	<Switch
+		bind:this={switchRef}
+		bind:checked
+		{name}
+		{required}
+		{disabled}
+		validate={validateProp}
+		{setValidationResult}
+	/>
 </InputWrap>

package/dist/components/Input/FieldSwitch.svelte.d.ts

@@ -32,6 +32,13 @@ export interface Props extends InputWrapClassProps, Record<string, any> {
     style?: string;
     renderValue?: (rawValue: any) => string;
 }
-declare const FieldSwitch: import("svelte").Component<Props, {}, "input" | "checked">;
+import type { ValidationResult } from "../../actions/validate.svelte.js";
+declare const FieldSwitch: import("svelte").Component<Props, {
+    validate: () => ValidationResult | undefined;
+    clearValidation: () => void;
+    getValidation: () => ValidationResult | undefined;
+    focus: () => void;
+    scrollIntoView: (opts?: ScrollIntoViewOptions) => void;
+}, "input" | "checked">;
 type FieldSwitch = ReturnType<typeof FieldSwitch>;
 export default FieldSwitch;

package/dist/components/Input/FieldTextarea.svelte

@@ -61,7 +61,8 @@
 		required = false,
 		disabled = false,
 		//
-		validate,
+		// Renamed local binding to avoid collision with `export function validate()` below.
+		validate: validateProp,
 		//
 		labelAfter,
 		inputBefore,
@@ -91,6 +92,35 @@
 	//
 	let validation: ValidationResult | undefined = $state();
 	const setValidationResult = (res: ValidationResult) => (validation = res);
+
+	let _doValidate: (() => void) | undefined = $state();
+
+	/** Trigger validation now. Renders the inline message if invalid. */
+	export function validate(): ValidationResult | undefined {
+		_doValidate?.();
+		return validation;
+	}
+
+	/** Clear the inline validation message and reset `setCustomValidity`. */
+	export function clearValidation(): void {
+		validation = undefined;
+		input?.setCustomValidity?.("");
+	}
+
+	/** Current validation state, or undefined if validator has never run. */
+	export function getValidation(): ValidationResult | undefined {
+		return validation;
+	}
+
+	/** Focus the underlying `<textarea>` element. */
+	export function focus(): void {
+		input?.focus?.();
+	}
+
+	/** Scroll the field into view. Defaults to smooth + center. */
+	export function scrollIntoView(opts?: ScrollIntoViewOptions): void {
+		input?.scrollIntoView?.({ behavior: "smooth", block: "center", ...opts });
+	}
 </script>
 
 <InputWrap
@@ -130,9 +160,10 @@
 			setValue: (v: string) => (value = v),
 		})}
 		use:validateAction={() => ({
-			enabled: !!validate,
-			...(typeof validate === "boolean" ? {} : validate),
+			enabled: validateProp !== false,
+			...(typeof validateProp === "boolean" ? {} : validateProp),
 			setValidationResult,
+			setDoValidate: (fn) => (_doValidate = fn),
 		})}
 		use:autogrow={() => ({
 			enabled: !!useAutogrow,

package/dist/components/Input/FieldTextarea.svelte.d.ts

@@ -35,6 +35,13 @@ export interface Props extends HTMLTextareaAttributes, InputWrapClassProps {
     classInput?: string;
     style?: string;
 }
-declare const FieldTextarea: import("svelte").Component<Props, {}, "value" | "input">;
+import { type ValidationResult } from "../../actions/validate.svelte.js";
+declare const FieldTextarea: import("svelte").Component<Props, {
+    validate: () => ValidationResult | undefined;
+    clearValidation: () => void;
+    getValidation: () => ValidationResult | undefined;
+    focus: () => void;
+    scrollIntoView: (opts?: ScrollIntoViewOptions) => void;
+}, "value" | "input">;
 type FieldTextarea = ReturnType<typeof FieldTextarea>;
 export default FieldTextarea;

package/dist/components/Input/_internal/FieldRadioInternal.svelte

@@ -48,7 +48,8 @@
 		description,
 		renderSize,
 		tabindex,
-		validate,
+		// Renamed local binding to avoid collision with `export function validate()` below.
+		validate: validateProp,
 		classRadioBox,
 		classInputBox,
 		classInput,
@@ -64,6 +65,35 @@
 	// let validation: ValidationResult | undefined = $state();
 	const setValidationResult = (res: ValidationResult) => (validation = res);
 
+	let _doValidate: (() => void) | undefined = $state();
+
+	/** Trigger validation now (radio-group level). */
+	export function validate(): ValidationResult | undefined {
+		_doValidate?.();
+		return validation;
+	}
+
+	/** Clear the inline validation message and reset `setCustomValidity`. */
+	export function clearValidation(): void {
+		validation = undefined;
+		input?.setCustomValidity?.("");
+	}
+
+	/** Current validation state. */
+	export function getValidation(): ValidationResult | undefined {
+		return validation;
+	}
+
+	/** Focus the radio input. */
+	export function focus(): void {
+		input?.focus?.();
+	}
+
+	/** Scroll the radio into view. */
+	export function scrollIntoView(opts?: ScrollIntoViewOptions): void {
+		input?.scrollIntoView?.({ behavior: "smooth", block: "center", ...opts });
+	}
+
 	//
 	let invalid = $derived(validation && !validation?.valid);
 	let id = getId();
@@ -97,9 +127,10 @@
 			class={twMerge(classInput)}
 			aria-describedby={description ? idDesc : undefined}
 			use:validateAction={() => ({
-				enabled: !!validate,
-				...(typeof validate === "boolean" ? {} : validate),
+				enabled: validateProp !== false,
+				...(typeof validateProp === "boolean" ? {} : validateProp),
 				setValidationResult,
+				setDoValidate: (fn) => (_doValidate = fn),
 			})}
 			{required}
 			{disabled}

package/dist/components/Input/_internal/FieldRadioInternal.svelte.d.ts

@@ -25,6 +25,12 @@ interface Props extends HTMLInputAttributes {
     classValidationBox?: string;
     validation: ValidationResult | undefined;
 }
-declare const FieldRadioInternal: import("svelte").Component<Props, {}, "input" | "group" | "validation">;
+declare const FieldRadioInternal: import("svelte").Component<Props, {
+    validate: () => ValidationResult | undefined;
+    clearValidation: () => void;
+    getValidation: () => ValidationResult | undefined;
+    focus: () => void;
+    scrollIntoView: (opts?: ScrollIntoViewOptions) => void;
+}, "input" | "group" | "validation">;
 type FieldRadioInternal = ReturnType<typeof FieldRadioInternal>;
 export default FieldRadioInternal;

package/dist/components/LoginForm/LoginForm.svelte

@@ -81,6 +81,10 @@
 	import { onSubmitValidityCheck } from "../../actions/on-submit-validity-check.svelte.js";
 	import { tooltip } from "../../actions/tooltip/tooltip.svelte.js";
 	import { twMerge } from "../../utils/tw-merge.js";
+	import {
+		scrollToFirstInvalidField,
+		validateAllFields,
+	} from "../../utils/validate-fields.js";
 	import Button from "../Button/Button.svelte";
 	import DismissibleMessage from "../DismissibleMessage/DismissibleMessage.svelte";
 	import FieldCheckbox from "../Input/FieldCheckbox.svelte";
@@ -212,6 +216,35 @@
 	});
 
 	let _class = $derived(unstyled ? classProp : twMerge("stuic-login-form", classProp));
+
+	// Imperative API ----------------------------------------------------------
+	// Field refs collected during render so consumers can trigger validation
+	// without waiting for native form submission (e.g., from a custom button
+	// outside this component, or to pre-render server-error messages).
+	let emailField = $state<FieldInput>();
+	let passwordField = $state<FieldInput>();
+
+	function _fields() {
+		return [emailField, passwordField];
+	}
+
+	/**
+	 * Run every field's validator and render any inline errors. Returns true
+	 * if all fields are valid. Useful from custom submit handlers.
+	 */
+	export function validate(): boolean {
+		return validateAllFields(_fields());
+	}
+
+	/**
+	 * Scroll the first invalid field into view and focus it. Returns true
+	 * if a field was scrolled. Call after `validate()`.
+	 */
+	export function scrollToFirstError(
+		opts?: Parameters<typeof scrollToFirstInvalidField>[1]
+	): boolean {
+		return scrollToFirstInvalidField(_fields(), opts);
+	}
 </script>
 
 <form bind:this={formEl} class={_class} use:onSubmitValidityCheck {...rest}>
@@ -226,6 +259,7 @@
 	<!-- Email -->
 	<!-- svelte-ignore binding_property_non_reactive -->
 	<FieldInput
+		bind:this={emailField}
 		bind:value={formData.email}
 		label={t("login_form.email_label")}
 		type="email"
@@ -244,6 +278,7 @@
 	<!-- Password -->
 	<!-- svelte-ignore binding_property_non_reactive -->
 	<FieldInput
+		bind:this={passwordField}
 		bind:value={formData.password}
 		label={t("login_form.password_label")}
 		autocomplete="current-password"

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

@@ -58,6 +58,10 @@ export interface Props extends Omit<HTMLAttributes<HTMLFormElement>, "children">
     class?: string;
     el?: HTMLFormElement;
 }
-declare const LoginForm: import("svelte").Component<Props, {}, "el" | "formData">;
+import { scrollToFirstInvalidField } from "../../utils/validate-fields.js";
+declare const LoginForm: import("svelte").Component<Props, {
+    validate: () => boolean;
+    scrollToFirstError: (opts?: Parameters<typeof scrollToFirstInvalidField>[1]) => boolean;
+}, "el" | "formData">;
 type LoginForm = ReturnType<typeof LoginForm>;
 export default LoginForm;

package/dist/components/LoginOrRegisterForm/LoginOrRegisterForm.svelte

@@ -141,6 +141,7 @@
 	import { createEmptyRegisterFormData } from "../RegisterForm/_internal/register-form-utils.js";
 	import EmailVerifyForm from "../EmailVerifyForm/EmailVerifyForm.svelte";
 	import ButtonGroupRadio from "../ButtonGroupRadio/ButtonGroupRadio.svelte";
+	import type { scrollToFirstInvalidField } from "../../utils/validate-fields.js";
 
 	let {
 		mode = $bindable("login"),
@@ -212,6 +213,42 @@
 	let _class = $derived(
 		unstyled ? classProp : twMerge("stuic-login-or-register-form", classProp)
 	);
+
+	// Imperative API ----------------------------------------------------------
+	// Refs to the currently rendered inner form. Only one is mounted at a time
+	// (Svelte tears down the others), so `validate()` just asks the active one.
+	let loginFormRef = $state<LoginForm>();
+	let registerFormRef = $state<RegisterForm>();
+	let verifyFormRef = $state<EmailVerifyForm>();
+
+	function _activeForm(): {
+		validate?(): boolean;
+		scrollToFirstError?(opts?: Parameters<typeof scrollToFirstInvalidField>[1]): boolean;
+	} | undefined {
+		if (mode === "login") return loginFormRef;
+		if (mode === "register") return registerFormRef;
+		if (mode === "verify") return verifyFormRef;
+		return undefined;
+	}
+
+	/**
+	 * Run validation on the active inner form (login / register / verify).
+	 * Returns true if valid, false if any field is invalid. No-op if no form
+	 * is mounted yet.
+	 */
+	export function validate(): boolean {
+		return _activeForm()?.validate?.() ?? true;
+	}
+
+	/**
+	 * Scroll the first invalid field of the active inner form into view.
+	 * Returns true if a field was scrolled.
+	 */
+	export function scrollToFirstError(
+		opts?: Parameters<typeof scrollToFirstInvalidField>[1]
+	): boolean {
+		return _activeForm()?.scrollToFirstError?.(opts) ?? false;
+	}
 </script>
 
 <div class={_class} {...rest}>
@@ -238,6 +275,7 @@
 		{#if mode === "login"}
 			<!-- svelte-ignore binding_property_non_reactive -->
 			<LoginForm
+				bind:this={loginFormRef}
 				bind:formData={loginData}
 				onSubmit={onLogin}
 				{isSubmitting}
@@ -249,6 +287,7 @@
 		{:else if mode === "register"}
 			<!-- svelte-ignore binding_property_non_reactive -->
 			<RegisterForm
+				bind:this={registerFormRef}
 				bind:formData={registerData}
 				onSubmit={onRegister}
 				{isSubmitting}
@@ -258,6 +297,7 @@
 			/>
 		{:else}
 			<EmailVerifyForm
+				bind:this={verifyFormRef}
 				email={verifyEmail || registerData.email || loginData.email}
 				onSubmit={(code) => onVerify?.(code)}
 				onResend={onResendCode}

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

@@ -89,6 +89,10 @@ export interface Props extends Omit<HTMLAttributes<HTMLDivElement>, "children">
     unstyled?: boolean;
     class?: string;
 }
-declare const LoginOrRegisterForm: import("svelte").Component<Props, {}, "mode" | "loginData" | "registerData" | "verifyEmail">;
+import type { scrollToFirstInvalidField } from "../../utils/validate-fields.js";
+declare const LoginOrRegisterForm: import("svelte").Component<Props, {
+    validate: () => boolean;
+    scrollToFirstError: (opts?: Parameters<typeof scrollToFirstInvalidField>[1]) => boolean;
+}, "mode" | "loginData" | "registerData" | "verifyEmail">;
 type LoginOrRegisterForm = ReturnType<typeof LoginOrRegisterForm>;
 export default LoginOrRegisterForm;

package/dist/components/RegisterForm/RegisterForm.svelte

@@ -106,6 +106,10 @@
 	import DismissibleMessage from "../DismissibleMessage/DismissibleMessage.svelte";
 	import FieldInput from "../Input/FieldInput.svelte";
 	import { onSubmitValidityCheck } from "../../actions/on-submit-validity-check.svelte.js";
+	import {
+		scrollToFirstInvalidField,
+		validateAllFields,
+	} from "../../utils/validate-fields.js";
 
 	let {
 		formData = $bindable(createEmptyRegisterFormData()),
@@ -216,6 +220,41 @@
 	});
 
 	let _class = $derived(unstyled ? classProp : twMerge("stuic-register-form", classProp));
+
+	// Imperative API ----------------------------------------------------------
+	let topFieldRefs: (FieldInput | undefined)[] = $state([]);
+	let bottomFieldRefs: (FieldInput | undefined)[] = $state([]);
+	let emailField = $state<FieldInput>();
+	let passwordField = $state<FieldInput>();
+	let passwordConfirmField = $state<FieldInput>();
+
+	function _fields() {
+		return [
+			...topFieldRefs,
+			emailField,
+			passwordField,
+			...(showPasswordConfirm ? [passwordConfirmField] : []),
+			...bottomFieldRefs,
+		];
+	}
+
+	/**
+	 * Run every field's validator and render any inline errors. Returns true
+	 * if all fields are valid. Useful from custom submit handlers.
+	 */
+	export function validate(): boolean {
+		return validateAllFields(_fields());
+	}
+
+	/**
+	 * Scroll the first invalid field into view and focus it. Returns true
+	 * if a field was scrolled. Call after `validate()`.
+	 */
+	export function scrollToFirstError(
+		opts?: Parameters<typeof scrollToFirstInvalidField>[1]
+	): boolean {
+		return scrollToFirstInvalidField(_fields(), opts);
+	}
 </script>
 
 <form bind:this={formEl} class={_class} use:onSubmitValidityCheck {...rest}>
@@ -223,8 +262,9 @@
 	<DismissibleMessage message={error} intent="destructive" />
 
 	<!-- Top-position extra fields -->
-	{#each topFields as cfg (cfg.name)}
+	{#each topFields as cfg, i (cfg.name)}
 		<FieldInput
+			bind:this={topFieldRefs[i]}
 			value={extraValue(cfg)}
 			oninput={(e: Event) =>
 				setExtraValue(cfg, (e.currentTarget as HTMLInputElement).value)}
@@ -252,6 +292,7 @@
 	<!-- Email -->
 	<!-- svelte-ignore binding_property_non_reactive -->
 	<FieldInput
+		bind:this={emailField}
 		bind:value={formData.email}
 		label={t("register_form.email_label")}
 		type="email"
@@ -270,6 +311,7 @@
 	<!-- Password -->
 	<!-- svelte-ignore binding_property_non_reactive -->
 	<FieldInput
+		bind:this={passwordField}
 		bind:value={formData.password}
 		label={t("register_form.password_label")}
 		autocomplete="new-password"
@@ -290,6 +332,7 @@
 	{#if showPasswordConfirm}
 		<!-- svelte-ignore binding_property_non_reactive -->
 		<FieldInput
+			bind:this={passwordConfirmField}
 			bind:value={formData.passwordConfirm}
 			label={t("register_form.password_confirm_label")}
 			autocomplete="new-password"
@@ -308,8 +351,9 @@
 	{/if}
 
 	<!-- Bottom-position extra fields (default) -->
-	{#each bottomFields as cfg (cfg.name)}
+	{#each bottomFields as cfg, i (cfg.name)}
 		<FieldInput
+			bind:this={bottomFieldRefs[i]}
 			value={extraValue(cfg)}
 			oninput={(e: Event) =>
 				setExtraValue(cfg, (e.currentTarget as HTMLInputElement).value)}

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

@@ -71,6 +71,10 @@ export interface Props extends Omit<HTMLAttributes<HTMLFormElement>, "children">
     class?: string;
     el?: HTMLFormElement;
 }
-declare const RegisterForm: import("svelte").Component<Props, {}, "el" | "formData">;
+import { scrollToFirstInvalidField } from "../../utils/validate-fields.js";
+declare const RegisterForm: import("svelte").Component<Props, {
+    validate: () => boolean;
+    scrollToFirstError: (opts?: Parameters<typeof scrollToFirstInvalidField>[1]) => boolean;
+}, "el" | "formData">;
 type RegisterForm = ReturnType<typeof RegisterForm>;
 export default RegisterForm;

package/dist/components/Switch/Switch.svelte

@@ -58,7 +58,8 @@
 		off,
 		onclick,
 		preHook,
-		validate,
+		// Renamed local binding to avoid collision with `export function validate()` below.
+		validate: validateProp,
 		setValidationResult,
 		...rest
 	}: Props = $props();
@@ -89,6 +90,39 @@
 		checkbox.dispatchEvent(new Event("change", { bubbles: true, cancelable: true }));
 		wrap.focus();
 	}
+
+	//
+	let _doValidate: (() => void) | undefined = $state();
+	// Local copy of the last validation result so getValidation() works even
+	// when no external setValidationResult was provided.
+	let _validation: ValidationResult | undefined = $state();
+
+	/** Trigger validation now. Reaches the parent via `setValidationResult`. */
+	export function validate(): ValidationResult | undefined {
+		_doValidate?.();
+		return _validation;
+	}
+
+	/** Clear the inline validation message and reset `setCustomValidity`. */
+	export function clearValidation(): void {
+		_validation = undefined;
+		checkbox?.setCustomValidity?.("");
+	}
+
+	/** Current validation state. */
+	export function getValidation(): ValidationResult | undefined {
+		return _validation;
+	}
+
+	/** Focus the visual switch wrapper. */
+	export function focus(): void {
+		wrap?.focus?.();
+	}
+
+	/** Scroll the switch into view. */
+	export function scrollIntoView(opts?: ScrollIntoViewOptions): void {
+		wrap?.scrollIntoView?.({ behavior: "smooth", block: "center", ...opts });
+	}
 </script>
 
 <!-- svelte-ignore a11y_no_noninteractive_tabindex -->
@@ -140,9 +174,13 @@
 		{required}
 		{name}
 		use:validateAction={() => ({
-			enabled: !!validate,
-			...(typeof validate === "boolean" ? {} : validate),
-			setValidationResult,
+			enabled: validateProp !== false,
+			...(typeof validateProp === "boolean" ? {} : validateProp),
+			setValidationResult: (res) => {
+				_validation = res;
+				setValidationResult?.(res);
+			},
+			setDoValidate: (fn) => (_doValidate = fn),
 		})}
 		tabindex="-1"
 	/>

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

@@ -29,6 +29,12 @@ export interface Props extends Omit<HTMLLabelAttributes, "children" | "onchange"
     validate?: boolean | Omit<ValidateOptions, "setValidationResult">;
     setValidationResult?: (res: ValidationResult) => void;
 }
-declare const Switch: import("svelte").Component<Props, {}, "button" | "checked">;
+declare const Switch: import("svelte").Component<Props, {
+    validate: () => ValidationResult | undefined;
+    clearValidation: () => void;
+    getValidation: () => ValidationResult | undefined;
+    focus: () => void;
+    scrollIntoView: (opts?: ScrollIntoViewOptions) => void;
+}, "button" | "checked">;
 type Switch = ReturnType<typeof Switch>;
 export default Switch;