@flodesk/grain 6.7.0 → 6.8.0

package/es/components/autocomplete.js

@@ -34,7 +34,8 @@ import { Icon, Box, Text } from '.';
 import { IconChevronDown } from '../icons';
 import { Combobox } from '@headlessui/react';
 import { defaultProps, types } from '../types';
-import { InputField, MenuCard, MenuItem, MenuGroupTitle, FieldLabel, MenuTransition, fieldVars, FieldHint } from '../foundational';
+import { InputField, MenuCard, MenuItem, MenuGroupTitle, FieldLabel, fieldVars, FieldHint } from '../foundational';
+import { MenuCardController, useMenuPosition } from '../foundational/menu';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var Trigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var props = Object.assign({}, _ref);
@@ -86,8 +87,7 @@ export var Autocomplete = function Autocomplete(_ref2) {
       onChange = _ref2.onChange,
       _ref2$menuPlacement = _ref2.menuPlacement,
       menuPlacement = _ref2$menuPlacement === void 0 ? defaultProps.menuPlacement : _ref2$menuPlacement,
-      _ref2$menuWidth = _ref2.menuWidth,
-      menuWidth = _ref2$menuWidth === void 0 ? '100%' : _ref2$menuWidth,
+      menuWidth = _ref2.menuWidth,
       _ref2$menuMaxHeight = _ref2.menuMaxHeight,
       menuMaxHeight = _ref2$menuMaxHeight === void 0 ? defaultProps.menuMaxHeight : _ref2$menuMaxHeight,
       menuZIndex = _ref2.menuZIndex,
@@ -113,6 +113,15 @@ export var Autocomplete = function Autocomplete(_ref2) {
       return option.value === value;
     });
   }, [options, value]);
