@sebgroup/green-react 0.1.0

package/index.umd.js

@@ -0,0 +1,3269 @@
+(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,
+	  disabled,
+	  active = false,
+	  type = 'button',
+	  size
+	}) {
+	  const props = {
+	    type,
+	    disabled
+	  };
+	  const classNames = [];
+	  if (variant) classNames.push(variant);
+	  if (active) classNames.push('active');
+	  if (size) classNames.push(size);
+	  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.jsxs("button", Object.assign({
+	      className: "close",
+	      onClick: handleClose
+	    }, {
+	      children: [jsxRuntime.jsx("span", Object.assign({
+	        className: "sr-only"
+	      }, {
+	        children: "Close"
+	      })), jsxRuntime.jsx("i", {})]
+	    }))]
+	  }));
+	};
+
+	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
+	    })]
+	  }));
+	}
+
+	const squareExclamationIcon = jsxRuntime.jsx("svg", Object.assign({
+	  viewBox: "0 0 24 24",
+	  fill: "none",
+	  xmlns: "http://www.w3.org/2000/svg",
+	  "aria-hidden": "true",
+	  focusable: "false"
+	}, {
+	  children: jsxRuntime.jsx("path", {
+	    fillRule: "evenodd",
+	    clipRule: "evenodd",
+	    d: "M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM10.8682 7.42857H13.1318C13.3777 7.42857 13.5731 7.635 13.5597 7.8805L13.2948 12.7376C13.2824 12.9649 13.0945 13.1429 12.8669 13.1429H11.1331C10.9055 13.1429 10.7176 12.9649 10.7052 12.7376L10.4402 7.8805C10.4269 7.635 10.6223 7.42857 10.8682 7.42857ZM12 17.0714C11.0927 17.0714 10.3571 16.3359 10.3571 15.4286C10.3571 14.5213 11.0927 13.7857 12 13.7857C12.9073 13.7857 13.6429 14.5213 13.6429 15.4286C13.6429 16.3359 12.9073 17.0714 12 17.0714Z",
+	    fill: "#333333"
+	  })
+	}));
+
+	const squareInfoIcon = jsxRuntime.jsx("svg", Object.assign({
+	  viewBox: "0 0 24 24",
+	  fill: "none",
+	  xmlns: "http://www.w3.org/2000/svg"
+	}, {
+	  children: jsxRuntime.jsx("path", {
+	    d: "M18.2857 4H5.71429C4.7675 4 4 4.7675 4 5.71429V18.2857C4 19.2325 4.7675 20 5.71429 20H18.2857C19.2325 20 20 19.2325 20 18.2857V5.71429C20 4.7675 19.2325 4 18.2857 4ZM12 7.07143C12.8284 7.07143 13.5 7.743 13.5 8.57143C13.5 9.39986 12.8284 10.0714 12 10.0714C11.1716 10.0714 10.5 9.39986 10.5 8.57143C10.5 7.743 11.1716 7.07143 12 7.07143ZM14 16.1429C14 16.3795 13.8081 16.5714 13.5714 16.5714H10.4286C10.1919 16.5714 10 16.3795 10 16.1429V15.2857C10 15.049 10.1919 14.8571 10.4286 14.8571H10.8571V12.5714H10.4286C10.1919 12.5714 10 12.3795 10 12.1429V11.2857C10 11.049 10.1919 10.8571 10.4286 10.8571H12.7143C12.951 10.8571 13.1429 11.049 13.1429 11.2857V14.8571H13.5714C13.8081 14.8571 14 15.049 14 15.2857V16.1429Z",
+	    fill: "#333333"
+	  })
+	}));
+
+	const checkIcon = jsxRuntime.jsx("svg", Object.assign({
+	  width: "24",
+	  height: "24",
+	  viewBox: "0 0 24 24",
+	  fill: "none",
+	  xmlns: "http://www.w3.org/2000/svg"
+	}, {
+	  children: jsxRuntime.jsx("path", {
+	    d: "M17.6203 6.60836L9.40014 14.8285L6.37976 11.8081C6.23332 11.6617 5.99588 11.6617 5.84942 11.8081L4.96554 12.692C4.8191 12.8384 4.8191 13.0759 4.96554 13.2223L9.13495 17.3917C9.28138 17.5382 9.51882 17.5382 9.66529 17.3917L19.0344 8.02258C19.1809 7.87614 19.1809 7.63871 19.0344 7.49224L18.1506 6.60836C18.0041 6.46193 17.7667 6.46193 17.6203 6.60836Z",
+	    fill: "white"
+	  })
+	}));
+
+	function AlertRibbon({
+	  type,
+	  header,
+	  footer,
+	  children,
+	  closeText,
+	  isCloseable = true,
+	  onClose,
+	  role,
+	  "aria-live": ariaLive,
+	  closeAriaLabel
+	}) {
+	  const [closeButton, setCloseButton] = React.useState();
+	  React.useEffect(() => {
+	    if (!isCloseable) {
+	      setCloseButton(null);
+	    } else {
+	      if (closeText) setCloseButton(jsxRuntime.jsxs("button", Object.assign({
+	        className: "close"
+	      }, {
+	        children: [jsxRuntime.jsx("span", Object.assign({
+	          className: "sr-only"
+	        }, {
+	          children: closeText
+	        })), jsxRuntime.jsx("i", {})]
+	      })));else setCloseButton(jsxRuntime.jsxs("button", Object.assign({
+	        className: "close"
+	      }, {
+	        children: [jsxRuntime.jsx("span", Object.assign({
+	          className: "sr-only"
+	        }, {
+	          children: "Close"
+	        })), jsxRuntime.jsx("i", {})]
+	      })));
+	    }
+	  }, [isCloseable, closeText]);
+
+	  const renderIcon = () => {
+	    switch (type) {
+	      case "danger":
+	      case "warning":
+	        return squareExclamationIcon;
+
+	      case "success":
+	        return checkIcon;
+
+	      default:
+	        return squareInfoIcon;
+	    }
+	  };
+
+	  return jsxRuntime.jsxs("div", Object.assign({
+	    className: `alert-ribbon ${type}`,
+	    role: role,
+	    "aria-live": ariaLive
+	  }, {
+	    children: [jsxRuntime.jsx("i", Object.assign({
+	      "aria-hidden": "true"
+	    }, {
+	      children: renderIcon()
+	    })), jsxRuntime.jsxs("div", Object.assign({
+	      className: "alert-ribbon__content"
+	    }, {
+	      children: [header && /*#__PURE__*/React__default["default"].isValidElement(header) ? header : jsxRuntime.jsx("span", Object.assign({
+	        className: "header"
+	      }, {
+	        children: header
+	      })), jsxRuntime.jsx("p", {
+	        children: children
+	      })]
+	    })), closeButton && jsxRuntime.jsx("button", Object.assign({
+	      className: "close",
+	      type: "button",
+	      "aria-label": closeAriaLabel !== null && closeAriaLabel !== void 0 ? closeAriaLabel : "Close alert",
+	      onClick: event => {
+	        onClose && onClose(event);
+	      }
+	    }, {
+	      children: jsxRuntime.jsx("i", {})
+	    })), footer && jsxRuntime.jsxs("div", Object.assign({
+	      className: "alert-ribbon__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))
+	  });
+	};
+
+	/* eslint-disable-next-line */
+	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);
+	};
+	/* eslint-disable-next-line */
+
+
+	const setErrorInsert = (setError, name) => {
+	  /* eslint-disable-next-line */
+	  setError(errors => {
+	    return Object.assign(Object.assign({}, errors), {
+	      [name]: true
+	    });
+	  });
+	};
+	/* eslint-disable-next-line */
+
+
+	const setErrorRemove = (setError, name) => {
+	  /* eslint-disable-next-line */
+	  setError(errors => {
+	    /* eslint-disable-next-line */
+	    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"]);
+	  /* eslint-disable-next-line */
+
+
+	  const [values, setValues] = React__default["default"].useState();
+	  /* eslint-disable-next-line */
+
+	  const [errors, setErrors] = React__default["default"].useState();
+	  /* eslint-disable-next-line */
+
+	  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(() => {
+	    /* eslint-disable-next-line */
+	    setFields(fields => Object.assign(Object.assign({}, fields), {
+	      [name]: validate === null || validate === void 0 ? void 0 : validate.rules
+	    }));
+	    /* eslint-disable-next-line */
+
+	    const removeValues = values => {
+	      /* eslint-disable-next-line */
+	      const newValues = Object.assign({}, values);
+	      delete newValues[name];
+	      return newValues;
+	    };
+
+	    return () => {
+	      /* eslint-disable-next-line */
+	      setFields(fields => removeValues(fields));
+	      /* eslint-disable-next-line */
+
+	      setValues(values => removeValues(values));
+	      /* eslint-disable-next-line */
+
+	      setErrors(errors => removeValues(errors));
+	    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+	  }, []);
+
+	  const onChange = event => {
+	    if (!event.target) return;
+	    const {
+	      value,
+	      name,
+	      type,
+	      checked
+	    } = event.target;
+	    let inputValue;
+
+	    if (type === 'checkbox') {
+	      inputValue = checked ? value : null;
+	      /* eslint-disable-next-line */
+
+	      checked ? setValues(values => Object.assign(Object.assign({}, values), {
+	        [name]: value
+	      })) : setValues(values => Object.assign(Object.assign({}, values), {
+	        [name]: null
+	      }));
+	    } else {
+	      inputValue = value;
+	      /* eslint-disable-next-line */
+
+	      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);
+	  };
+	  /* eslint-disable-next-line */
+
+
+	  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("div", Object.assign({
+	    className: "form-group"
+	  }, {
+	    children: [jsxRuntime.jsxs("label", Object.assign({
+	      htmlFor: inputProps.id,
+	      className: `form-control ${validatorClassName}`
+	    }, {
+	      children: [label, jsxRuntime.jsx("input", Object.assign({
+	        type: "checkbox"
+	      }, inputProps, {
+	        className: validatorClassName
+	      })), 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 () => {};
+	    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+	  }, []);
+	  return jsxRuntime.jsxs("div", Object.assign({
+	    className: "form-group"
+	  }, {
+	    children: [jsxRuntime.jsxs("fieldset", Object.assign({
+	      className: validatorClassName
+	    }, {
+	      children: [title && jsxRuntime.jsx("legend", {
+	        children: title
+	      }), description && jsxRuntime.jsx("span", Object.assign({
+	        className: "form-info"
+	      }, {
+	        children: description
+	      })), jsxRuntime.jsx("div", {
+	        children: 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); // eslint-disable-next-line react-hooks/exhaustive-deps
+	  }, [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('');
+	    }
+	  }, [badgeType, customColor, customBackgroundColor]);
+	  return !isClosed ? jsxRuntime.jsxs("span", Object.assign({}, props, {
+	    className: `badge ${type}`,
+	    style: {
+	      color: customColor,
+	      backgroundColor: customBackgroundColor
+	    }
+	  }, {
+	    children: [jsxRuntime.jsx("strong", {
+	      children: children
+	    }), isCloseable && jsxRuntime.jsxs("button", Object.assign({
+	      type: "button",
+	      className: "close",
+	      onClick: () => setIsClosed(true)
+	    }, {
+	      children: [closeText, jsxRuntime.jsx("i", {})]
+	    }))]
+	  })) : null;
+	}
+
+	const noop = () => {};
+
+	const useStepper = ({
+	  min,
+	  max,
+	  value: _value = 0,
+	  step: _step = 1,
+	  id: _id = extract.randomId(),
+	  onChange
+	}) => {
+	  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
+	  }); // eslint-disable-next-line react-hooks/exhaustive-deps
+
+	  React.useEffect(() => {
+	    if (max !== data.max) stepper.setMax(max);
+	  }, [stepper, max]); // eslint-disable-next-line react-hooks/exhaustive-deps
+
+	  React.useEffect(() => {
+	    if (min !== data.min) stepper.setMin(min);
+	  }, [stepper, min]); // eslint-disable-next-line react-hooks/exhaustive-deps
+
+	  React.useEffect(() => {
+	    if (_step !== data.step) stepper.setStep(_step || 1);
+	  }, [stepper, _step]); // eslint-disable-next-line react-hooks/exhaustive-deps
+
+	  React.useEffect(() => {
+	    if (_value !== data.value) stepper.setValue(_value || 0, false);
+	  }, [stepper, _value]);
+	  React.useEffect(() => {
+	    setStepper(extract.createStepper({
+	      id: _id,
+	      value: _value,
+	      min,
+	      max,
+	      step: _step,
+	      onChange
+	    }, setData)); // eslint-disable-next-line react-hooks/exhaustive-deps
+	  }, []);
+	  return [stepper, data];
+	};
+
+	function Stepper(_a) {
+	  var {
+	    label,
+	    description,
+	    statusMessage,
+	    validator
+	  } = _a,
+	      stepperArgs = __rest(_a, ["label", "description", "statusMessage", "validator"]);
+
+	  const [stepper, data] = useStepper(stepperArgs);
+
+	  const onChangeEvent = e => {
+	    stepper.setValue(e.target.valueAsNumber);
+	  };
+
+	  const PrimitiveStepper = jsxRuntime.jsxs("div", Object.assign({
+	    className: `group group-border group-stepper ${validator && extract.validateClassName(validator === null || validator === void 0 ? void 0 : validator.indicator)}`
+	  }, {
+	    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: "+"
+	    }))]
+	  }));
+
+	  if (!label && !description && !statusMessage && !validator) return PrimitiveStepper;
+	  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: "stepper-wrapper"
+	    }, {
+	      children: [PrimitiveStepper, validator && jsxRuntime.jsx("span", Object.assign({
+	        className: "form-info"
+	      }, {
+	        children: validator.message
+	      }))]
+	    }))]
+	  }));
+	}
+
+	const useDropdown = ({
+	  id,
+	  value,
+	  texts,
+	  options,
+	  loop,
+	  multiSelect,
+	  searchable,
+	  searchFilter,
+	  compareWith,
+	  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;
+
+	    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,
+	      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: (_c = listbox === null || listbox === void 0 ? void 0 : listbox.classes) === null || _c === void 0 ? void 0 : _c.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)
+	        });
+	      });
+	      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',
+	          onClick: () => handler === null || handler === void 0 ? void 0 : handler.select(o, false)
+	        },
+	        spanProps: {
+	          children: o[dropdown.display]
+	        }
+	      }));
+	      const newMultiselect = {
+	        fieldsetProps: {
+	          'aria-describedby': (_f = (_e = (_d = dropdown === null || dropdown === void 0 ? void 0 : dropdown.elements) === null || _d === void 0 ? void 0 : _d.fieldset) === null || _e === void 0 ? void 0 : _e.attributes) === null || _f === void 0 ? void 0 : _f.id,
+	          'aria-multiselectable': true,
+	          role: 'listbox',
+	          tabIndex: -1
+	        },
+	        legendProps: {
+	          className: 'sr-only',
+	          id: (_j = (_h = (_g = dropdown === null || dropdown === void 0 ? void 0 : dropdown.elements) === null || _g === void 0 ? void 0 : _g.fieldset) === null || _h === void 0 ? void 0 : _h.attributes) === null || _j === void 0 ? void 0 : _j.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,
+	      value,
+	      texts,
+	      options,
+	      loop,
+	      multiSelect,
+	      searchable,
+	      searchFilter,
+	      compareWith,
+	      useValue,
+	      display,
+	      validator
+	    }); // eslint-disable-next-line react-hooks/exhaustive-deps
+	  }, [id, texts, options, loop, multiSelect, searchable, searchFilter, compareWith, useValue, display]);
+	  React.useEffect(() => {
+	    if (!dropdown) return;
+	    handler === null || handler === void 0 ? void 0 : handler.selectByValue(value);
+	    console.log('new value'); // eslint-disable-next-line react-hooks/exhaustive-deps
+	  }, [value]); // When validator changes
+
+	  React.useEffect(() => {
+	    if (!dropdown) return;
+	    if (validator) handler === null || handler === void 0 ? void 0 : handler.validate(validator); // eslint-disable-next-line react-hooks/exhaustive-deps
+	  }, [validator]); // Create dropdown handler
+
+	  React.useEffect(() => {
+	    if (!handler && togglerRef.current && listboxRef.current) {
+	      setHandler(extract.createDropdown({
+	        id,
+	        value,
+	        texts,
+	        options,
+	        loop,
+	        multiSelect,
+	        searchable,
+	        searchFilter,
+	        compareWith,
+	        useValue,
+	        display,
+	        validator
+	      }, togglerRef.current, listboxRef.current, listboxRef.current, dd => setDropdown(dd), value => onChange === null || onChange === void 0 ? void 0 : onChange(value)));
+	    }
+
+	    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 = ({
+	  compareWith,
+	  display,
+	  id,
+	  informationLabel,
+	  label,
+	  loop,
+	  multiSelect,
+	  onChange,
+	  options,
+	  searchFilter,
+	  searchable,
+	  texts,
+	  useValue,
+	  validator,
+	  value
+	}) => {
+	  var _a;
+
+	  const togglerRef = React.useRef(null);
+	  const listboxRef = React.useRef(null);
+	  const {
+	    dropdown,
+	    listboxProps,
+	    togglerProps,
+	    listItems,
+	    multiSelectProps
+	  } = useDropdown({
+	    id,
+	    value,
+	    options,
+	    loop,
+	    multiSelect,
+	    searchable,
+	    searchFilter,
+	    compareWith,
+	    useValue,
+	    display,
+	    togglerRef,
+	    listboxRef,
+	    texts,
+	    onChange,
+	    validator
+	  });
+
+	  const getListBoxProps = props => {
+	    var _a, _b, _c;
+
+	    if (Object.keys(props).length === 0) return {
+	      role: 'listbox',
+	      tabIndex: -1,
+	      className: (_c = (_b = (_a = extract.dropdownValues().elements) === null || _a === void 0 ? void 0 : _a.listbox) === null || _b === void 0 ? void 0 : _b.classes) === null || _c === void 0 ? void 0 : _c.join(' ')
+	    };
+	    return props;
+	  };
+
+	  return jsxRuntime.jsxs("div", Object.assign({
+	    className: "form-group"
+	  }, {
+	    children: [label && jsxRuntime.jsx("label", Object.assign({
+	      htmlFor: togglerProps.id
+	    }, {
+	      children: label
+	    })), informationLabel && jsxRuntime.jsx("div", Object.assign({
+	      className: "form-info"
+	    }, {
+	      children: informationLabel
+	    })), jsxRuntime.jsx("button", Object.assign({
+	      type: "button"
+	    }, togglerProps, {
+	      ref: togglerRef
+	    }, {
+	      children: jsxRuntime.jsx("span", {
+	        children: togglerProps.children
+	      })
+	    })), jsxRuntime.jsxs("div", Object.assign({}, getListBoxProps(listboxProps), {
+	      ref: listboxRef
+	    }, {
+	      children: [jsxRuntime.jsxs("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
+	        })), jsxRuntime.jsx("i", {})]
+	      })), (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)), jsxRuntime.jsx("div", {
+	            children: (_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
+	    }))]
+	  }));
+	};
+
+	const useDatepicker = (datepickerRef, datepickerDialogRef, dateInputRef, datepickerTriggerRef, options = {}) => {
+	  const dataStub = {
+	    formattedSelectedDate: '',
+	    calendar: {
+	      headers: [],
+	      calendarGrid: []
+	    }
+	  };
+	  const [data, setData] = React.useState(dataStub);
+	  const [state, setState] = React.useState({
+	    isActive: false
+	  });
+	  const datepickerStub = {};
+	  const [datepicker, setDatepicker] = React.useState(datepickerStub);
+	  React.useEffect(() => {
+	    if (!datepicker.open && datepickerRef.current && datepickerDialogRef.current && dateInputRef.current && datepickerTriggerRef.current) {
+	      setDatepicker(extract.createDatepicker((data, state) => {
+	        if (data) setData(data);
+	        if (state) setState(state);
+	      }, options, datepickerRef.current, datepickerDialogRef.current, dateInputRef.current, datepickerTriggerRef.current));
+	    }
+	  }, [datepicker, datepickerRef, datepickerDialogRef, dateInputRef, datepickerTriggerRef, options]);
+	  return {
+	    datepicker,
+	    data,
+	    state
+	  };
+	};
+
+	const Datepicker = (options = {}) => {
+	  const [uuid] = React.useState(extract.randomId());
+	  const id = `sgr-datepicker-${uuid}`;
+	  const datepickerRef = React.useRef(null);
+	  const datepickerTriggerRef = React.useRef(null);
+	  const datepickerDialogRef = React.useRef(null);
+	  const dateInputRef = React.useRef(null);
+	  const {
+	    datepicker,
+	    data,
+	    state
+	  } = useDatepicker(datepickerRef, datepickerDialogRef, dateInputRef, datepickerTriggerRef, options);
+	  React.useEffect(() => {
+	    var _a;
+
+	    const selDateSub = (_a = datepicker.selectedDate$) === null || _a === void 0 ? void 0 : _a.subscribe(newDate => options.onChange && options.onChange(newDate));
+	    return () => selDateSub === null || selDateSub === void 0 ? void 0 : selDateSub.unsubscribe();
+	  }, [datepicker, options]);
+
+	  const classNames = day => Object.entries({
+	    disabled: !day.currentMonth,
+	    'sg-date-today': day.today // 'sg-date-holiday': day.holiday,
+
+	  }).map(([className, add]) => add ? className : '').join(' ');
+
+	  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+	    children: [jsxRuntime.jsxs("div", Object.assign({
+	      className: "form-group"
+	    }, {
+	      children: [jsxRuntime.jsx("label", Object.assign({
+	        htmlFor: id
+	      }, {
+	        children: "Date"
+	      })), jsxRuntime.jsxs("div", Object.assign({
+	        className: "group",
+	        ref: datepickerRef
+	      }, {
+	        children: [jsxRuntime.jsx("input", {
+	          ref: dateInputRef,
+	          id: id,
+	          type: "text",
+	          placeholder: "yyyy-mm-dd",
+	          value: data.formattedSelectedDate,
+	          onChange: e => datepicker.select(e.target.value)
+	        }), jsxRuntime.jsx("button", Object.assign({
+	          ref: datepickerTriggerRef,
+	          type: "button",
+	          className: "primary",
+	          onClick: () => datepicker.toggle()
+	        }, {
+	          children: jsxRuntime.jsx("i", Object.assign({
+	            className: "sg-icon sg-icon-calendar"
+	          }, {
+	            children: "Select date"
+	          }))
+	        }))]
+	      })), jsxRuntime.jsx("span", Object.assign({
+	        className: "form-info"
+	      }, {
+	        children: "Select a date"
+	      }))]
+	    })), jsxRuntime.jsx("div", Object.assign({
+	      ref: datepickerDialogRef,
+	      className: `popover popover-datepicker ${state.isActive ? 'active' : ''}`,
+	      role: "dialog",
+	      "aria-modal": "true",
+	      "aria-label": "Choose Date"
+	    }, {
+	      children: state.isActive && jsxRuntime.jsxs("div", Object.assign({
+	        className: "sg-date"
+	      }, {
+	        children: [jsxRuntime.jsxs("header", {
+	          children: [jsxRuntime.jsx("button", Object.assign({
+	            className: "link",
+	            onClick: () => datepicker.sub(1, 'months')
+	          }, {
+	            children: jsxRuntime.jsx("i", Object.assign({
+	              className: "sg-icon sg-icon-previous"
+	            }, {
+	              children: "Previous month"
+	            }))
+	          })), jsxRuntime.jsx(Dropdown, {
+	            options: extract.months({}),
+	            texts: {
+	              placeholder: data.monthName
+	            }
+	          }), jsxRuntime.jsx(Dropdown, {
+	            options: extract.years({}),
+	            texts: {
+	              placeholder: data.year + ''
+	            }
+	          }), jsxRuntime.jsx("button", Object.assign({
+	            className: "link",
+	            onClick: () => datepicker.add(1, 'months')
+	          }, {
+	            children: jsxRuntime.jsx("i", Object.assign({
+	              className: "sg-icon sg-icon-next"
+	            }, {
+	              children: "Next month"
+	            }))
+	          }))]
+	        }), jsxRuntime.jsx("main", {
+	          children: jsxRuntime.jsxs("table", Object.assign({
+	            role: "grid"
+	          }, {
+	            children: [jsxRuntime.jsx("thead", {
+	              children: jsxRuntime.jsx("tr", {
+	                children: data.calendar.headers.map((header, ix) => jsxRuntime.jsx("th", Object.assign({
+	                  scope: "col",
+	                  abbr: header.abbr,
+	                  className: header.type === 'week' ? 'sg-week-header' : 'sg-day-header'
+	                }, {
+	                  children: header.displayText
+	                }), `week_${ix}`))
+	              })
+	            }), jsxRuntime.jsx("tbody", {
+	              children: data.calendar.calendarGrid.map((week, ix) => jsxRuntime.jsxs("tr", {
+	                children: [data.calendar.weekNumbers ? jsxRuntime.jsx("th", Object.assign({
+	                  className: "sg-week-number"
+	                }, {
+	                  children: data.calendar.weekNumbers[ix]
+	                })) : '', week.map(day => jsxRuntime.jsx("td", Object.assign({
+	                  "data-date": day.formattedDate,
+	                  className: classNames(day),
+	                  title: day.today ? 'Today' : '',
+	                  tabIndex: day.highlighted || day.selected && !(data === null || data === void 0 ? void 0 : data.highlightedDate) || day.today && !(data === null || data === void 0 ? void 0 : data.highlightedDate) && !(data === null || data === void 0 ? void 0 : data.selectedDate) ? 0 : -1,
+	                  role: day.selected ? 'gridcell' : undefined,
+	                  "aria-selected": day.selected && !(data === null || data === void 0 ? void 0 : data.highlightedDate) ? true : undefined,
+	                  onClick: () => {
+	                    day.currentMonth && datepicker.select(day.date);
+	                  }
+	                }, {
+	                  children: day.day
+	                }), day.day))]
+	              }, `week_${ix}`))
+	            })]
+	          }))
+	        })]
+	      }))
+	    }))]
+	  });
+	};
+
+	exports.Alert = AlertRibbon;
+	exports.AlertRibbon = AlertRibbon;
+	exports.Badge = Badge;
+	exports.Button = Button;
+	exports.ButtonGroup = ButtonGroup;
+	exports.Card = Card;
+	exports.Checkbox = Checkbox;
+	exports.Datepicker = Datepicker;
+	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 });
+
+}));