@geneui/components 2.11.2 → 2.12.1

package/{index-5e96cb4d.js → PopoverV2/index.js}

@@ -1,976 +1,24 @@
-import { _ as _extends } from './_rollupPluginBabelHelpers-e8fb2e5c.js';
+import { _ as _extends } from '../_rollupPluginBabelHelpers-e8fb2e5c.js';
 import React__default, { forwardRef, useContext, useRef, useState, useMemo, useEffect, useCallback } from 'react';
-import { c as commonjsGlobal } from './_commonjsHelpers-24198af3.js';
+import { c as commonjsGlobal } from '../_commonjsHelpers-24198af3.js';
+import { j as jsxRuntimeExports } from '../jsx-runtime-57b40d9e.js';
 import ReactDOM__default from 'react-dom';
-import { u as useSwipeable } from './index-122432cd.js';
-import { c as classnames } from './index-6ff23041.js';
-import { p as propTypesExports } from './index-e0af0caf.js';
-import { n as noop, s as stopEvent } from './index-ac59cb10.js';
-import { u as useDeviceType } from './useDeviceType-dd51db38.js';
-import { u as useClickOutside } from './useClickOutside-5183e396.js';
-import { e as popoverV2Config, s as screenTypes } from './configs-91c86664.js';
-import CustomScrollbar from './Scrollbar.js';
-import './globalStyling-9c60a159.js';
-import { s as styleInject } from './style-inject.es-746bb8ed.js';
-import { GeneUIDesignSystemContext } from './GeneUIProvider.js';
-import { d as debounce } from './debounce-4419bc2f.js';
+import { u as useSwipeable } from '../index-122432cd.js';
+import { c as classnames } from '../index-6ff23041.js';
+import PropTypes from 'prop-types';
+import { n as noop, s as stopEvent } from '../index-a0e4e333.js';
+import useDeviceType from '../hooks/useDeviceType.js';
+import useClickOutside from '../hooks/useClickOutside.js';
+import { g as popoverV2Config, s as screenTypes } from '../configs-fed6ac34.js';
+import CustomScrollbar from '../Scrollbar/index.js';
+import { GeneUIDesignSystemContext } from '../GeneUIProvider/index.js';
+import { s as styleInject } from '../style-inject.es-746bb8ed.js';
+import { d as debounce } from '../debounce-4419bc2f.js';
+import '../dateValidation-67caec66.js';
+import '../hooks/useWindowSize.js';
 
 var Popover = {};
 
