Allow boolean and number form fields to be hidden

Author: cofl

packages/kit/src/exports/public.d.ts

@@ -1833,6 +1833,8 @@ type InputTypeMap = {
 	radio: string;
 	file: File;
 	hidden: string;
+	'hidden boolean': boolean;
+	'hidden number': number;
 	submit: string;
 	button: string;
 	reset: string;
@@ -1890,7 +1892,11 @@ type AsArgs<Type extends keyof InputTypeMap, Value> = Type extends 'checkbox'
 		: [type: Type]
 	: Type extends 'radio' | 'submit' | 'hidden'
 		? [type: Type, value: Value | (string & {})]
-		: [type: Type];
+		: Type extends 'hidden number'
+			? [type: Type, value: Value | (number & {})]
+			: Type extends 'hidden boolean'
+				? [type: Type, value: Value | (boolean & {})]
+				: [type: Type];
 
 /**
  * Form field accessor type that provides name(), value(), and issues() methods

packages/kit/src/runtime/form-utils.svelte.js

@@ -249,7 +249,7 @@ export function create_field_proxy(target, get_input, depend, set_input, get_iss
 			if (prop === 'as') {
 				/**
 				 * @param {string} type
-				 * @param {string} [input_value]
+				 * @param {string | number | boolean} [input_value]
 				 */
 				const as_func = (type, input_value) => {
 					const is_array =
@@ -258,9 +258,9 @@ export function create_field_proxy(target, get_input, depend, set_input, get_iss
 						(type === 'checkbox' && typeof input_value === 'string');
 
 					const prefix =
-						type === 'number' || type === 'range'
+						type === 'number' || type === 'range' || type === 'hidden number'
 							? 'n:'
-							: type === 'checkbox' && !is_array
+							: (type === 'checkbox' && !is_array) || type === 'hidden boolean'
 								? 'b:'
 								: '';
 
@@ -292,6 +292,32 @@ export function create_field_proxy(target, get_input, depend, set_input, get_iss
 						});
 					}
 
+					// Handle hidden number inputs
+					if (type === 'hidden number') {
+						if (DEV) {
+							if (typeof input_value !== 'number') {
+								throw new Error(`\`hidden number\` input must be a number value.`);
+							}
+						}
+
+						return Object.defineProperties(base_props, {
+							value: { value: input_value, enumerable: true }
+						});
+					}
+
+					// Handle hidden boolean inputs
+					if (type === 'hidden boolean') {
+						if (DEV) {
+							if (typeof input_value !== 'boolean') {
+								throw new Error(`\`hidden boolean\` input must be a boolean value.`);
+							}
+						}
+
+						return Object.defineProperties(base_props, {
+							value: { value: input_value && 'on', enumerable: true }
+						});
+					}
+
 					// Handle select inputs
 					if (type === 'select' || type === 'select multiple') {
 						return Object.defineProperties(base_props, {

packages/kit/types/index.d.ts

@@ -1809,6 +1809,8 @@ declare module '@sveltejs/kit' {
 		radio: string;
 		file: File;
 		hidden: string;
+		'hidden boolean': boolean;
+		'hidden number': number;
 		submit: string;
 		button: string;
 		reset: string;
@@ -1866,7 +1868,11 @@ declare module '@sveltejs/kit' {
 			: [type: Type]
 		: Type extends 'radio' | 'submit' | 'hidden'
 			? [type: Type, value: Value | (string & {})]
-			: [type: Type];
+			: Type extends 'hidden number'
+				? [type: Type, value: Value | (number & {})]
+				: Type extends 'hidden boolean'
+					? [type: Type, value: Value | (boolean & {})]
+					: [type: Type];
 
 	/**
 	 * Form field accessor type that provides name(), value(), and issues() methods