@availity/mui-controlled-form 0.2.5 → 0.3.0

package/dist/index.js

@@ -60,7 +60,10 @@ __export(src_exports, {
   ControlledProviderAutocomplete: () => ControlledProviderAutocomplete,
   ControlledRadioGroup: () => ControlledRadioGroup,
   ControlledSelect: () => ControlledSelect,
-  ControlledTextField: () => ControlledTextField
+  ControlledTextField: () => ControlledTextField,
+  FormProvider: () => import_react_hook_form13.FormProvider,
+  useForm: () => import_react_hook_form13.useForm,
+  useFormContext: () => import_react_hook_form13.useFormContext
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -80,6 +83,7 @@ var ControlledAsyncAutocomplete = (_a) => {
     onChange,
     pattern,
     required,
+    rules = {},
     shouldUnregister,
     validate,
     value,
@@ -95,21 +99,18 @@ var ControlledAsyncAutocomplete = (_a) => {
     "onChange",
     "pattern",
     "required",
+    "rules",
     "shouldUnregister",
     "validate",
     "value",
     "FieldProps"
   ]);
-  var _a2;
-  const { control, getFieldState } = (0, import_react_hook_form.useFormContext)();
-  const errorMessage = (_a2 = getFieldState(name).error) == null ? void 0 : _a2.message;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_react_hook_form.Controller,
     {
       name,
-      control,
       defaultValue: rest.defaultValue,
-      rules: {
+      rules: __spreadValues({
         deps,
         max,
         maxLength,
@@ -122,19 +123,19 @@ var ControlledAsyncAutocomplete = (_a) => {
         shouldUnregister,
         validate,
         value
-      },
+      }, rules),
       shouldUnregister,
-      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_mui_autocomplete.AsyncAutocomplete,
         __spreadProps(__spreadValues({}, rest), {
           FieldProps: __spreadProps(__spreadValues({}, FieldProps), {
-            required: typeof required === "object" ? required.value : !!required,
-            error: !!errorMessage,
-            helperText: errorMessage && typeof errorMessage === "string" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-              errorMessage,
+            error: !!error,
+            helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+              error.message,
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
               FieldProps == null ? void 0 : FieldProps.helperText
-            ] }) : FieldProps == null ? void 0 : FieldProps.helperText
+            ] }) : FieldProps == null ? void 0 : FieldProps.helperText,
+            inputRef: ref
           }),
           onChange: (event, value3, reason) => {
             if (reason === "clear") {
@@ -159,6 +160,7 @@ var ControlledAutocomplete = (_a) => {
     name,
     FieldProps,
     defaultValue,
+    rules = {},
     deps,
     max,
     maxLength,
@@ -175,6 +177,7 @@ var ControlledAutocomplete = (_a) => {
     "name",
     "FieldProps",
     "defaultValue",
+    "rules",
     "deps",
     "max",
     "maxLength",
@@ -188,16 +191,12 @@ var ControlledAutocomplete = (_a) => {
     "validate",
     "value"
   ]);
-  var _a2;
-  const { control, getFieldState } = (0, import_react_hook_form2.useFormContext)();
-  const errorMessage = (_a2 = getFieldState(name).error) == null ? void 0 : _a2.message;
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     import_react_hook_form2.Controller,
     {
-      control,
       name,
       defaultValue,
-      rules: {
+      rules: __spreadValues({
         deps,
         max,
         maxLength,
@@ -210,19 +209,19 @@ var ControlledAutocomplete = (_a) => {
         shouldUnregister,
         validate,
         value
-      },
+      }, rules),
       shouldUnregister,
-      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 } }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
         import_mui_autocomplete2.Autocomplete,
         __spreadProps(__spreadValues({}, rest), {
           FieldProps: __spreadProps(__spreadValues({}, FieldProps), {
-            required: typeof required === "object" ? required.value : !!required,
-            error: !!errorMessage,
-            helperText: errorMessage && typeof errorMessage === "string" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-              errorMessage,
+            error: !!error,
+            helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+              error.message,
               /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("br", {}),
               FieldProps == null ? void 0 : FieldProps.helperText
-            ] }) : FieldProps == null ? void 0 : FieldProps.helperText
+            ] }) : FieldProps == null ? void 0 : FieldProps.helperText,
+            inputRef: ref
           }),
           onChange: (event, value3, reason) => {
             if (reason === "clear") {
@@ -245,35 +244,44 @@ var import_jsx_runtime3 = require("react/jsx-runtime");
 var ControlledCheckbox = (_a) => {
   var _b = _a, {
     name,
-    setValueAs,
     disabled,
     onChange,
     onBlur,
     value,
+    defaultValue = false,
+    rules = {},
     shouldUnregister,
-    deps
+    deps,
+    validate
   } = _b, rest = __objRest(_b, [
     "name",
-    "setValueAs",
     "disabled",
     "onChange",
     "onBlur",
     "value",
+    "defaultValue",
+    "rules",
     "shouldUnregister",
-    "deps"
+    "deps",
+    "validate"
   ]);
-  const { register } = (0, import_react_hook_form3.useFormContext)();
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    import_mui_checkbox.Checkbox,
-    __spreadValues(__spreadValues({}, rest), register(name, {
-      setValueAs,
+    import_react_hook_form3.Controller,
+    {
+      name,
+      defaultValue,
       disabled,
-      onChange,
-      onBlur,
-      value,
+      rules: __spreadValues({
+        onChange,
+        onBlur,
+        value,
+        shouldUnregister,
+        deps,
+        validate
+      }, rules),
       shouldUnregister,
-      deps
-    }))
+      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_mui_checkbox.Checkbox, __spreadProps(__spreadValues(__spreadValues({}, rest), field), { checked: field.value, onChange: (e) => field.onChange(e.target.checked) }))
+    }
   );
 };
 
