@flodesk/grain 10.2.1 → 10.2.3

package/es/components/autocomplete.js

@@ -39,12 +39,14 @@ import "core-js/modules/es.array.map.js";
 import PropTypes from 'prop-types';
 import React, { forwardRef, Fragment, useMemo, useState } from 'react';
 import { Icon, Box, Text } from '.';
-import { IconChevronDown } from '../icons';
+import { IconCheck, IconChevronDown } from '../icons';
 import { Combobox } from '@headlessui/react';
 import { defaultProps, types } from '../types';
-import { InputField, MenuCard, MenuItem, MenuGroupTitle, FieldLabel, FieldHint } from '../foundational';
+import { InputField, MenuCard, MenuGroupTitle, FieldLabel, FieldHint, componentVars } from '../foundational';
 import { useMenuPosition } from '../foundational/menu';
 import { FloatingPortal } from '@floating-ui/react-dom-interactions';
+import { css, Global } from '@emotion/react';
+import { getColor, getRadius } from '../utilities';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var Trigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var props = Object.assign({}, _ref);
@@ -90,6 +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+IG9wdGlvbi5jb250ZW50LnRvTG93ZXJDYXNlKCkuaW5jbHVkZXMocXVlcnkudG9Mb3dlckNhc2UoKSkpO1xufTtcblxuY29uc3QgZ2V0U2hvd0dyb3VwVGl0bGUgPSAoaW5kZXgsIG9wdGlvbiwgZmlsdGVyZWRPcHRpb25zKSA9PiB7XG4gIGNvbnN0IGZpcnN0T3B0aW9uSGFzVGl0bGUgPSBpbmRleCA9PT0gMCAmJiBvcHRpb24uZ3JvdXBUaXRsZTtcbiAgY29uc3QgdGl0bGVDaGFuZ2VkID0gaW5kZXggPiAwICYmIG9wdGlvbi5ncm91cFRpdGxlICE9PSBmaWx0ZXJlZE9wdGlvbnNbaW5kZXggLSAxXS5ncm91cFRpdGxlO1xuXG4gIHJldHVybiBmaXJzdE9wdGlvbkhhc1RpdGxlIHx8IHRpdGxlQ2hhbmdlZDtcbn07XG5cbmNvbnN0IG1lbnVJdGVtU3R5bGVzID0gY3NzYFxuICAuYXV0b2NvbXBsZXRlTWVudUl0ZW0ge1xuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgYXV0bztcbiAgICBnYXA6IDhweDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgcGFkZGluZzogMTBweCAxMnB4O1xuICAgIG1hcmdpbjogMCA4cHg7XG4gICAgbWluLWhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gIH1cblxuICAuYXV0b2NvbXBsZXRlTWVudUl0ZW1UZXh0Lmhhc0VsbGlwc2lzIHtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBBdXRvY29tcGxldGUgPSAoe1xuICBvcHRpb25zLFxuICB2YWx1ZSxcbiAgb25DaGFuZ2UsXG4gIG1lbnVQbGFjZW1lbnQgPSBkZWZhdWx0UHJvcHMubWVudVBsYWNlbWVudCxcbiAgbWVudVdpZHRoLFxuICBtZW51TWF4SGVpZ2h0ID0gZGVmYXVsdFByb3BzLm1lbnVNYXhIZWlnaHQsXG4gIG1lbnVaSW5kZXgsXG4gIHBsYWNlaG9sZGVyLFxuICBsYWJlbCxcbiAgaGludCxcbiAgbWVudUl0ZW1zSGF2ZUVsbGlwc2lzID0gdHJ1ZSxcbiAgaGFzUG9ydGFsID0gdHJ1ZSxcbiAgLi4ucHJvcHNcbn0pID0+IHtcbiAgY29uc3QgW3F1ZXJ5LCBzZXRRdWVyeV0gPSB1c2VTdGF0ZSgnJyk7XG5cbiAgY29uc3QgaGFuZGxlQ2hhbmdlID0gb3B0aW9uID0+IHtcbiAgICBvbkNoYW5nZShvcHRpb24pO1xuICAgIHNldFF1ZXJ5KCcnKTtcbiAgfTtcblxuICBjb25zdCBmaWx0ZXJlZE9wdGlvbnMgPSBnZXRGaWx0ZXJlZE9wdGlvbnMocXVlcnksIG9wdGlvbnMpO1xuXG4gIGNvbnN0IG5vUmVzdWx0cyA9ICFCb29sZWFuKGZpbHRlcmVkT3B0aW9ucy5sZW5ndGgpO1xuXG4gIGNvbnN0IGZpZWxkTWFyZ2luVG9wID0gbGFiZWwgfHwgaGludCA/ICdiZXR3ZWVuRm9ybUNvbnRyb2xBbmRMYWJlbCcgOiB1bmRlZmluZWQ7XG5cbiAgY29uc3Qgc2VsZWN0ZWRPcHRpb24gPSB1c2VNZW1vKFxuICAgICgpID0+IG9wdGlvbnMuZmluZChvcHRpb24gPT4gb3B0aW9uLnZhbHVlID09PSB2YWx1ZSksXG4gICAgW29wdGlvbnMsIHZhbHVlXSxcbiAgKTtcblxuICBjb25zdCB7IHJlZmVyZW5jZSwgZmxvYXRpbmcsIGZsb2F0aW5nU3R5bGVzIH0gPSB1c2VNZW51UG9zaXRpb24oeyBtZW51V2lkdGgsIG1lbnVQbGFjZW1lbnQgfSk7XG5cbiAgY29uc3QgT3B0aW9uc1Jvb3QgPSBoYXNQb3J0YWwgPyBGbG9hdGluZ1BvcnRhbCA6IEZyYWdtZW50O1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxHbG9iYWwgc3R5bGVzPXttZW51SXRlbVN0eWxlc30gLz5cbiAgICAgIDxDb21ib2JveCBhcz1cImRpdlwiIHZhbHVlPXtzZWxlY3RlZE9wdGlvbiB8fCAnJ30gb25DaGFuZ2U9e2hhbmRsZUNoYW5nZX0gey4uLnByb3BzfT5cbiAgICAgICAgeyh7IG9wZW4gfSkgPT4gKFxuICAgICAgICAgIDw+XG4gICAgICAgICAgICB7bGFiZWwgJiYgPENvbWJvYm94LkxhYmVsIGFzPXtGaWVsZExhYmVsfT57bGFiZWx9PC9Db21ib2JveC5MYWJlbD59XG4gICAgICAgICAgICB7aGludCAmJiA8RmllbGRIaW50PntoaW50fTwvRmllbGRIaW50Pn1cblxuICAgICAgICAgICAgPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCIgbWFyZ2luVG9wPXtmaWVsZE1hcmdpblRvcH0gcmVmPXtyZWZlcmVuY2V9PlxuICAgICAgICAgICAgICA8Q29tYm9ib3guQnV0dG9uIGFzPXtUcmlnZ2VyfT5cbiAgICAgICAgICAgICAgICA8Q29tYm9ib3guSW5wdXRcbiAgICAgICAgICAgICAgICAgIGFzPXtJbnB1dEZpZWxkfVxuICAgICAgICAgICAgICAgICAgYXV0b0NvbXBsZXRlPVwib2ZmXCJcbiAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtldmVudCA9PiBzZXRRdWVyeShldmVudC50YXJnZXQudmFsdWUpfVxuICAgICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9e3BsYWNlaG9sZGVyfVxuICAgICAgICAgICAgICAgICAgZGlzcGxheVZhbHVlPXtvcHRpb24gPT4gb3B0aW9uICYmIG9wdGlvbi5jb250ZW50fVxuICAgICAgICAgICAgICAgICAgcGFkZGluZ1JpZ2h0PVwiMzJweFwiXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8RXhwYW5kSWNvbiAvPlxuICAgICAgICAgICAgICA8L0NvbWJvYm94LkJ1dHRvbj5cblxuICAgICAgICAgICAgICA8T3B0aW9uc1Jvb3Q+XG4gICAgICAgICAgICAgICAgPENvbWJvYm94Lk9wdGlvbnNcbiAgICAgICAgICAgICAgICAgIHN0YXRpY1xuICAgICAgICAgICAgICAgICAgaXNPcGVuPXtvcGVufVxuICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPVwiZ3JuLWNvbnRleHRcIlxuICAgICAgICAgICAgICAgICAgcmVmPXtmbG9hdGluZ31cbiAgICAgICAgICAgICAgICAgIHBsYWNlbWVudD17bWVudVBsYWNlbWVudH1cbiAgICAgICAgICAgICAgICAgIG1heEhlaWdodD17bWVudU1heEhlaWdodH1cbiAgICAgICAgICAgICAgICAgIGFzPXtNZW51Q2FyZH1cbiAgICAgICAgICAgICAgICAgIHpJbmRleD17bWVudVpJbmRleH1cbiAgICAgICAgICAgICAgICAgIHN0eWxlPXtmbG9hdGluZ1N0eWxlc31cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7ZmlsdGVyZWRPcHRpb25zLm1hcCgob3B0aW9uLCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICBjb25zdCBzaG93R3JvdXBUaXRsZSA9IGdldFNob3dHcm91cFRpdGxlKGluZGV4LCBvcHRpb24sIGZpbHRlcmVkT3B0aW9ucyk7XG5cbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgICA8RnJhZ21lbnQga2V5PXtpbmRleH0+XG4gICAgICAgICAgICAgICAgICAgICAgICB7c2hvd0dyb3VwVGl0bGUgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICA8TWVudUdyb3VwVGl0bGUgaGFzRGl2aWRlcj17aW5kZXggPiAwfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7b3B0aW9uLmdyb3VwVGl0bGV9XG4gICAgICAgICAgICAgICAgICAgICAgICAgIDwvTWVudUdyb3VwVGl0bGU+XG4gICAgICAgICAgICAgICAgICAgICAgICApfVxuXG4gICAgICAgICAgICAgICAgICAgICAgICA8Q29tYm9ib3guT3B0aW9uIHZhbHVlPXtvcHRpb259IGFzPXtGcmFnbWVudH0gZGlzYWJsZWQ9e29wdGlvbi5pc0Rpc2FibGVkfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgeyh7IGFjdGl2ZSB9KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgaXNEaXNhYmxlZCA9IG9wdGlvbi5pc0Rpc2FibGVkO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGlzU2VsZWN0ZWQgPSBvcHRpb24udmFsdWUgPT09IHZhbHVlO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGlzQWN0aXZlID0gIW9wdGlvbi5pc0Rpc2FibGVkICYmIGFjdGl2ZTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBoYXNFbGxpcHNpcyA9IG1lbnVJdGVtc0hhdmVFbGxpcHNpcztcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGxpXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cImF1dG9jb21wbGV0ZU1lbnVJdGVtXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGlzQWN0aXZlICYmIGdldENvbG9yKCdmYWRlMScpLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiBpc0Rpc2FibGVkICYmIGdldENvbG9yKCdkaXNhYmxlZENvbnRlbnQnKSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjdXJzb3I6ICFpc0Rpc2FibGVkICYmICdwb2ludGVyJyxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgJ2F1dG9jb21wbGV0ZU1lbnVJdGVtVGV4dCcgKyBoYXNFbGxpcHNpcyA/ICcgaGFzRWxsaXBzaXMnIDogJydcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7b3B0aW9uLmNvbnRlbnR9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEljb25cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17eyBvcGFjaXR5OiBpc1NlbGVjdGVkID8gMSA6IDAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpY29uPXs8SWNvbkNoZWNrIC8+fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yPXtpc0FjdGl2ZSA/ICdjb250ZW50JyA6ICdpY29uJ31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvQ29tYm9ib3guT3B0aW9uPlxuICAgICAgICAgICAgICAgICAgICAgIDwvRnJhZ21lbnQ+XG4gICAgICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgICAgIHtub1Jlc3VsdHMgJiYgPEVtcHR5U3RhdGUgLz59XG4gICAgICAgICAgICAgICAgPC9Db21ib2JveC5PcHRpb25zPlxuICAgICAgICAgICAgICA8L09wdGlvbnNSb290PlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgPC8+XG4gICAgICAgICl9XG4gICAgICA8L0NvbWJvYm94PlxuICAgIDwvPlxuICApO1xufTtcblxuQXV0b2NvbXBsZXRlLkxhYmVsID0gRmllbGRMYWJlbDtcbkF1dG9jb21wbGV0ZS5IaW50ID0gRmllbGRIaW50O1xuXG5BdXRvY29tcGxldGUucHJvcFR5cGVzID0ge1xuICBvcHRpb25zOiBQcm9wVHlwZXMuYXJyYXksXG4gIHZhbHVlOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIG9uQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICBtZW51UGxhY2VtZW50OiB0eXBlcy5tZW51UGxhY2VtZW50LFxuICBtZW51V2lkdGg6IHR5cGVzLmRpbWVuc2lvbixcbiAgbWVudU1heEhlaWdodDogdHlwZXMuZGltZW5zaW9uLFxuICBtZW51WkluZGV4OiB0eXBlcy56SW5kZXgsXG4gIGxhYmVsOiB0eXBlcy5sYWJlbCxcbiAgaGludDogdHlwZXMuaGludCxcbiAgbWVudUl0ZW1zSGF2ZUVsbGlwc2lzOiBQcm9wVHlwZXMuYm9vbCxcbiAgaGFzUG9ydGFsOiBQcm9wVHlwZXMuYm9vbCxcbn07XG4iXX0= */");
 export var Autocomplete = function Autocomplete(_ref2) {
   var options = _ref2.options,
       value = _ref2.value,
@@ -137,7 +140,9 @@ export var Autocomplete = function Autocomplete(_ref2) {
       floatingStyles = _useMenuPosition.floatingStyles;
 
   var OptionsRoot = hasPortal ? FloatingPortal : Fragment;
-  return ___EmotionJSX(Combobox, _extends({
+  return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Global, {
+    styles: menuItemStyles
+  }), ___EmotionJSX(Combobox, _extends({
     as: "div",
     value: selectedOption || '',
     onChange: handleChange
@@ -184,15 +189,29 @@ export var Autocomplete = function Autocomplete(_ref2) {
         disabled: option.isDisabled
       }, function (_ref4) {
         var active = _ref4.active;
-        return ___EmotionJSX(MenuItem, {
-          isSelected: option.value === value,
-          isActive: !option.isDisabled && active,
-          isDisabled: option.isDisabled,
-          hasEllipsis: menuItemsHaveEllipsis
-        }, option.content);
+        var isDisabled = option.isDisabled;
+        var isSelected = option.value === value;
+        var isActive = !option.isDisabled && active;
+        var hasEllipsis = menuItemsHaveEllipsis;
+        return ___EmotionJSX("li", {
+          className: "autocompleteMenuItem",
+          style: {
+            backgroundColor: isActive && getColor('fade1'),
+            color: isDisabled && getColor('disabledContent'),
+            cursor: !isDisabled && 'pointer'
+          }
+        }, ___EmotionJSX("span", {
+          className: 'autocompleteMenuItemText' + hasEllipsis ? ' hasEllipsis' : ''
+        }, option.content), ___EmotionJSX(Icon, {
+          style: {
+            opacity: isSelected ? 1 : 0
+          },
+          icon: ___EmotionJSX(IconCheck, null),
+          color: isActive ? 'content' : 'icon'
+        }));
       }));
     }), noResults && ___EmotionJSX(EmptyState, null)))));
