@conform-to/dom 1.1.5 → 1.2.1

package/dom.d.ts

@@ -2,10 +2,7 @@
  * Element that user can interact with,
  * includes `<input>`, `<select>` and `<textarea>`.
  */
-export type FieldElement =
-	| HTMLInputElement
-	| HTMLSelectElement
-	| HTMLTextAreaElement;
+export type FieldElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
 /**
  * HTML Element that can be used as a form control,
  * includes `<input>`, `<select>`, `<textarea>` and `<button>`.
@@ -23,9 +20,7 @@ export declare function isFormControl(element: unknown): element is FormControl;
  * A type guard to check if the provided element is a field element, which
  * is a form control excluding submit, button and reset type.
  */
-export declare function isFieldElement(
-	element: unknown,
-): element is FieldElement;
+export declare function isFieldElement(element: unknown): element is FieldElement;
 /**
  * Resolves the action from the submit event
  * with respect to the submitter `formaction` attribute.
@@ -35,21 +30,14 @@ export declare function getFormAction(event: SubmitEvent): string;
  * Resolves the encoding type from the submit event
  * with respect to the submitter `formenctype` attribute.
  */
-export declare function getFormEncType(
-	event: SubmitEvent,
-): 'application/x-www-form-urlencoded' | 'multipart/form-data';
+export declare function getFormEncType(event: SubmitEvent): 'application/x-www-form-urlencoded' | 'multipart/form-data';
 /**
  * Resolves the method from the submit event
  * with respect to the submitter `formmethod` attribute.
  */
-export declare function getFormMethod(
-	event: SubmitEvent,
-): 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';
+export declare function getFormMethod(event: SubmitEvent): 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';
 /**
  * Trigger a form submit event with an optional submitter.
  * If the submitter is not mounted, it will be appended to the form and removed after submission.
  */
-export declare function requestSubmit(
-	form: HTMLFormElement | null | undefined,
-	submitter: Submitter | null,
-): void;
+export declare function requestSubmit(form: HTMLFormElement | null | undefined, submitter: Submitter | null): void;

package/form.d.ts

@@ -1,246 +1,147 @@
 import { getFormAction, getFormEncType, getFormMethod } from './dom';
-import {
-	type Intent,
-	type Submission,
-	type SubmissionResult,
-} from './submission';
-type BaseCombine<
-	T,
-	K extends PropertyKey = T extends unknown ? keyof T : never,
-> = T extends unknown ? T & Partial<Record<Exclude<K, keyof T>, never>> : never;
+import { type Intent, type Submission, type SubmissionResult } from './submission';
+type BaseCombine<T, K extends PropertyKey = T extends unknown ? keyof T : never> = T extends unknown ? T & Partial<Record<Exclude<K, keyof T>, never>> : never;
 export type Combine<T> = {
-	[K in keyof BaseCombine<T>]: BaseCombine<T>[K];
+    [K in keyof BaseCombine<T>]: BaseCombine<T>[K];
 };
-export type DefaultValue<Schema> = Schema extends
-	| string
-	| number
-	| boolean
-	| Date
-	| bigint
-	| null
-	| undefined
-	? Schema | string | null | undefined
-	: Schema extends File
-		? null | undefined
-		: Schema extends Array<infer Item>
-			? Array<DefaultValue<Item>> | null | undefined
-			: Schema extends Record<string, any>
-				?
-						| {
-								[Key in keyof Schema]?: DefaultValue<Schema[Key]>;
-						  }
-						| null
-						| undefined
-				: string | null | undefined;
-export type FormValue<Schema> = Schema extends
-	| string
-	| number
-	| boolean
-	| Date
-	| bigint
-	| null
-	| undefined
-	? string | undefined
-	: Schema extends File
-		? File | undefined
-		: Schema extends File[]
-			? File | Array<File> | undefined
-			: Schema extends Array<infer Item>
-				? string | Array<FormValue<Item>> | undefined
-				: Schema extends Record<string, any>
-					?
-							| {
-									[Key in keyof Schema]?: FormValue<Schema[Key]>;
-							  }
-							| null
-							| undefined
-					: unknown;
+export type DefaultValue<Schema> = Schema extends string | number | boolean | Date | bigint | null | undefined ? Schema | string | null | undefined : Schema extends File ? null | undefined : Schema extends Array<infer Item> ? Array<DefaultValue<Item>> | null | undefined : Schema extends Record<string, any> ? {
+    [Key in keyof Schema]?: DefaultValue<Schema[Key]>;
+} | null | undefined : string | null | undefined;
+export type FormValue<Schema> = Schema extends string | number | boolean | Date | bigint | null | undefined ? string | undefined : Schema extends File ? File | undefined : Schema extends File[] ? File | Array<File> | undefined : Schema extends Array<infer Item> ? string | Array<FormValue<Item>> | undefined : Schema extends Record<string, any> ? {
+    [Key in keyof Schema]?: FormValue<Schema[Key]>;
+} | undefined : unknown;
 declare const error: unique symbol;
 declare const field: unique symbol;
 declare const form: unique symbol;