@@ -292,6 +300,7 @@ var ControlledCodesAutocomplete = (_a) => {
     onChange,
     pattern,
     required,
+    rules = {},
     shouldUnregister,
     validate,
     value,
@@ -306,21 +315,18 @@ var ControlledCodesAutocomplete = (_a) => {
     "onChange",
     "pattern",
     "required",
+    "rules",
     "shouldUnregister",
     "validate",
     "value",
     "FieldProps"
   ]);
-  var _a2;
-  const { control, getFieldState } = (0, import_react_hook_form4.useFormContext)();
-  const errorMessage = (_a2 = getFieldState(name).error) == null ? void 0 : _a2.message;
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     import_react_hook_form4.Controller,
     {
       name,
-      control,
       defaultValue,
-      rules: {
+      rules: __spreadValues({
         deps,
         max,
         maxLength,
@@ -331,19 +337,19 @@ var ControlledCodesAutocomplete = (_a) => {
         shouldUnregister,
         validate,
         value
-      },
+      }, rules),
       shouldUnregister,
-      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 } }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         import_mui_autocomplete3.CodesAutocomplete,
         __spreadProps(__spreadValues({}, rest), {
           FieldProps: __spreadProps(__spreadValues({}, FieldProps), {
-            required: typeof required === "object" ? required.value : !!required,
-            error: !!errorMessage,
-            helperText: errorMessage && typeof errorMessage === "string" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-              errorMessage,
+            error: !!error,
+            helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+              error.message,
               /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("br", {}),
               FieldProps == null ? void 0 : FieldProps.helperText
-            ] }) : FieldProps == null ? void 0 : FieldProps.helperText
+            ] }) : FieldProps == null ? void 0 : FieldProps.helperText,
+            inputRef: ref
           }),
           onChange: (event, value3, reason) => {
             if (reason === "clear") {
@@ -363,13 +369,13 @@ var ControlledCodesAutocomplete = (_a) => {
 var import_react_hook_form5 = require("react-hook-form");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var ControlledForm = (_a) => {
-  var _b = _a, { onSubmit, values, schema, validationResolver } = _b, rest = __objRest(_b, ["onSubmit", "values", "schema", "validationResolver"]);
-  const useFormOptions = { values };
+  var _b = _a, { onSubmit, values, schema, validationResolver, additionalUseFormOptions = { mode: "onBlur" } } = _b, rest = __objRest(_b, ["onSubmit", "values", "schema", "validationResolver", "additionalUseFormOptions"]);
+  const useFormOptions = __spreadValues({ values }, additionalUseFormOptions);
   if (schema && validationResolver) {
     useFormOptions.resolver = validationResolver(schema);
   }
   const methods = (0, import_react_hook_form5.useForm)(useFormOptions);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_hook_form5.FormProvider, __spreadProps(__spreadValues({}, methods), { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("form", __spreadValues({ onSubmit: methods.handleSubmit(onSubmit) }, rest)) }));
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_hook_form5.FormProvider, __spreadProps(__spreadValues({}, methods), { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("form", __spreadValues({ onSubmit: methods.handleSubmit(onSubmit), noValidate: true }, rest)) }));
 };
 
 // src/lib/Datepicker.tsx
@@ -389,6 +395,7 @@ var ControlledDatepicker = (_a) => {
     onChange,
     pattern,
     required,
+    rules = {},
     shouldUnregister,
     validate,
     value,
@@ -405,19 +412,18 @@ var ControlledDatepicker = (_a) => {
     "onChange",
     "pattern",
     "required",
+    "rules",
     "shouldUnregister",
     "validate",
     "value",
     "FieldProps"
   ]);
-  const { control } = (0, import_react_hook_form6.useFormContext)();
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     import_react_hook_form6.Controller,
     {
       name,
-      control,
       defaultValue,
-      rules: {
+      rules: __spreadValues({
         deps,
         max,
         maxLength,
@@ -430,19 +436,22 @@ var ControlledDatepicker = (_a) => {
         shouldUnregister,
         validate,
         value
-      },
+      }, rules),
       shouldUnregister,
-      render: ({ field: { onChange: onChange2, value: value2 }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         import_mui_datepicker.Datepicker,
         __spreadProps(__spreadValues({}, rest), {
           FieldProps: __spreadProps(__spreadValues({}, FieldProps), {
-            required: typeof required === "object" ? required.value : !!required,
             error: !!error,
-            helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-              error == null ? void 0 : error.message,
+            helperText: error ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+              error.message,
               /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("br", {}),
               FieldProps == null ? void 0 : FieldProps.helperText
-            ] }) : FieldProps == null ? void 0 : FieldProps.helperText
+            ] }) : FieldProps == null ? void 0 : FieldProps.helperText,
+            inputRef: ref,
+            inputProps: {
+              onBlur: onBlur2
+            }
           }),
           onChange: onChange2,
           value: value2 || null
@@ -459,59 +468,68 @@ var import_jsx_runtime7 = require("react/jsx-runtime");
 var ControlledInput = (_a) => {
   var _b = _a, {
     name,
-    required,
-    maxLength,
-    minLength,
+    defaultValue,
+    deps,
+    disabled,
     max,
+    maxLength,
     min,
-    pattern,
-    validate,
-    setValueAs,
-    disabled,
-    onChange,
+    minLength,
     onBlur,
-    value,
+    onChange,
+    pattern,
+    required,
+    rules = {},
     shouldUnregister,
-    deps
+    validate,
+    value
   } = _b, rest = __objRest(_b, [
     "name",
-    "required",
-    "maxLength",
-    "minLength",
+    "defaultValue",
+    "deps",
+    "disabled",
     "max",
+    "maxLength",
     "min",
-    "pattern",
-    "validate",
-    "setValueAs",
-    "disabled",
-    "onChange",
+    "minLength",
     "onBlur",
-    "value",
+    "onChange",
+    "pattern",
+    "required",
+    "rules",
     "shouldUnregister",
-    "deps"
+    "validate",
+    "value"
   ]);
-  const { register, getFieldState } = (0, import_react_hook_form7.useFormContext)();
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-    import_mui_form_utils.Input,
-    __spreadValues(__spreadProps(__spreadValues({}, rest), {
-      error: !!getFieldState(name).error,
-      required: typeof required === "object" ? required.value : !!required
-    }), register(name, {
-      required,
-      maxLength,
-      minLength,
-      max,
-      min,
-      pattern,
-      validate,
-      setValueAs,
+    import_react_hook_form7.Controller,
+    {
+      name,
+      defaultValue,
       disabled,
-      onChange,
-      onBlur,
-      value,
+      rules: __spreadValues({
+        required: typeof required === "boolean" ? void 0 : required,
+        maxLength,
+        minLength,
+        max,
+        min,
+        pattern,
+        validate,
+        onChange,
+        onBlur,
+        value,
+        shouldUnregister,
+        deps
+      }, rules),
       shouldUnregister,
-      deps
-    }))
+      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        import_mui_form_utils.Input,
+        __spreadProps(__spreadValues(__spreadValues({}, rest), field), {
+          error: !!error,
+          required: !!required
+        })
+      )
+    }
   );
 };
 
