@sebgroup/green-react 1.0.0-beta.4 → 1.0.0-beta.7

package/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime'), require('@sebgroup/extract'), require('react')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime', '@sebgroup/extract', 'react'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.React = {}, global.jsxRuntime, global.extract, global.React));
-})(this, (function (exports, jsxRuntime, extract, React) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime'), require('react'), require('@sebgroup/extract')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime', 'react', '@sebgroup/extract'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.React = {}, global.jsxRuntime, global.React, global.extract));
+})(this, (function (exports, jsxRuntime, React, extract) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -143,11 +143,38 @@
           isOpen = _a.isOpen,
           props = __rest(_a, ["type", "isOpen"]);
 
-      return isOpen ? jsxRuntime.jsxs("section", __assign({
-        role: extract.ModalRole[type]
-      }, {
-        children: [jsxRuntime.jsx(ModalHeader, __assign({}, props), void 0), jsxRuntime.jsx(ModalBody, __assign({}, props), void 0), jsxRuntime.jsx(ModalFooter, __assign({}, props), void 0)]
-      }), void 0) : null;
+      var modalContent = function modalContent() {
+        switch (type) {
+          case 'slideout':
+            {
+              return jsxRuntime.jsxs("aside", __assign({
+                role: "dialog"
+              }, {
+                children: [jsxRuntime.jsx(ModalHeader, __assign({}, props), void 0), jsxRuntime.jsx(ModalBody, __assign({}, props), void 0), jsxRuntime.jsx(ModalFooter, __assign({}, props), void 0)]
+              }), void 0);
+            }
+
+          case 'takeover':
+            {
+              return jsxRuntime.jsxs("main", __assign({
+                role: "dialog"
+              }, {
+                children: [jsxRuntime.jsx(ModalHeader, __assign({}, props), void 0), jsxRuntime.jsx(ModalBody, __assign({}, props), void 0), jsxRuntime.jsx(ModalFooter, __assign({}, props), void 0)]
+              }), void 0);
+            }
+
+          default:
+            {
+              return jsxRuntime.jsxs("section", __assign({
+                role: "dialog"
+              }, {
+                children: [jsxRuntime.jsx(ModalHeader, __assign({}, props), void 0), jsxRuntime.jsx(ModalBody, __assign({}, props), void 0), jsxRuntime.jsx(ModalFooter, __assign({}, props), void 0)]
+              }), void 0);
+            }
+        }
+      };
+
+      return isOpen ? modalContent() : null;
     };
 
     var Flexbox = function Flexbox(_a) {
@@ -155,46 +182,44 @@
           alignItems = _a.alignItems,
           alignSelf = _a.alignSelf,
           children = _a.children,
-          justifyContent = _a.justifyContent;
+          justifyContent = _a.justifyContent,
+          flexDirection = _a.flexDirection,
+          flexWrap = _a.flexWrap,
+          className = _a.className,
+          props = __rest(_a, ["alignContent", "alignItems", "alignSelf", "children", "justifyContent", "flexDirection", "flexWrap", "className"]);
 
       var _b = React.useState(['d-flex']),
           classes = _b[0],
           setClasses = _b[1];
 
       var _c = React.useState('d-flex'),
-          className = _c[0],
-          setClassName = _c[1]; // update className when classes change
+          flexClassName = _c[0],
+          setFlexClassName = _c[1]; // // update className when classes change
 
 
-      React.useEffect(function () {
+      React.useLayoutEffect(function () {
         var newClassName = classes.join(' ');
-        if (newClassName !== className) setClassName(newClassName);
-      }, [classes, className]); // update classes when props change
+        if (newClassName !== flexClassName) setFlexClassName(newClassName);
+      }, [classes, flexClassName]); // // update classes when props change
 
-      React.useEffect(function () {
+      React.useLayoutEffect(function () {
         var newClasses = ['d-flex'];
-        if (alignItems) newClasses.push("align-items-".concat(alignItems));
-        if (alignContent) newClasses.push("align-content-".concat(alignContent));
-        if (alignSelf) newClasses.push("align-content-".concat(alignSelf));
-        if (justifyContent) newClasses.push("justify-content-".concat(justifyContent));
+        alignItems && newClasses.push("align-items-".concat(alignItems));
+        alignContent && newClasses.push("align-content-".concat(alignContent));
+        alignSelf && newClasses.push("align-self-".concat(alignSelf));
+        justifyContent && newClasses.push("justify-content-".concat(justifyContent));
+        flexDirection && newClasses.push("flex-".concat(flexDirection));
+        flexWrap && newClasses.push("flex-".concat(flexWrap));
+        className && newClasses.push(className);
         setClasses(newClasses);
-      }, [alignContent, alignItems, alignSelf, justifyContent]);
+      }, [alignContent, alignItems, alignSelf, justifyContent, flexDirection, flexWrap, className]);
       return jsxRuntime.jsx("div", __assign({
-        className: className
-      }, {
+        className: flexClassName
+      }, props, {
         children: children
       }), void 0);
     };
 
-    function Group(_a) {
-      var children = _a.children;
-      return jsxRuntime.jsx("div", __assign({
-        className: "group"
-      }, {
-        children: children
-      }), void 0);
-    }
-
     function Card(_a) {
       var children = _a.children,
           header = _a.header,
@@ -298,19 +323,420 @@
       }, void 0);
     };
 