-  });
+  }));
 };
 Autocomplete.Label = FieldLabel;
 Autocomplete.Hint = FieldHint;

package/es/components/dropdown.js

@@ -35,10 +35,30 @@ export var Dropdown = function Dropdown(_ref2) {
     menuWidth: menuWidth,
     menuPlacement: menuPlacement
   }),
+      refs = _useMenuPosition.refs,
       reference = _useMenuPosition.reference,
       floating = _useMenuPosition.floating,
       floatingStyles = _useMenuPosition.floatingStyles;
 
+  var handleMenuItemClick = function handleMenuItemClick(option) {
+    return function () {
+      // reflow focus back to trigger after click
+      var domReference = refs.domReference;
+
+      if (domReference.current) {
+        var _domReference$current;
+
+        (_domReference$current = domReference.current) === null || _domReference$current === void 0 ? void 0 : _domReference$current.focus({
+          preventScroll: true
+        });
+      }
+
+      if (option.onClick) {
+        option.onClick();
+      }
+    };
+  };
+
   var ItemsRoot = hasPortal ? FloatingPortal : Fragment;
   return ___EmotionJSX(Menu, null, function (_ref3) {
     var open = _ref3.open,
@@ -76,7 +96,7 @@ export var Dropdown = function Dropdown(_ref2) {
         return ___EmotionJSX(MenuItem, {
           icon: option.icon,
           isActive: active,
-          onClick: option.onClick,
+          onClick: handleMenuItemClick(option),
           variant: option.variant,
           hasEllipsis: true,
           checkVariant: "none"

package/es/foundational/menu.js

@@ -65,7 +65,8 @@ export var useMenuPosition = function useMenuPosition(_ref) {
       y = _useFloating.y,
       reference = _useFloating.reference,
       floating = _useFloating.floating,
-      strategy = _useFloating.strategy;
+      strategy = _useFloating.strategy,
+      refs = _useFloating.refs;
 
   var floatingStyles = {
     position: strategy,
@@ -74,6 +75,7 @@ export var useMenuPosition = function useMenuPosition(_ref) {
     zIndex: 1100
   };
   return {
+    refs: refs,
     reference: reference,
     floating: floating,
     floatingStyles: floatingStyles
@@ -90,7 +92,7 @@ export var MenuCard = /*#__PURE__*/forwardRef(function (_ref3, ref) {
 
   return ___EmotionJSX("ul", _extends({
     ref: ref,
-    css: /*#__PURE__*/css("padding:", cardPaddingPx, " 0;margin:0;background:", getColor('floatingBackground'), ";z-index:", zIndex, ";box-shadow:", getShadow('m'), ";border-radius:", getRadius('m'), ";overflow:auto;max-height:", maxHeight, ";", !isOpen && "\n          opacity: 0;\n          pointer-events: none;\n          visibility: hidden;\n        ", ";transition-property:opacity;transition-duration:", getTransition(isOpen ? 'xxFast' : 'xFast'), ";&:focus{outline:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuCard;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUVjIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0RGltZW5zaW9uLCBnZXRSYWRpdXMsIGdldFNoYWRvdywgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBCb3gsIENoZWNrYm94LCBJY29uLCBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBJY29uQ2hlY2sgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzIH0gZnJvbSAnLi9zdHlsZXMnO1xuaW1wb3J0IHsgYXV0b1VwZGF0ZSwgZmxpcCwgc2l6ZSwgdXNlRmxvYXRpbmcgfSBmcm9tICdAZmxvYXRpbmctdWkvcmVhY3QtZG9tLWludGVyYWN0aW9ucyc7XG5cbmNvbnN0IGNhcmRQYWRkaW5nID0gODtcbmNvbnN0IGNhcmRQYWRkaW5nUHggPSBgJHtjYXJkUGFkZGluZ31weGA7XG5jb25zdCBpdGVtWVBhZGRpbmcgPSAxMDtcbmNvbnN0IGl0ZW1YUGFkZGluZyA9IDEyO1xuXG5leHBvcnQgY29uc3QgcGxhY2VtZW50c01hcCA9IHtcbiAgdG9wOiAndG9wJyxcbiAgdG9wU3RhcnQ6ICd0b3Atc3RhcnQnLFxuICB0b3BFbmQ6ICd0b3AtZW5kJyxcbiAgYm90dG9tOiAnYm90dG9tJyxcbiAgYm90dG9tU3RhcnQ6ICdib3R0b20tc3RhcnQnLFxuICBib3R0b21FbmQ6ICdib3R0b20tZW5kJyxcbiAgcmlnaHQ6ICdyaWdodCcsXG4gIHJpZ2h0U3RhcnQ6ICdyaWdodC1zdGFydCcsXG4gIHJpZ2h0RW5kOiAncmlnaHQtZW5kJyxcbiAgbGVmdDogJ2xlZnQnLFxuICBsZWZ0U3RhcnQ6ICdsZWZ0LXN0YXJ0JyxcbiAgbGVmdEVuZDogJ2xlZnQtZW5kJyxcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VNZW51UG9zaXRpb24gPSAoeyBtZW51V2lkdGgsIG1lbnVQbGFjZW1lbnQgfSkgPT4ge1xuICBjb25zdCB7IHgsIHksIHJlZmVyZW5jZSwgZmxvYXRpbmcsIHN0cmF0ZWd5IH0gPSB1c2VGbG9hdGluZyh7XG4gICAgcGxhY2VtZW50OiBwbGFjZW1lbnRzTWFwW21lbnVQbGFjZW1lbnRdLFxuICAgIHdoaWxlRWxlbWVudHNNb3VudGVkOiBhdXRvVXBkYXRlLFxuICAgIG1pZGRsZXdhcmU6IFtcbiAgICAgIGZsaXAoeyBwYWRkaW5nOiAyNCwgZmxpcEFsaWdubWVudDogZmFsc2UgfSksXG4gICAgICBzaXplKHtcbiAgICAgICAgYXBwbHkoeyByZWN0cywgZWxlbWVudHMgfSkge1xuICAgICAgICAgIGNvbnN0IHdpZHRoID0gZ2V0RGltZW5zaW9uKG1lbnVXaWR0aCkgfHwgYCR7cmVjdHMucmVmZXJlbmNlLndpZHRofXB4YDtcbiAgICAgICAgICBPYmplY3QuYXNzaWduKGVsZW1lbnRzLmZsb2F0aW5nLnN0eWxlLCB7XG4gICAgICAgICAgICB3aWR0aDogd2lkdGgsXG4gICAgICAgICAgfSk7XG4gICAgICAgIH0sXG4gICAgICAgIHBhZGRpbmc6IDI0LFxuICAgICAgfSksXG4gICAgXSxcbiAgfSk7XG5cbiAgY29uc3QgZmxvYXRpbmdTdHlsZXMgPSB7XG4gICAgcG9zaXRpb246IHN0cmF0ZWd5LFxuICAgIHRvcDogeSA/PyAwLFxuICAgIGxlZnQ6IHggPz8gMCxcbiAgICB6SW5kZXg6IDExMDAsXG4gIH07XG5cbiAgcmV0dXJuIHtcbiAgICByZWZlcmVuY2UsXG4gICAgZmxvYXRpbmcsXG4gICAgZmxvYXRpbmdTdHlsZXMsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgTWVudUNhcmQgPSBmb3J3YXJkUmVmKFxuICAoeyBjaGlsZHJlbiwgekluZGV4ID0gMSwgcGxhY2VtZW50LCBtYXhIZWlnaHQsIGlzT3BlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gICAgPHVsXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwYWRkaW5nOiAke2NhcmRQYWRkaW5nUHh9IDA7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignZmxvYXRpbmdCYWNrZ3JvdW5kJyl9O1xuICAgICAgICB6LWluZGV4OiAke3pJbmRleH07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7Z2V0U2hhZG93KCdtJyl9O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygnbScpfTtcbiAgICAgICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgICAgIG1heC1oZWlnaHQ6ICR7bWF4SGVpZ2h0fTtcbiAgICAgICAgJHshaXNPcGVuICYmXG4gICAgICAgIGBcbiAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICAgICAgYH07XG4gICAgICAgIHRyYW5zaXRpb24tcHJvcGVydHk6IG9wYWNpdHk7XG4gICAgICAgIHRyYW5zaXRpb24tZHVyYXRpb246ICR7Z2V0VHJhbnNpdGlvbihpc09wZW4gPyAneHhGYXN0JyA6ICd4RmFzdCcpfTtcblxuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L3VsPlxuICApLFxuKTtcblxuY29uc3QgdmFyaWFudFN0eWxlcyA9IHtcbiAgbmV1dHJhbDoge1xuICAgIGJhY2tncm91bmRDb2xvckFjdGl2ZTogZ2V0Q29sb3IoJ2ZhZGUxJyksXG4gICAgaWNvbkNvbG9yQWN0aXZlOiBnZXRDb2xvcignY29udGVudCcpLFxuICB9LFxuICBkYW5nZXI6IHtcbiAgICBjb2xvcjogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICAgIGljb25Db2xvcjogY29tcG9uZW50VmFycy5kYW5nZXJJY29uQ29sb3IsXG4gICAgaWNvbkNvbG9yQWN0aXZlOiBnZXRDb2xvcignZGFuZ2VyJyksXG4gICAgYmFja2dyb3VuZENvbG9yQWN0aXZlOiBjb21wb25lbnRWYXJzLmNsZWFyQnV0dG9uRGFuZ2VyQmFja2dyb3VuZEhvdmVyLFxuICB9LFxufTtcblxuY29uc3QgTWVudUl0ZW1Sb290ID0gZm9yd2FyZFJlZihcbiAgKHsgY2hpbGRyZW4sIGlzRGlzYWJsZWQsIGhhc0ljb24sIGlzU2VsZWN0ZWQsIGNvbG9yLCBjb2x1bW5zLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgICA8bGlcbiAgICAgIHJlZj17cmVmfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gICAgICAgIGdhcDogOHB4O1xuICAgICAgICAke2lzRGlzYWJsZWQgJiYgYGNvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZENvbnRlbnQnKX1gfTtcbiAgICAgICAgJHshaXNEaXNhYmxlZCAmJiBgY3Vyc29yOiBwb2ludGVyO2B9O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHN0YXJ0O1xuICAgICAgICBsaXN0LXN0eWxlOiBub25lO1xuICAgICAgICBwYWRkaW5nOiAke2l0ZW1ZUGFkZGluZ31weCAke2l0ZW1YUGFkZGluZ31weDtcbiAgICAgICAgbWFyZ2luOiAwICR7Y2FyZFBhZGRpbmd9cHg7XG4gICAgICAgIG1pbi1oZWlnaHQ6ICR7Y29tcG9uZW50VmFycy50ZXh0Qm94SGVpZ2h0fTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gICAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICAgIGNvbG9yOiAke2NvbG9yfTtcbiAgICAgICAgdmlzaWJpbGl0eTogaW5pdGlhbDtcbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvbGk+XG4gICksXG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUdyb3VwVGl0bGUgPSAoeyBjaGlsZHJlbiwgaGFzRGl2aWRlciB9KSA9PiAoXG4gIDxCb3hcbiAgICBwYWRkaW5nWD17YCR7Y2FyZFBhZGRpbmcgKyBpdGVtWFBhZGRpbmd9cHhgfVxuICAgIHBhZGRpbmdCb3R0b209e2NhcmRQYWRkaW5nUHh9XG4gICAgbWFyZ2luVG9wPXtjYXJkUGFkZGluZ1B4fVxuICAgIHBhZGRpbmdUb3A9e2hhc0RpdmlkZXIgPyBgJHtjYXJkUGFkZGluZyAqIDJ9cHhgIDogdW5kZWZpbmVkfVxuICAgIGJvcmRlclNpZGU9e2hhc0RpdmlkZXIgPyAndG9wJyA6IHVuZGVmaW5lZH1cbiAgPlxuICAgIDxUZXh0IHZhcmlhbnQ9XCJjYXBzXCI+e2NoaWxkcmVufTwvVGV4dD5cbiAgPC9Cb3g+XG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW1EaXZpZGVyID0gKCkgPT4gKFxuICA8Qm94IGhlaWdodD17Y29tcG9uZW50VmFycy5kaXZpZGVyU3Ryb2tlU2l6ZX0gbWFyZ2luWT17MX0gYmFja2dyb3VuZENvbG9yPVwiYm9yZGVyXCIgLz5cbik7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbSA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIGlzU2VsZWN0ZWQsXG4gICAgICBpc0FjdGl2ZSxcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICBpY29uLFxuICAgICAgdmFyaWFudCA9ICduZXV0cmFsJyxcbiAgICAgIGhhc0VsbGlwc2lzLFxuICAgICAgY2hlY2tWYXJpYW50ID0gJ2NoZWNrJyxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IGhhc0NoZWNrID0gY2hlY2tWYXJpYW50ID09PSAnY2hlY2snO1xuICAgIGNvbnN0IGhhc0NoZWNrYm94ID0gY2hlY2tWYXJpYW50ID09PSAnY2hlY2tib3gnO1xuXG4gICAgY29uc3QgZ2V0Q29sdW1ucyA9ICgpID0+IHtcbiAgICAgIGlmIChCb29sZWFuKGljb24pIHx8IGhhc0NoZWNrYm94KSByZXR1cm4gJ2F1dG8gMWZyJztcbiAgICAgIGlmIChoYXNDaGVjaykgcmV0dXJuICcxZnIgYXV0byc7XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8TWVudUl0ZW1Sb290XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICBpc1NlbGVjdGVkPXtpc1NlbGVjdGVkfVxuICAgICAgICBpc0Rpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICBjb2xvcj17dmFyaWFudFN0eWxlc1t2YXJpYW50XS5jb2xvcn1cbiAgICAgICAgaGFzSWNvbj17Qm9vbGVhbihpY29uKX1cbiAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICBiYWNrZ3JvdW5kOiBpc0FjdGl2ZSAmJiB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmJhY2tncm91bmRDb2xvckFjdGl2ZSxcbiAgICAgICAgICBncmlkVGVtcGxhdGVDb2x1bW5zOiBnZXRDb2x1bW5zKCksXG4gICAgICAgIH19XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2hhc0NoZWNrYm94ICYmIDxDaGVja2JveC5Cb3ggY2hlY2tlZD17aXNTZWxlY3RlZH0gZGlzYWJsZWQ9e2lzRGlzYWJsZWR9IC8+fVxuICAgICAgICB7aWNvbiAmJiAoXG4gICAgICAgICAgPEljb25cbiAgICAgICAgICAgIGljb249e2ljb259XG4gICAgICAgICAgICBoYXNFdmVuQm91bmRhcnlcbiAgICAgICAgICAgIGNvbG9yPXtcbiAgICAgICAgICAgICAgaXNBY3RpdmUgPyB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmljb25Db2xvckFjdGl2ZSA6IHZhcmlhbnRTdHlsZXNbdmFyaWFudF0uaWNvbkNvbG9yXG4gICAgICAgICAgICB9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgICAgPEJveCB3aWR0aD1cIjEwMCVcIiBtaW5XaWR0aD1cIjBweFwiIHRhZz1cInNwYW5cIj5cbiAgICAgICAgICA8VGV4dCBoYXNFbGxpcHNpcz17aGFzRWxsaXBzaXN9PntjaGlsZHJlbn08L1RleHQ+XG4gICAgICAgIDwvQm94PlxuICAgICAgICB7aGFzQ2hlY2sgJiYgKFxuICAgICAgICAgIDxCb3ggb3BhY2l0eT17aXNTZWxlY3RlZCA/ICcxJyA6ICcwJ30+XG4gICAgICAgICAgICA8SWNvbiBpY29uPXs8SWNvbkNoZWNrIC8+fSBjb2xvcj17aXNBY3RpdmUgPyAnY29udGVudCcgOiAnaWNvbid9IC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICA8L01lbnVJdGVtUm9vdD5cbiAgICApO1xuICB9LFxuKTtcblxuTWVudUl0ZW0ucHJvcFR5cGVzID0ge1xuICBpc1NlbGVjdGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNBY3RpdmU6IFByb3BUeXBlcy5ib29sLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaWNvbjogUHJvcFR5cGVzLm5vZGUsXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ25ldXRyYWwnLCAnZGFuZ2VyJ10pLFxuICBoYXNFbGxpcHNpczogUHJvcFR5cGVzLmJvb2wsXG4gIGNoZWNrVmFyaWFudDogUHJvcFR5cGVzLm9uZU9mKFsnY2hlY2snLCAnY2hlY2tib3gnLCAnbm9uZSddKSxcbn07XG4iXX0= */")
+    css: /*#__PURE__*/css("padding:", cardPaddingPx, " 0;margin:0;background:", getColor('floatingBackground'), ";z-index:", zIndex, ";box-shadow:", getShadow('m'), ";border-radius:", getRadius('m'), ";overflow:auto;max-height:", maxHeight, ";", !isOpen && "\n          opacity: 0;\n          pointer-events: none;\n        ", ";transition-property:opacity;transition-duration:", getTransition(isOpen ? 'xxFast' : 'xFast'), ";&:focus{outline:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuCard;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0VjIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0RGltZW5zaW9uLCBnZXRSYWRpdXMsIGdldFNoYWRvdywgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBCb3gsIENoZWNrYm94LCBJY29uLCBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBJY29uQ2hlY2sgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzIH0gZnJvbSAnLi9zdHlsZXMnO1xuaW1wb3J0IHsgYXV0b1VwZGF0ZSwgZmxpcCwgc2l6ZSwgdXNlRmxvYXRpbmcgfSBmcm9tICdAZmxvYXRpbmctdWkvcmVhY3QtZG9tLWludGVyYWN0aW9ucyc7XG5cbmNvbnN0IGNhcmRQYWRkaW5nID0gODtcbmNvbnN0IGNhcmRQYWRkaW5nUHggPSBgJHtjYXJkUGFkZGluZ31weGA7XG5jb25zdCBpdGVtWVBhZGRpbmcgPSAxMDtcbmNvbnN0IGl0ZW1YUGFkZGluZyA9IDEyO1xuXG5leHBvcnQgY29uc3QgcGxhY2VtZW50c01hcCA9IHtcbiAgdG9wOiAndG9wJyxcbiAgdG9wU3RhcnQ6ICd0b3Atc3RhcnQnLFxuICB0b3BFbmQ6ICd0b3AtZW5kJyxcbiAgYm90dG9tOiAnYm90dG9tJyxcbiAgYm90dG9tU3RhcnQ6ICdib3R0b20tc3RhcnQnLFxuICBib3R0b21FbmQ6ICdib3R0b20tZW5kJyxcbiAgcmlnaHQ6ICdyaWdodCcsXG4gIHJpZ2h0U3RhcnQ6ICdyaWdodC1zdGFydCcsXG4gIHJpZ2h0RW5kOiAncmlnaHQtZW5kJyxcbiAgbGVmdDogJ2xlZnQnLFxuICBsZWZ0U3RhcnQ6ICdsZWZ0LXN0YXJ0JyxcbiAgbGVmdEVuZDogJ2xlZnQtZW5kJyxcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VNZW51UG9zaXRpb24gPSAoeyBtZW51V2lkdGgsIG1lbnVQbGFjZW1lbnQgfSkgPT4ge1xuICBjb25zdCB7IHgsIHksIHJlZmVyZW5jZSwgZmxvYXRpbmcsIHN0cmF0ZWd5LCByZWZzIH0gPSB1c2VGbG9hdGluZyh7XG4gICAgcGxhY2VtZW50OiBwbGFjZW1lbnRzTWFwW21lbnVQbGFjZW1lbnRdLFxuICAgIHdoaWxlRWxlbWVudHNNb3VudGVkOiBhdXRvVXBkYXRlLFxuICAgIG1pZGRsZXdhcmU6IFtcbiAgICAgIGZsaXAoeyBwYWRkaW5nOiAyNCwgZmxpcEFsaWdubWVudDogZmFsc2UgfSksXG4gICAgICBzaXplKHtcbiAgICAgICAgYXBwbHkoeyByZWN0cywgZWxlbWVudHMgfSkge1xuICAgICAgICAgIGNvbnN0IHdpZHRoID0gZ2V0RGltZW5zaW9uKG1lbnVXaWR0aCkgfHwgYCR7cmVjdHMucmVmZXJlbmNlLndpZHRofXB4YDtcbiAgICAgICAgICBPYmplY3QuYXNzaWduKGVsZW1lbnRzLmZsb2F0aW5nLnN0eWxlLCB7XG4gICAgICAgICAgICB3aWR0aDogd2lkdGgsXG4gICAgICAgICAgfSk7XG4gICAgICAgIH0sXG4gICAgICAgIHBhZGRpbmc6IDI0LFxuICAgICAgfSksXG4gICAgXSxcbiAgfSk7XG5cbiAgY29uc3QgZmxvYXRpbmdTdHlsZXMgPSB7XG4gICAgcG9zaXRpb246IHN0cmF0ZWd5LFxuICAgIHRvcDogeSA/PyAwLFxuICAgIGxlZnQ6IHggPz8gMCxcbiAgICB6SW5kZXg6IDExMDAsXG4gIH07XG5cbiAgcmV0dXJuIHtcbiAgICByZWZzLFxuICAgIHJlZmVyZW5jZSxcbiAgICBmbG9hdGluZyxcbiAgICBmbG9hdGluZ1N0eWxlcyxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBNZW51Q2FyZCA9IGZvcndhcmRSZWYoXG4gICh7IGNoaWxkcmVuLCB6SW5kZXggPSAxLCBwbGFjZW1lbnQsIG1heEhlaWdodCwgaXNPcGVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgICA8dWxcbiAgICAgIHJlZj17cmVmfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHBhZGRpbmc6ICR7Y2FyZFBhZGRpbmdQeH0gMDtcbiAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdmbG9hdGluZ0JhY2tncm91bmQnKX07XG4gICAgICAgIHotaW5kZXg6ICR7ekluZGV4fTtcbiAgICAgICAgYm94LXNoYWRvdzogJHtnZXRTaGFkb3coJ20nKX07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdtJyl9O1xuICAgICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgICAgbWF4LWhlaWdodDogJHttYXhIZWlnaHR9O1xuICAgICAgICAkeyFpc09wZW4gJiZcbiAgICAgICAgYFxuICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgIGB9O1xuICAgICAgICB0cmFuc2l0aW9uLXByb3BlcnR5OiBvcGFjaXR5O1xuICAgICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oaXNPcGVuID8gJ3h4RmFzdCcgOiAneEZhc3QnKX07XG5cbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC91bD5cbiAgKSxcbik7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIG5ldXRyYWw6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3JBY3RpdmU6IGdldENvbG9yKCdmYWRlMScpLFxuICAgIGljb25Db2xvckFjdGl2ZTogZ2V0Q29sb3IoJ2NvbnRlbnQnKSxcbiAgfSxcbiAgZGFuZ2VyOiB7XG4gICAgY29sb3I6IGdldENvbG9yKCdkYW5nZXInKSxcbiAgICBpY29uQ29sb3I6IGNvbXBvbmVudFZhcnMuZGFuZ2VySWNvbkNvbG9yLFxuICAgIGljb25Db2xvckFjdGl2ZTogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICAgIGJhY2tncm91bmRDb2xvckFjdGl2ZTogY29tcG9uZW50VmFycy5jbGVhckJ1dHRvbkRhbmdlckJhY2tncm91bmRIb3ZlcixcbiAgfSxcbn07XG5cbmNvbnN0IE1lbnVJdGVtUm9vdCA9IGZvcndhcmRSZWYoXG4gICh7IGNoaWxkcmVuLCBpc0Rpc2FibGVkLCBoYXNJY29uLCBpc1NlbGVjdGVkLCBjb2xvciwgY29sdW1ucywgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gICAgPGxpXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICAgICAgICBnYXA6IDhweDtcbiAgICAgICAgJHtpc0Rpc2FibGVkICYmIGBjb2xvcjogJHtnZXRDb2xvcignZGlzYWJsZWRDb250ZW50Jyl9YH07XG4gICAgICAgICR7IWlzRGlzYWJsZWQgJiYgYGN1cnNvcjogcG9pbnRlcjtgfTtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBzdGFydDtcbiAgICAgICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICAgICAgcGFkZGluZzogJHtpdGVtWVBhZGRpbmd9cHggJHtpdGVtWFBhZGRpbmd9cHg7XG4gICAgICAgIG1hcmdpbjogMCAke2NhcmRQYWRkaW5nfXB4O1xuICAgICAgICBtaW4taGVpZ2h0OiAke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICAgICAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgICAgICBjb2xvcjogJHtjb2xvcn07XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2xpPlxuICApLFxuKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVHcm91cFRpdGxlID0gKHsgY2hpbGRyZW4sIGhhc0RpdmlkZXIgfSkgPT4gKFxuICA8Qm94XG4gICAgcGFkZGluZ1g9e2Ake2NhcmRQYWRkaW5nICsgaXRlbVhQYWRkaW5nfXB4YH1cbiAgICBwYWRkaW5nQm90dG9tPXtjYXJkUGFkZGluZ1B4fVxuICAgIG1hcmdpblRvcD17Y2FyZFBhZGRpbmdQeH1cbiAgICBwYWRkaW5nVG9wPXtoYXNEaXZpZGVyID8gYCR7Y2FyZFBhZGRpbmcgKiAyfXB4YCA6IHVuZGVmaW5lZH1cbiAgICBib3JkZXJTaWRlPXtoYXNEaXZpZGVyID8gJ3RvcCcgOiB1bmRlZmluZWR9XG4gID5cbiAgICA8VGV4dCB2YXJpYW50PVwiY2Fwc1wiPntjaGlsZHJlbn08L1RleHQ+XG4gIDwvQm94PlxuKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtRGl2aWRlciA9ICgpID0+IChcbiAgPEJveCBoZWlnaHQ9e2NvbXBvbmVudFZhcnMuZGl2aWRlclN0cm9rZVNpemV9IG1hcmdpblk9ezF9IGJhY2tncm91bmRDb2xvcj1cImJvcmRlclwiIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW0gPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICBpc1NlbGVjdGVkLFxuICAgICAgaXNBY3RpdmUsXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaWNvbixcbiAgICAgIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gICAgICBoYXNFbGxpcHNpcyxcbiAgICAgIGNoZWNrVmFyaWFudCA9ICdjaGVjaycsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBoYXNDaGVjayA9IGNoZWNrVmFyaWFudCA9PT0gJ2NoZWNrJztcbiAgICBjb25zdCBoYXNDaGVja2JveCA9IGNoZWNrVmFyaWFudCA9PT0gJ2NoZWNrYm94JztcblxuICAgIGNvbnN0IGdldENvbHVtbnMgPSAoKSA9PiB7XG4gICAgICBpZiAoQm9vbGVhbihpY29uKSB8fCBoYXNDaGVja2JveCkgcmV0dXJuICdhdXRvIDFmcic7XG4gICAgICBpZiAoaGFzQ2hlY2spIHJldHVybiAnMWZyIGF1dG8nO1xuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPE1lbnVJdGVtUm9vdFxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgaXNEaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgY29sb3I9e3ZhcmlhbnRTdHlsZXNbdmFyaWFudF0uY29sb3J9XG4gICAgICAgIGhhc0ljb249e0Jvb2xlYW4oaWNvbil9XG4gICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgYmFja2dyb3VuZDogaXNBY3RpdmUgJiYgdmFyaWFudFN0eWxlc1t2YXJpYW50XS5iYWNrZ3JvdW5kQ29sb3JBY3RpdmUsXG4gICAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1uczogZ2V0Q29sdW1ucygpLFxuICAgICAgICB9fVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtoYXNDaGVja2JveCAmJiA8Q2hlY2tib3guQm94IGNoZWNrZWQ9e2lzU2VsZWN0ZWR9IGRpc2FibGVkPXtpc0Rpc2FibGVkfSAvPn1cbiAgICAgICAge2ljb24gJiYgKFxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBpY29uPXtpY29ufVxuICAgICAgICAgICAgaGFzRXZlbkJvdW5kYXJ5XG4gICAgICAgICAgICBjb2xvcj17XG4gICAgICAgICAgICAgIGlzQWN0aXZlID8gdmFyaWFudFN0eWxlc1t2YXJpYW50XS5pY29uQ29sb3JBY3RpdmUgOiB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmljb25Db2xvclxuICAgICAgICAgICAgfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICAgIDxCb3ggd2lkdGg9XCIxMDAlXCIgbWluV2lkdGg9XCIwcHhcIiB0YWc9XCJzcGFuXCI+XG4gICAgICAgICAgPFRleHQgaGFzRWxsaXBzaXM9e2hhc0VsbGlwc2lzfT57Y2hpbGRyZW59PC9UZXh0PlxuICAgICAgICA8L0JveD5cbiAgICAgICAge2hhc0NoZWNrICYmIChcbiAgICAgICAgICA8Qm94IG9wYWNpdHk9e2lzU2VsZWN0ZWQgPyAnMScgOiAnMCd9PlxuICAgICAgICAgICAgPEljb24gaWNvbj17PEljb25DaGVjayAvPn0gY29sb3I9e2lzQWN0aXZlID8gJ2NvbnRlbnQnIDogJ2ljb24nfSAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9NZW51SXRlbVJvb3Q+XG4gICAgKTtcbiAgfSxcbik7XG5cbk1lbnVJdGVtLnByb3BUeXBlcyA9IHtcbiAgaXNTZWxlY3RlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWyduZXV0cmFsJywgJ2RhbmdlciddKSxcbiAgaGFzRWxsaXBzaXM6IFByb3BUeXBlcy5ib29sLFxuICBjaGVja1ZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ2NoZWNrJywgJ2NoZWNrYm94JywgJ25vbmUnXSksXG59O1xuIl19 */")
   }, props), children);
 });
 var variantStyles = {
@@ -116,7 +118,7 @@ var MenuItemRoot = /*#__PURE__*/forwardRef(function (_ref4, ref) {
 
   return ___EmotionJSX("li", _extends({
     ref: ref,
-    css: /*#__PURE__*/css("display:grid;grid-auto-flow:column;gap:8px;", isDisabled && "color: ".concat(getColor('disabledContent')), ";", !isDisabled && "cursor: pointer;", ";align-items:center;justify-content:start;list-style:none;padding:", itemYPadding, "px ", itemXPadding, "px;margin:0 ", cardPadding, "px;min-height:", componentVars.textBoxHeight, ";border-radius:", getRadius('s'), ";appearance:none;color:", color, ";visibility:initial;" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuItemRoot;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0djIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0RGltZW5zaW9uLCBnZXRSYWRpdXMsIGdldFNoYWRvdywgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBCb3gsIENoZWNrYm94LCBJY29uLCBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBJY29uQ2hlY2sgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzIH0gZnJvbSAnLi9zdHlsZXMnO1xuaW1wb3J0IHsgYXV0b1VwZGF0ZSwgZmxpcCwgc2l6ZSwgdXNlRmxvYXRpbmcgfSBmcm9tICdAZmxvYXRpbmctdWkvcmVhY3QtZG9tLWludGVyYWN0aW9ucyc7XG5cbmNvbnN0IGNhcmRQYWRkaW5nID0gODtcbmNvbnN0IGNhcmRQYWRkaW5nUHggPSBgJHtjYXJkUGFkZGluZ31weGA7XG5jb25zdCBpdGVtWVBhZGRpbmcgPSAxMDtcbmNvbnN0IGl0ZW1YUGFkZGluZyA9IDEyO1xuXG5leHBvcnQgY29uc3QgcGxhY2VtZW50c01hcCA9IHtcbiAgdG9wOiAndG9wJyxcbiAgdG9wU3RhcnQ6ICd0b3Atc3RhcnQnLFxuICB0b3BFbmQ6ICd0b3AtZW5kJyxcbiAgYm90dG9tOiAnYm90dG9tJyxcbiAgYm90dG9tU3RhcnQ6ICdib3R0b20tc3RhcnQnLFxuICBib3R0b21FbmQ6ICdib3R0b20tZW5kJyxcbiAgcmlnaHQ6ICdyaWdodCcsXG4gIHJpZ2h0U3RhcnQ6ICdyaWdodC1zdGFydCcsXG4gIHJpZ2h0RW5kOiAncmlnaHQtZW5kJyxcbiAgbGVmdDogJ2xlZnQnLFxuICBsZWZ0U3RhcnQ6ICdsZWZ0LXN0YXJ0JyxcbiAgbGVmdEVuZDogJ2xlZnQtZW5kJyxcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VNZW51UG9zaXRpb24gPSAoeyBtZW51V2lkdGgsIG1lbnVQbGFjZW1lbnQgfSkgPT4ge1xuICBjb25zdCB7IHgsIHksIHJlZmVyZW5jZSwgZmxvYXRpbmcsIHN0cmF0ZWd5IH0gPSB1c2VGbG9hdGluZyh7XG4gICAgcGxhY2VtZW50OiBwbGFjZW1lbnRzTWFwW21lbnVQbGFjZW1lbnRdLFxuICAgIHdoaWxlRWxlbWVudHNNb3VudGVkOiBhdXRvVXBkYXRlLFxuICAgIG1pZGRsZXdhcmU6IFtcbiAgICAgIGZsaXAoeyBwYWRkaW5nOiAyNCwgZmxpcEFsaWdubWVudDogZmFsc2UgfSksXG4gICAgICBzaXplKHtcbiAgICAgICAgYXBwbHkoeyByZWN0cywgZWxlbWVudHMgfSkge1xuICAgICAgICAgIGNvbnN0IHdpZHRoID0gZ2V0RGltZW5zaW9uKG1lbnVXaWR0aCkgfHwgYCR7cmVjdHMucmVmZXJlbmNlLndpZHRofXB4YDtcbiAgICAgICAgICBPYmplY3QuYXNzaWduKGVsZW1lbnRzLmZsb2F0aW5nLnN0eWxlLCB7XG4gICAgICAgICAgICB3aWR0aDogd2lkdGgsXG4gICAgICAgICAgfSk7XG4gICAgICAgIH0sXG4gICAgICAgIHBhZGRpbmc6IDI0LFxuICAgICAgfSksXG4gICAgXSxcbiAgfSk7XG5cbiAgY29uc3QgZmxvYXRpbmdTdHlsZXMgPSB7XG4gICAgcG9zaXRpb246IHN0cmF0ZWd5LFxuICAgIHRvcDogeSA/PyAwLFxuICAgIGxlZnQ6IHggPz8gMCxcbiAgICB6SW5kZXg6IDExMDAsXG4gIH07XG5cbiAgcmV0dXJuIHtcbiAgICByZWZlcmVuY2UsXG4gICAgZmxvYXRpbmcsXG4gICAgZmxvYXRpbmdTdHlsZXMsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgTWVudUNhcmQgPSBmb3J3YXJkUmVmKFxuICAoeyBjaGlsZHJlbiwgekluZGV4ID0gMSwgcGxhY2VtZW50LCBtYXhIZWlnaHQsIGlzT3BlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gICAgPHVsXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwYWRkaW5nOiAke2NhcmRQYWRkaW5nUHh9IDA7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignZmxvYXRpbmdCYWNrZ3JvdW5kJyl9O1xuICAgICAgICB6LWluZGV4OiAke3pJbmRleH07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7Z2V0U2hhZG93KCdtJyl9O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygnbScpfTtcbiAgICAgICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgICAgIG1heC1oZWlnaHQ6ICR7bWF4SGVpZ2h0fTtcbiAgICAgICAgJHshaXNPcGVuICYmXG4gICAgICAgIGBcbiAgICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICAgICAgYH07XG4gICAgICAgIHRyYW5zaXRpb24tcHJvcGVydHk6IG9wYWNpdHk7XG4gICAgICAgIHRyYW5zaXRpb24tZHVyYXRpb246ICR7Z2V0VHJhbnNpdGlvbihpc09wZW4gPyAneHhGYXN0JyA6ICd4RmFzdCcpfTtcblxuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L3VsPlxuICApLFxuKTtcblxuY29uc3QgdmFyaWFudFN0eWxlcyA9IHtcbiAgbmV1dHJhbDoge1xuICAgIGJhY2tncm91bmRDb2xvckFjdGl2ZTogZ2V0Q29sb3IoJ2ZhZGUxJyksXG4gICAgaWNvbkNvbG9yQWN0aXZlOiBnZXRDb2xvcignY29udGVudCcpLFxuICB9LFxuICBkYW5nZXI6IHtcbiAgICBjb2xvcjogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICAgIGljb25Db2xvcjogY29tcG9uZW50VmFycy5kYW5nZXJJY29uQ29sb3IsXG4gICAgaWNvbkNvbG9yQWN0aXZlOiBnZXRDb2xvcignZGFuZ2VyJyksXG4gICAgYmFja2dyb3VuZENvbG9yQWN0aXZlOiBjb21wb25lbnRWYXJzLmNsZWFyQnV0dG9uRGFuZ2VyQmFja2dyb3VuZEhvdmVyLFxuICB9LFxufTtcblxuY29uc3QgTWVudUl0ZW1Sb290ID0gZm9yd2FyZFJlZihcbiAgKHsgY2hpbGRyZW4sIGlzRGlzYWJsZWQsIGhhc0ljb24sIGlzU2VsZWN0ZWQsIGNvbG9yLCBjb2x1bW5zLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgICA8bGlcbiAgICAgIHJlZj17cmVmfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gICAgICAgIGdhcDogOHB4O1xuICAgICAgICAke2lzRGlzYWJsZWQgJiYgYGNvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZENvbnRlbnQnKX1gfTtcbiAgICAgICAgJHshaXNEaXNhYmxlZCAmJiBgY3Vyc29yOiBwb2ludGVyO2B9O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHN0YXJ0O1xuICAgICAgICBsaXN0LXN0eWxlOiBub25lO1xuICAgICAgICBwYWRkaW5nOiAke2l0ZW1ZUGFkZGluZ31weCAke2l0ZW1YUGFkZGluZ31weDtcbiAgICAgICAgbWFyZ2luOiAwICR7Y2FyZFBhZGRpbmd9cHg7XG4gICAgICAgIG1pbi1oZWlnaHQ6ICR7Y29tcG9uZW50VmFycy50ZXh0Qm94SGVpZ2h0fTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gICAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICAgIGNvbG9yOiAke2NvbG9yfTtcbiAgICAgICAgdmlzaWJpbGl0eTogaW5pdGlhbDtcbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvbGk+XG4gICksXG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUdyb3VwVGl0bGUgPSAoeyBjaGlsZHJlbiwgaGFzRGl2aWRlciB9KSA9PiAoXG4gIDxCb3hcbiAgICBwYWRkaW5nWD17YCR7Y2FyZFBhZGRpbmcgKyBpdGVtWFBhZGRpbmd9cHhgfVxuICAgIHBhZGRpbmdCb3R0b209e2NhcmRQYWRkaW5nUHh9XG4gICAgbWFyZ2luVG9wPXtjYXJkUGFkZGluZ1B4fVxuICAgIHBhZGRpbmdUb3A9e2hhc0RpdmlkZXIgPyBgJHtjYXJkUGFkZGluZyAqIDJ9cHhgIDogdW5kZWZpbmVkfVxuICAgIGJvcmRlclNpZGU9e2hhc0RpdmlkZXIgPyAndG9wJyA6IHVuZGVmaW5lZH1cbiAgPlxuICAgIDxUZXh0IHZhcmlhbnQ9XCJjYXBzXCI+e2NoaWxkcmVufTwvVGV4dD5cbiAgPC9Cb3g+XG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW1EaXZpZGVyID0gKCkgPT4gKFxuICA8Qm94IGhlaWdodD17Y29tcG9uZW50VmFycy5kaXZpZGVyU3Ryb2tlU2l6ZX0gbWFyZ2luWT17MX0gYmFja2dyb3VuZENvbG9yPVwiYm9yZGVyXCIgLz5cbik7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbSA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIGlzU2VsZWN0ZWQsXG4gICAgICBpc0FjdGl2ZSxcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICBpY29uLFxuICAgICAgdmFyaWFudCA9ICduZXV0cmFsJyxcbiAgICAgIGhhc0VsbGlwc2lzLFxuICAgICAgY2hlY2tWYXJpYW50ID0gJ2NoZWNrJyxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IGhhc0NoZWNrID0gY2hlY2tWYXJpYW50ID09PSAnY2hlY2snO1xuICAgIGNvbnN0IGhhc0NoZWNrYm94ID0gY2hlY2tWYXJpYW50ID09PSAnY2hlY2tib3gnO1xuXG4gICAgY29uc3QgZ2V0Q29sdW1ucyA9ICgpID0+IHtcbiAgICAgIGlmIChCb29sZWFuKGljb24pIHx8IGhhc0NoZWNrYm94KSByZXR1cm4gJ2F1dG8gMWZyJztcbiAgICAgIGlmIChoYXNDaGVjaykgcmV0dXJuICcxZnIgYXV0byc7XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8TWVudUl0ZW1Sb290XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICBpc1NlbGVjdGVkPXtpc1NlbGVjdGVkfVxuICAgICAgICBpc0Rpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICBjb2xvcj17dmFyaWFudFN0eWxlc1t2YXJpYW50XS5jb2xvcn1cbiAgICAgICAgaGFzSWNvbj17Qm9vbGVhbihpY29uKX1cbiAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICBiYWNrZ3JvdW5kOiBpc0FjdGl2ZSAmJiB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmJhY2tncm91bmRDb2xvckFjdGl2ZSxcbiAgICAgICAgICBncmlkVGVtcGxhdGVDb2x1bW5zOiBnZXRDb2x1bW5zKCksXG4gICAgICAgIH19XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2hhc0NoZWNrYm94ICYmIDxDaGVja2JveC5Cb3ggY2hlY2tlZD17aXNTZWxlY3RlZH0gZGlzYWJsZWQ9e2lzRGlzYWJsZWR9IC8+fVxuICAgICAgICB7aWNvbiAmJiAoXG4gICAgICAgICAgPEljb25cbiAgICAgICAgICAgIGljb249e2ljb259XG4gICAgICAgICAgICBoYXNFdmVuQm91bmRhcnlcbiAgICAgICAgICAgIGNvbG9yPXtcbiAgICAgICAgICAgICAgaXNBY3RpdmUgPyB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmljb25Db2xvckFjdGl2ZSA6IHZhcmlhbnRTdHlsZXNbdmFyaWFudF0uaWNvbkNvbG9yXG4gICAgICAgICAgICB9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgICAgPEJveCB3aWR0aD1cIjEwMCVcIiBtaW5XaWR0aD1cIjBweFwiIHRhZz1cInNwYW5cIj5cbiAgICAgICAgICA8VGV4dCBoYXNFbGxpcHNpcz17aGFzRWxsaXBzaXN9PntjaGlsZHJlbn08L1RleHQ+XG4gICAgICAgIDwvQm94PlxuICAgICAgICB7aGFzQ2hlY2sgJiYgKFxuICAgICAgICAgIDxCb3ggb3BhY2l0eT17aXNTZWxlY3RlZCA/ICcxJyA6ICcwJ30+XG4gICAgICAgICAgICA8SWNvbiBpY29uPXs8SWNvbkNoZWNrIC8+fSBjb2xvcj17aXNBY3RpdmUgPyAnY29udGVudCcgOiAnaWNvbid9IC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICA8L01lbnVJdGVtUm9vdD5cbiAgICApO1xuICB9LFxuKTtcblxuTWVudUl0ZW0ucHJvcFR5cGVzID0ge1xuICBpc1NlbGVjdGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNBY3RpdmU6IFByb3BUeXBlcy5ib29sLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaWNvbjogUHJvcFR5cGVzLm5vZGUsXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ25ldXRyYWwnLCAnZGFuZ2VyJ10pLFxuICBoYXNFbGxpcHNpczogUHJvcFR5cGVzLmJvb2wsXG4gIGNoZWNrVmFyaWFudDogUHJvcFR5cGVzLm9uZU9mKFsnY2hlY2snLCAnY2hlY2tib3gnLCAnbm9uZSddKSxcbn07XG4iXX0= */")
+    css: /*#__PURE__*/css("display:grid;grid-auto-flow:column;gap:8px;", isDisabled && "color: ".concat(getColor('disabledContent')), ";", !isDisabled && "cursor: pointer;", ";align-items:center;justify-content:start;list-style:none;padding:", itemYPadding, "px ", itemXPadding, "px;margin:0 ", cardPadding, "px;min-height:", componentVars.textBoxHeight, ";border-radius:", getRadius('s'), ";appearance:none;color:", color, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuItemRoot;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0djIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0RGltZW5zaW9uLCBnZXRSYWRpdXMsIGdldFNoYWRvdywgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBCb3gsIENoZWNrYm94LCBJY29uLCBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBJY29uQ2hlY2sgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzIH0gZnJvbSAnLi9zdHlsZXMnO1xuaW1wb3J0IHsgYXV0b1VwZGF0ZSwgZmxpcCwgc2l6ZSwgdXNlRmxvYXRpbmcgfSBmcm9tICdAZmxvYXRpbmctdWkvcmVhY3QtZG9tLWludGVyYWN0aW9ucyc7XG5cbmNvbnN0IGNhcmRQYWRkaW5nID0gODtcbmNvbnN0IGNhcmRQYWRkaW5nUHggPSBgJHtjYXJkUGFkZGluZ31weGA7XG5jb25zdCBpdGVtWVBhZGRpbmcgPSAxMDtcbmNvbnN0IGl0ZW1YUGFkZGluZyA9IDEyO1xuXG5leHBvcnQgY29uc3QgcGxhY2VtZW50c01hcCA9IHtcbiAgdG9wOiAndG9wJyxcbiAgdG9wU3RhcnQ6ICd0b3Atc3RhcnQnLFxuICB0b3BFbmQ6ICd0b3AtZW5kJyxcbiAgYm90dG9tOiAnYm90dG9tJyxcbiAgYm90dG9tU3RhcnQ6ICdib3R0b20tc3RhcnQnLFxuICBib3R0b21FbmQ6ICdib3R0b20tZW5kJyxcbiAgcmlnaHQ6ICdyaWdodCcsXG4gIHJpZ2h0U3RhcnQ6ICdyaWdodC1zdGFydCcsXG4gIHJpZ2h0RW5kOiAncmlnaHQtZW5kJyxcbiAgbGVmdDogJ2xlZnQnLFxuICBsZWZ0U3RhcnQ6ICdsZWZ0LXN0YXJ0JyxcbiAgbGVmdEVuZDogJ2xlZnQtZW5kJyxcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VNZW51UG9zaXRpb24gPSAoeyBtZW51V2lkdGgsIG1lbnVQbGFjZW1lbnQgfSkgPT4ge1xuICBjb25zdCB7IHgsIHksIHJlZmVyZW5jZSwgZmxvYXRpbmcsIHN0cmF0ZWd5LCByZWZzIH0gPSB1c2VGbG9hdGluZyh7XG4gICAgcGxhY2VtZW50OiBwbGFjZW1lbnRzTWFwW21lbnVQbGFjZW1lbnRdLFxuICAgIHdoaWxlRWxlbWVudHNNb3VudGVkOiBhdXRvVXBkYXRlLFxuICAgIG1pZGRsZXdhcmU6IFtcbiAgICAgIGZsaXAoeyBwYWRkaW5nOiAyNCwgZmxpcEFsaWdubWVudDogZmFsc2UgfSksXG4gICAgICBzaXplKHtcbiAgICAgICAgYXBwbHkoeyByZWN0cywgZWxlbWVudHMgfSkge1xuICAgICAgICAgIGNvbnN0IHdpZHRoID0gZ2V0RGltZW5zaW9uKG1lbnVXaWR0aCkgfHwgYCR7cmVjdHMucmVmZXJlbmNlLndpZHRofXB4YDtcbiAgICAgICAgICBPYmplY3QuYXNzaWduKGVsZW1lbnRzLmZsb2F0aW5nLnN0eWxlLCB7XG4gICAgICAgICAgICB3aWR0aDogd2lkdGgsXG4gICAgICAgICAgfSk7XG4gICAgICAgIH0sXG4gICAgICAgIHBhZGRpbmc6IDI0LFxuICAgICAgfSksXG4gICAgXSxcbiAgfSk7XG5cbiAgY29uc3QgZmxvYXRpbmdTdHlsZXMgPSB7XG4gICAgcG9zaXRpb246IHN0cmF0ZWd5LFxuICAgIHRvcDogeSA/PyAwLFxuICAgIGxlZnQ6IHggPz8gMCxcbiAgICB6SW5kZXg6IDExMDAsXG4gIH07XG5cbiAgcmV0dXJuIHtcbiAgICByZWZzLFxuICAgIHJlZmVyZW5jZSxcbiAgICBmbG9hdGluZyxcbiAgICBmbG9hdGluZ1N0eWxlcyxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBNZW51Q2FyZCA9IGZvcndhcmRSZWYoXG4gICh7IGNoaWxkcmVuLCB6SW5kZXggPSAxLCBwbGFjZW1lbnQsIG1heEhlaWdodCwgaXNPcGVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgICA8dWxcbiAgICAgIHJlZj17cmVmfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHBhZGRpbmc6ICR7Y2FyZFBhZGRpbmdQeH0gMDtcbiAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdmbG9hdGluZ0JhY2tncm91bmQnKX07XG4gICAgICAgIHotaW5kZXg6ICR7ekluZGV4fTtcbiAgICAgICAgYm94LXNoYWRvdzogJHtnZXRTaGFkb3coJ20nKX07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdtJyl9O1xuICAgICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgICAgbWF4LWhlaWdodDogJHttYXhIZWlnaHR9O1xuICAgICAgICAkeyFpc09wZW4gJiZcbiAgICAgICAgYFxuICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgIGB9O1xuICAgICAgICB0cmFuc2l0aW9uLXByb3BlcnR5OiBvcGFjaXR5O1xuICAgICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oaXNPcGVuID8gJ3h4RmFzdCcgOiAneEZhc3QnKX07XG5cbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC91bD5cbiAgKSxcbik7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIG5ldXRyYWw6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3JBY3RpdmU6IGdldENvbG9yKCdmYWRlMScpLFxuICAgIGljb25Db2xvckFjdGl2ZTogZ2V0Q29sb3IoJ2NvbnRlbnQnKSxcbiAgfSxcbiAgZGFuZ2VyOiB7XG4gICAgY29sb3I6IGdldENvbG9yKCdkYW5nZXInKSxcbiAgICBpY29uQ29sb3I6IGNvbXBvbmVudFZhcnMuZGFuZ2VySWNvbkNvbG9yLFxuICAgIGljb25Db2xvckFjdGl2ZTogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICAgIGJhY2tncm91bmRDb2xvckFjdGl2ZTogY29tcG9uZW50VmFycy5jbGVhckJ1dHRvbkRhbmdlckJhY2tncm91bmRIb3ZlcixcbiAgfSxcbn07XG5cbmNvbnN0IE1lbnVJdGVtUm9vdCA9IGZvcndhcmRSZWYoXG4gICh7IGNoaWxkcmVuLCBpc0Rpc2FibGVkLCBoYXNJY29uLCBpc1NlbGVjdGVkLCBjb2xvciwgY29sdW1ucywgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gICAgPGxpXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICAgICAgICBnYXA6IDhweDtcbiAgICAgICAgJHtpc0Rpc2FibGVkICYmIGBjb2xvcjogJHtnZXRDb2xvcignZGlzYWJsZWRDb250ZW50Jyl9YH07XG4gICAgICAgICR7IWlzRGlzYWJsZWQgJiYgYGN1cnNvcjogcG9pbnRlcjtgfTtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBzdGFydDtcbiAgICAgICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICAgICAgcGFkZGluZzogJHtpdGVtWVBhZGRpbmd9cHggJHtpdGVtWFBhZGRpbmd9cHg7XG4gICAgICAgIG1hcmdpbjogMCAke2NhcmRQYWRkaW5nfXB4O1xuICAgICAgICBtaW4taGVpZ2h0OiAke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICAgICAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgICAgICBjb2xvcjogJHtjb2xvcn07XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2xpPlxuICApLFxuKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVHcm91cFRpdGxlID0gKHsgY2hpbGRyZW4sIGhhc0RpdmlkZXIgfSkgPT4gKFxuICA8Qm94XG4gICAgcGFkZGluZ1g9e2Ake2NhcmRQYWRkaW5nICsgaXRlbVhQYWRkaW5nfXB4YH1cbiAgICBwYWRkaW5nQm90dG9tPXtjYXJkUGFkZGluZ1B4fVxuICAgIG1hcmdpblRvcD17Y2FyZFBhZGRpbmdQeH1cbiAgICBwYWRkaW5nVG9wPXtoYXNEaXZpZGVyID8gYCR7Y2FyZFBhZGRpbmcgKiAyfXB4YCA6IHVuZGVmaW5lZH1cbiAgICBib3JkZXJTaWRlPXtoYXNEaXZpZGVyID8gJ3RvcCcgOiB1bmRlZmluZWR9XG4gID5cbiAgICA8VGV4dCB2YXJpYW50PVwiY2Fwc1wiPntjaGlsZHJlbn08L1RleHQ+XG4gIDwvQm94PlxuKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtRGl2aWRlciA9ICgpID0+IChcbiAgPEJveCBoZWlnaHQ9e2NvbXBvbmVudFZhcnMuZGl2aWRlclN0cm9rZVNpemV9IG1hcmdpblk9ezF9IGJhY2tncm91bmRDb2xvcj1cImJvcmRlclwiIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW0gPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICBpc1NlbGVjdGVkLFxuICAgICAgaXNBY3RpdmUsXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaWNvbixcbiAgICAgIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gICAgICBoYXNFbGxpcHNpcyxcbiAgICAgIGNoZWNrVmFyaWFudCA9ICdjaGVjaycsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBoYXNDaGVjayA9IGNoZWNrVmFyaWFudCA9PT0gJ2NoZWNrJztcbiAgICBjb25zdCBoYXNDaGVja2JveCA9IGNoZWNrVmFyaWFudCA9PT0gJ2NoZWNrYm94JztcblxuICAgIGNvbnN0IGdldENvbHVtbnMgPSAoKSA9PiB7XG4gICAgICBpZiAoQm9vbGVhbihpY29uKSB8fCBoYXNDaGVja2JveCkgcmV0dXJuICdhdXRvIDFmcic7XG4gICAgICBpZiAoaGFzQ2hlY2spIHJldHVybiAnMWZyIGF1dG8nO1xuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPE1lbnVJdGVtUm9vdFxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgaXNEaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgY29sb3I9e3ZhcmlhbnRTdHlsZXNbdmFyaWFudF0uY29sb3J9XG4gICAgICAgIGhhc0ljb249e0Jvb2xlYW4oaWNvbil9XG4gICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgYmFja2dyb3VuZDogaXNBY3RpdmUgJiYgdmFyaWFudFN0eWxlc1t2YXJpYW50XS5iYWNrZ3JvdW5kQ29sb3JBY3RpdmUsXG4gICAgICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1uczogZ2V0Q29sdW1ucygpLFxuICAgICAgICB9fVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtoYXNDaGVja2JveCAmJiA8Q2hlY2tib3guQm94IGNoZWNrZWQ9e2lzU2VsZWN0ZWR9IGRpc2FibGVkPXtpc0Rpc2FibGVkfSAvPn1cbiAgICAgICAge2ljb24gJiYgKFxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBpY29uPXtpY29ufVxuICAgICAgICAgICAgaGFzRXZlbkJvdW5kYXJ5XG4gICAgICAgICAgICBjb2xvcj17XG4gICAgICAgICAgICAgIGlzQWN0aXZlID8gdmFyaWFudFN0eWxlc1t2YXJpYW50XS5pY29uQ29sb3JBY3RpdmUgOiB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmljb25Db2xvclxuICAgICAgICAgICAgfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICAgIDxCb3ggd2lkdGg9XCIxMDAlXCIgbWluV2lkdGg9XCIwcHhcIiB0YWc9XCJzcGFuXCI+XG4gICAgICAgICAgPFRleHQgaGFzRWxsaXBzaXM9e2hhc0VsbGlwc2lzfT57Y2hpbGRyZW59PC9UZXh0PlxuICAgICAgICA8L0JveD5cbiAgICAgICAge2hhc0NoZWNrICYmIChcbiAgICAgICAgICA8Qm94IG9wYWNpdHk9e2lzU2VsZWN0ZWQgPyAnMScgOiAnMCd9PlxuICAgICAgICAgICAgPEljb24gaWNvbj17PEljb25DaGVjayAvPn0gY29sb3I9e2lzQWN0aXZlID8gJ2NvbnRlbnQnIDogJ2ljb24nfSAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9NZW51SXRlbVJvb3Q+XG4gICAgKTtcbiAgfSxcbik7XG5cbk1lbnVJdGVtLnByb3BUeXBlcyA9IHtcbiAgaXNTZWxlY3RlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWyduZXV0cmFsJywgJ2RhbmdlciddKSxcbiAgaGFzRWxsaXBzaXM6IFByb3BUeXBlcy5ib29sLFxuICBjaGVja1ZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ2NoZWNrJywgJ2NoZWNrYm94JywgJ25vbmUnXSksXG59O1xuIl19 */")
   }, props), children);
 });
 export var MenuGroupTitle = function MenuGroupTitle(_ref5) {

package/package.json

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