@teamturing/react-kit 2.27.0 → 2.28.0

package/dist/index.js

@@ -1326,6 +1326,22 @@ const SvgArrowUpLimit = props => /*#__PURE__*/React__namespace.createElement("sv
   clipRule: "evenodd"
 }));
 
+const SvgAuto = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  fill: "none",
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React__namespace.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "m23.723 10.94-2.037-2.78a1.2 1.2 0 0 0-1.936 0l-2.037 2.78c-.58.793-.014 1.909.968 1.909h.88a7.543 7.543 0 0 1-3.73 5.695c-2.301 1.334-5.25 1.334-7.553 0a1.1 1.1 0 0 0-1.102 1.904 9.755 9.755 0 0 0 4.88 1.314 9.756 9.756 0 0 0 4.878-1.313 9.803 9.803 0 0 0 3.57-3.57 9.74 9.74 0 0 0 1.258-4.03h.993a1.2 1.2 0 0 0 .968-1.91m-18.183.213h-.992a7.594 7.594 0 0 1 .962-2.93 7.61 7.61 0 0 1 2.768-2.766c2.302-1.332 5.25-1.332 7.554 0a1.1 1.1 0 0 0 1.102-1.905c-2.972-1.718-6.787-1.718-9.758 0a9.812 9.812 0 0 0-3.57 3.57 9.775 9.775 0 0 0-1.258 4.03H1.244a1.2 1.2 0 0 0-.968 1.91l2.148 2.932a1.2 1.2 0 0 0 1.936 0l2.148-2.932a1.2 1.2 0 0 0-.968-1.91",
+  clipRule: "evenodd"
+}), /*#__PURE__*/React__namespace.createElement("path", {
+  fill: "currentColor",
+  d: "M10.354 14.963a.912.912 0 1 1-1.732-.568l1.909-5.617a1.2 1.2 0 0 1 1.136-.814h.663a1.2 1.2 0 0 1 1.137.815l1.902 5.623a.908.908 0 1 1-1.725.564l-.316-1H10.67l-.316.997Zm.748-2.369h1.793l-.864-2.742h-.064l-.865 2.742Z"
+}));
+
 const SvgBarchart = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
@@ -2272,6 +2288,29 @@ const SvgExclamationPointInCircle = props => /*#__PURE__*/React__namespace.creat
   clipRule: "evenodd"
 }));
 
+const SvgExternalLink = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  fill: "none",
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React__namespace.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M5.953 4.326c-.899 0-1.627.728-1.627 1.627v12.094c0 .899.728 1.627 1.627 1.627h12.094c.899 0 1.627-.728 1.627-1.627V12A1.163 1.163 0 1 1 22 12v6.047A3.953 3.953 0 0 1 18.047 22H5.953A3.953 3.953 0 0 1 2 18.047V5.953A3.953 3.953 0 0 1 5.953 2H12a1.163 1.163 0 1 1 0 2.326H5.953Z",
+  clipRule: "evenodd"
+}), /*#__PURE__*/React__namespace.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M13.308 10.682a1.06 1.06 0 0 0 1.5 0l5.668-5.668a1.06 1.06 0 0 0-1.5-1.5l-5.668 5.668a1.06 1.06 0 0 0 0 1.5Z",
+  clipRule: "evenodd"
+}), /*#__PURE__*/React__namespace.createElement("path", {
+  fill: "currentColor",
+  fillRule: "evenodd",
+  d: "M15.24 3.163c0-.642.52-1.163 1.163-1.163h4.419c.642 0 1.162.52 1.162 1.163V7.58a1.163 1.163 0 0 1-2.325 0V4.326h-3.256c-.642 0-1.163-.521-1.163-1.163Z",
+  clipRule: "evenodd"
+}));
+
 const SvgEyeOff = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
   xmlns: "http://www.w3.org/2000/svg",
   width: "1em",
