@pdg/react-form 1.2.16 → 1.2.17

package/dist/PFormItemCustom/PFormRadioGroup/PFormRadioGroup.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { PFormRadioGroupProps, PFormRadioGroupSingleValue, PFormRadioGroupItems } from './PFormRadioGroup.types';
+import './PFormRadioGroup.scss';
 declare function PFormRadioGroup<BaseValue extends PFormRadioGroupSingleValue, Items extends PFormRadioGroupItems<BaseValue> = PFormRadioGroupItems<BaseValue>>({ ref, 
 /********************************************************************************************************************/
 variant: initVariant, size: initSize, color: initColor, focused: initFocused, fullWidth: initFullWidth, hidden: initHidden, startAdornment, endAdornment, 

package/dist/index.esm.js

@@ -7385,7 +7385,7 @@ var PFormCheckbox = function PFormCheckbox(t0) {
 };
 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(272);
@@ -7528,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,
@@ -7544,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);
@@ -8336,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
@@ -8353,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
@@ -8679,7 +8681,7 @@ function PFormRadioGroup(t0) {
 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(237);
+  var $ = c(236);
   var ref = t0.ref,
     initVariant = t0.variant,
     initSize = t0.size,
@@ -9595,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) {
@@ -9631,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);
         },
@@ -9650,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) {
@@ -9675,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) {
@@ -9720,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
       },
