@flodesk/grain 10.3.0 → 10.5.0

package/es/components/autocomplete.js

@@ -9,7 +9,7 @@ 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";
-var _excluded = ["options", "value", "onChange", "menuPlacement", "menuWidth", "menuMaxHeight", "menuZIndex", "placeholder", "label", "hint", "menuItemsHaveEllipsis", "hasPortal", "hasError", "errorMessage"];
+var _excluded = ["options", "value", "onChange", "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(); }
 
@@ -37,7 +37,7 @@ import "core-js/modules/es.string.includes.js";
 import "core-js/modules/es.array.find.js";
 import "core-js/modules/es.array.map.js";
 import PropTypes from 'prop-types';
-import React, { forwardRef, Fragment, useMemo, useState } from 'react';
+import React, { forwardRef, Fragment, useMemo, useRef, useState } from 'react';
 import { Icon, Box, Text } from '.';
 import { IconCheck, IconChevronDown } from '../icons';
 import { Combobox } from '@headlessui/react';
@@ -79,10 +79,10 @@ var ExpandIcon = function ExpandIcon() {
   }));
 };
 
-var getFilteredOptions = function getFilteredOptions(query, options) {
+var getFilteredOptions = function getFilteredOptions(query, options, searchField) {
   if (query === '') return options;
   return options.filter(function (option) {
-    return option.content.toLowerCase().includes(query.toLowerCase());
+    return option[searchField].toLowerCase().includes(query.toLowerCase());
   });
 };
 
@@ -92,7 +92,7 @@ var getShowGroupTitle = function getShowGroupTitle(index, option, filteredOption
   return firstOptionHasTitle || titleChanged;
 };
 
-var menuItemStyles = /*#__PURE__*/css(".autocompleteMenuItem{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;list-style:none;padding:10px 12px;margin:0 8px;min-height:", componentVars.textBoxHeight, ";border-radius:", getRadius('s'), ";appearance:none;}.autocompleteMenuItemText.hasEllipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}" + (process.env.NODE_ENV === "production" ? "" : ";label:menuItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUQwQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9hdXRvY29tcGxldGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCBGcmFnbWVudCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBJY29uLCBCb3gsIFRleHQgfSBmcm9tICcuJztcbmltcG9ydCB7IEljb25DaGVjaywgSWNvbkNoZXZyb25Eb3duIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgQ29tYm9ib3ggfSBmcm9tICdAaGVhZGxlc3N1aS9yZWFjdCc7XG5pbXBvcnQgeyBkZWZhdWx0UHJvcHMsIHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHtcbiAgSW5wdXRGaWVsZCxcbiAgTWVudUNhcmQsXG4gIE1lbnVHcm91cFRpdGxlLFxuICBGaWVsZExhYmVsLFxuICBGaWVsZEhpbnQsXG4gIGNvbXBvbmVudFZhcnMsXG59IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyB1c2VNZW51UG9zaXRpb24gfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwvbWVudSc7XG5pbXBvcnQgeyBGbG9hdGluZ1BvcnRhbCB9IGZyb20gJ0BmbG9hdGluZy11aS9yZWFjdC1kb20taW50ZXJhY3Rpb25zJztcbmltcG9ydCB7IGNzcywgR2xvYmFsIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cyB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5cbmNvbnN0IFRyaWdnZXIgPSBmb3J3YXJkUmVmKCh7IC4uLnByb3BzIH0sIHJlZikgPT4gPEJveCByZWY9e3JlZn0gey4uLnByb3BzfSBwb3NpdGlvbj1cInJlbGF0aXZlXCIgLz4pO1xuXG5jb25zdCBFbXB0eVN0YXRlID0gKCkgPT4gKFxuICA8Qm94IHBhZGRpbmdZPVwic1wiIHBhZGRpbmdYPVwibVwiPlxuICAgIDxUZXh0IGNvbG9yPVwiY29udGVudDJcIj5ObyByZXN1bHRzPC9UZXh0PlxuICA8L0JveD5cbik7XG5cbmNvbnN0IEV4cGFuZEljb24gPSAoKSA9PiAoXG4gIDxCb3hcbiAgICByaWdodD1cImZpZWxkUGFkZGluZ1hcIlxuICAgIHBvc2l0aW9uPVwiYWJzb2x1dGVcIlxuICAgIHRvcD1cIjBweFwiXG4gICAgYm90dG9tPVwiMHB4XCJcbiAgICBtYXJnaW49XCJhdXRvXCJcbiAgICBoZWlnaHQ9XCJmaXQtY29udGVudFwiXG4gID5cbiAgICA8SWNvbiBpY29uPXs8SWNvbkNoZXZyb25Eb3duIC8+fSAvPlxuICA8L0JveD5cbik7XG5cbmNvbnN0IGdldEZpbHRlcmVkT3B0aW9ucyA9IChxdWVyeSwgb3B0aW9ucykgPT4ge1xuICBpZiAocXVlcnkgPT09ICcnKSByZXR1cm4gb3B0aW9ucztcblxuICByZXR1cm4gb3B0aW9ucy5maWx0ZXIob3B0aW9uID0+IG9wdGlvbi5jb250ZW50LnRvTG93ZXJDYXNlKCkuaW5jbHVkZXMocXVlcnkudG9Mb3dlckNhc2UoKSkpO1xufTtcblxuY29uc3QgZ2V0U2hvd0dyb3VwVGl0bGUgPSAoaW5kZXgsIG9wdGlvbiwgZmlsdGVyZWRPcHRpb25zKSA9PiB7XG4gIGNvbnN0IGZpcnN0T3B0aW9uSGFzVGl0bGUgPSBpbmRleCA9PT0gMCAmJiBvcHRpb24uZ3JvdXBUaXRsZTtcbiAgY29uc3QgdGl0bGVDaGFuZ2VkID0gaW5kZXggPiAwICYmIG9wdGlvbi5ncm91cFRpdGxlICE9PSBmaWx0ZXJlZE9wdGlvbnNbaW5kZXggLSAxXS5ncm91cFRpdGxlO1xuXG4gIHJldHVybiBmaXJzdE9wdGlvbkhhc1RpdGxlIHx8IHRpdGxlQ2hhbmdlZDtcbn07XG5cbmNvbnN0IG1lbnVJdGVtU3R5bGVzID0gY3NzYFxuICAuYXV0b2NvbXBsZXRlTWVudUl0ZW0ge1xuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgYXV0bztcbiAgICBnYXA6IDhweDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgcGFkZGluZzogMTBweCAxMnB4O1xuICAgIG1hcmdpbjogMCA4cHg7XG4gICAgbWluLWhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gIH1cblxuICAuYXV0b2NvbXBsZXRlTWVudUl0ZW1UZXh0Lmhhc0VsbGlwc2lzIHtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBBdXRvY29tcGxldGUgPSAoe1xuICBvcHRpb25zLFxuICB2YWx1ZSxcbiAgb25DaGFuZ2UsXG4gIG1lbnVQbGFjZW1lbnQgPSBkZWZhdWx0UHJvcHMubWVudVBsYWNlbWVudCxcbiAgbWVudVdpZHRoLFxuICBtZW51TWF4SGVpZ2h0ID0gZGVmYXVsdFByb3BzLm1lbnVNYXhIZWlnaHQsXG4gIG1lbnVaSW5kZXgsXG4gIHBsYWNlaG9sZGVyLFxuICBsYWJlbCxcbiAgaGludCxcbiAgbWVudUl0ZW1zSGF2ZUVsbGlwc2lzID0gdHJ1ZSxcbiAgaGFzUG9ydGFsID0gdHJ1ZSxcbiAgaGFzRXJyb3IsXG4gIGVycm9yTWVzc2FnZSxcbiAgLi4ucHJvcHNcbn0pID0+IHtcbiAgY29uc3QgW3F1ZXJ5LCBzZXRRdWVyeV0gPSB1c2VTdGF0ZSgnJyk7XG5cbiAgY29uc3QgaGFuZGxlQ2hhbmdlID0gb3B0aW9uID0+IHtcbiAgICBvbkNoYW5nZShvcHRpb24pO1xuICAgIHNldFF1ZXJ5KCcnKTtcbiAgfTtcblxuICBjb25zdCBmaWx0ZXJlZE9wdGlvbnMgPSBnZXRGaWx0ZXJlZE9wdGlvbnMocXVlcnksIG9wdGlvbnMpO1xuXG4gIGNvbnN0IG5vUmVzdWx0cyA9ICFCb29sZWFuKGZpbHRlcmVkT3B0aW9ucy5sZW5ndGgpO1xuXG4gIGNvbnN0IGZpZWxkTWFyZ2luVG9wID0gbGFiZWwgfHwgaGludCA/ICdiZXR3ZWVuRm9ybUNvbnRyb2xBbmRMYWJlbCcgOiB1bmRlZmluZWQ7XG5cbiAgY29uc3Qgc2VsZWN0ZWRPcHRpb24gPSB1c2VNZW1vKFxuICAgICgpID0+IG9wdGlvbnMuZmluZChvcHRpb24gPT4gb3B0aW9uLnZhbHVlID09PSB2YWx1ZSksXG4gICAgW29wdGlvbnMsIHZhbHVlXSxcbiAgKTtcblxuICBjb25zdCB7IHJlZmVyZW5jZSwgZmxvYXRpbmcsIGZsb2F0aW5nU3R5bGVzIH0gPSB1c2VNZW51UG9zaXRpb24oeyBtZW51V2lkdGgsIG1lbnVQbGFjZW1lbnQgfSk7XG5cbiAgY29uc3QgT3B0aW9uc1Jvb3QgPSBoYXNQb3J0YWwgPyBGbG9hdGluZ1BvcnRhbCA6IEZyYWdtZW50O1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxHbG9iYWwgc3R5bGVzPXttZW51SXRlbVN0eWxlc30gLz5cbiAgICAgIDxDb21ib2JveCBhcz1cImRpdlwiIHZhbHVlPXtzZWxlY3RlZE9wdGlvbiB8fCAnJ30gb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX0gey4uLnByb3BzfT5cbiAgICAgICAgeyh7IG9wZW4gfSkgPT4gKFxuICAgICAgICAgIDw+XG4gICAgICAgICAgICB7bGFiZWwgJiYgPENvbWJvYm94LkxhYmVsIGFzPXtGaWVsZExhYmVsfT57bGFiZWx9PC9Db21ib2JveC5MYWJlbD59XG4gICAgICAgICAgICB7aGludCAmJiA8RmllbGRIaW50PntoaW50fTwvRmllbGRIaW50Pn1cblxuICAgICAgICAgICAgPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCIgbWFyZ2luVG9wPXtmaWVsZE1hcmdpblRvcH0gcmVmPXtyZWZlcmVuY2V9PlxuICAgICAgICAgICAgICA8Q29tYm9ib3guQnV0dG9uIGFzPXtUcmlnZ2VyfT5cbiAgICAgICAgICAgICAgICA8Q29tYm9ib3guSW5wdXRcbiAgICAgICAgICAgICAgICAgIGFzPXtJbnB1dEZpZWxkfVxuICAgICAgICAgICAgICAgICAgYXV0b0NvbXBsZXRlPVwib2ZmXCJcbiAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtldmVudCA9PiBzZXRRdWVyeShldmVudC50YXJnZXQudmFsdWUpfVxuICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAgICAgICAgICAgZGlzcGxheVZhbHVlPXtvcHRpb24gPT4gb3B0aW9uICYmIG9wdGlvbi5jb250ZW50fVxuICAgICAgICAgICAgICAgICAgcGFkZGluZ1JpZ2h0PVwiMzJweFwiXG4gICAgICAgICAgICAgICAgICBoYXNFcnJvcj17aGFzRXJyb3J9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8RXhwYW5kSWNvbiAvPlxuICAgICAgICAgICAgICA8L0NvbWJvYm94LkJ1dHRvbj5cblxuICAgICAgICAgICAgICA8T3B0aW9uc1Jvb3Q+XG4gICAgICAgICAgICAgICAgPENvbWJvYm94Lk9wdGlvbnNcbiAgICAgICAgICAgICAgICAgIHN0YXRpY1xuICAgICAgICAgICAgICAgICAgaXNPcGVuPXtvcGVufVxuICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwiZ3JuLWNvbnRleHRcIlxuICAgICAgICAgICAgICAgICAgcmVmPXtmbG9hdGluZ31cbiAgICAgICAgICAgICAgICAgIHBsYWNlbWVudD17bWVudVBsYWNlbWVudH1cbiAgICAgICAgICAgICAgICAgIG1heEhlaWdodD17bWVudU1heEhlaWdodH1cbiAgICAgICAgICAgICAgICAgIGFzPXtNZW51Q2FyZH1cbiAgICAgICAgICAgICAgICAgIHpJbmRleD17bWVudVpJbmRleH1cbiAgICAgICAgICAgICAgICAgIHN0eWxlPXtmbG9hdGluZ1N0eWxlc31cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7ZmlsdGVyZWRPcHRpb25zLm1hcCgob3B0aW9uLCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICBjb25zdCBzaG93R3JvdXBUaXRsZSA9IGdldFNob3dHcm91cFRpdGxlKGluZGV4LCBvcHRpb24sIGZpbHRlcmVkT3B0aW9ucyk7XG5cbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgICA8RnJhZ21lbnQga2V5PXtpbmRleH0+XG4gICAgICAgICAgICAgICAgICAgICAgICB7c2hvd0dyb3VwVGl0bGUgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICA8TWVudUdyb3VwVGl0bGUgaGFzRGl2aWRlcj17aW5kZXggPiAwfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7b3B0aW9uLmdyb3VwVGl0bGV9XG4gICAgICAgICAgICAgICAgICAgICAgICAgIDwvTWVudUdyb3VwVGl0bGU+XG4gICAgICAgICAgICAgICAgICAgICAgICApfVxuXG4gICAgICAgICAgICAgICAgICAgICAgICA8Q29tYm9ib3guT3B0aW9uIHZhbHVlPXtvcHRpb259IGFzPXtGcmFnbWVudH0gZGlzYWJsZWQ9e29wdGlvbi5pc0Rpc2FibGVkfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgeyh7IGFjdGl2ZSB9KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgaXNEaXNhYmxlZCA9IG9wdGlvbi5pc0Rpc2FibGVkO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGlzU2VsZWN0ZWQgPSBvcHRpb24udmFsdWUgPT09IHZhbHVlO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGlzQWN0aXZlID0gIW9wdGlvbi5pc0Rpc2FibGVkICYmIGFjdGl2ZTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBoYXNFbGxpcHNpcyA9IG1lbnVJdGVtc0hhdmVFbGxpcHNpcztcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGxpXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cImF1dG9jb21wbGV0ZU1lbnVJdGVtXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGlzQWN0aXZlICYmIGdldENvbG9yKCdmYWRlMScpLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiBpc0Rpc2FibGVkICYmIGdldENvbG9yKCdkaXNhYmxlZENvbnRlbnQnKSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjdXJzb3I6ICFpc0Rpc2FibGVkICYmICdwb2ludGVyJyxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgJ2F1dG9jb21wbGV0ZU1lbnVJdGVtVGV4dCcgKyBoYXNFbGxpcHNpcyA/ICcgaGFzRWxsaXBzaXMnIDogJydcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7b3B0aW9uLmNvbnRlbnR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEljb25cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17eyBvcGFjaXR5OiBpc1NlbGVjdGVkID8gMSA6IDAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpY29uPXs8SWNvbkNoZWNrIC8+fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yPXtpc0FjdGl2ZSA/ICdjb250ZW50JyA6ICdpY29uJ31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvQ29tYm9ib3guT3B0aW9uPlxuICAgICAgICAgICAgICAgICAgICAgIDwvRnJhZ21lbnQ+XG4gICAgICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgICAgIHtub1Jlc3VsdHMgJiYgPEVtcHR5U3RhdGUgLz59XG4gICAgICAgICAgICAgICAgPC9Db21ib2JveC5PcHRpb25zPlxuICAgICAgICAgICAgICA8L09wdGlvbnNSb290PlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICB7ZXJyb3JNZXNzYWdlICYmIChcbiAgICAgICAgICAgICAgPEJveCBtYXJnaW5Ub3A9XCJiZXR3ZWVuRm9ybUNvbnRyb2xBbmRMYWJlbFwiIGNvbG9yPVwiZGFuZ2VyXCI+XG4gICAgICAgICAgICAgICAge2Vycm9yTWVzc2FnZX1cbiAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvPlxuICAgICAgICApfVxuICAgICAgPC9Db21ib2JveD5cbiAgICA8Lz5cbiAgKTtcbn07XG5cbkF1dG9jb21wbGV0ZS5MYWJlbCA9IEZpZWxkTGFiZWw7XG5BdXRvY29tcGxldGUuSGludCA9IEZpZWxkSGludDtcblxuQXV0b2NvbXBsZXRlLnByb3BUeXBlcyA9IHtcbiAgb3B0aW9uczogUHJvcFR5cGVzLmFycmF5LFxuICB2YWx1ZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIG1lbnVQbGFjZW1lbnQ6IHR5cGVzLm1lbnVQbGFjZW1lbnQsXG4gIG1lbnVXaWR0aDogdHlwZXMuZGltZW5zaW9uLFxuICBtZW51TWF4SGVpZ2h0OiB0eXBlcy5kaW1lbnNpb24sXG4gIG1lbnVaSW5kZXg6IHR5cGVzLnpJbmRleCxcbiAgbGFiZWw6IHR5cGVzLmxhYmVsLFxuICBoaW50OiB0eXBlcy5oaW50LFxuICBtZW51SXRlbXNIYXZlRWxsaXBzaXM6IFByb3BUeXBlcy5ib29sLFxuICBoYXNQb3J0YWw6IFByb3BUeXBlcy5ib29sLFxuICBoYXNFcnJvcjogUHJvcFR5cGVzLmJvb2wsXG4gIGVycm9yTWVzc2FnZTogUHJvcFR5cGVzLnN0cmluZyxcbn07XG4iXX0= */");
+var menuItemStyles = /*#__PURE__*/css(".autocompleteMenuItem{display:flex;gap:8px;align-items:center;list-style:none;padding:4px 12px;margin:0 8px;min-height:", componentVars.textBoxHeight, ";border-radius:", getRadius('s'), ";appearance:none;&.hasPreContent{padding-left:0;}}.autocompleteMenuItemText{flex-grow:1;&.hasEllipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:menuItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUQwQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9hdXRvY29tcGxldGUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCBGcmFnbWVudCwgdXNlTWVtbywgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IEljb24sIEJveCwgVGV4dCB9IGZyb20gJy4nO1xuaW1wb3J0IHsgSWNvbkNoZWNrLCBJY29uQ2hldnJvbkRvd24gfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyBDb21ib2JveCB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IGRlZmF1bHRQcm9wcywgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQge1xuICBJbnB1dEZpZWxkLFxuICBNZW51Q2FyZCxcbiAgTWVudUdyb3VwVGl0bGUsXG4gIEZpZWxkTGFiZWwsXG4gIEZpZWxkSGludCxcbiAgY29tcG9uZW50VmFycyxcbn0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IHVzZU1lbnVQb3NpdGlvbiB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbC9tZW51JztcbmltcG9ydCB7IEZsb2F0aW5nUG9ydGFsIH0gZnJvbSAnQGZsb2F0aW5nLXVpL3JlYWN0LWRvbS1pbnRlcmFjdGlvbnMnO1xuaW1wb3J0IHsgY3NzLCBHbG9iYWwgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcblxuY29uc3QgVHJpZ2dlciA9IGZvcndhcmRSZWYoKHsgLi4ucHJvcHMgfSwgcmVmKSA9PiA8Qm94IHJlZj17cmVmfSB7Li4ucHJvcHN9IHBvc2l0aW9uPVwicmVsYXRpdmVcIiAvPik7XG5cbmNvbnN0IEVtcHR5U3RhdGUgPSAoKSA9PiAoXG4gIDxCb3ggcGFkZGluZ1k9XCJzXCIgcGFkZGluZ1g9XCJtXCI+XG4gICAgPFRleHQgY29sb3I9XCJjb250ZW50MlwiPk5vIHJlc3VsdHM8L1RleHQ+XG4gIDwvQm94PlxuKTtcblxuY29uc3QgRXhwYW5kSWNvbiA9ICgpID0+IChcbiAgPEJveFxuICAgIHJpZ2h0PVwiZmllbGRQYWRkaW5nWFwiXG4gICAgcG9zaXRpb249XCJhYnNvbHV0ZVwiXG4gICAgdG9wPVwiMHB4XCJcbiAgICBib3R0b209XCIwcHhcIlxuICAgIG1hcmdpbj1cImF1dG9cIlxuICAgIGhlaWdodD1cImZpdC1jb250ZW50XCJcbiAgPlxuICAgIDxJY29uIGljb249ezxJY29uQ2hldnJvbkRvd24gLz59IC8+XG4gIDwvQm94PlxuKTtcblxuY29uc3QgZ2V0RmlsdGVyZWRPcHRpb25zID0gKHF1ZXJ5LCBvcHRpb25zLCBzZWFyY2hGaWVsZCkgPT4ge1xuICBpZiAocXVlcnkgPT09ICcnKSByZXR1cm4gb3B0aW9ucztcblxuICByZXR1cm4gb3B0aW9ucy5maWx0ZXIob3B0aW9uID0+IG9wdGlvbltzZWFyY2hGaWVsZF0udG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhxdWVyeS50b0xvd2VyQ2FzZSgpKSk7XG59O1xuXG5jb25zdCBnZXRTaG93R3JvdXBUaXRsZSA9IChpbmRleCwgb3B0aW9uLCBmaWx0ZXJlZE9wdGlvbnMpID0+IHtcbiAgY29uc3QgZmlyc3RPcHRpb25IYXNUaXRsZSA9IGluZGV4ID09PSAwICYmIG9wdGlvbi5ncm91cFRpdGxlO1xuICBjb25zdCB0aXRsZUNoYW5nZWQgPSBpbmRleCA+IDAgJiYgb3B0aW9uLmdyb3VwVGl0bGUgIT09IGZpbHRlcmVkT3B0aW9uc1tpbmRleCAtIDFdLmdyb3VwVGl0bGU7XG5cbiAgcmV0dXJuIGZpcnN0T3B0aW9uSGFzVGl0bGUgfHwgdGl0bGVDaGFuZ2VkO1xufTtcblxuY29uc3QgbWVudUl0ZW1TdHlsZXMgPSBjc3NgXG4gIC5hdXRvY29tcGxldGVNZW51SXRlbSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBnYXA6IDhweDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgcGFkZGluZzogNHB4IDEycHg7XG4gICAgbWFyZ2luOiAwIDhweDtcbiAgICBtaW4taGVpZ2h0OiAke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH07XG4gICAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gICAgYXBwZWFyYW5jZTogbm9uZTtcblxuICAgICYuaGFzUHJlQ29udGVudCB7XG4gICAgICBwYWRkaW5nLWxlZnQ6IDA7XG4gICAgfVxuICB9XG5cbiAgLmF1dG9jb21wbGV0ZU1lbnVJdGVtVGV4dCB7XG4gICAgZmxleC1ncm93OiAxO1xuXG4gICAgJi5oYXNFbGxpcHNpcyB7XG4gICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEF1dG9jb21wbGV0ZSA9ICh7XG4gIG9wdGlvbnMsXG4gIHZhbHVlLFxuICBvbkNoYW5nZSxcbiAgbWVudVBsYWNlbWVudCA9IGRlZmF1bHRQcm9wcy5tZW51UGxhY2VtZW50LFxuICBtZW51V2lkdGgsXG4gIG1lbnVNYXhIZWlnaHQgPSBkZWZhdWx0UHJvcHMubWVudU1heEhlaWdodCxcbiAgbWVudVpJbmRleCxcbiAgcGxhY2Vob2xkZXIsXG4gIGxhYmVsLFxuICBoaW50LFxuICBtZW51SXRlbXNIYXZlRWxsaXBzaXMgPSB0cnVlLFxuICBoYXNQb3J0YWwgPSB0cnVlLFxuICBoYXNFcnJvcixcbiAgZXJyb3JNZXNzYWdlLFxuICBzZWFyY2hGaWVsZCA9ICdjb250ZW50JyxcbiAgLi4ucHJvcHNcbn0pID0+IHtcbiAgY29uc3QgW3F1ZXJ5LCBzZXRRdWVyeV0gPSB1c2VTdGF0ZSgnJyk7XG5cbiAgY29uc3QgaGFuZGxlQ2hhbmdlID0gb3B0aW9uID0+IHtcbiAgICBvbkNoYW5nZShvcHRpb24pO1xuICAgIHNldFF1ZXJ5KCcnKTtcbiAgfTtcblxuICBjb25zdCBmaWx0ZXJlZE9wdGlvbnMgPSBnZXRGaWx0ZXJlZE9wdGlvbnMocXVlcnksIG9wdGlvbnMsIHNlYXJjaEZpZWxkKTtcblxuICBjb25zdCBub1Jlc3VsdHMgPSAhQm9vbGVhbihmaWx0ZXJlZE9wdGlvbnMubGVuZ3RoKTtcblxuICBjb25zdCBmaWVsZE1hcmdpblRvcCA9IGxhYmVsIHx8IGhpbnQgPyAnYmV0d2VlbkZvcm1Db250cm9sQW5kTGFiZWwnIDogdW5kZWZpbmVkO1xuXG4gIGNvbnN0IHNlbGVjdGVkT3B0aW9uID0gdXNlTWVtbyhcbiAgICAoKSA9PiBvcHRpb25zLmZpbmQob3B0aW9uID0+IG9wdGlvbi52YWx1ZSA9PT0gdmFsdWUpLFxuICAgIFtvcHRpb25zLCB2YWx1ZV0sXG4gICk7XG5cbiAgY29uc3QgeyByZWZlcmVuY2UsIGZsb2F0aW5nLCBmbG9hdGluZ1N0eWxlcyB9ID0gdXNlTWVudVBvc2l0aW9uKHsgbWVudVdpZHRoLCBtZW51UGxhY2VtZW50IH0pO1xuXG4gIGNvbnN0IE9wdGlvbnNSb290ID0gaGFzUG9ydGFsID8gRmxvYXRpbmdQb3J0YWwgOiBGcmFnbWVudDtcblxuICBjb25zdCBwcmVDb250ZW50UmVmID0gdXNlUmVmKG51bGwpO1xuXG4gIGNvbnN0IFtwcmVDb250ZW50V2lkdGgsIHNldFByZUNvbnRlbnRXaWR0aF0gPSB1c2VTdGF0ZSgwKTtcblxuICBSZWFjdC51c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChwcmVDb250ZW50UmVmLmN1cnJlbnQpIHtcbiAgICAgIHNldFByZUNvbnRlbnRXaWR0aChwcmVDb250ZW50UmVmLmN1cnJlbnQub2Zmc2V0V2lkdGgpO1xuICAgIH1cbiAgfSwgW3NlbGVjdGVkT3B0aW9uLCBwcmVDb250ZW50UmVmXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEdsb2JhbCBzdHlsZXM9e21lbnVJdGVtU3R5bGVzfSAvPlxuICAgICAgPENvbWJvYm94IGFzPVwiZGl2XCIgdmFsdWU9e3NlbGVjdGVkT3B0aW9uIHx8ICcnfSBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfSB7Li4ucHJvcHN9PlxuICAgICAgICB7KHsgb3BlbiB9KSA9PiB7XG4gICAgICAgICAgY29uc3QgaGFzUHJlQ29udGVudCA9IHNlbGVjdGVkT3B0aW9uPy5wcmVDb250ZW50O1xuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8PlxuICAgICAgICAgICAgICB7bGFiZWwgJiYgPENvbWJvYm94LkxhYmVsIGFzPXtGaWVsZExhYmVsfT57bGFiZWx9PC9Db21ib2JveC5MYWJlbD59XG4gICAgICAgICAgICAgIHtoaW50ICYmIDxGaWVsZEhpbnQ+e2hpbnR9PC9GaWVsZEhpbnQ+fVxuXG4gICAgICAgICAgICAgIDxCb3ggcG9zaXRpb249XCJyZWxhdGl2ZVwiIG1hcmdpblRvcD17ZmllbGRNYXJnaW5Ub3B9IHJlZj17cmVmZXJlbmNlfT5cbiAgICAgICAgICAgICAgICA8Q29tYm9ib3guQnV0dG9uIGFzPXtUcmlnZ2VyfT5cbiAgICAgICAgICAgICAgICAgIHtoYXNQcmVDb250ZW50ICYmICFvcGVuICYmIChcbiAgICAgICAgICAgICAgICAgICAgPEJveFxuICAgICAgICAgICAgICAgICAgICAgIHJlZj17cHJlQ29udGVudFJlZn1cbiAgICAgICAgICAgICAgICAgICAgICB3aWR0aD1cImZpdC1jb250ZW50XCJcbiAgICAgICAgICAgICAgICAgICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgICAgICAgICAgICAgICAgICB0b3A9XCIwcHhcIlxuICAgICAgICAgICAgICAgICAgICAgIGJvdHRvbT1cIjBweFwiXG4gICAgICAgICAgICAgICAgICAgICAgbWFyZ2luPVwiYXV0b1wiXG4gICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PVwiZml0LWNvbnRlbnRcIlxuICAgICAgICAgICAgICAgICAgICAgIGxlZnQ9XCIwXCJcbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgIHtzZWxlY3RlZE9wdGlvbi5wcmVDb250ZW50fVxuICAgICAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICA8Q29tYm9ib3guSW5wdXRcbiAgICAgICAgICAgICAgICAgICAgYXM9e0lucHV0RmllbGR9XG4gICAgICAgICAgICAgICAgICAgIGF1dG9Db21wbGV0ZT1cIm9mZlwiXG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtldmVudCA9PiBzZXRRdWVyeShldmVudC50YXJnZXQudmFsdWUpfVxuICAgICAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXlWYWx1ZT17b3B0aW9uID0+IG9wdGlvbiAmJiBvcHRpb24uY29udGVudH1cbiAgICAgICAgICAgICAgICAgICAgcGFkZGluZ1JpZ2h0PVwiMzJweFwiXG4gICAgICAgICAgICAgICAgICAgIHBhZGRpbmdMZWZ0PXshb3BlbiAmJiBoYXNQcmVDb250ZW50ID8gYCR7cHJlQ29udGVudFdpZHRoICsgOH1weGAgOiB1bmRlZmluZWR9XG4gICAgICAgICAgICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICA8RXhwYW5kSWNvbiAvPlxuICAgICAgICAgICAgICAgIDwvQ29tYm9ib3guQnV0dG9uPlxuXG4gICAgICAgICAgICAgICAgPE9wdGlvbnNSb290PlxuICAgICAgICAgICAgICAgICAgPENvbWJvYm94Lk9wdGlvbnNcbiAgICAgICAgICAgICAgICAgICAgc3RhdGljXG4gICAgICAgICAgICAgICAgICAgIGlzT3Blbj17b3Blbn1cbiAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwiZ3JuLWNvbnRleHRcIlxuICAgICAgICAgICAgICAgICAgICByZWY9e2Zsb2F0aW5nfVxuICAgICAgICAgICAgICAgICAgICBwbGFjZW1lbnQ9e21lbnVQbGFjZW1lbnR9XG4gICAgICAgICAgICAgICAgICAgIG1heEhlaWdodD17bWVudU1heEhlaWdodH1cbiAgICAgICAgICAgICAgICAgICAgYXM9e01lbnVDYXJkfVxuICAgICAgICAgICAgICAgICAgICB6SW5kZXg9e21lbnVaSW5kZXh9XG4gICAgICAgICAgICAgICAgICAgIHN0eWxlPXtmbG9hdGluZ1N0eWxlc31cbiAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAge2ZpbHRlcmVkT3B0aW9ucy5tYXAoKG9wdGlvbiwgaW5kZXgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICBjb25zdCBzaG93R3JvdXBUaXRsZSA9IGdldFNob3dHcm91cFRpdGxlKGluZGV4LCBvcHRpb24sIGZpbHRlcmVkT3B0aW9ucyk7XG5cbiAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgPEZyYWdtZW50IGtleT17aW5kZXh9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICB7c2hvd0dyb3VwVGl0bGUgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxNZW51R3JvdXBUaXRsZSBoYXNEaXZpZGVyPXtpbmRleCA+IDB9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge29wdGlvbi5ncm91cFRpdGxlfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvTWVudUdyb3VwVGl0bGU+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICl9XG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgPENvbWJvYm94Lk9wdGlvblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlPXtvcHRpb259XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYXM9e0ZyYWdtZW50fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRpc2FibGVkPXtvcHRpb24uaXNEaXNhYmxlZH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsoeyBhY3RpdmUgfSkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgaXNEaXNhYmxlZCA9IG9wdGlvbi5pc0Rpc2FibGVkO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgaXNTZWxlY3RlZCA9IG9wdGlvbi52YWx1ZSA9PT0gdmFsdWU7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBpc0FjdGl2ZSA9ICFvcHRpb24uaXNEaXNhYmxlZCAmJiBhY3RpdmU7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBoYXNFbGxpcHNpcyA9IG1lbnVJdGVtc0hhdmVFbGxpcHNpcztcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGhhc1ByZUNvbnRlbnQgPSBvcHRpb24ucHJlQ29udGVudDtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxsaVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBoYXNQcmVDb250ZW50XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID8gJ2F1dG9jb21wbGV0ZU1lbnVJdGVtIGhhc1ByZUNvbnRlbnQnXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogJ2F1dG9jb21wbGV0ZU1lbnVJdGVtJ1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBpc0FjdGl2ZSAmJiBnZXRDb2xvcignZmFkZTEnKSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiBpc0Rpc2FibGVkICYmIGdldENvbG9yKCdkaXNhYmxlZENvbnRlbnQnKSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGN1cnNvcjogIWlzRGlzYWJsZWQgJiYgJ3BvaW50ZXInLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7aGFzUHJlQ29udGVudCAmJiBvcHRpb24ucHJlQ29udGVudH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaGFzRWxsaXBzaXNcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA/ICdhdXRvY29tcGxldGVNZW51SXRlbVRleHQgaGFzRWxsaXBzaXMnXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgOiAnYXV0b2NvbXBsZXRlTWVudUl0ZW1UZXh0J1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtvcHRpb24uY29udGVudH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEljb25cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN0eWxlPXt7IG9wYWNpdHk6IGlzU2VsZWN0ZWQgPyAxIDogMCB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaWNvbj17PEljb25DaGVjayAvPn1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yPXtpc0FjdGl2ZSA/ICdjb250ZW50JyA6ICdpY29uJ31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2xpPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICA8L0NvbWJvYm94Lk9wdGlvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvRnJhZ21lbnQ+XG4gICAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgICAgICAgIHtub1Jlc3VsdHMgJiYgPEVtcHR5U3RhdGUgLz59XG4gICAgICAgICAgICAgICAgICA8L0NvbWJvYm94Lk9wdGlvbnM+XG4gICAgICAgICAgICAgICAgPC9PcHRpb25zUm9vdD5cbiAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICAgIHtlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICAgICAgICAgIDxCb3ggbWFyZ2luVG9wPVwiYmV0d2VlbkZvcm1Db250cm9sQW5kTGFiZWxcIiBjb2xvcj1cImRhbmdlclwiPlxuICAgICAgICAgICAgICAgICAge2Vycm9yTWVzc2FnZX1cbiAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvPlxuICAgICAgICAgICk7XG4gICAgICAgIH19XG4gICAgICA8L0NvbWJvYm94PlxuICAgIDwvPlxuICApO1xufTtcblxuQXV0b2NvbXBsZXRlLkxhYmVsID0gRmllbGRMYWJlbDtcbkF1dG9jb21wbGV0ZS5IaW50ID0gRmllbGRIaW50O1xuXG5BdXRvY29tcGxldGUucHJvcFR5cGVzID0ge1xuICBvcHRpb25zOiBQcm9wVHlwZXMuYXJyYXksXG4gIHZhbHVlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgbWVudVBsYWNlbWVudDogdHlwZXMubWVudVBsYWNlbWVudCxcbiAgbWVudVdpZHRoOiB0eXBlcy5kaW1lbnNpb24sXG4gIG1lbnVNYXhIZWlnaHQ6IHR5cGVzLmRpbWVuc2lvbixcbiAgbWVudVpJbmRleDogdHlwZXMuekluZGV4LFxuICBsYWJlbDogdHlwZXMubGFiZWwsXG4gIGhpbnQ6IHR5cGVzLmhpbnQsXG4gIG1lbnVJdGVtc0hhdmVFbGxpcHNpczogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc1BvcnRhbDogUHJvcFR5cGVzLmJvb2wsXG4gIGhhc0Vycm9yOiBQcm9wVHlwZXMuYm9vbCxcbiAgZXJyb3JNZXNzYWdlOiBQcm9wVHlwZXMuc3RyaW5nLFxufTtcbiJdfQ== */");
 export var Autocomplete = function Autocomplete(_ref2) {
   var options = _ref2.options,
       value = _ref2.value,
@@ -112,6 +112,8 @@ export var Autocomplete = function Autocomplete(_ref2) {
       hasPortal = _ref2$hasPortal === void 0 ? true : _ref2$hasPortal,
       hasError = _ref2.hasError,
       errorMessage = _ref2.errorMessage,
+      _ref2$searchField = _ref2.searchField,
+      searchField = _ref2$searchField === void 0 ? 'content' : _ref2$searchField,
       props = _objectWithoutProperties(_ref2, _excluded);
 
   var _useState = useState(''),
@@ -124,7 +126,7 @@ export var Autocomplete = function Autocomplete(_ref2) {
     setQuery('');
   };
 
-  var filteredOptions = getFilteredOptions(query, options);
+  var filteredOptions = getFilteredOptions(query, options, searchField);
   var noResults = !Boolean(filteredOptions.length);
   var fieldMarginTop = label || hint ? 'betweenFormControlAndLabel' : undefined;
   var selectedOption = useMemo(function () {
@@ -142,6 +144,18 @@ export var Autocomplete = function Autocomplete(_ref2) {
       floatingStyles = _useMenuPosition.floatingStyles;
 
   var OptionsRoot = hasPortal ? FloatingPortal : Fragment;
+  var preContentRef = useRef(null);
+
+  var _useState3 = useState(0),
+      _useState4 = _slicedToArray(_useState3, 2),
+      preContentWidth = _useState4[0],
+      setPreContentWidth = _useState4[1];
+
+  React.useEffect(function () {
+    if (preContentRef.current) {
+      setPreContentWidth(preContentRef.current.offsetWidth);
+    }
+  }, [selectedOption, preContentRef]);
   return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Global, {
     styles: menuItemStyles
   }), ___EmotionJSX(Combobox, _extends({
@@ -150,6 +164,7 @@ export var Autocomplete = function Autocomplete(_ref2) {
     onChange: handleChange
   }, props), function (_ref3) {
     var open = _ref3.open;
+    var hasPreContent = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.preContent;
     return ___EmotionJSX(React.Fragment, null, label && ___EmotionJSX(Combobox.Label, {
       as: FieldLabel
     }, label), hint && ___EmotionJSX(FieldHint, null, hint), ___EmotionJSX(Box, {
@@ -158,7 +173,16 @@ export var Autocomplete = function Autocomplete(_ref2) {
       ref: reference
     }, ___EmotionJSX(Combobox.Button, {
       as: Trigger
-    }, ___EmotionJSX(Combobox.Input, {
+    }, hasPreContent && !open && ___EmotionJSX(Box, {
+      ref: preContentRef,
+      width: "fit-content",
+      position: "absolute",
+      top: "0px",
+      bottom: "0px",
+      margin: "auto",
+      height: "fit-content",
+      left: "0"
+    }, selectedOption.preContent), ___EmotionJSX(Combobox.Input, {
       as: InputField,
       autoComplete: "off",
       onChange: function onChange(event) {
@@ -169,6 +193,7 @@ export var Autocomplete = function Autocomplete(_ref2) {
         return option && option.content;
       },
       paddingRight: "32px",
+      paddingLeft: !open && hasPreContent ? "".concat(preContentWidth + 8, "px") : undefined,
       hasError: hasError
     }), ___EmotionJSX(ExpandIcon, null)), ___EmotionJSX(OptionsRoot, null, ___EmotionJSX(Combobox.Options, {
       static: true,
@@ -196,15 +221,16 @@ export var Autocomplete = function Autocomplete(_ref2) {
         var isSelected = option.value === value;
         var isActive = !option.isDisabled && active;
         var hasEllipsis = menuItemsHaveEllipsis;
+        var hasPreContent = option.preContent;
         return ___EmotionJSX("li", {
-          className: "autocompleteMenuItem",
+          className: hasPreContent ? 'autocompleteMenuItem hasPreContent' : 'autocompleteMenuItem',
           style: {
             backgroundColor: isActive && getColor('fade1'),
             color: isDisabled && getColor('disabledContent'),
             cursor: !isDisabled && 'pointer'
           }
-        }, ___EmotionJSX("span", {
-          className: 'autocompleteMenuItemText' + hasEllipsis ? ' hasEllipsis' : ''
+        }, hasPreContent && option.preContent, ___EmotionJSX("span", {
+          className: hasEllipsis ? 'autocompleteMenuItemText hasEllipsis' : 'autocompleteMenuItemText'
         }, option.content), ___EmotionJSX(Icon, {
           style: {
             opacity: isSelected ? 1 : 0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flodesk/grain",
-  "version": "10.3.0",
+  "version": "10.5.0",
   "description": "Flodesk design system",
   "module": "es/index.js",
   "author": "Flodesk",