@@ -4613,6 +4652,7 @@ var icons = /*#__PURE__*/Object.freeze({
   ArrowUpDownIcon: SvgArrowUpDown,
   ArrowUpIcon: SvgArrowUp,
   ArrowUpLimitIcon: SvgArrowUpLimit,
+  AutoIcon: SvgAuto,
   BarchartIcon: SvgBarchart,
   BookIcon: SvgBook,
   BookmarkAnimationIcon: SvgBookmarkAnimation,
@@ -4674,6 +4714,7 @@ var icons = /*#__PURE__*/Object.freeze({
   EqualIcon: SvgEqual,
   EraserIcon: SvgEraser,
   ExclamationPointInCircleIcon: SvgExclamationPointInCircle,
+  ExternalLinkIcon: SvgExternalLink,
   EyeOffIcon: SvgEyeOff,
   EyeOnIcon: SvgEyeOn,
   FaceHappyIcon: SvgFaceHappy,
@@ -17216,6 +17257,7 @@ const BaseCheckbox = styled__default.default(UnstyledCheckbox)`
     border-color: ${({
   theme
 }) => theme.colors['border/disabled']};
+    cursor: not-allowed;
   }
 
   &:checked {
@@ -19529,6 +19571,459 @@ const BaseRadio = styled__default.default(UnstyledRadio)`
 `;
 var Radio$1 = /*#__PURE__*/React.forwardRef(Radio);
 
+/**
+ * lodash (Custom Build) <https://lodash.com/>
+ * Build: `lodash modularize exports="npm" -o ./`
+ * Copyright jQuery Foundation and other contributors <https://jquery.org/>
+ * Released under MIT license <https://lodash.com/license>
+ * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
+ * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+ */
+
+/** Used as the `TypeError` message for "Functions" methods. */
+var FUNC_ERROR_TEXT$1 = 'Expected a function';
+
+/** Used as references for various `Number` constants. */
+var NAN$1 = 0 / 0;
+
+/** `Object#toString` result references. */
+var symbolTag$1 = '[object Symbol]';
+
+/** Used to match leading and trailing whitespace. */
+var reTrim$1 = /^\s+|\s+$/g;
+
+/** Used to detect bad signed hexadecimal string values. */
+var reIsBadHex$1 = /^[-+]0x[0-9a-f]+$/i;
+
+/** Used to detect binary string values. */
+var reIsBinary$1 = /^0b[01]+$/i;
+
+/** Used to detect octal string values. */
+var reIsOctal$1 = /^0o[0-7]+$/i;
+
+/** Built-in method references without a dependency on `root`. */
+var freeParseInt$1 = parseInt;
+
+/** Detect free variable `global` from Node.js. */
+var freeGlobal$2 = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
+
+/** Detect free variable `self`. */
+var freeSelf$2 = typeof self == 'object' && self && self.Object === Object && self;
+
+/** Used as a reference to the global object. */
+var root$2 = freeGlobal$2 || freeSelf$2 || Function('return this')();
+
+/** Used for built-in method references. */
+var objectProto$2 = Object.prototype;
+
+/**
+ * Used to resolve the
+ * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+ * of values.
+ */
+var objectToString$2 = objectProto$2.toString;
+
+/* Built-in method references for those with the same name as other `lodash` methods. */
+var nativeMax$1 = Math.max,
+  nativeMin$1 = Math.min;
+
+/**
+ * Gets the timestamp of the number of milliseconds that have elapsed since
+ * the Unix epoch (1 January 1970 00:00:00 UTC).
+ *
+ * @static
+ * @memberOf _
+ * @since 2.4.0
+ * @category Date
+ * @returns {number} Returns the timestamp.
+ * @example
+ *
+ * _.defer(function(stamp) {
+ *   console.log(_.now() - stamp);
+ * }, _.now());
+ * // => Logs the number of milliseconds it took for the deferred invocation.
+ */
+var now$1 = function () {
+  return root$2.Date.now();
+};
+
+/**
+ * Creates a debounced function that delays invoking `func` until after `wait`
+ * milliseconds have elapsed since the last time the debounced function was
+ * invoked. The debounced function comes with a `cancel` method to cancel
+ * delayed `func` invocations and a `flush` method to immediately invoke them.
+ * Provide `options` to indicate whether `func` should be invoked on the
+ * leading and/or trailing edge of the `wait` timeout. The `func` is invoked
+ * with the last arguments provided to the debounced function. Subsequent
+ * calls to the debounced function return the result of the last `func`
+ * invocation.
+ *
+ * **Note:** If `leading` and `trailing` options are `true`, `func` is
+ * invoked on the trailing edge of the timeout only if the debounced function
+ * is invoked more than once during the `wait` timeout.
+ *
+ * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
+ * until to the next tick, similar to `setTimeout` with a timeout of `0`.
+ *
+ * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
+ * for details over the differences between `_.debounce` and `_.throttle`.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Function
+ * @param {Function} func The function to debounce.
+ * @param {number} [wait=0] The number of milliseconds to delay.
+ * @param {Object} [options={}] The options object.
+ * @param {boolean} [options.leading=false]
+ *  Specify invoking on the leading edge of the timeout.
+ * @param {number} [options.maxWait]
+ *  The maximum time `func` is allowed to be delayed before it's invoked.
+ * @param {boolean} [options.trailing=true]
+ *  Specify invoking on the trailing edge of the timeout.
+ * @returns {Function} Returns the new debounced function.
+ * @example
+ *
+ * // Avoid costly calculations while the window size is in flux.
+ * jQuery(window).on('resize', _.debounce(calculateLayout, 150));
+ *
+ * // Invoke `sendMail` when clicked, debouncing subsequent calls.
+ * jQuery(element).on('click', _.debounce(sendMail, 300, {
+ *   'leading': true,
+ *   'trailing': false
+ * }));
+ *
+ * // Ensure `batchLog` is invoked once after 1 second of debounced calls.
+ * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
+ * var source = new EventSource('/stream');
+ * jQuery(source).on('message', debounced);
+ *
+ * // Cancel the trailing debounced invocation.
+ * jQuery(window).on('popstate', debounced.cancel);
+ */
+function debounce$1(func, wait, options) {
+  var lastArgs,
+    lastThis,
+    maxWait,
+    result,
+    timerId,
+    lastCallTime,
+    lastInvokeTime = 0,
+    leading = false,
+    maxing = false,
+    trailing = true;
+  if (typeof func != 'function') {
+    throw new TypeError(FUNC_ERROR_TEXT$1);
+  }
+  wait = toNumber$1(wait) || 0;
+  if (isObject$2(options)) {
+    leading = !!options.leading;
+    maxing = 'maxWait' in options;
+    maxWait = maxing ? nativeMax$1(toNumber$1(options.maxWait) || 0, wait) : maxWait;
+    trailing = 'trailing' in options ? !!options.trailing : trailing;
+  }
+  function invokeFunc(time) {
+    var args = lastArgs,
+      thisArg = lastThis;
+    lastArgs = lastThis = undefined;
+    lastInvokeTime = time;
+    result = func.apply(thisArg, args);
+    return result;
+  }
+  function leadingEdge(time) {
+    // Reset any `maxWait` timer.
+    lastInvokeTime = time;
+    // Start the timer for the trailing edge.
+    timerId = setTimeout(timerExpired, wait);
+    // Invoke the leading edge.
+    return leading ? invokeFunc(time) : result;
+  }
+  function remainingWait(time) {
+    var timeSinceLastCall = time - lastCallTime,
+      timeSinceLastInvoke = time - lastInvokeTime,
+      result = wait - timeSinceLastCall;
+    return maxing ? nativeMin$1(result, maxWait - timeSinceLastInvoke) : result;
+  }
+  function shouldInvoke(time) {
+    var timeSinceLastCall = time - lastCallTime,
+      timeSinceLastInvoke = time - lastInvokeTime;
+
+    // Either this is the first call, activity has stopped and we're at the
+    // trailing edge, the system time has gone backwards and we're treating
+    // it as the trailing edge, or we've hit the `maxWait` limit.
+    return lastCallTime === undefined || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
+  }
+  function timerExpired() {
+    var time = now$1();
+    if (shouldInvoke(time)) {
+      return trailingEdge(time);
+    }
+    // Restart the timer.
+    timerId = setTimeout(timerExpired, remainingWait(time));
+  }
+  function trailingEdge(time) {
+    timerId = undefined;
+
+    // Only invoke if we have `lastArgs` which means `func` has been
+    // debounced at least once.
+    if (trailing && lastArgs) {
+      return invokeFunc(time);
+    }
+    lastArgs = lastThis = undefined;
+    return result;
+  }
+  function cancel() {
+    if (timerId !== undefined) {
+      clearTimeout(timerId);
+    }
+    lastInvokeTime = 0;
+    lastArgs = lastCallTime = lastThis = timerId = undefined;
+  }
+  function flush() {
+    return timerId === undefined ? result : trailingEdge(now$1());
+  }
+  function debounced() {
+    var time = now$1(),
+      isInvoking = shouldInvoke(time);
+    lastArgs = arguments;
+    lastThis = this;
+    lastCallTime = time;
+    if (isInvoking) {
+      if (timerId === undefined) {
+        return leadingEdge(lastCallTime);
+      }
+      if (maxing) {
+        // Handle invocations in a tight loop.
+        timerId = setTimeout(timerExpired, wait);
+        return invokeFunc(lastCallTime);
+      }
+    }
+    if (timerId === undefined) {
+      timerId = setTimeout(timerExpired, wait);
+    }
+    return result;
+  }
+  debounced.cancel = cancel;
+  debounced.flush = flush;
+  return debounced;
+}
+
+/**
+ * Checks if `value` is the
+ * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
+ * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an object, else `false`.
+ * @example
+ *
+ * _.isObject({});
+ * // => true
+ *
+ * _.isObject([1, 2, 3]);
+ * // => true
+ *
+ * _.isObject(_.noop);
+ * // => true
+ *
+ * _.isObject(null);
+ * // => false
+ */
+function isObject$2(value) {
+  var type = typeof value;
+  return !!value && (type == 'object' || type == 'function');
+}
+
+/**
+ * Checks if `value` is object-like. A value is object-like if it's not `null`
+ * and has a `typeof` result of "object".
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
+ * @example
+ *
+ * _.isObjectLike({});
+ * // => true
+ *
+ * _.isObjectLike([1, 2, 3]);
+ * // => true
+ *
+ * _.isObjectLike(_.noop);
+ * // => false
+ *
+ * _.isObjectLike(null);
+ * // => false
+ */
+function isObjectLike$2(value) {
+  return !!value && typeof value == 'object';
+}
+
+/**
+ * Checks if `value` is classified as a `Symbol` primitive or object.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
+ * @example
+ *
+ * _.isSymbol(Symbol.iterator);
+ * // => true
+ *
+ * _.isSymbol('abc');
+ * // => false
+ */
+function isSymbol$1(value) {
+  return typeof value == 'symbol' || isObjectLike$2(value) && objectToString$2.call(value) == symbolTag$1;
+}
+
+/**
+ * Converts `value` to a number.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to process.
+ * @returns {number} Returns the number.
+ * @example
+ *
+ * _.toNumber(3.2);
+ * // => 3.2
+ *
+ * _.toNumber(Number.MIN_VALUE);
+ * // => 5e-324
+ *
+ * _.toNumber(Infinity);
+ * // => Infinity
+ *
+ * _.toNumber('3.2');
+ * // => 3.2
+ */
+function toNumber$1(value) {
+  if (typeof value == 'number') {
+    return value;
+  }
+  if (isSymbol$1(value)) {
+    return NAN$1;
+  }
+  if (isObject$2(value)) {
+    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
+    value = isObject$2(other) ? other + '' : other;
+  }
+  if (typeof value != 'string') {
+    return value === 0 ? value : +value;
+  }
+  value = value.replace(reTrim$1, '');
+  var isBinary = reIsBinary$1.test(value);
+  return isBinary || reIsOctal$1.test(value) ? freeParseInt$1(value.slice(2), isBinary ? 2 : 8) : reIsBadHex$1.test(value) ? NAN$1 : +value;
+}
+var lodash_debounce = debounce$1;
+var debounce$2 = /*@__PURE__*/getDefaultExportFromCjs(lodash_debounce);
+
+const useResize = resizeCallback => {
+  const handleResize = React.useCallback(() => resizeCallback?.(), []);
+  React.useEffect(() => {
+    handleResize();
+  }, []);
+  React.useEffect(() => {
+    if (window) {
+      const debouncedHandleResize = debounce$2(handleResize, 150);
+      window.addEventListener('resize', debouncedHandleResize);
+      return () => window.removeEventListener('resize', debouncedHandleResize);
+    }
+  }, []);
+};
+
+var MobileOS = /*#__PURE__*/function (MobileOS) {
+  MobileOS["Android"] = "android";
+  MobileOS["iOS"] = "ios";
+  MobileOS["Unknown"] = "unknown";
+  MobileOS["WindowsPhone"] = "Windows Phone";
+  return MobileOS;
+}(MobileOS || {});
+var DesktopOS = /*#__PURE__*/function (DesktopOS) {
+  DesktopOS["Linux"] = "linux";
+  DesktopOS["MacOS"] = "mac_os";
+  DesktopOS["Unix"] = "unix";
+  DesktopOS["Unknown"] = "unknown";
+  DesktopOS["Windows"] = "windows";
+  return DesktopOS;
+}(DesktopOS || {});
+const useDevice = () => {
+  const [deviceState, setDeviceState] = React.useState();
+  const handleResize = () => {
+    const userAgent = navigator.userAgent || navigator.vendor || window.opera || undefined;
+    const isMobileDevice = () => {
+      const regexs = [/(Android)(.+)(Mobile)/i, /BlackBerry/i, /iPhone|iPod/i, /Opera Mini/i, /IEMobile/i];
+      return regexs.some(b => userAgent.match(b));
+    };
+    const isTabletDevice = () => {
+      const regex = /(ipad|tablet|(android(?!.*mobile))|(windows(?!.*phone)(.*touch))|kindle|playbook|silk|(puffin(?!.*(IP|AP|WP))))/;
+      return regex.test(userAgent.toLowerCase());
+    };
+    const isDesktopDevice = () => !isMobileDevice() && !isTabletDevice();
+    const isDesktop = isDesktopDevice();
+    const isMobile = isMobileDevice();
+    const isTablet = isTabletDevice();
+    const getMobileOS = () => {
+      if (isMobileDevice()) {
+        if (/windows phone/i.test(userAgent)) return MobileOS.WindowsPhone;else if (/android/i.test(userAgent)) return MobileOS.Android;else if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) return MobileOS.iOS;
+        return MobileOS.Unknown;
+      } else return undefined;
+    };
+    const getDesktopOS = () => {
+      if (isDesktopDevice()) {
+        if (userAgent.indexOf('Win') !== -1) return DesktopOS.Windows;else if (userAgent.indexOf('Mac') !== -1) return DesktopOS.MacOS;else if (userAgent.indexOf('X11') !== -1) return DesktopOS.Unix;else if (userAgent.indexOf('Linux') !== -1) return DesktopOS.Linux;
+        return DesktopOS.Unknown;
+      } else return undefined;
+    };
+    const getDeviceOS = () => getMobileOS() ?? getDesktopOS();
+    const mobileOS = getMobileOS();
+    const isAndroidDevice = getDeviceOS() === MobileOS.Android;
+    const isAppleDevice = getDeviceOS() === MobileOS.iOS || getDeviceOS() === DesktopOS.MacOS;
+    const isUnknownMobileDevice = getDeviceOS() === MobileOS.Unknown;
+    const desktopOS = getDesktopOS();
+    const isWindowsDesktop = getDeviceOS() === DesktopOS.Windows;
+    const isLinuxOrUnixDesktop = getDeviceOS() === DesktopOS.Linux || getDeviceOS() === DesktopOS.Unix;
+    const supportedScreenOrientation = (screen?.orientation || {}).type ?? screen.mozOrientation ?? screen.msOrientation;
+    const safariScreenOrientation = !screen?.orientation && matchMedia('(orientation: portrait)').matches ? 'portrait-primary' : 'landscape-primary';
+    const initialScreenOrientation = supportedScreenOrientation ?? safariScreenOrientation ?? 'portrait-primary';
+    let screenOrientation = initialScreenOrientation;
+    if (screen.orientation) {
+      screen.orientation.addEventListener('change', ev => screenOrientation = (ev.target ?? {}).type);
+    }
+    const isLandscapeOrientation = () => ['landscape-primary', 'landscape-secondary'].includes(screenOrientation);
+    const isPortraitOrientation = () => ['portrait-primary', 'portrait-secondary'].includes(screenOrientation);
+    setDeviceState({
+      isDesktop,
+      desktopOS,
+      isWindowsDesktop,
+      isLinuxOrUnixDesktop,
+      isMobile,
+      mobileOS,
+      isAndroidDevice,
+      isAppleDevice,
+      isUnknownMobileDevice,
+      isTablet,
+      isLandscapeOrientation,
+      isPortraitOrientation
+    });
+  };
+  useResize(handleResize);
+  return deviceState || {};
+};
+
 const Overlay = ({
   children,
   isOpen,
@@ -34530,6 +35025,9 @@ const SearchSelectInput = ({
   ...props
 }, ref) => {
   const theme = styled.useTheme();
+  const {
+    isDesktop
+  } = useDevice();
   const isVisibleValueExist = value && isArray$1(value) && !isNullable(renderValue(value)) ? value.length > 0 : value && !isNullable(renderValue(value));
   const hasLeadingVisual = !isNullable(LeadingVisual);
   const valueInputRef = useProvidedOrCreatedRef(ref);
@@ -34557,12 +35055,18 @@ const SearchSelectInput = ({
       onChange?.(item);
     }
   };
+
+  /**
+   * ? dummyRef가 왜 있나?
+   * 모바일 환경에서 Input에 포커스가 가지 않도록 하기 위한 장치입니다.
+   */
+  const dummyRef = React.useRef(null);
   const listContainerRef = React.useRef(null);
   const searchInputRef = React.useRef(null);
   const activeDescendantRef = React.useRef();
   return /*#__PURE__*/jsxRuntimeExports.jsx(OverlayPopper, {
     focusTrapSettings: {
-      initialFocusRef: searchInputRef,
+      initialFocusRef: isDesktop ? searchInputRef : dummyRef,
       restoreFocusOnCleanUp: true,
       ...focusTrapSettings
     },
@@ -34615,7 +35119,11 @@ const SearchSelectInput = ({
           overlayHandler.closeOverlay();
         }
       },
-      children: [/*#__PURE__*/jsxRuntimeExports.jsx(Space, {
+      children: [!isDesktop ? /*#__PURE__*/jsxRuntimeExports.jsx(View, {
+        "aria-hidden": true,
+        ref: dummyRef,
+        tabIndex: 0
+      }) : null, /*#__PURE__*/jsxRuntimeExports.jsx(Space, {
         p: 2,
         sx: {
           flexGrow: 0,
@@ -35166,13 +35674,13 @@ var reUnicode = RegExp(rsFitz + '(?=' + rsFitz + ')|' + rsSymbol + rsSeq, 'g');
 var reHasUnicode = RegExp('[' + rsZWJ + rsAstralRange + rsComboMarksRange + rsComboSymbolsRange + rsVarRange + ']');
 
 /** Detect free variable `global` from Node.js. */
-var freeGlobal$2 = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
+var freeGlobal$1 = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
 
 /** Detect free variable `self`. */
-var freeSelf$2 = typeof self == 'object' && self && self.Object === Object && self;
+var freeSelf$1 = typeof self == 'object' && self && self.Object === Object && self;
 
 /** Used as a reference to the global object. */
-var root$2 = freeGlobal$2 || freeSelf$2 || Function('return this')();
+var root$1 = freeGlobal$1 || freeSelf$1 || Function('return this')();
 
 /**
  * A specialized version of `_.map` for arrays without support for iteratee
@@ -35366,10 +35874,10 @@ function unicodeToArray(string) {
 
 /** Used for built-in method references. */
 var funcProto = Function.prototype,
-  objectProto$2 = Object.prototype;
+  objectProto$1 = Object.prototype;
 
 /** Used to detect overreaching core-js shims. */
-var coreJsData = root$2['__core-js_shared__'];
+var coreJsData = root$1['__core-js_shared__'];
 
 /** Used to detect methods masquerading as native. */
 var maskSrcKey = function () {
@@ -35381,32 +35889,32 @@ var maskSrcKey = function () {
 var funcToString = funcProto.toString;
 
 /** Used to check objects for own properties. */
-var hasOwnProperty = objectProto$2.hasOwnProperty;
+var hasOwnProperty = objectProto$1.hasOwnProperty;
 
 /**
  * Used to resolve the
  * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
  * of values.
  */
-var objectToString$2 = objectProto$2.toString;
+var objectToString$1 = objectProto$1.toString;
 
 /** Used to detect if a method is native. */
 var reIsNative = RegExp('^' + funcToString.call(hasOwnProperty).replace(reRegExpChar, '\\$&').replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$');
 
 /** Built-in value references. */
-var Symbol$1 = root$2.Symbol,
+var Symbol$1 = root$1.Symbol,
   iteratorSymbol = Symbol$1 ? Symbol$1.iterator : undefined,
-  propertyIsEnumerable = objectProto$2.propertyIsEnumerable;
+  propertyIsEnumerable = objectProto$1.propertyIsEnumerable;
 
 /* Built-in method references for those with the same name as other `lodash` methods. */
 var nativeKeys = overArg(Object.keys, Object);
 
 /* Built-in method references that are verified to be native. */
-var DataView = getNative(root$2, 'DataView'),
-  Map$1 = getNative(root$2, 'Map'),
-  Promise$1 = getNative(root$2, 'Promise'),
-  Set$1 = getNative(root$2, 'Set'),
-  WeakMap$1 = getNative(root$2, 'WeakMap');
+var DataView = getNative(root$1, 'DataView'),
+  Map$1 = getNative(root$1, 'Map'),
+  Promise$1 = getNative(root$1, 'Promise'),
+  Set$1 = getNative(root$1, 'Set'),
+  WeakMap$1 = getNative(root$1, 'WeakMap');
 
 /** Used to detect maps, sets, and weakmaps. */
 var dataViewCtorString = toSource(DataView),
@@ -35445,7 +35953,7 @@ function arrayLikeKeys(value, inherited) {
  * @returns {string} Returns the `toStringTag`.
  */
 function baseGetTag(value) {
-  return objectToString$2.call(value);
+  return objectToString$1.call(value);
 }
 
 /**
@@ -35457,7 +35965,7 @@ function baseGetTag(value) {
  *  else `false`.
  */
 function baseIsNative(value) {
-  if (!isObject$2(value) || isMasked(value)) {
+  if (!isObject$1(value) || isMasked(value)) {
     return false;
   }
   var pattern = isFunction(value) || isHostObject(value) ? reIsNative : reIsHostCtor;
@@ -35528,7 +36036,7 @@ var getTag = baseGetTag;
 // for data views in Edge < 14, and promises in Node.js.
 if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag || Map$1 && getTag(new Map$1()) != mapTag || Promise$1 && getTag(Promise$1.resolve()) != promiseTag || Set$1 && getTag(new Set$1()) != setTag || WeakMap$1 && getTag(new WeakMap$1()) != weakMapTag) {
   getTag = function (value) {
-    var result = objectToString$2.call(value),
+    var result = objectToString$1.call(value),
       Ctor = result == objectTag ? value.constructor : undefined,
       ctorString = Ctor ? toSource(Ctor) : undefined;
     if (ctorString) {
@@ -35582,7 +36090,7 @@ function isMasked(func) {
  */
 function isPrototype(value) {
   var Ctor = value && value.constructor,
-    proto = typeof Ctor == 'function' && Ctor.prototype || objectProto$2;
+    proto = typeof Ctor == 'function' && Ctor.prototype || objectProto$1;
   return value === proto;
 }
 
@@ -35625,7 +36133,7 @@ function toSource(func) {
  */
 function isArguments(value) {
   // Safari 8.1 makes `arguments.callee` enumerable in strict mode.
-  return isArrayLikeObject(value) && hasOwnProperty.call(value, 'callee') && (!propertyIsEnumerable.call(value, 'callee') || objectToString$2.call(value) == argsTag);
+  return isArrayLikeObject(value) && hasOwnProperty.call(value, 'callee') && (!propertyIsEnumerable.call(value, 'callee') || objectToString$1.call(value) == argsTag);
 }
 
 /**
@@ -35708,7 +36216,7 @@ function isArrayLike(value) {
  * // => false
  */
 function isArrayLikeObject(value) {
-  return isObjectLike$2(value) && isArrayLike(value);
+  return isObjectLike$1(value) && isArrayLike(value);
 }
 
 /**
@@ -35731,7 +36239,7 @@ function isArrayLikeObject(value) {
 function isFunction(value) {
   // The use of `Object#toString` avoids issues with the `typeof` operator
   // in Safari 8-9 which returns 'object' for typed array and other constructors.
-  var tag = isObject$2(value) ? objectToString$2.call(value) : '';
+  var tag = isObject$1(value) ? objectToString$1.call(value) : '';
   return tag == funcTag || tag == genTag;
 }
 
@@ -35790,7 +36298,7 @@ function isLength(value) {
  * _.isObject(null);
  * // => false
  */
-function isObject$2(value) {
+function isObject$1(value) {
   var type = typeof value;
   return !!value && (type == 'object' || type == 'function');
 }
@@ -35819,7 +36327,7 @@ function isObject$2(value) {
  * _.isObjectLike(null);
  * // => false
  */
-function isObjectLike$2(value) {
+function isObjectLike$1(value) {
   return !!value && typeof value == 'object';
 }
 
@@ -35841,7 +36349,7 @@ function isObjectLike$2(value) {
  * // => false
  */
 function isString(value) {
-  return typeof value == 'string' || !isArray(value) && isObjectLike$2(value) && objectToString$2.call(value) == stringTag;
+  return typeof value == 'string' || !isArray(value) && isObjectLike$1(value) && objectToString$1.call(value) == stringTag;
 }
 
 /**
@@ -37008,51 +37516,51 @@ var Stack$1 = Object.assign(Stack, {
  */
 
 /** Used as the `TypeError` message for "Functions" methods. */
-var FUNC_ERROR_TEXT$1 = 'Expected a function';
+var FUNC_ERROR_TEXT = 'Expected a function';
 
 /** Used as references for various `Number` constants. */
-var NAN$1 = 0 / 0;
+var NAN = 0 / 0;
 
 /** `Object#toString` result references. */
-var symbolTag$1 = '[object Symbol]';
+var symbolTag = '[object Symbol]';
 
 /** Used to match leading and trailing whitespace. */
-var reTrim$1 = /^\s+|\s+$/g;
+var reTrim = /^\s+|\s+$/g;
 
 /** Used to detect bad signed hexadecimal string values. */
-var reIsBadHex$1 = /^[-+]0x[0-9a-f]+$/i;
+var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
 
 /** Used to detect binary string values. */
-var reIsBinary$1 = /^0b[01]+$/i;
+var reIsBinary = /^0b[01]+$/i;
 
 /** Used to detect octal string values. */
-var reIsOctal$1 = /^0o[0-7]+$/i;
+var reIsOctal = /^0o[0-7]+$/i;
 
 /** Built-in method references without a dependency on `root`. */
-var freeParseInt$1 = parseInt;
+var freeParseInt = parseInt;
 
 /** Detect free variable `global` from Node.js. */
-var freeGlobal$1 = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
+var freeGlobal = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
 
 /** Detect free variable `self`. */
-var freeSelf$1 = typeof self == 'object' && self && self.Object === Object && self;
+var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
 
 /** Used as a reference to the global object. */
-var root$1 = freeGlobal$1 || freeSelf$1 || Function('return this')();
+var root = freeGlobal || freeSelf || Function('return this')();
 
 /** Used for built-in method references. */
-var objectProto$1 = Object.prototype;
+var objectProto = Object.prototype;
 
 /**
  * Used to resolve the
  * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
  * of values.
  */
-var objectToString$1 = objectProto$1.toString;
+var objectToString = objectProto.toString;
 
 /* Built-in method references for those with the same name as other `lodash` methods. */
-var nativeMax$1 = Math.max,
-  nativeMin$1 = Math.min;
+var nativeMax = Math.max,
+  nativeMin = Math.min;
 
 /**
  * Gets the timestamp of the number of milliseconds that have elapsed since
@@ -37070,8 +37578,8 @@ var nativeMax$1 = Math.max,
  * }, _.now());
  * // => Logs the number of milliseconds it took for the deferred invocation.
  */
-var now$1 = function () {
-  return root$1.Date.now();
+var now = function () {
+  return root.Date.now();
 };
 
 /**
@@ -37128,7 +37636,7 @@ var now$1 = function () {
  * // Cancel the trailing debounced invocation.
  * jQuery(window).on('popstate', debounced.cancel);
  */
-function debounce$2(func, wait, options) {
+function debounce(func, wait, options) {
   var lastArgs,
     lastThis,
     maxWait,
@@ -37140,13 +37648,13 @@ function debounce$2(func, wait, options) {
     maxing = false,
     trailing = true;
   if (typeof func != 'function') {
-    throw new TypeError(FUNC_ERROR_TEXT$1);
+    throw new TypeError(FUNC_ERROR_TEXT);
   }
-  wait = toNumber$1(wait) || 0;
-  if (isObject$1(options)) {
+  wait = toNumber(wait) || 0;
+  if (isObject(options)) {
     leading = !!options.leading;
     maxing = 'maxWait' in options;
-    maxWait = maxing ? nativeMax$1(toNumber$1(options.maxWait) || 0, wait) : maxWait;
+    maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
     trailing = 'trailing' in options ? !!options.trailing : trailing;
   }
   function invokeFunc(time) {
@@ -37169,7 +37677,7 @@ function debounce$2(func, wait, options) {
     var timeSinceLastCall = time - lastCallTime,
       timeSinceLastInvoke = time - lastInvokeTime,
       result = wait - timeSinceLastCall;
-    return maxing ? nativeMin$1(result, maxWait - timeSinceLastInvoke) : result;
+    return maxing ? nativeMin(result, maxWait - timeSinceLastInvoke) : result;
   }
   function shouldInvoke(time) {
     var timeSinceLastCall = time - lastCallTime,
@@ -37181,7 +37689,7 @@ function debounce$2(func, wait, options) {
     return lastCallTime === undefined || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
   }
   function timerExpired() {
-    var time = now$1();
+    var time = now();
     if (shouldInvoke(time)) {
       return trailingEdge(time);
     }
@@ -37207,10 +37715,10 @@ function debounce$2(func, wait, options) {
     lastArgs = lastCallTime = lastThis = timerId = undefined;
   }
   function flush() {
-    return timerId === undefined ? result : trailingEdge(now$1());
+    return timerId === undefined ? result : trailingEdge(now());
   }
   function debounced() {
-    var time = now$1(),
+    var time = now(),
       isInvoking = shouldInvoke(time);
     lastArgs = arguments;
     lastThis = this;
@@ -37283,379 +37791,19 @@ function throttle(func, wait, options) {
   var leading = true,
     trailing = true;
   if (typeof func != 'function') {
-    throw new TypeError(FUNC_ERROR_TEXT$1);
+    throw new TypeError(FUNC_ERROR_TEXT);
   }
-  if (isObject$1(options)) {
+  if (isObject(options)) {
     leading = 'leading' in options ? !!options.leading : leading;
     trailing = 'trailing' in options ? !!options.trailing : trailing;
   }
-  return debounce$2(func, wait, {
+  return debounce(func, wait, {
     'leading': leading,
     'maxWait': wait,
     'trailing': trailing
   });
 }
 
-/**
- * Checks if `value` is the
- * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
- * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is an object, else `false`.
- * @example
- *
- * _.isObject({});
- * // => true
- *
- * _.isObject([1, 2, 3]);
- * // => true
- *
- * _.isObject(_.noop);
- * // => true
- *
- * _.isObject(null);
- * // => false
- */
-function isObject$1(value) {
-  var type = typeof value;
-  return !!value && (type == 'object' || type == 'function');
-}
-
-/**
- * Checks if `value` is object-like. A value is object-like if it's not `null`
- * and has a `typeof` result of "object".
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
- * @example
- *
- * _.isObjectLike({});
- * // => true
- *
- * _.isObjectLike([1, 2, 3]);
- * // => true
- *
- * _.isObjectLike(_.noop);
- * // => false
- *
- * _.isObjectLike(null);
- * // => false
- */
-function isObjectLike$1(value) {
-  return !!value && typeof value == 'object';
-}
-
-/**
- * Checks if `value` is classified as a `Symbol` primitive or object.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
- * @example
- *
- * _.isSymbol(Symbol.iterator);
- * // => true
- *
- * _.isSymbol('abc');
- * // => false
- */
-function isSymbol$1(value) {
-  return typeof value == 'symbol' || isObjectLike$1(value) && objectToString$1.call(value) == symbolTag$1;
-}
-
-/**
- * Converts `value` to a number.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to process.
- * @returns {number} Returns the number.
- * @example
- *
- * _.toNumber(3.2);
- * // => 3.2
- *
- * _.toNumber(Number.MIN_VALUE);
- * // => 5e-324
- *
- * _.toNumber(Infinity);
- * // => Infinity
- *
- * _.toNumber('3.2');
- * // => 3.2
- */
-function toNumber$1(value) {
-  if (typeof value == 'number') {
-    return value;
-  }
-  if (isSymbol$1(value)) {
-    return NAN$1;
-  }
-  if (isObject$1(value)) {
-    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
-    value = isObject$1(other) ? other + '' : other;
-  }
-  if (typeof value != 'string') {
-    return value === 0 ? value : +value;
-  }
-  value = value.replace(reTrim$1, '');
-  var isBinary = reIsBinary$1.test(value);
-  return isBinary || reIsOctal$1.test(value) ? freeParseInt$1(value.slice(2), isBinary ? 2 : 8) : reIsBadHex$1.test(value) ? NAN$1 : +value;
-}
-var lodash_throttle = throttle;
-var throttle$1 = /*@__PURE__*/getDefaultExportFromCjs(lodash_throttle);
-
-/**
- * lodash (Custom Build) <https://lodash.com/>
- * Build: `lodash modularize exports="npm" -o ./`
- * Copyright jQuery Foundation and other contributors <https://jquery.org/>
- * Released under MIT license <https://lodash.com/license>
- * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
- * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
- */
-
-/** Used as the `TypeError` message for "Functions" methods. */
-var FUNC_ERROR_TEXT = 'Expected a function';
-
-/** Used as references for various `Number` constants. */
-var NAN = 0 / 0;
-
-/** `Object#toString` result references. */
-var symbolTag = '[object Symbol]';
-
-/** Used to match leading and trailing whitespace. */
-var reTrim = /^\s+|\s+$/g;
-
-/** Used to detect bad signed hexadecimal string values. */
-var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
-
-/** Used to detect binary string values. */
-var reIsBinary = /^0b[01]+$/i;
-
-/** Used to detect octal string values. */
-var reIsOctal = /^0o[0-7]+$/i;
-
-/** Built-in method references without a dependency on `root`. */
-var freeParseInt = parseInt;
-
-/** Detect free variable `global` from Node.js. */
-var freeGlobal = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
-
-/** Detect free variable `self`. */
-var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
-
-/** Used as a reference to the global object. */
-var root = freeGlobal || freeSelf || Function('return this')();
-
-/** Used for built-in method references. */
-var objectProto = Object.prototype;
-
-/**
- * Used to resolve the
- * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
- * of values.
- */
-var objectToString = objectProto.toString;
-
-/* Built-in method references for those with the same name as other `lodash` methods. */
-var nativeMax = Math.max,
-  nativeMin = Math.min;
-
-/**
- * Gets the timestamp of the number of milliseconds that have elapsed since
- * the Unix epoch (1 January 1970 00:00:00 UTC).
- *
- * @static
- * @memberOf _
- * @since 2.4.0
- * @category Date
- * @returns {number} Returns the timestamp.
- * @example
- *
- * _.defer(function(stamp) {
- *   console.log(_.now() - stamp);
- * }, _.now());
- * // => Logs the number of milliseconds it took for the deferred invocation.
- */
-var now = function () {
-  return root.Date.now();
-};
-
-/**
- * Creates a debounced function that delays invoking `func` until after `wait`
- * milliseconds have elapsed since the last time the debounced function was
- * invoked. The debounced function comes with a `cancel` method to cancel
- * delayed `func` invocations and a `flush` method to immediately invoke them.
- * Provide `options` to indicate whether `func` should be invoked on the
- * leading and/or trailing edge of the `wait` timeout. The `func` is invoked
- * with the last arguments provided to the debounced function. Subsequent
- * calls to the debounced function return the result of the last `func`
- * invocation.
- *
- * **Note:** If `leading` and `trailing` options are `true`, `func` is
- * invoked on the trailing edge of the timeout only if the debounced function
- * is invoked more than once during the `wait` timeout.
- *
- * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
- * until to the next tick, similar to `setTimeout` with a timeout of `0`.
- *
- * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
- * for details over the differences between `_.debounce` and `_.throttle`.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Function
- * @param {Function} func The function to debounce.
- * @param {number} [wait=0] The number of milliseconds to delay.
- * @param {Object} [options={}] The options object.
- * @param {boolean} [options.leading=false]
- *  Specify invoking on the leading edge of the timeout.
- * @param {number} [options.maxWait]
- *  The maximum time `func` is allowed to be delayed before it's invoked.
- * @param {boolean} [options.trailing=true]
- *  Specify invoking on the trailing edge of the timeout.
- * @returns {Function} Returns the new debounced function.
- * @example
- *
- * // Avoid costly calculations while the window size is in flux.
- * jQuery(window).on('resize', _.debounce(calculateLayout, 150));
- *
- * // Invoke `sendMail` when clicked, debouncing subsequent calls.
- * jQuery(element).on('click', _.debounce(sendMail, 300, {
- *   'leading': true,
- *   'trailing': false
- * }));
- *
- * // Ensure `batchLog` is invoked once after 1 second of debounced calls.
- * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
- * var source = new EventSource('/stream');
- * jQuery(source).on('message', debounced);
- *
- * // Cancel the trailing debounced invocation.
- * jQuery(window).on('popstate', debounced.cancel);
- */
-function debounce(func, wait, options) {
-  var lastArgs,
-    lastThis,
-    maxWait,
-    result,
-    timerId,
-    lastCallTime,
-    lastInvokeTime = 0,
-    leading = false,
-    maxing = false,
-    trailing = true;
-  if (typeof func != 'function') {
-    throw new TypeError(FUNC_ERROR_TEXT);
-  }
-  wait = toNumber(wait) || 0;
-  if (isObject(options)) {
-    leading = !!options.leading;
-    maxing = 'maxWait' in options;
-    maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
-    trailing = 'trailing' in options ? !!options.trailing : trailing;
-  }
-  function invokeFunc(time) {
-    var args = lastArgs,
-      thisArg = lastThis;
-    lastArgs = lastThis = undefined;
-    lastInvokeTime = time;
-    result = func.apply(thisArg, args);
-    return result;
-  }
-  function leadingEdge(time) {
-    // Reset any `maxWait` timer.
-    lastInvokeTime = time;
-    // Start the timer for the trailing edge.
-    timerId = setTimeout(timerExpired, wait);
-    // Invoke the leading edge.
-    return leading ? invokeFunc(time) : result;
-  }
-  function remainingWait(time) {
-    var timeSinceLastCall = time - lastCallTime,
-      timeSinceLastInvoke = time - lastInvokeTime,
-      result = wait - timeSinceLastCall;
-    return maxing ? nativeMin(result, maxWait - timeSinceLastInvoke) : result;
-  }
-  function shouldInvoke(time) {
-    var timeSinceLastCall = time - lastCallTime,
-      timeSinceLastInvoke = time - lastInvokeTime;
-
-    // Either this is the first call, activity has stopped and we're at the
-    // trailing edge, the system time has gone backwards and we're treating
-    // it as the trailing edge, or we've hit the `maxWait` limit.
-    return lastCallTime === undefined || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
-  }
-  function timerExpired() {
-    var time = now();
-    if (shouldInvoke(time)) {
-      return trailingEdge(time);
-    }
-    // Restart the timer.
-    timerId = setTimeout(timerExpired, remainingWait(time));
-  }
-  function trailingEdge(time) {
-    timerId = undefined;
-
-    // Only invoke if we have `lastArgs` which means `func` has been
-    // debounced at least once.
-    if (trailing && lastArgs) {
-      return invokeFunc(time);
-    }
-    lastArgs = lastThis = undefined;
-    return result;
-  }
-  function cancel() {
-    if (timerId !== undefined) {
-      clearTimeout(timerId);
-    }
-    lastInvokeTime = 0;
-    lastArgs = lastCallTime = lastThis = timerId = undefined;
-  }
-  function flush() {
-    return timerId === undefined ? result : trailingEdge(now());
-  }
-  function debounced() {
-    var time = now(),
-      isInvoking = shouldInvoke(time);
-    lastArgs = arguments;
-    lastThis = this;
-    lastCallTime = time;
-    if (isInvoking) {
-      if (timerId === undefined) {
-        return leadingEdge(lastCallTime);
-      }
-      if (maxing) {
-        // Handle invocations in a tight loop.
-        timerId = setTimeout(timerExpired, wait);
-        return invokeFunc(lastCallTime);
-      }
-    }
-    if (timerId === undefined) {
-      timerId = setTimeout(timerExpired, wait);
-    }
-    return result;
-  }
-  debounced.cancel = cancel;
-  debounced.flush = flush;
-  return debounced;
-}
-
 /**
  * Checks if `value` is the
  * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
@@ -37776,22 +37924,8 @@ function toNumber(value) {
   var isBinary = reIsBinary.test(value);
   return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;
 }
-var lodash_debounce = debounce;
-var debounce$1 = /*@__PURE__*/getDefaultExportFromCjs(lodash_debounce);
-
-const useResize = resizeCallback => {
-  const handleResize = React.useCallback(() => resizeCallback?.(), []);
-  React.useEffect(() => {
-    handleResize();
-  }, []);
-  React.useEffect(() => {
-    if (window) {
-      const debouncedHandleResize = debounce$1(handleResize, 150);
-      window.addEventListener('resize', debouncedHandleResize);
-      return () => window.removeEventListener('resize', debouncedHandleResize);
-    }
-  }, []);
-};
+var lodash_throttle = throttle;
+var throttle$1 = /*@__PURE__*/getDefaultExportFromCjs(lodash_throttle);
 
 const TabItem = ({
   children,
@@ -39208,85 +39342,6 @@ var index = Object.assign(EnigmaUI, {
   GridView
 });
 
-var MobileOS = /*#__PURE__*/function (MobileOS) {
-  MobileOS["Android"] = "android";
-  MobileOS["iOS"] = "ios";
-  MobileOS["Unknown"] = "unknown";
-  MobileOS["WindowsPhone"] = "Windows Phone";
-  return MobileOS;
-}(MobileOS || {});
-var DesktopOS = /*#__PURE__*/function (DesktopOS) {
-  DesktopOS["Linux"] = "linux";
-  DesktopOS["MacOS"] = "mac_os";
-  DesktopOS["Unix"] = "unix";
-  DesktopOS["Unknown"] = "unknown";
-  DesktopOS["Windows"] = "windows";
-  return DesktopOS;
-}(DesktopOS || {});
-const useDevice = () => {
-  const [deviceState, setDeviceState] = React.useState();
-  const handleResize = () => {
-    const userAgent = navigator.userAgent || navigator.vendor || window.opera || undefined;
-    const isMobileDevice = () => {
-      const regexs = [/(Android)(.+)(Mobile)/i, /BlackBerry/i, /iPhone|iPod/i, /Opera Mini/i, /IEMobile/i];
-      return regexs.some(b => userAgent.match(b));
-    };
-    const isTabletDevice = () => {
-      const regex = /(ipad|tablet|(android(?!.*mobile))|(windows(?!.*phone)(.*touch))|kindle|playbook|silk|(puffin(?!.*(IP|AP|WP))))/;
-      return regex.test(userAgent.toLowerCase());
-    };
-    const isDesktopDevice = () => !isMobileDevice() && !isTabletDevice();
-    const isDesktop = isDesktopDevice();
-    const isMobile = isMobileDevice();
-    const isTablet = isTabletDevice();
-    const getMobileOS = () => {
-      if (isMobileDevice()) {
-        if (/windows phone/i.test(userAgent)) return MobileOS.WindowsPhone;else if (/android/i.test(userAgent)) return MobileOS.Android;else if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) return MobileOS.iOS;
-        return MobileOS.Unknown;
-      } else return undefined;
-    };
-    const getDesktopOS = () => {
-      if (isDesktopDevice()) {
-        if (userAgent.indexOf('Win') !== -1) return DesktopOS.Windows;else if (userAgent.indexOf('Mac') !== -1) return DesktopOS.MacOS;else if (userAgent.indexOf('X11') !== -1) return DesktopOS.Unix;else if (userAgent.indexOf('Linux') !== -1) return DesktopOS.Linux;
-        return DesktopOS.Unknown;
-      } else return undefined;
-    };
-    const getDeviceOS = () => getMobileOS() ?? getDesktopOS();
-    const mobileOS = getMobileOS();
-    const isAndroidDevice = getDeviceOS() === MobileOS.Android;
-    const isAppleDevice = getDeviceOS() === MobileOS.iOS || getDeviceOS() === DesktopOS.MacOS;
-    const isUnknownMobileDevice = getDeviceOS() === MobileOS.Unknown;
-    const desktopOS = getDesktopOS();
-    const isWindowsDesktop = getDeviceOS() === DesktopOS.Windows;
-    const isLinuxOrUnixDesktop = getDeviceOS() === DesktopOS.Linux || getDeviceOS() === DesktopOS.Unix;
-    const supportedScreenOrientation = (screen?.orientation || {}).type ?? screen.mozOrientation ?? screen.msOrientation;
-    const safariScreenOrientation = !screen?.orientation && matchMedia('(orientation: portrait)').matches ? 'portrait-primary' : 'landscape-primary';
-    const initialScreenOrientation = supportedScreenOrientation ?? safariScreenOrientation ?? 'portrait-primary';
-    let screenOrientation = initialScreenOrientation;
-    if (screen.orientation) {
-      screen.orientation.addEventListener('change', ev => screenOrientation = (ev.target ?? {}).type);
-    }
-    const isLandscapeOrientation = () => ['landscape-primary', 'landscape-secondary'].includes(screenOrientation);
-    const isPortraitOrientation = () => ['portrait-primary', 'portrait-secondary'].includes(screenOrientation);
-    setDeviceState({
-      isDesktop,
-      desktopOS,
-      isWindowsDesktop,
-      isLinuxOrUnixDesktop,
-      isMobile,
-      mobileOS,
-      isAndroidDevice,
-      isAppleDevice,
-      isUnknownMobileDevice,
-      isTablet,
-      isLandscapeOrientation,
-      isPortraitOrientation
-    });
-  };
-  useResize(handleResize);
-  return deviceState || {};
-};
-
 const useHover = ({
   targetRef
 }) => {