@@ -528,6 +546,7 @@ var ControlledOrganizationAutocomplete = (_a) => {
     onChange,
     pattern,
     required,
+    rules = {},
     shouldUnregister,
     validate,
     value,
@@ -540,21 +559,18 @@ var ControlledOrganizationAutocomplete = (_a) => {
     "onChange",
     "pattern",
     "required",
+    "rules",
     "shouldUnregister",
     "validate",
     "value",
     "FieldProps"
   ]);
-  var _a2;
-  const { control, getFieldState } = (0, import_react_hook_form8.useFormContext)();
-  const errorMessage = (_a2 = getFieldState(name).error) == null ? void 0 : _a2.message;
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     import_react_hook_form8.Controller,
     {
       name,
-      control,
       defaultValue,
-      rules: {
+      rules: __spreadValues({
         deps,
         onBlur,
         onChange,
@@ -563,19 +579,19 @@ var ControlledOrganizationAutocomplete = (_a) => {
         shouldUnregister,
         validate,
         value
-      },
+      }, rules),
       shouldUnregister,
-      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 } }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
         import_mui_autocomplete4.OrganizationAutocomplete,
         __spreadProps(__spreadValues({}, rest), {
           FieldProps: __spreadProps(__spreadValues({}, FieldProps), {
-            required: typeof required === "object" ? required.value : !!required,
-            error: !!errorMessage,
-            helperText: errorMessage && typeof errorMessage === "string" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-              errorMessage,
+            error: !!error,
+            helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+              error.message,
               /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("br", {}),
               FieldProps == null ? void 0 : FieldProps.helperText
-            ] }) : FieldProps == null ? void 0 : FieldProps.helperText
+            ] }) : FieldProps == null ? void 0 : FieldProps.helperText,
+            inputRef: ref
           }),
           onChange: (event, value3, reason) => {
             if (reason === "clear") {
@@ -608,6 +624,7 @@ var ControlledProviderAutocomplete = (_a) => {
     onChange,
     pattern,
     required,
+    rules = {},
     shouldUnregister,
     validate,
     value,
@@ -624,21 +641,18 @@ var ControlledProviderAutocomplete = (_a) => {
     "onChange",
     "pattern",
     "required",
+    "rules",
     "shouldUnregister",
     "validate",
     "value",
     "FieldProps"
   ]);
-  var _a2;
-  const { control, getFieldState } = (0, import_react_hook_form9.useFormContext)();
-  const errorMessage = (_a2 = getFieldState(name).error) == null ? void 0 : _a2.message;
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     import_react_hook_form9.Controller,
     {
       name,
-      control,
       defaultValue,
-      rules: {
+      rules: __spreadValues({
         deps,
         max,
         maxLength,
@@ -651,16 +665,15 @@ var ControlledProviderAutocomplete = (_a) => {
         shouldUnregister,
         validate,
         value
-      },
+      }, rules),
       shouldUnregister,
-      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 } }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 }, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         import_mui_autocomplete5.ProviderAutocomplete,
         __spreadProps(__spreadValues({}, rest), {
           FieldProps: __spreadProps(__spreadValues({}, FieldProps), {
-            required: typeof required === "object" ? required.value : !!required,
-            error: !!errorMessage,
-            helperText: errorMessage && typeof errorMessage === "string" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
-              errorMessage,
+            error: !!error,
+            helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+              error.message,
               /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("br", {}),
               FieldProps == null ? void 0 : FieldProps.helperText
             ] }) : FieldProps == null ? void 0 : FieldProps.helperText
@@ -694,6 +707,7 @@ var ControlledRadioGroup = (_a) => {
     onBlur,
     onChange,
     required,
+    rules = {},
     shouldUnregister,
     value
   } = _b, rest = __objRest(_b, [
@@ -705,29 +719,29 @@ var ControlledRadioGroup = (_a) => {
     "onBlur",
     "onChange",
     "required",
+    "rules",
     "shouldUnregister",
     "value"
   ]);
-  var _a2;
-  const { control, getFieldState } = (0, import_react_hook_form10.useFormContext)();
-  const errorMessage = (_a2 = getFieldState(name).error) == null ? void 0 : _a2.message;
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     import_react_hook_form10.Controller,
     {
-      control,
       name,
       defaultValue,
-      rules: { deps, onBlur, onChange, required, shouldUnregister, value },
+      rules: __spreadValues({ deps, onBlur, onChange, required: typeof required === "boolean" ? void 0 : required, shouldUnregister, value }, rules),
       shouldUnregister,
-      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_mui_form_utils3.FormControl, { error: !!errorMessage, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_mui_form_utils3.FormLabel, { required: typeof required === "object" ? required.value : !!required, children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_mui_form_utils2.RadioGroup, __spreadValues(__spreadValues({}, field), rest)),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_mui_form_utils3.FormHelperText, { children: errorMessage && typeof errorMessage === "string" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-          errorMessage,
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("br", {}),
-          helperText
-        ] }) : helperText })
-      ] })
+      render: (_a2) => {
+        var _b2 = _a2, { field: _c } = _b2, _d = _c, { disabled } = _d, field = __objRest(_d, ["disabled"]), { fieldState: { error } } = _b2;
+        return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_mui_form_utils3.FormControl, { error: !!error, disabled, required: !!required, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_mui_form_utils3.FormLabel, { children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_mui_form_utils2.RadioGroup, __spreadValues(__spreadValues({}, field), rest)),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_mui_form_utils3.FormHelperText, { children: (error == null ? void 0 : error.message) ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+            error.message,
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("br", {}),
+            helperText
+          ] }) : helperText })
+        ] });
+      }
     }
   );
 };
