@nulogy/components 7.2.3 → 7.4.0

package/dist/main.module.js

@@ -1,24 +1,25 @@
 import * as React from 'react';
-import React__default, { useContext, useState, useRef, useEffect, useMemo, createElement, createContext, useLayoutEffect, useCallback, forwardRef, Fragment, Component as Component$1, cloneElement, Children, isValidElement, PureComponent, useImperativeHandle } from 'react';
+import React__default, { useContext, useState, useRef, useEffect, useMemo, createElement, createContext, useLayoutEffect, useCallback, forwardRef, Fragment, Component as Component$1, cloneElement, Children, isValidElement, useImperativeHandle, PureComponent } from 'react';
 import styled, { createGlobalStyle, ThemeProvider, useTheme, ThemeContext as ThemeContext$1 } from 'styled-components';
-import _typeof$3 from '@babel/runtime/helpers/typeof';
-import _classCallCheck$3 from '@babel/runtime/helpers/classCallCheck';
-import _createClass$3 from '@babel/runtime/helpers/createClass';
-import _defineProperty$2 from '@babel/runtime/helpers/defineProperty';
+import _typeof$1 from '@babel/runtime/helpers/typeof';
+import _classCallCheck$1 from '@babel/runtime/helpers/classCallCheck';
+import _createClass$1 from '@babel/runtime/helpers/createClass';
+import _defineProperty$1 from '@babel/runtime/helpers/defineProperty';
 import assign$1 from 'object-assign';
 import icons from '@nulogy/icons';
 import _extends$4 from '@babel/runtime/helpers/extends';
-import _assertThisInitialized$4 from '@babel/runtime/helpers/assertThisInitialized';
+import _assertThisInitialized$2 from '@babel/runtime/helpers/assertThisInitialized';
 import _inheritsLoose$2 from '@babel/runtime/helpers/inheritsLoose';
-import PropTypes, { bool, number as number$1, string, shape, any, func, node } from 'prop-types';
+import PropTypes from 'prop-types';
 import isEqual$2 from 'react-fast-compare';
 import warning$1 from 'warning';
 import _slicedToArray$1 from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutPropertiesLoose$2 from '@babel/runtime/helpers/objectWithoutPropertiesLoose';
 import deepEqual from 'deep-equal';
 import createContext$1 from 'create-react-context';
-import reactDom, { findDOMNode, createPortal } from 'react-dom';
+import ReactResizeDetector from 'react-resize-detector';
 import WindowedSelect, { components as components$1 } from 'react-windowed-select';
+import reactDom, { findDOMNode, createPortal } from 'react-dom';
 import exenv from 'exenv';
 import smoothscroll from 'smoothscroll-polyfill';
 import t from 'classnames';
