@conform-to/react 1.18.0 → 1.19.1

package/dist/future/hooks.js

@@ -13,41 +13,19 @@ var dom = require('./dom.js');
 var reactDom = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
 
-var _excluded = ["children"],
-  _excluded2 = ["name", "form", "defaultValue", "hidden"],
-  _excluded3 = ["defaultValue", "multiple", "hidden"],
-  _excluded4 = ["defaultValue", "hidden"],
-  _excluded5 = ["defaultValue", "value", "hidden"],
-  _excluded6 = ["defaultValue", "hidden"];
+var _excluded = ["name", "form", "defaultValue", "hidden"],
+  _excluded2 = ["defaultValue", "multiple", "hidden"],
+  _excluded3 = ["defaultValue", "hidden"],
+  _excluded4 = ["defaultValue", "value", "hidden"],
+  _excluded5 = ["defaultValue", "hidden"];
 var INITIAL_KEY = 'INITIAL_KEY';
-var GlobalFormOptionsContext = /*#__PURE__*/react.createContext({
-  intentName: future.DEFAULT_INTENT_NAME,
-  observer: future.createGlobalFormsObserver(),
-  serialize: future.serialize,
-  shouldValidate: 'onSubmit'
-});
-var FormContextContext = /*#__PURE__*/react.createContext([]);
-
-/**
- * Provides form context to child components.
- * Stacks contexts to support nested forms, with latest context taking priority.
- */
-function FormProvider(props) {
-  var stack = react.useContext(FormContextContext);
-  var value = react.useMemo(
-  // Put the latest form context first to ensure that to be the first one found
-  () => [props.context].concat(stack), [stack, props.context]);
-  return /*#__PURE__*/jsxRuntime.jsx(FormContextContext.Provider, {
-    value: value,
-    children: props.children
-  });
-}
+var GlobalFormsObserverContext = /*#__PURE__*/react.createContext(future.createGlobalFormsObserver());
 
 /**
  * Preserves form field values when its contents are unmounted.
  * Useful for multi-step forms and virtualized lists.
  *
- * @see https://conform.guide/api/react/future/PreserveBoundary
+ * See https://conform.guide/api/react/future/PreserveBoundary
  */
 function PreserveBoundary(props) {
   // name is used as key so React properly unmounts/remounts when switching
@@ -84,30 +62,6 @@ function PreserveBoundaryImpl(props) {
   });
 }
 