-var jsxRuntimeExports = {};
-var jsxRuntime = {
-  get exports(){ return jsxRuntimeExports; },
-  set exports(v){ jsxRuntimeExports = v; },
-};
-
-var reactJsxRuntime_production_min = {};
-
-/** @license React v16.14.0
- * react-jsx-runtime.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 hasRequiredReactJsxRuntime_production_min;
-
-function requireReactJsxRuntime_production_min () {
-	if (hasRequiredReactJsxRuntime_production_min) return reactJsxRuntime_production_min;
-	hasRequiredReactJsxRuntime_production_min = 1;
-var f=React__default,g=60103;reactJsxRuntime_production_min.Fragment=60107;if("function"===typeof Symbol&&Symbol.for){var h=Symbol.for;g=h("react.element");reactJsxRuntime_production_min.Fragment=h("react.fragment");}var m=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,n=Object.prototype.hasOwnProperty,p={key:!0,ref:!0,__self:!0,__source:!0};
-	function q(c,a,k){var b,d={},e=null,l=null;void 0!==k&&(e=""+k);void 0!==a.key&&(e=""+a.key);void 0!==a.ref&&(l=a.ref);for(b in a)n.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return {$$typeof:g,type:c,key:e,ref:l,props:d,_owner:m.current}}reactJsxRuntime_production_min.jsx=q;reactJsxRuntime_production_min.jsxs=q;
-	return reactJsxRuntime_production_min;
-}
-
-var reactJsxRuntime_development = {};
-
-/** @license React v16.14.0
- * react-jsx-runtime.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 hasRequiredReactJsxRuntime_development;
-
-function requireReactJsxRuntime_development () {
-	if (hasRequiredReactJsxRuntime_development) return reactJsxRuntime_development;
-	hasRequiredReactJsxRuntime_development = 1;
-	(function (exports) {
-
-		if (process.env.NODE_ENV !== "production") {
-		  (function() {
-
-		var React = React__default;
-
-		// ATTENTION
-		// When adding new symbols to this file,
-		// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
-		// 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 REACT_ELEMENT_TYPE = 0xeac7;
-		var REACT_PORTAL_TYPE = 0xeaca;
-		exports.Fragment = 0xeacb;
-		var REACT_STRICT_MODE_TYPE = 0xeacc;
-		var REACT_PROFILER_TYPE = 0xead2;
-		var REACT_PROVIDER_TYPE = 0xeacd;
-		var REACT_CONTEXT_TYPE = 0xeace;
-		var REACT_FORWARD_REF_TYPE = 0xead0;
-		var REACT_SUSPENSE_TYPE = 0xead1;
-		var REACT_SUSPENSE_LIST_TYPE = 0xead8;
-		var REACT_MEMO_TYPE = 0xead3;
-		var REACT_LAZY_TYPE = 0xead4;
-		var REACT_BLOCK_TYPE = 0xead9;
-		var REACT_SERVER_BLOCK_TYPE = 0xeada;
-		var REACT_FUNDAMENTAL_TYPE = 0xead5;
-		var REACT_DEBUG_TRACING_MODE_TYPE = 0xeae1;
-		var REACT_LEGACY_HIDDEN_TYPE = 0xeae3;
-
-		if (typeof Symbol === 'function' && Symbol.for) {
-		  var symbolFor = Symbol.for;
-		  REACT_ELEMENT_TYPE = symbolFor('react.element');
-		  REACT_PORTAL_TYPE = symbolFor('react.portal');
-		  exports.Fragment = symbolFor('react.fragment');
-		  REACT_STRICT_MODE_TYPE = symbolFor('react.strict_mode');
-		  REACT_PROFILER_TYPE = symbolFor('react.profiler');
-		  REACT_PROVIDER_TYPE = symbolFor('react.provider');
-		  REACT_CONTEXT_TYPE = symbolFor('react.context');
-		  REACT_FORWARD_REF_TYPE = symbolFor('react.forward_ref');
-		  REACT_SUSPENSE_TYPE = symbolFor('react.suspense');
-		  REACT_SUSPENSE_LIST_TYPE = symbolFor('react.suspense_list');
-		  REACT_MEMO_TYPE = symbolFor('react.memo');
-		  REACT_LAZY_TYPE = symbolFor('react.lazy');
-		  REACT_BLOCK_TYPE = symbolFor('react.block');
-		  REACT_SERVER_BLOCK_TYPE = symbolFor('react.server.block');
-		  REACT_FUNDAMENTAL_TYPE = symbolFor('react.fundamental');
-		  symbolFor('react.scope');
-		  symbolFor('react.opaque.id');
-		  REACT_DEBUG_TRACING_MODE_TYPE = symbolFor('react.debug_trace_mode');
-		  symbolFor('react.offscreen');
-		  REACT_LEGACY_HIDDEN_TYPE = symbolFor('react.legacy_hidden');
-		}
-
-		var MAYBE_ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
-		var FAUX_ITERATOR_SYMBOL = '@@iterator';
-		function getIteratorFn(maybeIterable) {
-		  if (maybeIterable === null || typeof maybeIterable !== 'object') {
-		    return null;
-		  }
-
-		  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
-
-		  if (typeof maybeIterator === 'function') {
-		    return maybeIterator;
-		  }
-
-		  return null;
-		}
-
-		var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-
-		function error(format) {
-		  {
-		    for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-		      args[_key2 - 1] = arguments[_key2];
-		    }
-
-		    printWarning('error', format, args);
-		  }
-		}
-
-		function printWarning(level, format, args) {
-		  // When changing this logic, you might want to also
-		  // update consoleWithStackDev.www.js as well.
-		  {
-		    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
-		    var stack = '';
-
-		    if (currentlyValidatingElement) {
-		      var name = getComponentName(currentlyValidatingElement.type);
-		      var owner = currentlyValidatingElement._owner;
-		      stack += describeComponentFrame(name, currentlyValidatingElement._source, owner && getComponentName(owner.type));
-		    }
-
-		    stack += ReactDebugCurrentFrame.getStackAddendum();
-
-		    if (stack !== '') {
-		      format += '%s';
-		      args = args.concat([stack]);
-		    }
-
-		    var argsWithFormat = args.map(function (item) {
-		      return '' + item;
-		    }); // Careful: RN currently depends on this prefix
-
-		    argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it
-		    // breaks IE9: https://github.com/facebook/react/issues/13610
-		    // eslint-disable-next-line react-internal/no-production-logging
-
-		    Function.prototype.apply.call(console[level], console, argsWithFormat);
-		  }
-		}
-
-		// Filter certain DOM attributes (e.g. src, href) if their values are empty strings.
-
-		var enableScopeAPI = false; // Experimental Create Event Handle API.
-
-		function isValidElementType(type) {
-		  if (typeof type === 'string' || typeof type === 'function') {
-		    return true;
-		  } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
-
-
-		  if (type === exports.Fragment || type === REACT_PROFILER_TYPE || type === REACT_DEBUG_TRACING_MODE_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || type === REACT_LEGACY_HIDDEN_TYPE || enableScopeAPI ) {
-		    return true;
-		  }
-
-		  if (typeof type === 'object' && type !== null) {
-		    if (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_BLOCK_TYPE || type[0] === REACT_SERVER_BLOCK_TYPE) {
-		      return true;
-		    }
-		  }
-
-		  return false;
-		}
-
-
-		var BEFORE_SLASH_RE = /^(.*)[\\\/]/;
-		function describeComponentFrame (name, source, ownerName) {
-		  var sourceInfo = '';
-
-		  if (source) {
-		    var path = source.fileName;
-		    var fileName = path.replace(BEFORE_SLASH_RE, '');
-
-		    {
-		      // In DEV, include code for a common special case:
-		      // prefer "folder/index.js" instead of just "index.js".
-		      if (/^index\./.test(fileName)) {
-		        var match = path.match(BEFORE_SLASH_RE);
-
-		        if (match) {
-		          var pathBeforeSlash = match[1];
-
-		          if (pathBeforeSlash) {
-		            var folderName = pathBeforeSlash.replace(BEFORE_SLASH_RE, '');
-		            fileName = folderName + '/' + fileName;
-		          }
-		        }
-		      }
-		    }
-
-		    sourceInfo = ' (at ' + fileName + ':' + source.lineNumber + ')';
-		  } else if (ownerName) {
-		    sourceInfo = ' (created by ' + ownerName + ')';
-		  }
-
-		  return '\n    in ' + (name || 'Unknown') + sourceInfo;
-		}
-
-		var Resolved = 1;
-		function refineResolvedLazyComponent(lazyComponent) {
-		  return lazyComponent._status === Resolved ? lazyComponent._result : null;
-		}
-
-		function getWrappedName(outerType, innerType, wrapperName) {
-		  var functionName = innerType.displayName || innerType.name || '';
-		  return outerType.displayName || (functionName !== '' ? wrapperName + "(" + functionName + ")" : wrapperName);
-		}
-
-		function getComponentName(type) {
-		  if (type == null) {
-		    // Host root, text node or just invalid type.
-		    return null;
-		  }
-
-		  {
-		    if (typeof type.tag === 'number') {
-		      error('Received an unexpected object in getComponentName(). ' + 'This is likely a bug in React. Please file an issue.');
-		    }
-		  }
-
-		  if (typeof type === 'function') {
-		    return type.displayName || type.name || null;
-		  }
-
-		  if (typeof type === 'string') {
-		    return type;
-		  }
-
-		  switch (type) {
-		    case exports.Fragment:
-		      return 'Fragment';
-
-		    case REACT_PORTAL_TYPE:
-		      return 'Portal';
-
-		    case REACT_PROFILER_TYPE:
-		      return "Profiler";
-
-		    case REACT_STRICT_MODE_TYPE:
-		      return 'StrictMode';
-
-		    case REACT_SUSPENSE_TYPE:
-		      return 'Suspense';
-
-		    case REACT_SUSPENSE_LIST_TYPE:
-		      return 'SuspenseList';
-		  }
-
-		  if (typeof type === 'object') {
-		    switch (type.$$typeof) {
-		      case REACT_CONTEXT_TYPE:
-		        return 'Context.Consumer';
-
-		      case REACT_PROVIDER_TYPE:
-		        return 'Context.Provider';
-
-		      case REACT_FORWARD_REF_TYPE:
-		        return getWrappedName(type, type.render, 'ForwardRef');
-
-		      case REACT_MEMO_TYPE:
-		        return getComponentName(type.type);
-
-		      case REACT_BLOCK_TYPE:
-		        return getComponentName(type.render);
-
-		      case REACT_LAZY_TYPE:
-		        {
-		          var thenable = type;
-		          var resolvedThenable = refineResolvedLazyComponent(thenable);
-
-		          if (resolvedThenable) {
-		            return getComponentName(resolvedThenable);
-		          }
-
-		          break;
-		        }
-		    }
-		  }
-
-		  return null;
-		}
-
-		var loggedTypeFailures = {};
-		ReactSharedInternals.ReactDebugCurrentFrame;
-		var currentlyValidatingElement = null;
-
-		function setCurrentlyValidatingElement(element) {
-		  {
-		    currentlyValidatingElement = element;
-		  }
-		}
-
-		function checkPropTypes(typeSpecs, values, location, componentName, element) {
-		  {
-		    // $FlowFixMe This is okay but Flow doesn't know it.
-		    var has = Function.call.bind(Object.prototype.hasOwnProperty);
-
-		    for (var typeSpecName in typeSpecs) {
-		      if (has(typeSpecs, typeSpecName)) {
-		        var error$1 = void 0; // 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$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED');
-		        } catch (ex) {
-		          error$1 = ex;
-		        }
-
-		        if (error$1 && !(error$1 instanceof Error)) {
-		          setCurrentlyValidatingElement(element);
-
-		          error('%s: type specification of %s' + ' `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error$1);
-
-		          setCurrentlyValidatingElement(null);
-		        }
-
-		        if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {
-		          // Only monitor this failure once because there tends to be a lot of the
-		          // same error.
-		          loggedTypeFailures[error$1.message] = true;
-		          setCurrentlyValidatingElement(element);
-
-		          error('Failed %s type: %s', location, error$1.message);
-
-		          setCurrentlyValidatingElement(null);
-		        }
-		      }
-		    }
-		  }
-		}
-
-		var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
-		var hasOwnProperty = Object.prototype.hasOwnProperty;
-		var RESERVED_PROPS = {
-		  key: true,
-		  ref: true,
-		  __self: true,
-		  __source: true
-		};
-		var specialPropKeyWarningShown;
-		var specialPropRefWarningShown;
-		var didWarnAboutStringRefs;
-
-		{
-		  didWarnAboutStringRefs = {};
-		}
-
-		function hasValidRef(config) {
-		  {
-		    if (hasOwnProperty.call(config, 'ref')) {
-		      var getter = Object.getOwnPropertyDescriptor(config, 'ref').get;
-
-		      if (getter && getter.isReactWarning) {
-		        return false;
-		      }
-		    }
-		  }
-
-		  return config.ref !== undefined;
-		}
-
-		function hasValidKey(config) {
-		  {
-		    if (hasOwnProperty.call(config, 'key')) {
-		      var getter = Object.getOwnPropertyDescriptor(config, 'key').get;
-
-		      if (getter && getter.isReactWarning) {
-		        return false;
-		      }
-		    }
-		  }
-
-		  return config.key !== undefined;
-		}
-
-		function warnIfStringRefCannotBeAutoConverted(config, self) {
-		  {
-		    if (typeof config.ref === 'string' && ReactCurrentOwner.current && self && ReactCurrentOwner.current.stateNode !== self) {
-		      var componentName = getComponentName(ReactCurrentOwner.current.type);
-
-		      if (!didWarnAboutStringRefs[componentName]) {
-		        error('Component "%s" contains the string ref "%s". ' + 'Support for string refs will be removed in a future major release. ' + 'This case cannot be automatically converted to an arrow function. ' + 'We ask you to manually fix this case by using useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref', getComponentName(ReactCurrentOwner.current.type), config.ref);
-
-		        didWarnAboutStringRefs[componentName] = true;
-		      }
-		    }
-		  }
-		}
-
-		function defineKeyPropWarningGetter(props, displayName) {
-		  {
-		    var warnAboutAccessingKey = function () {
-		      if (!specialPropKeyWarningShown) {
-		        specialPropKeyWarningShown = true;
-
-		        error('%s: `key` is not a prop. Trying to access it will result ' + 'in `undefined` being returned. If you need to access the same ' + 'value within the child component, you should pass it as a different ' + 'prop. (https://reactjs.org/link/special-props)', displayName);
-		      }
-		    };
-
-		    warnAboutAccessingKey.isReactWarning = true;
-		    Object.defineProperty(props, 'key', {
-		      get: warnAboutAccessingKey,
-		      configurable: true
-		    });
-		  }
-		}
-
-		function defineRefPropWarningGetter(props, displayName) {
-		  {
-		    var warnAboutAccessingRef = function () {
-		      if (!specialPropRefWarningShown) {
-		        specialPropRefWarningShown = true;
-
-		        error('%s: `ref` is not a prop. Trying to access it will result ' + 'in `undefined` being returned. If you need to access the same ' + 'value within the child component, you should pass it as a different ' + 'prop. (https://reactjs.org/link/special-props)', displayName);
-		      }
-		    };
-
-		    warnAboutAccessingRef.isReactWarning = true;
-		    Object.defineProperty(props, 'ref', {
-		      get: warnAboutAccessingRef,
-		      configurable: true
-		    });
-		  }
-		}
-		/**
-		 * Factory method to create a new React element. This no longer adheres to
-		 * the class pattern, so do not use new to call it. Also, instanceof check
-		 * will not work. Instead test $$typeof field against Symbol.for('react.element') to check
-		 * if something is a React Element.
-		 *
-		 * @param {*} type
-		 * @param {*} props
-		 * @param {*} key
-		 * @param {string|object} ref
-		 * @param {*} owner
-		 * @param {*} self A *temporary* helper to detect places where `this` is
-		 * different from the `owner` when React.createElement is called, so that we
-		 * can warn. We want to get rid of owner and replace string `ref`s with arrow
-		 * functions, and as long as `this` and owner are the same, there will be no
-		 * change in behavior.
-		 * @param {*} source An annotation object (added by a transpiler or otherwise)
-		 * indicating filename, line number, and/or other information.
-		 * @internal
-		 */
-
-
-		var ReactElement = function (type, key, ref, self, source, owner, props) {
-		  var element = {
-		    // This tag allows us to uniquely identify this as a React Element
-		    $$typeof: REACT_ELEMENT_TYPE,
-		    // Built-in properties that belong on the element
-		    type: type,
-		    key: key,
-		    ref: ref,
-		    props: props,
-		    // Record the component responsible for creating this element.
-		    _owner: owner
-		  };
-
-		  {
-		    // The validation flag is currently mutative. We put it on
-		    // an external backing store so that we can freeze the whole object.
-		    // This can be replaced with a WeakMap once they are implemented in
-		    // commonly used development environments.
-		    element._store = {}; // To make comparing ReactElements easier for testing purposes, we make
-		    // the validation flag non-enumerable (where possible, which should
-		    // include every environment we run tests in), so the test framework
-		    // ignores it.
-
-		    Object.defineProperty(element._store, 'validated', {
-		      configurable: false,
-		      enumerable: false,
-		      writable: true,
-		      value: false
-		    }); // self and source are DEV only properties.
-
-		    Object.defineProperty(element, '_self', {
-		      configurable: false,
-		      enumerable: false,
-		      writable: false,
-		      value: self
-		    }); // Two elements created in two different places should be considered
-		    // equal for testing purposes and therefore we hide it from enumeration.
-
-		    Object.defineProperty(element, '_source', {
-		      configurable: false,
-		      enumerable: false,
-		      writable: false,
-		      value: source
-		    });
-
-		    if (Object.freeze) {
-		      Object.freeze(element.props);
-		      Object.freeze(element);
-		    }
-		  }
-
-		  return element;
-		};
-		/**
-		 * https://github.com/reactjs/rfcs/pull/107
-		 * @param {*} type
-		 * @param {object} props
-		 * @param {string} key
-		 */
-
-		function jsxDEV(type, config, maybeKey, source, self) {
-		  {
-		    var propName; // Reserved names are extracted
-
-		    var props = {};
-		    var key = null;
-		    var ref = null; // Currently, key can be spread in as a prop. This causes a potential
-		    // issue if key is also explicitly declared (ie. <div {...props} key="Hi" />
-		    // or <div key="Hi" {...props} /> ). We want to deprecate key spread,
-		    // but as an intermediary step, we will use jsxDEV for everything except
-		    // <div {...props} key="Hi" />, because we aren't currently able to tell if
-		    // key is explicitly declared to be undefined or not.
-
-		    if (maybeKey !== undefined) {
-		      key = '' + maybeKey;
-		    }
-
-		    if (hasValidKey(config)) {
-		      key = '' + config.key;
-		    }
-
-		    if (hasValidRef(config)) {
-		      ref = config.ref;
-		      warnIfStringRefCannotBeAutoConverted(config, self);
-		    } // Remaining properties are added to a new props object
-
-
-		    for (propName in config) {
-		      if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
-		        props[propName] = config[propName];
-		      }
-		    } // Resolve default props
-
-
-		    if (type && type.defaultProps) {
-		      var defaultProps = type.defaultProps;
-
-		      for (propName in defaultProps) {
-		        if (props[propName] === undefined) {
-		          props[propName] = defaultProps[propName];
-		        }
-		      }
-		    }
-
-		    if (key || ref) {
-		      var displayName = typeof type === 'function' ? type.displayName || type.name || 'Unknown' : type;
-
-		      if (key) {
-		        defineKeyPropWarningGetter(props, displayName);
-		      }
-
-		      if (ref) {
-		        defineRefPropWarningGetter(props, displayName);
-		      }
-		    }
-
-		    return ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props);
-		  }
-		}
-
-		var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;
-		ReactSharedInternals.ReactDebugCurrentFrame;
-
-		function setCurrentlyValidatingElement$1(element) {
-		  currentlyValidatingElement = element;
-		}
-
-		var propTypesMisspellWarningShown;
-
-		{
-		  propTypesMisspellWarningShown = false;
-		}
-		/**
-		 * Verifies the object is a ReactElement.
-		 * See https://reactjs.org/docs/react-api.html#isvalidelement
-		 * @param {?object} object
-		 * @return {boolean} True if `object` is a ReactElement.
-		 * @final
-		 */
-
-		function isValidElement(object) {
-		  {
-		    return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
-		  }
-		}
-
-		function getDeclarationErrorAddendum() {
-		  {
-		    if (ReactCurrentOwner$1.current) {
-		      var name = getComponentName(ReactCurrentOwner$1.current.type);
-
-		      if (name) {
-		        return '\n\nCheck the render method of `' + name + '`.';
-		      }
-		    }
-
-		    return '';
-		  }
-		}
-
-		function getSourceInfoErrorAddendum(source) {
-		  {
-		    if (source !== undefined) {
-		      var fileName = source.fileName.replace(/^.*[\\\/]/, '');
-		      var lineNumber = source.lineNumber;
-		      return '\n\nCheck your code at ' + fileName + ':' + lineNumber + '.';
-		    }
-
-		    return '';
-		  }
-		}
-		/**
-		 * Warn if there's no key explicitly set on dynamic arrays of children or
-		 * object keys are not valid. This allows us to keep track of children between
-		 * updates.
-		 */
-
-
-		var ownerHasKeyUseWarning = {};
-
-		function getCurrentComponentErrorInfo(parentType) {
-		  {
-		    var info = getDeclarationErrorAddendum();
-
-		    if (!info) {
-		      var parentName = typeof parentType === 'string' ? parentType : parentType.displayName || parentType.name;
-
-		      if (parentName) {
-		        info = "\n\nCheck the top-level render call using <" + parentName + ">.";
-		      }
-		    }
-
-		    return info;
-		  }
-		}
-		/**
-		 * Warn if the element doesn't have an explicit key assigned to it.
-		 * This element is in an array. The array could grow and shrink or be
-		 * reordered. All children that haven't already been validated are required to
-		 * have a "key" property assigned to it. Error statuses are cached so a warning
-		 * will only be shown once.
-		 *
-		 * @internal
-		 * @param {ReactElement} element Element that requires a key.
-		 * @param {*} parentType element's parent's type.
-		 */
-
-
-		function validateExplicitKey(element, parentType) {
-		  {
-		    if (!element._store || element._store.validated || element.key != null) {
-		      return;
-		    }
-
-		    element._store.validated = true;
-		    var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);
-
-		    if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
-		      return;
-		    }
-
-		    ownerHasKeyUseWarning[currentComponentErrorInfo] = true; // Usually the current owner is the offender, but if it accepts children as a
-		    // property, it may be the creator of the child that's responsible for
-		    // assigning it a key.
-
-		    var childOwner = '';
-
-		    if (element && element._owner && element._owner !== ReactCurrentOwner$1.current) {
-		      // Give the component that originally created this child.
-		      childOwner = " It was passed a child from " + getComponentName(element._owner.type) + ".";
-		    }
-
-		    setCurrentlyValidatingElement$1(element);
-
-		    error('Each child in a list should have a unique "key" prop.' + '%s%s See https://reactjs.org/link/warning-keys for more information.', currentComponentErrorInfo, childOwner);
-
-		    setCurrentlyValidatingElement$1(null);
-		  }
-		}
-		/**
-		 * Ensure that every element either is passed in a static location, in an
-		 * array with an explicit keys property defined, or in an object literal
-		 * with valid key property.
-		 *
-		 * @internal
-		 * @param {ReactNode} node Statically passed child of any type.
-		 * @param {*} parentType node's parent's type.
-		 */
-
-
-		function validateChildKeys(node, parentType) {
-		  {
-		    if (typeof node !== 'object') {
-		      return;
-		    }
-
-		    if (Array.isArray(node)) {
-		      for (var i = 0; i < node.length; i++) {
-		        var child = node[i];
-
-		        if (isValidElement(child)) {
-		          validateExplicitKey(child, parentType);
-		        }
-		      }
-		    } else if (isValidElement(node)) {
-		      // This element was passed in a valid location.
-		      if (node._store) {
-		        node._store.validated = true;
-		      }
-		    } else if (node) {
-		      var iteratorFn = getIteratorFn(node);
-
-		      if (typeof iteratorFn === 'function') {
-		        // Entry iterators used to provide implicit keys,
-		        // but now we print a separate warning for them later.
-		        if (iteratorFn !== node.entries) {
-		          var iterator = iteratorFn.call(node);
-		          var step;
-
-		          while (!(step = iterator.next()).done) {
-		            if (isValidElement(step.value)) {
-		              validateExplicitKey(step.value, parentType);
-		            }
-		          }
-		        }
-		      }
-		    }
-		  }
-		}
-		/**
-		 * Given an element, validate that its props follow the propTypes definition,
-		 * provided by the type.
-		 *
-		 * @param {ReactElement} element
-		 */
-
-
-		function validatePropTypes(element) {
-		  {
-		    var type = element.type;
-
-		    if (type === null || type === undefined || typeof type === 'string') {
-		      return;
-		    }
-
-		    var propTypes;
-
-		    if (typeof type === 'function') {
-		      propTypes = type.propTypes;
-		    } else if (typeof type === 'object' && (type.$$typeof === REACT_FORWARD_REF_TYPE || // Note: Memo only checks outer props here.
-		    // Inner props are checked in the reconciler.
-		    type.$$typeof === REACT_MEMO_TYPE)) {
-		      propTypes = type.propTypes;
-		    } else {
-		      return;
-		    }
-
-		    if (propTypes) {
-		      // Intentionally inside to avoid triggering lazy initializers:
-		      var name = getComponentName(type);
-		      checkPropTypes(propTypes, element.props, 'prop', name, element);
-		    } else if (type.PropTypes !== undefined && !propTypesMisspellWarningShown) {
-		      propTypesMisspellWarningShown = true; // Intentionally inside to avoid triggering lazy initializers:
-
-		      var _name = getComponentName(type);
-
-		      error('Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?', _name || 'Unknown');
-		    }
-
-		    if (typeof type.getDefaultProps === 'function' && !type.getDefaultProps.isReactClassApproved) {
-		      error('getDefaultProps is only used on classic React.createClass ' + 'definitions. Use a static property named `defaultProps` instead.');
-		    }
-		  }
-		}
-		/**
-		 * Given a fragment, validate that it can only be provided with fragment props
-		 * @param {ReactElement} fragment
-		 */
-
-
-		function validateFragmentProps(fragment) {
-		  {
-		    var keys = Object.keys(fragment.props);
-
-		    for (var i = 0; i < keys.length; i++) {
-		      var key = keys[i];
-
-		      if (key !== 'children' && key !== 'key') {
-		        setCurrentlyValidatingElement$1(fragment);
-
-		        error('Invalid prop `%s` supplied to `React.Fragment`. ' + 'React.Fragment can only have `key` and `children` props.', key);
-
-		        setCurrentlyValidatingElement$1(null);
-		        break;
-		      }
-		    }
-
-		    if (fragment.ref !== null) {
-		      setCurrentlyValidatingElement$1(fragment);
-
-		      error('Invalid attribute `ref` supplied to `React.Fragment`.');
-
-		      setCurrentlyValidatingElement$1(null);
-		    }
-		  }
-		}
-
-		function jsxWithValidation(type, props, key, isStaticChildren, source, self) {
-		  {
-		    var validType = isValidElementType(type); // We warn in this case but don't throw. We expect the element creation to
-		    // succeed and there will likely be errors in render.
-
-		    if (!validType) {
-		      var info = '';
-
-		      if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).length === 0) {
-		        info += ' You likely forgot to export your component from the file ' + "it's defined in, or you might have mixed up default and named imports.";
-		      }
-
-		      var sourceInfo = getSourceInfoErrorAddendum(source);
-
-		      if (sourceInfo) {
-		        info += sourceInfo;
-		      } else {
-		        info += getDeclarationErrorAddendum();
-		      }
-
-		      var typeString;
-
-		      if (type === null) {
-		        typeString = 'null';
-		      } else if (Array.isArray(type)) {
-		        typeString = 'array';
-		      } else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
-		        typeString = "<" + (getComponentName(type.type) || 'Unknown') + " />";
-		        info = ' Did you accidentally export a JSX literal instead of a component?';
-		      } else {
-		        typeString = typeof type;
-		      }
-
-		      error('React.jsx: type is invalid -- expected a string (for ' + 'built-in components) or a class/function (for composite ' + 'components) but got: %s.%s', typeString, info);
-		    }
-
-		    var element = jsxDEV(type, props, key, source, self); // The result can be nullish if a mock or a custom function is used.
-		    // TODO: Drop this when these are no longer allowed as the type argument.
-
-		    if (element == null) {
-		      return element;
-		    } // Skip key warning if the type isn't valid since our key validation logic
-		    // doesn't expect a non-string/function type and can throw confusing errors.
-		    // We don't want exception behavior to differ between dev and prod.
-		    // (Rendering will throw with a helpful message and as soon as the type is
-		    // fixed, the key warnings will appear.)
-
-
-		    if (validType) {
-		      var children = props.children;
-
-		      if (children !== undefined) {
-		        if (isStaticChildren) {
-		          if (Array.isArray(children)) {
-		            for (var i = 0; i < children.length; i++) {
-		              validateChildKeys(children[i], type);
-		            }
-
-		            if (Object.freeze) {
-		              Object.freeze(children);
-		            }
-		          } else {
-		            error('React.jsx: Static children should always be an array. ' + 'You are likely explicitly calling React.jsxs or React.jsxDEV. ' + 'Use the Babel transform instead.');
-		          }
-		        } else {
-		          validateChildKeys(children, type);
-		        }
-		      }
-		    }
-
-		    if (type === exports.Fragment) {
-		      validateFragmentProps(element);
-		    } else {
-		      validatePropTypes(element);
-		    }
-
-		    return element;
-		  }
-		} // These two functions exist to still get child warnings in dev
-		// even with the prod transform. This means that jsxDEV is purely
-		// opt-in behavior for better messages but that we won't stop
-		// giving you warnings if you use production apis.
-
-		function jsxWithValidationStatic(type, props, key) {
-		  {
-		    return jsxWithValidation(type, props, key, true);
-		  }
-		}
-		function jsxWithValidationDynamic(type, props, key) {
-		  {
-		    return jsxWithValidation(type, props, key, false);
-		  }
-		}
-
-		var jsx =  jsxWithValidationDynamic ; // we may want to special case jsxs internally to take advantage of static children.
-		// for now we can ship identical prod functions
-
-		var jsxs =  jsxWithValidationStatic ;
-
-		exports.jsx = jsx;
-		exports.jsxs = jsxs;
-		  })();
-		}
-} (reactJsxRuntime_development));
-	return reactJsxRuntime_development;
-}
-
-(function (module) {
-
-	if (process.env.NODE_ENV === 'production') {
-	  module.exports = requireReactJsxRuntime_production_min();
-	} else {
-	  module.exports = requireReactJsxRuntime_development();
-	}
-} (jsxRuntime));
-
 var PopoverPortal$1 = {};
 
 Object.defineProperty(PopoverPortal$1, "__esModule", { value: true });
@@ -1593,11 +641,11 @@ ArrowContainer$1.ArrowContainer = ArrowContainer;
 	
 } (Popover));
 
-var css_248z = "[data-gene-ui-version=\"1.0.0\"] .popover-positioner{--popover-border-radius:1rem;--popover-shadow:0 0.2rem 0.4rem 0 #0000000d,0 0 0 1px rgba(var(--background-sc-rgb),0.08);z-index:400}[data-gene-ui-version=\"1.0.0\"] .popover-positioner.cr-smooth-radius{--popover-border-radius:0.4rem}[data-gene-ui-version=\"1.0.0\"] .popover-positioner.mobile-view{--popover-border-radius:0.8rem 0.8rem 0 0;--popover-shadow:0 -1px 0.2rem 0 #0000000d;bottom:0;left:0!important;overflow:hidden;position:fixed!important;top:0!important;transform:translate(0)!important;width:100%}[data-gene-ui-version=\"1.0.0\"] .popover-positioner .popover-top-bottom-padding{padding:1rem 0;width:100%}[data-gene-ui-version=\"1.0.0\"] .popover-positioner .popover-top-bottom-padding>div[style*=width]{width:100%!important}[data-gene-ui-version=\"1.0.0\"] .popover{width:100%}[data-gene-ui-version=\"1.0.0\"] .popover-positioner.mobile-view .popover{height:100%;position:relative}[data-gene-ui-version=\"1.0.0\"] .popover-positioner-disable{margin-top:5px;position:inherit!important;transform:none!important}[data-gene-ui-version=\"1.0.0\"] .popover-track{width:100%}[data-gene-ui-version=\"1.0.0\"] .popover-content{background:var(--background);border-radius:var(--popover-border-radius);box-shadow:var(--popover-shadow);overflow:hidden;padding:0 0 env(safe-area-inset-bottom);transition:padding .4s;width:100%}[data-gene-ui-version=\"1.0.0\"] .popover-positioner.mobile-view .popover-content{-webkit-overflow-scrolling:auto;bottom:0;left:0;max-height:calc(100% - 10rem);overflow-x:hidden;overflow-y:auto;position:absolute;z-index:1}[data-gene-ui-version=\"1.0.0\"] .popover-positioner.mobile-view[style*=\"opacity: 0\"] .popover-content{transform:translateY(100%)}[data-gene-ui-version=\"1.0.0\"] .popover-positioner.mobile-view .popover-content{transform:translateY(0)}[data-gene-ui-version=\"1.0.0\"] .popover-mobile-backdrop{background:#0003;height:100%;left:0;opacity:1;position:absolute;top:0;width:100%;z-index:0}[data-gene-ui-version=\"1.0.0\"] .popover-footer,[data-gene-ui-version=\"1.0.0\"] .popover-header{background:var(--background);position:-webkit-sticky;position:sticky;z-index:1}[data-gene-ui-version=\"1.0.0\"] .popover-header{border-bottom:1px solid rgba(var(--background-sc-rgb),.1);top:0}[data-gene-ui-version=\"1.0.0\"] .popover-footer{align-items:stretch;border-top:1px solid rgba(var(--background-sc-rgb),.1);bottom:calc(env(safe-area-inset-bottom)*-1);display:flex;padding:0 0 env(safe-area-inset-bottom);transition:padding .4s}[data-gene-ui-version=\"1.0.0\"] .popover-body{position:relative;z-index:0}[data-gene-ui-version=\"1.0.0\"] .popover-search{padding:1.4rem 1.5rem}[data-gene-ui-version=\"1.0.0\"] .empty-data-holder{align-items:center;display:flex;height:19rem;justify-content:center;width:100%}[data-gene-ui-version=\"1.0.0\"] .popover-disabled{opacity:.5;pointer-events:none;transition:opacity .5s}";
+var css_248z = "[data-gene-ui-version=\"2.12.1\"] .popover-positioner{--popover-border-radius:1rem;--popover-shadow:0 0.2rem 0.4rem 0 #0000000d,0 0 0 1px rgba(var(--background-sc-rgb),0.08);z-index:400}[data-gene-ui-version=\"2.12.1\"] .popover-positioner.cr-smooth-radius{--popover-border-radius:0.4rem}[data-gene-ui-version=\"2.12.1\"] .popover-positioner.mobile-view{--popover-border-radius:0.8rem 0.8rem 0 0;--popover-shadow:0 -1px 0.2rem 0 #0000000d;bottom:0;left:0!important;overflow:hidden;position:fixed!important;top:0!important;transform:translate(0)!important;width:100%}[data-gene-ui-version=\"2.12.1\"] .popover-positioner .popover-top-bottom-padding{padding:1rem 0;width:100%}[data-gene-ui-version=\"2.12.1\"] .popover-positioner .popover-top-bottom-padding>div[style*=width]{width:100%!important}[data-gene-ui-version=\"2.12.1\"] .popover{width:100%}[data-gene-ui-version=\"2.12.1\"] .popover-positioner.mobile-view .popover{height:100%;position:relative}[data-gene-ui-version=\"2.12.1\"] .popover-positioner-disable{margin-top:5px;position:inherit!important;transform:none!important}[data-gene-ui-version=\"2.12.1\"] .popover-track{width:100%}[data-gene-ui-version=\"2.12.1\"] .popover-content{background:var(--background);border-radius:var(--popover-border-radius);box-shadow:var(--popover-shadow);overflow:hidden;padding:0 0 env(safe-area-inset-bottom);transition:padding .4s;width:100%}[data-gene-ui-version=\"2.12.1\"] .popover-positioner.mobile-view .popover-content{-webkit-overflow-scrolling:auto;bottom:0;left:0;max-height:calc(100% - 10rem);overflow-x:hidden;overflow-y:auto;position:absolute;z-index:1}[data-gene-ui-version=\"2.12.1\"] .popover-positioner.mobile-view[style*=\"opacity: 0\"] .popover-content{transform:translateY(100%)}[data-gene-ui-version=\"2.12.1\"] .popover-positioner.mobile-view .popover-content{transform:translateY(0)}[data-gene-ui-version=\"2.12.1\"] .popover-mobile-backdrop{background:#0003;height:100%;left:0;opacity:1;position:absolute;top:0;width:100%;z-index:0}[data-gene-ui-version=\"2.12.1\"] .popover-footer,[data-gene-ui-version=\"2.12.1\"] .popover-header{background:var(--background);position:-webkit-sticky;position:sticky;z-index:1}[data-gene-ui-version=\"2.12.1\"] .popover-header{border-bottom:1px solid rgba(var(--background-sc-rgb),.1);top:0}[data-gene-ui-version=\"2.12.1\"] .popover-footer{align-items:stretch;border-top:1px solid rgba(var(--background-sc-rgb),.1);bottom:calc(env(safe-area-inset-bottom)*-1);display:flex;padding:0 0 env(safe-area-inset-bottom);transition:padding .4s}[data-gene-ui-version=\"2.12.1\"] .popover-body{position:relative;z-index:0}[data-gene-ui-version=\"2.12.1\"] .popover-search{padding:1.4rem 1.5rem}[data-gene-ui-version=\"2.12.1\"] .empty-data-holder{align-items:center;display:flex;height:19rem;justify-content:center;width:100%}[data-gene-ui-version=\"2.12.1\"] .popover-disabled{opacity:.5;pointer-events:none;transition:opacity .5s}";
 styleInject(css_248z);
 
 const PopoverV2 = /*#__PURE__*/forwardRef((props, ref) => {
-  var _popoverRef$current;
+  var _popoverRef$current4;
   const {
     nativeOutsideClick,
     extendTargetWidth,
@@ -1653,15 +701,18 @@ const PopoverV2 = /*#__PURE__*/forwardRef((props, ref) => {
     setUpdateKey(Date.now());
   }, [isMobile, cornerRadius]);
   useEffect(() => {
-    if (popoverRef.current && popoverRef.current.offsetWidth) {
-      setTargetWidth(popoverRef.current.offsetWidth);
+    var _popoverRef$current;
+    if (popoverRef.current && (_popoverRef$current = popoverRef.current) !== null && _popoverRef$current !== void 0 && _popoverRef$current.offsetWidth) {
+      var _popoverRef$current2;
+      setTargetWidth((_popoverRef$current2 = popoverRef.current) === null || _popoverRef$current2 === void 0 ? void 0 : _popoverRef$current2.offsetWidth);
       const debouncedHandleResize = debounce(() => {
-        setTargetWidth(popoverRef.current.offsetWidth);
+        var _popoverRef$current3;
+        setTargetWidth((_popoverRef$current3 = popoverRef.current) === null || _popoverRef$current3 === void 0 ? void 0 : _popoverRef$current3.offsetWidth);
       }, 20);
       window.addEventListener('resize', debouncedHandleResize);
       return () => window.removeEventListener('resize', debouncedHandleResize);
     }
-  }, [(_popoverRef$current = popoverRef.current) === null || _popoverRef$current === void 0 ? void 0 : _popoverRef$current.offsetWidth]);
+  }, [(_popoverRef$current4 = popoverRef.current) === null || _popoverRef$current4 === void 0 ? void 0 : _popoverRef$current4.offsetWidth]);
 
   /* *** START SWIPE FUNCTIONALITY *** */
   const checkBodyContains = event => popoverBodyRef.current.contains(event.target);
@@ -1794,126 +845,126 @@ PopoverV2.propTypes = {
   /**
    * The component that need to be displayed in the Popover. Any valid React node
    */
-  Content: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.func]),
+  Content: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
   /**
    * The component that need to be displayed as Popover header. Any valid React node
    */
-  Header: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.func]),
+  Header: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
   /**
    * The component that need to be displayed as Popover footer. Any valid React node
    */
