@availity/mui-controlled-form 0.2.5 → 0.2.6

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.2.6](https://github.com/Availity/element/compare/@availity/mui-controlled-form@0.2.5...@availity/mui-controlled-form@0.2.6) (2025-02-07)
+
+
+### Bug Fixes
+
+* **mui-controlled-form:** disable browser validation so custom errors can be shown ([7aea029](https://github.com/Availity/element/commit/7aea029fc8802366cdb8240e6d0a64bfb4853a9f))
+
 ## [0.2.5](https://github.com/Availity/element/compare/@availity/mui-controlled-form@0.2.4...@availity/mui-controlled-form@0.2.5) (2025-02-05)
 
 

package/dist/index.d.mts

@@ -15,10 +15,8 @@ declare const ControlledAsyncAutocomplete: <Option, Multiple extends boolean | u
 type ControlledAutocompleteProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> = Omit<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'onChange' | 'onBlur' | 'value' | 'name'> & Omit<RegisterOptions<FieldValues, string>, 'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs'> & Pick<ControllerProps, 'defaultValue' | 'shouldUnregister' | 'name'>;
 declare const ControlledAutocomplete: <T, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends react.ElementType<any, keyof react.JSX.IntrinsicElements> = "div">({ name, FieldProps, defaultValue, deps, max, maxLength, min, minLength, onBlur, onChange, pattern, required, shouldUnregister, validate, value, ...rest }: ControlledAutocompleteProps<T, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react_jsx_runtime.JSX.Element;
 
-type ControlledCheckboxProps = CheckboxProps & {
-    name: string;
-} & Omit<RegisterOptions<FieldValues, string>, 'required' | 'max' | 'maxLength' | 'min' | 'minLength' | 'pattern' | 'validate'>;
-declare const ControlledCheckbox: ({ name, setValueAs, disabled, onChange, onBlur, value, shouldUnregister, deps, ...rest }: ControlledCheckboxProps) => react_jsx_runtime.JSX.Element;
+type ControlledCheckboxProps = CheckboxProps & Omit<RegisterOptions<FieldValues, string>, 'required' | 'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'max' | 'maxLength' | 'min' | 'minLength' | 'pattern'> & Pick<ControllerProps, 'defaultValue' | 'shouldUnregister' | 'name'>;
+declare const ControlledCheckbox: ({ name, disabled, onChange, onBlur, value, defaultValue, shouldUnregister, deps, ...rest }: ControlledCheckboxProps) => react_jsx_runtime.JSX.Element;
 
 type ControlledCodesAutocompleteProps = Omit<CodesAutocompleteProps, 'name'> & Omit<RegisterOptions<FieldValues, string>, 'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs'> & Pick<ControllerProps, 'defaultValue' | 'shouldUnregister' | 'name'>;
 declare const ControlledCodesAutocomplete: ({ name, defaultValue, deps, max, maxLength, onBlur, onChange, pattern, required, shouldUnregister, validate, value, FieldProps, ...rest }: ControlledCodesAutocompleteProps) => react_jsx_runtime.JSX.Element;
@@ -41,10 +39,8 @@ declare const ControlledForm: ({ onSubmit, values, schema, validationResolver, .
 type ControlledDatepickerProps = DatepickerProps & Omit<RegisterOptions<FieldValues, string>, 'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs'> & Pick<ControllerProps, 'defaultValue' | 'shouldUnregister' | 'name'>;
 declare const ControlledDatepicker: ({ name, defaultValue, deps, max, maxLength, min, minLength, onBlur, onChange, pattern, required, shouldUnregister, validate, value, FieldProps, ...rest }: ControlledDatepickerProps) => react_jsx_runtime.JSX.Element;
 
-type ControlledInputProps = Omit<InputProps, 'error' | 'name' | 'required'> & {
-    name: string;
-} & RegisterOptions<FieldValues, string>;
-declare const ControlledInput: ({ name, required, maxLength, minLength, max, min, pattern, validate, setValueAs, disabled, onChange, onBlur, value, shouldUnregister, deps, ...rest }: ControlledInputProps) => react_jsx_runtime.JSX.Element;
+type ControlledInputProps = Omit<InputProps, 'error' | 'name' | 'required'> & Omit<RegisterOptions<FieldValues, string>, 'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs'> & Pick<ControllerProps, 'defaultValue' | 'shouldUnregister' | 'name'>;
+declare const ControlledInput: ({ name, required, maxLength, minLength, max, min, pattern, validate, defaultValue, disabled, onChange, onBlur, value, shouldUnregister, deps, ...rest }: ControlledInputProps) => react_jsx_runtime.JSX.Element;
 
 type ControlledOrgAutocompleteProps = Omit<OrgAutocompleteProps, 'name'> & Omit<RegisterOptions<FieldValues, string>, 'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'max' | 'maxLength' | 'min' | 'minLength'> & Pick<ControllerProps, 'defaultValue' | 'shouldUnregister' | 'name'>;
 declare const ControlledOrganizationAutocomplete: ({ name, defaultValue, deps, onBlur, onChange, pattern, required, shouldUnregister, validate, value, FieldProps, ...rest }: ControlledOrgAutocompleteProps) => react_jsx_runtime.JSX.Element;
@@ -59,14 +55,10 @@ type ControlledRadioGroupProps = RadioGroupProps & {
 } & Omit<RegisterOptions<FieldValues, string>, 'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'max' | 'maxLength' | 'min' | 'minLength' | 'pattern' | 'validate'> & Pick<ControllerProps, 'defaultValue' | 'shouldUnregister' | 'name'>;
 declare const ControlledRadioGroup: ({ name, helperText, label, defaultValue, deps, onBlur, onChange, required, shouldUnregister, value, ...rest }: ControlledRadioGroupProps) => react_jsx_runtime.JSX.Element;
 
-type ControlledSelectProps = Omit<SelectProps, 'error' | 'required'> & {
-    name: string;
-} & RegisterOptions<FieldValues, string>;
-declare const ControlledSelect: ({ name, required, maxLength, minLength, max, min, pattern, validate, setValueAs, disabled, onChange, onBlur, value, shouldUnregister, deps, ...rest }: ControlledSelectProps) => react_jsx_runtime.JSX.Element;
+type ControlledSelectProps = Omit<SelectProps, 'error' | 'required'> & Omit<RegisterOptions<FieldValues, string>, 'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs'> & Pick<ControllerProps, 'defaultValue' | 'shouldUnregister' | 'name'>;
+declare const ControlledSelect: ({ name, required, maxLength, minLength, max, min, pattern, validate, disabled, onChange, onBlur, value, defaultValue, shouldUnregister, deps, ...rest }: ControlledSelectProps) => react_jsx_runtime.JSX.Element;
 
-type ControlledTextFieldProps = Omit<TextFieldProps, 'required'> & {
-    name: string;
-} & RegisterOptions<FieldValues, string>;
-declare const ControlledTextField: ({ name, helperText, required, maxLength, minLength, max, min, pattern, validate, setValueAs, disabled, onChange, onBlur, value, shouldUnregister, deps, ...rest }: ControlledTextFieldProps) => react_jsx_runtime.JSX.Element;
+type ControlledTextFieldProps = Omit<TextFieldProps, 'required'> & Omit<RegisterOptions<FieldValues, string>, 'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs'> & Pick<ControllerProps, 'defaultValue' | 'shouldUnregister' | 'name'>;
+declare const ControlledTextField: ({ name, helperText, required, maxLength, minLength, max, min, pattern, validate, disabled, defaultValue, onChange, onBlur, value, shouldUnregister, deps, ...rest }: ControlledTextFieldProps) => react_jsx_runtime.JSX.Element;
 
 export { ControlledAsyncAutocomplete, type ControlledAsyncAutocompleteProps, ControlledAutocomplete, type ControlledAutocompleteProps, ControlledCheckbox, type ControlledCheckboxProps, ControlledCodesAutocomplete, type ControlledCodesAutocompleteProps, ControlledDatepicker, type ControlledDatepickerProps, ControlledForm, type ControlledFormProps, ControlledInput, type ControlledInputProps, type ControlledOrgAutocompleteProps, ControlledOrganizationAutocomplete, ControlledProviderAutocomplete, type ControlledProviderAutocompleteProps, ControlledRadioGroup, type ControlledRadioGroupProps, ControlledSelect, type ControlledSelectProps, ControlledTextField, type ControlledTextFieldProps };

package/dist/index.d.ts

@@ -15,10 +15,8 @@ declare const ControlledAsyncAutocomplete: <Option, Multiple extends boolean | u
 type ControlledAutocompleteProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> = Omit<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'onChange' | 'onBlur' | 'value' | 'name'> & Omit<RegisterOptions<FieldValues, string>, 'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs'> & Pick<ControllerProps, 'defaultValue' | 'shouldUnregister' | 'name'>;
 declare const ControlledAutocomplete: <T, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends react.ElementType<any, keyof react.JSX.IntrinsicElements> = "div">({ name, FieldProps, defaultValue, deps, max, maxLength, min, minLength, onBlur, onChange, pattern, required, shouldUnregister, validate, value, ...rest }: ControlledAutocompleteProps<T, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react_jsx_runtime.JSX.Element;
 
-type ControlledCheckboxProps = CheckboxProps & {
-    name: string;
-} & Omit<RegisterOptions<FieldValues, string>, 'required' | 'max' | 'maxLength' | 'min' | 'minLength' | 'pattern' | 'validate'>;
-declare const ControlledCheckbox: ({ name, setValueAs, disabled, onChange, onBlur, value, shouldUnregister, deps, ...rest }: ControlledCheckboxProps) => react_jsx_runtime.JSX.Element;
+type ControlledCheckboxProps = CheckboxProps & Omit<RegisterOptions<FieldValues, string>, 'required' | 'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'max' | 'maxLength' | 'min' | 'minLength' | 'pattern'> & Pick<ControllerProps, 'defaultValue' | 'shouldUnregister' | 'name'>;
+declare const ControlledCheckbox: ({ name, disabled, onChange, onBlur, value, defaultValue, shouldUnregister, deps, ...rest }: ControlledCheckboxProps) => react_jsx_runtime.JSX.Element;
 
 type ControlledCodesAutocompleteProps = Omit<CodesAutocompleteProps, 'name'> & Omit<RegisterOptions<FieldValues, string>, 'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs'> & Pick<ControllerProps, 'defaultValue' | 'shouldUnregister' | 'name'>;
 declare const ControlledCodesAutocomplete: ({ name, defaultValue, deps, max, maxLength, onBlur, onChange, pattern, required, shouldUnregister, validate, value, FieldProps, ...rest }: ControlledCodesAutocompleteProps) => react_jsx_runtime.JSX.Element;
@@ -41,10 +39,8 @@ declare const ControlledForm: ({ onSubmit, values, schema, validationResolver, .
 type ControlledDatepickerProps = DatepickerProps & Omit<RegisterOptions<FieldValues, string>, 'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs'> & Pick<ControllerProps, 'defaultValue' | 'shouldUnregister' | 'name'>;
 declare const ControlledDatepicker: ({ name, defaultValue, deps, max, maxLength, min, minLength, onBlur, onChange, pattern, required, shouldUnregister, validate, value, FieldProps, ...rest }: ControlledDatepickerProps) => react_jsx_runtime.JSX.Element;
 
-type ControlledInputProps = Omit<InputProps, 'error' | 'name' | 'required'> & {
-    name: string;
-} & RegisterOptions<FieldValues, string>;
-declare const ControlledInput: ({ name, required, maxLength, minLength, max, min, pattern, validate, setValueAs, disabled, onChange, onBlur, value, shouldUnregister, deps, ...rest }: ControlledInputProps) => react_jsx_runtime.JSX.Element;
+type ControlledInputProps = Omit<InputProps, 'error' | 'name' | 'required'> & Omit<RegisterOptions<FieldValues, string>, 'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs'> & Pick<ControllerProps, 'defaultValue' | 'shouldUnregister' | 'name'>;
+declare const ControlledInput: ({ name, required, maxLength, minLength, max, min, pattern, validate, defaultValue, disabled, onChange, onBlur, value, shouldUnregister, deps, ...rest }: ControlledInputProps) => react_jsx_runtime.JSX.Element;
 
 type ControlledOrgAutocompleteProps = Omit<OrgAutocompleteProps, 'name'> & Omit<RegisterOptions<FieldValues, string>, 'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'max' | 'maxLength' | 'min' | 'minLength'> & Pick<ControllerProps, 'defaultValue' | 'shouldUnregister' | 'name'>;
 declare const ControlledOrganizationAutocomplete: ({ name, defaultValue, deps, onBlur, onChange, pattern, required, shouldUnregister, validate, value, FieldProps, ...rest }: ControlledOrgAutocompleteProps) => react_jsx_runtime.JSX.Element;
@@ -59,14 +55,10 @@ type ControlledRadioGroupProps = RadioGroupProps & {
 } & Omit<RegisterOptions<FieldValues, string>, 'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'max' | 'maxLength' | 'min' | 'minLength' | 'pattern' | 'validate'> & Pick<ControllerProps, 'defaultValue' | 'shouldUnregister' | 'name'>;
 declare const ControlledRadioGroup: ({ name, helperText, label, defaultValue, deps, onBlur, onChange, required, shouldUnregister, value, ...rest }: ControlledRadioGroupProps) => react_jsx_runtime.JSX.Element;
 
-type ControlledSelectProps = Omit<SelectProps, 'error' | 'required'> & {
-    name: string;
-} & RegisterOptions<FieldValues, string>;
-declare const ControlledSelect: ({ name, required, maxLength, minLength, max, min, pattern, validate, setValueAs, disabled, onChange, onBlur, value, shouldUnregister, deps, ...rest }: ControlledSelectProps) => react_jsx_runtime.JSX.Element;
+type ControlledSelectProps = Omit<SelectProps, 'error' | 'required'> & Omit<RegisterOptions<FieldValues, string>, 'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs'> & Pick<ControllerProps, 'defaultValue' | 'shouldUnregister' | 'name'>;
+declare const ControlledSelect: ({ name, required, maxLength, minLength, max, min, pattern, validate, disabled, onChange, onBlur, value, defaultValue, shouldUnregister, deps, ...rest }: ControlledSelectProps) => react_jsx_runtime.JSX.Element;
 
-type ControlledTextFieldProps = Omit<TextFieldProps, 'required'> & {
-    name: string;
-} & RegisterOptions<FieldValues, string>;
-declare const ControlledTextField: ({ name, helperText, required, maxLength, minLength, max, min, pattern, validate, setValueAs, disabled, onChange, onBlur, value, shouldUnregister, deps, ...rest }: ControlledTextFieldProps) => react_jsx_runtime.JSX.Element;
+type ControlledTextFieldProps = Omit<TextFieldProps, 'required'> & Omit<RegisterOptions<FieldValues, string>, 'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs'> & Pick<ControllerProps, 'defaultValue' | 'shouldUnregister' | 'name'>;
+declare const ControlledTextField: ({ name, helperText, required, maxLength, minLength, max, min, pattern, validate, disabled, defaultValue, onChange, onBlur, value, shouldUnregister, deps, ...rest }: ControlledTextFieldProps) => react_jsx_runtime.JSX.Element;
 
 export { ControlledAsyncAutocomplete, type ControlledAsyncAutocompleteProps, ControlledAutocomplete, type ControlledAutocompleteProps, ControlledCheckbox, type ControlledCheckboxProps, ControlledCodesAutocomplete, type ControlledCodesAutocompleteProps, ControlledDatepicker, type ControlledDatepickerProps, ControlledForm, type ControlledFormProps, ControlledInput, type ControlledInputProps, type ControlledOrgAutocompleteProps, ControlledOrganizationAutocomplete, ControlledProviderAutocomplete, type ControlledProviderAutocompleteProps, ControlledRadioGroup, type ControlledRadioGroupProps, ControlledSelect, type ControlledSelectProps, ControlledTextField, type ControlledTextFieldProps };

package/dist/index.js

@@ -100,14 +100,10 @@ var ControlledAsyncAutocomplete = (_a) => {
     "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: {
         deps,
@@ -124,14 +120,14 @@ var ControlledAsyncAutocomplete = (_a) => {
         value
       },
       shouldUnregister,
-      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 } }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 }, 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
@@ -188,13 +184,9 @@ 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: {
@@ -212,14 +204,14 @@ var ControlledAutocomplete = (_a) => {
         value
       },
       shouldUnregister,
-      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 } }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 }, 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
@@ -245,35 +237,39 @@ var import_jsx_runtime3 = require("react/jsx-runtime");
 var ControlledCheckbox = (_a) => {
   var _b = _a, {
     name,
-    setValueAs,
     disabled,
     onChange,
     onBlur,
     value,
+    defaultValue = false,
     shouldUnregister,
     deps
   } = _b, rest = __objRest(_b, [
     "name",
-    "setValueAs",
     "disabled",
     "onChange",
     "onBlur",
     "value",
+    "defaultValue",
     "shouldUnregister",
     "deps"
   ]);
-  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: {
+        onChange,
+        onBlur,
+        value,
+        shouldUnregister,
+        deps
+      },
       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) }))
+    }
   );
 };
 
