@me1a/ui 1.1.2 → 1.2.1

package/dist/{index.cjs.js → hook-forms/index/index.cjs.js}

@@ -1641,7 +1641,7 @@ function createFormControl(props = {}) {
         timer = setTimeout(callback, wait);
     };
     const _updateValid = async (shouldUpdateValid) => {
-        if (!props.disabled && (_proxyFormState.isValid || shouldUpdateValid)) {
+        if (!_options.disabled && (_proxyFormState.isValid || shouldUpdateValid)) {
             const isValid = _options.resolver
                 ? isEmptyObject((await _executeSchema()).errors)
                 : await executeBuiltInValidation(_fields, true);
@@ -1653,7 +1653,7 @@ function createFormControl(props = {}) {
         }
     };
     const _updateIsValidating = (names, isValidating) => {
-        if (!props.disabled &&
+        if (!_options.disabled &&
             (_proxyFormState.isValidating || _proxyFormState.validatingFields)) {
             (names || Array.from(_names.mount)).forEach((name) => {
                 if (name) {
@@ -1669,7 +1669,7 @@ function createFormControl(props = {}) {
         }
     };
     const _updateFieldArray = (name, values = [], method, args, shouldSetValues = true, shouldUpdateFieldsAndState = true) => {
-        if (args && method && !props.disabled) {
+        if (args && method && !_options.disabled) {
             _state.action = true;
             if (shouldUpdateFieldsAndState && Array.isArray(get(_fields, name))) {
                 const fieldValues = method(get(_fields, name), args.argA, args.argB);
@@ -1733,7 +1733,7 @@ function createFormControl(props = {}) {
         const output = {
             name,
         };
-        if (!props.disabled) {
+        if (!_options.disabled) {
             const disabledField = !!(get(_fields, name) &&
                 get(_fields, name)._f &&
                 get(_fields, name)._f.disabled);
@@ -1869,7 +1869,7 @@ function createFormControl(props = {}) {
         }
         _names.unMount = new Set();
     };
-    const _getDirty = (name, data) => !props.disabled &&
+    const _getDirty = (name, data) => !_options.disabled &&
         (name && data && set(_formValues, name, data),
             !deepEqual(getValues(), _defaultValues));
     const _getWatch = (names, defaultValue, isGlobal) => generateWatchOutput(names, _names, {
@@ -2185,7 +2185,7 @@ function createFormControl(props = {}) {
     };
     const register = (name, options = {}) => {
         let field = get(_fields, name);
-        const disabledIsDefined = isBoolean(options.disabled) || isBoolean(props.disabled);
+        const disabledIsDefined = isBoolean(options.disabled) || isBoolean(_options.disabled);
         set(_fields, name, {
             ...(field || {}),
             _f: {
@@ -2201,7 +2201,7 @@ function createFormControl(props = {}) {
                 field,
                 disabled: isBoolean(options.disabled)
                     ? options.disabled
-                    : props.disabled,
+                    : _options.disabled,
                 name,
                 value: options.value,
             });
@@ -2211,7 +2211,7 @@ function createFormControl(props = {}) {
         }
         return {
             ...(disabledIsDefined
-                ? { disabled: options.disabled || props.disabled }
+                ? { disabled: options.disabled || _options.disabled }
                 : {}),
             ...(_options.progressive
                 ? {
@@ -2295,6 +2295,12 @@ function createFormControl(props = {}) {
             e.preventDefault && e.preventDefault();
             e.persist && e.persist();
         }
+        if (_options.disabled) {
+            if (onInvalid) {
+                await onInvalid({ ..._formState.errors }, e);
+            }
+            return;
+        }
         let fieldValues = cloneObject(_formValues);
         _subjects.state.next({
             isSubmitting: true,
@@ -2473,7 +2479,9 @@ function createFormControl(props = {}) {
                 : fieldReference.ref;
             if (fieldRef.focus) {
                 fieldRef.focus();
-                options.shouldSelect && fieldRef.select();
+                options.shouldSelect &&
+                    isFunction(fieldRef.select) &&
+                    fieldRef.select();
             }
         }
     };
@@ -2674,103 +2682,10 @@ function useForm(props = {}) {
                 values: control._getWatch(),
             });
     }, [props.shouldUnregister, control]);
-    React.useEffect(() => {
-        if (_formControl.current) {
-            _formControl.current.watch = _formControl.current.watch.bind({});
-        }
-    }, [formState]);
     _formControl.current.formState = getProxyFormState(formState, control);
     return _formControl.current;
 }
 
-function _arrayLikeToArray(r, a) {
-  (null == a || a > r.length) && (a = r.length);
-  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-  return n;
-}
-function _arrayWithoutHoles(r) {
-  if (Array.isArray(r)) return _arrayLikeToArray(r);
-}
-function _defineProperty(e, r, t) {
-  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-    value: t,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : e[r] = t, e;
-}
-function _iterableToArray(r) {
-  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
-}
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function (r) {
-      return Object.getOwnPropertyDescriptor(e, r).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread2(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
-      _defineProperty(e, r, t[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
-      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
-    });
-  }
-  return e;
-}
-function _objectWithoutProperties(e, t) {
-  if (null == e) return {};
-  var o,
-    r,
-    i = _objectWithoutPropertiesLoose$1(e, t);
-  if (Object.getOwnPropertySymbols) {
-    var s = Object.getOwnPropertySymbols(e);
-    for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
-  }
-  return i;
-}
-function _objectWithoutPropertiesLoose$1(r, e) {
-  if (null == r) return {};
-  var t = {};
-  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (e.includes(n)) continue;
-    t[n] = r[n];
-  }
-  return t;
-}
-function _toConsumableArray(r) {
-  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
-}
-function _toPrimitive(t, r) {
-  if ("object" != typeof t || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r || "default");
-    if ("object" != typeof i) return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return ("string" === r ? String : Number)(t);
-}
-function _toPropertyKey(t) {
-  var i = _toPrimitive(t, "string");
-  return "symbol" == typeof i ? i : i + "";
-}
-function _unsupportedIterableToArray(r, a) {
-  if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray(r, a);
-    var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
-  }
-}
-
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
@@ -4009,7 +3924,6 @@ function requireReactJsxRuntime_development () {
 	  }
 	}
 
-	var didWarnAboutKeySpread = {};
 	function jsxWithValidation(type, props, key, isStaticChildren, source, self) {
 	  {
 	    var validType = isValidElementType(type); // We warn in this case but don't throw. We expect the element creation to
@@ -4080,24 +3994,6 @@ function requireReactJsxRuntime_development () {
 	      }
 	    }
 
-	    {
-	      if (hasOwnProperty.call(props, 'key')) {
-	        var componentName = getComponentNameFromType(type);
-	        var keys = Object.keys(props).filter(function (k) {
-	          return k !== 'key';
-	        });
-	        var beforeExample = keys.length > 0 ? '{key: someKey, ' + keys.join(': ..., ') + ': ...}' : '{key: someKey}';
-
-	        if (!didWarnAboutKeySpread[componentName + beforeExample]) {
-	          var afterExample = keys.length > 0 ? '{' + keys.join(': ..., ') + ': ...}' : '{}';
-
-	          error('A props object containing a "key" prop is being spread into JSX:\n' + '  let props = %s;\n' + '  <%s {...props} />\n' + 'React keys must be passed directly to JSX without using spread:\n' + '  let props = %s;\n' + '  <%s key={someKey} {...props} />', beforeExample, componentName, afterExample, componentName);
-
-	          didWarnAboutKeySpread[componentName + beforeExample] = true;
-	        }
-	      }
-	    }
-
 	    if (type === REACT_FRAGMENT_TYPE) {
 	      validateFragmentProps(element);
 	    } else {
@@ -22380,48 +22276,53 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes /* remove-proptypes
   variant: PropTypes.oneOf(['filled', 'outlined', 'standard'])
 } : void 0;
 
-var _excluded$5 = ["name", "native", "maxHeight", "helperText", "children", "PaperPropsSx"];
-function RHFSelect(_ref) {
-  var name = _ref.name,
-    _native = _ref["native"],
-    _ref$maxHeight = _ref.maxHeight,
-    maxHeight = _ref$maxHeight === void 0 ? 220 : _ref$maxHeight,
-    helperText = _ref.helperText,
-    children = _ref.children,
-    PaperPropsSx = _ref.PaperPropsSx,
-    other = _objectWithoutProperties(_ref, _excluded$5);
-  var _useFormContext = useFormContext(),
-    control = _useFormContext.control;
+function RHFSelect({
+  name,
+  native,
+  maxHeight = 220,
+  helperText,
+  children,
+  PaperPropsSx,
+  ...other
+}) {
+  const {
+    control
+  } = useFormContext();
   return jsxRuntimeExports.jsx(Controller, {
     name: name,
     control: control,
-    render: function render(_ref2) {
-      var field = _ref2.field,
-        error = _ref2.fieldState.error;
-      return jsxRuntimeExports.jsx(TextField, _objectSpread2(_objectSpread2(_objectSpread2({}, field), {}, {
-        select: true,
-        fullWidth: true,
-        slotProps: {
-          select: {
-            "native": _native,
-            MenuProps: {
-              PaperProps: {
-                sx: _objectSpread2(_objectSpread2({}, !_native && {
+    render: ({
+      field,
+      fieldState: {
+        error
+      }
+    }) => jsxRuntimeExports.jsx(TextField, {
+      ...field,
+      select: true,
+      fullWidth: true,
+      slotProps: {
+        select: {
+          native,
+          MenuProps: {
+            PaperProps: {
+              sx: {
+                ...(!native && {
                   maxHeight: typeof maxHeight === "number" ? maxHeight : "unset"
-                }), PaperPropsSx)
+                }),
+                ...PaperPropsSx
               }
-            },
-            sx: {
-              textTransform: "capitalize"
             }
+          },
+          sx: {
+            textTransform: "capitalize"
           }
-        },
-        error: !!error,
-        helperText: error ? error === null || error === void 0 ? void 0 : error.message : helperText
-      }, other), {}, {
-        children: children
-      }));
-    }
+        }
+      },
+      error: !!error,
+      helperText: error ? error?.message : helperText,
+      ...other,
+      children: children
+    })
   });
 }
 
@@ -24504,96 +24405,100 @@ process.env.NODE_ENV !== "production" ? FormControlLabel.propTypes /* remove-pro
   value: PropTypes.any
 } : void 0;
 
-var _excluded$4 = ["name", "helperText"],
-  _excluded2 = ["row", "name", "label", "options", "spacing", "helperText", "sx"];
-function RHFCheckbox(_ref) {
-  var name = _ref.name,
-    helperText = _ref.helperText,
-    other = _objectWithoutProperties(_ref, _excluded$4);
-  var _useFormContext = useFormContext(),
-    control = _useFormContext.control;
+function RHFCheckbox({
+  name,
+  helperText,
+  ...other
+}) {
+  const {
+    control
+  } = useFormContext();
   return jsxRuntimeExports.jsx(Controller, {
     name: name,
     control: control,
-    render: function render(_ref2) {
-      var field = _ref2.field,
-        error = _ref2.fieldState.error;
-      return jsxRuntimeExports.jsxs("div", {
-        children: [jsxRuntimeExports.jsx(FormControlLabel, _objectSpread2({
-          control: jsxRuntimeExports.jsx(Checkbox, _objectSpread2(_objectSpread2({}, field), {}, {
-            checked: field.value
-          }))
-        }, other)), (!!error || helperText) && jsxRuntimeExports.jsx(FormHelperText, {
-          error: !!error,
-          children: error ? error === null || error === void 0 ? void 0 : error.message : helperText
-        })]
-      });
-    }
+    render: ({
+      field,
+      fieldState: {
+        error
+      }
+    }) => jsxRuntimeExports.jsxs("div", {
+      children: [jsxRuntimeExports.jsx(FormControlLabel, {
+        control: jsxRuntimeExports.jsx(Checkbox, {
+          ...field,
+          checked: field.value
+        }),
+        ...other
+      }), (!!error || helperText) && jsxRuntimeExports.jsx(FormHelperText, {
+        error: !!error,
+        children: error ? error?.message : helperText
+      })]
+    })
   });
 }
-function RHFMultiCheckbox(_ref3) {
-  var row = _ref3.row,
-    name = _ref3.name,
-    label = _ref3.label,
-    options = _ref3.options,
-    spacing = _ref3.spacing,
-    helperText = _ref3.helperText,
-    sx = _ref3.sx,
-    other = _objectWithoutProperties(_ref3, _excluded2);
-  var _useFormContext2 = useFormContext(),
-    control = _useFormContext2.control;
-  var getSelected = function getSelected(selectedItems, item) {
-    return selectedItems.includes(item) ? selectedItems.filter(function (value) {
-      return value !== item;
-    }) : [].concat(_toConsumableArray(selectedItems), [item]);
-  };
+function RHFMultiCheckbox({
+  row,
+  name,
+  label,
+  options,
+  spacing,
+  helperText,
+  sx,
+  ...other
+}) {
+  const {
+    control
+  } = useFormContext();
+  const getSelected = (selectedItems, item) => selectedItems.includes(item) ? selectedItems.filter(value => value !== item) : [...selectedItems, item];
   return jsxRuntimeExports.jsx(Controller, {
     name: name,
     control: control,
-    render: function render(_ref4) {
-      var field = _ref4.field,
-        error = _ref4.fieldState.error;
-      return jsxRuntimeExports.jsxs(FormControl, {
-        component: "fieldset",
-        children: [label && jsxRuntimeExports.jsx(FormLabel, {
-          component: "legend",
-          sx: {
-            typography: "body2"
-          },
-          children: label
-        }), jsxRuntimeExports.jsx(FormGroup, {
-          sx: _objectSpread2(_objectSpread2({}, row && {
+    render: ({
+      field,
+      fieldState: {
+        error
+      }
+    }) => jsxRuntimeExports.jsxs(FormControl, {
+      component: "fieldset",
+      children: [label && jsxRuntimeExports.jsx(FormLabel, {
+        component: "legend",
+        sx: {
+          typography: "body2"
+        },
+        children: label
+      }), jsxRuntimeExports.jsx(FormGroup, {
+        sx: {
+          ...(row && {
             flexDirection: "row"
-          }), {}, _defineProperty({}, "& .".concat(formControlLabelClasses.root), _objectSpread2({
+          }),
+          [`& .${formControlLabelClasses.root}`]: {
             "&:not(:last-of-type)": {
               mb: spacing || 0
-            }
-          }, row && {
-            mr: 0,
-            "&:not(:last-of-type)": {
-              mr: spacing || 2
-            }
-          })), sx),
-          children: options.map(function (option) {
-            return jsxRuntimeExports.jsx(FormControlLabel, _objectSpread2({
-              control: jsxRuntimeExports.jsx(Checkbox, {
-                checked: field.value.includes(option.value),
-                onChange: function onChange() {
-                  return field.onChange(getSelected(field.value, "".concat(option.value)));
-                }
-              }),
-              label: option.label
-            }, other), option.value);
-          })
-        }), (!!error || helperText) && jsxRuntimeExports.jsx(FormHelperText, {
-          error: !!error,
-          sx: {
-            mx: 0
+            },
+            ...(row && {
+              mr: 0,
+              "&:not(:last-of-type)": {
+                mr: spacing || 2
+              }
+            })
           },
-          children: error ? error === null || error === void 0 ? void 0 : error.message : helperText
-        })]
-      });
-    }
+          ...sx
+        },
+        children: options.map(option => jsxRuntimeExports.jsx(FormControlLabel, {
+          control: jsxRuntimeExports.jsx(Checkbox, {
+            checked: field.value.includes(option.value),
+            onChange: () => field.onChange(getSelected(field.value, `${option.value}`))
+          }),
+          label: option.label,
+          ...other
+        }, option.value))
+      }), (!!error || helperText) && jsxRuntimeExports.jsx(FormHelperText, {
+        error: !!error,
+        sx: {
+          mx: 0
+        },
+        children: error ? error?.message : helperText
+      })]
+    })
   });
 }
 
@@ -24928,30 +24833,34 @@ process.env.NODE_ENV !== "production" ? Switch.propTypes /* remove-proptypes */
   value: PropTypes.any
 } : void 0;
 
-var _excluded$3 = ["name", "helperText"];
-function RHFSwitch(_ref) {
-  var name = _ref.name,
-    helperText = _ref.helperText,
-    other = _objectWithoutProperties(_ref, _excluded$3);
-  var _useFormContext = useFormContext(),
-    control = _useFormContext.control;
+function RHFSwitch({
+  name,
+  helperText,
+  ...other
+}) {
+  const {
+    control
+  } = useFormContext();
   return jsxRuntimeExports.jsx(Controller, {
     name: name,
     control: control,
-    render: function render(_ref2) {
-      var field = _ref2.field,
-        error = _ref2.fieldState.error;
-      return jsxRuntimeExports.jsxs("div", {
-        children: [jsxRuntimeExports.jsx(FormControlLabel, _objectSpread2({
-          control: jsxRuntimeExports.jsx(Switch, _objectSpread2(_objectSpread2({}, field), {}, {
-            checked: field.value
-          }))
-        }, other)), (!!error || helperText) && jsxRuntimeExports.jsx(FormHelperText, {
-          error: !!error,
-          children: error ? error === null || error === void 0 ? void 0 : error.message : helperText
-        })]
-      });
-    }
+    render: ({
+      field,
+      fieldState: {
+        error
+      }
+    }) => jsxRuntimeExports.jsxs("div", {
+      children: [jsxRuntimeExports.jsx(FormControlLabel, {
+        control: jsxRuntimeExports.jsx(Switch, {
+          ...field,
+          checked: field.value
+        }),
+        ...other
+      }), (!!error || helperText) && jsxRuntimeExports.jsx(FormHelperText, {
+        error: !!error,
+        children: error ? error?.message : helperText
+      })]
+    })
   });
 }
 
@@ -26729,60 +26638,68 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes /* remove-proptypes */
   valueLabelFormat: PropTypes.oneOfType([PropTypes.func, PropTypes.string])
 } : void 0;
 
-var _excluded$2 = ["name", "helperText"];
-function RHFSlider(_ref) {
-  var name = _ref.name,
-    helperText = _ref.helperText,
-    other = _objectWithoutProperties(_ref, _excluded$2);
-  var _useFormContext = useFormContext(),
-    control = _useFormContext.control;
+function RHFSlider({
+  name,
+  helperText,
+  ...other
+}) {
+  const {
+    control
+  } = useFormContext();
   return jsxRuntimeExports.jsx(Controller, {
     name: name,
     control: control,
-    render: function render(_ref2) {
-      var field = _ref2.field,
-        error = _ref2.fieldState.error;
-      return jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
-        children: [jsxRuntimeExports.jsx(Slider, _objectSpread2(_objectSpread2({}, field), {}, {
-          valueLabelDisplay: "auto"
-        }, other)), (!!error || helperText) && jsxRuntimeExports.jsx(FormHelperText, {
-          error: !!error,
-          children: error ? error === null || error === void 0 ? void 0 : error.message : helperText
-        })]
-      });
-    }
+    render: ({
+      field,
+      fieldState: {
+        error
+      }
+    }) => jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
+      children: [jsxRuntimeExports.jsx(Slider, {
+        ...field,
+        valueLabelDisplay: "auto",
+        ...other
+      }), (!!error || helperText) && jsxRuntimeExports.jsx(FormHelperText, {
+        error: !!error,
+        children: error ? error?.message : helperText
+      })]
+    })
   });
 }
 
-var _excluded$1 = ["name", "helperText", "type"];
-function RHFTextField(_ref) {
-  var name = _ref.name,
-    helperText = _ref.helperText,
-    type = _ref.type,
-    other = _objectWithoutProperties(_ref, _excluded$1);
-  var _useFormContext = useFormContext(),
-    control = _useFormContext.control;
+function RHFTextField({
+  name,
+  helperText,
+  type,
+  ...other
+}) {
+  const {
+    control
+  } = useFormContext();
   return jsxRuntimeExports.jsx(Controller, {
     name: name,
     control: control,
-    render: function render(_ref2) {
-      var field = _ref2.field,
-        error = _ref2.fieldState.error;
-      return jsxRuntimeExports.jsx(TextField, _objectSpread2(_objectSpread2({}, field), {}, {
-        fullWidth: true,
-        type: type,
-        value: type === "number" && field.value === 0 ? "" : field.value,
-        onChange: function onChange(event) {
-          if (type === "number") {
-            field.onChange(Number(event.target.value));
-          } else {
-            field.onChange(event.target.value);
-          }
-        },
-        error: !!error,
-        helperText: error ? error === null || error === void 0 ? void 0 : error.message : helperText
-      }, other));
-    }
+    render: ({
+      field,
+      fieldState: {
+        error
+      }
+    }) => jsxRuntimeExports.jsx(TextField, {
+      ...field,
+      fullWidth: true,
+      type: type,
+      value: type === "number" && field.value === 0 ? "" : field.value,
+      onChange: event => {
+        if (type === "number") {
+          field.onChange(Number(event.target.value));
+        } else {
+          field.onChange(event.target.value);
+        }
+      },
+      error: !!error,
+      helperText: error ? error?.message : helperText,
+      ...other
+    })
   });
 }
 
@@ -27237,76 +27154,80 @@ process.env.NODE_ENV !== "production" ? RadioGroup.propTypes /* remove-proptypes
   value: PropTypes.any
 } : void 0;
 
-var _excluded = ["row", "name", "label", "options", "spacing", "helperText"];
-function RHFRadioGroup(_ref) {
-  var row = _ref.row,
-    name = _ref.name,
-    label = _ref.label,
-    options = _ref.options,
-    spacing = _ref.spacing,
-    helperText = _ref.helperText,
-    other = _objectWithoutProperties(_ref, _excluded);
-  var _useFormContext = useFormContext(),
-    control = _useFormContext.control;
-  var labelledby = label ? "".concat(name, "-").concat(label) : "";
+function RHFRadioGroup({
+  row,
+  name,
+  label,
+  options,
+  spacing,
+  helperText,
+  ...other
+}) {
+  const {
+    control
+  } = useFormContext();
+  const labelledby = label ? `${name}-${label}` : "";
   return jsxRuntimeExports.jsx(Controller, {
     name: name,
     control: control,
-    render: function render(_ref2) {
-      var field = _ref2.field,
-        error = _ref2.fieldState.error;
-      return jsxRuntimeExports.jsxs(FormControl, {
-        component: "fieldset",
-        children: [label && jsxRuntimeExports.jsx(FormLabel, {
-          component: "legend",
-          id: labelledby,
-          sx: {
-            typography: "body2"
-          },
-          children: label
-        }), jsxRuntimeExports.jsx(RadioGroup, _objectSpread2(_objectSpread2(_objectSpread2({}, field), {}, {
-          "aria-labelledby": labelledby,
-          row: row
-        }, other), {}, {
-          children: options.map(function (option) {
-            return jsxRuntimeExports.jsx(FormControlLabel, {
-              value: option.value,
-              control: jsxRuntimeExports.jsx(Radio, {}),
-              label: option.label,
-              sx: _objectSpread2({
-                "&:not(:last-of-type)": {
-                  mb: spacing || 0
-                }
-              }, row && {
-                mr: 0,
-                "&:not(:last-of-type)": {
-                  mr: spacing || 2
-                }
-              })
-            }, option.value);
-          })
-        })), (!!error || helperText) && jsxRuntimeExports.jsx(FormHelperText, {
-          error: !!error,
+    render: ({
+      field,
+      fieldState: {
+        error
+      }
+    }) => jsxRuntimeExports.jsxs(FormControl, {
+      component: "fieldset",
+      children: [label && jsxRuntimeExports.jsx(FormLabel, {
+        component: "legend",
+        id: labelledby,
+        sx: {
+          typography: "body2"
+        },
+        children: label
+      }), jsxRuntimeExports.jsx(RadioGroup, {
+        ...field,
+        "aria-labelledby": labelledby,
+        row: row,
+        ...other,
+        children: options.map(option => jsxRuntimeExports.jsx(FormControlLabel, {
+          value: option.value,
+          control: jsxRuntimeExports.jsx(Radio, {}),
+          label: option.label,
           sx: {
-            mx: 0
-          },
-          children: error ? error === null || error === void 0 ? void 0 : error.message : helperText
-        })]
-      });
-    }
+            "&:not(:last-of-type)": {
+              mb: spacing || 0
+            },
+            ...(row && {
+              mr: 0,
+              "&:not(:last-of-type)": {
+                mr: spacing || 2
+              }
+            })
+          }
+        }, option.value))
+      }), (!!error || helperText) && jsxRuntimeExports.jsx(FormHelperText, {
+        error: !!error,
+        sx: {
+          mx: 0
+        },
+        children: error ? error?.message : helperText
+      })]
+    })
   });
 }
 
-function FormProvider(_ref) {
-  var children = _ref.children,
-    onSubmit = _ref.onSubmit,
-    methods = _ref.methods;
-  return jsxRuntimeExports.jsx(FormProvider$1, _objectSpread2(_objectSpread2({}, methods), {}, {
+function FormProvider({
+  children,
+  onSubmit,
+  methods
+}) {
+  return jsxRuntimeExports.jsx(FormProvider$1, {
+    ...methods,
     children: jsxRuntimeExports.jsx("form", {
       onSubmit: onSubmit,
       children: children
     })
-  }));
+  });
 }
 
 exports.Controller = Controller;