@@ -739,59 +753,68 @@ var import_jsx_runtime11 = require("react/jsx-runtime");
 var ControlledSelect = (_a) => {
   var _b = _a, {
     name,
-    required,
-    maxLength,
-    minLength,
+    defaultValue,
+    deps,
+    disabled,
     max,
+    maxLength,
     min,
-    pattern,
-    validate,
-    setValueAs,
-    disabled,
-    onChange,
+    minLength,
     onBlur,
-    value,
+    onChange,
+    pattern,
+    required,
+    rules = {},
     shouldUnregister,
-    deps
+    validate,
+    value
   } = _b, rest = __objRest(_b, [
     "name",
-    "required",
-    "maxLength",
-    "minLength",
+    "defaultValue",
+    "deps",
+    "disabled",
     "max",
+    "maxLength",
     "min",
-    "pattern",
-    "validate",
-    "setValueAs",
-    "disabled",
-    "onChange",
+    "minLength",
     "onBlur",
-    "value",
+    "onChange",
+    "pattern",
+    "required",
+    "rules",
     "shouldUnregister",
-    "deps"
+    "validate",
+    "value"
   ]);
-  const { register, getFieldState } = (0, import_react_hook_form11.useFormContext)();
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-    import_mui_form_utils4.Select,
-    __spreadValues(__spreadProps(__spreadValues({}, rest), {
-      error: !!getFieldState(name).error,
-      required: typeof required === "object" ? required.value : !!required
-    }), register(name, {
-      required,
-      maxLength,
-      minLength,
-      max,
-      min,
-      pattern,
-      validate,
-      setValueAs,
+    import_react_hook_form11.Controller,
+    {
+      name,
+      defaultValue,
       disabled,
-      onChange,
-      onBlur,
-      value,
+      rules: __spreadValues({
+        required: typeof required === "boolean" ? void 0 : required,
+        maxLength,
+        minLength,
+        max,
+        min,
+        pattern,
+        validate,
+        onChange,
+        onBlur,
+        value,
+        shouldUnregister,
+        deps
+      }, rules),
       shouldUnregister,
-      deps
-    }))
+      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        import_mui_form_utils4.Select,
+        __spreadProps(__spreadValues(__spreadValues({}, rest), field), {
+          error: !!error,
+          required: !!required
+        })
+      )
+    }
   );
 };
 