@@ -311,14 +307,10 @@ var ControlledCodesAutocomplete = (_a) => {
     "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: {
         deps,
@@ -333,14 +325,14 @@ var ControlledCodesAutocomplete = (_a) => {
         value
       },
       shouldUnregister,
-      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 } }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 }, 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
@@ -369,7 +361,7 @@ var ControlledForm = (_a) => {
     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
@@ -410,12 +402,10 @@ var ControlledDatepicker = (_a) => {
     "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: {
         deps,
@@ -466,7 +456,7 @@ var ControlledInput = (_a) => {
     min,
     pattern,
     validate,
-    setValueAs,
+    defaultValue,
     disabled,
     onChange,
     onBlur,
@@ -482,7 +472,7 @@ var ControlledInput = (_a) => {
     "min",
     "pattern",
     "validate",
-    "setValueAs",
+    "defaultValue",
     "disabled",
     "onChange",
     "onBlur",
@@ -490,28 +480,35 @@ var ControlledInput = (_a) => {
     "shouldUnregister",
     "deps"
   ]);
-  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: {
+        required,
+        maxLength,
+        minLength,
+        max,
+        min,
+        pattern,
+        validate,
+        onChange,
+        onBlur,
+        value,
+        shouldUnregister,
+        deps
+      },
       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: typeof required === "object" ? required.value : !!required
+        })
+      )
+    }
   );
 };
 