-  Footer: propTypesExports.oneOfType([propTypesExports.node, propTypesExports.func]),
+  Footer: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
   /**
    * The component which click needs to trigger the Popover to open. Need to passed as child to Popover. Any valid React node
    */
-  children: propTypesExports.node,
+  children: PropTypes.node,
   /**
    * The Popover will get the width of its child. The property will not work when "width" prop is specified
    */
-  extendTargetWidth: propTypesExports.bool,
+  extendTargetWidth: PropTypes.bool,
   /**
    * The Popover "Content" minimum scroll height
    */
-  minHeight: propTypesExports.number,
+  minHeight: PropTypes.number,
   /**
    * The Popover "Content" maximum scroll height. Will not work when the "screenType" is "mobile"
    */
-  maxHeight: propTypesExports.number,
+  maxHeight: PropTypes.number,
   /**
    * Use this prop to control the Popover. Note the component will start not to open and close automatically
    */
-  isOpen: propTypesExports.bool,
+  isOpen: PropTypes.bool,
   /**
    * Popover position to be displayed
    */
-  position: propTypesExports.oneOfType([propTypesExports.oneOf(popoverV2Config.position), propTypesExports.arrayOf(propTypesExports.oneOf(popoverV2Config.position))]),
+  position: PropTypes.oneOfType([PropTypes.oneOf(popoverV2Config.position), PropTypes.arrayOf(PropTypes.oneOf(popoverV2Config.position))]),
   /**
    * Will called each time the popover need to be toggled(child click, close button click, backdrop click).
    * (event: Event, isOpen: bool) => void
    */
