@sebgroup/green-react 1.0.0-beta.2 → 1.0.0-beta.20

package/index.umd.js

@@ -0,0 +1,2928 @@
+(function (global, factory) {
+	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 }; }
+
+	var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+	var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+	var check = function (it) {
+	  return it && it.Math == Math && it;
+	};
+
+	// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
+	var global$r =
+	  // eslint-disable-next-line es-x/no-global-this -- safe
+	  check(typeof globalThis == 'object' && globalThis) ||
+	  check(typeof window == 'object' && window) ||
+	  // eslint-disable-next-line no-restricted-globals -- safe
+	  check(typeof self == 'object' && self) ||
+	  check(typeof commonjsGlobal == 'object' && commonjsGlobal) ||
+	  // eslint-disable-next-line no-new-func -- fallback
+	  (function () { return this; })() || Function('return this')();
+
+	var objectGetOwnPropertyDescriptor = {};
+
+	var fails$a = function (exec) {
+	  try {
+	    return !!exec();
+	  } catch (error) {
+	    return true;
+	  }
+	};
+
+	var fails$9 = fails$a;
+
+	// Detect IE8's incomplete defineProperty implementation
+	var descriptors = !fails$9(function () {
+	  // eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
+	  return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] != 7;
+	});
+
+	var fails$8 = fails$a;
+
+	var functionBindNative = !fails$8(function () {
+	  // eslint-disable-next-line es-x/no-function-prototype-bind -- safe
+	  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$6 = Function.prototype.call;
+
+	var functionCall = NATIVE_BIND$1 ? call$6.bind(call$6) : function () {
+	  return call$6.apply(call$6, arguments);
+	};
+
+	var objectPropertyIsEnumerable = {};
+
+	var $propertyIsEnumerable = {}.propertyIsEnumerable;
+	// eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
+	var getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor;
+
+	// Nashorn ~ JDK8 bug
+	var NASHORN_BUG = getOwnPropertyDescriptor$1 && !$propertyIsEnumerable.call({ 1: 2 }, 1);
+
+	// `Object.prototype.propertyIsEnumerable` method implementation
+	// https://tc39.es/ecma262/#sec-object.prototype.propertyisenumerable
+	objectPropertyIsEnumerable.f = NASHORN_BUG ? function propertyIsEnumerable(V) {
+	  var descriptor = getOwnPropertyDescriptor$1(this, V);
+	  return !!descriptor && descriptor.enumerable;
+	} : $propertyIsEnumerable;
+
+	var createPropertyDescriptor$3 = function (bitmap, value) {
+	  return {
+	    enumerable: !(bitmap & 1),
+	    configurable: !(bitmap & 2),
+	    writable: !(bitmap & 4),
+	    value: value
+	  };
+	};
+
+	var NATIVE_BIND = functionBindNative;
+
+	var FunctionPrototype$1 = Function.prototype;
+	var bind = FunctionPrototype$1.bind;
+	var call$5 = FunctionPrototype$1.call;
+	var uncurryThis$c = NATIVE_BIND && bind.bind(call$5, call$5);
+
+	var functionUncurryThis = NATIVE_BIND ? function (fn) {
+	  return fn && uncurryThis$c(fn);
+	} : function (fn) {
+	  return fn && function () {
+	    return call$5.apply(fn, arguments);
+	  };
+	};
+
+	var uncurryThis$b = functionUncurryThis;
+
+	var toString$3 = uncurryThis$b({}.toString);
+	var stringSlice$1 = uncurryThis$b(''.slice);
+
+	var classofRaw$1 = function (it) {
+	  return stringSlice$1(toString$3(it), 8, -1);
+	};
+
+	var global$q = global$r;
+	var uncurryThis$a = functionUncurryThis;
+	var fails$7 = fails$a;
+	var classof$2 = classofRaw$1;
+
+	var Object$5 = global$q.Object;
+	var split = uncurryThis$a(''.split);
+
+	// fallback for non-array-like ES3 and non-enumerable old V8 strings
+	var indexedObject = fails$7(function () {
+	  // throws an error in rhino, see https://github.com/mozilla/rhino/issues/346
+	  // eslint-disable-next-line no-prototype-builtins -- safe
+	  return !Object$5('z').propertyIsEnumerable(0);
+	}) ? function (it) {
+	  return classof$2(it) == 'String' ? split(it, '') : Object$5(it);
+	} : Object$5;
+
+	var global$p = global$r;
+
+	var TypeError$8 = global$p.TypeError;
+
+	// `RequireObjectCoercible` abstract operation
+	// https://tc39.es/ecma262/#sec-requireobjectcoercible
+	var requireObjectCoercible$2 = function (it) {
+	  if (it == undefined) throw TypeError$8("Can't call method on " + it);
+	  return it;
+	};
+
+	// toObject with fallback for non-array-like ES3 strings
+	var IndexedObject$1 = indexedObject;
+	var requireObjectCoercible$1 = requireObjectCoercible$2;
+
+	var toIndexedObject$5 = function (it) {
+	  return IndexedObject$1(requireObjectCoercible$1(it));
+	};
+
+	// `IsCallable` abstract operation
+	// https://tc39.es/ecma262/#sec-iscallable
+	var isCallable$f = function (argument) {
+	  return typeof argument == 'function';
+	};
+
+	var isCallable$e = isCallable$f;
+
+	var isObject$5 = function (it) {
+	  return typeof it == 'object' ? it !== null : isCallable$e(it);
+	};
+
+	var global$o = global$r;
+	var isCallable$d = isCallable$f;
+
+	var aFunction = function (argument) {
+	  return isCallable$d(argument) ? argument : undefined;
+	};
+
+	var getBuiltIn$4 = function (namespace, method) {
+	  return arguments.length < 2 ? aFunction(global$o[namespace]) : global$o[namespace] && global$o[namespace][method];
+	};
+
+	var uncurryThis$9 = functionUncurryThis;
+
+	var objectIsPrototypeOf = uncurryThis$9({}.isPrototypeOf);
+
+	var getBuiltIn$3 = getBuiltIn$4;
+
+	var engineUserAgent = getBuiltIn$3('navigator', 'userAgent') || '';
+
+	var global$n = global$r;
+	var userAgent = engineUserAgent;
+
+	var process = global$n.process;
+	var Deno = global$n.Deno;
+	var versions = process && process.versions || Deno && Deno.version;
+	var v8 = versions && versions.v8;
+	var match, version;
+
+	if (v8) {
+	  match = v8.split('.');
+	  // in old Chrome, versions of V8 isn't V8 = Chrome / 10
+	  // but their correct versions are not interesting for us
+	  version = match[0] > 0 && match[0] < 4 ? 1 : +(match[0] + match[1]);
+	}
+
+	// BrowserFS NodeJS `process` polyfill incorrectly set `.v8` to `0.0`
+	// so check `userAgent` even if `.v8` exists, but 0
+	if (!version && userAgent) {
+	  match = userAgent.match(/Edge\/(\d+)/);
+	  if (!match || match[1] >= 74) {
+	    match = userAgent.match(/Chrome\/(\d+)/);
+	    if (match) version = +match[1];
+	  }
+	}
+
+	var engineV8Version = version;
+
+	/* eslint-disable es-x/no-symbol -- required for testing */
+
+	var V8_VERSION = engineV8Version;
+	var fails$6 = fails$a;
+
+	// eslint-disable-next-line es-x/no-object-getownpropertysymbols -- required for testing
+	var nativeSymbol = !!Object.getOwnPropertySymbols && !fails$6(function () {
+	  var symbol = Symbol();
+	  // Chrome 38 Symbol has incorrect toString conversion
+	  // `get-own-property-symbols` polyfill symbols converted to object are not Symbol instances
+	  return !String(symbol) || !(Object(symbol) instanceof Symbol) ||
+	    // Chrome 38-40 symbols are not inherited from DOM collections prototypes to instances
+	    !Symbol.sham && V8_VERSION && V8_VERSION < 41;
+	});
+
+	/* eslint-disable es-x/no-symbol -- required for testing */
+
+	var NATIVE_SYMBOL$2 = nativeSymbol;
+
+	var useSymbolAsUid = NATIVE_SYMBOL$2
+	  && !Symbol.sham
+	  && typeof Symbol.iterator == 'symbol';
+
+	var global$m = global$r;
+	var getBuiltIn$2 = getBuiltIn$4;
+	var isCallable$c = isCallable$f;
+	var isPrototypeOf$1 = objectIsPrototypeOf;
+	var USE_SYMBOL_AS_UID$1 = useSymbolAsUid;
+
+	var Object$4 = global$m.Object;
+
+	var isSymbol$2 = USE_SYMBOL_AS_UID$1 ? function (it) {
+	  return typeof it == 'symbol';
+	} : function (it) {
+	  var $Symbol = getBuiltIn$2('Symbol');
+	  return isCallable$c($Symbol) && isPrototypeOf$1($Symbol.prototype, Object$4(it));
+	};
+
+	var global$l = global$r;
+
+	var String$4 = global$l.String;
+
+	var tryToString$1 = function (argument) {
+	  try {
+	    return String$4(argument);
+	  } catch (error) {
+	    return 'Object';
+	  }
+	};
+
+	var global$k = global$r;
+	var isCallable$b = isCallable$f;
+	var tryToString = tryToString$1;
+
+	var TypeError$7 = global$k.TypeError;
+
+	// `Assert: IsCallable(argument) is true`
+	var aCallable$1 = function (argument) {
+	  if (isCallable$b(argument)) return argument;
+	  throw TypeError$7(tryToString(argument) + ' is not a function');
+	};
+
+	var aCallable = aCallable$1;
+
+	// `GetMethod` abstract operation
+	// https://tc39.es/ecma262/#sec-getmethod
+	var getMethod$1 = function (V, P) {
+	  var func = V[P];
+	  return func == null ? undefined : aCallable(func);
+	};
+
+	var global$j = global$r;
+	var call$4 = functionCall;
+	var isCallable$a = isCallable$f;
+	var isObject$4 = isObject$5;
+
+	var TypeError$6 = global$j.TypeError;
+
+	// `OrdinaryToPrimitive` abstract operation
+	// https://tc39.es/ecma262/#sec-ordinarytoprimitive
+	var ordinaryToPrimitive$1 = function (input, pref) {
+	  var fn, val;
+	  if (pref === 'string' && isCallable$a(fn = input.toString) && !isObject$4(val = call$4(fn, input))) return val;
+	  if (isCallable$a(fn = input.valueOf) && !isObject$4(val = call$4(fn, input))) return val;
+	  if (pref !== 'string' && isCallable$a(fn = input.toString) && !isObject$4(val = call$4(fn, input))) return val;
+	  throw TypeError$6("Can't convert object to primitive value");
+	};
+
+	var shared$3 = {exports: {}};
+
+	var global$i = global$r;
+
+	// eslint-disable-next-line es-x/no-object-defineproperty -- safe
+	var defineProperty$4 = Object.defineProperty;
+
+	var setGlobal$3 = function (key, value) {
+	  try {
+	    defineProperty$4(global$i, key, { value: value, configurable: true, writable: true });
+	  } catch (error) {
+	    global$i[key] = value;
+	  } return value;
+	};
+
+	var global$h = global$r;
+	var setGlobal$2 = setGlobal$3;
+
+	var SHARED = '__core-js_shared__';
+	var store$3 = global$h[SHARED] || setGlobal$2(SHARED, {});
+
+	var sharedStore = store$3;
+
+	var store$2 = sharedStore;
+
+	(shared$3.exports = function (key, value) {
+	  return store$2[key] || (store$2[key] = value !== undefined ? value : {});
+	})('versions', []).push({
+	  version: '3.22.2',
+	  mode: 'global',
+	  copyright: '© 2014-2022 Denis Pushkarev (zloirock.ru)',
+	  license: 'https://github.com/zloirock/core-js/blob/v3.22.2/LICENSE',
+	  source: 'https://github.com/zloirock/core-js'
+	});
+
+	var global$g = global$r;
+	var requireObjectCoercible = requireObjectCoercible$2;
+
+	var Object$3 = global$g.Object;
+
+	// `ToObject` abstract operation
+	// https://tc39.es/ecma262/#sec-toobject
+	var toObject$3 = function (argument) {
+	  return Object$3(requireObjectCoercible(argument));
+	};
+
+	var uncurryThis$8 = functionUncurryThis;
+	var toObject$2 = toObject$3;
+
+	var hasOwnProperty = uncurryThis$8({}.hasOwnProperty);
+
+	// `HasOwnProperty` abstract operation
+	// https://tc39.es/ecma262/#sec-hasownproperty
+	// eslint-disable-next-line es-x/no-object-hasown -- safe
+	var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
+	  return hasOwnProperty(toObject$2(it), key);
+	};
+
+	var uncurryThis$7 = functionUncurryThis;
+
+	var id = 0;
+	var postfix = Math.random();
+	var toString$2 = uncurryThis$7(1.0.toString);
+
+	var uid$2 = function (key) {
+	  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$2(++id + postfix, 36);
+	};
+
+	var global$f = global$r;
+	var shared$2 = shared$3.exports;
+	var hasOwn$9 = hasOwnProperty_1;
+	var uid$1 = uid$2;
+	var NATIVE_SYMBOL$1 = nativeSymbol;
+	var USE_SYMBOL_AS_UID = useSymbolAsUid;
+
+	var WellKnownSymbolsStore = shared$2('wks');
+	var Symbol$1 = global$f.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$8 = function (name) {
+	  if (!hasOwn$9(WellKnownSymbolsStore, name) || !(NATIVE_SYMBOL$1 || typeof WellKnownSymbolsStore[name] == 'string')) {
+	    var description = 'Symbol.' + name;
+	    if (NATIVE_SYMBOL$1 && hasOwn$9(Symbol$1, name)) {
+	      WellKnownSymbolsStore[name] = Symbol$1[name];
+	    } else if (USE_SYMBOL_AS_UID && symbolFor) {
+	      WellKnownSymbolsStore[name] = symbolFor(description);
+	    } else {
+	      WellKnownSymbolsStore[name] = createWellKnownSymbol(description);
+	    }
+	  } return WellKnownSymbolsStore[name];
+	};
+
+	var global$e = global$r;
+	var call$3 = functionCall;
+	var isObject$3 = isObject$5;
+	var isSymbol$1 = isSymbol$2;
+	var getMethod = getMethod$1;
+	var ordinaryToPrimitive = ordinaryToPrimitive$1;
+	var wellKnownSymbol$7 = wellKnownSymbol$8;
+
+	var TypeError$5 = global$e.TypeError;
+	var TO_PRIMITIVE = wellKnownSymbol$7('toPrimitive');
+
+	// `ToPrimitive` abstract operation
+	// https://tc39.es/ecma262/#sec-toprimitive
+	var toPrimitive$1 = function (input, pref) {
+	  if (!isObject$3(input) || isSymbol$1(input)) return input;
+	  var exoticToPrim = getMethod(input, TO_PRIMITIVE);
+	  var result;
+	  if (exoticToPrim) {
+	    if (pref === undefined) pref = 'default';
+	    result = call$3(exoticToPrim, input, pref);
+	    if (!isObject$3(result) || isSymbol$1(result)) return result;
+	    throw TypeError$5("Can't convert object to primitive value");
+	  }
+	  if (pref === undefined) pref = 'number';
+	  return ordinaryToPrimitive(input, pref);
+	};
+
+	var toPrimitive = toPrimitive$1;
+	var isSymbol = isSymbol$2;
+
+	// `ToPropertyKey` abstract operation
+	// https://tc39.es/ecma262/#sec-topropertykey
+	var toPropertyKey$2 = function (argument) {
+	  var key = toPrimitive(argument, 'string');
+	  return isSymbol(key) ? key : key + '';
+	};
+
+	var global$d = global$r;
+	var isObject$2 = isObject$5;
+
+	var document$1 = global$d.document;
+	// typeof document.createElement is 'object' in old IE
+	var EXISTS$1 = isObject$2(document$1) && isObject$2(document$1.createElement);
+
+	var documentCreateElement$2 = function (it) {
+	  return EXISTS$1 ? document$1.createElement(it) : {};
+	};
+
+	var DESCRIPTORS$9 = descriptors;
+	var fails$5 = fails$a;
+	var createElement = documentCreateElement$2;
+
+	// Thanks to IE8 for its funny defineProperty
+	var ie8DomDefine = !DESCRIPTORS$9 && !fails$5(function () {
+	  // eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
+	  return Object.defineProperty(createElement('div'), 'a', {
+	    get: function () { return 7; }
+	  }).a != 7;
+	});
+
+	var DESCRIPTORS$8 = descriptors;
+	var call$2 = functionCall;
+	var propertyIsEnumerableModule$1 = objectPropertyIsEnumerable;
+	var createPropertyDescriptor$2 = createPropertyDescriptor$3;
+	var toIndexedObject$4 = toIndexedObject$5;
+	var toPropertyKey$1 = toPropertyKey$2;
+	var hasOwn$8 = hasOwnProperty_1;
+	var IE8_DOM_DEFINE$1 = ie8DomDefine;
+
+	// eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
+	var $getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor;
+
+	// `Object.getOwnPropertyDescriptor` method
+	// https://tc39.es/ecma262/#sec-object.getownpropertydescriptor
+	objectGetOwnPropertyDescriptor.f = DESCRIPTORS$8 ? $getOwnPropertyDescriptor$1 : function getOwnPropertyDescriptor(O, P) {
+	  O = toIndexedObject$4(O);
+	  P = toPropertyKey$1(P);
+	  if (IE8_DOM_DEFINE$1) try {
+	    return $getOwnPropertyDescriptor$1(O, P);
+	  } catch (error) { /* empty */ }
+	  if (hasOwn$8(O, P)) return createPropertyDescriptor$2(!call$2(propertyIsEnumerableModule$1.f, O, P), O[P]);
+	};
+
+	var objectDefineProperty = {};
+
+	var DESCRIPTORS$7 = descriptors;
+	var fails$4 = fails$a;
+
+	// V8 ~ Chrome 36-
+	// https://bugs.chromium.org/p/v8/issues/detail?id=3334
+	var v8PrototypeDefineBug = DESCRIPTORS$7 && fails$4(function () {
+	  // eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
+	  return Object.defineProperty(function () { /* empty */ }, 'prototype', {
+	    value: 42,
+	    writable: false
+	  }).prototype != 42;
+	});
+
+	var global$c = global$r;
+	var isObject$1 = isObject$5;
+
+	var String$3 = global$c.String;
+	var TypeError$4 = global$c.TypeError;
+
+	// `Assert: Type(argument) is Object`
+	var anObject$5 = function (argument) {
+	  if (isObject$1(argument)) return argument;
+	  throw TypeError$4(String$3(argument) + ' is not an object');
+	};
+
+	var global$b = global$r;
+	var DESCRIPTORS$6 = descriptors;
+	var IE8_DOM_DEFINE = ie8DomDefine;
+	var V8_PROTOTYPE_DEFINE_BUG$1 = v8PrototypeDefineBug;
+	var anObject$4 = anObject$5;
+	var toPropertyKey = toPropertyKey$2;
+
+	var TypeError$3 = global$b.TypeError;
+	// eslint-disable-next-line es-x/no-object-defineproperty -- safe
+	var $defineProperty = Object.defineProperty;
+	// eslint-disable-next-line es-x/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$6 ? V8_PROTOTYPE_DEFINE_BUG$1 ? function defineProperty(O, P, Attributes) {
+	  anObject$4(O);
+	  P = toPropertyKey(P);
+	  anObject$4(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$4(O);
+	  P = toPropertyKey(P);
+	  anObject$4(Attributes);
+	  if (IE8_DOM_DEFINE) try {
+	    return $defineProperty(O, P, Attributes);
+	  } catch (error) { /* empty */ }
+	  if ('get' in Attributes || 'set' in Attributes) throw TypeError$3('Accessors not supported');
+	  if ('value' in Attributes) O[P] = Attributes.value;
+	  return O;
+	};
+
+	var DESCRIPTORS$5 = descriptors;
+	var definePropertyModule$3 = objectDefineProperty;
+	var createPropertyDescriptor$1 = createPropertyDescriptor$3;
+
+	var createNonEnumerableProperty$5 = DESCRIPTORS$5 ? function (object, key, value) {
+	  return definePropertyModule$3.f(object, key, createPropertyDescriptor$1(1, value));
+	} : function (object, key, value) {
+	  object[key] = value;
+	  return object;
+	};
+
+	var redefine$3 = {exports: {}};
+
+	var uncurryThis$6 = functionUncurryThis;
+	var isCallable$9 = isCallable$f;
+	var store$1 = sharedStore;
+
+	var functionToString = uncurryThis$6(Function.toString);
+
+	// this helper broken in `core-js@3.4.1-3.4.4`, so we can't use `shared` helper
+	if (!isCallable$9(store$1.inspectSource)) {
+	  store$1.inspectSource = function (it) {
+	    return functionToString(it);
+	  };
+	}
+
+	var inspectSource$2 = store$1.inspectSource;
+
+	var global$a = global$r;
+	var isCallable$8 = isCallable$f;
+	var inspectSource$1 = inspectSource$2;
+
+	var WeakMap$1 = global$a.WeakMap;
+
+	var nativeWeakMap = isCallable$8(WeakMap$1) && /native code/.test(inspectSource$1(WeakMap$1));
+
+	var shared$1 = shared$3.exports;
+	var uid = uid$2;
+
+	var keys = shared$1('keys');
+
+	var sharedKey$3 = function (key) {
+	  return keys[key] || (keys[key] = uid(key));
+	};
+
+	var hiddenKeys$4 = {};
+
+	var NATIVE_WEAK_MAP = nativeWeakMap;
+	var global$9 = global$r;
+	var uncurryThis$5 = functionUncurryThis;
+	var isObject = isObject$5;
+	var createNonEnumerableProperty$4 = createNonEnumerableProperty$5;
+	var hasOwn$7 = hasOwnProperty_1;
+	var shared = sharedStore;
+	var sharedKey$2 = sharedKey$3;
+	var hiddenKeys$3 = hiddenKeys$4;
+
+	var OBJECT_ALREADY_INITIALIZED = 'Object already initialized';
+	var TypeError$2 = global$9.TypeError;
+	var WeakMap = global$9.WeakMap;
+	var set, get, has;
+
+	var enforce = function (it) {
+	  return has(it) ? get(it) : set(it, {});
+	};
+
+	var getterFor = function (TYPE) {
+	  return function (it) {
+	    var state;
+	    if (!isObject(it) || (state = get(it)).type !== TYPE) {
+	      throw TypeError$2('Incompatible receiver, ' + TYPE + ' required');
+	    } return state;
+	  };
+	};
+
+	if (NATIVE_WEAK_MAP || shared.state) {
+	  var store = shared.state || (shared.state = new WeakMap());
+	  var wmget = uncurryThis$5(store.get);
+	  var wmhas = uncurryThis$5(store.has);
+	  var wmset = uncurryThis$5(store.set);
+	  set = function (it, metadata) {
+	    if (wmhas(store, it)) throw new TypeError$2(OBJECT_ALREADY_INITIALIZED);
+	    metadata.facade = it;
+	    wmset(store, it, metadata);
+	    return metadata;
+	  };
+	  get = function (it) {
+	    return wmget(store, it) || {};
+	  };
+	  has = function (it) {
+	    return wmhas(store, it);
+	  };
+	} else {
+	  var STATE = sharedKey$2('state');
+	  hiddenKeys$3[STATE] = true;
+	  set = function (it, metadata) {
+	    if (hasOwn$7(it, STATE)) throw new TypeError$2(OBJECT_ALREADY_INITIALIZED);
+	    metadata.facade = it;
+	    createNonEnumerableProperty$4(it, STATE, metadata);
+	    return metadata;
+	  };
+	  get = function (it) {
+	    return hasOwn$7(it, STATE) ? it[STATE] : {};
+	  };
+	  has = function (it) {
+	    return hasOwn$7(it, STATE);
+	  };
+	}
+
+	var internalState = {
+	  set: set,
+	  get: get,
+	  has: has,
+	  enforce: enforce,
+	  getterFor: getterFor
+	};
+
+	var DESCRIPTORS$4 = descriptors;
+	var hasOwn$6 = hasOwnProperty_1;
+
+	var FunctionPrototype = Function.prototype;
+	// eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
+	var getDescriptor = DESCRIPTORS$4 && Object.getOwnPropertyDescriptor;
+
+	var EXISTS = hasOwn$6(FunctionPrototype, 'name');
+	// additional protection from minified / mangled / dropped function names
+	var PROPER = EXISTS && (function something() { /* empty */ }).name === 'something';
+	var CONFIGURABLE = EXISTS && (!DESCRIPTORS$4 || (DESCRIPTORS$4 && getDescriptor(FunctionPrototype, 'name').configurable));
+
+	var functionName = {
+	  EXISTS: EXISTS,
+	  PROPER: PROPER,
+	  CONFIGURABLE: CONFIGURABLE
+	};
+
+	var global$8 = global$r;
+	var isCallable$7 = isCallable$f;
+	var hasOwn$5 = hasOwnProperty_1;
+	var createNonEnumerableProperty$3 = createNonEnumerableProperty$5;
+	var setGlobal$1 = setGlobal$3;
+	var inspectSource = inspectSource$2;
+	var InternalStateModule$1 = internalState;
+	var CONFIGURABLE_FUNCTION_NAME$1 = functionName.CONFIGURABLE;
+
+	var getInternalState$1 = InternalStateModule$1.get;
+	var enforceInternalState = InternalStateModule$1.enforce;
+	var TEMPLATE = String(String).split('String');
+
+	(redefine$3.exports = function (O, key, value, options) {
+	  var unsafe = options ? !!options.unsafe : false;
+	  var simple = options ? !!options.enumerable : false;
+	  var noTargetGet = options ? !!options.noTargetGet : false;
+	  var name = options && options.name !== undefined ? options.name : key;
+	  var state;
+	  if (isCallable$7(value)) {
+	    if (String(name).slice(0, 7) === 'Symbol(') {
+	      name = '[' + String(name).replace(/^Symbol\(([^)]*)\)/, '$1') + ']';
+	    }
+	    if (!hasOwn$5(value, 'name') || (CONFIGURABLE_FUNCTION_NAME$1 && value.name !== name)) {
+	      createNonEnumerableProperty$3(value, 'name', name);
+	    }
+	    state = enforceInternalState(value);
+	    if (!state.source) {
+	      state.source = TEMPLATE.join(typeof name == 'string' ? name : '');
+	    }
+	  }
+	  if (O === global$8) {
+	    if (simple) O[key] = value;
+	    else setGlobal$1(key, value);
+	    return;
+	  } else if (!unsafe) {
+	    delete O[key];
+	  } else if (!noTargetGet && O[key]) {
+	    simple = true;
+	  }
+	  if (simple) O[key] = value;
+	  else createNonEnumerableProperty$3(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$7(this) && getInternalState$1(this).source || inspectSource(this);
+	});
+
+	var objectGetOwnPropertyNames = {};
+
+	var ceil = Math.ceil;
+	var floor = Math.floor;
+
+	// `ToIntegerOrInfinity` abstract operation
+	// https://tc39.es/ecma262/#sec-tointegerorinfinity
+	var toIntegerOrInfinity$2 = function (argument) {
+	  var number = +argument;
+	  // eslint-disable-next-line no-self-compare -- safe
+	  return number !== number || number === 0 ? 0 : (number > 0 ? floor : ceil)(number);
+	};
+
+	var toIntegerOrInfinity$1 = toIntegerOrInfinity$2;
+
+	var max = Math.max;
+	var min$1 = Math.min;
+
+	// Helper for a popular repeating case of the spec:
+	// Let integer be ? ToInteger(index).
+	// If integer < 0, let result be max((length + integer), 0); else let result be min(integer, length).
+	var toAbsoluteIndex$1 = function (index, length) {
+	  var integer = toIntegerOrInfinity$1(index);
+	  return integer < 0 ? max(integer + length, 0) : min$1(integer, length);
+	};
+
+	var toIntegerOrInfinity = toIntegerOrInfinity$2;
+
+	var min = Math.min;
+
+	// `ToLength` abstract operation
+	// https://tc39.es/ecma262/#sec-tolength
+	var toLength$1 = function (argument) {
+	  return argument > 0 ? min(toIntegerOrInfinity(argument), 0x1FFFFFFFFFFFFF) : 0; // 2 ** 53 - 1 == 9007199254740991
+	};
+
+	var toLength = toLength$1;
+
+	// `LengthOfArrayLike` abstract operation
+	// https://tc39.es/ecma262/#sec-lengthofarraylike
+	var lengthOfArrayLike$1 = function (obj) {
+	  return toLength(obj.length);
+	};
+
+	var toIndexedObject$3 = toIndexedObject$5;
+	var toAbsoluteIndex = toAbsoluteIndex$1;
+	var lengthOfArrayLike = lengthOfArrayLike$1;
+
+	// `Array.prototype.{ indexOf, includes }` methods implementation
+	var createMethod = function (IS_INCLUDES) {
+	  return function ($this, el, fromIndex) {
+	    var O = toIndexedObject$3($this);
+	    var length = lengthOfArrayLike(O);
+	    var index = toAbsoluteIndex(fromIndex, length);
+	    var value;
+	    // Array#includes uses SameValueZero equality algorithm
+	    // eslint-disable-next-line no-self-compare -- NaN check
+	    if (IS_INCLUDES && el != el) while (length > index) {
+	      value = O[index++];
+	      // eslint-disable-next-line no-self-compare -- NaN check
+	      if (value != value) return true;
+	    // Array#indexOf ignores holes, Array#includes - not
+	    } else for (;length > index; index++) {
+	      if ((IS_INCLUDES || index in O) && O[index] === el) return IS_INCLUDES || index || 0;
+	    } return !IS_INCLUDES && -1;
+	  };
+	};
+
+	var arrayIncludes = {
+	  // `Array.prototype.includes` method
+	  // https://tc39.es/ecma262/#sec-array.prototype.includes
+	  includes: createMethod(true),
+	  // `Array.prototype.indexOf` method
+	  // https://tc39.es/ecma262/#sec-array.prototype.indexof
+	  indexOf: createMethod(false)
+	};
+
+	var uncurryThis$4 = functionUncurryThis;
+	var hasOwn$4 = hasOwnProperty_1;
+	var toIndexedObject$2 = toIndexedObject$5;
+	var indexOf = arrayIncludes.indexOf;
+	var hiddenKeys$2 = hiddenKeys$4;
+
+	var push = uncurryThis$4([].push);
+
+	var objectKeysInternal = function (object, names) {
+	  var O = toIndexedObject$2(object);
+	  var i = 0;
+	  var result = [];
+	  var key;
+	  for (key in O) !hasOwn$4(hiddenKeys$2, key) && hasOwn$4(O, key) && push(result, key);
+	  // Don't enum bug & hidden keys
+	  while (names.length > i) if (hasOwn$4(O, key = names[i++])) {
+	    ~indexOf(result, key) || push(result, key);
+	  }
+	  return result;
+	};
+
+	// IE8- don't enum bug keys
+	var enumBugKeys$3 = [
+	  'constructor',
+	  'hasOwnProperty',
+	  'isPrototypeOf',
+	  'propertyIsEnumerable',
+	  'toLocaleString',
+	  'toString',
+	  'valueOf'
+	];
+
+	var internalObjectKeys$1 = objectKeysInternal;
+	var enumBugKeys$2 = enumBugKeys$3;
+
+	var hiddenKeys$1 = enumBugKeys$2.concat('length', 'prototype');
+
+	// `Object.getOwnPropertyNames` method
+	// https://tc39.es/ecma262/#sec-object.getownpropertynames
+	// eslint-disable-next-line es-x/no-object-getownpropertynames -- safe
+	objectGetOwnPropertyNames.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
+	  return internalObjectKeys$1(O, hiddenKeys$1);
+	};
+
+	var objectGetOwnPropertySymbols = {};
+
+	// eslint-disable-next-line es-x/no-object-getownpropertysymbols -- safe
+	objectGetOwnPropertySymbols.f = Object.getOwnPropertySymbols;
+
+	var getBuiltIn$1 = getBuiltIn$4;
+	var uncurryThis$3 = functionUncurryThis;
+	var getOwnPropertyNamesModule = objectGetOwnPropertyNames;
+	var getOwnPropertySymbolsModule$1 = objectGetOwnPropertySymbols;
+	var anObject$3 = anObject$5;
+
+	var concat$1 = uncurryThis$3([].concat);
+
+	// all object keys, includes non-enumerable and symbols
+	var ownKeys$1 = getBuiltIn$1('Reflect', 'ownKeys') || function ownKeys(it) {
+	  var keys = getOwnPropertyNamesModule.f(anObject$3(it));
+	  var getOwnPropertySymbols = getOwnPropertySymbolsModule$1.f;
+	  return getOwnPropertySymbols ? concat$1(keys, getOwnPropertySymbols(it)) : keys;
+	};
+
+	var hasOwn$3 = hasOwnProperty_1;
+	var ownKeys = ownKeys$1;
+	var getOwnPropertyDescriptorModule = objectGetOwnPropertyDescriptor;
+	var definePropertyModule$2 = objectDefineProperty;
+
+	var copyConstructorProperties$2 = function (target, source, exceptions) {
+	  var keys = ownKeys(source);
+	  var defineProperty = definePropertyModule$2.f;
+	  var getOwnPropertyDescriptor = getOwnPropertyDescriptorModule.f;
+	  for (var i = 0; i < keys.length; i++) {
+	    var key = keys[i];
+	    if (!hasOwn$3(target, key) && !(exceptions && hasOwn$3(exceptions, key))) {
+	      defineProperty(target, key, getOwnPropertyDescriptor(source, key));
+	    }
+	  }
+	};
+
+	var fails$3 = fails$a;
+	var isCallable$6 = isCallable$f;
+
+	var replacement = /#|\.prototype\./;
+
+	var isForced$1 = function (feature, detection) {
+	  var value = data[normalize(feature)];
+	  return value == POLYFILL ? true
+	    : value == NATIVE ? false
+	    : isCallable$6(detection) ? fails$3(detection)
+	    : !!detection;
+	};
+
+	var normalize = isForced$1.normalize = function (string) {
+	  return String(string).replace(replacement, '.').toLowerCase();
+	};
+
+	var data = isForced$1.data = {};
+	var NATIVE = isForced$1.NATIVE = 'N';
+	var POLYFILL = isForced$1.POLYFILL = 'P';
+
+	var isForced_1 = isForced$1;
+
+	var global$7 = global$r;
+	var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
+	var createNonEnumerableProperty$2 = createNonEnumerableProperty$5;
+	var redefine$2 = redefine$3.exports;
+	var setGlobal = setGlobal$3;
+	var copyConstructorProperties$1 = copyConstructorProperties$2;
+	var isForced = isForced_1;
+
+	/*
+	  options.target      - name of the target object
+	  options.global      - target is the global object
+	  options.stat        - export as static methods of target
+	  options.proto       - export as prototype methods of target
+	  options.real        - real prototype method for the `pure` version
+	  options.forced      - export even if the native feature is available
+	  options.bind        - bind methods to the target, required for the `pure` version
+	  options.wrap        - wrap constructors to preventing global pollution, required for the `pure` version
+	  options.unsafe      - use the simple assignment of property instead of delete + defineProperty
+	  options.sham        - add a flag to not completely full polyfills
+	  options.enumerable  - export as enumerable property
+	  options.noTargetGet - prevent calling a getter on target
+	  options.name        - the .name of the function if it does not match the key
+	*/
+	var _export = function (options, source) {
+	  var TARGET = options.target;
+	  var GLOBAL = options.global;
+	  var STATIC = options.stat;
+	  var FORCED, target, key, targetProperty, sourceProperty, descriptor;
+	  if (GLOBAL) {
+	    target = global$7;
+	  } else if (STATIC) {
+	    target = global$7[TARGET] || setGlobal(TARGET, {});
+	  } else {
+	    target = (global$7[TARGET] || {}).prototype;
+	  }
+	  if (target) for (key in source) {
+	    sourceProperty = source[key];
+	    if (options.noTargetGet) {
+	      descriptor = getOwnPropertyDescriptor(target, key);
+	      targetProperty = descriptor && descriptor.value;
+	    } else targetProperty = target[key];
+	    FORCED = isForced(GLOBAL ? key : TARGET + (STATIC ? '.' : '#') + key, options.forced);
+	    // contained in target
+	    if (!FORCED && targetProperty !== undefined) {
+	      if (typeof sourceProperty == typeof targetProperty) continue;
+	      copyConstructorProperties$1(sourceProperty, targetProperty);
+	    }
+	    // add a flag to not completely full polyfills
+	    if (options.sham || (targetProperty && targetProperty.sham)) {
+	      createNonEnumerableProperty$2(sourceProperty, 'sham', true);
+	    }
+	    // extend global
+	    redefine$2(target, key, sourceProperty, options);
+	  }
+	};
+
+	var internalObjectKeys = objectKeysInternal;
+	var enumBugKeys$1 = enumBugKeys$3;
+
+	// `Object.keys` method
+	// https://tc39.es/ecma262/#sec-object.keys
+	// eslint-disable-next-line es-x/no-object-keys -- safe
+	var objectKeys$2 = Object.keys || function keys(O) {
+	  return internalObjectKeys(O, enumBugKeys$1);
+	};
+
+	var DESCRIPTORS$3 = descriptors;
+	var uncurryThis$2 = functionUncurryThis;
+	var call$1 = functionCall;
+	var fails$2 = fails$a;
+	var objectKeys$1 = objectKeys$2;
+	var getOwnPropertySymbolsModule = objectGetOwnPropertySymbols;
+	var propertyIsEnumerableModule = objectPropertyIsEnumerable;
+	var toObject$1 = toObject$3;
+	var IndexedObject = indexedObject;
+
+	// eslint-disable-next-line es-x/no-object-assign -- safe
+	var $assign = Object.assign;
+	// eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
+	var defineProperty$3 = Object.defineProperty;
+	var concat = uncurryThis$2([].concat);
+
+	// `Object.assign` method
+	// https://tc39.es/ecma262/#sec-object.assign
+	var objectAssign = !$assign || fails$2(function () {
+	  // should have correct order of operations (Edge bug)
+	  if (DESCRIPTORS$3 && $assign({ b: 1 }, $assign(defineProperty$3({}, 'a', {
+	    enumerable: true,
+	    get: function () {
+	      defineProperty$3(this, 'b', {
+	        value: 3,
+	        enumerable: false
+	      });
+	    }
+	  }), { b: 2 })).b !== 1) return true;
+	  // should work with symbols and should have deterministic property order (V8 bug)
+	  var A = {};
+	  var B = {};
+	  // eslint-disable-next-line es-x/no-symbol -- safe
+	  var symbol = Symbol();
+	  var alphabet = 'abcdefghijklmnopqrst';
+	  A[symbol] = 7;
+	  alphabet.split('').forEach(function (chr) { B[chr] = chr; });
+	  return $assign({}, A)[symbol] != 7 || objectKeys$1($assign({}, B)).join('') != alphabet;
+	}) ? function assign(target, source) { // eslint-disable-line no-unused-vars -- required for `.length`
+	  var T = toObject$1(target);
+	  var argumentsLength = arguments.length;
+	  var index = 1;
+	  var getOwnPropertySymbols = getOwnPropertySymbolsModule.f;
+	  var propertyIsEnumerable = propertyIsEnumerableModule.f;
+	  while (argumentsLength > index) {
+	    var S = IndexedObject(arguments[index++]);
+	    var keys = getOwnPropertySymbols ? concat(objectKeys$1(S), getOwnPropertySymbols(S)) : objectKeys$1(S);
+	    var length = keys.length;
+	    var j = 0;
+	    var key;
+	    while (length > j) {
+	      key = keys[j++];
+	      if (!DESCRIPTORS$3 || call$1(propertyIsEnumerable, S, key)) T[key] = S[key];
+	    }
+	  } return T;
+	} : $assign;
+
+	var $$2 = _export;
+	var assign = objectAssign;
+
+	// `Object.assign` method
+	// https://tc39.es/ecma262/#sec-object.assign
+	// eslint-disable-next-line es-x/no-object-assign -- required for testing
+	$$2({ target: 'Object', stat: true, forced: Object.assign !== assign }, {
+	  assign: assign
+	});
+
+	/******************************************************************************
+	Copyright (c) Microsoft Corporation.
+
+	Permission to use, copy, modify, and/or distribute this software for any
+	purpose with or without fee is hereby granted.
+
+	THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+	REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+	AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+	INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+	LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+	OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+	PERFORMANCE OF THIS SOFTWARE.
+	***************************************************************************** */
+
+	function __rest(s, e) {
+	    var t = {};
+	    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+	        t[p] = s[p];
+	    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+	        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+	            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+	                t[p[i]] = s[p[i]];
+	        }
+	    return t;
+	}
+
+	function Button({
+	  children,
+	  variant,
+	  onClick,
+	  active = false,
+	  type = 'button'
+	}) {
+	  const props = {
+	    type
+	  };
+	  const classNames = [];
+	  if (variant) classNames.push(variant);
+	  if (active) classNames.push('active');
+	  if (classNames.length) props.className = classNames.join(' ');
+	  if (onClick) props.onClick = onClick;
+	  return jsxRuntime.jsx("button", Object.assign({}, props, {
+	    children: children
+	  }));
+	}
+
+	const ModalHeader = ({
+	  header: _header = '',
+	  onClose
+	}) => {
+	  const handleClose = event => {
+	    if (onClose) onClose(event);
+	  };
+
+	  return jsxRuntime.jsxs("div", Object.assign({
+	    className: "header"
+	  }, {
+	    children: [jsxRuntime.jsx("h3", {
+	      children: _header
+	    }), jsxRuntime.jsx("button", Object.assign({
+	      className: "close",
+	      onClick: handleClose
+	    }, {
+	      children: jsxRuntime.jsx("span", Object.assign({
+	        className: "sr-only"
+	      }, {
+	        children: "Close"
+	      }))
+	    }))]
+	  }));
+	};
+
+	const ModalBody = ({
+	  children
+	}) => {
+	  return jsxRuntime.jsx("div", Object.assign({
+	    className: "body"
+	  }, {
+	    children: children
+	  }));
+	};
+
+	const ModalFooter = ({
+	  confirm,
+	  dismiss,
+	  onClose,
+	  onConfirm,
+	  onDismiss
+	}) => {
+	  const handleConfirm = event => {
+	    if (onConfirm) onConfirm(event);
+	    if (onClose) onClose(event);
+	  };
+
+	  const handleDismiss = event => {
+	    if (onDismiss) onDismiss(event);
+	    if (onClose) onClose(event);
+	  };
+
+	  return jsxRuntime.jsxs("div", Object.assign({
+	    className: "footer"
+	  }, {
+	    children: [dismiss && jsxRuntime.jsx(Button, Object.assign({
+	      variant: "secondary",
+	      onClick: handleDismiss
+	    }, {
+	      children: dismiss
+	    })), confirm && jsxRuntime.jsx(Button, Object.assign({
+	      variant: "primary",
+	      onClick: handleConfirm
+	    }, {
+	      children: confirm
+	    }))]
+	  }));
+	};
+
+	const Modal = _a => {
+	  var {
+	    type = 'default',
+	    isOpen
+	  } = _a,
+	      props = __rest(_a, ["type", "isOpen"]);
+
+	  const modalContent = () => {
+	    switch (type) {
+	      case 'slideout':
+	        {
+	          return jsxRuntime.jsxs("aside", Object.assign({
+	            role: "dialog"
+	          }, {
+	            children: [jsxRuntime.jsx(ModalHeader, Object.assign({}, props)), jsxRuntime.jsx(ModalBody, Object.assign({}, props)), jsxRuntime.jsx(ModalFooter, Object.assign({}, props))]
+	          }));
+	        }
+
+	      case 'takeover':
+	        {
+	          return jsxRuntime.jsxs("main", Object.assign({
+	            role: "dialog"
+	          }, {
+	            children: [jsxRuntime.jsx(ModalHeader, Object.assign({}, props)), jsxRuntime.jsx(ModalBody, Object.assign({}, props)), jsxRuntime.jsx(ModalFooter, Object.assign({}, props))]
+	          }));
+	        }
+
+	      default:
+	        {
+	          return jsxRuntime.jsxs("section", Object.assign({
+	            role: "dialog"
+	          }, {
+	            children: [jsxRuntime.jsx(ModalHeader, Object.assign({}, props)), jsxRuntime.jsx(ModalBody, Object.assign({}, props)), jsxRuntime.jsx(ModalFooter, Object.assign({}, props))]
+	          }));
+	        }
+	    }
+	  };
+
+	  return isOpen ? modalContent() : null;
+	};
+
+	var objectDefineProperties = {};
+
+	var DESCRIPTORS$2 = descriptors;
+	var V8_PROTOTYPE_DEFINE_BUG = v8PrototypeDefineBug;
+	var definePropertyModule$1 = objectDefineProperty;
+	var anObject$2 = anObject$5;
+	var toIndexedObject$1 = toIndexedObject$5;
+	var objectKeys = objectKeys$2;
+
+	// `Object.defineProperties` method
+	// https://tc39.es/ecma262/#sec-object.defineproperties
+	// eslint-disable-next-line es-x/no-object-defineproperties -- safe
+	objectDefineProperties.f = DESCRIPTORS$2 && !V8_PROTOTYPE_DEFINE_BUG ? Object.defineProperties : function defineProperties(O, Properties) {
+	  anObject$2(O);
+	  var props = toIndexedObject$1(Properties);
+	  var keys = objectKeys(Properties);
+	  var length = keys.length;
+	  var index = 0;
+	  var key;
+	  while (length > index) definePropertyModule$1.f(O, key = keys[index++], props[key]);
+	  return O;
+	};
+
+	var getBuiltIn = getBuiltIn$4;
+
+	var html$1 = getBuiltIn('document', 'documentElement');
+
+	/* global ActiveXObject -- old IE, WSH */
+
+	var anObject$1 = anObject$5;
+	var definePropertiesModule = objectDefineProperties;
+	var enumBugKeys = enumBugKeys$3;
+	var hiddenKeys = hiddenKeys$4;
+	var html = html$1;
+	var documentCreateElement$1 = documentCreateElement$2;
+	var sharedKey$1 = sharedKey$3;
+
+	var GT = '>';
+	var LT = '<';
+	var PROTOTYPE = 'prototype';
+	var SCRIPT = 'script';
+	var IE_PROTO$1 = sharedKey$1('IE_PROTO');
+
+	var EmptyConstructor = function () { /* empty */ };
+
+	var scriptTag = function (content) {
+	  return LT + SCRIPT + GT + content + LT + '/' + SCRIPT + GT;
+	};
+
+	// Create object with fake `null` prototype: use ActiveX Object with cleared prototype
+	var NullProtoObjectViaActiveX = function (activeXDocument) {
+	  activeXDocument.write(scriptTag(''));
+	  activeXDocument.close();
+	  var temp = activeXDocument.parentWindow.Object;
+	  activeXDocument = null; // avoid memory leak
+	  return temp;
+	};
+
+	// Create object with fake `null` prototype: use iframe Object with cleared prototype
+	var NullProtoObjectViaIFrame = function () {
+	  // Thrash, waste and sodomy: IE GC bug
+	  var iframe = documentCreateElement$1('iframe');
+	  var JS = 'java' + SCRIPT + ':';
+	  var iframeDocument;
+	  iframe.style.display = 'none';
+	  html.appendChild(iframe);
+	  // https://github.com/zloirock/core-js/issues/475
+	  iframe.src = String(JS);
+	  iframeDocument = iframe.contentWindow.document;
+	  iframeDocument.open();
+	  iframeDocument.write(scriptTag('document.F=Object'));
+	  iframeDocument.close();
+	  return iframeDocument.F;
+	};
+
+	// Check for document.domain and active x support
+	// No need to use active x approach when document.domain is not set
+	// see https://github.com/es-shims/es5-shim/issues/150
+	// variation of https://github.com/kitcambridge/es5-shim/commit/4f738ac066346
+	// avoid IE GC bug
+	var activeXDocument;
+	var NullProtoObject = function () {
+	  try {
+	    activeXDocument = new ActiveXObject('htmlfile');
+	  } catch (error) { /* ignore */ }
+	  NullProtoObject = typeof document != 'undefined'
+	    ? document.domain && activeXDocument
+	      ? NullProtoObjectViaActiveX(activeXDocument) // old IE
+	      : NullProtoObjectViaIFrame()
+	    : NullProtoObjectViaActiveX(activeXDocument); // WSH
+	  var length = enumBugKeys.length;
+	  while (length--) delete NullProtoObject[PROTOTYPE][enumBugKeys[length]];
+	  return NullProtoObject();
+	};
+
+	hiddenKeys[IE_PROTO$1] = true;
+
+	// `Object.create` method
+	// https://tc39.es/ecma262/#sec-object.create
+	// eslint-disable-next-line es-x/no-object-create -- safe
+	var objectCreate = Object.create || function create(O, Properties) {
+	  var result;
+	  if (O !== null) {
+	    EmptyConstructor[PROTOTYPE] = anObject$1(O);
+	    result = new EmptyConstructor();
+	    EmptyConstructor[PROTOTYPE] = null;
+	    // add "__proto__" for Object.getPrototypeOf polyfill
+	    result[IE_PROTO$1] = O;
+	  } else result = NullProtoObject();
+	  return Properties === undefined ? result : definePropertiesModule.f(result, Properties);
+	};
+
+	var wellKnownSymbol$6 = wellKnownSymbol$8;
+	var create$1 = objectCreate;
+	var definePropertyModule = objectDefineProperty;
+
+	var UNSCOPABLES = wellKnownSymbol$6('unscopables');
+	var ArrayPrototype = Array.prototype;
+
+	// Array.prototype[@@unscopables]
+	// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
+	if (ArrayPrototype[UNSCOPABLES] == undefined) {
+	  definePropertyModule.f(ArrayPrototype, UNSCOPABLES, {
+	    configurable: true,
+	    value: create$1(null)
+	  });
+	}
+
+	// add a key to Array.prototype[@@unscopables]
+	var addToUnscopables$1 = function (key) {
+	  ArrayPrototype[UNSCOPABLES][key] = true;
+	};
+
+	var iterators = {};
+
+	var fails$1 = fails$a;
+
+	var correctPrototypeGetter = !fails$1(function () {
+	  function F() { /* empty */ }
+	  F.prototype.constructor = null;
+	  // eslint-disable-next-line es-x/no-object-getprototypeof -- required for testing
+	  return Object.getPrototypeOf(new F()) !== F.prototype;
+	});
+
+	var global$6 = global$r;
+	var hasOwn$2 = hasOwnProperty_1;
+	var isCallable$5 = isCallable$f;
+	var toObject = toObject$3;
+	var sharedKey = sharedKey$3;
+	var CORRECT_PROTOTYPE_GETTER = correctPrototypeGetter;
+
+	var IE_PROTO = sharedKey('IE_PROTO');
+	var Object$2 = global$6.Object;
+	var ObjectPrototype = Object$2.prototype;
+
+	// `Object.getPrototypeOf` method
+	// https://tc39.es/ecma262/#sec-object.getprototypeof
+	var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? Object$2.getPrototypeOf : function (O) {
+	  var object = toObject(O);
+	  if (hasOwn$2(object, IE_PROTO)) return object[IE_PROTO];
+	  var constructor = object.constructor;
+	  if (isCallable$5(constructor) && object instanceof constructor) {
+	    return constructor.prototype;
+	  } return object instanceof Object$2 ? ObjectPrototype : null;
+	};
+
+	var fails = fails$a;
+	var isCallable$4 = isCallable$f;
+	var getPrototypeOf$1 = objectGetPrototypeOf;
+	var redefine$1 = redefine$3.exports;
+	var wellKnownSymbol$5 = wellKnownSymbol$8;
+
+	var ITERATOR$2 = wellKnownSymbol$5('iterator');
+	var BUGGY_SAFARI_ITERATORS$1 = false;
+
+	// `%IteratorPrototype%` object
+	// https://tc39.es/ecma262/#sec-%iteratorprototype%-object
+	var IteratorPrototype$2, PrototypeOfArrayIteratorPrototype, arrayIterator;
+
+	/* eslint-disable es-x/no-array-prototype-keys -- safe */
+	if ([].keys) {
+	  arrayIterator = [].keys();
+	  // Safari 8 has buggy iterators w/o `next`
+	  if (!('next' in arrayIterator)) BUGGY_SAFARI_ITERATORS$1 = true;
+	  else {
+	    PrototypeOfArrayIteratorPrototype = getPrototypeOf$1(getPrototypeOf$1(arrayIterator));
+	    if (PrototypeOfArrayIteratorPrototype !== Object.prototype) IteratorPrototype$2 = PrototypeOfArrayIteratorPrototype;
+	  }
+	}
+
+	var NEW_ITERATOR_PROTOTYPE = IteratorPrototype$2 == undefined || fails(function () {
+	  var test = {};
+	  // FF44- legacy iterators case
+	  return IteratorPrototype$2[ITERATOR$2].call(test) !== test;
+	});
+
+	if (NEW_ITERATOR_PROTOTYPE) IteratorPrototype$2 = {};
+
+	// `%IteratorPrototype%[@@iterator]()` method
+	// https://tc39.es/ecma262/#sec-%iteratorprototype%-@@iterator
+	if (!isCallable$4(IteratorPrototype$2[ITERATOR$2])) {
+	  redefine$1(IteratorPrototype$2, ITERATOR$2, function () {
+	    return this;
+	  });
+	}
+
+	var iteratorsCore = {
+	  IteratorPrototype: IteratorPrototype$2,
+	  BUGGY_SAFARI_ITERATORS: BUGGY_SAFARI_ITERATORS$1
+	};
+
+	var defineProperty$2 = objectDefineProperty.f;
+	var hasOwn$1 = hasOwnProperty_1;
+	var wellKnownSymbol$4 = wellKnownSymbol$8;
+
+	var TO_STRING_TAG$3 = wellKnownSymbol$4('toStringTag');
+
+	var setToStringTag$2 = function (target, TAG, STATIC) {
+	  if (target && !STATIC) target = target.prototype;
+	  if (target && !hasOwn$1(target, TO_STRING_TAG$3)) {
+	    defineProperty$2(target, TO_STRING_TAG$3, { configurable: true, value: TAG });
+	  }
+	};
+
+	var IteratorPrototype$1 = iteratorsCore.IteratorPrototype;
+	var create = objectCreate;
+	var createPropertyDescriptor = createPropertyDescriptor$3;
+	var setToStringTag$1 = setToStringTag$2;
+	var Iterators$2 = iterators;
+
+	var returnThis$1 = function () { return this; };
+
+	var createIteratorConstructor$1 = function (IteratorConstructor, NAME, next, ENUMERABLE_NEXT) {
+	  var TO_STRING_TAG = NAME + ' Iterator';
+	  IteratorConstructor.prototype = create(IteratorPrototype$1, { next: createPropertyDescriptor(+!ENUMERABLE_NEXT, next) });
+	  setToStringTag$1(IteratorConstructor, TO_STRING_TAG, false);
+	  Iterators$2[TO_STRING_TAG] = returnThis$1;
+	  return IteratorConstructor;
+	};
+
+	var global$5 = global$r;
+	var isCallable$3 = isCallable$f;
+
+	var String$2 = global$5.String;
+	var TypeError$1 = global$5.TypeError;
+
+	var aPossiblePrototype$1 = function (argument) {
+	  if (typeof argument == 'object' || isCallable$3(argument)) return argument;
+	  throw TypeError$1("Can't set " + String$2(argument) + ' as a prototype');
+	};
+
+	/* eslint-disable no-proto -- safe */
+
+	var uncurryThis$1 = functionUncurryThis;
+	var anObject = anObject$5;
+	var aPossiblePrototype = aPossiblePrototype$1;
+
+	// `Object.setPrototypeOf` method
+	// https://tc39.es/ecma262/#sec-object.setprototypeof
+	// Works with __proto__ only. Old v8 can't work with null proto objects.
+	// eslint-disable-next-line es-x/no-object-setprototypeof -- safe
+	var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? function () {
+	  var CORRECT_SETTER = false;
+	  var test = {};
+	  var setter;
+	  try {
+	    // eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
+	    setter = uncurryThis$1(Object.getOwnPropertyDescriptor(Object.prototype, '__proto__').set);
+	    setter(test, []);
+	    CORRECT_SETTER = test instanceof Array;
+	  } catch (error) { /* empty */ }
+	  return function setPrototypeOf(O, proto) {
+	    anObject(O);
+	    aPossiblePrototype(proto);
+	    if (CORRECT_SETTER) setter(O, proto);
+	    else O.__proto__ = proto;
+	    return O;
+	  };
+	}() : undefined);
+
+	var $$1 = _export;
+	var call = functionCall;
+	var FunctionName = functionName;
+	var isCallable$2 = isCallable$f;
+	var createIteratorConstructor = createIteratorConstructor$1;
+	var getPrototypeOf = objectGetPrototypeOf;
+	var setPrototypeOf = objectSetPrototypeOf;
+	var setToStringTag = setToStringTag$2;
+	var createNonEnumerableProperty$1 = createNonEnumerableProperty$5;
+	var redefine = redefine$3.exports;
+	var wellKnownSymbol$3 = wellKnownSymbol$8;
+	var Iterators$1 = iterators;
+	var IteratorsCore = iteratorsCore;
+
+	var PROPER_FUNCTION_NAME = FunctionName.PROPER;
+	var CONFIGURABLE_FUNCTION_NAME = FunctionName.CONFIGURABLE;
+	var IteratorPrototype = IteratorsCore.IteratorPrototype;
+	var BUGGY_SAFARI_ITERATORS = IteratorsCore.BUGGY_SAFARI_ITERATORS;
+	var ITERATOR$1 = wellKnownSymbol$3('iterator');
+	var KEYS = 'keys';
+	var VALUES = 'values';
+	var ENTRIES = 'entries';
+
+	var returnThis = function () { return this; };
+
+	var defineIterator$1 = function (Iterable, NAME, IteratorConstructor, next, DEFAULT, IS_SET, FORCED) {
+	  createIteratorConstructor(IteratorConstructor, NAME, next);
+
+	  var getIterationMethod = function (KIND) {
+	    if (KIND === DEFAULT && defaultIterator) return defaultIterator;
+	    if (!BUGGY_SAFARI_ITERATORS && KIND in IterablePrototype) return IterablePrototype[KIND];
+	    switch (KIND) {
+	      case KEYS: return function keys() { return new IteratorConstructor(this, KIND); };
+	      case VALUES: return function values() { return new IteratorConstructor(this, KIND); };
+	      case ENTRIES: return function entries() { return new IteratorConstructor(this, KIND); };
+	    } return function () { return new IteratorConstructor(this); };
+	  };
+
+	  var TO_STRING_TAG = NAME + ' Iterator';
+	  var INCORRECT_VALUES_NAME = false;
+	  var IterablePrototype = Iterable.prototype;
+	  var nativeIterator = IterablePrototype[ITERATOR$1]
+	    || IterablePrototype['@@iterator']
+	    || DEFAULT && IterablePrototype[DEFAULT];
+	  var defaultIterator = !BUGGY_SAFARI_ITERATORS && nativeIterator || getIterationMethod(DEFAULT);
+	  var anyNativeIterator = NAME == 'Array' ? IterablePrototype.entries || nativeIterator : nativeIterator;
+	  var CurrentIteratorPrototype, methods, KEY;
+
+	  // fix native
+	  if (anyNativeIterator) {
+	    CurrentIteratorPrototype = getPrototypeOf(anyNativeIterator.call(new Iterable()));
+	    if (CurrentIteratorPrototype !== Object.prototype && CurrentIteratorPrototype.next) {
+	      if (getPrototypeOf(CurrentIteratorPrototype) !== IteratorPrototype) {
+	        if (setPrototypeOf) {
+	          setPrototypeOf(CurrentIteratorPrototype, IteratorPrototype);
+	        } else if (!isCallable$2(CurrentIteratorPrototype[ITERATOR$1])) {
+	          redefine(CurrentIteratorPrototype, ITERATOR$1, returnThis);
+	        }
+	      }
+	      // Set @@toStringTag to native iterators
+	      setToStringTag(CurrentIteratorPrototype, TO_STRING_TAG, true);
+	    }
+	  }
+
+	  // fix Array.prototype.{ values, @@iterator }.name in V8 / FF
+	  if (PROPER_FUNCTION_NAME && DEFAULT == VALUES && nativeIterator && nativeIterator.name !== VALUES) {
+	    if (CONFIGURABLE_FUNCTION_NAME) {
+	      createNonEnumerableProperty$1(IterablePrototype, 'name', VALUES);
+	    } else {
+	      INCORRECT_VALUES_NAME = true;
+	      defaultIterator = function values() { return call(nativeIterator, this); };
+	    }
+	  }
+
+	  // export additional methods
+	  if (DEFAULT) {
+	    methods = {
+	      values: getIterationMethod(VALUES),
+	      keys: IS_SET ? defaultIterator : getIterationMethod(KEYS),
+	      entries: getIterationMethod(ENTRIES)
+	    };
+	    if (FORCED) for (KEY in methods) {
+	      if (BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME || !(KEY in IterablePrototype)) {
+	        redefine(IterablePrototype, KEY, methods[KEY]);
+	      }
+	    } else $$1({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
+	  }
+
+	  // define iterator
+	  if (IterablePrototype[ITERATOR$1] !== defaultIterator) {
+	    redefine(IterablePrototype, ITERATOR$1, defaultIterator, { name: DEFAULT });
+	  }
+	  Iterators$1[NAME] = defaultIterator;
+
+	  return methods;
+	};
+
+	var toIndexedObject = toIndexedObject$5;
+	var addToUnscopables = addToUnscopables$1;
+	var Iterators = iterators;
+	var InternalStateModule = internalState;
+	var defineProperty$1 = objectDefineProperty.f;
+	var defineIterator = defineIterator$1;
+	var DESCRIPTORS$1 = descriptors;
+
+	var ARRAY_ITERATOR = 'Array Iterator';
+	var setInternalState = InternalStateModule.set;
+	var getInternalState = InternalStateModule.getterFor(ARRAY_ITERATOR);
+
+	// `Array.prototype.entries` method
+	// https://tc39.es/ecma262/#sec-array.prototype.entries
+	// `Array.prototype.keys` method
+	// https://tc39.es/ecma262/#sec-array.prototype.keys
+	// `Array.prototype.values` method
+	// https://tc39.es/ecma262/#sec-array.prototype.values
+	// `Array.prototype[@@iterator]` method
+	// https://tc39.es/ecma262/#sec-array.prototype-@@iterator
+	// `CreateArrayIterator` internal method
+	// https://tc39.es/ecma262/#sec-createarrayiterator
+	var es_array_iterator = defineIterator(Array, 'Array', function (iterated, kind) {
+	  setInternalState(this, {
+	    type: ARRAY_ITERATOR,
+	    target: toIndexedObject(iterated), // target
+	    index: 0,                          // next index
+	    kind: kind                         // kind
+	  });
+	// `%ArrayIteratorPrototype%.next` method
+	// https://tc39.es/ecma262/#sec-%arrayiteratorprototype%.next
+	}, function () {
+	  var state = getInternalState(this);
+	  var target = state.target;
+	  var kind = state.kind;
+	  var index = state.index++;
+	  if (!target || index >= target.length) {
+	    state.target = undefined;
+	    return { value: undefined, done: true };
+	  }
+	  if (kind == 'keys') return { value: index, done: false };
+	  if (kind == 'values') return { value: target[index], done: false };
+	  return { value: [index, target[index]], done: false };
+	}, 'values');
+
+	// argumentsList[@@iterator] is %ArrayProto_values%
+	// https://tc39.es/ecma262/#sec-createunmappedargumentsobject
+	// https://tc39.es/ecma262/#sec-createmappedargumentsobject
+	var values = Iterators.Arguments = Iterators.Array;
+
+	// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
+	addToUnscopables('keys');
+	addToUnscopables('values');
+	addToUnscopables('entries');
+
+	// V8 ~ Chrome 45- bug
+	if (DESCRIPTORS$1 && values.name !== 'values') try {
+	  defineProperty$1(values, 'name', { value: 'values' });
+	} catch (error) { /* empty */ }
+
+	// iterable DOM collections
+	// flag - `iterable` interface - 'entries', 'keys', 'values', 'forEach' methods
+	var domIterables = {
+	  CSSRuleList: 0,
+	  CSSStyleDeclaration: 0,
+	  CSSValueList: 0,
+	  ClientRectList: 0,
+	  DOMRectList: 0,
+	  DOMStringList: 0,
+	  DOMTokenList: 1,
+	  DataTransferItemList: 0,
+	  FileList: 0,
+	  HTMLAllCollection: 0,
+	  HTMLCollection: 0,
+	  HTMLFormElement: 0,
+	  HTMLSelectElement: 0,
+	  MediaList: 0,
+	  MimeTypeArray: 0,
+	  NamedNodeMap: 0,
+	  NodeList: 1,
+	  PaintRequestList: 0,
+	  Plugin: 0,
+	  PluginArray: 0,
+	  SVGLengthList: 0,
+	  SVGNumberList: 0,
+	  SVGPathSegList: 0,
+	  SVGPointList: 0,
+	  SVGStringList: 0,
+	  SVGTransformList: 0,
+	  SourceBufferList: 0,
+	  StyleSheetList: 0,
+	  TextTrackCueList: 0,
+	  TextTrackList: 0,
+	  TouchList: 0
+	};
+
+	// in old WebKit versions, `element.classList` is not an instance of global `DOMTokenList`
+	var documentCreateElement = documentCreateElement$2;
+
+	var classList = documentCreateElement('span').classList;
+	var DOMTokenListPrototype$1 = classList && classList.constructor && classList.constructor.prototype;
+
+	var domTokenListPrototype = DOMTokenListPrototype$1 === Object.prototype ? undefined : DOMTokenListPrototype$1;
+
+	var global$4 = global$r;
+	var DOMIterables = domIterables;
+	var DOMTokenListPrototype = domTokenListPrototype;
+	var ArrayIteratorMethods = es_array_iterator;
+	var createNonEnumerableProperty = createNonEnumerableProperty$5;
+	var wellKnownSymbol$2 = wellKnownSymbol$8;
+
+	var ITERATOR = wellKnownSymbol$2('iterator');
+	var TO_STRING_TAG$2 = wellKnownSymbol$2('toStringTag');
+	var ArrayValues = ArrayIteratorMethods.values;
+
+	var handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {
+	  if (CollectionPrototype) {
+	    // some Chrome versions have non-configurable methods on DOMTokenList
+	    if (CollectionPrototype[ITERATOR] !== ArrayValues) try {
+	      createNonEnumerableProperty(CollectionPrototype, ITERATOR, ArrayValues);
+	    } catch (error) {
+	      CollectionPrototype[ITERATOR] = ArrayValues;
+	    }
+	    if (!CollectionPrototype[TO_STRING_TAG$2]) {
+	      createNonEnumerableProperty(CollectionPrototype, TO_STRING_TAG$2, COLLECTION_NAME);
+	    }
+	    if (DOMIterables[COLLECTION_NAME]) for (var METHOD_NAME in ArrayIteratorMethods) {
+	      // some Chrome versions have non-configurable methods on DOMTokenList
+	      if (CollectionPrototype[METHOD_NAME] !== ArrayIteratorMethods[METHOD_NAME]) try {
+	        createNonEnumerableProperty(CollectionPrototype, METHOD_NAME, ArrayIteratorMethods[METHOD_NAME]);
+	      } catch (error) {
+	        CollectionPrototype[METHOD_NAME] = ArrayIteratorMethods[METHOD_NAME];
+	      }
+	    }
+	  }
+	};
+
+	for (var COLLECTION_NAME in DOMIterables) {
+	  handlePrototype(global$4[COLLECTION_NAME] && global$4[COLLECTION_NAME].prototype, COLLECTION_NAME);
+	}
+
+	handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
+
+	const Flexbox = _a => {
+	  var {
+	    alignContent,
+	    alignItems,
+	    alignSelf,
+	    children,
+	    justifyContent,
+	    flexDirection,
+	    flexWrap,
+	    className
+	  } = _a,
+	      props = __rest(_a, ["alignContent", "alignItems", "alignSelf", "children", "justifyContent", "flexDirection", "flexWrap", "className"]);
+
+	  const [classes, setClasses] = React.useState(['d-flex']);
+	  const [flexClassName, setFlexClassName] = React.useState('d-flex'); // // update className when classes change
+
+	  React.useLayoutEffect(() => {
+	    const newClassName = classes.join(' ');
+	    if (newClassName !== flexClassName) setFlexClassName(newClassName);
+	  }, [classes, flexClassName]); // // update classes when props change
+
+	  React.useLayoutEffect(() => {
+	    const newClasses = ['d-flex'];
+	    alignItems && newClasses.push(`align-items-${alignItems}`);
+	    alignContent && newClasses.push(`align-content-${alignContent}`);
+	    alignSelf && newClasses.push(`align-self-${alignSelf}`);
+	    justifyContent && newClasses.push(`justify-content-${justifyContent}`);
+	    flexDirection && newClasses.push(`flex-${flexDirection}`);
+	    flexWrap && newClasses.push(`flex-${flexWrap}`);
+	    className && newClasses.push(className);
+	    setClasses(newClasses);
+	  }, [alignContent, alignItems, alignSelf, justifyContent, flexDirection, flexWrap, className]);
+	  return jsxRuntime.jsx("div", Object.assign({
+	    className: flexClassName
+	  }, props, {
+	    children: children
+	  }));
+	};
+
+	function Card({
+	  children,
+	  header,
+	  footer
+	}) {
+	  return jsxRuntime.jsxs("section", Object.assign({
+	    className: "card"
+	  }, {
+	    children: [jsxRuntime.jsx("header", {
+	      children: header
+	    }), children, jsxRuntime.jsx("footer", {
+	      children: footer
+	    })]
+	  }));
+	}
+
+	function Alert({
+	  type,
+	  header,
+	  footer,
+	  children,
+	  closeText,
+	  isCloseable = true
+	}) {
+	  const [closeButton, setCloseButton] = React.useState();
+	  React.useEffect(() => {
+	    if (!isCloseable) {
+	      setCloseButton(null);
+	    } else {
+	      if (closeText) setCloseButton(jsxRuntime.jsx(Button, Object.assign({
+	        variant: "ghost"
+	      }, {
+	        children: jsxRuntime.jsx("span", Object.assign({
+	          className: "sr-only"
+	        }, {
+	          children: closeText
+	        }))
+	      })));else setCloseButton(jsxRuntime.jsx("button", {
+	        className: "close"
+	      }));
+	    }
+	  }, [isCloseable, closeText]);
+	  return jsxRuntime.jsxs("div", Object.assign({
+	    role: "alert",
+	    className: type
+	  }, {
+	    children: [header && jsxRuntime.jsxs("header", {
+	      children: [/*#__PURE__*/React__default["default"].isValidElement(header) ? header : jsxRuntime.jsx("h3", {
+	        children: header
+	      }), closeButton]
+	    }), jsxRuntime.jsx("p", {
+	      children: children
+	    }), footer && jsxRuntime.jsx("footer", {
+	      children: footer
+	    })]
+	  }));
+	}
+
+	const ButtonGroup = ({
+	  children,
+	  selectedIndex,
+	  variant
+	}) => {
+	  const [selected, setSelected] = React.useState(selectedIndex);
+	  const [buttons, setButtons] = React.useState([]);
+	  React.useEffect(() => {
+	    const buttonProps = (children instanceof Array ? children : [children]).filter(b => b && b.props).map((b, ix) => {
+	      const bp = b.props;
+	      const props = Object.assign(Object.assign({}, bp), {
+	        variant,
+	        key: bp.key || `btn_${ix}`,
+	        active: ix === selected,
+	        onClick: e => {
+	          setSelected(ix);
+	          if (bp.onClick) bp.onClick(e);
+	        }
+	      });
+	      return props;
+	    });
+	    setButtons(buttonProps);
+	  }, [children, selected, variant]);
+	  return jsxRuntime.jsx(Group, {
+	    children: buttons.map(props => jsxRuntime.jsx(Button, Object.assign({}, props), props.key))
+	  });
+	};
+
+	const validateInputValue = (target, rules, setError) => {
+	  const errorMessage = validateInputValueErrors(rules, target);
+	  errorMessage ? setErrorInsert(setError, target.name) : setErrorRemove(setError, target.name);
+	  return errorMessage;
+	};
+
+	const validateInputValueErrors = (rules, target) => {
+	  const {
+	    value
+	  } = target;
+
+	  if ((rules === null || rules === void 0 ? void 0 : rules.custom) instanceof Function) {
+	    return rules === null || rules === void 0 ? void 0 : rules.custom();
+	  }
+
+	  return validateTextInputValues(value, rules);
+	};
+
+	const setErrorInsert = (setError, name) => {
+	  setError(errors => {
+	    return Object.assign(Object.assign({}, errors), {
+	      [name]: true
+	    });
+	  });
+	};
+
+	const setErrorRemove = (setError, name) => {
+	  setError(errors => {
+	    const newError = Object.assign({}, errors);
+	    delete newError[name];
+	    return newError;
+	  });
+	};
+
+	const 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;
+	      }
+	  }
+	};
+
+	const FormContext = /*#__PURE__*/React__default["default"].createContext({});
+	const useFormContext = () => {
+	  return React__default["default"].useContext(FormContext);
+	};
+	const FormProvider = _a => {
+	  var {
+	    children,
+	    direction = 'vertical',
+	    formSize = 'md',
+	    onSubmit,
+	    onFormSubmit
+	  } = _a,
+	      props = __rest(_a, ["children", "direction", "formSize", "onSubmit", "onFormSubmit"]);
+
+	  const [values, setValues] = React__default["default"].useState();
+	  const [errors, setErrors] = React__default["default"].useState();
+	  const [fields, setFields] = React__default["default"].useState({});
+
+	  const formSubmit = event => {
+	    let hasError = false;
+	    event.preventDefault();
+	    Object.keys(fields).forEach(key => {
+	      const 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);
+	    }
+	  };
+
+	  const resetForm = () => {
+	    setValues({});
+	    setErrors({});
+	  };
+
+	  return jsxRuntime.jsx(FormContext.Provider, Object.assign({
+	    value: {
+	      setValues,
+	      setErrors,
+	      setFields,
+	      errors,
+	      values
+	    }
+	  }, {
+	    children: jsxRuntime.jsx("form", Object.assign({
+	      className: [direction, `size-${formSize}`].join(' '),
+	      onSubmit: formSubmit
+	    }, props, {
+	      onReset: resetForm
+	    }, {
+	      children: children
+	    }))
+	  }));
+	};
+
+	const Form = props => {
+	  return jsxRuntime.jsx(FormProvider, Object.assign({}, props));
+	};
+
+	const FormItems = ({
+	  children,
+	  validate,
+	  name
+	}) => {
+	  const {
+	    setValues,
+	    setErrors,
+	    setFields,
+	    errors
+	  } = useFormContext();
+	  React__default["default"].useEffect(() => {
+	    setFields(fields => Object.assign(Object.assign({}, fields), {
+	      [name]: validate === null || validate === void 0 ? void 0 : validate.rules
+	    }));
+
+	    const removeValues = values => {
+	      const newValues = Object.assign({}, values);
+	      delete newValues[name];
+	      return newValues;
+	    };
+
+	    return () => {
+	      setFields(fields => removeValues(fields));
+	      setValues(values => removeValues(values));
+	      setErrors(errors => removeValues(errors));
+	    };
+	  }, []);
+
+	  const onChange = event => {
+	    if (!event.target) return;
+	    const {
+	      value,
+	      name,
+	      type,
+	      checked
+	    } = event.target;
+	    let inputValue;
+
+	    if (type === 'checkbox') {
+	      inputValue = checked ? value : null;
+	      checked ? setValues(values => Object.assign(Object.assign({}, values), {
+	        [name]: value
+	      })) : setValues(values => Object.assign(Object.assign({}, values), {
+	        [name]: null
+	      }));
+	    } else {
+	      inputValue = value;
+	      setValues(values => Object.assign(Object.assign({}, values), {
+	        [name]: value
+	      }));
+	    }
+
+	    validateInputValue({
+	      value: inputValue,
+	      name,
+	      type,
+	      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,
+	    onChange
+	  });
+	};
+
+	function Group({
+	  children,
+	  error,
+	  groupBorder = false
+	}) {
+	  const groupClassName = `group ${groupBorder ? 'group-border' : ''} ${error ? 'is-invalid' : ''}`;
+	  const errorMessage = error ? error.message || error : '';
+	  return jsxRuntime.jsxs("div", Object.assign({
+	    className: "form-group"
+	  }, {
+	    children: [jsxRuntime.jsx("div", Object.assign({
+	      className: groupClassName
+	    }, {
+	      children: children
+	    })), error && jsxRuntime.jsx("span", Object.assign({
+	      className: "form-info"
+	    }, {
+	      children: errorMessage
+	    }))]
+	  }));
+	}
+
+	const useInput = (props, onChanges, onChangeInput) => {
+	  const id = React.useMemo(() => props.id || extract.randomId(), [props.id]);
+	  const ref = React.useRef(null);
+	  const [value, setValue] = React.useState(props.value ? props.value : '');
+	  const [checked, setChecked] = React.useState(props.checked ? props.checked : false);
+	  React.useEffect(() => {
+	    if (ref.current && ref.current.form) {
+	      const resetListener = () => {
+	        setValue(props.value ? props.value : '');
+	        setChecked(props.checked ? props.checked : false);
+	      };
+
+	      const form = ref.current.form;
+	      form.addEventListener('reset', resetListener);
+	      return () => form.removeEventListener('reset', resetListener);
+	    } else {
+	      // eslint-disable-next-line @typescript-eslint/no-empty-function
+	      return () => {};
+	    }
+	  }, [props]);
+
+	  const onChange = event => {
+	    setValue(event.target.value);
+	    setChecked(event.currentTarget.checked);
+	    onChanges && onChanges(event);
+	    onChangeInput && onChangeInput(event.target.value);
+	  };
+
+	  return Object.assign(Object.assign({}, props), {
+	    id,
+	    ref,
+	    value,
+	    checked,
+	    onChange
+	  });
+	};
+
+	const RenderInput = (type, props, onChange, onChangeInput, label, info, validator) => {
+	  const _a = useInput(props, onChange, onChangeInput),
+	        {
+	    value
+	  } = _a,
+	        inputProps = __rest(_a, ["value"]);
+
+	  const propsWithDescription = info ? Object.assign(Object.assign({}, inputProps), {
+	    'aria-describedby': `${inputProps.id}_info`
+	  }) : inputProps; // Render naked
+
+	  if (!label && !info) return jsxRuntime.jsx("input", Object.assign({
+	    type: type,
+	    value: value
+	  }, propsWithDescription));
+	  return jsxRuntime.jsxs("div", Object.assign({
+	    className: "form-group"
+	  }, {
+	    children: [label && jsxRuntime.jsx("label", Object.assign({
+	      htmlFor: inputProps.id
+	    }, {
+	      children: label
+	    })), info && jsxRuntime.jsx("span", Object.assign({
+	      className: "form-info",
+	      id: `${inputProps.id}_info`
+	    }, {
+	      children: info
+	    })), jsxRuntime.jsx("input", Object.assign({
+	      type: type,
+	      value: value
+	    }, propsWithDescription, {
+	      className: validator && extract.validateClassName(validator === null || validator === void 0 ? void 0 : validator.indicator)
+	    })), validator && jsxRuntime.jsx("span", Object.assign({
+	      className: "form-info"
+	    }, {
+	      children: validator.message
+	    }))]
+	  }));
+	};
+	const TextInput = _a => {
+	  var {
+	    label,
+	    info,
+	    onChange,
+	    onChangeInput,
+	    validator
+	  } = _a,
+	      props = __rest(_a, ["label", "info", "onChange", "onChangeInput", "validator"]);
+
+	  return RenderInput('text', props, onChange, onChangeInput, label, info, validator);
+	};
+	const EmailInput = _a => {
+	  var {
+	    label,
+	    info,
+	    onChange,
+	    onChangeInput,
+	    validator
+	  } = _a,
+	      props = __rest(_a, ["label", "info", "onChange", "onChangeInput", "validator"]);
+
+	  return RenderInput('email', props, onChange, onChangeInput, label, info, validator);
+	};
+	const NumberInput = _a => {
+	  var {
+	    label,
+	    info,
+	    onChange,
+	    onChangeInput,
+	    validator
+	  } = _a,
+	      props = __rest(_a, ["label", "info", "onChange", "onChangeInput", "validator"]);
+
+	  return RenderInput('number', props, onChange, onChangeInput, label, info, validator);
+	};
+	const Checkbox = _a => {
+	  var {
+	    label,
+	    onChange,
+	    validator
+	  } = _a,
+	      props = __rest(_a, ["label", "onChange", "validator"]);
+
+	  const inputProps = useInput(props, onChange);
+	  const validatorClassName = extract.validateClassName(validator === null || validator === void 0 ? void 0 : validator.indicator);
+	  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+	    children: [jsxRuntime.jsxs("label", Object.assign({
+	      htmlFor: inputProps.id,
+	      className: `form-control ${validatorClassName}`
+	    }, {
+	      children: [label, jsxRuntime.jsx("input", Object.assign({
+	        type: "checkbox"
+	      }, inputProps)), jsxRuntime.jsx("span", {}), jsxRuntime.jsx("i", {})]
+	    })), validator && jsxRuntime.jsx("span", Object.assign({
+	      className: "form-info"
+	    }, {
+	      children: validator.message
+	    }))]
+	  });
+	};
+	const RadioButton = /*#__PURE__*/React__default["default"].forwardRef((_a, ref) => {
+	  var {
+	    label,
+	    validator
+	  } = _a,
+	      props = __rest(_a, ["label", "validator"]);
+
+	  const {
+	    id
+	  } = useInput(props);
+	  return jsxRuntime.jsxs("label", Object.assign({
+	    htmlFor: id,
+	    className: "form-control"
+	  }, {
+	    children: [jsxRuntime.jsx("input", Object.assign({
+	      id: id,
+	      type: "radio"
+	    }, props, {
+	      className: validator,
+	      ref: ref
+	    })), jsxRuntime.jsx("span", {
+	      children: label
+	    }), jsxRuntime.jsx("i", {})]
+	  }));
+	});
+
+	const Text = ({
+	  children
+	}) => jsxRuntime.jsx("span", Object.assign({
+	  className: "form-text"
+	}, {
+	  children: children
+	}));
+
+	var wellKnownSymbol$1 = wellKnownSymbol$8;
+
+	var TO_STRING_TAG$1 = wellKnownSymbol$1('toStringTag');
+	var test = {};
+
+	test[TO_STRING_TAG$1] = 'z';
+
+	var toStringTagSupport = String(test) === '[object z]';
+
+	var global$3 = global$r;
+	var TO_STRING_TAG_SUPPORT = toStringTagSupport;
+	var isCallable$1 = isCallable$f;
+	var classofRaw = classofRaw$1;
+	var wellKnownSymbol = wellKnownSymbol$8;
+
+	var TO_STRING_TAG = wellKnownSymbol('toStringTag');
+	var Object$1 = global$3.Object;
+
+	// ES3 wrong here
+	var CORRECT_ARGUMENTS = classofRaw(function () { return arguments; }()) == 'Arguments';
+
+	// fallback for IE11 Script Access Denied error
+	var tryGet = function (it, key) {
+	  try {
+	    return it[key];
+	  } catch (error) { /* empty */ }
+	};
+
+	// getting tag from ES6+ `Object.prototype.toString`
+	var classof$1 = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {
+	  var O, tag, result;
+	  return it === undefined ? 'Undefined' : it === null ? 'Null'
+	    // @@toStringTag case
+	    : typeof (tag = tryGet(O = Object$1(it), TO_STRING_TAG)) == 'string' ? tag
+	    // builtinTag case
+	    : CORRECT_ARGUMENTS ? classofRaw(O)
+	    // ES3 arguments fallback
+	    : (result = classofRaw(O)) == 'Object' && isCallable$1(O.callee) ? 'Arguments' : result;
+	};
+
+	var global$2 = global$r;
+	var classof = classof$1;
+
+	var String$1 = global$2.String;
+
+	var toString$1 = function (argument) {
+	  if (classof(argument) === 'Symbol') throw TypeError('Cannot convert a Symbol value to a string');
+	  return String$1(argument);
+	};
+
+	var $ = _export;
+	var DESCRIPTORS = descriptors;
+	var global$1 = global$r;
+	var uncurryThis = functionUncurryThis;
+	var hasOwn = hasOwnProperty_1;
+	var isCallable = isCallable$f;
+	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;
+	  };
+
+	  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;
+	    }
+	  });
+
+	  $({ global: true, forced: true }, {
+	    Symbol: SymbolWrapper
+	  });
+	}
+
+	const RadioGroup = ({
+	  defaultSelected,
+	  description,
+	  title,
+	  validator,
+	  onChangeRadio,
+	  onChange,
+	  name,
+	  children
+	}) => {
+	  const [checked, setChecked] = React__default["default"].useState();
+	  const validatorClassName = extract.validateClassName(validator === null || validator === void 0 ? void 0 : validator.indicator);
+
+	  const onChanges = event => {
+	    setChecked(event.target.value);
+	    onChangeRadio && onChangeRadio(event.target.value);
+	    onChange && onChange(event);
+	  };
+
+	  const radioBtnRef = React__default["default"].useRef(null);
+	  React__default["default"].useEffect(() => {
+	    var _a;
+
+	    if (radioBtnRef && radioBtnRef.current) {
+	      if (defaultSelected) setChecked(defaultSelected);
+	      const form = (_a = radioBtnRef === null || radioBtnRef === void 0 ? void 0 : radioBtnRef.current) === null || _a === void 0 ? void 0 : _a.form;
+
+	      const resetListner = () => {
+	        setChecked(undefined);
+	      };
+
+	      form === null || form === void 0 ? void 0 : form.addEventListener('reset', resetListner);
+	      return () => form === null || form === void 0 ? void 0 : form.removeEventListener('reset', resetListner);
+	    } else {
+	      // eslint-disable-next-line @typescript-eslint/no-empty-function
+	      return () => {};
+	    }
+	  }, []);
+	  return jsxRuntime.jsxs("div", Object.assign({
+	    className: "form-group"
+	  }, {
+	    children: [jsxRuntime.jsxs("fieldset", Object.assign({
+	      className: validatorClassName
+	    }, {
+	      children: [jsxRuntime.jsx("legend", {
+	        children: title
+	      }), jsxRuntime.jsx("span", Object.assign({
+	        className: "form-info"
+	      }, {
+	        children: description
+	      })), React__default["default"].Children.map(children, Child => {
+	        return /*#__PURE__*/React__default["default"].isValidElement(Child) ? /*#__PURE__*/React__default["default"].cloneElement(Child, {
+	          validator: validatorClassName,
+	          onChange: onChanges,
+	          checked: checked === Child.props.value,
+	          name,
+	          ref: radioBtnRef
+	        }) : Child;
+	      })]
+	    })), (validator === null || validator === void 0 ? void 0 : validator.message) && jsxRuntime.jsx("span", Object.assign({
+	      className: "form-info"
+	    }, {
+	      children: validator === null || validator === void 0 ? void 0 : validator.message
+	    }))]
+	  }));
+	};
+
+	const ListItem = _a => {
+	  var {
+	    listType,
+	    tableRowData,
+	    children
+	  } = _a,
+	      props = __rest(_a, ["listType", "tableRowData", "children"]);
+
+	  if (listType === 'table') {
+	    return jsxRuntime.jsx("dl", {
+	      children: jsxRuntime.jsxs("div", {
+	        children: [jsxRuntime.jsx("dt", {
+	          children: tableRowData === null || tableRowData === void 0 ? void 0 : tableRowData.title
+	        }), tableRowData === null || tableRowData === void 0 ? void 0 : tableRowData.definition.map((item, index) => jsxRuntime.jsx("dd", {
+	          children: item
+	        }, index))]
+	      })
+	    });
+	  } else {
+	    return jsxRuntime.jsx("li", Object.assign({}, props, {
+	      children: children
+	    }));
+	  }
+	};
+
+	const List = _a => {
+	  var {
+	    listType,
+	    tableCaption,
+	    tableData,
+	    children
+	  } = _a,
+	      props = __rest(_a, ["listType", "tableCaption", "tableData", "children"]);
+
+	  if (listType === 'ordered') {
+	    return jsxRuntime.jsx("ol", Object.assign({}, props, {
+	      children: children === null || children === void 0 ? void 0 : children.map((child, index) => jsxRuntime.jsx(ListItem, {
+	        children: child
+	      }, index))
+	    }));
+	  } else if (listType !== 'table') {
+	    return jsxRuntime.jsx("ul", Object.assign({}, props, {
+	      className: listType
+	    }, {
+	      children: children === null || children === void 0 ? void 0 : children.map((child, index) => jsxRuntime.jsx(ListItem, {
+	        children: child
+	      }, index))
+	    }));
+	  } else {
+	    return jsxRuntime.jsxs("figure", {
+	      children: [jsxRuntime.jsx("figcaption", Object.assign({
+	        className: "table-list-caption"
+	      }, {
+	        children: tableCaption
+	      })), jsxRuntime.jsx("dl", {
+	        children: tableData === null || tableData === void 0 ? void 0 : tableData.map((data, index) => jsxRuntime.jsx(ListItem, {
+	          listType: listType,
+	          tableRowData: data
+	        }, index))
+	      })]
+	    });
+	  }
+	};
+
+	const Link = _a => {
+	  var {
+	    button,
+	    children
+	  } = _a,
+	      props = __rest(_a, ["button", "children"]);
+
+	  const [anchorProps, setAnchorProps] = React.useState({});
+	  React.useEffect(() => {
+	    const className = button ? typeof button === 'string' ? `button ${button}` : 'button' : undefined;
+	    const newProps = Object.assign({
+	      role: button ? 'button' : undefined,
+	      className: className
+	    }, props);
+	    setAnchorProps(newProps);
+	  }, [button]);
+	  return jsxRuntime.jsx("a", Object.assign({}, anchorProps, {
+	    children: children
+	  }));
+	};
+
+	const Navbar = ({
+	  children,
+	  variant,
+	  title,
+	  titleLink,
+	  brandLink: _brandLink = 'https://www.seb.se',
+	  brandAriaLabel: _brandAriaLabel = 'Open seb.se in new tab'
+	}) => {
+	  const [props, setProps] = React.useState({});
+	  React.useEffect(() => {
+	    const classNames = [];
+	    if (variant) classNames.push(variant);
+	    setProps(Object.assign(Object.assign({}, props), {
+	      className: classNames.join(' ')
+	    })); // eslint-disable-next-line react-hooks/exhaustive-deps
+	  }, [variant]);
+	  return jsxRuntime.jsxs("nav", Object.assign({
+	    role: "navigation"
+	  }, props, {
+	    children: [jsxRuntime.jsx(Link, {
+	      "aria-label": _brandAriaLabel,
+	      href: _brandLink,
+	      target: "_blank",
+	      className: "brand"
+	    }), jsxRuntime.jsx("div", Object.assign({
+	      className: "container-fluid"
+	    }, {
+	      children: jsxRuntime.jsxs("div", Object.assign({
+	        className: "row justify-content-between align-items-center"
+	      }, {
+	        children: [jsxRuntime.jsx("div", Object.assign({
+	          className: "col-auto"
+	        }, {
+	          children: titleLink ? jsxRuntime.jsx(Link, Object.assign({
+	            className: "mx-4",
+	            href: titleLink
+	          }, {
+	            children: jsxRuntime.jsx("h1", {
+	              children: title
+	            })
+	          })) : jsxRuntime.jsx("h1", {
+	            children: title
+	          })
+	        })), jsxRuntime.jsx("div", Object.assign({
+	          className: "col-auto"
+	        }, {
+	          children: jsxRuntime.jsx("div", Object.assign({
+	            className: "group size-sm"
+	          }, {
+	            children: children
+	          }))
+	        }))]
+	      }))
+	    }))]
+	  }));
+	};
+
+	function Badge(_a) {
+	  var {
+	    children,
+	    badgeType,
+	    isCloseable,
+	    closeText,
+	    customColor,
+	    customBackgroundColor
+	  } = _a,
+	      props = __rest(_a, ["children", "badgeType", "isCloseable", "closeText", "customColor", "customBackgroundColor"]);
+
+	  const [isClosed, setIsClosed] = React__default["default"].useState(false);
+	  const [type, setType] = React__default["default"].useState('');
+	  React__default["default"].useEffect(() => {
+	    if (badgeType) {
+	      setType(badgeType);
+	    }
+
+	    if (!!customColor || !!customBackgroundColor) {
+	      setType('');
+	    }
+	  }, []);
+	  return !isClosed ? jsxRuntime.jsxs("span", Object.assign({}, props, {
+	    className: `badge ${type}`,
+	    style: {
+	      color: customColor,
+	      backgroundColor: customBackgroundColor
+	    }
+	  }, {
+	    children: [jsxRuntime.jsx("strong", {
+	      children: children
+	    }), isCloseable && jsxRuntime.jsx("button", Object.assign({
+	      type: "button",
+	      className: "close",
+	      onClick: () => setIsClosed(true)
+	    }, {
+	      children: closeText
+	    }))]
+	  })) : null;
+	}
+
+	const noop = () => {};
+
+	const useStepper = ({
+	  min,
+	  max,
+	  value: _value = 0,
+	  step: _step = 1,
+	  id: _id = extract.randomId()
+	}) => {
+	  const pStepper = {
+	    down: noop,
+	    setMax: noop,
+	    setMin: noop,
+	    setStep: noop,
+	    setValue: noop,
+	    up: noop
+	  };
+	  const [stepper, setStepper] = React.useState(pStepper);
+	  const [data, setData] = React.useState({
+	    id: _id,
+	    value: _value,
+	    min,
+	    max,
+	    step: _step
+	  });
+	  React.useEffect(() => {
+	    if (max !== data.max) stepper.setMax(max);
+	  }, [stepper, max]);
+	  React.useEffect(() => {
+	    if (min !== data.min) stepper.setMin(min);
+	  }, [stepper, min]);
+	  React.useEffect(() => {
+	    if (_step !== data.step) stepper.setStep(_step || 1);
+	  }, [stepper, _step]);
+	  React.useEffect(() => {
+	    if (_value !== data.value) stepper.setValue(_value || 0);
+	  }, [stepper, _value]);
+	  React.useEffect(() => {
+	    setStepper(extract.createStepper({
+	      id: _id,
+	      value: _value,
+	      min,
+	      max,
+	      step: _step
+	    }, setData));
+	  }, []);
+	  return [stepper, data];
+	};
+
+	function Stepper(_a) {
+	  var {
+	    label,
+	    description,
+	    statusMessage,
+	    onChange
+	  } = _a,
+	      props = __rest(_a, ["label", "description", "statusMessage", "onChange"]);
+
+	  const [stepper, data] = useStepper(props);
+	  React.useEffect(() => {
+	    if (onChange && data.value) onChange(data.value);
+	  }, [data.value]);
+
+	  const onChangeEvent = e => {
+	    stepper.setValue(e.target.valueAsNumber);
+	  };
+
+	  return jsxRuntime.jsxs("div", Object.assign({
+	    className: "form-group"
+	  }, {
+	    children: [label && jsxRuntime.jsx("label", Object.assign({
+	      htmlFor: data.id
+	    }, {
+	      children: label
+	    })), description && jsxRuntime.jsx("span", Object.assign({
+	      className: "form-info"
+	    }, {
+	      children: description
+	    })), jsxRuntime.jsxs("div", Object.assign({
+	      className: "group group-border group-stepper"
+	    }, {
+	      children: [jsxRuntime.jsx("button", Object.assign({
+	        onClick: () => stepper.down()
+	      }, {
+	        children: "-"
+	      })), jsxRuntime.jsx("input", {
+	        id: data.id,
+	        type: "number",
+	        onChange: onChangeEvent,
+	        onFocus: ({
+	          target
+	        }) => target.select(),
+	        placeholder: "0",
+	        value: data.value
+	      }), jsxRuntime.jsx("button", Object.assign({
+	        onClick: () => stepper.up()
+	      }, {
+	        children: "+"
+	      }))]
+	    })), statusMessage && jsxRuntime.jsx("span", Object.assign({
+	      className: "form-info"
+	    }, {
+	      children: statusMessage
+	    }))]
+	  }));
+	}
+
+	const useDropdown = ({
+	  id,
+	  texts,
+	  options,
+	  loop,
+	  multiSelect,
+	  selectValue,
+	  useValue,
+	  display,
+	  togglerRef,
+	  listboxRef,
+	  onChange,
+	  validator
+	}) => {
+	  const [handler, setHandler] = React.useState();
+	  const [dropdown, setDropdown] = React.useState();
+	  const [togglerProps, setTogglerProps] = React.useState({});
+	  const [listboxProps, setListboxProps] = React.useState({});
+	  const [listItems, setListItems] = React.useState([]);
+	  const [multiSelectProps, setMultiSelectProps] = React.useState({}); // When dropdown data changes
+
+	  React.useEffect(() => {
+	    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+
+	    if (!dropdown) return;
+	    const {
+	      elements: {
+	        toggler,
+	        listbox
+	      }
+	    } = dropdown;
+	    const newToggleProps = Object.assign(Object.assign({}, toggler === null || toggler === void 0 ? void 0 : toggler.attributes), {
+	      className: (_a = toggler === null || toggler === void 0 ? void 0 : toggler.classes) === null || _a === void 0 ? void 0 : _a.join(' '),
+	      children: ((_b = dropdown === null || dropdown === void 0 ? void 0 : dropdown.texts) === null || _b === void 0 ? void 0 : _b.select) || ((_c = dropdown === null || dropdown === void 0 ? void 0 : dropdown.texts) === null || _c === void 0 ? void 0 : _c.placeholder),
+	      onClick: () => handler === null || handler === void 0 ? void 0 : handler.toggle()
+	    });
+	    setTogglerProps(newToggleProps);
+	    const newListboxProps = Object.assign(Object.assign({}, listbox === null || listbox === void 0 ? void 0 : listbox.attributes), {
+	      className: (_d = listbox === null || listbox === void 0 ? void 0 : listbox.classes) === null || _d === void 0 ? void 0 : _d.join(' ')
+	    });
+	    setListboxProps(newListboxProps);
+
+	    if (!dropdown.isMultiSelect) {
+	      const newListItems = dropdown.options.map(o => {
+	        var _a;
+
+	        return Object.assign(Object.assign({}, o.attributes), {
+	          className: (_a = o.classes) === null || _a === void 0 ? void 0 : _a.join(' '),
+	          children: o[dropdown.display],
+	          selected: o.selected,
+	          onClick: () => {
+	            handler === null || handler === void 0 ? void 0 : handler.select(o).then(() => {
+	              if (onChange) {
+	                const result = options.find(item => item.key === o.key);
+	                result && onChange(result);
+	              }
+	            });
+	          }
+	        });
+	      });
+	      setListItems(newListItems);
+	    } else {
+	      const checkboxes = dropdown.options.map(o => ({
+	        labelProps: Object.assign(Object.assign({}, o.attributes), {
+	          className: ['form-control', ...o.classes].join(' ')
+	        }),
+	        inputProps: {
+	          defaultChecked: o.selected,
+	          type: 'checkbox',
+	          onChange: () => {
+	            handler === null || handler === void 0 ? void 0 : handler.select(o, false).then(() => {
+	              if (onChange) {
+	                const result = options.find(item => item.key === o.key);
+	                result && onChange(result);
+	              }
+	            });
+	          }
+	        },
+	        spanProps: {
+	          children: o[dropdown.display]
+	        }
+	      }));
+	      const newMultiselect = {
+	        fieldsetProps: {
+	          'aria-describedby': (_g = (_f = (_e = dropdown === null || dropdown === void 0 ? void 0 : dropdown.elements) === null || _e === void 0 ? void 0 : _e.fieldset) === null || _f === void 0 ? void 0 : _f.attributes) === null || _g === void 0 ? void 0 : _g.id,
+	          'aria-multiselectable': true,
+	          role: 'listbox',
+	          tabIndex: -1
+	        },
+	        legendProps: {
+	          className: 'sr-only',
+	          id: (_k = (_j = (_h = dropdown === null || dropdown === void 0 ? void 0 : dropdown.elements) === null || _h === void 0 ? void 0 : _h.fieldset) === null || _j === void 0 ? void 0 : _j.attributes) === null || _k === void 0 ? void 0 : _k.id,
+	          children: dropdown.texts.optionsDescription
+	        },
+	        checkboxes
+	      };
+	      setMultiSelectProps(newMultiselect);
+	    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+	  }, [dropdown]); // When dropdown properties change
+
+	  React.useEffect(() => {
+	    if (!dropdown) return;
+	    handler === null || handler === void 0 ? void 0 : handler.update({
+	      id,
+	      texts,
+	      options,
+	      loop,
+	      multiSelect
+	    }); // eslint-disable-next-line react-hooks/exhaustive-deps
+	  }, [id, texts, options, loop, multiSelect, selectValue, useValue, display]); // When validator changes
+
+	  React.useEffect(() => {
+	    if (!dropdown) return;
+	    if (validator) handler === null || handler === void 0 ? void 0 : handler.validate(validator);
+	  }, [validator]); // Create dropdown handler
+
+	  React.useEffect(() => {
+	    if (!handler && togglerRef.current && listboxRef.current) {
+	      setHandler(extract.createDropdown({
+	        id,
+	        texts,
+	        options,
+	        loop,
+	        multiSelect,
+	        selectValue,
+	        useValue,
+	        display,
+	        validator
+	      }, togglerRef.current, listboxRef.current, listboxRef.current, dd => setDropdown(dd)));
+	    }
+
+	    return () => handler === null || handler === void 0 ? void 0 : handler.destroy(); // eslint-disable-next-line react-hooks/exhaustive-deps
+	  }, [togglerRef, listboxRef]);
+	  return {
+	    dropdown: handler,
+	    togglerProps,
+	    listboxProps,
+	    listItems,
+	    multiSelectProps
+	  };
+	};
+
+	const Dropdown = ({
+	  id,
+	  options,
+	  loop,
+	  multiSelect,
+	  selectValue,
+	  useValue,
+	  display,
+	  texts,
+	  onChange,
+	  validator
+	}) => {
+	  var _a;
+
+	  const togglerRef = React.useRef(null);
+	  const listboxRef = React.useRef(null);
+	  const {
+	    dropdown,
+	    listboxProps,
+	    togglerProps,
+	    listItems,
+	    multiSelectProps
+	  } = useDropdown({
+	    id,
+	    options,
+	    loop,
+	    multiSelect,
+	    selectValue,
+	    useValue,
+	    display,
+	    togglerRef,
+	    listboxRef,
+	    texts,
+	    onChange,
+	    validator
+	  });
+	  return jsxRuntime.jsxs("div", Object.assign({
+	    className: "form-group"
+	  }, {
+	    children: [jsxRuntime.jsx("button", Object.assign({
+	      type: "button"
+	    }, togglerProps, {
+	      ref: togglerRef
+	    }, {
+	      children: jsxRuntime.jsx("span", {
+	        children: togglerProps.children
+	      })
+	    })), jsxRuntime.jsxs("div", Object.assign({}, listboxProps, {
+	      ref: listboxRef
+	    }, {
+	      children: [jsxRuntime.jsx("button", Object.assign({
+	        type: "button",
+	        className: "close m-4 m-sm-2 d-block d-sm-none",
+	        onClick: dropdown === null || dropdown === void 0 ? void 0 : dropdown.close
+	      }, {
+	        children: jsxRuntime.jsx("span", Object.assign({
+	          className: "sr-only"
+	        }, {
+	          children: dropdown === null || dropdown === void 0 ? void 0 : dropdown.dropdown.texts.close
+	        }))
+	      })), (dropdown === null || dropdown === void 0 ? void 0 : dropdown.dropdown.isMultiSelect) ? jsxRuntime.jsx("div", Object.assign({
+	        className: "sg-fieldset-container"
+	      }, {
+	        children: jsxRuntime.jsxs("fieldset", Object.assign({}, multiSelectProps.fieldsetProps, {
+	          children: [jsxRuntime.jsx("legend", Object.assign({}, multiSelectProps.legendProps)), (_a = multiSelectProps.checkboxes) === null || _a === void 0 ? void 0 : _a.map(checkboxItem => jsxRuntime.jsxs("label", Object.assign({}, checkboxItem.labelProps, {
+	            children: [jsxRuntime.jsx("input", Object.assign({}, checkboxItem.inputProps)), jsxRuntime.jsx("span", Object.assign({}, checkboxItem.spanProps)), jsxRuntime.jsx("i", {})]
+	          }), checkboxItem.labelProps.id))]
+	        }))
+	      })) : jsxRuntime.jsx("ul", Object.assign({
+	        role: "listbox"
+	      }, {
+	        children: listItems.map(liProps => jsxRuntime.jsx("li", Object.assign({}, liProps), liProps.id))
+	      }))]
+	    })), validator && jsxRuntime.jsx("span", Object.assign({
+	      className: "form-info"
+	    }, {
+	      children: validator === null || validator === void 0 ? void 0 : validator.message
+	    }))]
+	  }));
+	};
+
+	exports.Alert = Alert;
+	exports.Badge = Badge;
+	exports.Button = Button;
+	exports.ButtonGroup = ButtonGroup;
+	exports.Card = Card;
+	exports.Checkbox = Checkbox;
+	exports.Dropdown = Dropdown;
+	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.Stepper = Stepper;
+	exports.Text = Text;
+	exports.TextInput = TextInput;
+
+	Object.defineProperty(exports, '__esModule', { value: true });
+
+}));