@pdg/react-form 1.2.15 → 1.2.17

package/dist/index.esm.js

@@ -2521,10 +2521,10 @@ var StyledContentDiv = styled('div')(_templateObject2$7 || (_templateObject2$7 =
     t5 = $[12];
   }
   return t5;
-};insertStyle(".PFormTextField{min-width:200px}.PFormTextField .clear-icon-button-wrap{display:none}.PFormTextField.variant-filled .clear-icon-button-wrap{margin-top:9px;margin-bottom:-9px}.PFormTextField:hover .clear-icon-button-wrap.show,.PFormTextField .MuiInputBase-root.Mui-focused .clear-icon-button-wrap.show{display:block}");var _excluded$y = ["ref", "variant", "size", "color", "focused", "labelShrink", "fullWidth", "submitWhenReturnKey", "name", "required", "value", "data", "icon", "labelIcon", "label", "error", "helperText", "exceptValue", "readOnly", "tabIndex", "disabled", "placeholder", "maxLength", "clear", "width", "slotProps", "inputRef", "select", "multiline", "validPattern", "invalidPattern", "startAdornment", "endAdornment", "noFormValueItem", "hidden", "disableReturnKey", "onChange", "onValue", "onValidate", "onBlur", "onKeyDown", "className", "style"];
+};insertStyle(".PFormTextField{min-width:200px}.PFormTextField .clear-icon-button-wrap{display:none}.PFormTextField.variant-filled .clear-icon-button-wrap{margin-top:9px;margin-bottom:-9px}.PFormTextField:hover .clear-icon-button-wrap.show,.PFormTextField .MuiInputBase-root.Mui-focused .clear-icon-button-wrap.show{display:block}");var _excluded$y = ["ref", "variant", "size", "color", "focused", "labelShrink", "fullWidth", "submitWhenReturnKey", "name", "required", "value", "data", "icon", "labelIcon", "label", "error", "helperText", "errorHelperText", "exceptValue", "readOnly", "tabIndex", "disabled", "placeholder", "maxLength", "clear", "width", "slotProps", "inputRef", "select", "multiline", "validPattern", "invalidPattern", "startAdornment", "endAdornment", "noFormValueItem", "noValidationCheck", "hidden", "disableReturnKey", "defaultRequiredErrorHelperText", "defaultPatternErrorHelperText", "onChange", "onValue", "onValidate", "onBlur", "onKeyDown", "className", "style"];
 function PFormTextField(t0) {
   var _initSlotProps, _initSlotProps4;
-  var $ = c(216);
+  var $ = c(228);
   var className;
   var clear;
   var disableReturnKey;
@@ -2536,6 +2536,7 @@ function PFormTextField(t0) {
   var initData;
   var initDisabled;
   var initError;
+  var initErrorHelperText;
   var initFocused;
   var initFullWidth;
   var initHidden;
@@ -2554,6 +2555,7 @@ function PFormTextField(t0) {
   var multiline;
   var name;
   var noFormValueItem;
+  var noValidationCheck;
   var onBlur;
   var onChange;
   var onKeyDown;
@@ -2566,6 +2568,8 @@ function PFormTextField(t0) {
   var required;
   var select;
   var startAdornment;
+  var t1;
+  var t2;
   var tabIndex;
   var validPattern;
   var width;
@@ -2588,6 +2592,7 @@ function PFormTextField(t0) {
     initLabel = _t.label;
     initError = _t.error;
     helperText = _t.helperText;
+    initErrorHelperText = _t.errorHelperText;
     exceptValue = _t.exceptValue;
     readOnly = _t.readOnly;
     tabIndex = _t.tabIndex;
@@ -2605,8 +2610,11 @@ function PFormTextField(t0) {
     startAdornment = _t.startAdornment;
     endAdornment = _t.endAdornment;
     noFormValueItem = _t.noFormValueItem;
+    noValidationCheck = _t.noValidationCheck;
     initHidden = _t.hidden;
     disableReturnKey = _t.disableReturnKey;
+    t1 = _t.defaultRequiredErrorHelperText;
+    t2 = _t.defaultPatternErrorHelperText;
     onChange = _t.onChange;
     onValue = _t.onValue;
     onValidate = _t.onValidate;
@@ -2627,39 +2635,43 @@ function PFormTextField(t0) {
     $[9] = initData;
     $[10] = initDisabled;
     $[11] = initError;
-    $[12] = initFocused;
-    $[13] = initFullWidth;
-    $[14] = initHidden;
-    $[15] = initInputRef;
-    $[16] = initLabel;
-    $[17] = initLabelShrink;
-    $[18] = initSize;
-    $[19] = initSlotProps;
-    $[20] = initStyle;
-    $[21] = initSubmitWhenReturnKey;
-    $[22] = initValue;
-    $[23] = initVariant;
-    $[24] = invalidPattern;
-    $[25] = labelIcon;
-    $[26] = maxLength;
-    $[27] = multiline;
-    $[28] = name;
-    $[29] = noFormValueItem;
-    $[30] = onBlur;
-    $[31] = onChange;
-    $[32] = onKeyDown;
-    $[33] = onValidate;
-    $[34] = onValue;
-    $[35] = placeholder;
-    $[36] = props;
-    $[37] = readOnly;
-    $[38] = ref;
-    $[39] = required;
-    $[40] = select;
-    $[41] = startAdornment;
-    $[42] = tabIndex;
-    $[43] = validPattern;
-    $[44] = width;
+    $[12] = initErrorHelperText;
+    $[13] = initFocused;
+    $[14] = initFullWidth;
+    $[15] = initHidden;
+    $[16] = initInputRef;
+    $[17] = initLabel;
+    $[18] = initLabelShrink;
+    $[19] = initSize;
+    $[20] = initSlotProps;
+    $[21] = initStyle;
+    $[22] = initSubmitWhenReturnKey;
+    $[23] = initValue;
+    $[24] = initVariant;
+    $[25] = invalidPattern;
+    $[26] = labelIcon;
+    $[27] = maxLength;
+    $[28] = multiline;
+    $[29] = name;
+    $[30] = noFormValueItem;
+    $[31] = noValidationCheck;
+    $[32] = onBlur;
+    $[33] = onChange;
+    $[34] = onKeyDown;
+    $[35] = onValidate;
+    $[36] = onValue;
+    $[37] = placeholder;
+    $[38] = props;
+    $[39] = readOnly;
+    $[40] = ref;
+    $[41] = required;
+    $[42] = select;
+    $[43] = startAdornment;
+    $[44] = t1;
+    $[45] = t2;
+    $[46] = tabIndex;
+    $[47] = validPattern;
+    $[48] = width;
   } else {
     className = $[1];
     clear = $[2];
@@ -2672,40 +2684,46 @@ function PFormTextField(t0) {
     initData = $[9];
     initDisabled = $[10];
     initError = $[11];
-    initFocused = $[12];
-    initFullWidth = $[13];
-    initHidden = $[14];
-    initInputRef = $[15];
-    initLabel = $[16];
-    initLabelShrink = $[17];
-    initSize = $[18];
-    initSlotProps = $[19];
-    initStyle = $[20];
-    initSubmitWhenReturnKey = $[21];
-    initValue = $[22];
-    initVariant = $[23];
-    invalidPattern = $[24];
-    labelIcon = $[25];
-    maxLength = $[26];
-    multiline = $[27];
-    name = $[28];
-    noFormValueItem = $[29];
-    onBlur = $[30];
-    onChange = $[31];
-    onKeyDown = $[32];
-    onValidate = $[33];
-    onValue = $[34];
-    placeholder = $[35];
-    props = $[36];
-    readOnly = $[37];
-    ref = $[38];
-    required = $[39];
-    select = $[40];
-    startAdornment = $[41];
-    tabIndex = $[42];
-    validPattern = $[43];
-    width = $[44];
-  }
+    initErrorHelperText = $[12];
+    initFocused = $[13];
+    initFullWidth = $[14];
+    initHidden = $[15];
+    initInputRef = $[16];
+    initLabel = $[17];
+    initLabelShrink = $[18];
+    initSize = $[19];
+    initSlotProps = $[20];
+    initStyle = $[21];
+    initSubmitWhenReturnKey = $[22];
+    initValue = $[23];
+    initVariant = $[24];
+    invalidPattern = $[25];
+    labelIcon = $[26];
+    maxLength = $[27];
+    multiline = $[28];
+    name = $[29];
+    noFormValueItem = $[30];
+    noValidationCheck = $[31];
+    onBlur = $[32];
+    onChange = $[33];
+    onKeyDown = $[34];
+    onValidate = $[35];
+    onValue = $[36];
+    placeholder = $[37];
+    props = $[38];
+    readOnly = $[39];
+    ref = $[40];
+    required = $[41];
+    select = $[42];
+    startAdornment = $[43];
+    t1 = $[44];
+    t2 = $[45];
+    tabIndex = $[46];
+    validPattern = $[47];
+    width = $[48];
+  }
+  var defaultRequiredErrorHelperText = t1 === undefined ? "\uD544\uC218 \uC785\uB825 \uD56D\uBAA9\uC785\uB2C8\uB2E4." : t1;
+  var defaultPatternErrorHelperText = t2 === undefined ? "\uD615\uC2DD\uC774 \uC77C\uCE58\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4." : t2;
   var id = useId();
   var _useFormState = useFormState(),
     formVariant = _useFormState.variant,
@@ -2736,141 +2754,159 @@ function PFormTextField(t0) {
   var onValidateRef = useAutoUpdateRef(onValidate);
   var onBlurRef = useAutoUpdateRef(onBlur);
   var onKeyDownRef = useAutoUpdateRef(onKeyDown);
-  var _useState = useState(),
+  var _useState = useState(initErrorHelperText),
     _useState2 = _slicedToArray(_useState, 2),
     errorHelperText = _useState2[0],
     setErrorHelperText = _useState2[1];
+  var t3;
+  var t4;
+  if ($[49] !== initErrorHelperText) {
+    t3 = function t3() {
+      return setErrorHelperText(initErrorHelperText);
+    };
+    t4 = [initErrorHelperText];
+    $[49] = initErrorHelperText;
+    $[50] = t3;
+    $[51] = t4;
+  } else {
+    t3 = $[50];
+    t4 = $[51];
+  }
+  useFirstSkipChanged(t3, t4);
   var _useState3 = useState(initError),
     _useState4 = _slicedToArray(_useState3, 2),
     error = _useState4[0],
     _setError = _useState4[1];
-  var t1;
-  var t2;
-  if ($[45] !== initError) {
-    t1 = function t1() {
+  var t5;
+  var t6;
+  if ($[52] !== initError) {
+    t5 = function t5() {
       return _setError(initError);
     };
-    t2 = [initError];
-    $[45] = initError;
-    $[46] = t1;
-    $[47] = t2;
+    t6 = [initError];
+    $[52] = initError;
+    $[53] = t5;
+    $[54] = t6;
   } else {
-    t1 = $[46];
-    t2 = $[47];
+    t5 = $[53];
+    t6 = $[54];
   }
-  useFirstSkipChanged(t1, t2);
+  useFirstSkipChanged(t5, t6);
   var errorRef = useAutoUpdateRef(error);
-  var t3;
-  if ($[48] !== errorRef) {
-    t3 = function t3(newValue) {
+  var t7;
+  if ($[55] !== errorRef) {
+    t7 = function t7(newValue) {
       _setError(newValue);
       errorRef.current = newValue;
     };
-    $[48] = errorRef;
-    $[49] = t3;
+    $[55] = errorRef;
+    $[56] = t7;
   } else {
-    t3 = $[49];
+    t7 = $[56];
   }
-  var setError = t3;
+  var setError = t7;
   var _useState5 = useState(initData),
     _useState6 = _slicedToArray(_useState5, 2),
     data = _useState6[0],
     _setData = _useState6[1];
-  var t4;
-  var t5;
-  if ($[50] !== initData) {
-    t4 = function t4() {
+  var t8;
+  var t9;
+  if ($[57] !== initData) {
+    t8 = function t8() {
       return _setData(initData);
     };
-    t5 = [initData];
-    $[50] = initData;
-    $[51] = t4;
-    $[52] = t5;
+    t9 = [initData];
+    $[57] = initData;
+    $[58] = t8;
+    $[59] = t9;
   } else {
-    t4 = $[51];
-    t5 = $[52];
+    t8 = $[58];
+    t9 = $[59];
   }
-  useFirstSkipChanged(t4, t5);
+  useFirstSkipChanged(t8, t9);
   var dataRef = useAutoUpdateRef(data);
-  var t6;
-  if ($[53] !== dataRef) {
-    t6 = function t6(newValue_0) {
+  var t10;
+  if ($[60] !== dataRef) {
+    t10 = function t10(newValue_0) {
       _setData(newValue_0);
       dataRef.current = newValue_0;
     };
-    $[53] = dataRef;
-    $[54] = t6;
+    $[60] = dataRef;
+    $[61] = t10;
   } else {
-    t6 = $[54];
+    t10 = $[61];
   }
-  var setData = t6;
+  var setData = t10;
   var finalInitDisabled = initDisabled !== null && initDisabled !== void 0 ? initDisabled : formDisabled;
   var _useState7 = useState(finalInitDisabled),
     _useState8 = _slicedToArray(_useState7, 2),
     disabled = _useState8[0],
     setDisabled = _useState8[1];
-  var t7;
-  var t8;
-  if ($[55] !== finalInitDisabled) {
-    t7 = function t7() {
+  var t11;
+  var t12;
+  if ($[62] !== finalInitDisabled) {
+    t11 = function t11() {
       return setDisabled(finalInitDisabled);
     };
-    t8 = [finalInitDisabled];
-    $[55] = finalInitDisabled;
-    $[56] = t7;
-    $[57] = t8;
+    t12 = [finalInitDisabled];
+    $[62] = finalInitDisabled;
+    $[63] = t11;
+    $[64] = t12;
   } else {
-    t7 = $[56];
-    t8 = $[57];
+    t11 = $[63];
+    t12 = $[64];
   }
-  useFirstSkipChanged(t7, t8);
+  useFirstSkipChanged(t11, t12);
   var _useState9 = useState(initHidden),
     _useState0 = _slicedToArray(_useState9, 2),
     hidden = _useState0[0],
     setHidden = _useState0[1];
-  var t10;
-  var t9;
-  if ($[58] !== initHidden) {
-    t9 = function t9() {
+  var t13;
+  var t14;
+  if ($[65] !== initHidden) {
+    t13 = function t13() {
       return setHidden(initHidden);
     };
-    t10 = [initHidden];
-    $[58] = initHidden;
-    $[59] = t10;
-    $[60] = t9;
+    t14 = [initHidden];
+    $[65] = initHidden;
+    $[66] = t13;
+    $[67] = t14;
   } else {
-    t10 = $[59];
-    t9 = $[60];
+    t13 = $[66];
+    t14 = $[67];
   }
-  useFirstSkipChanged(t9, t10);
-  var t11;
-  if ($[61] !== setError) {
-    t11 = function t11(error_0, errorHelperText_0) {
+  useFirstSkipChanged(t13, t14);
+  var t15;
+  if ($[68] !== setError) {
+    t15 = function t15(error_0, errorHelperText_0) {
       setError(error_0);
       setErrorHelperText(error_0 ? errorHelperText_0 : undefined);
     };
-    $[61] = setError;
-    $[62] = t11;
+    $[68] = setError;
+    $[69] = t15;
   } else {
-    t11 = $[62];
+    t15 = $[69];
   }
-  var setErrorErrorHelperText = t11;
-  var t12;
-  if ($[63] !== invalidPattern || $[64] !== onValidateRef || $[65] !== required || $[66] !== setErrorErrorHelperText || $[67] !== validPattern) {
-    t12 = function t12(value) {
+  var setErrorErrorHelperText = t15;
+  var t16;
+  if ($[70] !== defaultPatternErrorHelperText || $[71] !== defaultRequiredErrorHelperText || $[72] !== invalidPattern || $[73] !== noValidationCheck || $[74] !== onValidateRef || $[75] !== required || $[76] !== setErrorErrorHelperText || $[77] !== validPattern) {
+    t16 = function t16(value) {
+      if (noValidationCheck) {
+        return true;
+      }
       if (required && empty(value)) {
-        setErrorErrorHelperText(true, "\uD544\uC218 \uC785\uB825 \uD56D\uBAA9\uC785\uB2C8\uB2E4.");
+        setErrorErrorHelperText(true, defaultRequiredErrorHelperText);
         return false;
       }
       if (notEmpty(value) && validPattern) {
         if (!new RegExp(validPattern).test(value)) {
-          setErrorErrorHelperText(true, "\uD615\uC2DD\uC774 \uC77C\uCE58\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4.");
+          setErrorErrorHelperText(true, defaultPatternErrorHelperText);
           return false;
         }
       }
       if (notEmpty(value) && invalidPattern) {
         if (new RegExp(invalidPattern).test(value)) {
-          setErrorErrorHelperText(true, "\uD615\uC2DD\uC774 \uC77C\uCE58\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4.");
+          setErrorErrorHelperText(true, defaultPatternErrorHelperText);
           return false;
         }
       }
@@ -2884,19 +2920,22 @@ function PFormTextField(t0) {
       setErrorErrorHelperText(false, undefined);
       return true;
     };
-    $[63] = invalidPattern;
-    $[64] = onValidateRef;
-    $[65] = required;
-    $[66] = setErrorErrorHelperText;
-    $[67] = validPattern;
-    $[68] = t12;
+    $[70] = defaultPatternErrorHelperText;
+    $[71] = defaultRequiredErrorHelperText;
+    $[72] = invalidPattern;
+    $[73] = noValidationCheck;
+    $[74] = onValidateRef;
+    $[75] = required;
+    $[76] = setErrorErrorHelperText;
+    $[77] = validPattern;
+    $[78] = t16;
   } else {
-    t12 = $[68];
+    t16 = $[78];
   }
-  var validate = t12;
-  var t13;
-  if ($[69] !== initInputRef) {
-    t13 = function t13() {
+  var validate = t16;
+  var t17;
+  if ($[79] !== initInputRef) {
+    t17 = function t17() {
       if (initInputRef) {
         var _current;
         (_current = initInputRef.current) === null || _current === void 0 || _current.focus();
@@ -2905,71 +2944,71 @@ function PFormTextField(t0) {
         (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
       }
     };
-    $[69] = initInputRef;
-    $[70] = t13;
+    $[79] = initInputRef;
+    $[80] = t17;
   } else {
-    t13 = $[70];
+    t17 = $[80];
   }
-  var focus = t13;
-  var t14;
-  if ($[71] !== onValue) {
-    t14 = function t14(newValue_1) {
+  var focus = t17;
+  var t18;
+  if ($[81] !== onValue) {
+    t18 = function t18(newValue_1) {
       return onValue ? onValue(newValue_1) : newValue_1;
     };
-    $[71] = onValue;
-    $[72] = t14;
+    $[81] = onValue;
+    $[82] = t18;
   } else {
-    t14 = $[72];
+    t18 = $[82];
   }
-  var getFinalValue = t14;
-  var t15;
-  if ($[73] !== getFinalValue || $[74] !== initValue) {
-    t15 = getFinalValue(initValue);
-    $[73] = getFinalValue;
-    $[74] = initValue;
-    $[75] = t15;
+  var getFinalValue = t18;
+  var t19;
+  if ($[83] !== getFinalValue || $[84] !== initValue) {
+    t19 = getFinalValue(initValue);
+    $[83] = getFinalValue;
+    $[84] = initValue;
+    $[85] = t19;
   } else {
-    t15 = $[75];
+    t19 = $[85];
   }
-  var _useState1 = useState(t15),
+  var _useState1 = useState(t19),
     _useState10 = _slicedToArray(_useState1, 2),
     value_0 = _useState10[0],
     _setValue = _useState10[1];
-  var t16;
-  var t17;
-  if ($[76] !== initValue) {
-    t16 = function t16() {
+  var t20;
+  var t21;
+  if ($[86] !== initValue) {
+    t20 = function t20() {
       return _setValue(initValue);
     };
-    t17 = [initValue];
-    $[76] = initValue;
-    $[77] = t16;
-    $[78] = t17;
+    t21 = [initValue];
+    $[86] = initValue;
+    $[87] = t20;
+    $[88] = t21;
   } else {
-    t16 = $[77];
-    t17 = $[78];
+    t20 = $[87];
+    t21 = $[88];
   }
-  useFirstSkipChanged(t16, t17);
+  useFirstSkipChanged(t20, t21);
   var valueRef = useAutoUpdateRef(value_0);
-  var t18;
-  if ($[79] !== valueRef) {
-    t18 = function t18(newValue_2) {
+  var t22;
+  if ($[89] !== valueRef) {
+    t22 = function t22(newValue_2) {
       _setValue(newValue_2);
       valueRef.current = newValue_2;
     };
-    $[79] = valueRef;
-    $[80] = t18;
+    $[89] = valueRef;
+    $[90] = t22;
   } else {
-    t18 = $[80];
+    t22 = $[90];
   }
-  var setValue = t18;
-  var t19;
-  if ($[81] !== error || $[82] !== getFinalValue || $[83] !== name || $[84] !== noFormValueItem || $[85] !== onChangeRef || $[86] !== onValueChange || $[87] !== setValue || $[88] !== validate) {
-    t19 = function t19(newValue_3) {
+  var setValue = t22;
+  var t23;
+  if ($[91] !== error || $[92] !== getFinalValue || $[93] !== name || $[94] !== noFormValueItem || $[95] !== noValidationCheck || $[96] !== onChangeRef || $[97] !== onValueChange || $[98] !== setValue || $[99] !== validate) {
+    t23 = function t23(newValue_3) {
       var _onChangeRef$current;
       var finalValue = getFinalValue(newValue_3);
       setValue(finalValue);
-      if (error) {
+      if (!noValidationCheck && error) {
         validate(finalValue);
       }
       (_onChangeRef$current = onChangeRef.current) === null || _onChangeRef$current === void 0 || _onChangeRef$current.call(onChangeRef, finalValue);
@@ -2978,189 +3017,190 @@ function PFormTextField(t0) {
       }
       return finalValue;
     };
-    $[81] = error;
-    $[82] = getFinalValue;
-    $[83] = name;
-    $[84] = noFormValueItem;
-    $[85] = onChangeRef;
-    $[86] = onValueChange;
-    $[87] = setValue;
-    $[88] = validate;
-    $[89] = t19;
+    $[91] = error;
+    $[92] = getFinalValue;
+    $[93] = name;
+    $[94] = noFormValueItem;
+    $[95] = noValidationCheck;
+    $[96] = onChangeRef;
+    $[97] = onValueChange;
+    $[98] = setValue;
+    $[99] = validate;
+    $[100] = t23;
   } else {
-    t19 = $[89];
+    t23 = $[100];
   }
-  var updateValue = t19;
-  var t20;
-  if ($[90] !== clear || $[91] !== value_0) {
-    t20 = clear ? notEmpty(value_0) : false;
-    $[90] = clear;
-    $[91] = value_0;
-    $[92] = t20;
+  var updateValue = t23;
+  var t24;
+  if ($[101] !== clear || $[102] !== value_0) {
+    t24 = clear ? notEmpty(value_0) : false;
+    $[101] = clear;
+    $[102] = value_0;
+    $[103] = t24;
   } else {
-    t20 = $[92];
+    t24 = $[103];
   }
-  var showClear = t20;
-  var t21;
-  if ($[93] !== name) {
-    t21 = function t21() {
+  var showClear = t24;
+  var t25;
+  if ($[104] !== name) {
+    t25 = function t25() {
       return name;
     };
-    $[93] = name;
-    $[94] = t21;
+    $[104] = name;
+    $[105] = t25;
   } else {
-    t21 = $[94];
+    t25 = $[105];
   }
-  var t22;
-  if ($[95] !== getFinalValue || $[96] !== initValueRef) {
-    t22 = function t22() {
+  var t26;
+  if ($[106] !== getFinalValue || $[107] !== initValueRef) {
+    t26 = function t26() {
       return getFinalValue(initValueRef.current);
     };
-    $[95] = getFinalValue;
-    $[96] = initValueRef;
-    $[97] = t22;
+    $[106] = getFinalValue;
+    $[107] = initValueRef;
+    $[108] = t26;
   } else {
-    t22 = $[97];
+    t26 = $[108];
   }
-  var t23;
-  if ($[98] !== initValueRef || $[99] !== updateValue) {
-    t23 = function t23() {
+  var t27;
+  if ($[109] !== initValueRef || $[110] !== updateValue) {
+    t27 = function t27() {
       return updateValue(initValueRef.current);
     };
-    $[98] = initValueRef;
-    $[99] = updateValue;
-    $[100] = t23;
+    $[109] = initValueRef;
+    $[110] = updateValue;
+    $[111] = t27;
   } else {
-    t23 = $[100];
+    t27 = $[111];
   }
-  var t24;
-  if ($[101] !== valueRef) {
-    t24 = function t24() {
+  var t28;
+  if ($[112] !== valueRef) {
+    t28 = function t28() {
       return valueRef.current;
     };
-    $[101] = valueRef;
-    $[102] = t24;
+    $[112] = valueRef;
+    $[113] = t28;
   } else {
-    t24 = $[102];
+    t28 = $[113];
   }
-  var t25;
-  if ($[103] !== dataRef) {
-    t25 = function t25() {
+  var t29;
+  if ($[114] !== dataRef) {
+    t29 = function t29() {
       return dataRef.current;
     };
-    $[103] = dataRef;
-    $[104] = t25;
+    $[114] = dataRef;
+    $[115] = t29;
   } else {
-    t25 = $[104];
+    t29 = $[115];
   }
-  var t26;
-  if ($[105] !== exceptValue) {
-    t26 = function t26() {
+  var t30;
+  if ($[116] !== exceptValue) {
+    t30 = function t30() {
       return !!exceptValue;
     };
-    $[105] = exceptValue;
-    $[106] = t26;
+    $[116] = exceptValue;
+    $[117] = t30;
   } else {
-    t26 = $[106];
+    t30 = $[117];
   }
-  var t27;
-  if ($[107] !== disabled) {
-    t27 = function t27() {
+  var t31;
+  if ($[118] !== disabled) {
+    t31 = function t31() {
       return !!disabled;
     };
-    $[107] = disabled;
-    $[108] = t27;
+    $[118] = disabled;
+    $[119] = t31;
   } else {
-    t27 = $[108];
+    t31 = $[119];
   }
-  var t28;
-  if ($[109] !== hidden) {
-    t28 = function t28() {
+  var t32;
+  if ($[120] !== hidden) {
+    t32 = function t32() {
       return !!hidden;
     };
-    $[109] = hidden;
-    $[110] = t28;
+    $[120] = hidden;
+    $[121] = t32;
   } else {
-    t28 = $[110];
+    t32 = $[121];
   }
-  var t29;
-  if ($[111] !== validate || $[112] !== valueRef) {
-    t29 = function t29() {
+  var t33;
+  if ($[122] !== validate || $[123] !== valueRef) {
+    t33 = function t33() {
       return validate(valueRef.current);
     };
-    $[111] = validate;
-    $[112] = valueRef;
-    $[113] = t29;
+    $[122] = validate;
+    $[123] = valueRef;
+    $[124] = t33;
   } else {
-    t29 = $[113];
+    t33 = $[124];
   }
-  var t30;
-  if ($[114] !== focus || $[115] !== setData || $[116] !== setErrorErrorHelperText || $[117] !== t21 || $[118] !== t22 || $[119] !== t23 || $[120] !== t24 || $[121] !== t25 || $[122] !== t26 || $[123] !== t27 || $[124] !== t28 || $[125] !== t29 || $[126] !== updateValue) {
-    t30 = {
+  var t34;
+  if ($[125] !== focus || $[126] !== setData || $[127] !== setErrorErrorHelperText || $[128] !== t25 || $[129] !== t26 || $[130] !== t27 || $[131] !== t28 || $[132] !== t29 || $[133] !== t30 || $[134] !== t31 || $[135] !== t32 || $[136] !== t33 || $[137] !== updateValue) {
+    t34 = {
       getType: _temp$w,
-      getName: t21,
-      getReset: t22,
-      reset: t23,
-      getValue: t24,
+      getName: t25,
+      getReset: t26,
+      reset: t27,
+      getValue: t28,
       setValue: updateValue,
-      getData: t25,
+      getData: t29,
       setData: setData,
-      isExceptValue: t26,
-      isDisabled: t27,
+      isExceptValue: t30,
+      isDisabled: t31,
       setDisabled: setDisabled,
-      isHidden: t28,
+      isHidden: t32,
       setHidden: setHidden,
       focus: focus,
       focusValidate: focus,
-      validate: t29,
+      validate: t33,
       setError: setErrorErrorHelperText
     };
-    $[114] = focus;
-    $[115] = setData;
-    $[116] = setErrorErrorHelperText;
-    $[117] = t21;
-    $[118] = t22;
-    $[119] = t23;
-    $[120] = t24;
-    $[121] = t25;
-    $[122] = t26;
-    $[123] = t27;
-    $[124] = t28;
-    $[125] = t29;
-    $[126] = updateValue;
-    $[127] = t30;
-  } else {
-    t30 = $[127];
-  }
-  var commands = t30;
-  var t31;
-  if ($[128] !== id || $[129] !== onAddValueItem) {
-    t31 = function t31(commands_0) {
+    $[125] = focus;
+    $[126] = setData;
+    $[127] = setErrorErrorHelperText;
+    $[128] = t25;
+    $[129] = t26;
+    $[130] = t27;
+    $[131] = t28;
+    $[132] = t29;
+    $[133] = t30;
+    $[134] = t31;
+    $[135] = t32;
+    $[136] = t33;
+    $[137] = updateValue;
+    $[138] = t34;
+  } else {
+    t34 = $[138];
+  }
+  var commands = t34;
+  var t35;
+  if ($[139] !== id || $[140] !== onAddValueItem) {
+    t35 = function t35(commands_0) {
       return onAddValueItem(id, commands_0);
     };
-    $[128] = id;
-    $[129] = onAddValueItem;
-    $[130] = t31;
+    $[139] = id;
+    $[140] = onAddValueItem;
+    $[141] = t35;
   } else {
-    t31 = $[130];
+    t35 = $[141];
   }
-  var handleCommandSet = t31;
-  var t32;
-  if ($[131] !== id || $[132] !== onRemoveValueItem) {
-    t32 = function t32() {
+  var handleCommandSet = t35;
+  var t36;
+  if ($[142] !== id || $[143] !== onRemoveValueItem) {
+    t36 = function t36() {
       return onRemoveValueItem(id);
     };
-    $[131] = id;
-    $[132] = onRemoveValueItem;
-    $[133] = t32;
+    $[142] = id;
+    $[143] = onRemoveValueItem;
+    $[144] = t36;
   } else {
-    t32 = $[133];
+    t36 = $[144];
   }
-  var handleCommandUnset = t32;
+  var handleCommandUnset = t36;
   useForwardRef(ref, commands, !noFormValueItem ? handleCommandSet : undefined, !noFormValueItem ? handleCommandUnset : undefined);
-  var t33;
-  if ($[134] !== name || $[135] !== noFormValueItem || $[136] !== onRequestSearchSubmit || $[137] !== onValueChangeByUser || $[138] !== select || $[139] !== updateValue) {
-    t33 = function t33(e) {
+  var t37;
+  if ($[145] !== name || $[146] !== noFormValueItem || $[147] !== onRequestSearchSubmit || $[148] !== onValueChangeByUser || $[149] !== select || $[150] !== updateValue) {
+    t37 = function t37(e) {
       var finalValue_0 = updateValue(e.target.value);
       if (!noFormValueItem) {
         setTimeout(function () {
@@ -3171,38 +3211,39 @@ function PFormTextField(t0) {
         });
       }
     };
-    $[134] = name;
-    $[135] = noFormValueItem;
-    $[136] = onRequestSearchSubmit;
-    $[137] = onValueChangeByUser;
-    $[138] = select;
-    $[139] = updateValue;
-    $[140] = t33;
+    $[145] = name;
+    $[146] = noFormValueItem;
+    $[147] = onRequestSearchSubmit;
+    $[148] = onValueChangeByUser;
+    $[149] = select;
+    $[150] = updateValue;
+    $[151] = t37;
   } else {
-    t33 = $[140];
+    t37 = $[151];
   }
-  var handleChange = t33;
-  var t34;
-  if ($[141] !== error || $[142] !== onBlurRef || $[143] !== validate || $[144] !== valueRef) {
-    t34 = function t34(e_0) {
+  var handleChange = t37;
+  var t38;
+  if ($[152] !== error || $[153] !== noValidationCheck || $[154] !== onBlurRef || $[155] !== validate || $[156] !== valueRef) {
+    t38 = function t38(e_0) {
       var _onBlurRef$current;
-      if (error) {
+      if (!noValidationCheck && error) {
         validate(valueRef.current);
       }
       (_onBlurRef$current = onBlurRef.current) === null || _onBlurRef$current === void 0 || _onBlurRef$current.call(onBlurRef, e_0);
     };
-    $[141] = error;
-    $[142] = onBlurRef;
-    $[143] = validate;
-    $[144] = valueRef;
-    $[145] = t34;
+    $[152] = error;
+    $[153] = noValidationCheck;
+    $[154] = onBlurRef;
+    $[155] = validate;
+    $[156] = valueRef;
+    $[157] = t38;
   } else {
-    t34 = $[145];
+    t38 = $[157];
   }
-  var handleBlur = t34;
-  var t35;
-  if ($[146] !== disableReturnKey || $[147] !== multiline || $[148] !== name || $[149] !== noFormValueItem || $[150] !== onKeyDownRef || $[151] !== onRequestSearchSubmit || $[152] !== onRequestSubmit || $[153] !== select || $[154] !== submitWhenReturnKey || $[155] !== valueRef) {
-    t35 = function t35(e_1) {
+  var handleBlur = t38;
+  var t39;
+  if ($[158] !== disableReturnKey || $[159] !== multiline || $[160] !== name || $[161] !== noFormValueItem || $[162] !== onKeyDownRef || $[163] !== onRequestSearchSubmit || $[164] !== onRequestSubmit || $[165] !== select || $[166] !== submitWhenReturnKey || $[167] !== valueRef) {
+    t39 = function t39(e_1) {
       var _onKeyDownRef$current;
       if (["Enter"].includes(e_1.key) && !select && (!multiline || multiline && disableReturnKey) && !noFormValueItem) {
         e_1.preventDefault();
@@ -3214,23 +3255,23 @@ function PFormTextField(t0) {
       }
       (_onKeyDownRef$current = onKeyDownRef.current) === null || _onKeyDownRef$current === void 0 || _onKeyDownRef$current.call(onKeyDownRef, e_1);
     };
-    $[146] = disableReturnKey;
-    $[147] = multiline;
-    $[148] = name;
-    $[149] = noFormValueItem;
-    $[150] = onKeyDownRef;
-    $[151] = onRequestSearchSubmit;
-    $[152] = onRequestSubmit;
-    $[153] = select;
-    $[154] = submitWhenReturnKey;
-    $[155] = valueRef;
-    $[156] = t35;
-  } else {
-    t35 = $[156];
-  }
-  var handleKeyDown = t35;
+    $[158] = disableReturnKey;
+    $[159] = multiline;
+    $[160] = name;
+    $[161] = noFormValueItem;
+    $[162] = onKeyDownRef;
+    $[163] = onRequestSearchSubmit;
+    $[164] = onRequestSubmit;
+    $[165] = select;
+    $[166] = submitWhenReturnKey;
+    $[167] = valueRef;
+    $[168] = t39;
+  } else {
+    t39 = $[168];
+  }
+  var handleKeyDown = t39;
   var newStyle;
-  if ($[157] !== hidden || $[158] !== initStyle || $[159] !== width) {
+  if ($[169] !== hidden || $[170] !== initStyle || $[171] !== width) {
     newStyle = _objectSpread2({}, initStyle);
     if (width != null) {
       newStyle.width = width;
@@ -3238,18 +3279,18 @@ function PFormTextField(t0) {
     if (hidden) {
       newStyle.display = "none";
     }
-    $[157] = hidden;
-    $[158] = initStyle;
-    $[159] = width;
-    $[160] = newStyle;
+    $[169] = hidden;
+    $[170] = initStyle;
+    $[171] = width;
+    $[172] = newStyle;
   } else {
-    newStyle = $[160];
+    newStyle = $[172];
   }
   var style = newStyle;
-  var t36;
-  if ($[161] !== clear || $[162] !== disabled || $[163] !== endAdornment || $[164] !== focus || $[165] !== icon || $[166] !== ((_initSlotProps = initSlotProps) === null || _initSlotProps === void 0 ? void 0 : _initSlotProps.input) || $[167] !== name || $[168] !== noFormValueItem || $[169] !== onRequestSearchSubmit || $[170] !== onValueChangeByUser || $[171] !== readOnly || $[172] !== showClear || $[173] !== startAdornment || $[174] !== updateValue) {
+  var t40;
+  if ($[173] !== clear || $[174] !== disabled || $[175] !== endAdornment || $[176] !== focus || $[177] !== icon || $[178] !== ((_initSlotProps = initSlotProps) === null || _initSlotProps === void 0 ? void 0 : _initSlotProps.input) || $[179] !== name || $[180] !== noFormValueItem || $[181] !== onRequestSearchSubmit || $[182] !== onValueChangeByUser || $[183] !== readOnly || $[184] !== showClear || $[185] !== startAdornment || $[186] !== updateValue) {
     var _initSlotProps3;
-    t36 = function t36() {
+    t40 = function t40() {
       var _initSlotProps2;
       var newProps = _objectSpread2({}, (_initSlotProps2 = initSlotProps) === null || _initSlotProps2 === void 0 ? void 0 : _initSlotProps2.input);
       if (startAdornment || icon || newProps.startAdornment) {
@@ -3287,36 +3328,36 @@ function PFormTextField(t0) {
       }
       return newProps;
     };
-    $[161] = clear;
-    $[162] = disabled;
-    $[163] = endAdornment;
-    $[164] = focus;
-    $[165] = icon;
-    $[166] = (_initSlotProps3 = initSlotProps) === null || _initSlotProps3 === void 0 ? void 0 : _initSlotProps3.input;
-    $[167] = name;
-    $[168] = noFormValueItem;
-    $[169] = onRequestSearchSubmit;
-    $[170] = onValueChangeByUser;
-    $[171] = readOnly;
-    $[172] = showClear;
-    $[173] = startAdornment;
-    $[174] = updateValue;
-    $[175] = t36;
+    $[173] = clear;
+    $[174] = disabled;
+    $[175] = endAdornment;
+    $[176] = focus;
+    $[177] = icon;
+    $[178] = (_initSlotProps3 = initSlotProps) === null || _initSlotProps3 === void 0 ? void 0 : _initSlotProps3.input;
+    $[179] = name;
+    $[180] = noFormValueItem;
+    $[181] = onRequestSearchSubmit;
+    $[182] = onValueChangeByUser;
+    $[183] = readOnly;
+    $[184] = showClear;
+    $[185] = startAdornment;
+    $[186] = updateValue;
+    $[187] = t40;
   } else {
-    t36 = $[175];
+    t40 = $[187];
   }
   (_initSlotProps4 = initSlotProps) === null || _initSlotProps4 === void 0 || _initSlotProps4.input;
-  var t37;
-  if ($[176] !== t36) {
-    t37 = t36();
-    $[176] = t36;
-    $[177] = t37;
+  var t41;
+  if ($[188] !== t40) {
+    t41 = t40();
+    $[188] = t40;
+    $[189] = t41;
   } else {
-    t37 = $[177];
+    t41 = $[189];
   }
-  var inputSlotProps = t37;
+  var inputSlotProps = t41;
   var newSlotProps;
-  if ($[178] !== initSlotProps || $[179] !== inputSlotProps || $[180] !== labelShrink || $[181] !== maxLength || $[182] !== placeholder || $[183] !== readOnly || $[184] !== tabIndex) {
+  if ($[190] !== initSlotProps || $[191] !== inputSlotProps || $[192] !== labelShrink || $[193] !== maxLength || $[194] !== placeholder || $[195] !== readOnly || $[196] !== tabIndex) {
     var _initSlotProps5, _initSlotProps6, _initSlotProps7, _initSlotProps8, _initHtmlInputProps$c;
     newSlotProps = _objectSpread2(_objectSpread2({}, initSlotProps), {}, {
       formHelperText: {
@@ -3340,22 +3381,22 @@ function PFormTextField(t0) {
         newSlotProps.htmlInput.tabIndex = tabIndex;
       }
     }
-    $[178] = initSlotProps;
-    $[179] = inputSlotProps;
-    $[180] = labelShrink;
-    $[181] = maxLength;
-    $[182] = placeholder;
-    $[183] = readOnly;
-    $[184] = tabIndex;
-    $[185] = newSlotProps;
+    $[190] = initSlotProps;
+    $[191] = inputSlotProps;
+    $[192] = labelShrink;
+    $[193] = maxLength;
+    $[194] = placeholder;
+    $[195] = readOnly;
+    $[196] = tabIndex;
+    $[197] = newSlotProps;
   } else {
-    newSlotProps = $[185];
+    newSlotProps = $[197];
   }
   var slotProps = newSlotProps;
-  var t38 = focused || undefined;
-  var t39;
-  if ($[186] !== initLabel || $[187] !== labelIcon) {
-    t39 = labelIcon ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PIcon, {
+  var t42 = focused || undefined;
+  var t43;
+  if ($[198] !== initLabel || $[199] !== labelIcon) {
+    t43 = labelIcon ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PIcon, {
       style: {
         verticalAlign: "middle",
         marginRight: 4
@@ -3366,42 +3407,42 @@ function PFormTextField(t0) {
         verticalAlign: "middle"
       }
     }, initLabel)) : initLabel;
-    $[186] = initLabel;
-    $[187] = labelIcon;
-    $[188] = t39;
+    $[198] = initLabel;
+    $[199] = labelIcon;
+    $[200] = t43;
   } else {
-    t39 = $[188];
+    t43 = $[200];
   }
-  var t40 = "variant-".concat(variant);
-  var t41;
-  if ($[189] !== className || $[190] !== t40) {
-    t41 = classNames(className, "PFormValueItem", "PFormTextField", t40);
-    $[189] = className;
-    $[190] = t40;
-    $[191] = t41;
+  var t44 = "variant-".concat(variant);
+  var t45;
+  if ($[201] !== className || $[202] !== t44) {
+    t45 = classNames(className, "PFormValueItem", "PFormTextField", t44);
+    $[201] = className;
+    $[202] = t44;
+    $[203] = t45;
   } else {
-    t41 = $[191];
+    t45 = $[203];
   }
-  var t42 = initInputRef ? initInputRef : inputRef;
-  var t43 = !width && fullWidth;
-  var t44 = formColWithHelperText ? undefined : error ? errorHelperText : helperText;
-  var t45;
-  if ($[192] !== color || $[193] !== disabled || $[194] !== error || $[195] !== handleBlur || $[196] !== handleChange || $[197] !== handleKeyDown || $[198] !== multiline || $[199] !== name || $[200] !== placeholder || $[201] !== props || $[202] !== required || $[203] !== select || $[204] !== size || $[205] !== slotProps || $[206] !== style || $[207] !== t38 || $[208] !== t39 || $[209] !== t41 || $[210] !== t42 || $[211] !== t43 || $[212] !== t44 || $[213] !== value_0 || $[214] !== variant) {
-    t45 = /*#__PURE__*/React.createElement(TextField, _extends({}, props, {
+  var t46 = initInputRef ? initInputRef : inputRef;
+  var t47 = !width && fullWidth;
+  var t48 = formColWithHelperText ? undefined : error ? errorHelperText : helperText;
+  var t49;
+  if ($[204] !== color || $[205] !== disabled || $[206] !== error || $[207] !== handleBlur || $[208] !== handleChange || $[209] !== handleKeyDown || $[210] !== multiline || $[211] !== name || $[212] !== placeholder || $[213] !== props || $[214] !== required || $[215] !== select || $[216] !== size || $[217] !== slotProps || $[218] !== style || $[219] !== t42 || $[220] !== t43 || $[221] !== t45 || $[222] !== t46 || $[223] !== t47 || $[224] !== t48 || $[225] !== value_0 || $[226] !== variant) {
+    t49 = /*#__PURE__*/React.createElement(TextField, _extends({}, props, {
       variant: variant,
       size: size,
       color: color,
-      focused: t38,
+      focused: t42,
       name: name,
-      label: t39,
+      label: t43,
       placeholder: placeholder,
-      className: t41,
-      inputRef: t42,
+      className: t45,
+      inputRef: t46,
       value: value_0,
       required: required,
-      fullWidth: t43,
+      fullWidth: t47,
       error: error,
-      helperText: t44,
+      helperText: t48,
       slotProps: slotProps,
       disabled: disabled,
       style: style,
@@ -3411,34 +3452,34 @@ function PFormTextField(t0) {
       onBlur: handleBlur,
       onKeyDown: handleKeyDown
     }));
-    $[192] = color;
-    $[193] = disabled;
-    $[194] = error;
-    $[195] = handleBlur;
-    $[196] = handleChange;
-    $[197] = handleKeyDown;
-    $[198] = multiline;
-    $[199] = name;
-    $[200] = placeholder;
-    $[201] = props;
-    $[202] = required;
-    $[203] = select;
-    $[204] = size;
-    $[205] = slotProps;
-    $[206] = style;
-    $[207] = t38;
-    $[208] = t39;
-    $[209] = t41;
-    $[210] = t42;
-    $[211] = t43;
-    $[212] = t44;
-    $[213] = value_0;
-    $[214] = variant;
-    $[215] = t45;
-  } else {
-    t45 = $[215];
-  }
-  return t45;
+    $[204] = color;
+    $[205] = disabled;
+    $[206] = error;
+    $[207] = handleBlur;
+    $[208] = handleChange;
+    $[209] = handleKeyDown;
+    $[210] = multiline;
+    $[211] = name;
+    $[212] = placeholder;
+    $[213] = props;
+    $[214] = required;
+    $[215] = select;
+    $[216] = size;
+    $[217] = slotProps;
+    $[218] = style;
+    $[219] = t42;
+    $[220] = t43;
+    $[221] = t45;
+    $[222] = t46;
+    $[223] = t47;
+    $[224] = t48;
+    $[225] = value_0;
+    $[226] = variant;
+    $[227] = t49;
+  } else {
+    t49 = $[227];
+  }
+  return t49;
 }
 function _temp$w() {
   return "default";
@@ -6233,7 +6274,7 @@ var PFormPersonalNo = function PFormPersonalNo(t0) {
 function _temp$r(v) {
   return Number(v);
 }insertStyle(".PFormItemBase .PFormItemBase-InputLabel{overflow:visible;padding-left:5px}.PFormItemBase .PFormItemBase-InputLabel.MuiInputLabel-sizeSmall{transform:translate(0, -1.5px) scale(0.7)}.PFormItemBase.variant-standard .PFormItemBase-Control-wrap{margin-top:16px}");var PFormItemBase = function PFormItemBase(t0) {
-  var $ = c(51);
+  var $ = c(54);
   var ref = t0.ref,
     initVariant = t0.variant,
     initSize = t0.size,
@@ -6251,6 +6292,8 @@ function _temp$r(v) {
     helperText = t0.helperText,
     helperTextProps = t0.helperTextProps,
     error = t0.error,
+    errorHelperText = t0.errorHelperText,
+    errorHelperTextProps = t0.errorHelperTextProps,
     hideLabel = t0.hideLabel,
     hidden = t0.hidden,
     autoSize = t0.autoSize,
@@ -6474,19 +6517,24 @@ function _temp$r(v) {
     t13 = $[32];
   }
   var t14;
-  if ($[33] !== formColWithHelperText || $[34] !== helperText || $[35] !== helperTextProps) {
-    t14 = !formColWithHelperText && helperText && /*#__PURE__*/React.createElement(FormHelperText, _extends({
+  if ($[33] !== error || $[34] !== errorHelperText || $[35] !== errorHelperTextProps || $[36] !== formColWithHelperText || $[37] !== helperText || $[38] !== helperTextProps) {
+    t14 = !formColWithHelperText && (helperText || errorHelperText) && /*#__PURE__*/React.createElement(React.Fragment, null, error && errorHelperText ? /*#__PURE__*/React.createElement(FormHelperText, _extends({
       component: "div"
-    }, helperTextProps), helperText);
-    $[33] = formColWithHelperText;
-    $[34] = helperText;
-    $[35] = helperTextProps;
-    $[36] = t14;
+    }, errorHelperTextProps), errorHelperText) : /*#__PURE__*/React.createElement(FormHelperText, _extends({
+      component: "div"
+    }, helperTextProps), helperText));
+    $[33] = error;
+    $[34] = errorHelperText;
+    $[35] = errorHelperTextProps;
+    $[36] = formColWithHelperText;
+    $[37] = helperText;
+    $[38] = helperTextProps;
+    $[39] = t14;
   } else {
-    t14 = $[36];
+    t14 = $[39];
   }
   var t15;
-  if ($[37] !== color || $[38] !== error || $[39] !== focused || $[40] !== ref || $[41] !== style || $[42] !== sx || $[43] !== t13 || $[44] !== t14 || $[45] !== t8 || $[46] !== t9) {
+  if ($[40] !== color || $[41] !== error || $[42] !== focused || $[43] !== ref || $[44] !== style || $[45] !== sx || $[46] !== t13 || $[47] !== t14 || $[48] !== t8 || $[49] !== t9) {
     t15 = /*#__PURE__*/React.createElement(FormControl, {
       ref: ref,
       variant: "standard",
@@ -6497,35 +6545,35 @@ function _temp$r(v) {
       focused: focused,
       sx: sx
     }, t9, t13, t14);
-    $[37] = color;
-    $[38] = error;
-    $[39] = focused;
-    $[40] = ref;
-    $[41] = style;
-    $[42] = sx;
-    $[43] = t13;
-    $[44] = t14;
-    $[45] = t8;
-    $[46] = t9;
-    $[47] = t15;
+    $[40] = color;
+    $[41] = error;
+    $[42] = focused;
+    $[43] = ref;
+    $[44] = style;
+    $[45] = sx;
+    $[46] = t13;
+    $[47] = t14;
+    $[48] = t8;
+    $[49] = t9;
+    $[50] = t15;
   } else {
-    t15 = $[47];
+    t15 = $[50];
   }
   var t16;
-  if ($[48] !== t15 || $[49] !== wrapStyle) {
+  if ($[51] !== t15 || $[52] !== wrapStyle) {
     t16 = /*#__PURE__*/React.createElement("div", {
       style: wrapStyle
     }, t15);
-    $[48] = t15;
-    $[49] = wrapStyle;
-    $[50] = t16;
+    $[51] = t15;
+    $[52] = wrapStyle;
+    $[53] = t16;
   } else {
-    t16 = $[50];
+    t16 = $[53];
   }
   return t16;
 };var _excluded$h = ["ref", "variant", "size", "color", "focused", "fullWidth", "name", "labelIcon", "label", "checked", "inputRef", "action", "readOnly", "disabled", "hidden", "text", "error", "helperText", "value", "data", "uncheckedValue", "exceptValue", "onChange", "onValidate", "className", "style", "sx"];
 var PFormCheckbox = function PFormCheckbox(t0) {
-  var $ = c(173);
+  var $ = c(175);
   var className;
   var exceptValue;
   var helperText;
@@ -7150,81 +7198,91 @@ var PFormCheckbox = function PFormCheckbox(t0) {
   } else {
     t40 = $[125];
   }
-  var t41 = error ? errorHelperText : helperText;
-  var t42;
+  var t41;
   if ($[126] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t41 = {
+      style: {
+        marginLeft: 2
+      }
+    };
+    $[126] = t41;
+  } else {
+    t41 = $[126];
+  }
+  var t42;
+  if ($[127] === Symbol["for"]("react.memo_cache_sentinel")) {
     t42 = {
       style: {
         marginLeft: 2
       }
     };
-    $[126] = t42;
+    $[127] = t42;
   } else {
-    t42 = $[126];
+    t42 = $[127];
   }
   var t43 = fullWidth ? "100%" : width || 100;
   var t44;
-  if ($[127] !== initStyle || $[128] !== t43) {
+  if ($[128] !== initStyle || $[129] !== t43) {
     t44 = _objectSpread2({
       width: t43,
       paddingLeft: 3
     }, initStyle);
-    $[127] = initStyle;
-    $[128] = t43;
-    $[129] = t44;
+    $[128] = initStyle;
+    $[129] = t43;
+    $[130] = t44;
   } else {
-    t44 = $[129];
+    t44 = $[130];
   }
   var t45 = height || (size === "small" ? 35 : 39);
   var t46;
-  if ($[130] !== labelRef) {
+  if ($[131] !== labelRef) {
     t46 = function t46(ref_0) {
       labelRef.current = ref_0;
     };
-    $[130] = labelRef;
-    $[131] = t46;
+    $[131] = labelRef;
+    $[132] = t46;
   } else {
-    t46 = $[131];
+    t46 = $[132];
   }
   var t47 = initInputRef ? initInputRef : inputRef;
   var t48;
-  if ($[132] !== t47) {
+  if ($[133] !== t47) {
     t48 = {
       input: {
         ref: t47
       }
     };
-    $[132] = t47;
-    $[133] = t48;
+    $[133] = t47;
+    $[134] = t48;
   } else {
-    t48 = $[133];
+    t48 = $[134];
   }
   var t49 = initAction ? initAction : actionRef;
   var t50 = error ? "error" : undefined;
   var t51;
-  if ($[134] !== t50) {
+  if ($[135] !== t50) {
     t51 = /*#__PURE__*/React.createElement(CheckBox, {
       color: t50
     });
-    $[134] = t50;
-    $[135] = t51;
+    $[135] = t50;
+    $[136] = t51;
   } else {
-    t51 = $[135];
+    t51 = $[136];
   }
   var t52 = error ? "error" : undefined;
   var t53;
-  if ($[136] !== t52) {
+  if ($[137] !== t52) {
     t53 = /*#__PURE__*/React.createElement(CheckBoxOutlineBlank, {
       color: t52
     });
-    $[136] = t52;
-    $[137] = t53;
+    $[137] = t52;
+    $[138] = t53;
   } else {
-    t53 = $[137];
+    t53 = $[138];
   }
   var t54 = disabled || readOnly;
   var t55;
-  if ($[138] !== checked_0 || $[139] !== color || $[140] !== handleChange || $[141] !== name || $[142] !== props || $[143] !== size || $[144] !== t48 || $[145] !== t49 || $[146] !== t51 || $[147] !== t53 || $[148] !== t54) {
+  if ($[139] !== checked_0 || $[140] !== color || $[141] !== handleChange || $[142] !== name || $[143] !== props || $[144] !== size || $[145] !== t48 || $[146] !== t49 || $[147] !== t51 || $[148] !== t53 || $[149] !== t54) {
     t55 = /*#__PURE__*/React.createElement(Checkbox, _extends({
       name: name,
       color: color,
@@ -7237,50 +7295,50 @@ var PFormCheckbox = function PFormCheckbox(t0) {
       onChange: handleChange,
       disabled: t54
     }, props));
-    $[138] = checked_0;
-    $[139] = color;
-    $[140] = handleChange;
-    $[141] = name;
-    $[142] = props;
-    $[143] = size;
-    $[144] = t48;
-    $[145] = t49;
-    $[146] = t51;
-    $[147] = t53;
-    $[148] = t54;
-    $[149] = t55;
-  } else {
-    t55 = $[149];
+    $[139] = checked_0;
+    $[140] = color;
+    $[141] = handleChange;
+    $[142] = name;
+    $[143] = props;
+    $[144] = size;
+    $[145] = t48;
+    $[146] = t49;
+    $[147] = t51;
+    $[148] = t53;
+    $[149] = t54;
+    $[150] = t55;
+  } else {
+    t55 = $[150];
   }
   var t56 = error ? "error" : readOnly || disabled ? theme.palette.text.disabled : undefined;
   var t57;
-  if ($[150] !== t56 || $[151] !== text) {
+  if ($[151] !== t56 || $[152] !== text) {
     t57 = /*#__PURE__*/React.createElement(Typography, {
       color: t56,
       whiteSpace: "nowrap"
     }, text);
-    $[150] = t56;
-    $[151] = text;
-    $[152] = t57;
+    $[151] = t56;
+    $[152] = text;
+    $[153] = t57;
   } else {
-    t57 = $[152];
+    t57 = $[153];
   }
   var t58;
-  if ($[153] !== t46 || $[154] !== t55 || $[155] !== t57) {
+  if ($[154] !== t46 || $[155] !== t55 || $[156] !== t57) {
     t58 = /*#__PURE__*/React.createElement(FormControlLabel, {
       ref: t46,
       control: t55,
       label: t57
     });
-    $[153] = t46;
-    $[154] = t55;
-    $[155] = t57;
-    $[156] = t58;
+    $[154] = t46;
+    $[155] = t55;
+    $[156] = t57;
+    $[157] = t58;
   } else {
-    t58 = $[156];
+    t58 = $[157];
   }
   var t59;
-  if ($[157] !== color || $[158] !== error || $[159] !== focused || $[160] !== fullWidth || $[161] !== hidden || $[162] !== label || $[163] !== labelIcon || $[164] !== size || $[165] !== sx || $[166] !== t40 || $[167] !== t41 || $[168] !== t44 || $[169] !== t45 || $[170] !== t58 || $[171] !== variant) {
+  if ($[158] !== color || $[159] !== error || $[160] !== errorHelperText || $[161] !== focused || $[162] !== fullWidth || $[163] !== helperText || $[164] !== hidden || $[165] !== label || $[166] !== labelIcon || $[167] !== size || $[168] !== sx || $[169] !== t40 || $[170] !== t44 || $[171] !== t45 || $[172] !== t58 || $[173] !== variant) {
     t59 = /*#__PURE__*/React.createElement(PFormItemBase, {
       variant: variant,
       size: size,
@@ -7291,8 +7349,10 @@ var PFormCheckbox = function PFormCheckbox(t0) {
       label: label,
       error: error,
       fullWidth: fullWidth,
-      helperText: t41,
-      helperTextProps: t42,
+      helperText: helperText,
+      helperTextProps: t41,
+      errorHelperText: errorHelperText,
+      errorHelperTextProps: t42,
       style: t44,
       sx: sx,
       hidden: hidden,
@@ -7301,33 +7361,34 @@ var PFormCheckbox = function PFormCheckbox(t0) {
       controlVerticalCenter: true,
       control: t58
     });
-    $[157] = color;
-    $[158] = error;
-    $[159] = focused;
-    $[160] = fullWidth;
-    $[161] = hidden;
-    $[162] = label;
-    $[163] = labelIcon;
-    $[164] = size;
-    $[165] = sx;
-    $[166] = t40;
-    $[167] = t41;
-    $[168] = t44;
-    $[169] = t45;
-    $[170] = t58;
-    $[171] = variant;
-    $[172] = t59;
-  } else {
-    t59 = $[172];
+    $[158] = color;
+    $[159] = error;
+    $[160] = errorHelperText;
+    $[161] = focused;
+    $[162] = fullWidth;
+    $[163] = helperText;
+    $[164] = hidden;
+    $[165] = label;
+    $[166] = labelIcon;
+    $[167] = size;
+    $[168] = sx;
+    $[169] = t40;
+    $[170] = t44;
+    $[171] = t45;
+    $[172] = t58;
+    $[173] = variant;
+    $[174] = t59;
+  } else {
+    t59 = $[174];
   }
   return t59;
 };
 function _temp$q() {
   return "PFormCheckbox";
-}var _excluded$g = ["ref", "variant", "size", "color", "focused", "fullWidth", "hidden", "startAdornment", "endAdornment", "name", "width", "labelIcon", "label", "inline", "loading", "nowrap", "items", "value", "data", "error", "helperText", "disabled", "readOnly", "required", "exceptValue", "onLoadItems", "onChange", "onValue", "onValidate", "className", "style", "sx"];
+}insertStyle(".PFormRadioGroup .PFormRadioGroup-Item.PFormRadioGroup-Item--error .MuiTypography-root{color:var(--error-color) !important}");var _excluded$g = ["ref", "variant", "size", "color", "focused", "fullWidth", "hidden", "startAdornment", "endAdornment", "name", "width", "labelIcon", "label", "inline", "loading", "nowrap", "items", "value", "data", "error", "helperText", "disabled", "readOnly", "required", "exceptValue", "onLoadItems", "onChange", "onValue", "onValidate", "className", "style", "sx"];
 var PADDING_LEFT = 3;
 function PFormRadioGroup(t0) {
-  var $ = c(268);
+  var $ = c(272);
   var className;
   var endAdornment;
   var exceptValue;
@@ -7467,6 +7528,7 @@ function PFormRadioGroup(t0) {
   }
   var inline = t1 === undefined ? true : t1;
   var id = useId();
+  var theme = useTheme();
   var _useFormState = useFormState(),
     formVariant = _useFormState.variant,
     formSize = _useFormState.size,
@@ -7483,7 +7545,6 @@ function PFormRadioGroup(t0) {
   var size = initSize !== null && initSize !== void 0 ? initSize : formSize;
   var color = initColor !== null && initColor !== void 0 ? initColor : formColor;
   var focused = initFocused !== null && initFocused !== void 0 ? initFocused : formFocused;
-  var theme = useTheme();
   var initValueRef = useAutoUpdateRef(initValue);
   var baseRef = useRef(null);
   var firstInputRef = useRef(null);
@@ -8275,6 +8336,7 @@ function PFormRadioGroup(t0) {
         itemDisabled_0 = t57.disabled;
       return /*#__PURE__*/React.createElement(FormControlLabel, {
         key: idx_0,
+        className: classNames("PFormRadioGroup-Item", error && "PFormRadioGroup-Item--error"),
         control: /*#__PURE__*/React.createElement(Radio, {
           icon: /*#__PURE__*/React.createElement(RadioButtonUnchecked, {
             color: error ? "error" : undefined
@@ -8292,10 +8354,11 @@ function PFormRadioGroup(t0) {
         }),
         label: label_1,
         style: {
-          color: error ? theme.palette.error.main : "",
           whiteSpace: "nowrap",
           marginTop: -5,
-          marginBottom: -5
+          marginBottom: -5,
+          color: error ? theme.palette.error.main : undefined,
+          opacity: error && (disabled || readOnly || itemDisabled_0) ? 0.5 : 1
         },
         value: value_4,
         disabled: disabled || readOnly || itemDisabled_0
@@ -8508,49 +8571,62 @@ function PFormRadioGroup(t0) {
   } else {
     t73 = $[240];
   }
-  var t74 = error ? errorHelperText : helperText;
-  var t75 = isMultiline && notEmpty(label) ? 20 : 0;
-  var t76;
-  if ($[241] !== t75) {
-    t76 = {
+  var t74 = isMultiline && notEmpty(label) ? 20 : 0;
+  var t75;
+  if ($[241] !== t74) {
+    t75 = {
       style: {
         marginLeft: 2,
-        marginTop: t75
+        marginTop: t74
       }
     };
-    $[241] = t75;
-    $[242] = t76;
+    $[241] = t74;
+    $[242] = t75;
   } else {
-    t76 = $[242];
+    t75 = $[242];
   }
+  var t76 = isMultiline && notEmpty(label) ? 20 : 0;
   var t77;
-  if ($[243] !== initStyle || $[244] !== width) {
-    t77 = _objectSpread2({
+  if ($[243] !== t76) {
+    t77 = {
+      style: {
+        marginLeft: 2,
+        marginTop: t76
+      }
+    };
+    $[243] = t76;
+    $[244] = t77;
+  } else {
+    t77 = $[244];
+  }
+  var t78;
+  if ($[245] !== initStyle || $[246] !== width) {
+    t78 = _objectSpread2({
       width: width,
       paddingLeft: PADDING_LEFT
     }, initStyle);
-    $[243] = initStyle;
-    $[244] = width;
-    $[245] = t77;
+    $[245] = initStyle;
+    $[246] = width;
+    $[247] = t78;
   } else {
-    t77 = $[245];
+    t78 = $[247];
   }
-  var t78 = realHeight ? realHeight : singleHeight;
-  var t79 = isMultiline && size === "medium" ? 4 : undefined;
-  var t80;
-  if ($[246] !== t79) {
-    t80 = {
-      paddingTop: t79
+  var t79 = realHeight ? realHeight : singleHeight;
+  var t80 = isMultiline && size === "medium" ? 4 : undefined;
+  var t81;
+  if ($[248] !== t80) {
+    t81 = {
+      paddingTop: t80
     };
-    $[246] = t79;
-    $[247] = t80;
+    $[248] = t80;
+    $[249] = t81;
   } else {
-    t80 = $[247];
+    t81 = $[249];
   }
-  var t81 = !isMultiline;
-  var t82;
-  if ($[248] !== color || $[249] !== control || $[250] !== error || $[251] !== focused || $[252] !== fullWidth || $[253] !== hidden || $[254] !== label || $[255] !== labelIcon || $[256] !== required || $[257] !== size || $[258] !== sx || $[259] !== t73 || $[260] !== t74 || $[261] !== t76 || $[262] !== t77 || $[263] !== t78 || $[264] !== t80 || $[265] !== t81 || $[266] !== variant) {
-    t82 = /*#__PURE__*/React.createElement(PFormItemBase, {
+  var t82 = !isMultiline;
+  var t83;
+  if ($[250] !== color || $[251] !== control || $[252] !== error || $[253] !== errorHelperText || $[254] !== focused || $[255] !== fullWidth || $[256] !== helperText || $[257] !== hidden || $[258] !== label || $[259] !== labelIcon || $[260] !== required || $[261] !== size || $[262] !== sx || $[263] !== t73 || $[264] !== t75 || $[265] !== t77 || $[266] !== t78 || $[267] !== t79 || $[268] !== t81 || $[269] !== t82 || $[270] !== variant) {
+    t83 = /*#__PURE__*/React.createElement(PFormItemBase, {
       focused: focused,
       ref: baseRef,
       className: t73,
@@ -8562,46 +8638,50 @@ function PFormRadioGroup(t0) {
       fullWidth: fullWidth,
       required: required,
       error: error,
-      helperText: t74,
-      helperTextProps: t76,
-      style: t77,
+      helperText: helperText,
+      helperTextProps: t75,
+      errorHelperText: errorHelperText,
+      errorHelperTextProps: t77,
+      style: t78,
       sx: sx,
       hidden: hidden,
       autoSize: true,
-      controlHeight: t78,
-      controlContainerStyle: t80,
-      controlVerticalCenter: t81,
+      controlHeight: t79,
+      controlContainerStyle: t81,
+      controlVerticalCenter: t82,
       control: control
     });
-    $[248] = color;
-    $[249] = control;
-    $[250] = error;
-    $[251] = focused;
-    $[252] = fullWidth;
-    $[253] = hidden;
-    $[254] = label;
-    $[255] = labelIcon;
-    $[256] = required;
-    $[257] = size;
-    $[258] = sx;
-    $[259] = t73;
-    $[260] = t74;
-    $[261] = t76;
-    $[262] = t77;
-    $[263] = t78;
-    $[264] = t80;
-    $[265] = t81;
-    $[266] = variant;
-    $[267] = t82;
-  } else {
-    t82 = $[267];
-  }
-  return t82;
+    $[250] = color;
+    $[251] = control;
+    $[252] = error;
+    $[253] = errorHelperText;
+    $[254] = focused;
+    $[255] = fullWidth;
+    $[256] = helperText;
+    $[257] = hidden;
+    $[258] = label;
+    $[259] = labelIcon;
+    $[260] = required;
+    $[261] = size;
+    $[262] = sx;
+    $[263] = t73;
+    $[264] = t75;
+    $[265] = t77;
+    $[266] = t78;
+    $[267] = t79;
+    $[268] = t81;
+    $[269] = t82;
+    $[270] = variant;
+    $[271] = t83;
+  } else {
+    t83 = $[271];
+  }
+  return t83;
 }
 function _temp$p() {
   return "PFormRadioGroup";
 }insertStyle(".PFormToggleButtonGroup.loading .PFormItemBase-Control-wrap .PFormItemBase-Control{align-items:center !important}.PFormToggleButtonGroup .ToggleButton{display:inline-flex;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-items:center}.PFormToggleButtonGroup .ToggleButton .__label__{height:0;line-height:0 !important;overflow:visible !important}.PFormToggleButtonGroup.type-checkbox .ToggleButton,.PFormToggleButtonGroup.type-radio .ToggleButton{padding-left:3px;padding-right:5px;border:0 !important;margin-left:0 !important;justify-content:flex-start;display:flex;background-color:rgba(0,0,0,0) !important}.PFormToggleButtonGroup.type-checkbox .ToggleButton:not(:last-child),.PFormToggleButtonGroup.type-radio .ToggleButton:not(:last-child){margin-right:5px}.PFormToggleButtonGroup.type-checkbox .ToggleButton .__checkbox-checked__,.PFormToggleButtonGroup.type-checkbox .ToggleButton .__checkbox-unchecked__,.PFormToggleButtonGroup.type-radio .ToggleButton .__checkbox-checked__,.PFormToggleButtonGroup.type-radio .ToggleButton .__checkbox-unchecked__{margin-right:3px}.PFormToggleButtonGroup.type-checkbox .ToggleButton .__checkbox-checked__,.PFormToggleButtonGroup.type-radio .ToggleButton .__checkbox-checked__{display:none}.PFormToggleButtonGroup.type-checkbox .ToggleButton.Mui-selected.Mui-disabled,.PFormToggleButtonGroup.type-radio .ToggleButton.Mui-selected.Mui-disabled{opacity:.5}.PFormToggleButtonGroup.type-checkbox .ToggleButton.Mui-selected .__checkbox-checked__,.PFormToggleButtonGroup.type-radio .ToggleButton.Mui-selected .__checkbox-checked__{display:block}.PFormToggleButtonGroup.type-checkbox .ToggleButton.Mui-selected .__checkbox-unchecked__,.PFormToggleButtonGroup.type-radio .ToggleButton.Mui-selected .__checkbox-unchecked__{display:none}.PFormToggleButtonGroup:not(.with-label).variant-outlined .PFormItemBase-Control-wrap{margin-top:15px;margin-bottom:-15px}.PFormToggleButtonGroup:not(.with-label).variant-outlined .PFormItemBase-Control-wrap .ToggleButton{height:37px}.PFormToggleButtonGroup:not(.with-label).variant-filled .PFormItemBase-Control-wrap{margin-top:15px;margin-bottom:-15px}.PFormToggleButtonGroup:not(.with-label).variant-filled .PFormItemBase-Control-wrap .ToggleButton{height:37px}.PFormToggleButtonGroup:not(.with-label).variant-standard .PFormItemBase-Control-wrap{margin-top:0px;margin-bottom:0px}.PFormToggleButtonGroup:not(.with-label).variant-standard .PFormItemBase-Control-wrap .ToggleButton{height:28px}.PFormToggleButtonGroup:not(.with-label).size-small.variant-outlined .PFormItemBase-Control-wrap{margin-top:13px;margin-bottom:-13px}.PFormToggleButtonGroup:not(.with-label).size-small.variant-outlined .PFormItemBase-Control-wrap .ToggleButton{height:24px}.PFormToggleButtonGroup:not(.with-label).size-small.variant-filled .PFormItemBase-Control-wrap{margin-top:13px;margin-bottom:-13px}.PFormToggleButtonGroup:not(.with-label).size-small.variant-filled .PFormItemBase-Control-wrap .ToggleButton{height:31px}.PFormToggleButtonGroup:not(.with-label).size-small.variant-standard .PFormItemBase-Control-wrap{margin-top:0px;margin-bottom:0px}.PFormToggleButtonGroup:not(.with-label).size-small.variant-standard .PFormItemBase-Control-wrap .ToggleButton{height:26px}.PFormToggleButtonGroup.with-label.variant-outlined .PFormItemBase-Control-wrap{margin-top:0;margin-bottom:0}.PFormToggleButtonGroup.with-label.variant-outlined .PFormItemBase-Control-wrap .ToggleButton{height:37px}.PFormToggleButtonGroup.with-label.variant-filled .PFormItemBase-Control-wrap{margin-top:0;margin-bottom:0}.PFormToggleButtonGroup.with-label.variant-filled .PFormItemBase-Control-wrap .ToggleButton{height:37px}.PFormToggleButtonGroup.with-label.variant-standard .PFormItemBase-Control-wrap{margin-top:0;margin-bottom:0}.PFormToggleButtonGroup.with-label.variant-standard .PFormItemBase-Control-wrap .ToggleButton{height:28px}.PFormToggleButtonGroup.with-label.size-small.variant-outlined .PFormItemBase-Control-wrap{margin-top:0;margin-bottom:0}.PFormToggleButtonGroup.with-label.size-small.variant-outlined .PFormItemBase-Control-wrap .ToggleButton{height:24px}.PFormToggleButtonGroup.with-label.size-small.variant-filled .PFormItemBase-Control-wrap{margin-top:0;margin-bottom:0}.PFormToggleButtonGroup.with-label.size-small.variant-filled .PFormItemBase-Control-wrap .ToggleButton{height:31px}.PFormToggleButtonGroup.with-label.size-small.variant-standard .PFormItemBase-Control-wrap{margin-top:0;margin-bottom:0}.PFormToggleButtonGroup.with-label.size-small.variant-standard .PFormItemBase-Control-wrap .ToggleButton{height:26px}.PForm .PFormCol.with-label .PFormToggleButtonGroup.variant-outlined .PFormItemBase-Control-wrap{margin-top:0;margin-bottom:0}.PForm .PFormCol.with-label .PFormToggleButtonGroup.variant-outlined .PFormItemBase-Control-wrap .ToggleButton{height:37px}.PForm .PFormCol.with-label .PFormToggleButtonGroup.variant-filled .PFormItemBase-Control-wrap{margin-top:0;margin-bottom:0}.PForm .PFormCol.with-label .PFormToggleButtonGroup.variant-filled .PFormItemBase-Control-wrap .ToggleButton{height:37px}.PForm .PFormCol.with-label .PFormToggleButtonGroup.variant-standard .PFormItemBase-Control-wrap{margin-top:0;margin-bottom:0}.PForm .PFormCol.with-label .PFormToggleButtonGroup.variant-standard .PFormItemBase-Control-wrap .ToggleButton{height:28px}.PForm .PFormCol.with-label .PFormToggleButtonGroup.size-small.variant-outlined .PFormItemBase-Control-wrap{margin-top:0;margin-bottom:0}.PForm .PFormCol.with-label .PFormToggleButtonGroup.size-small.variant-outlined .PFormItemBase-Control-wrap .ToggleButton{height:24px}.PForm .PFormCol.with-label .PFormToggleButtonGroup.size-small.variant-filled .PFormItemBase-Control-wrap{margin-top:0;margin-bottom:0}.PForm .PFormCol.with-label .PFormToggleButtonGroup.size-small.variant-filled .PFormItemBase-Control-wrap .ToggleButton{height:31px}.PForm .PFormCol.with-label .PFormToggleButtonGroup.size-small.variant-standard .PFormItemBase-Control-wrap{margin-top:0;margin-bottom:0}.PForm .PFormCol.with-label .PFormToggleButtonGroup.size-small.variant-standard .PFormItemBase-Control-wrap .ToggleButton{height:26px}");function PFormToggleButtonGroup(t0) {
-  var $ = c(235);
+  var $ = c(236);
   var ref = t0.ref,
     initVariant = t0.variant,
     initSize = t0.size,
@@ -9517,30 +9597,18 @@ function _temp$p() {
       finalItemWidth = itemWidth || "auto";
     }
   }
-  var t60 = error ? theme.palette.error.main : "";
-  var t61 = error ? theme.palette.error.main : "";
-  var t62;
-  if ($[160] !== finalItemWidth || $[161] !== t60 || $[162] !== t61) {
-    t62 = {
+  var t60 = error ? theme.palette.error.main : undefined;
+  var t61;
+  if ($[160] !== color || $[161] !== disabled || $[162] !== error || $[163] !== finalItemWidth || $[164] !== initFocused || $[165] !== items || $[166] !== readOnly || $[167] !== refForButtonResizeHeightDetect || $[168] !== size || $[169] !== t60 || $[170] !== theme || $[171] !== type) {
+    var buttonStyle = {
       borderColor: t60,
-      color: t61,
       width: finalItemWidth
     };
-    $[160] = finalItemWidth;
-    $[161] = t60;
-    $[162] = t61;
-    $[163] = t62;
-  } else {
-    t62 = $[163];
-  }
-  var buttonStyle = t62;
-  var t63;
-  if ($[164] !== buttonStyle || $[165] !== color || $[166] !== disabled || $[167] !== initFocused || $[168] !== items || $[169] !== readOnly || $[170] !== refForButtonResizeHeightDetect || $[171] !== size || $[172] !== type) {
-    t63 = items && items.map(function (t64, idx) {
-      var value_3 = t64.value,
-        label_0 = t64.label,
-        itemDisabled = t64.disabled,
-        itemColor = t64.color;
+    t61 = items && items.map(function (t62, idx) {
+      var value_3 = t62.value,
+        label_0 = t62.label,
+        itemDisabled = t62.disabled,
+        itemColor = t62.color;
       return /*#__PURE__*/React.createElement(ToggleButton, {
         ref: function ref(ref_0) {
           if (idx === 0) {
@@ -9553,7 +9621,9 @@ function _temp$p() {
         value: value_3,
         color: itemColor || color,
         disabled: disabled || readOnly || itemDisabled,
-        style: buttonStyle,
+        style: _objectSpread2(_objectSpread2({}, buttonStyle), {}, {
+          color: disabled || readOnly || itemDisabled ? error ? theme.alpha(theme.palette.error.main, 0.5) : undefined : error ? theme.palette.error.main : undefined
+        }),
         onFocus: function onFocus() {
           return setFocused(initFocused || true);
         },
@@ -9572,24 +9642,27 @@ function _temp$p() {
         className: "__label__"
       }, label_0));
     });
-    $[164] = buttonStyle;
-    $[165] = color;
-    $[166] = disabled;
-    $[167] = initFocused;
-    $[168] = items;
-    $[169] = readOnly;
-    $[170] = refForButtonResizeHeightDetect;
-    $[171] = size;
-    $[172] = type;
-    $[173] = t63;
+    $[160] = color;
+    $[161] = disabled;
+    $[162] = error;
+    $[163] = finalItemWidth;
+    $[164] = initFocused;
+    $[165] = items;
+    $[166] = readOnly;
+    $[167] = refForButtonResizeHeightDetect;
+    $[168] = size;
+    $[169] = t60;
+    $[170] = theme;
+    $[171] = type;
+    $[172] = t61;
   } else {
-    t63 = $[173];
+    t61 = $[172];
   }
-  var buttons = t63;
+  var buttons = t61;
   var newRealValue = value_2 == null ? null : value_2;
   if (items && value_2 != null) {
     if (Array.isArray(newRealValue)) {
-      if ($[174] !== items || $[175] !== multiple || $[176] !== newRealValue) {
+      if ($[173] !== items || $[174] !== multiple || $[175] !== newRealValue) {
         var stringRealValues = newRealValue.map(_temp3$1);
         if (multiple) {
           var foundItems = items.filter(function (v_2) {
@@ -9597,42 +9670,42 @@ function _temp$p() {
           });
           newRealValue = foundItems.map(_temp4$1);
         }
-        $[174] = items;
-        $[175] = multiple;
+        $[173] = items;
+        $[174] = multiple;
+        $[175] = newRealValue;
         $[176] = newRealValue;
-        $[177] = newRealValue;
       } else {
-        newRealValue = $[177];
+        newRealValue = $[176];
       }
     } else {
       if (newRealValue != null) {
         var _t3;
-        if ($[178] !== newRealValue) {
+        if ($[177] !== newRealValue) {
           _t3 = newRealValue.toString();
-          $[178] = newRealValue;
-          $[179] = _t3;
+          $[177] = newRealValue;
+          $[178] = _t3;
         } else {
-          _t3 = $[179];
+          _t3 = $[178];
         }
         var stringRealValue = _t3;
         var _t4;
-        if ($[180] !== items || $[181] !== stringRealValue) {
+        if ($[179] !== items || $[180] !== stringRealValue) {
           var _t5;
-          if ($[183] !== stringRealValue) {
+          if ($[182] !== stringRealValue) {
             _t5 = function _t5(v_4) {
               return v_4.value.toString() === stringRealValue;
             };
-            $[183] = stringRealValue;
-            $[184] = _t5;
+            $[182] = stringRealValue;
+            $[183] = _t5;
           } else {
-            _t5 = $[184];
+            _t5 = $[183];
           }
           _t4 = items.find(_t5);
-          $[180] = items;
-          $[181] = stringRealValue;
-          $[182] = _t4;
+          $[179] = items;
+          $[180] = stringRealValue;
+          $[181] = _t4;
         } else {
-          _t4 = $[182];
+          _t4 = $[181];
         }
         var foundItem = _t4;
         if (foundItem) {
@@ -9642,9 +9715,9 @@ function _temp$p() {
     }
   }
   var realValue_1 = newRealValue;
-  var t64;
-  if ($[185] !== buttons || $[186] !== disabled || $[187] !== endAdornment || $[188] !== formColWidth || $[189] !== fullWidth || $[190] !== handleChange || $[191] !== isOnGetItemLoading || $[192] !== items || $[193] !== label || $[194] !== labelId || $[195] !== loading || $[196] !== multiple || $[197] !== readOnly || $[198] !== realValue_1 || $[199] !== refForButtonResizeHeightDetect || $[200] !== refForButtonsResizeHeightDetect || $[201] !== refForLoadingResizeHeightDetect || $[202] !== refForResizeWidthDetect || $[203] !== size || $[204] !== startAdornment || $[205] !== type || $[206] !== width) {
-    t64 = isOnGetItemLoading || loading ? /*#__PURE__*/React.createElement("div", {
+  var t62;
+  if ($[184] !== buttons || $[185] !== disabled || $[186] !== endAdornment || $[187] !== formColWidth || $[188] !== fullWidth || $[189] !== handleChange || $[190] !== isOnGetItemLoading || $[191] !== items || $[192] !== label || $[193] !== labelId || $[194] !== loading || $[195] !== multiple || $[196] !== readOnly || $[197] !== realValue_1 || $[198] !== refForButtonResizeHeightDetect || $[199] !== refForButtonsResizeHeightDetect || $[200] !== refForLoadingResizeHeightDetect || $[201] !== refForResizeWidthDetect || $[202] !== size || $[203] !== startAdornment || $[204] !== type || $[205] !== width) {
+    t62 = isOnGetItemLoading || loading ? /*#__PURE__*/React.createElement("div", {
       style: {
         opacity: 0.54
       },
@@ -9696,73 +9769,84 @@ function _temp$p() {
         visibility: "hidden"
       }
     }) : buttons)), endAdornment && /*#__PURE__*/React.createElement("div", null, endAdornment));
-    $[185] = buttons;
-    $[186] = disabled;
-    $[187] = endAdornment;
-    $[188] = formColWidth;
-    $[189] = fullWidth;
-    $[190] = handleChange;
-    $[191] = isOnGetItemLoading;
-    $[192] = items;
-    $[193] = label;
-    $[194] = labelId;
-    $[195] = loading;
-    $[196] = multiple;
-    $[197] = readOnly;
-    $[198] = realValue_1;
-    $[199] = refForButtonResizeHeightDetect;
-    $[200] = refForButtonsResizeHeightDetect;
-    $[201] = refForLoadingResizeHeightDetect;
-    $[202] = refForResizeWidthDetect;
-    $[203] = size;
-    $[204] = startAdornment;
-    $[205] = type;
-    $[206] = width;
-    $[207] = t64;
-  } else {
-    t64 = $[207];
-  }
-  var control = t64;
+    $[184] = buttons;
+    $[185] = disabled;
+    $[186] = endAdornment;
+    $[187] = formColWidth;
+    $[188] = fullWidth;
+    $[189] = handleChange;
+    $[190] = isOnGetItemLoading;
+    $[191] = items;
+    $[192] = label;
+    $[193] = labelId;
+    $[194] = loading;
+    $[195] = multiple;
+    $[196] = readOnly;
+    $[197] = realValue_1;
+    $[198] = refForButtonResizeHeightDetect;
+    $[199] = refForButtonsResizeHeightDetect;
+    $[200] = refForLoadingResizeHeightDetect;
+    $[201] = refForResizeWidthDetect;
+    $[202] = size;
+    $[203] = startAdornment;
+    $[204] = type;
+    $[205] = width;
+    $[206] = t62;
+  } else {
+    t62 = $[206];
+  }
+  var control = t62;
   var controlHeight = height || 0;
   var isMultiline = controlHeight <= (realHeight !== null && realHeight !== void 0 ? realHeight : 0);
-  var t65 = "variant-".concat(variant);
-  var t66 = "size-".concat(size);
-  var t67 = !!label && "with-label";
-  var t68 = !!fullWidth && "full-width";
-  var t69 = "type-".concat(type);
-  var t70 = (isOnGetItemLoading || loading) && "loading";
+  var t63 = "variant-".concat(variant);
+  var t64 = "size-".concat(size);
+  var t65 = !!label && "with-label";
+  var t66 = !!fullWidth && "full-width";
+  var t67 = "type-".concat(type);
+  var t68 = (isOnGetItemLoading || loading) && "loading";
+  var t69;
+  if ($[207] !== className || $[208] !== t63 || $[209] !== t64 || $[210] !== t65 || $[211] !== t66 || $[212] !== t67 || $[213] !== t68) {
+    t69 = classNames(className, "PFormValueItem", "PFormToggleButtonGroup", t63, t64, t65, t66, t67, t68);
+    $[207] = className;
+    $[208] = t63;
+    $[209] = t64;
+    $[210] = t65;
+    $[211] = t66;
+    $[212] = t67;
+    $[213] = t68;
+    $[214] = t69;
+  } else {
+    t69 = $[214];
+  }
+  var t70 = error ? errorHelperText : helperText;
   var t71;
-  if ($[208] !== className || $[209] !== t65 || $[210] !== t66 || $[211] !== t67 || $[212] !== t68 || $[213] !== t69 || $[214] !== t70) {
-    t71 = classNames(className, "PFormValueItem", "PFormToggleButtonGroup", t65, t66, t67, t68, t69, t70);
-    $[208] = className;
-    $[209] = t65;
-    $[210] = t66;
-    $[211] = t67;
-    $[212] = t68;
-    $[213] = t69;
-    $[214] = t70;
+  if ($[215] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t71 = {
+      style: {
+        marginLeft: 2
+      }
+    };
     $[215] = t71;
   } else {
     t71 = $[215];
   }
-  var t72 = error ? errorHelperText : helperText;
-  var t73;
+  var t72;
   if ($[216] === Symbol["for"]("react.memo_cache_sentinel")) {
-    t73 = {
+    t72 = {
       style: {
         marginLeft: 2
       }
     };
-    $[216] = t73;
+    $[216] = t72;
   } else {
-    t73 = $[216];
+    t72 = $[216];
   }
-  var t74 = realHeight ? realHeight + (isMultiline ? 13 : 0) : controlHeight;
-  var t75 = isMultiline ? false : isOnGetItemLoading || loading;
-  var t76;
-  if ($[217] !== color || $[218] !== control || $[219] !== error || $[220] !== formControlBaseProps || $[221] !== fullWidth || $[222] !== hidden || $[223] !== label || $[224] !== labelIcon || $[225] !== required || $[226] !== size || $[227] !== style || $[228] !== sx || $[229] !== t71 || $[230] !== t72 || $[231] !== t74 || $[232] !== t75 || $[233] !== variant) {
-    t76 = /*#__PURE__*/React.createElement(PFormItemBase, _extends({}, formControlBaseProps, {
-      className: t71,
+  var t73 = realHeight ? realHeight + (isMultiline ? 13 : 0) : controlHeight;
+  var t74 = isMultiline ? false : isOnGetItemLoading || loading;
+  var t75;
+  if ($[217] !== color || $[218] !== control || $[219] !== error || $[220] !== errorHelperText || $[221] !== formControlBaseProps || $[222] !== fullWidth || $[223] !== hidden || $[224] !== label || $[225] !== labelIcon || $[226] !== required || $[227] !== size || $[228] !== style || $[229] !== sx || $[230] !== t69 || $[231] !== t70 || $[232] !== t73 || $[233] !== t74 || $[234] !== variant) {
+    t75 = /*#__PURE__*/React.createElement(PFormItemBase, _extends({}, formControlBaseProps, {
+      className: t69,
       variant: variant,
       size: size,
       color: color,
@@ -9771,38 +9855,41 @@ function _temp$p() {
       required: required,
       fullWidth: fullWidth,
       error: error,
-      helperText: t72,
-      helperTextProps: t73,
+      helperText: t70,
+      helperTextProps: t71,
+      errorHelperText: errorHelperText,
+      errorHelperTextProps: t72,
       style: style,
       sx: sx,
       hidden: hidden,
       autoSize: true,
-      controlHeight: t74,
-      controlVerticalCenter: t75,
+      controlHeight: t73,
+      controlVerticalCenter: t74,
       control: control
     }));
     $[217] = color;
     $[218] = control;
     $[219] = error;
-    $[220] = formControlBaseProps;
-    $[221] = fullWidth;
-    $[222] = hidden;
-    $[223] = label;
-    $[224] = labelIcon;
-    $[225] = required;
-    $[226] = size;
-    $[227] = style;
-    $[228] = sx;
-    $[229] = t71;
-    $[230] = t72;
-    $[231] = t74;
-    $[232] = t75;
-    $[233] = variant;
-    $[234] = t76;
-  } else {
-    t76 = $[234];
-  }
-  return t76;
+    $[220] = errorHelperText;
+    $[221] = formControlBaseProps;
+    $[222] = fullWidth;
+    $[223] = hidden;
+    $[224] = label;
+    $[225] = labelIcon;
+    $[226] = required;
+    $[227] = size;
+    $[228] = style;
+    $[229] = sx;
+    $[230] = t69;
+    $[231] = t70;
+    $[232] = t73;
+    $[233] = t74;
+    $[234] = variant;
+    $[235] = t75;
+  } else {
+    t75 = $[235];
+  }
+  return t75;
 }
 function _temp4$1(v_3) {
   return v_3.value;
@@ -9818,7 +9905,7 @@ function _temp$o(res, t0) {
   res["".concat(value)] = value;
   return res;
 }var PFormRating = function PFormRating(t0) {
-  var $ = c(138);
+  var $ = c(140);
   var ref = t0.ref,
     initVariant = t0.variant,
     initSize = t0.size,
@@ -10320,86 +10407,96 @@ function _temp$o(res, t0) {
   } else {
     t37 = $[93];
   }
-  var t38 = error ? errorHelperText : helperText;
-  var t39;
+  var t38;
   if ($[94] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t38 = {
+      style: {
+        marginLeft: 5
+      }
+    };
+    $[94] = t38;
+  } else {
+    t38 = $[94];
+  }
+  var t39;
+  if ($[95] === Symbol["for"]("react.memo_cache_sentinel")) {
     t39 = {
       style: {
         marginLeft: 5
       }
     };
-    $[94] = t39;
+    $[95] = t39;
   } else {
-    t39 = $[94];
+    t39 = $[95];
   }
   var t40 = width || 100;
   var t41;
-  if ($[95] !== initStyle || $[96] !== t40) {
+  if ($[96] !== initStyle || $[97] !== t40) {
     t41 = _objectSpread2({
       width: t40
     }, initStyle);
-    $[95] = initStyle;
-    $[96] = t40;
-    $[97] = t41;
+    $[96] = initStyle;
+    $[97] = t40;
+    $[98] = t41;
   } else {
-    t41 = $[97];
+    t41 = $[98];
   }
   var t42 = height || (size === "small" ? 21 : 26);
   var t43;
-  if ($[98] !== ratingRef) {
+  if ($[99] !== ratingRef) {
     t43 = function t43(ref_0) {
       ratingRef.current = ref_0;
       inputRef.current = (ref_0 === null || ref_0 === void 0 ? void 0 : ref_0.querySelector("input")) || undefined;
     };
-    $[98] = ratingRef;
-    $[99] = t43;
+    $[99] = ratingRef;
+    $[100] = t43;
   } else {
-    t43 = $[99];
+    t43 = $[100];
   }
   var t44 = size === "medium" ? "large" : "medium";
   var t45 = disabled || readOnly;
   var t46 = icon ? icon : "Star";
   var t47;
-  if ($[100] !== color || $[101] !== t46) {
+  if ($[101] !== color || $[102] !== t46) {
     t47 = /*#__PURE__*/React.createElement(PIcon, {
       color: color,
       size: "inherit"
     }, t46);
-    $[100] = color;
-    $[101] = t46;
-    $[102] = t47;
+    $[101] = color;
+    $[102] = t46;
+    $[103] = t47;
   } else {
-    t47 = $[102];
+    t47 = $[103];
   }
   var t48 = emptyIcon ? emptyIcon : "StarBorder";
   var t49;
-  if ($[103] !== t48) {
+  if ($[104] !== t48) {
     t49 = /*#__PURE__*/React.createElement(PIcon, {
       size: "inherit"
     }, t48);
-    $[103] = t48;
-    $[104] = t49;
+    $[104] = t48;
+    $[105] = t49;
   } else {
-    t49 = $[104];
+    t49 = $[105];
   }
   var t50;
   var t51;
-  if ($[105] !== initFocused) {
+  if ($[106] !== initFocused) {
     t50 = function t50() {
       return setFocused(initFocused || true);
     };
     t51 = function t51() {
       return setFocused(initFocused || false);
     };
-    $[105] = initFocused;
-    $[106] = t50;
-    $[107] = t51;
+    $[106] = initFocused;
+    $[107] = t50;
+    $[108] = t51;
   } else {
-    t50 = $[106];
-    t51 = $[107];
+    t50 = $[107];
+    t51 = $[108];
   }
   var t52;
-  if ($[108] !== handleChange || $[109] !== highlightSelectedOnly || $[110] !== max || $[111] !== name || $[112] !== precision || $[113] !== t43 || $[114] !== t44 || $[115] !== t45 || $[116] !== t47 || $[117] !== t49 || $[118] !== t50 || $[119] !== t51 || $[120] !== value_1) {
+  if ($[109] !== handleChange || $[110] !== highlightSelectedOnly || $[111] !== max || $[112] !== name || $[113] !== precision || $[114] !== t43 || $[115] !== t44 || $[116] !== t45 || $[117] !== t47 || $[118] !== t49 || $[119] !== t50 || $[120] !== t51 || $[121] !== value_1) {
     t52 = /*#__PURE__*/React.createElement(Rating, {
       ref: t43,
       size: t44,
@@ -10415,25 +10512,25 @@ function _temp$o(res, t0) {
       onFocus: t50,
       onBlur: t51
     });
-    $[108] = handleChange;
-    $[109] = highlightSelectedOnly;
-    $[110] = max;
-    $[111] = name;
-    $[112] = precision;
-    $[113] = t43;
-    $[114] = t44;
-    $[115] = t45;
-    $[116] = t47;
-    $[117] = t49;
-    $[118] = t50;
-    $[119] = t51;
-    $[120] = value_1;
-    $[121] = t52;
+    $[109] = handleChange;
+    $[110] = highlightSelectedOnly;
+    $[111] = max;
+    $[112] = name;
+    $[113] = precision;
+    $[114] = t43;
+    $[115] = t44;
+    $[116] = t45;
+    $[117] = t47;
+    $[118] = t49;
+    $[119] = t50;
+    $[120] = t51;
+    $[121] = value_1;
+    $[122] = t52;
   } else {
-    t52 = $[121];
+    t52 = $[122];
   }
   var t53;
-  if ($[122] !== color || $[123] !== error || $[124] !== focused || $[125] !== hidden || $[126] !== label || $[127] !== labelIcon || $[128] !== required || $[129] !== size || $[130] !== sx || $[131] !== t37 || $[132] !== t38 || $[133] !== t41 || $[134] !== t42 || $[135] !== t52 || $[136] !== variant) {
+  if ($[123] !== color || $[124] !== error || $[125] !== errorHelperText || $[126] !== focused || $[127] !== helperText || $[128] !== hidden || $[129] !== label || $[130] !== labelIcon || $[131] !== required || $[132] !== size || $[133] !== sx || $[134] !== t37 || $[135] !== t41 || $[136] !== t42 || $[137] !== t52 || $[138] !== variant) {
     t53 = /*#__PURE__*/React.createElement(PFormItemBase, {
       variant: variant,
       size: size,
@@ -10445,8 +10542,10 @@ function _temp$o(res, t0) {
       error: error,
       fullWidth: false,
       required: required,
-      helperText: t38,
-      helperTextProps: t39,
+      helperText: helperText,
+      helperTextProps: t38,
+      errorHelperText: errorHelperText,
+      errorHelperTextProps: t39,
       style: t41,
       sx: sx,
       hidden: hidden,
@@ -10455,24 +10554,25 @@ function _temp$o(res, t0) {
       controlVerticalCenter: true,
       control: t52
     });
-    $[122] = color;
-    $[123] = error;
-    $[124] = focused;
-    $[125] = hidden;
-    $[126] = label;
-    $[127] = labelIcon;
-    $[128] = required;
-    $[129] = size;
-    $[130] = sx;
-    $[131] = t37;
-    $[132] = t38;
-    $[133] = t41;
-    $[134] = t42;
-    $[135] = t52;
-    $[136] = variant;
-    $[137] = t53;
+    $[123] = color;
+    $[124] = error;
+    $[125] = errorHelperText;
+    $[126] = focused;
+    $[127] = helperText;
+    $[128] = hidden;
+    $[129] = label;
+    $[130] = labelIcon;
+    $[131] = required;
+    $[132] = size;
+    $[133] = sx;
+    $[134] = t37;
+    $[135] = t41;
+    $[136] = t42;
+    $[137] = t52;
+    $[138] = variant;
+    $[139] = t53;
   } else {
-    t53 = $[137];
+    t53 = $[139];
   }
   return t53;
 };
@@ -10481,7 +10581,7 @@ function _temp$n() {
 }var getFinalValue$8 = function getFinalValue(value) {
   return value || '';
 };insertStyle(".PFormTextEditor.initializing textarea{display:none}.PFormTextEditor.error .tox-tinymce{border-color:#d32f2f}.tox-menu.tox-collection.tox-collection--list .tox-collection__group .tox-menu-nav__js.tox-collection__item{padding-right:20px !important}.tox-notifications-container{display:none}");var _PFormTextEditor = function PFormTextEditor(t0) {
-  var $ = c(134);
+  var $ = c(136);
   var ref = t0.ref,
     initVariant = t0.variant,
     initSize = t0.size,
@@ -11044,10 +11144,20 @@ function _temp$n() {
   } else {
     t44 = $[97];
   }
-  var t45 = error ? errorHelperText : helperText;
+  var t45;
+  if ($[98] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t45 = {
+      style: {
+        marginLeft: 5
+      }
+    };
+    $[98] = t45;
+  } else {
+    t45 = $[98];
+  }
   var t46;
   var t47;
-  if ($[98] === Symbol["for"]("react.memo_cache_sentinel")) {
+  if ($[99] === Symbol["for"]("react.memo_cache_sentinel")) {
     t46 = {
       style: {
         marginLeft: 5
@@ -11056,52 +11166,52 @@ function _temp$n() {
     t47 = {
       width: "100%"
     };
-    $[98] = t46;
-    $[99] = t47;
+    $[99] = t46;
+    $[100] = t47;
   } else {
-    t46 = $[98];
-    t47 = $[99];
+    t46 = $[99];
+    t47 = $[100];
   }
   var t48;
-  if ($[100] !== height || $[101] !== initialized) {
+  if ($[101] !== height || $[102] !== initialized) {
     t48 = !initialized ? /*#__PURE__*/React.createElement(Skeleton, {
       variant: "rectangular",
       width: "100%",
       height: height
     }) : null;
-    $[100] = height;
-    $[101] = initialized;
-    $[102] = t48;
+    $[101] = height;
+    $[102] = initialized;
+    $[103] = t48;
   } else {
-    t48 = $[102];
+    t48 = $[103];
   }
   var t49;
-  if ($[103] !== apiKey) {
+  if ($[104] !== apiKey) {
     t49 = ifEmpty(apiKey, _PFormTextEditor.apiKey);
-    $[103] = apiKey;
-    $[104] = t49;
+    $[104] = apiKey;
+    $[105] = t49;
   } else {
-    t49 = $[104];
+    t49 = $[105];
   }
   var t50 = readOnly || disabled;
   var t51;
   var t52;
-  if ($[105] !== initFocused) {
+  if ($[106] !== initFocused) {
     t51 = function t51() {
       return setFocused(initFocused || true);
     };
     t52 = function t52() {
       return setFocused(initFocused || false);
     };
-    $[105] = initFocused;
-    $[106] = t51;
-    $[107] = t52;
+    $[106] = initFocused;
+    $[107] = t51;
+    $[108] = t52;
   } else {
-    t51 = $[106];
-    t52 = $[107];
+    t51 = $[107];
+    t52 = $[108];
   }
   var t53;
-  if ($[108] !== editInit || $[109] !== handleEditorChange || $[110] !== handleEditorInit || $[111] !== t49 || $[112] !== t50 || $[113] !== t51 || $[114] !== t52 || $[115] !== value_0) {
+  if ($[109] !== editInit || $[110] !== handleEditorChange || $[111] !== handleEditorInit || $[112] !== t49 || $[113] !== t50 || $[114] !== t51 || $[115] !== t52 || $[116] !== value_0) {
     t53 = /*#__PURE__*/React.createElement(Editor, {
       apiKey: t49,
       value: value_0,
@@ -11113,29 +11223,29 @@ function _temp$n() {
       onFocus: t51,
       onBlur: t52
     });
-    $[108] = editInit;
-    $[109] = handleEditorChange;
-    $[110] = handleEditorInit;
-    $[111] = t49;
-    $[112] = t50;
-    $[113] = t51;
-    $[114] = t52;
-    $[115] = value_0;
-    $[116] = t53;
+    $[109] = editInit;
+    $[110] = handleEditorChange;
+    $[111] = handleEditorInit;
+    $[112] = t49;
+    $[113] = t50;
+    $[114] = t51;
+    $[115] = t52;
+    $[116] = value_0;
+    $[117] = t53;
   } else {
-    t53 = $[116];
+    t53 = $[117];
   }
   var t54;
-  if ($[117] !== t48 || $[118] !== t53) {
+  if ($[118] !== t48 || $[119] !== t53) {
     t54 = /*#__PURE__*/React.createElement(React.Fragment, null, t48, t53);
-    $[117] = t48;
-    $[118] = t53;
-    $[119] = t54;
+    $[118] = t48;
+    $[119] = t53;
+    $[120] = t54;
   } else {
-    t54 = $[119];
+    t54 = $[120];
   }
   var t55;
-  if ($[120] !== color || $[121] !== error || $[122] !== focused || $[123] !== height || $[124] !== hidden || $[125] !== label || $[126] !== labelIcon || $[127] !== required || $[128] !== size || $[129] !== t44 || $[130] !== t45 || $[131] !== t54 || $[132] !== variant) {
+  if ($[121] !== color || $[122] !== error || $[123] !== errorHelperText || $[124] !== focused || $[125] !== height || $[126] !== helperText || $[127] !== hidden || $[128] !== label || $[129] !== labelIcon || $[130] !== required || $[131] !== size || $[132] !== t44 || $[133] !== t54 || $[134] !== variant) {
     t55 = /*#__PURE__*/React.createElement(PFormItemBase, {
       variant: variant,
       size: size,
@@ -11147,29 +11257,32 @@ function _temp$n() {
       error: error,
       required: required,
       fullWidth: true,
-      helperText: t45,
-      helperTextProps: t46,
+      helperText: helperText,
+      helperTextProps: t45,
+      errorHelperText: errorHelperText,
+      errorHelperTextProps: t46,
       style: t47,
       hidden: hidden,
       controlHeight: height,
       control: t54
     });
-    $[120] = color;
-    $[121] = error;
-    $[122] = focused;
-    $[123] = height;
-    $[124] = hidden;
-    $[125] = label;
-    $[126] = labelIcon;
-    $[127] = required;
-    $[128] = size;
-    $[129] = t44;
-    $[130] = t45;
-    $[131] = t54;
-    $[132] = variant;
-    $[133] = t55;
+    $[121] = color;
+    $[122] = error;
+    $[123] = errorHelperText;
+    $[124] = focused;
+    $[125] = height;
+    $[126] = helperText;
+    $[127] = hidden;
+    $[128] = label;
+    $[129] = labelIcon;
+    $[130] = required;
+    $[131] = size;
+    $[132] = t44;
+    $[133] = t54;
+    $[134] = variant;
+    $[135] = t55;
   } else {
-    t55 = $[133];
+    t55 = $[135];
   }
   return t55;
 };
@@ -12456,10 +12569,12 @@ function _temp$m() {
         focused: focused,
         error: error,
         readOnly: readOnly,
-        helperText: error ? errorHelperText : helperText,
+        helperText: helperText,
+        errorHelperText: errorHelperText,
         slotProps: slotProps,
         placeholder: placeholder,
-        noFormValueItem: true
+        noFormValueItem: true,
+        noValidationCheck: true
       }));
     };
     $[210] = autoFocus;
@@ -23096,7 +23211,7 @@ var StyledPButton = styled(PButton)(_templateObject$1 || (_templateObject$1 = _t
   return value || '';
 };insertStyle(".PFormFile .control-wrap{display:inline-flex}.PFormFile .control-wrap .file-name-wrap .file-name{min-width:350px}.PFormFile .control-wrap .file-name-wrap .file-name .MuiInputBase-root{padding-right:7px}.PFormFile .control-wrap .input-file{display:none}.PFormFile .control-wrap .input-file-wrap{display:flex}.PFormFile .control-wrap .input-file-wrap .input-file-btn:not(.hidden-label) .PIcon{margin-left:-3px}.PFormFile.full-width .control-wrap{display:flex}.PFormFile.full-width .control-wrap .file-name-wrap{flex:1}.PFormFile.variant-standard .file-name-wrap .file-name .MuiInputBase-root{padding-right:0}.PFormFile:not(.hide-file-name).variant-outlined .form-file-btn label,.PFormFile:not(.hide-file-name).variant-filled .form-file-btn label{padding-top:10px;padding-bottom:10px}.PFormFile:not(.hide-file-name).variant-standard .form-file-btn label{padding-top:5px;padding-bottom:5px}.PFormFile:not(.hide-file-name).size-small .form-file-btn label{padding-top:5px;padding-bottom:5px}.PFormFile.hide-file-name:not(.with-label).variant-outlined .form-file-btn{height:52px}.PFormFile.hide-file-name:not(.with-label).variant-filled .form-file-btn{height:52px}.PFormFile.hide-file-name:not(.with-label).variant-standard .form-file-btn{height:28px}.PFormFile.hide-file-name:not(.with-label).size-small.variant-outlined .form-file-btn{height:37px}.PFormFile.hide-file-name:not(.with-label).size-small.variant-filled .form-file-btn{height:44px}.PFormFile.hide-file-name:not(.with-label).size-small.variant-standard .form-file-btn{height:26px}.PFormFile.hide-file-name.with-label.variant-outlined .form-file-btn{height:37px}.PFormFile.hide-file-name.with-label.variant-filled .form-file-btn{height:37px}.PFormFile.hide-file-name.with-label.variant-standard .form-file-btn{height:28px}.PFormFile.hide-file-name.with-label.size-small.variant-outlined .form-file-btn{height:24px}.PFormFile.hide-file-name.with-label.size-small.variant-filled .form-file-btn{height:31px}.PFormFile.hide-file-name.with-label.size-small.variant-standard .form-file-btn{height:26px}.PForm .PFormCol.with-label .PFormFile.hide-file-name.variant-outlined .form-file-btn{height:37px}.PForm .PFormCol.with-label .PFormFile.hide-file-name.variant-filled .form-file-btn{height:37px}.PForm .PFormCol.with-label .PFormFile.hide-file-name.variant-standard .form-file-btn{height:28px}.PForm .PFormCol.with-label .PFormFile.hide-file-name.size-small.variant-outlined .form-file-btn{height:24px}.PForm .PFormCol.with-label .PFormFile.hide-file-name.size-small.variant-filled .form-file-btn{height:31px}.PForm .PFormCol.with-label .PFormFile.hide-file-name.size-small.variant-standard .form-file-btn{height:26px}");var FILE_VALUE = '';
 var PFormFile = function PFormFile(t0) {
-  var $ = c(201);
+  var $ = c(207);
   var ref = t0.ref,
     initVariant = t0.variant,
     initSize = t0.size,
@@ -23735,39 +23850,55 @@ var PFormFile = function PFormFile(t0) {
   }
   var t48 = hideUrl ? labelIcon : undefined;
   var t49 = hideUrl ? initLabel : undefined;
-  var t50 = error ? errorHelperText : helperText;
+  var t50;
+  if ($[110] !== helperText) {
+    t50 = /*#__PURE__*/React.createElement("div", null, helperText);
+    $[110] = helperText;
+    $[111] = t50;
+  } else {
+    t50 = $[111];
+  }
   var t51;
-  if ($[110] !== t50) {
-    t51 = /*#__PURE__*/React.createElement("div", null, t50);
-    $[110] = t50;
-    $[111] = t51;
+  if ($[112] !== preview || $[113] !== t50) {
+    t51 = /*#__PURE__*/React.createElement("div", null, preview, t50);
+    $[112] = preview;
+    $[113] = t50;
+    $[114] = t51;
   } else {
-    t51 = $[111];
+    t51 = $[114];
   }
   var t52;
-  if ($[112] !== preview || $[113] !== t51) {
-    t52 = /*#__PURE__*/React.createElement("div", null, preview, t51);
-    $[112] = preview;
-    $[113] = t51;
-    $[114] = t52;
+  if ($[115] !== errorHelperText) {
+    t52 = /*#__PURE__*/React.createElement("div", null, errorHelperText);
+    $[115] = errorHelperText;
+    $[116] = t52;
   } else {
-    t52 = $[114];
+    t52 = $[116];
   }
-  var t53 = !hideUrl;
-  var t54 = fullWidth ? "100%" : undefined;
-  var t55;
-  if ($[115] !== t54) {
-    t55 = {
-      width: t54
-    };
-    $[115] = t54;
-    $[116] = t55;
+  var t53;
+  if ($[117] !== preview || $[118] !== t52) {
+    t53 = /*#__PURE__*/React.createElement("div", null, preview, t52);
+    $[117] = preview;
+    $[118] = t52;
+    $[119] = t53;
   } else {
-    t55 = $[116];
+    t53 = $[119];
   }
+  var t54 = !hideUrl;
+  var t55 = fullWidth ? "100%" : undefined;
   var t56;
-  if ($[117] !== accept || $[118] !== color || $[119] !== disabled || $[120] !== error || $[121] !== focused || $[122] !== handleFileChange || $[123] !== handleRemoveClick || $[124] !== hideLink || $[125] !== hideLinkLabel || $[126] !== hideRemove || $[127] !== hideRemoveLabel || $[128] !== hideUpload || $[129] !== hideUploadLabel || $[130] !== hideUrl || $[131] !== id || $[132] !== initLabel || $[133] !== innerRef || $[134] !== labelIcon || $[135] !== labelShrink || $[136] !== linkLabel || $[137] !== linkTabIndex || $[138] !== readOnly || $[139] !== removeLabel || $[140] !== removeTabIndex || $[141] !== required || $[142] !== size || $[143] !== tabIndex || $[144] !== uploadLabel || $[145] !== uploadTabIndex || $[146] !== value_0 || $[147] !== variant) {
-    t56 = !hideUrl && /*#__PURE__*/React.createElement("div", {
+  if ($[120] !== t55) {
+    t56 = {
+      width: t55
+    };
+    $[120] = t55;
+    $[121] = t56;
+  } else {
+    t56 = $[121];
+  }
+  var t57;
+  if ($[122] !== accept || $[123] !== color || $[124] !== disabled || $[125] !== error || $[126] !== focused || $[127] !== handleFileChange || $[128] !== handleRemoveClick || $[129] !== hideLink || $[130] !== hideLinkLabel || $[131] !== hideRemove || $[132] !== hideRemoveLabel || $[133] !== hideUpload || $[134] !== hideUploadLabel || $[135] !== hideUrl || $[136] !== id || $[137] !== initLabel || $[138] !== innerRef || $[139] !== labelIcon || $[140] !== labelShrink || $[141] !== linkLabel || $[142] !== linkTabIndex || $[143] !== readOnly || $[144] !== removeLabel || $[145] !== removeTabIndex || $[146] !== required || $[147] !== size || $[148] !== tabIndex || $[149] !== uploadLabel || $[150] !== uploadTabIndex || $[151] !== value_0 || $[152] !== variant) {
+    t57 = !hideUrl && /*#__PURE__*/React.createElement("div", {
       className: "file-name-wrap"
     }, /*#__PURE__*/React.createElement(TextField, {
       ref: function ref(ref_0) {
@@ -23850,44 +23981,44 @@ var PFormFile = function PFormFile(t0) {
       },
       placeholder: "\uD30C\uC77C\uC744 \uC120\uD0DD\uD558\uC138\uC694"
     }));
-    $[117] = accept;
-    $[118] = color;
-    $[119] = disabled;
-    $[120] = error;
-    $[121] = focused;
-    $[122] = handleFileChange;
-    $[123] = handleRemoveClick;
-    $[124] = hideLink;
-    $[125] = hideLinkLabel;
-    $[126] = hideRemove;
-    $[127] = hideRemoveLabel;
-    $[128] = hideUpload;
-    $[129] = hideUploadLabel;
-    $[130] = hideUrl;
-    $[131] = id;
-    $[132] = initLabel;
-    $[133] = innerRef;
-    $[134] = labelIcon;
-    $[135] = labelShrink;
-    $[136] = linkLabel;
-    $[137] = linkTabIndex;
-    $[138] = readOnly;
-    $[139] = removeLabel;
-    $[140] = removeTabIndex;
-    $[141] = required;
-    $[142] = size;
-    $[143] = tabIndex;
-    $[144] = uploadLabel;
-    $[145] = uploadTabIndex;
-    $[146] = value_0;
-    $[147] = variant;
-    $[148] = t56;
-  } else {
-    t56 = $[148];
+    $[122] = accept;
+    $[123] = color;
+    $[124] = disabled;
+    $[125] = error;
+    $[126] = focused;
+    $[127] = handleFileChange;
+    $[128] = handleRemoveClick;
+    $[129] = hideLink;
+    $[130] = hideLinkLabel;
+    $[131] = hideRemove;
+    $[132] = hideRemoveLabel;
+    $[133] = hideUpload;
+    $[134] = hideUploadLabel;
+    $[135] = hideUrl;
+    $[136] = id;
+    $[137] = initLabel;
+    $[138] = innerRef;
+    $[139] = labelIcon;
+    $[140] = labelShrink;
+    $[141] = linkLabel;
+    $[142] = linkTabIndex;
+    $[143] = readOnly;
+    $[144] = removeLabel;
+    $[145] = removeTabIndex;
+    $[146] = required;
+    $[147] = size;
+    $[148] = tabIndex;
+    $[149] = uploadLabel;
+    $[150] = uploadTabIndex;
+    $[151] = value_0;
+    $[152] = variant;
+    $[153] = t57;
+  } else {
+    t57 = $[153];
   }
-  var t57;
-  if ($[149] !== accept || $[150] !== color || $[151] !== disabled || $[152] !== error || $[153] !== handleFileChange || $[154] !== handleRemoveClick || $[155] !== hideLink || $[156] !== hideLinkLabel || $[157] !== hideRemove || $[158] !== hideRemoveLabel || $[159] !== hideUpload || $[160] !== hideUploadLabel || $[161] !== hideUrl || $[162] !== id || $[163] !== linkLabel || $[164] !== linkTabIndex || $[165] !== removeLabel || $[166] !== removeTabIndex || $[167] !== size || $[168] !== uploadLabel || $[169] !== uploadTabIndex || $[170] !== value_0) {
-    t57 = !!hideUrl && /*#__PURE__*/React.createElement("div", {
+  var t58;
+  if ($[154] !== accept || $[155] !== color || $[156] !== disabled || $[157] !== error || $[158] !== handleFileChange || $[159] !== handleRemoveClick || $[160] !== hideLink || $[161] !== hideLinkLabel || $[162] !== hideRemove || $[163] !== hideRemoveLabel || $[164] !== hideUpload || $[165] !== hideUploadLabel || $[166] !== hideUrl || $[167] !== id || $[168] !== linkLabel || $[169] !== linkTabIndex || $[170] !== removeLabel || $[171] !== removeTabIndex || $[172] !== size || $[173] !== uploadLabel || $[174] !== uploadTabIndex || $[175] !== value_0) {
+    t58 = !!hideUrl && /*#__PURE__*/React.createElement("div", {
       className: "input-file-wrap"
     }, !hideUpload && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledPButton, {
       variant: "outlined",
@@ -23929,91 +24060,91 @@ var PFormFile = function PFormFile(t0) {
       disabled: disabled,
       onClick: handleRemoveClick
     }, !hideRemoveLabel && (removeLabel || "\uC0AD\uC81C")));
-    $[149] = accept;
-    $[150] = color;
-    $[151] = disabled;
-    $[152] = error;
-    $[153] = handleFileChange;
-    $[154] = handleRemoveClick;
-    $[155] = hideLink;
-    $[156] = hideLinkLabel;
-    $[157] = hideRemove;
-    $[158] = hideRemoveLabel;
-    $[159] = hideUpload;
-    $[160] = hideUploadLabel;
-    $[161] = hideUrl;
-    $[162] = id;
-    $[163] = linkLabel;
-    $[164] = linkTabIndex;
-    $[165] = removeLabel;
-    $[166] = removeTabIndex;
-    $[167] = size;
-    $[168] = uploadLabel;
-    $[169] = uploadTabIndex;
-    $[170] = value_0;
-    $[171] = t57;
-  } else {
-    t57 = $[171];
+    $[154] = accept;
+    $[155] = color;
+    $[156] = disabled;
+    $[157] = error;
+    $[158] = handleFileChange;
+    $[159] = handleRemoveClick;
+    $[160] = hideLink;
+    $[161] = hideLinkLabel;
+    $[162] = hideRemove;
+    $[163] = hideRemoveLabel;
+    $[164] = hideUpload;
+    $[165] = hideUploadLabel;
+    $[166] = hideUrl;
+    $[167] = id;
+    $[168] = linkLabel;
+    $[169] = linkTabIndex;
+    $[170] = removeLabel;
+    $[171] = removeTabIndex;
+    $[172] = size;
+    $[173] = uploadLabel;
+    $[174] = uploadTabIndex;
+    $[175] = value_0;
+    $[176] = t58;
+  } else {
+    t58 = $[176];
   }
-  var t58;
-  if ($[172] === Symbol["for"]("react.memo_cache_sentinel")) {
-    t58 = function t58() {
+  var t59;
+  if ($[177] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t59 = function t59() {
       return setAlertDialogProps({
         open: false
       });
     };
-    $[172] = t58;
+    $[177] = t59;
   } else {
-    t58 = $[172];
+    t59 = $[177];
   }
-  var t59;
-  if ($[173] !== alertDialogProps) {
-    t59 = /*#__PURE__*/React.createElement(PrivateAlertDialog, _extends({}, alertDialogProps, {
-      onClose: t58
+  var t60;
+  if ($[178] !== alertDialogProps) {
+    t60 = /*#__PURE__*/React.createElement(PrivateAlertDialog, _extends({}, alertDialogProps, {
+      onClose: t59
     }));
-    $[173] = alertDialogProps;
-    $[174] = t59;
+    $[178] = alertDialogProps;
+    $[179] = t60;
   } else {
-    t59 = $[174];
+    t60 = $[179];
   }
-  var t60;
-  if ($[175] === Symbol["for"]("react.memo_cache_sentinel")) {
-    t60 = function t60() {
+  var t61;
+  if ($[180] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t61 = function t61() {
       return setIsOpenLinkDialog(false);
     };
-    $[175] = t60;
+    $[180] = t61;
   } else {
-    t60 = $[175];
+    t61 = $[180];
   }
-  var t61;
-  if ($[176] !== handleLinkDialogConfirm || $[177] !== isOpenLinkDialog) {
-    t61 = /*#__PURE__*/React.createElement(LinkDialog, {
+  var t62;
+  if ($[181] !== handleLinkDialogConfirm || $[182] !== isOpenLinkDialog) {
+    t62 = /*#__PURE__*/React.createElement(LinkDialog, {
       open: isOpenLinkDialog,
       onConfirm: handleLinkDialogConfirm,
-      onClose: t60
+      onClose: t61
     });
-    $[176] = handleLinkDialogConfirm;
-    $[177] = isOpenLinkDialog;
-    $[178] = t61;
-  } else {
-    t61 = $[178];
-  }
-  var t62;
-  if ($[179] !== t56 || $[180] !== t57 || $[181] !== t59 || $[182] !== t61) {
-    t62 = /*#__PURE__*/React.createElement("div", {
-      className: "control-wrap"
-    }, t56, t57, t59, t61);
-    $[179] = t56;
-    $[180] = t57;
-    $[181] = t59;
-    $[182] = t61;
+    $[181] = handleLinkDialogConfirm;
+    $[182] = isOpenLinkDialog;
     $[183] = t62;
   } else {
     t62 = $[183];
   }
   var t63;
-  if ($[184] !== color || $[185] !== error || $[186] !== focused || $[187] !== fullWidth || $[188] !== height || $[189] !== hidden || $[190] !== required || $[191] !== size || $[192] !== t47 || $[193] !== t48 || $[194] !== t49 || $[195] !== t52 || $[196] !== t53 || $[197] !== t55 || $[198] !== t62 || $[199] !== variant) {
-    t63 = /*#__PURE__*/React.createElement(PFormItemBase, {
+  if ($[184] !== t57 || $[185] !== t58 || $[186] !== t60 || $[187] !== t62) {
+    t63 = /*#__PURE__*/React.createElement("div", {
+      className: "control-wrap"
+    }, t57, t58, t60, t62);
+    $[184] = t57;
+    $[185] = t58;
+    $[186] = t60;
+    $[187] = t62;
+    $[188] = t63;
+  } else {
+    t63 = $[188];
+  }
+  var t64;
+  if ($[189] !== color || $[190] !== error || $[191] !== focused || $[192] !== fullWidth || $[193] !== height || $[194] !== hidden || $[195] !== required || $[196] !== size || $[197] !== t47 || $[198] !== t48 || $[199] !== t49 || $[200] !== t51 || $[201] !== t53 || $[202] !== t54 || $[203] !== t56 || $[204] !== t63 || $[205] !== variant) {
+    t64 = /*#__PURE__*/React.createElement(PFormItemBase, {
       variant: variant,
       size: size,
       color: color,
@@ -24026,32 +24157,34 @@ var PFormFile = function PFormFile(t0) {
       fullWidth: fullWidth,
       hidden: hidden,
       controlHeight: height,
-      helperText: t52,
-      hideLabel: t53,
-      style: t55,
-      control: t62
+      helperText: t51,
+      errorHelperText: t53,
+      hideLabel: t54,
+      style: t56,
+      control: t63
     });
-    $[184] = color;
-    $[185] = error;
-    $[186] = focused;
-    $[187] = fullWidth;
-    $[188] = height;
-    $[189] = hidden;
-    $[190] = required;
-    $[191] = size;
-    $[192] = t47;
-    $[193] = t48;
-    $[194] = t49;
-    $[195] = t52;
-    $[196] = t53;
-    $[197] = t55;
-    $[198] = t62;
-    $[199] = variant;
-    $[200] = t63;
-  } else {
-    t63 = $[200];
-  }
-  return t63;
+    $[189] = color;
+    $[190] = error;
+    $[191] = focused;
+    $[192] = fullWidth;
+    $[193] = height;
+    $[194] = hidden;
+    $[195] = required;
+    $[196] = size;
+    $[197] = t47;
+    $[198] = t48;
+    $[199] = t49;
+    $[200] = t51;
+    $[201] = t53;
+    $[202] = t54;
+    $[203] = t56;
+    $[204] = t63;
+    $[205] = variant;
+    $[206] = t64;
+  } else {
+    t64 = $[206];
+  }
+  return t64;
 };
 function _temp$9() {
   return "PFormFile";
@@ -28957,7 +29090,7 @@ var getFinalValue = function getFinalValue(value) {
 function _temp$4() {
   return "PFormYearRangePicker";
 }var PFormSwitch = function PFormSwitch(t0) {
-  var $ = c(125);
+  var $ = c(127);
   var ref = t0.ref,
     initVariant = t0.variant,
     initSize = t0.size,
@@ -29484,35 +29617,45 @@ function _temp$4() {
   } else {
     t38 = $[104];
   }
-  var t39 = error ? errorHelperText : helperText;
-  var t40;
+  var t39;
   if ($[105] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t39 = {
+      style: {
+        marginLeft: 5
+      }
+    };
+    $[105] = t39;
+  } else {
+    t39 = $[105];
+  }
+  var t40;
+  if ($[106] === Symbol["for"]("react.memo_cache_sentinel")) {
     t40 = {
       style: {
         marginLeft: 5
       }
     };
-    $[105] = t40;
+    $[106] = t40;
   } else {
-    t40 = $[105];
+    t40 = $[106];
   }
   var t41 = size === "small" ? 24 : 38;
   var t42;
-  if ($[106] !== disabled || $[107] !== switchControl || $[108] !== switchLabel) {
+  if ($[107] !== disabled || $[108] !== switchControl || $[109] !== switchLabel) {
     t42 = switchLabel ? /*#__PURE__*/React.createElement(FormControlLabel, {
       control: switchControl,
       label: switchLabel,
       disabled: disabled
     }) : switchControl;
-    $[106] = disabled;
-    $[107] = switchControl;
-    $[108] = switchLabel;
-    $[109] = t42;
+    $[107] = disabled;
+    $[108] = switchControl;
+    $[109] = switchLabel;
+    $[110] = t42;
   } else {
-    t42 = $[109];
+    t42 = $[110];
   }
   var t43;
-  if ($[110] !== color || $[111] !== error || $[112] !== focused || $[113] !== hidden || $[114] !== label || $[115] !== labelIcon || $[116] !== size || $[117] !== style || $[118] !== sx || $[119] !== t38 || $[120] !== t39 || $[121] !== t41 || $[122] !== t42 || $[123] !== variant) {
+  if ($[111] !== color || $[112] !== error || $[113] !== errorHelperText || $[114] !== focused || $[115] !== helperText || $[116] !== hidden || $[117] !== label || $[118] !== labelIcon || $[119] !== size || $[120] !== style || $[121] !== sx || $[122] !== t38 || $[123] !== t41 || $[124] !== t42 || $[125] !== variant) {
     t43 = /*#__PURE__*/React.createElement(PFormItemBase, {
       variant: variant,
       size: size,
@@ -29523,8 +29666,10 @@ function _temp$4() {
       label: label,
       error: error,
       fullWidth: false,
-      helperText: t39,
-      helperTextProps: t40,
+      helperText: helperText,
+      helperTextProps: t39,
+      errorHelperText: errorHelperText,
+      errorHelperTextProps: t40,
       style: style,
       sx: sx,
       hidden: hidden,
@@ -29533,23 +29678,24 @@ function _temp$4() {
       controlVerticalCenter: true,
       control: t42
     });
-    $[110] = color;
-    $[111] = error;
-    $[112] = focused;
-    $[113] = hidden;
-    $[114] = label;
-    $[115] = labelIcon;
-    $[116] = size;
-    $[117] = style;
-    $[118] = sx;
-    $[119] = t38;
-    $[120] = t39;
-    $[121] = t41;
-    $[122] = t42;
-    $[123] = variant;
-    $[124] = t43;
+    $[111] = color;
+    $[112] = error;
+    $[113] = errorHelperText;
+    $[114] = focused;
+    $[115] = helperText;
+    $[116] = hidden;
+    $[117] = label;
+    $[118] = labelIcon;
+    $[119] = size;
+    $[120] = style;
+    $[121] = sx;
+    $[122] = t38;
+    $[123] = t41;
+    $[124] = t42;
+    $[125] = variant;
+    $[126] = t43;
   } else {
-    t43 = $[124];
+    t43 = $[126];
   }
   return t43;
 };