@@ -9774,84 +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;
-    $[215] = t71;
-  } else {
-    t71 = $[215];
-  }
-  var t72 = error ? errorHelperText : helperText;
-  var t73;
-  if ($[216] === Symbol["for"]("react.memo_cache_sentinel")) {
-    t73 = {
+  if ($[215] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t71 = {
       style: {
         marginLeft: 2
       }
     };
-    $[216] = t73;
+    $[215] = t71;
   } else {
-    t73 = $[216];
+    t71 = $[215];
   }
-  var t74;
-  if ($[217] === Symbol["for"]("react.memo_cache_sentinel")) {
-    t74 = {
+  var t72;
+  if ($[216] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t72 = {
       style: {
         marginLeft: 2
       }
     };
-    $[217] = t74;
+    $[216] = t72;
   } else {
-    t74 = $[217];
+    t72 = $[216];
   }
-  var t75 = realHeight ? realHeight + (isMultiline ? 13 : 0) : controlHeight;
-  var t76 = isMultiline ? false : isOnGetItemLoading || loading;
-  var t77;
-  if ($[218] !== color || $[219] !== control || $[220] !== error || $[221] !== errorHelperText || $[222] !== formControlBaseProps || $[223] !== fullWidth || $[224] !== hidden || $[225] !== label || $[226] !== labelIcon || $[227] !== required || $[228] !== size || $[229] !== style || $[230] !== sx || $[231] !== t71 || $[232] !== t72 || $[233] !== t75 || $[234] !== t76 || $[235] !== variant) {
-    t77 = /*#__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,
@@ -9860,41 +9855,41 @@ function _temp$p() {
       required: required,
       fullWidth: fullWidth,
       error: error,
-      helperText: t72,
-      helperTextProps: t73,
+      helperText: t70,
+      helperTextProps: t71,
       errorHelperText: errorHelperText,
-      errorHelperTextProps: t74,
+      errorHelperTextProps: t72,
       style: style,
       sx: sx,
       hidden: hidden,
       autoSize: true,
-      controlHeight: t75,
-      controlVerticalCenter: t76,
+      controlHeight: t73,
+      controlVerticalCenter: t74,
       control: control
     }));
-    $[218] = color;
-    $[219] = control;
-    $[220] = error;
-    $[221] = errorHelperText;
-    $[222] = formControlBaseProps;
-    $[223] = fullWidth;
-    $[224] = hidden;
-    $[225] = label;
-    $[226] = labelIcon;
-    $[227] = required;
-    $[228] = size;
-    $[229] = style;
-    $[230] = sx;
-    $[231] = t71;
-    $[232] = t72;
-    $[233] = t75;
-    $[234] = t76;
-    $[235] = variant;
-    $[236] = t77;
+    $[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;
+    $[235] = t75;
   } else {
-    t77 = $[236];
+    t75 = $[235];
   }
-  return t77;
+  return t75;
 }
 function _temp4$1(v_3) {
   return v_3.value;

package/dist/index.js

@@ -7385,7 +7385,7 @@ var PFormCheckbox = function PFormCheckbox(t0) {
 };
 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 $ = compilerRuntime.c(272);
@@ -7528,6 +7528,7 @@ function PFormRadioGroup(t0) {
   }
   var inline = t1 === undefined ? true : t1;
   var id = React.useId();
+  var theme = material.useTheme();
   var _useFormState = useFormState(),
     formVariant = _useFormState.variant,
     formSize = _useFormState.size,
@@ -7544,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 = material.useTheme();
   var initValueRef = reactHook.useAutoUpdateRef(initValue);
   var baseRef = React.useRef(null);
   var firstInputRef = React.useRef(null);
@@ -8336,6 +8336,7 @@ function PFormRadioGroup(t0) {
         itemDisabled_0 = t57.disabled;
       return /*#__PURE__*/React.createElement(material.FormControlLabel, {
         key: idx_0,
+        className: classNames("PFormRadioGroup-Item", error && "PFormRadioGroup-Item--error"),
         control: /*#__PURE__*/React.createElement(material.Radio, {
           icon: /*#__PURE__*/React.createElement(iconsMaterial.RadioButtonUnchecked, {
             color: error ? "error" : undefined
@@ -8353,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
@@ -8679,7 +8681,7 @@ function PFormRadioGroup(t0) {
 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 $ = compilerRuntime.c(237);
+  var $ = compilerRuntime.c(236);
   var ref = t0.ref,
     initVariant = t0.variant,
     initSize = t0.size,
@@ -9595,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(material.ToggleButton, {
         ref: function ref(ref_0) {
           if (idx === 0) {
@@ -9631,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);
         },
@@ -9650,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) {
@@ -9675,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) {
@@ -9720,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
       },
@@ -9774,84 +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;
-    $[215] = t71;
-  } else {
-    t71 = $[215];
-  }
-  var t72 = error ? errorHelperText : helperText;
-  var t73;
-  if ($[216] === Symbol["for"]("react.memo_cache_sentinel")) {
-    t73 = {
+  if ($[215] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t71 = {
       style: {
         marginLeft: 2
       }
     };
-    $[216] = t73;
+    $[215] = t71;
   } else {
-    t73 = $[216];
+    t71 = $[215];
   }
-  var t74;
-  if ($[217] === Symbol["for"]("react.memo_cache_sentinel")) {
-    t74 = {
+  var t72;
+  if ($[216] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t72 = {
       style: {
         marginLeft: 2
       }
     };
-    $[217] = t74;
+    $[216] = t72;
   } else {
-    t74 = $[217];
+    t72 = $[216];
   }
-  var t75 = realHeight ? realHeight + (isMultiline ? 13 : 0) : controlHeight;
-  var t76 = isMultiline ? false : isOnGetItemLoading || loading;
-  var t77;
-  if ($[218] !== color || $[219] !== control || $[220] !== error || $[221] !== errorHelperText || $[222] !== formControlBaseProps || $[223] !== fullWidth || $[224] !== hidden || $[225] !== label || $[226] !== labelIcon || $[227] !== required || $[228] !== size || $[229] !== style || $[230] !== sx || $[231] !== t71 || $[232] !== t72 || $[233] !== t75 || $[234] !== t76 || $[235] !== variant) {
-    t77 = /*#__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,
@@ -9860,41 +9855,41 @@ function _temp$p() {
       required: required,
       fullWidth: fullWidth,
       error: error,
-      helperText: t72,
-      helperTextProps: t73,
+      helperText: t70,
+      helperTextProps: t71,
       errorHelperText: errorHelperText,
-      errorHelperTextProps: t74,
+      errorHelperTextProps: t72,
       style: style,
       sx: sx,
       hidden: hidden,
       autoSize: true,
-      controlHeight: t75,
-      controlVerticalCenter: t76,
+      controlHeight: t73,
+      controlVerticalCenter: t74,
       control: control
     }));
-    $[218] = color;
-    $[219] = control;
-    $[220] = error;
-    $[221] = errorHelperText;
-    $[222] = formControlBaseProps;
-    $[223] = fullWidth;
-    $[224] = hidden;
-    $[225] = label;
-    $[226] = labelIcon;
-    $[227] = required;
-    $[228] = size;
-    $[229] = style;
-    $[230] = sx;
-    $[231] = t71;
-    $[232] = t72;
-    $[233] = t75;
-    $[234] = t76;
-    $[235] = variant;
-    $[236] = t77;
+    $[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;
+    $[235] = t75;
   } else {
-    t77 = $[236];
+    t75 = $[235];
   }
-  return t77;
+  return t75;
 }
 function _temp4$1(v_3) {
   return v_3.value;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@pdg/react-form",
   "title": "Typescript React Form Module",
   "description": "Typescript React Form Module",
-  "version": "1.2.16",
+  "version": "1.2.17",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.esm.js",