@@ -42,12 +43,12 @@ function getDefaults() {
 }
 var ReportNamespaces = function () {
   function ReportNamespaces() {
-    _classCallCheck$3(this, ReportNamespaces);
+    _classCallCheck$1(this, ReportNamespaces);
 
     this.usedNamespaces = {};
   }
 
-  _createClass$3(ReportNamespaces, [{
+  _createClass$1(ReportNamespaces, [{
     key: "addUsedNamespaces",
     value: function addUsedNamespaces(namespaces) {
       var _this = this;
@@ -135,7 +136,7 @@ function hasLoadedNamespace(ns, i18n) {
 
 function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$5(Object(source), true).forEach(function (key) { _defineProperty$2(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$5(Object(source), true).forEach(function (key) { _defineProperty$1(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 function useTranslation(ns) {
   var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var i18nFromProps = props.i18n;
@@ -451,23 +452,23 @@ var Theme = {
   }
 };
 
-function _typeof$2(obj) {
+function _typeof(obj) {
   "@babel/helpers - typeof";
 
   if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof$2 = function _typeof(obj) {
+    _typeof = function _typeof(obj) {
       return typeof obj;
     };
   } else {
-    _typeof$2 = function _typeof(obj) {
+    _typeof = function _typeof(obj) {
       return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
     };
   }
 
-  return _typeof$2(obj);
+  return _typeof(obj);
 }
 
-function _defineProperty$1(obj, key, value) {
+function _defineProperty(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -494,20 +495,20 @@ function _objectSpread$5(target) {
     }
 
     ownKeys.forEach(function (key) {
-      _defineProperty$1(target, key, source[key]);
+      _defineProperty(target, key, source[key]);
     });
   }
 
   return target;
 }
 
-function _classCallCheck$2(instance, Constructor) {
+function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
     throw new TypeError("Cannot call a class as a function");
   }
 }
 
-function _defineProperties$2(target, props) {
+function _defineProperties(target, props) {
   for (var i = 0; i < props.length; i++) {
     var descriptor = props[i];
     descriptor.enumerable = descriptor.enumerable || false;
@@ -517,13 +518,13 @@ function _defineProperties$2(target, props) {
   }
 }
 
-function _createClass$2(Constructor, protoProps, staticProps) {
-  if (protoProps) _defineProperties$2(Constructor.prototype, protoProps);
-  if (staticProps) _defineProperties$2(Constructor, staticProps);
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
   return Constructor;
 }
 
-function _assertThisInitialized$3(self) {
+function _assertThisInitialized$1(self) {
   if (self === void 0) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   }
@@ -531,31 +532,31 @@ function _assertThisInitialized$3(self) {
   return self;
 }
 
-function _possibleConstructorReturn$2(self, call) {
-  if (call && (_typeof$3(call) === "object" || typeof call === "function")) {
+function _possibleConstructorReturn(self, call) {
+  if (call && (_typeof$1(call) === "object" || typeof call === "function")) {
     return call;
   }
 
-  return _assertThisInitialized$3(self);
+  return _assertThisInitialized$1(self);
 }
 
-function _getPrototypeOf$2(o) {
-  _getPrototypeOf$2 = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+function _getPrototypeOf(o) {
+  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
     return o.__proto__ || Object.getPrototypeOf(o);
   };
-  return _getPrototypeOf$2(o);
+  return _getPrototypeOf(o);
 }
 
-function _setPrototypeOf$3(o, p) {
-  _setPrototypeOf$3 = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+function _setPrototypeOf$1(o, p) {
+  _setPrototypeOf$1 = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
     o.__proto__ = p;
     return o;
   };
 
-  return _setPrototypeOf$3(o, p);
+  return _setPrototypeOf$1(o, p);
 }
 
-function _inherits$2(subClass, superClass) {
+function _inherits(subClass, superClass) {
   if (typeof superClass !== "function" && superClass !== null) {
     throw new TypeError("Super expression must either be null or a function");
   }
@@ -567,7 +568,7 @@ function _inherits$2(subClass, superClass) {
       configurable: true
     }
   });
-  if (superClass) _setPrototypeOf$3(subClass, superClass);
+  if (superClass) _setPrototypeOf$1(subClass, superClass);
 }
 
 var consoleLogger = {
@@ -590,12 +591,12 @@ var Logger = function () {
   function Logger(concreteLogger) {
     var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
 
-    _classCallCheck$2(this, Logger);
+    _classCallCheck(this, Logger);
 
     this.init(concreteLogger, options);
   }
 
-  _createClass$2(Logger, [{
+  _createClass(Logger, [{
     key: "init",
     value: function init(concreteLogger) {
       var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -668,12 +669,12 @@ var baseLogger = new Logger();
 
 var EventEmitter = function () {
   function EventEmitter() {
-    _classCallCheck$2(this, EventEmitter);
+    _classCallCheck(this, EventEmitter);
 
     this.observers = {};
   }
 
-  _createClass$2(EventEmitter, [{
+  _createClass(EventEmitter, [{
     key: "on",
     value: function on(events, listener) {
       var _this = this;
@@ -850,7 +851,7 @@ function escape(data) {
 var isIE10$1 = typeof window !== 'undefined' && window.navigator && window.navigator.userAgent && window.navigator.userAgent.indexOf('MSIE') > -1;
 
 var ResourceStore = function (_EventEmitter) {
-  _inherits$2(ResourceStore, _EventEmitter);
+  _inherits(ResourceStore, _EventEmitter);
 
   function ResourceStore(data) {
     var _this;
@@ -860,12 +861,12 @@ var ResourceStore = function (_EventEmitter) {
       defaultNS: 'translation'
     };
 
-    _classCallCheck$2(this, ResourceStore);
+    _classCallCheck(this, ResourceStore);
 
-    _this = _possibleConstructorReturn$2(this, _getPrototypeOf$2(ResourceStore).call(this));
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(ResourceStore).call(this));
 
     if (isIE10$1) {
-      EventEmitter.call(_assertThisInitialized$3(_this));
+      EventEmitter.call(_assertThisInitialized$1(_this));
     }
 
     _this.data = data || {};
@@ -878,7 +879,7 @@ var ResourceStore = function (_EventEmitter) {
     return _this;
   }
 
-  _createClass$2(ResourceStore, [{
+  _createClass(ResourceStore, [{
     key: "addNamespaces",
     value: function addNamespaces(ns) {
       if (this.options.ns.indexOf(ns) < 0) {
@@ -1027,22 +1028,22 @@ var postProcessor = {
 var checkedLoadedFor = {};
 
 var Translator = function (_EventEmitter) {
-  _inherits$2(Translator, _EventEmitter);
+  _inherits(Translator, _EventEmitter);
 
   function Translator(services) {
     var _this;
 
     var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
 
-    _classCallCheck$2(this, Translator);
+    _classCallCheck(this, Translator);
 
-    _this = _possibleConstructorReturn$2(this, _getPrototypeOf$2(Translator).call(this));
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(Translator).call(this));
 
     if (isIE10$1) {
-      EventEmitter.call(_assertThisInitialized$3(_this));
+      EventEmitter.call(_assertThisInitialized$1(_this));
     }
 
-    copy(['resourceStore', 'languageUtils', 'pluralResolver', 'interpolator', 'backendConnector', 'i18nFormat', 'utils'], services, _assertThisInitialized$3(_this));
+    copy(['resourceStore', 'languageUtils', 'pluralResolver', 'interpolator', 'backendConnector', 'i18nFormat', 'utils'], services, _assertThisInitialized$1(_this));
     _this.options = options;
 
     if (_this.options.keySeparator === undefined) {
@@ -1053,7 +1054,7 @@ var Translator = function (_EventEmitter) {
     return _this;
   }
 
-  _createClass$2(Translator, [{
+  _createClass(Translator, [{
     key: "changeLanguage",
     value: function changeLanguage(lng) {
       if (lng) this.language = lng;
@@ -1101,7 +1102,7 @@ var Translator = function (_EventEmitter) {
     value: function translate(keys, options, lastKey) {
       var _this2 = this;
 
-      if (_typeof$2(options) !== 'object' && this.options.overloadTranslationOptionHandler) {
+      if (_typeof(options) !== 'object' && this.options.overloadTranslationOptionHandler) {
         options = this.options.overloadTranslationOptionHandler(arguments);
       }
 
@@ -1400,7 +1401,7 @@ function capitalize(string) {
 
 var LanguageUtil = function () {
   function LanguageUtil(options) {
-    _classCallCheck$2(this, LanguageUtil);
+    _classCallCheck(this, LanguageUtil);
 
     this.options = options;
     this.whitelist = this.options.supportedLngs || false;
@@ -1408,7 +1409,7 @@ var LanguageUtil = function () {
     this.logger = baseLogger.create('languageUtils');
   }
 
-  _createClass$2(LanguageUtil, [{
+  _createClass(LanguageUtil, [{
     key: "getScriptPartFromCode",
     value: function getScriptPartFromCode(code) {
       if (!code || code.indexOf('-') < 0) return null;
@@ -1729,7 +1730,7 @@ var PluralResolver = function () {
   function PluralResolver(languageUtils) {
     var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
 
-    _classCallCheck$2(this, PluralResolver);
+    _classCallCheck(this, PluralResolver);
 
     this.languageUtils = languageUtils;
     this.options = options;
@@ -1737,7 +1738,7 @@ var PluralResolver = function () {
     this.rules = createRules();
   }
 
-  _createClass$2(PluralResolver, [{
+  _createClass(PluralResolver, [{
     key: "addRule",
     value: function addRule(lng, obj) {
       this.rules[lng] = obj;
@@ -1823,7 +1824,7 @@ var Interpolator = function () {
   function Interpolator() {
     var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
-    _classCallCheck$2(this, Interpolator);
+    _classCallCheck(this, Interpolator);
 
     this.logger = baseLogger.create('interpolator');
     this.options = options;
@@ -1835,7 +1836,7 @@ var Interpolator = function () {
     this.init(options);
   }
 
-  _createClass$2(Interpolator, [{
+  _createClass(Interpolator, [{
     key: "init",
     value: function init() {
       var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -2030,19 +2031,19 @@ function remove(arr, what) {
 }
 
 var Connector = function (_EventEmitter) {
-  _inherits$2(Connector, _EventEmitter);
+  _inherits(Connector, _EventEmitter);
 
   function Connector(backend, store, services) {
     var _this;
 
     var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
 
-    _classCallCheck$2(this, Connector);
+    _classCallCheck(this, Connector);
 
-    _this = _possibleConstructorReturn$2(this, _getPrototypeOf$2(Connector).call(this));
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(Connector).call(this));
 
     if (isIE10$1) {
-      EventEmitter.call(_assertThisInitialized$3(_this));
+      EventEmitter.call(_assertThisInitialized$1(_this));
     }
 
     _this.backend = backend;
@@ -2061,7 +2062,7 @@ var Connector = function (_EventEmitter) {
     return _this;
   }
 
-  _createClass$2(Connector, [{
+  _createClass(Connector, [{
     key: "queueLoad",
     value: function queueLoad(languages, namespaces, options, callback) {
       var _this2 = this;
@@ -2287,11 +2288,11 @@ function get$2() {
     appendNamespaceToCIMode: false,
     overloadTranslationOptionHandler: function handle(args) {
       var ret = {};
-      if (_typeof$2(args[1]) === 'object') ret = args[1];
+      if (_typeof(args[1]) === 'object') ret = args[1];
       if (typeof args[1] === 'string') ret.defaultValue = args[1];
       if (typeof args[2] === 'string') ret.tDescription = args[2];
 
-      if (_typeof$2(args[2]) === 'object' || _typeof$2(args[3]) === 'object') {
+      if (_typeof(args[2]) === 'object' || _typeof(args[3]) === 'object') {
         var options = args[3] || args[2];
         Object.keys(options).forEach(function (key) {
           ret[key] = options[key];
@@ -2344,7 +2345,7 @@ function transformOptions(options) {
 function noop$2() {}
 
 var I18n = function (_EventEmitter) {
-  _inherits$2(I18n, _EventEmitter);
+  _inherits(I18n, _EventEmitter);
 
   function I18n() {
     var _this;
@@ -2352,12 +2353,12 @@ var I18n = function (_EventEmitter) {
     var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var callback = arguments.length > 1 ? arguments[1] : undefined;
 
-    _classCallCheck$2(this, I18n);
+    _classCallCheck(this, I18n);
 
-    _this = _possibleConstructorReturn$2(this, _getPrototypeOf$2(I18n).call(this));
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(I18n).call(this));
 
     if (isIE10$1) {
-      EventEmitter.call(_assertThisInitialized$3(_this));
+      EventEmitter.call(_assertThisInitialized$1(_this));
     }
 
     _this.options = transformOptions(options);
@@ -2371,7 +2372,7 @@ var I18n = function (_EventEmitter) {
       if (!_this.options.initImmediate) {
         _this.init(options, callback);
 
-        return _possibleConstructorReturn$2(_this, _assertThisInitialized$3(_this));
+        return _possibleConstructorReturn(_this, _assertThisInitialized$1(_this));
       }
 
       setTimeout(function () {
@@ -2382,7 +2383,7 @@ var I18n = function (_EventEmitter) {
     return _this;
   }
 
-  _createClass$2(I18n, [{
+  _createClass(I18n, [{
     key: "init",
     value: function init() {
       var _this2 = this;
@@ -2679,7 +2680,7 @@ var I18n = function (_EventEmitter) {
       var fixedT = function fixedT(key, opts) {
         var options;
 
-        if (_typeof$2(opts) !== 'object') {
+        if (_typeof(opts) !== 'object') {
           for (var _len3 = arguments.length, rest = new Array(_len3 > 2 ? _len3 - 2 : 0), _key3 = 2; _key3 < _len3; _key3++) {
             rest[_key3 - 2] = arguments[_key3];
           }
@@ -3630,8 +3631,8 @@ function useVisualElementContext() {
     return useContext(MotionContext).visualElement;
 }
 
-var isBrowser$6 = typeof window !== "undefined";
-var useIsomorphicLayoutEffect$2 = isBrowser$6 ? useLayoutEffect : useEffect;
+var isBrowser$5 = typeof window !== "undefined";
+var useIsomorphicLayoutEffect$2 = isBrowser$5 ? useLayoutEffect : useEffect;
 
 function useSnapshotOnUnmount(visualElement) {
     var syncLayout = useContext(SharedLayoutContext);
@@ -5179,16 +5180,16 @@ var wrapHandler = function (handler, shouldFilterPrimaryPointer) {
         : listener;
 };
 
-var isBrowser$5 = typeof window !== "undefined";
+var isBrowser$4 = typeof window !== "undefined";
 // We check for event support via functions in case they've been mocked by a testing suite.
 var supportsPointerEvents = function () {
-    return isBrowser$5 && window.onpointerdown === null;
+    return isBrowser$4 && window.onpointerdown === null;
 };
 var supportsTouchEvents = function () {
-    return isBrowser$5 && window.ontouchstart === null;
+    return isBrowser$4 && window.ontouchstart === null;
 };
 var supportsMouseEvents = function () {
-    return isBrowser$5 && window.onmousedown === null;
+    return isBrowser$4 && window.onmousedown === null;
 };
 
 var mouseEventNames = {
@@ -11882,7 +11883,7 @@ var textOverflow = system({
   textOverflow: true
 });
 
-var addStyledProps = compose(border, shadow, color, cursor$1, layout, overflow, space, textOverflow, transform, transition, typography, visibility);
+var addStyledProps = compose(border, shadow, color, cursor$1, layout, overflow, space, textOverflow, transform, transition, typography, visibility, flexbox);
 
 var getAttrs = function getAttrs(inline) {
   return inline ? {
@@ -11980,7 +11981,7 @@ var WindowDimensions = /*#__PURE__*/function (_React$Component) {
       width: 0,
       height: 0
     };
-    _this.updateWindowDimensions = _this.updateWindowDimensions.bind(_assertThisInitialized$4(_this));
+    _this.updateWindowDimensions = _this.updateWindowDimensions.bind(_assertThisInitialized$2(_this));
     return _this;
   }
 
@@ -12027,7 +12028,7 @@ var DetectOutsideClick = /*#__PURE__*/function (_React$Component) {
     var _this;
 
     _this = _React$Component.call(this, props) || this;
-    _this.handleOutsideClick = _this.handleOutsideClick.bind(_assertThisInitialized$4(_this));
+    _this.handleOutsideClick = _this.handleOutsideClick.bind(_assertThisInitialized$2(_this));
     return _this;
   }
 
@@ -12304,7 +12305,7 @@ var ScrollIndicators = /*#__PURE__*/function (_React$Component) {
       scrollTop: 0
     };
     _this.menuRef = /*#__PURE__*/React__default.createRef();
-    _this.handleScroll = _this.handleScroll.bind(_assertThisInitialized$4(_this));
+    _this.handleScroll = _this.handleScroll.bind(_assertThisInitialized$2(_this));
     _this.offsetHeight = null;
     _this.scrollHeight = null;
     return _this;
@@ -12389,10 +12390,10 @@ var MenuState = /*#__PURE__*/function (_MenuStateInt) {
     _this.state = {
       isOpen: defaultOpen
     };
-    _this.handleKeyDown = _this.handleKeyDown.bind(_assertThisInitialized$4(_this));
-    _this.toggleMenu = _this.toggleMenu.bind(_assertThisInitialized$4(_this));
-    _this.openMenu = _this.openMenu.bind(_assertThisInitialized$4(_this));
-    _this.closeMenu = _this.closeMenu.bind(_assertThisInitialized$4(_this));
+    _this.handleKeyDown = _this.handleKeyDown.bind(_assertThisInitialized$2(_this));
+    _this.toggleMenu = _this.toggleMenu.bind(_assertThisInitialized$2(_this));
+    _this.openMenu = _this.openMenu.bind(_assertThisInitialized$2(_this));
+    _this.closeMenu = _this.closeMenu.bind(_assertThisInitialized$2(_this));
     return _this;
   }
 
@@ -12924,14 +12925,14 @@ function _extends$2() {
 function _inheritsLoose$1(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
   subClass.prototype.constructor = subClass;
-  _setPrototypeOf$3(subClass, superClass);
+  _setPrototypeOf$1(subClass, superClass);
 }
 
 function _isNativeFunction(fn) {
   return Function.toString.call(fn).indexOf("[native code]") !== -1;
 }
 
-function _isNativeReflectConstruct$8() {
+function _isNativeReflectConstruct$6() {
   if (typeof Reflect === "undefined" || !Reflect.construct) return false;
   if (Reflect.construct.sham) return false;
   if (typeof Proxy === "function") return true;
@@ -12945,7 +12946,7 @@ function _isNativeReflectConstruct$8() {
 }
 
 function _construct(Parent, args, Class) {
-  if (_isNativeReflectConstruct$8()) {
+  if (_isNativeReflectConstruct$6()) {
     _construct = Reflect.construct;
   } else {
     _construct = function _construct(Parent, args, Class) {
@@ -12953,7 +12954,7 @@ function _construct(Parent, args, Class) {
       a.push.apply(a, args);
       var Constructor = Function.bind.apply(Parent, a);
       var instance = new Constructor();
-      if (Class) _setPrototypeOf$3(instance, Class.prototype);
+      if (Class) _setPrototypeOf$1(instance, Class.prototype);
       return instance;
     };
   }
@@ -12978,7 +12979,7 @@ function _wrapNativeSuper(Class) {
     }
 
     function Wrapper() {
-      return _construct(Class, arguments, _getPrototypeOf$2(this).constructor);
+      return _construct(Class, arguments, _getPrototypeOf(this).constructor);
     }
 
     Wrapper.prototype = Object.create(Class.prototype, {
@@ -12989,7 +12990,7 @@ function _wrapNativeSuper(Class) {
         configurable: true
       }
     });
-    return _setPrototypeOf$3(Wrapper, Class);
+    return _setPrototypeOf$1(Wrapper, Class);
   };
 
   return _wrapNativeSuper(Class);
@@ -13123,7 +13124,7 @@ function (_Error) {
       _this = _Error.call(this, format$3.apply(void 0, [ERRORS[code]].concat(args))) || this;
     }
 
-    return _assertThisInitialized$3(_this);
+    return _assertThisInitialized$1(_this);
   }
 
   return PolishedError;
@@ -15540,7 +15541,7 @@ function orderModifiers(modifiers) {
   }, []);
 }
 
-function debounce$3(fn) {
+function debounce$2(fn) {
   var pending;
   return function () {
     if (!pending) {
@@ -15847,7 +15848,7 @@ function popperGenerator(generatorOptions) {
       },
       // Async and optimistically optimized update – it will not be executed if
       // not necessary (debounced to run at most once-per-tick)
-      update: debounce$3(function () {
+      update: debounce$2(function () {
         return new Promise(function (resolve) {
           instance.forceUpdate();
           resolve(state);
@@ -16686,6 +16687,10 @@ BrandingText.defaultProps = {
 };
 
 var sizes$1 = {
+  small: {
+    height: "24px",
+    width: "28px"
+  },
   medium: {
     height: "32px",
     width: "37px"
@@ -16967,12 +16972,12 @@ var DropdownMenuContainer = styled(Box).withConfig({
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-var isBrowser$4 = typeof window !== 'undefined' && typeof document !== 'undefined' && typeof navigator !== 'undefined';
+var isBrowser$3 = typeof window !== 'undefined' && typeof document !== 'undefined' && typeof navigator !== 'undefined';
 
 var timeoutDuration = function () {
   var longerTimeoutBrowsers = ['Edge', 'Trident', 'Firefox'];
   for (var i = 0; i < longerTimeoutBrowsers.length; i += 1) {
-    if (isBrowser$4 && navigator.userAgent.indexOf(longerTimeoutBrowsers[i]) >= 0) {
+    if (isBrowser$3 && navigator.userAgent.indexOf(longerTimeoutBrowsers[i]) >= 0) {
       return 1;
     }
   }
@@ -17006,7 +17011,7 @@ function taskDebounce(fn) {
   };
 }
 
-var supportsMicroTasks = isBrowser$4 && window.Promise;
+var supportsMicroTasks = isBrowser$3 && window.Promise;
 
 /**
 * Create a debounced version of a method, that's asynchronously deferred
@@ -17017,7 +17022,7 @@ var supportsMicroTasks = isBrowser$4 && window.Promise;
 * @argument {Function} fn
 * @returns {Function}
 */
-var debounce$2 = supportsMicroTasks ? microtaskDebounce : taskDebounce;
+var debounce$1 = supportsMicroTasks ? microtaskDebounce : taskDebounce;
 
 /**
  * Check if the given variable is a function
@@ -17026,7 +17031,7 @@ var debounce$2 = supportsMicroTasks ? microtaskDebounce : taskDebounce;
  * @argument {Any} functionToCheck - variable to check
  * @returns {Boolean} answer to: is a function?
  */
-function isFunction$1(functionToCheck) {
+function isFunction(functionToCheck) {
   var getType = {};
   return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
 }
@@ -17108,8 +17113,8 @@ function getReferenceNode(reference) {
   return reference && reference.referenceNode ? reference.referenceNode : reference;
 }
 
-var isIE11 = isBrowser$4 && !!(window.MSInputMethodContext && document.documentMode);
-var isIE10 = isBrowser$4 && /MSIE 10/.test(navigator.userAgent);
+var isIE11 = isBrowser$3 && !!(window.MSInputMethodContext && document.documentMode);
+var isIE10 = isBrowser$3 && /MSIE 10/.test(navigator.userAgent);
 
 /**
  * Determines if the browser is Internet Explorer
@@ -17287,7 +17292,7 @@ function includeScroll(rect, element) {
  * @return {number} borders - The borders size of the given axis
  */
 
-function getBordersSize$1(styles, axis) {
+function getBordersSize(styles, axis) {
   var sideA = axis === 'x' ? 'Left' : 'Top';
   var sideB = sideA === 'Left' ? 'Right' : 'Bottom';
 
@@ -17426,8 +17431,8 @@ function getBoundingClientRect(element) {
   // we make this check conditional for performance reasons
   if (horizScrollbar || vertScrollbar) {
     var styles = getStyleComputedProperty(element);
-    horizScrollbar -= getBordersSize$1(styles, 'x');
-    vertScrollbar -= getBordersSize$1(styles, 'y');
+    horizScrollbar -= getBordersSize(styles, 'x');
+    vertScrollbar -= getBordersSize(styles, 'y');
 
     result.width -= horizScrollbar;
     result.height -= vertScrollbar;
@@ -17835,7 +17840,7 @@ function runModifiers(modifiers, data, ends) {
       console.warn('`modifier.function` is deprecated, use `modifier.fn`!');
     }
     var fn = modifier['function'] || modifier.fn; // eslint-disable-line dot-notation
-    if (modifier.enabled && isFunction$1(fn)) {
+    if (modifier.enabled && isFunction(fn)) {
       // Add properties to offsets to make them a complete clientRect object
       // we do this before each modifier to make sure the previous one doesn't
       // mess with these values
@@ -18211,7 +18216,7 @@ function getRoundedOffsets(data, shouldRound) {
   };
 }
 
-var isFirefox = isBrowser$4 && /Firefox/i.test(navigator.userAgent);
+var isFirefox = isBrowser$3 && /Firefox/i.test(navigator.userAgent);
 
 /**
  * @function
@@ -19424,7 +19429,7 @@ var Popper$3 = function () {
     };
 
     // make update() debounced, so that it only runs at most once-per-tick
-    this.update = debounce$2(this.update.bind(this));
+    this.update = debounce$1(this.update.bind(this));
 
     // with {} we create a new object with the options inside it
     this.options = _extends$1({}, Popper.Defaults, options);
@@ -19462,7 +19467,7 @@ var Popper$3 = function () {
     // they could add new properties to their options configuration
     // BE AWARE: don't add options to `options.modifiers.name` but to `modifierOptions`!
     this.modifiers.forEach(function (modifierOptions) {
-      if (modifierOptions.enabled && isFunction$1(modifierOptions.onLoad)) {
+      if (modifierOptions.enabled && isFunction(modifierOptions.onLoad)) {
         modifierOptions.onLoad(_this.reference, _this.popper, _this.options, modifierOptions, _this.state);
       }
     });
@@ -19574,9 +19579,9 @@ function (_React$Component) {
 
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
 
-    _defineProperty$2(_assertThisInitialized$4(_this), "referenceNode", void 0);
+    _defineProperty$1(_assertThisInitialized$2(_this), "referenceNode", void 0);
 
-    _defineProperty$2(_assertThisInitialized$4(_this), "setReferenceNode", function (newReferenceNode) {
+    _defineProperty$1(_assertThisInitialized$2(_this), "setReferenceNode", function (newReferenceNode) {
       if (newReferenceNode && _this.referenceNode !== newReferenceNode) {
         _this.referenceNode = newReferenceNode;
 
@@ -19684,18 +19689,18 @@ function (_React$Component) {
 
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
 
-    _defineProperty$2(_assertThisInitialized$4(_this), "state", {
+    _defineProperty$1(_assertThisInitialized$2(_this), "state", {
       data: undefined,
       placement: undefined
     });
 
-    _defineProperty$2(_assertThisInitialized$4(_this), "popperInstance", void 0);
+    _defineProperty$1(_assertThisInitialized$2(_this), "popperInstance", void 0);
 
-    _defineProperty$2(_assertThisInitialized$4(_this), "popperNode", null);
+    _defineProperty$1(_assertThisInitialized$2(_this), "popperNode", null);
 
-    _defineProperty$2(_assertThisInitialized$4(_this), "arrowNode", null);
+    _defineProperty$1(_assertThisInitialized$2(_this), "arrowNode", null);
 
-    _defineProperty$2(_assertThisInitialized$4(_this), "setPopperNode", function (popperNode) {
+    _defineProperty$1(_assertThisInitialized$2(_this), "setPopperNode", function (popperNode) {
       if (!popperNode || _this.popperNode === popperNode) return;
       setRef$1(_this.props.innerRef, popperNode);
       _this.popperNode = popperNode;
@@ -19703,11 +19708,11 @@ function (_React$Component) {
       _this.updatePopperInstance();
     });
 
-    _defineProperty$2(_assertThisInitialized$4(_this), "setArrowNode", function (arrowNode) {
+    _defineProperty$1(_assertThisInitialized$2(_this), "setArrowNode", function (arrowNode) {
       _this.arrowNode = arrowNode;
     });
 
-    _defineProperty$2(_assertThisInitialized$4(_this), "updateStateModifier", {
+    _defineProperty$1(_assertThisInitialized$2(_this), "updateStateModifier", {
       enabled: true,
       order: 900,
       fn: function fn(data) {
@@ -19722,7 +19727,7 @@ function (_React$Component) {
       }
     });
 
-    _defineProperty$2(_assertThisInitialized$4(_this), "getOptions", function () {
+    _defineProperty$1(_assertThisInitialized$2(_this), "getOptions", function () {
       return {
         placement: _this.props.placement,
         eventsEnabled: _this.props.eventsEnabled,
@@ -19740,25 +19745,25 @@ function (_React$Component) {
       };
     });
 
-    _defineProperty$2(_assertThisInitialized$4(_this), "getPopperStyle", function () {
+    _defineProperty$1(_assertThisInitialized$2(_this), "getPopperStyle", function () {
       return !_this.popperNode || !_this.state.data ? initialStyle : _extends$4({
         position: _this.state.data.offsets.popper.position
       }, _this.state.data.styles);
     });
 
-    _defineProperty$2(_assertThisInitialized$4(_this), "getPopperPlacement", function () {
+    _defineProperty$1(_assertThisInitialized$2(_this), "getPopperPlacement", function () {
       return !_this.state.data ? undefined : _this.state.placement;
     });
 
-    _defineProperty$2(_assertThisInitialized$4(_this), "getArrowStyle", function () {
+    _defineProperty$1(_assertThisInitialized$2(_this), "getArrowStyle", function () {
       return !_this.arrowNode || !_this.state.data ? initialArrowStyle : _this.state.data.arrowStyles;
     });
 
-    _defineProperty$2(_assertThisInitialized$4(_this), "getOutOfBoundariesState", function () {
+    _defineProperty$1(_assertThisInitialized$2(_this), "getOutOfBoundariesState", function () {
       return _this.state.data ? _this.state.data.hide : undefined;
     });
 
-    _defineProperty$2(_assertThisInitialized$4(_this), "destroyPopperInstance", function () {
+    _defineProperty$1(_assertThisInitialized$2(_this), "destroyPopperInstance", function () {
       if (!_this.popperInstance) return;
 
       _this.popperInstance.destroy();
@@ -19766,10 +19771,10 @@ function (_React$Component) {
       _this.popperInstance = null;
     });
 
-    _defineProperty$2(_assertThisInitialized$4(_this), "updatePopperInstance", function () {
+    _defineProperty$1(_assertThisInitialized$2(_this), "updatePopperInstance", function () {
       _this.destroyPopperInstance();
 
-      var _assertThisInitialize = _assertThisInitialized$4(_this),
+      var _assertThisInitialize = _assertThisInitialized$2(_this),
           popperNode = _assertThisInitialize.popperNode;
 
       var referenceElement = _this.props.referenceElement;
@@ -19777,7 +19782,7 @@ function (_React$Component) {
       _this.popperInstance = new Popper$3(referenceElement, popperNode, _this.getOptions());
     });
 
-    _defineProperty$2(_assertThisInitialized$4(_this), "scheduleUpdate", function () {
+    _defineProperty$1(_assertThisInitialized$2(_this), "scheduleUpdate", function () {
       if (_this.popperInstance) {
         _this.popperInstance.scheduleUpdate();
       }
@@ -19836,7 +19841,7 @@ function (_React$Component) {
   return InnerPopper;
 }(React.Component);
 
-_defineProperty$2(InnerPopper, "defaultProps", {
+_defineProperty$1(InnerPopper, "defaultProps", {
   placement: 'bottom',
   eventsEnabled: true,
   referenceElement: undefined,
@@ -19867,7 +19872,7 @@ function (_React$Component) {
 
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
 
-    _defineProperty$2(_assertThisInitialized$4(_this), "refHandler", function (node) {
+    _defineProperty$1(_assertThisInitialized$2(_this), "refHandler", function (node) {
       setRef$1(_this.props.innerRef, node);
       safeInvoke$1(_this.props.setReferenceNode, node);
     });
@@ -20750,1841 +20755,6 @@ var Input$1 = /*#__PURE__*/forwardRef(function (_a, ref) {
   }));
 });
 
-/**
- * A collection of shims that provide minimal functionality of the ES6 collections.
- *
- * These implementations are not meant to be used outside of the ResizeObserver
- * modules as they cover only a limited range of use cases.
- */
-/* eslint-disable require-jsdoc, valid-jsdoc */
-var MapShim = (function () {
-    if (typeof Map !== 'undefined') {
-        return Map;
-    }
-    /**
-     * Returns index in provided array that matches the specified key.
-     *
-     * @param {Array<Array>} arr
-     * @param {*} key
-     * @returns {number}
-     */
-    function getIndex(arr, key) {
-        var result = -1;
-        arr.some(function (entry, index) {
-            if (entry[0] === key) {
-                result = index;
-                return true;
-            }
-            return false;
-        });
-        return result;
-    }
-    return /** @class */ (function () {
-        function class_1() {
-            this.__entries__ = [];
-        }
-        Object.defineProperty(class_1.prototype, "size", {
-            /**
-             * @returns {boolean}
-             */
-            get: function () {
-                return this.__entries__.length;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        /**
-         * @param {*} key
-         * @returns {*}
-         */
-        class_1.prototype.get = function (key) {
-            var index = getIndex(this.__entries__, key);
-            var entry = this.__entries__[index];
-            return entry && entry[1];
-        };
-        /**
-         * @param {*} key
-         * @param {*} value
-         * @returns {void}
-         */
-        class_1.prototype.set = function (key, value) {
-            var index = getIndex(this.__entries__, key);
-            if (~index) {
-                this.__entries__[index][1] = value;
-            }
-            else {
-                this.__entries__.push([key, value]);
-            }
-        };
-        /**
-         * @param {*} key
-         * @returns {void}
-         */
-        class_1.prototype.delete = function (key) {
-            var entries = this.__entries__;
-            var index = getIndex(entries, key);
-            if (~index) {
-                entries.splice(index, 1);
-            }
-        };
-        /**
-         * @param {*} key
-         * @returns {void}
-         */
-        class_1.prototype.has = function (key) {
-            return !!~getIndex(this.__entries__, key);
-        };
-        /**
-         * @returns {void}
-         */
-        class_1.prototype.clear = function () {
-            this.__entries__.splice(0);
-        };
-        /**
-         * @param {Function} callback
-         * @param {*} [ctx=null]
-         * @returns {void}
-         */
-        class_1.prototype.forEach = function (callback, ctx) {
-            if (ctx === void 0) { ctx = null; }
-            for (var _i = 0, _a = this.__entries__; _i < _a.length; _i++) {
-                var entry = _a[_i];
-                callback.call(ctx, entry[1], entry[0]);
-            }
-        };
-        return class_1;
-    }());
-})();
-
-/**
- * Detects whether window and document objects are available in current environment.
- */
-var isBrowser$3 = typeof window !== 'undefined' && typeof document !== 'undefined' && window.document === document;
-
-// Returns global object of a current environment.
-var global$1 = (function () {
-    if (typeof global !== 'undefined' && global.Math === Math) {
-        return global;
-    }
-    if (typeof self !== 'undefined' && self.Math === Math) {
-        return self;
-    }
-    if (typeof window !== 'undefined' && window.Math === Math) {
-        return window;
-    }
-    // eslint-disable-next-line no-new-func
-    return Function('return this')();
-})();
-
-/**
- * A shim for the requestAnimationFrame which falls back to the setTimeout if
- * first one is not supported.
- *
- * @returns {number} Requests' identifier.
- */
-var requestAnimationFrame$1 = (function () {
-    if (typeof requestAnimationFrame === 'function') {
-        // It's required to use a bounded function because IE sometimes throws
-        // an "Invalid calling object" error if rAF is invoked without the global
-        // object on the left hand side.
-        return requestAnimationFrame.bind(global$1);
-    }
-    return function (callback) { return setTimeout(function () { return callback(Date.now()); }, 1000 / 60); };
-})();
-
-// Defines minimum timeout before adding a trailing call.
-var trailingTimeout = 2;
-/**
- * Creates a wrapper function which ensures that provided callback will be
- * invoked only once during the specified delay period.
- *
- * @param {Function} callback - Function to be invoked after the delay period.
- * @param {number} delay - Delay after which to invoke callback.
- * @returns {Function}
- */
-function throttle$1 (callback, delay) {
-    var leadingCall = false, trailingCall = false, lastCallTime = 0;
-    /**
-     * Invokes the original callback function and schedules new invocation if
-     * the "proxy" was called during current request.
-     *
-     * @returns {void}
-     */
-    function resolvePending() {
-        if (leadingCall) {
-            leadingCall = false;
-            callback();
-        }
-        if (trailingCall) {
-            proxy();
-        }
-    }
-    /**
-     * Callback invoked after the specified delay. It will further postpone
-     * invocation of the original function delegating it to the
-     * requestAnimationFrame.
-     *
-     * @returns {void}
-     */
-    function timeoutCallback() {
-        requestAnimationFrame$1(resolvePending);
-    }
-    /**
-     * Schedules invocation of the original function.
-     *
-     * @returns {void}
-     */
-    function proxy() {
-        var timeStamp = Date.now();
-        if (leadingCall) {
-            // Reject immediately following calls.
-            if (timeStamp - lastCallTime < trailingTimeout) {
-                return;
-            }
-            // Schedule new call to be in invoked when the pending one is resolved.
-            // This is important for "transitions" which never actually start
-            // immediately so there is a chance that we might miss one if change
-            // happens amids the pending invocation.
-            trailingCall = true;
-        }
-        else {
-            leadingCall = true;
-            trailingCall = false;
-            setTimeout(timeoutCallback, delay);
-        }
-        lastCallTime = timeStamp;
-    }
-    return proxy;
-}
-
-// Minimum delay before invoking the update of observers.
-var REFRESH_DELAY = 20;
-// A list of substrings of CSS properties used to find transition events that
-// might affect dimensions of observed elements.
-var transitionKeys = ['top', 'right', 'bottom', 'left', 'width', 'height', 'size', 'weight'];
-// Check if MutationObserver is available.
-var mutationObserverSupported = typeof MutationObserver !== 'undefined';
-/**
- * Singleton controller class which handles updates of ResizeObserver instances.
- */
-var ResizeObserverController = /** @class */ (function () {
-    /**
-     * Creates a new instance of ResizeObserverController.
-     *
-     * @private
-     */
-    function ResizeObserverController() {
-        /**
-         * Indicates whether DOM listeners have been added.
-         *
-         * @private {boolean}
-         */
-        this.connected_ = false;
-        /**
-         * Tells that controller has subscribed for Mutation Events.
-         *
-         * @private {boolean}
-         */
-        this.mutationEventsAdded_ = false;
-        /**
-         * Keeps reference to the instance of MutationObserver.
-         *
-         * @private {MutationObserver}
-         */
-        this.mutationsObserver_ = null;
-        /**
-         * A list of connected observers.
-         *
-         * @private {Array<ResizeObserverSPI>}
-         */
-        this.observers_ = [];
-        this.onTransitionEnd_ = this.onTransitionEnd_.bind(this);
-        this.refresh = throttle$1(this.refresh.bind(this), REFRESH_DELAY);
-    }
-    /**
-     * Adds observer to observers list.
-     *
-     * @param {ResizeObserverSPI} observer - Observer to be added.
-     * @returns {void}
-     */
-    ResizeObserverController.prototype.addObserver = function (observer) {
-        if (!~this.observers_.indexOf(observer)) {
-            this.observers_.push(observer);
-        }
-        // Add listeners if they haven't been added yet.
-        if (!this.connected_) {
-            this.connect_();
-        }
-    };
-    /**
-     * Removes observer from observers list.
-     *
-     * @param {ResizeObserverSPI} observer - Observer to be removed.
-     * @returns {void}
-     */
-    ResizeObserverController.prototype.removeObserver = function (observer) {
-        var observers = this.observers_;
-        var index = observers.indexOf(observer);
-        // Remove observer if it's present in registry.
-        if (~index) {
-            observers.splice(index, 1);
-        }
-        // Remove listeners if controller has no connected observers.
-        if (!observers.length && this.connected_) {
-            this.disconnect_();
-        }
-    };
-    /**
-     * Invokes the update of observers. It will continue running updates insofar
-     * it detects changes.
-     *
-     * @returns {void}
-     */
-    ResizeObserverController.prototype.refresh = function () {
-        var changesDetected = this.updateObservers_();
-        // Continue running updates if changes have been detected as there might
-        // be future ones caused by CSS transitions.
-        if (changesDetected) {
-            this.refresh();
-        }
-    };
-    /**
-     * Updates every observer from observers list and notifies them of queued
-     * entries.
-     *
-     * @private
-     * @returns {boolean} Returns "true" if any observer has detected changes in
-     *      dimensions of it's elements.
-     */
-    ResizeObserverController.prototype.updateObservers_ = function () {
-        // Collect observers that have active observations.
-        var activeObservers = this.observers_.filter(function (observer) {
-            return observer.gatherActive(), observer.hasActive();
-        });
-        // Deliver notifications in a separate cycle in order to avoid any
-        // collisions between observers, e.g. when multiple instances of
-        // ResizeObserver are tracking the same element and the callback of one
-        // of them changes content dimensions of the observed target. Sometimes
-        // this may result in notifications being blocked for the rest of observers.
-        activeObservers.forEach(function (observer) { return observer.broadcastActive(); });
-        return activeObservers.length > 0;
-    };
-    /**
-     * Initializes DOM listeners.
-     *
-     * @private
-     * @returns {void}
-     */
-    ResizeObserverController.prototype.connect_ = function () {
-        // Do nothing if running in a non-browser environment or if listeners
-        // have been already added.
-        if (!isBrowser$3 || this.connected_) {
-            return;
-        }
-        // Subscription to the "Transitionend" event is used as a workaround for
-        // delayed transitions. This way it's possible to capture at least the
-        // final state of an element.
-        document.addEventListener('transitionend', this.onTransitionEnd_);
-        window.addEventListener('resize', this.refresh);
-        if (mutationObserverSupported) {
-            this.mutationsObserver_ = new MutationObserver(this.refresh);
-            this.mutationsObserver_.observe(document, {
-                attributes: true,
-                childList: true,
-                characterData: true,
-                subtree: true
-            });
-        }
-        else {
-            document.addEventListener('DOMSubtreeModified', this.refresh);
-            this.mutationEventsAdded_ = true;
-        }
-        this.connected_ = true;
-    };
-    /**
-     * Removes DOM listeners.
-     *
-     * @private
-     * @returns {void}
-     */
-    ResizeObserverController.prototype.disconnect_ = function () {
-        // Do nothing if running in a non-browser environment or if listeners
-        // have been already removed.
-        if (!isBrowser$3 || !this.connected_) {
-            return;
-        }
-        document.removeEventListener('transitionend', this.onTransitionEnd_);
-        window.removeEventListener('resize', this.refresh);
-        if (this.mutationsObserver_) {
-            this.mutationsObserver_.disconnect();
-        }
-        if (this.mutationEventsAdded_) {
-            document.removeEventListener('DOMSubtreeModified', this.refresh);
-        }
-        this.mutationsObserver_ = null;
-        this.mutationEventsAdded_ = false;
-        this.connected_ = false;
-    };
-    /**
-     * "Transitionend" event handler.
-     *
-     * @private
-     * @param {TransitionEvent} event
-     * @returns {void}
-     */
-    ResizeObserverController.prototype.onTransitionEnd_ = function (_a) {
-        var _b = _a.propertyName, propertyName = _b === void 0 ? '' : _b;
-        // Detect whether transition may affect dimensions of an element.
-        var isReflowProperty = transitionKeys.some(function (key) {
-            return !!~propertyName.indexOf(key);
-        });
-        if (isReflowProperty) {
-            this.refresh();
-        }
-    };
-    /**
-     * Returns instance of the ResizeObserverController.
-     *
-     * @returns {ResizeObserverController}
-     */
-    ResizeObserverController.getInstance = function () {
-        if (!this.instance_) {
-            this.instance_ = new ResizeObserverController();
-        }
-        return this.instance_;
-    };
-    /**
-     * Holds reference to the controller's instance.
-     *
-     * @private {ResizeObserverController}
-     */
-    ResizeObserverController.instance_ = null;
-    return ResizeObserverController;
-}());
-
-/**
- * Defines non-writable/enumerable properties of the provided target object.
- *
- * @param {Object} target - Object for which to define properties.
- * @param {Object} props - Properties to be defined.
- * @returns {Object} Target object.
- */
-var defineConfigurable = (function (target, props) {
-    for (var _i = 0, _a = Object.keys(props); _i < _a.length; _i++) {
-        var key = _a[_i];
-        Object.defineProperty(target, key, {
-            value: props[key],
-            enumerable: false,
-            writable: false,
-            configurable: true
-        });
-    }
-    return target;
-});
-
-/**
- * Returns the global object associated with provided element.
- *
- * @param {Object} target
- * @returns {Object}
- */
-var getWindowOf = (function (target) {
-    // Assume that the element is an instance of Node, which means that it
-    // has the "ownerDocument" property from which we can retrieve a
-    // corresponding global object.
-    var ownerGlobal = target && target.ownerDocument && target.ownerDocument.defaultView;
-    // Return the local global object if it's not possible extract one from
-    // provided element.
-    return ownerGlobal || global$1;
-});
-
-// Placeholder of an empty content rectangle.
-var emptyRect = createRectInit(0, 0, 0, 0);
-/**
- * Converts provided string to a number.
- *
- * @param {number|string} value
- * @returns {number}
- */
-function toFloat(value) {
-    return parseFloat(value) || 0;
-}
-/**
- * Extracts borders size from provided styles.
- *
- * @param {CSSStyleDeclaration} styles
- * @param {...string} positions - Borders positions (top, right, ...)
- * @returns {number}
- */
-function getBordersSize(styles) {
-    var positions = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        positions[_i - 1] = arguments[_i];
-    }
-    return positions.reduce(function (size, position) {
-        var value = styles['border-' + position + '-width'];
-        return size + toFloat(value);
-    }, 0);
-}
-/**
- * Extracts paddings sizes from provided styles.
- *
- * @param {CSSStyleDeclaration} styles
- * @returns {Object} Paddings box.
- */
-function getPaddings(styles) {
-    var positions = ['top', 'right', 'bottom', 'left'];
-    var paddings = {};
-    for (var _i = 0, positions_1 = positions; _i < positions_1.length; _i++) {
-        var position = positions_1[_i];
-        var value = styles['padding-' + position];
-        paddings[position] = toFloat(value);
-    }
-    return paddings;
-}
-/**
- * Calculates content rectangle of provided SVG element.
- *
- * @param {SVGGraphicsElement} target - Element content rectangle of which needs
- *      to be calculated.
- * @returns {DOMRectInit}
- */
-function getSVGContentRect(target) {
-    var bbox = target.getBBox();
-    return createRectInit(0, 0, bbox.width, bbox.height);
-}
-/**
- * Calculates content rectangle of provided HTMLElement.
- *
- * @param {HTMLElement} target - Element for which to calculate the content rectangle.
- * @returns {DOMRectInit}
- */
-function getHTMLElementContentRect(target) {
-    // Client width & height properties can't be
-    // used exclusively as they provide rounded values.
-    var clientWidth = target.clientWidth, clientHeight = target.clientHeight;
-    // By this condition we can catch all non-replaced inline, hidden and
-    // detached elements. Though elements with width & height properties less
-    // than 0.5 will be discarded as well.
-    //
-    // Without it we would need to implement separate methods for each of
-    // those cases and it's not possible to perform a precise and performance
-    // effective test for hidden elements. E.g. even jQuery's ':visible' filter
-    // gives wrong results for elements with width & height less than 0.5.
-    if (!clientWidth && !clientHeight) {
-        return emptyRect;
-    }
-    var styles = getWindowOf(target).getComputedStyle(target);
-    var paddings = getPaddings(styles);
-    var horizPad = paddings.left + paddings.right;
-    var vertPad = paddings.top + paddings.bottom;
-    // Computed styles of width & height are being used because they are the
-    // only dimensions available to JS that contain non-rounded values. It could
-    // be possible to utilize the getBoundingClientRect if only it's data wasn't
-    // affected by CSS transformations let alone paddings, borders and scroll bars.
-    var width = toFloat(styles.width), height = toFloat(styles.height);
-    // Width & height include paddings and borders when the 'border-box' box
-    // model is applied (except for IE).
-    if (styles.boxSizing === 'border-box') {
-        // Following conditions are required to handle Internet Explorer which
-        // doesn't include paddings and borders to computed CSS dimensions.
-        //
-        // We can say that if CSS dimensions + paddings are equal to the "client"
-        // properties then it's either IE, and thus we don't need to subtract
-        // anything, or an element merely doesn't have paddings/borders styles.
-        if (Math.round(width + horizPad) !== clientWidth) {
-            width -= getBordersSize(styles, 'left', 'right') + horizPad;
-        }
-        if (Math.round(height + vertPad) !== clientHeight) {
-            height -= getBordersSize(styles, 'top', 'bottom') + vertPad;
-        }
-    }
-    // Following steps can't be applied to the document's root element as its
-    // client[Width/Height] properties represent viewport area of the window.
-    // Besides, it's as well not necessary as the <html> itself neither has
-    // rendered scroll bars nor it can be clipped.
-    if (!isDocumentElement$1(target)) {
-        // In some browsers (only in Firefox, actually) CSS width & height
-        // include scroll bars size which can be removed at this step as scroll
-        // bars are the only difference between rounded dimensions + paddings
-        // and "client" properties, though that is not always true in Chrome.
-        var vertScrollbar = Math.round(width + horizPad) - clientWidth;
-        var horizScrollbar = Math.round(height + vertPad) - clientHeight;
-        // Chrome has a rather weird rounding of "client" properties.
-        // E.g. for an element with content width of 314.2px it sometimes gives
-        // the client width of 315px and for the width of 314.7px it may give
-        // 314px. And it doesn't happen all the time. So just ignore this delta
-        // as a non-relevant.
-        if (Math.abs(vertScrollbar) !== 1) {
-            width -= vertScrollbar;
-        }
-        if (Math.abs(horizScrollbar) !== 1) {
-            height -= horizScrollbar;
-        }
-    }
-    return createRectInit(paddings.left, paddings.top, width, height);
-}
-/**
- * Checks whether provided element is an instance of the SVGGraphicsElement.
- *
- * @param {Element} target - Element to be checked.
- * @returns {boolean}
- */
-var isSVGGraphicsElement = (function () {
-    // Some browsers, namely IE and Edge, don't have the SVGGraphicsElement
-    // interface.
-    if (typeof SVGGraphicsElement !== 'undefined') {
-        return function (target) { return target instanceof getWindowOf(target).SVGGraphicsElement; };
-    }
-    // If it's so, then check that element is at least an instance of the
-    // SVGElement and that it has the "getBBox" method.
-    // eslint-disable-next-line no-extra-parens
-    return function (target) { return (target instanceof getWindowOf(target).SVGElement &&
-        typeof target.getBBox === 'function'); };
-})();
-/**
- * Checks whether provided element is a document element (<html>).
- *
- * @param {Element} target - Element to be checked.
- * @returns {boolean}
- */
-function isDocumentElement$1(target) {
-    return target === getWindowOf(target).document.documentElement;
-}
-/**
- * Calculates an appropriate content rectangle for provided html or svg element.
- *
- * @param {Element} target - Element content rectangle of which needs to be calculated.
- * @returns {DOMRectInit}
- */
-function getContentRect(target) {
-    if (!isBrowser$3) {
-        return emptyRect;
-    }
-    if (isSVGGraphicsElement(target)) {
-        return getSVGContentRect(target);
-    }
-    return getHTMLElementContentRect(target);
-}
-/**
- * Creates rectangle with an interface of the DOMRectReadOnly.
- * Spec: https://drafts.fxtf.org/geometry/#domrectreadonly
- *
- * @param {DOMRectInit} rectInit - Object with rectangle's x/y coordinates and dimensions.
- * @returns {DOMRectReadOnly}
- */
-function createReadOnlyRect(_a) {
-    var x = _a.x, y = _a.y, width = _a.width, height = _a.height;
-    // If DOMRectReadOnly is available use it as a prototype for the rectangle.
-    var Constr = typeof DOMRectReadOnly !== 'undefined' ? DOMRectReadOnly : Object;
-    var rect = Object.create(Constr.prototype);
-    // Rectangle's properties are not writable and non-enumerable.
-    defineConfigurable(rect, {
-        x: x, y: y, width: width, height: height,
-        top: y,
-        right: x + width,
-        bottom: height + y,
-        left: x
-    });
-    return rect;
-}
-/**
- * Creates DOMRectInit object based on the provided dimensions and the x/y coordinates.
- * Spec: https://drafts.fxtf.org/geometry/#dictdef-domrectinit
- *
- * @param {number} x - X coordinate.
- * @param {number} y - Y coordinate.
- * @param {number} width - Rectangle's width.
- * @param {number} height - Rectangle's height.
- * @returns {DOMRectInit}
- */
-function createRectInit(x, y, width, height) {
-    return { x: x, y: y, width: width, height: height };
-}
-
-/**
- * Class that is responsible for computations of the content rectangle of
- * provided DOM element and for keeping track of it's changes.
- */
-var ResizeObservation = /** @class */ (function () {
-    /**
-     * Creates an instance of ResizeObservation.
-     *
-     * @param {Element} target - Element to be observed.
-     */
-    function ResizeObservation(target) {
-        /**
-         * Broadcasted width of content rectangle.
-         *
-         * @type {number}
-         */
-        this.broadcastWidth = 0;
-        /**
-         * Broadcasted height of content rectangle.
-         *
-         * @type {number}
-         */
-        this.broadcastHeight = 0;
-        /**
-         * Reference to the last observed content rectangle.
-         *
-         * @private {DOMRectInit}
-         */
-        this.contentRect_ = createRectInit(0, 0, 0, 0);
-        this.target = target;
-    }
-    /**
-     * Updates content rectangle and tells whether it's width or height properties
-     * have changed since the last broadcast.
-     *
-     * @returns {boolean}
-     */
-    ResizeObservation.prototype.isActive = function () {
-        var rect = getContentRect(this.target);
-        this.contentRect_ = rect;
-        return (rect.width !== this.broadcastWidth ||
-            rect.height !== this.broadcastHeight);
-    };
-    /**
-     * Updates 'broadcastWidth' and 'broadcastHeight' properties with a data
-     * from the corresponding properties of the last observed content rectangle.
-     *
-     * @returns {DOMRectInit} Last observed content rectangle.
-     */
-    ResizeObservation.prototype.broadcastRect = function () {
-        var rect = this.contentRect_;
-        this.broadcastWidth = rect.width;
-        this.broadcastHeight = rect.height;
-        return rect;
-    };
-    return ResizeObservation;
-}());
-
-var ResizeObserverEntry = /** @class */ (function () {
-    /**
-     * Creates an instance of ResizeObserverEntry.
-     *
-     * @param {Element} target - Element that is being observed.
-     * @param {DOMRectInit} rectInit - Data of the element's content rectangle.
-     */
-    function ResizeObserverEntry(target, rectInit) {
-        var contentRect = createReadOnlyRect(rectInit);
-        // According to the specification following properties are not writable
-        // and are also not enumerable in the native implementation.
-        //
-        // Property accessors are not being used as they'd require to define a
-        // private WeakMap storage which may cause memory leaks in browsers that
-        // don't support this type of collections.
-        defineConfigurable(this, { target: target, contentRect: contentRect });
-    }
-    return ResizeObserverEntry;
-}());
-
-var ResizeObserverSPI = /** @class */ (function () {
-    /**
-     * Creates a new instance of ResizeObserver.
-     *
-     * @param {ResizeObserverCallback} callback - Callback function that is invoked
-     *      when one of the observed elements changes it's content dimensions.
-     * @param {ResizeObserverController} controller - Controller instance which
-     *      is responsible for the updates of observer.
-     * @param {ResizeObserver} callbackCtx - Reference to the public
-     *      ResizeObserver instance which will be passed to callback function.
-     */
-    function ResizeObserverSPI(callback, controller, callbackCtx) {
-        /**
-         * Collection of resize observations that have detected changes in dimensions
-         * of elements.
-         *
-         * @private {Array<ResizeObservation>}
-         */
-        this.activeObservations_ = [];
-        /**
-         * Registry of the ResizeObservation instances.
-         *
-         * @private {Map<Element, ResizeObservation>}
-         */
-        this.observations_ = new MapShim();
-        if (typeof callback !== 'function') {
-            throw new TypeError('The callback provided as parameter 1 is not a function.');
-        }
-        this.callback_ = callback;
-        this.controller_ = controller;
-        this.callbackCtx_ = callbackCtx;
-    }
-    /**
-     * Starts observing provided element.
-     *
-     * @param {Element} target - Element to be observed.
-     * @returns {void}
-     */
-    ResizeObserverSPI.prototype.observe = function (target) {
-        if (!arguments.length) {
-            throw new TypeError('1 argument required, but only 0 present.');
-        }
-        // Do nothing if current environment doesn't have the Element interface.
-        if (typeof Element === 'undefined' || !(Element instanceof Object)) {
-            return;
-        }
-        if (!(target instanceof getWindowOf(target).Element)) {
-            throw new TypeError('parameter 1 is not of type "Element".');
-        }
-        var observations = this.observations_;
-        // Do nothing if element is already being observed.
-        if (observations.has(target)) {
-            return;
-        }
-        observations.set(target, new ResizeObservation(target));
-        this.controller_.addObserver(this);
-        // Force the update of observations.
-        this.controller_.refresh();
-    };
-    /**
-     * Stops observing provided element.
-     *
-     * @param {Element} target - Element to stop observing.
-     * @returns {void}
-     */
-    ResizeObserverSPI.prototype.unobserve = function (target) {
-        if (!arguments.length) {
-            throw new TypeError('1 argument required, but only 0 present.');
-        }
-        // Do nothing if current environment doesn't have the Element interface.
-        if (typeof Element === 'undefined' || !(Element instanceof Object)) {
-            return;
-        }
-        if (!(target instanceof getWindowOf(target).Element)) {
-            throw new TypeError('parameter 1 is not of type "Element".');
-        }
-        var observations = this.observations_;
-        // Do nothing if element is not being observed.
-        if (!observations.has(target)) {
-            return;
-        }
-        observations.delete(target);
-        if (!observations.size) {
-            this.controller_.removeObserver(this);
-        }
-    };
-    /**
-     * Stops observing all elements.
-     *
-     * @returns {void}
-     */
-    ResizeObserverSPI.prototype.disconnect = function () {
-        this.clearActive();
-        this.observations_.clear();
-        this.controller_.removeObserver(this);
-    };
-    /**
-     * Collects observation instances the associated element of which has changed
-     * it's content rectangle.
-     *
-     * @returns {void}
-     */
-    ResizeObserverSPI.prototype.gatherActive = function () {
-        var _this = this;
-        this.clearActive();
-        this.observations_.forEach(function (observation) {
-            if (observation.isActive()) {
-                _this.activeObservations_.push(observation);
-            }
-        });
-    };
-    /**
-     * Invokes initial callback function with a list of ResizeObserverEntry
-     * instances collected from active resize observations.
-     *
-     * @returns {void}
-     */
-    ResizeObserverSPI.prototype.broadcastActive = function () {
-        // Do nothing if observer doesn't have active observations.
-        if (!this.hasActive()) {
-            return;
-        }
-        var ctx = this.callbackCtx_;
-        // Create ResizeObserverEntry instance for every active observation.
-        var entries = this.activeObservations_.map(function (observation) {
-            return new ResizeObserverEntry(observation.target, observation.broadcastRect());
-        });
-        this.callback_.call(ctx, entries, ctx);
-        this.clearActive();
-    };
-    /**
-     * Clears the collection of active observations.
-     *
-     * @returns {void}
-     */
-    ResizeObserverSPI.prototype.clearActive = function () {
-        this.activeObservations_.splice(0);
-    };
-    /**
-     * Tells whether observer has active observations.
-     *
-     * @returns {boolean}
-     */
-    ResizeObserverSPI.prototype.hasActive = function () {
-        return this.activeObservations_.length > 0;
-    };
-    return ResizeObserverSPI;
-}());
-
-// Registry of internal observers. If WeakMap is not available use current shim
-// for the Map collection as it has all required methods and because WeakMap
-// can't be fully polyfilled anyway.
-var observers = typeof WeakMap !== 'undefined' ? new WeakMap() : new MapShim();
-/**
- * ResizeObserver API. Encapsulates the ResizeObserver SPI implementation
- * exposing only those methods and properties that are defined in the spec.
- */
-var ResizeObserver = /** @class */ (function () {
-    /**
-     * Creates a new instance of ResizeObserver.
-     *
-     * @param {ResizeObserverCallback} callback - Callback that is invoked when
-     *      dimensions of the observed elements change.
-     */
-    function ResizeObserver(callback) {
-        if (!(this instanceof ResizeObserver)) {
-            throw new TypeError('Cannot call a class as a function.');
-        }
-        if (!arguments.length) {
-            throw new TypeError('1 argument required, but only 0 present.');
-        }
-        var controller = ResizeObserverController.getInstance();
-        var observer = new ResizeObserverSPI(callback, controller, this);
-        observers.set(this, observer);
-    }
-    return ResizeObserver;
-}());
-// Expose public methods of ResizeObserver.
-[
-    'observe',
-    'unobserve',
-    'disconnect'
-].forEach(function (method) {
-    ResizeObserver.prototype[method] = function () {
-        var _a;
-        return (_a = observers.get(this))[method].apply(_a, arguments);
-    };
-});
-
-var index = (function () {
-    // Export existing implementation if available.
-    if (typeof global$1.ResizeObserver !== 'undefined') {
-        return global$1.ResizeObserver;
-    }
-    return ResizeObserver;
-})();
-
-var rafSchd = function rafSchd(fn) {
-  var lastArgs = [];
-  var frameId = null;
-
-  var wrapperFn = function wrapperFn() {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    lastArgs = args;
-
-    if (frameId) {
-      return;
-    }
-
-    frameId = requestAnimationFrame(function () {
-      frameId = null;
-      fn.apply(void 0, lastArgs);
-    });
-  };
-
-  wrapperFn.cancel = function () {
-    if (!frameId) {
-      return;
-    }
-
-    cancelAnimationFrame(frameId);
-    frameId = null;
-  };
-
-  return wrapperFn;
-};
-
-/**
- * Checks if `value` is the
- * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
- * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is an object, else `false`.
- * @example
- *
- * _.isObject({});
- * // => true
- *
- * _.isObject([1, 2, 3]);
- * // => true
- *
- * _.isObject(_.noop);
- * // => true
- *
- * _.isObject(null);
- * // => false
- */
-function isObject(value) {
-  var type = typeof value;
-  return value != null && (type == 'object' || type == 'function');
-}
-
-/** Detect free variable `global` from Node.js. */
-var freeGlobal = typeof global == 'object' && global && global.Object === Object && global;
-
-/** Detect free variable `self`. */
-var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
-
-/** Used as a reference to the global object. */
-var root = freeGlobal || freeSelf || Function('return this')();
-
-/**
- * Gets the timestamp of the number of milliseconds that have elapsed since
- * the Unix epoch (1 January 1970 00:00:00 UTC).
- *
- * @static
- * @memberOf _
- * @since 2.4.0
- * @category Date
- * @returns {number} Returns the timestamp.
- * @example
- *
- * _.defer(function(stamp) {
- *   console.log(_.now() - stamp);
- * }, _.now());
- * // => Logs the number of milliseconds it took for the deferred invocation.
- */
-var now = function() {
-  return root.Date.now();
-};
-
-/** Used to match a single whitespace character. */
-var reWhitespace = /\s/;
-
-/**
- * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace
- * character of `string`.
- *
- * @private
- * @param {string} string The string to inspect.
- * @returns {number} Returns the index of the last non-whitespace character.
- */
-function trimmedEndIndex(string) {
-  var index = string.length;
-
-  while (index-- && reWhitespace.test(string.charAt(index))) {}
-  return index;
-}
-
-/** Used to match leading whitespace. */
-var reTrimStart = /^\s+/;
-
-/**
- * The base implementation of `_.trim`.
- *
- * @private
- * @param {string} string The string to trim.
- * @returns {string} Returns the trimmed string.
- */
-function baseTrim(string) {
-  return string
-    ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, '')
-    : string;
-}
-
-/** Built-in value references. */
-var Symbol$1 = root.Symbol;
-
-/** Used for built-in method references. */
-var objectProto$1 = Object.prototype;
-
-/** Used to check objects for own properties. */
-var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
-
-/**
- * Used to resolve the
- * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
- * of values.
- */
-var nativeObjectToString$1 = objectProto$1.toString;
-
-/** Built-in value references. */
-var symToStringTag$1 = Symbol$1 ? Symbol$1.toStringTag : undefined;
-
-/**
- * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
- *
- * @private
- * @param {*} value The value to query.
- * @returns {string} Returns the raw `toStringTag`.
- */
-function getRawTag(value) {
-  var isOwn = hasOwnProperty$1.call(value, symToStringTag$1),
-      tag = value[symToStringTag$1];
-
-  try {
-    value[symToStringTag$1] = undefined;
-    var unmasked = true;
-  } catch (e) {}
-
-  var result = nativeObjectToString$1.call(value);
-  if (unmasked) {
-    if (isOwn) {
-      value[symToStringTag$1] = tag;
-    } else {
-      delete value[symToStringTag$1];
-    }
-  }
-  return result;
-}
-
-/** Used for built-in method references. */
-var objectProto = Object.prototype;
-
-/**
- * Used to resolve the
- * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
- * of values.
- */
-var nativeObjectToString = objectProto.toString;
-
-/**
- * Converts `value` to a string using `Object.prototype.toString`.
- *
- * @private
- * @param {*} value The value to convert.
- * @returns {string} Returns the converted string.
- */
-function objectToString(value) {
-  return nativeObjectToString.call(value);
-}
-
-/** `Object#toString` result references. */
-var nullTag = '[object Null]',
-    undefinedTag = '[object Undefined]';
-
-/** Built-in value references. */
-var symToStringTag = Symbol$1 ? Symbol$1.toStringTag : undefined;
-
-/**
- * The base implementation of `getTag` without fallbacks for buggy environments.
- *
- * @private
- * @param {*} value The value to query.
- * @returns {string} Returns the `toStringTag`.
- */
-function baseGetTag(value) {
-  if (value == null) {
-    return value === undefined ? undefinedTag : nullTag;
-  }
-  return (symToStringTag && symToStringTag in Object(value))
-    ? getRawTag(value)
-    : objectToString(value);
-}
-
-/**
- * Checks if `value` is object-like. A value is object-like if it's not `null`
- * and has a `typeof` result of "object".
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
- * @example
- *
- * _.isObjectLike({});
- * // => true
- *
- * _.isObjectLike([1, 2, 3]);
- * // => true
- *
- * _.isObjectLike(_.noop);
- * // => false
- *
- * _.isObjectLike(null);
- * // => false
- */
-function isObjectLike(value) {
-  return value != null && typeof value == 'object';
-}
-
-/** `Object#toString` result references. */
-var symbolTag = '[object Symbol]';
-
-/**
- * Checks if `value` is classified as a `Symbol` primitive or object.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
- * @example
- *
- * _.isSymbol(Symbol.iterator);
- * // => true
- *
- * _.isSymbol('abc');
- * // => false
- */
-function isSymbol(value) {
-  return typeof value == 'symbol' ||
-    (isObjectLike(value) && baseGetTag(value) == symbolTag);
-}
-
-/** Used as references for various `Number` constants. */
-var NAN = 0 / 0;
-
-/** Used to detect bad signed hexadecimal string values. */
-var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
-
-/** Used to detect binary string values. */
-var reIsBinary = /^0b[01]+$/i;
-
-/** Used to detect octal string values. */
-var reIsOctal = /^0o[0-7]+$/i;
-
-/** Built-in method references without a dependency on `root`. */
-var freeParseInt = parseInt;
-
-/**
- * Converts `value` to a number.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to process.
- * @returns {number} Returns the number.
- * @example
- *
- * _.toNumber(3.2);
- * // => 3.2
- *
- * _.toNumber(Number.MIN_VALUE);
- * // => 5e-324
- *
- * _.toNumber(Infinity);
- * // => Infinity
- *
- * _.toNumber('3.2');
- * // => 3.2
- */
-function toNumber(value) {
-  if (typeof value == 'number') {
-    return value;
-  }
-  if (isSymbol(value)) {
-    return NAN;
-  }
-  if (isObject(value)) {
-    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
-    value = isObject(other) ? (other + '') : other;
-  }
-  if (typeof value != 'string') {
-    return value === 0 ? value : +value;
-  }
-  value = baseTrim(value);
-  var isBinary = reIsBinary.test(value);
-  return (isBinary || reIsOctal.test(value))
-    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)
-    : (reIsBadHex.test(value) ? NAN : +value);
-}
-
-/** Error message constants. */
-var FUNC_ERROR_TEXT$1 = 'Expected a function';
-
-/* Built-in method references for those with the same name as other `lodash` methods. */
-var nativeMax = Math.max,
-    nativeMin = Math.min;
-
-/**
- * Creates a debounced function that delays invoking `func` until after `wait`
- * milliseconds have elapsed since the last time the debounced function was
- * invoked. The debounced function comes with a `cancel` method to cancel
- * delayed `func` invocations and a `flush` method to immediately invoke them.
- * Provide `options` to indicate whether `func` should be invoked on the
- * leading and/or trailing edge of the `wait` timeout. The `func` is invoked
- * with the last arguments provided to the debounced function. Subsequent
- * calls to the debounced function return the result of the last `func`
- * invocation.
- *
- * **Note:** If `leading` and `trailing` options are `true`, `func` is
- * invoked on the trailing edge of the timeout only if the debounced function
- * is invoked more than once during the `wait` timeout.
- *
- * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
- * until to the next tick, similar to `setTimeout` with a timeout of `0`.
- *
- * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
- * for details over the differences between `_.debounce` and `_.throttle`.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Function
- * @param {Function} func The function to debounce.
- * @param {number} [wait=0] The number of milliseconds to delay.
- * @param {Object} [options={}] The options object.
- * @param {boolean} [options.leading=false]
- *  Specify invoking on the leading edge of the timeout.
- * @param {number} [options.maxWait]
- *  The maximum time `func` is allowed to be delayed before it's invoked.
- * @param {boolean} [options.trailing=true]
- *  Specify invoking on the trailing edge of the timeout.
- * @returns {Function} Returns the new debounced function.
- * @example
- *
- * // Avoid costly calculations while the window size is in flux.
- * jQuery(window).on('resize', _.debounce(calculateLayout, 150));
- *
- * // Invoke `sendMail` when clicked, debouncing subsequent calls.
- * jQuery(element).on('click', _.debounce(sendMail, 300, {
- *   'leading': true,
- *   'trailing': false
- * }));
- *
- * // Ensure `batchLog` is invoked once after 1 second of debounced calls.
- * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
- * var source = new EventSource('/stream');
- * jQuery(source).on('message', debounced);
- *
- * // Cancel the trailing debounced invocation.
- * jQuery(window).on('popstate', debounced.cancel);
- */
-function debounce$1(func, wait, options) {
-  var lastArgs,
-      lastThis,
-      maxWait,
-      result,
-      timerId,
-      lastCallTime,
-      lastInvokeTime = 0,
-      leading = false,
-      maxing = false,
-      trailing = true;
-
-  if (typeof func != 'function') {
-    throw new TypeError(FUNC_ERROR_TEXT$1);
-  }
-  wait = toNumber(wait) || 0;
-  if (isObject(options)) {
-    leading = !!options.leading;
-    maxing = 'maxWait' in options;
-    maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
-    trailing = 'trailing' in options ? !!options.trailing : trailing;
-  }
-
-  function invokeFunc(time) {
-    var args = lastArgs,
-        thisArg = lastThis;
-
-    lastArgs = lastThis = undefined;
-    lastInvokeTime = time;
-    result = func.apply(thisArg, args);
-    return result;
-  }
-
-  function leadingEdge(time) {
-    // Reset any `maxWait` timer.
-    lastInvokeTime = time;
-    // Start the timer for the trailing edge.
-    timerId = setTimeout(timerExpired, wait);
-    // Invoke the leading edge.
-    return leading ? invokeFunc(time) : result;
-  }
-
-  function remainingWait(time) {
-    var timeSinceLastCall = time - lastCallTime,
-        timeSinceLastInvoke = time - lastInvokeTime,
-        timeWaiting = wait - timeSinceLastCall;
-
-    return maxing
-      ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke)
-      : timeWaiting;
-  }
-
-  function shouldInvoke(time) {
-    var timeSinceLastCall = time - lastCallTime,
-        timeSinceLastInvoke = time - lastInvokeTime;
-
-    // Either this is the first call, activity has stopped and we're at the
-    // trailing edge, the system time has gone backwards and we're treating
-    // it as the trailing edge, or we've hit the `maxWait` limit.
-    return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||
-      (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));
-  }
-
-  function timerExpired() {
-    var time = now();
-    if (shouldInvoke(time)) {
-      return trailingEdge(time);
-    }
-    // Restart the timer.
-    timerId = setTimeout(timerExpired, remainingWait(time));
-  }
-
-  function trailingEdge(time) {
-    timerId = undefined;
-
-    // Only invoke if we have `lastArgs` which means `func` has been
-    // debounced at least once.
-    if (trailing && lastArgs) {
-      return invokeFunc(time);
-    }
-    lastArgs = lastThis = undefined;
-    return result;
-  }
-
-  function cancel() {
-    if (timerId !== undefined) {
-      clearTimeout(timerId);
-    }
-    lastInvokeTime = 0;
-    lastArgs = lastCallTime = lastThis = timerId = undefined;
-  }
-
-  function flush() {
-    return timerId === undefined ? result : trailingEdge(now());
-  }
-
-  function debounced() {
-    var time = now(),
-        isInvoking = shouldInvoke(time);
-
-    lastArgs = arguments;
-    lastThis = this;
-    lastCallTime = time;
-
-    if (isInvoking) {
-      if (timerId === undefined) {
-        return leadingEdge(lastCallTime);
-      }
-      if (maxing) {
-        // Handle invocations in a tight loop.
-        clearTimeout(timerId);
-        timerId = setTimeout(timerExpired, wait);
-        return invokeFunc(lastCallTime);
-      }
-    }
-    if (timerId === undefined) {
-      timerId = setTimeout(timerExpired, wait);
-    }
-    return result;
-  }
-  debounced.cancel = cancel;
-  debounced.flush = flush;
-  return debounced;
-}
-
-/** Error message constants. */
-var FUNC_ERROR_TEXT = 'Expected a function';
-
-/**
- * Creates a throttled function that only invokes `func` at most once per
- * every `wait` milliseconds. The throttled function comes with a `cancel`
- * method to cancel delayed `func` invocations and a `flush` method to
- * immediately invoke them. Provide `options` to indicate whether `func`
- * should be invoked on the leading and/or trailing edge of the `wait`
- * timeout. The `func` is invoked with the last arguments provided to the
- * throttled function. Subsequent calls to the throttled function return the
- * result of the last `func` invocation.
- *
- * **Note:** If `leading` and `trailing` options are `true`, `func` is
- * invoked on the trailing edge of the timeout only if the throttled function
- * is invoked more than once during the `wait` timeout.
- *
- * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
- * until to the next tick, similar to `setTimeout` with a timeout of `0`.
- *
- * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
- * for details over the differences between `_.throttle` and `_.debounce`.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Function
- * @param {Function} func The function to throttle.
- * @param {number} [wait=0] The number of milliseconds to throttle invocations to.
- * @param {Object} [options={}] The options object.
- * @param {boolean} [options.leading=true]
- *  Specify invoking on the leading edge of the timeout.
- * @param {boolean} [options.trailing=true]
- *  Specify invoking on the trailing edge of the timeout.
- * @returns {Function} Returns the new throttled function.
- * @example
- *
- * // Avoid excessively updating the position while scrolling.
- * jQuery(window).on('scroll', _.throttle(updatePosition, 100));
- *
- * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.
- * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });
- * jQuery(element).on('click', throttled);
- *
- * // Cancel the trailing throttled invocation.
- * jQuery(window).on('popstate', throttled.cancel);
- */
-function throttle(func, wait, options) {
-  var leading = true,
-      trailing = true;
-
-  if (typeof func != 'function') {
-    throw new TypeError(FUNC_ERROR_TEXT);
-  }
-  if (isObject(options)) {
-    leading = 'leading' in options ? !!options.leading : leading;
-    trailing = 'trailing' in options ? !!options.trailing : trailing;
-  }
-  return debounce$1(func, wait, {
-    'leading': leading,
-    'maxWait': wait,
-    'trailing': trailing
-  });
-}
-
-var listHandle = {
-  debounce: debounce$1,
-  throttle: throttle
-};
-var getHandle = function getHandle(type) {
-  return listHandle[type];
-};
-var isFunction = function isFunction(fn) {
-  return typeof fn === 'function';
-};
-var isSSR = function isSSR() {
-  return typeof window === 'undefined';
-};
-var isDOMElement = function isDOMElement(element) {
-  return element instanceof Element || element instanceof HTMLDocument;
-};
-
-function _typeof$1(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$1 = function _typeof(obj) { return typeof obj; }; } else { _typeof$1 = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$1(obj); }
-
-function _classCallCheck$1(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties$1(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass$1(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$1(Constructor.prototype, protoProps); if (staticProps) _defineProperties$1(Constructor, staticProps); return Constructor; }
-
-function _inherits$1(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf$2(subClass, superClass); }
-
-function _setPrototypeOf$2(o, p) { _setPrototypeOf$2 = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf$2(o, p); }
-
-function _createSuper$7(Derived) { return function () { var Super = _getPrototypeOf$1(Derived), result; if (_isNativeReflectConstruct$7()) { var NewTarget = _getPrototypeOf$1(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$1(this, result); }; }
-
-function _possibleConstructorReturn$1(self, call) { if (call && (_typeof$1(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$2(self); }
-
-function _assertThisInitialized$2(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct$7() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf$1(o) { _getPrototypeOf$1 = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf$1(o); }
-
-var ChildWrapper = /*#__PURE__*/function (_PureComponent) {
-  _inherits$1(ChildWrapper, _PureComponent);
-
-  var _super = _createSuper$7(ChildWrapper);
-
-  function ChildWrapper() {
-    _classCallCheck$1(this, ChildWrapper);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass$1(ChildWrapper, [{
-    key: "render",
-    value: function render() {
-      // eslint-disable-next-line react/prop-types
-      return this.props.children;
-    }
-  }]);
-
-  return ChildWrapper;
-}(PureComponent);
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf$1(subClass, superClass); }
-
-function _setPrototypeOf$1(o, p) { _setPrototypeOf$1 = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf$1(o, p); }
-
-function _createSuper$6(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct$6()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized$1(self); }
-
-function _assertThisInitialized$1(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct$6() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var ResizeDetector = /*#__PURE__*/function (_PureComponent) {
-  _inherits(ResizeDetector, _PureComponent);
-
-  var _super = _createSuper$6(ResizeDetector);
-
-  function ResizeDetector(props) {
-    var _this;
-
-    _classCallCheck(this, ResizeDetector);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized$1(_this), "cancelHandler", function () {
-      if (_this.resizeHandler && _this.resizeHandler.cancel) {
-        // cancel debounced handler
-        _this.resizeHandler.cancel();
-
-        _this.resizeHandler = null;
-      }
-    });
-
-    _defineProperty(_assertThisInitialized$1(_this), "rafClean", function () {
-      if (_this.raf && _this.raf.cancel) {
-        _this.raf.cancel();
-
-        _this.raf = null;
-      }
-    });
-
-    _defineProperty(_assertThisInitialized$1(_this), "toggleObserver", function (type) {
-      var element = _this.getElement();
-
-      if (!element || !_this.resizeObserver[type]) return;
-
-      _this.resizeObserver[type](element);
-    });
-
-    _defineProperty(_assertThisInitialized$1(_this), "getElement", function () {
-      var _this$props = _this.props,
-          querySelector = _this$props.querySelector,
-          targetDomEl = _this$props.targetDomEl;
-      if (isSSR()) return undefined;
-      if (querySelector) return document.querySelector(querySelector);
-      if (targetDomEl && isDOMElement(targetDomEl)) return targetDomEl; // eslint-disable-next-line react/no-find-dom-node
-
-      var currentElement = _this.element && findDOMNode(_this.element);
-      if (!currentElement) return undefined;
-      return currentElement.parentElement;
-    });
-
-    _defineProperty(_assertThisInitialized$1(_this), "createUpdater", function () {
-      _this.rafClean();
-
-      _this.raf = rafSchd(function (_ref) {
-        var width = _ref.width,
-            height = _ref.height;
-        var onResize = _this.props.onResize;
-
-        if (isFunction(onResize)) {
-          onResize(width, height);
-        }
-
-        _this.setState({
-          width: width,
-          height: height
-        });
-      });
-      return _this.raf;
-    });
-
-    _defineProperty(_assertThisInitialized$1(_this), "createResizeHandler", function (entries) {
-      var _this$state = _this.state,
-          widthCurrent = _this$state.width,
-          heightCurrent = _this$state.height;
-      var _this$props2 = _this.props,
-          handleWidth = _this$props2.handleWidth,
-          handleHeight = _this$props2.handleHeight;
-      if (!handleWidth && !handleHeight) return;
-
-      var updater = _this.createUpdater();
-
-      entries.forEach(function (entry) {
-        var _ref2 = entry && entry.contentRect || {},
-            width = _ref2.width,
-            height = _ref2.height;
-
-        var isWidthChanged = handleWidth && widthCurrent !== width;
-        var isHeightChanged = handleHeight && heightCurrent !== height;
-        var isSizeChanged = isWidthChanged || isHeightChanged;
-        var shouldSetSize = !_this.skipOnMount && isSizeChanged && !isSSR();
-
-        if (shouldSetSize) {
-          updater({
-            width: width,
-            height: height
-          });
-        }
-
-        _this.skipOnMount = false;
-      });
-    });
-
-    _defineProperty(_assertThisInitialized$1(_this), "onRef", function (el) {
-      _this.element = el;
-    });
-
-    _defineProperty(_assertThisInitialized$1(_this), "getRenderType", function () {
-      var _this$props3 = _this.props,
-          render = _this$props3.render,
-          children = _this$props3.children;
-
-      if (isFunction(render)) {
-        return 'renderProp';
-      }
-
-      if (isFunction(children)) {
-        return 'childFunction';
-      }
-
-      if (isValidElement(children)) {
-        return 'child';
-      }
-
-      if (Array.isArray(children)) {
-        return 'childArray';
-      }
-
-      return 'parent';
-    });
-
-    _defineProperty(_assertThisInitialized$1(_this), "getTargetComponent", function () {
-      var _this$props4 = _this.props,
-          render = _this$props4.render,
-          children = _this$props4.children,
-          nodeType = _this$props4.nodeType;
-      var _this$state2 = _this.state,
-          width = _this$state2.width,
-          height = _this$state2.height;
-      var childProps = {
-        width: width,
-        height: height
-      };
-
-      var renderType = _this.getRenderType();
-
-      switch (renderType) {
-        case 'renderProp':
-          return cloneElement(render(childProps), {
-            key: 'resize-detector'
-          });
-
-        case 'childFunction':
-          return cloneElement(children(childProps));
-
-        case 'child':
-          return cloneElement(children, childProps);
-
-        case 'childArray':
-          return children.map(function (el) {
-            return !!el && cloneElement(el, childProps);
-          });
-
-        default:
-          return createElement(nodeType);
-      }
-    });
-
-    var skipOnMount = props.skipOnMount,
-        refreshMode = props.refreshMode,
-        refreshRate = props.refreshRate,
-        refreshOptions = props.refreshOptions;
-    _this.state = {
-      width: undefined,
-      height: undefined
-    };
-    _this.skipOnMount = skipOnMount;
-    _this.raf = null;
-    _this.element = null;
-    _this.unmounted = false;
-    var handle = getHandle(refreshMode);
-    _this.resizeHandler = handle ? handle(_this.createResizeHandler, refreshRate, refreshOptions) : _this.createResizeHandler;
-    _this.resizeObserver = new index(_this.resizeHandler);
-    return _this;
-  }
-
-  _createClass(ResizeDetector, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.toggleObserver('observe');
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.toggleObserver('unobserve');
-      this.rafClean();
-      this.cancelHandler();
-      this.unmounted = true;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React__default.createElement(ChildWrapper, {
-        ref: this.onRef
-      }, this.getTargetComponent());
-    }
-  }]);
-
-  return ResizeDetector;
-}(PureComponent);
-
-ResizeDetector.propTypes = {
-  handleWidth: bool,
-  handleHeight: bool,
-  skipOnMount: bool,
-  refreshRate: number$1,
-  refreshMode: string,
-  refreshOptions: shape({
-    leading: bool,
-    trailing: bool
-  }),
-  querySelector: string,
-  targetDomEl: any,
-  // eslint-disable-line react/forbid-prop-types
-  onResize: func,
-  render: func,
-  children: any,
-  // eslint-disable-line react/forbid-prop-types
-  nodeType: node
-};
-ResizeDetector.defaultProps = {
-  handleWidth: false,
-  handleHeight: false,
-  skipOnMount: false,
-  refreshRate: 1000,
-  refreshMode: undefined,
-  refreshOptions: undefined,
-  querySelector: null,
-  targetDomEl: null,
-  onResize: null,
-  render: undefined,
-  children: null,
-  nodeType: 'div'
-};
-
 var _excluded = ["name", "onSubmit"];
 
 var BaseNavBarSearch = function BaseNavBarSearch(_ref) {
@@ -22684,9 +20854,9 @@ var StatelessNavBarDropdownMenu$1 = /*#__PURE__*/function (_React$Component) {
     var _this;
 
     _this = _React$Component.call(this, props) || this;
-    _this.handleOutsideClick = _this.handleOutsideClick.bind(_assertThisInitialized$4(_this));
-    _this.setMenuRef = _this.setMenuRef.bind(_assertThisInitialized$4(_this));
-    _this.setTriggerRef = _this.setTriggerRef.bind(_assertThisInitialized$4(_this));
+    _this.handleOutsideClick = _this.handleOutsideClick.bind(_assertThisInitialized$2(_this));
+    _this.setMenuRef = _this.setMenuRef.bind(_assertThisInitialized$2(_this));
+    _this.setTriggerRef = _this.setTriggerRef.bind(_assertThisInitialized$2(_this));
     return _this;
   }
 
@@ -24033,7 +22203,7 @@ var SelectNavBarBasedOnWidth$1 = function SelectNavBarBasedOnWidth(_a) {
 };
 
 var NavBar$1 = function NavBar(props) {
-  return /*#__PURE__*/React__default.createElement(ResizeDetector, {
+  return /*#__PURE__*/React__default.createElement(ReactResizeDetector, {
     handleWidth: true
   }, /*#__PURE__*/React__default.createElement(SelectNavBarBasedOnWidth$1, Object.assign({}, props)));
 };
@@ -27697,12 +25867,12 @@ var TabScrollIndicators = /*#__PURE__*/function (_React$Component) {
       contentHiddenLeft: _this.contentHiddenLeft(),
       contentHiddenRight: _this.contentHiddenRight()
     };
-    _this.handleIndicatorClick = _this.handleIndicatorClick.bind(_assertThisInitialized$4(_this));
-    _this.getScrollLeftValueByTabIndex = _this.getScrollLeftValueByTabIndex.bind(_assertThisInitialized$4(_this));
-    _this.contentHiddenLeft = _this.contentHiddenLeft.bind(_assertThisInitialized$4(_this));
-    _this.contentHiddenRight = _this.contentHiddenRight.bind(_assertThisInitialized$4(_this));
-    _this.handleScroll = _this.handleScroll.bind(_assertThisInitialized$4(_this));
-    _this.handleResize = _this.handleResize.bind(_assertThisInitialized$4(_this));
+    _this.handleIndicatorClick = _this.handleIndicatorClick.bind(_assertThisInitialized$2(_this));
+    _this.getScrollLeftValueByTabIndex = _this.getScrollLeftValueByTabIndex.bind(_assertThisInitialized$2(_this));
+    _this.contentHiddenLeft = _this.contentHiddenLeft.bind(_assertThisInitialized$2(_this));
+    _this.contentHiddenRight = _this.contentHiddenRight.bind(_assertThisInitialized$2(_this));
+    _this.handleScroll = _this.handleScroll.bind(_assertThisInitialized$2(_this));
+    _this.handleResize = _this.handleResize.bind(_assertThisInitialized$2(_this));
     return _this;
   }
 
@@ -27897,8 +26067,8 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
     _this.tabContent = [];
     _this.tabContainerRef = /*#__PURE__*/React__default.createRef();
     _this.tabRefs = [];
-    _this.handleTabClick = _this.handleTabClick.bind(_assertThisInitialized$4(_this));
-    _this.getTabs = _this.getTabs.bind(_assertThisInitialized$4(_this));
+    _this.handleTabClick = _this.handleTabClick.bind(_assertThisInitialized$2(_this));
+    _this.getTabs = _this.getTabs.bind(_assertThisInitialized$2(_this));
     return _this;
   }
 
@@ -28007,7 +26177,7 @@ var Tabs = /*#__PURE__*/function (_React$Component) {
           role: "tablist",
           onScroll: handleScroll,
           ref: _this3.tabContainerRef
-        }, spaceProps), /*#__PURE__*/React__default.createElement(ResizeDetector, {
+        }, spaceProps), /*#__PURE__*/React__default.createElement(ReactResizeDetector, {
           handleWidth: true,
           onResize: handleResize
         }), _this3.getTabs(setFocusedIndex, focusedIndex, handleArrowNavigation));
@@ -44408,9 +42578,9 @@ var StatelessNavBarDropdownMenu = /*#__PURE__*/function (_StatelessNavBarDropd)
     var _this;
 
     _this = _StatelessNavBarDropd.call(this, props) || this;
-    _this.handleOutsideClick = _this.handleOutsideClick.bind(_assertThisInitialized$4(_this));
-    _this.setMenuRef = _this.setMenuRef.bind(_assertThisInitialized$4(_this));
-    _this.setTriggerRef = _this.setTriggerRef.bind(_assertThisInitialized$4(_this));
+    _this.handleOutsideClick = _this.handleOutsideClick.bind(_assertThisInitialized$2(_this));
+    _this.setMenuRef = _this.setMenuRef.bind(_assertThisInitialized$2(_this));
+    _this.setTriggerRef = _this.setTriggerRef.bind(_assertThisInitialized$2(_this));
     return _this;
   }
 
@@ -44998,16 +43168,17 @@ var renderMenuItem = function renderMenuItem(menuItem, themeColorObject, layer)
   return getRenderFunction$1(menuItem)(menuItem, themeColorObject, layer);
 };
 
-var BaseDesktopMenu = function BaseDesktopMenu(_a) {
+var BaseDesktopMenu = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
   var menuData = _a.menuData,
       themeColorObject = _a.themeColorObject,
       props = __rest(_a, ["menuData", "themeColorObject"]);
 
-  return /*#__PURE__*/React__default.createElement(Nav$1, Object.assign({}, props), menuData.map(function (menuItem) {
+  return /*#__PURE__*/React__default.createElement(Nav$1, Object.assign({}, props, {
+    ref: ref
+  }), menuData.map(function (menuItem) {
     return renderMenuItem(menuItem, themeColorObject, 0);
   }));
-};
-
+});
 var DesktopMenu = styled(BaseDesktopMenu).withConfig({
   displayName: "DesktopMenu",
   componentId: "sc-8mrjkc-3"
@@ -45073,6 +43244,83 @@ var NulogyLogo = function NulogyLogo() {
 };
 
 var borderStyle$1 = "1px solid #e4e7eb";
+var NulogyLogoContainer = function NulogyLogoContainer(_ref) {
+  var subText = _ref.subText,
+      height = _ref.height;
+  return /*#__PURE__*/React__default.createElement(Flex, {
+    px: "x1",
+    py: "half",
+    alignItems: "center",
+    // boxShadow="small"
+    justifyContent: "center",
+    flexDirection: subText ? "column" : "row",
+    height: height,
+    borderLeft: borderStyle$1,
+    borderRight: borderStyle$1
+  }, /*#__PURE__*/React__default.createElement(Box, {
+    width: "76px",
+    height: "18px"
+  }, /*#__PURE__*/React__default.createElement(NulogyLogo, null)), subText && /*#__PURE__*/React__default.createElement(Text, {
+    fontSize: "8px",
+    lineHeight: "10px",
+    color: "darkGrey",
+    fontWeight: "medium",
+    textTransform: "uppercase",
+    letterSpacing: ".5px"
+  }, subText));
+};
+
+var EnvironmentBanner = function EnvironmentBanner(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React__default.createElement(Box, {
+    bg: "darkBlue",
+    textAlign: "center"
+  }, /*#__PURE__*/React__default.createElement(Text, {
+    fontSize: "10px",
+    letterSpacing: "0.5px",
+    fontWeight: "bold",
+    color: "white",
+    textTransform: "uppercase",
+    py: "2px"
+  }, children));
+};
+
+var MAX_LOGO_WIDTH = "184px";
+var MAX_LOGO_HEIGHT = "36px";
+
+var BrandLogoContainer = function BrandLogoContainer(_ref) {
+  var logoSrc = _ref.logoSrc,
+      brandingLinkHref = _ref.brandingLinkHref,
+      brandingLinkTo = _ref.brandingLinkTo,
+      brandingLinkComponent = _ref.brandingLinkComponent,
+      subtext = _ref.subtext;
+  return /*#__PURE__*/React__default.createElement(Box, {
+    maxWidth: MAX_LOGO_WIDTH,
+    maxHeight: MAX_LOGO_HEIGHT
+  }, /*#__PURE__*/React__default.createElement(Link, {
+    "aria-label": "Home",
+    href: brandingLinkHref,
+    to: brandingLinkTo,
+    as: brandingLinkComponent,
+    underline: false,
+    style: {
+      display: "block"
+    }
+  }, logoSrc && /*#__PURE__*/React__default.createElement("img", {
+    src: logoSrc,
+    style: {
+      maxWidth: MAX_LOGO_WIDTH,
+      maxHeight: MAX_LOGO_HEIGHT
+    },
+    alt: ""
+  }), !logoSrc && /*#__PURE__*/React__default.createElement(Branding, {
+    size: subtext ? "small" : "medium",
+    logoColor: "blue",
+    subtext: subtext
+  })));
+};
+
+var borderStyle = "1px solid #e4e7eb";
 var BrandingWrap = styled.div.withConfig({
   displayName: "MobileMenu__BrandingWrap",
   componentId: "sc-18t6zrc-0"
@@ -45299,7 +43547,7 @@ var BaseMobileMenu = function BaseMobileMenu(_a) {
     logoColor: themeColorObject && themeColorObject.logoColor
   })), /*#__PURE__*/React__default.createElement(Menu$1, null, menuData.primaryMenu && renderTopLayerMenuItems(menuData.primaryMenu, closeMenu, themeColorObject), menuData.secondaryMenu && renderTopLayerMenuItems(menuData.secondaryMenu, closeMenu, themeColorObject)), logoSrc && /*#__PURE__*/React__default.createElement(Flex, {
     textAlign: "center",
-    borderTop: borderStyle$1,
+    borderTop: borderStyle,
     height: "40px",
     alignItems: "center",
     justifyContent: "center"
@@ -45318,163 +43566,28 @@ var MobileMenu = styled(BaseMobileMenu).withConfig({
   componentId: "sc-18t6zrc-6"
 })(display);
 
-var borderStyle = "1px solid #e4e7eb";
-var NulogyLogoContainer = function NulogyLogoContainer(_ref) {
-  var subText = _ref.subText,
-      height = _ref.height;
-  return /*#__PURE__*/React__default.createElement(Flex, {
-    px: "x1",
-    py: "half",
-    alignItems: "center",
-    // boxShadow="small"
-    justifyContent: "center",
-    flexDirection: subText ? "column" : "row",
-    height: height,
-    borderLeft: borderStyle,
-    borderRight: borderStyle
-  }, /*#__PURE__*/React__default.createElement(Box, {
-    width: "76px",
-    height: "18px"
-  }, /*#__PURE__*/React__default.createElement(NulogyLogo, null)), subText && /*#__PURE__*/React__default.createElement(Text, {
-    fontSize: "8px",
-    lineHeight: "10px",
-    color: "darkGrey",
-    fontWeight: "medium",
-    textTransform: "uppercase",
-    letterSpacing: ".5px"
-  }, subText));
-};
-
-var EnvironmentBanner = function EnvironmentBanner(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React__default.createElement(Box, {
-    bg: "darkBlue",
-    textAlign: "center"
-  }, /*#__PURE__*/React__default.createElement(Text, {
-    fontSize: "10px",
-    letterSpacing: "0.5px",
-    fontWeight: "bold",
-    color: "white",
-    textTransform: "uppercase",
-    py: "2px"
-  }, children));
-};
-
-var MAX_LOGO_WIDTH = "184px";
-var MAX_LOGO_HEIGHT = "36px";
-var NAVBAR_HEIGHT = "56px";
-var themeColorObject = {
-  color: "darkBlue",
-  hoverColor: "blackBlue",
-  background: "white",
-  hoverBackground: "whiteGrey",
-  textColor: "blackBlue",
-  logoColor: "blue"
-};
 var NavBarBackground = styled(Flex).withConfig({
-  displayName: "NavBar__NavBarBackground",
-  componentId: "cszq6w-0"
+  displayName: "NavBarBackground",
+  componentId: "sc-1g75y9j-0"
 })(function (_ref) {
-  var backgroundColor = _ref.backgroundColor,
-      theme = _ref.theme;
+  var theme = _ref.theme;
   return {
-    background: backgroundColor,
     padding: "0 " + theme.space.x3,
     borderBottom: "1px solid " + theme.colors.lightGrey,
     alignItems: "center",
-    height: NAVBAR_HEIGHT,
     zIndex: theme.zIndices.navBar,
     position: "relative"
   };
-});
-
-var BrandLogoContainer = function BrandLogoContainer(_ref2) {
-  var logoSrc = _ref2.logoSrc,
-      brandingLinkHref = _ref2.brandingLinkHref,
-      brandingLinkTo = _ref2.brandingLinkTo,
-      brandingLinkComponent = _ref2.brandingLinkComponent,
-      subtext = _ref2.subtext;
-  return /*#__PURE__*/React__default.createElement(Box, {
-    maxWidth: MAX_LOGO_WIDTH,
-    maxHeight: MAX_LOGO_HEIGHT
-  }, /*#__PURE__*/React__default.createElement(Link, {
-    "aria-label": "Home",
-    href: brandingLinkHref,
-    to: brandingLinkTo,
-    as: brandingLinkComponent,
-    underline: false,
-    style: {
-      display: "block"
-    }
-  }, logoSrc && /*#__PURE__*/React__default.createElement("img", {
-    src: logoSrc,
-    style: {
-      maxWidth: MAX_LOGO_WIDTH,
-      maxHeight: MAX_LOGO_HEIGHT
-    },
-    alt: ""
-  }), !logoSrc && /*#__PURE__*/React__default.createElement(Branding, {
-    size: subtext ? "small" : "medium",
-    logoColor: "blue",
-    subtext: subtext
-  })));
-};
-
-var MediumNavBar = function MediumNavBar(_a) {
-  var menuData = _a.menuData,
-      subtext = _a.subtext,
-      environment = _a.environment,
-      logoSrc = _a.logoSrc,
-      _a$brandingLinkHref = _a.brandingLinkHref,
-      brandingLinkHref = _a$brandingLinkHref === void 0 ? "/" : _a$brandingLinkHref,
-      brandingLinkTo = _a.brandingLinkTo,
-      brandingLinkComponent = _a.brandingLinkComponent,
-      props = __rest(_a, ["menuData", "subtext", "environment", "logoSrc", "brandingLinkHref", "brandingLinkTo", "brandingLinkComponent"]);
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, environment && /*#__PURE__*/React__default.createElement(EnvironmentBanner, null, environment), /*#__PURE__*/React__default.createElement("header", Object.assign({}, props), /*#__PURE__*/React__default.createElement(NavBarBackground, {
-    backgroundColor: "white"
-  }, /*#__PURE__*/React__default.createElement(BrandLogoContainer, {
-    logoSrc: logoSrc,
-    brandingLinkHref: brandingLinkHref,
-    brandingLinkTo: brandingLinkTo,
-    brandingLinkComponent: brandingLinkComponent,
-    subtext: subtext
-  }), /*#__PURE__*/React__default.createElement(Flex, {
-    justifyContent: "space-between",
-    alignContent: "flex-end",
-    flexGrow: 1,
-    ml: "x3",
-    alignItems: "center"
-  }, menuData.primaryMenu && /*#__PURE__*/React__default.createElement(DesktopMenu, {
-    themeColorObject: themeColorObject,
-    "aria-label": t("primary navigation"),
-    menuData: menuData.primaryMenu
-  }), /*#__PURE__*/React__default.createElement(Flex, {
-    justifySelf: "flex-end",
-    alignItems: "center"
-  }, menuData.secondaryMenu && /*#__PURE__*/React__default.createElement(DesktopMenu, {
-    themeColorObject: themeColorObject,
-    "aria-label": t("secondary navigation"),
-    menuData: menuData.secondaryMenu
-  }), logoSrc && /*#__PURE__*/React__default.createElement(Box, {
-    pl: "x3"
-  }, /*#__PURE__*/React__default.createElement(NulogyLogoContainer, {
-    height: NAVBAR_HEIGHT,
-    subText: subtext
-  })))))));
-};
+}, addStyledProps);
 
 var MobileMenuTrigger = styled.button.withConfig({
-  displayName: "NavBar__MobileMenuTrigger",
-  componentId: "cszq6w-1"
-})(function (_ref3) {
-  var color = _ref3.color,
-      hoverColor = _ref3.hoverColor,
-      hoverBackground = _ref3.hoverBackground,
-      theme = _ref3.theme;
+  displayName: "SmallNavBar__MobileMenuTrigger",
+  componentId: "ykabay-0"
+})(function (_ref) {
+  var color = _ref.color,
+      hoverColor = _ref.hoverColor,
+      hoverBackground = _ref.hoverBackground,
+      theme = _ref.theme;
   return {
     color: theme.colors[color] || color,
     background: "none",
@@ -45496,11 +43609,11 @@ var MobileMenuTrigger = styled.button.withConfig({
   };
 });
 var SmallHeader = styled.header.withConfig({
-  displayName: "NavBar__SmallHeader",
-  componentId: "cszq6w-2"
-})(function (_ref4) {
-  var isOpen = _ref4.isOpen,
-      theme = _ref4.theme;
+  displayName: "SmallNavBar__SmallHeader",
+  componentId: "ykabay-1"
+})(function (_ref2) {
+  var isOpen = _ref2.isOpen,
+      theme = _ref2.theme;
   return isOpen ? {
     position: "fixed",
     width: "100%",
@@ -45515,15 +43628,11 @@ var SmallHeader = styled.header.withConfig({
   } : null;
 });
 
-var pixelDigitsFrom = function pixelDigitsFrom(pixelString) {
-  return parseInt(pixelString, 10);
-};
-
-var MenuIcon = function MenuIcon(_ref5) {
-  var isOpen = _ref5.isOpen;
+var MenuIcon = function MenuIcon(_ref3) {
+  var isOpen = _ref3.isOpen;
 
-  var _useTranslation2 = useTranslation(),
-      t = _useTranslation2.t;
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
 
   var icon = isOpen ? "close" : "menu";
   var title = isOpen ? t("close menu") : t("open menu");
@@ -45542,14 +43651,16 @@ var SmallNavBarNoState = function SmallNavBarNoState(_a) {
       toggleMenu = _a$menuState.toggleMenu,
       closeMenu = _a$menuState.closeMenu,
       subtext = _a.subtext,
-      _a$brandingLinkHref2 = _a.brandingLinkHref,
-      brandingLinkHref = _a$brandingLinkHref2 === void 0 ? "/" : _a$brandingLinkHref2,
+      _a$brandingLinkHref = _a.brandingLinkHref,
+      brandingLinkHref = _a$brandingLinkHref === void 0 ? "/" : _a$brandingLinkHref,
       brandingLinkTo = _a.brandingLinkTo,
       environment = _a.environment,
       logoSrc = _a.logoSrc,
       _a$breakpointLower = _a.breakpointLower,
       breakpointLower = _a$breakpointLower === void 0 ? "small" : _a$breakpointLower,
-      props = __rest(_a, ["menuData", "menuState", "subtext", "brandingLinkHref", "brandingLinkTo", "environment", "logoSrc", "breakpointLower"]);
+      themeColorObject = _a.themeColorObject,
+      navBarHeight = _a.navBarHeight,
+      props = __rest(_a, ["menuData", "menuState", "subtext", "brandingLinkHref", "brandingLinkTo", "environment", "logoSrc", "breakpointLower", "themeColorObject", "navBarHeight"]);
 
   var navRef = React__default.useRef(null);
   useEffect(function () {
@@ -45566,7 +43677,8 @@ var SmallNavBarNoState = function SmallNavBarNoState(_a) {
     isOpen: isOpen,
     breakpointLower: breakpoints ? breakpoints[breakpointLower] : breakpointLower
   }, props), environment && /*#__PURE__*/React__default.createElement(EnvironmentBanner, null, environment), /*#__PURE__*/React__default.createElement(NavBarBackground, {
-    backgroundColor: "white"
+    backgroundColor: "white",
+    height: navBarHeight
   }, /*#__PURE__*/React__default.createElement(BrandLogoContainer, {
     logoSrc: logoSrc,
     brandingLinkHref: brandingLinkHref,
@@ -45598,6 +43710,68 @@ var SmallNavBarNoState = function SmallNavBarNoState(_a) {
 
 var SmallNavBar = withMenuState(SmallNavBarNoState);
 
+var NAVBAR_HEIGHT = "56px";
+var themeColorObject = {
+  color: "darkBlue",
+  hoverColor: "blackBlue",
+  background: "white",
+  hoverBackground: "whiteGrey",
+  textColor: "blackBlue",
+  logoColor: "blue"
+};
+
+var MediumNavBar = function MediumNavBar(_a) {
+  var menuData = _a.menuData,
+      subtext = _a.subtext,
+      environment = _a.environment,
+      logoSrc = _a.logoSrc,
+      _a$brandingLinkHref = _a.brandingLinkHref,
+      brandingLinkHref = _a$brandingLinkHref === void 0 ? "/" : _a$brandingLinkHref,
+      brandingLinkTo = _a.brandingLinkTo,
+      brandingLinkComponent = _a.brandingLinkComponent,
+      props = __rest(_a, ["menuData", "subtext", "environment", "logoSrc", "brandingLinkHref", "brandingLinkTo", "brandingLinkComponent"]);
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, environment && /*#__PURE__*/React__default.createElement(EnvironmentBanner, null, environment), /*#__PURE__*/React__default.createElement("header", Object.assign({}, props), /*#__PURE__*/React__default.createElement(NavBarBackground, {
+    backgroundColor: "white",
+    height: NAVBAR_HEIGHT
+  }, /*#__PURE__*/React__default.createElement(BrandLogoContainer, {
+    logoSrc: logoSrc,
+    brandingLinkHref: brandingLinkHref,
+    brandingLinkTo: brandingLinkTo,
+    brandingLinkComponent: brandingLinkComponent,
+    subtext: subtext
+  }), /*#__PURE__*/React__default.createElement(Flex, {
+    justifyContent: "space-between",
+    alignContent: "flex-end",
+    flexGrow: 1,
+    ml: "x3",
+    alignItems: "center"
+  }, menuData.primaryMenu && /*#__PURE__*/React__default.createElement(DesktopMenu, {
+    themeColorObject: themeColorObject,
+    "aria-label": t("primary navigation"),
+    menuData: menuData.primaryMenu
+  }), /*#__PURE__*/React__default.createElement(Flex, {
+    justifySelf: "flex-end",
+    alignItems: "center"
+  }, menuData.secondaryMenu && /*#__PURE__*/React__default.createElement(DesktopMenu, {
+    themeColorObject: themeColorObject,
+    "aria-label": t("secondary navigation"),
+    menuData: menuData.secondaryMenu
+  }), logoSrc && /*#__PURE__*/React__default.createElement(Box, {
+    pl: "x3"
+  }, /*#__PURE__*/React__default.createElement(NulogyLogoContainer, {
+    height: NAVBAR_HEIGHT,
+    subText: subtext
+  })))))));
+};
+
+var pixelDigitsFrom = function pixelDigitsFrom(pixelString) {
+  return parseInt(pixelString, 10);
+};
+
 var SelectNavBarBasedOnWidth = function SelectNavBarBasedOnWidth(_a) {
   var width = _a.width,
       defaultOpen = _a.defaultOpen,
@@ -45611,7 +43785,9 @@ var SelectNavBarBasedOnWidth = function SelectNavBarBasedOnWidth(_a) {
   } else {
     return /*#__PURE__*/React__default.createElement(SmallNavBar, Object.assign({}, props, {
       width: currentWidth,
-      defaultOpen: defaultOpen
+      defaultOpen: defaultOpen,
+      themeColorObject: themeColorObject,
+      navBarHeight: NAVBAR_HEIGHT
     }));
   }
 };
@@ -45622,10 +43798,10 @@ var BaseNavBar = function BaseNavBar(_a) {
       breakpointUpper = _a$breakpointUpper === void 0 ? "medium" : _a$breakpointUpper,
       props = __rest(_a, ["environment", "breakpointUpper"]);
 
-  var _useTheme2 = useTheme(),
-      breakpoints = _useTheme2.breakpoints;
+  var _useTheme = useTheme(),
+      breakpoints = _useTheme.breakpoints;
 
-  return /*#__PURE__*/React__default.createElement(ResizeDetector, {
+  return /*#__PURE__*/React__default.createElement(ReactResizeDetector, {
     handleWidth: true
   }, /*#__PURE__*/React__default.createElement(SelectNavBarBasedOnWidth, Object.assign({
     breakpointUpper: breakpoints[breakpointUpper] || breakpointUpper
@@ -45636,7 +43812,7 @@ var BaseNavBar = function BaseNavBar(_a) {
 
 var NavBar = styled(BaseNavBar).withConfig({
   displayName: "NavBar",
-  componentId: "cszq6w-3"
+  componentId: "cszq6w-0"
 })({});
 
 function _objectWithoutPropertiesLoose(source, excluded) {
@@ -47660,7 +45836,7 @@ function classNames(prefix, state, className) {
 
 var cleanValue = function cleanValue(value) {
   if (Array.isArray(value)) return value.filter(Boolean);
-  if (_typeof$2(value) === 'object' && value !== null) return [value];
+  if (_typeof(value) === 'object' && value !== null) return [value];
   return [];
 }; // ==============================
 // Handle Input Change
@@ -47809,9 +45985,9 @@ function isMobileDevice() {
 
 function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1(Object(source), true).forEach(function (key) { _defineProperty$1(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _createSuper$5(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$5(); return function _createSuperInternal() { var Super = _getPrototypeOf$2(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$2(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$2(this, result); }; }
+function _createSuper$5(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$5(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct$5() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 function getMenuPlacement(_ref) {
@@ -48000,21 +46176,21 @@ var menuCSS = function menuCSS(_ref2) {
       colors = _ref2$theme.colors;
   return _ref3 = {
     label: 'menu'
-  }, _defineProperty$1(_ref3, alignToControl(placement), '100%'), _defineProperty$1(_ref3, "backgroundColor", colors.neutral0), _defineProperty$1(_ref3, "borderRadius", borderRadius), _defineProperty$1(_ref3, "boxShadow", '0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)'), _defineProperty$1(_ref3, "marginBottom", spacing.menuGutter), _defineProperty$1(_ref3, "marginTop", spacing.menuGutter), _defineProperty$1(_ref3, "position", 'absolute'), _defineProperty$1(_ref3, "width", '100%'), _defineProperty$1(_ref3, "zIndex", 1), _ref3;
+  }, _defineProperty(_ref3, alignToControl(placement), '100%'), _defineProperty(_ref3, "backgroundColor", colors.neutral0), _defineProperty(_ref3, "borderRadius", borderRadius), _defineProperty(_ref3, "boxShadow", '0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)'), _defineProperty(_ref3, "marginBottom", spacing.menuGutter), _defineProperty(_ref3, "marginTop", spacing.menuGutter), _defineProperty(_ref3, "position", 'absolute'), _defineProperty(_ref3, "width", '100%'), _defineProperty(_ref3, "zIndex", 1), _ref3;
 };
 var PortalPlacementContext = /*#__PURE__*/createContext({
   getPortalPlacement: null
 }); // NOTE: internal only
 
 var MenuPlacer = /*#__PURE__*/function (_Component) {
-  _inherits$2(MenuPlacer, _Component);
+  _inherits(MenuPlacer, _Component);
 
   var _super = _createSuper$5(MenuPlacer);
 
   function MenuPlacer() {
     var _this;
 
-    _classCallCheck$2(this, MenuPlacer);
+    _classCallCheck(this, MenuPlacer);
 
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
@@ -48065,7 +46241,7 @@ var MenuPlacer = /*#__PURE__*/function (_Component) {
     return _this;
   }
 
-  _createClass$2(MenuPlacer, [{
+  _createClass(MenuPlacer, [{
     key: "render",
     value: function render() {
       var children = this.props.children;
@@ -48195,14 +46371,14 @@ var menuPortalCSS = function menuPortalCSS(_ref6) {
   };
 };
 var MenuPortal = /*#__PURE__*/function (_Component2) {
-  _inherits$2(MenuPortal, _Component2);
+  _inherits(MenuPortal, _Component2);
 
   var _super2 = _createSuper$5(MenuPortal);
 
   function MenuPortal() {
     var _this2;
 
-    _classCallCheck$2(this, MenuPortal);
+    _classCallCheck(this, MenuPortal);
 
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
@@ -48227,7 +46403,7 @@ var MenuPortal = /*#__PURE__*/function (_Component2) {
     return _this2;
   }
 
-  _createClass$2(MenuPortal, [{
+  _createClass(MenuPortal, [{
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
@@ -48275,7 +46451,7 @@ function equal(a, b) {
   // fast-deep-equal index.js 2.0.1
   if (a === b) return true;
 
-  if (a && b && _typeof$2(a) == 'object' && _typeof$2(b) == 'object') {
+  if (a && b && _typeof(a) == 'object' && _typeof(b) == 'object') {
     var arrA = isArray(a),
         arrB = isArray(b),
         i,
@@ -48695,7 +46871,7 @@ var Control = function Control(props) {
 
 function ownKeys$1$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1$1(Object(source), true).forEach(function (key) { _defineProperty$1(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$1$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1$1(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var groupCSS = function groupCSS(_ref) {
   var spacing = _ref.theme.spacing;
   return {
@@ -48762,7 +46938,7 @@ var GroupHeading = function GroupHeading(props) {
 
 function ownKeys$2$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$2$1(Object(source), true).forEach(function (key) { _defineProperty$1(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$2$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$2$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$2$1(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$2$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var inputCSS = function inputCSS(_ref) {
   var isDisabled = _ref.isDisabled,
       _ref$theme = _ref.theme,
@@ -48817,7 +46993,7 @@ var Input = function Input(_ref2) {
 
 function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3(Object(source), true).forEach(function (key) { _defineProperty$1(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var multiValueCSS = function multiValueCSS(_ref) {
   var _ref$theme = _ref.theme,
       spacing = _ref$theme.spacing,
@@ -49047,7 +47223,7 @@ var SingleValue = function SingleValue(props) {
 
 function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$4(Object(source), true).forEach(function (key) { _defineProperty$1(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$4(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var components = {
   ClearIndicator: ClearIndicator,
   Control: Control,
@@ -49430,7 +47606,7 @@ var stripDiacritics = function stripDiacritics(str) {
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty$1(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var trimString = function trimString(str) {
   return str.replace(/^\s+|\s+$/g, '');
@@ -49525,22 +47701,22 @@ function DummyInput(_ref) {
   }));
 }
 
-function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf$2(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$2(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$2(this, result); }; }
+function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct$2() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var NodeResolver = /*#__PURE__*/function (_Component) {
-  _inherits$2(NodeResolver, _Component);
+  _inherits(NodeResolver, _Component);
 
   var _super = _createSuper$2(NodeResolver);
 
   function NodeResolver() {
-    _classCallCheck$2(this, NodeResolver);
+    _classCallCheck(this, NodeResolver);
 
     return _super.apply(this, arguments);
   }
 
-  _createClass$2(NodeResolver, [{
+  _createClass(NodeResolver, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.props.innerRef(findDOMNode(this));
@@ -49592,21 +47768,21 @@ function isTouchDevice() {
   return 'ontouchstart' in window || navigator.maxTouchPoints;
 }
 
-function _createSuper$1$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1$1(); return function _createSuperInternal() { var Super = _getPrototypeOf$2(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$2(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$2(this, result); }; }
+function _createSuper$1$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1$1(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct$1$1() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
 var activeScrollLocks = 0;
 
 var ScrollLock = /*#__PURE__*/function (_Component) {
-  _inherits$2(ScrollLock, _Component);
+  _inherits(ScrollLock, _Component);
 
   var _super = _createSuper$1$1(ScrollLock);
 
   function ScrollLock() {
     var _this;
 
-    _classCallCheck$2(this, ScrollLock);
+    _classCallCheck(this, ScrollLock);
 
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
@@ -49621,7 +47797,7 @@ var ScrollLock = /*#__PURE__*/function (_Component) {
     return _this;
   }
 
-  _createClass$2(ScrollLock, [{
+  _createClass(ScrollLock, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
@@ -49723,7 +47899,7 @@ ScrollLock.defaultProps = {
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__$1() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
-function _createSuper$2$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2$1(); return function _createSuperInternal() { var Super = _getPrototypeOf$2(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$2(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$2(this, result); }; }
+function _createSuper$2$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2$1(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct$2$1() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
@@ -49742,14 +47918,14 @@ var _ref$1 = process.env.NODE_ENV === "production" ? {
 // - createRef() https://reactjs.org/docs/react-api.html#reactcreateref
 // - forwardRef() https://reactjs.org/docs/react-api.html#reactforwardref
 var ScrollBlock = /*#__PURE__*/function (_PureComponent) {
-  _inherits$2(ScrollBlock, _PureComponent);
+  _inherits(ScrollBlock, _PureComponent);
 
   var _super = _createSuper$2$1(ScrollBlock);
 
   function ScrollBlock() {
     var _this;
 
-    _classCallCheck$2(this, ScrollBlock);
+    _classCallCheck(this, ScrollBlock);
 
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
@@ -49777,7 +47953,7 @@ var ScrollBlock = /*#__PURE__*/function (_PureComponent) {
     return _this;
   }
 
-  _createClass$2(ScrollBlock, [{
+  _createClass(ScrollBlock, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -49813,19 +47989,19 @@ var ScrollBlock = /*#__PURE__*/function (_PureComponent) {
   return ScrollBlock;
 }(PureComponent);
 
-function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf$2(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$2(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$2(this, result); }; }
+function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct$3() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 
 var ScrollCaptor = /*#__PURE__*/function (_Component) {
-  _inherits$2(ScrollCaptor, _Component);
+  _inherits(ScrollCaptor, _Component);
 
   var _super = _createSuper$3(ScrollCaptor);
 
   function ScrollCaptor() {
     var _this;
 
-    _classCallCheck$2(this, ScrollCaptor);
+    _classCallCheck(this, ScrollCaptor);
 
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
@@ -49914,7 +48090,7 @@ var ScrollCaptor = /*#__PURE__*/function (_Component) {
     return _this;
   }
 
-  _createClass$2(ScrollCaptor, [{
+  _createClass(ScrollCaptor, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.startListening(this.scrollTarget);
@@ -50107,9 +48283,9 @@ var defaultTheme = {
 
 function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$2(Object(source), true).forEach(function (key) { _defineProperty$1(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$2(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _createSuper$4(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$4(); return function _createSuperInternal() { var Super = _getPrototypeOf$2(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$2(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$2(this, result); }; }
+function _createSuper$4(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$4(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct$4() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 var defaultProps$2 = {
@@ -50160,7 +48336,7 @@ var defaultProps$2 = {
 var instanceId = 1;
 
 var Select = /*#__PURE__*/function (_Component) {
-  _inherits$2(Select, _Component);
+  _inherits(Select, _Component);
 
   var _super = _createSuper$4(Select);
 
@@ -50174,7 +48350,7 @@ var Select = /*#__PURE__*/function (_Component) {
   function Select(_props) {
     var _this;
 
-    _classCallCheck$2(this, Select);
+    _classCallCheck(this, Select);
 
     _this = _super.call(this, _props);
     _this.state = {
@@ -50961,7 +49137,7 @@ var Select = /*#__PURE__*/function (_Component) {
     };
 
     var _value = _props.value;
-    _this.cacheComponents = memoizeOne(_this.cacheComponents, exportedEqual).bind(_assertThisInitialized$3(_this));
+    _this.cacheComponents = memoizeOne(_this.cacheComponents, exportedEqual).bind(_assertThisInitialized$1(_this));
 
     _this.cacheComponents(_props.components);
 
@@ -50981,7 +49157,7 @@ var Select = /*#__PURE__*/function (_Component) {
           lastSelectValue = _ref9[1];
 
       return newSelectValue === lastSelectValue && newProps.inputValue === lastProps.inputValue && newProps.options === lastProps.options;
-    }).bind(_assertThisInitialized$3(_this));
+    }).bind(_assertThisInitialized$1(_this));
 
     var _menuOptions = _props.menuIsOpen ? _this.buildMenuOptions(_props, _selectValue) : {
       render: [],
@@ -50993,7 +49169,7 @@ var Select = /*#__PURE__*/function (_Component) {
     return _this;
   }
 
-  _createClass$2(Select, [{
+  _createClass(Select, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.startListeningComposition();
@@ -51962,7 +50138,7 @@ var Select = /*#__PURE__*/function (_Component) {
 
 Select.defaultProps = defaultProps$2;
 
-function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf$2(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$2(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$2(this, result); }; }
+function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct$1() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 var defaultProps$1 = {
@@ -51975,14 +50151,14 @@ var manageState = function manageState(SelectComponent) {
   var _class, _temp;
 
   return _temp = _class = /*#__PURE__*/function (_Component) {
-    _inherits$2(StateManager, _Component);
+    _inherits(StateManager, _Component);
 
     var _super = _createSuper$1(StateManager);
 
     function StateManager() {
       var _this;
 
-      _classCallCheck$2(this, StateManager);
+      _classCallCheck(this, StateManager);
 
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
@@ -52033,7 +50209,7 @@ var manageState = function manageState(SelectComponent) {
       return _this;
     }
 
-    _createClass$2(StateManager, [{
+    _createClass(StateManager, [{
       key: "focus",
       value: function focus() {
         this.select.focus();
@@ -52093,7 +50269,7 @@ var manageState = function manageState(SelectComponent) {
   }(Component$1), _class.defaultProps = defaultProps$1, _temp;
 };
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf$2(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$2(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$2(this, result); }; }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 var defaultProps = {
@@ -52106,14 +50282,14 @@ var makeAsyncSelect = function makeAsyncSelect(SelectComponent) {
   var _class, _temp;
 
   return _temp = _class = /*#__PURE__*/function (_Component) {
-    _inherits$2(Async, _Component);
+    _inherits(Async, _Component);
 
     var _super = _createSuper(Async);
 
     function Async(props) {
       var _this;
 
-      _classCallCheck$2(this, Async);
+      _classCallCheck(this, Async);
 
       _this = _super.call(this);
       _this.select = void 0;
@@ -52191,7 +50367,7 @@ var makeAsyncSelect = function makeAsyncSelect(SelectComponent) {
       return _this;
     }
 
-    _createClass$2(Async, [{
+    _createClass(Async, [{
       key: "componentDidMount",
       value: function componentDidMount() {
         var _this2 = this;
@@ -52733,4 +50909,4 @@ var SortingTable = function SortingTable(_a) {
   }, props));
 };
 
-export { ALL_NDS_LOCALES, Alert, AnimatedBox, ApplicationFrame, AsyncSelect, Box, NavBar as BrandedNavBar, Branding, Breadcrumbs, Button, ButtonGroup, Card, CardSet, Checkbox, CheckboxGroup, ControlIcon, DangerButton, DatePicker, DateRange, Divider, DropdownButton, DropdownItem, DropdownLink, DropdownMenu, DropdownText, Field, FieldLabel, Fieldset, Flex, Form, FormSection, Heading1, Heading2, Heading3, Heading4, HelpText, Icon, IconicButton, InlineIcon, InlineValidation, Input$1 as Input, Link, List, ListItem, LoadingAnimation, Modal, NDSProvider, NavBar$1 as NavBar, Overlay, Page, Pagination, PrimaryButton, QuietButton, Radio, RadioGroup, RangeContainer, RequirementText, ReactSelect as Select, SelectClearIndicator, SelectContainer$1 as SelectContainer, SelectControl, SelectDropdownIndicator, SelectInput, SelectMenu, SelectMultiValue, SelectOption, Sidebar, SortingTable, StatusIndicator, Switch, Switcher, Tab, Table, Tabs, Text, Textarea, TimePicker, TimeRange, Toast, ToggleComponent as Toggle, Tooltip, TruncatedText, addStyledProps, Theme as theme, useWindowDimensions };
+export { ALL_NDS_LOCALES, Alert, AnimatedBox, ApplicationFrame, AsyncSelect, Box, BrandLogoContainer, NavBar as BrandedNavBar, Branding, Breadcrumbs, Button, ButtonGroup, Card, CardSet, Checkbox, CheckboxGroup, ControlIcon, DangerButton, DatePicker, DateRange, DesktopMenu, Divider, DropdownButton, DropdownItem, DropdownLink, DropdownMenu, DropdownText, EnvironmentBanner, Field, FieldLabel, Fieldset, Flex, Form, FormSection, Heading1, Heading2, Heading3, Heading4, HelpText, Icon, IconicButton, InlineIcon, InlineValidation, Input$1 as Input, Link, List, ListItem, LoadingAnimation, MenuTrigger, Modal, NDSProvider, NavBar$1 as NavBar, NavBarBackground, Overlay, Page, Pagination, PrimaryButton, QuietButton, Radio, RadioGroup, RangeContainer, RequirementText, ReactSelect as Select, SelectClearIndicator, SelectContainer$1 as SelectContainer, SelectControl, SelectDropdownIndicator, SelectInput, SelectMenu, SelectMultiValue, SelectOption, Sidebar, SmallNavBar, SortingTable, StatusIndicator, Switch, Switcher, Tab, Table, Tabs, Text, Textarea, TimePicker, TimeRange, Toast, ToggleComponent as Toggle, Tooltip, TruncatedText, addStyledProps, Theme as theme, useWindowDimensions };