@@ -545,14 +542,10 @@ var ControlledOrganizationAutocomplete = (_a) => {
     "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: {
         deps,
@@ -565,14 +558,14 @@ var ControlledOrganizationAutocomplete = (_a) => {
         value
       },
       shouldUnregister,
-      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 } }) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      render: ({ field: { onChange: onChange2, value: value2, onBlur: onBlur2 }, 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
@@ -629,14 +622,10 @@ var ControlledProviderAutocomplete = (_a) => {
     "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: {
         deps,
@@ -653,14 +642,14 @@ var ControlledProviderAutocomplete = (_a) => {
         value
       },
       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
@@ -708,22 +697,18 @@ var ControlledRadioGroup = (_a) => {
     "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 },
       shouldUnregister,
-      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_mui_form_utils3.FormControl, { error: !!errorMessage, children: [
+      render: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_mui_form_utils3.FormControl, { error: !!error, 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)(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 })
@@ -746,11 +731,11 @@ var ControlledSelect = (_a) => {
     min,
     pattern,
     validate,
-    setValueAs,
     disabled,
     onChange,
     onBlur,
     value,
+    defaultValue,
     shouldUnregister,
     deps
   } = _b, rest = __objRest(_b, [
@@ -762,36 +747,43 @@ var ControlledSelect = (_a) => {
     "min",
     "pattern",
     "validate",
-    "setValueAs",
     "disabled",
     "onChange",
     "onBlur",
     "value",
+    "defaultValue",
     "shouldUnregister",
     "deps"
   ]);
-  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: {
+        required,
+        maxLength,
+        minLength,
+        max,
+        min,
+        pattern,
+        validate,
+        onChange,
+        onBlur,
+        value,
+        shouldUnregister,
+        deps
+      },
       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: typeof required === "object" ? required.value : !!required
+        })
+      )
+    }
   );
 };
 
@@ -810,8 +802,8 @@ var ControlledTextField = (_a) => {
     min,
     pattern,
     validate,
-    setValueAs,
     disabled,
+    defaultValue,
     onChange,
     onBlur,
     value,
@@ -827,44 +819,48 @@ var ControlledTextField = (_a) => {
     "min",
     "pattern",
     "validate",
-    "setValueAs",
     "disabled",
+    "defaultValue",
     "onChange",
     "onBlur",
     "value",
     "shouldUnregister",
     "deps"
   ]);
-  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: {
+        required,
+        maxLength,
+        minLength,
+        max,
+        min,
+        pattern,
+        validate,
+        onChange,
+        onBlur,
+        value,
+        shouldUnregister,
+        deps
+      },
       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: ({ field, fieldState: { error } }) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        import_mui_textfield.TextField,
+        __spreadProps(__spreadValues(__spreadValues({}, rest), field), {
+          required: typeof required === "object" ? required.value : !!required,
+          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
+        })
+      )
+    }
   );
 };
 // Annotate the CommonJS export names for ESM import in node: