@vchasno/ui-kit 0.3.34 → 0.4.0

package/dist/Menu/index.js

@@ -1,2968 +0,0 @@
-import React, { useMemo, createContext, forwardRef, useState, useRef, useCallback, useLayoutEffect, useEffect, useReducer, useContext, useImperativeHandle, Fragment, cloneElement, memo } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { unstable_batchedUpdates, flushSync, createPortal } from 'react-dom';
-
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol */
-
-
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-var classnames = {exports: {}};
-
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-
-(function (module) {
-	/* global define */
-
-	(function () {
-
-		var hasOwn = {}.hasOwnProperty;
-
-		function classNames () {
-			var classes = '';
-
-			for (var i = 0; i < arguments.length; i++) {
-				var arg = arguments[i];
-				if (arg) {
-					classes = appendClass(classes, parseValue(arg));
-				}
-			}
-
-			return classes;
-		}
-
-		function parseValue (arg) {
-			if (typeof arg === 'string' || typeof arg === 'number') {
-				return arg;
-			}
-
-			if (typeof arg !== 'object') {
-				return '';
-			}
-
-			if (Array.isArray(arg)) {
-				return classNames.apply(null, arg);
-			}
-
-			if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
-				return arg.toString();
-			}
-
-			var classes = '';
-
-			for (var key in arg) {
-				if (hasOwn.call(arg, key) && arg[key]) {
-					classes = appendClass(classes, key);
-				}
-			}
-
-			return classes;
-		}
-
-		function appendClass (value, newClass) {
-			if (!newClass) {
-				return value;
-			}
-		
-			if (value) {
-				return value + ' ' + newClass;
-			}
-		
-			return value + newClass;
-		}
-
-		if (module.exports) {
-			classNames.default = classNames;
-			module.exports = classNames;
-		} else {
-			window.classNames = classNames;
-		}
-	}()); 
-} (classnames));
-
-var classnamesExports = classnames.exports;
-var cn = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
-
-var propTypes = {exports: {}};
-
-var reactIs = {exports: {}};
-
-var reactIs_production_min = {};
-
-/** @license React v16.13.1
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var hasRequiredReactIs_production_min;
-
-function requireReactIs_production_min () {
-	if (hasRequiredReactIs_production_min) return reactIs_production_min;
-	hasRequiredReactIs_production_min = 1;
-var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?
-	Symbol.for("react.suspense_list"):60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;
-	function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}reactIs_production_min.AsyncMode=l;reactIs_production_min.ConcurrentMode=m;reactIs_production_min.ContextConsumer=k;reactIs_production_min.ContextProvider=h;reactIs_production_min.Element=c;reactIs_production_min.ForwardRef=n;reactIs_production_min.Fragment=e;reactIs_production_min.Lazy=t;reactIs_production_min.Memo=r;reactIs_production_min.Portal=d;
-	reactIs_production_min.Profiler=g;reactIs_production_min.StrictMode=f;reactIs_production_min.Suspense=p;reactIs_production_min.isAsyncMode=function(a){return A(a)||z(a)===l};reactIs_production_min.isConcurrentMode=A;reactIs_production_min.isContextConsumer=function(a){return z(a)===k};reactIs_production_min.isContextProvider=function(a){return z(a)===h};reactIs_production_min.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};reactIs_production_min.isForwardRef=function(a){return z(a)===n};reactIs_production_min.isFragment=function(a){return z(a)===e};reactIs_production_min.isLazy=function(a){return z(a)===t};
-	reactIs_production_min.isMemo=function(a){return z(a)===r};reactIs_production_min.isPortal=function(a){return z(a)===d};reactIs_production_min.isProfiler=function(a){return z(a)===g};reactIs_production_min.isStrictMode=function(a){return z(a)===f};reactIs_production_min.isSuspense=function(a){return z(a)===p};
-	reactIs_production_min.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};reactIs_production_min.typeOf=z;
-	return reactIs_production_min;
-}
-
-var reactIs_development = {};
-
-/** @license React v16.13.1
- * react-is.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var hasRequiredReactIs_development;
-
-function requireReactIs_development () {
-	if (hasRequiredReactIs_development) return reactIs_development;
-	hasRequiredReactIs_development = 1;
-
-
-
-	if (process.env.NODE_ENV !== "production") {
-	  (function() {
-
-	// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
-	// nor polyfill, then a plain number is used for performance.
-	var hasSymbol = typeof Symbol === 'function' && Symbol.for;
-	var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
-	var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
-	var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
-	var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
-	var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
-	var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
-	var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
-	// (unstable) APIs that have been removed. Can we remove the symbols?
-
-	var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;
-	var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
-	var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
-	var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
-	var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
-	var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
-	var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
-	var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for('react.block') : 0xead9;
-	var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
-	var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
-	var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;
-
-	function isValidElementType(type) {
-	  return typeof type === 'string' || typeof type === 'function' || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-	  type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
-	}
-
-	function typeOf(object) {
-	  if (typeof object === 'object' && object !== null) {
-	    var $$typeof = object.$$typeof;
-
-	    switch ($$typeof) {
-	      case REACT_ELEMENT_TYPE:
-	        var type = object.type;
-
-	        switch (type) {
-	          case REACT_ASYNC_MODE_TYPE:
-	          case REACT_CONCURRENT_MODE_TYPE:
-	          case REACT_FRAGMENT_TYPE:
-	          case REACT_PROFILER_TYPE:
-	          case REACT_STRICT_MODE_TYPE:
-	          case REACT_SUSPENSE_TYPE:
-	            return type;
-
-	          default:
-	            var $$typeofType = type && type.$$typeof;
-
-	            switch ($$typeofType) {
-	              case REACT_CONTEXT_TYPE:
-	              case REACT_FORWARD_REF_TYPE:
-	              case REACT_LAZY_TYPE:
-	              case REACT_MEMO_TYPE:
-	              case REACT_PROVIDER_TYPE:
-	                return $$typeofType;
-
-	              default:
-	                return $$typeof;
-	            }
-
-	        }
-
-	      case REACT_PORTAL_TYPE:
-	        return $$typeof;
-	    }
-	  }
-
-	  return undefined;
-	} // AsyncMode is deprecated along with isAsyncMode
-
-	var AsyncMode = REACT_ASYNC_MODE_TYPE;
-	var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
-	var ContextConsumer = REACT_CONTEXT_TYPE;
-	var ContextProvider = REACT_PROVIDER_TYPE;
-	var Element = REACT_ELEMENT_TYPE;
-	var ForwardRef = REACT_FORWARD_REF_TYPE;
-	var Fragment = REACT_FRAGMENT_TYPE;
-	var Lazy = REACT_LAZY_TYPE;
-	var Memo = REACT_MEMO_TYPE;
-	var Portal = REACT_PORTAL_TYPE;
-	var Profiler = REACT_PROFILER_TYPE;
-	var StrictMode = REACT_STRICT_MODE_TYPE;
-	var Suspense = REACT_SUSPENSE_TYPE;
-	var hasWarnedAboutDeprecatedIsAsyncMode = false; // AsyncMode should be deprecated
-
-	function isAsyncMode(object) {
-	  {
-	    if (!hasWarnedAboutDeprecatedIsAsyncMode) {
-	      hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint
-
-	      console['warn']('The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 17+. Update your code to use ' + 'ReactIs.isConcurrentMode() instead. It has the exact same API.');
-	    }
-	  }
-
-	  return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
-	}
-	function isConcurrentMode(object) {
-	  return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
-	}
-	function isContextConsumer(object) {
-	  return typeOf(object) === REACT_CONTEXT_TYPE;
-	}
-	function isContextProvider(object) {
-	  return typeOf(object) === REACT_PROVIDER_TYPE;
-	}
-	function isElement(object) {
-	  return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
-	}
-	function isForwardRef(object) {
-	  return typeOf(object) === REACT_FORWARD_REF_TYPE;
-	}
-	function isFragment(object) {
-	  return typeOf(object) === REACT_FRAGMENT_TYPE;
-	}
-	function isLazy(object) {
-	  return typeOf(object) === REACT_LAZY_TYPE;
-	}
-	function isMemo(object) {
-	  return typeOf(object) === REACT_MEMO_TYPE;
-	}
-	function isPortal(object) {
-	  return typeOf(object) === REACT_PORTAL_TYPE;
-	}
-	function isProfiler(object) {
-	  return typeOf(object) === REACT_PROFILER_TYPE;
-	}
-	function isStrictMode(object) {
-	  return typeOf(object) === REACT_STRICT_MODE_TYPE;
-	}
-	function isSuspense(object) {
-	  return typeOf(object) === REACT_SUSPENSE_TYPE;
-	}
-
-	reactIs_development.AsyncMode = AsyncMode;
-	reactIs_development.ConcurrentMode = ConcurrentMode;
-	reactIs_development.ContextConsumer = ContextConsumer;
-	reactIs_development.ContextProvider = ContextProvider;
-	reactIs_development.Element = Element;
-	reactIs_development.ForwardRef = ForwardRef;
-	reactIs_development.Fragment = Fragment;
-	reactIs_development.Lazy = Lazy;
-	reactIs_development.Memo = Memo;
-	reactIs_development.Portal = Portal;
-	reactIs_development.Profiler = Profiler;
-	reactIs_development.StrictMode = StrictMode;
-	reactIs_development.Suspense = Suspense;
-	reactIs_development.isAsyncMode = isAsyncMode;
-	reactIs_development.isConcurrentMode = isConcurrentMode;
-	reactIs_development.isContextConsumer = isContextConsumer;
-	reactIs_development.isContextProvider = isContextProvider;
-	reactIs_development.isElement = isElement;
-	reactIs_development.isForwardRef = isForwardRef;
-	reactIs_development.isFragment = isFragment;
-	reactIs_development.isLazy = isLazy;
-	reactIs_development.isMemo = isMemo;
-	reactIs_development.isPortal = isPortal;
-	reactIs_development.isProfiler = isProfiler;
-	reactIs_development.isStrictMode = isStrictMode;
-	reactIs_development.isSuspense = isSuspense;
-	reactIs_development.isValidElementType = isValidElementType;
-	reactIs_development.typeOf = typeOf;
-	  })();
-	}
-	return reactIs_development;
-}
-
-var hasRequiredReactIs;
-
-function requireReactIs () {
-	if (hasRequiredReactIs) return reactIs.exports;
-	hasRequiredReactIs = 1;
-
-	if (process.env.NODE_ENV === 'production') {
-	  reactIs.exports = requireReactIs_production_min();
-	} else {
-	  reactIs.exports = requireReactIs_development();
-	}
-	return reactIs.exports;
-}
-
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-
-var objectAssign;
-var hasRequiredObjectAssign;
-
-function requireObjectAssign () {
-	if (hasRequiredObjectAssign) return objectAssign;
-	hasRequiredObjectAssign = 1;
-	/* eslint-disable no-unused-vars */
-	var getOwnPropertySymbols = Object.getOwnPropertySymbols;
-	var hasOwnProperty = Object.prototype.hasOwnProperty;
-	var propIsEnumerable = Object.prototype.propertyIsEnumerable;
-
-	function toObject(val) {
-		if (val === null || val === undefined) {
-			throw new TypeError('Object.assign cannot be called with null or undefined');
-		}
-
-		return Object(val);
-	}
-
-	function shouldUseNative() {
-		try {
-			if (!Object.assign) {
-				return false;
-			}
-
-			// Detect buggy property enumeration order in older V8 versions.
-
-			// https://bugs.chromium.org/p/v8/issues/detail?id=4118
-			var test1 = new String('abc');  // eslint-disable-line no-new-wrappers
-			test1[5] = 'de';
-			if (Object.getOwnPropertyNames(test1)[0] === '5') {
-				return false;
-			}
-
-			// https://bugs.chromium.org/p/v8/issues/detail?id=3056
-			var test2 = {};
-			for (var i = 0; i < 10; i++) {
-				test2['_' + String.fromCharCode(i)] = i;
-			}
-			var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
-				return test2[n];
-			});
-			if (order2.join('') !== '0123456789') {
-				return false;
-			}
-
-			// https://bugs.chromium.org/p/v8/issues/detail?id=3056
-			var test3 = {};
-			'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
-				test3[letter] = letter;
-			});
-			if (Object.keys(Object.assign({}, test3)).join('') !==
-					'abcdefghijklmnopqrst') {
-				return false;
-			}
-
-			return true;
-		} catch (err) {
-			// We don't expect any of the above to throw, but better to be safe.
-			return false;
-		}
-	}
-
-	objectAssign = shouldUseNative() ? Object.assign : function (target, source) {
-		var from;
-		var to = toObject(target);
-		var symbols;
-
-		for (var s = 1; s < arguments.length; s++) {
-			from = Object(arguments[s]);
-
-			for (var key in from) {
-				if (hasOwnProperty.call(from, key)) {
-					to[key] = from[key];
-				}
-			}
-
-			if (getOwnPropertySymbols) {
-				symbols = getOwnPropertySymbols(from);
-				for (var i = 0; i < symbols.length; i++) {
-					if (propIsEnumerable.call(from, symbols[i])) {
-						to[symbols[i]] = from[symbols[i]];
-					}
-				}
-			}
-		}
-
-		return to;
-	};
-	return objectAssign;
-}
-
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var ReactPropTypesSecret_1;
-var hasRequiredReactPropTypesSecret;
-
-function requireReactPropTypesSecret () {
-	if (hasRequiredReactPropTypesSecret) return ReactPropTypesSecret_1;
-	hasRequiredReactPropTypesSecret = 1;
-
-	var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
-
-	ReactPropTypesSecret_1 = ReactPropTypesSecret;
-	return ReactPropTypesSecret_1;
-}
-
-var has;
-var hasRequiredHas;
-
-function requireHas () {
-	if (hasRequiredHas) return has;
-	hasRequiredHas = 1;
-	has = Function.call.bind(Object.prototype.hasOwnProperty);
-	return has;
-}
-
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var checkPropTypes_1;
-var hasRequiredCheckPropTypes;
-
-function requireCheckPropTypes () {
-	if (hasRequiredCheckPropTypes) return checkPropTypes_1;
-	hasRequiredCheckPropTypes = 1;
-
-	var printWarning = function() {};
-
-	if (process.env.NODE_ENV !== 'production') {
-	  var ReactPropTypesSecret = requireReactPropTypesSecret();
-	  var loggedTypeFailures = {};
-	  var has = requireHas();
-
-	  printWarning = function(text) {
-	    var message = 'Warning: ' + text;
-	    if (typeof console !== 'undefined') {
-	      console.error(message);
-	    }
-	    try {
-	      // --- Welcome to debugging React ---
-	      // This error was thrown as a convenience so that you can use this stack
-	      // to find the callsite that caused this warning to fire.
-	      throw new Error(message);
-	    } catch (x) { /**/ }
-	  };
-	}
-
-	/**
-	 * Assert that the values match with the type specs.
-	 * Error messages are memorized and will only be shown once.
-	 *
-	 * @param {object} typeSpecs Map of name to a ReactPropType
-	 * @param {object} values Runtime values that need to be type-checked
-	 * @param {string} location e.g. "prop", "context", "child context"
-	 * @param {string} componentName Name of the component for error messages.
-	 * @param {?Function} getStack Returns the component stack.
-	 * @private
-	 */
-	function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
-	  if (process.env.NODE_ENV !== 'production') {
-	    for (var typeSpecName in typeSpecs) {
-	      if (has(typeSpecs, typeSpecName)) {
-	        var error;
-	        // Prop type validation may throw. In case they do, we don't want to
-	        // fail the render phase where it didn't fail before. So we log it.
-	        // After these have been cleaned up, we'll let them throw.
-	        try {
-	          // This is intentionally an invariant that gets caught. It's the same
-	          // behavior as without this statement except with a better message.
-	          if (typeof typeSpecs[typeSpecName] !== 'function') {
-	            var err = Error(
-	              (componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' +
-	              'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' +
-	              'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.'
-	            );
-	            err.name = 'Invariant Violation';
-	            throw err;
-	          }
-	          error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);
-	        } catch (ex) {
-	          error = ex;
-	        }
-	        if (error && !(error instanceof Error)) {
-	          printWarning(
-	            (componentName || 'React class') + ': type specification of ' +
-	            location + ' `' + typeSpecName + '` is invalid; the type checker ' +
-	            'function must return `null` or an `Error` but returned a ' + typeof error + '. ' +
-	            'You may have forgotten to pass an argument to the type checker ' +
-	            'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' +
-	            'shape all require an argument).'
-	          );
-	        }
-	        if (error instanceof Error && !(error.message in loggedTypeFailures)) {
-	          // Only monitor this failure once because there tends to be a lot of the
-	          // same error.
-	          loggedTypeFailures[error.message] = true;
-
-	          var stack = getStack ? getStack() : '';
-
-	          printWarning(
-	            'Failed ' + location + ' type: ' + error.message + (stack != null ? stack : '')
-	          );
-	        }
-	      }
-	    }
-	  }
-	}
-
-	/**
-	 * Resets warning cache when testing.
-	 *
-	 * @private
-	 */
-	checkPropTypes.resetWarningCache = function() {
-	  if (process.env.NODE_ENV !== 'production') {
-	    loggedTypeFailures = {};
-	  }
-	};
-
-	checkPropTypes_1 = checkPropTypes;
-	return checkPropTypes_1;
-}
-
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var factoryWithTypeCheckers;
-var hasRequiredFactoryWithTypeCheckers;
-
-function requireFactoryWithTypeCheckers () {
-	if (hasRequiredFactoryWithTypeCheckers) return factoryWithTypeCheckers;
-	hasRequiredFactoryWithTypeCheckers = 1;
-
-	var ReactIs = requireReactIs();
-	var assign = requireObjectAssign();
-
-	var ReactPropTypesSecret = requireReactPropTypesSecret();
-	var has = requireHas();
-	var checkPropTypes = requireCheckPropTypes();
-
-	var printWarning = function() {};
-
-	if (process.env.NODE_ENV !== 'production') {
-	  printWarning = function(text) {
-	    var message = 'Warning: ' + text;
-	    if (typeof console !== 'undefined') {
-	      console.error(message);
-	    }
-	    try {
-	      // --- Welcome to debugging React ---
-	      // This error was thrown as a convenience so that you can use this stack
-	      // to find the callsite that caused this warning to fire.
-	      throw new Error(message);
-	    } catch (x) {}
-	  };
-	}
-
-	function emptyFunctionThatReturnsNull() {
-	  return null;
-	}
-
-	factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
-	  /* global Symbol */
-	  var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
-	  var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec.
-
-	  /**
-	   * Returns the iterator method function contained on the iterable object.
-	   *
-	   * Be sure to invoke the function with the iterable as context:
-	   *
-	   *     var iteratorFn = getIteratorFn(myIterable);
-	   *     if (iteratorFn) {
-	   *       var iterator = iteratorFn.call(myIterable);
-	   *       ...
-	   *     }
-	   *
-	   * @param {?object} maybeIterable
-	   * @return {?function}
-	   */
-	  function getIteratorFn(maybeIterable) {
-	    var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]);
-	    if (typeof iteratorFn === 'function') {
-	      return iteratorFn;
-	    }
-	  }
-
-	  /**
-	   * Collection of methods that allow declaration and validation of props that are
-	   * supplied to React components. Example usage:
-	   *
-	   *   var Props = require('ReactPropTypes');
-	   *   var MyArticle = React.createClass({
-	   *     propTypes: {
-	   *       // An optional string prop named "description".
-	   *       description: Props.string,
-	   *
-	   *       // A required enum prop named "category".
-	   *       category: Props.oneOf(['News','Photos']).isRequired,
-	   *
-	   *       // A prop named "dialog" that requires an instance of Dialog.
-	   *       dialog: Props.instanceOf(Dialog).isRequired
-	   *     },
-	   *     render: function() { ... }
-	   *   });
-	   *
-	   * A more formal specification of how these methods are used:
-	   *
-	   *   type := array|bool|func|object|number|string|oneOf([...])|instanceOf(...)
-	   *   decl := ReactPropTypes.{type}(.isRequired)?
-	   *
-	   * Each and every declaration produces a function with the same signature. This
-	   * allows the creation of custom validation functions. For example:
-	   *
-	   *  var MyLink = React.createClass({
-	   *    propTypes: {
-	   *      // An optional string or URI prop named "href".
-	   *      href: function(props, propName, componentName) {
-	   *        var propValue = props[propName];
-	   *        if (propValue != null && typeof propValue !== 'string' &&
-	   *            !(propValue instanceof URI)) {
-	   *          return new Error(
-	   *            'Expected a string or an URI for ' + propName + ' in ' +
-	   *            componentName
-	   *          );
-	   *        }
-	   *      }
-	   *    },
-	   *    render: function() {...}
-	   *  });
-	   *
-	   * @internal
-	   */
-
-	  var ANONYMOUS = '<<anonymous>>';
-
-	  // Important!
-	  // Keep this list in sync with production version in `./factoryWithThrowingShims.js`.
-	  var ReactPropTypes = {
-	    array: createPrimitiveTypeChecker('array'),
-	    bigint: createPrimitiveTypeChecker('bigint'),
-	    bool: createPrimitiveTypeChecker('boolean'),
-	    func: createPrimitiveTypeChecker('function'),
-	    number: createPrimitiveTypeChecker('number'),
-	    object: createPrimitiveTypeChecker('object'),
-	    string: createPrimitiveTypeChecker('string'),
-	    symbol: createPrimitiveTypeChecker('symbol'),
-
-	    any: createAnyTypeChecker(),
-	    arrayOf: createArrayOfTypeChecker,
-	    element: createElementTypeChecker(),
-	    elementType: createElementTypeTypeChecker(),
-	    instanceOf: createInstanceTypeChecker,
-	    node: createNodeChecker(),
-	    objectOf: createObjectOfTypeChecker,
-	    oneOf: createEnumTypeChecker,
-	    oneOfType: createUnionTypeChecker,
-	    shape: createShapeTypeChecker,
-	    exact: createStrictShapeTypeChecker,
-	  };
-
-	  /**
-	   * inlined Object.is polyfill to avoid requiring consumers ship their own
-	   * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
-	   */
-	  /*eslint-disable no-self-compare*/
-	  function is(x, y) {
-	    // SameValue algorithm
-	    if (x === y) {
-	      // Steps 1-5, 7-10
-	      // Steps 6.b-6.e: +0 != -0
-	      return x !== 0 || 1 / x === 1 / y;
-	    } else {
-	      // Step 6.a: NaN == NaN
-	      return x !== x && y !== y;
-	    }
-	  }
-	  /*eslint-enable no-self-compare*/
-
-	  /**
-	   * We use an Error-like object for backward compatibility as people may call
-	   * PropTypes directly and inspect their output. However, we don't use real
-	   * Errors anymore. We don't inspect their stack anyway, and creating them
-	   * is prohibitively expensive if they are created too often, such as what
-	   * happens in oneOfType() for any type before the one that matched.
-	   */
-	  function PropTypeError(message, data) {
-	    this.message = message;
-	    this.data = data && typeof data === 'object' ? data: {};
-	    this.stack = '';
-	  }
-	  // Make `instanceof Error` still work for returned errors.
-	  PropTypeError.prototype = Error.prototype;
-
-	  function createChainableTypeChecker(validate) {
-	    if (process.env.NODE_ENV !== 'production') {
-	      var manualPropTypeCallCache = {};
-	      var manualPropTypeWarningCount = 0;
-	    }
-	    function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {
-	      componentName = componentName || ANONYMOUS;
-	      propFullName = propFullName || propName;
-
-	      if (secret !== ReactPropTypesSecret) {
-	        if (throwOnDirectAccess) {
-	          // New behavior only for users of `prop-types` package
-	          var err = new Error(
-	            'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
-	            'Use `PropTypes.checkPropTypes()` to call them. ' +
-	            'Read more at http://fb.me/use-check-prop-types'
-	          );
-	          err.name = 'Invariant Violation';
-	          throw err;
-	        } else if (process.env.NODE_ENV !== 'production' && typeof console !== 'undefined') {
-	          // Old behavior for people using React.PropTypes
-	          var cacheKey = componentName + ':' + propName;
-	          if (
-	            !manualPropTypeCallCache[cacheKey] &&
-	            // Avoid spamming the console because they are often not actionable except for lib authors
-	            manualPropTypeWarningCount < 3
-	          ) {
-	            printWarning(
-	              'You are manually calling a React.PropTypes validation ' +
-	              'function for the `' + propFullName + '` prop on `' + componentName + '`. This is deprecated ' +
-	              'and will throw in the standalone `prop-types` package. ' +
-	              'You may be seeing this warning due to a third-party PropTypes ' +
-	              'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.'
-	            );
-	            manualPropTypeCallCache[cacheKey] = true;
-	            manualPropTypeWarningCount++;
-	          }
-	        }
-	      }
-	      if (props[propName] == null) {
-	        if (isRequired) {
-	          if (props[propName] === null) {
-	            return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required ' + ('in `' + componentName + '`, but its value is `null`.'));
-	          }
-	          return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required in ' + ('`' + componentName + '`, but its value is `undefined`.'));
-	        }
-	        return null;
-	      } else {
-	        return validate(props, propName, componentName, location, propFullName);
-	      }
-	    }
-
-	    var chainedCheckType = checkType.bind(null, false);
-	    chainedCheckType.isRequired = checkType.bind(null, true);
-
-	    return chainedCheckType;
-	  }
-
-	  function createPrimitiveTypeChecker(expectedType) {
-	    function validate(props, propName, componentName, location, propFullName, secret) {
-	      var propValue = props[propName];
-	      var propType = getPropType(propValue);
-	      if (propType !== expectedType) {
-	        // `propValue` being instance of, say, date/regexp, pass the 'object'
-	        // check, but we can offer a more precise error message here rather than
-	        // 'of type `object`'.
-	        var preciseType = getPreciseType(propValue);
-
-	        return new PropTypeError(
-	          'Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'),
-	          {expectedType: expectedType}
-	        );
-	      }
-	      return null;
-	    }
-	    return createChainableTypeChecker(validate);
-	  }
-
-	  function createAnyTypeChecker() {
-	    return createChainableTypeChecker(emptyFunctionThatReturnsNull);
-	  }
-
-	  function createArrayOfTypeChecker(typeChecker) {
-	    function validate(props, propName, componentName, location, propFullName) {
-	      if (typeof typeChecker !== 'function') {
-	        return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside arrayOf.');
-	      }
-	      var propValue = props[propName];
-	      if (!Array.isArray(propValue)) {
-	        var propType = getPropType(propValue);
-	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.'));
-	      }
-	      for (var i = 0; i < propValue.length; i++) {
-	        var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret);
-	        if (error instanceof Error) {
-	          return error;
-	        }
-	      }
-	      return null;
-	    }
-	    return createChainableTypeChecker(validate);
-	  }
-
-	  function createElementTypeChecker() {
-	    function validate(props, propName, componentName, location, propFullName) {
-	      var propValue = props[propName];
-	      if (!isValidElement(propValue)) {
-	        var propType = getPropType(propValue);
-	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement.'));
-	      }
-	      return null;
-	    }
-	    return createChainableTypeChecker(validate);
-	  }
-
-	  function createElementTypeTypeChecker() {
-	    function validate(props, propName, componentName, location, propFullName) {
-	      var propValue = props[propName];
-	      if (!ReactIs.isValidElementType(propValue)) {
-	        var propType = getPropType(propValue);
-	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement type.'));
-	      }
-	      return null;
-	    }
-	    return createChainableTypeChecker(validate);
-	  }
-
-	  function createInstanceTypeChecker(expectedClass) {
-	    function validate(props, propName, componentName, location, propFullName) {
-	      if (!(props[propName] instanceof expectedClass)) {
-	        var expectedClassName = expectedClass.name || ANONYMOUS;
-	        var actualClassName = getClassName(props[propName]);
-	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + actualClassName + '` supplied to `' + componentName + '`, expected ') + ('instance of `' + expectedClassName + '`.'));
-	      }
-	      return null;
-	    }
-	    return createChainableTypeChecker(validate);
-	  }
-
-	  function createEnumTypeChecker(expectedValues) {
-	    if (!Array.isArray(expectedValues)) {
-	      if (process.env.NODE_ENV !== 'production') {
-	        if (arguments.length > 1) {
-	          printWarning(
-	            'Invalid arguments supplied to oneOf, expected an array, got ' + arguments.length + ' arguments. ' +
-	            'A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).'
-	          );
-	        } else {
-	          printWarning('Invalid argument supplied to oneOf, expected an array.');
-	        }
-	      }
-	      return emptyFunctionThatReturnsNull;
-	    }
-
-	    function validate(props, propName, componentName, location, propFullName) {
-	      var propValue = props[propName];
-	      for (var i = 0; i < expectedValues.length; i++) {
-	        if (is(propValue, expectedValues[i])) {
-	          return null;
-	        }
-	      }
-
-	      var valuesString = JSON.stringify(expectedValues, function replacer(key, value) {
-	        var type = getPreciseType(value);
-	        if (type === 'symbol') {
-	          return String(value);
-	        }
-	        return value;
-	      });
-	      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of value `' + String(propValue) + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.'));
-	    }
-	    return createChainableTypeChecker(validate);
-	  }
-
-	  function createObjectOfTypeChecker(typeChecker) {
-	    function validate(props, propName, componentName, location, propFullName) {
-	      if (typeof typeChecker !== 'function') {
-	        return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside objectOf.');
-	      }
-	      var propValue = props[propName];
-	      var propType = getPropType(propValue);
-	      if (propType !== 'object') {
-	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.'));
-	      }
-	      for (var key in propValue) {
-	        if (has(propValue, key)) {
-	          var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
-	          if (error instanceof Error) {
-	            return error;
-	          }
-	        }
-	      }
-	      return null;
-	    }
-	    return createChainableTypeChecker(validate);
-	  }
-
-	  function createUnionTypeChecker(arrayOfTypeCheckers) {
-	    if (!Array.isArray(arrayOfTypeCheckers)) {
-	      process.env.NODE_ENV !== 'production' ? printWarning('Invalid argument supplied to oneOfType, expected an instance of array.') : void 0;
-	      return emptyFunctionThatReturnsNull;
-	    }
-
-	    for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
-	      var checker = arrayOfTypeCheckers[i];
-	      if (typeof checker !== 'function') {
-	        printWarning(
-	          'Invalid argument supplied to oneOfType. Expected an array of check functions, but ' +
-	          'received ' + getPostfixForTypeWarning(checker) + ' at index ' + i + '.'
-	        );
-	        return emptyFunctionThatReturnsNull;
-	      }
-	    }
-
-	    function validate(props, propName, componentName, location, propFullName) {
-	      var expectedTypes = [];
-	      for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
-	        var checker = arrayOfTypeCheckers[i];
-	        var checkerResult = checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret);
-	        if (checkerResult == null) {
-	          return null;
-	        }
-	        if (checkerResult.data && has(checkerResult.data, 'expectedType')) {
-	          expectedTypes.push(checkerResult.data.expectedType);
-	        }
-	      }
-	      var expectedTypesMessage = (expectedTypes.length > 0) ? ', expected one of type [' + expectedTypes.join(', ') + ']': '';
-	      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`' + expectedTypesMessage + '.'));
-	    }
-	    return createChainableTypeChecker(validate);
-	  }
-
-	  function createNodeChecker() {
-	    function validate(props, propName, componentName, location, propFullName) {
-	      if (!isNode(props[propName])) {
-	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`, expected a ReactNode.'));
-	      }
-	      return null;
-	    }
-	    return createChainableTypeChecker(validate);
-	  }
-
-	  function invalidValidatorError(componentName, location, propFullName, key, type) {
-	    return new PropTypeError(
-	      (componentName || 'React class') + ': ' + location + ' type `' + propFullName + '.' + key + '` is invalid; ' +
-	      'it must be a function, usually from the `prop-types` package, but received `' + type + '`.'
-	    );
-	  }
-
-	  function createShapeTypeChecker(shapeTypes) {
-	    function validate(props, propName, componentName, location, propFullName) {
-	      var propValue = props[propName];
-	      var propType = getPropType(propValue);
-	      if (propType !== 'object') {
-	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
-	      }
-	      for (var key in shapeTypes) {
-	        var checker = shapeTypes[key];
-	        if (typeof checker !== 'function') {
-	          return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
-	        }
-	        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
-	        if (error) {
-	          return error;
-	        }
-	      }
-	      return null;
-	    }
-	    return createChainableTypeChecker(validate);
-	  }
-
-	  function createStrictShapeTypeChecker(shapeTypes) {
-	    function validate(props, propName, componentName, location, propFullName) {
-	      var propValue = props[propName];
-	      var propType = getPropType(propValue);
-	      if (propType !== 'object') {
-	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
-	      }
-	      // We need to check all keys in case some are required but missing from props.
-	      var allKeys = assign({}, props[propName], shapeTypes);
-	      for (var key in allKeys) {
-	        var checker = shapeTypes[key];
-	        if (has(shapeTypes, key) && typeof checker !== 'function') {
-	          return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
-	        }
-	        if (!checker) {
-	          return new PropTypeError(
-	            'Invalid ' + location + ' `' + propFullName + '` key `' + key + '` supplied to `' + componentName + '`.' +
-	            '\nBad object: ' + JSON.stringify(props[propName], null, '  ') +
-	            '\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, '  ')
-	          );
-	        }
-	        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
-	        if (error) {
-	          return error;
-	        }
-	      }
-	      return null;
-	    }
-
-	    return createChainableTypeChecker(validate);
-	  }
-
-	  function isNode(propValue) {
-	    switch (typeof propValue) {
-	      case 'number':
-	      case 'string':
-	      case 'undefined':
-	        return true;
-	      case 'boolean':
-	        return !propValue;
-	      case 'object':
-	        if (Array.isArray(propValue)) {
-	          return propValue.every(isNode);
-	        }
-	        if (propValue === null || isValidElement(propValue)) {
-	          return true;
-	        }
-
-	        var iteratorFn = getIteratorFn(propValue);
-	        if (iteratorFn) {
-	          var iterator = iteratorFn.call(propValue);
-	          var step;
-	          if (iteratorFn !== propValue.entries) {
-	            while (!(step = iterator.next()).done) {
-	              if (!isNode(step.value)) {
-	                return false;
-	              }
-	            }
-	          } else {
-	            // Iterator will provide entry [k,v] tuples rather than values.
-	            while (!(step = iterator.next()).done) {
-	              var entry = step.value;
-	              if (entry) {
-	                if (!isNode(entry[1])) {
-	                  return false;
-	                }
-	              }
-	            }
-	          }
-	        } else {
-	          return false;
-	        }
-
-	        return true;
-	      default:
-	        return false;
-	    }
-	  }
-
-	  function isSymbol(propType, propValue) {
-	    // Native Symbol.
-	    if (propType === 'symbol') {
-	      return true;
-	    }
-
-	    // falsy value can't be a Symbol
-	    if (!propValue) {
-	      return false;
-	    }
-
-	    // 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol'
-	    if (propValue['@@toStringTag'] === 'Symbol') {
-	      return true;
-	    }
-
-	    // Fallback for non-spec compliant Symbols which are polyfilled.
-	    if (typeof Symbol === 'function' && propValue instanceof Symbol) {
-	      return true;
-	    }
-
-	    return false;
-	  }
-
-	  // Equivalent of `typeof` but with special handling for array and regexp.
-	  function getPropType(propValue) {
-	    var propType = typeof propValue;
-	    if (Array.isArray(propValue)) {
-	      return 'array';
-	    }
-	    if (propValue instanceof RegExp) {
-	      // Old webkits (at least until Android 4.0) return 'function' rather than
-	      // 'object' for typeof a RegExp. We'll normalize this here so that /bla/
-	      // passes PropTypes.object.
-	      return 'object';
-	    }
-	    if (isSymbol(propType, propValue)) {
-	      return 'symbol';
-	    }
-	    return propType;
-	  }
-
-	  // This handles more types than `getPropType`. Only used for error messages.
-	  // See `createPrimitiveTypeChecker`.
-	  function getPreciseType(propValue) {
-	    if (typeof propValue === 'undefined' || propValue === null) {
-	      return '' + propValue;
-	    }
-	    var propType = getPropType(propValue);
-	    if (propType === 'object') {
-	      if (propValue instanceof Date) {
-	        return 'date';
-	      } else if (propValue instanceof RegExp) {
-	        return 'regexp';
-	      }
-	    }
-	    return propType;
-	  }
-
-	  // Returns a string that is postfixed to a warning about an invalid type.
-	  // For example, "undefined" or "of type array"
-	  function getPostfixForTypeWarning(value) {
-	    var type = getPreciseType(value);
-	    switch (type) {
-	      case 'array':
-	      case 'object':
-	        return 'an ' + type;
-	      case 'boolean':
-	      case 'date':
-	      case 'regexp':
-	        return 'a ' + type;
-	      default:
-	        return type;
-	    }
-	  }
-
-	  // Returns class name of the object, if any.
-	  function getClassName(propValue) {
-	    if (!propValue.constructor || !propValue.constructor.name) {
-	      return ANONYMOUS;
-	    }
-	    return propValue.constructor.name;
-	  }
-
-	  ReactPropTypes.checkPropTypes = checkPropTypes;
-	  ReactPropTypes.resetWarningCache = checkPropTypes.resetWarningCache;
-	  ReactPropTypes.PropTypes = ReactPropTypes;
-
-	  return ReactPropTypes;
-	};
-	return factoryWithTypeCheckers;
-}
-
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var factoryWithThrowingShims;
-var hasRequiredFactoryWithThrowingShims;
-
-function requireFactoryWithThrowingShims () {
-	if (hasRequiredFactoryWithThrowingShims) return factoryWithThrowingShims;
-	hasRequiredFactoryWithThrowingShims = 1;
-
-	var ReactPropTypesSecret = requireReactPropTypesSecret();
-
-	function emptyFunction() {}
-	function emptyFunctionWithReset() {}
-	emptyFunctionWithReset.resetWarningCache = emptyFunction;
-
-	factoryWithThrowingShims = function() {
-	  function shim(props, propName, componentName, location, propFullName, secret) {
-	    if (secret === ReactPropTypesSecret) {
-	      // It is still safe when called from React.
-	      return;
-	    }
-	    var err = new Error(
-	      'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
-	      'Use PropTypes.checkPropTypes() to call them. ' +
-	      'Read more at http://fb.me/use-check-prop-types'
-	    );
-	    err.name = 'Invariant Violation';
-	    throw err;
-	  }	  shim.isRequired = shim;
-	  function getShim() {
-	    return shim;
-	  }	  // Important!
-	  // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
-	  var ReactPropTypes = {
-	    array: shim,
-	    bigint: shim,
-	    bool: shim,
-	    func: shim,
-	    number: shim,
-	    object: shim,
-	    string: shim,
-	    symbol: shim,
-
-	    any: shim,
-	    arrayOf: getShim,
-	    element: shim,
-	    elementType: shim,
-	    instanceOf: getShim,
-	    node: shim,
-	    objectOf: getShim,
-	    oneOf: getShim,
-	    oneOfType: getShim,
-	    shape: getShim,
-	    exact: getShim,
-
-	    checkPropTypes: emptyFunctionWithReset,
-	    resetWarningCache: emptyFunction
-	  };
-
-	  ReactPropTypes.PropTypes = ReactPropTypes;
-
-	  return ReactPropTypes;
-	};
-	return factoryWithThrowingShims;
-}
-
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-if (process.env.NODE_ENV !== 'production') {
-  var ReactIs = requireReactIs();
-
-  // By explicitly using `prop-types` you are opting into new development behavior.
-  // http://fb.me/prop-types-in-prod
-  var throwOnDirectAccess = true;
-  propTypes.exports = requireFactoryWithTypeCheckers()(ReactIs.isElement, throwOnDirectAccess);
-} else {
-  // By explicitly using `prop-types` you are opting into new production behavior.
-  // http://fb.me/prop-types-in-prod
-  propTypes.exports = requireFactoryWithThrowingShims()();
-}
-
-var propTypesExports = propTypes.exports;
-
-const isMenuOpen = state => !!state && state[0] === 'o';
-const batchedUpdates = unstable_batchedUpdates || (callback => callback());
-const values = Object.values || (obj => Object.keys(obj).map(key => obj[key]));
-const floatEqual = (a, b, diff = 0.0001) => Math.abs(a - b) < diff;
-const getTransition = (transition, name) => transition === true || !!(transition && transition[name]);
-const safeCall = (fn, arg) => typeof fn === 'function' ? fn(arg) : fn;
-const internalKey = '_szhsinMenu';
-const getName = component => component[internalKey];
-const defineName = (name, component) => Object.defineProperty(component, internalKey, {
-  value: name
-});
-const mergeProps = (target, source) => {
-  source && Object.keys(source).forEach(key => {
-    const targetProp = target[key];
-    const sourceProp = source[key];
-    if (typeof sourceProp === 'function' && targetProp) {
-      target[key] = (...arg) => {
-        sourceProp(...arg);
-        targetProp(...arg);
-      };
-    } else {
-      target[key] = sourceProp;
-    }
-  });
-  return target;
-};
-const parsePadding = paddingStr => {
-  if (typeof paddingStr !== 'string') return {
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0
-  };
-  const padding = paddingStr.trim().split(/\s+/, 4).map(parseFloat);
-  const top = !isNaN(padding[0]) ? padding[0] : 0;
-  const right = !isNaN(padding[1]) ? padding[1] : top;
-  return {
-    top,
-    right,
-    bottom: !isNaN(padding[2]) ? padding[2] : top,
-    left: !isNaN(padding[3]) ? padding[3] : right
-  };
-};
-const getScrollAncestor = node => {
-  while (node) {
-    node = node.parentNode;
-    if (!node || node === document.body || !node.parentNode) return;
-    const {
-      overflow,
-      overflowX,
-      overflowY
-    } = getComputedStyle(node);
-    if (/auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX)) return node;
-  }
-};
-function commonProps(isDisabled, isHovering) {
-  return {
-    'aria-disabled': isDisabled || undefined,
-    tabIndex: isHovering ? 0 : -1
-  };
-}
-function indexOfNode(nodeList, node) {
-  for (let i = 0; i < nodeList.length; i++) {
-    if (nodeList[i] === node) return i;
-  }
-  return -1;
-}
-
-const stylePropTypes = name => ({
-  [name ? `${name}ClassName` : 'className']: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.func])
-});
-const menuPropTypes = {
-  className: propTypesExports.string,
-  ...stylePropTypes('menu'),
-  arrowProps: propTypesExports.object,
-  focusProps: propTypesExports.object,
-  menuStyle: propTypesExports.object,
-  arrow: propTypesExports.bool,
-  setDownOverflow: propTypesExports.bool,
-  gap: propTypesExports.number,
-  shift: propTypesExports.number,
-  align: /*#__PURE__*/propTypesExports.oneOf(['start', 'center', 'end']),
-  direction: /*#__PURE__*/propTypesExports.oneOf(['left', 'right', 'top', 'bottom']),
-  position: /*#__PURE__*/propTypesExports.oneOf(['auto', 'anchor', 'initial']),
-  overflow: /*#__PURE__*/propTypesExports.oneOf(['auto', 'visible', 'hidden'])
-};
-const rootMenuPropTypes = {
-  ...menuPropTypes,
-  containerProps: propTypesExports.object,
-  initialMounted: propTypesExports.bool,
-  unmountOnClose: propTypesExports.bool,
-  transition: /*#__PURE__*/propTypesExports.oneOfType([propTypesExports.bool, /*#__PURE__*/propTypesExports.exact({
-    open: propTypesExports.bool,
-    close: propTypesExports.bool,
-    item: propTypesExports.bool
-  })]),
-  transitionTimeout: propTypesExports.number,
-  boundingBoxRef: propTypesExports.object,
-  boundingBoxPadding: propTypesExports.string,
-  reposition: /*#__PURE__*/propTypesExports.oneOf(['auto', 'initial']),
-  repositionFlag: /*#__PURE__*/propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
-  viewScroll: /*#__PURE__*/propTypesExports.oneOf(['auto', 'close', 'initial']),
-  submenuOpenDelay: propTypesExports.number,
-  submenuCloseDelay: propTypesExports.number,
-  portal: /*#__PURE__*/propTypesExports.oneOfType([propTypesExports.bool, /*#__PURE__*/propTypesExports.exact({
-    target: propTypesExports.object,
-    stablePosition: propTypesExports.bool
-  })]),
-  theming: propTypesExports.string,
-  onItemClick: propTypesExports.func
-};
-const uncontrolledMenuPropTypes = {
-  instanceRef: /*#__PURE__*/propTypesExports.oneOfType([propTypesExports.object, propTypesExports.func]),
-  onMenuChange: propTypesExports.func
-};
-
-const useBEM = ({
-  block,
-  element,
-  modifiers,
-  className
-}) => useMemo(() => {
-  const blockElement = element ? `${block}__${element}` : block;
-  let classString = blockElement;
-  modifiers && Object.keys(modifiers).forEach(name => {
-    const value = modifiers[name];
-    if (value) classString += ` ${blockElement}--${value === true ? name : `${name}-${value}`}`;
-  });
-  let expandedClassName = typeof className === 'function' ? className(modifiers) : className;
-  if (typeof expandedClassName === 'string') {
-    expandedClassName = expandedClassName.trim();
-    if (expandedClassName) classString += ` ${expandedClassName}`;
-  }
-  return classString;
-}, [block, element, modifiers, className]);
-
-const menuContainerClass = 'szh-menu-container';
-const menuClass = 'szh-menu';
-const menuButtonClass = 'szh-menu-button';
-const menuArrowClass = 'arrow';
-const menuItemClass = 'item';
-const HoverItemContext = /*#__PURE__*/createContext();
-const MenuListItemContext = /*#__PURE__*/createContext({});
-const MenuListContext = /*#__PURE__*/createContext({});
-const EventHandlersContext = /*#__PURE__*/createContext({});
-const RadioGroupContext = /*#__PURE__*/createContext({});
-const SettingsContext = /*#__PURE__*/createContext({});
-const Keys = /*#__PURE__*/Object.freeze({
-  ENTER: 'Enter',
-  ESC: 'Escape',
-  SPACE: ' ',
-  HOME: 'Home',
-  END: 'End',
-  LEFT: 'ArrowLeft',
-  RIGHT: 'ArrowRight',
-  UP: 'ArrowUp',
-  DOWN: 'ArrowDown'
-});
-const HoverActionTypes = /*#__PURE__*/Object.freeze({
-  RESET: 0,
-  SET: 1,
-  UNSET: 2,
-  INCREASE: 3,
-  DECREASE: 4,
-  FIRST: 5,
-  LAST: 6,
-  SET_INDEX: 7
-});
-const CloseReason = /*#__PURE__*/Object.freeze({
-  CLICK: 'click',
-  CANCEL: 'cancel',
-  BLUR: 'blur',
-  SCROLL: 'scroll'
-});
-const FocusPositions = /*#__PURE__*/Object.freeze({
-  FIRST: 'first',
-  LAST: 'last'
-});
-const MenuStateMap = /*#__PURE__*/Object.freeze({
-  entering: 'opening',
-  entered: 'open',
-  exiting: 'closing',
-  exited: 'closed'
-});
-const positionAbsolute = 'absolute';
-const roleNone = 'presentation';
-const roleMenuitem = 'menuitem';
-const dummyItemProps = {
-  'aria-hidden': true,
-  role: roleMenuitem
-};
-
-const MenuButton$1 = /*#__PURE__*/defineName('MenuButton', /*#__PURE__*/forwardRef(function MenuButton({
-  className,
-  isOpen,
-  disabled,
-  children,
-  ...restProps
-}, ref) {
-  const modifiers = useMemo(() => ({
-    open: isOpen
-  }), [isOpen]);
-  return /*#__PURE__*/jsx("button", {
-    "aria-haspopup": true,
-    "aria-expanded": isOpen,
-    "aria-disabled": disabled || undefined,
-    type: "button",
-    disabled: disabled,
-    ...restProps,
-    ref: ref,
-    className: useBEM({
-      block: menuButtonClass,
-      modifiers,
-      className
-    }),
-    children: children
-  });
-}));
-process.env.NODE_ENV !== "production" ? MenuButton$1.propTypes = {
-  ...stylePropTypes(),
-  isOpen: propTypesExports.bool,
-  disabled: propTypesExports.bool
-} : void 0;
-
-const MenuContainer = ({
-  className,
-  containerRef,
-  containerProps,
-  children,
-  isOpen,
-  theming,
-  transition,
-  onClose
-}) => {
-  const itemTransition = getTransition(transition, 'item');
-  const onKeyDown = ({
-    key
-  }) => {
-    switch (key) {
-      case Keys.ESC:
-        safeCall(onClose, {
-          key,
-          reason: CloseReason.CANCEL
-        });
-        break;
-    }
-  };
-  const onBlur = e => {
-    if (isOpen && !e.currentTarget.contains(e.relatedTarget)) {
-      safeCall(onClose, {
-        reason: CloseReason.BLUR
-      });
-    }
-  };
-  return /*#__PURE__*/jsx("div", {
-    ...mergeProps({
-      onKeyDown,
-      onBlur
-    }, containerProps),
-    className: useBEM({
-      block: menuContainerClass,
-      modifiers: useMemo(() => ({
-        theme: theming,
-        itemTransition
-      }), [theming, itemTransition]),
-      className
-    }),
-    style: {
-      position: 'absolute',
-      ...(containerProps == null ? void 0 : containerProps.style)
-    },
-    ref: containerRef,
-    children: children
-  });
-};
-
-const createSubmenuCtx = () => {
-  let timer,
-    count = 0;
-  return {
-    toggle: isOpen => {
-      isOpen ? count++ : count--;
-      count = Math.max(count, 0);
-    },
-    on: (closeDelay, pending, settled) => {
-      if (count) {
-        if (!timer) timer = setTimeout(() => {
-          timer = 0;
-          pending();
-        }, closeDelay);
-      } else {
-        settled == null || settled();
-      }
-    },
-    off: () => {
-      if (timer) {
-        clearTimeout(timer);
-        timer = 0;
-      }
-    }
-  };
-};
-
-const useItems = (menuRef, focusRef) => {
-  const [hoverItem, setHoverItem] = useState();
-  const stateRef = useRef({
-    items: [],
-    hoverIndex: -1,
-    sorted: false
-  });
-  const mutableState = stateRef.current;
-  const updateItems = useCallback((item, isMounted) => {
-    const {
-      items
-    } = mutableState;
-    if (!item) {
-      mutableState.items = [];
-    } else if (isMounted) {
-      items.push(item);
-    } else {
-      const index = items.indexOf(item);
-      if (index > -1) {
-        items.splice(index, 1);
-        if (item.contains(document.activeElement)) {
-          focusRef.current.focus();
-          setHoverItem();
-        }
-      }
-    }
-    mutableState.hoverIndex = -1;
-    mutableState.sorted = false;
-  }, [mutableState, focusRef]);
-  const dispatch = useCallback((actionType, item, nextIndex) => {
-    const {
-      items,
-      hoverIndex
-    } = mutableState;
-    const sortItems = () => {
-      if (mutableState.sorted) return;
-      const orderedNodes = menuRef.current.querySelectorAll('.szh-menu__item');
-      items.sort((a, b) => indexOfNode(orderedNodes, a) - indexOfNode(orderedNodes, b));
-      mutableState.sorted = true;
-    };
-    let index = -1,
-      newItem = undefined;
-    switch (actionType) {
-      case HoverActionTypes.RESET:
-        break;
-      case HoverActionTypes.SET:
-        newItem = item;
-        break;
-      case HoverActionTypes.UNSET:
-        newItem = prevItem => prevItem === item ? undefined : prevItem;
-        break;
-      case HoverActionTypes.FIRST:
-        sortItems();
-        index = 0;
-        newItem = items[index];
-        break;
-      case HoverActionTypes.LAST:
-        sortItems();
-        index = items.length - 1;
-        newItem = items[index];
-        break;
-      case HoverActionTypes.SET_INDEX:
-        sortItems();
-        index = nextIndex;
-        newItem = items[index];
-        break;
-      case HoverActionTypes.INCREASE:
-        sortItems();
-        index = hoverIndex;
-        if (index < 0) index = items.indexOf(item);
-        index++;
-        if (index >= items.length) index = 0;
-        newItem = items[index];
-        break;
-      case HoverActionTypes.DECREASE:
-        sortItems();
-        index = hoverIndex;
-        if (index < 0) index = items.indexOf(item);
-        index--;
-        if (index < 0) index = items.length - 1;
-        newItem = items[index];
-        break;
-      default:
-        if (process.env.NODE_ENV !== 'production') throw new Error(`[React-Menu] Unknown hover action type: ${actionType}`);
-    }
-    if (!newItem) index = -1;
-    setHoverItem(newItem);
-    mutableState.hoverIndex = index;
-  }, [menuRef, mutableState]);
-  return {
-    hoverItem,
-    dispatch,
-    updateItems
-  };
-};
-
-const getPositionHelpers = (containerRef, menuRef, menuScroll, boundingBoxPadding) => {
-  const menuRect = menuRef.current.getBoundingClientRect();
-  const containerRect = containerRef.current.getBoundingClientRect();
-  const boundingRect = menuScroll === window ? {
-    left: 0,
-    top: 0,
-    right: document.documentElement.clientWidth,
-    bottom: window.innerHeight
-  } : menuScroll.getBoundingClientRect();
-  const padding = parsePadding(boundingBoxPadding);
-  const getLeftOverflow = x => x + containerRect.left - boundingRect.left - padding.left;
-  const getRightOverflow = x => x + containerRect.left + menuRect.width - boundingRect.right + padding.right;
-  const getTopOverflow = y => y + containerRect.top - boundingRect.top - padding.top;
-  const getBottomOverflow = y => y + containerRect.top + menuRect.height - boundingRect.bottom + padding.bottom;
-  const confineHorizontally = x => {
-    let leftOverflow = getLeftOverflow(x);
-    if (leftOverflow < 0) {
-      x -= leftOverflow;
-    } else {
-      const rightOverflow = getRightOverflow(x);
-      if (rightOverflow > 0) {
-        x -= rightOverflow;
-        leftOverflow = getLeftOverflow(x);
-        if (leftOverflow < 0) x -= leftOverflow;
-      }
-    }
-    return x;
-  };
-  const confineVertically = y => {
-    let topOverflow = getTopOverflow(y);
-    if (topOverflow < 0) {
-      y -= topOverflow;
-    } else {
-      const bottomOverflow = getBottomOverflow(y);
-      if (bottomOverflow > 0) {
-        y -= bottomOverflow;
-        topOverflow = getTopOverflow(y);
-        if (topOverflow < 0) y -= topOverflow;
-      }
-    }
-    return y;
-  };
-  return {
-    menuRect,
-    containerRect,
-    getLeftOverflow,
-    getRightOverflow,
-    getTopOverflow,
-    getBottomOverflow,
-    confineHorizontally,
-    confineVertically
-  };
-};
-
-const placeArrowVertical = ({
-  arrowRef,
-  menuY,
-  anchorRect,
-  containerRect,
-  menuRect
-}) => {
-  let y = anchorRect.top - containerRect.top - menuY + anchorRect.height / 2;
-  const offset = arrowRef.current.offsetHeight * 1.25;
-  y = Math.max(offset, y);
-  y = Math.min(y, menuRect.height - offset);
-  return y;
-};
-
-const placeLeftorRight = ({
-  anchorRect,
-  containerRect,
-  menuRect,
-  placeLeftorRightY,
-  placeLeftX,
-  placeRightX,
-  getLeftOverflow,
-  getRightOverflow,
-  confineHorizontally,
-  confineVertically,
-  arrowRef,
-  arrow,
-  direction,
-  position
-}) => {
-  let computedDirection = direction;
-  let y = placeLeftorRightY;
-  if (position !== 'initial') {
-    y = confineVertically(y);
-    if (position === 'anchor') {
-      y = Math.min(y, anchorRect.bottom - containerRect.top);
-      y = Math.max(y, anchorRect.top - containerRect.top - menuRect.height);
-    }
-  }
-  let x, leftOverflow, rightOverflow;
-  if (computedDirection === 'left') {
-    x = placeLeftX;
-    if (position !== 'initial') {
-      leftOverflow = getLeftOverflow(x);
-      if (leftOverflow < 0) {
-        rightOverflow = getRightOverflow(placeRightX);
-        if (rightOverflow <= 0 || -leftOverflow > rightOverflow) {
-          x = placeRightX;
-          computedDirection = 'right';
-        }
-      }
-    }
-  } else {
-    x = placeRightX;
-    if (position !== 'initial') {
-      rightOverflow = getRightOverflow(x);
-      if (rightOverflow > 0) {
-        leftOverflow = getLeftOverflow(placeLeftX);
-        if (leftOverflow >= 0 || -leftOverflow < rightOverflow) {
-          x = placeLeftX;
-          computedDirection = 'left';
-        }
-      }
-    }
-  }
-  if (position === 'auto') x = confineHorizontally(x);
-  const arrowY = arrow ? placeArrowVertical({
-    menuY: y,
-    arrowRef,
-    anchorRect,
-    containerRect,
-    menuRect
-  }) : undefined;
-  return {
-    arrowY,
-    x,
-    y,
-    computedDirection
-  };
-};
-
-const placeArrowHorizontal = ({
-  arrowRef,
-  menuX,
-  anchorRect,
-  containerRect,
-  menuRect
-}) => {
-  let x = anchorRect.left - containerRect.left - menuX + anchorRect.width / 2;
-  const offset = arrowRef.current.offsetWidth * 1.25;
-  x = Math.max(offset, x);
-  x = Math.min(x, menuRect.width - offset);
-  return x;
-};
-
-const placeToporBottom = ({
-  anchorRect,
-  containerRect,
-  menuRect,
-  placeToporBottomX,
-  placeTopY,
-  placeBottomY,
-  getTopOverflow,
-  getBottomOverflow,
-  confineHorizontally,
-  confineVertically,
-  arrowRef,
-  arrow,
-  direction,
-  position
-}) => {
-  let computedDirection = direction === 'top' ? 'top' : 'bottom';
-  let x = placeToporBottomX;
-  if (position !== 'initial') {
-    x = confineHorizontally(x);
-    if (position === 'anchor') {
-      x = Math.min(x, anchorRect.right - containerRect.left);
-      x = Math.max(x, anchorRect.left - containerRect.left - menuRect.width);
-    }
-  }
-  let y, topOverflow, bottomOverflow;
-  if (computedDirection === 'top') {
-    y = placeTopY;
-    if (position !== 'initial') {
-      topOverflow = getTopOverflow(y);
-      if (topOverflow < 0) {
-        bottomOverflow = getBottomOverflow(placeBottomY);
-        if (bottomOverflow <= 0 || -topOverflow > bottomOverflow) {
-          y = placeBottomY;
-          computedDirection = 'bottom';
-        }
-      }
-    }
-  } else {
-    y = placeBottomY;
-    if (position !== 'initial') {
-      bottomOverflow = getBottomOverflow(y);
-      if (bottomOverflow > 0) {
-        topOverflow = getTopOverflow(placeTopY);
-        if (topOverflow >= 0 || -topOverflow < bottomOverflow) {
-          y = placeTopY;
-          computedDirection = 'top';
-        }
-      }
-    }
-  }
-  if (position === 'auto') y = confineVertically(y);
-  const arrowX = arrow ? placeArrowHorizontal({
-    menuX: x,
-    arrowRef,
-    anchorRect,
-    containerRect,
-    menuRect
-  }) : undefined;
-  return {
-    arrowX,
-    x,
-    y,
-    computedDirection
-  };
-};
-
-const positionMenu = ({
-  arrow,
-  align,
-  direction,
-  gap,
-  shift,
-  position,
-  anchorRect,
-  arrowRef,
-  positionHelpers
-}) => {
-  const {
-    menuRect,
-    containerRect
-  } = positionHelpers;
-  const isHorizontal = direction === 'left' || direction === 'right';
-  let horizontalOffset = isHorizontal ? gap : shift;
-  let verticalOffset = isHorizontal ? shift : gap;
-  if (arrow) {
-    const arrowElt = arrowRef.current;
-    if (isHorizontal) {
-      horizontalOffset += arrowElt.offsetWidth;
-    } else {
-      verticalOffset += arrowElt.offsetHeight;
-    }
-  }
-  const placeLeftX = anchorRect.left - containerRect.left - menuRect.width - horizontalOffset;
-  const placeRightX = anchorRect.right - containerRect.left + horizontalOffset;
-  const placeTopY = anchorRect.top - containerRect.top - menuRect.height - verticalOffset;
-  const placeBottomY = anchorRect.bottom - containerRect.top + verticalOffset;
-  let placeToporBottomX, placeLeftorRightY;
-  if (align === 'end') {
-    placeToporBottomX = anchorRect.right - containerRect.left - menuRect.width;
-    placeLeftorRightY = anchorRect.bottom - containerRect.top - menuRect.height;
-  } else if (align === 'center') {
-    placeToporBottomX = anchorRect.left - containerRect.left - (menuRect.width - anchorRect.width) / 2;
-    placeLeftorRightY = anchorRect.top - containerRect.top - (menuRect.height - anchorRect.height) / 2;
-  } else {
-    placeToporBottomX = anchorRect.left - containerRect.left;
-    placeLeftorRightY = anchorRect.top - containerRect.top;
-  }
-  placeToporBottomX += horizontalOffset;
-  placeLeftorRightY += verticalOffset;
-  const options = {
-    ...positionHelpers,
-    anchorRect,
-    placeLeftX,
-    placeRightX,
-    placeLeftorRightY,
-    placeTopY,
-    placeBottomY,
-    placeToporBottomX,
-    arrowRef,
-    arrow,
-    direction,
-    position
-  };
-  switch (direction) {
-    case 'left':
-    case 'right':
-      return placeLeftorRight(options);
-    case 'top':
-    case 'bottom':
-    default:
-      return placeToporBottom(options);
-  }
-};
-
-const useIsomorphicLayoutEffect = typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined' ? useLayoutEffect : useEffect;
-
-function setRef(ref, instance) {
-  typeof ref === 'function' ? ref(instance) : ref.current = instance;
-}
-const useCombinedRef = (refA, refB) => useMemo(() => {
-  if (!refA) return refB;
-  if (!refB) return refA;
-  return instance => {
-    setRef(refA, instance);
-    setRef(refB, instance);
-  };
-}, [refA, refB]);
-
-const offScreen = -9999;
-const MenuList = ({
-  ariaLabel,
-  menuClassName,
-  menuStyle,
-  arrow,
-  arrowProps = {},
-  anchorPoint,
-  anchorRef,
-  containerRef,
-  containerProps,
-  focusProps,
-  externalRef,
-  parentScrollingRef,
-  align = 'start',
-  direction = 'bottom',
-  position = 'auto',
-  overflow = 'visible',
-  setDownOverflow,
-  repositionFlag,
-  captureFocus = true,
-  state,
-  endTransition,
-  isDisabled,
-  menuItemFocus,
-  gap = 0,
-  shift = 0,
-  children,
-  onClose,
-  ...restProps
-}) => {
-  const [menuPosition, setMenuPosition] = useState({
-    x: offScreen,
-    y: offScreen
-  });
-  const [arrowPosition, setArrowPosition] = useState({});
-  const [overflowData, setOverflowData] = useState();
-  const [expandedDirection, setExpandedDirection] = useState(direction);
-  const [submenuCtx] = useState(createSubmenuCtx);
-  const [reposSubmenu, forceReposSubmenu] = useReducer(c => c + 1, 1);
-  const {
-    transition,
-    boundingBoxRef,
-    boundingBoxPadding,
-    rootMenuRef,
-    rootAnchorRef,
-    scrollNodesRef,
-    reposition,
-    viewScroll,
-    submenuCloseDelay
-  } = useContext(SettingsContext);
-  const {
-    submenuCtx: parentSubmenuCtx,
-    reposSubmenu: reposFlag = repositionFlag
-  } = useContext(MenuListContext);
-  const menuRef = useRef(null);
-  const focusRef = useRef();
-  const arrowRef = useRef();
-  const prevOpen = useRef(false);
-  const latestMenuSize = useRef({
-    width: 0,
-    height: 0
-  });
-  const latestHandlePosition = useRef(() => {});
-  const {
-    hoverItem,
-    dispatch,
-    updateItems
-  } = useItems(menuRef, focusRef);
-  const isOpen = isMenuOpen(state);
-  const openTransition = getTransition(transition, 'open');
-  const closeTransition = getTransition(transition, 'close');
-  const scrollNodes = scrollNodesRef.current;
-  const onKeyDown = e => {
-    switch (e.key) {
-      case Keys.HOME:
-        dispatch(HoverActionTypes.FIRST);
-        break;
-      case Keys.END:
-        dispatch(HoverActionTypes.LAST);
-        break;
-      case Keys.UP:
-        dispatch(HoverActionTypes.DECREASE, hoverItem);
-        break;
-      case Keys.DOWN:
-        dispatch(HoverActionTypes.INCREASE, hoverItem);
-        break;
-      case Keys.SPACE:
-        if (e.target && e.target.className.indexOf(menuClass) !== -1) {
-          e.preventDefault();
-        }
-        return;
-      default:
-        return;
-    }
-    e.preventDefault();
-    e.stopPropagation();
-  };
-  const onAnimationEnd = () => {
-    if (state === 'closing') {
-      setOverflowData();
-    }
-    safeCall(endTransition);
-  };
-  const onPointerMove = e => {
-    e.stopPropagation();
-    submenuCtx.on(submenuCloseDelay, () => {
-      dispatch(HoverActionTypes.RESET);
-      focusRef.current.focus();
-    });
-  };
-  const onPointerLeave = e => {
-    if (e.target === e.currentTarget) submenuCtx.off();
-  };
-  const handlePosition = useCallback(noOverflowCheck => {
-    var _anchorRef$current;
-    const anchorRect = anchorRef ? (_anchorRef$current = anchorRef.current) == null ? void 0 : _anchorRef$current.getBoundingClientRect() : anchorPoint ? {
-      left: anchorPoint.x,
-      right: anchorPoint.x,
-      top: anchorPoint.y,
-      bottom: anchorPoint.y,
-      width: 0,
-      height: 0
-    } : null;
-    if (!anchorRect) {
-      if (process.env.NODE_ENV !== 'production') {
-        console.warn('[React-Menu] Menu might not be positioned properly as one of the anchorRef or anchorPoint prop should be provided. If `anchorRef` is provided, the anchor must be mounted before menu is open.');
-      }
-      return;
-    }
-    if (!scrollNodes.menu) {
-      scrollNodes.menu = (boundingBoxRef ? boundingBoxRef.current : getScrollAncestor(rootMenuRef.current)) || window;
-    }
-    const positionHelpers = getPositionHelpers(containerRef, menuRef, scrollNodes.menu, boundingBoxPadding);
-    let {
-      arrowX,
-      arrowY,
-      x,
-      y,
-      computedDirection
-    } = positionMenu({
-      arrow,
-      align,
-      direction,
-      gap,
-      shift,
-      position,
-      anchorRect,
-      arrowRef,
-      positionHelpers
-    });
-    const {
-      menuRect
-    } = positionHelpers;
-    let menuHeight = menuRect.height;
-    if (!noOverflowCheck && overflow !== 'visible') {
-      const {
-        getTopOverflow,
-        getBottomOverflow
-      } = positionHelpers;
-      let height, overflowAmt;
-      const prevHeight = latestMenuSize.current.height;
-      const bottomOverflow = getBottomOverflow(y);
-      if (bottomOverflow > 0 || floatEqual(bottomOverflow, 0) && floatEqual(menuHeight, prevHeight)) {
-        height = menuHeight - bottomOverflow;
-        overflowAmt = bottomOverflow;
-      } else {
-        const topOverflow = getTopOverflow(y);
-        if (topOverflow < 0 || floatEqual(topOverflow, 0) && floatEqual(menuHeight, prevHeight)) {
-          height = menuHeight + topOverflow;
-          overflowAmt = 0 - topOverflow;
-          if (height >= 0) y -= topOverflow;
-        }
-      }
-      if (height >= 0) {
-        menuHeight = height;
-        setOverflowData({
-          height,
-          overflowAmt
-        });
-      } else {
-        setOverflowData();
-      }
-    }
-    if (arrow) setArrowPosition({
-      x: arrowX,
-      y: arrowY
-    });
-    setMenuPosition({
-      x,
-      y
-    });
-    setExpandedDirection(computedDirection);
-    latestMenuSize.current = {
-      width: menuRect.width,
-      height: menuHeight
-    };
-  }, [arrow, align, boundingBoxPadding, direction, gap, shift, position, overflow, anchorPoint, anchorRef, containerRef, boundingBoxRef, rootMenuRef, scrollNodes]);
-  useIsomorphicLayoutEffect(() => {
-    if (isOpen) {
-      handlePosition();
-      if (prevOpen.current) forceReposSubmenu();
-    }
-    prevOpen.current = isOpen;
-    latestHandlePosition.current = handlePosition;
-  }, [isOpen, handlePosition, reposFlag]);
-  useIsomorphicLayoutEffect(() => {
-    if (overflowData && !setDownOverflow) menuRef.current.scrollTop = 0;
-  }, [overflowData, setDownOverflow]);
-  useIsomorphicLayoutEffect(() => updateItems, [updateItems]);
-  useEffect(() => {
-    let {
-      menu: menuScroll
-    } = scrollNodes;
-    if (!isOpen || !menuScroll) return;
-    menuScroll = menuScroll.addEventListener ? menuScroll : window;
-    if (!scrollNodes.anchors) {
-      scrollNodes.anchors = [];
-      let anchorScroll = getScrollAncestor(rootAnchorRef && rootAnchorRef.current);
-      while (anchorScroll && anchorScroll !== menuScroll) {
-        scrollNodes.anchors.push(anchorScroll);
-        anchorScroll = getScrollAncestor(anchorScroll);
-      }
-    }
-    let scroll = viewScroll;
-    if (scrollNodes.anchors.length && scroll === 'initial') scroll = 'auto';
-    if (scroll === 'initial') return;
-    const handleScroll = () => {
-      if (scroll === 'auto') {
-        batchedUpdates(() => handlePosition(true));
-      } else {
-        safeCall(onClose, {
-          reason: CloseReason.SCROLL
-        });
-      }
-    };
-    const scrollObservers = scrollNodes.anchors.concat(viewScroll !== 'initial' ? menuScroll : []);
-    scrollObservers.forEach(o => o.addEventListener('scroll', handleScroll));
-    return () => scrollObservers.forEach(o => o.removeEventListener('scroll', handleScroll));
-  }, [rootAnchorRef, scrollNodes, isOpen, onClose, viewScroll, handlePosition]);
-  const hasOverflow = !!overflowData && overflowData.overflowAmt > 0;
-  useEffect(() => {
-    if (hasOverflow || !isOpen || !parentScrollingRef) return;
-    const handleScroll = () => batchedUpdates(handlePosition);
-    const parentScroll = parentScrollingRef.current;
-    parentScroll.addEventListener('scroll', handleScroll);
-    return () => parentScroll.removeEventListener('scroll', handleScroll);
-  }, [isOpen, hasOverflow, parentScrollingRef, handlePosition]);
-  useEffect(() => {
-    if (typeof ResizeObserver !== 'function' || reposition === 'initial') return;
-    const resizeObserver = new ResizeObserver(([entry]) => {
-      const {
-        borderBoxSize,
-        target
-      } = entry;
-      let width, height;
-      if (borderBoxSize) {
-        const {
-          inlineSize,
-          blockSize
-        } = borderBoxSize[0] || borderBoxSize;
-        width = inlineSize;
-        height = blockSize;
-      } else {
-        const borderRect = target.getBoundingClientRect();
-        width = borderRect.width;
-        height = borderRect.height;
-      }
-      if (width === 0 || height === 0) return;
-      if (floatEqual(width, latestMenuSize.current.width, 1) && floatEqual(height, latestMenuSize.current.height, 1)) return;
-      flushSync(() => {
-        latestHandlePosition.current();
-        forceReposSubmenu();
-      });
-    });
-    const observeTarget = menuRef.current;
-    resizeObserver.observe(observeTarget, {
-      box: 'border-box'
-    });
-    return () => resizeObserver.unobserve(observeTarget);
-  }, [reposition]);
-  useEffect(() => {
-    if (!isOpen) {
-      dispatch(HoverActionTypes.RESET);
-      if (!closeTransition) setOverflowData();
-      return;
-    }
-    const {
-      position,
-      alwaysUpdate
-    } = menuItemFocus || {};
-    const setItemFocus = () => {
-      if (position === FocusPositions.FIRST) {
-        dispatch(HoverActionTypes.FIRST);
-      } else if (position === FocusPositions.LAST) {
-        dispatch(HoverActionTypes.LAST);
-      } else if (position >= -1) {
-        dispatch(HoverActionTypes.SET_INDEX, undefined, position);
-      }
-    };
-    if (alwaysUpdate) {
-      setItemFocus();
-    } else if (captureFocus) {
-      const id = setTimeout(() => {
-        const menuElt = menuRef.current;
-        if (menuElt && !menuElt.contains(document.activeElement)) {
-          focusRef.current.focus();
-          setItemFocus();
-        }
-      }, openTransition ? 170 : 100);
-      return () => clearTimeout(id);
-    }
-  }, [isOpen, openTransition, closeTransition, captureFocus, menuItemFocus, dispatch]);
-  const itemContext = useMemo(() => ({
-    isParentOpen: isOpen,
-    submenuCtx,
-    dispatch,
-    updateItems
-  }), [isOpen, submenuCtx, dispatch, updateItems]);
-  let maxHeight, overflowAmt;
-  if (overflowData) {
-    setDownOverflow ? overflowAmt = overflowData.overflowAmt : maxHeight = overflowData.height;
-  }
-  const listContext = useMemo(() => ({
-    reposSubmenu,
-    submenuCtx,
-    overflow,
-    overflowAmt,
-    parentMenuRef: menuRef,
-    parentDir: expandedDirection
-  }), [reposSubmenu, submenuCtx, overflow, overflowAmt, expandedDirection]);
-  const overflowStyle = maxHeight >= 0 ? {
-    maxHeight,
-    overflow
-  } : undefined;
-  const modifiers = useMemo(() => ({
-    state,
-    dir: expandedDirection
-  }), [state, expandedDirection]);
-  const arrowModifiers = useMemo(() => ({
-    dir: expandedDirection
-  }), [expandedDirection]);
-  const _arrowClassName = useBEM({
-    block: menuClass,
-    element: menuArrowClass,
-    modifiers: arrowModifiers,
-    className: arrowProps.className
-  });
-  const menu = /*#__PURE__*/jsxs("ul", {
-    role: "menu",
-    "aria-label": ariaLabel,
-    ...commonProps(isDisabled),
-    ...mergeProps({
-      onPointerEnter: parentSubmenuCtx == null ? void 0 : parentSubmenuCtx.off,
-      onPointerMove,
-      onPointerLeave,
-      onKeyDown,
-      onAnimationEnd
-    }, restProps),
-    ref: useCombinedRef(externalRef, menuRef),
-    className: useBEM({
-      block: menuClass,
-      modifiers,
-      className: menuClassName
-    }),
-    style: {
-      ...menuStyle,
-      ...overflowStyle,
-      margin: 0,
-      display: state === 'closed' ? 'none' : undefined,
-      position: positionAbsolute,
-      left: menuPosition.x,
-      top: menuPosition.y
-    },
-    children: [/*#__PURE__*/jsx("li", {
-      tabIndex: -1,
-      style: {
-        position: positionAbsolute,
-        left: 0,
-        top: 0,
-        display: 'block',
-        outline: 'none'
-      },
-      ref: focusRef,
-      ...dummyItemProps,
-      ...focusProps
-    }), arrow && /*#__PURE__*/jsx("li", {
-      ...dummyItemProps,
-      ...arrowProps,
-      className: _arrowClassName,
-      style: {
-        display: 'block',
-        position: positionAbsolute,
-        left: arrowPosition.x,
-        top: arrowPosition.y,
-        ...arrowProps.style
-      },
-      ref: arrowRef
-    }), /*#__PURE__*/jsx(MenuListContext.Provider, {
-      value: listContext,
-      children: /*#__PURE__*/jsx(MenuListItemContext.Provider, {
-        value: itemContext,
-        children: /*#__PURE__*/jsx(HoverItemContext.Provider, {
-          value: hoverItem,
-          children: safeCall(children, modifiers)
-        })
-      })
-    })]
-  });
-  return containerProps ? /*#__PURE__*/jsx(MenuContainer, {
-    ...containerProps,
-    isOpen: isOpen,
-    children: menu
-  }) : menu;
-};
-
-const ControlledMenu = /*#__PURE__*/forwardRef(function ControlledMenu({
-  'aria-label': ariaLabel,
-  className,
-  containerProps,
-  initialMounted,
-  unmountOnClose,
-  transition,
-  transitionTimeout,
-  boundingBoxRef,
-  boundingBoxPadding,
-  reposition = 'auto',
-  submenuOpenDelay = 300,
-  submenuCloseDelay = 150,
-  viewScroll = 'initial',
-  portal,
-  theming,
-  onItemClick,
-  ...restProps
-}, externalRef) {
-  const containerRef = useRef(null);
-  const scrollNodesRef = useRef({});
-  const {
-    anchorRef,
-    state,
-    onClose
-  } = restProps;
-  const settings = useMemo(() => ({
-    initialMounted,
-    unmountOnClose,
-    transition,
-    transitionTimeout,
-    boundingBoxRef,
-    boundingBoxPadding,
-    rootMenuRef: containerRef,
-    rootAnchorRef: anchorRef,
-    scrollNodesRef,
-    reposition,
-    viewScroll,
-    submenuOpenDelay,
-    submenuCloseDelay
-  }), [initialMounted, unmountOnClose, transition, transitionTimeout, anchorRef, boundingBoxRef, boundingBoxPadding, reposition, viewScroll, submenuOpenDelay, submenuCloseDelay]);
-  const eventHandlers = useMemo(() => ({
-    handleClick(event, isCheckorRadio) {
-      if (!event.stopPropagation) safeCall(onItemClick, event);
-      let keepOpen = event.keepOpen;
-      if (keepOpen === undefined) {
-        keepOpen = isCheckorRadio && event.key === Keys.SPACE;
-      }
-      if (!keepOpen) {
-        safeCall(onClose, {
-          value: event.value,
-          key: event.key,
-          reason: CloseReason.CLICK
-        });
-      }
-    },
-    handleClose(key) {
-      safeCall(onClose, {
-        key,
-        reason: CloseReason.CLICK
-      });
-    }
-  }), [onItemClick, onClose]);
-  if (!state) return null;
-  const menuList = /*#__PURE__*/jsx(SettingsContext.Provider, {
-    value: settings,
-    children: /*#__PURE__*/jsx(EventHandlersContext.Provider, {
-      value: eventHandlers,
-      children: /*#__PURE__*/jsx(MenuList, {
-        ...restProps,
-        ariaLabel: ariaLabel || 'Menu',
-        externalRef: externalRef,
-        containerRef: containerRef,
-        containerProps: {
-          className,
-          containerRef,
-          containerProps,
-          theming,
-          transition,
-          onClose
-        }
-      })
-    })
-  });
-  if (portal === true && typeof document !== 'undefined') {
-    return /*#__PURE__*/createPortal(menuList, document.body);
-  } else if (portal) {
-    return portal.target ? /*#__PURE__*/createPortal(menuList, portal.target) : portal.stablePosition ? null : menuList;
-  }
-  return menuList;
-});
-process.env.NODE_ENV !== "production" ? ControlledMenu.propTypes = {
-  ...rootMenuPropTypes,
-  state: /*#__PURE__*/propTypesExports.oneOf( /*#__PURE__*/values(MenuStateMap)),
-  anchorPoint: /*#__PURE__*/propTypesExports.exact({
-    x: propTypesExports.number,
-    y: propTypesExports.number
-  }),
-  anchorRef: propTypesExports.object,
-  captureFocus: propTypesExports.bool,
-  menuItemFocus: /*#__PURE__*/propTypesExports.exact({
-    position: /*#__PURE__*/propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
-    alwaysUpdate: propTypesExports.bool
-  }),
-  onClose: propTypesExports.func
-} : void 0;
-
-const PRE_ENTER = 0;
-const ENTERING = 1;
-const ENTERED = 2;
-const PRE_EXIT = 3;
-const EXITING = 4;
-const EXITED = 5;
-const UNMOUNTED = 6;
-const STATUS = ['preEnter', 'entering', 'entered', 'preExit', 'exiting', 'exited', 'unmounted'];
-const getState = status => ({
-  _s: status,
-  status: STATUS[status],
-  isEnter: status < PRE_EXIT,
-  isMounted: status !== UNMOUNTED,
-  isResolved: status === ENTERED || status > EXITING
-});
-const startOrEnd = unmounted => unmounted ? UNMOUNTED : EXITED;
-const getEndStatus = (status, unmountOnExit) => {
-  switch (status) {
-    case ENTERING:
-    case PRE_ENTER:
-      return ENTERED;
-    case EXITING:
-    case PRE_EXIT:
-      return startOrEnd(unmountOnExit);
-  }
-};
-const getTimeout = timeout => typeof timeout === 'object' ? [timeout.enter, timeout.exit] : [timeout, timeout];
-const nextTick = (transitState, status) => setTimeout(() => {
-  // Reading document.body.offsetTop can force browser to repaint before transition to the next state
-  isNaN(document.body.offsetTop) || transitState(status + 1);
-}, 0);
-
-const updateState = (status, setState, latestState, timeoutId, onChange) => {
-  clearTimeout(timeoutId.current);
-  const state = getState(status);
-  setState(state);
-  latestState.current = state;
-  onChange && onChange({
-    current: state
-  });
-};
-const useTransition = ({
-  enter = true,
-  exit = true,
-  preEnter,
-  preExit,
-  timeout,
-  initialEntered,
-  mountOnEnter,
-  unmountOnExit,
-  onStateChange: onChange
-} = {}) => {
-  const [state, setState] = useState(() => getState(initialEntered ? ENTERED : startOrEnd(mountOnEnter)));
-  const latestState = useRef(state);
-  const timeoutId = useRef();
-  const [enterTimeout, exitTimeout] = getTimeout(timeout);
-  const endTransition = useCallback(() => {
-    const status = getEndStatus(latestState.current._s, unmountOnExit);
-    status && updateState(status, setState, latestState, timeoutId, onChange);
-  }, [onChange, unmountOnExit]);
-  const toggle = useCallback(toEnter => {
-    const transitState = status => {
-      updateState(status, setState, latestState, timeoutId, onChange);
-      switch (status) {
-        case ENTERING:
-          if (enterTimeout >= 0) timeoutId.current = setTimeout(endTransition, enterTimeout);
-          break;
-        case EXITING:
-          if (exitTimeout >= 0) timeoutId.current = setTimeout(endTransition, exitTimeout);
-          break;
-        case PRE_ENTER:
-        case PRE_EXIT:
-          timeoutId.current = nextTick(transitState, status);
-          break;
-      }
-    };
-    const enterStage = latestState.current.isEnter;
-    if (typeof toEnter !== 'boolean') toEnter = !enterStage;
-    if (toEnter) {
-      !enterStage && transitState(enter ? preEnter ? PRE_ENTER : ENTERING : ENTERED);
-    } else {
-      enterStage && transitState(exit ? preExit ? PRE_EXIT : EXITING : startOrEnd(unmountOnExit));
-    }
-  }, [endTransition, onChange, enter, exit, preEnter, preExit, enterTimeout, exitTimeout, unmountOnExit]);
-  useEffect(() => () => clearTimeout(timeoutId.current), []);
-  return [state, toggle, endTransition];
-};
-
-const useMenuState = ({
-  initialOpen,
-  initialMounted,
-  unmountOnClose,
-  transition,
-  transitionTimeout = 500
-} = {}) => {
-  const [{
-    status
-  }, toggleMenu, endTransition] = useTransition({
-    initialEntered: initialOpen,
-    mountOnEnter: !initialMounted,
-    unmountOnExit: unmountOnClose,
-    timeout: transitionTimeout,
-    enter: getTransition(transition, 'open'),
-    exit: getTransition(transition, 'close')
-  });
-  return [{
-    state: MenuStateMap[status],
-    endTransition
-  }, toggleMenu];
-};
-
-const useMenuStateAndFocus = options => {
-  const [menuProps, toggleMenu] = useMenuState(options);
-  const [menuItemFocus, setMenuItemFocus] = useState();
-  const openMenu = (position, alwaysUpdate) => {
-    setMenuItemFocus({
-      position,
-      alwaysUpdate
-    });
-    toggleMenu(true);
-  };
-  return [{
-    menuItemFocus,
-    ...menuProps
-  }, toggleMenu, openMenu];
-};
-
-const useClick = (state, onToggle) => {
-  if (process.env.NODE_ENV !== 'production' && typeof onToggle !== 'function') {
-    throw new Error('[React-Menu] useClick/useHover requires a function in the second parameter.');
-  }
-  const [skipOpen] = useState({});
-  return {
-    onMouseDown: () => {
-      skipOpen.v = state && state !== 'closed';
-    },
-    onClick: e => skipOpen.v ? skipOpen.v = false : onToggle(true, e)
-  };
-};
-
-const useMenuChange = (onMenuChange, isOpen) => {
-  const prevOpen = useRef(isOpen);
-  useEffect(() => {
-    if (prevOpen.current !== isOpen) safeCall(onMenuChange, {
-      open: isOpen
-    });
-    prevOpen.current = isOpen;
-  }, [onMenuChange, isOpen]);
-};
-
-const Menu$2 = /*#__PURE__*/forwardRef(function Menu({
-  'aria-label': ariaLabel,
-  captureFocus: _,
-  initialOpen: _1,
-  menuButton,
-  instanceRef,
-  onMenuChange,
-  ...restProps
-}, externalRef) {
-  const [stateProps, toggleMenu, openMenu] = useMenuStateAndFocus(restProps);
-  const {
-    state
-  } = stateProps;
-  const isOpen = isMenuOpen(state);
-  const buttonRef = useRef(null);
-  const anchorProps = useClick(state, (_, e) => openMenu(!e.detail ? FocusPositions.FIRST : undefined));
-  const handleClose = useCallback(e => {
-    toggleMenu(false);
-    if (e.key) buttonRef.current.focus();
-  }, [toggleMenu]);
-  const onKeyDown = e => {
-    switch (e.key) {
-      case Keys.UP:
-        openMenu(FocusPositions.LAST);
-        break;
-      case Keys.DOWN:
-        openMenu(FocusPositions.FIRST);
-        break;
-      default:
-        return;
-    }
-    e.preventDefault();
-  };
-  const button = safeCall(menuButton, {
-    open: isOpen
-  });
-  if (!button || !button.type) throw new Error('Menu requires a menuButton prop.');
-  const buttonProps = {
-    ref: useCombinedRef(button.ref, buttonRef),
-    ...mergeProps({
-      onKeyDown,
-      ...anchorProps
-    }, button.props)
-  };
-  if (getName(button.type) === 'MenuButton') {
-    buttonProps.isOpen = isOpen;
-  }
-  const renderButton = /*#__PURE__*/cloneElement(button, buttonProps);
-  useMenuChange(onMenuChange, isOpen);
-  useImperativeHandle(instanceRef, () => ({
-    openMenu,
-    closeMenu: () => toggleMenu(false)
-  }));
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [renderButton, /*#__PURE__*/jsx(ControlledMenu, {
-      ...restProps,
-      ...stateProps,
-      "aria-label": ariaLabel || (typeof button.props.children === 'string' ? button.props.children : 'Menu'),
-      anchorRef: buttonRef,
-      ref: externalRef,
-      onClose: handleClose
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" ? Menu$2.propTypes = {
-  ...rootMenuPropTypes,
-  ...uncontrolledMenuPropTypes,
-  menuButton: propTypesExports.oneOfType([propTypesExports.element, propTypesExports.func]).isRequired
-} : void 0;
-
-const withHovering = (name, WrappedComponent) => {
-  const Component = /*#__PURE__*/memo(WrappedComponent);
-  const WithHovering = /*#__PURE__*/forwardRef((props, ref) => {
-    const itemRef = useRef(null);
-    return /*#__PURE__*/jsx(Component, {
-      ...props,
-      itemRef: itemRef,
-      externalRef: ref,
-      isHovering: useContext(HoverItemContext) === itemRef.current
-    });
-  });
-  WithHovering.displayName = `WithHovering(${name})`;
-  return WithHovering;
-};
-
-const useItemEffect = (isDisabled, itemRef, updateItems) => {
-  useIsomorphicLayoutEffect(() => {
-    if (process.env.NODE_ENV !== 'production' && !updateItems) {
-      throw new Error(`[React-Menu] This menu item or submenu should be rendered under a menu: ${itemRef.current.outerHTML}`);
-    }
-    if (isDisabled) return;
-    const item = itemRef.current;
-    updateItems(item, true);
-    return () => {
-      updateItems(item);
-    };
-  }, [isDisabled, itemRef, updateItems]);
-};
-
-const useItemState = (itemRef, focusRef, isHovering, isDisabled) => {
-  const {
-    submenuCloseDelay
-  } = useContext(SettingsContext);
-  const {
-    isParentOpen,
-    submenuCtx,
-    dispatch,
-    updateItems
-  } = useContext(MenuListItemContext);
-  const setHover = () => {
-    !isHovering && !isDisabled && dispatch(HoverActionTypes.SET, itemRef.current);
-  };
-  const unsetHover = () => {
-    !isDisabled && dispatch(HoverActionTypes.UNSET, itemRef.current);
-  };
-  const onBlur = e => {
-    if (isHovering && !e.currentTarget.contains(e.relatedTarget)) unsetHover();
-  };
-  const onPointerMove = e => {
-    if (!isDisabled) {
-      e.stopPropagation();
-      submenuCtx.on(submenuCloseDelay, setHover, setHover);
-    }
-  };
-  const onPointerLeave = (_, keepHover) => {
-    submenuCtx.off();
-    !keepHover && unsetHover();
-  };
-  useItemEffect(isDisabled, itemRef, updateItems);
-  useEffect(() => {
-    if (isHovering && isParentOpen) {
-      focusRef.current && focusRef.current.focus();
-    }
-  }, [focusRef, isHovering, isParentOpen]);
-  return {
-    setHover,
-    onBlur,
-    onPointerMove,
-    onPointerLeave
-  };
-};
-
-const MenuItem$1 = /*#__PURE__*/withHovering('MenuItem', function MenuItem({
-  className,
-  value,
-  href,
-  type,
-  checked,
-  disabled,
-  children,
-  onClick,
-  isHovering,
-  itemRef,
-  externalRef,
-  ...restProps
-}) {
-  const isDisabled = !!disabled;
-  const {
-    setHover,
-    ...restStateProps
-  } = useItemState(itemRef, itemRef, isHovering, isDisabled);
-  const eventHandlers = useContext(EventHandlersContext);
-  const radioGroup = useContext(RadioGroupContext);
-  const isRadio = type === 'radio';
-  const isCheckBox = type === 'checkbox';
-  const isAnchor = !!href && !isDisabled && !isRadio && !isCheckBox;
-  const isChecked = isRadio ? radioGroup.value === value : isCheckBox ? !!checked : false;
-  const handleClick = e => {
-    if (isDisabled) {
-      e.stopPropagation();
-      e.preventDefault();
-      return;
-    }
-    const event = {
-      value,
-      syntheticEvent: e
-    };
-    if (e.key !== undefined) event.key = e.key;
-    if (isCheckBox) event.checked = !isChecked;
-    if (isRadio) event.name = radioGroup.name;
-    safeCall(onClick, event);
-    if (isRadio) safeCall(radioGroup.onRadioChange, event);
-    eventHandlers.handleClick(event, isCheckBox || isRadio);
-  };
-  const handleKeyDown = e => {
-    if (!isHovering) return;
-    switch (e.key) {
-      case Keys.ENTER:
-        e.preventDefault();
-      case Keys.SPACE:
-        isAnchor ? itemRef.current.click() : handleClick(e);
-    }
-  };
-  const modifiers = useMemo(() => ({
-    type,
-    disabled: isDisabled,
-    hover: isHovering,
-    checked: isChecked,
-    anchor: isAnchor
-  }), [type, isDisabled, isHovering, isChecked, isAnchor]);
-  const mergedProps = mergeProps({
-    ...restStateProps,
-    onPointerDown: setHover,
-    onKeyDown: handleKeyDown,
-    onClick: handleClick
-  }, restProps);
-  const menuItemProps = {
-    role: isRadio ? 'menuitemradio' : isCheckBox ? 'menuitemcheckbox' : roleMenuitem,
-    'aria-checked': isRadio || isCheckBox ? isChecked : undefined,
-    ...commonProps(isDisabled, isHovering),
-    ...mergedProps,
-    ref: useCombinedRef(externalRef, itemRef),
-    className: useBEM({
-      block: menuClass,
-      element: menuItemClass,
-      modifiers,
-      className
-    }),
-    children: useMemo(() => safeCall(children, modifiers), [children, modifiers])
-  };
-  return isAnchor ? /*#__PURE__*/jsx("li", {
-    role: roleNone,
-    children: /*#__PURE__*/jsx("a", {
-      href: href,
-      ...menuItemProps
-    })
-  }) : /*#__PURE__*/jsx("li", {
-    ...menuItemProps
-  });
-});
-process.env.NODE_ENV !== "production" ? MenuItem$1.propTypes = {
-  ...stylePropTypes(),
-  value: propTypesExports.any,
-  href: propTypesExports.string,
-  type: /*#__PURE__*/propTypesExports.oneOf(['checkbox', 'radio']),
-  checked: propTypesExports.bool,
-  disabled: propTypesExports.bool,
-  children: /*#__PURE__*/propTypesExports.oneOfType([propTypesExports.node, propTypesExports.func]),
-  onClick: propTypesExports.func
-} : void 0;
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z$2 = ".szh-menu-button {\n  box-sizing: border-box;\n}\n\n.vchasno-ui-menu-button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 5px;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  transition: background-color var(--vchasno-ui-transition-duration-sec);\n}\n\n.vchasno-ui-menu-button:hover {\n  background-color: var(--vchasno-ui-menu-button-bg);\n}\n";
-styleInject(css_248z$2);
-
-var MenuButton = React.forwardRef(function (props, ref) {
-    return (React.createElement(MenuButton$1, __assign({}, props, { className: cn('vchasno-ui-menu-button', props.className), ref: ref })));
-});
-MenuButton.displayName = 'MenuButton';
-
-var css_248z$1 = ".szh-menu__item {\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: 10px 12px;\n  cursor: pointer;\n  transition: background-color var(--vchasno-ui-transition-duration-sec);\n}\n\n.szh-menu__item + .szh-menu__item {\n  margin-top: 4px;\n}\n\n.szh-menu__item:focus {\n  outline: none;\n}\n\n.szh-menu__item--hover {\n  background-color: var(--vchasno-ui-menu-item-hover-bg);\n}\n\n.szh-menu__item--focusable {\n  background-color: inherit;\n  cursor: default;\n}\n\n.szh-menu__item--disabled {\n  color: #aaa;\n  cursor: default;\n}\n";
-styleInject(css_248z$1);
-
-var MenuItem = React.forwardRef(function (props, ref) {
-    return React.createElement(MenuItem$1, __assign({}, props, { ref: ref }));
-});
-MenuItem.displayName = 'MenuButton';
-
-var css_248z = ".szh-menu {\n  z-index: 100;\n  width: max-content;\n  min-width: 10rem;\n  box-sizing: border-box;\n  padding: 8px;\n  border: 1px solid var(--vchasno-ui-input-border-color-default);\n  border-radius: 4px;\n  margin: 0;\n  background-color: #fff;\n  color: #212529;\n  list-style: none;\n  user-select: none;\n}\n\n.szh-menu:focus {\n  outline: none;\n}\n\n.szh-menu__arrow {\n  z-index: -1;\n  width: 0.75rem;\n  height: 0.75rem;\n  box-sizing: border-box;\n  border: 1px solid transparent;\n  border-top-color: rgb(0 0 0 / 10%);\n  border-left-color: rgb(0 0 0 / 10%);\n  background-color: #fff;\n}\n\n.szh-menu__arrow--dir-left {\n  right: -0.375rem;\n  transform: translateY(-50%) rotate(135deg);\n}\n\n.szh-menu__arrow--dir-right {\n  left: -0.375rem;\n  transform: translateY(-50%) rotate(-45deg);\n}\n\n.szh-menu__arrow--dir-top {\n  bottom: -0.375rem;\n  transform: translateX(-50%) rotate(-135deg);\n}\n\n.szh-menu__arrow--dir-bottom {\n  top: -0.375rem;\n  transform: translateX(-50%) rotate(45deg);\n}\n\n.szh-menu__group {\n  box-sizing: border-box;\n}\n\n.szh-menu__radio-group {\n  padding: 0;\n  margin: 0;\n  list-style: none;\n}\n\n.szh-menu__divider {\n  height: 1px;\n  margin: 0.5rem 0;\n  background-color: rgb(0 0 0 / 12%);\n}\n\n.szh-menu-container--itemTransition .szh-menu__item {\n  transition-duration: 0.15s;\n  transition-property: background-color, color;\n  transition-timing-function: ease-in-out;\n}\n\n.szh-menu__item--type-radio {\n  padding-left: 2.2rem;\n}\n\n.szh-menu__item--type-radio::before {\n  position: absolute;\n  top: 0.55rem;\n  left: 0.8rem;\n  content: \"○\";\n  font-size: 0.8rem;\n}\n\n.szh-menu__item--type-radio.szh-menu__item--checked::before {\n  content: \"●\";\n}\n\n.szh-menu__item--type-checkbox {\n  padding-left: 2.2rem;\n}\n\n.szh-menu__item--type-checkbox::before {\n  position: absolute;\n  left: 0.8rem;\n}\n\n.szh-menu__item--type-checkbox.szh-menu__item--checked::before {\n  content: \"✔\";\n}\n\n.szh-menu__submenu > .szh-menu__item {\n  padding-right: 2.5rem;\n}\n\n.szh-menu__submenu > .szh-menu__item::after {\n  position: absolute;\n  right: 1rem;\n  content: \"❯\";\n}\n\n.szh-menu__header {\n  padding: 0.2rem 1.5rem;\n  color: #888;\n  font-size: 0.8rem;\n  text-transform: uppercase;\n}\n";
-styleInject(css_248z);
-
-var Menu = React.forwardRef(function (props, ref) {
-    return React.createElement(Menu$2, __assign({ gap: 3, direction: "bottom", align: "end" }, props, { ref: ref }));
-});
-Menu.displayName = 'Menu';
-var Menu$1 = Object.assign(Menu, { Button: MenuButton, Item: MenuItem });
-
-export { Menu$1 as default };
-//# sourceMappingURL=index.js.map