-  toggleHandler: propTypesExports.func,
+  toggleHandler: PropTypes.func,
   /**
    * Possible values are start, center, and end.
    * If start is specified, the popover content's top or left location is aligned with its target's.
    * With end specified, the content's bottom or right location is aligned with its target's.
    * If center is specified, the popover content and target's centers are aligned.
    */
-  align: propTypesExports.oneOf(popoverV2Config.align),
+  align: PropTypes.oneOf(popoverV2Config.align),
   /**
    * If you'd like to apply styles to the single container div that your popover content is rendered within via stylesheets,
    * you can specify a custom className for the container here.
    */
-  className: propTypesExports.string,
+  className: PropTypes.string,
   /**
    * This number determines the gap, in pixels, between your target content and your popover content
    */
-  padding: propTypesExports.number,
+  padding: PropTypes.number,
   /**
    * If this property is enabled, rather than the popover content repositioning on a boundary collision,
    * the popover content container will move beyond the window's bounds.
    * You are, however, supplied with nudgedLeft and nudgedTop values, so you may choose to handle content overflow as you wish.
    */
-  disableReposition: propTypesExports.bool,
+  disableReposition: PropTypes.bool,
   /**
    * Popover corner radius
    */
-  cornerRadius: propTypesExports.oneOf(popoverV2Config.cornerRadius),
+  cornerRadius: PropTypes.oneOf(popoverV2Config.cornerRadius),
   /**
    * The switch between mobile and desktop version of Popover will be applied automatically, when the prop is not specified.
    * When the prop is present it must be changed from outside.
    */
