@formisch/svelte 0.8.0 → 0.10.0

package/dist/core/index.svelte.js

@@ -68,11 +68,13 @@ function initializeFieldStore(internalFieldStore, schema, initialInput, path, nu
 	else {
 		internalFieldStore.schema = schema;
 		internalFieldStore.name = JSON.stringify(path);
+		internalFieldStore.path = path;
 		const initialElements = [];
 		internalFieldStore.initialElements = initialElements;
 		internalFieldStore.elements = initialElements;
 		internalFieldStore.errors = /* @__PURE__ */ createSignal(null);
 		internalFieldStore.isTouched = /* @__PURE__ */ createSignal(false);
+		internalFieldStore.isEdited = /* @__PURE__ */ createSignal(false);
 		internalFieldStore.isDirty = /* @__PURE__ */ createSignal(false);
 		if (schema.type === "array" || schema.type === "loose_tuple" || schema.type === "strict_tuple" || schema.type === "tuple") {
 			if (internalFieldStore.kind && internalFieldStore.kind !== "array") throw new Error(`Store initialized as "${internalFieldStore.kind}" cannot be reinitialized as "array"`);
@@ -82,16 +84,13 @@ function initializeFieldStore(internalFieldStore, schema, initialInput, path, nu
 				if (schema.type === "array") {
 					if (initialInput) for (let index = 0; index < initialInput.length; index++) {
 						internalFieldStore.children[index] = {};
-						path.push(index);
-						initializeFieldStore(internalFieldStore.children[index], schema.item, initialInput[index], path);
-						path.pop();
+						initializeFieldStore(internalFieldStore.children[index], schema.item, initialInput[index], [...path, index]);
 					}
 				} else for (let index = 0; index < schema.items.length; index++) {
 					internalFieldStore.children[index] = {};
-					path.push(index);
-					initializeFieldStore(internalFieldStore.children[index], schema.items[index], initialInput?.[index], path);
-					path.pop();
+					initializeFieldStore(internalFieldStore.children[index], schema.items[index], initialInput?.[index], [...path, index]);
 				}
+				internalFieldStore.isNullish = nullish;
 				const arrayInput = nullish && initialInput == null ? initialInput : true;
 				internalFieldStore.initialInput = /* @__PURE__ */ createSignal(arrayInput);
 				internalFieldStore.startInput = /* @__PURE__ */ createSignal(arrayInput);
@@ -108,10 +107,9 @@ function initializeFieldStore(internalFieldStore, schema, initialInput, path, nu
 				internalFieldStore.children ??= {};
 				for (const key in schema.entries) {
 					internalFieldStore.children[key] ??= {};
-					path.push(key);
-					initializeFieldStore(internalFieldStore.children[key], schema.entries[key], initialInput?.[key], path);
-					path.pop();
+					initializeFieldStore(internalFieldStore.children[key], schema.entries[key], initialInput?.[key], [...path, key]);
 				}
+				internalFieldStore.isNullish = nullish;
 				const objectInput = nullish && initialInput == null ? initialInput : true;
 				internalFieldStore.initialInput = /* @__PURE__ */ createSignal(objectInput);
 				internalFieldStore.startInput = /* @__PURE__ */ createSignal(objectInput);
@@ -134,8 +132,9 @@ function initializeFieldStore(internalFieldStore, schema, initialInput, path, nu
 /**
 * Copies the deeply nested state (signal values) from one field store to
 * another. This includes the `elements`, `errors`, `startInput`, `input`,
-* `isTouched`, `isDirty`, and for arrays `startItems` and `items` properties.
-* Recursively walks through the field stores and copies all signal values.
+* `isTouched`, `isEdited`, `isDirty`, and for arrays `startItems` and `items`
+* properties. Recursively walks through the field stores and copies all signal
+* values.
 *
 * @param fromInternalFieldStore The source field store to copy from.
 * @param toInternalFieldStore The destination field store to copy to.
@@ -148,19 +147,16 @@ function copyItemState(fromInternalFieldStore, toInternalFieldStore) {
 			toInternalFieldStore.startInput.value = fromInternalFieldStore.startInput.value;
 			toInternalFieldStore.input.value = fromInternalFieldStore.input.value;
 			toInternalFieldStore.isTouched.value = fromInternalFieldStore.isTouched.value;
+			toInternalFieldStore.isEdited.value = fromInternalFieldStore.isEdited.value;
 			toInternalFieldStore.isDirty.value = fromInternalFieldStore.isDirty.value;
 			if (fromInternalFieldStore.kind === "array" && toInternalFieldStore.kind === "array") {
 				const fromItems = fromInternalFieldStore.items.value;
 				toInternalFieldStore.startItems.value = fromInternalFieldStore.startItems.value;
 				toInternalFieldStore.items.value = fromItems;
-				let path;
 				for (let index = 0; index < fromItems.length; index++) {
 					if (!toInternalFieldStore.children[index]) {
-						path ??= JSON.parse(toInternalFieldStore.name);
 						toInternalFieldStore.children[index] = {};
-						path.push(index);
-						initializeFieldStore(toInternalFieldStore.children[index], toInternalFieldStore.schema.item, void 0, path);
-						path.pop();
+						initializeFieldStore(toInternalFieldStore.children[index], toInternalFieldStore.schema.item, void 0, [...toInternalFieldStore.path, index]);
 					}
 					copyItemState(fromInternalFieldStore.children[index], toInternalFieldStore.children[index]);
 				}
@@ -173,37 +169,53 @@ function copyItemState(fromInternalFieldStore, toInternalFieldStore) {
 //#region src/array/resetItemState/resetItemState.ts
 /**
 * Resets the state of a field store (signal values) deeply nested. Sets
-* `elements` to empty array, `errors` to `null`, `isTouched` and `isDirty` to
-* `false`, and `startInput`, `input`, `startItems`, and `items` to the new
-* input value. Keeps the `initialInput` and `initialItems` state unchanged for
-* form reset functionality.
+* `elements` to empty array, `errors` to `null`, `isTouched`, `isEdited` and
+* `isDirty` to `false`, and `startInput`, `input`, `startItems`, and `items` to
+* the new input value. Keeps the `initialInput` and `initialItems` state
+* unchanged for form reset functionality.
 *
 * @param internalFieldStore The field store to reset.
-* @param initialInput The new input value (can be any type including array or object).
+* @param input The new input value (can be any type including array or object).
+* @param keepStart Whether to keep `startInput` and `startItems` as the dirty
+* baseline instead of resetting them to the new input. Used when a field store
+* is reused for an in-place edit so its dirty state is detected correctly.
 */
-function resetItemState(internalFieldStore, initialInput) {
+function resetItemState(internalFieldStore, input, keepStart = false) {
 	batch(() => {
-		internalFieldStore.elements = [];
+		const elements = [];
+		if (internalFieldStore.elements === internalFieldStore.initialElements) internalFieldStore.initialElements = elements;
+		internalFieldStore.elements = elements;
 		internalFieldStore.errors.value = null;
 		internalFieldStore.isTouched.value = false;
+		internalFieldStore.isEdited.value = false;
 		internalFieldStore.isDirty.value = false;
 		if (internalFieldStore.kind === "array" || internalFieldStore.kind === "object") {
-			const objectInput = initialInput == null ? initialInput : true;
-			internalFieldStore.startInput.value = objectInput;
+			const objectInput = internalFieldStore.isNullish && input == null ? input : true;
+			if (!keepStart) internalFieldStore.startInput.value = objectInput;
 			internalFieldStore.input.value = objectInput;
-			if (internalFieldStore.kind === "array") if (initialInput) {
-				const newItems = initialInput.map(createId);
-				internalFieldStore.startItems.value = newItems;
-				internalFieldStore.items.value = newItems;
-				for (let index = 0; index < initialInput.length; index++) if (internalFieldStore.children[index]) resetItemState(internalFieldStore.children[index], initialInput[index]);
-			} else {
-				internalFieldStore.startItems.value = [];
-				internalFieldStore.items.value = [];
-			}
-			else for (const key in internalFieldStore.children) resetItemState(internalFieldStore.children[key], initialInput?.[key]);
+			if (internalFieldStore.kind === "array") {
+				const isTuple = internalFieldStore.schema.type !== "array";
+				if (input || isTuple) {
+					const length = isTuple ? internalFieldStore.children.length : input.length;
+					const newItems = Array.from({ length }, createId);
+					if (!keepStart) internalFieldStore.startItems.value = newItems;
+					internalFieldStore.items.value = newItems;
+					for (let index = 0; index < length; index++) {
+						const itemInput = input?.[index];
+						if (internalFieldStore.children[index]) resetItemState(internalFieldStore.children[index], itemInput, keepStart);
+						else {
+							internalFieldStore.children[index] = {};
+							initializeFieldStore(internalFieldStore.children[index], internalFieldStore.schema.item, itemInput, [...internalFieldStore.path, index]);
+						}
+					}
+				} else {
+					if (!keepStart) internalFieldStore.startItems.value = [];
+					internalFieldStore.items.value = [];
+				}
+			} else for (const key in internalFieldStore.children) resetItemState(internalFieldStore.children[key], input?.[key], keepStart);
 		} else {
-			internalFieldStore.startInput.value = initialInput;
-			internalFieldStore.input.value = initialInput;
+			if (!keepStart) internalFieldStore.startInput.value = input;
+			internalFieldStore.input.value = input;
 		}
 	});
 }
@@ -213,8 +225,8 @@ function resetItemState(internalFieldStore, initialInput) {
 /**
 * Swaps the deeply nested state (signal values) between two field stores. This
 * includes the `elements`, `errors`, `startInput`, `input`, `isTouched`,
-* `isDirty`, and for arrays `startItems` and `items` properties. Recursively
-* walks through the field stores and swaps all signal values.
+* `isEdited`, `isDirty`, and for arrays `startItems` and `items` properties.
+* Recursively walks through the field stores and swaps all signal values.
 *
 * @param firstInternalFieldStore The first field store to swap.
 * @param secondInternalFieldStore The second field store to swap.
@@ -237,6 +249,9 @@ function swapItemState(firstInternalFieldStore, secondInternalFieldStore) {
 			const tempIsTouched = firstInternalFieldStore.isTouched.value;
 			firstInternalFieldStore.isTouched.value = secondInternalFieldStore.isTouched.value;
 			secondInternalFieldStore.isTouched.value = tempIsTouched;
+			const tempIsEdited = firstInternalFieldStore.isEdited.value;
+			firstInternalFieldStore.isEdited.value = secondInternalFieldStore.isEdited.value;
+			secondInternalFieldStore.isEdited.value = tempIsEdited;
 			const tempIsDirty = firstInternalFieldStore.isDirty.value;
 			firstInternalFieldStore.isDirty.value = secondInternalFieldStore.isDirty.value;
 			secondInternalFieldStore.isDirty.value = tempIsDirty;
@@ -249,22 +264,14 @@ function swapItemState(firstInternalFieldStore, secondInternalFieldStore) {
 				firstInternalFieldStore.items.value = secondItems;
 				secondInternalFieldStore.items.value = firstItems;
 				const maxLength = Math.max(firstItems.length, secondItems.length);
-				let firstPath;
-				let secondPath;
 				for (let index = 0; index < maxLength; index++) {
 					if (!firstInternalFieldStore.children[index]) {
-						firstPath ??= JSON.parse(firstInternalFieldStore.name);
 						firstInternalFieldStore.children[index] = {};
-						firstPath.push(index);
-						initializeFieldStore(firstInternalFieldStore.children[index], firstInternalFieldStore.schema.item, void 0, firstPath);
-						firstPath.pop();
+						initializeFieldStore(firstInternalFieldStore.children[index], firstInternalFieldStore.schema.item, void 0, [...firstInternalFieldStore.path, index]);
 					}
 					if (!secondInternalFieldStore.children[index]) {
-						secondPath ??= JSON.parse(secondInternalFieldStore.name);
 						secondInternalFieldStore.children[index] = {};
-						secondPath.push(index);
-						initializeFieldStore(secondInternalFieldStore.children[index], secondInternalFieldStore.schema.item, void 0, secondPath);
-						secondPath.pop();
+						initializeFieldStore(secondInternalFieldStore.children[index], secondInternalFieldStore.schema.item, void 0, [...secondInternalFieldStore.path, index]);
 					}
 					swapItemState(firstInternalFieldStore.children[index], secondInternalFieldStore.children[index]);
 				}
@@ -273,6 +280,57 @@ function swapItemState(firstInternalFieldStore, secondInternalFieldStore) {
 	});
 }
 
+//#endregion
+//#region src/field/focusFieldElement/focusFieldElement.ts
+/**
+* Focuses the first focusable element of a field store. The elements are tried
+* in order and the first one that actually receives focus wins, so detached,
+* disabled or hidden elements are skipped. The browser decides focusability,
+* which is read back via the element's root `activeElement` so elements in a
+* shadow root or another document are handled correctly.
+*
+* Hint: A `display: none` or `hidden` element is correctly skipped in real
+* browsers, but jsdom has no layout and focuses it anyway, so that case cannot
+* be covered by unit tests.
+*
+* @param internalFieldStore The field store to focus.
+*
+* @returns Whether an element was focused.
+*/
+function focusFieldElement(internalFieldStore) {
+	for (const element of internalFieldStore.elements) {
+		element.focus();
+		if (element.getRootNode().activeElement === element) return true;
+	}
+	return false;
+}
+
+//#endregion
+//#region src/field/walkFieldStore/walkFieldStore.ts
+/**
+* Walks through the field store and all nested children, calling the callback
+* for each field store in depth-first order. The callback may return `true` to
+* stop the walk early, in which case `walkFieldStore` returns `true` as well.
+*
+* The walk reads array `items` reactively, so a reactive caller subscribes to
+* structural changes naturally. Imperative callers that must not subscribe
+* (e.g. when invoked inside an effect) should wrap the call in `untrack`.
+*
+* @param internalFieldStore The field store to walk.
+* @param callback The callback to invoke for each field store. Return `true` to stop the walk early.
+*
+* @returns Whether the walk was stopped early by the callback.
+*/
+function walkFieldStore(internalFieldStore, callback) {
+	if (callback(internalFieldStore)) return true;
+	if (internalFieldStore.kind === "array") {
+		for (let index = 0; index < internalFieldStore.items.value.length; index++) if (walkFieldStore(internalFieldStore.children[index], callback)) return true;
+	} else if (internalFieldStore.kind === "object") {
+		for (const key in internalFieldStore.children) if (walkFieldStore(internalFieldStore.children[key], callback)) return true;
+	}
+	return false;
+}
+
 //#endregion
 //#region src/field/getFieldBool/getFieldBool.ts
 /**
@@ -286,16 +344,7 @@ function swapItemState(firstInternalFieldStore, secondInternalFieldStore) {
 */
 /* @__NO_SIDE_EFFECTS__ */
 function getFieldBool(internalFieldStore, type) {
-	if (internalFieldStore[type].value) return true;
-	if (internalFieldStore.kind === "array") {
-		for (let index = 0; index < internalFieldStore.items.value.length; index++) if (/* @__PURE__ */ getFieldBool(internalFieldStore.children[index], type)) return true;
-		return false;
-	}
-	if (internalFieldStore.kind == "object") {
-		for (const key in internalFieldStore.children) if (/* @__PURE__ */ getFieldBool(internalFieldStore.children[key], type)) return true;
-		return false;
-	}
-	return false;
+	return walkFieldStore(internalFieldStore, (internalFieldStore$1) => Boolean(internalFieldStore$1[type].value));
 }
 
 //#endregion
@@ -428,11 +477,11 @@ function getFieldStore(internalFormStore, path) {
 */
 function setFieldBool(internalFieldStore, type, bool) {
 	batch(() => {
-		if (internalFieldStore.kind === "array") {
-			internalFieldStore[type].value = bool;
-			for (let index = 0; index < untrack(() => internalFieldStore.items.value).length; index++) setFieldBool(internalFieldStore.children[index], type, bool);
-		} else if (internalFieldStore.kind == "object") for (const key in internalFieldStore.children) setFieldBool(internalFieldStore.children[key], type, bool);
-		else internalFieldStore[type].value = bool;
+		untrack(() => {
+			walkFieldStore(internalFieldStore, (internalFieldStore$1) => {
+				internalFieldStore$1[type].value = bool;
+			});
+		});
 	});
 }
 
@@ -447,23 +496,21 @@ function setFieldBool(internalFieldStore, type, bool) {
 */
 function setNestedInput(internalFieldStore, input) {
 	internalFieldStore.isTouched.value = true;
+	internalFieldStore.isEdited.value = true;
 	if (internalFieldStore.kind === "array") {
 		const arrayInput = input ?? [];
 		const items = internalFieldStore.items.value;
-		if (arrayInput.length < items.length) internalFieldStore.items.value = items.slice(0, arrayInput.length);
-		else if (arrayInput.length > items.length) {
-			if (arrayInput.length > internalFieldStore.children.length) {
-				const path = JSON.parse(internalFieldStore.name);
-				for (let index = internalFieldStore.children.length; index < arrayInput.length; index++) {
-					internalFieldStore.children[index] = {};
-					path.push(index);
-					initializeFieldStore(internalFieldStore.children[index], internalFieldStore.schema.item, arrayInput[index], path);
-					path.pop();
-				}
+		const length = internalFieldStore.schema.type === "array" ? arrayInput.length : internalFieldStore.children.length;
+		if (length < items.length) internalFieldStore.items.value = items.slice(0, length);
+		else if (length > items.length) {
+			for (let index = items.length; index < length; index++) if (internalFieldStore.children[index]) resetItemState(internalFieldStore.children[index], arrayInput[index], true);
+			else {
+				internalFieldStore.children[index] = {};
+				initializeFieldStore(internalFieldStore.children[index], internalFieldStore.schema.item, arrayInput[index], [...internalFieldStore.path, index]);
 			}
-			internalFieldStore.items.value = [...items, ...arrayInput.slice(items.length).map(createId)];
+			internalFieldStore.items.value = [...items, ...Array.from({ length: length - items.length }, createId)];
 		}
-		for (let index = 0; index < arrayInput.length; index++) setNestedInput(internalFieldStore.children[index], arrayInput[index]);
+		for (let index = 0; index < length; index++) setNestedInput(internalFieldStore.children[index], arrayInput[index]);
 		internalFieldStore.input.value = input == null ? input : true;
 		internalFieldStore.isDirty.value = internalFieldStore.startInput.value !== internalFieldStore.input.value || internalFieldStore.startItems.value.length !== internalFieldStore.items.value.length;
 	} else if (internalFieldStore.kind === "object") {
@@ -510,41 +557,22 @@ function setFieldInput(internalFormStore, path, input) {
 function setInitialFieldInput(internalFieldStore, initialInput) {
 	batch(() => {
 		if (internalFieldStore.kind === "array") {
-			internalFieldStore.input.value = initialInput == null ? initialInput : true;
+			internalFieldStore.initialInput.value = initialInput == null ? initialInput : true;
 			const initialArrayInput = initialInput ?? [];
-			if (initialArrayInput.length > internalFieldStore.children.length) {
-				const path = JSON.parse(internalFieldStore.name);
-				for (let index = internalFieldStore.children.length; index < initialArrayInput.length; index++) {
-					internalFieldStore.children[index] = {};
-					path.push(index);
-					initializeFieldStore(internalFieldStore.children[index], internalFieldStore.schema.item, initialArrayInput[index], path);
-					path.pop();
-				}
+			const length = internalFieldStore.schema.type === "array" ? initialArrayInput.length : internalFieldStore.children.length;
+			if (length > internalFieldStore.children.length) for (let index = internalFieldStore.children.length; index < length; index++) {
+				internalFieldStore.children[index] = {};
+				initializeFieldStore(internalFieldStore.children[index], internalFieldStore.schema.item, initialArrayInput[index], [...internalFieldStore.path, index]);
 			}
-			internalFieldStore.initialItems.value = initialArrayInput.map(createId);
+			internalFieldStore.initialItems.value = Array.from({ length }, createId);
 			for (let index = 0; index < internalFieldStore.children.length; index++) setInitialFieldInput(internalFieldStore.children[index], initialArrayInput[index]);
 		} else if (internalFieldStore.kind === "object") {
-			internalFieldStore.input.value = initialInput == null ? initialInput : true;
+			internalFieldStore.initialInput.value = initialInput == null ? initialInput : true;
 			for (const key in internalFieldStore.children) setInitialFieldInput(internalFieldStore.children[key], initialInput?.[key]);
 		} else internalFieldStore.initialInput.value = initialInput;
 	});
 }
 
-//#endregion
-//#region src/field/walkFieldStore/walkFieldStore.ts
-/**
-* Walks through the field store and all nested children, calling the callback
-* for each field store in depth-first order.
-*
-* @param internalFieldStore The field store to walk.
-* @param callback The callback to invoke for each field store.
-*/
-function walkFieldStore(internalFieldStore, callback) {
-	callback(internalFieldStore);
-	if (internalFieldStore.kind === "array") for (let index = 0; index < untrack(() => internalFieldStore.items.value).length; index++) walkFieldStore(internalFieldStore.children[index], callback);
-	else if (internalFieldStore.kind === "object") for (const key in internalFieldStore.children) walkFieldStore(internalFieldStore.children[key], callback);
-}
-
 //#endregion
 //#region src/form/createFormStore/createFormStore.ts
 /**
@@ -570,6 +598,203 @@ function createFormStore(config, parse) {
 	return store;
 }
 
+//#endregion
+//#region src/form/decodeFormData/decodeFormData.ts
+const NUMBER_REGEX = /^[+-]?(?:\d+(?:\.\d*)?|\.\d+)(?:[eE][+-]?\d+)?$/u;
+const ISO_DATE_TIME_REGEX = /^\d{4}-(?:0[1-9]|1[0-2])-(?:[12]\d|0[1-9]|3[01])T(?:0\d|1\d|2[0-3]):[0-5]\d(?::[0-5]\d(?:\.\d+)?)?$/u;
+const MAX_ARRAY_LENGTH = 5e3;
+/**
+* Unwraps wrapper and lazy schemas until a concrete schema is reached.
+*
+* @param schema The schema to unwrap.
+*
+* @returns The unwrapped schema.
+*/
+function unwrapSchema(schema) {
+	switch (schema.type) {
+		case "exact_optional":
+		case "nullable":
+		case "nullish":
+		case "optional":
+		case "undefinedable":
+		case "non_nullable":
+		case "non_nullish":
+		case "non_optional": return unwrapSchema(schema.wrapped);
+		case "lazy": return unwrapSchema(schema.getter(void 0));
+		default: return schema;
+	}
+}
+/**
+* Returns the child schema for the given key by traversing objects, arrays,
+* tuples and schema options. Returns `undefined` if no child schema is found.
+*
+* @param schema The parent schema.
+* @param key The path key.
+*
+* @returns The child schema or `undefined`.
+*/
+function getChildSchema(schema, key) {
+	if (schema) {
+		const unwrapped = unwrapSchema(schema);
+		if (unwrapped.type === "object" || unwrapped.type === "loose_object" || unwrapped.type === "strict_object") return unwrapped.entries[key];
+		if (unwrapped.type === "array") return unwrapped.item;
+		if (unwrapped.type === "tuple" || unwrapped.type === "loose_tuple" || unwrapped.type === "strict_tuple") return unwrapped.items[key];
+		if (unwrapped.type === "union" || unwrapped.type === "intersect" || unwrapped.type === "variant") for (const option of unwrapped.options) {
+			const childSchema = getChildSchema(option, key);
+			if (childSchema !== void 0) return childSchema;
+		}
+	}
+}
+/**
+* Decodes a stringified date based on its format. Empty strings become `null`.
+*
+* @param value The stringified value.
+*
+* @returns The decoded date.
+*/
+function decodeDate(value) {
+	if (!value || value === "null") return null;
+	if (value === "undefined") return;
+	if (ISO_DATE_TIME_REGEX.test(value)) return /* @__PURE__ */ new Date(`${value}Z`);
+	return new Date(value);
+}
+/**
+* Decodes a stringified boolean. Empty strings become `null`.
+*
+* @param value The stringified value.
+*
+* @returns The decoded boolean.
+*/
+function decodeBoolean(value) {
+	if (!value || value === "null") return null;
+	if (value === "undefined") return;
+	return !(value === "false" || value === "off" || value === "0");
+}
+/**
+* Decodes a stringified number. Empty strings become `null` and non-numeric
+* values become `NaN`.
+*
+* @param value The stringified value.
+*
+* @returns The decoded number.
+*/
+function decodeNumber(value) {
+	if (!value || value === "null") return null;
+	if (value === "undefined") return;
+	if (NUMBER_REGEX.test(value)) return Number(value);
+	return NaN;
+}
+/**
+* Decodes a stringified bigint. Empty strings become `null` and invalid values
+* are returned unchanged.
+*
+* @param value The stringified value.
+*
+* @returns The decoded bigint.
+*/
+function decodeBigint(value) {
+	if (!value || value === "null") return null;
+	if (value === "undefined") return;
+	try {
+		return BigInt(value);
+	} catch {
+		return value;
+	}
+}
+/**
+* Decodes a single form data value based on the concrete schema type. Files
+* and unknown types are returned unchanged.
+*
+* @param value The form data value.
+* @param schema The schema of the value.
+*
+* @returns The decoded value.
+*/
+function decodeValue(value, schema) {
+	if (typeof value !== "string" || !schema) return value;
+	switch (unwrapSchema(schema).type) {
+		case "number": return decodeNumber(value);
+		case "boolean": return decodeBoolean(value);
+		case "date": return decodeDate(value);
+		case "bigint": return decodeBigint(value);
+		default: return value;
+	}
+}
+/**
+* Fills in default values that are lost during the form data transfer. Booleans
+* of unchecked checkboxes become `false` and absent arrays become empty. Only
+* containers that are present in the decoded data are completed.
+*
+* @param schema The schema of the value.
+* @param parent The parent object or array holding the value.
+* @param key The key of the value within its parent.
+*/
+function fillDefaults(schema, parent, key) {
+	const unwrappedSchema = unwrapSchema(schema);
+	if (unwrappedSchema.type === "boolean") {
+		if (parent[key] === void 0) parent[key] = false;
+	} else if (unwrappedSchema.type === "array") if (Array.isArray(parent[key])) for (let index = 0; index < parent[key].length; index++) fillDefaults(unwrappedSchema.item, parent[key], index);
+	else parent[key] = [];
+	else if (unwrappedSchema.type === "tuple" || unwrappedSchema.type === "loose_tuple" || unwrappedSchema.type === "strict_tuple") {
+		if (Array.isArray(parent[key])) for (let index = 0; index < unwrappedSchema.items.length; index++) fillDefaults(unwrappedSchema.items[index], parent[key], index);
+	} else if (unwrappedSchema.type === "object" || unwrappedSchema.type === "loose_object" || unwrappedSchema.type === "strict_object") {
+		if (parent[key] && typeof parent[key] === "object") for (const entryKey in unwrappedSchema.entries) fillDefaults(unwrappedSchema.entries[entryKey], parent[key], entryKey);
+	} else if (unwrappedSchema.type === "union" || unwrappedSchema.type === "intersect" || unwrappedSchema.type === "variant") for (const option of unwrappedSchema.options) fillDefaults(option, parent, key);
+}
+/**
+* Decodes the entries of a form data object into nested form values using the
+* Valibot schema as the source of truth. Information that is lost during the
+* transfer via HTTP, like numbers, booleans, dates and unchecked checkboxes,
+* is restored based on the schema.
+*
+* The keys of the form data are expected to be the stringified field paths that
+* Formisch assigns to its field elements (for example `["todos",0,"label"]`).
+*
+* @param schema The form schema.
+* @param formData The form data object.
+*
+* @returns The decoded form values.
+*/
+/* @__NO_SIDE_EFFECTS__ */
+function decodeFormData(schema, formData) {
+	const values = {};
+	formData.forEach((value, key) => {
+		let path = null;
+		try {
+			path = JSON.parse(key);
+		} catch {}
+		if (Array.isArray(path) && path.length > 0 && (typeof value === "string" || value.size > 0 || value.name !== "")) {
+			let parentValue = values;
+			let parentSchema = schema;
+			for (let index = 0; index < path.length; index++) {
+				const segment = path[index];
+				if (typeof segment !== "string" && typeof segment !== "number" || segment === "" || segment === "__proto__" || segment === "prototype" || segment === "constructor") break;
+				if (Array.isArray(parentValue)) {
+					if (typeof segment === "string") break;
+					if (segment >= MAX_ARRAY_LENGTH) throw new Error(`Array exceeds the maximum length of ${MAX_ARRAY_LENGTH}`);
+				}
+				const childSchema = getChildSchema(parentSchema, segment);
+				if (index === path.length - 1) {
+					const unwrappedSchema = childSchema && unwrapSchema(childSchema);
+					if (unwrappedSchema && unwrappedSchema.type === "array") {
+						parentValue[segment] ??= [];
+						parentValue[segment].push(decodeValue(value, unwrappedSchema.item));
+					} else parentValue[segment] = decodeValue(value, childSchema);
+				} else {
+					if (parentValue[segment] == null) {
+						const schemaType = childSchema && unwrapSchema(childSchema).type;
+						parentValue[segment] = schemaType === "array" || schemaType === "tuple" || schemaType === "loose_tuple" || schemaType === "strict_tuple" ? [] : {};
+					} else if (typeof parentValue[segment] !== "object") break;
+					parentValue = parentValue[segment];
+					parentSchema = childSchema;
+				}
+			}
+		}
+	});
+	fillDefaults(schema, { values }, "values");
+	return values;
+}
+
 //#endregion
 //#region src/form/validateFormInput/validateFormInput.ts
 /**
@@ -585,44 +810,51 @@ function createFormStore(config, parse) {
 async function validateFormInput(internalFormStore, config) {
 	internalFormStore.validators++;
 	internalFormStore.isValidating.value = true;
-	const result = await internalFormStore.parse(untrack(() => /* @__PURE__ */ getFieldInput(internalFormStore)));
-	let rootErrors;
-	let nestedErrors;
-	if (result.issues) {
-		nestedErrors = {};
-		for (const issue of result.issues) if (issue.path) {
-			const path = [];
-			for (const pathItem of issue.path) {
-				const key = pathItem.key;
-				const keyType = typeof key;
-				const itemType = pathItem.type;
-				if (keyType !== "string" && keyType !== "number" || itemType === "map" || itemType === "set") break;
-				path.push(key);
-			}
-			const name = JSON.stringify(path);
-			const fieldErrors = nestedErrors[name];
-			if (fieldErrors) fieldErrors.push(issue.message);
-			else nestedErrors[name] = [issue.message];
-		} else if (rootErrors) rootErrors.push(issue.message);
-		else rootErrors = [issue.message];
-	}
-	let shouldFocus = config?.shouldFocus ?? false;
-	batch(() => {
-		walkFieldStore(internalFormStore, (internalFieldStore) => {
-			if (internalFieldStore.name === "[]") internalFieldStore.errors.value = rootErrors ?? null;
-			else {
-				const fieldErrors = nestedErrors?.[internalFieldStore.name] ?? null;
-				internalFieldStore.errors.value = fieldErrors;
-				if (shouldFocus && fieldErrors) {
-					internalFieldStore.elements[0]?.focus();
-					shouldFocus = false;
+	try {
+		const result = await internalFormStore.parse(untrack(() => /* @__PURE__ */ getFieldInput(internalFormStore)));
+		let rootErrors;
+		let nestedErrors;
+		if (result.issues) {
+			nestedErrors = {};
+			for (const issue of result.issues) if (issue.path) {
+				const path = [];
+				for (const pathItem of issue.path) {
+					const key = pathItem.key;
+					const keyType = typeof key;
+					const itemType = pathItem.type;
+					if (keyType !== "string" && keyType !== "number" || itemType === "map" || itemType === "set") break;
+					path.push(key);
 				}
-			}
+				const name = JSON.stringify(path);
+				const fieldErrors = nestedErrors[name];
+				if (fieldErrors) fieldErrors.push(issue.message);
+				else nestedErrors[name] = [issue.message];
+			} else if (rootErrors) rootErrors.push(issue.message);
+			else rootErrors = [issue.message];
+		}
+		let shouldFocus = config?.shouldFocus ?? false;
+		batch(() => {
+			untrack(() => {
+				walkFieldStore(internalFormStore, (internalFieldStore) => {
+					if (internalFieldStore.path.length === 0) internalFieldStore.errors.value = rootErrors ?? null;
+					else {
+						const fieldErrors = nestedErrors?.[internalFieldStore.name] ?? null;
+						internalFieldStore.errors.value = fieldErrors;
+						if (shouldFocus && fieldErrors && focusFieldElement(internalFieldStore)) shouldFocus = false;
+					}
+				});
+			});
+			internalFormStore.validators--;
+			internalFormStore.isValidating.value = internalFormStore.validators > 0;
 		});
-		internalFormStore.validators--;
-		internalFormStore.isValidating.value = internalFormStore.validators > 0;
-	});
-	return result;
+		return result;
+	} catch (error) {
+		batch(() => {
+			internalFormStore.validators--;
+			internalFormStore.isValidating.value = internalFormStore.validators > 0;
+		});
+		throw error;
+	}
 }
 
 //#endregion
@@ -648,4 +880,4 @@ function validateIfRequired(internalFormStore, internalFieldStore, validationMod
 const INTERNAL = "~internal";
 
 //#endregion
-export { INTERNAL, batch, copyItemState, createFormStore, createId, createSignal, framework, getDirtyFieldInput, getElementInput, getFieldBool, getFieldInput, getFieldStore, initializeFieldStore, resetItemState, setFieldBool, setFieldInput, setInitialFieldInput, swapItemState, untrack, validateFormInput, validateIfRequired, walkFieldStore };
+export { INTERNAL, batch, copyItemState, createFormStore, createId, createSignal, decodeFormData, focusFieldElement, framework, getDirtyFieldInput, getElementInput, getFieldBool, getFieldInput, getFieldStore, initializeFieldStore, resetItemState, setFieldBool, setFieldInput, setInitialFieldInput, swapItemState, untrack, validateFormInput, validateIfRequired, walkFieldStore };