@availity/mui-controlled-form 0.2.5 → 0.3.0

package/dist/index.mjs

@@ -32,7 +32,7 @@ var __objRest = (source, exclude) => {
 
 // src/lib/AsyncAutocomplete.tsx
 import { AsyncAutocomplete } from "@availity/mui-autocomplete";
-import { useFormContext, Controller } from "react-hook-form";
+import { Controller } from "react-hook-form";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var ControlledAsyncAutocomplete = (_a) => {
   var _b = _a, {
@@ -46,6 +46,7 @@ var ControlledAsyncAutocomplete = (_a) => {
     onChange,
     pattern,
     required,
+    rules = {},
     shouldUnregister,
     validate,
     value,
@@ -61,21 +62,18 @@ var ControlledAsyncAutocomplete = (_a) => {
     "onChange",
     "pattern",
     "required",
+    "rules",
     "shouldUnregister",
     "validate",
     "value",
     "FieldProps"
   ]);
-  var _a2;
-  const { control, getFieldState } = useFormContext();
-  const errorMessage = (_a2 = getFieldState(name).error) == null ? void 0 : _a2.message;
   return /* @__PURE__ */ jsx(
     Controller,
     {
       name,
-      control,
       defaultValue: rest.defaultValue,
-      rules: {
+      rules: __spreadValues({
         deps,
         max,
         maxLength,
@@ -88,19 +86,19 @@ var ControlledAsyncAutocomplete = (_a) => {
         shouldUnregister,
         validate,
         value
-      },
+      }, rules),
       shouldUnregister,
-      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 } }) => /* @__PURE__ */ jsx(
+      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */ jsx(
         AsyncAutocomplete,
         __spreadProps(__spreadValues({}, rest), {
           FieldProps: __spreadProps(__spreadValues({}, FieldProps), {
-            required: typeof required === "object" ? required.value : !!required,
-            error: !!errorMessage,
-            helperText: errorMessage && typeof errorMessage === "string" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-              errorMessage,
+            error: !!error,
+            helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              error.message,
               /* @__PURE__ */ 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") {
@@ -118,13 +116,14 @@ var ControlledAsyncAutocomplete = (_a) => {
 
 // src/lib/Autocomplete.tsx
 import { Autocomplete } from "@availity/mui-autocomplete";
-import { useFormContext as useFormContext2, Controller as Controller2 } from "react-hook-form";
+import { Controller as Controller2 } from "react-hook-form";
 import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var ControlledAutocomplete = (_a) => {
   var _b = _a, {
     name,
     FieldProps,
     defaultValue,
+    rules = {},
     deps,
     max,
     maxLength,
@@ -141,6 +140,7 @@ var ControlledAutocomplete = (_a) => {
     "name",
     "FieldProps",
     "defaultValue",
+    "rules",
     "deps",
     "max",
     "maxLength",
@@ -154,16 +154,12 @@ var ControlledAutocomplete = (_a) => {
     "validate",
     "value"
   ]);
-  var _a2;
-  const { control, getFieldState } = useFormContext2();
-  const errorMessage = (_a2 = getFieldState(name).error) == null ? void 0 : _a2.message;
   return /* @__PURE__ */ jsx2(
     Controller2,
     {
-      control,
       name,
       defaultValue,
-      rules: {
+      rules: __spreadValues({
         deps,
         max,
         maxLength,
@@ -176,19 +172,19 @@ var ControlledAutocomplete = (_a) => {
         shouldUnregister,
         validate,
         value
-      },
+      }, rules),
       shouldUnregister,
-      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 } }) => /* @__PURE__ */ jsx2(
+      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */ jsx2(
         Autocomplete,
         __spreadProps(__spreadValues({}, rest), {
           FieldProps: __spreadProps(__spreadValues({}, FieldProps), {
-            required: typeof required === "object" ? required.value : !!required,
-            error: !!errorMessage,
-            helperText: errorMessage && typeof errorMessage === "string" ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
-              errorMessage,
+            error: !!error,
+            helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
+              error.message,
               /* @__PURE__ */ jsx2("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") {
@@ -206,46 +202,55 @@ var ControlledAutocomplete = (_a) => {
 
 // src/lib/Checkbox.tsx
 import { Checkbox } from "@availity/mui-checkbox";
-import { useFormContext as useFormContext3 } from "react-hook-form";
+import { Controller as Controller3 } from "react-hook-form";
 import { jsx as jsx3 } from "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 } = useFormContext3();
   return /* @__PURE__ */ jsx3(
-    Checkbox,
-    __spreadValues(__spreadValues({}, rest), register(name, {
-      setValueAs,
+    Controller3,
+    {
+      name,
+      defaultValue,
       disabled,
-      onChange,
-      onBlur,
-      value,
+      rules: __spreadValues({
+        onChange,
+        onBlur,
+        value,
+        shouldUnregister,
+        deps,
+        validate
+      }, rules),
       shouldUnregister,
-      deps
-    }))
+      render: ({ field }) => /* @__PURE__ */ jsx3(Checkbox, __spreadProps(__spreadValues(__spreadValues({}, rest), field), { checked: field.value, onChange: (e) => field.onChange(e.target.checked) }))
+    }
   );
 };
 
 // src/lib/CodesAutocomplete.tsx
 import { CodesAutocomplete } from "@availity/mui-autocomplete";
-import { useFormContext as useFormContext4, Controller as Controller3 } from "react-hook-form";
+import { Controller as Controller4 } from "react-hook-form";
 import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var ControlledCodesAutocomplete = (_a) => {
   var _b = _a, {
@@ -258,6 +263,7 @@ var ControlledCodesAutocomplete = (_a) => {
     onChange,
     pattern,
     required,
+    rules = {},
     shouldUnregister,
     validate,
     value,
@@ -272,21 +278,18 @@ var ControlledCodesAutocomplete = (_a) => {
     "onChange",
     "pattern",
     "required",
+    "rules",
     "shouldUnregister",
     "validate",
     "value",
     "FieldProps"
   ]);
-  var _a2;
-  const { control, getFieldState } = useFormContext4();
-  const errorMessage = (_a2 = getFieldState(name).error) == null ? void 0 : _a2.message;
   return /* @__PURE__ */ jsx4(
-    Controller3,
+    Controller4,
     {
       name,
-      control,
       defaultValue,
-      rules: {
+      rules: __spreadValues({
         deps,
         max,
         maxLength,
@@ -297,19 +300,19 @@ var ControlledCodesAutocomplete = (_a) => {
         shouldUnregister,
         validate,
         value
-      },
+      }, rules),
       shouldUnregister,
-      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 } }) => /* @__PURE__ */ jsx4(
+      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */ jsx4(
         CodesAutocomplete,
         __spreadProps(__spreadValues({}, rest), {
           FieldProps: __spreadProps(__spreadValues({}, FieldProps), {
-            required: typeof required === "object" ? required.value : !!required,
-            error: !!errorMessage,
-            helperText: errorMessage && typeof errorMessage === "string" ? /* @__PURE__ */ jsxs3(Fragment3, { children: [
-              errorMessage,
+            error: !!error,
+            helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ jsxs3(Fragment3, { children: [
+              error.message,
               /* @__PURE__ */ jsx4("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") {
@@ -329,18 +332,18 @@ var ControlledCodesAutocomplete = (_a) => {
 import { useForm, FormProvider } from "react-hook-form";
 import { jsx as jsx5 } from "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 = useForm(useFormOptions);
-  return /* @__PURE__ */ jsx5(FormProvider, __spreadProps(__spreadValues({}, methods), { children: /* @__PURE__ */ jsx5("form", __spreadValues({ onSubmit: methods.handleSubmit(onSubmit) }, rest)) }));
+  return /* @__PURE__ */ jsx5(FormProvider, __spreadProps(__spreadValues({}, methods), { children: /* @__PURE__ */ jsx5("form", __spreadValues({ onSubmit: methods.handleSubmit(onSubmit), noValidate: true }, rest)) }));
 };
 
 // src/lib/Datepicker.tsx
 import { Datepicker } from "@availity/mui-datepicker";
-import { useFormContext as useFormContext5, Controller as Controller4 } from "react-hook-form";
+import { Controller as Controller5 } from "react-hook-form";
 import { Fragment as Fragment4, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var ControlledDatepicker = (_a) => {
   var _b = _a, {
@@ -355,6 +358,7 @@ var ControlledDatepicker = (_a) => {
     onChange,
     pattern,
     required,
+    rules = {},
     shouldUnregister,
     validate,
     value,
@@ -371,19 +375,18 @@ var ControlledDatepicker = (_a) => {
     "onChange",
     "pattern",
     "required",
+    "rules",
     "shouldUnregister",
     "validate",
     "value",
     "FieldProps"
   ]);
-  const { control } = useFormContext5();
   return /* @__PURE__ */ jsx6(
-    Controller4,
+    Controller5,
     {
       name,
-      control,
       defaultValue,
-      rules: {
+      rules: __spreadValues({
         deps,
         max,
         maxLength,
@@ -396,19 +399,22 @@ var ControlledDatepicker = (_a) => {
         shouldUnregister,
         validate,
         value
-      },
+      }, rules),
       shouldUnregister,
-      render: ({ field: { onChange: onChange2, value: value2 }, fieldState: { error } }) => /* @__PURE__ */ jsx6(
+      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */ jsx6(
         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__ */ jsxs4(Fragment4, { children: [
-              error == null ? void 0 : error.message,
+            helperText: error ? /* @__PURE__ */ jsxs4(Fragment4, { children: [
+              error.message,
               /* @__PURE__ */ jsx6("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
@@ -420,70 +426,79 @@ var ControlledDatepicker = (_a) => {
 
 // src/lib/Input.tsx
 import { Input } from "@availity/mui-form-utils";
-import { useFormContext as useFormContext6 } from "react-hook-form";
+import { Controller as Controller6 } from "react-hook-form";
 import { jsx as jsx7 } from "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 } = useFormContext6();
   return /* @__PURE__ */ jsx7(
-    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,
+    Controller6,
+    {
+      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__ */ jsx7(
+        Input,
+        __spreadProps(__spreadValues(__spreadValues({}, rest), field), {
+          error: !!error,
+          required: !!required
+        })
+      )
+    }
   );
 };
 
 // src/lib/OrganizationAutocomplete.tsx
 import { OrganizationAutocomplete } from "@availity/mui-autocomplete";
-import { useFormContext as useFormContext7, Controller as Controller5 } from "react-hook-form";
+import { Controller as Controller7 } from "react-hook-form";
 import { Fragment as Fragment5, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 var ControlledOrganizationAutocomplete = (_a) => {
   var _b = _a, {
@@ -494,6 +509,7 @@ var ControlledOrganizationAutocomplete = (_a) => {
     onChange,
     pattern,
     required,
+    rules = {},
     shouldUnregister,
     validate,
     value,
@@ -506,21 +522,18 @@ var ControlledOrganizationAutocomplete = (_a) => {
     "onChange",
     "pattern",
     "required",
+    "rules",
     "shouldUnregister",
     "validate",
     "value",
     "FieldProps"
   ]);
-  var _a2;
-  const { control, getFieldState } = useFormContext7();
-  const errorMessage = (_a2 = getFieldState(name).error) == null ? void 0 : _a2.message;
   return /* @__PURE__ */ jsx8(
-    Controller5,
+    Controller7,
     {
       name,
-      control,
       defaultValue,
-      rules: {
+      rules: __spreadValues({
         deps,
         onBlur,
         onChange,
@@ -529,19 +542,19 @@ var ControlledOrganizationAutocomplete = (_a) => {
         shouldUnregister,
         validate,
         value
-      },
+      }, rules),
       shouldUnregister,
-      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 } }) => /* @__PURE__ */ jsx8(
+      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2, ref }, fieldState: { error } }) => /* @__PURE__ */ jsx8(
         OrganizationAutocomplete,
         __spreadProps(__spreadValues({}, rest), {
           FieldProps: __spreadProps(__spreadValues({}, FieldProps), {
-            required: typeof required === "object" ? required.value : !!required,
-            error: !!errorMessage,
-            helperText: errorMessage && typeof errorMessage === "string" ? /* @__PURE__ */ jsxs5(Fragment5, { children: [
-              errorMessage,
+            error: !!error,
+            helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ jsxs5(Fragment5, { children: [
+              error.message,
               /* @__PURE__ */ jsx8("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") {
@@ -559,7 +572,7 @@ var ControlledOrganizationAutocomplete = (_a) => {
 
 // src/lib/ProviderAutocomplete.tsx
 import { ProviderAutocomplete } from "@availity/mui-autocomplete";
-import { useFormContext as useFormContext8, Controller as Controller6 } from "react-hook-form";
+import { Controller as Controller8 } from "react-hook-form";
 import { Fragment as Fragment6, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 var ControlledProviderAutocomplete = (_a) => {
   var _b = _a, {
@@ -574,6 +587,7 @@ var ControlledProviderAutocomplete = (_a) => {
     onChange,
     pattern,
     required,
+    rules = {},
     shouldUnregister,
     validate,
     value,
@@ -590,21 +604,18 @@ var ControlledProviderAutocomplete = (_a) => {
     "onChange",
     "pattern",
     "required",
+    "rules",
     "shouldUnregister",
     "validate",
     "value",
     "FieldProps"
   ]);
-  var _a2;
-  const { control, getFieldState } = useFormContext8();
-  const errorMessage = (_a2 = getFieldState(name).error) == null ? void 0 : _a2.message;
   return /* @__PURE__ */ jsx9(
-    Controller6,
+    Controller8,
     {
       name,
-      control,
       defaultValue,
-      rules: {
+      rules: __spreadValues({
         deps,
         max,
         maxLength,
@@ -617,16 +628,15 @@ var ControlledProviderAutocomplete = (_a) => {
         shouldUnregister,
         validate,
         value
-      },
+      }, rules),
       shouldUnregister,
-      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 } }) => /* @__PURE__ */ jsx9(
+      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 }, fieldState: { error } }) => /* @__PURE__ */ jsx9(
         ProviderAutocomplete,
         __spreadProps(__spreadValues({}, rest), {
           FieldProps: __spreadProps(__spreadValues({}, FieldProps), {
-            required: typeof required === "object" ? required.value : !!required,
-            error: !!errorMessage,
-            helperText: errorMessage && typeof errorMessage === "string" ? /* @__PURE__ */ jsxs6(Fragment6, { children: [
-              errorMessage,
+            error: !!error,
+            helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ jsxs6(Fragment6, { children: [
+              error.message,
               /* @__PURE__ */ jsx9("br", {}),
               FieldProps == null ? void 0 : FieldProps.helperText
             ] }) : FieldProps == null ? void 0 : FieldProps.helperText
@@ -647,7 +657,7 @@ var ControlledProviderAutocomplete = (_a) => {
 
 // src/lib/RadioGroup.tsx
 import { RadioGroup } from "@availity/mui-form-utils";
-import { useFormContext as useFormContext9, Controller as Controller7 } from "react-hook-form";
+import { Controller as Controller9 } from "react-hook-form";
 import { FormControl, FormLabel, FormHelperText } from "@availity/mui-form-utils";
 import { Fragment as Fragment7, jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var ControlledRadioGroup = (_a) => {
@@ -660,6 +670,7 @@ var ControlledRadioGroup = (_a) => {
     onBlur,
     onChange,
     required,
+    rules = {},
     shouldUnregister,
     value
   } = _b, rest = __objRest(_b, [
@@ -671,168 +682,193 @@ var ControlledRadioGroup = (_a) => {
     "onBlur",
     "onChange",
     "required",
+    "rules",
     "shouldUnregister",
     "value"
   ]);
-  var _a2;
-  const { control, getFieldState } = useFormContext9();
-  const errorMessage = (_a2 = getFieldState(name).error) == null ? void 0 : _a2.message;
   return /* @__PURE__ */ jsx10(
-    Controller7,
+    Controller9,
     {
-      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__ */ jsxs7(FormControl, { error: !!errorMessage, children: [
-        /* @__PURE__ */ jsx10(FormLabel, { required: typeof required === "object" ? required.value : !!required, children: label }),
-        /* @__PURE__ */ jsx10(RadioGroup, __spreadValues(__spreadValues({}, field), rest)),
-        /* @__PURE__ */ jsx10(FormHelperText, { children: errorMessage && typeof errorMessage === "string" ? /* @__PURE__ */ jsxs7(Fragment7, { children: [
-          errorMessage,
-          /* @__PURE__ */ jsx10("br", {}),
-          helperText
-        ] }) : helperText })
-      ] })
+      render: (_a2) => {
+        var _b2 = _a2, { field: _c } = _b2, _d = _c, { disabled } = _d, field = __objRest(_d, ["disabled"]), { fieldState: { error } } = _b2;
+        return /* @__PURE__ */ jsxs7(FormControl, { error: !!error, disabled, required: !!required, children: [
+          /* @__PURE__ */ jsx10(FormLabel, { children: label }),
+          /* @__PURE__ */ jsx10(RadioGroup, __spreadValues(__spreadValues({}, field), rest)),
+          /* @__PURE__ */ jsx10(FormHelperText, { children: (error == null ? void 0 : error.message) ? /* @__PURE__ */ jsxs7(Fragment7, { children: [
+            error.message,
+            /* @__PURE__ */ jsx10("br", {}),
+            helperText
+          ] }) : helperText })
+        ] });
+      }
     }
   );
 };
 
 // src/lib/Select.tsx
 import { Select } from "@availity/mui-form-utils";
-import { useFormContext as useFormContext10 } from "react-hook-form";
+import { Controller as Controller10 } from "react-hook-form";
 import { jsx as jsx11 } from "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 } = useFormContext10();
   return /* @__PURE__ */ jsx11(
-    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,
+    Controller10,
+    {
+      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__ */ jsx11(
+        Select,
+        __spreadProps(__spreadValues(__spreadValues({}, rest), field), {
+          error: !!error,
+          required: !!required
+        })
+      )
+    }
   );
 };
 
 // src/lib/TextField.tsx
 import { TextField } from "@availity/mui-textfield";
-import { useFormContext as useFormContext11 } from "react-hook-form";
+import { Controller as Controller11 } from "react-hook-form";
 import { Fragment as Fragment8, jsx as jsx12, jsxs as jsxs8 } from "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 } = useFormContext11();
-  const errorMessage = (_a2 = getFieldState(name).error) == null ? void 0 : _a2.message;
   return /* @__PURE__ */ jsx12(
-    TextField,
-    __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, rest), {
-      required: typeof required === "object" ? required.value : !!required
-    }), register(name, {
-      required,
-      maxLength,
-      minLength,
-      max,
-      min,
-      pattern,
-      validate,
-      setValueAs,
+    Controller11,
+    {
+      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__ */ jsxs8(Fragment8, { children: [
-        errorMessage,
-        /* @__PURE__ */ jsx12("br", {}),
-        helperText
-      ] }) : helperText
-    })
+      render: (_a2) => {
+        var _b2 = _a2, { field: _c } = _b2, _d = _c, { ref } = _d, field = __objRest(_d, ["ref"]), { fieldState: { error } } = _b2;
+        return /* @__PURE__ */ jsx12(
+          TextField,
+          __spreadProps(__spreadValues(__spreadValues({}, field), rest), {
+            inputRef: ref,
+            error: !!error,
+            helperText: (error == null ? void 0 : error.message) ? /* @__PURE__ */ jsxs8(Fragment8, { children: [
+              error.message,
+              /* @__PURE__ */ jsx12("br", {}),
+              helperText
+            ] }) : helperText
+          })
+        );
+      }
+    }
   );
 };
+
+// src/index.ts
+import {
+  FormProvider as FormProvider2,
+  useForm as useForm2,
+  useFormContext
+} from "react-hook-form";
 export {
   ControlledAsyncAutocomplete,
   ControlledAutocomplete,
@@ -845,5 +881,8 @@ export {
   ControlledProviderAutocomplete,
   ControlledRadioGroup,
   ControlledSelect,
-  ControlledTextField
+  ControlledTextField,
+  FormProvider2 as FormProvider,
+  useForm2 as useForm,
+  useFormContext
 };