+
+  var _useMenuPosition = useMenuPosition({
+    menuWidth: menuWidth,
+    menuPlacement: menuPlacement
+  }),
+      reference = _useMenuPosition.reference,
+      floating = _useMenuPosition.floating,
+      floatingStyles = _useMenuPosition.floatingStyles;
+
   return ___EmotionJSX("div", null, ___EmotionJSX(Combobox, {
     value: selectedOption,
     onChange: handleChange
@@ -120,7 +129,8 @@ export var Autocomplete = function Autocomplete(_ref2) {
     as: FieldLabel
   }, label), hint && ___EmotionJSX(FieldHint, null, hint), ___EmotionJSX(Box, {
     position: "relative",
-    marginTop: fieldMarginTop
+    marginTop: fieldMarginTop,
+    ref: reference
   }, ___EmotionJSX(Combobox.Button, {
     as: Trigger
   }, ___EmotionJSX(Combobox.Input, {
@@ -134,12 +144,13 @@ export var Autocomplete = function Autocomplete(_ref2) {
       return option && option.content;
     },
     paddingRight: "32px"
-  }), ___EmotionJSX(ExpandIcon, null)), ___EmotionJSX(MenuTransition, null, ___EmotionJSX(Combobox.Options, {
+  }), ___EmotionJSX(ExpandIcon, null)), ___EmotionJSX(MenuCardController, null, ___EmotionJSX(Combobox.Options, {
+    ref: floating,
     placement: menuPlacement,
-    width: menuWidth,
     maxHeight: menuMaxHeight,
     as: MenuCard,
-    zIndex: menuZIndex
+    zIndex: menuZIndex,
+    style: floatingStyles
   }, filteredOptions.map(function (option, index) {
     var showGroupTitle = getShowGroupTitle(index, option, filteredOptions);
     return ___EmotionJSX(Fragment, {

package/es/components/dropdown.js

@@ -7,7 +7,8 @@ import React, { Fragment } from 'react';
 import { Box } from '.';
 import { Menu } from '@headlessui/react';
 import { types } from '../types';
-import { MenuCard, MenuItem, MenuTransition } from '../foundational';
+import { MenuCard, MenuItem } from '../foundational';
+import { MenuCardController, useMenuPosition } from '../foundational/menu';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var Root = function Root(_ref) {
@@ -23,18 +24,29 @@ export var Dropdown = function Dropdown(_ref2) {
       _ref2$menuPlacement = _ref2.menuPlacement,
       menuPlacement = _ref2$menuPlacement === void 0 ? 'bottomStart' : _ref2$menuPlacement,
       _ref2$menuWidth = _ref2.menuWidth,
-      menuWidth = _ref2$menuWidth === void 0 ? 24 : _ref2$menuWidth,
+      menuWidth = _ref2$menuWidth === void 0 ? '192px' : _ref2$menuWidth,
       menuZIndex = _ref2.menuZIndex,
       trigger = _ref2.trigger;
+
+  var _useMenuPosition = useMenuPosition({
+    menuWidth: menuWidth,
+    menuPlacement: menuPlacement
+  }),
+      reference = _useMenuPosition.reference,
+      floating = _useMenuPosition.floating,
+      floatingStyles = _useMenuPosition.floatingStyles;
+
   return ___EmotionJSX(Menu, {
     as: Root
   }, ___EmotionJSX(Menu.Button, {
-    as: Fragment
-  }, trigger), ___EmotionJSX(MenuTransition, null, ___EmotionJSX(Menu.Items, {
+    as: Fragment,
+    ref: reference
+  }, trigger), ___EmotionJSX(MenuCardController, null, ___EmotionJSX(Menu.Items, {
+    ref: floating,
     as: MenuCard,
     placement: menuPlacement,
-    width: menuWidth,
-    zIndex: menuZIndex
+    zIndex: menuZIndex,
+    style: floatingStyles
   }, options.map(function (option, index) {
     return ___EmotionJSX(Menu.Item, {
       key: index

package/es/components/modal.js

@@ -27,7 +27,6 @@ import { css } from '@emotion/react';
 import { IconButton } from './icon-button';
 import { IconCross } from '../icons';
 import { types } from '../types';
-import { useHasOverflow } from '../hooks/useHasOverflow';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var modalZIndex = 1099;
 var ModalCard = /*#__PURE__*/forwardRef(function (_ref3, ref) {
@@ -37,22 +36,17 @@ var ModalCard = /*#__PURE__*/forwardRef(function (_ref3, ref) {
       onCloseClick = _ref3.onCloseClick,
       props = _objectWithoutProperties(_ref3, _excluded);
 
-  var _useHasOverflow = useHasOverflow(),
-      hasOverflow = _useHasOverflow.hasOverflow,
-      elementRef = _useHasOverflow.elementRef;
-
   return ___EmotionJSX(Box, _extends({
     maxWidth: cardMaxWidth,
     width: "100%",
     position: "relative",
     radius: "m",
-    overflow: hasOverflow ? 'hidden' : undefined,
+    overflow: "hidden",
     ref: ref,
     backgroundColor: "background",
     shadow: "l"
   }, props), ___EmotionJSX(Box, {
-    ref: elementRef,
-    overflow: hasOverflow ? 'auto' : undefined,
+    overflow: "auto",
     maxHeight: "90vh"
   }, ___EmotionJSX(Box, {
     padding: cardPadding
@@ -72,7 +66,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
 } : {
   name: "xkiag4-Title",
   styles: "margin:0;label:Title;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFsLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQ1kiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbW9kYWwuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IERpYWxvZywgVHJhbnNpdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IEJveCB9IGZyb20gJy4vYm94JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuL3RleHQnO1xuaW1wb3J0IHsgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSAnLi9pY29uLWJ1dHRvbic7XG5pbXBvcnQgeyBJY29uQ3Jvc3MgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IHVzZUhhc092ZXJmbG93IH0gZnJvbSAnLi4vaG9va3MvdXNlSGFzT3ZlcmZsb3cnO1xuXG5jb25zdCBtb2RhbFpJbmRleCA9IDEwOTk7XG5cbmNvbnN0IE1vZGFsQ2FyZCA9IGZvcndhcmRSZWYoXG4gICh7IGNhcmRQYWRkaW5nLCBjYXJkTWF4V2lkdGgsIGNoaWxkcmVuLCBvbkNsb3NlQ2xpY2ssIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICAgIGNvbnN0IHsgaGFzT3ZlcmZsb3csIGVsZW1lbnRSZWYgfSA9IHVzZUhhc092ZXJmbG93KCk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPEJveFxuICAgICAgICBtYXhXaWR0aD17Y2FyZE1heFdpZHRofVxuICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgcmFkaXVzPVwibVwiXG4gICAgICAgIG92ZXJmbG93PXtoYXNPdmVyZmxvdyA/ICdoaWRkZW4nIDogdW5kZWZpbmVkfVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgYmFja2dyb3VuZENvbG9yPVwiYmFja2dyb3VuZFwiXG4gICAgICAgIHNoYWRvdz1cImxcIlxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIDxCb3ggcmVmPXtlbGVtZW50UmVmfSBvdmVyZmxvdz17aGFzT3ZlcmZsb3cgPyAnYXV0bycgOiB1bmRlZmluZWR9IG1heEhlaWdodD1cIjkwdmhcIj5cbiAgICAgICAgICA8Qm94IHBhZGRpbmc9e2NhcmRQYWRkaW5nfT57Y2hpbGRyZW59PC9Cb3g+XG4gICAgICAgIDwvQm94PlxuICAgICAgICA8Qm94IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiByaWdodD1cInhzXCIgdG9wPVwieHNcIj5cbiAgICAgICAgICA8SWNvbkJ1dHRvbiBpY29uPXs8SWNvbkNyb3NzIC8+fSBvbkNsaWNrPXtvbkNsb3NlQ2xpY2t9IC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC9Cb3g+XG4gICAgKTtcbiAgfSxcbik7XG5cbmNvbnN0IFRpdGxlID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxUZXh0XG4gICAgdGFnPVwiaDNcIlxuICAgIHJlZj17cmVmfVxuICAgIHNpemU9XCJ4bFwiXG4gICAgd2VpZ2h0PVwic2VtaUJvbGRcIlxuICAgIGNzcz17Y3NzYFxuICAgICAgbWFyZ2luOiAwO1xuICAgIGB9XG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L1RleHQ+XG4pKTtcblxuY29uc3QgRGVzY3JpcHRpb24gPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFRleHRcbiAgICB0YWc9XCJwXCJcbiAgICByZWY9e3JlZn1cbiAgICBjc3M9e2Nzc2BcbiAgICAgIG1hcmdpbjogMDtcbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UZXh0PlxuKSk7XG5cbmNvbnN0IFJvb3QgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCB6SW5kZXgsIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8ZGl2XG4gICAgcmVmPXtyZWZ9XG4gICAgY2xhc3NOYW1lPVwiZ3JuLWNvbnRleHRcIlxuICAgIGNzcz17Y3NzYFxuICAgICAgei1pbmRleDogJHt6SW5kZXh9O1xuICAgICAgcGFkZGluZzogMjRweDtcbiAgICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICAgIHRvcDogMDtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICBwbGFjZS1pdGVtczogY2VudGVyO1xuICAgICAgLmxlYXZlVG8sXG4gICAgICAuZW50ZXJGcm9tIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgIH1cbiAgICAgIC5lbnRlclRvLFxuICAgICAgLmxlYXZlVG8ge1xuICAgICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG4gICAgICB9XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvZGl2PlxuKSk7XG5cbmNvbnN0IEJhY2tkcm9wID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxCb3hcbiAgICByZWY9e3JlZn1cbiAgICBwb3NpdGlvbj1cImZpeGVkXCJcbiAgICB0b3A9XCIwXCJcbiAgICBsZWZ0PVwiMFwiXG4gICAgd2lkdGg9XCIxMDAlXCJcbiAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICBiYWNrZ3JvdW5kQ29sb3I9XCJmYWRlN1wiXG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L0JveD5cbikpO1xuXG5jb25zdCB0cmFuc2l0aW9uQ2hpbGRQcm9wcyA9IHtcbiAgZW50ZXI6ICdlbnRlcicsXG4gIGVudGVyRnJvbTogJ2VudGVyRnJvbScsXG4gIGVudGVyVG86ICdlbnRlclRvJyxcbiAgbGVhdmU6ICdsZWF2ZScsXG4gIGxlYXZlRnJvbTogJ2xlYXZlRnJvbScsXG4gIGxlYXZlVG86ICdsZWF2ZVRvJyxcbn07XG5cbmV4cG9ydCBjb25zdCBNb2RhbCA9ICh7XG4gIGlzT3BlbixcbiAgY2hpbGRyZW4sXG4gIG9uQ2xvc2UsXG4gIHRpdGxlLFxuICBkZXNjcmlwdGlvbixcbiAgY2FyZFBhZGRpbmcgPSAneGwnLFxuICBjYXJkTWF4V2lkdGggPSA2OCxcbiAgekluZGV4ID0gbW9kYWxaSW5kZXgsXG4gIGluaXRpYWxGb2N1cyxcbiAgcmV0dXJuRm9jdXMsXG59KSA9PiB7XG4gIGNvbnN0IGhhbmRsZUNsb3NlID0gKCkgPT4ge1xuICAgIG9uQ2xvc2UoKTtcbiAgICBpZiAocmV0dXJuRm9jdXMpIHtcbiAgICAgIHJldHVybkZvY3VzLmZvY3VzKCk7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFRyYW5zaXRpb24gYXBwZWFyIHNob3c9e2lzT3Blbn0gYXM9e0ZyYWdtZW50fT5cbiAgICAgIDxEaWFsb2cgYXM9e1Jvb3R9IG9uQ2xvc2U9e2hhbmRsZUNsb3NlfSB6SW5kZXg9e3pJbmRleH0gaW5pdGlhbEZvY3VzPXtpbml0aWFsRm9jdXN9PlxuICAgICAgICA8VHJhbnNpdGlvbi5DaGlsZCBhcz17QmFja2Ryb3B9IHsuLi50cmFuc2l0aW9uQ2hpbGRQcm9wc30gLz5cblxuICAgICAgICA8VHJhbnNpdGlvbi5DaGlsZCBhcz17RnJhZ21lbnR9IHsuLi50cmFuc2l0aW9uQ2hpbGRQcm9wc30+XG4gICAgICAgICAgPERpYWxvZy5QYW5lbFxuICAgICAgICAgICAgYXM9e01vZGFsQ2FyZH1cbiAgICAgICAgICAgIG9uQ2xvc2VDbGljaz17b25DbG9zZX1cbiAgICAgICAgICAgIGNhcmRQYWRkaW5nPXtjYXJkUGFkZGluZ31cbiAgICAgICAgICAgIGNhcmRNYXhXaWR0aD17Y2FyZE1heFdpZHRofVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHt0aXRsZSAmJiA8RGlhbG9nLlRpdGxlIGFzPXtUaXRsZX0+e3RpdGxlfTwvRGlhbG9nLlRpdGxlPn1cbiAgICAgICAgICAgIHtkZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgICAgICAgIDxCb3ggbWFyZ2luVG9wPVwic1wiPlxuICAgICAgICAgICAgICAgIDxEaWFsb2cuRGVzY3JpcHRpb24gYXM9e0Rlc2NyaXB0aW9ufT57ZGVzY3JpcHRpb259PC9EaWFsb2cuRGVzY3JpcHRpb24+XG4gICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICA8L0RpYWxvZy5QYW5lbD5cbiAgICAgICAgPC9UcmFuc2l0aW9uLkNoaWxkPlxuICAgICAgPC9EaWFsb2c+XG4gICAgPC9UcmFuc2l0aW9uPlxuICApO1xufTtcblxuTW9kYWwucHJvcFR5cGVzID0ge1xuICBpc09wZW46IFByb3BUeXBlcy5ib29sLFxuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIG9uQ2xvc2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIHRpdGxlOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuc3RyaW5nLCBQcm9wVHlwZXMubm9kZV0pLFxuICBkZXNjcmlwdGlvbjogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLnN0cmluZywgUHJvcFR5cGVzLm5vZGVdKSxcbiAgY2FyZFBhZGRpbmc6IHR5cGVzLmRpbWVuc2lvbixcbiAgY2FyZE1heFdpZHRoOiB0eXBlcy5kaW1lbnNpb24sXG4gIHpJbmRleDogdHlwZXMuekluZGV4LFxuICBpbml0aWFsRm9jdXM6IFByb3BUeXBlcy5ub2RlLFxuICByZXR1cm5Gb2N1czogUHJvcFR5cGVzLm5vZGUsXG59O1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFsLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Q1kiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbW9kYWwuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IERpYWxvZywgVHJhbnNpdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IEJveCB9IGZyb20gJy4vYm94JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuL3RleHQnO1xuaW1wb3J0IHsgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSAnLi9pY29uLWJ1dHRvbic7XG5pbXBvcnQgeyBJY29uQ3Jvc3MgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgbW9kYWxaSW5kZXggPSAxMDk5O1xuXG5jb25zdCBNb2RhbENhcmQgPSBmb3J3YXJkUmVmKFxuICAoeyBjYXJkUGFkZGluZywgY2FyZE1heFdpZHRoLCBjaGlsZHJlbiwgb25DbG9zZUNsaWNrLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPEJveFxuICAgICAgICBtYXhXaWR0aD17Y2FyZE1heFdpZHRofVxuICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgcmFkaXVzPVwibVwiXG4gICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGJhY2tncm91bmRDb2xvcj1cImJhY2tncm91bmRcIlxuICAgICAgICBzaGFkb3c9XCJsXCJcbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICA8Qm94IG92ZXJmbG93PVwiYXV0b1wiIG1heEhlaWdodD1cIjkwdmhcIj5cbiAgICAgICAgICA8Qm94IHBhZGRpbmc9e2NhcmRQYWRkaW5nfT57Y2hpbGRyZW59PC9Cb3g+XG4gICAgICAgIDwvQm94PlxuICAgICAgICA8Qm94IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiByaWdodD1cInhzXCIgdG9wPVwieHNcIj5cbiAgICAgICAgICA8SWNvbkJ1dHRvbiBpY29uPXs8SWNvbkNyb3NzIC8+fSBvbkNsaWNrPXtvbkNsb3NlQ2xpY2t9IC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC9Cb3g+XG4gICAgKTtcbiAgfSxcbik7XG5cbmNvbnN0IFRpdGxlID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxUZXh0XG4gICAgdGFnPVwiaDNcIlxuICAgIHJlZj17cmVmfVxuICAgIHNpemU9XCJ4bFwiXG4gICAgd2VpZ2h0PVwic2VtaUJvbGRcIlxuICAgIHRyaW1Ub3BcbiAgICBjc3M9e2Nzc2BcbiAgICAgIG1hcmdpbjogMDtcbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UZXh0PlxuKSk7XG5cbmNvbnN0IERlc2NyaXB0aW9uID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxUZXh0XG4gICAgdGFnPVwicFwiXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICBtYXJnaW46IDA7XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvVGV4dD5cbikpO1xuXG5jb25zdCBSb290ID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgekluZGV4LCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGRpdlxuICAgIHJlZj17cmVmfVxuICAgIGNsYXNzTmFtZT1cImdybi1jb250ZXh0XCJcbiAgICBjc3M9e2Nzc2BcbiAgICAgIHotaW5kZXg6ICR7ekluZGV4fTtcbiAgICAgIHBhZGRpbmc6IDI0cHg7XG4gICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICB0b3A6IDA7XG4gICAgICBsZWZ0OiAwO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgcGxhY2UtaXRlbXM6IGNlbnRlcjtcbiAgICAgIC5sZWF2ZVRvLFxuICAgICAgLmVudGVyRnJvbSB7XG4gICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICB9XG4gICAgICAuZW50ZXJUbyxcbiAgICAgIC5sZWF2ZVRvIHtcbiAgICAgICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuICAgICAgfVxuICAgIGB9XG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L2Rpdj5cbikpO1xuXG5jb25zdCBCYWNrZHJvcCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8Qm94XG4gICAgcmVmPXtyZWZ9XG4gICAgcG9zaXRpb249XCJmaXhlZFwiXG4gICAgdG9wPVwiMFwiXG4gICAgbGVmdD1cIjBcIlxuICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgaGVpZ2h0PVwiMTAwJVwiXG4gICAgYmFja2dyb3VuZENvbG9yPVwiZmFkZTdcIlxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9Cb3g+XG4pKTtcblxuY29uc3QgdHJhbnNpdGlvbkNoaWxkUHJvcHMgPSB7XG4gIGVudGVyOiAnZW50ZXInLFxuICBlbnRlckZyb206ICdlbnRlckZyb20nLFxuICBlbnRlclRvOiAnZW50ZXJUbycsXG4gIGxlYXZlOiAnbGVhdmUnLFxuICBsZWF2ZUZyb206ICdsZWF2ZUZyb20nLFxuICBsZWF2ZVRvOiAnbGVhdmVUbycsXG59O1xuXG5leHBvcnQgY29uc3QgTW9kYWwgPSAoe1xuICBpc09wZW4sXG4gIGNoaWxkcmVuLFxuICBvbkNsb3NlLFxuICB0aXRsZSxcbiAgZGVzY3JpcHRpb24sXG4gIGNhcmRQYWRkaW5nID0gJ3hsJyxcbiAgY2FyZE1heFdpZHRoID0gNjgsXG4gIHpJbmRleCA9IG1vZGFsWkluZGV4LFxuICBpbml0aWFsRm9jdXMsXG4gIHJldHVybkZvY3VzLFxufSkgPT4ge1xuICBjb25zdCBoYW5kbGVDbG9zZSA9ICgpID0+IHtcbiAgICBvbkNsb3NlKCk7XG4gICAgaWYgKHJldHVybkZvY3VzKSB7XG4gICAgICByZXR1cm5Gb2N1cy5mb2N1cygpO1xuICAgIH1cbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxUcmFuc2l0aW9uIGFwcGVhciBzaG93PXtpc09wZW59IGFzPXtGcmFnbWVudH0+XG4gICAgICA8RGlhbG9nIGFzPXtSb290fSBvbkNsb3NlPXtoYW5kbGVDbG9zZX0gekluZGV4PXt6SW5kZXh9IGluaXRpYWxGb2N1cz17aW5pdGlhbEZvY3VzfT5cbiAgICAgICAgPFRyYW5zaXRpb24uQ2hpbGQgYXM9e0JhY2tkcm9wfSB7Li4udHJhbnNpdGlvbkNoaWxkUHJvcHN9IC8+XG5cbiAgICAgICAgPFRyYW5zaXRpb24uQ2hpbGQgYXM9e0ZyYWdtZW50fSB7Li4udHJhbnNpdGlvbkNoaWxkUHJvcHN9PlxuICAgICAgICAgIDxEaWFsb2cuUGFuZWxcbiAgICAgICAgICAgIGFzPXtNb2RhbENhcmR9XG4gICAgICAgICAgICBvbkNsb3NlQ2xpY2s9e29uQ2xvc2V9XG4gICAgICAgICAgICBjYXJkUGFkZGluZz17Y2FyZFBhZGRpbmd9XG4gICAgICAgICAgICBjYXJkTWF4V2lkdGg9e2NhcmRNYXhXaWR0aH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7dGl0bGUgJiYgPERpYWxvZy5UaXRsZSBhcz17VGl0bGV9Pnt0aXRsZX08L0RpYWxvZy5UaXRsZT59XG4gICAgICAgICAgICB7ZGVzY3JpcHRpb24gJiYgKFxuICAgICAgICAgICAgICA8Qm94IG1hcmdpblRvcD1cInNcIj5cbiAgICAgICAgICAgICAgICA8RGlhbG9nLkRlc2NyaXB0aW9uIGFzPXtEZXNjcmlwdGlvbn0+e2Rlc2NyaXB0aW9ufTwvRGlhbG9nLkRlc2NyaXB0aW9uPlxuICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9EaWFsb2cuUGFuZWw+XG4gICAgICAgIDwvVHJhbnNpdGlvbi5DaGlsZD5cbiAgICAgIDwvRGlhbG9nPlxuICAgIDwvVHJhbnNpdGlvbj5cbiAgKTtcbn07XG5cbk1vZGFsLlRpdGxlID0gVGl0bGU7XG5cbk1vZGFsLnByb3BUeXBlcyA9IHtcbiAgaXNPcGVuOiBQcm9wVHlwZXMuYm9vbCxcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBvbkNsb3NlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICB0aXRsZTogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLnN0cmluZywgUHJvcFR5cGVzLm5vZGVdKSxcbiAgZGVzY3JpcHRpb246IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5ub2RlXSksXG4gIGNhcmRQYWRkaW5nOiB0eXBlcy5kaW1lbnNpb24sXG4gIGNhcmRNYXhXaWR0aDogdHlwZXMuZGltZW5zaW9uLFxuICB6SW5kZXg6IHR5cGVzLnpJbmRleCxcbiAgaW5pdGlhbEZvY3VzOiBQcm9wVHlwZXMubm9kZSxcbiAgcmV0dXJuRm9jdXM6IFByb3BUeXBlcy5ub2RlLFxufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
@@ -85,6 +79,7 @@ var Title = /*#__PURE__*/forwardRef(function (_ref4, ref) {
     ref: ref,
     size: "xl",
     weight: "semiBold",
+    trimTop: true,
     css: _ref2
   }, props), children);
 });
@@ -95,7 +90,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
 } : {
   name: "1jup6sr-Description",
   styles: "margin:0;label:Description;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFsLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RFkiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbW9kYWwuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IERpYWxvZywgVHJhbnNpdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IEJveCB9IGZyb20gJy4vYm94JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuL3RleHQnO1xuaW1wb3J0IHsgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSAnLi9pY29uLWJ1dHRvbic7XG5pbXBvcnQgeyBJY29uQ3Jvc3MgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IHVzZUhhc092ZXJmbG93IH0gZnJvbSAnLi4vaG9va3MvdXNlSGFzT3ZlcmZsb3cnO1xuXG5jb25zdCBtb2RhbFpJbmRleCA9IDEwOTk7XG5cbmNvbnN0IE1vZGFsQ2FyZCA9IGZvcndhcmRSZWYoXG4gICh7IGNhcmRQYWRkaW5nLCBjYXJkTWF4V2lkdGgsIGNoaWxkcmVuLCBvbkNsb3NlQ2xpY2ssIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICAgIGNvbnN0IHsgaGFzT3ZlcmZsb3csIGVsZW1lbnRSZWYgfSA9IHVzZUhhc092ZXJmbG93KCk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPEJveFxuICAgICAgICBtYXhXaWR0aD17Y2FyZE1heFdpZHRofVxuICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgcmFkaXVzPVwibVwiXG4gICAgICAgIG92ZXJmbG93PXtoYXNPdmVyZmxvdyA/ICdoaWRkZW4nIDogdW5kZWZpbmVkfVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgYmFja2dyb3VuZENvbG9yPVwiYmFja2dyb3VuZFwiXG4gICAgICAgIHNoYWRvdz1cImxcIlxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIDxCb3ggcmVmPXtlbGVtZW50UmVmfSBvdmVyZmxvdz17aGFzT3ZlcmZsb3cgPyAnYXV0bycgOiB1bmRlZmluZWR9IG1heEhlaWdodD1cIjkwdmhcIj5cbiAgICAgICAgICA8Qm94IHBhZGRpbmc9e2NhcmRQYWRkaW5nfT57Y2hpbGRyZW59PC9Cb3g+XG4gICAgICAgIDwvQm94PlxuICAgICAgICA8Qm94IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiByaWdodD1cInhzXCIgdG9wPVwieHNcIj5cbiAgICAgICAgICA8SWNvbkJ1dHRvbiBpY29uPXs8SWNvbkNyb3NzIC8+fSBvbkNsaWNrPXtvbkNsb3NlQ2xpY2t9IC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC9Cb3g+XG4gICAgKTtcbiAgfSxcbik7XG5cbmNvbnN0IFRpdGxlID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxUZXh0XG4gICAgdGFnPVwiaDNcIlxuICAgIHJlZj17cmVmfVxuICAgIHNpemU9XCJ4bFwiXG4gICAgd2VpZ2h0PVwic2VtaUJvbGRcIlxuICAgIGNzcz17Y3NzYFxuICAgICAgbWFyZ2luOiAwO1xuICAgIGB9XG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L1RleHQ+XG4pKTtcblxuY29uc3QgRGVzY3JpcHRpb24gPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFRleHRcbiAgICB0YWc9XCJwXCJcbiAgICByZWY9e3JlZn1cbiAgICBjc3M9e2Nzc2BcbiAgICAgIG1hcmdpbjogMDtcbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UZXh0PlxuKSk7XG5cbmNvbnN0IFJvb3QgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCB6SW5kZXgsIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8ZGl2XG4gICAgcmVmPXtyZWZ9XG4gICAgY2xhc3NOYW1lPVwiZ3JuLWNvbnRleHRcIlxuICAgIGNzcz17Y3NzYFxuICAgICAgei1pbmRleDogJHt6SW5kZXh9O1xuICAgICAgcGFkZGluZzogMjRweDtcbiAgICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICAgIHRvcDogMDtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICBwbGFjZS1pdGVtczogY2VudGVyO1xuICAgICAgLmxlYXZlVG8sXG4gICAgICAuZW50ZXJGcm9tIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgIH1cbiAgICAgIC5lbnRlclRvLFxuICAgICAgLmxlYXZlVG8ge1xuICAgICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG4gICAgICB9XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvZGl2PlxuKSk7XG5cbmNvbnN0IEJhY2tkcm9wID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxCb3hcbiAgICByZWY9e3JlZn1cbiAgICBwb3NpdGlvbj1cImZpeGVkXCJcbiAgICB0b3A9XCIwXCJcbiAgICBsZWZ0PVwiMFwiXG4gICAgd2lkdGg9XCIxMDAlXCJcbiAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICBiYWNrZ3JvdW5kQ29sb3I9XCJmYWRlN1wiXG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L0JveD5cbikpO1xuXG5jb25zdCB0cmFuc2l0aW9uQ2hpbGRQcm9wcyA9IHtcbiAgZW50ZXI6ICdlbnRlcicsXG4gIGVudGVyRnJvbTogJ2VudGVyRnJvbScsXG4gIGVudGVyVG86ICdlbnRlclRvJyxcbiAgbGVhdmU6ICdsZWF2ZScsXG4gIGxlYXZlRnJvbTogJ2xlYXZlRnJvbScsXG4gIGxlYXZlVG86ICdsZWF2ZVRvJyxcbn07XG5cbmV4cG9ydCBjb25zdCBNb2RhbCA9ICh7XG4gIGlzT3BlbixcbiAgY2hpbGRyZW4sXG4gIG9uQ2xvc2UsXG4gIHRpdGxlLFxuICBkZXNjcmlwdGlvbixcbiAgY2FyZFBhZGRpbmcgPSAneGwnLFxuICBjYXJkTWF4V2lkdGggPSA2OCxcbiAgekluZGV4ID0gbW9kYWxaSW5kZXgsXG4gIGluaXRpYWxGb2N1cyxcbiAgcmV0dXJuRm9jdXMsXG59KSA9PiB7XG4gIGNvbnN0IGhhbmRsZUNsb3NlID0gKCkgPT4ge1xuICAgIG9uQ2xvc2UoKTtcbiAgICBpZiAocmV0dXJuRm9jdXMpIHtcbiAgICAgIHJldHVybkZvY3VzLmZvY3VzKCk7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFRyYW5zaXRpb24gYXBwZWFyIHNob3c9e2lzT3Blbn0gYXM9e0ZyYWdtZW50fT5cbiAgICAgIDxEaWFsb2cgYXM9e1Jvb3R9IG9uQ2xvc2U9e2hhbmRsZUNsb3NlfSB6SW5kZXg9e3pJbmRleH0gaW5pdGlhbEZvY3VzPXtpbml0aWFsRm9jdXN9PlxuICAgICAgICA8VHJhbnNpdGlvbi5DaGlsZCBhcz17QmFja2Ryb3B9IHsuLi50cmFuc2l0aW9uQ2hpbGRQcm9wc30gLz5cblxuICAgICAgICA8VHJhbnNpdGlvbi5DaGlsZCBhcz17RnJhZ21lbnR9IHsuLi50cmFuc2l0aW9uQ2hpbGRQcm9wc30+XG4gICAgICAgICAgPERpYWxvZy5QYW5lbFxuICAgICAgICAgICAgYXM9e01vZGFsQ2FyZH1cbiAgICAgICAgICAgIG9uQ2xvc2VDbGljaz17b25DbG9zZX1cbiAgICAgICAgICAgIGNhcmRQYWRkaW5nPXtjYXJkUGFkZGluZ31cbiAgICAgICAgICAgIGNhcmRNYXhXaWR0aD17Y2FyZE1heFdpZHRofVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHt0aXRsZSAmJiA8RGlhbG9nLlRpdGxlIGFzPXtUaXRsZX0+e3RpdGxlfTwvRGlhbG9nLlRpdGxlPn1cbiAgICAgICAgICAgIHtkZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgICAgICAgIDxCb3ggbWFyZ2luVG9wPVwic1wiPlxuICAgICAgICAgICAgICAgIDxEaWFsb2cuRGVzY3JpcHRpb24gYXM9e0Rlc2NyaXB0aW9ufT57ZGVzY3JpcHRpb259PC9EaWFsb2cuRGVzY3JpcHRpb24+XG4gICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICA8L0RpYWxvZy5QYW5lbD5cbiAgICAgICAgPC9UcmFuc2l0aW9uLkNoaWxkPlxuICAgICAgPC9EaWFsb2c+XG4gICAgPC9UcmFuc2l0aW9uPlxuICApO1xufTtcblxuTW9kYWwucHJvcFR5cGVzID0ge1xuICBpc09wZW46IFByb3BUeXBlcy5ib29sLFxuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIG9uQ2xvc2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIHRpdGxlOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuc3RyaW5nLCBQcm9wVHlwZXMubm9kZV0pLFxuICBkZXNjcmlwdGlvbjogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLnN0cmluZywgUHJvcFR5cGVzLm5vZGVdKSxcbiAgY2FyZFBhZGRpbmc6IHR5cGVzLmRpbWVuc2lvbixcbiAgY2FyZE1heFdpZHRoOiB0eXBlcy5kaW1lbnNpb24sXG4gIHpJbmRleDogdHlwZXMuekluZGV4LFxuICBpbml0aWFsRm9jdXM6IFByb3BUeXBlcy5ub2RlLFxuICByZXR1cm5Gb2N1czogUHJvcFR5cGVzLm5vZGUsXG59O1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFsLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRFkiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbW9kYWwuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IERpYWxvZywgVHJhbnNpdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IEJveCB9IGZyb20gJy4vYm94JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuL3RleHQnO1xuaW1wb3J0IHsgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSAnLi9pY29uLWJ1dHRvbic7XG5pbXBvcnQgeyBJY29uQ3Jvc3MgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgbW9kYWxaSW5kZXggPSAxMDk5O1xuXG5jb25zdCBNb2RhbENhcmQgPSBmb3J3YXJkUmVmKFxuICAoeyBjYXJkUGFkZGluZywgY2FyZE1heFdpZHRoLCBjaGlsZHJlbiwgb25DbG9zZUNsaWNrLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPEJveFxuICAgICAgICBtYXhXaWR0aD17Y2FyZE1heFdpZHRofVxuICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgcmFkaXVzPVwibVwiXG4gICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGJhY2tncm91bmRDb2xvcj1cImJhY2tncm91bmRcIlxuICAgICAgICBzaGFkb3c9XCJsXCJcbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICA8Qm94IG92ZXJmbG93PVwiYXV0b1wiIG1heEhlaWdodD1cIjkwdmhcIj5cbiAgICAgICAgICA8Qm94IHBhZGRpbmc9e2NhcmRQYWRkaW5nfT57Y2hpbGRyZW59PC9Cb3g+XG4gICAgICAgIDwvQm94PlxuICAgICAgICA8Qm94IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiByaWdodD1cInhzXCIgdG9wPVwieHNcIj5cbiAgICAgICAgICA8SWNvbkJ1dHRvbiBpY29uPXs8SWNvbkNyb3NzIC8+fSBvbkNsaWNrPXtvbkNsb3NlQ2xpY2t9IC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC9Cb3g+XG4gICAgKTtcbiAgfSxcbik7XG5cbmNvbnN0IFRpdGxlID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxUZXh0XG4gICAgdGFnPVwiaDNcIlxuICAgIHJlZj17cmVmfVxuICAgIHNpemU9XCJ4bFwiXG4gICAgd2VpZ2h0PVwic2VtaUJvbGRcIlxuICAgIHRyaW1Ub3BcbiAgICBjc3M9e2Nzc2BcbiAgICAgIG1hcmdpbjogMDtcbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UZXh0PlxuKSk7XG5cbmNvbnN0IERlc2NyaXB0aW9uID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxUZXh0XG4gICAgdGFnPVwicFwiXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICBtYXJnaW46IDA7XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvVGV4dD5cbikpO1xuXG5jb25zdCBSb290ID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgekluZGV4LCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGRpdlxuICAgIHJlZj17cmVmfVxuICAgIGNsYXNzTmFtZT1cImdybi1jb250ZXh0XCJcbiAgICBjc3M9e2Nzc2BcbiAgICAgIHotaW5kZXg6ICR7ekluZGV4fTtcbiAgICAgIHBhZGRpbmc6IDI0cHg7XG4gICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICB0b3A6IDA7XG4gICAgICBsZWZ0OiAwO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgcGxhY2UtaXRlbXM6IGNlbnRlcjtcbiAgICAgIC5sZWF2ZVRvLFxuICAgICAgLmVudGVyRnJvbSB7XG4gICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICB9XG4gICAgICAuZW50ZXJUbyxcbiAgICAgIC5sZWF2ZVRvIHtcbiAgICAgICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuICAgICAgfVxuICAgIGB9XG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L2Rpdj5cbikpO1xuXG5jb25zdCBCYWNrZHJvcCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8Qm94XG4gICAgcmVmPXtyZWZ9XG4gICAgcG9zaXRpb249XCJmaXhlZFwiXG4gICAgdG9wPVwiMFwiXG4gICAgbGVmdD1cIjBcIlxuICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgaGVpZ2h0PVwiMTAwJVwiXG4gICAgYmFja2dyb3VuZENvbG9yPVwiZmFkZTdcIlxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9Cb3g+XG4pKTtcblxuY29uc3QgdHJhbnNpdGlvbkNoaWxkUHJvcHMgPSB7XG4gIGVudGVyOiAnZW50ZXInLFxuICBlbnRlckZyb206ICdlbnRlckZyb20nLFxuICBlbnRlclRvOiAnZW50ZXJUbycsXG4gIGxlYXZlOiAnbGVhdmUnLFxuICBsZWF2ZUZyb206ICdsZWF2ZUZyb20nLFxuICBsZWF2ZVRvOiAnbGVhdmVUbycsXG59O1xuXG5leHBvcnQgY29uc3QgTW9kYWwgPSAoe1xuICBpc09wZW4sXG4gIGNoaWxkcmVuLFxuICBvbkNsb3NlLFxuICB0aXRsZSxcbiAgZGVzY3JpcHRpb24sXG4gIGNhcmRQYWRkaW5nID0gJ3hsJyxcbiAgY2FyZE1heFdpZHRoID0gNjgsXG4gIHpJbmRleCA9IG1vZGFsWkluZGV4LFxuICBpbml0aWFsRm9jdXMsXG4gIHJldHVybkZvY3VzLFxufSkgPT4ge1xuICBjb25zdCBoYW5kbGVDbG9zZSA9ICgpID0+IHtcbiAgICBvbkNsb3NlKCk7XG4gICAgaWYgKHJldHVybkZvY3VzKSB7XG4gICAgICByZXR1cm5Gb2N1cy5mb2N1cygpO1xuICAgIH1cbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxUcmFuc2l0aW9uIGFwcGVhciBzaG93PXtpc09wZW59IGFzPXtGcmFnbWVudH0+XG4gICAgICA8RGlhbG9nIGFzPXtSb290fSBvbkNsb3NlPXtoYW5kbGVDbG9zZX0gekluZGV4PXt6SW5kZXh9IGluaXRpYWxGb2N1cz17aW5pdGlhbEZvY3VzfT5cbiAgICAgICAgPFRyYW5zaXRpb24uQ2hpbGQgYXM9e0JhY2tkcm9wfSB7Li4udHJhbnNpdGlvbkNoaWxkUHJvcHN9IC8+XG5cbiAgICAgICAgPFRyYW5zaXRpb24uQ2hpbGQgYXM9e0ZyYWdtZW50fSB7Li4udHJhbnNpdGlvbkNoaWxkUHJvcHN9PlxuICAgICAgICAgIDxEaWFsb2cuUGFuZWxcbiAgICAgICAgICAgIGFzPXtNb2RhbENhcmR9XG4gICAgICAgICAgICBvbkNsb3NlQ2xpY2s9e29uQ2xvc2V9XG4gICAgICAgICAgICBjYXJkUGFkZGluZz17Y2FyZFBhZGRpbmd9XG4gICAgICAgICAgICBjYXJkTWF4V2lkdGg9e2NhcmRNYXhXaWR0aH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7dGl0bGUgJiYgPERpYWxvZy5UaXRsZSBhcz17VGl0bGV9Pnt0aXRsZX08L0RpYWxvZy5UaXRsZT59XG4gICAgICAgICAgICB7ZGVzY3JpcHRpb24gJiYgKFxuICAgICAgICAgICAgICA8Qm94IG1hcmdpblRvcD1cInNcIj5cbiAgICAgICAgICAgICAgICA8RGlhbG9nLkRlc2NyaXB0aW9uIGFzPXtEZXNjcmlwdGlvbn0+e2Rlc2NyaXB0aW9ufTwvRGlhbG9nLkRlc2NyaXB0aW9uPlxuICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9EaWFsb2cuUGFuZWw+XG4gICAgICAgIDwvVHJhbnNpdGlvbi5DaGlsZD5cbiAgICAgIDwvRGlhbG9nPlxuICAgIDwvVHJhbnNpdGlvbj5cbiAgKTtcbn07XG5cbk1vZGFsLlRpdGxlID0gVGl0bGU7XG5cbk1vZGFsLnByb3BUeXBlcyA9IHtcbiAgaXNPcGVuOiBQcm9wVHlwZXMuYm9vbCxcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBvbkNsb3NlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICB0aXRsZTogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLnN0cmluZywgUHJvcFR5cGVzLm5vZGVdKSxcbiAgZGVzY3JpcHRpb246IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5ub2RlXSksXG4gIGNhcmRQYWRkaW5nOiB0eXBlcy5kaW1lbnNpb24sXG4gIGNhcmRNYXhXaWR0aDogdHlwZXMuZGltZW5zaW9uLFxuICB6SW5kZXg6IHR5cGVzLnpJbmRleCxcbiAgaW5pdGlhbEZvY3VzOiBQcm9wVHlwZXMubm9kZSxcbiAgcmV0dXJuRm9jdXM6IFByb3BUeXBlcy5ub2RlLFxufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
@@ -117,7 +112,7 @@ var Root = /*#__PURE__*/forwardRef(function (_ref6, ref) {
   return ___EmotionJSX("div", _extends({
     ref: ref,
     className: "grn-context",
-    css: /*#__PURE__*/css("z-index:", zIndex, ";padding:24px;position:fixed;top:0;left:0;width:100%;height:100%;display:grid;place-items:center;.leaveTo,.enterFrom{opacity:0;}.enterTo,.leaveTo{transition-duration:", getTransition('fast'), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:Root;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFsLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RVkiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbW9kYWwuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IERpYWxvZywgVHJhbnNpdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IEJveCB9IGZyb20gJy4vYm94JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuL3RleHQnO1xuaW1wb3J0IHsgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSAnLi9pY29uLWJ1dHRvbic7XG5pbXBvcnQgeyBJY29uQ3Jvc3MgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IHVzZUhhc092ZXJmbG93IH0gZnJvbSAnLi4vaG9va3MvdXNlSGFzT3ZlcmZsb3cnO1xuXG5jb25zdCBtb2RhbFpJbmRleCA9IDEwOTk7XG5cbmNvbnN0IE1vZGFsQ2FyZCA9IGZvcndhcmRSZWYoXG4gICh7IGNhcmRQYWRkaW5nLCBjYXJkTWF4V2lkdGgsIGNoaWxkcmVuLCBvbkNsb3NlQ2xpY2ssIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICAgIGNvbnN0IHsgaGFzT3ZlcmZsb3csIGVsZW1lbnRSZWYgfSA9IHVzZUhhc092ZXJmbG93KCk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPEJveFxuICAgICAgICBtYXhXaWR0aD17Y2FyZE1heFdpZHRofVxuICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgcmFkaXVzPVwibVwiXG4gICAgICAgIG92ZXJmbG93PXtoYXNPdmVyZmxvdyA/ICdoaWRkZW4nIDogdW5kZWZpbmVkfVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgYmFja2dyb3VuZENvbG9yPVwiYmFja2dyb3VuZFwiXG4gICAgICAgIHNoYWRvdz1cImxcIlxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIDxCb3ggcmVmPXtlbGVtZW50UmVmfSBvdmVyZmxvdz17aGFzT3ZlcmZsb3cgPyAnYXV0bycgOiB1bmRlZmluZWR9IG1heEhlaWdodD1cIjkwdmhcIj5cbiAgICAgICAgICA8Qm94IHBhZGRpbmc9e2NhcmRQYWRkaW5nfT57Y2hpbGRyZW59PC9Cb3g+XG4gICAgICAgIDwvQm94PlxuICAgICAgICA8Qm94IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiByaWdodD1cInhzXCIgdG9wPVwieHNcIj5cbiAgICAgICAgICA8SWNvbkJ1dHRvbiBpY29uPXs8SWNvbkNyb3NzIC8+fSBvbkNsaWNrPXtvbkNsb3NlQ2xpY2t9IC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC9Cb3g+XG4gICAgKTtcbiAgfSxcbik7XG5cbmNvbnN0IFRpdGxlID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxUZXh0XG4gICAgdGFnPVwiaDNcIlxuICAgIHJlZj17cmVmfVxuICAgIHNpemU9XCJ4bFwiXG4gICAgd2VpZ2h0PVwic2VtaUJvbGRcIlxuICAgIGNzcz17Y3NzYFxuICAgICAgbWFyZ2luOiAwO1xuICAgIGB9XG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L1RleHQ+XG4pKTtcblxuY29uc3QgRGVzY3JpcHRpb24gPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFRleHRcbiAgICB0YWc9XCJwXCJcbiAgICByZWY9e3JlZn1cbiAgICBjc3M9e2Nzc2BcbiAgICAgIG1hcmdpbjogMDtcbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UZXh0PlxuKSk7XG5cbmNvbnN0IFJvb3QgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCB6SW5kZXgsIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8ZGl2XG4gICAgcmVmPXtyZWZ9XG4gICAgY2xhc3NOYW1lPVwiZ3JuLWNvbnRleHRcIlxuICAgIGNzcz17Y3NzYFxuICAgICAgei1pbmRleDogJHt6SW5kZXh9O1xuICAgICAgcGFkZGluZzogMjRweDtcbiAgICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICAgIHRvcDogMDtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICBwbGFjZS1pdGVtczogY2VudGVyO1xuICAgICAgLmxlYXZlVG8sXG4gICAgICAuZW50ZXJGcm9tIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgIH1cbiAgICAgIC5lbnRlclRvLFxuICAgICAgLmxlYXZlVG8ge1xuICAgICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG4gICAgICB9XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvZGl2PlxuKSk7XG5cbmNvbnN0IEJhY2tkcm9wID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxCb3hcbiAgICByZWY9e3JlZn1cbiAgICBwb3NpdGlvbj1cImZpeGVkXCJcbiAgICB0b3A9XCIwXCJcbiAgICBsZWZ0PVwiMFwiXG4gICAgd2lkdGg9XCIxMDAlXCJcbiAgICBoZWlnaHQ9XCIxMDAlXCJcbiAgICBiYWNrZ3JvdW5kQ29sb3I9XCJmYWRlN1wiXG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L0JveD5cbikpO1xuXG5jb25zdCB0cmFuc2l0aW9uQ2hpbGRQcm9wcyA9IHtcbiAgZW50ZXI6ICdlbnRlcicsXG4gIGVudGVyRnJvbTogJ2VudGVyRnJvbScsXG4gIGVudGVyVG86ICdlbnRlclRvJyxcbiAgbGVhdmU6ICdsZWF2ZScsXG4gIGxlYXZlRnJvbTogJ2xlYXZlRnJvbScsXG4gIGxlYXZlVG86ICdsZWF2ZVRvJyxcbn07XG5cbmV4cG9ydCBjb25zdCBNb2RhbCA9ICh7XG4gIGlzT3BlbixcbiAgY2hpbGRyZW4sXG4gIG9uQ2xvc2UsXG4gIHRpdGxlLFxuICBkZXNjcmlwdGlvbixcbiAgY2FyZFBhZGRpbmcgPSAneGwnLFxuICBjYXJkTWF4V2lkdGggPSA2OCxcbiAgekluZGV4ID0gbW9kYWxaSW5kZXgsXG4gIGluaXRpYWxGb2N1cyxcbiAgcmV0dXJuRm9jdXMsXG59KSA9PiB7XG4gIGNvbnN0IGhhbmRsZUNsb3NlID0gKCkgPT4ge1xuICAgIG9uQ2xvc2UoKTtcbiAgICBpZiAocmV0dXJuRm9jdXMpIHtcbiAgICAgIHJldHVybkZvY3VzLmZvY3VzKCk7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFRyYW5zaXRpb24gYXBwZWFyIHNob3c9e2lzT3Blbn0gYXM9e0ZyYWdtZW50fT5cbiAgICAgIDxEaWFsb2cgYXM9e1Jvb3R9IG9uQ2xvc2U9e2hhbmRsZUNsb3NlfSB6SW5kZXg9e3pJbmRleH0gaW5pdGlhbEZvY3VzPXtpbml0aWFsRm9jdXN9PlxuICAgICAgICA8VHJhbnNpdGlvbi5DaGlsZCBhcz17QmFja2Ryb3B9IHsuLi50cmFuc2l0aW9uQ2hpbGRQcm9wc30gLz5cblxuICAgICAgICA8VHJhbnNpdGlvbi5DaGlsZCBhcz17RnJhZ21lbnR9IHsuLi50cmFuc2l0aW9uQ2hpbGRQcm9wc30+XG4gICAgICAgICAgPERpYWxvZy5QYW5lbFxuICAgICAgICAgICAgYXM9e01vZGFsQ2FyZH1cbiAgICAgICAgICAgIG9uQ2xvc2VDbGljaz17b25DbG9zZX1cbiAgICAgICAgICAgIGNhcmRQYWRkaW5nPXtjYXJkUGFkZGluZ31cbiAgICAgICAgICAgIGNhcmRNYXhXaWR0aD17Y2FyZE1heFdpZHRofVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHt0aXRsZSAmJiA8RGlhbG9nLlRpdGxlIGFzPXtUaXRsZX0+e3RpdGxlfTwvRGlhbG9nLlRpdGxlPn1cbiAgICAgICAgICAgIHtkZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgICAgICAgIDxCb3ggbWFyZ2luVG9wPVwic1wiPlxuICAgICAgICAgICAgICAgIDxEaWFsb2cuRGVzY3JpcHRpb24gYXM9e0Rlc2NyaXB0aW9ufT57ZGVzY3JpcHRpb259PC9EaWFsb2cuRGVzY3JpcHRpb24+XG4gICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICA8L0RpYWxvZy5QYW5lbD5cbiAgICAgICAgPC9UcmFuc2l0aW9uLkNoaWxkPlxuICAgICAgPC9EaWFsb2c+XG4gICAgPC9UcmFuc2l0aW9uPlxuICApO1xufTtcblxuTW9kYWwucHJvcFR5cGVzID0ge1xuICBpc09wZW46IFByb3BUeXBlcy5ib29sLFxuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIG9uQ2xvc2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIHRpdGxlOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuc3RyaW5nLCBQcm9wVHlwZXMubm9kZV0pLFxuICBkZXNjcmlwdGlvbjogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLnN0cmluZywgUHJvcFR5cGVzLm5vZGVdKSxcbiAgY2FyZFBhZGRpbmc6IHR5cGVzLmRpbWVuc2lvbixcbiAgY2FyZE1heFdpZHRoOiB0eXBlcy5kaW1lbnNpb24sXG4gIHpJbmRleDogdHlwZXMuekluZGV4LFxuICBpbml0aWFsRm9jdXM6IFByb3BUeXBlcy5ub2RlLFxuICByZXR1cm5Gb2N1czogUHJvcFR5cGVzLm5vZGUsXG59O1xuIl19 */")
+    css: /*#__PURE__*/css("z-index:", zIndex, ";padding:24px;position:fixed;top:0;left:0;width:100%;height:100%;display:grid;place-items:center;.leaveTo,.enterFrom{opacity:0;}.enterTo,.leaveTo{transition-duration:", getTransition('fast'), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:Root;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFsLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RVkiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbW9kYWwuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IERpYWxvZywgVHJhbnNpdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IEJveCB9IGZyb20gJy4vYm94JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuL3RleHQnO1xuaW1wb3J0IHsgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSAnLi9pY29uLWJ1dHRvbic7XG5pbXBvcnQgeyBJY29uQ3Jvc3MgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgbW9kYWxaSW5kZXggPSAxMDk5O1xuXG5jb25zdCBNb2RhbENhcmQgPSBmb3J3YXJkUmVmKFxuICAoeyBjYXJkUGFkZGluZywgY2FyZE1heFdpZHRoLCBjaGlsZHJlbiwgb25DbG9zZUNsaWNrLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPEJveFxuICAgICAgICBtYXhXaWR0aD17Y2FyZE1heFdpZHRofVxuICAgICAgICB3aWR0aD1cIjEwMCVcIlxuICAgICAgICBwb3NpdGlvbj1cInJlbGF0aXZlXCJcbiAgICAgICAgcmFkaXVzPVwibVwiXG4gICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGJhY2tncm91bmRDb2xvcj1cImJhY2tncm91bmRcIlxuICAgICAgICBzaGFkb3c9XCJsXCJcbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICA8Qm94IG92ZXJmbG93PVwiYXV0b1wiIG1heEhlaWdodD1cIjkwdmhcIj5cbiAgICAgICAgICA8Qm94IHBhZGRpbmc9e2NhcmRQYWRkaW5nfT57Y2hpbGRyZW59PC9Cb3g+XG4gICAgICAgIDwvQm94PlxuICAgICAgICA8Qm94IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiByaWdodD1cInhzXCIgdG9wPVwieHNcIj5cbiAgICAgICAgICA8SWNvbkJ1dHRvbiBpY29uPXs8SWNvbkNyb3NzIC8+fSBvbkNsaWNrPXtvbkNsb3NlQ2xpY2t9IC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC9Cb3g+XG4gICAgKTtcbiAgfSxcbik7XG5cbmNvbnN0IFRpdGxlID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxUZXh0XG4gICAgdGFnPVwiaDNcIlxuICAgIHJlZj17cmVmfVxuICAgIHNpemU9XCJ4bFwiXG4gICAgd2VpZ2h0PVwic2VtaUJvbGRcIlxuICAgIHRyaW1Ub3BcbiAgICBjc3M9e2Nzc2BcbiAgICAgIG1hcmdpbjogMDtcbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UZXh0PlxuKSk7XG5cbmNvbnN0IERlc2NyaXB0aW9uID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxUZXh0XG4gICAgdGFnPVwicFwiXG4gICAgcmVmPXtyZWZ9XG4gICAgY3NzPXtjc3NgXG4gICAgICBtYXJnaW46IDA7XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvVGV4dD5cbikpO1xuXG5jb25zdCBSb290ID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgekluZGV4LCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGRpdlxuICAgIHJlZj17cmVmfVxuICAgIGNsYXNzTmFtZT1cImdybi1jb250ZXh0XCJcbiAgICBjc3M9e2Nzc2BcbiAgICAgIHotaW5kZXg6ICR7ekluZGV4fTtcbiAgICAgIHBhZGRpbmc6IDI0cHg7XG4gICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICB0b3A6IDA7XG4gICAgICBsZWZ0OiAwO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgcGxhY2UtaXRlbXM6IGNlbnRlcjtcbiAgICAgIC5sZWF2ZVRvLFxuICAgICAgLmVudGVyRnJvbSB7XG4gICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICB9XG4gICAgICAuZW50ZXJUbyxcbiAgICAgIC5sZWF2ZVRvIHtcbiAgICAgICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuICAgICAgfVxuICAgIGB9XG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L2Rpdj5cbikpO1xuXG5jb25zdCBCYWNrZHJvcCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8Qm94XG4gICAgcmVmPXtyZWZ9XG4gICAgcG9zaXRpb249XCJmaXhlZFwiXG4gICAgdG9wPVwiMFwiXG4gICAgbGVmdD1cIjBcIlxuICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgaGVpZ2h0PVwiMTAwJVwiXG4gICAgYmFja2dyb3VuZENvbG9yPVwiZmFkZTdcIlxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9Cb3g+XG4pKTtcblxuY29uc3QgdHJhbnNpdGlvbkNoaWxkUHJvcHMgPSB7XG4gIGVudGVyOiAnZW50ZXInLFxuICBlbnRlckZyb206ICdlbnRlckZyb20nLFxuICBlbnRlclRvOiAnZW50ZXJUbycsXG4gIGxlYXZlOiAnbGVhdmUnLFxuICBsZWF2ZUZyb206ICdsZWF2ZUZyb20nLFxuICBsZWF2ZVRvOiAnbGVhdmVUbycsXG59O1xuXG5leHBvcnQgY29uc3QgTW9kYWwgPSAoe1xuICBpc09wZW4sXG4gIGNoaWxkcmVuLFxuICBvbkNsb3NlLFxuICB0aXRsZSxcbiAgZGVzY3JpcHRpb24sXG4gIGNhcmRQYWRkaW5nID0gJ3hsJyxcbiAgY2FyZE1heFdpZHRoID0gNjgsXG4gIHpJbmRleCA9IG1vZGFsWkluZGV4LFxuICBpbml0aWFsRm9jdXMsXG4gIHJldHVybkZvY3VzLFxufSkgPT4ge1xuICBjb25zdCBoYW5kbGVDbG9zZSA9ICgpID0+IHtcbiAgICBvbkNsb3NlKCk7XG4gICAgaWYgKHJldHVybkZvY3VzKSB7XG4gICAgICByZXR1cm5Gb2N1cy5mb2N1cygpO1xuICAgIH1cbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxUcmFuc2l0aW9uIGFwcGVhciBzaG93PXtpc09wZW59IGFzPXtGcmFnbWVudH0+XG4gICAgICA8RGlhbG9nIGFzPXtSb290fSBvbkNsb3NlPXtoYW5kbGVDbG9zZX0gekluZGV4PXt6SW5kZXh9IGluaXRpYWxGb2N1cz17aW5pdGlhbEZvY3VzfT5cbiAgICAgICAgPFRyYW5zaXRpb24uQ2hpbGQgYXM9e0JhY2tkcm9wfSB7Li4udHJhbnNpdGlvbkNoaWxkUHJvcHN9IC8+XG5cbiAgICAgICAgPFRyYW5zaXRpb24uQ2hpbGQgYXM9e0ZyYWdtZW50fSB7Li4udHJhbnNpdGlvbkNoaWxkUHJvcHN9PlxuICAgICAgICAgIDxEaWFsb2cuUGFuZWxcbiAgICAgICAgICAgIGFzPXtNb2RhbENhcmR9XG4gICAgICAgICAgICBvbkNsb3NlQ2xpY2s9e29uQ2xvc2V9XG4gICAgICAgICAgICBjYXJkUGFkZGluZz17Y2FyZFBhZGRpbmd9XG4gICAgICAgICAgICBjYXJkTWF4V2lkdGg9e2NhcmRNYXhXaWR0aH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7dGl0bGUgJiYgPERpYWxvZy5UaXRsZSBhcz17VGl0bGV9Pnt0aXRsZX08L0RpYWxvZy5UaXRsZT59XG4gICAgICAgICAgICB7ZGVzY3JpcHRpb24gJiYgKFxuICAgICAgICAgICAgICA8Qm94IG1hcmdpblRvcD1cInNcIj5cbiAgICAgICAgICAgICAgICA8RGlhbG9nLkRlc2NyaXB0aW9uIGFzPXtEZXNjcmlwdGlvbn0+e2Rlc2NyaXB0aW9ufTwvRGlhbG9nLkRlc2NyaXB0aW9uPlxuICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9EaWFsb2cuUGFuZWw+XG4gICAgICAgIDwvVHJhbnNpdGlvbi5DaGlsZD5cbiAgICAgIDwvRGlhbG9nPlxuICAgIDwvVHJhbnNpdGlvbj5cbiAgKTtcbn07XG5cbk1vZGFsLlRpdGxlID0gVGl0bGU7XG5cbk1vZGFsLnByb3BUeXBlcyA9IHtcbiAgaXNPcGVuOiBQcm9wVHlwZXMuYm9vbCxcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBvbkNsb3NlOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICB0aXRsZTogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLnN0cmluZywgUHJvcFR5cGVzLm5vZGVdKSxcbiAgZGVzY3JpcHRpb246IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5ub2RlXSksXG4gIGNhcmRQYWRkaW5nOiB0eXBlcy5kaW1lbnNpb24sXG4gIGNhcmRNYXhXaWR0aDogdHlwZXMuZGltZW5zaW9uLFxuICB6SW5kZXg6IHR5cGVzLnpJbmRleCxcbiAgaW5pdGlhbEZvY3VzOiBQcm9wVHlwZXMubm9kZSxcbiAgcmV0dXJuRm9jdXM6IFByb3BUeXBlcy5ub2RlLFxufTtcbiJdfQ== */")
   }, props), children);
 });
 var Backdrop = /*#__PURE__*/forwardRef(function (_ref7, ref) {
@@ -191,6 +186,7 @@ export var Modal = function Modal(_ref8) {
     as: Description
   }, description)), children))));
 };
+Modal.Title = Title;
 Modal.propTypes = {
   isOpen: PropTypes.bool,
   children: PropTypes.node,

package/es/components/select.js

@@ -21,7 +21,8 @@ import { IconChevronDown } from '../icons';
 import { Listbox } from '@headlessui/react';
 import { getColor, getRadius } from '../utilities';
 import { defaultProps, types } from '../types';
-import { componentVars, FieldHint, FieldLabel, fieldVars, MenuCard, MenuItem, MenuTransition, styles } from '../foundational';
+import { componentVars, FieldHint, FieldLabel, fieldVars, MenuCard, MenuItem, styles } from '../foundational';
+import { MenuCardController, useMenuPosition } from '../foundational/menu';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var TriggerButton = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
@@ -29,7 +30,7 @@ var TriggerButton = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "pro
 } : {
   target: "e17qd7kh0",
   label: "TriggerButton"
-})(styles.buttonReset, ";", styles.transitions, ";color:inherit;display:flex;align-items:center;gap:8px;border:none;background:", getColor('fade1'), ";padding:0 ", fieldVars.xPadding, ";min-height:", componentVars.textBoxHeight, ";border-radius:", getRadius('s'), ";width:100%;text-align:left;&:hover{background:", getColor('fade2'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3NlbGVjdC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJtQyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9zZWxlY3QuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCBGcmFnbWVudCwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEJveCwgSWNvbiwgVGV4dCwgVGV4dEJ1dHRvbiB9IGZyb20gJy4nO1xuaW1wb3J0IHsgSWNvbkNoZXZyb25Eb3duIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgTGlzdGJveCB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgZGVmYXVsdFByb3BzLCB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7XG4gIGNvbXBvbmVudFZhcnMsXG4gIEZpZWxkSGludCxcbiAgRmllbGRMYWJlbCxcbiAgZmllbGRWYXJzLFxuICBNZW51Q2FyZCxcbiAgTWVudUl0ZW0sXG4gIE1lbnVUcmFuc2l0aW9uLFxuICBzdHlsZXMsXG59IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5cbmNvbnN0IFRyaWdnZXJCdXR0b24gPSBzdHlsZWQuYnV0dG9uYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcblxuICBjb2xvcjogaW5oZXJpdDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiA4cHg7XG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignZmFkZTEnKX07XG4gIHBhZGRpbmc6IDAgJHtmaWVsZFZhcnMueFBhZGRpbmd9O1xuICBtaW4taGVpZ2h0OiAke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH07XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICB3aWR0aDogMTAwJTtcbiAgdGV4dC1hbGlnbjogbGVmdDtcblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdmYWRlMicpfTtcbiAgfVxuYDtcblxuY29uc3QgVHJpZ2dlciA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIHRyaWdnZXJWYXJpYW50LCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPD5cbiAgICB7dHJpZ2dlclZhcmlhbnQgPT09ICdib3gnICYmIChcbiAgICAgIDxUcmlnZ2VyQnV0dG9uIHJlZj17cmVmfSB0eXBlPVwiYnV0dG9uXCIgey4uLnByb3BzfT5cbiAgICAgICAgPFRleHQgaGFzRWxsaXBzaXM+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgPEJveCBtYXJnaW5MZWZ0PVwiYXV0b1wiPlxuICAgICAgICAgIDxJY29uIGljb249ezxJY29uQ2hldnJvbkRvd24gLz59IC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgPC9UcmlnZ2VyQnV0dG9uPlxuICAgICl9XG4gICAge3RyaWdnZXJWYXJpYW50ID09PSAndGV4dCcgJiYgKFxuICAgICAgPFRleHRCdXR0b24gcmVmPXtyZWZ9IGljb249ezxJY29uQ2hldnJvbkRvd24gLz59IGljb25Qb3NpdGlvbj1cInJpZ2h0XCIgey4uLnByb3BzfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9UZXh0QnV0dG9uPlxuICAgICl9XG4gIDwvPlxuKSk7XG5cbmNvbnN0IFNlbGVjdFJvb3QgPSAoeyAuLi5wcm9wcyB9KSA9PiA8Qm94IHsuLi5wcm9wc30gbWluV2lkdGg9XCIwcHhcIiAvPjtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdCA9ICh7XG4gIG9wdGlvbnMsXG4gIHZhbHVlLFxuICBvbkNoYW5nZSxcbiAgbWVudVBsYWNlbWVudCA9IGRlZmF1bHRQcm9wcy5tZW51UGxhY2VtZW50LFxuICBtZW51V2lkdGggPSAnMTAwJScsXG4gIG1lbnVNYXhIZWlnaHQgPSBkZWZhdWx0UHJvcHMubWVudU1heEhlaWdodCxcbiAgdHJpZ2dlcjogY3VzdG9tVHJpZ2dlcixcbiAgdHJpZ2dlclZhcmlhbnQgPSAnYm94JyxcbiAgbGFiZWwsXG4gIGhpbnQsXG4gIG1lbnVaSW5kZXgsXG59KSA9PiB7XG4gIGNvbnN0IGZpZWxkTWFyZ2luVG9wID0gbGFiZWwgfHwgaGludCA/ICdmb3JtQ29udHJvbEFuZExhYmVsR2FwJyA6IHVuZGVmaW5lZDtcbiAgY29uc3Qgc2VsZWN0ZWRPcHRpb24gPSB1c2VNZW1vKFxuICAgICgpID0+IG9wdGlvbnMuZmluZChvcHRpb24gPT4gb3B0aW9uLnZhbHVlID09PSB2YWx1ZSksXG4gICAgW29wdGlvbnMsIHZhbHVlXSxcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxMaXN0Ym94IGFzPXtTZWxlY3RSb290fSB2YWx1ZT17dmFsdWV9IG9uQ2hhbmdlPXtvbkNoYW5nZX0+XG4gICAgICB7bGFiZWwgJiYgPExpc3Rib3guTGFiZWwgYXM9e0ZpZWxkTGFiZWx9PntsYWJlbH08L0xpc3Rib3guTGFiZWw+fVxuICAgICAge2hpbnQgJiYgPEZpZWxkSGludD57aGludH08L0ZpZWxkSGludD59XG5cbiAgICAgIDxCb3ggcG9zaXRpb249XCJyZWxhdGl2ZVwiIG1hcmdpblRvcD17ZmllbGRNYXJnaW5Ub3B9PlxuICAgICAgICA8TGlzdGJveC5CdXR0b24gYXM9e0ZyYWdtZW50fT5cbiAgICAgICAgICB7Y3VzdG9tVHJpZ2dlciA/IChcbiAgICAgICAgICAgIGN1c3RvbVRyaWdnZXIoc2VsZWN0ZWRPcHRpb24pXG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIDxUcmlnZ2VyIHRyaWdnZXJWYXJpYW50PXt0cmlnZ2VyVmFyaWFudH0+e3NlbGVjdGVkT3B0aW9uLmNvbnRlbnR9PC9UcmlnZ2VyPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvTGlzdGJveC5CdXR0b24+XG5cbiAgICAgICAgPE1lbnVUcmFuc2l0aW9uPlxuICAgICAgICAgIDxMaXN0Ym94Lk9wdGlvbnNcbiAgICAgICAgICAgIHBsYWNlbWVudD17bWVudVBsYWNlbWVudH1cbiAgICAgICAgICAgIHdpZHRoPXttZW51V2lkdGh9XG4gICAgICAgICAgICBhcz17TWVudUNhcmR9XG4gICAgICAgICAgICB6SW5kZXg9e21lbnVaSW5kZXh9XG4gICAgICAgICAgICBtYXhIZWlnaHQ9e21lbnVNYXhIZWlnaHR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge29wdGlvbnMubWFwKChvcHRpb24sIGluZGV4KSA9PiAoXG4gICAgICAgICAgICAgIDxMaXN0Ym94Lk9wdGlvbiBrZXk9e2luZGV4fSB2YWx1ZT17b3B0aW9ufSBhcz17RnJhZ21lbnR9IGRpc2FibGVkPXtvcHRpb24uaXNEaXNhYmxlZH0+XG4gICAgICAgICAgICAgICAgeyh7IGFjdGl2ZSB9KSA9PiB7XG4gICAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICA8TWVudUl0ZW1cbiAgICAgICAgICAgICAgICAgICAgICBpc1NlbGVjdGVkPXtvcHRpb24udmFsdWUgPT09IHZhbHVlfVxuICAgICAgICAgICAgICAgICAgICAgIGlzQWN0aXZlPXthY3RpdmV9XG4gICAgICAgICAgICAgICAgICAgICAgaXNEaXNhYmxlZD17b3B0aW9uLmlzRGlzYWJsZWR9XG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICB7b3B0aW9uLmNvbnRlbnR9XG4gICAgICAgICAgICAgICAgICAgIDwvTWVudUl0ZW0+XG4gICAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIDwvTGlzdGJveC5PcHRpb24+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgICA8L0xpc3Rib3guT3B0aW9ucz5cbiAgICAgICAgPC9NZW51VHJhbnNpdGlvbj5cbiAgICAgIDwvQm94PlxuICAgIDwvTGlzdGJveD5cbiAgKTtcbn07XG5cblNlbGVjdC5wcm9wVHlwZXMgPSB7XG4gIG9wdGlvbnM6IFByb3BUeXBlcy5hcnJheSxcbiAgdmFsdWU6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gIG1lbnVQbGFjZW1lbnQ6IHR5cGVzLm1lbnVQbGFjZW1lbnQsXG4gIG1lbnVXaWR0aDogdHlwZXMuZGltZW5zaW9uLFxuICBtZW51WkluZGV4OiB0eXBlcy56SW5kZXgsXG4gIG1lbnVNYXhIZWlnaHQ6IHR5cGVzLmRpbWVuc2lvbixcbiAgdHJpZ2dlcjogUHJvcFR5cGVzLmZ1bmMsXG4gIHRyaWdnZXJWYXJpYW50OiBQcm9wVHlwZXMub25lT2YoWydib3gnLCAndGV4dCddKSxcbiAgbGFiZWw6IHR5cGVzLmxhYmVsLFxuICBoaW50OiB0eXBlcy5oaW50LFxufTtcbiJdfQ== */"));
+})(styles.buttonReset, ";", styles.transitions, ";color:inherit;display:flex;align-items:center;gap:8px;border:none;background:", getColor('fade1'), ";padding:0 ", fieldVars.xPadding, ";min-height:", componentVars.textBoxHeight, ";border-radius:", getRadius('s'), ";width:100%;text-align:left;&:hover{background:", getColor('fade2'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3NlbGVjdC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJtQyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9zZWxlY3QuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCBGcmFnbWVudCwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEJveCwgSWNvbiwgVGV4dCwgVGV4dEJ1dHRvbiB9IGZyb20gJy4nO1xuaW1wb3J0IHsgSWNvbkNoZXZyb25Eb3duIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgTGlzdGJveCB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgZGVmYXVsdFByb3BzLCB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7XG4gIGNvbXBvbmVudFZhcnMsXG4gIEZpZWxkSGludCxcbiAgRmllbGRMYWJlbCxcbiAgZmllbGRWYXJzLFxuICBNZW51Q2FyZCxcbiAgTWVudUl0ZW0sXG4gIHN0eWxlcyxcbn0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IE1lbnVDYXJkQ29udHJvbGxlciwgdXNlTWVudVBvc2l0aW9uIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsL21lbnUnO1xuXG5jb25zdCBUcmlnZ2VyQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgJHtzdHlsZXMuYnV0dG9uUmVzZXR9O1xuICAke3N0eWxlcy50cmFuc2l0aW9uc307XG5cbiAgY29sb3I6IGluaGVyaXQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogOHB4O1xuICBib3JkZXI6IG5vbmU7XG4gIGJhY2tncm91bmQ6ICR7Z2V0Q29sb3IoJ2ZhZGUxJyl9O1xuICBwYWRkaW5nOiAwICR7ZmllbGRWYXJzLnhQYWRkaW5nfTtcbiAgbWluLWhlaWdodDogJHtjb21wb25lbnRWYXJzLnRleHRCb3hIZWlnaHR9O1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgd2lkdGg6IDEwMCU7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG5cbiAgJjpob3ZlciB7XG4gICAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignZmFkZTInKX07XG4gIH1cbmA7XG5cbmNvbnN0IFRyaWdnZXIgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCB0cmlnZ2VyVmFyaWFudCwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDw+XG4gICAge3RyaWdnZXJWYXJpYW50ID09PSAnYm94JyAmJiAoXG4gICAgICA8VHJpZ2dlckJ1dHRvbiByZWY9e3JlZn0gdHlwZT1cImJ1dHRvblwiIHsuLi5wcm9wc30+XG4gICAgICAgIDxUZXh0IGhhc0VsbGlwc2lzPntjaGlsZHJlbn08L1RleHQ+XG4gICAgICAgIDxCb3ggbWFyZ2luTGVmdD1cImF1dG9cIj5cbiAgICAgICAgICA8SWNvbiBpY29uPXs8SWNvbkNoZXZyb25Eb3duIC8+fSAvPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvVHJpZ2dlckJ1dHRvbj5cbiAgICApfVxuICAgIHt0cmlnZ2VyVmFyaWFudCA9PT0gJ3RleHQnICYmIChcbiAgICAgIDxUZXh0QnV0dG9uIHJlZj17cmVmfSBpY29uPXs8SWNvbkNoZXZyb25Eb3duIC8+fSBpY29uUG9zaXRpb249XCJyaWdodFwiIHsuLi5wcm9wc30+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvVGV4dEJ1dHRvbj5cbiAgICApfVxuICA8Lz5cbikpO1xuXG5jb25zdCBTZWxlY3RSb290ID0gKHsgLi4ucHJvcHMgfSkgPT4gPEJveCB7Li4ucHJvcHN9IG1pbldpZHRoPVwiMHB4XCIgLz47XG5cbmV4cG9ydCBjb25zdCBTZWxlY3QgPSAoe1xuICBvcHRpb25zLFxuICB2YWx1ZSxcbiAgb25DaGFuZ2UsXG4gIG1lbnVQbGFjZW1lbnQgPSBkZWZhdWx0UHJvcHMubWVudVBsYWNlbWVudCxcbiAgbWVudVdpZHRoLFxuICBtZW51TWF4SGVpZ2h0ID0gZGVmYXVsdFByb3BzLm1lbnVNYXhIZWlnaHQsXG4gIHRyaWdnZXI6IGN1c3RvbVRyaWdnZXIsXG4gIHRyaWdnZXJWYXJpYW50ID0gJ2JveCcsXG4gIGxhYmVsLFxuICBoaW50LFxuICBtZW51WkluZGV4LFxufSkgPT4ge1xuICBjb25zdCBmaWVsZE1hcmdpblRvcCA9IGxhYmVsIHx8IGhpbnQgPyAnZm9ybUNvbnRyb2xBbmRMYWJlbEdhcCcgOiB1bmRlZmluZWQ7XG4gIGNvbnN0IHNlbGVjdGVkT3B0aW9uID0gdXNlTWVtbyhcbiAgICAoKSA9PiBvcHRpb25zLmZpbmQob3B0aW9uID0+IG9wdGlvbi52YWx1ZSA9PT0gdmFsdWUpLFxuICAgIFtvcHRpb25zLCB2YWx1ZV0sXG4gICk7XG5cbiAgY29uc3QgeyByZWZlcmVuY2UsIGZsb2F0aW5nLCBmbG9hdGluZ1N0eWxlcyB9ID0gdXNlTWVudVBvc2l0aW9uKHsgbWVudVdpZHRoLCBtZW51UGxhY2VtZW50IH0pO1xuXG4gIGNvbnN0IHJvb3RXaWR0aCA9IHRyaWdnZXJWYXJpYW50ID09PSAndGV4dCcgPyAnZml0LWNvbnRlbnQnIDogdW5kZWZpbmVkO1xuXG4gIHJldHVybiAoXG4gICAgPExpc3Rib3ggYXM9e1NlbGVjdFJvb3R9IHZhbHVlPXt2YWx1ZX0gb25DaGFuZ2U9e29uQ2hhbmdlfSB3aWR0aD17cm9vdFdpZHRofT5cbiAgICAgIHtsYWJlbCAmJiA8TGlzdGJveC5MYWJlbCBhcz17RmllbGRMYWJlbH0+e2xhYmVsfTwvTGlzdGJveC5MYWJlbD59XG4gICAgICB7aGludCAmJiA8RmllbGRIaW50PntoaW50fTwvRmllbGRIaW50Pn1cblxuICAgICAgPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCIgbWFyZ2luVG9wPXtmaWVsZE1hcmdpblRvcH0gcmVmPXtyZWZlcmVuY2V9PlxuICAgICAgICA8TGlzdGJveC5CdXR0b24gYXM9e0ZyYWdtZW50fT5cbiAgICAgICAgICB7Y3VzdG9tVHJpZ2dlciA/IChcbiAgICAgICAgICAgIGN1c3RvbVRyaWdnZXIoc2VsZWN0ZWRPcHRpb24pXG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIDxUcmlnZ2VyIHRyaWdnZXJWYXJpYW50PXt0cmlnZ2VyVmFyaWFudH0+e3NlbGVjdGVkT3B0aW9uLmNvbnRlbnR9PC9UcmlnZ2VyPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvTGlzdGJveC5CdXR0b24+XG5cbiAgICAgICAgPE1lbnVDYXJkQ29udHJvbGxlcj5cbiAgICAgICAgICA8TGlzdGJveC5PcHRpb25zXG4gICAgICAgICAgICByZWY9e2Zsb2F0aW5nfVxuICAgICAgICAgICAgcGxhY2VtZW50PXttZW51UGxhY2VtZW50fVxuICAgICAgICAgICAgYXM9e01lbnVDYXJkfVxuICAgICAgICAgICAgekluZGV4PXttZW51WkluZGV4fVxuICAgICAgICAgICAgbWF4SGVpZ2h0PXttZW51TWF4SGVpZ2h0fVxuICAgICAgICAgICAgc3R5bGU9e2Zsb2F0aW5nU3R5bGVzfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtvcHRpb25zLm1hcCgob3B0aW9uLCBpbmRleCkgPT4gKFxuICAgICAgICAgICAgICA8TGlzdGJveC5PcHRpb24ga2V5PXtpbmRleH0gdmFsdWU9e29wdGlvbn0gYXM9e0ZyYWdtZW50fSBkaXNhYmxlZD17b3B0aW9uLmlzRGlzYWJsZWR9PlxuICAgICAgICAgICAgICAgIHsoeyBhY3RpdmUgfSkgPT4ge1xuICAgICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgPE1lbnVJdGVtXG4gICAgICAgICAgICAgICAgICAgICAgaXNTZWxlY3RlZD17b3B0aW9uLnZhbHVlID09PSB2YWx1ZX1cbiAgICAgICAgICAgICAgICAgICAgICBpc0FjdGl2ZT17YWN0aXZlfVxuICAgICAgICAgICAgICAgICAgICAgIGlzRGlzYWJsZWQ9e29wdGlvbi5pc0Rpc2FibGVkfVxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAge29wdGlvbi5jb250ZW50fVxuICAgICAgICAgICAgICAgICAgICA8L01lbnVJdGVtPlxuICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICA8L0xpc3Rib3guT3B0aW9uPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgICAgPC9MaXN0Ym94Lk9wdGlvbnM+XG4gICAgICAgIDwvTWVudUNhcmRDb250cm9sbGVyPlxuICAgICAgPC9Cb3g+XG4gICAgPC9MaXN0Ym94PlxuICApO1xufTtcblxuU2VsZWN0LnByb3BUeXBlcyA9IHtcbiAgb3B0aW9uczogUHJvcFR5cGVzLmFycmF5LFxuICB2YWx1ZTogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgbWVudVBsYWNlbWVudDogdHlwZXMubWVudVBsYWNlbWVudCxcbiAgbWVudVdpZHRoOiB0eXBlcy5kaW1lbnNpb24sXG4gIG1lbnVaSW5kZXg6IHR5cGVzLnpJbmRleCxcbiAgbWVudU1heEhlaWdodDogdHlwZXMuZGltZW5zaW9uLFxuICB0cmlnZ2VyOiBQcm9wVHlwZXMuZnVuYyxcbiAgdHJpZ2dlclZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ2JveCcsICd0ZXh0J10pLFxuICBsYWJlbDogdHlwZXMubGFiZWwsXG4gIGhpbnQ6IHR5cGVzLmhpbnQsXG59O1xuIl19 */"));
 
 var Trigger = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
@@ -65,8 +66,7 @@ export var Select = function Select(_ref3) {
       onChange = _ref3.onChange,
       _ref3$menuPlacement = _ref3.menuPlacement,
       menuPlacement = _ref3$menuPlacement === void 0 ? defaultProps.menuPlacement : _ref3$menuPlacement,
-      _ref3$menuWidth = _ref3.menuWidth,
-      menuWidth = _ref3$menuWidth === void 0 ? '100%' : _ref3$menuWidth,
+      menuWidth = _ref3.menuWidth,
       _ref3$menuMaxHeight = _ref3.menuMaxHeight,
       menuMaxHeight = _ref3$menuMaxHeight === void 0 ? defaultProps.menuMaxHeight : _ref3$menuMaxHeight,
       customTrigger = _ref3.trigger,
@@ -81,25 +81,38 @@ export var Select = function Select(_ref3) {
       return option.value === value;
     });
   }, [options, value]);
+
+  var _useMenuPosition = useMenuPosition({
+    menuWidth: menuWidth,
+    menuPlacement: menuPlacement
+  }),
+      reference = _useMenuPosition.reference,
+      floating = _useMenuPosition.floating,
+      floatingStyles = _useMenuPosition.floatingStyles;
+
+  var rootWidth = triggerVariant === 'text' ? 'fit-content' : undefined;
   return ___EmotionJSX(Listbox, {
     as: SelectRoot,
     value: value,
-    onChange: onChange
+    onChange: onChange,
+    width: rootWidth
   }, label && ___EmotionJSX(Listbox.Label, {
     as: FieldLabel
   }, label), hint && ___EmotionJSX(FieldHint, null, hint), ___EmotionJSX(Box, {
     position: "relative",
-    marginTop: fieldMarginTop
+    marginTop: fieldMarginTop,
+    ref: reference
   }, ___EmotionJSX(Listbox.Button, {
     as: Fragment
   }, customTrigger ? customTrigger(selectedOption) : ___EmotionJSX(Trigger, {
     triggerVariant: triggerVariant
-  }, selectedOption.content)), ___EmotionJSX(MenuTransition, null, ___EmotionJSX(Listbox.Options, {
+  }, selectedOption.content)), ___EmotionJSX(MenuCardController, null, ___EmotionJSX(Listbox.Options, {
+    ref: floating,
     placement: menuPlacement,
-    width: menuWidth,
     as: MenuCard,
     zIndex: menuZIndex,
-    maxHeight: menuMaxHeight
+    maxHeight: menuMaxHeight,
+    style: floatingStyles
   }, options.map(function (option, index) {
     return ___EmotionJSX(Listbox.Option, {
       key: index,

package/es/components/text.js

@@ -2,7 +2,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";
-var _excluded = ["children", "size", "weight", "color", "tag", "hasEllipsis", "ellipsisLines", "align", "letterSpacing", "textTransform", "variant"];
+var _excluded = ["children", "size", "weight", "color", "tag", "hasEllipsis", "ellipsisLines", "align", "letterSpacing", "textTransform", "variant", "trimTop"];
 
 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); }
 
@@ -19,8 +19,10 @@ import { css } from '@emotion/react';
 import { types } from '../types';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var variantStyles = {
-  caps: /*#__PURE__*/css("font-size:11px;font-weight:", getWeight('semiBold'), ";text-transform:uppercase;letter-spacing:0.2em;" + (process.env.NODE_ENV === "production" ? "" : ";label:caps;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9XIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJlc3BvbnNpdmVUZXh0U2l6ZSwgZ2V0V2VpZ2h0IH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIGNhcHM6IGNzc2BcbiAgICBmb250LXNpemU6IDExcHg7XG4gICAgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdzZW1pQm9sZCcpfTtcbiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICAgIGxldHRlci1zcGFjaW5nOiAwLjJlbTtcbiAgYCxcbn07XG5cbmV4cG9ydCBjb25zdCBUZXh0ID0gKHtcbiAgY2hpbGRyZW4sXG4gIHNpemUgPSAnbScsXG4gIHdlaWdodCxcbiAgY29sb3IsXG4gIHRhZyA9ICdzcGFuJyxcbiAgaGFzRWxsaXBzaXMsXG4gIGVsbGlwc2lzTGluZXMsXG4gIGFsaWduLFxuICBsZXR0ZXJTcGFjaW5nLFxuICB0ZXh0VHJhbnNmb3JtLFxuICB2YXJpYW50LFxuICAuLi5wcm9wc1xufSkgPT4ge1xuICBjb25zdCBUYWcgPSB0YWc7XG4gIHJldHVybiAoXG4gICAgPFRhZ1xuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7IXZhcmlhbnQgJiZcbiAgICAgICAgYFxuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVRleHRTaXplKHNpemUpfTtcbiAgICAgICAgICAke3RleHRUcmFuc2Zvcm0gJiYgYHRleHQtdHJhbnNmb3JtOiAke3RleHRUcmFuc2Zvcm19YH07XG4gICAgICAgICAgJHtsZXR0ZXJTcGFjaW5nICYmIGBsZXR0ZXItc3BhY2luZzogJHtsZXR0ZXJTcGFjaW5nfWB9O1xuICAgICAgICAgICR7d2VpZ2h0ICYmIGBmb250LXdlaWdodDogJHtnZXRXZWlnaHQod2VpZ2h0KX1gfTtcbiAgICAgICAgYH1cblxuICAgICAgICAke3ZhcmlhbnQgJiYgdmFyaWFudFN0eWxlc1t2YXJpYW50XX1cblxuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgY29sb3I6ICR7Z2V0Q29sb3IoY29sb3IpfTtcbiAgICAgICAgdGV4dC1hbGlnbjogJHthbGlnbn07XG5cbiAgICAgICAgJHtoYXNFbGxpcHNpcyAmJlxuICAgICAgICBgXG4gICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgICAgICAkeyFlbGxpcHNpc0xpbmVzICYmIGB3aGl0ZS1zcGFjZTogbm93cmFwYH07XG4gICAgICAgIGB9O1xuXG4gICAgICAgICR7aGFzRWxsaXBzaXMgJiZcbiAgICAgICAgZWxsaXBzaXNMaW5lcyAmJlxuICAgICAgICBgXG4gICAgICAgICAgZGlzcGxheTogLXdlYmtpdC1ib3g7XG4gICAgICAgICAgLXdlYmtpdC1saW5lLWNsYW1wOiAke2VsbGlwc2lzTGluZXN9O1xuICAgICAgICAgIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7XG4gICAgICAgIGB9O1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UYWc+XG4gICk7XG59O1xuXG5UZXh0LnByb3BUeXBlcyA9IHtcbiAgc2l6ZTogdHlwZXMucmVzcG9uc2l2ZVRleHRTaXplLFxuICB3ZWlnaHQ6IHR5cGVzLndlaWdodCxcbiAgY29sb3I6IHR5cGVzLmNvbG9yLFxuICBhbGlnbjogdHlwZXMudGV4dEFsaWduLFxuICB0YWc6IHR5cGVzLnRleHRUYWcsXG4gIGhhc0VsbGlwc2lzOiBQcm9wVHlwZXMuYm9vbCxcbiAgZWxsaXBzaXNMaW5lczogUHJvcFR5cGVzLm51bWJlcixcbiAgbGV0dGVyU3BhY2luZzogUHJvcFR5cGVzLnN0cmluZyxcbiAgdGV4dFRyYW5zZm9ybTogUHJvcFR5cGVzLm9uZU9mKFsnY2FwaXRhbGl6ZScsICd1cHBlcmNhc2UnLCAnbG93ZXJjYXNlJ10pLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWydjYXBzJ10pLFxufTtcbiJdfQ== */")
+  caps: /*#__PURE__*/css("font-size:11px;font-weight:", getWeight('semiBold'), ";text-transform:uppercase;letter-spacing:0.2em;" + (process.env.NODE_ENV === "production" ? "" : ";label:caps;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9XIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJlc3BvbnNpdmVUZXh0U2l6ZSwgZ2V0V2VpZ2h0IH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIGNhcHM6IGNzc2BcbiAgICBmb250LXNpemU6IDExcHg7XG4gICAgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdzZW1pQm9sZCcpfTtcbiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICAgIGxldHRlci1zcGFjaW5nOiAwLjJlbTtcbiAgYCxcbn07XG5cbmNvbnN0IGxpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXQgPSBgY2FsYygodmFyKC0tZ3JuLWxpbmVIZWlnaHQtZ2xvYmFsKSAtIDAuNzRlbSkgLyAtMilgO1xuXG5jb25zdCB0cmltVG9wU3R5bGVzID0gY3NzYFxuICAmOmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgbWFyZ2luLWJvdHRvbTogJHtsaW5lSGVpZ2h0QW5kQ2FwSGVpZ2h0T2Zmc2V0fTtcbiAgICBkaXNwbGF5OiB0YWJsZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRleHQgPSAoe1xuICBjaGlsZHJlbixcbiAgc2l6ZSA9ICdtJyxcbiAgd2VpZ2h0LFxuICBjb2xvcixcbiAgdGFnID0gJ3NwYW4nLFxuICBoYXNFbGxpcHNpcyxcbiAgZWxsaXBzaXNMaW5lcyxcbiAgYWxpZ24sXG4gIGxldHRlclNwYWNpbmcsXG4gIHRleHRUcmFuc2Zvcm0sXG4gIHZhcmlhbnQsXG4gIHRyaW1Ub3AsXG4gIC4uLnByb3BzXG59KSA9PiB7XG4gIGNvbnN0IFRhZyA9IHRhZztcbiAgcmV0dXJuIChcbiAgICA8VGFnXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHshdmFyaWFudCAmJlxuICAgICAgICBgXG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlVGV4dFNpemUoc2l6ZSl9O1xuICAgICAgICAgICR7dGV4dFRyYW5zZm9ybSAmJiBgdGV4dC10cmFuc2Zvcm06ICR7dGV4dFRyYW5zZm9ybX1gfTtcbiAgICAgICAgICAke2xldHRlclNwYWNpbmcgJiYgYGxldHRlci1zcGFjaW5nOiAke2xldHRlclNwYWNpbmd9YH07XG4gICAgICAgICAgJHt3ZWlnaHQgJiYgYGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCh3ZWlnaHQpfWB9O1xuICAgICAgICBgfVxuXG4gICAgICAgICR7dmFyaWFudCAmJiB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdfVxuXG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICBjb2xvcjogJHtnZXRDb2xvcihjb2xvcil9O1xuICAgICAgICB0ZXh0LWFsaWduOiAke2FsaWdufTtcblxuICAgICAgICAke2hhc0VsbGlwc2lzICYmXG4gICAgICAgIGBcbiAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgICAgICR7IWVsbGlwc2lzTGluZXMgJiYgYHdoaXRlLXNwYWNlOiBub3dyYXBgfTtcbiAgICAgICAgYH07XG5cbiAgICAgICAgJHtoYXNFbGxpcHNpcyAmJlxuICAgICAgICBlbGxpcHNpc0xpbmVzICYmXG4gICAgICAgIGBcbiAgICAgICAgICBkaXNwbGF5OiAtd2Via2l0LWJveDtcbiAgICAgICAgICAtd2Via2l0LWxpbmUtY2xhbXA6ICR7ZWxsaXBzaXNMaW5lc307XG4gICAgICAgICAgLXdlYmtpdC1ib3gtb3JpZW50OiB2ZXJ0aWNhbDtcbiAgICAgICAgYH07XG4gICAgICAgICR7dHJpbVRvcCAmJiB0cmltVG9wU3R5bGVzfTtcbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGFnPlxuICApO1xufTtcblxuVGV4dC5wcm9wVHlwZXMgPSB7XG4gIHNpemU6IHR5cGVzLnJlc3BvbnNpdmVUZXh0U2l6ZSxcbiAgd2VpZ2h0OiB0eXBlcy53ZWlnaHQsXG4gIGNvbG9yOiB0eXBlcy5jb2xvcixcbiAgYWxpZ246IHR5cGVzLnRleHRBbGlnbixcbiAgdGFnOiB0eXBlcy50ZXh0VGFnLFxuICBoYXNFbGxpcHNpczogUHJvcFR5cGVzLmJvb2wsXG4gIGVsbGlwc2lzTGluZXM6IFByb3BUeXBlcy5udW1iZXIsXG4gIGxldHRlclNwYWNpbmc6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHRleHRUcmFuc2Zvcm06IFByb3BUeXBlcy5vbmVPZihbJ2NhcGl0YWxpemUnLCAndXBwZXJjYXNlJywgJ2xvd2VyY2FzZSddKSxcbiAgdmFyaWFudDogUHJvcFR5cGVzLm9uZU9mKFsnY2FwcyddKSxcbiAgdHJpbVRvcDogUHJvcFR5cGVzLmJvb2wsXG59O1xuIl19 */")
 };
+var lineHeightAndCapHeightOffset = "calc((var(--grn-lineHeight-global) - 0.74em) / -2)";
+var trimTopStyles = /*#__PURE__*/css("&:before{content:'';margin-bottom:", lineHeightAndCapHeightOffset, ";display:table;}" + (process.env.NODE_ENV === "production" ? "" : ";label:trimTopStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCeUIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmVzcG9uc2l2ZVRleHRTaXplLCBnZXRXZWlnaHQgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgdmFyaWFudFN0eWxlcyA9IHtcbiAgY2FwczogY3NzYFxuICAgIGZvbnQtc2l6ZTogMTFweDtcbiAgICBmb250LXdlaWdodDogJHtnZXRXZWlnaHQoJ3NlbWlCb2xkJyl9O1xuICAgIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG4gICAgbGV0dGVyLXNwYWNpbmc6IDAuMmVtO1xuICBgLFxufTtcblxuY29uc3QgbGluZUhlaWdodEFuZENhcEhlaWdodE9mZnNldCA9IGBjYWxjKCh2YXIoLS1ncm4tbGluZUhlaWdodC1nbG9iYWwpIC0gMC43NGVtKSAvIC0yKWA7XG5cbmNvbnN0IHRyaW1Ub3BTdHlsZXMgPSBjc3NgXG4gICY6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBtYXJnaW4tYm90dG9tOiAke2xpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXR9O1xuICAgIGRpc3BsYXk6IHRhYmxlO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dCA9ICh7XG4gIGNoaWxkcmVuLFxuICBzaXplID0gJ20nLFxuICB3ZWlnaHQsXG4gIGNvbG9yLFxuICB0YWcgPSAnc3BhbicsXG4gIGhhc0VsbGlwc2lzLFxuICBlbGxpcHNpc0xpbmVzLFxuICBhbGlnbixcbiAgbGV0dGVyU3BhY2luZyxcbiAgdGV4dFRyYW5zZm9ybSxcbiAgdmFyaWFudCxcbiAgdHJpbVRvcCxcbiAgLi4ucHJvcHNcbn0pID0+IHtcbiAgY29uc3QgVGFnID0gdGFnO1xuICByZXR1cm4gKFxuICAgIDxUYWdcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICAkeyF2YXJpYW50ICYmXG4gICAgICAgIGBcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVUZXh0U2l6ZShzaXplKX07XG4gICAgICAgICAgJHt0ZXh0VHJhbnNmb3JtICYmIGB0ZXh0LXRyYW5zZm9ybTogJHt0ZXh0VHJhbnNmb3JtfWB9O1xuICAgICAgICAgICR7bGV0dGVyU3BhY2luZyAmJiBgbGV0dGVyLXNwYWNpbmc6ICR7bGV0dGVyU3BhY2luZ31gfTtcbiAgICAgICAgICAke3dlaWdodCAmJiBgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KHdlaWdodCl9YH07XG4gICAgICAgIGB9XG5cbiAgICAgICAgJHt2YXJpYW50ICYmIHZhcmlhbnRTdHlsZXNbdmFyaWFudF19XG5cbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIGNvbG9yOiAke2dldENvbG9yKGNvbG9yKX07XG4gICAgICAgIHRleHQtYWxpZ246ICR7YWxpZ259O1xuXG4gICAgICAgICR7aGFzRWxsaXBzaXMgJiZcbiAgICAgICAgYFxuICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICAgICAgJHshZWxsaXBzaXNMaW5lcyAmJiBgd2hpdGUtc3BhY2U6IG5vd3JhcGB9O1xuICAgICAgICBgfTtcblxuICAgICAgICAke2hhc0VsbGlwc2lzICYmXG4gICAgICAgIGVsbGlwc2lzTGluZXMgJiZcbiAgICAgICAgYFxuICAgICAgICAgIGRpc3BsYXk6IC13ZWJraXQtYm94O1xuICAgICAgICAgIC13ZWJraXQtbGluZS1jbGFtcDogJHtlbGxpcHNpc0xpbmVzfTtcbiAgICAgICAgICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuICAgICAgICBgfTtcbiAgICAgICAgJHt0cmltVG9wICYmIHRyaW1Ub3BTdHlsZXN9O1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UYWc+XG4gICk7XG59O1xuXG5UZXh0LnByb3BUeXBlcyA9IHtcbiAgc2l6ZTogdHlwZXMucmVzcG9uc2l2ZVRleHRTaXplLFxuICB3ZWlnaHQ6IHR5cGVzLndlaWdodCxcbiAgY29sb3I6IHR5cGVzLmNvbG9yLFxuICBhbGlnbjogdHlwZXMudGV4dEFsaWduLFxuICB0YWc6IHR5cGVzLnRleHRUYWcsXG4gIGhhc0VsbGlwc2lzOiBQcm9wVHlwZXMuYm9vbCxcbiAgZWxsaXBzaXNMaW5lczogUHJvcFR5cGVzLm51bWJlcixcbiAgbGV0dGVyU3BhY2luZzogUHJvcFR5cGVzLnN0cmluZyxcbiAgdGV4dFRyYW5zZm9ybTogUHJvcFR5cGVzLm9uZU9mKFsnY2FwaXRhbGl6ZScsICd1cHBlcmNhc2UnLCAnbG93ZXJjYXNlJ10pLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWydjYXBzJ10pLFxuICB0cmltVG9wOiBQcm9wVHlwZXMuYm9vbCxcbn07XG4iXX0= */");
 export var Text = function Text(_ref) {
   var children = _ref.children,
       _ref$size = _ref.size,
@@ -35,11 +37,12 @@ export var Text = function Text(_ref) {
       letterSpacing = _ref.letterSpacing,
       textTransform = _ref.textTransform,
       variant = _ref.variant,
+      trimTop = _ref.trimTop,
       props = _objectWithoutProperties(_ref, _excluded);
 
   var Tag = tag;
   return ___EmotionJSX(Tag, _extends({
-    css: /*#__PURE__*/css(!variant && "\n          ".concat(getResponsiveTextSize(size), ";\n          ").concat(textTransform && "text-transform: ".concat(textTransform), ";\n          ").concat(letterSpacing && "letter-spacing: ".concat(letterSpacing), ";\n          ").concat(weight && "font-weight: ".concat(getWeight(weight)), ";\n        "), " ", variant && variantStyles[variant], " display:block;color:", getColor(color), ";text-align:", align, ";", hasEllipsis && "\n          overflow: hidden;\n          text-overflow: ellipsis;\n          ".concat(!ellipsisLines && "white-space: nowrap", ";\n        "), ";", hasEllipsis && ellipsisLines && "\n          display: -webkit-box;\n          -webkit-line-clamp: ".concat(ellipsisLines, ";\n          -webkit-box-orient: vertical;\n        "), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Text;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDYyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy90ZXh0LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yLCBnZXRSZXNwb25zaXZlVGV4dFNpemUsIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCB2YXJpYW50U3R5bGVzID0ge1xuICBjYXBzOiBjc3NgXG4gICAgZm9udC1zaXplOiAxMXB4O1xuICAgIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnc2VtaUJvbGQnKX07XG4gICAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgICBsZXR0ZXItc3BhY2luZzogMC4yZW07XG4gIGAsXG59O1xuXG5leHBvcnQgY29uc3QgVGV4dCA9ICh7XG4gIGNoaWxkcmVuLFxuICBzaXplID0gJ20nLFxuICB3ZWlnaHQsXG4gIGNvbG9yLFxuICB0YWcgPSAnc3BhbicsXG4gIGhhc0VsbGlwc2lzLFxuICBlbGxpcHNpc0xpbmVzLFxuICBhbGlnbixcbiAgbGV0dGVyU3BhY2luZyxcbiAgdGV4dFRyYW5zZm9ybSxcbiAgdmFyaWFudCxcbiAgLi4ucHJvcHNcbn0pID0+IHtcbiAgY29uc3QgVGFnID0gdGFnO1xuICByZXR1cm4gKFxuICAgIDxUYWdcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICAkeyF2YXJpYW50ICYmXG4gICAgICAgIGBcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVUZXh0U2l6ZShzaXplKX07XG4gICAgICAgICAgJHt0ZXh0VHJhbnNmb3JtICYmIGB0ZXh0LXRyYW5zZm9ybTogJHt0ZXh0VHJhbnNmb3JtfWB9O1xuICAgICAgICAgICR7bGV0dGVyU3BhY2luZyAmJiBgbGV0dGVyLXNwYWNpbmc6ICR7bGV0dGVyU3BhY2luZ31gfTtcbiAgICAgICAgICAke3dlaWdodCAmJiBgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KHdlaWdodCl9YH07XG4gICAgICAgIGB9XG5cbiAgICAgICAgJHt2YXJpYW50ICYmIHZhcmlhbnRTdHlsZXNbdmFyaWFudF19XG5cbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIGNvbG9yOiAke2dldENvbG9yKGNvbG9yKX07XG4gICAgICAgIHRleHQtYWxpZ246ICR7YWxpZ259O1xuXG4gICAgICAgICR7aGFzRWxsaXBzaXMgJiZcbiAgICAgICAgYFxuICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICAgICAgJHshZWxsaXBzaXNMaW5lcyAmJiBgd2hpdGUtc3BhY2U6IG5vd3JhcGB9O1xuICAgICAgICBgfTtcblxuICAgICAgICAke2hhc0VsbGlwc2lzICYmXG4gICAgICAgIGVsbGlwc2lzTGluZXMgJiZcbiAgICAgICAgYFxuICAgICAgICAgIGRpc3BsYXk6IC13ZWJraXQtYm94O1xuICAgICAgICAgIC13ZWJraXQtbGluZS1jbGFtcDogJHtlbGxpcHNpc0xpbmVzfTtcbiAgICAgICAgICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuICAgICAgICBgfTtcbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvVGFnPlxuICApO1xufTtcblxuVGV4dC5wcm9wVHlwZXMgPSB7XG4gIHNpemU6IHR5cGVzLnJlc3BvbnNpdmVUZXh0U2l6ZSxcbiAgd2VpZ2h0OiB0eXBlcy53ZWlnaHQsXG4gIGNvbG9yOiB0eXBlcy5jb2xvcixcbiAgYWxpZ246IHR5cGVzLnRleHRBbGlnbixcbiAgdGFnOiB0eXBlcy50ZXh0VGFnLFxuICBoYXNFbGxpcHNpczogUHJvcFR5cGVzLmJvb2wsXG4gIGVsbGlwc2lzTGluZXM6IFByb3BUeXBlcy5udW1iZXIsXG4gIGxldHRlclNwYWNpbmc6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHRleHRUcmFuc2Zvcm06IFByb3BUeXBlcy5vbmVPZihbJ2NhcGl0YWxpemUnLCAndXBwZXJjYXNlJywgJ2xvd2VyY2FzZSddKSxcbiAgdmFyaWFudDogUHJvcFR5cGVzLm9uZU9mKFsnY2FwcyddKSxcbn07XG4iXX0= */")
+    css: /*#__PURE__*/css(!variant && "\n          ".concat(getResponsiveTextSize(size), ";\n          ").concat(textTransform && "text-transform: ".concat(textTransform), ";\n          ").concat(letterSpacing && "letter-spacing: ".concat(letterSpacing), ";\n          ").concat(weight && "font-weight: ".concat(getWeight(weight)), ";\n        "), " ", variant && variantStyles[variant], " display:block;color:", getColor(color), ";text-align:", align, ";", hasEllipsis && "\n          overflow: hidden;\n          text-overflow: ellipsis;\n          ".concat(!ellipsisLines && "white-space: nowrap", ";\n        "), ";", hasEllipsis && ellipsisLines && "\n          display: -webkit-box;\n          -webkit-line-clamp: ".concat(ellipsisLines, ";\n          -webkit-box-orient: vertical;\n        "), ";", trimTop && trimTopStyles, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Text;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDYyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy90ZXh0LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yLCBnZXRSZXNwb25zaXZlVGV4dFNpemUsIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCB2YXJpYW50U3R5bGVzID0ge1xuICBjYXBzOiBjc3NgXG4gICAgZm9udC1zaXplOiAxMXB4O1xuICAgIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnc2VtaUJvbGQnKX07XG4gICAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgICBsZXR0ZXItc3BhY2luZzogMC4yZW07XG4gIGAsXG59O1xuXG5jb25zdCBsaW5lSGVpZ2h0QW5kQ2FwSGVpZ2h0T2Zmc2V0ID0gYGNhbGMoKHZhcigtLWdybi1saW5lSGVpZ2h0LWdsb2JhbCkgLSAwLjc0ZW0pIC8gLTIpYDtcblxuY29uc3QgdHJpbVRvcFN0eWxlcyA9IGNzc2BcbiAgJjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIG1hcmdpbi1ib3R0b206ICR7bGluZUhlaWdodEFuZENhcEhlaWdodE9mZnNldH07XG4gICAgZGlzcGxheTogdGFibGU7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0ID0gKHtcbiAgY2hpbGRyZW4sXG4gIHNpemUgPSAnbScsXG4gIHdlaWdodCxcbiAgY29sb3IsXG4gIHRhZyA9ICdzcGFuJyxcbiAgaGFzRWxsaXBzaXMsXG4gIGVsbGlwc2lzTGluZXMsXG4gIGFsaWduLFxuICBsZXR0ZXJTcGFjaW5nLFxuICB0ZXh0VHJhbnNmb3JtLFxuICB2YXJpYW50LFxuICB0cmltVG9wLFxuICAuLi5wcm9wc1xufSkgPT4ge1xuICBjb25zdCBUYWcgPSB0YWc7XG4gIHJldHVybiAoXG4gICAgPFRhZ1xuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7IXZhcmlhbnQgJiZcbiAgICAgICAgYFxuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVRleHRTaXplKHNpemUpfTtcbiAgICAgICAgICAke3RleHRUcmFuc2Zvcm0gJiYgYHRleHQtdHJhbnNmb3JtOiAke3RleHRUcmFuc2Zvcm19YH07XG4gICAgICAgICAgJHtsZXR0ZXJTcGFjaW5nICYmIGBsZXR0ZXItc3BhY2luZzogJHtsZXR0ZXJTcGFjaW5nfWB9O1xuICAgICAgICAgICR7d2VpZ2h0ICYmIGBmb250LXdlaWdodDogJHtnZXRXZWlnaHQod2VpZ2h0KX1gfTtcbiAgICAgICAgYH1cblxuICAgICAgICAke3ZhcmlhbnQgJiYgdmFyaWFudFN0eWxlc1t2YXJpYW50XX1cblxuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgY29sb3I6ICR7Z2V0Q29sb3IoY29sb3IpfTtcbiAgICAgICAgdGV4dC1hbGlnbjogJHthbGlnbn07XG5cbiAgICAgICAgJHtoYXNFbGxpcHNpcyAmJlxuICAgICAgICBgXG4gICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgICAgICAkeyFlbGxpcHNpc0xpbmVzICYmIGB3aGl0ZS1zcGFjZTogbm93cmFwYH07XG4gICAgICAgIGB9O1xuXG4gICAgICAgICR7aGFzRWxsaXBzaXMgJiZcbiAgICAgICAgZWxsaXBzaXNMaW5lcyAmJlxuICAgICAgICBgXG4gICAgICAgICAgZGlzcGxheTogLXdlYmtpdC1ib3g7XG4gICAgICAgICAgLXdlYmtpdC1saW5lLWNsYW1wOiAke2VsbGlwc2lzTGluZXN9O1xuICAgICAgICAgIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7XG4gICAgICAgIGB9O1xuICAgICAgICAke3RyaW1Ub3AgJiYgdHJpbVRvcFN0eWxlc307XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RhZz5cbiAgKTtcbn07XG5cblRleHQucHJvcFR5cGVzID0ge1xuICBzaXplOiB0eXBlcy5yZXNwb25zaXZlVGV4dFNpemUsXG4gIHdlaWdodDogdHlwZXMud2VpZ2h0LFxuICBjb2xvcjogdHlwZXMuY29sb3IsXG4gIGFsaWduOiB0eXBlcy50ZXh0QWxpZ24sXG4gIHRhZzogdHlwZXMudGV4dFRhZyxcbiAgaGFzRWxsaXBzaXM6IFByb3BUeXBlcy5ib29sLFxuICBlbGxpcHNpc0xpbmVzOiBQcm9wVHlwZXMubnVtYmVyLFxuICBsZXR0ZXJTcGFjaW5nOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0ZXh0VHJhbnNmb3JtOiBQcm9wVHlwZXMub25lT2YoWydjYXBpdGFsaXplJywgJ3VwcGVyY2FzZScsICdsb3dlcmNhc2UnXSksXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ2NhcHMnXSksXG4gIHRyaW1Ub3A6IFByb3BUeXBlcy5ib29sLFxufTtcbiJdfQ== */")
   }, props), children);
 };
 Text.propTypes = {
@@ -52,5 +55,6 @@ Text.propTypes = {
   ellipsisLines: PropTypes.number,
   letterSpacing: PropTypes.string,
   textTransform: PropTypes.oneOf(['capitalize', 'uppercase', 'lowercase']),
-  variant: PropTypes.oneOf(['caps'])
+  variant: PropTypes.oneOf(['caps']),
+  trimTop: PropTypes.bool
 };

package/es/foundational/index.js

@@ -1,3 +1,3 @@
-export { MenuCard, MenuGroupTitle, MenuItem, MenuTransition } from './menu';
+export { MenuCard, MenuGroupTitle, MenuItem, MenuTransition, MenuCardController } from './menu';
 export { InputField, FieldLabel, InlineFieldLabel, fieldVars, FieldHint } from './field';
 export { componentVars, styles, getClearButtonStyles, placementStyles } from './styles';

package/es/foundational/menu.js

@@ -1,15 +1,17 @@
 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.object.define-property.js";
 var _excluded = ["children", "show"],
-    _excluded2 = ["children", "zIndex", "width", "placement", "maxHeight"],
-    _excluded3 = ["children", "isDisabled", "hasIcon", "isSelected", "color"],
-    _excluded4 = ["children", "isSelected", "isActive", "isDisabled", "icon", "variant", "hasDivider"];
+    _excluded2 = ["children"],
+    _excluded3 = ["children", "zIndex", "placement", "maxHeight"],
+    _excluded4 = ["children", "isDisabled", "hasIcon", "isSelected", "color"],
+    _excluded5 = ["children", "isSelected", "isActive", "isDisabled", "icon", "variant", "hasDivider"];
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+import "core-js/modules/es.object.assign.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); }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -18,11 +20,12 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 import React, { forwardRef } from 'react';
 import { css } from '@emotion/react';
-import { getColor, getDimension, getRadius, getShadow, getTransition } from '../utilities';
+import { getColor, getRadius, getShadow, getTransition } from '../utilities';
 import { Box, Icon, Text } from '../components';
 import { IconCheck } from '../icons';
-import { componentVars, placementStyles } from './styles';
+import { componentVars } from './styles';
 import { Transition } from '@headlessui/react';
+import { autoUpdate, flip, FloatingPortal, size, useFloating } from '@floating-ui/react-dom-interactions';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var cardPadding = 8;
 var cardPaddingPx = "".concat(cardPadding, "px");
@@ -39,21 +42,84 @@ export var MenuTransition = /*#__PURE__*/forwardRef(function (_ref, ref) {
     enterTo: "enterTo",
     leaveFrom: "leaveFrom",
     leaveTo: "leaveTo",
-    css: /*#__PURE__*/css("&.leaveTo,&.enterFrom{opacity:0;}&.enterTo{transition-duration:", getTransition('xxFast'), ";}&.leaveTo{transition-duration:", getTransition('xFast'), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuTransition;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JZIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yLCBnZXREaW1lbnNpb24sIGdldFJhZGl1cywgZ2V0U2hhZG93LCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEJveCwgSWNvbiwgVGV4dCB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgSWNvbkNoZWNrIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgY29tcG9uZW50VmFycywgcGxhY2VtZW50U3R5bGVzIH0gZnJvbSAnLi9zdHlsZXMnO1xuaW1wb3J0IHsgVHJhbnNpdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcblxuY29uc3QgY2FyZFBhZGRpbmcgPSA4O1xuY29uc3QgY2FyZFBhZGRpbmdQeCA9IGAke2NhcmRQYWRkaW5nfXB4YDtcbmNvbnN0IGl0ZW1YUGFkZGluZyA9IDEyO1xuXG5leHBvcnQgY29uc3QgTWVudVRyYW5zaXRpb24gPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCBzaG93LCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFRyYW5zaXRpb25cbiAgICByZWY9e3JlZn1cbiAgICBzaG93PXtzaG93fVxuICAgIGVudGVyRnJvbT1cImVudGVyRnJvbVwiXG4gICAgZW50ZXJUbz1cImVudGVyVG9cIlxuICAgIGxlYXZlRnJvbT1cImxlYXZlRnJvbVwiXG4gICAgbGVhdmVUbz1cImxlYXZlVG9cIlxuICAgIGNzcz17Y3NzYFxuICAgICAgJi5sZWF2ZVRvLFxuICAgICAgJi5lbnRlckZyb20ge1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgfVxuICAgICAgJi5lbnRlclRvIHtcbiAgICAgICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKCd4eEZhc3QnKX07XG4gICAgICB9XG4gICAgICAmLmxlYXZlVG8ge1xuICAgICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ3hGYXN0Jyl9O1xuICAgICAgfVxuICAgIGB9XG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L1RyYW5zaXRpb24+XG4pKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVDYXJkID0gZm9yd2FyZFJlZihcbiAgKHsgY2hpbGRyZW4sIHpJbmRleCA9IDEsIHdpZHRoLCBwbGFjZW1lbnQsIG1heEhlaWdodCwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gICAgPHVsXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwYWRkaW5nOiAke2NhcmRQYWRkaW5nUHh9IDA7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdiYWNrZ3JvdW5kJyl9O1xuICAgICAgICB6LWluZGV4OiAke3pJbmRleH07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7Z2V0U2hhZG93KCdtJyl9O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgICAgICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgICAgIHdpZHRoOiAke2dldERpbWVuc2lvbih3aWR0aCl9O1xuICAgICAgICBtYXgtaGVpZ2h0OiAke2dldERpbWVuc2lvbihtYXhIZWlnaHQpfTtcbiAgICAgICAgJHtwbGFjZW1lbnRTdHlsZXNbcGxhY2VtZW50XX07XG5cbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC91bD5cbiAgKSxcbik7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIG5ldXRyYWw6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3JBY3RpdmU6IGdldENvbG9yKCdiYWNrZ3JvdW5kT3ZlcmxheScpLFxuICAgIGljb25Db2xvckFjdGl2ZTogZ2V0Q29sb3IoJ2NvbnRlbnQnKSxcbiAgfSxcbiAgZGFuZ2VyOiB7XG4gICAgY29sb3I6IGdldENvbG9yKCdkYW5nZXInKSxcbiAgICBiYWNrZ3JvdW5kQ29sb3JBY3RpdmU6IGNvbXBvbmVudFZhcnMuY2xlYXJCdXR0b25EYW5nZXJCYWNrZ3JvdW5kSG92ZXIsXG4gIH0sXG59O1xuXG5jb25zdCBNZW51SXRlbVJvb3QgPSBmb3J3YXJkUmVmKFxuICAoeyBjaGlsZHJlbiwgaXNEaXNhYmxlZCwgaGFzSWNvbiwgaXNTZWxlY3RlZCwgY29sb3IsIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICAgIDxsaVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAke2hhc0ljb24gPyAnYXV0byAxZnInIDogJzFmciBhdXRvJ307XG4gICAgICAgICR7KGhhc0ljb24gfHwgaXNTZWxlY3RlZCkgJiYgYGdhcDogOHB4YH07XG4gICAgICAgICR7aXNEaXNhYmxlZCAmJiBgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpfWB9O1xuICAgICAgICAkeyFpc0Rpc2FibGVkICYmIGBjdXJzb3I6IHBvaW50ZXI7YH07XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogc3RhcnQ7XG4gICAgICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgICAgIHBhZGRpbmc6IDAgJHtpdGVtWFBhZGRpbmd9cHg7XG4gICAgICAgIG1hcmdpbjogMCAke2NhcmRQYWRkaW5nfXB4O1xuICAgICAgICBtaW4taGVpZ2h0OiAke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICAgICAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgICAgICBjb2xvcjogJHtjb2xvcn07XG5cbiAgICAgICAgLkljb24ge1xuICAgICAgICAgIHRyYW5zaXRpb246IHVuc2V0O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2xpPlxuICApLFxuKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVHcm91cFRpdGxlID0gKHsgY2hpbGRyZW4sIGhhc0RpdmlkZXIgfSkgPT4gKFxuICA8Qm94XG4gICAgcGFkZGluZ1g9e2Ake2NhcmRQYWRkaW5nICsgaXRlbVhQYWRkaW5nfXB4YH1cbiAgICBwYWRkaW5nQm90dG9tPXtjYXJkUGFkZGluZ1B4fVxuICAgIG1hcmdpblRvcD17Y2FyZFBhZGRpbmdQeH1cbiAgICBwYWRkaW5nVG9wPXtoYXNEaXZpZGVyID8gYCR7Y2FyZFBhZGRpbmcgKiAyfXB4YCA6IHVuZGVmaW5lZH1cbiAgICBib3JkZXJTaWRlPXtoYXNEaXZpZGVyID8gJ3RvcCcgOiB1bmRlZmluZWR9XG4gID5cbiAgICA8VGV4dCB2YXJpYW50PVwiY2Fwc1wiPntjaGlsZHJlbn08L1RleHQ+XG4gIDwvQm94PlxuKTtcblxuY29uc3QgTWVudUl0ZW1EaXZpZGVyID0gKCkgPT4gKFxuICA8Qm94IGhlaWdodD17Y29tcG9uZW50VmFycy5kaXZpZGVyU3Ryb2tlU2l6ZX0gbWFyZ2luWT17MX0gYmFja2dyb3VuZENvbG9yPVwiYm9yZGVyXCIgLz5cbik7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbSA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7IGNoaWxkcmVuLCBpc1NlbGVjdGVkLCBpc0FjdGl2ZSwgaXNEaXNhYmxlZCwgaWNvbiwgdmFyaWFudCA9ICduZXV0cmFsJywgaGFzRGl2aWRlciwgLi4ucHJvcHMgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICB7aGFzRGl2aWRlciAmJiA8TWVudUl0ZW1EaXZpZGVyIC8+fVxuICAgICAgICA8TWVudUl0ZW1Sb290XG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICBpc0Rpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICAgIGNvbG9yPXt2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmNvbG9yfVxuICAgICAgICAgIGhhc0ljb249e0Jvb2xlYW4oaWNvbil9XG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IGlzQWN0aXZlICYmIHZhcmlhbnRTdHlsZXNbdmFyaWFudF0uYmFja2dyb3VuZENvbG9yQWN0aXZlLFxuICAgICAgICAgICAgWyctLWdybi1jb2xvci1pY29uJ106IGlzQWN0aXZlICYmIHZhcmlhbnRTdHlsZXNbdmFyaWFudF0uaWNvbkNvbG9yQWN0aXZlLFxuICAgICAgICAgIH19XG4gICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICA+XG4gICAgICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gaGFzRXZlbkJvdW5kYXJ5IGNvbG9yPXt2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmNvbG9yfSAvPn1cbiAgICAgICAgICA8Qm94IHdpZHRoPVwiMTAwJVwiIG1pbldpZHRoPVwiMHB4XCIgdGFnPVwic3BhblwiPlxuICAgICAgICAgICAgPFRleHQgaGFzRWxsaXBzaXM+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgICB7aXNTZWxlY3RlZCAmJiA8SWNvbiBpY29uPXs8SWNvbkNoZWNrIC8+fSAvPn1cbiAgICAgICAgPC9NZW51SXRlbVJvb3Q+XG4gICAgICA8Lz5cbiAgICApO1xuICB9LFxuKTtcbiJdfQ== */")
+    css: /*#__PURE__*/css("&.leaveTo,&.enterFrom{opacity:0;}&.enterTo{transition-duration:", getTransition('xxFast'), ";}&.leaveTo{transition-duration:", getTransition('xFast'), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuTransition;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJZIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFNoYWRvdywgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBCb3gsIEljb24sIFRleHQgfSBmcm9tICcuLi9jb21wb25lbnRzJztcbmltcG9ydCB7IEljb25DaGVjayB9IGZyb20gJy4uL2ljb25zJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMgfSBmcm9tICcuL3N0eWxlcyc7XG5pbXBvcnQgeyBUcmFuc2l0aW9uIH0gZnJvbSAnQGhlYWRsZXNzdWkvcmVhY3QnO1xuaW1wb3J0IHtcbiAgYXV0b1VwZGF0ZSxcbiAgZmxpcCxcbiAgRmxvYXRpbmdQb3J0YWwsXG4gIHNpemUsXG4gIHVzZUZsb2F0aW5nLFxufSBmcm9tICdAZmxvYXRpbmctdWkvcmVhY3QtZG9tLWludGVyYWN0aW9ucyc7XG5cbmNvbnN0IGNhcmRQYWRkaW5nID0gODtcbmNvbnN0IGNhcmRQYWRkaW5nUHggPSBgJHtjYXJkUGFkZGluZ31weGA7XG5jb25zdCBpdGVtWFBhZGRpbmcgPSAxMjtcblxuZXhwb3J0IGNvbnN0IE1lbnVUcmFuc2l0aW9uID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgc2hvdywgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxUcmFuc2l0aW9uXG4gICAgcmVmPXtyZWZ9XG4gICAgc2hvdz17c2hvd31cbiAgICBlbnRlckZyb209XCJlbnRlckZyb21cIlxuICAgIGVudGVyVG89XCJlbnRlclRvXCJcbiAgICBsZWF2ZUZyb209XCJsZWF2ZUZyb21cIlxuICAgIGxlYXZlVG89XCJsZWF2ZVRvXCJcbiAgICBjc3M9e2Nzc2BcbiAgICAgICYubGVhdmVUbyxcbiAgICAgICYuZW50ZXJGcm9tIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgIH1cbiAgICAgICYuZW50ZXJUbyB7XG4gICAgICAgIHRyYW5zaXRpb24tZHVyYXRpb246ICR7Z2V0VHJhbnNpdGlvbigneHhGYXN0Jyl9O1xuICAgICAgfVxuICAgICAgJi5sZWF2ZVRvIHtcbiAgICAgICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKCd4RmFzdCcpfTtcbiAgICAgIH1cbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UcmFuc2l0aW9uPlxuKSk7XG5cbmNvbnN0IHBsYWNlbWVudHNNYXAgPSB7XG4gIHRvcDogJ3RvcCcsXG4gIHRvcFN0YXJ0OiAndG9wLXN0YXJ0JyxcbiAgdG9wRW5kOiAndG9wLWVuZCcsXG4gIGJvdHRvbTogJ2JvdHRvbScsXG4gIGJvdHRvbVN0YXJ0OiAnYm90dG9tLXN0YXJ0JyxcbiAgYm90dG9tRW5kOiAnYm90dG9tLWVuZCcsXG4gIHJpZ2h0OiAncmlnaHQnLFxuICByaWdodFN0YXJ0OiAncmlnaHQtc3RhcnQnLFxuICByaWdodEVuZDogJ3JpZ2h0LWVuZCcsXG4gIGxlZnQ6ICdsZWZ0JyxcbiAgbGVmdFN0YXJ0OiAnbGVmdC1zdGFydCcsXG4gIGxlZnRFbmQ6ICdsZWZ0LWVuZCcsXG59O1xuXG5leHBvcnQgY29uc3QgTWVudUNhcmRDb250cm9sbGVyID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxGbG9hdGluZ1BvcnRhbD5cbiAgICA8TWVudVRyYW5zaXRpb24gcmVmPXtyZWZ9IHsuLi5wcm9wc30gY2xhc3NOYW1lPVwiZ3JuLWNvbnRleHRcIj5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L01lbnVUcmFuc2l0aW9uPlxuICA8L0Zsb2F0aW5nUG9ydGFsPlxuKSk7XG5cbmV4cG9ydCBjb25zdCB1c2VNZW51UG9zaXRpb24gPSAoeyBtZW51V2lkdGgsIG1lbnVQbGFjZW1lbnQgfSkgPT4ge1xuICBjb25zdCB7IHgsIHksIHJlZmVyZW5jZSwgZmxvYXRpbmcsIHN0cmF0ZWd5IH0gPSB1c2VGbG9hdGluZyh7XG4gICAgcGxhY2VtZW50OiBwbGFjZW1lbnRzTWFwW21lbnVQbGFjZW1lbnRdLFxuICAgIHdoaWxlRWxlbWVudHNNb3VudGVkOiBhdXRvVXBkYXRlLFxuICAgIG1pZGRsZXdhcmU6IFtcbiAgICAgIGZsaXAoeyBwYWRkaW5nOiAyNCwgZmxpcEFsaWdubWVudDogZmFsc2UgfSksXG4gICAgICBzaXplKHtcbiAgICAgICAgYXBwbHkoeyByZWN0cywgZWxlbWVudHMgfSkge1xuICAgICAgICAgIGNvbnN0IHdpZHRoID0gbWVudVdpZHRoIHx8IGAke3JlY3RzLnJlZmVyZW5jZS53aWR0aH1weGA7XG4gICAgICAgICAgT2JqZWN0LmFzc2lnbihlbGVtZW50cy5mbG9hdGluZy5zdHlsZSwge1xuICAgICAgICAgICAgd2lkdGg6IHdpZHRoLFxuICAgICAgICAgIH0pO1xuICAgICAgICB9LFxuICAgICAgICBwYWRkaW5nOiAyNCxcbiAgICAgIH0pLFxuICAgIF0sXG4gIH0pO1xuXG4gIGNvbnN0IGZsb2F0aW5nU3R5bGVzID0ge1xuICAgIHBvc2l0aW9uOiBzdHJhdGVneSxcbiAgICB0b3A6IHkgPz8gMCxcbiAgICBsZWZ0OiB4ID8/IDAsXG4gICAgekluZGV4OiAxMTAwLFxuICB9O1xuXG4gIHJldHVybiB7XG4gICAgcmVmZXJlbmNlLFxuICAgIGZsb2F0aW5nLFxuICAgIGZsb2F0aW5nU3R5bGVzLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IE1lbnVDYXJkID0gZm9yd2FyZFJlZihcbiAgKHsgY2hpbGRyZW4sIHpJbmRleCA9IDEsIHBsYWNlbWVudCwgbWF4SGVpZ2h0LCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgICA8dWxcbiAgICAgIHJlZj17cmVmfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHBhZGRpbmc6ICR7Y2FyZFBhZGRpbmdQeH0gMDtcbiAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdiYWNrZ3JvdW5kJyl9O1xuICAgICAgICB6LWluZGV4OiAke3pJbmRleH07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7Z2V0U2hhZG93KCdtJyl9O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgICAgICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgICAgIG1heC1oZWlnaHQ6ICR7bWF4SGVpZ2h0fTtcblxuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L3VsPlxuICApLFxuKTtcblxuY29uc3QgdmFyaWFudFN0eWxlcyA9IHtcbiAgbmV1dHJhbDoge1xuICAgIGJhY2tncm91bmRDb2xvckFjdGl2ZTogZ2V0Q29sb3IoJ2JhY2tncm91bmRPdmVybGF5JyksXG4gICAgaWNvbkNvbG9yQWN0aXZlOiBnZXRDb2xvcignY29udGVudCcpLFxuICB9LFxuICBkYW5nZXI6IHtcbiAgICBjb2xvcjogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICAgIGJhY2tncm91bmRDb2xvckFjdGl2ZTogY29tcG9uZW50VmFycy5jbGVhckJ1dHRvbkRhbmdlckJhY2tncm91bmRIb3ZlcixcbiAgfSxcbn07XG5cbmNvbnN0IE1lbnVJdGVtUm9vdCA9IGZvcndhcmRSZWYoXG4gICh7IGNoaWxkcmVuLCBpc0Rpc2FibGVkLCBoYXNJY29uLCBpc1NlbGVjdGVkLCBjb2xvciwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gICAgPGxpXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICAgICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6ICR7aGFzSWNvbiA/ICdhdXRvIDFmcicgOiAnMWZyIGF1dG8nfTtcbiAgICAgICAgJHsoaGFzSWNvbiB8fCBpc1NlbGVjdGVkKSAmJiBgZ2FwOiA4cHhgfTtcbiAgICAgICAgJHtpc0Rpc2FibGVkICYmIGBjb2xvcjogJHtnZXRDb2xvcignY29udGVudERpc2FibGVkJyl9YH07XG4gICAgICAgICR7IWlzRGlzYWJsZWQgJiYgYGN1cnNvcjogcG9pbnRlcjtgfTtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBzdGFydDtcbiAgICAgICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICAgICAgcGFkZGluZzogMCAke2l0ZW1YUGFkZGluZ31weDtcbiAgICAgICAgbWFyZ2luOiAwICR7Y2FyZFBhZGRpbmd9cHg7XG4gICAgICAgIG1pbi1oZWlnaHQ6ICR7Y29tcG9uZW50VmFycy50ZXh0Qm94SGVpZ2h0fTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gICAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICAgIGNvbG9yOiAke2NvbG9yfTtcblxuICAgICAgICAuSWNvbiB7XG4gICAgICAgICAgdHJhbnNpdGlvbjogdW5zZXQ7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvbGk+XG4gICksXG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUdyb3VwVGl0bGUgPSAoeyBjaGlsZHJlbiwgaGFzRGl2aWRlciB9KSA9PiAoXG4gIDxCb3hcbiAgICBwYWRkaW5nWD17YCR7Y2FyZFBhZGRpbmcgKyBpdGVtWFBhZGRpbmd9cHhgfVxuICAgIHBhZGRpbmdCb3R0b209e2NhcmRQYWRkaW5nUHh9XG4gICAgbWFyZ2luVG9wPXtjYXJkUGFkZGluZ1B4fVxuICAgIHBhZGRpbmdUb3A9e2hhc0RpdmlkZXIgPyBgJHtjYXJkUGFkZGluZyAqIDJ9cHhgIDogdW5kZWZpbmVkfVxuICAgIGJvcmRlclNpZGU9e2hhc0RpdmlkZXIgPyAndG9wJyA6IHVuZGVmaW5lZH1cbiAgPlxuICAgIDxUZXh0IHZhcmlhbnQ9XCJjYXBzXCI+e2NoaWxkcmVufTwvVGV4dD5cbiAgPC9Cb3g+XG4pO1xuXG5jb25zdCBNZW51SXRlbURpdmlkZXIgPSAoKSA9PiAoXG4gIDxCb3ggaGVpZ2h0PXtjb21wb25lbnRWYXJzLmRpdmlkZXJTdHJva2VTaXplfSBtYXJnaW5ZPXsxfSBiYWNrZ3JvdW5kQ29sb3I9XCJib3JkZXJcIiAvPlxuKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHsgY2hpbGRyZW4sIGlzU2VsZWN0ZWQsIGlzQWN0aXZlLCBpc0Rpc2FibGVkLCBpY29uLCB2YXJpYW50ID0gJ25ldXRyYWwnLCBoYXNEaXZpZGVyLCAuLi5wcm9wcyB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIHtoYXNEaXZpZGVyICYmIDxNZW51SXRlbURpdmlkZXIgLz59XG4gICAgICAgIDxNZW51SXRlbVJvb3RcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBpc1NlbGVjdGVkPXtpc1NlbGVjdGVkfVxuICAgICAgICAgIGlzRGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgICAgY29sb3I9e3ZhcmlhbnRTdHlsZXNbdmFyaWFudF0uY29sb3J9XG4gICAgICAgICAgaGFzSWNvbj17Qm9vbGVhbihpY29uKX1cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgYmFja2dyb3VuZDogaXNBY3RpdmUgJiYgdmFyaWFudFN0eWxlc1t2YXJpYW50XS5iYWNrZ3JvdW5kQ29sb3JBY3RpdmUsXG4gICAgICAgICAgICBbJy0tZ3JuLWNvbG9yLWljb24nXTogaXNBY3RpdmUgJiYgdmFyaWFudFN0eWxlc1t2YXJpYW50XS5pY29uQ29sb3JBY3RpdmUsXG4gICAgICAgICAgfX1cbiAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgID5cbiAgICAgICAgICB7aWNvbiAmJiA8SWNvbiBpY29uPXtpY29ufSBoYXNFdmVuQm91bmRhcnkgY29sb3I9e3ZhcmlhbnRTdHlsZXNbdmFyaWFudF0uY29sb3J9IC8+fVxuICAgICAgICAgIDxCb3ggd2lkdGg9XCIxMDAlXCIgbWluV2lkdGg9XCIwcHhcIiB0YWc9XCJzcGFuXCI+XG4gICAgICAgICAgICA8VGV4dCBoYXNFbGxpcHNpcz57Y2hpbGRyZW59PC9UZXh0PlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIHtpc1NlbGVjdGVkICYmIDxJY29uIGljb249ezxJY29uQ2hlY2sgLz59IC8+fVxuICAgICAgICA8L01lbnVJdGVtUm9vdD5cbiAgICAgIDwvPlxuICAgICk7XG4gIH0sXG4pO1xuIl19 */")
   }, props), children);
 });
-export var MenuCard = /*#__PURE__*/forwardRef(function (_ref2, ref) {
+var placementsMap = {
+  top: 'top',
+  topStart: 'top-start',
+  topEnd: 'top-end',
+  bottom: 'bottom',
+  bottomStart: 'bottom-start',
+  bottomEnd: 'bottom-end',
+  right: 'right',
+  rightStart: 'right-start',
+  rightEnd: 'right-end',
+  left: 'left',
+  leftStart: 'left-start',
+  leftEnd: 'left-end'
+};
+export var MenuCardController = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var children = _ref2.children,
-      _ref2$zIndex = _ref2.zIndex,
-      zIndex = _ref2$zIndex === void 0 ? 1 : _ref2$zIndex,
-      width = _ref2.width,
-      placement = _ref2.placement,
-      maxHeight = _ref2.maxHeight,
       props = _objectWithoutProperties(_ref2, _excluded2);
 
+  return ___EmotionJSX(FloatingPortal, null, ___EmotionJSX(MenuTransition, _extends({
+    ref: ref
+  }, props, {
+    className: "grn-context"
+  }), children));
+});
+export var useMenuPosition = function useMenuPosition(_ref3) {
+  var menuWidth = _ref3.menuWidth,
+      menuPlacement = _ref3.menuPlacement;
+
+  var _useFloating = useFloating({
+    placement: placementsMap[menuPlacement],
+    whileElementsMounted: autoUpdate,
+    middleware: [flip({
+      padding: 24,
+      flipAlignment: false
+    }), size({
+      apply: function apply(_ref4) {
+        var rects = _ref4.rects,
+            elements = _ref4.elements;
+        var width = menuWidth || "".concat(rects.reference.width, "px");
+        Object.assign(elements.floating.style, {
+          width: width
+        });
+      },
+      padding: 24
+    })]
+  }),
+      x = _useFloating.x,
+      y = _useFloating.y,
+      reference = _useFloating.reference,
+      floating = _useFloating.floating,
+      strategy = _useFloating.strategy;
+
+  var floatingStyles = {
+    position: strategy,
+    top: y !== null && y !== void 0 ? y : 0,
+    left: x !== null && x !== void 0 ? x : 0,
+    zIndex: 1100
+  };
+  return {
+    reference: reference,
+    floating: floating,
+    floatingStyles: floatingStyles
+  };
+};
+export var MenuCard = /*#__PURE__*/forwardRef(function (_ref5, ref) {
+  var children = _ref5.children,
+      _ref5$zIndex = _ref5.zIndex,
+      zIndex = _ref5$zIndex === void 0 ? 1 : _ref5$zIndex,
+      placement = _ref5.placement,
+      maxHeight = _ref5.maxHeight,
+      props = _objectWithoutProperties(_ref5, _excluded3);
+
   return ___EmotionJSX("ul", _extends({
     ref: ref,
-    css: /*#__PURE__*/css("padding:", cardPaddingPx, " 0;margin:0;position:absolute;background:", getColor('background'), ";z-index:", zIndex, ";box-shadow:", getShadow('m'), ";border-radius:", getRadius('s'), ";overflow:auto;width:", getDimension(width), ";max-height:", getDimension(maxHeight), ";", placementStyles[placement], ";&:focus{outline:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuCard;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMENjIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yLCBnZXREaW1lbnNpb24sIGdldFJhZGl1cywgZ2V0U2hhZG93LCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEJveCwgSWNvbiwgVGV4dCB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgSWNvbkNoZWNrIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgY29tcG9uZW50VmFycywgcGxhY2VtZW50U3R5bGVzIH0gZnJvbSAnLi9zdHlsZXMnO1xuaW1wb3J0IHsgVHJhbnNpdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcblxuY29uc3QgY2FyZFBhZGRpbmcgPSA4O1xuY29uc3QgY2FyZFBhZGRpbmdQeCA9IGAke2NhcmRQYWRkaW5nfXB4YDtcbmNvbnN0IGl0ZW1YUGFkZGluZyA9IDEyO1xuXG5leHBvcnQgY29uc3QgTWVudVRyYW5zaXRpb24gPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCBzaG93LCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFRyYW5zaXRpb25cbiAgICByZWY9e3JlZn1cbiAgICBzaG93PXtzaG93fVxuICAgIGVudGVyRnJvbT1cImVudGVyRnJvbVwiXG4gICAgZW50ZXJUbz1cImVudGVyVG9cIlxuICAgIGxlYXZlRnJvbT1cImxlYXZlRnJvbVwiXG4gICAgbGVhdmVUbz1cImxlYXZlVG9cIlxuICAgIGNzcz17Y3NzYFxuICAgICAgJi5sZWF2ZVRvLFxuICAgICAgJi5lbnRlckZyb20ge1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgfVxuICAgICAgJi5lbnRlclRvIHtcbiAgICAgICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKCd4eEZhc3QnKX07XG4gICAgICB9XG4gICAgICAmLmxlYXZlVG8ge1xuICAgICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ3hGYXN0Jyl9O1xuICAgICAgfVxuICAgIGB9XG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L1RyYW5zaXRpb24+XG4pKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVDYXJkID0gZm9yd2FyZFJlZihcbiAgKHsgY2hpbGRyZW4sIHpJbmRleCA9IDEsIHdpZHRoLCBwbGFjZW1lbnQsIG1heEhlaWdodCwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gICAgPHVsXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwYWRkaW5nOiAke2NhcmRQYWRkaW5nUHh9IDA7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdiYWNrZ3JvdW5kJyl9O1xuICAgICAgICB6LWluZGV4OiAke3pJbmRleH07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7Z2V0U2hhZG93KCdtJyl9O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgICAgICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgICAgIHdpZHRoOiAke2dldERpbWVuc2lvbih3aWR0aCl9O1xuICAgICAgICBtYXgtaGVpZ2h0OiAke2dldERpbWVuc2lvbihtYXhIZWlnaHQpfTtcbiAgICAgICAgJHtwbGFjZW1lbnRTdHlsZXNbcGxhY2VtZW50XX07XG5cbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC91bD5cbiAgKSxcbik7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIG5ldXRyYWw6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3JBY3RpdmU6IGdldENvbG9yKCdiYWNrZ3JvdW5kT3ZlcmxheScpLFxuICAgIGljb25Db2xvckFjdGl2ZTogZ2V0Q29sb3IoJ2NvbnRlbnQnKSxcbiAgfSxcbiAgZGFuZ2VyOiB7XG4gICAgY29sb3I6IGdldENvbG9yKCdkYW5nZXInKSxcbiAgICBiYWNrZ3JvdW5kQ29sb3JBY3RpdmU6IGNvbXBvbmVudFZhcnMuY2xlYXJCdXR0b25EYW5nZXJCYWNrZ3JvdW5kSG92ZXIsXG4gIH0sXG59O1xuXG5jb25zdCBNZW51SXRlbVJvb3QgPSBmb3J3YXJkUmVmKFxuICAoeyBjaGlsZHJlbiwgaXNEaXNhYmxlZCwgaGFzSWNvbiwgaXNTZWxlY3RlZCwgY29sb3IsIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICAgIDxsaVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAke2hhc0ljb24gPyAnYXV0byAxZnInIDogJzFmciBhdXRvJ307XG4gICAgICAgICR7KGhhc0ljb24gfHwgaXNTZWxlY3RlZCkgJiYgYGdhcDogOHB4YH07XG4gICAgICAgICR7aXNEaXNhYmxlZCAmJiBgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpfWB9O1xuICAgICAgICAkeyFpc0Rpc2FibGVkICYmIGBjdXJzb3I6IHBvaW50ZXI7YH07XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogc3RhcnQ7XG4gICAgICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgICAgIHBhZGRpbmc6IDAgJHtpdGVtWFBhZGRpbmd9cHg7XG4gICAgICAgIG1hcmdpbjogMCAke2NhcmRQYWRkaW5nfXB4O1xuICAgICAgICBtaW4taGVpZ2h0OiAke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICAgICAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgICAgICBjb2xvcjogJHtjb2xvcn07XG5cbiAgICAgICAgLkljb24ge1xuICAgICAgICAgIHRyYW5zaXRpb246IHVuc2V0O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2xpPlxuICApLFxuKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVHcm91cFRpdGxlID0gKHsgY2hpbGRyZW4sIGhhc0RpdmlkZXIgfSkgPT4gKFxuICA8Qm94XG4gICAgcGFkZGluZ1g9e2Ake2NhcmRQYWRkaW5nICsgaXRlbVhQYWRkaW5nfXB4YH1cbiAgICBwYWRkaW5nQm90dG9tPXtjYXJkUGFkZGluZ1B4fVxuICAgIG1hcmdpblRvcD17Y2FyZFBhZGRpbmdQeH1cbiAgICBwYWRkaW5nVG9wPXtoYXNEaXZpZGVyID8gYCR7Y2FyZFBhZGRpbmcgKiAyfXB4YCA6IHVuZGVmaW5lZH1cbiAgICBib3JkZXJTaWRlPXtoYXNEaXZpZGVyID8gJ3RvcCcgOiB1bmRlZmluZWR9XG4gID5cbiAgICA8VGV4dCB2YXJpYW50PVwiY2Fwc1wiPntjaGlsZHJlbn08L1RleHQ+XG4gIDwvQm94PlxuKTtcblxuY29uc3QgTWVudUl0ZW1EaXZpZGVyID0gKCkgPT4gKFxuICA8Qm94IGhlaWdodD17Y29tcG9uZW50VmFycy5kaXZpZGVyU3Ryb2tlU2l6ZX0gbWFyZ2luWT17MX0gYmFja2dyb3VuZENvbG9yPVwiYm9yZGVyXCIgLz5cbik7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbSA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7IGNoaWxkcmVuLCBpc1NlbGVjdGVkLCBpc0FjdGl2ZSwgaXNEaXNhYmxlZCwgaWNvbiwgdmFyaWFudCA9ICduZXV0cmFsJywgaGFzRGl2aWRlciwgLi4ucHJvcHMgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICB7aGFzRGl2aWRlciAmJiA8TWVudUl0ZW1EaXZpZGVyIC8+fVxuICAgICAgICA8TWVudUl0ZW1Sb290XG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICBpc0Rpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICAgIGNvbG9yPXt2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmNvbG9yfVxuICAgICAgICAgIGhhc0ljb249e0Jvb2xlYW4oaWNvbil9XG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IGlzQWN0aXZlICYmIHZhcmlhbnRTdHlsZXNbdmFyaWFudF0uYmFja2dyb3VuZENvbG9yQWN0aXZlLFxuICAgICAgICAgICAgWyctLWdybi1jb2xvci1pY29uJ106IGlzQWN0aXZlICYmIHZhcmlhbnRTdHlsZXNbdmFyaWFudF0uaWNvbkNvbG9yQWN0aXZlLFxuICAgICAgICAgIH19XG4gICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICA+XG4gICAgICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gaGFzRXZlbkJvdW5kYXJ5IGNvbG9yPXt2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmNvbG9yfSAvPn1cbiAgICAgICAgICA8Qm94IHdpZHRoPVwiMTAwJVwiIG1pbldpZHRoPVwiMHB4XCIgdGFnPVwic3BhblwiPlxuICAgICAgICAgICAgPFRleHQgaGFzRWxsaXBzaXM+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgICB7aXNTZWxlY3RlZCAmJiA8SWNvbiBpY29uPXs8SWNvbkNoZWNrIC8+fSAvPn1cbiAgICAgICAgPC9NZW51SXRlbVJvb3Q+XG4gICAgICA8Lz5cbiAgICApO1xuICB9LFxuKTtcbiJdfQ== */")
+    css: /*#__PURE__*/css("padding:", cardPaddingPx, " 0;margin:0;background:", getColor('background'), ";z-index:", zIndex, ";box-shadow:", getShadow('m'), ";border-radius:", getRadius('s'), ";overflow:auto;max-height:", maxHeight, ";&:focus{outline:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuCard;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0djIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFNoYWRvdywgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBCb3gsIEljb24sIFRleHQgfSBmcm9tICcuLi9jb21wb25lbnRzJztcbmltcG9ydCB7IEljb25DaGVjayB9IGZyb20gJy4uL2ljb25zJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMgfSBmcm9tICcuL3N0eWxlcyc7XG5pbXBvcnQgeyBUcmFuc2l0aW9uIH0gZnJvbSAnQGhlYWRsZXNzdWkvcmVhY3QnO1xuaW1wb3J0IHtcbiAgYXV0b1VwZGF0ZSxcbiAgZmxpcCxcbiAgRmxvYXRpbmdQb3J0YWwsXG4gIHNpemUsXG4gIHVzZUZsb2F0aW5nLFxufSBmcm9tICdAZmxvYXRpbmctdWkvcmVhY3QtZG9tLWludGVyYWN0aW9ucyc7XG5cbmNvbnN0IGNhcmRQYWRkaW5nID0gODtcbmNvbnN0IGNhcmRQYWRkaW5nUHggPSBgJHtjYXJkUGFkZGluZ31weGA7XG5jb25zdCBpdGVtWFBhZGRpbmcgPSAxMjtcblxuZXhwb3J0IGNvbnN0IE1lbnVUcmFuc2l0aW9uID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgc2hvdywgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxUcmFuc2l0aW9uXG4gICAgcmVmPXtyZWZ9XG4gICAgc2hvdz17c2hvd31cbiAgICBlbnRlckZyb209XCJlbnRlckZyb21cIlxuICAgIGVudGVyVG89XCJlbnRlclRvXCJcbiAgICBsZWF2ZUZyb209XCJsZWF2ZUZyb21cIlxuICAgIGxlYXZlVG89XCJsZWF2ZVRvXCJcbiAgICBjc3M9e2Nzc2BcbiAgICAgICYubGVhdmVUbyxcbiAgICAgICYuZW50ZXJGcm9tIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgIH1cbiAgICAgICYuZW50ZXJUbyB7XG4gICAgICAgIHRyYW5zaXRpb24tZHVyYXRpb246ICR7Z2V0VHJhbnNpdGlvbigneHhGYXN0Jyl9O1xuICAgICAgfVxuICAgICAgJi5sZWF2ZVRvIHtcbiAgICAgICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKCd4RmFzdCcpfTtcbiAgICAgIH1cbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UcmFuc2l0aW9uPlxuKSk7XG5cbmNvbnN0IHBsYWNlbWVudHNNYXAgPSB7XG4gIHRvcDogJ3RvcCcsXG4gIHRvcFN0YXJ0OiAndG9wLXN0YXJ0JyxcbiAgdG9wRW5kOiAndG9wLWVuZCcsXG4gIGJvdHRvbTogJ2JvdHRvbScsXG4gIGJvdHRvbVN0YXJ0OiAnYm90dG9tLXN0YXJ0JyxcbiAgYm90dG9tRW5kOiAnYm90dG9tLWVuZCcsXG4gIHJpZ2h0OiAncmlnaHQnLFxuICByaWdodFN0YXJ0OiAncmlnaHQtc3RhcnQnLFxuICByaWdodEVuZDogJ3JpZ2h0LWVuZCcsXG4gIGxlZnQ6ICdsZWZ0JyxcbiAgbGVmdFN0YXJ0OiAnbGVmdC1zdGFydCcsXG4gIGxlZnRFbmQ6ICdsZWZ0LWVuZCcsXG59O1xuXG5leHBvcnQgY29uc3QgTWVudUNhcmRDb250cm9sbGVyID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxGbG9hdGluZ1BvcnRhbD5cbiAgICA8TWVudVRyYW5zaXRpb24gcmVmPXtyZWZ9IHsuLi5wcm9wc30gY2xhc3NOYW1lPVwiZ3JuLWNvbnRleHRcIj5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L01lbnVUcmFuc2l0aW9uPlxuICA8L0Zsb2F0aW5nUG9ydGFsPlxuKSk7XG5cbmV4cG9ydCBjb25zdCB1c2VNZW51UG9zaXRpb24gPSAoeyBtZW51V2lkdGgsIG1lbnVQbGFjZW1lbnQgfSkgPT4ge1xuICBjb25zdCB7IHgsIHksIHJlZmVyZW5jZSwgZmxvYXRpbmcsIHN0cmF0ZWd5IH0gPSB1c2VGbG9hdGluZyh7XG4gICAgcGxhY2VtZW50OiBwbGFjZW1lbnRzTWFwW21lbnVQbGFjZW1lbnRdLFxuICAgIHdoaWxlRWxlbWVudHNNb3VudGVkOiBhdXRvVXBkYXRlLFxuICAgIG1pZGRsZXdhcmU6IFtcbiAgICAgIGZsaXAoeyBwYWRkaW5nOiAyNCwgZmxpcEFsaWdubWVudDogZmFsc2UgfSksXG4gICAgICBzaXplKHtcbiAgICAgICAgYXBwbHkoeyByZWN0cywgZWxlbWVudHMgfSkge1xuICAgICAgICAgIGNvbnN0IHdpZHRoID0gbWVudVdpZHRoIHx8IGAke3JlY3RzLnJlZmVyZW5jZS53aWR0aH1weGA7XG4gICAgICAgICAgT2JqZWN0LmFzc2lnbihlbGVtZW50cy5mbG9hdGluZy5zdHlsZSwge1xuICAgICAgICAgICAgd2lkdGg6IHdpZHRoLFxuICAgICAgICAgIH0pO1xuICAgICAgICB9LFxuICAgICAgICBwYWRkaW5nOiAyNCxcbiAgICAgIH0pLFxuICAgIF0sXG4gIH0pO1xuXG4gIGNvbnN0IGZsb2F0aW5nU3R5bGVzID0ge1xuICAgIHBvc2l0aW9uOiBzdHJhdGVneSxcbiAgICB0b3A6IHkgPz8gMCxcbiAgICBsZWZ0OiB4ID8/IDAsXG4gICAgekluZGV4OiAxMTAwLFxuICB9O1xuXG4gIHJldHVybiB7XG4gICAgcmVmZXJlbmNlLFxuICAgIGZsb2F0aW5nLFxuICAgIGZsb2F0aW5nU3R5bGVzLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IE1lbnVDYXJkID0gZm9yd2FyZFJlZihcbiAgKHsgY2hpbGRyZW4sIHpJbmRleCA9IDEsIHBsYWNlbWVudCwgbWF4SGVpZ2h0LCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgICA8dWxcbiAgICAgIHJlZj17cmVmfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHBhZGRpbmc6ICR7Y2FyZFBhZGRpbmdQeH0gMDtcbiAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdiYWNrZ3JvdW5kJyl9O1xuICAgICAgICB6LWluZGV4OiAke3pJbmRleH07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7Z2V0U2hhZG93KCdtJyl9O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgICAgICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgICAgIG1heC1oZWlnaHQ6ICR7bWF4SGVpZ2h0fTtcblxuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L3VsPlxuICApLFxuKTtcblxuY29uc3QgdmFyaWFudFN0eWxlcyA9IHtcbiAgbmV1dHJhbDoge1xuICAgIGJhY2tncm91bmRDb2xvckFjdGl2ZTogZ2V0Q29sb3IoJ2JhY2tncm91bmRPdmVybGF5JyksXG4gICAgaWNvbkNvbG9yQWN0aXZlOiBnZXRDb2xvcignY29udGVudCcpLFxuICB9LFxuICBkYW5nZXI6IHtcbiAgICBjb2xvcjogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICAgIGJhY2tncm91bmRDb2xvckFjdGl2ZTogY29tcG9uZW50VmFycy5jbGVhckJ1dHRvbkRhbmdlckJhY2tncm91bmRIb3ZlcixcbiAgfSxcbn07XG5cbmNvbnN0IE1lbnVJdGVtUm9vdCA9IGZvcndhcmRSZWYoXG4gICh7IGNoaWxkcmVuLCBpc0Rpc2FibGVkLCBoYXNJY29uLCBpc1NlbGVjdGVkLCBjb2xvciwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gICAgPGxpXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICAgICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6ICR7aGFzSWNvbiA/ICdhdXRvIDFmcicgOiAnMWZyIGF1dG8nfTtcbiAgICAgICAgJHsoaGFzSWNvbiB8fCBpc1NlbGVjdGVkKSAmJiBgZ2FwOiA4cHhgfTtcbiAgICAgICAgJHtpc0Rpc2FibGVkICYmIGBjb2xvcjogJHtnZXRDb2xvcignY29udGVudERpc2FibGVkJyl9YH07XG4gICAgICAgICR7IWlzRGlzYWJsZWQgJiYgYGN1cnNvcjogcG9pbnRlcjtgfTtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBzdGFydDtcbiAgICAgICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICAgICAgcGFkZGluZzogMCAke2l0ZW1YUGFkZGluZ31weDtcbiAgICAgICAgbWFyZ2luOiAwICR7Y2FyZFBhZGRpbmd9cHg7XG4gICAgICAgIG1pbi1oZWlnaHQ6ICR7Y29tcG9uZW50VmFycy50ZXh0Qm94SGVpZ2h0fTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gICAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICAgIGNvbG9yOiAke2NvbG9yfTtcblxuICAgICAgICAuSWNvbiB7XG4gICAgICAgICAgdHJhbnNpdGlvbjogdW5zZXQ7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvbGk+XG4gICksXG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUdyb3VwVGl0bGUgPSAoeyBjaGlsZHJlbiwgaGFzRGl2aWRlciB9KSA9PiAoXG4gIDxCb3hcbiAgICBwYWRkaW5nWD17YCR7Y2FyZFBhZGRpbmcgKyBpdGVtWFBhZGRpbmd9cHhgfVxuICAgIHBhZGRpbmdCb3R0b209e2NhcmRQYWRkaW5nUHh9XG4gICAgbWFyZ2luVG9wPXtjYXJkUGFkZGluZ1B4fVxuICAgIHBhZGRpbmdUb3A9e2hhc0RpdmlkZXIgPyBgJHtjYXJkUGFkZGluZyAqIDJ9cHhgIDogdW5kZWZpbmVkfVxuICAgIGJvcmRlclNpZGU9e2hhc0RpdmlkZXIgPyAndG9wJyA6IHVuZGVmaW5lZH1cbiAgPlxuICAgIDxUZXh0IHZhcmlhbnQ9XCJjYXBzXCI+e2NoaWxkcmVufTwvVGV4dD5cbiAgPC9Cb3g+XG4pO1xuXG5jb25zdCBNZW51SXRlbURpdmlkZXIgPSAoKSA9PiAoXG4gIDxCb3ggaGVpZ2h0PXtjb21wb25lbnRWYXJzLmRpdmlkZXJTdHJva2VTaXplfSBtYXJnaW5ZPXsxfSBiYWNrZ3JvdW5kQ29sb3I9XCJib3JkZXJcIiAvPlxuKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHsgY2hpbGRyZW4sIGlzU2VsZWN0ZWQsIGlzQWN0aXZlLCBpc0Rpc2FibGVkLCBpY29uLCB2YXJpYW50ID0gJ25ldXRyYWwnLCBoYXNEaXZpZGVyLCAuLi5wcm9wcyB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIHtoYXNEaXZpZGVyICYmIDxNZW51SXRlbURpdmlkZXIgLz59XG4gICAgICAgIDxNZW51SXRlbVJvb3RcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBpc1NlbGVjdGVkPXtpc1NlbGVjdGVkfVxuICAgICAgICAgIGlzRGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgICAgY29sb3I9e3ZhcmlhbnRTdHlsZXNbdmFyaWFudF0uY29sb3J9XG4gICAgICAgICAgaGFzSWNvbj17Qm9vbGVhbihpY29uKX1cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgYmFja2dyb3VuZDogaXNBY3RpdmUgJiYgdmFyaWFudFN0eWxlc1t2YXJpYW50XS5iYWNrZ3JvdW5kQ29sb3JBY3RpdmUsXG4gICAgICAgICAgICBbJy0tZ3JuLWNvbG9yLWljb24nXTogaXNBY3RpdmUgJiYgdmFyaWFudFN0eWxlc1t2YXJpYW50XS5pY29uQ29sb3JBY3RpdmUsXG4gICAgICAgICAgfX1cbiAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgID5cbiAgICAgICAgICB7aWNvbiAmJiA8SWNvbiBpY29uPXtpY29ufSBoYXNFdmVuQm91bmRhcnkgY29sb3I9e3ZhcmlhbnRTdHlsZXNbdmFyaWFudF0uY29sb3J9IC8+fVxuICAgICAgICAgIDxCb3ggd2lkdGg9XCIxMDAlXCIgbWluV2lkdGg9XCIwcHhcIiB0YWc9XCJzcGFuXCI+XG4gICAgICAgICAgICA8VGV4dCBoYXNFbGxpcHNpcz57Y2hpbGRyZW59PC9UZXh0PlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIHtpc1NlbGVjdGVkICYmIDxJY29uIGljb249ezxJY29uQ2hlY2sgLz59IC8+fVxuICAgICAgICA8L01lbnVJdGVtUm9vdD5cbiAgICAgIDwvPlxuICAgICk7XG4gIH0sXG4pO1xuIl19 */")
   }, props), children);
 });
 var variantStyles = {
@@ -66,22 +132,22 @@ var variantStyles = {
     backgroundColorActive: componentVars.clearButtonDangerBackgroundHover
   }
 };
-var MenuItemRoot = /*#__PURE__*/forwardRef(function (_ref3, ref) {
-  var children = _ref3.children,
-      isDisabled = _ref3.isDisabled,
-      hasIcon = _ref3.hasIcon,
-      isSelected = _ref3.isSelected,
-      color = _ref3.color,
-      props = _objectWithoutProperties(_ref3, _excluded3);
+var MenuItemRoot = /*#__PURE__*/forwardRef(function (_ref6, ref) {
+  var children = _ref6.children,
+      isDisabled = _ref6.isDisabled,
+      hasIcon = _ref6.hasIcon,
+      isSelected = _ref6.isSelected,
+      color = _ref6.color,
+      props = _objectWithoutProperties(_ref6, _excluded4);
 
   return ___EmotionJSX("li", _extends({
     ref: ref,
-    css: /*#__PURE__*/css("display:grid;grid-auto-flow:column;grid-template-columns:", hasIcon ? 'auto 1fr' : '1fr auto', ";", (hasIcon || isSelected) && "gap: 8px", ";", isDisabled && "color: ".concat(getColor('contentDisabled')), ";", !isDisabled && "cursor: pointer;", ";align-items:center;justify-content:start;list-style:none;padding:0 ", itemXPadding, "px;margin:0 ", cardPadding, "px;min-height:", componentVars.textBoxHeight, ";border-radius:", getRadius('s'), ";appearance:none;color:", color, ";.Icon{transition:unset;}" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuItemRoot;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUZjIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yLCBnZXREaW1lbnNpb24sIGdldFJhZGl1cywgZ2V0U2hhZG93LCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEJveCwgSWNvbiwgVGV4dCB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgSWNvbkNoZWNrIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgY29tcG9uZW50VmFycywgcGxhY2VtZW50U3R5bGVzIH0gZnJvbSAnLi9zdHlsZXMnO1xuaW1wb3J0IHsgVHJhbnNpdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcblxuY29uc3QgY2FyZFBhZGRpbmcgPSA4O1xuY29uc3QgY2FyZFBhZGRpbmdQeCA9IGAke2NhcmRQYWRkaW5nfXB4YDtcbmNvbnN0IGl0ZW1YUGFkZGluZyA9IDEyO1xuXG5leHBvcnQgY29uc3QgTWVudVRyYW5zaXRpb24gPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCBzaG93LCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFRyYW5zaXRpb25cbiAgICByZWY9e3JlZn1cbiAgICBzaG93PXtzaG93fVxuICAgIGVudGVyRnJvbT1cImVudGVyRnJvbVwiXG4gICAgZW50ZXJUbz1cImVudGVyVG9cIlxuICAgIGxlYXZlRnJvbT1cImxlYXZlRnJvbVwiXG4gICAgbGVhdmVUbz1cImxlYXZlVG9cIlxuICAgIGNzcz17Y3NzYFxuICAgICAgJi5sZWF2ZVRvLFxuICAgICAgJi5lbnRlckZyb20ge1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgfVxuICAgICAgJi5lbnRlclRvIHtcbiAgICAgICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKCd4eEZhc3QnKX07XG4gICAgICB9XG4gICAgICAmLmxlYXZlVG8ge1xuICAgICAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ3hGYXN0Jyl9O1xuICAgICAgfVxuICAgIGB9XG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L1RyYW5zaXRpb24+XG4pKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVDYXJkID0gZm9yd2FyZFJlZihcbiAgKHsgY2hpbGRyZW4sIHpJbmRleCA9IDEsIHdpZHRoLCBwbGFjZW1lbnQsIG1heEhlaWdodCwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gICAgPHVsXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwYWRkaW5nOiAke2NhcmRQYWRkaW5nUHh9IDA7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdiYWNrZ3JvdW5kJyl9O1xuICAgICAgICB6LWluZGV4OiAke3pJbmRleH07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7Z2V0U2hhZG93KCdtJyl9O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgICAgICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgICAgIHdpZHRoOiAke2dldERpbWVuc2lvbih3aWR0aCl9O1xuICAgICAgICBtYXgtaGVpZ2h0OiAke2dldERpbWVuc2lvbihtYXhIZWlnaHQpfTtcbiAgICAgICAgJHtwbGFjZW1lbnRTdHlsZXNbcGxhY2VtZW50XX07XG5cbiAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC91bD5cbiAgKSxcbik7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIG5ldXRyYWw6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3JBY3RpdmU6IGdldENvbG9yKCdiYWNrZ3JvdW5kT3ZlcmxheScpLFxuICAgIGljb25Db2xvckFjdGl2ZTogZ2V0Q29sb3IoJ2NvbnRlbnQnKSxcbiAgfSxcbiAgZGFuZ2VyOiB7XG4gICAgY29sb3I6IGdldENvbG9yKCdkYW5nZXInKSxcbiAgICBiYWNrZ3JvdW5kQ29sb3JBY3RpdmU6IGNvbXBvbmVudFZhcnMuY2xlYXJCdXR0b25EYW5nZXJCYWNrZ3JvdW5kSG92ZXIsXG4gIH0sXG59O1xuXG5jb25zdCBNZW51SXRlbVJvb3QgPSBmb3J3YXJkUmVmKFxuICAoeyBjaGlsZHJlbiwgaXNEaXNhYmxlZCwgaGFzSWNvbiwgaXNTZWxlY3RlZCwgY29sb3IsIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICAgIDxsaVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAke2hhc0ljb24gPyAnYXV0byAxZnInIDogJzFmciBhdXRvJ307XG4gICAgICAgICR7KGhhc0ljb24gfHwgaXNTZWxlY3RlZCkgJiYgYGdhcDogOHB4YH07XG4gICAgICAgICR7aXNEaXNhYmxlZCAmJiBgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpfWB9O1xuICAgICAgICAkeyFpc0Rpc2FibGVkICYmIGBjdXJzb3I6IHBvaW50ZXI7YH07XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogc3RhcnQ7XG4gICAgICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgICAgIHBhZGRpbmc6IDAgJHtpdGVtWFBhZGRpbmd9cHg7XG4gICAgICAgIG1hcmdpbjogMCAke2NhcmRQYWRkaW5nfXB4O1xuICAgICAgICBtaW4taGVpZ2h0OiAke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICAgICAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgICAgICBjb2xvcjogJHtjb2xvcn07XG5cbiAgICAgICAgLkljb24ge1xuICAgICAgICAgIHRyYW5zaXRpb246IHVuc2V0O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2xpPlxuICApLFxuKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVHcm91cFRpdGxlID0gKHsgY2hpbGRyZW4sIGhhc0RpdmlkZXIgfSkgPT4gKFxuICA8Qm94XG4gICAgcGFkZGluZ1g9e2Ake2NhcmRQYWRkaW5nICsgaXRlbVhQYWRkaW5nfXB4YH1cbiAgICBwYWRkaW5nQm90dG9tPXtjYXJkUGFkZGluZ1B4fVxuICAgIG1hcmdpblRvcD17Y2FyZFBhZGRpbmdQeH1cbiAgICBwYWRkaW5nVG9wPXtoYXNEaXZpZGVyID8gYCR7Y2FyZFBhZGRpbmcgKiAyfXB4YCA6IHVuZGVmaW5lZH1cbiAgICBib3JkZXJTaWRlPXtoYXNEaXZpZGVyID8gJ3RvcCcgOiB1bmRlZmluZWR9XG4gID5cbiAgICA8VGV4dCB2YXJpYW50PVwiY2Fwc1wiPntjaGlsZHJlbn08L1RleHQ+XG4gIDwvQm94PlxuKTtcblxuY29uc3QgTWVudUl0ZW1EaXZpZGVyID0gKCkgPT4gKFxuICA8Qm94IGhlaWdodD17Y29tcG9uZW50VmFycy5kaXZpZGVyU3Ryb2tlU2l6ZX0gbWFyZ2luWT17MX0gYmFja2dyb3VuZENvbG9yPVwiYm9yZGVyXCIgLz5cbik7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbSA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7IGNoaWxkcmVuLCBpc1NlbGVjdGVkLCBpc0FjdGl2ZSwgaXNEaXNhYmxlZCwgaWNvbiwgdmFyaWFudCA9ICduZXV0cmFsJywgaGFzRGl2aWRlciwgLi4ucHJvcHMgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICB7aGFzRGl2aWRlciAmJiA8TWVudUl0ZW1EaXZpZGVyIC8+fVxuICAgICAgICA8TWVudUl0ZW1Sb290XG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICBpc0Rpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICAgIGNvbG9yPXt2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmNvbG9yfVxuICAgICAgICAgIGhhc0ljb249e0Jvb2xlYW4oaWNvbil9XG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IGlzQWN0aXZlICYmIHZhcmlhbnRTdHlsZXNbdmFyaWFudF0uYmFja2dyb3VuZENvbG9yQWN0aXZlLFxuICAgICAgICAgICAgWyctLWdybi1jb2xvci1pY29uJ106IGlzQWN0aXZlICYmIHZhcmlhbnRTdHlsZXNbdmFyaWFudF0uaWNvbkNvbG9yQWN0aXZlLFxuICAgICAgICAgIH19XG4gICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICA+XG4gICAgICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gaGFzRXZlbkJvdW5kYXJ5IGNvbG9yPXt2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmNvbG9yfSAvPn1cbiAgICAgICAgICA8Qm94IHdpZHRoPVwiMTAwJVwiIG1pbldpZHRoPVwiMHB4XCIgdGFnPVwic3BhblwiPlxuICAgICAgICAgICAgPFRleHQgaGFzRWxsaXBzaXM+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgICB7aXNTZWxlY3RlZCAmJiA8SWNvbiBpY29uPXs8SWNvbkNoZWNrIC8+fSAvPn1cbiAgICAgICAgPC9NZW51SXRlbVJvb3Q+XG4gICAgICA8Lz5cbiAgICApO1xuICB9LFxuKTtcbiJdfQ== */")
+    css: /*#__PURE__*/css("display:grid;grid-auto-flow:column;grid-template-columns:", hasIcon ? 'auto 1fr' : '1fr auto', ";", (hasIcon || isSelected) && "gap: 8px", ";", isDisabled && "color: ".concat(getColor('contentDisabled')), ";", !isDisabled && "cursor: pointer;", ";align-items:center;justify-content:start;list-style:none;padding:0 ", itemXPadding, "px;margin:0 ", cardPadding, "px;min-height:", componentVars.textBoxHeight, ";border-radius:", getRadius('s'), ";appearance:none;color:", color, ";.Icon{transition:unset;}" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuItemRoot;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEljIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFNoYWRvdywgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBCb3gsIEljb24sIFRleHQgfSBmcm9tICcuLi9jb21wb25lbnRzJztcbmltcG9ydCB7IEljb25DaGVjayB9IGZyb20gJy4uL2ljb25zJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMgfSBmcm9tICcuL3N0eWxlcyc7XG5pbXBvcnQgeyBUcmFuc2l0aW9uIH0gZnJvbSAnQGhlYWRsZXNzdWkvcmVhY3QnO1xuaW1wb3J0IHtcbiAgYXV0b1VwZGF0ZSxcbiAgZmxpcCxcbiAgRmxvYXRpbmdQb3J0YWwsXG4gIHNpemUsXG4gIHVzZUZsb2F0aW5nLFxufSBmcm9tICdAZmxvYXRpbmctdWkvcmVhY3QtZG9tLWludGVyYWN0aW9ucyc7XG5cbmNvbnN0IGNhcmRQYWRkaW5nID0gODtcbmNvbnN0IGNhcmRQYWRkaW5nUHggPSBgJHtjYXJkUGFkZGluZ31weGA7XG5jb25zdCBpdGVtWFBhZGRpbmcgPSAxMjtcblxuZXhwb3J0IGNvbnN0IE1lbnVUcmFuc2l0aW9uID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgc2hvdywgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxUcmFuc2l0aW9uXG4gICAgcmVmPXtyZWZ9XG4gICAgc2hvdz17c2hvd31cbiAgICBlbnRlckZyb209XCJlbnRlckZyb21cIlxuICAgIGVudGVyVG89XCJlbnRlclRvXCJcbiAgICBsZWF2ZUZyb209XCJsZWF2ZUZyb21cIlxuICAgIGxlYXZlVG89XCJsZWF2ZVRvXCJcbiAgICBjc3M9e2Nzc2BcbiAgICAgICYubGVhdmVUbyxcbiAgICAgICYuZW50ZXJGcm9tIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgIH1cbiAgICAgICYuZW50ZXJUbyB7XG4gICAgICAgIHRyYW5zaXRpb24tZHVyYXRpb246ICR7Z2V0VHJhbnNpdGlvbigneHhGYXN0Jyl9O1xuICAgICAgfVxuICAgICAgJi5sZWF2ZVRvIHtcbiAgICAgICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKCd4RmFzdCcpfTtcbiAgICAgIH1cbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UcmFuc2l0aW9uPlxuKSk7XG5cbmNvbnN0IHBsYWNlbWVudHNNYXAgPSB7XG4gIHRvcDogJ3RvcCcsXG4gIHRvcFN0YXJ0OiAndG9wLXN0YXJ0JyxcbiAgdG9wRW5kOiAndG9wLWVuZCcsXG4gIGJvdHRvbTogJ2JvdHRvbScsXG4gIGJvdHRvbVN0YXJ0OiAnYm90dG9tLXN0YXJ0JyxcbiAgYm90dG9tRW5kOiAnYm90dG9tLWVuZCcsXG4gIHJpZ2h0OiAncmlnaHQnLFxuICByaWdodFN0YXJ0OiAncmlnaHQtc3RhcnQnLFxuICByaWdodEVuZDogJ3JpZ2h0LWVuZCcsXG4gIGxlZnQ6ICdsZWZ0JyxcbiAgbGVmdFN0YXJ0OiAnbGVmdC1zdGFydCcsXG4gIGxlZnRFbmQ6ICdsZWZ0LWVuZCcsXG59O1xuXG5leHBvcnQgY29uc3QgTWVudUNhcmRDb250cm9sbGVyID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxGbG9hdGluZ1BvcnRhbD5cbiAgICA8TWVudVRyYW5zaXRpb24gcmVmPXtyZWZ9IHsuLi5wcm9wc30gY2xhc3NOYW1lPVwiZ3JuLWNvbnRleHRcIj5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L01lbnVUcmFuc2l0aW9uPlxuICA8L0Zsb2F0aW5nUG9ydGFsPlxuKSk7XG5cbmV4cG9ydCBjb25zdCB1c2VNZW51UG9zaXRpb24gPSAoeyBtZW51V2lkdGgsIG1lbnVQbGFjZW1lbnQgfSkgPT4ge1xuICBjb25zdCB7IHgsIHksIHJlZmVyZW5jZSwgZmxvYXRpbmcsIHN0cmF0ZWd5IH0gPSB1c2VGbG9hdGluZyh7XG4gICAgcGxhY2VtZW50OiBwbGFjZW1lbnRzTWFwW21lbnVQbGFjZW1lbnRdLFxuICAgIHdoaWxlRWxlbWVudHNNb3VudGVkOiBhdXRvVXBkYXRlLFxuICAgIG1pZGRsZXdhcmU6IFtcbiAgICAgIGZsaXAoeyBwYWRkaW5nOiAyNCwgZmxpcEFsaWdubWVudDogZmFsc2UgfSksXG4gICAgICBzaXplKHtcbiAgICAgICAgYXBwbHkoeyByZWN0cywgZWxlbWVudHMgfSkge1xuICAgICAgICAgIGNvbnN0IHdpZHRoID0gbWVudVdpZHRoIHx8IGAke3JlY3RzLnJlZmVyZW5jZS53aWR0aH1weGA7XG4gICAgICAgICAgT2JqZWN0LmFzc2lnbihlbGVtZW50cy5mbG9hdGluZy5zdHlsZSwge1xuICAgICAgICAgICAgd2lkdGg6IHdpZHRoLFxuICAgICAgICAgIH0pO1xuICAgICAgICB9LFxuICAgICAgICBwYWRkaW5nOiAyNCxcbiAgICAgIH0pLFxuICAgIF0sXG4gIH0pO1xuXG4gIGNvbnN0IGZsb2F0aW5nU3R5bGVzID0ge1xuICAgIHBvc2l0aW9uOiBzdHJhdGVneSxcbiAgICB0b3A6IHkgPz8gMCxcbiAgICBsZWZ0OiB4ID8/IDAsXG4gICAgekluZGV4OiAxMTAwLFxuICB9O1xuXG4gIHJldHVybiB7XG4gICAgcmVmZXJlbmNlLFxuICAgIGZsb2F0aW5nLFxuICAgIGZsb2F0aW5nU3R5bGVzLFxuICB9O1xufTtcblxuZXhwb3J0IGNvbnN0IE1lbnVDYXJkID0gZm9yd2FyZFJlZihcbiAgKHsgY2hpbGRyZW4sIHpJbmRleCA9IDEsIHBsYWNlbWVudCwgbWF4SGVpZ2h0LCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgICA8dWxcbiAgICAgIHJlZj17cmVmfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHBhZGRpbmc6ICR7Y2FyZFBhZGRpbmdQeH0gMDtcbiAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdiYWNrZ3JvdW5kJyl9O1xuICAgICAgICB6LWluZGV4OiAke3pJbmRleH07XG4gICAgICAgIGJveC1zaGFkb3c6ICR7Z2V0U2hhZG93KCdtJyl9O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgICAgICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgICAgIG1heC1oZWlnaHQ6ICR7bWF4SGVpZ2h0fTtcblxuICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L3VsPlxuICApLFxuKTtcblxuY29uc3QgdmFyaWFudFN0eWxlcyA9IHtcbiAgbmV1dHJhbDoge1xuICAgIGJhY2tncm91bmRDb2xvckFjdGl2ZTogZ2V0Q29sb3IoJ2JhY2tncm91bmRPdmVybGF5JyksXG4gICAgaWNvbkNvbG9yQWN0aXZlOiBnZXRDb2xvcignY29udGVudCcpLFxuICB9LFxuICBkYW5nZXI6IHtcbiAgICBjb2xvcjogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICAgIGJhY2tncm91bmRDb2xvckFjdGl2ZTogY29tcG9uZW50VmFycy5jbGVhckJ1dHRvbkRhbmdlckJhY2tncm91bmRIb3ZlcixcbiAgfSxcbn07XG5cbmNvbnN0IE1lbnVJdGVtUm9vdCA9IGZvcndhcmRSZWYoXG4gICh7IGNoaWxkcmVuLCBpc0Rpc2FibGVkLCBoYXNJY29uLCBpc1NlbGVjdGVkLCBjb2xvciwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gICAgPGxpXG4gICAgICByZWY9e3JlZn1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICAgICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6ICR7aGFzSWNvbiA/ICdhdXRvIDFmcicgOiAnMWZyIGF1dG8nfTtcbiAgICAgICAgJHsoaGFzSWNvbiB8fCBpc1NlbGVjdGVkKSAmJiBgZ2FwOiA4cHhgfTtcbiAgICAgICAgJHtpc0Rpc2FibGVkICYmIGBjb2xvcjogJHtnZXRDb2xvcignY29udGVudERpc2FibGVkJyl9YH07XG4gICAgICAgICR7IWlzRGlzYWJsZWQgJiYgYGN1cnNvcjogcG9pbnRlcjtgfTtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBzdGFydDtcbiAgICAgICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICAgICAgcGFkZGluZzogMCAke2l0ZW1YUGFkZGluZ31weDtcbiAgICAgICAgbWFyZ2luOiAwICR7Y2FyZFBhZGRpbmd9cHg7XG4gICAgICAgIG1pbi1oZWlnaHQ6ICR7Y29tcG9uZW50VmFycy50ZXh0Qm94SGVpZ2h0fTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gICAgICAgIGFwcGVhcmFuY2U6IG5vbmU7XG4gICAgICAgIGNvbG9yOiAke2NvbG9yfTtcblxuICAgICAgICAuSWNvbiB7XG4gICAgICAgICAgdHJhbnNpdGlvbjogdW5zZXQ7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvbGk+XG4gICksXG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUdyb3VwVGl0bGUgPSAoeyBjaGlsZHJlbiwgaGFzRGl2aWRlciB9KSA9PiAoXG4gIDxCb3hcbiAgICBwYWRkaW5nWD17YCR7Y2FyZFBhZGRpbmcgKyBpdGVtWFBhZGRpbmd9cHhgfVxuICAgIHBhZGRpbmdCb3R0b209e2NhcmRQYWRkaW5nUHh9XG4gICAgbWFyZ2luVG9wPXtjYXJkUGFkZGluZ1B4fVxuICAgIHBhZGRpbmdUb3A9e2hhc0RpdmlkZXIgPyBgJHtjYXJkUGFkZGluZyAqIDJ9cHhgIDogdW5kZWZpbmVkfVxuICAgIGJvcmRlclNpZGU9e2hhc0RpdmlkZXIgPyAndG9wJyA6IHVuZGVmaW5lZH1cbiAgPlxuICAgIDxUZXh0IHZhcmlhbnQ9XCJjYXBzXCI+e2NoaWxkcmVufTwvVGV4dD5cbiAgPC9Cb3g+XG4pO1xuXG5jb25zdCBNZW51SXRlbURpdmlkZXIgPSAoKSA9PiAoXG4gIDxCb3ggaGVpZ2h0PXtjb21wb25lbnRWYXJzLmRpdmlkZXJTdHJva2VTaXplfSBtYXJnaW5ZPXsxfSBiYWNrZ3JvdW5kQ29sb3I9XCJib3JkZXJcIiAvPlxuKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHsgY2hpbGRyZW4sIGlzU2VsZWN0ZWQsIGlzQWN0aXZlLCBpc0Rpc2FibGVkLCBpY29uLCB2YXJpYW50ID0gJ25ldXRyYWwnLCBoYXNEaXZpZGVyLCAuLi5wcm9wcyB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIHtoYXNEaXZpZGVyICYmIDxNZW51SXRlbURpdmlkZXIgLz59XG4gICAgICAgIDxNZW51SXRlbVJvb3RcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBpc1NlbGVjdGVkPXtpc1NlbGVjdGVkfVxuICAgICAgICAgIGlzRGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgICAgY29sb3I9e3ZhcmlhbnRTdHlsZXNbdmFyaWFudF0uY29sb3J9XG4gICAgICAgICAgaGFzSWNvbj17Qm9vbGVhbihpY29uKX1cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgYmFja2dyb3VuZDogaXNBY3RpdmUgJiYgdmFyaWFudFN0eWxlc1t2YXJpYW50XS5iYWNrZ3JvdW5kQ29sb3JBY3RpdmUsXG4gICAgICAgICAgICBbJy0tZ3JuLWNvbG9yLWljb24nXTogaXNBY3RpdmUgJiYgdmFyaWFudFN0eWxlc1t2YXJpYW50XS5pY29uQ29sb3JBY3RpdmUsXG4gICAgICAgICAgfX1cbiAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgID5cbiAgICAgICAgICB7aWNvbiAmJiA8SWNvbiBpY29uPXtpY29ufSBoYXNFdmVuQm91bmRhcnkgY29sb3I9e3ZhcmlhbnRTdHlsZXNbdmFyaWFudF0uY29sb3J9IC8+fVxuICAgICAgICAgIDxCb3ggd2lkdGg9XCIxMDAlXCIgbWluV2lkdGg9XCIwcHhcIiB0YWc9XCJzcGFuXCI+XG4gICAgICAgICAgICA8VGV4dCBoYXNFbGxpcHNpcz57Y2hpbGRyZW59PC9UZXh0PlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIHtpc1NlbGVjdGVkICYmIDxJY29uIGljb249ezxJY29uQ2hlY2sgLz59IC8+fVxuICAgICAgICA8L01lbnVJdGVtUm9vdD5cbiAgICAgIDwvPlxuICAgICk7XG4gIH0sXG4pO1xuIl19 */")
   }, props), children);
 });
-export var MenuGroupTitle = function MenuGroupTitle(_ref4) {
-  var children = _ref4.children,
-      hasDivider = _ref4.hasDivider;
+export var MenuGroupTitle = function MenuGroupTitle(_ref7) {
+  var children = _ref7.children,
+      hasDivider = _ref7.hasDivider;
   return ___EmotionJSX(Box, {
     paddingX: "".concat(cardPadding + itemXPadding, "px"),
     paddingBottom: cardPaddingPx,
@@ -101,16 +167,16 @@ var MenuItemDivider = function MenuItemDivider() {
   });
 };
 
-export var MenuItem = /*#__PURE__*/forwardRef(function (_ref5, ref) {
-  var children = _ref5.children,
-      isSelected = _ref5.isSelected,
-      isActive = _ref5.isActive,
-      isDisabled = _ref5.isDisabled,
-      icon = _ref5.icon,
-      _ref5$variant = _ref5.variant,
-      variant = _ref5$variant === void 0 ? 'neutral' : _ref5$variant,
-      hasDivider = _ref5.hasDivider,
-      props = _objectWithoutProperties(_ref5, _excluded4);
+export var MenuItem = /*#__PURE__*/forwardRef(function (_ref8, ref) {
+  var children = _ref8.children,
+      isSelected = _ref8.isSelected,
+      isActive = _ref8.isActive,
+      isDisabled = _ref8.isDisabled,
+      icon = _ref8.icon,
+      _ref8$variant = _ref8.variant,
+      variant = _ref8$variant === void 0 ? 'neutral' : _ref8$variant,
+      hasDivider = _ref8.hasDivider,
+      props = _objectWithoutProperties(_ref8, _excluded5);
 
   return ___EmotionJSX(React.Fragment, null, hasDivider && ___EmotionJSX(MenuItemDivider, null), ___EmotionJSX(MenuItemRoot, _extends({
     ref: ref,

package/es/hooks/index.js

@@ -2,5 +2,4 @@ export { useMedia } from './useMedia';
 export { useKeyPress } from './useKeyPress';
 export { useOnClickOutside } from './useOnClickOutside';
 export { useWindowSize } from './useWindowSize';
-export { useHasOverflow } from './useHasOverflow';
 export { useWidth } from './useWidth';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flodesk/grain",
-  "version": "6.7.0",
+  "version": "6.8.0",
   "description": "Flodesk design system",
   "module": "es/index.js",
   "author": "Flodesk",
@@ -30,6 +30,7 @@
   },
   "peerDependencies": {
     "@headlessui/react": "^1.7.3",
+    "@floating-ui/react-dom-interactions": "^0.12.0",
     "react": ">=16.8",
     "react-dom": ">=16.8"
   },

package/es/hooks/useHasOverflow.js

@@ -1,57 +0,0 @@
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.symbol.description.js";
-import "core-js/modules/es.object.to-string.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";
-
-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; }
-
-import { useEffect, useRef, useState } from 'react';
-import { useWindowSize } from './useWindowSize';
-export function useHasOverflow() {
-  var elementRef = useRef();
-  var windowSize = useWindowSize();
-
-  var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      cardHeight = _useState2[0],
-      setCardHeight = _useState2[1];
-
-  var _useState3 = useState(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      scrollHeight = _useState4[0],
-      setScrollHeight = _useState4[1];
-
-  var _useState5 = useState(),
-      _useState6 = _slicedToArray(_useState5, 2),
-      hasOverflow = _useState6[0],
-      setHasOverflow = _useState6[1];
-
-  useEffect(function () {
-    if (elementRef) {
-      setCardHeight(elementRef.current.clientHeight);
-      setScrollHeight(elementRef.current.scrollHeight);
-    }
-
-    setHasOverflow(scrollHeight > cardHeight);
-  }, [scrollHeight, cardHeight, windowSize]);
-  return {
-    hasOverflow: hasOverflow,
-    elementRef: elementRef
-  };
-}