@conform-to/dom 1.17.0 → 1.18.0

package/README.md

@@ -7,7 +7,7 @@
  ╚══════╝  ╚═════╝  ╚═╝  ╚══╝ ╚═╝        ╚═════╝  ╚═╝   ╚═╝ ╚═╝   ╚═╝
 ```
 
-Version 1.17.0 / License MIT / Copyright (c) 2025 Edmund Hung
+Version 1.18.0 / License MIT / Copyright (c) 2026 Edmund Hung
 
 Progressively enhance HTML forms with React. Build resilient, type-safe forms with no hassle using web standards.
 

package/dist/dom.d.ts

@@ -7,6 +7,7 @@ export type FieldElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaEl
  * Form Control element. It can either be a submit button or a submit input.
  */
 export type Submitter = HTMLInputElement | HTMLButtonElement;
+export declare function dispatchInternalUpdateEvent(form: HTMLFormElement): void;
 export declare function isInputElement(element: Element): element is HTMLInputElement;
 export declare function isSelectElement(element: Element): element is HTMLSelectElement;
 export declare function isTextAreaElement(element: Element): element is HTMLTextAreaElement;
@@ -38,15 +39,11 @@ export declare function getFormEncType(event: SubmitEvent): 'application/x-www-f
  * with respect to the submitter `formmethod` attribute.
  */
 export declare function getFormMethod(event: SubmitEvent): 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';
-/**
- * Creates a submit event that behaves like a real form submission.
- */
-export declare function createSubmitEvent(submitter?: HTMLElement | null): SubmitEvent;
 /**
  * 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: HTMLElement | null): void;
 /**
  * Triggers form submission with an intent value. This is achieved by
  * creating a hidden button element with the intent value and then submitting it with the form.
@@ -62,26 +59,33 @@ type FormCallback = (event: {
     target: HTMLFormElement;
     submitter?: HTMLInputElement | HTMLButtonElement | null;
 }) => void;
+type InternalUpdateEvent = {
+    target: HTMLFormElement;
+};
+type InternalCallback = (event: InternalUpdateEvent) => void;
 export declare function createGlobalFormsObserver(): {
     onFieldUpdate(callback: InputCallback): () => void;
     onFormUpdate(callback: FormCallback): () => void;
+    onInternalUpdate(callback: InternalCallback): () => void;
     dispose(): void;
 };
+export declare function isCheckboxGroup(element: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement): boolean;
 /**
  * Change the value of the given field element.
  * Dispatches both `input` and `change` events only if the value is changed.
  */
-export declare function change(element: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement, value: string | string[] | File | File[] | FileList | null, options?: {
+export declare function change(element: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | HTMLFieldSetElement | Array<HTMLInputElement>, value: unknown, options?: {
     preventDefault?: boolean;
-}): void;
+    forceDispatch?: boolean;
+}): boolean;
 /**
  * Dispatches focus and focusin events on the given element.
  */
-export declare function focus(element: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement): void;
+export declare function focus(element: Element): void;
 /**
  * Dispatches blur and focusout events on the given element.
  */
-export declare function blur(element: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement): void;
+export declare function blur(element: Element): void;
 export declare function normalizeStringValues(value: unknown): string[] | undefined;
 export declare function normalizeFileValues(value: unknown): File[] | undefined;
 /**

package/dist/dom.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var formdata = require('./formdata.js');
 var util = require('./util.js');
 
 /**
@@ -13,6 +14,10 @@ var util = require('./util.js');
  * Form Control element. It can either be a submit button or a submit input.
  */
 
+var CONFORM_INTERNAL_EVENT = 'conform:internal';
+function dispatchInternalUpdateEvent(form) {
+  form.dispatchEvent(new Event(CONFORM_INTERNAL_EVENT));
+}
 function isInputElement(element) {
   return element.tagName === 'INPUT';
 }
@@ -96,27 +101,24 @@ function getFormMethod(event) {
   return 'GET';
 }
 
-/**
- * Creates a submit event that behaves like a real form submission.
- */
-function createSubmitEvent(submitter) {
-  return new SubmitEvent('submit', {
-    bubbles: true,
-    cancelable: true,
-    submitter
-  });
-}
-
 /**
  * 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.
  */
 function requestSubmit(form, submitter) {
-  util.invariant(!!form, 'Failed to submit the form. The element provided is null or undefined.');
+  util.invariant(form != null, 'Form element is required to trigger submission.');
+  util.invariant(submitter === null || isSubmitter(submitter), 'Submitter must be a button or input element or null.');
+  util.invariant(submitter === null || submitter.form === form, 'Submitter must be associated with the form.');
   if (typeof form.requestSubmit === 'function') {
     form.requestSubmit(submitter);
+  } else if (submitter) {
+    submitter.click();
   } else {
-    form.dispatchEvent(createSubmitEvent(submitter));
+    var submitButton = document.createElement('button');
+    submitButton.hidden = true;
+    form.appendChild(submitButton);
+    submitButton.click();
+    form.removeChild(submitButton);
   }
 }
 
@@ -148,6 +150,7 @@ function createFileList(value) {
 function createGlobalFormsObserver() {
   var inputListeners = new Set();
   var formListeners = new Set();
+  var internalListeners = new Set();
   var cleanup = null;
   function initialize() {
     var observer = new MutationObserver(handleMutation);
@@ -160,10 +163,12 @@ function createGlobalFormsObserver() {
     });
     document.addEventListener('input', handleInput);
     document.addEventListener('reset', handleReset);
+    document.addEventListener(CONFORM_INTERNAL_EVENT, handleInternal, true);
     document.addEventListener('submit', handleSubmit, true);
     return () => {
       document.removeEventListener('input', handleInput);
       document.removeEventListener('reset', handleReset);
+      document.removeEventListener(CONFORM_INTERNAL_EVENT, handleInternal, true);
       document.removeEventListener('submit', handleSubmit, true);
       observer.disconnect();
     };
@@ -222,6 +227,14 @@ function createGlobalFormsObserver() {
       }));
     }
   }
+  function handleInternal(event) {
+    var target = event.target;
+    if (target instanceof HTMLFormElement) {
+      internalListeners.forEach(callback => callback({
+        target
+      }));
+    }
+  }
   function getAssociatedFormElement(formId, node) {
     if (formId !== null) {
       return document.forms.namedItem(formId);
@@ -324,26 +337,76 @@ function createGlobalFormsObserver() {
         formListeners.delete(callback);
       };
     },
-    dispose() {
+    onInternalUpdate(callback) {
       var _cleanup3;
-      (_cleanup3 = cleanup) === null || _cleanup3 === void 0 || _cleanup3();
+      cleanup = (_cleanup3 = cleanup) !== null && _cleanup3 !== void 0 ? _cleanup3 : initialize();
+      internalListeners.add(callback);
+      return () => {
+        internalListeners.delete(callback);
+      };
+    },
+    dispose() {
+      var _cleanup4;
+      (_cleanup4 = cleanup) === null || _cleanup4 === void 0 || _cleanup4();
       cleanup = null;
       inputListeners.clear();
       formListeners.clear();
+      internalListeners.clear();
     }
   };
 }
+function isCheckboxGroup(element) {
+  if (element.type === 'checkbox') {
+    for (var input of (_element$form$element = (_element$form = element.form) === null || _element$form === void 0 ? void 0 : _element$form.elements) !== null && _element$form$element !== void 0 ? _element$form$element : []) {
+      var _element$form$element, _element$form;
+      if (input instanceof HTMLInputElement && input !== element && input.type === 'checkbox' && input.name === element.name) {
+        return true;
+      }
+    }
+  }
+  return false;
+}
 
 /**
  * Change the value of the given field element.
  * Dispatches both `input` and `change` events only if the value is changed.
  */
 function change(element, value, options) {
-  // The value should be set to the element before dispatching the event
-  var isChanged = updateField(element, {
-    value
-  });
-  if (isChanged) {
+  var isChanged = false;
+  if (element instanceof HTMLFieldSetElement || Array.isArray(element)) {
+    var baseName;
+    var inputs;
+    var preventDefault;
+    if (Array.isArray(element)) {
+      var _element$0$name, _element$;
+      baseName = (_element$0$name = (_element$ = element[0]) === null || _element$ === void 0 ? void 0 : _element$.name) !== null && _element$0$name !== void 0 ? _element$0$name : '';
+      inputs = element;
+      preventDefault = false;
+    } else {
+      baseName = element.name;
+      inputs = Array.from(element.elements);
+      preventDefault = true;
+    }
+    for (var input of inputs) {
+      if (isFieldElement(input)) {
+        var path = formdata.getRelativePath(input.name, baseName);
+        if (path) {
+          var name = formdata.formatPath(path);
+          var pathValue = value === null ? value : formdata.getPathValue(value, name);
+          var isInputChanged = change(input, isCheckboxGroup(input) && Array.isArray(pathValue) ? pathValue.includes(input.value) : pathValue, {
+            preventDefault
+          });
+          isChanged || (isChanged = isInputChanged);
+        }
+      }
+    }
+  } else {
+    // The value should be set to the element before dispatching the event
+    isChanged = updateField(element, {
+      value: typeof value === 'boolean' ? value ? element.value : null : value
+    });
+  }
+  if (element instanceof Element && (isChanged || options !== null && options !== void 0 && options.forceDispatch)) {
     var inputEvent = new InputEvent('input', {
       bubbles: true,
       cancelable: true
@@ -362,6 +425,7 @@ function change(element, value, options) {
     // Dispatch change event (necessary for select to update the selected option)
     element.dispatchEvent(changeEvent);
   }
+  return isChanged;
 }
 
 /**
@@ -431,9 +495,11 @@ function updateField(element, options) {
           var _defaultValue = normalizeStringValues(options.defaultValue);
           if (_value) {
             var checked = _value.includes(element.value);
-            if (element.type === 'checkbox' ? checked !== element.checked : checked) {
-              // Simulate a click to update the checked state
-              element.click();
+            if (checked !== element.checked) {
+              if (element.type === 'checkbox' || checked) {
+                // Simulate a click to update the checked state
+                element.click();
+              }
               isChanged = true;
             }
             element.checked = checked;
@@ -554,11 +620,12 @@ exports.blur = blur;
 exports.change = change;
 exports.createFileList = createFileList;
 exports.createGlobalFormsObserver = createGlobalFormsObserver;
-exports.createSubmitEvent = createSubmitEvent;
+exports.dispatchInternalUpdateEvent = dispatchInternalUpdateEvent;
 exports.focus = focus;
 exports.getFormAction = getFormAction;
 exports.getFormEncType = getFormEncType;
 exports.getFormMethod = getFormMethod;
+exports.isCheckboxGroup = isCheckboxGroup;
 exports.isDirtyInput = isDirtyInput;
 exports.isFieldElement = isFieldElement;
 exports.isGlobalInstance = isGlobalInstance;

package/dist/dom.mjs

@@ -1,3 +1,4 @@
+import { getRelativePath, formatPath, getPathValue } from './formdata.mjs';
 import { invariant } from './util.mjs';
 
 /**
@@ -9,6 +10,10 @@ import { invariant } from './util.mjs';
  * Form Control element. It can either be a submit button or a submit input.
  */
 
+var CONFORM_INTERNAL_EVENT = 'conform:internal';
+function dispatchInternalUpdateEvent(form) {
+  form.dispatchEvent(new Event(CONFORM_INTERNAL_EVENT));
+}
 function isInputElement(element) {
   return element.tagName === 'INPUT';
 }
@@ -92,27 +97,24 @@ function getFormMethod(event) {
   return 'GET';
 }
 
-/**
- * Creates a submit event that behaves like a real form submission.
- */
-function createSubmitEvent(submitter) {
-  return new SubmitEvent('submit', {
-    bubbles: true,
-    cancelable: true,
-    submitter
-  });
-}
-
 /**
  * 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.
  */
 function requestSubmit(form, submitter) {
-  invariant(!!form, 'Failed to submit the form. The element provided is null or undefined.');
+  invariant(form != null, 'Form element is required to trigger submission.');
+  invariant(submitter === null || isSubmitter(submitter), 'Submitter must be a button or input element or null.');
+  invariant(submitter === null || submitter.form === form, 'Submitter must be associated with the form.');
   if (typeof form.requestSubmit === 'function') {
     form.requestSubmit(submitter);
+  } else if (submitter) {
+    submitter.click();
   } else {
-    form.dispatchEvent(createSubmitEvent(submitter));
+    var submitButton = document.createElement('button');
+    submitButton.hidden = true;
+    form.appendChild(submitButton);
+    submitButton.click();
+    form.removeChild(submitButton);
   }
 }
 
@@ -144,6 +146,7 @@ function createFileList(value) {
 function createGlobalFormsObserver() {
   var inputListeners = new Set();
   var formListeners = new Set();
+  var internalListeners = new Set();
   var cleanup = null;
   function initialize() {
     var observer = new MutationObserver(handleMutation);
@@ -156,10 +159,12 @@ function createGlobalFormsObserver() {
     });
     document.addEventListener('input', handleInput);
     document.addEventListener('reset', handleReset);
+    document.addEventListener(CONFORM_INTERNAL_EVENT, handleInternal, true);
     document.addEventListener('submit', handleSubmit, true);
     return () => {
       document.removeEventListener('input', handleInput);
       document.removeEventListener('reset', handleReset);
+      document.removeEventListener(CONFORM_INTERNAL_EVENT, handleInternal, true);
       document.removeEventListener('submit', handleSubmit, true);
       observer.disconnect();
     };
@@ -218,6 +223,14 @@ function createGlobalFormsObserver() {
       }));
     }
   }
+  function handleInternal(event) {
+    var target = event.target;
+    if (target instanceof HTMLFormElement) {
+      internalListeners.forEach(callback => callback({
+        target
+      }));
+    }
+  }
   function getAssociatedFormElement(formId, node) {
     if (formId !== null) {
       return document.forms.namedItem(formId);
@@ -320,26 +333,76 @@ function createGlobalFormsObserver() {
         formListeners.delete(callback);
       };
     },
-    dispose() {
+    onInternalUpdate(callback) {
       var _cleanup3;
-      (_cleanup3 = cleanup) === null || _cleanup3 === void 0 || _cleanup3();
+      cleanup = (_cleanup3 = cleanup) !== null && _cleanup3 !== void 0 ? _cleanup3 : initialize();
+      internalListeners.add(callback);
+      return () => {
+        internalListeners.delete(callback);
+      };
+    },
+    dispose() {
+      var _cleanup4;
+      (_cleanup4 = cleanup) === null || _cleanup4 === void 0 || _cleanup4();
       cleanup = null;
       inputListeners.clear();
       formListeners.clear();
+      internalListeners.clear();
     }
   };
 }
+function isCheckboxGroup(element) {
+  if (element.type === 'checkbox') {
+    for (var input of (_element$form$element = (_element$form = element.form) === null || _element$form === void 0 ? void 0 : _element$form.elements) !== null && _element$form$element !== void 0 ? _element$form$element : []) {
+      var _element$form$element, _element$form;
+      if (input instanceof HTMLInputElement && input !== element && input.type === 'checkbox' && input.name === element.name) {
+        return true;
+      }
+    }
+  }
+  return false;
+}
 
 /**
  * Change the value of the given field element.
  * Dispatches both `input` and `change` events only if the value is changed.
  */
 function change(element, value, options) {
-  // The value should be set to the element before dispatching the event
-  var isChanged = updateField(element, {
-    value
-  });
-  if (isChanged) {
+  var isChanged = false;
+  if (element instanceof HTMLFieldSetElement || Array.isArray(element)) {
+    var baseName;
+    var inputs;
+    var preventDefault;
+    if (Array.isArray(element)) {
+      var _element$0$name, _element$;
+      baseName = (_element$0$name = (_element$ = element[0]) === null || _element$ === void 0 ? void 0 : _element$.name) !== null && _element$0$name !== void 0 ? _element$0$name : '';
+      inputs = element;
+      preventDefault = false;
+    } else {
+      baseName = element.name;
+      inputs = Array.from(element.elements);
+      preventDefault = true;
+    }
+    for (var input of inputs) {
+      if (isFieldElement(input)) {
+        var path = getRelativePath(input.name, baseName);
+        if (path) {
+          var name = formatPath(path);
+          var pathValue = value === null ? value : getPathValue(value, name);
+          var isInputChanged = change(input, isCheckboxGroup(input) && Array.isArray(pathValue) ? pathValue.includes(input.value) : pathValue, {
+            preventDefault
+          });
+          isChanged || (isChanged = isInputChanged);
+        }
+      }
+    }
+  } else {
+    // The value should be set to the element before dispatching the event
+    isChanged = updateField(element, {
+      value: typeof value === 'boolean' ? value ? element.value : null : value
+    });
+  }
+  if (element instanceof Element && (isChanged || options !== null && options !== void 0 && options.forceDispatch)) {
     var inputEvent = new InputEvent('input', {
       bubbles: true,
       cancelable: true
@@ -358,6 +421,7 @@ function change(element, value, options) {
     // Dispatch change event (necessary for select to update the selected option)
     element.dispatchEvent(changeEvent);
   }
+  return isChanged;
 }
 
 /**
@@ -427,9 +491,11 @@ function updateField(element, options) {
           var _defaultValue = normalizeStringValues(options.defaultValue);
           if (_value) {
             var checked = _value.includes(element.value);
-            if (element.type === 'checkbox' ? checked !== element.checked : checked) {
-              // Simulate a click to update the checked state
-              element.click();
+            if (checked !== element.checked) {
+              if (element.type === 'checkbox' || checked) {
+                // Simulate a click to update the checked state
+                element.click();
+              }
               isChanged = true;
             }
             element.checked = checked;
@@ -546,4 +612,4 @@ function isDirtyInput(element) {
   return false;
 }
 
-export { blur, change, createFileList, createGlobalFormsObserver, createSubmitEvent, focus, getFormAction, getFormEncType, getFormMethod, isDirtyInput, isFieldElement, isGlobalInstance, isInputElement, isSelectElement, isSubmitter, isTextAreaElement, normalizeFileValues, normalizeStringValues, requestIntent, requestSubmit, updateField };
+export { blur, change, createFileList, createGlobalFormsObserver, dispatchInternalUpdateEvent, focus, getFormAction, getFormEncType, getFormMethod, isCheckboxGroup, isDirtyInput, isFieldElement, isGlobalInstance, isInputElement, isSelectElement, isSubmitter, isTextAreaElement, normalizeFileValues, normalizeStringValues, requestIntent, requestSubmit, updateField };

package/dist/form.js

@@ -43,7 +43,7 @@ function getDefaultKey(defaultValue, prefix) {
     var [key, value] = _ref2;
     if (Array.isArray(value)) {
       for (var i = 0; i < value.length; i++) {
-        result[formdata.appendPathSegment(key, i)] = util.generateId();
+        result[formdata.appendPath(key, i)] = util.generateId();
       }
     }
     return result;
@@ -76,7 +76,7 @@ function handleIntent(meta, intent, fields, initialized) {
           validated,
           value
         } = intent.payload;
-        var _name2 = formdata.appendPathSegment(intent.payload.name, intent.payload.index);
+        var _name2 = formdata.appendPath(intent.payload.name, intent.payload.index);
         if (typeof value !== 'undefined') {
           updateValue(meta, _name2 !== null && _name2 !== void 0 ? _name2 : '', value);
         }
@@ -105,8 +105,8 @@ function handleIntent(meta, intent, fields, initialized) {
       }
     case 'reset':
       {
-        var _name3 = formdata.appendPathSegment(intent.payload.name, intent.payload.index);
-        var _value = formdata.getValueAtPath(meta.defaultValue, _name3);
+        var _name3 = formdata.appendPath(intent.payload.name, intent.payload.index);
+        var _value = formdata.getPathValue(meta.defaultValue, _name3);
         updateValue(meta, _name3, _value);
         if (_name3) {
           submission.setState(meta.validated, _name3, () => undefined);
@@ -141,7 +141,7 @@ function handleIntent(meta, intent, fields, initialized) {
   var validatedFields = (_fields$filter = fields === null || fields === void 0 ? void 0 : fields.filter(name => meta.validated[name])) !== null && _fields$filter !== void 0 ? _fields$filter : [];
   meta.error = Object.entries(meta.error).reduce((result, _ref3) => {
     var [name, error] = _ref3;
-    if (meta.validated[name] || validatedFields.some(field => formdata.isPrefix(name, field))) {
+    if (meta.validated[name] || validatedFields.some(field => formdata.isPathPrefix(name, field))) {
       result[name] = error;
     }
     return result;
@@ -159,8 +159,8 @@ function updateValue(meta, name, value) {
   meta.initialValue = util.clone(meta.initialValue);
   meta.value = util.clone(meta.value);
   meta.key = util.clone(meta.key);
-  formdata.setValueAtPath(meta.initialValue, name, () => value);
-  formdata.setValueAtPath(meta.value, name, () => value);
+  formdata.setPathValue(meta.initialValue, name, () => value);
+  formdata.setPathValue(meta.value, name, () => value);
   if (util.isPlainObject(value) || Array.isArray(value)) {
     submission.setState(meta.key, name, () => undefined);
     Object.assign(meta.key, getDefaultKey(value, name));
@@ -185,11 +185,11 @@ function createValueProxy(value) {
     if (name === '') {
       return val;
     }
-    var path = formdata.getPathSegments(name);
-    var basename = formdata.formatPathSegments(path.slice(0, -1));
-    var key = formdata.formatPathSegments(path.slice(-1));
+    var path = formdata.parsePath(name);
+    var basename = formdata.formatPath(path.slice(0, -1));
+    var key = formdata.formatPath(path.slice(-1));
     var parentValue = proxy[basename];
-    return formdata.getValueAtPath(parentValue, key);
+    return formdata.getPathValue(parentValue, key);
   });
 }
 function createConstraintProxy(constraint) {
@@ -197,7 +197,7 @@ function createConstraintProxy(constraint) {
     var _result;
     var result = constraint[name];
     if (!result) {
-      var path = formdata.getPathSegments(name);
+      var path = formdata.parsePath(name);
       for (var i = path.length - 1; i >= 0; i--) {
         var segment = path[i];
 
@@ -210,7 +210,7 @@ function createConstraintProxy(constraint) {
           break;
         }
       }
-      var alternative = formdata.formatPathSegments(path);
+      var alternative = formdata.formatPath(path);
       if (name !== alternative) {
         result = proxy[alternative];
       }
@@ -221,11 +221,11 @@ function createConstraintProxy(constraint) {
 function createKeyProxy(key) {
   return createStateProxy((name, proxy) => {
     var currentKey = key[name];
-    var segments = formdata.getPathSegments(name);
+    var segments = formdata.parsePath(name);
     if (segments.length === 0) {
       return currentKey;
     }
-    var parentKey = proxy[formdata.formatPathSegments(segments.slice(0, -1))];
+    var parentKey = proxy[formdata.formatPath(segments.slice(0, -1))];
     if (typeof parentKey === 'undefined') {
       return currentKey;
     }
@@ -239,7 +239,7 @@ function createValidProxy(error) {
       return keys.length === 0;
     }
     for (var key of keys) {
-      if (formdata.isPrefix(key, name) && typeof error[key] !== 'undefined') {
+      if (formdata.isPathPrefix(key, name) && typeof error[key] !== 'undefined') {
         return false;
       }
     }
@@ -270,7 +270,7 @@ function shouldNotify(prev, next, cache, scope) {
     var names = (_scope$name = scope.name) !== null && _scope$name !== void 0 ? _scope$name : [];
     var list = prefixes.length === 0 ? names : Array.from(new Set([...Object.keys(prev), ...Object.keys(next)]));
     var _loop = function _loop(_name4) {
-        if (prefixes.length === 0 || names.includes(_name4) || prefixes.some(prefix => formdata.isPrefix(_name4, prefix))) {
+        if (prefixes.length === 0 || names.includes(_name4) || prefixes.some(prefix => formdata.isPathPrefix(_name4, prefix))) {
           var _cache$_name;
           (_cache$_name = cache[_name4]) !== null && _cache$_name !== void 0 ? _cache$_name : cache[_name4] = compareFn(prev[_name4], next[_name4]);
           if (cache[_name4]) {
@@ -580,13 +580,13 @@ function createFormContext(options) {
       switch (intent.type) {
         case 'update':
           {
-            var _name5 = formdata.appendPathSegment(intent.payload.name, intent.payload.index);
-            var baseSegments = formdata.getPathSegments(_name5);
+            var _name5 = formdata.appendPath(intent.payload.name, intent.payload.index);
+            var baseSegments = formdata.parsePath(_name5);
             for (var element of formElement.elements) {
               if (dom.isFieldElement(element)) {
                 var paths = formdata.getRelativePath(element.name, baseSegments);
                 if (paths) {
-                  var value = formdata.getValueAtPath(intent.payload.value, paths);
+                  var value = formdata.getPathValue(intent.payload.value, paths);
                   var inputValue = typeof value === 'string' || Array.isArray(value) && value.every(item => typeof item === 'string') ? value : undefined;
                   if (typeof inputValue !== 'undefined' || _name5 === '' && paths.length > 1) {
                     dom.updateField(element, {
@@ -603,10 +603,10 @@ function createFormContext(options) {
           }
         case 'reset':
           {
-            var prefix = formdata.appendPathSegment(intent.payload.name, intent.payload.index);
+            var prefix = formdata.appendPath(intent.payload.name, intent.payload.index);
             for (var _element of formElement.elements) {
-              if (dom.isFieldElement(_element) && _element.name && formdata.isPrefix(_element.name, prefix)) {
-                var _value2 = formdata.getValueAtPath(meta.defaultValue, _element.name);
+              if (dom.isFieldElement(_element) && _element.name && formdata.isPathPrefix(_element.name, prefix)) {
+                var _value2 = formdata.getPathValue(meta.defaultValue, _element.name);
                 var defaultValue = typeof _value2 === 'string' || Array.isArray(_value2) && _value2.every(item => typeof item === 'string') ? _value2 : undefined;
                 if (typeof defaultValue === 'undefined' && !_element.dataset.conform && 'defaultValue' in _element && !dom.isDirtyInput(_element)) {
                   continue;