-/**
- * @deprecated Replaced by the `configureForms` factory API. This will be removed in the next minor version. If you are not ready to migrate, please pin to `v1.16.0`.
- */
-function FormOptionsProvider(props) {
-  var {
-      children
-    } = props,
-    providedOptions = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
-  var defaultOptions = react.useContext(GlobalFormOptionsContext);
-  var options = react.useMemo(() => _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, defaultOptions), providedOptions), [defaultOptions, providedOptions]);
-  return /*#__PURE__*/jsxRuntime.jsx(GlobalFormOptionsContext.Provider, {
-    value: options,
-    children: children
-  });
-}
-function useFormContext(formId) {
-  var contexts = react.useContext(FormContextContext);
-  var context = formId ? contexts.find(context => formId === context.formId) : contexts[0];
-  if (!context) {
-    throw new Error('No form context found; Have you render a <FormProvider /> with the corresponding form context?');
-  }
-  return context;
-}
-
 /**
  * Core form hook that manages form state, validation, and submission.
  * Handles both sync and async validation, intent dispatching, and DOM updates.
@@ -150,8 +104,11 @@ function useConform(formRef, options) {
   var abortControllerRef = react.useRef(null);
   var handleSubmission = react.useCallback(function (type, result) {
     var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : optionsRef.current;
+    var normalizedResult = !result.error ? result : _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, result), {}, {
+      error: future.normalizeFormError(result.error)
+    });
     var intent$1 = result.submission.intent ? intent.deserializeIntent(result.submission.intent) : null;
-    var finalResult = intent.applyIntent(result, intent$1, {
+    var finalResult = intent.applyIntent(normalizedResult, intent$1, {
       handlers: intent.intentHandlers
     });
     var formElement = dom.getFormElement(formRef);
@@ -163,7 +120,7 @@ function useConform(formRef, options) {
       intent: intent$1,
       ctx: {
         handlers: intent.intentHandlers,
-        cancelled: finalResult !== result,
+        cancelled: finalResult !== normalizedResult,
         reset(defaultValue) {
           return state.initializeState({
             defaultValue: defaultValue !== null && defaultValue !== void 0 ? defaultValue : options.defaultValue
@@ -173,11 +130,11 @@ function useConform(formRef, options) {
     })));
 
     // TODO: move on error handler to a new effect
-    if (formElement && result.error) {
+    if (formElement && finalResult.error) {
       var _optionsRef$current$o, _optionsRef$current;
       (_optionsRef$current$o = (_optionsRef$current = optionsRef.current).onError) === null || _optionsRef$current$o === void 0 || _optionsRef$current$o.call(_optionsRef$current, {
         formElement,
-        error: result.error,
+        error: finalResult.error,
         intent: intent$1
       });
     }
@@ -275,7 +232,7 @@ function useConform(formRef, options) {
       value !== undefined ? (_optionsRef$current$o2 = (_optionsRef$current2 = optionsRef.current).onValidate) === null || _optionsRef$current$o2 === void 0 ? void 0 : _optionsRef$current$o2.call(_optionsRef$current2, {
         payload: value,
         error: {
-          formErrors: [],
+          formErrors: null,
           fieldErrors: {}
         },
         intent: submission.intent ? intent.deserializeIntent(submission.intent) : null,
@@ -368,279 +325,12 @@ function useConform(formRef, options) {
   return [state$1, handleSubmit];
 }
 
-/**
- * The main React hook for form management. Handles form state, validation, and submission
- * while providing access to form metadata, field objects, and form actions.
- *
- * It can be called in two ways:
- * - **Schema first**: Pass a schema as the first argument for automatic validation with type inference
- * - **Manual configuration**: Pass options with custom `onValidate` handler for manual validation
- *
- * @see https://conform.guide/api/react/future/useForm
- * @example Schema first setup with zod:
- *
- * ```tsx
- * const { form, fields } = useForm(zodSchema, {
- *   lastResult,
- *   shouldValidate: 'onBlur',
- * });
- *
- * return (
- *   <form {...form.props}>
- *     <input name={fields.email.name} defaultValue={fields.email.defaultValue} />
- *     <div>{fields.email.errors}</div>
- *   </form>
- * );
- * ```
- *
- * @example Manual configuration setup with custom validation:
- *
- * ```tsx
- * const { form, fields } = useForm({
- *    onValidate({ payload, error }) {
- *     if (!payload.email) {
- * 		 error.fieldErrors.email = ['Required'];
- *     }
- *     return error;
- *   }
- * });
- *
- * return (
- *   <form {...form.props}>
- *     <input name={fields.email.name} defaultValue={fields.email.defaultValue} />
- *     <div>{fields.email.errors}</div>
- *   </form>
- * );
- * ```
- */
-
-/**
- * @deprecated Use `useForm(schema, options)` instead for better type inference.
- */
-
-function useForm(schemaOrOptions, maybeOptions) {
-  var _options$onError;
-  var schema;
-  var options;
-  if (maybeOptions) {
-    schema = schemaOrOptions;
-    options = maybeOptions;
-  } else {
-    var fullOptions = schemaOrOptions;
-    options = fullOptions;
-    schema = fullOptions.schema;
-  }
-  var {
-    id,
-    constraint
-  } = options;
-  var globalOptions = react.useContext(GlobalFormOptionsContext);
-  var optionsRef = useLatest(options);
-  var globalOptionsRef = useLatest(globalOptions);
-  var fallbackId = react.useId();
-  var formId = id !== null && id !== void 0 ? id : "form-".concat(fallbackId);
-  var [state$1, handleSubmit] = useConform(formId, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, options), {}, {
-    serialize: globalOptions.serialize,
-    intentName: globalOptions.intentName,
-    onError: (_options$onError = options.onError) !== null && _options$onError !== void 0 ? _options$onError : dom.focusFirstInvalidField,
-    onValidate(ctx) {
-      var _options$onValidate, _options$onValidate2, _options;
-      if (schema) {
-        var standardResult = schema['~standard'].validate(ctx.payload);
-        if (standardResult instanceof Promise) {
-          return standardResult.then(actualStandardResult => {
-            if (typeof options.onValidate === 'function') {
-              throw new Error('The "onValidate" handler is not supported when used with asynchronous schema validation.');
-            }
-            return util.resolveStandardSchemaResult(actualStandardResult);
-          });
-        }
-        var resolvedResult = util.resolveStandardSchemaResult(standardResult);
-        if (!options.onValidate) {
-          return resolvedResult;
-        }
-
-        // Update the schema error in the context
-        if (resolvedResult.error) {
-          ctx.error = resolvedResult.error;
-        }
-        ctx.schemaValue = resolvedResult.value;
-        var validateResult = util.resolveValidateResult(options.onValidate(ctx));
-        if (validateResult.syncResult) {
-          var _validateResult$syncR, _validateResult$syncR2;
-          (_validateResult$syncR2 = (_validateResult$syncR = validateResult.syncResult).value) !== null && _validateResult$syncR2 !== void 0 ? _validateResult$syncR2 : _validateResult$syncR.value = resolvedResult.value;
-        }
-        if (validateResult.asyncResult) {
-          validateResult.asyncResult = validateResult.asyncResult.then(result => {
-            var _result$value;
-            (_result$value = result.value) !== null && _result$value !== void 0 ? _result$value : result.value = resolvedResult.value;
-            return result;
-          });
-        }
-        return [validateResult.syncResult, validateResult.asyncResult];
-      }
-      return (_options$onValidate = (_options$onValidate2 = (_options = options).onValidate) === null || _options$onValidate2 === void 0 ? void 0 : _options$onValidate2.call(_options, ctx)) !== null && _options$onValidate !== void 0 ? _options$onValidate : {
-        // To avoid conform falling back to server validation,
-        // if neither schema nor validation handler is provided,
-        // we just treat it as a valid client submission
-        error: null
-      };
-    }
-  }));
-  var intent = useIntent(formId);
-  var context = react.useMemo(() => ({
-    formId,
-    state: state$1,
-    constraint: constraint !== null && constraint !== void 0 ? constraint : null,
-    handleSubmit,
-    handleInput(event) {
-      var _optionsRef$current$o4, _optionsRef$current4, _globalOptionsRef$cur;
-      if (!future.isFieldElement(event.target) || event.target.name === '' || event.target.form === null || event.target.form !== dom.getFormElement(formId)) {
-        return;
-      }
-      (_optionsRef$current$o4 = (_optionsRef$current4 = optionsRef.current).onInput) === null || _optionsRef$current$o4 === void 0 || _optionsRef$current$o4.call(_optionsRef$current4, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, event), {}, {
-        target: event.target,
-        currentTarget: event.target.form
-      }));
-      if (event.defaultPrevented) {
-        return;
-      }
-      var {
-        shouldValidate = globalOptionsRef.current.shouldValidate,
-        shouldRevalidate = (_globalOptionsRef$cur = globalOptionsRef.current.shouldRevalidate) !== null && _globalOptionsRef$cur !== void 0 ? _globalOptionsRef$cur : shouldValidate
-      } = optionsRef.current;
-      if (state.isTouched(state$1, event.target.name) ? shouldRevalidate === 'onInput' : shouldValidate === 'onInput') {
-        intent.validate(event.target.name);
-      }
-    },
-    handleBlur(event) {
-      var _optionsRef$current$o5, _optionsRef$current5, _globalOptionsRef$cur2;
-      if (!future.isFieldElement(event.target) || event.target.name === '' || event.target.form === null || event.target.form !== dom.getFormElement(formId)) {
-        return;
-      }
-      (_optionsRef$current$o5 = (_optionsRef$current5 = optionsRef.current).onBlur) === null || _optionsRef$current$o5 === void 0 || _optionsRef$current$o5.call(_optionsRef$current5, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, event), {}, {
-        target: event.target,
-        currentTarget: event.target.form
-      }));
-      if (event.defaultPrevented) {
-        return;
-      }
-      var {
-        shouldValidate = globalOptionsRef.current.shouldValidate,
-        shouldRevalidate = (_globalOptionsRef$cur2 = globalOptionsRef.current.shouldRevalidate) !== null && _globalOptionsRef$cur2 !== void 0 ? _globalOptionsRef$cur2 : shouldValidate
-      } = optionsRef.current;
-      if (state.isTouched(state$1, event.target.name) ? shouldRevalidate === 'onBlur' : shouldValidate === 'onBlur') {
-        intent.validate(event.target.name);
-      }
-    }
-  }), [formId, state$1, constraint, handleSubmit, intent, optionsRef, globalOptionsRef]);
-  var form = react.useMemo(() => state.getFormMetadata(context, {
-    serialize: globalOptions.serialize,
-    extendFieldMetadata: globalOptions.defineCustomMetadata
-  }), [context, globalOptions.serialize, globalOptions.defineCustomMetadata]);
-  var fields = react.useMemo(() => state.getFieldset(context, {
-    serialize: globalOptions.serialize,
-    extendFieldMetadata: globalOptions.defineCustomMetadata
-  }), [context, globalOptions.serialize, globalOptions.defineCustomMetadata]);
-  return {
-    form,
-    fields,
-    intent
-  };
-}
-
-/**
- * A React hook that provides access to form-level metadata and state.
- * Requires `FormProvider` context when used in child components.
- *
- * @see https://conform.guide/api/react/future/useFormMetadata
- * @example
- * ```tsx
- * function ErrorSummary() {
- *   const form = useFormMetadata();
- *
- *   if (form.valid) return null;
- *
- *   return (
- *     <div>Please fix {Object.keys(form.fieldErrors).length} errors</div>
- *   );
- * }
- * ```
- */
-function useFormMetadata() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var globalOptions = react.useContext(GlobalFormOptionsContext);
-  var context = useFormContext(options.formId);
-  var formMetadata = react.useMemo(() => state.getFormMetadata(context, {
-    serialize: globalOptions.serialize,
-    extendFieldMetadata: globalOptions.defineCustomMetadata
-  }), [context, globalOptions.serialize, globalOptions.defineCustomMetadata]);
-  return formMetadata;
-}
-
-/**
- * A React hook that provides access to a specific field's metadata and state.
- * Requires `FormProvider` context when used in child components.
- *
- * @see https://conform.guide/api/react/future/useField
- * @example
- * ```tsx
- * function FormField({ name, label }) {
- *   const field = useField(name);
- *
- *   return (
- *     <div>
- *       <label htmlFor={field.id}>{label}</label>
- *       <input id={field.id} name={field.name} defaultValue={field.defaultValue} />
- *       {field.errors && <div>{field.errors.join(', ')}</div>}
- *     </div>
- *   );
- * }
- * ```
- */
-function useField(name) {
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var globalOptions = react.useContext(GlobalFormOptionsContext);
-  var context = useFormContext(options.formId);
-  var field = react.useMemo(() => state.getField(context, {
-    name,
-    serialize: globalOptions.serialize,
-    extendFieldMetadata: globalOptions.defineCustomMetadata
-  }), [context, name, globalOptions.serialize, globalOptions.defineCustomMetadata]);
-  return field;
-}
-
-/**
- * A React hook that provides an intent dispatcher for programmatic form actions.
- * Intent dispatchers allow you to trigger form operations like validation, field updates,
- * and array manipulations without manual form submission.
- *
- * @see https://conform.guide/api/react/future/useIntent
- * @example
- * ```tsx
- * function ResetButton() {
- *   const buttonRef = useRef<HTMLButtonElement>(null);
- *   const intent = useIntent(buttonRef);
- *
- *   return (
- *     <button type="button" ref={buttonRef} onClick={() => intent.reset()}>
- *       Reset Form
- *     </button>
- *   );
- * }
- * ```
- */
-function useIntent(formRef) {
-  var globalOptions = react.useContext(GlobalFormOptionsContext);
-  return react.useMemo(() => dom.createIntentDispatcher(() => dom.getFormElement(formRef), globalOptions.intentName), [formRef, globalOptions.intentName]);
-}
-
 /**
  * A React hook that lets you sync the state of an input and dispatch native form events from it.
  * This is useful when emulating native input behavior — typically by rendering a hidden base control
  * and syncing it with a custom input.
  *
- * @example
+ * **Example:**
  * ```ts
  * const control = useControl(options);
  * ```
@@ -648,9 +338,7 @@ function useIntent(formRef) {
 
 function useControl() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var {
-    observer
-  } = react.useContext(GlobalFormOptionsContext);
+  var observer = react.useContext(GlobalFormsObserverContext);
   var inputRef = react.useRef(null);
   var formRef = react.useMemo(() => ({
     get current() {
@@ -703,27 +391,25 @@ function useControl() {
     return next;
   }, () => snapshotRef.current);
   react.useEffect(() => {
-    var createEventListener = listener => {
-      return event => {
-        var _inputRef$current2;
-        if (Array.isArray(inputRef.current) ? inputRef.current.some(item => item === event.target) : event.target instanceof Node && ((_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.contains(event.target))) {
-          var timer = eventDispatched.current[listener];
-          if (timer) {
-            clearTimeout(timer);
-          }
-          eventDispatched.current[listener] = window.setTimeout(() => {
-            eventDispatched.current[listener] = undefined;
-          });
-          if (listener === 'focus') {
-            var _optionsRef$current6, _optionsRef$current6$;
-            (_optionsRef$current6 = optionsRef.current) === null || _optionsRef$current6 === void 0 || (_optionsRef$current6$ = _optionsRef$current6.onFocus) === null || _optionsRef$current6$ === void 0 || _optionsRef$current6$.call(_optionsRef$current6);
-          }
+    var createEventListener = (listener, event) => {
+      var _inputRef$current2;
+      if (Array.isArray(inputRef.current) ? inputRef.current.some(item => item === event.target) : event.target instanceof Node && ((_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.contains(event.target))) {
+        var timer = eventDispatched.current[listener];
+        if (timer) {
+          clearTimeout(timer);
         }
-      };
+        eventDispatched.current[listener] = window.setTimeout(() => {
+          eventDispatched.current[listener] = undefined;
+        });
+        if (listener === 'focus') {
+          var _optionsRef$current4, _optionsRef$current4$;
+          (_optionsRef$current4 = optionsRef.current) === null || _optionsRef$current4 === void 0 || (_optionsRef$current4$ = _optionsRef$current4.onFocus) === null || _optionsRef$current4$ === void 0 || _optionsRef$current4$.call(_optionsRef$current4);
+        }
+      }
     };
-    var inputHandler = createEventListener('change');
-    var focusHandler = createEventListener('focus');
-    var blurHandler = createEventListener('blur');
+    var inputHandler = createEventListener.bind(null, 'change');
+    var focusHandler = createEventListener.bind(null, 'focus');
+    var blurHandler = createEventListener.bind(null, 'blur');
     document.addEventListener('input', inputHandler, true);
     document.addEventListener('focusin', focusHandler, true);
     document.addEventListener('focusout', blurHandler, true);
@@ -806,7 +492,7 @@ function useControl() {
         if (element.type === 'checkbox' || element.type === 'radio') {
           // React set the value as empty string incorrectly when the value is undefined
           // This make sure the checkbox value falls back to the default value "on" properly
-          // @see https://github.com/facebook/react/issues/17590
+          // See https://github.com/facebook/react/issues/17590
           var value = 'value' in optionsRef.current && optionsRef.current.value ? optionsRef.current.value : 'on';
           element.value = value;
         }
@@ -824,10 +510,10 @@ function useControl() {
         inputRef.current = inputs;
         if ('defaultValue' in optionsRef.current) {
           for (var input of inputs) {
-            var _optionsRef$current7;
+            var _optionsRef$current5;
             dom.initializeField(input, {
               // We will not be uitlizing defaultChecked / value on checkbox / radio group
-              defaultValue: (_optionsRef$current7 = optionsRef.current) === null || _optionsRef$current7 === void 0 ? void 0 : _optionsRef$current7.defaultValue
+              defaultValue: (_optionsRef$current5 = optionsRef.current) === null || _optionsRef$current5 === void 0 ? void 0 : _optionsRef$current5.defaultValue
             });
           }
         }
@@ -893,8 +579,9 @@ function useControl() {
  * Returns `undefined` when the form element is not available (e.g., on SSR or initial client render),
  * unless a `fallback` is provided.
  *
- * @see https://conform.guide/api/react/future/useFormData
- * @example
+ * See https://conform.guide/api/react/future/useFormData
+ *
+ * **Example:**
  * ```ts
  * const value = useFormData(
  *   formRef,
@@ -904,9 +591,7 @@ function useControl() {
  */
 
 function useFormData(formRef, select, options) {
-  var {
-    observer
-  } = react.useContext(GlobalFormOptionsContext);
+  var observer = react.useContext(GlobalFormsObserverContext);
   var valueRef = react.useRef();
   var formDataRef = react.useRef();
   var value = react.useSyncExternalStore(react.useCallback(callback => {
@@ -966,7 +651,7 @@ function useLatest(value) {
  * A component that renders hidden base control(s) based on the shape of defaultValue.
  * Used with useControl to sync complex values with form data.
  *
- * @example
+ * **Example:**
  * ```tsx
  * const control = useControl<{ street: string; city: string }>({
  *   defaultValue: { street: '123 Main St', city: 'Anytown' },
@@ -996,7 +681,7 @@ function useLatest(value) {
  */
 var BaseControl = /*#__PURE__*/react.forwardRef(function BaseControl(props, ref) {
   function formatValue(value) {
-    var serialized = future.serialize(value);
+    var serialized = future.defaultSerialize(value);
     if (typeof serialized === 'string') {
       return serialized;
     }
@@ -1027,7 +712,7 @@ var BaseControl = /*#__PURE__*/react.forwardRef(function BaseControl(props, ref)
         defaultValue: _defaultValue,
         hidden: _hidden = true
       } = props,
-      fieldsetProps = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded2);
+      fieldsetProps = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
     return /*#__PURE__*/jsxRuntime.jsx("fieldset", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, fieldsetProps), {}, {
       ref: ref,
       name: name,
@@ -1042,7 +727,7 @@ var BaseControl = /*#__PURE__*/react.forwardRef(function BaseControl(props, ref)
         multiple = Array.isArray(_defaultValue2),
         hidden: _hidden2 = true
       } = props,
-      selectProps = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded3);
+      selectProps = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded2);
     if (multiple) {
       var defaultOptions = Array.isArray(_defaultValue2) ? _defaultValue2.map(formatValue) : [formatValue(_defaultValue2)];
       return /*#__PURE__*/jsxRuntime.jsx("select", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, selectProps), {}, {
@@ -1072,7 +757,7 @@ var BaseControl = /*#__PURE__*/react.forwardRef(function BaseControl(props, ref)
         defaultValue: _defaultValue3,
         hidden: _hidden3 = true
       } = props,
-      textareaProps = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded4);
+      textareaProps = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded3);
     return /*#__PURE__*/jsxRuntime.jsx("textarea", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, textareaProps), {}, {
       defaultValue: formatValue(_defaultValue3),
       ref: ref,
@@ -1085,7 +770,7 @@ var BaseControl = /*#__PURE__*/react.forwardRef(function BaseControl(props, ref)
         value = _defaultValue4,
         hidden: _hidden4 = true
       } = props,
-      _inputProps = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded5);
+      _inputProps = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded4);
     return /*#__PURE__*/jsxRuntime.jsx("input", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, _inputProps), {}, {
       ref: ref,
       value: value,
@@ -1096,7 +781,7 @@ var BaseControl = /*#__PURE__*/react.forwardRef(function BaseControl(props, ref)
       defaultValue,
       hidden = true
     } = props,
-    inputProps = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded6);
+    inputProps = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded5);
   return /*#__PURE__*/jsxRuntime.jsx("input", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, inputProps), {}, {
     ref: ref,
     defaultValue: defaultValue !== undefined ? formatValue(defaultValue) : undefined,
@@ -1105,19 +790,11 @@ var BaseControl = /*#__PURE__*/react.forwardRef(function BaseControl(props, ref)
 });
 
 exports.BaseControl = BaseControl;
-exports.FormContextContext = FormContextContext;
-exports.FormOptionsProvider = FormOptionsProvider;
-exports.FormProvider = FormProvider;
-exports.GlobalFormOptionsContext = GlobalFormOptionsContext;
+exports.GlobalFormsObserverContext = GlobalFormsObserverContext;
 exports.INITIAL_KEY = INITIAL_KEY;
 exports.PreserveBoundary = PreserveBoundary;
 exports.useConform = useConform;
 exports.useControl = useControl;
-exports.useField = useField;
-exports.useForm = useForm;
-exports.useFormContext = useFormContext;
 exports.useFormData = useFormData;
-exports.useFormMetadata = useFormMetadata;
-exports.useIntent = useIntent;
 exports.useLatest = useLatest;
 exports.useSafeLayoutEffect = useSafeLayoutEffect;