@flodesk/grain 11.22.6 → 11.23.0

package/es/components/autocomplete2.js

@@ -1,30 +1,7 @@
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.array.index-of.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.object.assign.js";
-import "core-js/modules/es.symbol.description.js";
-import "core-js/modules/es.symbol.iterator.js";
-import "core-js/modules/es.array.iterator.js";
-import "core-js/modules/es.string.iterator.js";
-import "core-js/modules/web.dom-collections.iterator.js";
-import "core-js/modules/es.array.slice.js";
-import "core-js/modules/es.array.from.js";
-import "core-js/modules/es.regexp.exec.js";
 import _styled from "@emotion/styled/base";
-var _excluded = ["children", "hasEllipsis", "paddingLeft"],
-    _excluded2 = ["options", "value", "onChange", "isCreatable", "onCreate", "menuPlacement", "menuWidth", "menuMaxHeight", "menuZIndex", "placeholder", "label", "hint", "menuItemsHaveEllipsis", "hasPortal", "hasError", "errorMessage", "searchField"];
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+const _excluded = ["children", "hasEllipsis", "paddingLeft"],
+      _excluded2 = ["options", "value", "onChange", "isCreatable", "onCreate", "menuPlacement", "menuWidth", "menuMaxHeight", "menuZIndex", "placeholder", "label", "hint", "menuItemsHaveEllipsis", "hasPortal", "hasError", "errorMessage", "searchField"];
+import "core-js/modules/web.dom-collections.iterator.js";
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -32,14 +9,6 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-import "core-js/modules/es.array.concat.js";
-import "core-js/modules/es.array.filter.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.array.includes.js";
-import "core-js/modules/es.string.includes.js";
-import "core-js/modules/es.array.find.js";
-import "core-js/modules/es.array.map.js";
-
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
 import PropTypes from 'prop-types';
@@ -55,65 +24,68 @@ import { Global } from '@emotion/react';
 import { getColor, getIconSize, getRadius, getSpace, getTransition } from '../utilities';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