-  screenType: propTypesExports.oneOf(screenTypes),
+  screenType: PropTypes.oneOf(screenTypes),
   /**
    * Specify does Popover needs to be toggled on child click
    */
-  behave: propTypesExports.oneOf(popoverV2Config.behave),
+  behave: PropTypes.oneOf(popoverV2Config.behave),
   /**
    * Given content prop can have its own scroll, and with this props we can use/not use default scroll that has popover
    */
-  scrollbarNeeded: propTypesExports.bool,
+  scrollbarNeeded: PropTypes.bool,
   /**
    * Popover content ref
    */
-  contentRef: propTypesExports.oneOfType([propTypesExports.func, propTypesExports.shape({
-    current: propTypesExports.any
+  contentRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
+    current: PropTypes.any
   })]),
-  disabled: propTypesExports.bool,
-  getScrollRef: propTypesExports.func,
+  disabled: PropTypes.bool,
+  getScrollRef: PropTypes.func,
   /**
    * This number specifies the inset around your containerParent's border
    * that boundary violations are determined at. Defaults to 0. Can be negative.
    */
-  boundaryInset: propTypesExports.number,
+  boundaryInset: PropTypes.number,
   /**
    * If you want to apply styles to the popup tracker div where your children are using
    * stylesheets, you can provide a custom class name for the container here.
    */