-    function Form(_a) {
+    var validateInputValue = function validateInputValue(target, rules, setError) {
+      var errorMessage = validateInputValueErrors(rules, target);
+      errorMessage ? setErrorInsert(setError, target.name) : setErrorRemove(setError, target.name);
+      return errorMessage;
+    };
+
+    var validateInputValueErrors = function validateInputValueErrors(rules, target) {
+      var value = target.value,
+          type = target.type,
+          checked = target.checked;
+
+      if ((rules === null || rules === void 0 ? void 0 : rules.custom) instanceof Function) {
+        return rules === null || rules === void 0 ? void 0 : rules.custom();
+      }
+
+      switch (type) {
+        case 'text':
+        case 'email':
+        case 'number':
+          return validateTextInputValues(value, rules);
+
+        case 'checkbox':
+          return validateCheckBoxInput(checked);
+
+        default:
+          return validateTextInputValues(value, rules);
+      }
+    };
+
+    var setErrorInsert = function setErrorInsert(setError, name) {
+      setError(function (errors) {
+        var _a;
+
+        return __assign(__assign({}, errors), (_a = {}, _a[name] = true, _a));
+      });
+    };
+
+    var setErrorRemove = function setErrorRemove(setError, name) {
+      setError(function (errors) {
+        var newError = __assign({}, errors);
+
+        delete newError[name];
+        return newError;
+      });
+    };
+
+    var validateTextInputValues = function validateTextInputValues(value, rules) {
+      switch (rules === null || rules === void 0 ? void 0 : rules.type) {
+        case 'Required':
+          {
+            return value === '' || value === undefined || value === null ? 'error' : null;
+          }
+
+        default:
+          {
+            return;
+          }
+      }
+    };
+
+    var validateCheckBoxInput = function validateCheckBoxInput(checked) {
+      if (!checked) {
+        return 'error';
+      }
+
+      return null;
+    };
+
+    var FormContext = /*#__PURE__*/React__default["default"].createContext({});
+    var useFormContext = function useFormContext() {
+      return React__default["default"].useContext(FormContext);
+    };
+    var FormProvider = function FormProvider(_a) {
       var children = _a.children,
           _b = _a.direction,
           direction = _b === void 0 ? 'vertical' : _b,
           _c = _a.formSize,
           formSize = _c === void 0 ? 'md' : _c;
-      return jsxRuntime.jsx("form", __assign({
-        className: [direction, "size-".concat(formSize)].join(' ')
+          _a.onSubmit;
+          var onFormSubmit = _a.onFormSubmit,
+          props = __rest(_a, ["children", "direction", "formSize", "onSubmit", "onFormSubmit"]);
+
+      var _d = React__default["default"].useState(),
+          values = _d[0],
+          setValues = _d[1];
+
+      var _e = React__default["default"].useState(),
+          errors = _e[0],
+          setErrors = _e[1];
+
+      var _f = React__default["default"].useState({}),
+          fields = _f[0],
+          setFields = _f[1];
+
+      var formSubmit = function formSubmit(event) {
+        var hasError = false;
+        event.preventDefault();
+        Object.keys(fields).forEach(function (key) {
+          var errorMessage = validateInputValue({
+            name: key,
+            value: values === null || values === void 0 ? void 0 : values[key]
+          }, fields[key], setErrors);
+          hasError = hasError || !!errorMessage;
+        });
+
+        if (!hasError) {
+          onFormSubmit && onFormSubmit(values);
+        }
+      };
+
+      var resetForm = function resetForm() {
+        setValues({});
+        setErrors({});
+      };
+
+      return jsxRuntime.jsx(FormContext.Provider, __assign({
+        value: {
+          setValues: setValues,
+          setErrors: setErrors,
+          setFields: setFields,
+          errors: errors,
+          values: values
+        }
       }, {
-        children: children
+        children: jsxRuntime.jsx("form", __assign({
+          className: [direction, "size-".concat(formSize)].join(' '),
+          onSubmit: formSubmit
+        }, props, {
+          onReset: resetForm
+        }, {
+          children: children
+        }), void 0)
+      }), void 0);
+    };
+
+    var Form = function Form(props) {
+      return jsxRuntime.jsx(FormProvider, __assign({}, props), void 0);
+    };
+
+    var FormItems = function FormItems(_a) {
+      var children = _a.children,
+          validate = _a.validate,
+          name = _a.name;
+
+      var _b = useFormContext(),
+          setValues = _b.setValues,
+          setErrors = _b.setErrors,
+          setFields = _b.setFields,
+          errors = _b.errors;
+
+      React__default["default"].useEffect(function () {
+        setFields(function (fields) {
+          var _a;
+
+          return __assign(__assign({}, fields), (_a = {}, _a[name] = validate === null || validate === void 0 ? void 0 : validate.rules, _a));
+        });
+
+        var removeValues = function removeValues(values) {
+          var newValues = __assign({}, values);
+
+          delete newValues[name];
+          return newValues;
+        };
+
+        return function () {
+          setFields(function (fields) {
+            return removeValues(fields);
+          });
+          setValues(function (values) {
+            return removeValues(values);
+          });
+          setErrors(function (errors) {
+            return removeValues(errors);
+          });
+        };
+      }, []);
+
+      var onChange = function onChange(event) {
+        var _a = event.target,
+            value = _a.value,
+            name = _a.name,
+            type = _a.type,
+            checked = _a.checked;
+
+        if (type === 'checkbox') {
+          if (checked) {
+            setValues(function (values) {
+              var _a;
+
+              return __assign(__assign({}, values), (_a = {}, _a[name] = {
+                value: value,
+                checked: checked
+              }, _a));
+            });
+          } else {
+            setValues(function (values) {
+              var _a;
+
+              return __assign(__assign({}, values), (_a = {}, _a[name] = null, _a));
+            });
+          }
+        } else {
+          setValues(function (values) {
+            var _a;
+
+            return __assign(__assign({}, values), (_a = {}, _a[name] = value, _a));
+          });
+        }
+
+        validateInputValue({
+          value: value,
+          name: name,
+          type: type,
+          checked: checked
+        }, validate === null || validate === void 0 ? void 0 : validate.rules, setErrors);
+      };
+
+      return /*#__PURE__*/React__default["default"].cloneElement(children, {
+        validator: (errors === null || errors === void 0 ? void 0 : errors[name]) && validate,
+        name: name,
+        onChange: onChange
+      });
+    };
+
+    function Group(_a) {
+      var children = _a.children,
+          error = _a.error,
+          _b = _a.groupBorder,
+          groupBorder = _b === void 0 ? false : _b;
+      var groupClassName = "group ".concat(groupBorder ? 'group-border' : '', " ").concat(error ? 'is-invalid' : '');
+      var errorMessage = error ? error.message || error : '';
+      return jsxRuntime.jsxs("div", __assign({
+        className: "form-group"
+      }, {
+        children: [jsxRuntime.jsx("div", __assign({
+          className: groupClassName
+        }, {
+          children: children
+        }), void 0), error && jsxRuntime.jsx("span", __assign({
+          className: "form-info"
+        }, {
+          children: errorMessage
+        }), void 0)]
       }), void 0);
     }
 
+    var useInput = function useInput(props, onChanges, onChangeInput) {
+      var id = React.useMemo(function () {
+        return props.id || extract.randomId();
+      }, [props.id]);
+      var ref = React.useRef(null);
+
+      var _a = React.useState(props.value ? props.value : ''),
+          value = _a[0],
+          setValue = _a[1];
+
+      var _b = React.useState(props.checked ? props.checked : false),
+          checked = _b[0],
+          setChecked = _b[1];
+
+      React.useEffect(function () {
+        if (ref.current && ref.current.form) {
+          var resetListener_1 = function resetListener_1() {
+            setValue(props.value ? props.value : '');
+            setChecked(props.checked ? props.checked : false);
+          };
+
+          var form_1 = ref.current.form;
+          form_1.addEventListener('reset', resetListener_1);
+          return function () {
+            return form_1.removeEventListener('reset', resetListener_1);
+          };
+        } else {
+          // eslint-disable-next-line @typescript-eslint/no-empty-function
+          return function () {};
+        }
+      }, [props]);
+
+      var onChange = function onChange(event) {
+        setValue(event.target.value);
+        setChecked(event.currentTarget.checked);
+        onChanges && onChanges(event);
+        onChangeInput && onChangeInput(event.target.value);
+      };
+
+      return __assign(__assign({}, props), {
+        id: id,
+        ref: ref,
+        value: value,
+        checked: checked,
+        onChange: onChange
+      });
+    };
+
+    var RenderInput = function RenderInput(type, props, onChange, onChangeInput, label, info, validator) {
+      var _a = useInput(props, onChange, onChangeInput),
+          value = _a.value,
+          inputProps = __rest(_a, ["value"]);
+
+      var propsWithDescription = info ? __assign(__assign({}, inputProps), {
+        'aria-describedby': "".concat(inputProps.id, "_info")
+      }) : inputProps; // Render naked
+
+      if (!label && !info) return jsxRuntime.jsx("input", __assign({
+        type: type,
+        value: value
+      }, propsWithDescription), void 0);
+      return jsxRuntime.jsxs("div", __assign({
+        className: "form-group"
+      }, {
+        children: [label && jsxRuntime.jsx("label", __assign({
+          htmlFor: inputProps.id
+        }, {
+          children: label
+        }), void 0), info && jsxRuntime.jsx("span", __assign({
+          className: "form-info",
+          id: "".concat(inputProps.id, "_info")
+        }, {
+          children: info
+        }), void 0), jsxRuntime.jsx("input", __assign({
+          type: type,
+          value: value
+        }, propsWithDescription, {
+          className: validator && extract.validateClassName(validator === null || validator === void 0 ? void 0 : validator.indicator)
+        }), void 0), validator && jsxRuntime.jsx("span", __assign({
+          className: "form-info"
+        }, {
+          children: validator.message
+        }), void 0)]
+      }), void 0);
+    };
+    var TextInput = function TextInput(_a) {
+      var label = _a.label,
+          info = _a.info,
+          onChange = _a.onChange,
+          onChangeInput = _a.onChangeInput,
+          validator = _a.validator,
+          props = __rest(_a, ["label", "info", "onChange", "onChangeInput", "validator"]);
+
+      return RenderInput('text', props, onChange, onChangeInput, label, info, validator);
+    };
+    var EmailInput = function EmailInput(_a) {
+      var label = _a.label,
+          info = _a.info,
+          onChange = _a.onChange,
+          onChangeInput = _a.onChangeInput,
+          validator = _a.validator,
+          props = __rest(_a, ["label", "info", "onChange", "onChangeInput", "validator"]);
+
+      return RenderInput('email', props, onChange, onChangeInput, label, info, validator);
+    };
+    var NumberInput = function NumberInput(_a) {
+      var label = _a.label,
+          info = _a.info,
+          onChange = _a.onChange,
+          onChangeInput = _a.onChangeInput,
+          validator = _a.validator,
+          props = __rest(_a, ["label", "info", "onChange", "onChangeInput", "validator"]);
+
+      return RenderInput('number', props, onChange, onChangeInput, label, info, validator);
+    };
+    var Checkbox = function Checkbox(_a) {
+      var label = _a.label,
+          onChange = _a.onChange,
+          validator = _a.validator,
+          props = __rest(_a, ["label", "onChange", "validator"]);
+
+      var inputProps = useInput(props, onChange);
+      var validatorClassName = extract.validateClassName(validator === null || validator === void 0 ? void 0 : validator.indicator);
+      return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [jsxRuntime.jsxs("label", __assign({
+          htmlFor: inputProps.id,
+          className: "form-control ".concat(validatorClassName)
+        }, {
+          children: [label, jsxRuntime.jsx("input", __assign({
+            type: "checkbox"
+          }, inputProps), void 0), jsxRuntime.jsx("span", {}, void 0), jsxRuntime.jsx("i", {}, void 0)]
+        }), void 0), validator && jsxRuntime.jsx("span", __assign({
+          className: "form-info"
+        }, {
+          children: validator.message
+        }), void 0)]
+      }, void 0);
+    };
+    var RadioButton = function RadioButton(_a) {
+      var label = _a.label,
+          validator = _a.validator,
+          props = __rest(_a, ["label", "validator"]);
+
+      var id = useInput(props).id;
+      return jsxRuntime.jsxs("label", __assign({
+        htmlFor: id,
+        className: "form-control"
+      }, {
+        children: [jsxRuntime.jsx("input", __assign({
+          id: id,
+          type: "radio"
+        }, props, {
+          className: validator
+        }), void 0), jsxRuntime.jsx("span", {
+          children: label
+        }, void 0), jsxRuntime.jsx("i", {}, void 0)]
+      }), void 0);
+    };
+
+    var Text = function Text(_a) {
+      var children = _a.children;
+      return jsxRuntime.jsx("span", __assign({
+        className: "form-text"
+      }, {
+        children: children
+      }), void 0);
+    };
+
     var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
     var check = function (it) {
@@ -330,7 +756,7 @@
 
     var objectGetOwnPropertyDescriptor = {};
 
-    var fails$6 = function (exec) {
+    var fails$7 = function (exec) {
       try {
         return !!exec();
       } catch (error) {
@@ -338,17 +764,27 @@
       }
     };
 
-    var fails$5 = fails$6;
+    var fails$6 = fails$7;
 
     // Detect IE8's incomplete defineProperty implementation
-    var descriptors = !fails$5(function () {
+    var descriptors = !fails$6(function () {
       // eslint-disable-next-line es/no-object-defineproperty -- required for testing
       return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] != 7;
     });
 
+    var fails$5 = fails$7;
+
+    var functionBindNative = !fails$5(function () {
+      var test = (function () { /* empty */ }).bind();
+      // eslint-disable-next-line no-prototype-builtins -- safe
+      return typeof test != 'function' || test.hasOwnProperty('prototype');
+    });
+
+    var NATIVE_BIND$1 = functionBindNative;
+
     var call$4 = Function.prototype.call;
 
-    var functionCall = call$4.bind ? call$4.bind(call$4) : function () {
+    var functionCall = NATIVE_BIND$1 ? call$4.bind(call$4) : function () {
       return call$4.apply(call$4, arguments);
     };
 
@@ -377,35 +813,37 @@
       };
     };
 
+    var NATIVE_BIND = functionBindNative;
+
     var FunctionPrototype$1 = Function.prototype;
     var bind = FunctionPrototype$1.bind;
     var call$3 = FunctionPrototype$1.call;
-    var callBind = bind && bind.bind(call$3);
+    var uncurryThis$a = NATIVE_BIND && bind.bind(call$3, call$3);
 
-    var functionUncurryThis = bind ? function (fn) {
-      return fn && callBind(call$3, fn);
+    var functionUncurryThis = NATIVE_BIND ? function (fn) {
+      return fn && uncurryThis$a(fn);
     } : function (fn) {
       return fn && function () {
         return call$3.apply(fn, arguments);
       };
     };
 
-    var uncurryThis$a = functionUncurryThis;
+    var uncurryThis$9 = functionUncurryThis;
 
-    var toString$4 = uncurryThis$a({}.toString);
-    var stringSlice = uncurryThis$a(''.slice);
+    var toString$3 = uncurryThis$9({}.toString);
+    var stringSlice$1 = uncurryThis$9(''.slice);
 
     var classofRaw$1 = function (it) {
-      return stringSlice(toString$4(it), 8, -1);
+      return stringSlice$1(toString$3(it), 8, -1);
     };
 
     var global$n = global$o;
-    var uncurryThis$9 = functionUncurryThis;
-    var fails$4 = fails$6;
+    var uncurryThis$8 = functionUncurryThis;
+    var fails$4 = fails$7;
     var classof$2 = classofRaw$1;
 
     var Object$4 = global$n.Object;
-    var split = uncurryThis$9(''.split);
+    var split = uncurryThis$8(''.split);
 
     // fallback for non-array-like ES3 and non-enumerable old V8 strings
     var indexedObject = fails$4(function () {
@@ -422,45 +860,45 @@
 
     // `RequireObjectCoercible` abstract operation
     // https://tc39.es/ecma262/#sec-requireobjectcoercible
-    var requireObjectCoercible$3 = function (it) {
+    var requireObjectCoercible$2 = function (it) {
       if (it == undefined) throw TypeError$7("Can't call method on " + it);
       return it;
     };
 
     // toObject with fallback for non-array-like ES3 strings
     var IndexedObject = indexedObject;
-    var requireObjectCoercible$2 = requireObjectCoercible$3;
+    var requireObjectCoercible$1 = requireObjectCoercible$2;
 
     var toIndexedObject$3 = function (it) {
-      return IndexedObject(requireObjectCoercible$2(it));
+      return IndexedObject(requireObjectCoercible$1(it));
     };
 
     // `IsCallable` abstract operation
     // https://tc39.es/ecma262/#sec-iscallable
-    var isCallable$a = function (argument) {
+    var isCallable$b = function (argument) {
       return typeof argument == 'function';
     };
 
-    var isCallable$9 = isCallable$a;
+    var isCallable$a = isCallable$b;
 
     var isObject$5 = function (it) {
-      return typeof it == 'object' ? it !== null : isCallable$9(it);
+      return typeof it == 'object' ? it !== null : isCallable$a(it);
     };
 
     var global$l = global$o;
-    var isCallable$8 = isCallable$a;
+    var isCallable$9 = isCallable$b;
 
     var aFunction = function (argument) {
-      return isCallable$8(argument) ? argument : undefined;
+      return isCallable$9(argument) ? argument : undefined;
     };
 
     var getBuiltIn$3 = function (namespace, method) {
       return arguments.length < 2 ? aFunction(global$l[namespace]) : global$l[namespace] && global$l[namespace][method];
     };
 
-    var uncurryThis$8 = functionUncurryThis;
+    var uncurryThis$7 = functionUncurryThis;
 
-    var objectIsPrototypeOf = uncurryThis$8({}.isPrototypeOf);
+    var objectIsPrototypeOf = uncurryThis$7({}.isPrototypeOf);
 
     var getBuiltIn$2 = getBuiltIn$3;
 
@@ -497,7 +935,7 @@
     /* eslint-disable es/no-symbol -- required for testing */
 
     var V8_VERSION = engineV8Version;
-    var fails$3 = fails$6;
+    var fails$3 = fails$7;
 
     // eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
     var nativeSymbol = !!Object.getOwnPropertySymbols && !fails$3(function () {
@@ -511,16 +949,16 @@
 
     /* eslint-disable es/no-symbol -- required for testing */
 
-    var NATIVE_SYMBOL$1 = nativeSymbol;
+    var NATIVE_SYMBOL$2 = nativeSymbol;
 
-    var useSymbolAsUid = NATIVE_SYMBOL$1
+    var useSymbolAsUid = NATIVE_SYMBOL$2
       && !Symbol.sham
       && typeof Symbol.iterator == 'symbol';
 
     var global$j = global$o;
     var getBuiltIn$1 = getBuiltIn$3;
-    var isCallable$7 = isCallable$a;
-    var isPrototypeOf = objectIsPrototypeOf;
+    var isCallable$8 = isCallable$b;
+    var isPrototypeOf$1 = objectIsPrototypeOf;
     var USE_SYMBOL_AS_UID$1 = useSymbolAsUid;
 
     var Object$3 = global$j.Object;
@@ -529,7 +967,7 @@
       return typeof it == 'symbol';
     } : function (it) {
       var $Symbol = getBuiltIn$1('Symbol');
-      return isCallable$7($Symbol) && isPrototypeOf($Symbol.prototype, Object$3(it));
+      return isCallable$8($Symbol) && isPrototypeOf$1($Symbol.prototype, Object$3(it));
     };
 
     var global$i = global$o;
@@ -545,14 +983,14 @@
     };
 
     var global$h = global$o;
-    var isCallable$6 = isCallable$a;
+    var isCallable$7 = isCallable$b;
     var tryToString = tryToString$1;
 
     var TypeError$6 = global$h.TypeError;
 
     // `Assert: IsCallable(argument) is true`
     var aCallable$1 = function (argument) {
-      if (isCallable$6(argument)) return argument;
+      if (isCallable$7(argument)) return argument;
       throw TypeError$6(tryToString(argument) + ' is not a function');
     };
 
@@ -567,7 +1005,7 @@
 
     var global$g = global$o;
     var call$2 = functionCall;
-    var isCallable$5 = isCallable$a;
+    var isCallable$6 = isCallable$b;
     var isObject$4 = isObject$5;
 
     var TypeError$5 = global$g.TypeError;
@@ -576,9 +1014,9 @@
     // https://tc39.es/ecma262/#sec-ordinarytoprimitive
     var ordinaryToPrimitive$1 = function (input, pref) {
       var fn, val;
-      if (pref === 'string' && isCallable$5(fn = input.toString) && !isObject$4(val = call$2(fn, input))) return val;
-      if (isCallable$5(fn = input.valueOf) && !isObject$4(val = call$2(fn, input))) return val;
-      if (pref !== 'string' && isCallable$5(fn = input.toString) && !isObject$4(val = call$2(fn, input))) return val;
+      if (pref === 'string' && isCallable$6(fn = input.toString) && !isObject$4(val = call$2(fn, input))) return val;
+      if (isCallable$6(fn = input.valueOf) && !isObject$4(val = call$2(fn, input))) return val;
+      if (pref !== 'string' && isCallable$6(fn = input.toString) && !isObject$4(val = call$2(fn, input))) return val;
       throw TypeError$5("Can't convert object to primitive value");
     };
 
@@ -587,11 +1025,11 @@
     var global$f = global$o;
 
     // eslint-disable-next-line es/no-object-defineproperty -- safe
-    var defineProperty = Object.defineProperty;
+    var defineProperty$1 = Object.defineProperty;
 
     var setGlobal$3 = function (key, value) {
       try {
-        defineProperty(global$f, key, { value: value, configurable: true, writable: true });
+        defineProperty$1(global$f, key, { value: value, configurable: true, writable: true });
       } catch (error) {
         global$f[key] = value;
       } return value;
@@ -610,26 +1048,28 @@
     (shared$3.exports = function (key, value) {
       return store$2[key] || (store$2[key] = value !== undefined ? value : {});
     })('versions', []).push({
-      version: '3.19.3',
+      version: '3.21.1',
       mode: 'global',
-      copyright: '© 2021 Denis Pushkarev (zloirock.ru)'
+      copyright: '© 2014-2022 Denis Pushkarev (zloirock.ru)',
+      license: 'https://github.com/zloirock/core-js/blob/v3.21.1/LICENSE',
+      source: 'https://github.com/zloirock/core-js'
     });
 
     var global$d = global$o;
-    var requireObjectCoercible$1 = requireObjectCoercible$3;
+    var requireObjectCoercible = requireObjectCoercible$2;
 
     var Object$2 = global$d.Object;
 
     // `ToObject` abstract operation
     // https://tc39.es/ecma262/#sec-toobject
     var toObject$1 = function (argument) {
-      return Object$2(requireObjectCoercible$1(argument));
+      return Object$2(requireObjectCoercible(argument));
     };
 
-    var uncurryThis$7 = functionUncurryThis;
+    var uncurryThis$6 = functionUncurryThis;
     var toObject = toObject$1;
 
-    var hasOwnProperty = uncurryThis$7({}.hasOwnProperty);
+    var hasOwnProperty = uncurryThis$6({}.hasOwnProperty);
 
     // `HasOwnProperty` abstract operation
     // https://tc39.es/ecma262/#sec-hasownproperty
@@ -637,33 +1077,33 @@
       return hasOwnProperty(toObject(it), key);
     };
 
-    var uncurryThis$6 = functionUncurryThis;
+    var uncurryThis$5 = functionUncurryThis;
 
     var id = 0;
     var postfix = Math.random();
-    var toString$3 = uncurryThis$6(1.0.toString);
+    var toString$2 = uncurryThis$5(1.0.toString);
 
     var uid$2 = function (key) {
-      return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$3(++id + postfix, 36);
+      return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$2(++id + postfix, 36);
     };
 
     var global$c = global$o;
     var shared$2 = shared$3.exports;
-    var hasOwn$6 = hasOwnProperty_1;
+    var hasOwn$7 = hasOwnProperty_1;
     var uid$1 = uid$2;
-    var NATIVE_SYMBOL = nativeSymbol;
+    var NATIVE_SYMBOL$1 = nativeSymbol;
     var USE_SYMBOL_AS_UID = useSymbolAsUid;
 
     var WellKnownSymbolsStore = shared$2('wks');
-    var Symbol$2 = global$c.Symbol;
-    var symbolFor = Symbol$2 && Symbol$2['for'];
-    var createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol$2 : Symbol$2 && Symbol$2.withoutSetter || uid$1;
+    var Symbol$1 = global$c.Symbol;
+    var symbolFor = Symbol$1 && Symbol$1['for'];
+    var createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol$1 : Symbol$1 && Symbol$1.withoutSetter || uid$1;
 
     var wellKnownSymbol$3 = function (name) {
-      if (!hasOwn$6(WellKnownSymbolsStore, name) || !(NATIVE_SYMBOL || typeof WellKnownSymbolsStore[name] == 'string')) {
+      if (!hasOwn$7(WellKnownSymbolsStore, name) || !(NATIVE_SYMBOL$1 || typeof WellKnownSymbolsStore[name] == 'string')) {
         var description = 'Symbol.' + name;
-        if (NATIVE_SYMBOL && hasOwn$6(Symbol$2, name)) {
-          WellKnownSymbolsStore[name] = Symbol$2[name];
+        if (NATIVE_SYMBOL$1 && hasOwn$7(Symbol$1, name)) {
+          WellKnownSymbolsStore[name] = Symbol$1[name];
         } else if (USE_SYMBOL_AS_UID && symbolFor) {
           WellKnownSymbolsStore[name] = symbolFor(description);
         } else {
@@ -720,43 +1160,56 @@
       return EXISTS$1 ? document.createElement(it) : {};
     };
 
-    var DESCRIPTORS$4 = descriptors;
-    var fails$2 = fails$6;
+    var DESCRIPTORS$6 = descriptors;
+    var fails$2 = fails$7;
     var createElement = documentCreateElement;
 
-    // Thank's IE8 for his funny defineProperty
-    var ie8DomDefine = !DESCRIPTORS$4 && !fails$2(function () {
-      // eslint-disable-next-line es/no-object-defineproperty -- requied for testing
+    // Thanks to IE8 for its funny defineProperty
+    var ie8DomDefine = !DESCRIPTORS$6 && !fails$2(function () {
+      // eslint-disable-next-line es/no-object-defineproperty -- required for testing
       return Object.defineProperty(createElement('div'), 'a', {
         get: function () { return 7; }
       }).a != 7;
     });
 
-    var DESCRIPTORS$3 = descriptors;
+    var DESCRIPTORS$5 = descriptors;
     var call = functionCall;
     var propertyIsEnumerableModule = objectPropertyIsEnumerable;
     var createPropertyDescriptor$1 = createPropertyDescriptor$2;
     var toIndexedObject$2 = toIndexedObject$3;
     var toPropertyKey$1 = toPropertyKey$2;
-    var hasOwn$5 = hasOwnProperty_1;
+    var hasOwn$6 = hasOwnProperty_1;
     var IE8_DOM_DEFINE$1 = ie8DomDefine;
 
     // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-    var $getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
+    var $getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor;
 
     // `Object.getOwnPropertyDescriptor` method
     // https://tc39.es/ecma262/#sec-object.getownpropertydescriptor
-    objectGetOwnPropertyDescriptor.f = DESCRIPTORS$3 ? $getOwnPropertyDescriptor : function getOwnPropertyDescriptor(O, P) {
+    objectGetOwnPropertyDescriptor.f = DESCRIPTORS$5 ? $getOwnPropertyDescriptor$1 : function getOwnPropertyDescriptor(O, P) {
       O = toIndexedObject$2(O);
       P = toPropertyKey$1(P);
       if (IE8_DOM_DEFINE$1) try {
-        return $getOwnPropertyDescriptor(O, P);
+        return $getOwnPropertyDescriptor$1(O, P);
       } catch (error) { /* empty */ }
-      if (hasOwn$5(O, P)) return createPropertyDescriptor$1(!call(propertyIsEnumerableModule.f, O, P), O[P]);
+      if (hasOwn$6(O, P)) return createPropertyDescriptor$1(!call(propertyIsEnumerableModule.f, O, P), O[P]);
     };
 
     var objectDefineProperty = {};
 
+    var DESCRIPTORS$4 = descriptors;
+    var fails$1 = fails$7;
+
+    // V8 ~ Chrome 36-
+    // https://bugs.chromium.org/p/v8/issues/detail?id=3334
+    var v8PrototypeDefineBug = DESCRIPTORS$4 && fails$1(function () {
+      // eslint-disable-next-line es/no-object-defineproperty -- required for testing
+      return Object.defineProperty(function () { /* empty */ }, 'prototype', {
+        value: 42,
+        writable: false
+      }).prototype != 42;
+    });
+
     var global$9 = global$o;
     var isObject$1 = isObject$5;
 
@@ -770,18 +1223,39 @@
     };
 
     var global$8 = global$o;
-    var DESCRIPTORS$2 = descriptors;
+    var DESCRIPTORS$3 = descriptors;
     var IE8_DOM_DEFINE = ie8DomDefine;
+    var V8_PROTOTYPE_DEFINE_BUG = v8PrototypeDefineBug;
     var anObject$1 = anObject$2;
     var toPropertyKey = toPropertyKey$2;
 
     var TypeError$2 = global$8.TypeError;
     // eslint-disable-next-line es/no-object-defineproperty -- safe
     var $defineProperty = Object.defineProperty;
+    // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+    var $getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
+    var ENUMERABLE = 'enumerable';
+    var CONFIGURABLE$1 = 'configurable';
+    var WRITABLE = 'writable';
 
     // `Object.defineProperty` method
     // https://tc39.es/ecma262/#sec-object.defineproperty
-    objectDefineProperty.f = DESCRIPTORS$2 ? $defineProperty : function defineProperty(O, P, Attributes) {
+    objectDefineProperty.f = DESCRIPTORS$3 ? V8_PROTOTYPE_DEFINE_BUG ? function defineProperty(O, P, Attributes) {
+      anObject$1(O);
+      P = toPropertyKey(P);
+      anObject$1(Attributes);
+      if (typeof O === 'function' && P === 'prototype' && 'value' in Attributes && WRITABLE in Attributes && !Attributes[WRITABLE]) {
+        var current = $getOwnPropertyDescriptor(O, P);
+        if (current && current[WRITABLE]) {
+          O[P] = Attributes.value;
+          Attributes = {
+            configurable: CONFIGURABLE$1 in Attributes ? Attributes[CONFIGURABLE$1] : current[CONFIGURABLE$1],
+            enumerable: ENUMERABLE in Attributes ? Attributes[ENUMERABLE] : current[ENUMERABLE],
+            writable: false
+          };
+        }
+      } return $defineProperty(O, P, Attributes);
+    } : $defineProperty : function defineProperty(O, P, Attributes) {
       anObject$1(O);
       P = toPropertyKey(P);
       anObject$1(Attributes);
@@ -793,11 +1267,11 @@
       return O;
     };
 
-    var DESCRIPTORS$1 = descriptors;
+    var DESCRIPTORS$2 = descriptors;
     var definePropertyModule$1 = objectDefineProperty;
     var createPropertyDescriptor = createPropertyDescriptor$2;
 
-    var createNonEnumerableProperty$3 = DESCRIPTORS$1 ? function (object, key, value) {
+    var createNonEnumerableProperty$3 = DESCRIPTORS$2 ? function (object, key, value) {
       return definePropertyModule$1.f(object, key, createPropertyDescriptor(1, value));
     } : function (object, key, value) {
       object[key] = value;
@@ -806,14 +1280,14 @@
 
     var redefine$1 = {exports: {}};
 
-    var uncurryThis$5 = functionUncurryThis;
-    var isCallable$4 = isCallable$a;
+    var uncurryThis$4 = functionUncurryThis;
+    var isCallable$5 = isCallable$b;
     var store$1 = sharedStore;
 
-    var functionToString = uncurryThis$5(Function.toString);
+    var functionToString = uncurryThis$4(Function.toString);
 
     // this helper broken in `core-js@3.4.1-3.4.4`, so we can't use `shared` helper
-    if (!isCallable$4(store$1.inspectSource)) {
+    if (!isCallable$5(store$1.inspectSource)) {
       store$1.inspectSource = function (it) {
         return functionToString(it);
       };
@@ -822,12 +1296,12 @@
     var inspectSource$2 = store$1.inspectSource;
 
     var global$7 = global$o;
-    var isCallable$3 = isCallable$a;
+    var isCallable$4 = isCallable$b;
     var inspectSource$1 = inspectSource$2;
 
     var WeakMap$1 = global$7.WeakMap;
 
-    var nativeWeakMap = isCallable$3(WeakMap$1) && /native code/.test(inspectSource$1(WeakMap$1));
+    var nativeWeakMap = isCallable$4(WeakMap$1) && /native code/.test(inspectSource$1(WeakMap$1));
 
     var shared$1 = shared$3.exports;
     var uid = uid$2;
@@ -842,10 +1316,10 @@
 
     var NATIVE_WEAK_MAP = nativeWeakMap;
     var global$6 = global$o;
-    var uncurryThis$4 = functionUncurryThis;
+    var uncurryThis$3 = functionUncurryThis;
     var isObject = isObject$5;
     var createNonEnumerableProperty$2 = createNonEnumerableProperty$3;
-    var hasOwn$4 = hasOwnProperty_1;
+    var hasOwn$5 = hasOwnProperty_1;
     var shared = sharedStore;
     var sharedKey = sharedKey$1;
     var hiddenKeys$2 = hiddenKeys$3;
@@ -870,9 +1344,9 @@
 
     if (NATIVE_WEAK_MAP || shared.state) {
       var store = shared.state || (shared.state = new WeakMap());
-      var wmget = uncurryThis$4(store.get);
-      var wmhas = uncurryThis$4(store.has);
-      var wmset = uncurryThis$4(store.set);
+      var wmget = uncurryThis$3(store.get);
+      var wmhas = uncurryThis$3(store.has);
+      var wmset = uncurryThis$3(store.set);
       set = function (it, metadata) {
         if (wmhas(store, it)) throw new TypeError$1(OBJECT_ALREADY_INITIALIZED);
         metadata.facade = it;
@@ -889,16 +1363,16 @@
       var STATE = sharedKey('state');
       hiddenKeys$2[STATE] = true;
       set = function (it, metadata) {
-        if (hasOwn$4(it, STATE)) throw new TypeError$1(OBJECT_ALREADY_INITIALIZED);
+        if (hasOwn$5(it, STATE)) throw new TypeError$1(OBJECT_ALREADY_INITIALIZED);
         metadata.facade = it;
         createNonEnumerableProperty$2(it, STATE, metadata);
         return metadata;
       };
       get = function (it) {
-        return hasOwn$4(it, STATE) ? it[STATE] : {};
+        return hasOwn$5(it, STATE) ? it[STATE] : {};
       };
       has = function (it) {
-        return hasOwn$4(it, STATE);
+        return hasOwn$5(it, STATE);
       };
     }
 
@@ -910,17 +1384,17 @@
       getterFor: getterFor
     };
 
-    var DESCRIPTORS = descriptors;
-    var hasOwn$3 = hasOwnProperty_1;
+    var DESCRIPTORS$1 = descriptors;
+    var hasOwn$4 = hasOwnProperty_1;
 
     var FunctionPrototype = Function.prototype;
     // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-    var getDescriptor = DESCRIPTORS && Object.getOwnPropertyDescriptor;
+    var getDescriptor = DESCRIPTORS$1 && Object.getOwnPropertyDescriptor;
 
-    var EXISTS = hasOwn$3(FunctionPrototype, 'name');
+    var EXISTS = hasOwn$4(FunctionPrototype, 'name');
     // additional protection from minified / mangled / dropped function names
     var PROPER = EXISTS && (function something() { /* empty */ }).name === 'something';
-    var CONFIGURABLE = EXISTS && (!DESCRIPTORS || (DESCRIPTORS && getDescriptor(FunctionPrototype, 'name').configurable));
+    var CONFIGURABLE = EXISTS && (!DESCRIPTORS$1 || (DESCRIPTORS$1 && getDescriptor(FunctionPrototype, 'name').configurable));
 
     var functionName = {
       EXISTS: EXISTS,
@@ -929,8 +1403,8 @@
     };
 
     var global$5 = global$o;
-    var isCallable$2 = isCallable$a;
-    var hasOwn$2 = hasOwnProperty_1;
+    var isCallable$3 = isCallable$b;
+    var hasOwn$3 = hasOwnProperty_1;
     var createNonEnumerableProperty$1 = createNonEnumerableProperty$3;
     var setGlobal$1 = setGlobal$3;
     var inspectSource = inspectSource$2;
@@ -947,11 +1421,11 @@
       var noTargetGet = options ? !!options.noTargetGet : false;
       var name = options && options.name !== undefined ? options.name : key;
       var state;
-      if (isCallable$2(value)) {
+      if (isCallable$3(value)) {
         if (String(name).slice(0, 7) === 'Symbol(') {
           name = '[' + String(name).replace(/^Symbol\(([^)]*)\)/, '$1') + ']';
         }
-        if (!hasOwn$2(value, 'name') || (CONFIGURABLE_FUNCTION_NAME && value.name !== name)) {
+        if (!hasOwn$3(value, 'name') || (CONFIGURABLE_FUNCTION_NAME && value.name !== name)) {
           createNonEnumerableProperty$1(value, 'name', name);
         }
         state = enforceInternalState(value);
@@ -972,7 +1446,7 @@
       else createNonEnumerableProperty$1(O, key, value);
     // add fake Function#toString for correct work wrapped methods / constructors with methods like LoDash isNative
     })(Function.prototype, 'toString', function toString() {
-      return isCallable$2(this) && getInternalState(this).source || inspectSource(this);
+      return isCallable$3(this) && getInternalState(this).source || inspectSource(this);
     });
 
     var objectGetOwnPropertyNames = {};
@@ -1024,7 +1498,7 @@
     var lengthOfArrayLike = lengthOfArrayLike$1;
 
     // `Array.prototype.{ indexOf, includes }` methods implementation
-    var createMethod$1 = function (IS_INCLUDES) {
+    var createMethod = function (IS_INCLUDES) {
       return function ($this, el, fromIndex) {
         var O = toIndexedObject$1($this);
         var length = lengthOfArrayLike(O);
@@ -1046,28 +1520,28 @@
     var arrayIncludes = {
       // `Array.prototype.includes` method
       // https://tc39.es/ecma262/#sec-array.prototype.includes
-      includes: createMethod$1(true),
+      includes: createMethod(true),
       // `Array.prototype.indexOf` method
       // https://tc39.es/ecma262/#sec-array.prototype.indexof
-      indexOf: createMethod$1(false)
+      indexOf: createMethod(false)
     };
 
-    var uncurryThis$3 = functionUncurryThis;
-    var hasOwn$1 = hasOwnProperty_1;
+    var uncurryThis$2 = functionUncurryThis;
+    var hasOwn$2 = hasOwnProperty_1;
     var toIndexedObject = toIndexedObject$3;
     var indexOf = arrayIncludes.indexOf;
     var hiddenKeys$1 = hiddenKeys$3;
 
-    var push = uncurryThis$3([].push);
+    var push = uncurryThis$2([].push);
 
     var objectKeysInternal = function (object, names) {
       var O = toIndexedObject(object);
       var i = 0;
       var result = [];
       var key;
-      for (key in O) !hasOwn$1(hiddenKeys$1, key) && hasOwn$1(O, key) && push(result, key);
+      for (key in O) !hasOwn$2(hiddenKeys$1, key) && hasOwn$2(O, key) && push(result, key);
       // Don't enum bug & hidden keys
-      while (names.length > i) if (hasOwn$1(O, key = names[i++])) {
+      while (names.length > i) if (hasOwn$2(O, key = names[i++])) {
         ~indexOf(result, key) || push(result, key);
       }
       return result;
@@ -1102,12 +1576,12 @@
     objectGetOwnPropertySymbols.f = Object.getOwnPropertySymbols;
 
     var getBuiltIn = getBuiltIn$3;
-    var uncurryThis$2 = functionUncurryThis;
+    var uncurryThis$1 = functionUncurryThis;
     var getOwnPropertyNamesModule = objectGetOwnPropertyNames;
     var getOwnPropertySymbolsModule = objectGetOwnPropertySymbols;
     var anObject = anObject$2;
 
-    var concat = uncurryThis$2([].concat);
+    var concat = uncurryThis$1([].concat);
 
     // all object keys, includes non-enumerable and symbols
     var ownKeys$1 = getBuiltIn('Reflect', 'ownKeys') || function ownKeys(it) {
@@ -1116,23 +1590,25 @@
       return getOwnPropertySymbols ? concat(keys, getOwnPropertySymbols(it)) : keys;
     };
 
-    var hasOwn = hasOwnProperty_1;
+    var hasOwn$1 = hasOwnProperty_1;
     var ownKeys = ownKeys$1;
     var getOwnPropertyDescriptorModule = objectGetOwnPropertyDescriptor;
     var definePropertyModule = objectDefineProperty;
 
-    var copyConstructorProperties$1 = function (target, source) {
+    var copyConstructorProperties$2 = function (target, source, exceptions) {
       var keys = ownKeys(source);
       var defineProperty = definePropertyModule.f;
       var getOwnPropertyDescriptor = getOwnPropertyDescriptorModule.f;
       for (var i = 0; i < keys.length; i++) {
         var key = keys[i];
-        if (!hasOwn(target, key)) defineProperty(target, key, getOwnPropertyDescriptor(source, key));
+        if (!hasOwn$1(target, key) && !(exceptions && hasOwn$1(exceptions, key))) {
+          defineProperty(target, key, getOwnPropertyDescriptor(source, key));
+        }
       }
     };
 
-    var fails$1 = fails$6;
-    var isCallable$1 = isCallable$a;
+    var fails = fails$7;
+    var isCallable$2 = isCallable$b;
 
     var replacement = /#|\.prototype\./;
 
@@ -1140,7 +1616,7 @@
       var value = data[normalize(feature)];
       return value == POLYFILL ? true
         : value == NATIVE ? false
-        : isCallable$1(detection) ? fails$1(detection)
+        : isCallable$2(detection) ? fails(detection)
         : !!detection;
     };
 
@@ -1159,7 +1635,7 @@
     var createNonEnumerableProperty = createNonEnumerableProperty$3;
     var redefine = redefine$1.exports;
     var setGlobal = setGlobal$3;
-    var copyConstructorProperties = copyConstructorProperties$1;
+    var copyConstructorProperties$1 = copyConstructorProperties$2;
     var isForced = isForced_1;
 
     /*
@@ -1199,7 +1675,7 @@
         // contained in target
         if (!FORCED && targetProperty !== undefined) {
           if (typeof sourceProperty == typeof targetProperty) continue;
-          copyConstructorProperties(sourceProperty, targetProperty);
+          copyConstructorProperties$1(sourceProperty, targetProperty);
         }
         // add a flag to not completely full polyfills
         if (options.sham || (targetProperty && targetProperty.sham)) {
@@ -1221,7 +1697,7 @@
 
     var global$3 = global$o;
     var TO_STRING_TAG_SUPPORT = toStringTagSupport;
-    var isCallable = isCallable$a;
+    var isCallable$1 = isCallable$b;
     var classofRaw = classofRaw$1;
     var wellKnownSymbol = wellKnownSymbol$3;
 
@@ -1247,7 +1723,7 @@
         // builtinTag case
         : CORRECT_ARGUMENTS ? classofRaw(O)
         // ES3 arguments fallback
-        : (result = classofRaw(O)) == 'Object' && isCallable(O.callee) ? 'Arguments' : result;
+        : (result = classofRaw(O)) == 'Object' && isCallable$1(O.callee) ? 'Arguments' : result;
     };
 
     var global$2 = global$o;
@@ -1255,207 +1731,110 @@
 
     var String$1 = global$2.String;
 
-    var toString$2 = function (argument) {
+    var toString$1 = function (argument) {
       if (classof(argument) === 'Symbol') throw TypeError('Cannot convert a Symbol value to a string');
       return String$1(argument);
     };
 
-    // a string of all valid unicode whitespaces
-    var whitespaces$2 = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u2001\u2002' +
-      '\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';
-
-    var uncurryThis$1 = functionUncurryThis;
-    var requireObjectCoercible = requireObjectCoercible$3;
-    var toString$1 = toString$2;
-    var whitespaces$1 = whitespaces$2;
-
-    var replace = uncurryThis$1(''.replace);
-    var whitespace = '[' + whitespaces$1 + ']';
-    var ltrim = RegExp('^' + whitespace + whitespace + '*');
-    var rtrim = RegExp(whitespace + whitespace + '*$');
-
-    // `String.prototype.{ trim, trimStart, trimEnd, trimLeft, trimRight }` methods implementation
-    var createMethod = function (TYPE) {
-      return function ($this) {
-        var string = toString$1(requireObjectCoercible($this));
-        if (TYPE & 1) string = replace(string, ltrim, '');
-        if (TYPE & 2) string = replace(string, rtrim, '');
-        return string;
-      };
-    };
-
-    var stringTrim = {
-      // `String.prototype.{ trimLeft, trimStart }` methods
-      // https://tc39.es/ecma262/#sec-string.prototype.trimstart
-      start: createMethod(1),
-      // `String.prototype.{ trimRight, trimEnd }` methods
-      // https://tc39.es/ecma262/#sec-string.prototype.trimend
-      end: createMethod(2),
-      // `String.prototype.trim` method
-      // https://tc39.es/ecma262/#sec-string.prototype.trim
-      trim: createMethod(3)
-    };
-
+    var $ = _export;
+    var DESCRIPTORS = descriptors;
     var global$1 = global$o;
-    var fails = fails$6;
     var uncurryThis = functionUncurryThis;
-    var toString = toString$2;
-    var trim = stringTrim.trim;
-    var whitespaces = whitespaces$2;
-
-    var $parseInt$1 = global$1.parseInt;
-    var Symbol$1 = global$1.Symbol;
-    var ITERATOR = Symbol$1 && Symbol$1.iterator;
-    var hex = /^[+-]?0x/i;
-    var exec = uncurryThis(hex.exec);
-    var FORCED = $parseInt$1(whitespaces + '08') !== 8 || $parseInt$1(whitespaces + '0x16') !== 22
-      // MS Edge 18- broken with boxed symbols
-      || (ITERATOR && !fails(function () { $parseInt$1(Object(ITERATOR)); }));
-
-    // `parseInt` method
-    // https://tc39.es/ecma262/#sec-parseint-string-radix
-    var numberParseInt = FORCED ? function parseInt(string, radix) {
-      var S = trim(toString(string));
-      return $parseInt$1(S, (radix >>> 0) || (exec(hex, S) ? 16 : 10));
-    } : $parseInt$1;
-
-    var $ = _export;
-    var $parseInt = numberParseInt;
+    var hasOwn = hasOwnProperty_1;
+    var isCallable = isCallable$b;
+    var isPrototypeOf = objectIsPrototypeOf;
+    var toString = toString$1;
+    var defineProperty = objectDefineProperty.f;
+    var copyConstructorProperties = copyConstructorProperties$2;
+
+    var NativeSymbol = global$1.Symbol;
+    var SymbolPrototype = NativeSymbol && NativeSymbol.prototype;
+
+    if (DESCRIPTORS && isCallable(NativeSymbol) && (!('description' in SymbolPrototype) ||
+      // Safari 12 bug
+      NativeSymbol().description !== undefined
+    )) {
+      var EmptyStringDescriptionStore = {};
+      // wrap Symbol constructor for correct work with undefined description
+      var SymbolWrapper = function Symbol() {
+        var description = arguments.length < 1 || arguments[0] === undefined ? undefined : toString(arguments[0]);
+        var result = isPrototypeOf(SymbolPrototype, this)
+          ? new NativeSymbol(description)
+          // in Edge 13, String(Symbol(undefined)) === 'Symbol(undefined)'
+          : description === undefined ? NativeSymbol() : NativeSymbol(description);
+        if (description === '') EmptyStringDescriptionStore[result] = true;
+        return result;
+      };
 
-    // `parseInt` method
-    // https://tc39.es/ecma262/#sec-parseint-string-radix
-    $({ global: true, forced: parseInt != $parseInt }, {
-      parseInt: $parseInt
-    });
+      copyConstructorProperties(SymbolWrapper, NativeSymbol);
+      SymbolWrapper.prototype = SymbolPrototype;
+      SymbolPrototype.constructor = SymbolWrapper;
+
+      var NATIVE_SYMBOL = String(NativeSymbol('test')) == 'Symbol(test)';
+      var symbolToString = uncurryThis(SymbolPrototype.toString);
+      var symbolValueOf = uncurryThis(SymbolPrototype.valueOf);
+      var regexp = /^Symbol\((.*)\)[^)]+$/;
+      var replace = uncurryThis(''.replace);
+      var stringSlice = uncurryThis(''.slice);
+
+      defineProperty(SymbolPrototype, 'description', {
+        configurable: true,
+        get: function description() {
+          var symbol = symbolValueOf(this);
+          var string = symbolToString(symbol);
+          if (hasOwn(EmptyStringDescriptionStore, symbol)) return '';
+          var desc = NATIVE_SYMBOL ? stringSlice(string, 7, -1) : replace(string, regexp, '$1');
+          return desc === '' ? undefined : desc;
+        }
+      });
 
-    var useInput = function useInput(props, evaluator, notify) {
-      var id = React.useMemo(function () {
-        return props.id || extract.randomId();
-      }, [props.id]);
-      var ref = React.useRef(null);
+      $({ global: true, forced: true }, {
+        Symbol: SymbolWrapper
+      });
+    }
 
-      var _a = React.useState(props.value),
-          value = _a[0],
-          setValue = _a[1];
+    var RadioGroup = function RadioGroup(_a) {
+      var description = _a.description,
+          title = _a.title,
+          validator = _a.validator,
+          onChangeRadio = _a.onChangeRadio,
+          children = _a.children;
 
-      var _b = React.useState(props.checked),
+      var _b = React__default["default"].useState(),
           checked = _b[0],
           setChecked = _b[1];
 
-      React.useEffect(function () {
-        if (ref.current && ref.current.form) {
-          var resetListener_1 = function resetListener_1() {
-            setValue(props.value);
-            setChecked(props.checked);
-          };
-
-          var form_1 = ref.current.form;
-          form_1.addEventListener('reset', resetListener_1);
-          return function () {
-            return form_1.removeEventListener('reset', resetListener_1);
-          };
-        } else {
-          // eslint-disable-next-line @typescript-eslint/no-empty-function
-          return function () {};
-        }
-      }, [props]);
+      var validatorClassName = extract.validateClassName(validator === null || validator === void 0 ? void 0 : validator.indicator);
 
       var onChange = function onChange(event) {
-        setValue(event.target.value);
-        setChecked(event.target.checked);
-        if (notify) notify(evaluator(event.target));
+        setChecked(event.target.value);
+        onChangeRadio && onChangeRadio(event.target.value);
       };
 
-      return __assign(__assign({}, props), {
-        id: id,
-        ref: ref,
-        value: value,
-        checked: checked,
-        onChange: onChange
-      });
-    };
-
-    var RenderInput = function RenderInput(type, props, evaluator, label, info, listener) {
-      var _a = useInput(props, evaluator, listener),
-          value = _a.value,
-          inputProps = __rest(_a, ["value"]);
-
-      var propsWithDescription = info ? __assign(__assign({}, inputProps), {
-        'aria-describedby': "".concat(inputProps.id, "_info")
-      }) : inputProps;
       return jsxRuntime.jsxs("div", __assign({
-        className: "form-field"
+        className: "form-group"
       }, {
-        children: [label && jsxRuntime.jsx("label", __assign({
-          htmlFor: inputProps.id
+        children: [jsxRuntime.jsxs("fieldset", __assign({
+          className: validatorClassName
         }, {
-          children: label
-        }), void 0), info && jsxRuntime.jsx("span", __assign({
-          className: "form-info",
-          id: "{inputProps.id}_info"
+          children: [jsxRuntime.jsx("legend", {
+            children: title
+          }, void 0), jsxRuntime.jsx("span", __assign({
+            className: "form-info"
+          }, {
+            children: description
+          }), void 0), React__default["default"].Children.map(children, function (Child) {
+            return /*#__PURE__*/React__default["default"].isValidElement(Child) ? /*#__PURE__*/React__default["default"].cloneElement(Child, {
+              validator: validatorClassName,
+              onChange: onChange,
+              checked: checked === Child.props.value
+            }) : Child;
+          })]
+        }), void 0), (validator === null || validator === void 0 ? void 0 : validator.message) && jsxRuntime.jsx("span", __assign({
+          className: "form-info"
         }, {
-          children: info
-        }), void 0), jsxRuntime.jsx("input", __assign({
-          type: type,
-          value: value
-        }, propsWithDescription), void 0)]
-      }), void 0);
-    };
-
-    var TextInput = function TextInput(_a) {
-      var label = _a.label,
-          info = _a.info,
-          onChangeText = _a.onChangeText,
-          props = __rest(_a, ["label", "info", "onChangeText"]);
-
-      return RenderInput('text', props, function (e) {
-        return e.value;
-      }, label, info, onChangeText);
-    };
-    var EmailInput = function EmailInput(_a) {
-      var label = _a.label,
-          info = _a.info,
-          onChangeText = _a.onChangeText,
-          props = __rest(_a, ["label", "info", "onChangeText"]);
-
-      return RenderInput('email', props, function (e) {
-        return e.value;
-      }, label, info, onChangeText);
-    };
-    var NumberInput = function NumberInput(_a) {
-      var label = _a.label,
-          info = _a.info,
-          onChangeText = _a.onChangeText,
-          props = __rest(_a, ["label", "info", "onChangeText"]);
-
-      return RenderInput('number', props, function (e) {
-        return e.value.length ? parseInt(e.value, 10) : undefined;
-      }, label, info, onChangeText);
-    };
-    var Checkbox = function Checkbox(_a) {
-      var label = _a.label,
-          onChecked = _a.onChecked,
-          props = __rest(_a, ["label", "onChecked"]);
-
-      var inputProps = useInput(props, function (e) {
-        return e.checked;
-      }, onChecked);
-      return jsxRuntime.jsxs("label", __assign({
-        htmlFor: inputProps.id,
-        className: "form-control"
-      }, {
-        children: [label, jsxRuntime.jsx("input", __assign({
-          type: "checkbox"
-        }, inputProps), void 0), jsxRuntime.jsx("span", {}, void 0)]
-      }), void 0);
-    };
-
-    var Text = function Text(_a) {
-      var children = _a.children;
-      return jsxRuntime.jsx("span", __assign({
-        className: "form-text"
-      }, {
-        children: children
+          children: validator === null || validator === void 0 ? void 0 : validator.message
+        }), void 0)]
       }), void 0);
     };
 
@@ -1621,12 +2000,16 @@
     exports.EmailInput = EmailInput;
     exports.Flexbox = Flexbox;
     exports.Form = Form;
+    exports.FormItems = FormItems;
     exports.Group = Group;
     exports.Link = Link;
     exports.List = List;
     exports.Modal = Modal;
     exports.Navbar = Navbar;
     exports.NumberInput = NumberInput;
+    exports.RadioButton = RadioButton;
+    exports.RadioGroup = RadioGroup;
+    exports.RenderInput = RenderInput;
     exports.Text = Text;
     exports.TextInput = TextInput;