@@ -802,71 +825,83 @@ var import_jsx_runtime12 = require("react/jsx-runtime");
 var ControlledTextField = (_a) => {
   var _b = _a, {
     name,
+    defaultValue,
+    deps,
+    disabled,
     helperText,
-    required,
-    maxLength,
-    minLength,
     max,
+    maxLength,
     min,
-    pattern,
-    validate,
-    setValueAs,
-    disabled,
-    onChange,
+    minLength,
     onBlur,
-    value,
+    onChange,
+    pattern,
+    required,
+    rules = {},
     shouldUnregister,
-    deps
+    validate,
+    value
   } = _b, rest = __objRest(_b, [
     "name",
+    "defaultValue",
+    "deps",
+    "disabled",
     "helperText",
-    "required",
-    "maxLength",
-    "minLength",
     "max",
+    "maxLength",
     "min",
-    "pattern",
-    "validate",
-    "setValueAs",
-    "disabled",
-    "onChange",
+    "minLength",
     "onBlur",
-    "value",
+    "onChange",
+    "pattern",
+    "required",
+    "rules",
     "shouldUnregister",
-    "deps"
+    "validate",
+    "value"
   ]);
-  var _a2;
-  const { register, getFieldState } = (0, import_react_hook_form12.useFormContext)();
-  const errorMessage = (_a2 = getFieldState(name).error) == null ? void 0 : _a2.message;
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    import_mui_textfield.TextField,
-    __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, rest), {
-      required: typeof required === "object" ? required.value : !!required
-    }), register(name, {
-      required,
-      maxLength,
-      minLength,
-      max,
-      min,
-      pattern,
-      validate,
-      setValueAs,
+    import_react_hook_form12.Controller,
+    {
+      name,
+      defaultValue,
       disabled,
-      onChange,
-      onBlur,
-      value,
+      rules: __spreadValues({
+        required: typeof required === "boolean" ? void 0 : required,
+        maxLength,
+        minLength,
+        max,
+        min,
+        pattern,
+        validate,
+        onChange,
+        onBlur,
+        value,
+        shouldUnregister,
+        deps
+      }, rules),
       shouldUnregister,
-      deps
-    })), {
-      error: !!getFieldState(name).error,
-      helperText: errorMessage && typeof errorMessage === "string" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-        errorMessage,
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("br", {}),
-        helperText
-      ] }) : helperText
-    })
+      render: (_a2) => {
+        var _b2 = _a2, { field: _c } = _b2, _d = _c, { ref } = _d, field = __objRest(_d, ["ref"]), { fieldState: { error } } = _b2;
+        return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          import_mui_textfield.TextField,
+          __spreadProps(__spreadValues(__spreadValues({}, field), rest), {
+            inputRef: ref,
+            error: !!error,
+            helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+              error.message,
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("br", {}),
+              helperText
+            ] }) : helperText
+          })
+        );
+      }
+    }
   );
 };
+
+// src/index.ts
+var import_react_hook_form13 = require("react-hook-form");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ControlledAsyncAutocomplete,
@@ -880,5 +915,8 @@ var ControlledTextField = (_a) => {
   ControlledProviderAutocomplete,
   ControlledRadioGroup,
   ControlledSelect,
-  ControlledTextField
+  ControlledTextField,
+  FormProvider,
+  useForm,
+  useFormContext
 });