@flodesk/grain 5.15.0 → 5.16.0

package/es/foundational/menu.js

@@ -0,0 +1,157 @@
+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 _styled from "@emotion/styled/base";
+var _excluded = ["children", "isSelected", "isActive", "isDisabled", "icon", "variant", "hasDivider"];
+
+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; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+import { css } from '@emotion/react';
+import { getColor, getDimension, getRadius, getShadow } from '../utilities';
+import { Box, Icon, Text } from '../components';
+import { IconCheck } from '../icons';
+import { forwardRef } from 'react';
+import { textBoxHeight } from './styles';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var menuAlignments = {
+  bottomLeft: process.env.NODE_ENV === "production" ? {
+    name: "1ode3cm",
+    styles: "left:0"
+  } : {
+    name: "10a6psf-bottomLeft",
+    styles: "left:0;label:bottomLeft;",
+    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU2lCIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0RGltZW5zaW9uLCBnZXRSYWRpdXMsIGdldFNoYWRvdyB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBCb3gsIEljb24sIFRleHQgfSBmcm9tICcuLi9jb21wb25lbnRzJztcbmltcG9ydCB7IEljb25DaGVjayB9IGZyb20gJy4uL2ljb25zJztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB0ZXh0Qm94SGVpZ2h0IH0gZnJvbSAnLi9zdHlsZXMnO1xuXG5jb25zdCBtZW51QWxpZ25tZW50cyA9IHtcbiAgYm90dG9tTGVmdDogY3NzYFxuICAgIGxlZnQ6IDA7XG4gIGAsXG4gIGJvdHRvbVJpZ2h0OiBjc3NgXG4gICAgcmlnaHQ6IDA7XG4gIGAsXG4gIHRvcExlZnQ6IGNzc2BcbiAgICBib3R0b206IDEwMCU7XG4gICAgbGVmdDogMDtcbiAgYCxcbiAgdG9wUmlnaHQ6IGNzc2BcbiAgICBib3R0b206IDEwMCU7XG4gICAgcmlnaHQ6IDA7XG4gIGAsXG59O1xuXG5leHBvcnQgY29uc3QgTWVudUNhcmQgPSBzdHlsZWQudWxgXG4gIHBhZGRpbmc6IDhweDtcbiAgbWFyZ2luOiAwO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICB6LWluZGV4OiAxO1xuICBib3gtc2hhZG93OiAke2dldFNoYWRvdygnbScpfTtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIG1heC1oZWlnaHQ6IDQ2OHB4O1xuICBvdmVyZmxvdzogYXV0bztcbiAgd2lkdGg6ICR7KHsgbWVudVdpZHRoIH0pID0+IGdldERpbWVuc2lvbihtZW51V2lkdGgpfTtcbiAgJHsoeyBtZW51QWxpZ24gfSkgPT4gbWVudUFsaWdubWVudHNbbWVudUFsaWduXX1cblxuICAmOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBNZW51SXRlbVdyYXBwZXIgPSBzdHlsZWQubGlgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogJHtwID0+IChwLmhhc0ljb24gPyAnYXV0byAxZnInIDogJzFmciBhdXRvJyl9O1xuICAke3AgPT4gKHAuaGFzSWNvbiB8fCBwLmlzU2VsZWN0ZWQpICYmIGBnYXA6IDhweGB9O1xuICAkeyh7IGlzRGlzYWJsZWQgfSkgPT4gaXNEaXNhYmxlZCAmJiBgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpfWB9O1xuICAkeyh7IGlzRGlzYWJsZWQgfSkgPT4gIWlzRGlzYWJsZWQgJiYgYGN1cnNvcjogcG9pbnRlcjtgfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzdGFydDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgcGFkZGluZzogMCAxMnB4O1xuICBtaW4taGVpZ2h0OiAke3RleHRCb3hIZWlnaHR9O1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgYXBwZWFyYW5jZTogbm9uZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZW51R3JvdXBUaXRsZSA9ICh7IGNoaWxkcmVuLCBoYXNEaXZpZGVyIH0pID0+IChcbiAgPEJveFxuICAgIG1hcmdpblg9XCIxMnB4XCJcbiAgICBwYWRkaW5nQm90dG9tPVwiOHB4XCJcbiAgICBtYXJnaW5Ub3A9XCI4cHhcIlxuICAgIHBhZGRpbmdUb3A9e2hhc0RpdmlkZXIgPyAnMTZweCcgOiB1bmRlZmluZWR9XG4gICAgYm9yZGVyU2lkZT17aGFzRGl2aWRlciA/ICd0b3AnIDogdW5kZWZpbmVkfVxuICA+XG4gICAgPFRleHQgdmFyaWFudD1cImNhcHNcIj57Y2hpbGRyZW59PC9UZXh0PlxuICA8L0JveD5cbik7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIGRhbmdlcjoge1xuICAgIGNvbG9yOiBnZXRDb2xvcignZGFuZ2VyJyksXG4gICAgY29sb3JBY3RpdmU6ICd3aGl0ZScsXG4gICAgYmFja2dyb3VuZENvbG9yQWN0aXZlOiBnZXRDb2xvcignZGFuZ2VyJyksXG4gIH0sXG59O1xuXG5jb25zdCBNZW51SXRlbURpdmlkZXIgPSAoKSA9PiAoXG4gIDxCb3ggaGVpZ2h0PXtid30gbWFyZ2luWT1cIjhweFwiIG1hcmdpblg9XCIxMnB4XCIgYmFja2dyb3VuZENvbG9yPVwiYm9yZGVyXCIgLz5cbik7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbSA9IGZvcndhcmRSZWYoXG4gICh7IGNoaWxkcmVuLCBpc1NlbGVjdGVkLCBpc0FjdGl2ZSwgaXNEaXNhYmxlZCwgaWNvbiwgdmFyaWFudCwgaGFzRGl2aWRlciwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgY29sb3IgPSB2YXJpYW50ID8gdmFyaWFudFN0eWxlc1t2YXJpYW50XS5jb2xvciA6IHVuZGVmaW5lZDtcbiAgICBjb25zdCBjb2xvckFjdGl2ZSA9IHZhcmlhbnQgPyB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmNvbG9yQWN0aXZlIDogdW5kZWZpbmVkO1xuICAgIGNvbnN0IGJhY2tncm91bmRDb2xvckFjdGl2ZSA9IHZhcmlhbnRcbiAgICAgID8gdmFyaWFudFN0eWxlc1t2YXJpYW50XS5iYWNrZ3JvdW5kQ29sb3JBY3RpdmVcbiAgICAgIDogZ2V0Q29sb3IoJ2JhY2tncm91bmRPdmVybGF5Jyk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPD5cbiAgICAgICAge2hhc0RpdmlkZXIgJiYgPE1lbnVJdGVtRGl2aWRlciAvPn1cbiAgICAgICAgPE1lbnVJdGVtV3JhcHBlclxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIGlzQWN0aXZlPXtpc0FjdGl2ZX1cbiAgICAgICAgICBpc1NlbGVjdGVkPXtpc1NlbGVjdGVkfVxuICAgICAgICAgIGlzRGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIGNvbG9yOiBpc0FjdGl2ZSA/IGNvbG9yQWN0aXZlIDogY29sb3IsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiBpc0FjdGl2ZSAmJiBiYWNrZ3JvdW5kQ29sb3JBY3RpdmUsXG4gICAgICAgICAgfX1cbiAgICAgICAgICBoYXNJY29uPXtCb29sZWFuKGljb24pfVxuICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgPlxuICAgICAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IGNvbG9yPVwiY3VycmVudENvbG9yXCIgaGFzRXZlbkJvdW5kYXJ5IC8+fVxuICAgICAgICAgIDxCb3ggd2lkdGg9XCIxMDAlXCIgbWluV2lkdGg9XCIwcHhcIiB0YWc9XCJzcGFuXCI+XG4gICAgICAgICAgICA8VGV4dCBoYXNFbGxpcHNpcz57Y2hpbGRyZW59PC9UZXh0PlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIHtpc1NlbGVjdGVkICYmIDxJY29uIGljb249ezxJY29uQ2hlY2sgLz59IC8+fVxuICAgICAgICA8L01lbnVJdGVtV3JhcHBlcj5cbiAgICAgIDwvPlxuICAgICk7XG4gIH0sXG4pO1xuIl19 */",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  },
+  bottomRight: process.env.NODE_ENV === "production" ? {
+    name: "1wf8jf",
+    styles: "right:0"
+  } : {
+    name: "2y8vm8-bottomRight",
+    styles: "right:0;label:bottomRight;",
+    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWWtCIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0RGltZW5zaW9uLCBnZXRSYWRpdXMsIGdldFNoYWRvdyB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBCb3gsIEljb24sIFRleHQgfSBmcm9tICcuLi9jb21wb25lbnRzJztcbmltcG9ydCB7IEljb25DaGVjayB9IGZyb20gJy4uL2ljb25zJztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB0ZXh0Qm94SGVpZ2h0IH0gZnJvbSAnLi9zdHlsZXMnO1xuXG5jb25zdCBtZW51QWxpZ25tZW50cyA9IHtcbiAgYm90dG9tTGVmdDogY3NzYFxuICAgIGxlZnQ6IDA7XG4gIGAsXG4gIGJvdHRvbVJpZ2h0OiBjc3NgXG4gICAgcmlnaHQ6IDA7XG4gIGAsXG4gIHRvcExlZnQ6IGNzc2BcbiAgICBib3R0b206IDEwMCU7XG4gICAgbGVmdDogMDtcbiAgYCxcbiAgdG9wUmlnaHQ6IGNzc2BcbiAgICBib3R0b206IDEwMCU7XG4gICAgcmlnaHQ6IDA7XG4gIGAsXG59O1xuXG5leHBvcnQgY29uc3QgTWVudUNhcmQgPSBzdHlsZWQudWxgXG4gIHBhZGRpbmc6IDhweDtcbiAgbWFyZ2luOiAwO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICB6LWluZGV4OiAxO1xuICBib3gtc2hhZG93OiAke2dldFNoYWRvdygnbScpfTtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIG1heC1oZWlnaHQ6IDQ2OHB4O1xuICBvdmVyZmxvdzogYXV0bztcbiAgd2lkdGg6ICR7KHsgbWVudVdpZHRoIH0pID0+IGdldERpbWVuc2lvbihtZW51V2lkdGgpfTtcbiAgJHsoeyBtZW51QWxpZ24gfSkgPT4gbWVudUFsaWdubWVudHNbbWVudUFsaWduXX1cblxuICAmOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBNZW51SXRlbVdyYXBwZXIgPSBzdHlsZWQubGlgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogJHtwID0+IChwLmhhc0ljb24gPyAnYXV0byAxZnInIDogJzFmciBhdXRvJyl9O1xuICAke3AgPT4gKHAuaGFzSWNvbiB8fCBwLmlzU2VsZWN0ZWQpICYmIGBnYXA6IDhweGB9O1xuICAkeyh7IGlzRGlzYWJsZWQgfSkgPT4gaXNEaXNhYmxlZCAmJiBgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpfWB9O1xuICAkeyh7IGlzRGlzYWJsZWQgfSkgPT4gIWlzRGlzYWJsZWQgJiYgYGN1cnNvcjogcG9pbnRlcjtgfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzdGFydDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgcGFkZGluZzogMCAxMnB4O1xuICBtaW4taGVpZ2h0OiAke3RleHRCb3hIZWlnaHR9O1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgYXBwZWFyYW5jZTogbm9uZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZW51R3JvdXBUaXRsZSA9ICh7IGNoaWxkcmVuLCBoYXNEaXZpZGVyIH0pID0+IChcbiAgPEJveFxuICAgIG1hcmdpblg9XCIxMnB4XCJcbiAgICBwYWRkaW5nQm90dG9tPVwiOHB4XCJcbiAgICBtYXJnaW5Ub3A9XCI4cHhcIlxuICAgIHBhZGRpbmdUb3A9e2hhc0RpdmlkZXIgPyAnMTZweCcgOiB1bmRlZmluZWR9XG4gICAgYm9yZGVyU2lkZT17aGFzRGl2aWRlciA/ICd0b3AnIDogdW5kZWZpbmVkfVxuICA+XG4gICAgPFRleHQgdmFyaWFudD1cImNhcHNcIj57Y2hpbGRyZW59PC9UZXh0PlxuICA8L0JveD5cbik7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIGRhbmdlcjoge1xuICAgIGNvbG9yOiBnZXRDb2xvcignZGFuZ2VyJyksXG4gICAgY29sb3JBY3RpdmU6ICd3aGl0ZScsXG4gICAgYmFja2dyb3VuZENvbG9yQWN0aXZlOiBnZXRDb2xvcignZGFuZ2VyJyksXG4gIH0sXG59O1xuXG5jb25zdCBNZW51SXRlbURpdmlkZXIgPSAoKSA9PiAoXG4gIDxCb3ggaGVpZ2h0PXtid30gbWFyZ2luWT1cIjhweFwiIG1hcmdpblg9XCIxMnB4XCIgYmFja2dyb3VuZENvbG9yPVwiYm9yZGVyXCIgLz5cbik7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbSA9IGZvcndhcmRSZWYoXG4gICh7IGNoaWxkcmVuLCBpc1NlbGVjdGVkLCBpc0FjdGl2ZSwgaXNEaXNhYmxlZCwgaWNvbiwgdmFyaWFudCwgaGFzRGl2aWRlciwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgY29sb3IgPSB2YXJpYW50ID8gdmFyaWFudFN0eWxlc1t2YXJpYW50XS5jb2xvciA6IHVuZGVmaW5lZDtcbiAgICBjb25zdCBjb2xvckFjdGl2ZSA9IHZhcmlhbnQgPyB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmNvbG9yQWN0aXZlIDogdW5kZWZpbmVkO1xuICAgIGNvbnN0IGJhY2tncm91bmRDb2xvckFjdGl2ZSA9IHZhcmlhbnRcbiAgICAgID8gdmFyaWFudFN0eWxlc1t2YXJpYW50XS5iYWNrZ3JvdW5kQ29sb3JBY3RpdmVcbiAgICAgIDogZ2V0Q29sb3IoJ2JhY2tncm91bmRPdmVybGF5Jyk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPD5cbiAgICAgICAge2hhc0RpdmlkZXIgJiYgPE1lbnVJdGVtRGl2aWRlciAvPn1cbiAgICAgICAgPE1lbnVJdGVtV3JhcHBlclxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIGlzQWN0aXZlPXtpc0FjdGl2ZX1cbiAgICAgICAgICBpc1NlbGVjdGVkPXtpc1NlbGVjdGVkfVxuICAgICAgICAgIGlzRGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIGNvbG9yOiBpc0FjdGl2ZSA/IGNvbG9yQWN0aXZlIDogY29sb3IsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiBpc0FjdGl2ZSAmJiBiYWNrZ3JvdW5kQ29sb3JBY3RpdmUsXG4gICAgICAgICAgfX1cbiAgICAgICAgICBoYXNJY29uPXtCb29sZWFuKGljb24pfVxuICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgPlxuICAgICAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IGNvbG9yPVwiY3VycmVudENvbG9yXCIgaGFzRXZlbkJvdW5kYXJ5IC8+fVxuICAgICAgICAgIDxCb3ggd2lkdGg9XCIxMDAlXCIgbWluV2lkdGg9XCIwcHhcIiB0YWc9XCJzcGFuXCI+XG4gICAgICAgICAgICA8VGV4dCBoYXNFbGxpcHNpcz57Y2hpbGRyZW59PC9UZXh0PlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIHtpc1NlbGVjdGVkICYmIDxJY29uIGljb249ezxJY29uQ2hlY2sgLz59IC8+fVxuICAgICAgICA8L01lbnVJdGVtV3JhcHBlcj5cbiAgICAgIDwvPlxuICAgICk7XG4gIH0sXG4pO1xuIl19 */",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  },
+  topLeft: process.env.NODE_ENV === "production" ? {
+    name: "9rtgp4",
+    styles: "bottom:100%;left:0"
+  } : {
+    name: "1erqxo6-topLeft",
+    styles: "bottom:100%;left:0;label:topLeft;",
+    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWMiLCJmaWxlIjoiLi4vLi4vc3JjL2ZvdW5kYXRpb25hbC9tZW51LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yLCBnZXREaW1lbnNpb24sIGdldFJhZGl1cywgZ2V0U2hhZG93IH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEJveCwgSWNvbiwgVGV4dCB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgSWNvbkNoZWNrIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHRleHRCb3hIZWlnaHQgfSBmcm9tICcuL3N0eWxlcyc7XG5cbmNvbnN0IG1lbnVBbGlnbm1lbnRzID0ge1xuICBib3R0b21MZWZ0OiBjc3NgXG4gICAgbGVmdDogMDtcbiAgYCxcbiAgYm90dG9tUmlnaHQ6IGNzc2BcbiAgICByaWdodDogMDtcbiAgYCxcbiAgdG9wTGVmdDogY3NzYFxuICAgIGJvdHRvbTogMTAwJTtcbiAgICBsZWZ0OiAwO1xuICBgLFxuICB0b3BSaWdodDogY3NzYFxuICAgIGJvdHRvbTogMTAwJTtcbiAgICByaWdodDogMDtcbiAgYCxcbn07XG5cbmV4cG9ydCBjb25zdCBNZW51Q2FyZCA9IHN0eWxlZC51bGBcbiAgcGFkZGluZzogOHB4O1xuICBtYXJnaW46IDA7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYmFja2dyb3VuZDogd2hpdGU7XG4gIHotaW5kZXg6IDE7XG4gIGJveC1zaGFkb3c6ICR7Z2V0U2hhZG93KCdtJyl9O1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgbWF4LWhlaWdodDogNDY4cHg7XG4gIG92ZXJmbG93OiBhdXRvO1xuICB3aWR0aDogJHsoeyBtZW51V2lkdGggfSkgPT4gZ2V0RGltZW5zaW9uKG1lbnVXaWR0aCl9O1xuICAkeyh7IG1lbnVBbGlnbiB9KSA9PiBtZW51QWxpZ25tZW50c1ttZW51QWxpZ25dfVxuXG4gICY6Zm9jdXMge1xuICAgIG91dGxpbmU6IG5vbmU7XG4gIH1cbmA7XG5cbmNvbnN0IE1lbnVJdGVtV3JhcHBlciA9IHN0eWxlZC5saWBcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAke3AgPT4gKHAuaGFzSWNvbiA/ICdhdXRvIDFmcicgOiAnMWZyIGF1dG8nKX07XG4gICR7cCA9PiAocC5oYXNJY29uIHx8IHAuaXNTZWxlY3RlZCkgJiYgYGdhcDogOHB4YH07XG4gICR7KHsgaXNEaXNhYmxlZCB9KSA9PiBpc0Rpc2FibGVkICYmIGBjb2xvcjogJHtnZXRDb2xvcignY29udGVudERpc2FibGVkJyl9YH07XG4gICR7KHsgaXNEaXNhYmxlZCB9KSA9PiAhaXNEaXNhYmxlZCAmJiBgY3Vyc29yOiBwb2ludGVyO2B9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHN0YXJ0O1xuICBsaXN0LXN0eWxlOiBub25lO1xuICBwYWRkaW5nOiAwIDEycHg7XG4gIG1pbi1oZWlnaHQ6ICR7dGV4dEJveEhlaWdodH07XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICBhcHBlYXJhbmNlOiBub25lO1xuYDtcblxuZXhwb3J0IGNvbnN0IE1lbnVHcm91cFRpdGxlID0gKHsgY2hpbGRyZW4sIGhhc0RpdmlkZXIgfSkgPT4gKFxuICA8Qm94XG4gICAgbWFyZ2luWD1cIjEycHhcIlxuICAgIHBhZGRpbmdCb3R0b209XCI4cHhcIlxuICAgIG1hcmdpblRvcD1cIjhweFwiXG4gICAgcGFkZGluZ1RvcD17aGFzRGl2aWRlciA/ICcxNnB4JyA6IHVuZGVmaW5lZH1cbiAgICBib3JkZXJTaWRlPXtoYXNEaXZpZGVyID8gJ3RvcCcgOiB1bmRlZmluZWR9XG4gID5cbiAgICA8VGV4dCB2YXJpYW50PVwiY2Fwc1wiPntjaGlsZHJlbn08L1RleHQ+XG4gIDwvQm94PlxuKTtcblxuY29uc3QgdmFyaWFudFN0eWxlcyA9IHtcbiAgZGFuZ2VyOiB7XG4gICAgY29sb3I6IGdldENvbG9yKCdkYW5nZXInKSxcbiAgICBjb2xvckFjdGl2ZTogJ3doaXRlJyxcbiAgICBiYWNrZ3JvdW5kQ29sb3JBY3RpdmU6IGdldENvbG9yKCdkYW5nZXInKSxcbiAgfSxcbn07XG5cbmNvbnN0IE1lbnVJdGVtRGl2aWRlciA9ICgpID0+IChcbiAgPEJveCBoZWlnaHQ9e2J3fSBtYXJnaW5ZPVwiOHB4XCIgbWFyZ2luWD1cIjEycHhcIiBiYWNrZ3JvdW5kQ29sb3I9XCJib3JkZXJcIiAvPlxuKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtID0gZm9yd2FyZFJlZihcbiAgKHsgY2hpbGRyZW4sIGlzU2VsZWN0ZWQsIGlzQWN0aXZlLCBpc0Rpc2FibGVkLCBpY29uLCB2YXJpYW50LCBoYXNEaXZpZGVyLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgICBjb25zdCBjb2xvciA9IHZhcmlhbnQgPyB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmNvbG9yIDogdW5kZWZpbmVkO1xuICAgIGNvbnN0IGNvbG9yQWN0aXZlID0gdmFyaWFudCA/IHZhcmlhbnRTdHlsZXNbdmFyaWFudF0uY29sb3JBY3RpdmUgOiB1bmRlZmluZWQ7XG4gICAgY29uc3QgYmFja2dyb3VuZENvbG9yQWN0aXZlID0gdmFyaWFudFxuICAgICAgPyB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmJhY2tncm91bmRDb2xvckFjdGl2ZVxuICAgICAgOiBnZXRDb2xvcignYmFja2dyb3VuZE92ZXJsYXknKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICB7aGFzRGl2aWRlciAmJiA8TWVudUl0ZW1EaXZpZGVyIC8+fVxuICAgICAgICA8TWVudUl0ZW1XcmFwcGVyXG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgICAgIGlzU2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9XG4gICAgICAgICAgaXNEaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgY29sb3I6IGlzQWN0aXZlID8gY29sb3JBY3RpdmUgOiBjb2xvcixcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IGlzQWN0aXZlICYmIGJhY2tncm91bmRDb2xvckFjdGl2ZSxcbiAgICAgICAgICB9fVxuICAgICAgICAgIGhhc0ljb249e0Jvb2xlYW4oaWNvbil9XG4gICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICA+XG4gICAgICAgICAge2ljb24gJiYgPEljb24gaWNvbj17aWNvbn0gY29sb3I9XCJjdXJyZW50Q29sb3JcIiBoYXNFdmVuQm91bmRhcnkgLz59XG4gICAgICAgICAgPEJveCB3aWR0aD1cIjEwMCVcIiBtaW5XaWR0aD1cIjBweFwiIHRhZz1cInNwYW5cIj5cbiAgICAgICAgICAgIDxUZXh0IGhhc0VsbGlwc2lzPntjaGlsZHJlbn08L1RleHQ+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAge2lzU2VsZWN0ZWQgJiYgPEljb24gaWNvbj17PEljb25DaGVjayAvPn0gLz59XG4gICAgICAgIDwvTWVudUl0ZW1XcmFwcGVyPlxuICAgICAgPC8+XG4gICAgKTtcbiAgfSxcbik7XG4iXX0= */",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  },
+  topRight: process.env.NODE_ENV === "production" ? {
+    name: "meuqyo",
+    styles: "bottom:100%;right:0"
+  } : {
+    name: "g2dnz1-topRight",
+    styles: "bottom:100%;right:0;label:topRight;",
+    map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJlIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0RGltZW5zaW9uLCBnZXRSYWRpdXMsIGdldFNoYWRvdyB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBCb3gsIEljb24sIFRleHQgfSBmcm9tICcuLi9jb21wb25lbnRzJztcbmltcG9ydCB7IEljb25DaGVjayB9IGZyb20gJy4uL2ljb25zJztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB0ZXh0Qm94SGVpZ2h0IH0gZnJvbSAnLi9zdHlsZXMnO1xuXG5jb25zdCBtZW51QWxpZ25tZW50cyA9IHtcbiAgYm90dG9tTGVmdDogY3NzYFxuICAgIGxlZnQ6IDA7XG4gIGAsXG4gIGJvdHRvbVJpZ2h0OiBjc3NgXG4gICAgcmlnaHQ6IDA7XG4gIGAsXG4gIHRvcExlZnQ6IGNzc2BcbiAgICBib3R0b206IDEwMCU7XG4gICAgbGVmdDogMDtcbiAgYCxcbiAgdG9wUmlnaHQ6IGNzc2BcbiAgICBib3R0b206IDEwMCU7XG4gICAgcmlnaHQ6IDA7XG4gIGAsXG59O1xuXG5leHBvcnQgY29uc3QgTWVudUNhcmQgPSBzdHlsZWQudWxgXG4gIHBhZGRpbmc6IDhweDtcbiAgbWFyZ2luOiAwO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJhY2tncm91bmQ6IHdoaXRlO1xuICB6LWluZGV4OiAxO1xuICBib3gtc2hhZG93OiAke2dldFNoYWRvdygnbScpfTtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIG1heC1oZWlnaHQ6IDQ2OHB4O1xuICBvdmVyZmxvdzogYXV0bztcbiAgd2lkdGg6ICR7KHsgbWVudVdpZHRoIH0pID0+IGdldERpbWVuc2lvbihtZW51V2lkdGgpfTtcbiAgJHsoeyBtZW51QWxpZ24gfSkgPT4gbWVudUFsaWdubWVudHNbbWVudUFsaWduXX1cblxuICAmOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBNZW51SXRlbVdyYXBwZXIgPSBzdHlsZWQubGlgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtYXV0by1mbG93OiBjb2x1bW47XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogJHtwID0+IChwLmhhc0ljb24gPyAnYXV0byAxZnInIDogJzFmciBhdXRvJyl9O1xuICAke3AgPT4gKHAuaGFzSWNvbiB8fCBwLmlzU2VsZWN0ZWQpICYmIGBnYXA6IDhweGB9O1xuICAkeyh7IGlzRGlzYWJsZWQgfSkgPT4gaXNEaXNhYmxlZCAmJiBgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpfWB9O1xuICAkeyh7IGlzRGlzYWJsZWQgfSkgPT4gIWlzRGlzYWJsZWQgJiYgYGN1cnNvcjogcG9pbnRlcjtgfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBzdGFydDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgcGFkZGluZzogMCAxMnB4O1xuICBtaW4taGVpZ2h0OiAke3RleHRCb3hIZWlnaHR9O1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgYXBwZWFyYW5jZTogbm9uZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNZW51R3JvdXBUaXRsZSA9ICh7IGNoaWxkcmVuLCBoYXNEaXZpZGVyIH0pID0+IChcbiAgPEJveFxuICAgIG1hcmdpblg9XCIxMnB4XCJcbiAgICBwYWRkaW5nQm90dG9tPVwiOHB4XCJcbiAgICBtYXJnaW5Ub3A9XCI4cHhcIlxuICAgIHBhZGRpbmdUb3A9e2hhc0RpdmlkZXIgPyAnMTZweCcgOiB1bmRlZmluZWR9XG4gICAgYm9yZGVyU2lkZT17aGFzRGl2aWRlciA/ICd0b3AnIDogdW5kZWZpbmVkfVxuICA+XG4gICAgPFRleHQgdmFyaWFudD1cImNhcHNcIj57Y2hpbGRyZW59PC9UZXh0PlxuICA8L0JveD5cbik7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIGRhbmdlcjoge1xuICAgIGNvbG9yOiBnZXRDb2xvcignZGFuZ2VyJyksXG4gICAgY29sb3JBY3RpdmU6ICd3aGl0ZScsXG4gICAgYmFja2dyb3VuZENvbG9yQWN0aXZlOiBnZXRDb2xvcignZGFuZ2VyJyksXG4gIH0sXG59O1xuXG5jb25zdCBNZW51SXRlbURpdmlkZXIgPSAoKSA9PiAoXG4gIDxCb3ggaGVpZ2h0PXtid30gbWFyZ2luWT1cIjhweFwiIG1hcmdpblg9XCIxMnB4XCIgYmFja2dyb3VuZENvbG9yPVwiYm9yZGVyXCIgLz5cbik7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbSA9IGZvcndhcmRSZWYoXG4gICh7IGNoaWxkcmVuLCBpc1NlbGVjdGVkLCBpc0FjdGl2ZSwgaXNEaXNhYmxlZCwgaWNvbiwgdmFyaWFudCwgaGFzRGl2aWRlciwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgY29sb3IgPSB2YXJpYW50ID8gdmFyaWFudFN0eWxlc1t2YXJpYW50XS5jb2xvciA6IHVuZGVmaW5lZDtcbiAgICBjb25zdCBjb2xvckFjdGl2ZSA9IHZhcmlhbnQgPyB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmNvbG9yQWN0aXZlIDogdW5kZWZpbmVkO1xuICAgIGNvbnN0IGJhY2tncm91bmRDb2xvckFjdGl2ZSA9IHZhcmlhbnRcbiAgICAgID8gdmFyaWFudFN0eWxlc1t2YXJpYW50XS5iYWNrZ3JvdW5kQ29sb3JBY3RpdmVcbiAgICAgIDogZ2V0Q29sb3IoJ2JhY2tncm91bmRPdmVybGF5Jyk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPD5cbiAgICAgICAge2hhc0RpdmlkZXIgJiYgPE1lbnVJdGVtRGl2aWRlciAvPn1cbiAgICAgICAgPE1lbnVJdGVtV3JhcHBlclxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIGlzQWN0aXZlPXtpc0FjdGl2ZX1cbiAgICAgICAgICBpc1NlbGVjdGVkPXtpc1NlbGVjdGVkfVxuICAgICAgICAgIGlzRGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIGNvbG9yOiBpc0FjdGl2ZSA/IGNvbG9yQWN0aXZlIDogY29sb3IsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kOiBpc0FjdGl2ZSAmJiBiYWNrZ3JvdW5kQ29sb3JBY3RpdmUsXG4gICAgICAgICAgfX1cbiAgICAgICAgICBoYXNJY29uPXtCb29sZWFuKGljb24pfVxuICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgPlxuICAgICAgICAgIHtpY29uICYmIDxJY29uIGljb249e2ljb259IGNvbG9yPVwiY3VycmVudENvbG9yXCIgaGFzRXZlbkJvdW5kYXJ5IC8+fVxuICAgICAgICAgIDxCb3ggd2lkdGg9XCIxMDAlXCIgbWluV2lkdGg9XCIwcHhcIiB0YWc9XCJzcGFuXCI+XG4gICAgICAgICAgICA8VGV4dCBoYXNFbGxpcHNpcz57Y2hpbGRyZW59PC9UZXh0PlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIHtpc1NlbGVjdGVkICYmIDxJY29uIGljb249ezxJY29uQ2hlY2sgLz59IC8+fVxuICAgICAgICA8L01lbnVJdGVtV3JhcHBlcj5cbiAgICAgIDwvPlxuICAgICk7XG4gIH0sXG4pO1xuIl19 */",
+    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  }
+};
+export var MenuCard = /*#__PURE__*/_styled("ul", process.env.NODE_ENV === "production" ? {
+  target: "eil6qy21"
+} : {
+  target: "eil6qy21",
+  label: "MenuCard"
+})("padding:8px;margin:0;position:absolute;background:white;z-index:1;box-shadow:", getShadow('m'), ";border-radius:", getRadius('s'), ";max-height:468px;overflow:auto;width:", function (_ref) {
+  var menuWidth = _ref.menuWidth;
+  return getDimension(menuWidth);
+}, ";", function (_ref2) {
+  var menuAlign = _ref2.menuAlign;
+  return menuAlignments[menuAlign];
+}, " &:focus{outline:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJpQyIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL21lbnUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldERpbWVuc2lvbiwgZ2V0UmFkaXVzLCBnZXRTaGFkb3cgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgQm94LCBJY29uLCBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBJY29uQ2hlY2sgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdGV4dEJveEhlaWdodCB9IGZyb20gJy4vc3R5bGVzJztcblxuY29uc3QgbWVudUFsaWdubWVudHMgPSB7XG4gIGJvdHRvbUxlZnQ6IGNzc2BcbiAgICBsZWZ0OiAwO1xuICBgLFxuICBib3R0b21SaWdodDogY3NzYFxuICAgIHJpZ2h0OiAwO1xuICBgLFxuICB0b3BMZWZ0OiBjc3NgXG4gICAgYm90dG9tOiAxMDAlO1xuICAgIGxlZnQ6IDA7XG4gIGAsXG4gIHRvcFJpZ2h0OiBjc3NgXG4gICAgYm90dG9tOiAxMDAlO1xuICAgIHJpZ2h0OiAwO1xuICBgLFxufTtcblxuZXhwb3J0IGNvbnN0IE1lbnVDYXJkID0gc3R5bGVkLnVsYFxuICBwYWRkaW5nOiA4cHg7XG4gIG1hcmdpbjogMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgei1pbmRleDogMTtcbiAgYm94LXNoYWRvdzogJHtnZXRTaGFkb3coJ20nKX07XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICBtYXgtaGVpZ2h0OiA0NjhweDtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIHdpZHRoOiAkeyh7IG1lbnVXaWR0aCB9KSA9PiBnZXREaW1lbnNpb24obWVudVdpZHRoKX07XG4gICR7KHsgbWVudUFsaWduIH0pID0+IG1lbnVBbGlnbm1lbnRzW21lbnVBbGlnbl19XG5cbiAgJjpmb2N1cyB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgTWVudUl0ZW1XcmFwcGVyID0gc3R5bGVkLmxpYFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6ICR7cCA9PiAocC5oYXNJY29uID8gJ2F1dG8gMWZyJyA6ICcxZnIgYXV0bycpfTtcbiAgJHtwID0+IChwLmhhc0ljb24gfHwgcC5pc1NlbGVjdGVkKSAmJiBgZ2FwOiA4cHhgfTtcbiAgJHsoeyBpc0Rpc2FibGVkIH0pID0+IGlzRGlzYWJsZWQgJiYgYGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50RGlzYWJsZWQnKX1gfTtcbiAgJHsoeyBpc0Rpc2FibGVkIH0pID0+ICFpc0Rpc2FibGVkICYmIGBjdXJzb3I6IHBvaW50ZXI7YH07XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3RhcnQ7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIHBhZGRpbmc6IDAgMTJweDtcbiAgbWluLWhlaWdodDogJHt0ZXh0Qm94SGVpZ2h0fTtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIGFwcGVhcmFuY2U6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgTWVudUdyb3VwVGl0bGUgPSAoeyBjaGlsZHJlbiwgaGFzRGl2aWRlciB9KSA9PiAoXG4gIDxCb3hcbiAgICBtYXJnaW5YPVwiMTJweFwiXG4gICAgcGFkZGluZ0JvdHRvbT1cIjhweFwiXG4gICAgbWFyZ2luVG9wPVwiOHB4XCJcbiAgICBwYWRkaW5nVG9wPXtoYXNEaXZpZGVyID8gJzE2cHgnIDogdW5kZWZpbmVkfVxuICAgIGJvcmRlclNpZGU9e2hhc0RpdmlkZXIgPyAndG9wJyA6IHVuZGVmaW5lZH1cbiAgPlxuICAgIDxUZXh0IHZhcmlhbnQ9XCJjYXBzXCI+e2NoaWxkcmVufTwvVGV4dD5cbiAgPC9Cb3g+XG4pO1xuXG5jb25zdCB2YXJpYW50U3R5bGVzID0ge1xuICBkYW5nZXI6IHtcbiAgICBjb2xvcjogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICAgIGNvbG9yQWN0aXZlOiAnd2hpdGUnLFxuICAgIGJhY2tncm91bmRDb2xvckFjdGl2ZTogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICB9LFxufTtcblxuY29uc3QgTWVudUl0ZW1EaXZpZGVyID0gKCkgPT4gKFxuICA8Qm94IGhlaWdodD17Ynd9IG1hcmdpblk9XCI4cHhcIiBtYXJnaW5YPVwiMTJweFwiIGJhY2tncm91bmRDb2xvcj1cImJvcmRlclwiIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW0gPSBmb3J3YXJkUmVmKFxuICAoeyBjaGlsZHJlbiwgaXNTZWxlY3RlZCwgaXNBY3RpdmUsIGlzRGlzYWJsZWQsIGljb24sIHZhcmlhbnQsIGhhc0RpdmlkZXIsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICAgIGNvbnN0IGNvbG9yID0gdmFyaWFudCA/IHZhcmlhbnRTdHlsZXNbdmFyaWFudF0uY29sb3IgOiB1bmRlZmluZWQ7XG4gICAgY29uc3QgY29sb3JBY3RpdmUgPSB2YXJpYW50ID8gdmFyaWFudFN0eWxlc1t2YXJpYW50XS5jb2xvckFjdGl2ZSA6IHVuZGVmaW5lZDtcbiAgICBjb25zdCBiYWNrZ3JvdW5kQ29sb3JBY3RpdmUgPSB2YXJpYW50XG4gICAgICA/IHZhcmlhbnRTdHlsZXNbdmFyaWFudF0uYmFja2dyb3VuZENvbG9yQWN0aXZlXG4gICAgICA6IGdldENvbG9yKCdiYWNrZ3JvdW5kT3ZlcmxheScpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIHtoYXNEaXZpZGVyICYmIDxNZW51SXRlbURpdmlkZXIgLz59XG4gICAgICAgIDxNZW51SXRlbVdyYXBwZXJcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICBpc0Rpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICBjb2xvcjogaXNBY3RpdmUgPyBjb2xvckFjdGl2ZSA6IGNvbG9yLFxuICAgICAgICAgICAgYmFja2dyb3VuZDogaXNBY3RpdmUgJiYgYmFja2dyb3VuZENvbG9yQWN0aXZlLFxuICAgICAgICAgIH19XG4gICAgICAgICAgaGFzSWNvbj17Qm9vbGVhbihpY29uKX1cbiAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgID5cbiAgICAgICAgICB7aWNvbiAmJiA8SWNvbiBpY29uPXtpY29ufSBjb2xvcj1cImN1cnJlbnRDb2xvclwiIGhhc0V2ZW5Cb3VuZGFyeSAvPn1cbiAgICAgICAgICA8Qm94IHdpZHRoPVwiMTAwJVwiIG1pbldpZHRoPVwiMHB4XCIgdGFnPVwic3BhblwiPlxuICAgICAgICAgICAgPFRleHQgaGFzRWxsaXBzaXM+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgICB7aXNTZWxlY3RlZCAmJiA8SWNvbiBpY29uPXs8SWNvbkNoZWNrIC8+fSAvPn1cbiAgICAgICAgPC9NZW51SXRlbVdyYXBwZXI+XG4gICAgICA8Lz5cbiAgICApO1xuICB9LFxuKTtcbiJdfQ== */"));
+
+var MenuItemWrapper = /*#__PURE__*/_styled("li", process.env.NODE_ENV === "production" ? {
+  target: "eil6qy20"
+} : {
+  target: "eil6qy20",
+  label: "MenuItemWrapper"
+})("display:grid;grid-auto-flow:column;grid-template-columns:", function (p) {
+  return p.hasIcon ? 'auto 1fr' : '1fr auto';
+}, ";", function (p) {
+  return (p.hasIcon || p.isSelected) && "gap: 8px";
+}, ";", function (_ref3) {
+  var isDisabled = _ref3.isDisabled;
+  return isDisabled && "color: ".concat(getColor('contentDisabled'));
+}, ";", function (_ref4) {
+  var isDisabled = _ref4.isDisabled;
+  return !isDisabled && "cursor: pointer;";
+}, ";align-items:center;justify-content:start;list-style:none;padding:0 12px;min-height:", textBoxHeight, ";border-radius:", getRadius('s'), ";appearance:none;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkNpQyIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL21lbnUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldERpbWVuc2lvbiwgZ2V0UmFkaXVzLCBnZXRTaGFkb3cgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgQm94LCBJY29uLCBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBJY29uQ2hlY2sgfSBmcm9tICcuLi9pY29ucyc7XG5pbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdGV4dEJveEhlaWdodCB9IGZyb20gJy4vc3R5bGVzJztcblxuY29uc3QgbWVudUFsaWdubWVudHMgPSB7XG4gIGJvdHRvbUxlZnQ6IGNzc2BcbiAgICBsZWZ0OiAwO1xuICBgLFxuICBib3R0b21SaWdodDogY3NzYFxuICAgIHJpZ2h0OiAwO1xuICBgLFxuICB0b3BMZWZ0OiBjc3NgXG4gICAgYm90dG9tOiAxMDAlO1xuICAgIGxlZnQ6IDA7XG4gIGAsXG4gIHRvcFJpZ2h0OiBjc3NgXG4gICAgYm90dG9tOiAxMDAlO1xuICAgIHJpZ2h0OiAwO1xuICBgLFxufTtcblxuZXhwb3J0IGNvbnN0IE1lbnVDYXJkID0gc3R5bGVkLnVsYFxuICBwYWRkaW5nOiA4cHg7XG4gIG1hcmdpbjogMDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgei1pbmRleDogMTtcbiAgYm94LXNoYWRvdzogJHtnZXRTaGFkb3coJ20nKX07XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICBtYXgtaGVpZ2h0OiA0NjhweDtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIHdpZHRoOiAkeyh7IG1lbnVXaWR0aCB9KSA9PiBnZXREaW1lbnNpb24obWVudVdpZHRoKX07XG4gICR7KHsgbWVudUFsaWduIH0pID0+IG1lbnVBbGlnbm1lbnRzW21lbnVBbGlnbl19XG5cbiAgJjpmb2N1cyB7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgTWVudUl0ZW1XcmFwcGVyID0gc3R5bGVkLmxpYFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6ICR7cCA9PiAocC5oYXNJY29uID8gJ2F1dG8gMWZyJyA6ICcxZnIgYXV0bycpfTtcbiAgJHtwID0+IChwLmhhc0ljb24gfHwgcC5pc1NlbGVjdGVkKSAmJiBgZ2FwOiA4cHhgfTtcbiAgJHsoeyBpc0Rpc2FibGVkIH0pID0+IGlzRGlzYWJsZWQgJiYgYGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50RGlzYWJsZWQnKX1gfTtcbiAgJHsoeyBpc0Rpc2FibGVkIH0pID0+ICFpc0Rpc2FibGVkICYmIGBjdXJzb3I6IHBvaW50ZXI7YH07XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3RhcnQ7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIHBhZGRpbmc6IDAgMTJweDtcbiAgbWluLWhlaWdodDogJHt0ZXh0Qm94SGVpZ2h0fTtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gIGFwcGVhcmFuY2U6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgTWVudUdyb3VwVGl0bGUgPSAoeyBjaGlsZHJlbiwgaGFzRGl2aWRlciB9KSA9PiAoXG4gIDxCb3hcbiAgICBtYXJnaW5YPVwiMTJweFwiXG4gICAgcGFkZGluZ0JvdHRvbT1cIjhweFwiXG4gICAgbWFyZ2luVG9wPVwiOHB4XCJcbiAgICBwYWRkaW5nVG9wPXtoYXNEaXZpZGVyID8gJzE2cHgnIDogdW5kZWZpbmVkfVxuICAgIGJvcmRlclNpZGU9e2hhc0RpdmlkZXIgPyAndG9wJyA6IHVuZGVmaW5lZH1cbiAgPlxuICAgIDxUZXh0IHZhcmlhbnQ9XCJjYXBzXCI+e2NoaWxkcmVufTwvVGV4dD5cbiAgPC9Cb3g+XG4pO1xuXG5jb25zdCB2YXJpYW50U3R5bGVzID0ge1xuICBkYW5nZXI6IHtcbiAgICBjb2xvcjogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICAgIGNvbG9yQWN0aXZlOiAnd2hpdGUnLFxuICAgIGJhY2tncm91bmRDb2xvckFjdGl2ZTogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICB9LFxufTtcblxuY29uc3QgTWVudUl0ZW1EaXZpZGVyID0gKCkgPT4gKFxuICA8Qm94IGhlaWdodD17Ynd9IG1hcmdpblk9XCI4cHhcIiBtYXJnaW5YPVwiMTJweFwiIGJhY2tncm91bmRDb2xvcj1cImJvcmRlclwiIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgTWVudUl0ZW0gPSBmb3J3YXJkUmVmKFxuICAoeyBjaGlsZHJlbiwgaXNTZWxlY3RlZCwgaXNBY3RpdmUsIGlzRGlzYWJsZWQsIGljb24sIHZhcmlhbnQsIGhhc0RpdmlkZXIsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICAgIGNvbnN0IGNvbG9yID0gdmFyaWFudCA/IHZhcmlhbnRTdHlsZXNbdmFyaWFudF0uY29sb3IgOiB1bmRlZmluZWQ7XG4gICAgY29uc3QgY29sb3JBY3RpdmUgPSB2YXJpYW50ID8gdmFyaWFudFN0eWxlc1t2YXJpYW50XS5jb2xvckFjdGl2ZSA6IHVuZGVmaW5lZDtcbiAgICBjb25zdCBiYWNrZ3JvdW5kQ29sb3JBY3RpdmUgPSB2YXJpYW50XG4gICAgICA/IHZhcmlhbnRTdHlsZXNbdmFyaWFudF0uYmFja2dyb3VuZENvbG9yQWN0aXZlXG4gICAgICA6IGdldENvbG9yKCdiYWNrZ3JvdW5kT3ZlcmxheScpO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDw+XG4gICAgICAgIHtoYXNEaXZpZGVyICYmIDxNZW51SXRlbURpdmlkZXIgLz59XG4gICAgICAgIDxNZW51SXRlbVdyYXBwZXJcbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICBpc0Rpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICBjb2xvcjogaXNBY3RpdmUgPyBjb2xvckFjdGl2ZSA6IGNvbG9yLFxuICAgICAgICAgICAgYmFja2dyb3VuZDogaXNBY3RpdmUgJiYgYmFja2dyb3VuZENvbG9yQWN0aXZlLFxuICAgICAgICAgIH19XG4gICAgICAgICAgaGFzSWNvbj17Qm9vbGVhbihpY29uKX1cbiAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgID5cbiAgICAgICAgICB7aWNvbiAmJiA8SWNvbiBpY29uPXtpY29ufSBjb2xvcj1cImN1cnJlbnRDb2xvclwiIGhhc0V2ZW5Cb3VuZGFyeSAvPn1cbiAgICAgICAgICA8Qm94IHdpZHRoPVwiMTAwJVwiIG1pbldpZHRoPVwiMHB4XCIgdGFnPVwic3BhblwiPlxuICAgICAgICAgICAgPFRleHQgaGFzRWxsaXBzaXM+e2NoaWxkcmVufTwvVGV4dD5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgICB7aXNTZWxlY3RlZCAmJiA8SWNvbiBpY29uPXs8SWNvbkNoZWNrIC8+fSAvPn1cbiAgICAgICAgPC9NZW51SXRlbVdyYXBwZXI+XG4gICAgICA8Lz5cbiAgICApO1xuICB9LFxuKTtcbiJdfQ== */"));
+
+export var MenuGroupTitle = function MenuGroupTitle(_ref5) {
+  var children = _ref5.children,
+      hasDivider = _ref5.hasDivider;
+  return ___EmotionJSX(Box, {
+    marginX: "12px",
+    paddingBottom: "8px",
+    marginTop: "8px",
+    paddingTop: hasDivider ? '16px' : undefined,
+    borderSide: hasDivider ? 'top' : undefined
+  }, ___EmotionJSX(Text, {
+    variant: "caps"
+  }, children));
+};
+var variantStyles = {
+  danger: {
+    color: getColor('danger'),
+    colorActive: 'white',
+    backgroundColorActive: getColor('danger')
+  }
+};
+
+var MenuItemDivider = function MenuItemDivider() {
+  return ___EmotionJSX(Box, {
+    height: bw,
+    marginY: "8px",
+    marginX: "12px",
+    backgroundColor: "border"
+  });
+};
+
+export var MenuItem = /*#__PURE__*/forwardRef(function (_ref6, ref) {
+  var children = _ref6.children,
+      isSelected = _ref6.isSelected,
+      isActive = _ref6.isActive,
+      isDisabled = _ref6.isDisabled,
+      icon = _ref6.icon,
+      variant = _ref6.variant,
+      hasDivider = _ref6.hasDivider,
+      props = _objectWithoutProperties(_ref6, _excluded);
+
+  var color = variant ? variantStyles[variant].color : undefined;
+  var colorActive = variant ? variantStyles[variant].colorActive : undefined;
+  var backgroundColorActive = variant ? variantStyles[variant].backgroundColorActive : getColor('backgroundOverlay');
+  return ___EmotionJSX(React.Fragment, null, hasDivider && ___EmotionJSX(MenuItemDivider, null), ___EmotionJSX(MenuItemWrapper, _extends({
+    ref: ref,
+    isActive: isActive,
+    isSelected: isSelected,
+    isDisabled: isDisabled,
+    style: {
+      color: isActive ? colorActive : color,
+      background: isActive && backgroundColorActive
+    },
+    hasIcon: Boolean(icon)
+  }, props), icon && ___EmotionJSX(Icon, {
+    icon: icon,
+    color: "currentColor",
+    hasEvenBoundary: true
+  }), ___EmotionJSX(Box, {
+    width: "100%",
+    minWidth: "0px",
+    tag: "span"
+  }, ___EmotionJSX(Text, {
+    hasEllipsis: true
+  }, children)), isSelected && ___EmotionJSX(Icon, {
+    icon: ___EmotionJSX(IconCheck, null)
+  })));
+});

package/es/foundational/styles.js

@@ -0,0 +1,16 @@
+import { css } from '@emotion/react';
+import { getColor, getRadius, getTransition, getWeight } from '../utilities';
+export var bw = '1px';
+export var fieldXPadding = '12px';
+export var fieldBorderColor = getColor('fade3');
+export var fieldBorderColorHover = getColor('fade6');
+export var fieldBorderColorFocus = getColor('grey6');
+export var textBoxHeight = '40px';
+export var clearButtonHeight = '36px';
+var buttonResetStyles = /*#__PURE__*/css("appearance:none;font-family:inherit;font-size:inherit;font-weight:", getWeight('medium'), ";cursor:pointer;" + (process.env.NODE_ENV === "production" ? "" : ";label:buttonResetStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvc3R5bGVzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXNkIiLCJmaWxlIjoiLi4vLi4vc3JjL2ZvdW5kYXRpb25hbC9zdHlsZXMuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0VHJhbnNpdGlvbiwgZ2V0V2VpZ2h0IH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcblxuZXhwb3J0IGNvbnN0IGJ3ID0gJzFweCc7XG5leHBvcnQgY29uc3QgZmllbGRYUGFkZGluZyA9ICcxMnB4JztcbmV4cG9ydCBjb25zdCBmaWVsZEJvcmRlckNvbG9yID0gZ2V0Q29sb3IoJ2ZhZGUzJyk7XG5leHBvcnQgY29uc3QgZmllbGRCb3JkZXJDb2xvckhvdmVyID0gZ2V0Q29sb3IoJ2ZhZGU2Jyk7XG5leHBvcnQgY29uc3QgZmllbGRCb3JkZXJDb2xvckZvY3VzID0gZ2V0Q29sb3IoJ2dyZXk2Jyk7XG5leHBvcnQgY29uc3QgdGV4dEJveEhlaWdodCA9ICc0MHB4JztcbmV4cG9ydCBjb25zdCBjbGVhckJ1dHRvbkhlaWdodCA9ICczNnB4JztcblxuY29uc3QgYnV0dG9uUmVzZXRTdHlsZXMgPSBjc3NgXG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICBmb250LXNpemU6IGluaGVyaXQ7XG4gIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnbWVkaXVtJyl9O1xuICBjdXJzb3I6IHBvaW50ZXI7XG5gO1xuXG5jb25zdCB0cmFuc2l0aW9uU3R5bGVzID0gY3NzYFxuICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ3Nsb3cnKX07XG5cbiAgJjpob3ZlciB7XG4gICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuICB9XG5cbiAgJjphY3RpdmUge1xuICAgIHRyYW5zaXRpb246IDBzO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBidXR0b25SZXNldDogYnV0dG9uUmVzZXRTdHlsZXMsXG4gIHRyYW5zaXRpb25zOiB0cmFuc2l0aW9uU3R5bGVzLFxuXG4gIGNsZWFyQnV0dG9uOiBjc3NgXG4gICAgJHtidXR0b25SZXNldFN0eWxlc307XG4gICAgJHt0cmFuc2l0aW9uU3R5bGVzfTtcbiAgICAtLWdybi1ib3JkZXJDb2xvci1hY3RpdmU6IHZhcigtLWdybi1jb2xvci1mYWRlNSk7XG5cbiAgICBib3JkZXI6ICR7Ynd9IHNvbGlkIHRyYW5zcGFyZW50O1xuICAgIHBhZGRpbmc6IDA7XG4gICAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG4gICAgaGVpZ2h0OiAke2NsZWFyQnV0dG9uSGVpZ2h0fTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWdybi1jb2xvci1iYWNrZ3JvdW5kT3ZlcmxheSk7XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoLS1ncm4tYm9yZGVyQ29sb3ItYWN0aXZlKTtcbiAgICAgIG91dGxpbmUtY29sb3I6IHZhcigtLWdybi1ib3JkZXJDb2xvci1hY3RpdmUpO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgfVxuXG4gICAgJjpkaXNhYmxlZCB7XG4gICAgICBjb2xvcjogJHtnZXRDb2xvcignY29udGVudERpc2FibGVkJyl9O1xuICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgICAgYm9yZGVyLWNvbG9yOiB0cmFuc3BhcmVudDtcblxuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgfVxuICAgIH1cbiAgYCxcbn07XG4iXX0= */");
+var transitionStyles = /*#__PURE__*/css("transition:", getTransition('slow'), ";&:hover{transition:", getTransition('fast'), ";}&:active{transition:0s;}" + (process.env.NODE_ENV === "production" ? "" : ";label:transitionStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvc3R5bGVzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQjRCIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvc3R5bGVzLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFRyYW5zaXRpb24sIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5cbmV4cG9ydCBjb25zdCBidyA9ICcxcHgnO1xuZXhwb3J0IGNvbnN0IGZpZWxkWFBhZGRpbmcgPSAnMTJweCc7XG5leHBvcnQgY29uc3QgZmllbGRCb3JkZXJDb2xvciA9IGdldENvbG9yKCdmYWRlMycpO1xuZXhwb3J0IGNvbnN0IGZpZWxkQm9yZGVyQ29sb3JIb3ZlciA9IGdldENvbG9yKCdmYWRlNicpO1xuZXhwb3J0IGNvbnN0IGZpZWxkQm9yZGVyQ29sb3JGb2N1cyA9IGdldENvbG9yKCdncmV5NicpO1xuZXhwb3J0IGNvbnN0IHRleHRCb3hIZWlnaHQgPSAnNDBweCc7XG5leHBvcnQgY29uc3QgY2xlYXJCdXR0b25IZWlnaHQgPSAnMzZweCc7XG5cbmNvbnN0IGJ1dHRvblJlc2V0U3R5bGVzID0gY3NzYFxuICBhcHBlYXJhbmNlOiBub25lO1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgZm9udC1zaXplOiBpbmhlcml0O1xuICBmb250LXdlaWdodDogJHtnZXRXZWlnaHQoJ21lZGl1bScpfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuYDtcblxuY29uc3QgdHJhbnNpdGlvblN0eWxlcyA9IGNzc2BcbiAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdzbG93Jyl9O1xuXG4gICY6aG92ZXIge1xuICAgIHRyYW5zaXRpb246ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgfVxuXG4gICY6YWN0aXZlIHtcbiAgICB0cmFuc2l0aW9uOiAwcztcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgYnV0dG9uUmVzZXQ6IGJ1dHRvblJlc2V0U3R5bGVzLFxuICB0cmFuc2l0aW9uczogdHJhbnNpdGlvblN0eWxlcyxcblxuICBjbGVhckJ1dHRvbjogY3NzYFxuICAgICR7YnV0dG9uUmVzZXRTdHlsZXN9O1xuICAgICR7dHJhbnNpdGlvblN0eWxlc307XG4gICAgLS1ncm4tYm9yZGVyQ29sb3ItYWN0aXZlOiB2YXIoLS1ncm4tY29sb3ItZmFkZTUpO1xuXG4gICAgYm9yZGVyOiAke2J3fSBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICAgIGhlaWdodDogJHtjbGVhckJ1dHRvbkhlaWdodH07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1ncm4tY29sb3ItYmFja2dyb3VuZE92ZXJsYXkpO1xuICAgIH1cblxuICAgICY6YWN0aXZlIHtcbiAgICAgIGJvcmRlci1jb2xvcjogdmFyKC0tZ3JuLWJvcmRlckNvbG9yLWFjdGl2ZSk7XG4gICAgICBvdXRsaW5lLWNvbG9yOiB2YXIoLS1ncm4tYm9yZGVyQ29sb3ItYWN0aXZlKTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIH1cblxuICAgICY6ZGlzYWJsZWQge1xuICAgICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpfTtcbiAgICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cbiAgICAgICY6aG92ZXIge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG59O1xuIl19 */");
+export var styles = {
+  buttonReset: buttonResetStyles,
+  transitions: transitionStyles,
+  clearButton: /*#__PURE__*/css(buttonResetStyles, ";", transitionStyles, ";--grn-borderColor-active:var(--grn-color-fade5);border:", bw, " solid transparent;padding:0;border-radius:", getRadius('s'), ";height:", clearButtonHeight, ";background-color:transparent;display:flex;align-items:center;justify-content:center;&:hover{background-color:var(--grn-color-backgroundOverlay);}&:active{border-color:var(--grn-borderColor-active);outline-color:var(--grn-borderColor-active);background-color:transparent;}&:disabled{color:", getColor('contentDisabled'), ";cursor:default;border-color:transparent;&:hover{background-color:transparent;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:clearButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvc3R5bGVzLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ2tCIiwiZmlsZSI6Ii4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvc3R5bGVzLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFRyYW5zaXRpb24sIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5cbmV4cG9ydCBjb25zdCBidyA9ICcxcHgnO1xuZXhwb3J0IGNvbnN0IGZpZWxkWFBhZGRpbmcgPSAnMTJweCc7XG5leHBvcnQgY29uc3QgZmllbGRCb3JkZXJDb2xvciA9IGdldENvbG9yKCdmYWRlMycpO1xuZXhwb3J0IGNvbnN0IGZpZWxkQm9yZGVyQ29sb3JIb3ZlciA9IGdldENvbG9yKCdmYWRlNicpO1xuZXhwb3J0IGNvbnN0IGZpZWxkQm9yZGVyQ29sb3JGb2N1cyA9IGdldENvbG9yKCdncmV5NicpO1xuZXhwb3J0IGNvbnN0IHRleHRCb3hIZWlnaHQgPSAnNDBweCc7XG5leHBvcnQgY29uc3QgY2xlYXJCdXR0b25IZWlnaHQgPSAnMzZweCc7XG5cbmNvbnN0IGJ1dHRvblJlc2V0U3R5bGVzID0gY3NzYFxuICBhcHBlYXJhbmNlOiBub25lO1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgZm9udC1zaXplOiBpbmhlcml0O1xuICBmb250LXdlaWdodDogJHtnZXRXZWlnaHQoJ21lZGl1bScpfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuYDtcblxuY29uc3QgdHJhbnNpdGlvblN0eWxlcyA9IGNzc2BcbiAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdzbG93Jyl9O1xuXG4gICY6aG92ZXIge1xuICAgIHRyYW5zaXRpb246ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgfVxuXG4gICY6YWN0aXZlIHtcbiAgICB0cmFuc2l0aW9uOiAwcztcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgYnV0dG9uUmVzZXQ6IGJ1dHRvblJlc2V0U3R5bGVzLFxuICB0cmFuc2l0aW9uczogdHJhbnNpdGlvblN0eWxlcyxcblxuICBjbGVhckJ1dHRvbjogY3NzYFxuICAgICR7YnV0dG9uUmVzZXRTdHlsZXN9O1xuICAgICR7dHJhbnNpdGlvblN0eWxlc307XG4gICAgLS1ncm4tYm9yZGVyQ29sb3ItYWN0aXZlOiB2YXIoLS1ncm4tY29sb3ItZmFkZTUpO1xuXG4gICAgYm9yZGVyOiAke2J3fSBzb2xpZCB0cmFuc3BhcmVudDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICAgIGhlaWdodDogJHtjbGVhckJ1dHRvbkhlaWdodH07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1ncm4tY29sb3ItYmFja2dyb3VuZE92ZXJsYXkpO1xuICAgIH1cblxuICAgICY6YWN0aXZlIHtcbiAgICAgIGJvcmRlci1jb2xvcjogdmFyKC0tZ3JuLWJvcmRlckNvbG9yLWFjdGl2ZSk7XG4gICAgICBvdXRsaW5lLWNvbG9yOiB2YXIoLS1ncm4tYm9yZGVyQ29sb3ItYWN0aXZlKTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIH1cblxuICAgICY6ZGlzYWJsZWQge1xuICAgICAgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnREaXNhYmxlZCcpfTtcbiAgICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgICAgIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7XG5cbiAgICAgICY6aG92ZXIge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgIH1cbiAgICB9XG4gIGAsXG59O1xuIl19 */")
+};

package/es/types.js

@@ -26,6 +26,6 @@ export var types = {
   gridContentPosition: PropTypes.oneOf(gridContentPositions),
   icon: PropTypes.node,
   zIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  menuAlign: PropTypes.oneOf(['left', 'right']),
+  menuAlign: PropTypes.oneOf(['left', 'right', 'bottomLeft', 'bottomRight', 'topLeft', 'topRight']),
   label: PropTypes.oneOfType([PropTypes.string, PropTypes.node])
 };

package/es/utilities/helpers.js

@@ -19,7 +19,7 @@ export var getCssVar = function getCssVar(type, value) {
   return "var(".concat(getCssVarCore(type, value), ")");
 };
 export var u = function u(amount) {
-  return "calc(var(--grn-unit) * ".concat(amount, ")");
+  return "".concat(amount * 8, "px");
 };
 export var isNumber = function isNumber(value) {
   return typeof value === 'number';

package/es/utilities/styles.js

@@ -43,20 +43,27 @@ export var getIconSize = function getIconSize(size) {
 
   return getDimension(size);
 };
-export var getBorder = function getBorder(borderSide, borderWidth, borderColor) {
-  var borderSides = {
-    all: ["top", "right", "bottom", "left"],
+export var getBorder = function getBorder(borderSide) {
+  var borderWidth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '1px';
+  var borderColor = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'border';
+  var sidesObj = {
+    all: [""],
     x: ["right", "left"],
     y: ["top", "bottom"],
     top: ["top"],
-    right: ["right"],
     bottom: ["bottom"],
-    left: ["left"]
+    left: ["left"],
+    right: ["right"]
   };
+  var value = "".concat(getDimension(borderWidth), " solid ").concat(getColor(borderColor));
 
-  if (borderSide in borderSides) {
-    return "\n      ".concat(borderSides[borderSide].map(function (side) {
-      return "border-".concat(side, "-style: solid");
-    }).join(';'), ";\n\n      border-color: ").concat(getColor(borderColor), ";\n      border-width: ").concat(getDimension(borderWidth), ";\n    ");
+  var getSide = function getSide(side) {
+    return side ? "border-".concat(side) : "border";
+  };
+
+  if (borderSide in sidesObj) {
+    return sidesObj[borderSide].map(function (side) {
+      return "".concat(getSide(side), ": ").concat(value);
+    }).join(';');
   }
 };

package/package.json

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