@sebgroup/green-react 1.0.0-beta.1 → 1.0.0-beta.12

package/index.esm.js

@@ -0,0 +1,2740 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import React, { useState, useLayoutEffect, useEffect, useMemo, useRef } from 'react';
+import { randomId, validateClassName, createDropdown } from '@sebgroup/extract';
+
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+var check = function (it) {
+  return it && it.Math == Math && it;
+};
+
+// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
+var global$r =
+  // eslint-disable-next-line es-x/no-global-this -- safe
+  check(typeof globalThis == 'object' && globalThis) ||
+  check(typeof window == 'object' && window) ||
+  // eslint-disable-next-line no-restricted-globals -- safe
+  check(typeof self == 'object' && self) ||
+  check(typeof commonjsGlobal == 'object' && commonjsGlobal) ||
+  // eslint-disable-next-line no-new-func -- fallback
+  (function () { return this; })() || Function('return this')();
+
+var objectGetOwnPropertyDescriptor = {};
+
+var fails$a = function (exec) {
+  try {
+    return !!exec();
+  } catch (error) {
+    return true;
+  }
+};
+
+var fails$9 = fails$a;
+
+// Detect IE8's incomplete defineProperty implementation
+var descriptors = !fails$9(function () {
+  // eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
+  return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] != 7;
+});
+
+var fails$8 = fails$a;
+
+var functionBindNative = !fails$8(function () {
+  // eslint-disable-next-line es-x/no-function-prototype-bind -- safe
+  var test = (function () { /* empty */ }).bind();
+  // eslint-disable-next-line no-prototype-builtins -- safe
+  return typeof test != 'function' || test.hasOwnProperty('prototype');
+});
+
+var NATIVE_BIND$1 = functionBindNative;
+
+var call$6 = Function.prototype.call;
+
+var functionCall = NATIVE_BIND$1 ? call$6.bind(call$6) : function () {
+  return call$6.apply(call$6, arguments);
+};
+
+var objectPropertyIsEnumerable = {};
+
+var $propertyIsEnumerable = {}.propertyIsEnumerable;
+// eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
+var getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor;
+
+// Nashorn ~ JDK8 bug
+var NASHORN_BUG = getOwnPropertyDescriptor$1 && !$propertyIsEnumerable.call({ 1: 2 }, 1);
+
+// `Object.prototype.propertyIsEnumerable` method implementation
+// https://tc39.es/ecma262/#sec-object.prototype.propertyisenumerable
+objectPropertyIsEnumerable.f = NASHORN_BUG ? function propertyIsEnumerable(V) {
+  var descriptor = getOwnPropertyDescriptor$1(this, V);
+  return !!descriptor && descriptor.enumerable;
+} : $propertyIsEnumerable;
+
+var createPropertyDescriptor$3 = function (bitmap, value) {
+  return {
+    enumerable: !(bitmap & 1),
+    configurable: !(bitmap & 2),
+    writable: !(bitmap & 4),
+    value: value
+  };
+};
+
+var NATIVE_BIND = functionBindNative;
+
+var FunctionPrototype$1 = Function.prototype;
+var bind = FunctionPrototype$1.bind;
+var call$5 = FunctionPrototype$1.call;
+var uncurryThis$c = NATIVE_BIND && bind.bind(call$5, call$5);
+
+var functionUncurryThis = NATIVE_BIND ? function (fn) {
+  return fn && uncurryThis$c(fn);
+} : function (fn) {
+  return fn && function () {
+    return call$5.apply(fn, arguments);
+  };
+};
+
+var uncurryThis$b = functionUncurryThis;
+
+var toString$3 = uncurryThis$b({}.toString);
+var stringSlice$1 = uncurryThis$b(''.slice);
+
+var classofRaw$1 = function (it) {
+  return stringSlice$1(toString$3(it), 8, -1);
+};
+
+var global$q = global$r;
+var uncurryThis$a = functionUncurryThis;
+var fails$7 = fails$a;
+var classof$2 = classofRaw$1;
+
+var Object$5 = global$q.Object;
+var split = uncurryThis$a(''.split);
+
+// fallback for non-array-like ES3 and non-enumerable old V8 strings
+var indexedObject = fails$7(function () {
+  // throws an error in rhino, see https://github.com/mozilla/rhino/issues/346
+  // eslint-disable-next-line no-prototype-builtins -- safe
+  return !Object$5('z').propertyIsEnumerable(0);
+}) ? function (it) {
+  return classof$2(it) == 'String' ? split(it, '') : Object$5(it);
+} : Object$5;
+
+var global$p = global$r;
+
+var TypeError$8 = global$p.TypeError;
+
+// `RequireObjectCoercible` abstract operation
+// https://tc39.es/ecma262/#sec-requireobjectcoercible
+var requireObjectCoercible$2 = function (it) {
+  if (it == undefined) throw TypeError$8("Can't call method on " + it);
+  return it;
+};
+
+// toObject with fallback for non-array-like ES3 strings
+var IndexedObject$1 = indexedObject;
+var requireObjectCoercible$1 = requireObjectCoercible$2;
+
+var toIndexedObject$5 = function (it) {
+  return IndexedObject$1(requireObjectCoercible$1(it));
+};
+
+// `IsCallable` abstract operation
+// https://tc39.es/ecma262/#sec-iscallable
+var isCallable$f = function (argument) {
+  return typeof argument == 'function';
+};
+
+var isCallable$e = isCallable$f;
+
+var isObject$5 = function (it) {
+  return typeof it == 'object' ? it !== null : isCallable$e(it);
+};
+
+var global$o = global$r;
+var isCallable$d = isCallable$f;
+
+var aFunction = function (argument) {
+  return isCallable$d(argument) ? argument : undefined;
+};
+
+var getBuiltIn$4 = function (namespace, method) {
+  return arguments.length < 2 ? aFunction(global$o[namespace]) : global$o[namespace] && global$o[namespace][method];
+};
+
+var uncurryThis$9 = functionUncurryThis;
+
+var objectIsPrototypeOf = uncurryThis$9({}.isPrototypeOf);
+
+var getBuiltIn$3 = getBuiltIn$4;
+
+var engineUserAgent = getBuiltIn$3('navigator', 'userAgent') || '';
+
+var global$n = global$r;
+var userAgent = engineUserAgent;
+
+var process = global$n.process;
+var Deno = global$n.Deno;
+var versions = process && process.versions || Deno && Deno.version;
+var v8 = versions && versions.v8;
+var match, version;
+
+if (v8) {
+  match = v8.split('.');
+  // in old Chrome, versions of V8 isn't V8 = Chrome / 10
+  // but their correct versions are not interesting for us
+  version = match[0] > 0 && match[0] < 4 ? 1 : +(match[0] + match[1]);
+}
+
+// BrowserFS NodeJS `process` polyfill incorrectly set `.v8` to `0.0`
+// so check `userAgent` even if `.v8` exists, but 0
+if (!version && userAgent) {
+  match = userAgent.match(/Edge\/(\d+)/);
+  if (!match || match[1] >= 74) {
+    match = userAgent.match(/Chrome\/(\d+)/);
+    if (match) version = +match[1];
+  }
+}
+
+var engineV8Version = version;
+
+/* eslint-disable es-x/no-symbol -- required for testing */
+
+var V8_VERSION = engineV8Version;
+var fails$6 = fails$a;
+
+// eslint-disable-next-line es-x/no-object-getownpropertysymbols -- required for testing
+var nativeSymbol = !!Object.getOwnPropertySymbols && !fails$6(function () {
+  var symbol = Symbol();
+  // Chrome 38 Symbol has incorrect toString conversion
+  // `get-own-property-symbols` polyfill symbols converted to object are not Symbol instances
+  return !String(symbol) || !(Object(symbol) instanceof Symbol) ||
+    // Chrome 38-40 symbols are not inherited from DOM collections prototypes to instances
+    !Symbol.sham && V8_VERSION && V8_VERSION < 41;
+});
+
+/* eslint-disable es-x/no-symbol -- required for testing */
+
+var NATIVE_SYMBOL$2 = nativeSymbol;
+
+var useSymbolAsUid = NATIVE_SYMBOL$2
+  && !Symbol.sham
+  && typeof Symbol.iterator == 'symbol';
+
+var global$m = global$r;
+var getBuiltIn$2 = getBuiltIn$4;
+var isCallable$c = isCallable$f;
+var isPrototypeOf$1 = objectIsPrototypeOf;
+var USE_SYMBOL_AS_UID$1 = useSymbolAsUid;
+
+var Object$4 = global$m.Object;
+
+var isSymbol$2 = USE_SYMBOL_AS_UID$1 ? function (it) {
+  return typeof it == 'symbol';
+} : function (it) {
+  var $Symbol = getBuiltIn$2('Symbol');
+  return isCallable$c($Symbol) && isPrototypeOf$1($Symbol.prototype, Object$4(it));
+};
+
+var global$l = global$r;
+
+var String$4 = global$l.String;
+
+var tryToString$1 = function (argument) {
+  try {
+    return String$4(argument);
+  } catch (error) {
+    return 'Object';
+  }
+};
+
+var global$k = global$r;
+var isCallable$b = isCallable$f;
+var tryToString = tryToString$1;
+
+var TypeError$7 = global$k.TypeError;
+
+// `Assert: IsCallable(argument) is true`
+var aCallable$1 = function (argument) {
+  if (isCallable$b(argument)) return argument;
+  throw TypeError$7(tryToString(argument) + ' is not a function');
+};
+
+var aCallable = aCallable$1;
+
+// `GetMethod` abstract operation
+// https://tc39.es/ecma262/#sec-getmethod
+var getMethod$1 = function (V, P) {
+  var func = V[P];
+  return func == null ? undefined : aCallable(func);
+};
+
+var global$j = global$r;
+var call$4 = functionCall;
+var isCallable$a = isCallable$f;
+var isObject$4 = isObject$5;
+
+var TypeError$6 = global$j.TypeError;
+
+// `OrdinaryToPrimitive` abstract operation
+// https://tc39.es/ecma262/#sec-ordinarytoprimitive
+var ordinaryToPrimitive$1 = function (input, pref) {
+  var fn, val;
+  if (pref === 'string' && isCallable$a(fn = input.toString) && !isObject$4(val = call$4(fn, input))) return val;
+  if (isCallable$a(fn = input.valueOf) && !isObject$4(val = call$4(fn, input))) return val;
+  if (pref !== 'string' && isCallable$a(fn = input.toString) && !isObject$4(val = call$4(fn, input))) return val;
+  throw TypeError$6("Can't convert object to primitive value");
+};
+
+var shared$3 = {exports: {}};
+
+var global$i = global$r;
+
+// eslint-disable-next-line es-x/no-object-defineproperty -- safe
+var defineProperty$4 = Object.defineProperty;
+
+var setGlobal$3 = function (key, value) {
+  try {
+    defineProperty$4(global$i, key, { value: value, configurable: true, writable: true });
+  } catch (error) {
+    global$i[key] = value;
+  } return value;
+};
+
+var global$h = global$r;
+var setGlobal$2 = setGlobal$3;
+
+var SHARED = '__core-js_shared__';
+var store$3 = global$h[SHARED] || setGlobal$2(SHARED, {});
+
+var sharedStore = store$3;
+
+var store$2 = sharedStore;
+
+(shared$3.exports = function (key, value) {
+  return store$2[key] || (store$2[key] = value !== undefined ? value : {});
+})('versions', []).push({
+  version: '3.22.2',
+  mode: 'global',
+  copyright: '© 2014-2022 Denis Pushkarev (zloirock.ru)',
+  license: 'https://github.com/zloirock/core-js/blob/v3.22.2/LICENSE',
+  source: 'https://github.com/zloirock/core-js'
+});
+
+var global$g = global$r;
+var requireObjectCoercible = requireObjectCoercible$2;
+
+var Object$3 = global$g.Object;
+
+// `ToObject` abstract operation
+// https://tc39.es/ecma262/#sec-toobject
+var toObject$3 = function (argument) {
+  return Object$3(requireObjectCoercible(argument));
+};
+
+var uncurryThis$8 = functionUncurryThis;
+var toObject$2 = toObject$3;
+
+var hasOwnProperty = uncurryThis$8({}.hasOwnProperty);
+
+// `HasOwnProperty` abstract operation
+// https://tc39.es/ecma262/#sec-hasownproperty
+// eslint-disable-next-line es-x/no-object-hasown -- safe
+var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
+  return hasOwnProperty(toObject$2(it), key);
+};
+
+var uncurryThis$7 = functionUncurryThis;
+
+var id = 0;
+var postfix = Math.random();
+var toString$2 = uncurryThis$7(1.0.toString);
+
+var uid$2 = function (key) {
+  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$2(++id + postfix, 36);
+};
+
+var global$f = global$r;
+var shared$2 = shared$3.exports;
+var hasOwn$9 = hasOwnProperty_1;
+var uid$1 = uid$2;
+var NATIVE_SYMBOL$1 = nativeSymbol;
+var USE_SYMBOL_AS_UID = useSymbolAsUid;
+
+var WellKnownSymbolsStore = shared$2('wks');
+var Symbol$1 = global$f.Symbol;
+var symbolFor = Symbol$1 && Symbol$1['for'];
+var createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol$1 : Symbol$1 && Symbol$1.withoutSetter || uid$1;
+
+var wellKnownSymbol$8 = function (name) {
+  if (!hasOwn$9(WellKnownSymbolsStore, name) || !(NATIVE_SYMBOL$1 || typeof WellKnownSymbolsStore[name] == 'string')) {
+    var description = 'Symbol.' + name;
+    if (NATIVE_SYMBOL$1 && hasOwn$9(Symbol$1, name)) {
+      WellKnownSymbolsStore[name] = Symbol$1[name];
+    } else if (USE_SYMBOL_AS_UID && symbolFor) {
+      WellKnownSymbolsStore[name] = symbolFor(description);
+    } else {
+      WellKnownSymbolsStore[name] = createWellKnownSymbol(description);
+    }
+  } return WellKnownSymbolsStore[name];
+};
+
+var global$e = global$r;
+var call$3 = functionCall;
+var isObject$3 = isObject$5;
+var isSymbol$1 = isSymbol$2;
+var getMethod = getMethod$1;
+var ordinaryToPrimitive = ordinaryToPrimitive$1;
+var wellKnownSymbol$7 = wellKnownSymbol$8;
+
+var TypeError$5 = global$e.TypeError;
+var TO_PRIMITIVE = wellKnownSymbol$7('toPrimitive');
+
+// `ToPrimitive` abstract operation
+// https://tc39.es/ecma262/#sec-toprimitive
+var toPrimitive$1 = function (input, pref) {
+  if (!isObject$3(input) || isSymbol$1(input)) return input;
+  var exoticToPrim = getMethod(input, TO_PRIMITIVE);
+  var result;
+  if (exoticToPrim) {
+    if (pref === undefined) pref = 'default';
+    result = call$3(exoticToPrim, input, pref);
+    if (!isObject$3(result) || isSymbol$1(result)) return result;
+    throw TypeError$5("Can't convert object to primitive value");
+  }
+  if (pref === undefined) pref = 'number';
+  return ordinaryToPrimitive(input, pref);
+};
+
+var toPrimitive = toPrimitive$1;
+var isSymbol = isSymbol$2;
+
+// `ToPropertyKey` abstract operation
+// https://tc39.es/ecma262/#sec-topropertykey
+var toPropertyKey$2 = function (argument) {
+  var key = toPrimitive(argument, 'string');
+  return isSymbol(key) ? key : key + '';
+};
+
+var global$d = global$r;
+var isObject$2 = isObject$5;
+
+var document$1 = global$d.document;
+// typeof document.createElement is 'object' in old IE
+var EXISTS$1 = isObject$2(document$1) && isObject$2(document$1.createElement);
+
+var documentCreateElement$2 = function (it) {
+  return EXISTS$1 ? document$1.createElement(it) : {};
+};
+
+var DESCRIPTORS$9 = descriptors;
+var fails$5 = fails$a;
+var createElement = documentCreateElement$2;
+
+// Thanks to IE8 for its funny defineProperty
+var ie8DomDefine = !DESCRIPTORS$9 && !fails$5(function () {
+  // eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
+  return Object.defineProperty(createElement('div'), 'a', {
+    get: function () { return 7; }
+  }).a != 7;
+});
+
+var DESCRIPTORS$8 = descriptors;
+var call$2 = functionCall;
+var propertyIsEnumerableModule$1 = objectPropertyIsEnumerable;
+var createPropertyDescriptor$2 = createPropertyDescriptor$3;
+var toIndexedObject$4 = toIndexedObject$5;
+var toPropertyKey$1 = toPropertyKey$2;
+var hasOwn$8 = hasOwnProperty_1;
+var IE8_DOM_DEFINE$1 = ie8DomDefine;
+
+// eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
+var $getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor;
+
+// `Object.getOwnPropertyDescriptor` method
+// https://tc39.es/ecma262/#sec-object.getownpropertydescriptor
+objectGetOwnPropertyDescriptor.f = DESCRIPTORS$8 ? $getOwnPropertyDescriptor$1 : function getOwnPropertyDescriptor(O, P) {
+  O = toIndexedObject$4(O);
+  P = toPropertyKey$1(P);
+  if (IE8_DOM_DEFINE$1) try {
+    return $getOwnPropertyDescriptor$1(O, P);
+  } catch (error) { /* empty */ }
+  if (hasOwn$8(O, P)) return createPropertyDescriptor$2(!call$2(propertyIsEnumerableModule$1.f, O, P), O[P]);
+};
+
+var objectDefineProperty = {};
+
+var DESCRIPTORS$7 = descriptors;
+var fails$4 = fails$a;
+
+// V8 ~ Chrome 36-
+// https://bugs.chromium.org/p/v8/issues/detail?id=3334
+var v8PrototypeDefineBug = DESCRIPTORS$7 && fails$4(function () {
+  // eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
+  return Object.defineProperty(function () { /* empty */ }, 'prototype', {
+    value: 42,
+    writable: false
+  }).prototype != 42;
+});
+
+var global$c = global$r;
+var isObject$1 = isObject$5;
+
+var String$3 = global$c.String;
+var TypeError$4 = global$c.TypeError;
+
+// `Assert: Type(argument) is Object`
+var anObject$5 = function (argument) {
+  if (isObject$1(argument)) return argument;
+  throw TypeError$4(String$3(argument) + ' is not an object');
+};
+
+var global$b = global$r;
+var DESCRIPTORS$6 = descriptors;
+var IE8_DOM_DEFINE = ie8DomDefine;
+var V8_PROTOTYPE_DEFINE_BUG$1 = v8PrototypeDefineBug;
+var anObject$4 = anObject$5;
+var toPropertyKey = toPropertyKey$2;
+
+var TypeError$3 = global$b.TypeError;
+// eslint-disable-next-line es-x/no-object-defineproperty -- safe
+var $defineProperty = Object.defineProperty;
+// eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
+var $getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
+var ENUMERABLE = 'enumerable';
+var CONFIGURABLE$1 = 'configurable';
+var WRITABLE = 'writable';
+
+// `Object.defineProperty` method
+// https://tc39.es/ecma262/#sec-object.defineproperty
+objectDefineProperty.f = DESCRIPTORS$6 ? V8_PROTOTYPE_DEFINE_BUG$1 ? function defineProperty(O, P, Attributes) {
+  anObject$4(O);
+  P = toPropertyKey(P);
+  anObject$4(Attributes);
+  if (typeof O === 'function' && P === 'prototype' && 'value' in Attributes && WRITABLE in Attributes && !Attributes[WRITABLE]) {
+    var current = $getOwnPropertyDescriptor(O, P);
+    if (current && current[WRITABLE]) {
+      O[P] = Attributes.value;
+      Attributes = {
+        configurable: CONFIGURABLE$1 in Attributes ? Attributes[CONFIGURABLE$1] : current[CONFIGURABLE$1],
+        enumerable: ENUMERABLE in Attributes ? Attributes[ENUMERABLE] : current[ENUMERABLE],
+        writable: false
+      };
+    }
+  } return $defineProperty(O, P, Attributes);
+} : $defineProperty : function defineProperty(O, P, Attributes) {
+  anObject$4(O);
+  P = toPropertyKey(P);
+  anObject$4(Attributes);
+  if (IE8_DOM_DEFINE) try {
+    return $defineProperty(O, P, Attributes);
+  } catch (error) { /* empty */ }
+  if ('get' in Attributes || 'set' in Attributes) throw TypeError$3('Accessors not supported');
+  if ('value' in Attributes) O[P] = Attributes.value;
+  return O;
+};
+
+var DESCRIPTORS$5 = descriptors;
+var definePropertyModule$3 = objectDefineProperty;
+var createPropertyDescriptor$1 = createPropertyDescriptor$3;
+
+var createNonEnumerableProperty$5 = DESCRIPTORS$5 ? function (object, key, value) {
+  return definePropertyModule$3.f(object, key, createPropertyDescriptor$1(1, value));
+} : function (object, key, value) {
+  object[key] = value;
+  return object;
+};
+
+var redefine$3 = {exports: {}};
+
+var uncurryThis$6 = functionUncurryThis;
+var isCallable$9 = isCallable$f;
+var store$1 = sharedStore;
+
+var functionToString = uncurryThis$6(Function.toString);
+
+// this helper broken in `core-js@3.4.1-3.4.4`, so we can't use `shared` helper
+if (!isCallable$9(store$1.inspectSource)) {
+  store$1.inspectSource = function (it) {
+    return functionToString(it);
+  };
+}
+
+var inspectSource$2 = store$1.inspectSource;
+
+var global$a = global$r;
+var isCallable$8 = isCallable$f;
+var inspectSource$1 = inspectSource$2;
+
+var WeakMap$1 = global$a.WeakMap;
+
+var nativeWeakMap = isCallable$8(WeakMap$1) && /native code/.test(inspectSource$1(WeakMap$1));
+
+var shared$1 = shared$3.exports;
+var uid = uid$2;
+
+var keys = shared$1('keys');
+
+var sharedKey$3 = function (key) {
+  return keys[key] || (keys[key] = uid(key));
+};
+
+var hiddenKeys$4 = {};
+
+var NATIVE_WEAK_MAP = nativeWeakMap;
+var global$9 = global$r;
+var uncurryThis$5 = functionUncurryThis;
+var isObject = isObject$5;
+var createNonEnumerableProperty$4 = createNonEnumerableProperty$5;
+var hasOwn$7 = hasOwnProperty_1;
+var shared = sharedStore;
+var sharedKey$2 = sharedKey$3;
+var hiddenKeys$3 = hiddenKeys$4;
+
+var OBJECT_ALREADY_INITIALIZED = 'Object already initialized';
+var TypeError$2 = global$9.TypeError;
+var WeakMap = global$9.WeakMap;
+var set, get, has;
+
+var enforce = function (it) {
+  return has(it) ? get(it) : set(it, {});
+};
+
+var getterFor = function (TYPE) {
+  return function (it) {
+    var state;
+    if (!isObject(it) || (state = get(it)).type !== TYPE) {
+      throw TypeError$2('Incompatible receiver, ' + TYPE + ' required');
+    } return state;
+  };
+};
+
+if (NATIVE_WEAK_MAP || shared.state) {
+  var store = shared.state || (shared.state = new WeakMap());
+  var wmget = uncurryThis$5(store.get);
+  var wmhas = uncurryThis$5(store.has);
+  var wmset = uncurryThis$5(store.set);
+  set = function (it, metadata) {
+    if (wmhas(store, it)) throw new TypeError$2(OBJECT_ALREADY_INITIALIZED);
+    metadata.facade = it;
+    wmset(store, it, metadata);
+    return metadata;
+  };
+  get = function (it) {
+    return wmget(store, it) || {};
+  };
+  has = function (it) {
+    return wmhas(store, it);
+  };
+} else {
+  var STATE = sharedKey$2('state');
+  hiddenKeys$3[STATE] = true;
+  set = function (it, metadata) {
+    if (hasOwn$7(it, STATE)) throw new TypeError$2(OBJECT_ALREADY_INITIALIZED);
+    metadata.facade = it;
+    createNonEnumerableProperty$4(it, STATE, metadata);
+    return metadata;
+  };
+  get = function (it) {
+    return hasOwn$7(it, STATE) ? it[STATE] : {};
+  };
+  has = function (it) {
+    return hasOwn$7(it, STATE);
+  };
+}
+
+var internalState = {
+  set: set,
+  get: get,
+  has: has,
+  enforce: enforce,
+  getterFor: getterFor
+};
+
+var DESCRIPTORS$4 = descriptors;
+var hasOwn$6 = hasOwnProperty_1;
+
+var FunctionPrototype = Function.prototype;
+// eslint-disable-next-line es-x/no-object-getownpropertydescriptor -- safe
+var getDescriptor = DESCRIPTORS$4 && Object.getOwnPropertyDescriptor;
+
+var EXISTS = hasOwn$6(FunctionPrototype, 'name');
+// additional protection from minified / mangled / dropped function names
+var PROPER = EXISTS && (function something() { /* empty */ }).name === 'something';
+var CONFIGURABLE = EXISTS && (!DESCRIPTORS$4 || (DESCRIPTORS$4 && getDescriptor(FunctionPrototype, 'name').configurable));
+
+var functionName = {
+  EXISTS: EXISTS,
+  PROPER: PROPER,
+  CONFIGURABLE: CONFIGURABLE
+};
+
+var global$8 = global$r;
+var isCallable$7 = isCallable$f;
+var hasOwn$5 = hasOwnProperty_1;
+var createNonEnumerableProperty$3 = createNonEnumerableProperty$5;
+var setGlobal$1 = setGlobal$3;
+var inspectSource = inspectSource$2;
+var InternalStateModule$1 = internalState;
+var CONFIGURABLE_FUNCTION_NAME$1 = functionName.CONFIGURABLE;
+
+var getInternalState$1 = InternalStateModule$1.get;
+var enforceInternalState = InternalStateModule$1.enforce;
+var TEMPLATE = String(String).split('String');
+
+(redefine$3.exports = function (O, key, value, options) {
+  var unsafe = options ? !!options.unsafe : false;
+  var simple = options ? !!options.enumerable : false;
+  var noTargetGet = options ? !!options.noTargetGet : false;
+  var name = options && options.name !== undefined ? options.name : key;
+  var state;
+  if (isCallable$7(value)) {
+    if (String(name).slice(0, 7) === 'Symbol(') {
+      name = '[' + String(name).replace(/^Symbol\(([^)]*)\)/, '$1') + ']';
+    }
+    if (!hasOwn$5(value, 'name') || (CONFIGURABLE_FUNCTION_NAME$1 && value.name !== name)) {
+      createNonEnumerableProperty$3(value, 'name', name);
+    }
+    state = enforceInternalState(value);
+    if (!state.source) {
+      state.source = TEMPLATE.join(typeof name == 'string' ? name : '');
+    }
+  }
+  if (O === global$8) {
+    if (simple) O[key] = value;
+    else setGlobal$1(key, value);
+    return;
+  } else if (!unsafe) {
+    delete O[key];
+  } else if (!noTargetGet && O[key]) {
+    simple = true;
+  }
+  if (simple) O[key] = value;
+  else createNonEnumerableProperty$3(O, key, value);
+// add fake Function#toString for correct work wrapped methods / constructors with methods like LoDash isNative
+})(Function.prototype, 'toString', function toString() {
+  return isCallable$7(this) && getInternalState$1(this).source || inspectSource(this);
+});
+
+var objectGetOwnPropertyNames = {};
+
+var ceil = Math.ceil;
+var floor = Math.floor;
+
+// `ToIntegerOrInfinity` abstract operation
+// https://tc39.es/ecma262/#sec-tointegerorinfinity
+var toIntegerOrInfinity$2 = function (argument) {
+  var number = +argument;
+  // eslint-disable-next-line no-self-compare -- safe
+  return number !== number || number === 0 ? 0 : (number > 0 ? floor : ceil)(number);
+};
+
+var toIntegerOrInfinity$1 = toIntegerOrInfinity$2;
+
+var max = Math.max;
+var min$1 = Math.min;
+
+// Helper for a popular repeating case of the spec:
+// Let integer be ? ToInteger(index).
+// If integer < 0, let result be max((length + integer), 0); else let result be min(integer, length).
+var toAbsoluteIndex$1 = function (index, length) {
+  var integer = toIntegerOrInfinity$1(index);
+  return integer < 0 ? max(integer + length, 0) : min$1(integer, length);
+};
+
+var toIntegerOrInfinity = toIntegerOrInfinity$2;
+
+var min = Math.min;
+
+// `ToLength` abstract operation
+// https://tc39.es/ecma262/#sec-tolength
+var toLength$1 = function (argument) {
+  return argument > 0 ? min(toIntegerOrInfinity(argument), 0x1FFFFFFFFFFFFF) : 0; // 2 ** 53 - 1 == 9007199254740991
+};
+
+var toLength = toLength$1;
+
+// `LengthOfArrayLike` abstract operation
+// https://tc39.es/ecma262/#sec-lengthofarraylike
+var lengthOfArrayLike$1 = function (obj) {
+  return toLength(obj.length);
+};
+
+var toIndexedObject$3 = toIndexedObject$5;
+var toAbsoluteIndex = toAbsoluteIndex$1;
+var lengthOfArrayLike = lengthOfArrayLike$1;
+
+// `Array.prototype.{ indexOf, includes }` methods implementation
+var createMethod = function (IS_INCLUDES) {
+  return function ($this, el, fromIndex) {
+    var O = toIndexedObject$3($this);
+    var length = lengthOfArrayLike(O);
+    var index = toAbsoluteIndex(fromIndex, length);
+    var value;
+    // Array#includes uses SameValueZero equality algorithm
+    // eslint-disable-next-line no-self-compare -- NaN check
+    if (IS_INCLUDES && el != el) while (length > index) {
+      value = O[index++];
+      // eslint-disable-next-line no-self-compare -- NaN check
+      if (value != value) return true;
+    // Array#indexOf ignores holes, Array#includes - not
+    } else for (;length > index; index++) {
+      if ((IS_INCLUDES || index in O) && O[index] === el) return IS_INCLUDES || index || 0;
+    } return !IS_INCLUDES && -1;
+  };
+};
+
+var arrayIncludes = {
+  // `Array.prototype.includes` method
+  // https://tc39.es/ecma262/#sec-array.prototype.includes
+  includes: createMethod(true),
+  // `Array.prototype.indexOf` method
+  // https://tc39.es/ecma262/#sec-array.prototype.indexof
+  indexOf: createMethod(false)
+};
+
+var uncurryThis$4 = functionUncurryThis;
+var hasOwn$4 = hasOwnProperty_1;
+var toIndexedObject$2 = toIndexedObject$5;
+var indexOf = arrayIncludes.indexOf;
+var hiddenKeys$2 = hiddenKeys$4;
+
+var push = uncurryThis$4([].push);
+
+var objectKeysInternal = function (object, names) {
+  var O = toIndexedObject$2(object);
+  var i = 0;
+  var result = [];
+  var key;
+  for (key in O) !hasOwn$4(hiddenKeys$2, key) && hasOwn$4(O, key) && push(result, key);
+  // Don't enum bug & hidden keys
+  while (names.length > i) if (hasOwn$4(O, key = names[i++])) {
+    ~indexOf(result, key) || push(result, key);
+  }
+  return result;
+};
+
+// IE8- don't enum bug keys
+var enumBugKeys$3 = [
+  'constructor',
+  'hasOwnProperty',
+  'isPrototypeOf',
+  'propertyIsEnumerable',
+  'toLocaleString',
+  'toString',
+  'valueOf'
+];
+
+var internalObjectKeys$1 = objectKeysInternal;
+var enumBugKeys$2 = enumBugKeys$3;
+
+var hiddenKeys$1 = enumBugKeys$2.concat('length', 'prototype');
+
+// `Object.getOwnPropertyNames` method
+// https://tc39.es/ecma262/#sec-object.getownpropertynames
+// eslint-disable-next-line es-x/no-object-getownpropertynames -- safe
+objectGetOwnPropertyNames.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
+  return internalObjectKeys$1(O, hiddenKeys$1);
+};
+
+var objectGetOwnPropertySymbols = {};
+
+// eslint-disable-next-line es-x/no-object-getownpropertysymbols -- safe
+objectGetOwnPropertySymbols.f = Object.getOwnPropertySymbols;
+
+var getBuiltIn$1 = getBuiltIn$4;
+var uncurryThis$3 = functionUncurryThis;
+var getOwnPropertyNamesModule = objectGetOwnPropertyNames;
+var getOwnPropertySymbolsModule$1 = objectGetOwnPropertySymbols;
+var anObject$3 = anObject$5;
+
+var concat$1 = uncurryThis$3([].concat);
+
+// all object keys, includes non-enumerable and symbols
+var ownKeys$1 = getBuiltIn$1('Reflect', 'ownKeys') || function ownKeys(it) {
+  var keys = getOwnPropertyNamesModule.f(anObject$3(it));
+  var getOwnPropertySymbols = getOwnPropertySymbolsModule$1.f;
+  return getOwnPropertySymbols ? concat$1(keys, getOwnPropertySymbols(it)) : keys;
+};
+
+var hasOwn$3 = hasOwnProperty_1;
+var ownKeys = ownKeys$1;
+var getOwnPropertyDescriptorModule = objectGetOwnPropertyDescriptor;
+var definePropertyModule$2 = objectDefineProperty;
+
+var copyConstructorProperties$2 = function (target, source, exceptions) {
+  var keys = ownKeys(source);
+  var defineProperty = definePropertyModule$2.f;
+  var getOwnPropertyDescriptor = getOwnPropertyDescriptorModule.f;
+  for (var i = 0; i < keys.length; i++) {
+    var key = keys[i];
+    if (!hasOwn$3(target, key) && !(exceptions && hasOwn$3(exceptions, key))) {
+      defineProperty(target, key, getOwnPropertyDescriptor(source, key));
+    }
+  }
+};
+
+var fails$3 = fails$a;
+var isCallable$6 = isCallable$f;
+
+var replacement = /#|\.prototype\./;
+
+var isForced$1 = function (feature, detection) {
+  var value = data[normalize(feature)];
+  return value == POLYFILL ? true
+    : value == NATIVE ? false
+    : isCallable$6(detection) ? fails$3(detection)
+    : !!detection;
+};
+
+var normalize = isForced$1.normalize = function (string) {
+  return String(string).replace(replacement, '.').toLowerCase();
+};
+
+var data = isForced$1.data = {};
+var NATIVE = isForced$1.NATIVE = 'N';
+var POLYFILL = isForced$1.POLYFILL = 'P';
+
+var isForced_1 = isForced$1;
+
+var global$7 = global$r;
+var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
+var createNonEnumerableProperty$2 = createNonEnumerableProperty$5;
+var redefine$2 = redefine$3.exports;
+var setGlobal = setGlobal$3;
+var copyConstructorProperties$1 = copyConstructorProperties$2;
+var isForced = isForced_1;
+
+/*
+  options.target      - name of the target object
+  options.global      - target is the global object
+  options.stat        - export as static methods of target
+  options.proto       - export as prototype methods of target
+  options.real        - real prototype method for the `pure` version
+  options.forced      - export even if the native feature is available
+  options.bind        - bind methods to the target, required for the `pure` version
+  options.wrap        - wrap constructors to preventing global pollution, required for the `pure` version
+  options.unsafe      - use the simple assignment of property instead of delete + defineProperty
+  options.sham        - add a flag to not completely full polyfills
+  options.enumerable  - export as enumerable property
+  options.noTargetGet - prevent calling a getter on target
+  options.name        - the .name of the function if it does not match the key
+*/
+var _export = function (options, source) {
+  var TARGET = options.target;
+  var GLOBAL = options.global;
+  var STATIC = options.stat;
+  var FORCED, target, key, targetProperty, sourceProperty, descriptor;
+  if (GLOBAL) {
+    target = global$7;
+  } else if (STATIC) {
+    target = global$7[TARGET] || setGlobal(TARGET, {});
+  } else {
+    target = (global$7[TARGET] || {}).prototype;
+  }
+  if (target) for (key in source) {
+    sourceProperty = source[key];
+    if (options.noTargetGet) {
+      descriptor = getOwnPropertyDescriptor(target, key);
+      targetProperty = descriptor && descriptor.value;
+    } else targetProperty = target[key];
+    FORCED = isForced(GLOBAL ? key : TARGET + (STATIC ? '.' : '#') + key, options.forced);
+    // contained in target
+    if (!FORCED && targetProperty !== undefined) {
+      if (typeof sourceProperty == typeof targetProperty) continue;
+      copyConstructorProperties$1(sourceProperty, targetProperty);
+    }
+    // add a flag to not completely full polyfills
+    if (options.sham || (targetProperty && targetProperty.sham)) {
+      createNonEnumerableProperty$2(sourceProperty, 'sham', true);
+    }
+    // extend global
+    redefine$2(target, key, sourceProperty, options);
+  }
+};
+
+var internalObjectKeys = objectKeysInternal;
+var enumBugKeys$1 = enumBugKeys$3;
+
+// `Object.keys` method
+// https://tc39.es/ecma262/#sec-object.keys
+// eslint-disable-next-line es-x/no-object-keys -- safe
+var objectKeys$2 = Object.keys || function keys(O) {
+  return internalObjectKeys(O, enumBugKeys$1);
+};
+
+var DESCRIPTORS$3 = descriptors;
+var uncurryThis$2 = functionUncurryThis;
+var call$1 = functionCall;
+var fails$2 = fails$a;
+var objectKeys$1 = objectKeys$2;
+var getOwnPropertySymbolsModule = objectGetOwnPropertySymbols;
+var propertyIsEnumerableModule = objectPropertyIsEnumerable;
+var toObject$1 = toObject$3;
+var IndexedObject = indexedObject;
+
+// eslint-disable-next-line es-x/no-object-assign -- safe
+var $assign = Object.assign;
+// eslint-disable-next-line es-x/no-object-defineproperty -- required for testing
+var defineProperty$3 = Object.defineProperty;
+var concat = uncurryThis$2([].concat);
+
+// `Object.assign` method
+// https://tc39.es/ecma262/#sec-object.assign
+var objectAssign = !$assign || fails$2(function () {
+  // should have correct order of operations (Edge bug)
+  if (DESCRIPTORS$3 && $assign({ b: 1 }, $assign(defineProperty$3({}, 'a', {
+    enumerable: true,
+    get: function () {
+      defineProperty$3(this, 'b', {
+        value: 3,
+        enumerable: false
+      });
+    }
+  }), { b: 2 })).b !== 1) return true;
+  // should work with symbols and should have deterministic property order (V8 bug)
+  var A = {};
+  var B = {};
+  // eslint-disable-next-line es-x/no-symbol -- safe
+  var symbol = Symbol();
+  var alphabet = 'abcdefghijklmnopqrst';
+  A[symbol] = 7;
+  alphabet.split('').forEach(function (chr) { B[chr] = chr; });
+  return $assign({}, A)[symbol] != 7 || objectKeys$1($assign({}, B)).join('') != alphabet;
+}) ? function assign(target, source) { // eslint-disable-line no-unused-vars -- required for `.length`
+  var T = toObject$1(target);
+  var argumentsLength = arguments.length;
+  var index = 1;
+  var getOwnPropertySymbols = getOwnPropertySymbolsModule.f;
+  var propertyIsEnumerable = propertyIsEnumerableModule.f;
+  while (argumentsLength > index) {
+    var S = IndexedObject(arguments[index++]);
+    var keys = getOwnPropertySymbols ? concat(objectKeys$1(S), getOwnPropertySymbols(S)) : objectKeys$1(S);
+    var length = keys.length;
+    var j = 0;
+    var key;
+    while (length > j) {
+      key = keys[j++];
+      if (!DESCRIPTORS$3 || call$1(propertyIsEnumerable, S, key)) T[key] = S[key];
+    }
+  } return T;
+} : $assign;
+
+var $$2 = _export;
+var assign = objectAssign;
+
+// `Object.assign` method
+// https://tc39.es/ecma262/#sec-object.assign
+// eslint-disable-next-line es-x/no-object-assign -- required for testing
+$$2({ target: 'Object', stat: true, forced: Object.assign !== assign }, {
+  assign: assign
+});
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function Button({
+  children,
+  variant,
+  onClick,
+  active = false,
+  type = 'button'
+}) {
+  const props = {
+    type
+  };
+  const classNames = [];
+  if (variant) classNames.push(variant);
+  if (active) classNames.push('active');
+  if (classNames.length) props.className = classNames.join(' ');
+  if (onClick) props.onClick = onClick;
+  return jsx("button", Object.assign({}, props, {
+    children: children
+  }));
+}
+
+const ModalHeader = ({
+  header: _header = '',
+  onClose
+}) => {
+  const handleClose = event => {
+    if (onClose) onClose(event);
+  };
+
+  return jsxs("div", Object.assign({
+    className: "header"
+  }, {
+    children: [jsx("h3", {
+      children: _header
+    }), jsx("button", Object.assign({
+      className: "close",
+      onClick: handleClose
+    }, {
+      children: jsx("span", Object.assign({
+        className: "sr-only"
+      }, {
+        children: "Close"
+      }))
+    }))]
+  }));
+};
+
+const ModalBody = ({
+  children
+}) => {
+  return 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 jsxs("div", Object.assign({
+    className: "footer"
+  }, {
+    children: [dismiss && jsx(Button, Object.assign({
+      variant: "secondary",
+      onClick: handleDismiss
+    }, {
+      children: dismiss
+    })), confirm && 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 jsxs("aside", Object.assign({
+            role: "dialog"
+          }, {
+            children: [jsx(ModalHeader, Object.assign({}, props)), jsx(ModalBody, Object.assign({}, props)), jsx(ModalFooter, Object.assign({}, props))]
+          }));
+        }
+
+      case 'takeover':
+        {
+          return jsxs("main", Object.assign({
+            role: "dialog"
+          }, {
+            children: [jsx(ModalHeader, Object.assign({}, props)), jsx(ModalBody, Object.assign({}, props)), jsx(ModalFooter, Object.assign({}, props))]
+          }));
+        }
+
+      default:
+        {
+          return jsxs("section", Object.assign({
+            role: "dialog"
+          }, {
+            children: [jsx(ModalHeader, Object.assign({}, props)), jsx(ModalBody, Object.assign({}, props)), 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] = useState(['d-flex']);
+  const [flexClassName, setFlexClassName] = useState('d-flex'); // // update className when classes change
+
+  useLayoutEffect(() => {
+    const newClassName = classes.join(' ');
+    if (newClassName !== flexClassName) setFlexClassName(newClassName);
+  }, [classes, flexClassName]); // // update classes when props change
+
+  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 jsx("div", Object.assign({
+    className: flexClassName
+  }, props, {
+    children: children
+  }));
+};
+
+function Card({
+  children,
+  header,
+  footer
+}) {
+  return jsxs("section", Object.assign({
+    className: "card"
+  }, {
+    children: [jsx("header", {
+      children: header
+    }), jsx("p", {
+      children: children
+    }), jsx("footer", {
+      children: footer
+    })]
+  }));
+}
+
+function Alert({
+  type,
+  header,
+  footer,
+  children,
+  closeText,
+  isCloseable = true
+}) {
+  const [closeButton, setCloseButton] = useState();
+  useEffect(() => {
+    if (!isCloseable) {
+      setCloseButton(null);
+    } else {
+      if (closeText) setCloseButton(jsx(Button, Object.assign({
+        variant: "ghost"
+      }, {
+        children: jsx("span", Object.assign({
+          className: "sr-only"
+        }, {
+          children: closeText
+        }))
+      })));else setCloseButton(jsx("button", {
+        className: "close"
+      }));
+    }
+  }, [isCloseable, closeText]);
+  return jsxs("div", Object.assign({
+    role: "alert",
+    className: type
+  }, {
+    children: [header && jsxs("header", {
+      children: [/*#__PURE__*/React.isValidElement(header) ? header : jsx("h3", {
+        children: header
+      }), closeButton]
+    }), jsx("p", {
+      children: children
+    }), footer && jsx("footer", {
+      children: footer
+    })]
+  }));
+}
+
+const ButtonGroup = ({
+  children,
+  selectedIndex,
+  variant
+}) => {
+  const [selected, setSelected] = useState(selectedIndex);
+  const [buttons, setButtons] = useState([]);
+  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 jsx(Group, {
+    children: buttons.map(props => jsx(Button, Object.assign({}, props), props.key))
+  });
+};
+
+const validateInputValue = (target, rules, setError) => {
+  const errorMessage = validateInputValueErrors(rules, target);
+  errorMessage ? setErrorInsert(setError, target.name) : setErrorRemove(setError, target.name);
+  return errorMessage;
+};
+
+const validateInputValueErrors = (rules, target) => {
+  const {
+    value
+  } = target;
+
+  if ((rules === null || rules === void 0 ? void 0 : rules.custom) instanceof Function) {
+    return rules === null || rules === void 0 ? void 0 : rules.custom();
+  }
+
+  return validateTextInputValues(value, rules);
+};
+
+const setErrorInsert = (setError, name) => {
+  setError(errors => {
+    return Object.assign(Object.assign({}, errors), {
+      [name]: true
+    });
+  });
+};
+
+const setErrorRemove = (setError, name) => {
+  setError(errors => {
+    const newError = Object.assign({}, errors);
+    delete newError[name];
+    return newError;
+  });
+};
+
+const validateTextInputValues = (value, rules) => {
+  switch (rules === null || rules === void 0 ? void 0 : rules.type) {
+    case 'Required':
+      {
+        return value === '' || value === undefined || value === null ? 'error' : null;
+      }
+
+    default:
+      {
+        return;
+      }
+  }
+};
+
+const FormContext = /*#__PURE__*/React.createContext({});
+const useFormContext = () => {
+  return React.useContext(FormContext);
+};
+const FormProvider = _a => {
+  var {
+    children,
+    direction = 'vertical',
+    formSize = 'md',
+    onSubmit,
+    onFormSubmit
+  } = _a,
+      props = __rest(_a, ["children", "direction", "formSize", "onSubmit", "onFormSubmit"]);
+
+  const [values, setValues] = React.useState();
+  const [errors, setErrors] = React.useState();
+  const [fields, setFields] = React.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 jsx(FormContext.Provider, Object.assign({
+    value: {
+      setValues,
+      setErrors,
+      setFields,
+      errors,
+      values
+    }
+  }, {
+    children: jsx("form", Object.assign({
+      className: [direction, `size-${formSize}`].join(' '),
+      onSubmit: formSubmit
+    }, props, {
+      onReset: resetForm
+    }, {
+      children: children
+    }))
+  }));
+};
+
+const Form = props => {
+  return jsx(FormProvider, Object.assign({}, props));
+};
+
+const FormItems = ({
+  children,
+  validate,
+  name
+}) => {
+  const {
+    setValues,
+    setErrors,
+    setFields,
+    errors
+  } = useFormContext();
+  React.useEffect(() => {
+    setFields(fields => Object.assign(Object.assign({}, fields), {
+      [name]: validate === null || validate === void 0 ? void 0 : validate.rules
+    }));
+
+    const removeValues = values => {
+      const newValues = Object.assign({}, values);
+      delete newValues[name];
+      return newValues;
+    };
+
+    return () => {
+      setFields(fields => removeValues(fields));
+      setValues(values => removeValues(values));
+      setErrors(errors => removeValues(errors));
+    };
+  }, []);
+
+  const onChange = event => {
+    const {
+      value,
+      name,
+      type,
+      checked
+    } = event.target;
+    let inputValue;
+
+    if (type === 'checkbox') {
+      inputValue = checked ? value : null;
+      checked ? setValues(values => Object.assign(Object.assign({}, values), {
+        [name]: value
+      })) : setValues(values => Object.assign(Object.assign({}, values), {
+        [name]: null
+      }));
+    } else {
+      inputValue = value;
+      setValues(values => Object.assign(Object.assign({}, values), {
+        [name]: value
+      }));
+    }
+
+    validateInputValue({
+      value: inputValue,
+      name,
+      type,
+      checked
+    }, validate === null || validate === void 0 ? void 0 : validate.rules, setErrors);
+  };
+
+  return /*#__PURE__*/React.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 jsxs("div", Object.assign({
+    className: "form-group"
+  }, {
+    children: [jsx("div", Object.assign({
+      className: groupClassName
+    }, {
+      children: children
+    })), error && jsx("span", Object.assign({
+      className: "form-info"
+    }, {
+      children: errorMessage
+    }))]
+  }));
+}
+
+const useInput = (props, onChanges, onChangeInput) => {
+  const id = useMemo(() => props.id || randomId(), [props.id]);
+  const ref = useRef(null);
+  const [value, setValue] = useState(props.value ? props.value : '');
+  const [checked, setChecked] = useState(props.checked ? props.checked : false);
+  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 jsx("input", Object.assign({
+    type: type,
+    value: value
+  }, propsWithDescription));
+  return jsxs("div", Object.assign({
+    className: "form-group"
+  }, {
+    children: [label && jsx("label", Object.assign({
+      htmlFor: inputProps.id
+    }, {
+      children: label
+    })), info && jsx("span", Object.assign({
+      className: "form-info",
+      id: `${inputProps.id}_info`
+    }, {
+      children: info
+    })), jsx("input", Object.assign({
+      type: type,
+      value: value
+    }, propsWithDescription, {
+      className: validator && validateClassName(validator === null || validator === void 0 ? void 0 : validator.indicator)
+    })), validator && 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 = validateClassName(validator === null || validator === void 0 ? void 0 : validator.indicator);
+  return jsxs(Fragment, {
+    children: [jsxs("label", Object.assign({
+      htmlFor: inputProps.id,
+      className: `form-control ${validatorClassName}`
+    }, {
+      children: [label, jsx("input", Object.assign({
+        type: "checkbox"
+      }, inputProps)), jsx("span", {}), jsx("i", {})]
+    })), validator && jsx("span", Object.assign({
+      className: "form-info"
+    }, {
+      children: validator.message
+    }))]
+  });
+};
+const RadioButton = /*#__PURE__*/React.forwardRef((_a, ref) => {
+  var {
+    label,
+    validator
+  } = _a,
+      props = __rest(_a, ["label", "validator"]);
+
+  const {
+    id
+  } = useInput(props);
+  return jsxs("label", Object.assign({
+    htmlFor: id,
+    className: "form-control"
+  }, {
+    children: [jsx("input", Object.assign({
+      id: id,
+      type: "radio"
+    }, props, {
+      className: validator,
+      ref: ref
+    })), jsx("span", {
+      children: label
+    }), jsx("i", {})]
+  }));
+});
+
+const Text = ({
+  children
+}) => 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 = ({
+  description,
+  title,
+  validator,
+  onChangeRadio,
+  onChange,
+  name,
+  children
+}) => {
+  const [checked, setChecked] = React.useState();
+  const validatorClassName = 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.useRef(null);
+  React.useEffect(() => {
+    var _a;
+
+    if (radioBtnRef && radioBtnRef.current) {
+      const form = (_a = radioBtnRef === null || radioBtnRef === void 0 ? void 0 : radioBtnRef.current) === null || _a === void 0 ? void 0 : _a.form;
+
+      const resetListner = () => {
+        setChecked(undefined);
+      };
+
+      form === null || form === void 0 ? void 0 : form.addEventListener('reset', resetListner);
+      return () => form === null || form === void 0 ? void 0 : form.removeEventListener('reset', resetListner);
+    } else {
+      // eslint-disable-next-line @typescript-eslint/no-empty-function
+      return () => {};
+    }
+  }, []);
+  return jsxs("div", Object.assign({
+    className: "form-group"
+  }, {
+    children: [jsxs("fieldset", Object.assign({
+      className: validatorClassName
+    }, {
+      children: [jsx("legend", {
+        children: title
+      }), jsx("span", Object.assign({
+        className: "form-info"
+      }, {
+        children: description
+      })), React.Children.map(children, Child => {
+        return /*#__PURE__*/React.isValidElement(Child) ? /*#__PURE__*/React.cloneElement(Child, {
+          validator: validatorClassName,
+          onChange: onChanges,
+          checked: checked === Child.props.value,
+          name,
+          ref: radioBtnRef
+        }) : Child;
+      })]
+    })), (validator === null || validator === void 0 ? void 0 : validator.message) && 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 jsx("dl", {
+      children: jsxs("div", {
+        children: [jsx("dt", {
+          children: tableRowData === null || tableRowData === void 0 ? void 0 : tableRowData.title
+        }), tableRowData === null || tableRowData === void 0 ? void 0 : tableRowData.definition.map((item, index) => jsx("dd", {
+          children: item
+        }, index))]
+      })
+    });
+  } else {
+    return 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 jsx("ol", Object.assign({}, props, {
+      children: children === null || children === void 0 ? void 0 : children.map((child, index) => jsx(ListItem, {
+        children: child
+      }, index))
+    }));
+  } else if (listType !== 'table') {
+    return jsx("ul", Object.assign({}, props, {
+      className: listType
+    }, {
+      children: children === null || children === void 0 ? void 0 : children.map((child, index) => jsx(ListItem, {
+        children: child
+      }, index))
+    }));
+  } else {
+    return jsxs("figure", {
+      children: [jsx("figcaption", Object.assign({
+        className: "table-list-caption"
+      }, {
+        children: tableCaption
+      })), jsx("dl", {
+        children: tableData === null || tableData === void 0 ? void 0 : tableData.map((data, index) => jsx(ListItem, {
+          listType: listType,
+          tableRowData: data
+        }, index))
+      })]
+    });
+  }
+};
+
+const Link = _a => {
+  var {
+    button,
+    children
+  } = _a,
+      props = __rest(_a, ["button", "children"]);
+
+  const [anchorProps, setAnchorProps] = useState({});
+  useEffect(() => {
+    const className = button ? typeof button === 'string' ? `button ${button}` : 'button' : undefined;
+    const newProps = Object.assign({
+      role: button ? 'button' : undefined,
+      className: className
+    }, props);
+    setAnchorProps(newProps);
+  }, [button]);
+  return 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] = useState({});
+  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 jsxs("nav", Object.assign({
+    role: "navigation"
+  }, props, {
+    children: [jsx(Link, {
+      "aria-label": _brandAriaLabel,
+      href: _brandLink,
+      target: "_blank",
+      className: "brand"
+    }), jsx("div", Object.assign({
+      className: "container-fluid"
+    }, {
+      children: jsxs("div", Object.assign({
+        className: "row justify-content-between align-items-center"
+      }, {
+        children: [jsx("div", Object.assign({
+          className: "col-auto"
+        }, {
+          children: titleLink ? jsx(Link, Object.assign({
+            className: "mx-4",
+            href: titleLink
+          }, {
+            children: jsx("h1", {
+              children: title
+            })
+          })) : jsx("h1", {
+            children: title
+          })
+        })), jsx("div", Object.assign({
+          className: "col-auto"
+        }, {
+          children: jsx("div", Object.assign({
+            className: "group size-sm"
+          }, {
+            children: children
+          }))
+        }))]
+      }))
+    }))]
+  }));
+};
+
+function Badge(_a) {
+  var {
+    children,
+    badgeType,
+    isCloseable,
+    closeText
+  } = _a,
+      props = __rest(_a, ["children", "badgeType", "isCloseable", "closeText"]);
+
+  const [isClosed, setIsClosed] = React.useState(false);
+  return !isClosed ? jsxs("span", Object.assign({}, props, {
+    className: `badge ${badgeType}`
+  }, {
+    children: [jsx("strong", {
+      children: children
+    }), isCloseable && jsx("button", Object.assign({
+      type: "button",
+      className: "close",
+      onClick: () => setIsClosed(true)
+    }, {
+      children: closeText
+    }))]
+  })) : null;
+}
+
+const useDropdown = ({
+  id,
+  texts,
+  options,
+  loop,
+  multiSelect,
+  selectValue,
+  useValue,
+  display,
+  togglerRef,
+  listboxRef
+}) => {
+  const [handler, setHandler] = useState();
+  const [dropdown, setDropdown] = useState();
+  const [togglerProps, setTogglerProps] = useState({});
+  const [listboxProps, setListboxProps] = useState({});
+  const [listItems, setListItems] = useState([]);
+  const [multiSelectProps, setMultiSelectProps] = useState({}); // When dropdown data changes
+
+  useEffect(() => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+
+    if (!dropdown) return;
+    const {
+      elements: {
+        toggler,
+        listbox
+      }
+    } = dropdown;
+    const newToggleProps = Object.assign(Object.assign({}, toggler === null || toggler === void 0 ? void 0 : toggler.attributes), {
+      className: (_a = toggler === null || toggler === void 0 ? void 0 : toggler.classes) === null || _a === void 0 ? void 0 : _a.join(' '),
+      children: ((_b = dropdown === null || dropdown === void 0 ? void 0 : dropdown.texts) === null || _b === void 0 ? void 0 : _b.select) || ((_c = dropdown === null || dropdown === void 0 ? void 0 : dropdown.texts) === null || _c === void 0 ? void 0 : _c.placeholder),
+      onClick: () => handler === null || handler === void 0 ? void 0 : handler.toggle()
+    });
+    setTogglerProps(newToggleProps);
+    const newListboxProps = Object.assign(Object.assign({}, listbox === null || listbox === void 0 ? void 0 : listbox.attributes), {
+      className: (_d = listbox === null || listbox === void 0 ? void 0 : listbox.classes) === null || _d === void 0 ? void 0 : _d.join(' ')
+    });
+    setListboxProps(newListboxProps);
+
+    if (!dropdown.isMultiSelect) {
+      const newListItems = dropdown.options.map(o => {
+        var _a;
+
+        return Object.assign(Object.assign({}, o.attributes), {
+          className: (_a = o.classes) === null || _a === void 0 ? void 0 : _a.join(' '),
+          children: o[dropdown.display],
+          selected: o.selected,
+          onClick: () => handler === null || handler === void 0 ? void 0 : handler.select(o)
+        });
+      });
+      setListItems(newListItems);
+    } else {
+      const checkboxes = dropdown.options.map(o => ({
+        labelProps: Object.assign(Object.assign({}, o.attributes), {
+          className: ['form-control', ...o.classes].join(' ')
+        }),
+        inputProps: {
+          defaultChecked: o.selected,
+          type: 'checkbox',
+          onChange: () => handler === null || handler === void 0 ? void 0 : handler.select(o, false)
+        },
+        spanProps: {
+          children: o[dropdown.display]
+        }
+      }));
+      const newMultiselect = {
+        fieldsetProps: {
+          'aria-describedby': (_g = (_f = (_e = dropdown === null || dropdown === void 0 ? void 0 : dropdown.elements) === null || _e === void 0 ? void 0 : _e.fieldset) === null || _f === void 0 ? void 0 : _f.attributes) === null || _g === void 0 ? void 0 : _g.id,
+          'aria-multiselectable': true,
+          role: 'listbox',
+          tabIndex: -1
+        },
+        legendProps: {
+          className: 'sr-only',
+          id: (_k = (_j = (_h = dropdown === null || dropdown === void 0 ? void 0 : dropdown.elements) === null || _h === void 0 ? void 0 : _h.fieldset) === null || _j === void 0 ? void 0 : _j.attributes) === null || _k === void 0 ? void 0 : _k.id,
+          children: dropdown.texts.optionsDescription
+        },
+        checkboxes
+      };
+      setMultiSelectProps(newMultiselect);
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, [dropdown]); // When dropdown properties change
+
+  useEffect(() => {
+    if (!dropdown) return;
+    handler === null || handler === void 0 ? void 0 : handler.update({
+      id,
+      texts,
+      options,
+      loop,
+      multiSelect
+    }); // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [id, texts, options, loop, multiSelect, selectValue, useValue, display]); // Create dropdown handler
+
+  useEffect(() => {
+    if (!handler && togglerRef.current && listboxRef.current) {
+      setHandler(createDropdown({
+        id,
+        texts,
+        options,
+        loop,
+        multiSelect,
+        selectValue,
+        useValue,
+        display
+      }, togglerRef.current, listboxRef.current, listboxRef.current, dd => setDropdown(dd)));
+    }
+
+    return () => handler === null || handler === void 0 ? void 0 : handler.destroy(); // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [togglerRef, listboxRef]);
+  return {
+    dropdown: handler,
+    togglerProps,
+    listboxProps,
+    listItems,
+    multiSelectProps
+  };
+};
+
+const Dropdown = ({
+  id,
+  options,
+  loop,
+  multiSelect,
+  selectValue,
+  useValue,
+  display,
+  texts
+}) => {
+  var _a;
+
+  const togglerRef = useRef(null);
+  const listboxRef = useRef(null);
+  const {
+    dropdown,
+    listboxProps,
+    togglerProps,
+    listItems,
+    multiSelectProps
+  } = useDropdown({
+    id,
+    options,
+    loop,
+    multiSelect,
+    selectValue,
+    useValue,
+    display,
+    togglerRef,
+    listboxRef,
+    texts
+  });
+  return jsxs("div", {
+    children: [jsx("button", Object.assign({
+      type: "button"
+    }, togglerProps, {
+      ref: togglerRef
+    }, {
+      children: jsx("span", {
+        children: togglerProps.children
+      })
+    })), jsxs("div", Object.assign({}, listboxProps, {
+      ref: listboxRef
+    }, {
+      children: [jsx("button", Object.assign({
+        type: "button",
+        className: "close m-4 m-sm-2 d-block d-sm-none",
+        onClick: dropdown === null || dropdown === void 0 ? void 0 : dropdown.close
+      }, {
+        children: jsx("span", Object.assign({
+          className: "sr-only"
+        }, {
+          children: dropdown === null || dropdown === void 0 ? void 0 : dropdown.dropdown.texts.close
+        }))
+      })), (dropdown === null || dropdown === void 0 ? void 0 : dropdown.dropdown.isMultiSelect) ? jsx("div", Object.assign({
+        className: "sg-fieldset-container"
+      }, {
+        children: jsxs("fieldset", Object.assign({}, multiSelectProps.fieldsetProps, {
+          children: [jsx("legend", Object.assign({}, multiSelectProps.legendProps)), (_a = multiSelectProps.checkboxes) === null || _a === void 0 ? void 0 : _a.map(checkboxItem => jsxs("label", Object.assign({}, checkboxItem.labelProps, {
+            children: [jsx("input", Object.assign({}, checkboxItem.inputProps)), jsx("span", Object.assign({}, checkboxItem.spanProps)), jsx("i", {})]
+          }), checkboxItem.labelProps.id))]
+        }))
+      })) : jsx("ul", Object.assign({
+        role: "listbox"
+      }, {
+        children: listItems.map(liProps => jsx("li", Object.assign({}, liProps), liProps.id))
+      }))]
+    }))]
+  });
+};
+
+export { Alert, Badge, Button, ButtonGroup, Card, Checkbox, Dropdown, EmailInput, Flexbox, Form, FormItems, Group, Link, List, Modal, Navbar, NumberInput, RadioButton, RadioGroup, RenderInput, Text, TextInput };