-var Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+const Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "ea1qwwn2"
 } : {
   target: "ea1qwwn2",
   label: "Root"
-})(styles.transitions, ";", function (_ref) {
-  var hasError = _ref.hasError;
+})(styles.transitions, ";", _ref => {
+  let {
+    hasError
+  } = _ref;
   return hasError ? "--borderColor: ".concat(getColor('danger'), ";") : "\n      --borderColor: ".concat(getColor('fieldBorder'), ";\n      &:hover { --borderColor: ").concat(getColor('fieldBorderHover'), " };\n      &:focus-within { --borderColor: ").concat(getColor('fieldBorderFocus'), " };\n    ");
-}, ";position:relative;margin-top:", function (_ref2) {
-  var marginTop = _ref2.marginTop;
+}, ";position:relative;margin-top:", _ref2 => {
+  let {
+    marginTop
+  } = _ref2;
   return getSpace(marginTop);
-}, ";border-radius:", getRadius('s'), ";box-shadow:inset 0 0 0 ", componentVars.strokeSize, " var(--borderColor);.autocompleteInput{line-height:1.4;border:none;opacity:", function (_ref3) {
-  var open = _ref3.open;
+}, ";border-radius:", getRadius('s'), ";box-shadow:inset 0 0 0 ", componentVars.strokeSize, " var(--borderColor);.autocompleteInput{line-height:1.4;border:none;opacity:", _ref3 => {
+  let {
+    open
+  } = _ref3;
   return open ? 1 : 0;
-}, ";pointer-events:", function (_ref4) {
-  var open = _ref4.open;
+}, ";pointer-events:", _ref4 => {
+  let {
+    open
+  } = _ref4;
   return open ? 'auto' : 'none';
 }, ";transition:opacity ", getTransition('xxFast'), ";&:focus-visible{opacity:1;pointer-events:auto;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2F1dG9jb21wbGV0ZTIuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCdUIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlMi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYsIEZyYWdtZW50LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IEljb24sIEJveCwgQXJyYW5nZSB9IGZyb20gJy4nO1xuaW1wb3J0IHsgSWNvbkNoZXZyb25Eb3duLCBJY29uUGx1cyB9IGZyb20gJy4uL2ljb25zJztcbmltcG9ydCB7IENvbWJvYm94IH0gZnJvbSAnQGhlYWRsZXNzdWkvcmVhY3QnO1xuaW1wb3J0IHsgZGVmYXVsdFByb3BzLCB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7XG4gIElucHV0RmllbGQsXG4gIE1lbnVDYXJkLFxuICBNZW51Q2FyZFRyYW5zaXRpb24sXG4gIE1lbnVHcm91cFRpdGxlLFxuICBGaWVsZExhYmVsLFxuICBGaWVsZEhpbnQsXG4gIGNvbXBvbmVudFZhcnMsXG4gIHN0eWxlcyxcbn0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IE1lbnVJdGVtRGl2aWRlciwgdXNlTWVudVBvc2l0aW9uIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsL21lbnUnO1xuaW1wb3J0IHsgRmxvYXRpbmdQb3J0YWwgfSBmcm9tICdAZmxvYXRpbmctdWkvcmVhY3QtZG9tLWludGVyYWN0aW9ucyc7XG5pbXBvcnQgeyBHbG9iYWwgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0SWNvblNpemUsIGdldFJhZGl1cywgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBSb290ID0gc3R5bGVkLmRpdmBcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICAkeyh7IGhhc0Vycm9yIH0pID0+XG4gICAgaGFzRXJyb3JcbiAgICAgID8gYC0tYm9yZGVyQ29sb3I6ICR7Z2V0Q29sb3IoJ2RhbmdlcicpfTtgXG4gICAgICA6IGBcbiAgICAgIC0tYm9yZGVyQ29sb3I6ICR7Z2V0Q29sb3IoJ2ZpZWxkQm9yZGVyJyl9O1xuICAgICAgJjpob3ZlciB7IC0tYm9yZGVyQ29sb3I6ICR7Z2V0Q29sb3IoJ2ZpZWxkQm9yZGVySG92ZXInKX0gfTtcbiAgICAgICY6Zm9jdXMtd2l0aGluIHsgLS1ib3JkZXJDb2xvcjogJHtnZXRDb2xvcignZmllbGRCb3JkZXJGb2N1cycpfSB9O1xuICAgIGB9O1xuXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWFyZ2luLXRvcDogJHsoeyBtYXJnaW5Ub3AgfSkgPT4gZ2V0U3BhY2UobWFyZ2luVG9wKX07XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCAke2NvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZX0gdmFyKC0tYm9yZGVyQ29sb3IpO1xuXG4gIC5hdXRvY29tcGxldGVJbnB1dCB7XG4gICAgbGluZS1oZWlnaHQ6IDEuNDtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgb3BhY2l0eTogJHsoeyBvcGVuIH0pID0+IChvcGVuID8gMSA6IDApfTtcbiAgICBwb2ludGVyLWV2ZW50czogJHsoeyBvcGVuIH0pID0+IChvcGVuID8gJ2F1dG8nIDogJ25vbmUnKX07XG4gICAgdHJhbnNpdGlvbjogb3BhY2l0eSAke2dldFRyYW5zaXRpb24oJ3h4RmFzdCcpfTtcblxuICAgICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgICAgcG9pbnRlci1ldmVudHM6IGF1dG87XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBFbXB0eVN0YXRlID0gKCkgPT4gKFxuICA8Qm94IHBhZGRpbmdZPVwic1wiIHBhZGRpbmdYPVwibVwiIGNvbG9yPVwiY29udGVudDJcIj5cbiAgICBObyByZXN1bHRzXG4gIDwvQm94PlxuKTtcblxuY29uc3QgRXhwYW5kSWNvbiA9ICgpID0+IChcbiAgPEJveFxuICAgIHJpZ2h0PVwiZmllbGRQYWRkaW5nWFwiXG4gICAgcG9zaXRpb249XCJhYnNvbHV0ZVwiXG4gICAgdG9wPVwiMHB4XCJcbiAgICBib3R0b209XCIwcHhcIlxuICAgIG1hcmdpbj1cImF1dG9cIlxuICAgIGhlaWdodD1cImZpdC1jb250ZW50XCJcbiAgPlxuICAgIDxJY29uIGljb249ezxJY29uQ2hldnJvbkRvd24gLz59IC8+XG4gIDwvQm94PlxuKTtcblxuY29uc3QgZ2V0RmlsdGVyZWRPcHRpb25zID0gKHF1ZXJ5LCBvcHRpb25zLCBzZWFyY2hGaWVsZCkgPT4ge1xuICBpZiAocXVlcnkgPT09ICcnKSByZXR1cm4gb3B0aW9ucztcblxuICByZXR1cm4gb3B0aW9ucy5maWx0ZXIob3B0aW9uID0+IG9wdGlvbltzZWFyY2hGaWVsZF0udG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhxdWVyeS50b0xvd2VyQ2FzZSgpKSk7XG59O1xuXG5jb25zdCBnZXRTaG93R3JvdXBUaXRsZSA9IChpbmRleCwgb3B0aW9uLCBmaWx0ZXJlZE9wdGlvbnMpID0+IHtcbiAgY29uc3QgZmlyc3RPcHRpb25IYXNUaXRsZSA9IGluZGV4ID09PSAwICYmIG9wdGlvbi5ncm91cFRpdGxlO1xuICBjb25zdCB0aXRsZUNoYW5nZWQgPSBpbmRleCA+IDAgJiYgb3B0aW9uLmdyb3VwVGl0bGUgIT09IGZpbHRlcmVkT3B0aW9uc1tpbmRleCAtIDFdLmdyb3VwVGl0bGU7XG5cbiAgcmV0dXJuIGZpcnN0T3B0aW9uSGFzVGl0bGUgfHwgdGl0bGVDaGFuZ2VkO1xufTtcblxuY29uc3QgbWVudUl0ZW1TdHlsZXMgPSBgXG4gIC5hdXRvY29tcGxldGVNZW51SXRlbSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgbWluLWhlaWdodDogdmFyKC0tZ3JuLXRleHRCb3hIZWlnaHQpO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgcGFkZGluZy1ibG9jazogMDtcbiAgICBwYWRkaW5nOiA0cHggMTJweDtcblxuICAgIC0tY2hlY2tVcmk6IHVybCgnZGF0YTppbWFnZS9zdmcreG1sLCUzQ3N2ZyB2aWV3Qm94PVwiMCAwIDIyIDI0XCIgZmlsbD1cIm5vbmVcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIlM0UlM0NwYXRoIGZpbGwtcnVsZT1cImV2ZW5vZGRcIiBjbGlwLXJ1bGU9XCJldmVub2RkXCIgZD1cIk0yMS43MDcgNi4yMDdMOC41IDE5LjQxNC4yOTMgMTEuMjA3bDEuNDE0LTEuNDE0TDguNSAxNi41ODYgMjAuMjkzIDQuNzkzbDEuNDE0IDEuNDE0elwiIGZpbGw9XCIlMjMzNzMxMmY3M1wiJTNFJTNDL3BhdGglM0UlM0Mvc3ZnJTNFJyk7XG4gICAgLS1jaGVja1VyaUFjdGl2ZTogdXJsKCdkYXRhOmltYWdlL3N2Zyt4bWwsJTNDc3ZnIHZpZXdCb3g9XCIwIDAgMjIgMjRcIiBmaWxsPVwibm9uZVwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiUzRSUzQ3BhdGggZmlsbC1ydWxlPVwiZXZlbm9kZFwiIGNsaXAtcnVsZT1cImV2ZW5vZGRcIiBkPVwiTTIxLjcwNyA2LjIwN0w4LjUgMTkuNDE0LjI5MyAxMS4yMDdsMS40MTQtMS40MTRMOC41IDE2LjU4NiAyMC4yOTMgNC43OTNsMS40MTQgMS40MTR6XCIgZmlsbD1cIiUyMzI0MWExN1wiJTNFJTNDL3BhdGglM0UlM0Mvc3ZnJTNFJyk7XG5cbiAgICAmW2RhdGEtaGVhZGxlc3N1aS1zdGF0ZT0nYWN0aXZlJ10sXG4gICAgJltkYXRhLWhlYWRsZXNzdWktc3RhdGU9J2FjdGl2ZSBzZWxlY3RlZCddIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ2ZhZGUxJyl9O1xuICAgIH1cblxuICAgICZbZGF0YS1oZWFkbGVzc3VpLXN0YXRlPSdzZWxlY3RlZCddLFxuICAgICZbZGF0YS1oZWFkbGVzc3VpLXN0YXRlPSdhY3RpdmUgc2VsZWN0ZWQnXSB7XG4gICAgICBiYWNrZ3JvdW5kLWltYWdlOiB2YXIoLS1jaGVja1VyaSk7XG4gICAgICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICAgICAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyIHJpZ2h0IDEycHg7XG4gICAgICBiYWNrZ3JvdW5kLXNpemU6IGF1dG8gJHtnZXRJY29uU2l6ZSgnbScpfTtcbiAgICB9XG5cbiAgICAmW2RhdGEtaGVhZGxlc3N1aS1zdGF0ZT0nYWN0aXZlIHNlbGVjdGVkJ10ge1xuICAgICAgYmFja2dyb3VuZC1pbWFnZTogdmFyKC0tY2hlY2tVcmlBY3RpdmUpO1xuICAgIH1cblxuICAgICZbZGF0YS1oZWFkbGVzc3VpLXN0YXRlPSdkaXNhYmxlZCddIHtcbiAgICAgIGNvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZENvbnRlbnQnKX07XG4gICAgICBjdXJzb3I6IGRlZmF1bHQ7XG4gICAgfVxuXG4gICAgdWwgJiB7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICBwYWRkaW5nLXJpZ2h0OiA0MHB4O1xuICAgIH1cbiAgfVxuXG4gIC5hdXRvY29tcGxldGVNZW51SXRlbVRleHQge1xuICAgIGZsZXgtZ3JvdzogMTtcblxuICAgICYuaGFzRWxsaXBzaXMge1xuICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IEl0ZW0gPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCBoYXNFbGxpcHNpcywgcGFkZGluZ0xlZnQgPSAnMTJweCcsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICByZXR1cm4gKFxuICAgIDxsaVxuICAgICAgY2xhc3NOYW1lPVwiYXV0b2NvbXBsZXRlTWVudUl0ZW1cIlxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBzdHlsZT17eyBwYWRkaW5nTGVmdDogZ2V0U3BhY2UocGFkZGluZ0xlZnQpIH19XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAgPHNwYW5cbiAgICAgICAgY2xhc3NOYW1lPXtcbiAgICAgICAgICBoYXNFbGxpcHNpcyA/ICdhdXRvY29tcGxldGVNZW51SXRlbVRleHQgaGFzRWxsaXBzaXMnIDogJ2F1dG9jb21wbGV0ZU1lbnVJdGVtVGV4dCdcbiAgICAgICAgfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L3NwYW4+XG4gICAgPC9saT5cbiAgKTtcbn0pO1xuXG5jb25zdCBUcmlnZ2VyID0gc3R5bGVkLmJ1dHRvbmBcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgaGVpZ2h0OiB2YXIoLS1ncm4tdGV4dEJveEhlaWdodCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBjdXJzb3I6IHRleHQ7XG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmb250OiBpbmhlcml0O1xuICBjb2xvcjogaW5oZXJpdDtcbiAgd2lkdGg6IDEwMCU7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogMDtcbiAgb3BhY2l0eTogJHsoeyBvcGVuIH0pID0+IChvcGVuID8gMCA6IDEpfTtcbiAgcG9pbnRlci1ldmVudHM6ICR7KHsgb3BlbiB9KSA9PiAob3BlbiA/ICdub25lJyA6ICdhdXRvJyl9O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgdHJhbnNpdGlvbjogb3BhY2l0eSAke2dldFRyYW5zaXRpb24oJ3h4RmFzdCcpfTtcblxuICAuYXV0b2NvbXBsZXRlTWVudUl0ZW0ge1xuICAgIHBhZGRpbmctcmlnaHQ6IDM0cHg7XG4gIH1cblxuICAuYXV0b2NvbXBsZXRlSW5wdXQ6Zm9jdXMtdmlzaWJsZSArICYge1xuICAgIG9wYWNpdHk6IDA7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IFRyaWdnZXJUZXh0ID0gc3R5bGVkLnNwYW5gXG4gIGxpbmUtaGVpZ2h0OiAxLjQ7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBwYWRkaW5nLWJsb2NrOiAwO1xuICBwYWRkaW5nLWxlZnQ6IDEycHg7XG4gIHBhZGRpbmctcmlnaHQ6IDMycHg7XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEF1dG9jb21wbGV0ZTIgPSAoe1xuICBvcHRpb25zLFxuICB2YWx1ZSxcbiAgb25DaGFuZ2UsXG4gIGlzQ3JlYXRhYmxlLFxuICBvbkNyZWF0ZSxcbiAgbWVudVBsYWNlbWVudCA9IGRlZmF1bHRQcm9wcy5tZW51UGxhY2VtZW50LFxuICBtZW51V2lkdGgsXG4gIG1lbnVNYXhIZWlnaHQgPSBkZWZhdWx0UHJvcHMubWVudU1heEhlaWdodCxcbiAgbWVudVpJbmRleCxcbiAgcGxhY2Vob2xkZXIsXG4gIGxhYmVsLFxuICBoaW50LFxuICBtZW51SXRlbXNIYXZlRWxsaXBzaXMgPSB0cnVlLFxuICBoYXNQb3J0YWwgPSB0cnVlLFxuICBoYXNFcnJvcixcbiAgZXJyb3JNZXNzYWdlLFxuICBzZWFyY2hGaWVsZCA9ICdjb250ZW50JyxcbiAgLi4ucHJvcHNcbn0pID0+IHtcbiAgY29uc3QgW3F1ZXJ5LCBzZXRRdWVyeV0gPSB1c2VTdGF0ZSgnJyk7XG5cbiAgY29uc3QgaGFuZGxlQ3JlYXRhYmxlQ2hhbmdlID0gb3B0aW9uID0+IHtcbiAgICBpZiAob25DcmVhdGUpIHtcbiAgICAgIGNvbnN0IGlzQ3JlYXRhYmxlT3B0aW9uID0gIW9wdGlvbnMuZmluZChpdGVtID0+IGl0ZW0udmFsdWUgPT09IG9wdGlvbi52YWx1ZSk7XG4gICAgICBpZiAoaXNDcmVhdGFibGVPcHRpb24pIHtcbiAgICAgICAgb25DcmVhdGUob3B0aW9uKTtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuICAgIH1cbiAgICBvbkNoYW5nZShvcHRpb24pO1xuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUNoYW5nZSA9IG9wdGlvbiA9PiB7XG4gICAgaWYgKGlzQ3JlYXRhYmxlKSB7XG4gICAgICBoYW5kbGVDcmVhdGFibGVDaGFuZ2Uob3B0aW9uKTtcbiAgICB9IGVsc2Uge1xuICAgICAgb25DaGFuZ2Uob3B0aW9uKTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgZmlsdGVyZWRPcHRpb25zID0gZ2V0RmlsdGVyZWRPcHRpb25zKHF1ZXJ5LCBvcHRpb25zLCBzZWFyY2hGaWVsZCk7XG5cbiAgY29uc3QgaXNTaG93Q3JlYXRlT3B0aW9uID0gaXNDcmVhdGFibGUgJiYgcXVlcnkubGVuZ3RoID4gMDtcblxuICBjb25zdCBub1Jlc3VsdHMgPSAhQm9vbGVhbihmaWx0ZXJlZE9wdGlvbnMubGVuZ3RoKSAmJiAhaXNTaG93Q3JlYXRlT3B0aW9uO1xuXG4gIGNvbnN0IGZpZWxkTWFyZ2luVG9wID0gbGFiZWwgfHwgaGludCA/ICdiZXR3ZWVuRm9ybUNvbnRyb2xBbmRMYWJlbCcgOiB1bmRlZmluZWQ7XG5cbiAgY29uc3Qgc2VsZWN0ZWRPcHRpb24gPSB1c2VNZW1vKFxuICAgICgpID0+IG9wdGlvbnMuZmluZChvcHRpb24gPT4gb3B0aW9uLnZhbHVlID09PSB2YWx1ZSksXG4gICAgW29wdGlvbnMsIHZhbHVlXSxcbiAgKTtcblxuICBjb25zdCBuZXdPcHRpb24gPSB1c2VNZW1vKCgpID0+ICh7IHZhbHVlOiBxdWVyeSwgY29udGVudDogcXVlcnkgfSksIFtxdWVyeV0pO1xuXG4gIGNvbnN0IHsgcmVmZXJlbmNlLCBmbG9hdGluZywgZmxvYXRpbmdTdHlsZXMgfSA9IHVzZU1lbnVQb3NpdGlvbih7IG1lbnVXaWR0aCwgbWVudVBsYWNlbWVudCB9KTtcblxuICBjb25zdCBPcHRpb25zUm9vdCA9IGhhc1BvcnRhbCA/IEZsb2F0aW5nUG9ydGFsIDogRnJhZ21lbnQ7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEdsb2JhbCBzdHlsZXM9e21lbnVJdGVtU3R5bGVzfSAvPlxuICAgICAgPENvbWJvYm94IGFzPVwiZGl2XCIgdmFsdWU9e3NlbGVjdGVkT3B0aW9uIHx8ICcnfSBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfSB7Li4ucHJvcHN9PlxuICAgICAgICB7KHsgb3BlbiB9KSA9PiB7XG4gICAgICAgICAgY29uc3QgaGFzSXRlbSA9IHNlbGVjdGVkT3B0aW9uPy5pdGVtO1xuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8PlxuICAgICAgICAgICAgICB7bGFiZWwgJiYgPENvbWJvYm94LkxhYmVsIGFzPXtGaWVsZExhYmVsfT57bGFiZWx9PC9Db21ib2JveC5MYWJlbD59XG4gICAgICAgICAgICAgIHtoaW50ICYmIDxGaWVsZEhpbnQ+e2hpbnR9PC9GaWVsZEhpbnQ+fVxuXG4gICAgICAgICAgICAgIDxSb290IG1hcmdpblRvcD17ZmllbGRNYXJnaW5Ub3B9IHJlZj17cmVmZXJlbmNlfSBvcGVuPXtvcGVufSBoYXNFcnJvcj17aGFzRXJyb3J9PlxuICAgICAgICAgICAgICAgIDxDb21ib2JveC5CdXR0b24gYXM9e0JveH0gcG9zaXRpb249XCJyZWxhdGl2ZVwiPlxuICAgICAgICAgICAgICAgICAgPENvbWJvYm94LklucHV0XG4gICAgICAgICAgICAgICAgICAgIGFzPXtJbnB1dEZpZWxkfVxuICAgICAgICAgICAgICAgICAgICBhdXRvQ29tcGxldGU9XCJvZmZcIlxuICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17ZXZlbnQgPT4gc2V0UXVlcnkoZXZlbnQudGFyZ2V0LnZhbHVlKX1cbiAgICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5VmFsdWU9e29wdGlvbiA9PiBvcHRpb24gJiYgb3B0aW9uLmNvbnRlbnR9XG4gICAgICAgICAgICAgICAgICAgIHBhZGRpbmdSaWdodD1cIjMycHhcIlxuICAgICAgICAgICAgICAgICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cImF1dG9jb21wbGV0ZUlucHV0XCJcbiAgICAgICAgICAgICAgICAgIC8+XG5cbiAgICAgICAgICAgICAgICAgIDxUcmlnZ2VyIG9wZW49e29wZW59IHRhYkluZGV4PXstMX0+XG4gICAgICAgICAgICAgICAgICAgIHtoYXNJdGVtICYmXG4gICAgICAgICAgICAgICAgICAgICAgc2VsZWN0ZWRPcHRpb24uaXRlbSh7XG4gICAgICAgICAgICAgICAgICAgICAgICBpc0FjdGl2ZTogZmFsc2UsXG4gICAgICAgICAgICAgICAgICAgICAgICBpc1NlbGVjdGVkOiBmYWxzZSxcbiAgICAgICAgICAgICAgICAgICAgICAgIGlzRGlzYWJsZWQ6IGZhbHNlLFxuICAgICAgICAgICAgICAgICAgICAgIH0pfVxuXG4gICAgICAgICAgICAgICAgICAgIHshaGFzSXRlbSAmJiBzZWxlY3RlZE9wdGlvbiAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgPFRyaWdnZXJUZXh0PntzZWxlY3RlZE9wdGlvbj8uY29udGVudH08L1RyaWdnZXJUZXh0PlxuICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgPC9UcmlnZ2VyPlxuXG4gICAgICAgICAgICAgICAgICA8RXhwYW5kSWNvbiAvPlxuICAgICAgICAgICAgICAgIDwvQ29tYm9ib3guQnV0dG9uPlxuXG4gICAgICAgICAgICAgICAgPE9wdGlvbnNSb290PlxuICAgICAgICAgICAgICAgICAgPE1lbnVDYXJkVHJhbnNpdGlvbiBhZnRlckxlYXZlPXsoKSA9PiBzZXRRdWVyeSgnJyl9PlxuICAgICAgICAgICAgICAgICAgICA8Q29tYm9ib3guT3B0aW9uc1xuICAgICAgICAgICAgICAgICAgICAgIHN0YXRpY1xuICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cImdybi1jb250ZXh0XCJcbiAgICAgICAgICAgICAgICAgICAgICByZWY9e2Zsb2F0aW5nfVxuICAgICAgICAgICAgICAgICAgICAgIHBsYWNlbWVudD17bWVudVBsYWNlbWVudH1cbiAgICAgICAgICAgICAgICAgICAgICBtYXhIZWlnaHQ9e21lbnVNYXhIZWlnaHR9XG4gICAgICAgICAgICAgICAgICAgICAgYXM9e01lbnVDYXJkfVxuICAgICAgICAgICAgICAgICAgICAgIHpJbmRleD17bWVudVpJbmRleH1cbiAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17ZmxvYXRpbmdTdHlsZXN9XG4gICAgICAgICAgICAgICAgICAgICAgaXNPcGVuPXtvcGVufVxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAge2ZpbHRlcmVkT3B0aW9ucy5tYXAoKG9wdGlvbiwgaW5kZXgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IHNob3dHcm91cFRpdGxlID0gZ2V0U2hvd0dyb3VwVGl0bGUoaW5kZXgsIG9wdGlvbiwgZmlsdGVyZWRPcHRpb25zKTtcblxuICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgPEZyYWdtZW50IGtleT17aW5kZXh9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtzaG93R3JvdXBUaXRsZSAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8TWVudUdyb3VwVGl0bGUgaGFzRGl2aWRlcj17aW5kZXggPiAwfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge29wdGlvbi5ncm91cFRpdGxlfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9NZW51R3JvdXBUaXRsZT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPENvbWJvYm94Lk9wdGlvblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWU9e29wdGlvbn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGFzPXtGcmFnbWVudH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRpc2FibGVkPXtvcHRpb24uaXNEaXNhYmxlZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7KHsgYWN0aXZlIH0pID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgaXNEaXNhYmxlZCA9IG9wdGlvbi5pc0Rpc2FibGVkO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBpc1NlbGVjdGVkID0gb3B0aW9uLnZhbHVlID09PSB2YWx1ZTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgaXNBY3RpdmUgPSAhb3B0aW9uLmlzRGlzYWJsZWQgJiYgYWN0aXZlO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBoYXNFbGxpcHNpcyA9IG1lbnVJdGVtc0hhdmVFbGxpcHNpcztcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWYgKG9wdGlvbi5pdGVtKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIG9wdGlvbi5pdGVtKHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlzQWN0aXZlLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaXNTZWxlY3RlZCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlzRGlzYWJsZWQsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBoYXNFbGxpcHNpcyxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gPEl0ZW0gaGFzRWxsaXBzaXM9e2hhc0VsbGlwc2lzfT57b3B0aW9uLmNvbnRlbnR9PC9JdGVtPjtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9Db21ib2JveC5PcHRpb24+XG4gICAgICAgICAgICAgICAgICAgICAgICAgIDwvRnJhZ21lbnQ+XG4gICAgICAgICAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICAgICAgICAgIHtpc1Nob3dDcmVhdGVPcHRpb24gJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAge2ZpbHRlcmVkT3B0aW9ucy5sZW5ndGggPiAwICYmIDxNZW51SXRlbURpdmlkZXIgLz59XG4gICAgICAgICAgICAgICAgICAgICAgICAgIDxDb21ib2JveC5PcHRpb24gdmFsdWU9e25ld09wdGlvbn0gYXM9e0ZyYWdtZW50fT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7KHsgYWN0aXZlIH0pID0+IChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJdGVtIGlzQWN0aXZlPXthY3RpdmV9IGhhc0VsbGlwc2lzPXttZW51SXRlbXNIYXZlRWxsaXBzaXN9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8QXJyYW5nZSBnYXA9XCJzXCIgdGFnPVwic3BhblwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJY29uIGljb249ezxJY29uUGx1cyAvPn0gY29sb3I9e2FjdGl2ZSA/ICdjb250ZW50JyA6ICdpY29uJ30gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBDcmVhdGUge2BcImAgKyBxdWVyeSArIGBcImB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQXJyYW5nZT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvSXRlbT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICAgICAgICA8L0NvbWJvYm94Lk9wdGlvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAge25vUmVzdWx0cyAmJiA8RW1wdHlTdGF0ZSAvPn1cbiAgICAgICAgICAgICAgICAgICAgPC9Db21ib2JveC5PcHRpb25zPlxuICAgICAgICAgICAgICAgICAgPC9NZW51Q2FyZFRyYW5zaXRpb24+XG4gICAgICAgICAgICAgICAgPC9PcHRpb25zUm9vdD5cbiAgICAgICAgICAgICAgPC9Sb290PlxuICAgICAgICAgICAgICB7ZXJyb3JNZXNzYWdlICYmIChcbiAgICAgICAgICAgICAgICA8Qm94IG1hcmdpblRvcD1cImJldHdlZW5Gb3JtQ29udHJvbEFuZExhYmVsXCIgY29sb3I9XCJkYW5nZXJcIj5cbiAgICAgICAgICAgICAgICAgIHtlcnJvck1lc3NhZ2V9XG4gICAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8Lz5cbiAgICAgICAgICApO1xuICAgICAgICB9fVxuICAgICAgPC9Db21ib2JveD5cbiAgICA8Lz5cbiAgKTtcbn07XG5cbkF1dG9jb21wbGV0ZTIuTGFiZWwgPSBGaWVsZExhYmVsO1xuQXV0b2NvbXBsZXRlMi5IaW50ID0gRmllbGRIaW50O1xuQXV0b2NvbXBsZXRlMi5JdGVtID0gSXRlbTtcblxuQXV0b2NvbXBsZXRlMi5wcm9wVHlwZXMgPSB7XG4gIG9wdGlvbnM6IFByb3BUeXBlcy5hcnJheSxcbiAgdmFsdWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBpc0NyZWF0YWJsZTogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ3JlYXRlOiBQcm9wVHlwZXMuZnVuYyxcbiAgbWVudVBsYWNlbWVudDogdHlwZXMubWVudVBsYWNlbWVudCxcbiAgbWVudVdpZHRoOiB0eXBlcy5kaW1lbnNpb24sXG4gIG1lbnVNYXhIZWlnaHQ6IHR5cGVzLmRpbWVuc2lvbixcbiAgbWVudVpJbmRleDogdHlwZXMuekluZGV4LFxuICBsYWJlbDogdHlwZXMubGFiZWwsXG4gIGhpbnQ6IHR5cGVzLmhpbnQsXG4gIG1lbnVJdGVtc0hhdmVFbGxpcHNpczogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc1BvcnRhbDogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc0Vycm9yOiBQcm9wVHlwZXMuYm9vbCxcbiAgZXJyb3JNZXNzYWdlOiBQcm9wVHlwZXMuc3RyaW5nLFxufTtcbiJdfQ== */"));
 
