@bolttech/form-engine 3.1.0-beta.5 → 3.1.0-beta.7

package/index.esm.js

@@ -1,10 +1,10 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { FormGroup, FormCore } from '@bolttech/form-engine-core';
-import { createContext, useContext, useRef, useMemo, useState, useEffect, useCallback, Suspense, Children } from 'react';
+import { createContext, useContext, useRef, useMemo, useState, useEffect, useCallback, Suspense } from 'react';
+import { FormGroup, FormField, FormCore } from '@bolttech/form-engine-core';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
-var fails$h = function (exec) {
+var fails$e = function (exec) {
   try {
     return !!exec();
   } catch (error) {
@@ -12,9 +12,9 @@ var fails$h = function (exec) {
   }
 };
 
-var fails$g = fails$h;
+var fails$d = fails$e;
 
-var functionBindNative = !fails$g(function () {
+var functionBindNative = !fails$d(function () {
   // eslint-disable-next-line es/no-function-prototype-bind -- safe
   var test = (function () { /* empty */ }).bind();
   // eslint-disable-next-line no-prototype-builtins -- safe
@@ -24,33 +24,33 @@ var functionBindNative = !fails$g(function () {
 var NATIVE_BIND$1 = functionBindNative;
 
 var FunctionPrototype$1 = Function.prototype;
-var call$8 = FunctionPrototype$1.call;
-var uncurryThisWithBind = NATIVE_BIND$1 && FunctionPrototype$1.bind.bind(call$8, call$8);
+var call$7 = FunctionPrototype$1.call;
+var uncurryThisWithBind = NATIVE_BIND$1 && FunctionPrototype$1.bind.bind(call$7, call$7);
 
 var functionUncurryThis = NATIVE_BIND$1 ? uncurryThisWithBind : function (fn) {
   return function () {
-    return call$8.apply(fn, arguments);
+    return call$7.apply(fn, arguments);
   };
 };
 
-var uncurryThis$f = functionUncurryThis;
+var uncurryThis$e = functionUncurryThis;
 
-var toString$5 = uncurryThis$f({}.toString);
-var stringSlice$3 = uncurryThis$f(''.slice);
+var toString$4 = uncurryThis$e({}.toString);
+var stringSlice$2 = uncurryThis$e(''.slice);
 
 var classofRaw$2 = function (it) {
-  return stringSlice$3(toString$5(it), 8, -1);
+  return stringSlice$2(toString$4(it), 8, -1);
 };
 
-var uncurryThis$e = functionUncurryThis;
-var fails$f = fails$h;
+var uncurryThis$d = functionUncurryThis;
+var fails$c = fails$e;
 var classof$3 = classofRaw$2;
 
 var $Object$4 = Object;
-var split = uncurryThis$e(''.split);
+var split = uncurryThis$d(''.split);
 
 // fallback for non-array-like ES3 and non-enumerable old V8 strings
-var indexedObject = fails$f(function () {
+var indexedObject = fails$c(function () {
   // throws an error in rhino, see https://github.com/mozilla/rhino/issues/346
   // eslint-disable-next-line no-prototype-builtins -- safe
   return !$Object$4('z').propertyIsEnumerable(0);
@@ -88,7 +88,7 @@ var check = function (it) {
 };
 
 // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
-var global$e =
+var global$b =
   // eslint-disable-next-line es/no-global-this -- safe
   check(typeof globalThis == 'object' && globalThis) ||
   check(typeof window == 'object' && window) ||
@@ -101,20 +101,20 @@ var global$e =
 
 var sharedStore = {exports: {}};
 
-var global$d = global$e;
+var global$a = global$b;
 
 // eslint-disable-next-line es/no-object-defineproperty -- safe
 var defineProperty$5 = Object.defineProperty;
 
 var defineGlobalProperty$3 = function (key, value) {
   try {
-    defineProperty$5(global$d, key, { value: value, configurable: true, writable: true });
+    defineProperty$5(global$a, key, { value: value, configurable: true, writable: true });
   } catch (error) {
-    global$d[key] = value;
+    global$a[key] = value;
   } return value;
 };
 
-var globalThis$1 = global$e;
+var globalThis$1 = global$b;
 var defineGlobalProperty$2 = defineGlobalProperty$3;
 
 var SHARED = '__core-js_shared__';
@@ -130,7 +130,7 @@ var store$3 = sharedStore.exports = globalThis$1[SHARED] || defineGlobalProperty
 
 var store$2 = sharedStore.exports;
 
-var shared$4 = function (key, value) {
+var shared$3 = function (key, value) {
   return store$2[key] || (store$2[key] = value || {});
 };
 
@@ -144,10 +144,10 @@ var toObject$4 = function (argument) {
   return $Object$3(requireObjectCoercible$2(argument));
 };
 
-var uncurryThis$d = functionUncurryThis;
+var uncurryThis$c = functionUncurryThis;
 var toObject$3 = toObject$4;
 
-var hasOwnProperty = uncurryThis$d({}.hasOwnProperty);
+var hasOwnProperty = uncurryThis$c({}.hasOwnProperty);
 
 // `HasOwnProperty` abstract operation
 // https://tc39.es/ecma262/#sec-hasownproperty
@@ -156,23 +156,23 @@ var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
   return hasOwnProperty(toObject$3(it), key);
 };
 
-var uncurryThis$c = functionUncurryThis;
+var uncurryThis$b = functionUncurryThis;
 
 var id = 0;
 var postfix = Math.random();
-var toString$4 = uncurryThis$c(1.0.toString);
+var toString$3 = uncurryThis$b(1.0.toString);
 
 var uid$2 = function (key) {
-  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$4(++id + postfix, 36);
+  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$3(++id + postfix, 36);
 };
 
 var engineUserAgent = typeof navigator != 'undefined' && String(navigator.userAgent) || '';
 
-var global$c = global$e;
+var global$9 = global$b;
 var userAgent$2 = engineUserAgent;
 
-var process = global$c.process;
-var Deno = global$c.Deno;
+var process = global$9.process;
+var Deno = global$9.Deno;
 var versions = process && process.versions || Deno && Deno.version;
 var v8 = versions && versions.v8;
 var match, version;
@@ -198,13 +198,13 @@ var engineV8Version = version;
 
 /* eslint-disable es/no-symbol -- required for testing */
 var V8_VERSION = engineV8Version;
-var fails$e = fails$h;
-var global$b = global$e;
+var fails$b = fails$e;
+var global$8 = global$b;
 
-var $String$5 = global$b.String;
+var $String$5 = global$8.String;
 
 // eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
-var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$e(function () {
+var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$b(function () {
   var symbol = Symbol('symbol detection');
   // Chrome 38 Symbol has incorrect toString conversion
   // `get-own-property-symbols` polyfill symbols converted to object are not Symbol instances
@@ -222,15 +222,15 @@ var useSymbolAsUid = NATIVE_SYMBOL$1
   && !Symbol.sham
   && typeof Symbol.iterator == 'symbol';
 
-var global$a = global$e;
-var shared$3 = shared$4;
+var global$7 = global$b;
+var shared$2 = shared$3;
 var hasOwn$9 = hasOwnProperty_1;
 var uid$1 = uid$2;
 var NATIVE_SYMBOL = symbolConstructorDetection;
 var USE_SYMBOL_AS_UID$1 = useSymbolAsUid;
 
-var Symbol$1 = global$a.Symbol;
-var WellKnownSymbolsStore = shared$3('wks');
+var Symbol$1 = global$7.Symbol;
+var WellKnownSymbolsStore = shared$2('wks');
 var createWellKnownSymbol = USE_SYMBOL_AS_UID$1 ? Symbol$1['for'] || Symbol$1 : Symbol$1 && Symbol$1.withoutSetter || uid$1;
 
 var wellKnownSymbol$a = function (name) {
@@ -272,20 +272,20 @@ var anObject$6 = function (argument) {
 
 var objectDefineProperties = {};
 
-var fails$d = fails$h;
+var fails$a = fails$e;
 
 // Detect IE8's incomplete defineProperty implementation
-var descriptors = !fails$d(function () {
+var descriptors = !fails$a(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] !== 7;
 });
 
 var DESCRIPTORS$9 = descriptors;
-var fails$c = fails$h;
+var fails$9 = fails$e;
 
 // V8 ~ Chrome 36-
 // https://bugs.chromium.org/p/v8/issues/detail?id=3334
-var v8PrototypeDefineBug = DESCRIPTORS$9 && fails$c(function () {
+var v8PrototypeDefineBug = DESCRIPTORS$9 && fails$9(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty(function () { /* empty */ }, 'prototype', {
     value: 42,
@@ -295,10 +295,10 @@ var v8PrototypeDefineBug = DESCRIPTORS$9 && fails$c(function () {
 
 var objectDefineProperty = {};
 
-var global$9 = global$e;
+var global$6 = global$b;
 var isObject$7 = isObject$9;
 
-var document$1 = global$9.document;
+var document$1 = global$6.document;
 // typeof document.createElement is 'object' in old IE
 var EXISTS$1 = isObject$7(document$1) && isObject$7(document$1.createElement);
 
@@ -307,11 +307,11 @@ var documentCreateElement$2 = function (it) {
 };
 
 var DESCRIPTORS$8 = descriptors;
-var fails$b = fails$h;
+var fails$8 = fails$e;
 var createElement = documentCreateElement$2;
 
 // Thanks to IE8 for its funny defineProperty
-var ie8DomDefine = !DESCRIPTORS$8 && !fails$b(function () {
+var ie8DomDefine = !DESCRIPTORS$8 && !fails$8(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty(createElement('div'), 'a', {
     get: function () { return 7; }
@@ -320,13 +320,13 @@ var ie8DomDefine = !DESCRIPTORS$8 && !fails$b(function () {
 
 var NATIVE_BIND = functionBindNative;
 
-var call$7 = Function.prototype.call;
+var call$6 = Function.prototype.call;
 
-var functionCall = NATIVE_BIND ? call$7.bind(call$7) : function () {
-  return call$7.apply(call$7, arguments);
+var functionCall = NATIVE_BIND ? call$6.bind(call$6) : function () {
+  return call$6.apply(call$6, arguments);
 };
 
-var global$8 = global$e;
+var global$5 = global$b;
 var isCallable$c = isCallable$e;
 
 var aFunction = function (argument) {
@@ -334,12 +334,12 @@ var aFunction = function (argument) {
 };
 
 var getBuiltIn$3 = function (namespace, method) {
-  return arguments.length < 2 ? aFunction(global$8[namespace]) : global$8[namespace] && global$8[namespace][method];
+  return arguments.length < 2 ? aFunction(global$5[namespace]) : global$5[namespace] && global$5[namespace][method];
 };
 
-var uncurryThis$b = functionUncurryThis;
+var uncurryThis$a = functionUncurryThis;
 
-var objectIsPrototypeOf = uncurryThis$b({}.isPrototypeOf);
+var objectIsPrototypeOf = uncurryThis$a({}.isPrototypeOf);
 
 var getBuiltIn$2 = getBuiltIn$3;
 var isCallable$b = isCallable$e;
@@ -386,7 +386,7 @@ var getMethod$1 = function (V, P) {
   return isNullOrUndefined(func) ? undefined : aCallable$2(func);
 };
 
-var call$6 = functionCall;
+var call$5 = functionCall;
 var isCallable$9 = isCallable$e;
 var isObject$6 = isObject$9;
 
@@ -396,13 +396,13 @@ var $TypeError$5 = TypeError;
 // https://tc39.es/ecma262/#sec-ordinarytoprimitive
 var ordinaryToPrimitive$1 = function (input, pref) {
   var fn, val;
-  if (pref === 'string' && isCallable$9(fn = input.toString) && !isObject$6(val = call$6(fn, input))) return val;
-  if (isCallable$9(fn = input.valueOf) && !isObject$6(val = call$6(fn, input))) return val;
-  if (pref !== 'string' && isCallable$9(fn = input.toString) && !isObject$6(val = call$6(fn, input))) return val;
+  if (pref === 'string' && isCallable$9(fn = input.toString) && !isObject$6(val = call$5(fn, input))) return val;
+  if (isCallable$9(fn = input.valueOf) && !isObject$6(val = call$5(fn, input))) return val;
+  if (pref !== 'string' && isCallable$9(fn = input.toString) && !isObject$6(val = call$5(fn, input))) return val;
   throw new $TypeError$5("Can't convert object to primitive value");
 };
 
-var call$5 = functionCall;
+var call$4 = functionCall;
 var isObject$5 = isObject$9;
 var isSymbol$1 = isSymbol$2;
 var getMethod = getMethod$1;
@@ -420,7 +420,7 @@ var toPrimitive$1 = function (input, pref) {
   var result;
   if (exoticToPrim) {
     if (pref === undefined) pref = 'default';
-    result = call$5(exoticToPrim, input, pref);
+    result = call$4(exoticToPrim, input, pref);
     if (!isObject$5(result) || isSymbol$1(result)) return result;
     throw new $TypeError$4("Can't convert object to primitive value");
   }
@@ -571,13 +571,13 @@ var arrayIncludes = {
 
 var hiddenKeys$4 = {};
 
-var uncurryThis$a = functionUncurryThis;
+var uncurryThis$9 = functionUncurryThis;
 var hasOwn$8 = hasOwnProperty_1;
 var toIndexedObject$3 = toIndexedObject$5;
-var indexOf$1 = arrayIncludes.indexOf;
+var indexOf = arrayIncludes.indexOf;
 var hiddenKeys$3 = hiddenKeys$4;
 
-var push$1 = uncurryThis$a([].push);
+var push$1 = uncurryThis$9([].push);
 
 var objectKeysInternal = function (object, names) {
   var O = toIndexedObject$3(object);
@@ -587,7 +587,7 @@ var objectKeysInternal = function (object, names) {
   for (key in O) !hasOwn$8(hiddenKeys$3, key) && hasOwn$8(O, key) && push$1(result, key);
   // Don't enum bug & hidden keys
   while (names.length > i) if (hasOwn$8(O, key = names[i++])) {
-    ~indexOf$1(result, key) || push$1(result, key);
+    ~indexOf(result, key) || push$1(result, key);
   }
   return result;
 };
@@ -638,10 +638,10 @@ var getBuiltIn$1 = getBuiltIn$3;
 
 var html$1 = getBuiltIn$1('document', 'documentElement');
 
-var shared$2 = shared$4;
+var shared$1 = shared$3;
 var uid = uid$2;
 
-var keys = shared$2('keys');
+var keys = shared$1('keys');
 
 var sharedKey$3 = function (key) {
   return keys[key] || (keys[key] = uid(key));
@@ -732,7 +732,7 @@ var objectCreate = Object.create || function create(O, Properties) {
 };
 
 var wellKnownSymbol$8 = wellKnownSymbol$a;
-var create$2 = objectCreate;
+var create$1 = objectCreate;
 var defineProperty$4 = objectDefineProperty.f;
 
 var UNSCOPABLES = wellKnownSymbol$8('unscopables');
@@ -743,7 +743,7 @@ var ArrayPrototype = Array.prototype;
 if (ArrayPrototype[UNSCOPABLES] === undefined) {
   defineProperty$4(ArrayPrototype, UNSCOPABLES, {
     configurable: true,
-    value: create$2(null)
+    value: create$1(null)
   });
 }
 
@@ -754,10 +754,10 @@ var addToUnscopables$1 = function (key) {
 
 var iterators = {};
 
-var global$7 = global$e;
+var global$4 = global$b;
 var isCallable$8 = isCallable$e;
 
-var WeakMap$1 = global$7.WeakMap;
+var WeakMap$1 = global$4.WeakMap;
 
 var weakMapBasicDetection = isCallable$8(WeakMap$1) && /native code/.test(String(WeakMap$1));
 
@@ -782,17 +782,17 @@ var createNonEnumerableProperty$4 = DESCRIPTORS$5 ? function (object, key, value
 };
 
 var NATIVE_WEAK_MAP = weakMapBasicDetection;
-var global$6 = global$e;
+var global$3 = global$b;
 var isObject$4 = isObject$9;
 var createNonEnumerableProperty$3 = createNonEnumerableProperty$4;
 var hasOwn$7 = hasOwnProperty_1;
-var shared$1 = sharedStore.exports;
+var shared = sharedStore.exports;
 var sharedKey$1 = sharedKey$3;
 var hiddenKeys$1 = hiddenKeys$4;
 
 var OBJECT_ALREADY_INITIALIZED = 'Object already initialized';
-var TypeError$1 = global$6.TypeError;
-var WeakMap = global$6.WeakMap;
+var TypeError$1 = global$3.TypeError;
+var WeakMap = global$3.WeakMap;
 var set, get, has;
 
 var enforce = function (it) {
@@ -808,8 +808,8 @@ var getterFor = function (TYPE) {
   };
 };
 
-if (NATIVE_WEAK_MAP || shared$1.state) {
-  var store$1 = shared$1.state || (shared$1.state = new WeakMap());
+if (NATIVE_WEAK_MAP || shared.state) {
+  var store$1 = shared.state || (shared.state = new WeakMap());
   /* eslint-disable no-self-assign -- prototype methods protection */
   store$1.get = store$1.get;
   store$1.has = store$1.has;
@@ -871,7 +871,7 @@ objectPropertyIsEnumerable.f = NASHORN_BUG ? function propertyIsEnumerable(V) {
 } : $propertyIsEnumerable;
 
 var DESCRIPTORS$4 = descriptors;
-var call$4 = functionCall;
+var call$3 = functionCall;
 var propertyIsEnumerableModule$1 = objectPropertyIsEnumerable;
 var createPropertyDescriptor$1 = createPropertyDescriptor$3;
 var toIndexedObject$1 = toIndexedObject$5;
@@ -890,7 +890,7 @@ objectGetOwnPropertyDescriptor.f = DESCRIPTORS$4 ? $getOwnPropertyDescriptor : f
   if (IE8_DOM_DEFINE) try {
     return $getOwnPropertyDescriptor(O, P);
   } catch (error) { /* empty */ }
-  if (hasOwn$6(O, P)) return createPropertyDescriptor$1(!call$4(propertyIsEnumerableModule$1.f, O, P), O[P]);
+  if (hasOwn$6(O, P)) return createPropertyDescriptor$1(!call$3(propertyIsEnumerableModule$1.f, O, P), O[P]);
 };
 
 var makeBuiltIn$2 = {exports: {}};
@@ -913,11 +913,11 @@ var functionName = {
   CONFIGURABLE: CONFIGURABLE
 };
 
-var uncurryThis$9 = functionUncurryThis;
+var uncurryThis$8 = functionUncurryThis;
 var isCallable$7 = isCallable$e;
 var store = sharedStore.exports;
 
-var functionToString = uncurryThis$9(Function.toString);
+var functionToString = uncurryThis$8(Function.toString);
 
 // this helper broken in `core-js@3.4.1-3.4.4`, so we can't use `shared` helper
 if (!isCallable$7(store.inspectSource)) {
@@ -928,8 +928,8 @@ if (!isCallable$7(store.inspectSource)) {
 
 var inspectSource$1 = store.inspectSource;
 
-var uncurryThis$8 = functionUncurryThis;
-var fails$a = fails$h;
+var uncurryThis$7 = functionUncurryThis;
+var fails$7 = fails$e;
 var isCallable$6 = isCallable$e;
 var hasOwn$4 = hasOwnProperty_1;
 var DESCRIPTORS$2 = descriptors;
@@ -938,23 +938,23 @@ var inspectSource = inspectSource$1;
 var InternalStateModule$1 = internalState;
 
 var enforceInternalState = InternalStateModule$1.enforce;
-var getInternalState$2 = InternalStateModule$1.get;
+var getInternalState$1 = InternalStateModule$1.get;
 var $String$2 = String;
 // eslint-disable-next-line es/no-object-defineproperty -- safe
 var defineProperty$3 = Object.defineProperty;
-var stringSlice$2 = uncurryThis$8(''.slice);
-var replace$1 = uncurryThis$8(''.replace);
-var join = uncurryThis$8([].join);
+var stringSlice$1 = uncurryThis$7(''.slice);
+var replace = uncurryThis$7(''.replace);
+var join = uncurryThis$7([].join);
 
-var CONFIGURABLE_LENGTH = DESCRIPTORS$2 && !fails$a(function () {
+var CONFIGURABLE_LENGTH = DESCRIPTORS$2 && !fails$7(function () {
   return defineProperty$3(function () { /* empty */ }, 'length', { value: 8 }).length !== 8;
 });
 
 var TEMPLATE = String(String).split('String');
 
 var makeBuiltIn$1 = makeBuiltIn$2.exports = function (value, name, options) {
-  if (stringSlice$2($String$2(name), 0, 7) === 'Symbol(') {
-    name = '[' + replace$1($String$2(name), /^Symbol\(([^)]*)\).*$/, '$1') + ']';
+  if (stringSlice$1($String$2(name), 0, 7) === 'Symbol(') {
+    name = '[' + replace($String$2(name), /^Symbol\(([^)]*)\).*$/, '$1') + ']';
   }
   if (options && options.getter) name = 'get ' + name;
   if (options && options.setter) name = 'set ' + name;
@@ -980,7 +980,7 @@ var makeBuiltIn$1 = makeBuiltIn$2.exports = function (value, name, options) {
 // add fake Function#toString for correct work wrapped methods / constructors with methods like LoDash isNative
 // eslint-disable-next-line no-extend-native -- required
 Function.prototype.toString = makeBuiltIn$1(function toString() {
-  return isCallable$6(this) && getInternalState$2(this).source || inspectSource(this);
+  return isCallable$6(this) && getInternalState$1(this).source || inspectSource(this);
 }, 'toString');
 
 var isCallable$5 = isCallable$e;
@@ -1031,12 +1031,12 @@ var objectGetOwnPropertySymbols = {};
 objectGetOwnPropertySymbols.f = Object.getOwnPropertySymbols;
 
 var getBuiltIn = getBuiltIn$3;
-var uncurryThis$7 = functionUncurryThis;
+var uncurryThis$6 = functionUncurryThis;
 var getOwnPropertyNamesModule = objectGetOwnPropertyNames;
 var getOwnPropertySymbolsModule$1 = objectGetOwnPropertySymbols;
 var anObject$2 = anObject$6;
 
-var concat$1 = uncurryThis$7([].concat);
+var concat$1 = uncurryThis$6([].concat);
 
 // all object keys, includes non-enumerable and symbols
 var ownKeys$1 = getBuiltIn('Reflect', 'ownKeys') || function ownKeys(it) {
@@ -1062,7 +1062,7 @@ var copyConstructorProperties$1 = function (target, source, exceptions) {
   }
 };
 
-var fails$9 = fails$h;
+var fails$6 = fails$e;
 var isCallable$4 = isCallable$e;
 
 var replacement = /#|\.prototype\./;
@@ -1071,7 +1071,7 @@ var isForced$1 = function (feature, detection) {
   var value = data[normalize(feature)];
   return value === POLYFILL ? true
     : value === NATIVE ? false
-    : isCallable$4(detection) ? fails$9(detection)
+    : isCallable$4(detection) ? fails$6(detection)
     : !!detection;
 };
 
@@ -1085,7 +1085,7 @@ var POLYFILL = isForced$1.POLYFILL = 'P';
 
 var isForced_1 = isForced$1;
 
-var global$5 = global$e;
+var global$2 = global$b;
 var getOwnPropertyDescriptor$1 = objectGetOwnPropertyDescriptor.f;
 var createNonEnumerableProperty$2 = createNonEnumerableProperty$4;
 var defineBuiltIn$3 = defineBuiltIn$4;
@@ -1114,11 +1114,11 @@ var _export = function (options, source) {
   var STATIC = options.stat;
   var FORCED, target, key, targetProperty, sourceProperty, descriptor;
   if (GLOBAL) {
-    target = global$5;
+    target = global$2;
   } else if (STATIC) {
-    target = global$5[TARGET] || defineGlobalProperty(TARGET, {});
+    target = global$2[TARGET] || defineGlobalProperty(TARGET, {});
   } else {
-    target = global$5[TARGET] && global$5[TARGET].prototype;
+    target = global$2[TARGET] && global$2[TARGET].prototype;
   }
   if (target) for (key in source) {
     sourceProperty = source[key];
@@ -1140,9 +1140,9 @@ var _export = function (options, source) {
   }
 };
 
-var fails$8 = fails$h;
+var fails$5 = fails$e;
 
-var correctPrototypeGetter = !fails$8(function () {
+var correctPrototypeGetter = !fails$5(function () {
   function F() { /* empty */ }
   F.prototype.constructor = null;
   // eslint-disable-next-line es/no-object-getprototypeof -- required for testing
@@ -1171,7 +1171,7 @@ var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? $Object$1.getPrototypeOf :
   } return object instanceof $Object$1 ? ObjectPrototype : null;
 };
 
-var fails$7 = fails$h;
+var fails$4 = fails$e;
 var isCallable$2 = isCallable$e;
 var isObject$3 = isObject$9;
 var getPrototypeOf$1 = objectGetPrototypeOf;
@@ -1196,7 +1196,7 @@ if ([].keys) {
   }
 }
 
-var NEW_ITERATOR_PROTOTYPE = !isObject$3(IteratorPrototype$2) || fails$7(function () {
+var NEW_ITERATOR_PROTOTYPE = !isObject$3(IteratorPrototype$2) || fails$4(function () {
   var test = {};
   // FF44- legacy iterators case
   return IteratorPrototype$2[ITERATOR$2].call(test) !== test;
@@ -1231,7 +1231,7 @@ var setToStringTag$3 = function (target, TAG, STATIC) {
 };
 
 var IteratorPrototype$1 = iteratorsCore.IteratorPrototype;
-var create$1 = objectCreate;
+var create = objectCreate;
 var createPropertyDescriptor = createPropertyDescriptor$3;
 var setToStringTag$2 = setToStringTag$3;
 var Iterators$2 = iterators;
@@ -1240,19 +1240,19 @@ var returnThis$1 = function () { return this; };
 
 var iteratorCreateConstructor = function (IteratorConstructor, NAME, next, ENUMERABLE_NEXT) {
   var TO_STRING_TAG = NAME + ' Iterator';
-  IteratorConstructor.prototype = create$1(IteratorPrototype$1, { next: createPropertyDescriptor(+!ENUMERABLE_NEXT, next) });
+  IteratorConstructor.prototype = create(IteratorPrototype$1, { next: createPropertyDescriptor(+!ENUMERABLE_NEXT, next) });
   setToStringTag$2(IteratorConstructor, TO_STRING_TAG, false);
   Iterators$2[TO_STRING_TAG] = returnThis$1;
   return IteratorConstructor;
 };
 
-var uncurryThis$6 = functionUncurryThis;
+var uncurryThis$5 = functionUncurryThis;
 var aCallable$1 = aCallable$3;
 
 var functionUncurryThisAccessor = function (object, key, method) {
   try {
     // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-    return uncurryThis$6(aCallable$1(Object.getOwnPropertyDescriptor(object, key)[method]));
+    return uncurryThis$5(aCallable$1(Object.getOwnPropertyDescriptor(object, key)[method]));
   } catch (error) { /* empty */ }
 };
 
@@ -1301,8 +1301,8 @@ var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? functio
   };
 }() : undefined);
 
-var $$4 = _export;
-var call$3 = functionCall;
+var $$3 = _export;
+var call$2 = functionCall;
 var FunctionName = functionName;
 var isCallable$1 = isCallable$e;
 var createIteratorConstructor = iteratorCreateConstructor;
@@ -1374,7 +1374,7 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
       createNonEnumerableProperty$1(IterablePrototype, 'name', VALUES);
     } else {
       INCORRECT_VALUES_NAME = true;
-      defaultIterator = function values() { return call$3(nativeIterator, this); };
+      defaultIterator = function values() { return call$2(nativeIterator, this); };
     }
   }
 
@@ -1389,7 +1389,7 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
       if (BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME || !(KEY in IterablePrototype)) {
         defineBuiltIn$1(IterablePrototype, KEY, methods[KEY]);
       }
-    } else $$4({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
+    } else $$3({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
   }
 
   // define iterator
@@ -1418,7 +1418,7 @@ var DESCRIPTORS$1 = descriptors;
 
 var ARRAY_ITERATOR = 'Array Iterator';
 var setInternalState = InternalStateModule.set;
-var getInternalState$1 = InternalStateModule.getterFor(ARRAY_ITERATOR);
+var getInternalState = InternalStateModule.getterFor(ARRAY_ITERATOR);
 
 // `Array.prototype.entries` method
 // https://tc39.es/ecma262/#sec-array.prototype.entries
@@ -1440,7 +1440,7 @@ var es_array_iterator = defineIterator(Array, 'Array', function (iterated, kind)
 // `%ArrayIteratorPrototype%.next` method
 // https://tc39.es/ecma262/#sec-%arrayiteratorprototype%.next
 }, function () {
-  var state = getInternalState$1(this);
+  var state = getInternalState(this);
   var target = state.target;
   var index = state.index++;
   if (!target || index >= target.length) {
@@ -1512,7 +1512,7 @@ var DOMTokenListPrototype$1 = classList && classList.constructor && classList.co
 
 var domTokenListPrototype = DOMTokenListPrototype$1 === Object.prototype ? undefined : DOMTokenListPrototype$1;
 
-var global$4 = global$e;
+var global$1 = global$b;
 var DOMIterables = domIterables;
 var DOMTokenListPrototype = domTokenListPrototype;
 var ArrayIteratorMethods = es_array_iterator;
@@ -1544,7 +1544,7 @@ var handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {
 };
 
 for (var COLLECTION_NAME in DOMIterables) {
-  handlePrototype(global$4[COLLECTION_NAME] && global$4[COLLECTION_NAME].prototype, COLLECTION_NAME);
+  handlePrototype(global$1[COLLECTION_NAME] && global$1[COLLECTION_NAME].prototype, COLLECTION_NAME);
 }
 
 handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
@@ -1600,14 +1600,14 @@ var classof$1 = classof$2;
 
 var $String = String;
 
-var toString$3 = function (argument) {
+var toString$2 = function (argument) {
   if (classof$1(argument) === 'Symbol') throw new TypeError('Cannot convert a Symbol value to a string');
   return $String(argument);
 };
 
-var uncurryThis$5 = functionUncurryThis;
+var uncurryThis$4 = functionUncurryThis;
 
-var arraySlice$1 = uncurryThis$5([].slice);
+var arraySlice$1 = uncurryThis$4([].slice);
 
 var arraySlice = arraySlice$1;
 
@@ -1651,11 +1651,11 @@ var sort = function (array, comparefn) {
 
 var arraySort = sort;
 
-var fails$6 = fails$h;
+var fails$3 = fails$e;
 
 var arrayMethodIsStrict$1 = function (METHOD_NAME, argument) {
   var method = [][METHOD_NAME];
-  return !!method && fails$6(function () {
+  return !!method && fails$3(function () {
     // eslint-disable-next-line no-useless-call -- required for testing
     method.call(null, argument || function () { return 1; }, 1);
   });
@@ -1677,14 +1677,14 @@ var webkit = userAgent.match(/AppleWebKit\/(\d+)\./);
 
 var engineWebkitVersion = !!webkit && +webkit[1];
 
-var $$3 = _export;
-var uncurryThis$4 = functionUncurryThis;
+var $$2 = _export;
+var uncurryThis$3 = functionUncurryThis;
 var aCallable = aCallable$3;
 var toObject$1 = toObject$4;
 var lengthOfArrayLike = lengthOfArrayLike$2;
 var deletePropertyOrThrow = deletePropertyOrThrow$1;
-var toString$2 = toString$3;
-var fails$5 = fails$h;
+var toString$1 = toString$2;
+var fails$2 = fails$e;
 var internalSort = arraySort;
 var arrayMethodIsStrict = arrayMethodIsStrict$1;
 var FF = engineFfVersion;
@@ -1693,21 +1693,21 @@ var V8 = engineV8Version;
 var WEBKIT = engineWebkitVersion;
 
 var test = [];
-var nativeSort = uncurryThis$4(test.sort);
-var push = uncurryThis$4(test.push);
+var nativeSort = uncurryThis$3(test.sort);
+var push = uncurryThis$3(test.push);
 
 // IE8-
-var FAILS_ON_UNDEFINED = fails$5(function () {
+var FAILS_ON_UNDEFINED = fails$2(function () {
   test.sort(undefined);
 });
 // V8 bug
-var FAILS_ON_NULL = fails$5(function () {
+var FAILS_ON_NULL = fails$2(function () {
   test.sort(null);
 });
 // Old WebKit
 var STRICT_METHOD = arrayMethodIsStrict('sort');
 
-var STABLE_SORT = !fails$5(function () {
+var STABLE_SORT = !fails$2(function () {
   // feature detection can be too slow, so check engines versions
   if (V8) return V8 < 70;
   if (FF && FF > 3) return;
@@ -1749,13 +1749,13 @@ var getSortCompare = function (comparefn) {
     if (y === undefined) return -1;
     if (x === undefined) return 1;
     if (comparefn !== undefined) return +comparefn(x, y) || 0;
-    return toString$2(x) > toString$2(y) ? 1 : -1;
+    return toString$1(x) > toString$1(y) ? 1 : -1;
   };
 };
 
 // `Array.prototype.sort` method
 // https://tc39.es/ecma262/#sec-array.prototype.sort
-$$3({ target: 'Array', proto: true, forced: FORCED }, {
+$$2({ target: 'Array', proto: true, forced: FORCED }, {
   sort: function sort(comparefn) {
     if (comparefn !== undefined) aCallable(comparefn);
 
@@ -1784,9 +1784,9 @@ $$3({ target: 'Array', proto: true, forced: FORCED }, {
 });
 
 var DESCRIPTORS = descriptors;
-var uncurryThis$3 = functionUncurryThis;
-var call$2 = functionCall;
-var fails$4 = fails$h;
+var uncurryThis$2 = functionUncurryThis;
+var call$1 = functionCall;
+var fails$1 = fails$e;
 var objectKeys = objectKeys$2;
 var getOwnPropertySymbolsModule = objectGetOwnPropertySymbols;
 var propertyIsEnumerableModule = objectPropertyIsEnumerable;
@@ -1797,11 +1797,11 @@ var IndexedObject = indexedObject;
 var $assign = Object.assign;
 // eslint-disable-next-line es/no-object-defineproperty -- required for testing
 var defineProperty = Object.defineProperty;
-var concat = uncurryThis$3([].concat);
+var concat = uncurryThis$2([].concat);
 
 // `Object.assign` method
 // https://tc39.es/ecma262/#sec-object.assign
-var objectAssign = !$assign || fails$4(function () {
+var objectAssign = !$assign || fails$1(function () {
   // should have correct order of operations (Edge bug)
   if (DESCRIPTORS && $assign({ b: 1 }, $assign(defineProperty({}, 'a', {
     enumerable: true,
@@ -1835,18 +1835,18 @@ var objectAssign = !$assign || fails$4(function () {
     var key;
     while (length > j) {
       key = keys[j++];
-      if (!DESCRIPTORS || call$2(propertyIsEnumerable, S, key)) T[key] = S[key];
+      if (!DESCRIPTORS || call$1(propertyIsEnumerable, S, key)) T[key] = S[key];
     }
   } return T;
 } : $assign;
 
-var $$2 = _export;
+var $$1 = _export;
 var assign = objectAssign;
 
 // `Object.assign` method
 // https://tc39.es/ecma262/#sec-object.assign
 // eslint-disable-next-line es/no-object-assign -- required for testing
-$$2({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }, {
+$$1({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }, {
   assign: assign
 });
 
@@ -1854,7 +1854,7 @@ var anObject$1 = anObject$6;
 
 // `RegExp.prototype.flags` getter implementation
 // https://tc39.es/ecma262/#sec-get-regexp.prototype.flags
-var regexpFlags$1 = function () {
+var regexpFlags = function () {
   var that = anObject$1(this);
   var result = '';
   if (that.hasIndices) result += 'd';
@@ -1868,31 +1868,31 @@ var regexpFlags$1 = function () {
   return result;
 };
 
-var call$1 = functionCall;
+var call = functionCall;
 var hasOwn = hasOwnProperty_1;
 var isPrototypeOf = objectIsPrototypeOf;
-var regExpFlags = regexpFlags$1;
+var regExpFlags = regexpFlags;
 
 var RegExpPrototype$1 = RegExp.prototype;
 
 var regexpGetFlags = function (R) {
   var flags = R.flags;
   return flags === undefined && !('flags' in RegExpPrototype$1) && !hasOwn(R, 'flags') && isPrototypeOf(RegExpPrototype$1, R)
-    ? call$1(regExpFlags, R) : flags;
+    ? call(regExpFlags, R) : flags;
 };
 
 var PROPER_FUNCTION_NAME = functionName.PROPER;
 var defineBuiltIn = defineBuiltIn$4;
 var anObject = anObject$6;
-var $toString = toString$3;
-var fails$3 = fails$h;
+var $toString = toString$2;
+var fails = fails$e;
 var getRegExpFlags = regexpGetFlags;
 
 var TO_STRING = 'toString';
 var RegExpPrototype = RegExp.prototype;
 var nativeToString = RegExpPrototype[TO_STRING];
 
-var NOT_GENERIC = fails$3(function () { return nativeToString.call({ source: 'a', flags: 'b' }) !== '/a/b'; });
+var NOT_GENERIC = fails(function () { return nativeToString.call({ source: 'a', flags: 'b' }) !== '/a/b'; });
 // FF44- RegExp#toString has a wrong name
 var INCORRECT_NAME = PROPER_FUNCTION_NAME && nativeToString.name !== TO_STRING;
 
@@ -1908,13 +1908,13 @@ if (NOT_GENERIC || INCORRECT_NAME) {
 }
 
 var classofRaw = classofRaw$2;
-var uncurryThis$2 = functionUncurryThis;
+var uncurryThis$1 = functionUncurryThis;
 
 var functionUncurryThisClause = function (fn) {
   // Nashorn bug:
   //   https://github.com/zloirock/core-js/issues/1128
   //   https://github.com/zloirock/core-js/issues/1130
-  if (classofRaw(fn) === 'Function') return uncurryThis$2(fn);
+  if (classofRaw(fn) === 'Function') return uncurryThis$1(fn);
 };
 
 var isObject = isObject$9;
@@ -1956,16 +1956,16 @@ var correctIsRegexpLogic = function (METHOD_NAME) {
   } return false;
 };
 
-var $$1 = _export;
-var uncurryThis$1 = functionUncurryThisClause;
+var $ = _export;
+var uncurryThis = functionUncurryThisClause;
 var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
 var toLength = toLength$2;
-var toString$1 = toString$3;
+var toString = toString$2;
 var notARegExp = notARegexp;
 var requireObjectCoercible = requireObjectCoercible$4;
 var correctIsRegExpLogic = correctIsRegexpLogic;
 
-var stringSlice$1 = uncurryThis$1(''.slice);
+var stringSlice = uncurryThis(''.slice);
 var min = Math.min;
 
 var CORRECT_IS_REGEXP_LOGIC = correctIsRegExpLogic('startsWith');
@@ -1977,196 +1977,16 @@ var MDN_POLYFILL_BUG = !CORRECT_IS_REGEXP_LOGIC && !!function () {
 
 // `String.prototype.startsWith` method
 // https://tc39.es/ecma262/#sec-string.prototype.startswith
-$$1({ target: 'String', proto: true, forced: !MDN_POLYFILL_BUG && !CORRECT_IS_REGEXP_LOGIC }, {
+$({ target: 'String', proto: true, forced: !MDN_POLYFILL_BUG && !CORRECT_IS_REGEXP_LOGIC }, {
   startsWith: function startsWith(searchString /* , position = 0 */) {
-    var that = toString$1(requireObjectCoercible(this));
+    var that = toString(requireObjectCoercible(this));
     notARegExp(searchString);
     var index = toLength(min(arguments.length > 1 ? arguments[1] : undefined, that.length));
-    var search = toString$1(searchString);
-    return stringSlice$1(that, index, index + search.length) === search;
+    var search = toString(searchString);
+    return stringSlice(that, index, index + search.length) === search;
   }
 });
 
-var fails$2 = fails$h;
-var global$3 = global$e;
-
-// babel-minify and Closure Compiler transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError
-var $RegExp$2 = global$3.RegExp;
-
-var UNSUPPORTED_Y$1 = fails$2(function () {
-  var re = $RegExp$2('a', 'y');
-  re.lastIndex = 2;
-  return re.exec('abcd') !== null;
-});
-
-// UC Browser bug
-// https://github.com/zloirock/core-js/issues/1008
-var MISSED_STICKY = UNSUPPORTED_Y$1 || fails$2(function () {
-  return !$RegExp$2('a', 'y').sticky;
-});
-
-var BROKEN_CARET = UNSUPPORTED_Y$1 || fails$2(function () {
-  // https://bugzilla.mozilla.org/show_bug.cgi?id=773687
-  var re = $RegExp$2('^r', 'gy');
-  re.lastIndex = 2;
-  return re.exec('str') !== null;
-});
-
-var regexpStickyHelpers = {
-  BROKEN_CARET: BROKEN_CARET,
-  MISSED_STICKY: MISSED_STICKY,
-  UNSUPPORTED_Y: UNSUPPORTED_Y$1
-};
-
-var fails$1 = fails$h;
-var global$2 = global$e;
-
-// babel-minify and Closure Compiler transpiles RegExp('.', 's') -> /./s and it causes SyntaxError
-var $RegExp$1 = global$2.RegExp;
-
-var regexpUnsupportedDotAll = fails$1(function () {
-  var re = $RegExp$1('.', 's');
-  return !(re.dotAll && re.test('\n') && re.flags === 's');
-});
-
-var fails = fails$h;
-var global$1 = global$e;
-
-// babel-minify and Closure Compiler transpiles RegExp('(?<a>b)', 'g') -> /(?<a>b)/g and it causes SyntaxError
-var $RegExp = global$1.RegExp;
-
-var regexpUnsupportedNcg = fails(function () {
-  var re = $RegExp('(?<a>b)', 'g');
-  return re.exec('b').groups.a !== 'b' ||
-    'b'.replace(re, '$<a>c') !== 'bc';
-});
-
-/* eslint-disable regexp/no-empty-capturing-group, regexp/no-empty-group, regexp/no-lazy-ends -- testing */
-/* eslint-disable regexp/no-useless-quantifier -- testing */
-var call = functionCall;
-var uncurryThis = functionUncurryThis;
-var toString = toString$3;
-var regexpFlags = regexpFlags$1;
-var stickyHelpers = regexpStickyHelpers;
-var shared = shared$4;
-var create = objectCreate;
-var getInternalState = internalState.get;
-var UNSUPPORTED_DOT_ALL = regexpUnsupportedDotAll;
-var UNSUPPORTED_NCG = regexpUnsupportedNcg;
-
-var nativeReplace = shared('native-string-replace', String.prototype.replace);
-var nativeExec = RegExp.prototype.exec;
-var patchedExec = nativeExec;
-var charAt = uncurryThis(''.charAt);
-var indexOf = uncurryThis(''.indexOf);
-var replace = uncurryThis(''.replace);
-var stringSlice = uncurryThis(''.slice);
-
-var UPDATES_LAST_INDEX_WRONG = (function () {
-  var re1 = /a/;
-  var re2 = /b*/g;
-  call(nativeExec, re1, 'a');
-  call(nativeExec, re2, 'a');
-  return re1.lastIndex !== 0 || re2.lastIndex !== 0;
-})();
-
-var UNSUPPORTED_Y = stickyHelpers.BROKEN_CARET;
-
-// nonparticipating capturing group, copied from es5-shim's String#split patch.
-var NPCG_INCLUDED = /()??/.exec('')[1] !== undefined;
-
-var PATCH = UPDATES_LAST_INDEX_WRONG || NPCG_INCLUDED || UNSUPPORTED_Y || UNSUPPORTED_DOT_ALL || UNSUPPORTED_NCG;
-
-if (PATCH) {
-  patchedExec = function exec(string) {
-    var re = this;
-    var state = getInternalState(re);
-    var str = toString(string);
-    var raw = state.raw;
-    var result, reCopy, lastIndex, match, i, object, group;
-
-    if (raw) {
-      raw.lastIndex = re.lastIndex;
-      result = call(patchedExec, raw, str);
-      re.lastIndex = raw.lastIndex;
-      return result;
-    }
-
-    var groups = state.groups;
-    var sticky = UNSUPPORTED_Y && re.sticky;
-    var flags = call(regexpFlags, re);
-    var source = re.source;
-    var charsAdded = 0;
-    var strCopy = str;
-
-    if (sticky) {
-      flags = replace(flags, 'y', '');
-      if (indexOf(flags, 'g') === -1) {
-        flags += 'g';
-      }
-
-      strCopy = stringSlice(str, re.lastIndex);
-      // Support anchored sticky behavior.
-      if (re.lastIndex > 0 && (!re.multiline || re.multiline && charAt(str, re.lastIndex - 1) !== '\n')) {
-        source = '(?: ' + source + ')';
-        strCopy = ' ' + strCopy;
-        charsAdded++;
-      }
-      // ^(? + rx + ) is needed, in combination with some str slicing, to
-      // simulate the 'y' flag.
-      reCopy = new RegExp('^(?:' + source + ')', flags);
-    }
-
-    if (NPCG_INCLUDED) {
-      reCopy = new RegExp('^' + source + '$(?!\\s)', flags);
-    }
-    if (UPDATES_LAST_INDEX_WRONG) lastIndex = re.lastIndex;
-
-    match = call(nativeExec, sticky ? reCopy : re, strCopy);
-
-    if (sticky) {
-      if (match) {
-        match.input = stringSlice(match.input, charsAdded);
-        match[0] = stringSlice(match[0], charsAdded);
-        match.index = re.lastIndex;
-        re.lastIndex += match[0].length;
-      } else re.lastIndex = 0;
-    } else if (UPDATES_LAST_INDEX_WRONG && match) {
-      re.lastIndex = re.global ? match.index + match[0].length : lastIndex;
-    }
-    if (NPCG_INCLUDED && match && match.length > 1) {
-      // Fix browsers whose `exec` methods don't consistently return `undefined`
-      // for NPCG, like IE8. NOTE: This doesn't work for /(.?)?/
-      call(nativeReplace, match[0], reCopy, function () {
-        for (i = 1; i < arguments.length - 2; i++) {
-          if (arguments[i] === undefined) match[i] = undefined;
-        }
-      });
-    }
-
-    if (match && groups) {
-      match.groups = object = create(null);
-      for (i = 0; i < groups.length; i++) {
-        group = groups[i];
-        object[group[0]] = match[group[1]];
-      }
-    }
-
-    return match;
-  };
-}
-
-var regexpExec = patchedExec;
-
-var $ = _export;
-var exec = regexpExec;
-
-// `RegExp.prototype.exec` method
-// https://tc39.es/ecma262/#sec-regexp.prototype.exec
-$({ target: 'RegExp', proto: true, forced: /./.exec !== exec }, {
-  exec: exec
-});
-
 const FormGroupContext = /*#__PURE__*/createContext({});
 /**
  * context interface to be used isolated or with the context provider
@@ -2215,6 +2035,11 @@ const IsolatedContext = ({
   function submitMultipleFormsByIndex(indexes) {
     return formGroupInstance.current.submitMultipleFormsByIndex(indexes);
   }
+  // useEffect(() => {
+  //   return () => {
+  //     formGroupInstance.current.destroy();
+  //   };
+  // }, []);
   return {
     addFormWithIndex,
     addForm,
@@ -2339,35 +2164,25 @@ const FieldWrapper = ({
   const filteredProps = useMemo(() => {
     let returnProps = {};
     if (props) {
-      returnProps = Object.assign({}, props);
-      Object.keys(returnProps).forEach(propKey => {
-        if (typeof (returnProps === null || returnProps === void 0 ? void 0 : returnProps[propKey]) === 'string' &&
-        /**
-         * need to check linting on build, this needs to be casted in order to build..
-         */
-        /\$/.test(returnProps === null || returnProps === void 0 ? void 0 : returnProps[propKey])) {
-          delete returnProps[propKey];
-        }
-      });
-      if (mounted) {
-        fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.propsSubject$.next(Object.assign(Object.assign({}, fieldInstance.props), returnProps));
-      }
+      returnProps = FormField.filterProps(props);
     }
+    if (fieldInstance) fieldInstance.props = returnProps;
     return returnProps;
   }, [props]);
   const [valueState, setValueState] = useState((fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.stateValue) || {
     [((_a = mapper === null || mapper === void 0 ? void 0 : mapper.events) === null || _a === void 0 ? void 0 : _a.setValue) || 'value']: ''
   });
   const [state, setState] = useState({
-    visibility: visibility,
-    props: (fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.props) || filteredProps
+    visibility: typeof visibility === 'boolean' ? visibility : true,
+    props: filteredProps
   });
+  const mountedRef = useRef(false);
   /**
    * handles the mounting and unmounting logic onto the field instance
    */
   useEffect(() => {
-    if (!mounted) return;
-    fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.mountField({
+    if (!fieldInstance || mountedRef.current) return;
+    fieldInstance.mountField({
       valueSubscription: value => {
         setValueState(value);
       },
@@ -2383,10 +2198,13 @@ const FieldWrapper = ({
         }));
       }
     });
+    mountedRef.current = true;
+  }, [fieldInstance]);
+  useEffect(() => {
     return () => {
-      mounted && (fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.destroyField());
+      mountedRef.current && (fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.destroyField());
     };
-  }, [mounted]);
+  }, []);
   /**
    * handles the value change onto the field instance
    */
@@ -2457,101 +2275,28 @@ const FieldWrapper = ({
   }) : jsx(Fragment, {});
 };
 
-/**
- * recursive function to transform form fields from a form instance into
- * a react component tree
- *
- * @param {Map<string,IFormField>} param.fields form instance field Map
- * @param {string} param.prevPath previous field path to track the tree branch creation
- * @param {string} param.formIndex form index to aid field identification onto the FieldWrapper
- * @returns {ReactNode}
- */
-const BuildTree = ({
-  fields,
-  prevPath,
-  formIndex
+const BuildSchemaAsFields = ({
+  components,
+  mappers,
+  formIndex,
+  mountedForm
 }) => {
-  const tree = Array.from(fields).sort(([, field], [, field2]) => {
-    var _a, _b;
-    return (((_a = field.originalSchema) === null || _a === void 0 ? void 0 : _a.order) || 0) - (((_b = field2.originalSchema) === null || _b === void 0 ? void 0 : _b.order) || 0);
-  }).filter(([, value]) => {
-    return value.path === prevPath;
-  }).map(([, value]) => {
-    const fieldName = value.name;
-    const children = BuildTree({
-      fields,
-      prevPath: `${prevPath ? `${prevPath}.` : ``}${value.name}`,
-      formIndex
-    });
-    const lenght = Children.count(children);
-    return jsx(FieldWrapper, {
-      name: fieldName,
+  return components && components.map(component => {
+    const mapper = mappers === null || mappers === void 0 ? void 0 : mappers.find(el => el.componentName === component.component);
+    return mapper ? jsx(AsFormFieldBuilder, Object.assign({
       formIndex: formIndex,
-      visibility: value.visibility,
-      children: lenght > 0 ? children : null
-    }, fieldName);
-  });
-  console.log(tree);
-  return tree;
-};
-/**
- * function to transform AsFormField elements onto a JSON schema
- *
- * @param param.children ReactNode children elements
- * @returns {IComponentSchema[] | null | undefined}
- */
-const BuildAsFormFieldTree = ({
-  children
-}) => {
-  return Children.map(children, (child, index) => {
-    var _a, _b, _c, _d, _e;
-    let struct;
-    if (!String((_a = child === null || child === void 0 ? void 0 : child.type) === null || _a === void 0 ? void 0 : _a.name).startsWith('AsFormField')) {
-      if (typeof child.type === 'function' || typeof child.type === 'object') {
-        const props = Object.assign({}, child.props);
-        delete props.children;
-        struct = {
-          component: ((_b = child === null || child === void 0 ? void 0 : child.type) === null || _b === void 0 ? void 0 : _b.name) || 'customForwardRef',
-          name: `adapter-${Math.floor(Math.random() * Date.now()).toString(16)}`,
-          mapper: {
-            component: child.type,
-            componentName: typeof child.type !== 'string' ? (_c = child === null || child === void 0 ? void 0 : child.type) === null || _c === void 0 ? void 0 : _c.name : child.type
-          },
-          props
-        };
-      } else if (typeof child.type === 'string' || typeof child === 'string') {
-        throw new Error(`Only function components works inside a Form as React Nodes,\n
-          if you want something like this to work: <div>hi</div>\n
-          wrap it onto a function component\n
-          const CustomTextNode = (props:{text:string}) => <div>props</div>\n
-          and use it like <CustomTextNode text="hi"/>`);
-      } else {
-        throw {
-          message: `Unknown error occured, please check the child that was tried to render below`,
-          component: child
-        };
-      }
-    } else {
-      if (((_d = child === null || child === void 0 ? void 0 : child.type) === null || _d === void 0 ? void 0 : _d.name) === 'AsFormField') {
-        struct = Object.assign({}, child.props);
-      } else {
-        if (!child.type.defaultProps.component) throw new Error(`set defaultProps component name\n
-          ex: AsFormFieldInput.defaultProps = {
-            component = 'input'
-          }`);
-        struct = Object.assign(Object.assign({}, child.props), child.type.defaultProps);
-      }
-    }
-    if (struct && (struct === null || struct === void 0 ? void 0 : struct.children)) {
-      delete struct.children;
-    }
-    struct.order = index;
-    const childElements = BuildAsFormFieldTree({
-      children: (_e = child.props) === null || _e === void 0 ? void 0 : _e.children
-    });
-    return Object.assign(Object.assign({}, struct), childElements && {
-      children: childElements
-    });
+      mapper: mapper,
+      formMounted: mountedForm
+    }, component, {
+      children: component.children && component.children.length > 0 && jsx(BuildSchemaAsFields, {
+        formIndex: formIndex,
+        mappers: mappers,
+        components: component.children,
+        mountedForm: mountedForm
+      })
+    }), component.name) : jsx("div", {
+      children: `component mapper not found for ${component.component} from field name ${component.name} on form ${formIndex}`
+    }, component.name);
   });
 };
 
@@ -2730,92 +2475,72 @@ function Form({
   children
 }) {
   const {
-    addForm,
-    removeForm,
     getForm,
     mappers,
     debugMode,
     formGroupInstance
   } = useFormGroupContext({});
-  const [tree, setTree] = useState();
-  const schemaIndex = useMemo(() => index || (schema === null || schema === void 0 ? void 0 : schema.index) || 'defaultChange', [index, schema]);
-  /**
-   * logic to initialize the form instance and it's removal
-   */
+  const schemaIndex = useRef(index || (schema === null || schema === void 0 ? void 0 : schema.index) || 'defaultChange').current;
+  const [mounted, setMounted] = useState(false);
+  const mountedRef = useRef(false);
+  // const formInstance = useRef(
+  //   new FormCore({
+  //     schema,
+  //     initialValues: initialValues || schema?.initialValues,
+  //     iVars: iVars || schema?.iVars,
+  //     action: action || schema?.action,
+  //     method: method || schema?.method,
+  //     index: schemaIndex,
+  //     mappers,
+  //     config: config || formGroupInstance.config,
+  //   })
+  // );
   useEffect(() => {
-    if (schemaIndex === 'defaultChange') {
-      console.warn('please, add an unique id to the form, otherwise multiple forms will break');
-    }
-    const formInstance = new FormCore({
-      schema,
-      initialValues: initialValues || (schema === null || schema === void 0 ? void 0 : schema.initialValues),
-      iVars: iVars || (schema === null || schema === void 0 ? void 0 : schema.iVars),
-      action: action || (schema === null || schema === void 0 ? void 0 : schema.action),
-      method: method || (schema === null || schema === void 0 ? void 0 : schema.method),
-      index: schemaIndex,
-      mappers,
-      config: config || formGroupInstance.config
-    });
-    addForm({
+    if (mountedRef.current) return;
+    formGroupInstance.addForm({
       key: schemaIndex,
-      formInstance
+      formInstance: new FormCore({
+        schema,
+        initialValues: initialValues || (schema === null || schema === void 0 ? void 0 : schema.initialValues),
+        iVars: iVars || (schema === null || schema === void 0 ? void 0 : schema.iVars),
+        action: action || (schema === null || schema === void 0 ? void 0 : schema.action),
+        method: method || (schema === null || schema === void 0 ? void 0 : schema.method),
+        index: schemaIndex,
+        mappers,
+        config: config || formGroupInstance.config
+      })
     });
-    let subMounted;
-    if (onFormMount) {
-      subMounted = formInstance.subscribeOnMount(onFormMount);
-    }
-    formInstance === null || formInstance === void 0 ? void 0 : formInstance.mounted();
-    /*
-      @TODO check if form instance is killed each time it is unmounted
-      the management of multiple forms needs to be planned
-    */
-    return () => {
-      subMounted === null || subMounted === void 0 ? void 0 : subMounted.unsubscribe();
-      removeForm({
-        key: schemaIndex
-      });
-    };
+    setMounted(true);
+    mountedRef.current = true;
+    // }
   }, []);
-  /**
-   * logic to transform AsFormFields onto JSON schema
-   * and JSON schema onto FieldWrappers, refreshes when
-   * the react tree changes it's children
-   */
-  useEffect(() => {
-    var _a;
-    const schema = BuildAsFormFieldTree({
-      children
-    });
-    schema && getForm({
-      key: index
-    }).refreshFields(schema);
-    const fields = (_a = getForm({
-      key: index
-    })) === null || _a === void 0 ? void 0 : _a.fields;
-    if (fields) {
-      const buildTree = BuildTree({
-        fields,
-        formIndex: index
-      });
-      setTree(buildTree);
-    }
-  }, [children]);
+  // useEffect(() => {
+  //   return () => {
+  //     formGroupInstance.getForm({ key: schemaIndex })?.destroy();
+  //   };
+  // }, []);
   /**
    * iVars change tracker to update iVars onto form instance
    */
   useEffect(() => {
-    if (iVars) getForm({
-      key: schemaIndex
-    }).iVars = iVars;
-  }, [iVars]);
+    if (!formGroupInstance.forms.has(schemaIndex)) {
+      console.log('failed to add iVars due to no form instance');
+      return;
+    }
+    if (iVars && mounted) formGroupInstance.forms.get(schemaIndex).iVars = iVars;
+    // if (iVars) formInstance.current.iVars = iVars;
+  }, [iVars, mounted]);
   /**
    * initialValues setter for async initialValues
    */
   useEffect(() => {
-    if (initialValues) getForm({
-      key: schemaIndex
-    }).setInitialValues(initialValues);
-  }, [initialValues]);
+    if (!formGroupInstance.forms.has(schemaIndex)) {
+      console.log('failed to add initialValues due to no form instance');
+      return;
+    }
+    if (initialValues && mounted) formGroupInstance.forms.get(schemaIndex).initialValues = initialValues;
+    // if (initialValues) formInstance.current.initialValues = initialValues;
+  }, [initialValues, mounted]);
   /**
    * hook usage to keep event bindings updated on callback functions passed as props
    */
@@ -2880,12 +2605,11 @@ function Form({
       }), jsx("br", {}), jsx("hr", {})]
     }), jsx("form", {
       onSubmit: handleSubmit,
-      children: BuildTree({
-        fields: FormCore.serializeStructure({
-          mappers: mappers || [],
-          struct: schema === null || schema === void 0 ? void 0 : schema.components
-        }),
-        formIndex: schemaIndex
+      children: jsx(BuildSchemaAsFields, {
+        formIndex: schemaIndex,
+        mappers: mappers,
+        components: schema === null || schema === void 0 ? void 0 : schema.components,
+        mountedForm: mounted
       })
     })]
   });
@@ -2917,6 +2641,7 @@ const AsFormFieldBuilder = props => {
    * state to track the field instance creation process
    */
   const [mounted, setMounted] = useState(false);
+  const mountedRef = useRef(false);
   /**
    * initializer to create or add a form instance to the formGroup by it's formId
    * and add the field to the form instance
@@ -2924,22 +2649,36 @@ const AsFormFieldBuilder = props => {
    */
   useEffect(() => {
     var _a;
-    if (!((_a = context.formGroupInstance) === null || _a === void 0 ? void 0 : _a.forms.has(props.formIndex))) {
+    if (mountedRef.current) return;
+    if (typeof props.formMounted === 'undefined' && !((_a = context.formGroupInstance) === null || _a === void 0 ? void 0 : _a.forms.has(props.formIndex))) {
       context.addFormWithIndex(props.formIndex);
     }
-    const fieldSchema = Object.assign(Object.assign({}, props), {
-      component: props.mapper.componentName,
-      children: undefined
-    });
-    const formInstance = context.formGroupInstance.forms.get(props.formIndex);
-    formInstance === null || formInstance === void 0 ? void 0 : formInstance.addField({
-      fieldSchema,
-      mapperElement: props.mapper
-    });
-    setMounted(true);
-    return () => formInstance === null || formInstance === void 0 ? void 0 : formInstance.removeField({
-      key: props.name
-    });
+    if (props.formMounted || typeof props.formMounted === 'undefined') {
+      const fieldSchema = Object.assign(Object.assign({}, props), {
+        component: props.mapper.componentName,
+        children: undefined
+      });
+      const formInstance = context.formGroupInstance.forms.get(props.formIndex);
+      formInstance === null || formInstance === void 0 ? void 0 : formInstance.addField({
+        fieldSchema,
+        mapperElement: props.mapper
+      });
+      setMounted(true);
+      mountedRef.current = true;
+    }
+  }, [props.formMounted]);
+  useEffect(() => {
+    return () => {
+      var _a, _b;
+      if ((_b = (_a = context.getForm({
+        key: props.formIndex
+      })) === null || _a === void 0 ? void 0 : _a.getField({
+        key: props.name
+      })) === null || _b === void 0 ? void 0 : _b.mounted) context.formGroupInstance.removeField({
+        formIndex: props.formIndex,
+        fieldIndex: props.name
+      });
+    };
   }, []);
   /**
    * allows to control field selected value on each event
@@ -2964,7 +2703,7 @@ const AsFormFieldBuilder = props => {
     context: !context.active ? context : null,
     mounted: mounted,
     mapper: props.mapper,
-    visibility: props.visibility || true,
+    visibility: props.visibility,
     children: props.children && props.children
   });
 };