@conform-to/react 1.10.1 → 1.12.0

package/dist/future/types.d.ts

@@ -1,4 +1,4 @@
-import type { FormError, FormValue, SubmissionResult, ValidationAttributes } from '@conform-to/dom/future';
+import type { FormError, FormValue, Serialize, SubmissionResult, ValidationAttributes } from '@conform-to/dom/future';
 import type { StandardSchemaV1 } from './standard-schema';
 export type Prettify<T> = {
     [K in keyof T]: T[K];
@@ -64,10 +64,10 @@ export type UseFormDataOptions = {
      */
     acceptFiles?: boolean;
 };
-export type DefaultValue<FormShape> = FormShape extends string | number | boolean | Date | File | bigint | null | undefined ? FormShape | null | undefined : FormShape extends Array<infer Item> | null | undefined ? Array<DefaultValue<Item>> | null | undefined : FormShape extends Record<string, any> | null | undefined ? {
+export type DefaultValue<FormShape> = FormShape extends Array<infer Item> | null | undefined ? Array<DefaultValue<Item>> | null | undefined : FormShape extends Record<string, any> | null | undefined ? {
     [Key in keyof FormShape]?: DefaultValue<FormShape[Key]>;
-} | null | undefined : unknown;
-export type FormState<ErrorShape> = {
+} | null | undefined : FormShape | string | null | undefined;
+export type FormState<ErrorShape extends BaseErrorShape = DefaultErrorShape> = {
     /** Unique identifier that changes on form reset to trigger reset side effects */
     resetKey: string;
     /** Form values from client actions that will be synced to the DOM  */
@@ -83,12 +83,41 @@ export type FormState<ErrorShape> = {
     /** Mapping of array field names to their item keys for React list rendering */
     listKeys: Record<string, string[]>;
 };
-export type FormAction<ErrorShape, Intent extends UnknownIntent | null | undefined = UnknownIntent | null, Context = {}> = SubmissionResult<ErrorShape> & {
+export type FormAction<ErrorShape extends BaseErrorShape = DefaultErrorShape, Intent extends UnknownIntent | null | undefined = UnknownIntent | null, Context = {}> = SubmissionResult<ErrorShape> & {
     type: 'initialize' | 'server' | 'client';
     intent: Intent;
     ctx: Context;
 };
-export interface FormOptions<FormShape, ErrorShape = string, Value = undefined> {
+export type GlobalFormOptions = {
+    /**
+     * The name of the submit button field that indicates the submission intent.
+     *
+     * @default "__intent__"
+     */
+    intentName: string;
+    /**
+     * A custom serialization function for converting form data.
+     */
+    serialize: Serialize;
+    /**
+     * Determines when validation should run for the first time on a field.
+     *
+     * @default "onSubmit"
+     */
+    shouldValidate: 'onSubmit' | 'onBlur' | 'onInput';
+    /**
+     * Determines when validation should run again after the field has been validated once.
+     *
+     * @default Same as shouldValidate
+     */
+    shouldRevalidate?: 'onSubmit' | 'onBlur' | 'onInput';
+    /**
+     * A function that defines custom metadata properties for form fields.
+     * Useful for integrating with UI libraries or custom form components.
+     */
+    defineCustomMetadata?: CustomMetadataDefinition;
+};
+export type FormOptions<FormShape, ErrorShape extends BaseErrorShape = string extends BaseErrorShape ? string : BaseErrorShape, Value = undefined> = {
     /** Optional form identifier. If not provided, a unique ID is automatically generated. */
     id?: string;
     /** Optional key for form state reset. When the key changes, the form resets to its initial state. */
@@ -100,23 +129,21 @@ export interface FormOptions<FormShape, ErrorShape = string, Value = undefined>
     /** HTML validation attributes for fields (required, minLength, pattern, etc.). */
     constraint?: Record<string, ValidationAttributes>;
     /**
-     * Define when conform should start validation.
-     * Support "onSubmit", "onInput", "onBlur".
+     * Determines when validation should run for the first time on a field.
+     * Overrides the global default set by FormOptionsProvider if provided.
      *
-     * @default "onSubmit"
+     * @default Inherits from FormOptionsProvider, or "onSubmit" if not configured
      */
     shouldValidate?: 'onSubmit' | 'onBlur' | 'onInput';
     /**
-     * Define when conform should revalidate again.
-     * Support "onSubmit", "onInput", "onBlur".
+     * Determines when validation should run again after the field has been validated once.
+     * Overrides the global default set by FormOptionsProvider if provided.
      *
-     * @default Same as shouldValidate, or "onSubmit" if shouldValidate is not provided.
+     * @default Inherits from FormOptionsProvider, or same as shouldValidate
      */
     shouldRevalidate?: 'onSubmit' | 'onBlur' | 'onInput';
     /** Server-side submission result for form state synchronization. */
     lastResult?: SubmissionResult<NoInfer<ErrorShape>> | null;
-    /** Custom validation handler. Can be skipped if using the schema property, or combined with schema to customize validation errors. */
-    onValidate?: ValidateHandler<ErrorShape, Value>;
     /** Error handling callback triggered when validation errors occur. By default, it focuses the first invalid field. */
     onError?: ErrorHandler<ErrorShape>;
     /** Form submission handler called when the form is submitted with no validation errors. */
@@ -125,14 +152,20 @@ export interface FormOptions<FormShape, ErrorShape = string, Value = undefined>
     onInput?: InputHandler;
     /** Blur event handler for custom focus handling logic. */
     onBlur?: BlurHandler;
-}
-export interface FormContext<ErrorShape = string> {
+} & (string extends ErrorShape ? {
+    /** Custom validation handler. Can be skipped if using the schema property, or combined with schema to customize validation errors. */
+    onValidate?: ValidateHandler<ErrorShape, Value>;
+} : {
+    /** Custom validation handler. Can be skipped if using the schema property, or combined with schema to customize validation errors. */
+    onValidate: ValidateHandler<ErrorShape, Value>;
+});
+export interface FormContext<ErrorShape extends BaseErrorShape = DefaultErrorShape> {
     /** The form's unique identifier */
     formId: string;
     /** Internal form state with validation results and field data */
     state: FormState<ErrorShape>;
     /** Initial form values */
-    defaultValue: NonNullable<DefaultValue<Record<string, any>>> | null;
+    defaultValue: Record<string, any> | null;
     /** HTML validation attributes for fields */
     constraint: Record<string, ValidationAttributes> | null;
     /** Form submission event handler */
@@ -231,7 +264,7 @@ export type FormIntent<Dispatcher extends IntentDispatcher = IntentDispatcher> =
 export type ActionHandler<Signature extends (payload: any) => void = (payload: any) => void> = {
     validatePayload?(...args: UnknownArgs<Parameters<Signature>>): boolean;
     onApply?(value: Record<string, FormValue>, ...args: Parameters<Signature>): Record<string, FormValue> | null;
-    onUpdate?<ErrorShape>(state: FormState<ErrorShape>, action: FormAction<ErrorShape, {
+    onUpdate?<ErrorShape extends BaseErrorShape>(state: FormState<ErrorShape>, action: FormAction<ErrorShape, {
         type: string;
         payload: Signature extends (payload: infer Payload) => void ? Payload : undefined;
     }>): FormState<ErrorShape>;
@@ -240,28 +273,84 @@ type BaseCombine<T, K extends PropertyKey = T extends unknown ? keyof T : never>
 export type Combine<T> = {
     [K in keyof BaseCombine<T>]: BaseCombine<T>[K];
 };
-/** Field metadata object containing field state, validation attributes, and nested field access methods. */
-export type FieldMetadata<FieldShape, Metadata extends Record<string, unknown> = DefaultMetadata<unknown>> = Readonly<Metadata & {
+/**
+ * Extend this interface to define the base error shape for validation.
+ *
+ * @example
+ * ```ts
+ * declare module '@conform-to/react/future' {
+ *   interface CustomTypes {
+ *     errorShape: { message: string; code: string };
+ *   }
+ * }
+ * ```
+ */
+export interface CustomTypes {
+}
+export type BaseErrorShape = CustomTypes extends {
+    errorShape: infer Shape;
+} ? Shape : unknown;
+export type DefaultErrorShape = CustomTypes extends {
+    errorShape: infer Shape;
+} ? Shape : string;
+/** Base field metadata object containing field state, validation attributes, and accessibility IDs. */
+export type BaseMetadata<FieldShape, ErrorShape extends BaseErrorShape> = ValidationAttributes & {
     /** Unique key for React list rendering (for array fields). */
     key: string | undefined;
     /** The field name path exactly as provided. */
     name: FieldName<FieldShape>;
+    /** The field's unique identifier, automatically generated as {formId}-field-{fieldName}. */
+    id: string;
+    /** Auto-generated ID for associating field descriptions via aria-describedby. */
+    descriptionId: string;
+    /** Auto-generated ID for associating field errors via aria-describedby. */
+    errorId: string;
+    /** The form's unique identifier for associating field via the `form` attribute. */
+    formId: string;
+    /** The field's default value as a string. */
+    defaultValue: string | undefined;
+    /** Default selected options for multi-select fields or checkbox group. */
+    defaultOptions: string[] | undefined;
+    /** Default checked state for checkbox/radio inputs. */
+    defaultChecked: boolean | undefined;
+    /** Whether this field has been touched (through intent.validate() or the shouldValidate option). */
+    touched: boolean;
+    /** Whether this field currently has no validation errors. */
+    valid: boolean;
+    /** @deprecated Use `.valid` instead. This was not an intentionl breaking change and would be removed in the next minor version soon  */
+    invalid: boolean;
+    /** Array of validation error messages for this field. */
+    errors: ErrorShape[] | undefined;
+    /** Object containing errors for all touched subfields. */
+    fieldErrors: Record<string, ErrorShape[]>;
+    /** Boolean value for the `aria-invalid` attribute. Indicates whether the field has validation errors for screen readers. */
+    ariaInvalid: boolean | undefined;
+    /** String value for the `aria-describedby` attribute. Contains the errorId when invalid, undefined otherwise. Merge with descriptionId manually if needed (e.g. `${metadata.descriptionId} ${metadata.ariaDescribedBy}`). */
+    ariaDescribedBy: string | undefined;
     /** Method to get nested fieldset for object fields under this field. */
-    getFieldset(): Fieldset<[
-        FieldShape
-    ] extends [Record<string, unknown> | null | undefined] ? FieldShape : unknown, Metadata>;
+    getFieldset<FieldsetShape = [FieldShape] extends [
+        Record<string, unknown> | null | undefined
+    ] ? FieldShape : unknown>(): Fieldset<FieldsetShape, ErrorShape>;
     /** Method to get array of fields for list/array fields under this field. */
-    getFieldList(): Array<FieldMetadata<[
-        FieldShape
-    ] extends [Array<infer ItemShape> | null | undefined] ? ItemShape : unknown, Metadata>>;
-}>;
+    getFieldList<FieldItemShape = [FieldShape] extends [
+        Array<infer ItemShape> | null | undefined
+    ] ? ItemShape : unknown>(): Array<FieldMetadata<FieldItemShape, ErrorShape>>;
+};
+export type SatisfyComponentProps<ElementType extends React.ElementType, CustomProps extends React.ComponentPropsWithoutRef<ElementType>> = CustomProps;
+/**
+ * Interface for extending field metadata with additional properties.
+ */
+export interface CustomMetadata<FieldShape = any, ErrorShape extends BaseErrorShape = DefaultErrorShape> {
+}
+export type CustomMetadataDefinition = <FieldShape, ErrorShape extends BaseErrorShape>(metadata: BaseMetadata<FieldShape, ErrorShape>) => keyof CustomMetadata<FieldShape, ErrorShape> extends never ? {} : CustomMetadata<any, any>;
+/** Field metadata object containing field state, validation attributes, and nested field access methods. */
+export type FieldMetadata<FieldShape, ErrorShape extends BaseErrorShape = DefaultErrorShape> = Readonly<(keyof CustomMetadata<FieldShape, ErrorShape> extends never ? {} : CustomMetadata<FieldShape, ErrorShape>) & BaseMetadata<FieldShape, ErrorShape>>;
 /** Fieldset object containing all form fields as properties with their respective field metadata. */
-export type Fieldset<FieldShape, // extends Record<string, unknown>,
-Metadata extends Record<string, unknown>> = {
-    [Key in keyof Combine<FieldShape>]-?: FieldMetadata<Combine<FieldShape>[Key], Metadata>;
+export type Fieldset<FieldShape, ErrorShape extends BaseErrorShape = DefaultErrorShape> = {
+    [Key in keyof Combine<FieldShape>]-?: FieldMetadata<Combine<FieldShape>[Key], ErrorShape>;
 };
 /** Form-level metadata and state object containing validation status, errors, and field access methods. */
-export type FormMetadata<ErrorShape, Metadata extends Record<string, unknown> = DefaultMetadata<ErrorShape>> = Readonly<{
+export type FormMetadata<ErrorShape extends BaseErrorShape = DefaultErrorShape> = Readonly<{
     /** Unique identifier that changes on form reset */
     key: string;
     /** The form's unique identifier. */
@@ -291,56 +380,54 @@ export type FormMetadata<ErrorShape, Metadata extends Record<string, unknown> =
     /** The current state of the form */
     context: FormContext<ErrorShape>;
     /** Method to get metadata for a specific field by name. */
-    getField<FieldShape>(name: FieldName<FieldShape>): FieldMetadata<FieldShape, Metadata>;
+    getField<FieldShape>(name: FieldName<FieldShape>): FieldMetadata<FieldShape, ErrorShape>;
     /** Method to get a fieldset object for nested object fields. */
     getFieldset<FieldShape>(name?: FieldName<FieldShape>): Fieldset<[
         FieldShape
-    ] extends [Record<string, unknown> | null | undefined] ? FieldShape : unknown, Metadata>;
+    ] extends [Record<string, unknown> | null | undefined] ? FieldShape : unknown, ErrorShape>;
     /** Method to get an array of field objects for array fields. */
     getFieldList<FieldShape>(name: FieldName<FieldShape>): Array<FieldMetadata<[
         FieldShape
-    ] extends [Array<infer ItemShape> | null | undefined] ? ItemShape : unknown, Metadata>>;
-}>;
-/** Default field metadata object containing field state, validation attributes, and accessibility IDs. */
-export type DefaultMetadata<ErrorShape> = Readonly<ValidationAttributes & {
-    /** The field's unique identifier, automatically generated as {formId}-field-{fieldName}. */
-    id: string;
-    /** Auto-generated ID for associating field descriptions via aria-describedby. */
-    descriptionId: string;
-    /** Auto-generated ID for associating field errors via aria-describedby. */
-    errorId: string;
-    /** The form's unique identifier for associating field via the `form` attribute. */
-    formId: string;
-    /** The field's default value as a string. */
-    defaultValue: string | undefined;
-    /** Default selected options for multi-select fields or checkbox group. */
-    defaultOptions: string[] | undefined;
-    /** Default checked state for checkbox/radio inputs. */
-    defaultChecked: boolean | undefined;
-    /** Whether this field has been touched (through intent.validate() or the shouldValidate option). */
-    touched: boolean;
-    /** Whether this field currently has no validation errors. */
-    valid: boolean;
-    /** @deprecated Use `.valid` instead. This was not an intentionl breaking change and would be removed in the next minor version soon  */
-    invalid: boolean;
-    /** Array of validation error messages for this field. */
-    errors: ErrorShape[] | undefined;
-    /** Object containing errors for all touched subfields. */
-    fieldErrors: Record<string, ErrorShape[]>;
+    ] extends [Array<infer ItemShape> | null | undefined] ? ItemShape : unknown, ErrorShape>>;
 }>;
 export type ValidateResult<ErrorShape, Value> = FormError<ErrorShape> | null | {
     error: FormError<ErrorShape> | null;
     value?: Value;
 };
-export type ValidateContext = {
+export type ValidateContext<Value> = {
+    /**
+     * The submitted values mapped by field name.
+     * Supports nested names like `user.email` and indexed names like `items[0].id`.
+     */
     payload: Record<string, FormValue>;
+    /**
+     * Form error object. Initially empty, but populated with schema validation
+     * errors when a schema is provided and validation fails.
+     */
     error: FormError<string>;
+    /**
+     * The submission intent derived from the button that triggered the form submission.
+     */
     intent: UnknownIntent | null;
+    /**
+     * The raw FormData object of the submission.
+     */
     formData: FormData;
+    /**
+     * Reference to the HTML form element that triggered the submission.
+     */
     formElement: HTMLFormElement;
+    /**
+     * The specific element (button/input) that triggered the form submission.
+     */
     submitter: HTMLElement | null;
+    /**
+     * The validated value from schema validation. Only defined when a schema is provided
+     * and the validation succeeds. Undefined if no schema is provided or validation fails.
+     */
+    schemaValue: Value | undefined;
 };
-export type ValidateHandler<ErrorShape, Value> = (ctx: ValidateContext) => ValidateResult<ErrorShape, Value> | Promise<ValidateResult<ErrorShape, Value>> | [
+export type ValidateHandler<ErrorShape, Value> = (ctx: ValidateContext<Value>) => ValidateResult<ErrorShape, Value> | Promise<ValidateResult<ErrorShape, Value>> | [
     ValidateResult<ErrorShape, Value> | undefined,
     Promise<ValidateResult<ErrorShape, Value>> | undefined
 ] | undefined;
@@ -361,7 +448,7 @@ export type ErrorContext<ErrorShape> = {
 export type ErrorHandler<ErrorShape> = (ctx: ErrorContext<ErrorShape>) => void;
 export type InputHandler = (event: FormInputEvent) => void;
 export type BlurHandler = (event: FormFocusEvent) => void;
-export type SubmitContext<ErrorShape = string, Value = undefined> = {
+export type SubmitContext<ErrorShape extends BaseErrorShape = DefaultErrorShape, Value = undefined> = {
     formData: FormData;
     value: Value;
     update: (options: {
@@ -369,6 +456,6 @@ export type SubmitContext<ErrorShape = string, Value = undefined> = {
         reset?: boolean;
     }) => void;
 };
-export type SubmitHandler<ErrorShape = string, Value = undefined> = (event: React.FormEvent<HTMLFormElement>, ctx: SubmitContext<ErrorShape, Value>) => void | Promise<void>;
+export type SubmitHandler<ErrorShape extends BaseErrorShape = DefaultErrorShape, Value = undefined> = (event: React.FormEvent<HTMLFormElement>, ctx: SubmitContext<ErrorShape, Value>) => void | Promise<void>;
 export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/future/util.d.ts

@@ -41,7 +41,6 @@ export declare function resolveValidateResult<ErrorShape, Value>(result: ReturnT
         value?: Value | undefined;
     }> | undefined;
 };
-export declare function resolveStandardSchemaPath(issue: StandardSchemaV1.Issue): Array<string | number>;
 export declare function resolveStandardSchemaResult<Value>(result: StandardSchemaV1.Result<Value>): {
     error: FormError<string> | null;
     value?: Value;

package/dist/future/util.js

@@ -2,10 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
 var future = require('@conform-to/dom/future');
 
-var _excluded = [""];
 function isUndefined(value) {
   return value === undefined;
 }
@@ -117,16 +115,6 @@ function resolveValidateResult(result) {
     asyncResult: asyncResult ? asyncResult.then(normalizeValidateResult) : undefined
   };
 }
-function resolveStandardSchemaPath(issue) {
-  if (!issue.path) {
-    return [];
-  }
-  var segments = issue.path.map(segment => typeof segment === 'object' && 'key' in segment ? segment.key : segment);
-  if (!segments.every(segment => typeof segment !== 'symbol')) {
-    throw new Error('Path segments must not contain symbols. Use strings or numbers instead.');
-  }
-  return segments;
-}
 function resolveStandardSchemaResult(result) {
   if (!result.issues) {
     return {
@@ -134,23 +122,8 @@ function resolveStandardSchemaResult(result) {
       value: result.value
     };
   }
-  var errorByName = {};
-  for (var issue of result.issues) {
-    var _errorByName$_name;
-    var path = resolveStandardSchemaPath(issue);
-    var _name = future.formatPathSegments(path);
-    (_errorByName$_name = errorByName[_name]) !== null && _errorByName$_name !== void 0 ? _errorByName$_name : errorByName[_name] = [];
-    errorByName[_name].push(issue.message);
-  }
-  var {
-      '': formErrors = []
-    } = errorByName,
-    fieldErrors = _rollupPluginBabelHelpers.objectWithoutProperties(errorByName, _excluded);
   return {
-    error: {
-      formErrors,
-      fieldErrors
-    }
+    error: future.formatIssues(result.issues)
   };
 }
 
@@ -174,9 +147,9 @@ function merge(obj, update) {
 function transformKeys(obj, fn) {
   var result = {};
   for (var [_key, _value] of Object.entries(obj)) {
-    var _name2 = fn(_key);
-    if (_name2 !== null) {
-      result[_name2] = _value;
+    var _name = fn(_key);
+    if (_name !== null) {
+      result[_name] = _value;
     }
   }
   return result;
@@ -222,7 +195,6 @@ exports.isUndefined = isUndefined;
 exports.merge = merge;
 exports.normalizeFormError = normalizeFormError;
 exports.normalizeValidateResult = normalizeValidateResult;
-exports.resolveStandardSchemaPath = resolveStandardSchemaPath;
 exports.resolveStandardSchemaResult = resolveStandardSchemaResult;
 exports.resolveValidateResult = resolveValidateResult;
 exports.transformKeys = transformKeys;

package/dist/future/util.mjs

@@ -1,7 +1,5 @@
-import { objectWithoutProperties as _objectWithoutProperties } from '../_virtual/_rollupPluginBabelHelpers.mjs';
-import { formatPathSegments, getValueAtPath, isPlainObject, setValueAtPath, getPathSegments } from '@conform-to/dom/future';
+import { formatIssues, getValueAtPath, isPlainObject, setValueAtPath, getPathSegments, formatPathSegments } from '@conform-to/dom/future';
 
-var _excluded = [""];
 function isUndefined(value) {
   return value === undefined;
 }
@@ -113,16 +111,6 @@ function resolveValidateResult(result) {
     asyncResult: asyncResult ? asyncResult.then(normalizeValidateResult) : undefined
   };
 }
-function resolveStandardSchemaPath(issue) {
-  if (!issue.path) {
-    return [];
-  }
-  var segments = issue.path.map(segment => typeof segment === 'object' && 'key' in segment ? segment.key : segment);
-  if (!segments.every(segment => typeof segment !== 'symbol')) {
-    throw new Error('Path segments must not contain symbols. Use strings or numbers instead.');
-  }
-  return segments;
-}
 function resolveStandardSchemaResult(result) {
   if (!result.issues) {
     return {
@@ -130,23 +118,8 @@ function resolveStandardSchemaResult(result) {
       value: result.value
     };
   }
-  var errorByName = {};
-  for (var issue of result.issues) {
-    var _errorByName$_name;
-    var path = resolveStandardSchemaPath(issue);
-    var _name = formatPathSegments(path);
-    (_errorByName$_name = errorByName[_name]) !== null && _errorByName$_name !== void 0 ? _errorByName$_name : errorByName[_name] = [];
-    errorByName[_name].push(issue.message);
-  }
-  var {
-      '': formErrors = []
-    } = errorByName,
-    fieldErrors = _objectWithoutProperties(errorByName, _excluded);
   return {
-    error: {
-      formErrors,
-      fieldErrors
-    }
+    error: formatIssues(result.issues)
   };
 }
 
@@ -170,9 +143,9 @@ function merge(obj, update) {
 function transformKeys(obj, fn) {
   var result = {};
   for (var [_key, _value] of Object.entries(obj)) {
-    var _name2 = fn(_key);
-    if (_name2 !== null) {
-      result[_name2] = _value;
+    var _name = fn(_key);
+    if (_name !== null) {
+      result[_name] = _value;
     }
   }
   return result;
@@ -206,4 +179,4 @@ function generateUniqueKey() {
   return Math.trunc(Date.now() * Math.random()).toString(36);
 }
 
-export { appendUniqueItem, compactMap, createPathIndexUpdater, generateUniqueKey, getArrayAtPath, isNumber, isOptional, isString, isUndefined, merge, normalizeFormError, normalizeValidateResult, resolveStandardSchemaPath, resolveStandardSchemaResult, resolveValidateResult, transformKeys, updateValueAtPath };
+export { appendUniqueItem, compactMap, createPathIndexUpdater, generateUniqueKey, getArrayAtPath, isNumber, isOptional, isString, isUndefined, merge, normalizeFormError, normalizeValidateResult, resolveStandardSchemaResult, resolveValidateResult, transformKeys, updateValueAtPath };

package/package.json

@@ -3,7 +3,7 @@
   "description": "Conform view adapter for react",
   "homepage": "https://conform.guide",
   "license": "MIT",
-  "version": "1.10.1",
+  "version": "1.12.0",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -41,7 +41,7 @@
     "url": "https://github.com/edmundhung/conform/issues"
   },
   "dependencies": {
-    "@conform-to/dom": "1.10.1"
+    "@conform-to/dom": "1.12.0"
   },
   "devDependencies": {
     "@babel/core": "^7.17.8",