-  trackClassName: propTypesExports.string,
+  trackClassName: PropTypes.string,
   /*
    * After DOWN swipe  (SwipeEventData) => void
    */
-  onSwipedDown: propTypesExports.func,
-  swipeable: propTypesExports.bool,
+  onSwipedDown: PropTypes.func,
+  swipeable: PropTypes.bool,
   /*
    * If react-tiny-popover detects a click event outside of the target and outside
    * of the popover, you may handle this event here, in the form of (e: MouseEvent) => void.
    */
-  onClickOutside: propTypesExports.func,
-  nativeOutsideClick: propTypesExports.func,
+  onClickOutside: PropTypes.func,
+  nativeOutsideClick: PropTypes.func,
   /*
    * props for scrollbar
    */
-  scrollbarProps: propTypesExports.shape({
+  scrollbarProps: PropTypes.shape({
     ...CustomScrollbar.propTypes
   }),
   /*
    * When disableTransform is true and containerParent has ref.current, the popover generates in a dropdown wrapper instead of closing the body tag, and the position will not calculate.
    */
-  disableTransform: propTypesExports.bool,
+  disableTransform: PropTypes.bool,
   /*
    * Provide an HTML element ref here to have your popover content appended to that element rather than document.body. This is useful if you'd like your popover to sit at a particular place within the DOM.
    */
-  containerParent: propTypesExports.object
+  containerParent: PropTypes.object
 };
 PopoverV2.defaultProps = {
   cornerRadius: popoverV2Config.cornerRadius[0],
@@ -1935,4 +986,4 @@ PopoverV2.defaultProps = {
   nativeOutsideClick: noop
 };
 
-export { PopoverV2 as P, jsxRuntimeExports as j };
+export { PopoverV2 as default };