-export type FormId<
-	Schema extends Record<string, unknown> = Record<string, unknown>,
-	Error = string[],
-> = string & {
-	[error]?: Error;
-	[form]?: Schema;
+export type FormId<Schema extends Record<string, unknown> = Record<string, unknown>, Error = string[]> = string & {
+    [error]?: Error;
+    [form]?: Schema;
 };
-export type FieldName<
-	FieldSchema,
-	FormSchema extends Record<string, unknown> = Record<string, unknown>,
-	Error = string[],
-> = string & {
-	[field]?: FieldSchema;
-	[error]?: Error;
-	[form]?: FormSchema;
+export type FieldName<FieldSchema, FormSchema extends Record<string, unknown> = Record<string, unknown>, Error = string[]> = string & {
+    [field]?: FieldSchema;
+    [error]?: Error;
+    [form]?: FormSchema;
 };
 export type Constraint = {
-	required?: boolean;
-	minLength?: number;
-	maxLength?: number;
-	min?: string | number;
-	max?: string | number;
-	step?: string | number;
-	multiple?: boolean;
-	pattern?: string;
+    required?: boolean;
+    minLength?: number;
+    maxLength?: number;
+    min?: string | number;
+    max?: string | number;
+    step?: string | number;
+    multiple?: boolean;
+    pattern?: string;
 };
 export type FormMeta<FormError> = {
-	formId: string;
-	isValueUpdated: boolean;
-	submissionStatus?: 'error' | 'success';
-	defaultValue: Record<string, unknown>;
-	initialValue: Record<string, unknown>;
-	value: Record<string, unknown>;
-	error: Record<string, FormError>;
-	constraint: Record<string, Constraint>;
-	key: Record<string, string | undefined>;
-	validated: Record<string, boolean>;
+    formId: string;
+    isValueUpdated: boolean;
+    submissionStatus?: 'error' | 'success';
+    defaultValue: Record<string, unknown>;
+    initialValue: Record<string, unknown>;
+    value: Record<string, unknown>;
+    error: Record<string, FormError>;
+    constraint: Record<string, Constraint>;
+    key: Record<string, string | undefined>;
+    validated: Record<string, boolean>;
 };
-export type FormState<FormError> = Omit<
-	FormMeta<FormError>,
-	'formId' | 'isValueUpdated'
-> & {
-	valid: Record<string, boolean>;
-	dirty: Record<string, boolean>;
+export type FormState<FormError> = Omit<FormMeta<FormError>, 'formId' | 'isValueUpdated'> & {
+    valid: Record<string, boolean>;
+    dirty: Record<string, boolean>;
 };
 export type FormOptions<Schema, FormError = string[], FormValue = Schema> = {
-	/**
-	 * The id of the form.
-	 */
-	formId: string;
-	/**
-	 * An object representing the initial value of the form.
-	 */
-	defaultValue?: DefaultValue<Schema>;
-	/**
-	 * An object describing the constraint of each field
-	 */
-	constraint?: Record<string, Constraint>;
-	/**
-	 * An object describing the result of the last submission
-	 */
-	lastResult?: SubmissionResult<FormError> | null | undefined;
-	/**
-	 * Define when conform should start validation.
-	 * Support "onSubmit", "onInput", "onBlur".
-	 *
-	 * @default "onSubmit"
-	 */
-	shouldValidate?: 'onSubmit' | 'onBlur' | 'onInput';
-	/**
-	 * Define when conform should revalidate again.
-	 * Support "onSubmit", "onInput", "onBlur".
-	 *
-	 * @default Same as shouldValidate, or "onSubmit" if shouldValidate is not provided.
-	 */
-	shouldRevalidate?: 'onSubmit' | 'onBlur' | 'onInput';
-	/**
-	 * Define if conform should considered the field for dirty state.
-	 * e.g. Excluding form fields that are not managed by Conform, such as CSRF token
-	 */
-	shouldDirtyConsider?: (name: string) => boolean;
-	/**
-	 * A function to be called when the form should be (re)validated.
-	 */
-	onValidate?: (context: {
-		form: HTMLFormElement;
-		submitter: HTMLInputElement | HTMLButtonElement | null;
-		formData: FormData;
-	}) => Submission<Schema, FormError, FormValue>;
+    /**
+     * The id of the form.
+     */
+    formId: string;
+    /**
+     * An object representing the initial value of the form.
+     */
+    defaultValue?: DefaultValue<Schema>;
+    /**
+     * An object describing the constraint of each field
+     */
+    constraint?: Record<string, Constraint>;
+    /**
+     * An object describing the result of the last submission
+     */
+    lastResult?: SubmissionResult<FormError> | null | undefined;
+    /**
+     * Define when conform should start validation.
+     * Support "onSubmit", "onInput", "onBlur".
+     *
+     * @default "onSubmit"
+     */
+    shouldValidate?: 'onSubmit' | 'onBlur' | 'onInput';
+    /**
+     * Define when conform should revalidate again.
+     * Support "onSubmit", "onInput", "onBlur".
+     *
+     * @default Same as shouldValidate, or "onSubmit" if shouldValidate is not provided.
+     */
+    shouldRevalidate?: 'onSubmit' | 'onBlur' | 'onInput';
+    /**
+     * Define if conform should considered the field for dirty state.
+     * e.g. Excluding form fields that are not managed by Conform, such as CSRF token
+     */
+    shouldDirtyConsider?: (name: string) => boolean;
+    /**
+     * A function to be called when the form should be (re)validated.
+     */
+    onValidate?: (context: {
+        form: HTMLFormElement;
+        submitter: HTMLInputElement | HTMLButtonElement | null;
+        formData: FormData;
+    }) => Submission<Schema, FormError, FormValue>;
 };
 export type SubscriptionSubject = {
-	[key in
-		| 'error'
-		| 'initialValue'
-		| 'value'
-		| 'key'
-		| 'valid'
-		| 'dirty']?: SubscriptionScope;
+    [key in 'error' | 'initialValue' | 'value' | 'key' | 'valid' | 'dirty']?: SubscriptionScope;
 } & {
-	formId?: boolean;
-	status?: boolean;
+    formId?: boolean;
+    status?: boolean;
 };
 export type SubscriptionScope = {
-	prefix?: string[];
-	name?: string[];
+    prefix?: string[];
+    name?: string[];
 };
 export type ControlButtonProps = {
-	name: string;
-	value: string;
-	form: string;
-	formNoValidate: boolean;
+    name: string;
+    value: string;
+    form: string;
+    formNoValidate: boolean;
 };
-export type FormContext<
-	Schema extends Record<string, any> = any,
-	FormError = string[],
-	FormValue = Schema,
-> = {
-	getFormId(): string;
-	submit(event: SubmitEvent): {
-		formData: FormData;
-		action: ReturnType<typeof getFormAction>;
-		encType: ReturnType<typeof getFormEncType>;
-		method: ReturnType<typeof getFormMethod>;
-		submission?: Submission<Schema, FormError, FormValue>;
-	};
-	onReset(event: Event): void;
-	onInput(event: Event): void;
-	onBlur(event: Event): void;
-	onUpdate(options: Partial<FormOptions<Schema, FormError, FormValue>>): void;
-	observe(): () => void;
-	subscribe(
-		callback: () => void,
-		getSubject?: () => SubscriptionSubject | undefined,
-	): () => void;
-	getState(): FormState<FormError>;
-	getSerializedState(): string;
+export type FormContext<Schema extends Record<string, any> = any, FormError = string[], FormValue = Schema> = {
+    getFormId(): string;
+    submit(event: SubmitEvent): {
+        formData: FormData;
+        action: ReturnType<typeof getFormAction>;
+        encType: ReturnType<typeof getFormEncType>;
+        method: ReturnType<typeof getFormMethod>;
+        submission?: Submission<Schema, FormError, FormValue>;
+    };
+    onReset(event: Event): void;
+    onInput(event: Event): void;
+    onBlur(event: Event): void;
+    onUpdate(options: Partial<FormOptions<Schema, FormError, FormValue>>): void;
+    observe(): () => void;
+    subscribe(callback: () => void, getSubject?: () => SubscriptionSubject | undefined): () => void;
+    getState(): FormState<FormError>;
+    getSerializedState(): string;
 } & {
-	[Type in Intent['type']]: {} extends Extract<
-		Intent,
-		{
-			type: Type;
-		}
-	>['payload']
-		? (<FieldSchema = Schema>(
-				payload?: Extract<
-					Intent<FieldSchema>,
-					{
-						type: Type;
-					}
-				>['payload'],
-			) => void) & {
-				getButtonProps<FieldSchema = Schema>(
-					payload?: Extract<
-						Intent<FieldSchema>,
-						{
-							type: Type;
-						}
-					>['payload'],
-				): ControlButtonProps;
-			}
-		: (<FieldSchema = Schema>(
-				payload: Extract<
-					Intent<FieldSchema>,
-					{
-						type: Type;
-					}
-				>['payload'],
-			) => void) & {
-				getButtonProps<FieldSchema = Schema>(
-					payload: Extract<
-						Intent<FieldSchema>,
-						{
-							type: Type;
-						}
-					>['payload'],
-				): ControlButtonProps;
-			};
+    [Type in Intent['type']]: {} extends Extract<Intent, {
+        type: Type;
+    }>['payload'] ? (<FieldSchema = Schema>(payload?: Extract<Intent<FieldSchema>, {
+        type: Type;
+    }>['payload']) => void) & {
+        getButtonProps<FieldSchema = Schema>(payload?: Extract<Intent<FieldSchema>, {
+            type: Type;
+        }>['payload']): ControlButtonProps;
+    } : (<FieldSchema = Schema>(payload: Extract<Intent<FieldSchema>, {
+        type: Type;
+    }>['payload']) => void) & {
+        getButtonProps<FieldSchema = Schema>(payload: Extract<Intent<FieldSchema>, {
+            type: Type;
+        }>['payload']): ControlButtonProps;
+    };
 };
-export declare function createFormContext<
-	Schema extends Record<string, any>,
-	FormError = string[],
-	FormValue = Schema,
->(
-	options: FormOptions<Schema, FormError, FormValue>,
-): FormContext<Schema, FormError, FormValue>;
+export declare function createFormContext<Schema extends Record<string, any>, FormError = string[], FormValue = Schema>(options: FormOptions<Schema, FormError, FormValue>): FormContext<Schema, FormError, FormValue>;
 export {};

package/form.js

@@ -22,9 +22,7 @@ function createFormMeta(options, initialized) {
     value: initialValue,
     constraint: (_options$constraint = options.constraint) !== null && _options$constraint !== void 0 ? _options$constraint : {},
     validated: (_lastResult$state$val = lastResult === null || lastResult === void 0 || (_lastResult$state = lastResult.state) === null || _lastResult$state === void 0 ? void 0 : _lastResult$state.validated) !== null && _lastResult$state$val !== void 0 ? _lastResult$state$val : {},
-    key: !initialized ? getDefaultKey(defaultValue) : _rollupPluginBabelHelpers.objectSpread2({
-      '': util.generateId()
-    }, getDefaultKey(defaultValue)),
+    key: getDefaultKey(defaultValue),
     // The `lastResult` should comes from the server which we won't expect the error to be null
     // We can consider adding a warning if it happens
     error: (_ref = lastResult === null || lastResult === void 0 ? void 0 : lastResult.error) !== null && _ref !== void 0 ? _ref : {}
@@ -43,7 +41,9 @@ function getDefaultKey(defaultValue, prefix) {
       }
     }
     return result;
-  }, {});
+  }, {
+    [prefix !== null && prefix !== void 0 ? prefix : '']: util.generateId()
+  });
 }
 function setFieldsValidated(meta, fields) {
   for (var _name of Object.keys(meta.error).concat(fields !== null && fields !== void 0 ? fields : [])) {
@@ -147,9 +147,7 @@ function updateValue(meta, name, value) {
   if (name === '') {
     meta.initialValue = value;
     meta.value = value;
-    meta.key = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, getDefaultKey(value)), {}, {
-      '': util.generateId()
-    });
+    meta.key = getDefaultKey(value);
     return;
   }
   meta.initialValue = util.clone(meta.initialValue);

package/form.mjs

@@ -18,9 +18,7 @@ function createFormMeta(options, initialized) {
     value: initialValue,
     constraint: (_options$constraint = options.constraint) !== null && _options$constraint !== void 0 ? _options$constraint : {},
     validated: (_lastResult$state$val = lastResult === null || lastResult === void 0 || (_lastResult$state = lastResult.state) === null || _lastResult$state === void 0 ? void 0 : _lastResult$state.validated) !== null && _lastResult$state$val !== void 0 ? _lastResult$state$val : {},
-    key: !initialized ? getDefaultKey(defaultValue) : _objectSpread2({
-      '': generateId()
-    }, getDefaultKey(defaultValue)),
+    key: getDefaultKey(defaultValue),
     // The `lastResult` should comes from the server which we won't expect the error to be null
     // We can consider adding a warning if it happens
     error: (_ref = lastResult === null || lastResult === void 0 ? void 0 : lastResult.error) !== null && _ref !== void 0 ? _ref : {}
@@ -39,7 +37,9 @@ function getDefaultKey(defaultValue, prefix) {
       }
     }
     return result;
-  }, {});
+  }, {
+    [prefix !== null && prefix !== void 0 ? prefix : '']: generateId()
+  });
 }
 function setFieldsValidated(meta, fields) {
   for (var _name of Object.keys(meta.error).concat(fields !== null && fields !== void 0 ? fields : [])) {
@@ -143,9 +143,7 @@ function updateValue(meta, name, value) {
   if (name === '') {
     meta.initialValue = value;
     meta.value = value;
-    meta.key = _objectSpread2(_objectSpread2({}, getDefaultKey(value)), {}, {
-      '': generateId()
-    });
+    meta.key = getDefaultKey(value);
     return;
   }
   meta.initialValue = clone(meta.initialValue);

package/index.d.ts

@@ -1,26 +1,4 @@
-export {
-	type Combine,
-	type Constraint,
-	type ControlButtonProps,
-	type FormId,
-	type FieldName,
-	type DefaultValue,
-	type FormValue,
-	type FormOptions,
-	type FormState,
-	type FormContext,
-	type SubscriptionSubject,
-	type SubscriptionScope,
-	createFormContext as unstable_createFormContext,
-} from './form';
+export { type Combine, type Constraint, type ControlButtonProps, type FormId, type FieldName, type DefaultValue, type FormValue, type FormOptions, type FormState, type FormContext, type SubscriptionSubject, type SubscriptionScope, createFormContext as unstable_createFormContext, } from './form';
 export { type FieldElement, isFieldElement } from './dom';
-export {
-	type Submission,
-	type SubmissionResult,
-	type Intent,
-	INTENT,
-	STATE,
-	serializeIntent,
-	parse,
-} from './submission';
+export { type Submission, type SubmissionResult, type Intent, INTENT, STATE, serializeIntent, parse, } from './submission';
 export { getPaths, formatPaths, isPrefix } from './formdata';

package/package.json

@@ -3,7 +3,7 @@
   "description": "A set of opinionated helpers built on top of the Constraint Validation API",
   "homepage": "https://conform.guide",
   "license": "MIT",
-  "version": "1.1.5",
+  "version": "1.2.1",
   "main": "index.js",
   "module": "index.mjs",
   "types": "index.d.ts",

package/submission.d.ts

@@ -2,9 +2,12 @@ import type { DefaultValue, FieldName, FormValue } from './form';
 export type SubmissionState = {
     validated: Record<string, boolean>;
 };
+export type SubmissionPayload<Entry extends FormDataEntryValue> = Entry | SubmissionPayload<Entry>[] | {
+    [key: string]: SubmissionPayload<Entry>;
+};
 export type SubmissionContext<Value = null, FormError = string[]> = {
     intent: Intent | null;
-    payload: Record<string, unknown>;
+    payload: Record<string, SubmissionPayload<FormDataEntryValue>>;
     fields: Set<string>;
     value?: Value;
     error?: Record<string, FormError | null> | null;
@@ -12,19 +15,19 @@ export type SubmissionContext<Value = null, FormError = string[]> = {
 };
 export type Submission<Schema, FormError = string[], FormValue = Schema> = {
     status: 'success';
-    payload: Record<string, unknown>;
+    payload: Record<string, SubmissionPayload<FormDataEntryValue>>;
     value: FormValue;
     reply(options?: ReplyOptions<FormError>): SubmissionResult<FormError>;
 } | {
     status: 'error' | undefined;
-    payload: Record<string, unknown>;
+    payload: Record<string, SubmissionPayload<FormDataEntryValue>>;
     error: Record<string, FormError | null> | null;
     reply(options?: ReplyOptions<FormError>): SubmissionResult<FormError>;
 };
 export type SubmissionResult<FormError = string[]> = {
     status?: 'error' | 'success';
     intent?: Intent;
-    initialValue?: Record<string, unknown> | null;
+    initialValue?: Record<string, SubmissionPayload<string>> | null;
     fields?: string[];
     error?: Record<string, FormError | null>;
     state?: SubmissionState;

package/submission.js

@@ -115,7 +115,7 @@ function createSubmission(context) {
   };
 }
 function replySubmission(context) {
-  var _context$intent, _context$intent$paylo, _options$formErrors, _normalize;
+  var _context$intent, _context$intent$paylo, _options$formErrors, _ref;
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   if ('resetForm' in options && options.resetForm || ((_context$intent = context.intent) === null || _context$intent === void 0 ? void 0 : _context$intent.type) === 'reset' && ((_context$intent$paylo = context.intent.payload.name) !== null && _context$intent$paylo !== void 0 ? _context$intent$paylo : '') === '') {
     return {
@@ -134,12 +134,17 @@ function replySubmission(context) {
     '': (_options$formErrors = options.formErrors) !== null && _options$formErrors !== void 0 ? _options$formErrors : null
   }, options.fieldErrors)) : null;
   var error = context.error || extraError ? _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, context.error), extraError) : undefined;
+  var initialValue = (_ref = formdata.normalize(context.payload,
+  // We can't serialize the file and send it back from the server, but we can preserve it in the client
+  typeof document !== 'undefined'
+  // We need the file on the client because it's treated as the form value
+  // But we will exclude the File type for now as it's only used by the internal
+  // form state and we will remove the need to preserve the file on the client soon
+  )) !== null && _ref !== void 0 ? _ref : {};
   return {
     status: context.intent ? undefined : error ? 'error' : 'success',
     intent: context.intent ? context.intent : undefined,
-    initialValue: (_normalize = formdata.normalize(context.payload,
-    // We can't serialize the file and send it back from the server, but we can preserve it in the client
-    typeof document !== 'undefined')) !== null && _normalize !== void 0 ? _normalize : {},
+    initialValue,
     error,
     state: context.state,
     fields: Array.from(context.fields)
@@ -209,9 +214,9 @@ function setState(state, name, valueFn) {
   var keys = Object.keys(state).sort((prev, next) => next.localeCompare(prev));
   var target = {};
   var _loop2 = function _loop2() {
-    var value = state[key];
-    if (formdata.isPrefix(key, name) && key !== name) {
-      formdata.setValue(target, key, currentValue => {
+    var value = state[_key];
+    if (formdata.isPrefix(_key, name) && _key !== name) {
+      formdata.setValue(target, _key, currentValue => {
         if (typeof currentValue === 'undefined') {
           return value;
         }
@@ -225,10 +230,10 @@ function setState(state, name, valueFn) {
       });
 
       // Remove the value from the data
-      delete state[key];
+      delete state[_key];
     }
   };
-  for (var key of keys) {
+  for (var _key of keys) {
     _loop2();
   }
   var result = valueFn(formdata.getValue(target, name));
@@ -266,8 +271,8 @@ function setListState(state, intent, getDefaultValue) {
 function serialize(defaultValue) {
   if (formdata.isPlainObject(defaultValue)) {
     // @ts-expect-error FIXME
-    return Object.entries(defaultValue).reduce((result, _ref) => {
-      var [key, value] = _ref;
+    return Object.entries(defaultValue).reduce((result, _ref2) => {
+      var [key, value] = _ref2;
       result[key] = serialize(value);
       return result;
     }, {});

package/submission.mjs

@@ -111,7 +111,7 @@ function createSubmission(context) {
   };
 }
 function replySubmission(context) {
-  var _context$intent, _context$intent$paylo, _options$formErrors, _normalize;
+  var _context$intent, _context$intent$paylo, _options$formErrors, _ref;
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   if ('resetForm' in options && options.resetForm || ((_context$intent = context.intent) === null || _context$intent === void 0 ? void 0 : _context$intent.type) === 'reset' && ((_context$intent$paylo = context.intent.payload.name) !== null && _context$intent$paylo !== void 0 ? _context$intent$paylo : '') === '') {
     return {
@@ -130,12 +130,17 @@ function replySubmission(context) {
     '': (_options$formErrors = options.formErrors) !== null && _options$formErrors !== void 0 ? _options$formErrors : null
   }, options.fieldErrors)) : null;
   var error = context.error || extraError ? _objectSpread2(_objectSpread2({}, context.error), extraError) : undefined;
+  var initialValue = (_ref = normalize(context.payload,
+  // We can't serialize the file and send it back from the server, but we can preserve it in the client
+  typeof document !== 'undefined'
+  // We need the file on the client because it's treated as the form value
+  // But we will exclude the File type for now as it's only used by the internal
+  // form state and we will remove the need to preserve the file on the client soon
+  )) !== null && _ref !== void 0 ? _ref : {};
   return {
     status: context.intent ? undefined : error ? 'error' : 'success',
     intent: context.intent ? context.intent : undefined,
-    initialValue: (_normalize = normalize(context.payload,
-    // We can't serialize the file and send it back from the server, but we can preserve it in the client
-    typeof document !== 'undefined')) !== null && _normalize !== void 0 ? _normalize : {},
+    initialValue,
     error,
     state: context.state,
     fields: Array.from(context.fields)
@@ -205,9 +210,9 @@ function setState(state, name, valueFn) {
   var keys = Object.keys(state).sort((prev, next) => next.localeCompare(prev));
   var target = {};
   var _loop2 = function _loop2() {
-    var value = state[key];
-    if (isPrefix(key, name) && key !== name) {
-      setValue(target, key, currentValue => {
+    var value = state[_key];
+    if (isPrefix(_key, name) && _key !== name) {
+      setValue(target, _key, currentValue => {
         if (typeof currentValue === 'undefined') {
           return value;
         }
@@ -221,10 +226,10 @@ function setState(state, name, valueFn) {
       });
 
       // Remove the value from the data
-      delete state[key];
+      delete state[_key];
     }
   };
-  for (var key of keys) {
+  for (var _key of keys) {
     _loop2();
   }
   var result = valueFn(getValue(target, name));
@@ -262,8 +267,8 @@ function setListState(state, intent, getDefaultValue) {
 function serialize(defaultValue) {
   if (isPlainObject(defaultValue)) {
     // @ts-expect-error FIXME
-    return Object.entries(defaultValue).reduce((result, _ref) => {
-      var [key, value] = _ref;
+    return Object.entries(defaultValue).reduce((result, _ref2) => {
+      var [key, value] = _ref2;
       result[key] = serialize(value);
       return result;
     }, {});

package/util.d.ts

@@ -1,6 +1,3 @@
-export declare function invariant(
-	expectedCondition: boolean,
-	message: string,
-): asserts expectedCondition;
+export declare function invariant(expectedCondition: boolean, message: string): asserts expectedCondition;
 export declare function generateId(): string;
 export declare function clone<Data>(data: Data): Data;

package/README

@@ -1,37 +0,0 @@
-
-
- ███████╗  ██████╗  ███╗  ██╗ ████████╗  ██████╗  ███████╗  ███╗ ███╗
-██╔═════╝ ██╔═══██╗ ████╗ ██║ ██╔═════╝ ██╔═══██╗ ██╔═══██╗ ████████║
-██║       ██║   ██║ ██╔██╗██║ ███████╗  ██║   ██║ ███████╔╝ ██╔██╔██║
-██║       ██║   ██║ ██║╚████║ ██╔════╝  ██║   ██║ ██╔═══██╗ ██║╚═╝██║
-╚███████╗ ╚██████╔╝ ██║ ╚███║ ██║       ╚██████╔╝ ██║   ██║ ██║   ██║
- ╚══════╝  ╚═════╝  ╚═╝  ╚══╝ ╚═╝        ╚═════╝  ╚═╝   ╚═╝ ╚═╝   ╚═╝
-
-
-Version 1.1.3 / License MIT / Copyright (c) 2024 Edmund Hung
-
-A type-safe form validation library utilizing web fundamentals to progressively enhance HTML Forms with full support for server frameworks like Remix and Next.js.
-
-# Getting Started
-
-Check out the overview and tutorial at our website https://conform.guide
-
-# Features
-
-- Progressive enhancement first APIs
-- Type-safe field inference
-- Fine-grained subscription
-- Built-in accessibility helpers
-- Automatic type coercion with Zod
-
-# Documentation
-
-- Validation: https://conform.guide/validation
-- Nested object and Array: https://conform.guide/complex-structures
-- UI Integrations: https://conform.guide/integration/ui-libraries
-- Intent button: https://conform.guide/intent-button
-- Accessibility Guide: https://conform.guide/accessibility
-
-# Support
-
-To report a bug, please open an issue on the repository at https://github.com/edmundhung/conform. For feature requests and questions, you can post them in the Discussions section.

package/intent.d.ts

@@ -1,114 +0,0 @@
-import { type Pretty } from './types.js';
-export interface IntentButtonProps {
-	name: typeof INTENT;
-	value: string;
-	formNoValidate?: boolean;
-}
-export type ListIntentPayload<Schema = unknown> =
-	| {
-			name: string;
-			operation: 'insert';
-			defaultValue?: Schema;
-			index?: number;
-	  }
-	| {
-			name: string;
-			operation: 'prepend';
-			defaultValue?: Schema;
-	  }
-	| {
-			name: string;
-			operation: 'append';
-			defaultValue?: Schema;
-	  }
-	| {
-			name: string;
-			operation: 'replace';
-			defaultValue: Schema;
-			index: number;
-	  }
-	| {
-			name: string;
-			operation: 'remove';
-			index: number;
-	  }
-	| {
-			name: string;
-			operation: 'reorder';
-			from: number;
-			to: number;
-	  };
-type ExtractListIntentPayload<Operation, Schema = unknown> = Pretty<
-	Omit<
-		Extract<
-			ListIntentPayload<Schema>,
-			{
-				operation: Operation;
-			}
-		>,
-		'name' | 'operation'
-	>
->;
-type ListIntent<Operation> =
-	{} extends ExtractListIntentPayload<Operation>
-		? <Schema>(
-				name: string,
-				payload?: ExtractListIntentPayload<Operation, Schema>,
-			) => IntentButtonProps
-		: <Schema>(
-				name: string,
-				payload: ExtractListIntentPayload<Operation, Schema>,
-			) => IntentButtonProps;
-/**
- * Helpers to configure an intent button for modifying a list
- *
- * @see https://conform.guide/api/react#list
- */
-export declare const list: {
-	/**
-	 * @deprecated You can use `insert` without specifying an index instead
-	 */
-	append: ListIntent<'append'>;
-	/**
-	 * @deprecated You can use `insert` with zero index instead
-	 */
-	prepend: ListIntent<'prepend'>;
-	insert: ListIntent<'insert'>;
-	replace: ListIntent<'replace'>;
-	remove: ListIntent<'remove'>;
-	reorder: ListIntent<'reorder'>;
-};
-export declare const INTENT = '__intent__';
-/**
- * Returns the intent from the form data or search params.
- * It throws an error if multiple intent is set.
- */
-export declare function getIntent(payload: FormData | URLSearchParams): string;
-/**
- * Returns the properties required to configure an intent button for validation
- *
- * @see https://conform.guide/api/react#validate
- */
-export declare function validate(field: string): IntentButtonProps;
-export declare function requestIntent(
-	form: HTMLFormElement | null | undefined,
-	buttonProps: {
-		value: string;
-		formNoValidate?: boolean;
-	},
-): void;
-export declare function parseIntent<Schema>(intent: string):
-	| {
-			type: 'validate';
-			payload: string;
-	  }
-	| {
-			type: 'list';
-			payload: ListIntentPayload<Schema>;
-	  }
-	| null;
-export declare function updateList<Schema>(
-	list: Array<Schema>,
-	payload: ListIntentPayload<Schema>,
-): Array<Schema>;
-export {};

package/intent.js

@@ -1,136 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('./_virtual/_rollupPluginBabelHelpers.js');
-var dom = require('./dom.js');
-
-/**
- * Helpers to configure an intent button for modifying a list
- *
- * @see https://conform.guide/api/react#list
- */
-var list = new Proxy({}, {
-  get(_target, operation) {
-    return function (name) {
-      var payload = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      return {
-        name: INTENT,
-        value: "list/".concat(JSON.stringify(_rollupPluginBabelHelpers.objectSpread2({
-          name,
-          operation
-        }, payload))),
-        formNoValidate: true
-      };
-    };
-  }
-});
-var INTENT = '__intent__';
-
-/**
- * Returns the intent from the form data or search params.
- * It throws an error if multiple intent is set.
- */
-function getIntent(payload) {
-  if (!payload.has(INTENT)) {
-    return 'submit';
-  }
-  var [intent, secondIntent, ...rest] = payload.getAll(INTENT);
-
-  // The submitter value is included in the formData directly on Safari 15.6.
-  // This causes the intent to be duplicated in the payload.
-  // We will ignore the second intent if it is the same as the first one.
-  if (typeof intent !== 'string' || secondIntent && intent !== secondIntent || rest.length > 0) {
-    throw new Error('The intent could only be set on a button');
-  }
-  return intent;
-}
-
-/**
- * Returns the properties required to configure an intent button for validation
- *
- * @see https://conform.guide/api/react#validate
- */
-function validate(field) {
-  return {
-    name: INTENT,
-    value: "validate/".concat(field),
-    formNoValidate: true
-  };
-}
-function requestIntent(form, buttonProps) {
-  if (!form) {
-    // eslint-disable-next-line no-console
-    console.warn('No form element is provided');
-    return;
-  }
-  var submitter = dom.createSubmitter({
-    name: INTENT,
-    value: buttonProps.value,
-    hidden: true,
-    formNoValidate: buttonProps.formNoValidate
-  });
-  dom.requestSubmit(form, submitter);
-}
-function parseIntent(intent) {
-  var seperatorIndex = intent.indexOf('/');
-  if (seperatorIndex > -1) {
-    var type = intent.slice(0, seperatorIndex);
-    var _payload = intent.slice(seperatorIndex + 1);
-    if (typeof _payload !== 'undefined') {
-      try {
-        switch (type) {
-          case 'validate':
-            return {
-              type,
-              payload: _payload
-            };
-          case 'list':
-            return {
-              type,
-              payload: JSON.parse(_payload)
-            };
-        }
-      } catch (error) {
-        throw new Error("Failed parsing intent: ".concat(intent), {
-          cause: error
-        });
-      }
-    }
-  }
-  return null;
-}
-function updateList(list, payload) {
-  var _payload$index;
-  switch (payload.operation) {
-    case 'prepend':
-      list.unshift(payload.defaultValue);
-      break;
-    case 'append':
-      list.push(payload.defaultValue);
-      break;
-    case 'insert':
-      list.splice((_payload$index = payload.index) !== null && _payload$index !== void 0 ? _payload$index : list.length, 0, payload.defaultValue);
-      break;
-    case 'replace':
-      list.splice(payload.index, 1, payload.defaultValue);
-      break;
-    case 'remove':
-      list.splice(payload.index, 1);
-      break;
-    case 'reorder':
-      list.splice(payload.to, 0, ...list.splice(payload.from, 1));
-      break;
-    default:
-      throw new Error('Unknown list intent received');
-  }
-  return list;
-}
-
-exports.INTENT = INTENT;
-exports.getIntent = getIntent;
-exports.list = list;
-exports.parseIntent = parseIntent;
-exports.requestIntent = requestIntent;
-exports.updateList = updateList;
-exports.validate = validate;

package/intent.mjs

@@ -1,126 +0,0 @@
-import { objectSpread2 as _objectSpread2 } from './_virtual/_rollupPluginBabelHelpers.mjs';
-import { createSubmitter, requestSubmit } from './dom.mjs';
-
-/**
- * Helpers to configure an intent button for modifying a list
- *
- * @see https://conform.guide/api/react#list
- */
-var list = new Proxy({}, {
-  get(_target, operation) {
-    return function (name) {
-      var payload = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      return {
-        name: INTENT,
-        value: "list/".concat(JSON.stringify(_objectSpread2({
-          name,
-          operation
-        }, payload))),
-        formNoValidate: true
-      };
-    };
-  }
-});
-var INTENT = '__intent__';
-
-/**
- * Returns the intent from the form data or search params.
- * It throws an error if multiple intent is set.
- */
-function getIntent(payload) {
-  if (!payload.has(INTENT)) {
-    return 'submit';
-  }
-  var [intent, secondIntent, ...rest] = payload.getAll(INTENT);
-
-  // The submitter value is included in the formData directly on Safari 15.6.
-  // This causes the intent to be duplicated in the payload.
-  // We will ignore the second intent if it is the same as the first one.
-  if (typeof intent !== 'string' || secondIntent && intent !== secondIntent || rest.length > 0) {
-    throw new Error('The intent could only be set on a button');
-  }
-  return intent;
-}
-
-/**
- * Returns the properties required to configure an intent button for validation
- *
- * @see https://conform.guide/api/react#validate
- */
-function validate(field) {
-  return {
-    name: INTENT,
-    value: "validate/".concat(field),
-    formNoValidate: true
-  };
-}
-function requestIntent(form, buttonProps) {
-  if (!form) {
-    // eslint-disable-next-line no-console
-    console.warn('No form element is provided');
-    return;
-  }
-  var submitter = createSubmitter({
-    name: INTENT,
-    value: buttonProps.value,
-    hidden: true,
-    formNoValidate: buttonProps.formNoValidate
-  });
-  requestSubmit(form, submitter);
-}
-function parseIntent(intent) {
-  var seperatorIndex = intent.indexOf('/');
-  if (seperatorIndex > -1) {
-    var type = intent.slice(0, seperatorIndex);
-    var _payload = intent.slice(seperatorIndex + 1);
-    if (typeof _payload !== 'undefined') {
-      try {
-        switch (type) {
-          case 'validate':
-            return {
-              type,
-              payload: _payload
-            };
-          case 'list':
-            return {
-              type,
-              payload: JSON.parse(_payload)
-            };
-        }
-      } catch (error) {
-        throw new Error("Failed parsing intent: ".concat(intent), {
-          cause: error
-        });
-      }
-    }
-  }
-  return null;
-}
-function updateList(list, payload) {
-  var _payload$index;
-  switch (payload.operation) {
-    case 'prepend':
-      list.unshift(payload.defaultValue);
-      break;
-    case 'append':
-      list.push(payload.defaultValue);
-      break;
-    case 'insert':
-      list.splice((_payload$index = payload.index) !== null && _payload$index !== void 0 ? _payload$index : list.length, 0, payload.defaultValue);
-      break;
-    case 'replace':
-      list.splice(payload.index, 1, payload.defaultValue);
-      break;
-    case 'remove':
-      list.splice(payload.index, 1);
-      break;
-    case 'reorder':
-      list.splice(payload.to, 0, ...list.splice(payload.from, 1));
-      break;
-    default:
-      throw new Error('Unknown list intent received');
-  }
-  return list;
-}
-
-export { INTENT, getIntent, list, parseIntent, requestIntent, updateList, validate };

package/parse.d.ts

@@ -1,50 +0,0 @@
-export type Submission<Schema = any> = {
-	intent: string;
-	payload: Record<string, unknown>;
-	error: Record<string, string[]>;
-	value?: Schema | null;
-};
-export declare const VALIDATION_UNDEFINED = '__undefined__';
-export declare const VALIDATION_SKIPPED = '__skipped__';
-export declare function parse(payload: FormData | URLSearchParams): Submission;
-export declare function parse<Schema>(
-	payload: FormData | URLSearchParams,
-	options?: {
-		resolve?: (
-			payload: Record<string, any>,
-			intent: string,
-		) => {
-			value?: Schema;
-			error?: Record<string, string[]>;
-		};
-	},
-): Submission<Schema>;
-export declare function parse<Schema>(
-	payload: FormData | URLSearchParams,
-	options?: {
-		resolve?: (
-			payload: Record<string, any>,
-			intent: string,
-		) => Promise<{
-			value?: Schema;
-			error?: Record<string, string[]>;
-		}>;
-	},
-): Promise<Submission<Schema>>;
-export declare function parse<Schema>(
-	payload: FormData | URLSearchParams,
-	options?: {
-		resolve?: (
-			payload: Record<string, any>,
-			intent: string,
-		) =>
-			| {
-					value?: Schema;
-					error?: Record<string, string[]>;
-			  }
-			| Promise<{
-					value?: Schema;
-					error?: Record<string, string[]>;
-			  }>;
-	},
-): Submission<Schema> | Promise<Submission<Schema>>;

package/parse.js

@@ -1,43 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('./_virtual/_rollupPluginBabelHelpers.js');
-var formdata = require('./formdata.js');
-var intent = require('./intent.js');
-
-var VALIDATION_UNDEFINED = '__undefined__';
-var VALIDATION_SKIPPED = '__skipped__';
-function parse(payload, options) {
-  var submission = {
-    intent: intent.getIntent(payload),
-    payload: formdata.resolve(payload, {
-      ignoreKeys: [intent.INTENT]
-    }),
-    error: {}
-  };
-  var intent$1 = intent.parseIntent(submission.intent);
-  if (intent$1 && intent$1.type === 'list') {
-    formdata.setValue(submission.payload, intent$1.payload.name, list => {
-      if (typeof list !== 'undefined' && !Array.isArray(list)) {
-        throw new Error('The list intent can only be applied to a list');
-      }
-      return intent.updateList(list !== null && list !== void 0 ? list : [], intent$1.payload);
-    });
-  }
-  if (typeof (options === null || options === void 0 ? void 0 : options.resolve) === 'undefined') {
-    return submission;
-  }
-  var result = options.resolve(submission.payload, submission.intent);
-  var mergeResolveResult = resolved => {
-    return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, submission), resolved);
-  };
-  if (result instanceof Promise) {
-    return result.then(mergeResolveResult);
-  }
-  return mergeResolveResult(result);
-}
-
-exports.VALIDATION_SKIPPED = VALIDATION_SKIPPED;
-exports.VALIDATION_UNDEFINED = VALIDATION_UNDEFINED;
-exports.parse = parse;

package/parse.mjs

@@ -1,37 +0,0 @@
-import { objectSpread2 as _objectSpread2 } from './_virtual/_rollupPluginBabelHelpers.mjs';
-import { resolve, setValue } from './formdata.mjs';
-import { getIntent, parseIntent, updateList, INTENT } from './intent.mjs';
-
-var VALIDATION_UNDEFINED = '__undefined__';
-var VALIDATION_SKIPPED = '__skipped__';
-function parse(payload, options) {
-  var submission = {
-    intent: getIntent(payload),
-    payload: resolve(payload, {
-      ignoreKeys: [INTENT]
-    }),
-    error: {}
-  };
-  var intent = parseIntent(submission.intent);
-  if (intent && intent.type === 'list') {
-    setValue(submission.payload, intent.payload.name, list => {
-      if (typeof list !== 'undefined' && !Array.isArray(list)) {
-        throw new Error('The list intent can only be applied to a list');
-      }
-      return updateList(list !== null && list !== void 0 ? list : [], intent.payload);
-    });
-  }
-  if (typeof (options === null || options === void 0 ? void 0 : options.resolve) === 'undefined') {
-    return submission;
-  }
-  var result = options.resolve(submission.payload, submission.intent);
-  var mergeResolveResult = resolved => {
-    return _objectSpread2(_objectSpread2({}, submission), resolved);
-  };
-  if (result instanceof Promise) {
-    return result.then(mergeResolveResult);
-  }
-  return mergeResolveResult(result);
-}
-
-export { VALIDATION_SKIPPED, VALIDATION_UNDEFINED, parse };

package/types.d.ts

@@ -1,23 +0,0 @@
-export type Pretty<T> = {
-	[K in keyof T]: T[K];
-} & {};
-export type FieldConstraint<Schema = any> = {
-	required?: boolean;
-	minLength?: number;
-	maxLength?: number;
-	min?: Schema extends number ? number : string | number;
-	max?: Schema extends number ? number : string | number;
-	step?: Schema extends number ? number : string | number;
-	multiple?: boolean;
-	pattern?: string;
-};
-export type KeysOf<T> = T extends any ? keyof T : never;
-export type ResolveType<T, K extends KeysOf<T>> = T extends {
-	[k in K]?: any;
-}
-	? T[K]
-	: undefined;
-export type FieldsetConstraint<Schema extends Record<string, any> | undefined> =
-	{
-		[Key in KeysOf<Schema>]?: FieldConstraint<ResolveType<Schema, Key>>;
-	};