-var EmptyState = function EmptyState() {
-  return ___EmotionJSX(Box, {
-    paddingY: "s",
-    paddingX: "m",
-    color: "content2"
-  }, "No results");
-};
-
-var ExpandIcon = function ExpandIcon() {
-  return ___EmotionJSX(Box, {
-    right: "fieldPaddingX",
-    position: "absolute",
-    top: "0px",
-    bottom: "0px",
-    margin: "auto",
-    height: "fit-content"
-  }, ___EmotionJSX(Icon, {
-    icon: ___EmotionJSX(IconChevronDown, null)
-  }));
-};
-
-var getFilteredOptions = function getFilteredOptions(query, options, searchField) {
+const EmptyState = () => ___EmotionJSX(Box, {
+  paddingY: "s",
+  paddingX: "m",
+  color: "content2"
+}, "No results");
+
+const ExpandIcon = () => ___EmotionJSX(Box, {
+  right: "fieldPaddingX",
+  position: "absolute",
+  top: "0px",
+  bottom: "0px",
+  margin: "auto",
+  height: "fit-content"
+}, ___EmotionJSX(Icon, {
+  icon: ___EmotionJSX(IconChevronDown, null)
+}));
+
+const getFilteredOptions = (query, options, searchField) => {
   if (query === '') return options;
-  return options.filter(function (option) {
-    return option[searchField].toLowerCase().includes(query.toLowerCase());
-  });
+  return options.filter(option => option[searchField].toLowerCase().includes(query.toLowerCase()));
 };
 
-var getShowGroupTitle = function getShowGroupTitle(index, option, filteredOptions) {
-  var firstOptionHasTitle = index === 0 && option.groupTitle;
-  var titleChanged = index > 0 && option.groupTitle !== filteredOptions[index - 1].groupTitle;
+const getShowGroupTitle = (index, option, filteredOptions) => {
+  const firstOptionHasTitle = index === 0 && option.groupTitle;
+  const titleChanged = index > 0 && option.groupTitle !== filteredOptions[index - 1].groupTitle;
   return firstOptionHasTitle || titleChanged;
 };
 
-var menuItemStyles = "\n  .autocompleteMenuItem {\n    display: flex;\n    align-items: center;\n    list-style: none;\n    min-height: var(--grn-textBoxHeight);\n    border-radius: ".concat(getRadius('s'), ";\n    appearance: none;\n    padding-block: 0;\n    padding: 4px 12px;\n\n    --checkUri: url('data:image/svg+xml,%3Csvg viewBox=\"0 0 22 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M21.707 6.207L8.5 19.414.293 11.207l1.414-1.414L8.5 16.586 20.293 4.793l1.414 1.414z\" fill=\"%2337312f73\"%3E%3C/path%3E%3C/svg%3E');\n    --checkUriActive: url('data:image/svg+xml,%3Csvg viewBox=\"0 0 22 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M21.707 6.207L8.5 19.414.293 11.207l1.414-1.414L8.5 16.586 20.293 4.793l1.414 1.414z\" fill=\"%23241a17\"%3E%3C/path%3E%3C/svg%3E');\n\n    &[data-headlessui-state='active'],\n    &[data-headlessui-state='active selected'] {\n      background-color: ").concat(getColor('fade1'), ";\n    }\n\n    &[data-headlessui-state='selected'],\n    &[data-headlessui-state='active selected'] {\n      background-image: var(--checkUri);\n      background-repeat: no-repeat;\n      background-position: center right 12px;\n      background-size: auto ").concat(getIconSize('m'), ";\n    }\n\n    &[data-headlessui-state='active selected'] {\n      background-image: var(--checkUriActive);\n    }\n\n    &[data-headlessui-state='disabled'] {\n      color: ").concat(getColor('disabledContent'), ";\n      cursor: default;\n    }\n\n    ul & {\n      cursor: pointer;\n      padding-right: 40px;\n    }\n  }\n\n  .autocompleteMenuItemText {\n    flex-grow: 1;\n\n    &.hasEllipsis {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n");
-var Item = /*#__PURE__*/forwardRef(function (_ref5, ref) {
-  var children = _ref5.children,
-      hasEllipsis = _ref5.hasEllipsis,
-      _ref5$paddingLeft = _ref5.paddingLeft,
-      paddingLeft = _ref5$paddingLeft === void 0 ? '12px' : _ref5$paddingLeft,
+const menuItemStyles = "\n  .autocompleteMenuItem {\n    display: flex;\n    align-items: center;\n    list-style: none;\n    min-height: var(--grn-textBoxHeight);\n    border-radius: ".concat(getRadius('s'), ";\n    appearance: none;\n    padding-block: 0;\n    padding: 4px 12px;\n\n    --checkUri: url('data:image/svg+xml,%3Csvg viewBox=\"0 0 22 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M21.707 6.207L8.5 19.414.293 11.207l1.414-1.414L8.5 16.586 20.293 4.793l1.414 1.414z\" fill=\"%2337312f73\"%3E%3C/path%3E%3C/svg%3E');\n    --checkUriActive: url('data:image/svg+xml,%3Csvg viewBox=\"0 0 22 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M21.707 6.207L8.5 19.414.293 11.207l1.414-1.414L8.5 16.586 20.293 4.793l1.414 1.414z\" fill=\"%23241a17\"%3E%3C/path%3E%3C/svg%3E');\n\n    &[data-headlessui-state='active'],\n    &[data-headlessui-state='active selected'] {\n      background-color: ").concat(getColor('fade1'), ";\n    }\n\n    &[data-headlessui-state='selected'],\n    &[data-headlessui-state='active selected'] {\n      background-image: var(--checkUri);\n      background-repeat: no-repeat;\n      background-position: center right 12px;\n      background-size: auto ").concat(getIconSize('m'), ";\n    }\n\n    &[data-headlessui-state='active selected'] {\n      background-image: var(--checkUriActive);\n    }\n\n    &[data-headlessui-state='disabled'] {\n      color: ").concat(getColor('disabledContent'), ";\n      cursor: default;\n    }\n\n    ul & {\n      cursor: pointer;\n      padding-right: 40px;\n    }\n  }\n\n  .autocompleteMenuItemText {\n    flex-grow: 1;\n\n    &.hasEllipsis {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n");
+const Item = /*#__PURE__*/forwardRef((_ref5, ref) => {
+  let {
+    children,
+    hasEllipsis,
+    paddingLeft = '12px'
+  } = _ref5,
       props = _objectWithoutProperties(_ref5, _excluded);
 
   return ___EmotionJSX("li", _extends({
@@ -127,20 +99,24 @@ var Item = /*#__PURE__*/forwardRef(function (_ref5, ref) {
   }, children));
 });
 
-var Trigger = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
+const Trigger = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
   target: "ea1qwwn1"
 } : {
   target: "ea1qwwn1",
   label: "Trigger"
-})("text-align:left;height:var(--grn-textBoxHeight);background-color:transparent;cursor:text;appearance:none;display:block;font:inherit;color:inherit;width:100%;outline:none;border:none;padding:0;opacity:", function (_ref6) {
-  var open = _ref6.open;
+})("text-align:left;height:var(--grn-textBoxHeight);background-color:transparent;cursor:text;appearance:none;display:block;font:inherit;color:inherit;width:100%;outline:none;border:none;padding:0;opacity:", _ref6 => {
+  let {
+    open
+  } = _ref6;
   return open ? 0 : 1;
-}, ";pointer-events:", function (_ref7) {
-  var open = _ref7.open;
+}, ";pointer-events:", _ref7 => {
+  let {
+    open
+  } = _ref7;
   return open ? 'none' : 'auto';
 }, ";position:absolute;top:0;left:0;transition:opacity ", getTransition('xxFast'), ";.autocompleteMenuItem{padding-right:34px;}.autocompleteInput:focus-visible+&{opacity:0;pointer-events:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2F1dG9jb21wbGV0ZTIuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRKNkIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlMi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYsIEZyYWdtZW50LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IEljb24sIEJveCwgQXJyYW5nZSB9IGZyb20gJy4nO1xuaW1wb3J0IHsgSWNvbkNoZXZyb25Eb3duLCBJY29uUGx1cyB9IGZyb20gJy4uL2ljb25zJztcbmltcG9ydCB7IENvbWJvYm94IH0gZnJvbSAnQGhlYWRsZXNzdWkvcmVhY3QnO1xuaW1wb3J0IHsgZGVmYXVsdFByb3BzLCB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7XG4gIElucHV0RmllbGQsXG4gIE1lbnVDYXJkLFxuICBNZW51Q2FyZFRyYW5zaXRpb24sXG4gIE1lbnVHcm91cFRpdGxlLFxuICBGaWVsZExhYmVsLFxuICBGaWVsZEhpbnQsXG4gIGNvbXBvbmVudFZhcnMsXG4gIHN0eWxlcyxcbn0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IE1lbnVJdGVtRGl2aWRlciwgdXNlTWVudVBvc2l0aW9uIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsL21lbnUnO1xuaW1wb3J0IHsgRmxvYXRpbmdQb3J0YWwgfSBmcm9tICdAZmxvYXRpbmctdWkvcmVhY3QtZG9tLWludGVyYWN0aW9ucyc7XG5pbXBvcnQgeyBHbG9iYWwgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0SWNvblNpemUsIGdldFJhZGl1cywgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBSb290ID0gc3R5bGVkLmRpdmBcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICAkeyh7IGhhc0Vycm9yIH0pID0+XG4gICAgaGFzRXJyb3JcbiAgICAgID8gYC0tYm9yZGVyQ29sb3I6ICR7Z2V0Q29sb3IoJ2RhbmdlcicpfTtgXG4gICAgICA6IGBcbiAgICAgIC0tYm9yZGVyQ29sb3I6ICR7Z2V0Q29sb3IoJ2ZpZWxkQm9yZGVyJyl9O1xuICAgICAgJjpob3ZlciB7IC0tYm9yZGVyQ29sb3I6ICR7Z2V0Q29sb3IoJ2ZpZWxkQm9yZGVySG92ZXInKX0gfTtcbiAgICAgICY6Zm9jdXMtd2l0aGluIHsgLS1ib3JkZXJDb2xvcjogJHtnZXRDb2xvcignZmllbGRCb3JkZXJGb2N1cycpfSB9O1xuICAgIGB9O1xuXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWFyZ2luLXRvcDogJHsoeyBtYXJnaW5Ub3AgfSkgPT4gZ2V0U3BhY2UobWFyZ2luVG9wKX07XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCAke2NvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZX0gdmFyKC0tYm9yZGVyQ29sb3IpO1xuXG4gIC5hdXRvY29tcGxldGVJbnB1dCB7XG4gICAgbGluZS1oZWlnaHQ6IDEuNDtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgb3BhY2l0eTogJHsoeyBvcGVuIH0pID0+IChvcGVuID8gMSA6IDApfTtcbiAgICBwb2ludGVyLWV2ZW50czogJHsoeyBvcGVuIH0pID0+IChvcGVuID8gJ2F1dG8nIDogJ25vbmUnKX07XG4gICAgdHJhbnNpdGlvbjogb3BhY2l0eSAke2dldFRyYW5zaXRpb24oJ3h4RmFzdCcpfTtcblxuICAgICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgICAgcG9pbnRlci1ldmVudHM6IGF1dG87XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBFbXB0eVN0YXRlID0gKCkgPT4gKFxuICA8Qm94IHBhZGRpbmdZPVwic1wiIHBhZGRpbmdYPVwibVwiIGNvbG9yPVwiY29udGVudDJcIj5cbiAgICBObyByZXN1bHRzXG4gIDwvQm94PlxuKTtcblxuY29uc3QgRXhwYW5kSWNvbiA9ICgpID0+IChcbiAgPEJveFxuICAgIHJpZ2h0PVwiZmllbGRQYWRkaW5nWFwiXG4gICAgcG9zaXRpb249XCJhYnNvbHV0ZVwiXG4gICAgdG9wPVwiMHB4XCJcbiAgICBib3R0b209XCIwcHhcIlxuICAgIG1hcmdpbj1cImF1dG9cIlxuICAgIGhlaWdodD1cImZpdC1jb250ZW50XCJcbiAgPlxuICAgIDxJY29uIGljb249ezxJY29uQ2hldnJvbkRvd24gLz59IC8+XG4gIDwvQm94PlxuKTtcblxuY29uc3QgZ2V0RmlsdGVyZWRPcHRpb25zID0gKHF1ZXJ5LCBvcHRpb25zLCBzZWFyY2hGaWVsZCkgPT4ge1xuICBpZiAocXVlcnkgPT09ICcnKSByZXR1cm4gb3B0aW9ucztcblxuICByZXR1cm4gb3B0aW9ucy5maWx0ZXIob3B0aW9uID0+IG9wdGlvbltzZWFyY2hGaWVsZF0udG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhxdWVyeS50b0xvd2VyQ2FzZSgpKSk7XG59O1xuXG5jb25zdCBnZXRTaG93R3JvdXBUaXRsZSA9IChpbmRleCwgb3B0aW9uLCBmaWx0ZXJlZE9wdGlvbnMpID0+IHtcbiAgY29uc3QgZmlyc3RPcHRpb25IYXNUaXRsZSA9IGluZGV4ID09PSAwICYmIG9wdGlvbi5ncm91cFRpdGxlO1xuICBjb25zdCB0aXRsZUNoYW5nZWQgPSBpbmRleCA+IDAgJiYgb3B0aW9uLmdyb3VwVGl0bGUgIT09IGZpbHRlcmVkT3B0aW9uc1tpbmRleCAtIDFdLmdyb3VwVGl0bGU7XG5cbiAgcmV0dXJuIGZpcnN0T3B0aW9uSGFzVGl0bGUgfHwgdGl0bGVDaGFuZ2VkO1xufTtcblxuY29uc3QgbWVudUl0ZW1TdHlsZXMgPSBgXG4gIC5hdXRvY29tcGxldGVNZW51SXRlbSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgbWluLWhlaWdodDogdmFyKC0tZ3JuLXRleHRCb3hIZWlnaHQpO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgcGFkZGluZy1ibG9jazogMDtcbiAgICBwYWRkaW5nOiA0cHggMTJweDtcblxuICAgIC0tY2hlY2tVcmk6IHVybCgnZGF0YTppbWFnZS9zdmcreG1sLCUzQ3N2ZyB2aWV3Qm94PVwiMCAwIDIyIDI0XCIgZmlsbD1cIm5vbmVcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIlM0UlM0NwYXRoIGZpbGwtcnVsZT1cImV2ZW5vZGRcIiBjbGlwLXJ1bGU9XCJldmVub2RkXCIgZD1cIk0yMS43MDcgNi4yMDdMOC41IDE5LjQxNC4yOTMgMTEuMjA3bDEuNDE0LTEuNDE0TDguNSAxNi41ODYgMjAuMjkzIDQuNzkzbDEuNDE0IDEuNDE0elwiIGZpbGw9XCIlMjMzNzMxMmY3M1wiJTNFJTNDL3BhdGglM0UlM0Mvc3ZnJTNFJyk7XG4gICAgLS1jaGVja1VyaUFjdGl2ZTogdXJsKCdkYXRhOmltYWdlL3N2Zyt4bWwsJTNDc3ZnIHZpZXdCb3g9XCIwIDAgMjIgMjRcIiBmaWxsPVwibm9uZVwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiUzRSUzQ3BhdGggZmlsbC1ydWxlPVwiZXZlbm9kZFwiIGNsaXAtcnVsZT1cImV2ZW5vZGRcIiBkPVwiTTIxLjcwNyA2LjIwN0w4LjUgMTkuNDE0LjI5MyAxMS4yMDdsMS40MTQtMS40MTRMOC41IDE2LjU4NiAyMC4yOTMgNC43OTNsMS40MTQgMS40MTR6XCIgZmlsbD1cIiUyMzI0MWExN1wiJTNFJTNDL3BhdGglM0UlM0Mvc3ZnJTNFJyk7XG5cbiAgICAmW2RhdGEtaGVhZGxlc3N1aS1zdGF0ZT0nYWN0aXZlJ10sXG4gICAgJltkYXRhLWhlYWRsZXNzdWktc3RhdGU9J2FjdGl2ZSBzZWxlY3RlZCddIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ2ZhZGUxJyl9O1xuICAgIH1cblxuICAgICZbZGF0YS1oZWFkbGVzc3VpLXN0YXRlPSdzZWxlY3RlZCddLFxuICAgICZbZGF0YS1oZWFkbGVzc3VpLXN0YXRlPSdhY3RpdmUgc2VsZWN0ZWQnXSB7XG4gICAgICBiYWNrZ3JvdW5kLWltYWdlOiB2YXIoLS1jaGVja1VyaSk7XG4gICAgICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICAgICAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyIHJpZ2h0IDEycHg7XG4gICAgICBiYWNrZ3JvdW5kLXNpemU6IGF1dG8gJHtnZXRJY29uU2l6ZSgnbScpfTtcbiAgICB9XG5cbiAgICAmW2RhdGEtaGVhZGxlc3N1aS1zdGF0ZT0nYWN0aXZlIHNlbGVjdGVkJ10ge1xuICAgICAgYmFja2dyb3VuZC1pbWFnZTogdmFyKC0tY2hlY2tVcmlBY3RpdmUpO1xuICAgIH1cblxuICAgICZbZGF0YS1oZWFkbGVzc3VpLXN0YXRlPSdkaXNhYmxlZCddIHtcbiAgICAgIGNvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZENvbnRlbnQnKX07XG4gICAgICBjdXJzb3I6IGRlZmF1bHQ7XG4gICAgfVxuXG4gICAgdWwgJiB7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICBwYWRkaW5nLXJpZ2h0OiA0MHB4O1xuICAgIH1cbiAgfVxuXG4gIC5hdXRvY29tcGxldGVNZW51SXRlbVRleHQge1xuICAgIGZsZXgtZ3JvdzogMTtcblxuICAgICYuaGFzRWxsaXBzaXMge1xuICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IEl0ZW0gPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCBoYXNFbGxpcHNpcywgcGFkZGluZ0xlZnQgPSAnMTJweCcsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICByZXR1cm4gKFxuICAgIDxsaVxuICAgICAgY2xhc3NOYW1lPVwiYXV0b2NvbXBsZXRlTWVudUl0ZW1cIlxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBzdHlsZT17eyBwYWRkaW5nTGVmdDogZ2V0U3BhY2UocGFkZGluZ0xlZnQpIH19XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAgPHNwYW5cbiAgICAgICAgY2xhc3NOYW1lPXtcbiAgICAgICAgICBoYXNFbGxpcHNpcyA/ICdhdXRvY29tcGxldGVNZW51SXRlbVRleHQgaGFzRWxsaXBzaXMnIDogJ2F1dG9jb21wbGV0ZU1lbnVJdGVtVGV4dCdcbiAgICAgICAgfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L3NwYW4+XG4gICAgPC9saT5cbiAgKTtcbn0pO1xuXG5jb25zdCBUcmlnZ2VyID0gc3R5bGVkLmJ1dHRvbmBcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgaGVpZ2h0OiB2YXIoLS1ncm4tdGV4dEJveEhlaWdodCk7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBjdXJzb3I6IHRleHQ7XG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmb250OiBpbmhlcml0O1xuICBjb2xvcjogaW5oZXJpdDtcbiAgd2lkdGg6IDEwMCU7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogMDtcbiAgb3BhY2l0eTogJHsoeyBvcGVuIH0pID0+IChvcGVuID8gMCA6IDEpfTtcbiAgcG9pbnRlci1ldmVudHM6ICR7KHsgb3BlbiB9KSA9PiAob3BlbiA/ICdub25lJyA6ICdhdXRvJyl9O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgdHJhbnNpdGlvbjogb3BhY2l0eSAke2dldFRyYW5zaXRpb24oJ3h4RmFzdCcpfTtcblxuICAuYXV0b2NvbXBsZXRlTWVudUl0ZW0ge1xuICAgIHBhZGRpbmctcmlnaHQ6IDM0cHg7XG4gIH1cblxuICAuYXV0b2NvbXBsZXRlSW5wdXQ6Zm9jdXMtdmlzaWJsZSArICYge1xuICAgIG9wYWNpdHk6IDA7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IFRyaWdnZXJUZXh0ID0gc3R5bGVkLnNwYW5gXG4gIGxpbmUtaGVpZ2h0OiAxLjQ7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBwYWRkaW5nLWJsb2NrOiAwO1xuICBwYWRkaW5nLWxlZnQ6IDEycHg7XG4gIHBhZGRpbmctcmlnaHQ6IDMycHg7XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuYDtcblxuZXhwb3J0IGNvbnN0IEF1dG9jb21wbGV0ZTIgPSAoe1xuICBvcHRpb25zLFxuICB2YWx1ZSxcbiAgb25DaGFuZ2UsXG4gIGlzQ3JlYXRhYmxlLFxuICBvbkNyZWF0ZSxcbiAgbWVudVBsYWNlbWVudCA9IGRlZmF1bHRQcm9wcy5tZW51UGxhY2VtZW50LFxuICBtZW51V2lkdGgsXG4gIG1lbnVNYXhIZWlnaHQgPSBkZWZhdWx0UHJvcHMubWVudU1heEhlaWdodCxcbiAgbWVudVpJbmRleCxcbiAgcGxhY2Vob2xkZXIsXG4gIGxhYmVsLFxuICBoaW50LFxuICBtZW51SXRlbXNIYXZlRWxsaXBzaXMgPSB0cnVlLFxuICBoYXNQb3J0YWwgPSB0cnVlLFxuICBoYXNFcnJvcixcbiAgZXJyb3JNZXNzYWdlLFxuICBzZWFyY2hGaWVsZCA9ICdjb250ZW50JyxcbiAgLi4ucHJvcHNcbn0pID0+IHtcbiAgY29uc3QgW3F1ZXJ5LCBzZXRRdWVyeV0gPSB1c2VTdGF0ZSgnJyk7XG5cbiAgY29uc3QgaGFuZGxlQ3JlYXRhYmxlQ2hhbmdlID0gb3B0aW9uID0+IHtcbiAgICBpZiAob25DcmVhdGUpIHtcbiAgICAgIGNvbnN0IGlzQ3JlYXRhYmxlT3B0aW9uID0gIW9wdGlvbnMuZmluZChpdGVtID0+IGl0ZW0udmFsdWUgPT09IG9wdGlvbi52YWx1ZSk7XG4gICAgICBpZiAoaXNDcmVhdGFibGVPcHRpb24pIHtcbiAgICAgICAgb25DcmVhdGUob3B0aW9uKTtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuICAgIH1cbiAgICBvbkNoYW5nZShvcHRpb24pO1xuICB9O1xuXG4gIGNvbnN0IGhhbmRsZUNoYW5nZSA9IG9wdGlvbiA9PiB7XG4gICAgaWYgKGlzQ3JlYXRhYmxlKSB7XG4gICAgICBoYW5kbGVDcmVhdGFibGVDaGFuZ2Uob3B0aW9uKTtcbiAgICB9IGVsc2Uge1xuICAgICAgb25DaGFuZ2Uob3B0aW9uKTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgZmlsdGVyZWRPcHRpb25zID0gZ2V0RmlsdGVyZWRPcHRpb25zKHF1ZXJ5LCBvcHRpb25zLCBzZWFyY2hGaWVsZCk7XG5cbiAgY29uc3QgaXNTaG93Q3JlYXRlT3B0aW9uID0gaXNDcmVhdGFibGUgJiYgcXVlcnkubGVuZ3RoID4gMDtcblxuICBjb25zdCBub1Jlc3VsdHMgPSAhQm9vbGVhbihmaWx0ZXJlZE9wdGlvbnMubGVuZ3RoKSAmJiAhaXNTaG93Q3JlYXRlT3B0aW9uO1xuXG4gIGNvbnN0IGZpZWxkTWFyZ2luVG9wID0gbGFiZWwgfHwgaGludCA/ICdiZXR3ZWVuRm9ybUNvbnRyb2xBbmRMYWJlbCcgOiB1bmRlZmluZWQ7XG5cbiAgY29uc3Qgc2VsZWN0ZWRPcHRpb24gPSB1c2VNZW1vKFxuICAgICgpID0+IG9wdGlvbnMuZmluZChvcHRpb24gPT4gb3B0aW9uLnZhbHVlID09PSB2YWx1ZSksXG4gICAgW29wdGlvbnMsIHZhbHVlXSxcbiAgKTtcblxuICBjb25zdCBuZXdPcHRpb24gPSB1c2VNZW1vKCgpID0+ICh7IHZhbHVlOiBxdWVyeSwgY29udGVudDogcXVlcnkgfSksIFtxdWVyeV0pO1xuXG4gIGNvbnN0IHsgcmVmZXJlbmNlLCBmbG9hdGluZywgZmxvYXRpbmdTdHlsZXMgfSA9IHVzZU1lbnVQb3NpdGlvbih7IG1lbnVXaWR0aCwgbWVudVBsYWNlbWVudCB9KTtcblxuICBjb25zdCBPcHRpb25zUm9vdCA9IGhhc1BvcnRhbCA/IEZsb2F0aW5nUG9ydGFsIDogRnJhZ21lbnQ7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEdsb2JhbCBzdHlsZXM9e21lbnVJdGVtU3R5bGVzfSAvPlxuICAgICAgPENvbWJvYm94IGFzPVwiZGl2XCIgdmFsdWU9e3NlbGVjdGVkT3B0aW9uIHx8ICcnfSBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfSB7Li4ucHJvcHN9PlxuICAgICAgICB7KHsgb3BlbiB9KSA9PiB7XG4gICAgICAgICAgY29uc3QgaGFzSXRlbSA9IHNlbGVjdGVkT3B0aW9uPy5pdGVtO1xuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8PlxuICAgICAgICAgICAgICB7bGFiZWwgJiYgPENvbWJvYm94LkxhYmVsIGFzPXtGaWVsZExhYmVsfT57bGFiZWx9PC9Db21ib2JveC5MYWJlbD59XG4gICAgICAgICAgICAgIHtoaW50ICYmIDxGaWVsZEhpbnQ+e2hpbnR9PC9GaWVsZEhpbnQ+fVxuXG4gICAgICAgICAgICAgIDxSb290IG1hcmdpblRvcD17ZmllbGRNYXJnaW5Ub3B9IHJlZj17cmVmZXJlbmNlfSBvcGVuPXtvcGVufSBoYXNFcnJvcj17aGFzRXJyb3J9PlxuICAgICAgICAgICAgICAgIDxDb21ib2JveC5CdXR0b24gYXM9e0JveH0gcG9zaXRpb249XCJyZWxhdGl2ZVwiPlxuICAgICAgICAgICAgICAgICAgPENvbWJvYm94LklucHV0XG4gICAgICAgICAgICAgICAgICAgIGFzPXtJbnB1dEZpZWxkfVxuICAgICAgICAgICAgICAgICAgICBhdXRvQ29tcGxldGU9XCJvZmZcIlxuICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17ZXZlbnQgPT4gc2V0UXVlcnkoZXZlbnQudGFyZ2V0LnZhbHVlKX1cbiAgICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5VmFsdWU9e29wdGlvbiA9PiBvcHRpb24gJiYgb3B0aW9uLmNvbnRlbnR9XG4gICAgICAgICAgICAgICAgICAgIHBhZGRpbmdSaWdodD1cIjMycHhcIlxuICAgICAgICAgICAgICAgICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cImF1dG9jb21wbGV0ZUlucHV0XCJcbiAgICAgICAgICAgICAgICAgIC8+XG5cbiAgICAgICAgICAgICAgICAgIDxUcmlnZ2VyIG9wZW49e29wZW59IHRhYkluZGV4PXstMX0+XG4gICAgICAgICAgICAgICAgICAgIHtoYXNJdGVtICYmXG4gICAgICAgICAgICAgICAgICAgICAgc2VsZWN0ZWRPcHRpb24uaXRlbSh7XG4gICAgICAgICAgICAgICAgICAgICAgICBpc0FjdGl2ZTogZmFsc2UsXG4gICAgICAgICAgICAgICAgICAgICAgICBpc1NlbGVjdGVkOiBmYWxzZSxcbiAgICAgICAgICAgICAgICAgICAgICAgIGlzRGlzYWJsZWQ6IGZhbHNlLFxuICAgICAgICAgICAgICAgICAgICAgIH0pfVxuXG4gICAgICAgICAgICAgICAgICAgIHshaGFzSXRlbSAmJiBzZWxlY3RlZE9wdGlvbiAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgPFRyaWdnZXJUZXh0PntzZWxlY3RlZE9wdGlvbj8uY29udGVudH08L1RyaWdnZXJUZXh0PlxuICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgPC9UcmlnZ2VyPlxuXG4gICAgICAgICAgICAgICAgICA8RXhwYW5kSWNvbiAvPlxuICAgICAgICAgICAgICAgIDwvQ29tYm9ib3guQnV0dG9uPlxuXG4gICAgICAgICAgICAgICAgPE9wdGlvbnNSb290PlxuICAgICAgICAgICAgICAgICAgPE1lbnVDYXJkVHJhbnNpdGlvbiBhZnRlckxlYXZlPXsoKSA9PiBzZXRRdWVyeSgnJyl9PlxuICAgICAgICAgICAgICAgICAgICA8Q29tYm9ib3guT3B0aW9uc1xuICAgICAgICAgICAgICAgICAgICAgIHN0YXRpY1xuICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cImdybi1jb250ZXh0XCJcbiAgICAgICAgICAgICAgICAgICAgICByZWY9e2Zsb2F0aW5nfVxuICAgICAgICAgICAgICAgICAgICAgIHBsYWNlbWVudD17bWVudVBsYWNlbWVudH1cbiAgICAgICAgICAgICAgICAgICAgICBtYXhIZWlnaHQ9e21lbnVNYXhIZWlnaHR9XG4gICAgICAgICAgICAgICAgICAgICAgYXM9e01lbnVDYXJkfVxuICAgICAgICAgICAgICAgICAgICAgIHpJbmRleD17bWVudVpJbmRleH1cbiAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17ZmxvYXRpbmdTdHlsZXN9XG4gICAgICAgICAgICAgICAgICAgICAgaXNPcGVuPXtvcGVufVxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAge2ZpbHRlcmVkT3B0aW9ucy5tYXAoKG9wdGlvbiwgaW5kZXgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IHNob3dHcm91cFRpdGxlID0gZ2V0U2hvd0dyb3VwVGl0bGUoaW5kZXgsIG9wdGlvbiwgZmlsdGVyZWRPcHRpb25zKTtcblxuICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgPEZyYWdtZW50IGtleT17aW5kZXh9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtzaG93R3JvdXBUaXRsZSAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8TWVudUdyb3VwVGl0bGUgaGFzRGl2aWRlcj17aW5kZXggPiAwfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge29wdGlvbi5ncm91cFRpdGxlfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9NZW51R3JvdXBUaXRsZT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPENvbWJvYm94Lk9wdGlvblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWU9e29wdGlvbn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGFzPXtGcmFnbWVudH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRpc2FibGVkPXtvcHRpb24uaXNEaXNhYmxlZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7KHsgYWN0aXZlIH0pID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgaXNEaXNhYmxlZCA9IG9wdGlvbi5pc0Rpc2FibGVkO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBpc1NlbGVjdGVkID0gb3B0aW9uLnZhbHVlID09PSB2YWx1ZTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgaXNBY3RpdmUgPSAhb3B0aW9uLmlzRGlzYWJsZWQgJiYgYWN0aXZlO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBoYXNFbGxpcHNpcyA9IG1lbnVJdGVtc0hhdmVFbGxpcHNpcztcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWYgKG9wdGlvbi5pdGVtKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIG9wdGlvbi5pdGVtKHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlzQWN0aXZlLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaXNTZWxlY3RlZCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlzRGlzYWJsZWQsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBoYXNFbGxpcHNpcyxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gPEl0ZW0gaGFzRWxsaXBzaXM9e2hhc0VsbGlwc2lzfT57b3B0aW9uLmNvbnRlbnR9PC9JdGVtPjtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9Db21ib2JveC5PcHRpb24+XG4gICAgICAgICAgICAgICAgICAgICAgICAgIDwvRnJhZ21lbnQ+XG4gICAgICAgICAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICAgICAgICAgIHtpc1Nob3dDcmVhdGVPcHRpb24gJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAge2ZpbHRlcmVkT3B0aW9ucy5sZW5ndGggPiAwICYmIDxNZW51SXRlbURpdmlkZXIgLz59XG4gICAgICAgICAgICAgICAgICAgICAgICAgIDxDb21ib2JveC5PcHRpb24gdmFsdWU9e25ld09wdGlvbn0gYXM9e0ZyYWdtZW50fT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7KHsgYWN0aXZlIH0pID0+IChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJdGVtIGlzQWN0aXZlPXthY3RpdmV9IGhhc0VsbGlwc2lzPXttZW51SXRlbXNIYXZlRWxsaXBzaXN9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8QXJyYW5nZSBnYXA9XCJzXCIgdGFnPVwic3BhblwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJY29uIGljb249ezxJY29uUGx1cyAvPn0gY29sb3I9e2FjdGl2ZSA/ICdjb250ZW50JyA6ICdpY29uJ30gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBDcmVhdGUge2BcImAgKyBxdWVyeSArIGBcImB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQXJyYW5nZT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvSXRlbT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICAgICAgICA8L0NvbWJvYm94Lk9wdGlvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvPlxuICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAge25vUmVzdWx0cyAmJiA8RW1wdHlTdGF0ZSAvPn1cbiAgICAgICAgICAgICAgICAgICAgPC9Db21ib2JveC5PcHRpb25zPlxuICAgICAgICAgICAgICAgICAgPC9NZW51Q2FyZFRyYW5zaXRpb24+XG4gICAgICAgICAgICAgICAgPC9PcHRpb25zUm9vdD5cbiAgICAgICAgICAgICAgPC9Sb290PlxuICAgICAgICAgICAgICB7ZXJyb3JNZXNzYWdlICYmIChcbiAgICAgICAgICAgICAgICA8Qm94IG1hcmdpblRvcD1cImJldHdlZW5Gb3JtQ29udHJvbEFuZExhYmVsXCIgY29sb3I9XCJkYW5nZXJcIj5cbiAgICAgICAgICAgICAgICAgIHtlcnJvck1lc3NhZ2V9XG4gICAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8Lz5cbiAgICAgICAgICApO1xuICAgICAgICB9fVxuICAgICAgPC9Db21ib2JveD5cbiAgICA8Lz5cbiAgKTtcbn07XG5cbkF1dG9jb21wbGV0ZTIuTGFiZWwgPSBGaWVsZExhYmVsO1xuQXV0b2NvbXBsZXRlMi5IaW50ID0gRmllbGRIaW50O1xuQXV0b2NvbXBsZXRlMi5JdGVtID0gSXRlbTtcblxuQXV0b2NvbXBsZXRlMi5wcm9wVHlwZXMgPSB7XG4gIG9wdGlvbnM6IFByb3BUeXBlcy5hcnJheSxcbiAgdmFsdWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBpc0NyZWF0YWJsZTogUHJvcFR5cGVzLmJvb2wsXG4gIG9uQ3JlYXRlOiBQcm9wVHlwZXMuZnVuYyxcbiAgbWVudVBsYWNlbWVudDogdHlwZXMubWVudVBsYWNlbWVudCxcbiAgbWVudVdpZHRoOiB0eXBlcy5kaW1lbnNpb24sXG4gIG1lbnVNYXhIZWlnaHQ6IHR5cGVzLmRpbWVuc2lvbixcbiAgbWVudVpJbmRleDogdHlwZXMuekluZGV4LFxuICBsYWJlbDogdHlwZXMubGFiZWwsXG4gIGhpbnQ6IHR5cGVzLmhpbnQsXG4gIG1lbnVJdGVtc0hhdmVFbGxpcHNpczogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc1BvcnRhbDogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc0Vycm9yOiBQcm9wVHlwZXMuYm9vbCxcbiAgZXJyb3JNZXNzYWdlOiBQcm9wVHlwZXMuc3RyaW5nLFxufTtcbiJdfQ== */"));
 
-var TriggerText = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
+const TriggerText = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
   target: "ea1qwwn0"
 } : {
   target: "ea1qwwn0",
@@ -155,41 +131,33 @@ var TriggerText = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "product
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 
-export var Autocomplete2 = function Autocomplete2(_ref8) {
-  var options = _ref8.options,
-      value = _ref8.value,
-      onChange = _ref8.onChange,
-      isCreatable = _ref8.isCreatable,
-      onCreate = _ref8.onCreate,
-      _ref8$menuPlacement = _ref8.menuPlacement,
-      menuPlacement = _ref8$menuPlacement === void 0 ? defaultProps.menuPlacement : _ref8$menuPlacement,
-      menuWidth = _ref8.menuWidth,
-      _ref8$menuMaxHeight = _ref8.menuMaxHeight,
-      menuMaxHeight = _ref8$menuMaxHeight === void 0 ? defaultProps.menuMaxHeight : _ref8$menuMaxHeight,
-      menuZIndex = _ref8.menuZIndex,
-      placeholder = _ref8.placeholder,
-      label = _ref8.label,
-      hint = _ref8.hint,
-      _ref8$menuItemsHaveEl = _ref8.menuItemsHaveEllipsis,
-      menuItemsHaveEllipsis = _ref8$menuItemsHaveEl === void 0 ? true : _ref8$menuItemsHaveEl,
-      _ref8$hasPortal = _ref8.hasPortal,
-      hasPortal = _ref8$hasPortal === void 0 ? true : _ref8$hasPortal,
-      hasError = _ref8.hasError,
-      errorMessage = _ref8.errorMessage,
-      _ref8$searchField = _ref8.searchField,
-      searchField = _ref8$searchField === void 0 ? 'content' : _ref8$searchField,
+export const Autocomplete2 = _ref8 => {
+  let {
+    options,
+    value,
+    onChange,
+    isCreatable,
+    onCreate,
+    menuPlacement = defaultProps.menuPlacement,
+    menuWidth,
+    menuMaxHeight = defaultProps.menuMaxHeight,
+    menuZIndex,
+    placeholder,
+    label,
+    hint,
+    menuItemsHaveEllipsis = true,
+    hasPortal = true,
+    hasError,
+    errorMessage,
+    searchField = 'content'
+  } = _ref8,
       props = _objectWithoutProperties(_ref8, _excluded2);
 
-  var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      query = _useState2[0],
-      setQuery = _useState2[1];
+  const [query, setQuery] = useState('');
 
-  var handleCreatableChange = function handleCreatableChange(option) {
+  const handleCreatableChange = option => {
     if (onCreate) {
-      var isCreatableOption = !options.find(function (item) {
-        return item.value === option.value;
-      });
+      const isCreatableOption = !options.find(item => item.value === option.value);
 
       if (isCreatableOption) {
         onCreate(option);
@@ -200,7 +168,7 @@ export var Autocomplete2 = function Autocomplete2(_ref8) {
     onChange(option);
   };
 
-  var handleChange = function handleChange(option) {
+  const handleChange = option => {
     if (isCreatable) {
       handleCreatableChange(option);
     } else {
@@ -208,40 +176,35 @@ export var Autocomplete2 = function Autocomplete2(_ref8) {
     }
   };
 
-  var filteredOptions = getFilteredOptions(query, options, searchField);
-  var isShowCreateOption = isCreatable && query.length > 0;
-  var noResults = !Boolean(filteredOptions.length) && !isShowCreateOption;
-  var fieldMarginTop = label || hint ? 'betweenFormControlAndLabel' : undefined;
-  var selectedOption = useMemo(function () {
-    return options.find(function (option) {
-      return option.value === value;
-    });
-  }, [options, value]);
-  var newOption = useMemo(function () {
-    return {
-      value: query,
-      content: query
-    };
-  }, [query]);
-
-  var _useMenuPosition = useMenuPosition({
-    menuWidth: menuWidth,
-    menuPlacement: menuPlacement
-  }),
-      reference = _useMenuPosition.reference,
-      floating = _useMenuPosition.floating,
-      floatingStyles = _useMenuPosition.floatingStyles;
-
-  var OptionsRoot = hasPortal ? FloatingPortal : Fragment;
+  const filteredOptions = getFilteredOptions(query, options, searchField);
+  const isShowCreateOption = isCreatable && query.length > 0;
+  const noResults = !Boolean(filteredOptions.length) && !isShowCreateOption;
+  const fieldMarginTop = label || hint ? 'betweenFormControlAndLabel' : undefined;
+  const selectedOption = useMemo(() => options.find(option => option.value === value), [options, value]);
+  const newOption = useMemo(() => ({
+    value: query,
+    content: query
+  }), [query]);
+  const {
+    reference,
+    floating,
+    floatingStyles
+  } = useMenuPosition({
+    menuWidth,
+    menuPlacement
+  });
+  const OptionsRoot = hasPortal ? FloatingPortal : Fragment;
   return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Global, {
     styles: menuItemStyles
   }), ___EmotionJSX(Combobox, _extends({
     as: "div",
     value: selectedOption || '',
     onChange: handleChange
-  }, props), function (_ref9) {
-    var open = _ref9.open;
-    var hasItem = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.item;
+  }, props), _ref9 => {
+    let {
+      open
+    } = _ref9;
+    const hasItem = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.item;
     return ___EmotionJSX(React.Fragment, null, label && ___EmotionJSX(Combobox.Label, {
       as: FieldLabel
     }, label), hint && ___EmotionJSX(FieldHint, null, hint), ___EmotionJSX(Root, {
@@ -255,13 +218,9 @@ export var Autocomplete2 = function Autocomplete2(_ref8) {
     }, ___EmotionJSX(Combobox.Input, {
       as: InputField,
       autoComplete: "off",
-      onChange: function onChange(event) {
-        return setQuery(event.target.value);
-      },
+      onChange: event => setQuery(event.target.value),
       placeholder: placeholder,
-      displayValue: function displayValue(option) {
-        return option && option.content;
-      },
+      displayValue: option => option && option.content,
       paddingRight: "32px",
       hasError: hasError,
       className: "autocompleteInput"
@@ -273,9 +232,7 @@ export var Autocomplete2 = function Autocomplete2(_ref8) {
       isSelected: false,
       isDisabled: false
     }), !hasItem && selectedOption && ___EmotionJSX(TriggerText, null, selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.content)), ___EmotionJSX(ExpandIcon, null)), ___EmotionJSX(OptionsRoot, null, ___EmotionJSX(MenuCardTransition, {
-      afterLeave: function afterLeave() {
-        return setQuery('');
-      }
+      afterLeave: () => setQuery('')
     }, ___EmotionJSX(Combobox.Options, {
       static: true,
       className: "grn-context",
@@ -286,8 +243,8 @@ export var Autocomplete2 = function Autocomplete2(_ref8) {
       zIndex: menuZIndex,
       style: floatingStyles,
       isOpen: open
-    }, filteredOptions.map(function (option, index) {
-      var showGroupTitle = getShowGroupTitle(index, option, filteredOptions);
+    }, filteredOptions.map((option, index) => {
+      const showGroupTitle = getShowGroupTitle(index, option, filteredOptions);
       return ___EmotionJSX(Fragment, {
         key: index
       }, showGroupTitle && ___EmotionJSX(MenuGroupTitle, {
@@ -296,19 +253,21 @@ export var Autocomplete2 = function Autocomplete2(_ref8) {
         value: option,
         as: Fragment,
         disabled: option.isDisabled
-      }, function (_ref10) {
-        var active = _ref10.active;
-        var isDisabled = option.isDisabled;
-        var isSelected = option.value === value;
-        var isActive = !option.isDisabled && active;
-        var hasEllipsis = menuItemsHaveEllipsis;
+      }, _ref10 => {
+        let {
+          active
+        } = _ref10;
+        const isDisabled = option.isDisabled;
+        const isSelected = option.value === value;
+        const isActive = !option.isDisabled && active;
+        const hasEllipsis = menuItemsHaveEllipsis;
 
         if (option.item) {
           return option.item({
-            isActive: isActive,
-            isSelected: isSelected,
-            isDisabled: isDisabled,
-            hasEllipsis: hasEllipsis
+            isActive,
+            isSelected,
+            isDisabled,
+            hasEllipsis
           });
         }
 
@@ -319,8 +278,10 @@ export var Autocomplete2 = function Autocomplete2(_ref8) {
     }), isShowCreateOption && ___EmotionJSX(React.Fragment, null, filteredOptions.length > 0 && ___EmotionJSX(MenuItemDivider, null), ___EmotionJSX(Combobox.Option, {
       value: newOption,
       as: Fragment
-    }, function (_ref11) {
-      var active = _ref11.active;
+    }, _ref11 => {
+      let {
+        active
+      } = _ref11;
       return ___EmotionJSX(Item, {
         isActive: active,
         hasEllipsis: menuItemsHaveEllipsis

package/es/components/badge.js

@@ -1,5 +1,5 @@
 import _styled from "@emotion/styled/base";
-var _excluded = ["children", "variant", "color", "backgroundColor", "borderColor"];
+const _excluded = ["children", "variant", "color", "backgroundColor", "borderColor"];
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -7,38 +7,33 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-import "core-js/modules/es.array.concat.js";
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.array.index-of.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.object.assign.js";
 import { types } from '../types';
 import { getColor, getTextSize, getWeight } from '../utilities';
 import { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var variantStyles = {
+const variantStyles = {
   neutral: "\n    background: transparent;\n    color: ".concat(getColor('content'), ";\n    border-color: ").concat(getColor('border2'), ";\n  "),
   danger: "\n    background: ".concat(getColor('danger'), ";\n    color: white;\n    border-color: transparent;\n  "),
   warning: "\n    background: ".concat(getColor('warning'), ";\n    color: ").concat(getColor('content'), ";\n    border-color: transparent;\n  "),
   success: "\n    background: ".concat(getColor('success'), ";\n    color: white;\n    border-color: transparent;\n  ")
 };
 
-var Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+const Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "extgwng0"
 } : {
   target: "extgwng0",
   label: "Root"
-})("--borderWidth:1px;--paddingX:12px;--paddingLeft:calc(var(--paddingX) - var(--borderWidth));--paddingRight:calc(var(--paddingX) - var(--borderWidth));border-radius:1000px;border-style:solid;border-width:var(--borderWidth);padding:0 var(--paddingRight) 0 var(--paddingLeft);height:28px;display:flex;align-items:center;width:fit-content;font-size:", getTextSize('s'), ";font-weight:", getWeight('medium'), ";", function (p) {
-  return p.variant ? variantStyles[p.variant] : "\n    ".concat(p.backgroundColor && "background: ".concat(getColor(p.backgroundColor)), ";\n    ").concat(p.color && "color: ".concat(getColor(p.color)), ";\n    border-color: ").concat(p.borderColor ? getColor(p.borderColor) : 'transparent', ";\n  ");
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2JhZGdlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QnVCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL2JhZGdlLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFRleHRTaXplLCBnZXRXZWlnaHQgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIG5ldXRyYWw6IGBcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICBjb2xvcjogJHtnZXRDb2xvcignY29udGVudCcpfTtcbiAgICBib3JkZXItY29sb3I6ICR7Z2V0Q29sb3IoJ2JvcmRlcjInKX07XG4gIGAsXG4gIGRhbmdlcjogYFxuICAgIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IoJ2RhbmdlcicpfTtcbiAgICBjb2xvcjogd2hpdGU7XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYCxcbiAgd2FybmluZzogYFxuICAgIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IoJ3dhcm5pbmcnKX07XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYCxcbiAgc3VjY2VzczogYFxuICAgIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IoJ3N1Y2Nlc3MnKX07XG4gICAgY29sb3I6IHdoaXRlO1xuICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGAsXG59O1xuXG5jb25zdCBSb290ID0gc3R5bGVkLmRpdmBcbiAgLS1ib3JkZXJXaWR0aDogMXB4O1xuICAtLXBhZGRpbmdYOiAxMnB4O1xuICAtLXBhZGRpbmdMZWZ0OiBjYWxjKHZhcigtLXBhZGRpbmdYKSAtIHZhcigtLWJvcmRlcldpZHRoKSk7XG4gIC0tcGFkZGluZ1JpZ2h0OiBjYWxjKHZhcigtLXBhZGRpbmdYKSAtIHZhcigtLWJvcmRlcldpZHRoKSk7XG5cbiAgYm9yZGVyLXJhZGl1czogMTAwMHB4O1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItd2lkdGg6IHZhcigtLWJvcmRlcldpZHRoKTtcbiAgcGFkZGluZzogMCB2YXIoLS1wYWRkaW5nUmlnaHQpIDAgdmFyKC0tcGFkZGluZ0xlZnQpO1xuICBoZWlnaHQ6IDI4cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgZm9udC1zaXplOiAke2dldFRleHRTaXplKCdzJyl9O1xuICBmb250LXdlaWdodDogJHtnZXRXZWlnaHQoJ21lZGl1bScpfTtcblxuICAke3AgPT5cbiAgICBwLnZhcmlhbnRcbiAgICAgID8gdmFyaWFudFN0eWxlc1twLnZhcmlhbnRdXG4gICAgICA6IGBcbiAgICAke3AuYmFja2dyb3VuZENvbG9yICYmIGBiYWNrZ3JvdW5kOiAke2dldENvbG9yKHAuYmFja2dyb3VuZENvbG9yKX1gfTtcbiAgICAke3AuY29sb3IgJiYgYGNvbG9yOiAke2dldENvbG9yKHAuY29sb3IpfWB9O1xuICAgIGJvcmRlci1jb2xvcjogJHtwLmJvcmRlckNvbG9yID8gZ2V0Q29sb3IocC5ib3JkZXJDb2xvcikgOiAndHJhbnNwYXJlbnQnfTtcbiAgYH07XG5gO1xuXG5leHBvcnQgY29uc3QgQmFkZ2UgPSBmb3J3YXJkUmVmKFxuICAoeyBjaGlsZHJlbiwgdmFyaWFudCwgY29sb3IsIGJhY2tncm91bmRDb2xvciwgYm9yZGVyQ29sb3IsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8Um9vdFxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgY29sb3I9e2NvbG9yfVxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgICAgYm9yZGVyQ29sb3I9e2JvcmRlckNvbG9yfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvUm9vdD5cbiAgICApO1xuICB9LFxuKTtcblxuQmFkZ2UucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGNvbG9yOiB0eXBlcy5jb2xvcixcbiAgYmFja2dyb3VuZENvbG9yOiB0eXBlcy5jb2xvcixcbiAgYm9yZGVyQ29sb3I6IHR5cGVzLmNvbG9yLFxufTtcbiJdfQ== */"));
+})("--borderWidth:1px;--paddingX:12px;--paddingLeft:calc(var(--paddingX) - var(--borderWidth));--paddingRight:calc(var(--paddingX) - var(--borderWidth));border-radius:1000px;border-style:solid;border-width:var(--borderWidth);padding:0 var(--paddingRight) 0 var(--paddingLeft);height:28px;display:flex;align-items:center;width:fit-content;font-size:", getTextSize('s'), ";font-weight:", getWeight('medium'), ";", p => p.variant ? variantStyles[p.variant] : "\n    ".concat(p.backgroundColor && "background: ".concat(getColor(p.backgroundColor)), ";\n    ").concat(p.color && "color: ".concat(getColor(p.color)), ";\n    border-color: ").concat(p.borderColor ? getColor(p.borderColor) : 'transparent', ";\n  "), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2JhZGdlLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QnVCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL2JhZGdlLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFRleHRTaXplLCBnZXRXZWlnaHQgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIG5ldXRyYWw6IGBcbiAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICBjb2xvcjogJHtnZXRDb2xvcignY29udGVudCcpfTtcbiAgICBib3JkZXItY29sb3I6ICR7Z2V0Q29sb3IoJ2JvcmRlcjInKX07XG4gIGAsXG4gIGRhbmdlcjogYFxuICAgIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IoJ2RhbmdlcicpfTtcbiAgICBjb2xvcjogd2hpdGU7XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYCxcbiAgd2FybmluZzogYFxuICAgIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IoJ3dhcm5pbmcnKX07XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQnKX07XG4gICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgYCxcbiAgc3VjY2VzczogYFxuICAgIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IoJ3N1Y2Nlc3MnKX07XG4gICAgY29sb3I6IHdoaXRlO1xuICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGAsXG59O1xuXG5jb25zdCBSb290ID0gc3R5bGVkLmRpdmBcbiAgLS1ib3JkZXJXaWR0aDogMXB4O1xuICAtLXBhZGRpbmdYOiAxMnB4O1xuICAtLXBhZGRpbmdMZWZ0OiBjYWxjKHZhcigtLXBhZGRpbmdYKSAtIHZhcigtLWJvcmRlcldpZHRoKSk7XG4gIC0tcGFkZGluZ1JpZ2h0OiBjYWxjKHZhcigtLXBhZGRpbmdYKSAtIHZhcigtLWJvcmRlcldpZHRoKSk7XG5cbiAgYm9yZGVyLXJhZGl1czogMTAwMHB4O1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItd2lkdGg6IHZhcigtLWJvcmRlcldpZHRoKTtcbiAgcGFkZGluZzogMCB2YXIoLS1wYWRkaW5nUmlnaHQpIDAgdmFyKC0tcGFkZGluZ0xlZnQpO1xuICBoZWlnaHQ6IDI4cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgZm9udC1zaXplOiAke2dldFRleHRTaXplKCdzJyl9O1xuICBmb250LXdlaWdodDogJHtnZXRXZWlnaHQoJ21lZGl1bScpfTtcblxuICAke3AgPT5cbiAgICBwLnZhcmlhbnRcbiAgICAgID8gdmFyaWFudFN0eWxlc1twLnZhcmlhbnRdXG4gICAgICA6IGBcbiAgICAke3AuYmFja2dyb3VuZENvbG9yICYmIGBiYWNrZ3JvdW5kOiAke2dldENvbG9yKHAuYmFja2dyb3VuZENvbG9yKX1gfTtcbiAgICAke3AuY29sb3IgJiYgYGNvbG9yOiAke2dldENvbG9yKHAuY29sb3IpfWB9O1xuICAgIGJvcmRlci1jb2xvcjogJHtwLmJvcmRlckNvbG9yID8gZ2V0Q29sb3IocC5ib3JkZXJDb2xvcikgOiAndHJhbnNwYXJlbnQnfTtcbiAgYH07XG5gO1xuXG5leHBvcnQgY29uc3QgQmFkZ2UgPSBmb3J3YXJkUmVmKFxuICAoeyBjaGlsZHJlbiwgdmFyaWFudCwgY29sb3IsIGJhY2tncm91bmRDb2xvciwgYm9yZGVyQ29sb3IsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8Um9vdFxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgY29sb3I9e2NvbG9yfVxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I9e2JhY2tncm91bmRDb2xvcn1cbiAgICAgICAgYm9yZGVyQ29sb3I9e2JvcmRlckNvbG9yfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvUm9vdD5cbiAgICApO1xuICB9LFxuKTtcblxuQmFkZ2UucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGNvbG9yOiB0eXBlcy5jb2xvcixcbiAgYmFja2dyb3VuZENvbG9yOiB0eXBlcy5jb2xvcixcbiAgYm9yZGVyQ29sb3I6IHR5cGVzLmNvbG9yLFxufTtcbiJdfQ== */"));
 
-export var Badge = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-      variant = _ref.variant,
-      color = _ref.color,
-      backgroundColor = _ref.backgroundColor,
-      borderColor = _ref.borderColor,
+export const Badge = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    children,
+    variant,
+    color,
+    backgroundColor,
+    borderColor
+  } = _ref,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return ___EmotionJSX(Root, _extends({