@flodesk/grain 11.22.5 → 11.23.0

package/es/foundational/field.js

@@ -1,7 +1,7 @@
 import _styled from "@emotion/styled/base";
-var _excluded = ["paddingLeft", "paddingRight", "hasError", "isReadOnly", "isDisabled"],
-    _excluded2 = ["children"],
-    _excluded3 = ["children"];
+const _excluded = ["paddingLeft", "paddingRight", "hasError", "isReadOnly", "isDisabled"],
+      _excluded2 = ["children"],
+      _excluded3 = ["children"];
 
 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); }
 
@@ -9,17 +9,12 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-import "core-js/modules/es.array.concat.js";
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.array.index-of.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.object.assign.js";
 import { forwardRef } from 'react';
 import { Text } from '../components';
 import { getColor, getRadius, getSpace, getTransition, getWeight } from '../utilities';
 import { componentVars, styles } from './styles';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-export var fieldVars = {
+export const fieldVars = {
   xPadding: '12px',
   borderColor: getColor('fade3'),
   borderColorHover: getColor('fade6'),
@@ -27,36 +22,42 @@ export var fieldVars = {
   borderColorDisabled: getColor('shade5'),
   backgroundColorDisabled: getColor('shade2')
 };
-export var fieldDisabledStyles = "\n  background-color: ".concat(getColor('fieldBackgroundDisabled'), ";\n  border-color: ").concat(getColor('fieldBorderDisabled'), ";\n  /* fix for safari */\n  -webkit-text-fill-color: ").concat(getColor('content'), ";\n  opacity: 1;\n");
-export var getFieldStyles = function getFieldStyles(_ref) {
-  var hasError = _ref.hasError;
+export const fieldDisabledStyles = "\n  background-color: ".concat(getColor('fieldBackgroundDisabled'), ";\n  border-color: ").concat(getColor('fieldBorderDisabled'), ";\n  /* fix for safari */\n  -webkit-text-fill-color: ").concat(getColor('content'), ";\n  opacity: 1;\n");
+export const getFieldStyles = _ref => {
+  let {
+    hasError
+  } = _ref;
   return "\n  ".concat(styles.transitions, ";\n  appearance: none;\n  display: block;\n  font: inherit;\n  color: inherit;\n  background-color: transparent;\n  transition-property: border-color;\n  width: 100%;\n  border-radius: ").concat(getRadius('s'), ";\n\n  outline: none;\n  border: ").concat(componentVars.strokeSize, " solid;\n  border-color: ").concat(getColor(hasError ? 'danger' : 'fieldBorder'), ";\n\n  &::placeholder {\n    color: ").concat(getColor('shade7'), ";\n  }\n\n  &:disabled,\n  &:read-only {\n    ").concat(fieldDisabledStyles, "\n  }\n\n  ").concat(!hasError && "\n    &:not(:disabled, :read-only) {\n      &:hover {\n        border-color: ".concat(getColor('fieldBorderHover'), ";\n      }\n\n      &:focus {\n        transition: ").concat(getTransition('active'), ";\n        border-color: ").concat(getColor('fieldBorderFocus'), ";\n      }\n    }\n  "), "\n");
 };
 
-var InputFieldRoot = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "production" ? {
+const InputFieldRoot = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "production" ? {
   target: "e1swxi6p1"
 } : {
   target: "e1swxi6p1",
   label: "InputFieldRoot"
-})(function (_ref2) {
-  var hasError = _ref2.hasError;
+})(_ref2 => {
+  let {
+    hasError
+  } = _ref2;
   return getFieldStyles({
-    hasError: hasError
+    hasError
   });
-}, ";padding:", function (_ref3) {
-  var paddingLeft = _ref3.paddingLeft,
-      paddingRight = _ref3.paddingRight;
+}, ";padding:", _ref3 => {
+  let {
+    paddingLeft,
+    paddingRight
+  } = _ref3;
   return "0 ".concat(paddingRight, " 0 ").concat(paddingLeft);
 }, ";height:var(--grn-textBoxHeight);" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdFbUMiLCJmaWxlIjoiLi4vLi4vc3JjL2ZvdW5kYXRpb25hbC9maWVsZC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24sIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzLCBzdHlsZXMgfSBmcm9tICcuL3N0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCBjb25zdCBmaWVsZFZhcnMgPSB7XG4gIHhQYWRkaW5nOiAnMTJweCcsXG4gIGJvcmRlckNvbG9yOiBnZXRDb2xvcignZmFkZTMnKSxcbiAgYm9yZGVyQ29sb3JIb3ZlcjogZ2V0Q29sb3IoJ2ZhZGU2JyksXG4gIGJvcmRlckNvbG9yRm9jdXM6IGdldENvbG9yKCdzaGFkZTknKSxcbiAgYm9yZGVyQ29sb3JEaXNhYmxlZDogZ2V0Q29sb3IoJ3NoYWRlNScpLFxuICBiYWNrZ3JvdW5kQ29sb3JEaXNhYmxlZDogZ2V0Q29sb3IoJ3NoYWRlMicpLFxufTtcblxuZXhwb3J0IGNvbnN0IGZpZWxkRGlzYWJsZWRTdHlsZXMgPSBgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ2ZpZWxkQmFja2dyb3VuZERpc2FibGVkJyl9O1xuICBib3JkZXItY29sb3I6ICR7Z2V0Q29sb3IoJ2ZpZWxkQm9yZGVyRGlzYWJsZWQnKX07XG4gIC8qIGZpeCBmb3Igc2FmYXJpICovXG4gIC13ZWJraXQtdGV4dC1maWxsLWNvbG9yOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICBvcGFjaXR5OiAxO1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEZpZWxkU3R5bGVzID0gKHsgaGFzRXJyb3IgfSkgPT4gYFxuICAke3N0eWxlcy50cmFuc2l0aW9uc307XG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmb250OiBpbmhlcml0O1xuICBjb2xvcjogaW5oZXJpdDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGJvcmRlci1jb2xvcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuXG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlcjogJHtjb21wb25lbnRWYXJzLnN0cm9rZVNpemV9IHNvbGlkO1xuICBib3JkZXItY29sb3I6ICR7Z2V0Q29sb3IoaGFzRXJyb3IgPyAnZGFuZ2VyJyA6ICdmaWVsZEJvcmRlcicpfTtcblxuICAmOjpwbGFjZWhvbGRlciB7XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlNycpfTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQsXG4gICY6cmVhZC1vbmx5IHtcbiAgICAke2ZpZWxkRGlzYWJsZWRTdHlsZXN9XG4gIH1cblxuICAke1xuICAgICFoYXNFcnJvciAmJlxuICAgIGBcbiAgICAmOm5vdCg6ZGlzYWJsZWQsIDpyZWFkLW9ubHkpIHtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0Q29sb3IoJ2ZpZWxkQm9yZGVySG92ZXInKX07XG4gICAgICB9XG5cbiAgICAgICY6Zm9jdXMge1xuICAgICAgICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2FjdGl2ZScpfTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldENvbG9yKCdmaWVsZEJvcmRlckZvY3VzJyl9O1xuICAgICAgfVxuICAgIH1cbiAgYFxuICB9XG5gO1xuXG5jb25zdCBJbnB1dEZpZWxkUm9vdCA9IHN0eWxlZC5pbnB1dGBcbiAgJHsoeyBoYXNFcnJvciB9KSA9PiBnZXRGaWVsZFN0eWxlcyh7IGhhc0Vycm9yIH0pfTtcbiAgcGFkZGluZzogJHsoeyBwYWRkaW5nTGVmdCwgcGFkZGluZ1JpZ2h0IH0pID0+IGAwICR7cGFkZGluZ1JpZ2h0fSAwICR7cGFkZGluZ0xlZnR9YH07XG4gIGhlaWdodDogdmFyKC0tZ3JuLXRleHRCb3hIZWlnaHQpO1xuYDtcblxuZXhwb3J0IGNvbnN0IElucHV0RmllbGQgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgcGFkZGluZ0xlZnQgPSBnZXRTcGFjZSgnZmllbGRQYWRkaW5nWCcpLFxuICAgICAgcGFkZGluZ1JpZ2h0ID0gZ2V0U3BhY2UoJ2ZpZWxkUGFkZGluZ1gnKSxcbiAgICAgIGhhc0Vycm9yLFxuICAgICAgaXNSZWFkT25seSxcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IChcbiAgICA8SW5wdXRGaWVsZFJvb3RcbiAgICAgIHBhZGRpbmdMZWZ0PXtwYWRkaW5nTGVmdH1cbiAgICAgIHBhZGRpbmdSaWdodD17cGFkZGluZ1JpZ2h0fVxuICAgICAgcmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgIHJlZj17cmVmfVxuICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICksXG4pO1xuXG5jb25zdCBGaWVsZExhYmVsUm9vdCA9IHN0eWxlZC5sYWJlbGBcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnbWVkaXVtJyl9O1xuICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG5cbiAgLyogVE9ETzogcmVtb3ZlIGFmdGVyIGRlbGV0aW5nIEJvb3RzdHJhcCAqL1xuICBtYXJnaW46IHVuc2V0O1xuYDtcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPEZpZWxkTGFiZWxSb290IHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9GaWVsZExhYmVsUm9vdD5cbikpO1xuXG5leHBvcnQgY29uc3QgRmllbGRIaW50ID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxUZXh0IGNvbG9yPVwiY29udGVudDJcIiByZWY9e3JlZn0gey4uLnByb3BzfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvVGV4dD5cbikpO1xuIl19 */"));
 
-export var InputField = /*#__PURE__*/forwardRef(function (_ref4, ref) {
-  var _ref4$paddingLeft = _ref4.paddingLeft,
-      paddingLeft = _ref4$paddingLeft === void 0 ? getSpace('fieldPaddingX') : _ref4$paddingLeft,
-      _ref4$paddingRight = _ref4.paddingRight,
-      paddingRight = _ref4$paddingRight === void 0 ? getSpace('fieldPaddingX') : _ref4$paddingRight,
-      hasError = _ref4.hasError,
-      isReadOnly = _ref4.isReadOnly,
-      isDisabled = _ref4.isDisabled,
+export const InputField = /*#__PURE__*/forwardRef((_ref4, ref) => {
+  let {
+    paddingLeft = getSpace('fieldPaddingX'),
+    paddingRight = getSpace('fieldPaddingX'),
+    hasError,
+    isReadOnly,
+    isDisabled
+  } = _ref4,
       props = _objectWithoutProperties(_ref4, _excluded);
 
   return ___EmotionJSX(InputFieldRoot, _extends({
@@ -69,23 +70,27 @@ export var InputField = /*#__PURE__*/forwardRef(function (_ref4, ref) {
   }, props));
 });
 
-var FieldLabelRoot = /*#__PURE__*/_styled("label", process.env.NODE_ENV === "production" ? {
+const FieldLabelRoot = /*#__PURE__*/_styled("label", process.env.NODE_ENV === "production" ? {
   target: "e1swxi6p0"
 } : {
   target: "e1swxi6p0",
   label: "FieldLabelRoot"
 })("display:block;font-weight:", getWeight('medium'), ";transition:", getTransition('fast'), ";margin:unset;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThGbUMiLCJmaWxlIjoiLi4vLi4vc3JjL2ZvdW5kYXRpb25hbC9maWVsZC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24sIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzLCBzdHlsZXMgfSBmcm9tICcuL3N0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCBjb25zdCBmaWVsZFZhcnMgPSB7XG4gIHhQYWRkaW5nOiAnMTJweCcsXG4gIGJvcmRlckNvbG9yOiBnZXRDb2xvcignZmFkZTMnKSxcbiAgYm9yZGVyQ29sb3JIb3ZlcjogZ2V0Q29sb3IoJ2ZhZGU2JyksXG4gIGJvcmRlckNvbG9yRm9jdXM6IGdldENvbG9yKCdzaGFkZTknKSxcbiAgYm9yZGVyQ29sb3JEaXNhYmxlZDogZ2V0Q29sb3IoJ3NoYWRlNScpLFxuICBiYWNrZ3JvdW5kQ29sb3JEaXNhYmxlZDogZ2V0Q29sb3IoJ3NoYWRlMicpLFxufTtcblxuZXhwb3J0IGNvbnN0IGZpZWxkRGlzYWJsZWRTdHlsZXMgPSBgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ2ZpZWxkQmFja2dyb3VuZERpc2FibGVkJyl9O1xuICBib3JkZXItY29sb3I6ICR7Z2V0Q29sb3IoJ2ZpZWxkQm9yZGVyRGlzYWJsZWQnKX07XG4gIC8qIGZpeCBmb3Igc2FmYXJpICovXG4gIC13ZWJraXQtdGV4dC1maWxsLWNvbG9yOiAke2dldENvbG9yKCdjb250ZW50Jyl9O1xuICBvcGFjaXR5OiAxO1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEZpZWxkU3R5bGVzID0gKHsgaGFzRXJyb3IgfSkgPT4gYFxuICAke3N0eWxlcy50cmFuc2l0aW9uc307XG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmb250OiBpbmhlcml0O1xuICBjb2xvcjogaW5oZXJpdDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGJvcmRlci1jb2xvcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuXG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlcjogJHtjb21wb25lbnRWYXJzLnN0cm9rZVNpemV9IHNvbGlkO1xuICBib3JkZXItY29sb3I6ICR7Z2V0Q29sb3IoaGFzRXJyb3IgPyAnZGFuZ2VyJyA6ICdmaWVsZEJvcmRlcicpfTtcblxuICAmOjpwbGFjZWhvbGRlciB7XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlNycpfTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQsXG4gICY6cmVhZC1vbmx5IHtcbiAgICAke2ZpZWxkRGlzYWJsZWRTdHlsZXN9XG4gIH1cblxuICAke1xuICAgICFoYXNFcnJvciAmJlxuICAgIGBcbiAgICAmOm5vdCg6ZGlzYWJsZWQsIDpyZWFkLW9ubHkpIHtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0Q29sb3IoJ2ZpZWxkQm9yZGVySG92ZXInKX07XG4gICAgICB9XG5cbiAgICAgICY6Zm9jdXMge1xuICAgICAgICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2FjdGl2ZScpfTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldENvbG9yKCdmaWVsZEJvcmRlckZvY3VzJyl9O1xuICAgICAgfVxuICAgIH1cbiAgYFxuICB9XG5gO1xuXG5jb25zdCBJbnB1dEZpZWxkUm9vdCA9IHN0eWxlZC5pbnB1dGBcbiAgJHsoeyBoYXNFcnJvciB9KSA9PiBnZXRGaWVsZFN0eWxlcyh7IGhhc0Vycm9yIH0pfTtcbiAgcGFkZGluZzogJHsoeyBwYWRkaW5nTGVmdCwgcGFkZGluZ1JpZ2h0IH0pID0+IGAwICR7cGFkZGluZ1JpZ2h0fSAwICR7cGFkZGluZ0xlZnR9YH07XG4gIGhlaWdodDogdmFyKC0tZ3JuLXRleHRCb3hIZWlnaHQpO1xuYDtcblxuZXhwb3J0IGNvbnN0IElucHV0RmllbGQgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgcGFkZGluZ0xlZnQgPSBnZXRTcGFjZSgnZmllbGRQYWRkaW5nWCcpLFxuICAgICAgcGFkZGluZ1JpZ2h0ID0gZ2V0U3BhY2UoJ2ZpZWxkUGFkZGluZ1gnKSxcbiAgICAgIGhhc0Vycm9yLFxuICAgICAgaXNSZWFkT25seSxcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IChcbiAgICA8SW5wdXRGaWVsZFJvb3RcbiAgICAgIHBhZGRpbmdMZWZ0PXtwYWRkaW5nTGVmdH1cbiAgICAgIHBhZGRpbmdSaWdodD17cGFkZGluZ1JpZ2h0fVxuICAgICAgcmVhZE9ubHk9e2lzUmVhZE9ubHl9XG4gICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgIHJlZj17cmVmfVxuICAgICAgaGFzRXJyb3I9e2hhc0Vycm9yfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICksXG4pO1xuXG5jb25zdCBGaWVsZExhYmVsUm9vdCA9IHN0eWxlZC5sYWJlbGBcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnbWVkaXVtJyl9O1xuICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG5cbiAgLyogVE9ETzogcmVtb3ZlIGFmdGVyIGRlbGV0aW5nIEJvb3RzdHJhcCAqL1xuICBtYXJnaW46IHVuc2V0O1xuYDtcblxuZXhwb3J0IGNvbnN0IEZpZWxkTGFiZWwgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPEZpZWxkTGFiZWxSb290IHJlZj17cmVmfSB7Li4ucHJvcHN9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9GaWVsZExhYmVsUm9vdD5cbikpO1xuXG5leHBvcnQgY29uc3QgRmllbGRIaW50ID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxUZXh0IGNvbG9yPVwiY29udGVudDJcIiByZWY9e3JlZn0gey4uLnByb3BzfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvVGV4dD5cbikpO1xuIl19 */"));
 
-export var FieldLabel = /*#__PURE__*/forwardRef(function (_ref5, ref) {
-  var children = _ref5.children,
+export const FieldLabel = /*#__PURE__*/forwardRef((_ref5, ref) => {
+  let {
+    children
+  } = _ref5,
       props = _objectWithoutProperties(_ref5, _excluded2);
 
   return ___EmotionJSX(FieldLabelRoot, _extends({
     ref: ref
   }, props), children);
 });
-export var FieldHint = /*#__PURE__*/forwardRef(function (_ref6, ref) {
-  var children = _ref6.children,
+export const FieldHint = /*#__PURE__*/forwardRef((_ref6, ref) => {
+  let {
+    children
+  } = _ref6,
       props = _objectWithoutProperties(_ref6, _excluded3);
 
   return ___EmotionJSX(Text, _extends({

package/es/foundational/menu.js

@@ -1,7 +1,7 @@
 import _styled from "@emotion/styled/base";
-var _excluded = ["children", "show"],
-    _excluded2 = ["children", "zIndex", "maxHeight", "maxWidth", "isDisabled"],
-    _excluded3 = ["children", "isSelected", "isActive", "isDisabled", "icon", "variant", "hasEllipsis", "checkVariant"];
+const _excluded = ["children", "show"],
+      _excluded2 = ["children", "zIndex", "maxHeight", "maxWidth", "isDisabled"],
+      _excluded3 = ["children", "isSelected", "isActive", "isDisabled", "icon", "variant", "hasEllipsis", "checkVariant"];
 
 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); }
 
@@ -9,11 +9,6 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-import "core-js/modules/es.object.assign.js";
-import "core-js/modules/es.array.concat.js";
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.array.index-of.js";
-import "core-js/modules/es.symbol.js";
 import React, { Fragment, forwardRef, useCallback, useEffect, useImperativeHandle, useRef } from 'react';
 import PropTypes from 'prop-types';
 import { Global } from '@emotion/react';
@@ -25,10 +20,10 @@ import { autoUpdate, flip, size, useFloating } from '@floating-ui/react-dom-inte
 import { Transition } from '@headlessui/react';
 import { types } from '../types';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var cardPadding = 8;
-var cardPaddingPx = "".concat(cardPadding, "px");
-var itemXPadding = 12;
-export var placementsMap = {
+const cardPadding = 8;
+const cardPaddingPx = "".concat(cardPadding, "px");
+const itemXPadding = 12;
+export const placementsMap = {
   top: 'top',
   topStart: 'top-start',
   topEnd: 'top-end',
@@ -42,52 +37,58 @@ export var placementsMap = {
   leftStart: 'left-start',
   leftEnd: 'left-end'
 };
-export var useMenuPosition = function useMenuPosition(_ref) {
-  var menuWidth = _ref.menuWidth,
-      menuPlacement = _ref.menuPlacement;
-
-  var _useFloating = useFloating({
+export const useMenuPosition = _ref => {
+  let {
+    menuWidth,
+    menuPlacement
+  } = _ref;
+  const {
+    x,
+    y,
+    reference,
+    floating,
+    strategy,
+    refs
+  } = useFloating({
     placement: placementsMap[menuPlacement],
     whileElementsMounted: autoUpdate,
     middleware: [flip({
       padding: 24,
       flipAlignment: false
     }), size({
-      apply: function apply(_ref2) {
-        var rects = _ref2.rects,
-            elements = _ref2.elements;
-        var width = getDimension(menuWidth) || "".concat(rects.reference.width, "px");
+      apply(_ref2) {
+        let {
+          rects,
+          elements
+        } = _ref2;
+        const width = getDimension(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,
-      refs = _useFloating.refs;
-
-  var floatingStyles = {
+  });
+  const floatingStyles = {
     position: strategy,
     top: y !== null && y !== void 0 ? y : 0,
     left: x !== null && x !== void 0 ? x : 0,
     zIndex: 1100
   };
   return {
-    refs: refs,
-    reference: reference,
-    floating: floating,
-    floatingStyles: floatingStyles
+    refs,
+    reference,
+    floating,
+    floatingStyles
   };
 };
-var menuCardStyles = "\n  .menuCardLeaveTo,\n  .menuCardEnterFrom {\n    opacity: 0;\n  }\n  .menuCardEnterTo {\n    transition-duration: ".concat(getTransition('xxFast'), ";\n  }\n  .menuCardLeaveTo {\n    transition-duration: ").concat(getTransition('xFast'), ";\n  }\n");
-export var MenuCardTransition = /*#__PURE__*/forwardRef(function (_ref3, ref) {
-  var children = _ref3.children,
-      show = _ref3.show,
+const menuCardStyles = "\n  .menuCardLeaveTo,\n  .menuCardEnterFrom {\n    opacity: 0;\n  }\n  .menuCardEnterTo {\n    transition-duration: ".concat(getTransition('xxFast'), ";\n  }\n  .menuCardLeaveTo {\n    transition-duration: ").concat(getTransition('xFast'), ";\n  }\n");
+export const MenuCardTransition = /*#__PURE__*/forwardRef((_ref3, ref) => {
+  let {
+    children,
+    show
+  } = _ref3,
       props = _objectWithoutProperties(_ref3, _excluded);
 
   return ___EmotionJSX(Transition, _extends({
@@ -101,48 +102,55 @@ export var MenuCardTransition = /*#__PURE__*/forwardRef(function (_ref3, ref) {
   }, props), children);
 });
 
-var MenuCardUl = /*#__PURE__*/_styled("ul", process.env.NODE_ENV === "production" ? {
+const MenuCardUl = /*#__PURE__*/_styled("ul", process.env.NODE_ENV === "production" ? {
   target: "eil6qy21"
 } : {
   target: "eil6qy21",
   label: "MenuCardUl"
-})("padding:", cardPaddingPx, ";margin:0;background:", getColor('floatingBackground'), ";z-index:", function (_ref4) {
-  var zIndex = _ref4.zIndex;
+})("padding:", cardPaddingPx, ";margin:0;background:", getColor('floatingBackground'), ";z-index:", _ref4 => {
+  let {
+    zIndex
+  } = _ref4;
   return zIndex;
-}, ";box-shadow:", getShadow('m'), ";border-radius:", getRadius('m'), ";overflow:auto;", function (_ref5) {
-  var maxHeight = _ref5.maxHeight;
+}, ";box-shadow:", getShadow('m'), ";border-radius:", getRadius('m'), ";overflow:auto;", _ref5 => {
+  let {
+    maxHeight
+  } = _ref5;
   return maxHeight && "max-height: ".concat(getSpace(maxHeight));
-}, ";", function (_ref6) {
-  var maxWidth = _ref6.maxWidth;
+}, ";", _ref6 => {
+  let {
+    maxWidth
+  } = _ref6;
   return maxWidth && "max-width: ".concat(getSpace(maxWidth));
-}, ";", function (_ref7) {
-  var isDisabled = _ref7.isDisabled;
+}, ";", _ref7 => {
+  let {
+    isDisabled
+  } = _ref7;
   return isDisabled && "pointer-events: none;";
 }, " &:focus{outline:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEc0QiIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL21lbnUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7XG4gIEZyYWdtZW50LFxuICBmb3J3YXJkUmVmLFxuICB1c2VDYWxsYmFjayxcbiAgdXNlRWZmZWN0LFxuICB1c2VJbXBlcmF0aXZlSGFuZGxlLFxuICB1c2VSZWYsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBHbG9iYWwgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQge1xuICBnZXRDb2xvcixcbiAgZ2V0RGltZW5zaW9uLFxuICBnZXRSYWRpdXMsXG4gIGdldFNoYWRvdyxcbiAgZ2V0U3BhY2UsXG4gIGdldFRyYW5zaXRpb24sXG59IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBCb3gsIEljb24sIFRleHQgfSBmcm9tICcuLi9jb21wb25lbnRzJztcbmltcG9ydCB7IEljb25DaGVjayB9IGZyb20gJy4uL2ljb25zJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMgfSBmcm9tICcuL3N0eWxlcyc7XG5pbXBvcnQgeyBhdXRvVXBkYXRlLCBmbGlwLCBzaXplLCB1c2VGbG9hdGluZyB9IGZyb20gJ0BmbG9hdGluZy11aS9yZWFjdC1kb20taW50ZXJhY3Rpb25zJztcbmltcG9ydCB7IFRyYW5zaXRpb24gfSBmcm9tICdAaGVhZGxlc3N1aS9yZWFjdCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuY29uc3QgY2FyZFBhZGRpbmcgPSA4O1xuY29uc3QgY2FyZFBhZGRpbmdQeCA9IGAke2NhcmRQYWRkaW5nfXB4YDtcbmNvbnN0IGl0ZW1YUGFkZGluZyA9IDEyO1xuXG5leHBvcnQgY29uc3QgcGxhY2VtZW50c01hcCA9IHtcbiAgdG9wOiAndG9wJyxcbiAgdG9wU3RhcnQ6ICd0b3Atc3RhcnQnLFxuICB0b3BFbmQ6ICd0b3AtZW5kJyxcbiAgYm90dG9tOiAnYm90dG9tJyxcbiAgYm90dG9tU3RhcnQ6ICdib3R0b20tc3RhcnQnLFxuICBib3R0b21FbmQ6ICdib3R0b20tZW5kJyxcbiAgcmlnaHQ6ICdyaWdodCcsXG4gIHJpZ2h0U3RhcnQ6ICdyaWdodC1zdGFydCcsXG4gIHJpZ2h0RW5kOiAncmlnaHQtZW5kJyxcbiAgbGVmdDogJ2xlZnQnLFxuICBsZWZ0U3RhcnQ6ICdsZWZ0LXN0YXJ0JyxcbiAgbGVmdEVuZDogJ2xlZnQtZW5kJyxcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VNZW51UG9zaXRpb24gPSAoeyBtZW51V2lkdGgsIG1lbnVQbGFjZW1lbnQgfSkgPT4ge1xuICBjb25zdCB7IHgsIHksIHJlZmVyZW5jZSwgZmxvYXRpbmcsIHN0cmF0ZWd5LCByZWZzIH0gPSB1c2VGbG9hdGluZyh7XG4gICAgcGxhY2VtZW50OiBwbGFjZW1lbnRzTWFwW21lbnVQbGFjZW1lbnRdLFxuICAgIHdoaWxlRWxlbWVudHNNb3VudGVkOiBhdXRvVXBkYXRlLFxuICAgIG1pZGRsZXdhcmU6IFtcbiAgICAgIGZsaXAoeyBwYWRkaW5nOiAyNCwgZmxpcEFsaWdubWVudDogZmFsc2UgfSksXG4gICAgICBzaXplKHtcbiAgICAgICAgYXBwbHkoeyByZWN0cywgZWxlbWVudHMgfSkge1xuICAgICAgICAgIGNvbnN0IHdpZHRoID0gZ2V0RGltZW5zaW9uKG1lbnVXaWR0aCkgfHwgYCR7cmVjdHMucmVmZXJlbmNlLndpZHRofXB4YDtcbiAgICAgICAgICBPYmplY3QuYXNzaWduKGVsZW1lbnRzLmZsb2F0aW5nLnN0eWxlLCB7XG4gICAgICAgICAgICB3aWR0aDogd2lkdGgsXG4gICAgICAgICAgfSk7XG4gICAgICAgIH0sXG4gICAgICAgIHBhZGRpbmc6IDI0LFxuICAgICAgfSksXG4gICAgXSxcbiAgfSk7XG5cbiAgY29uc3QgZmxvYXRpbmdTdHlsZXMgPSB7XG4gICAgcG9zaXRpb246IHN0cmF0ZWd5LFxuICAgIHRvcDogeSA/PyAwLFxuICAgIGxlZnQ6IHggPz8gMCxcbiAgICB6SW5kZXg6IDExMDAsXG4gIH07XG5cbiAgcmV0dXJuIHtcbiAgICByZWZzLFxuICAgIHJlZmVyZW5jZSxcbiAgICBmbG9hdGluZyxcbiAgICBmbG9hdGluZ1N0eWxlcyxcbiAgfTtcbn07XG5cbmNvbnN0IG1lbnVDYXJkU3R5bGVzID0gYFxuICAubWVudUNhcmRMZWF2ZVRvLFxuICAubWVudUNhcmRFbnRlckZyb20ge1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbiAgLm1lbnVDYXJkRW50ZXJUbyB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKCd4eEZhc3QnKX07XG4gIH1cbiAgLm1lbnVDYXJkTGVhdmVUbyB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKCd4RmFzdCcpfTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE1lbnVDYXJkVHJhbnNpdGlvbiA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIHNob3csIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8VHJhbnNpdGlvblxuICAgIGFzPXtGcmFnbWVudH1cbiAgICBlbnRlckZyb209XCJtZW51Q2FyZEVudGVyRnJvbVwiXG4gICAgZW50ZXJUbz1cIm1lbnVDYXJkRW50ZXJUb1wiXG4gICAgbGVhdmVGcm9tPVwibWVudUNhcmRMZWF2ZUZyb21cIlxuICAgIGxlYXZlVG89XCJtZW51Q2FyZExlYXZlVG9cIlxuICAgIHJlZj17cmVmfVxuICAgIHNob3c9e3Nob3d9XG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L1RyYW5zaXRpb24+XG4pKTtcblxuY29uc3QgTWVudUNhcmRVbCA9IHN0eWxlZC51bGBcbiAgcGFkZGluZzogJHtjYXJkUGFkZGluZ1B4fTtcbiAgbWFyZ2luOiAwO1xuICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdmbG9hdGluZ0JhY2tncm91bmQnKX07XG4gIHotaW5kZXg6ICR7KHsgekluZGV4IH0pID0+IHpJbmRleH07XG4gIGJveC1zaGFkb3c6ICR7Z2V0U2hhZG93KCdtJyl9O1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygnbScpfTtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gICR7KHsgbWF4SGVpZ2h0IH0pID0+IG1heEhlaWdodCAmJiBgbWF4LWhlaWdodDogJHtnZXRTcGFjZShtYXhIZWlnaHQpfWB9O1xuICAkeyh7IG1heFdpZHRoIH0pID0+IG1heFdpZHRoICYmIGBtYXgtd2lkdGg6ICR7Z2V0U3BhY2UobWF4V2lkdGgpfWB9O1xuICAvKiB0byBwcmV2ZW50IGEgYnVnOiB0aGUgbWVudSBpcyBub3QgYWx3YXlzIHJtb2V2ZWQgZnJvbSB0aGUgRE9NLCBpbiBhIGFuaW1hdGVkIGNvbnRhaW5lciAqL1xuICAkeyh7IGlzRGlzYWJsZWQgfSkgPT4gaXNEaXNhYmxlZCAmJiBgcG9pbnRlci1ldmVudHM6IG5vbmU7YH1cblxuICAmOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTWVudUNhcmQgPSBmb3J3YXJkUmVmKFxuICAoeyBjaGlsZHJlbiwgekluZGV4ID0gMSwgbWF4SGVpZ2h0LCBtYXhXaWR0aCwgaXNEaXNhYmxlZCwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgbWVudUNhcmRSZWYgPSB1c2VSZWYocmVmKTtcbiAgICB1c2VJbXBlcmF0aXZlSGFuZGxlKHJlZiwgKCkgPT4gbWVudUNhcmRSZWYuY3VycmVudCwgW10pO1xuXG4gICAgY29uc3Qgc2Nyb2xsVG9BY3RpdmUgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICAvLyBOb3RlOiB0aGlzIGZ1bmN0aW9uIGlzIHJlbHkgb24gZGF0YS1oZWFkbGVzc3VpLXN0YXRlIGF0dHJpYnV0ZVxuICAgICAgY29uc3QgbWVudUNhcmQgPSBtZW51Q2FyZFJlZi5jdXJyZW50O1xuICAgICAgY29uc3QgYWN0aXZlSXRlbSA9IG1lbnVDYXJkPy5xdWVyeVNlbGVjdG9yKCdbZGF0YS1oZWFkbGVzc3VpLXN0YXRlPVwic2VsZWN0ZWRcIl0nKTtcbiAgICAgIGlmICghbWVudUNhcmQgfHwgIWFjdGl2ZUl0ZW0pIHJldHVybjtcbiAgICAgIGNvbnN0IG1lbnVDYXJkUmVjdCA9IG1lbnVDYXJkLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgICAgY29uc3QgYWN0aXZlSXRlbVJlY3QgPSBhY3RpdmVJdGVtLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgICAgbWVudUNhcmQuc2Nyb2xsVG9wID1cbiAgICAgICAgYWN0aXZlSXRlbS5vZmZzZXRUb3AgLSBtZW51Q2FyZFJlY3QuaGVpZ2h0IC8gMiArIGFjdGl2ZUl0ZW1SZWN0LmhlaWdodCAvIDI7XG4gICAgfSwgW10pO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIHNjcm9sbFRvQWN0aXZlKCk7XG4gICAgfSwgW3Njcm9sbFRvQWN0aXZlXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPD5cbiAgICAgICAgPEdsb2JhbCBzdHlsZXM9e21lbnVDYXJkU3R5bGVzfSAvPlxuICAgICAgICA8TWVudUNhcmRVbFxuICAgICAgICAgIHJlZj17bWVudUNhcmRSZWZ9XG4gICAgICAgICAgekluZGV4PXt6SW5kZXh9XG4gICAgICAgICAgbWF4SGVpZ2h0PXttYXhIZWlnaHR9XG4gICAgICAgICAgbWF4V2lkdGg9e21heFdpZHRofVxuICAgICAgICAgIGlzRGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L01lbnVDYXJkVWw+XG4gICAgICA8Lz5cbiAgICApO1xuICB9LFxuKTtcblxuY29uc3QgdmFyaWFudFN0eWxlcyA9IHtcbiAgbmV1dHJhbDoge1xuICAgIGJhY2tncm91bmRDb2xvckFjdGl2ZTogZ2V0Q29sb3IoJ2ZhZGUxJyksXG4gICAgaWNvbkNvbG9yQWN0aXZlOiBnZXRDb2xvcignY29udGVudCcpLFxuICB9LFxuICBkYW5nZXI6IHtcbiAgICBjb2xvcjogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICAgIGljb25Db2xvcjogY29tcG9uZW50VmFycy5kYW5nZXJJY29uQ29sb3IsXG4gICAgaWNvbkNvbG9yQWN0aXZlOiBnZXRDb2xvcignZGFuZ2VyJyksXG4gICAgYmFja2dyb3VuZENvbG9yQWN0aXZlOiBjb21wb25lbnRWYXJzLmNsZWFyQnV0dG9uRGFuZ2VyQmFja2dyb3VuZEhvdmVyLFxuICB9LFxufTtcblxuY29uc3QgTWVudUl0ZW1Sb290ID0gc3R5bGVkLmxpYFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICBnYXA6IDhweDtcbiAgJHsoeyBpc0Rpc2FibGVkIH0pID0+IGlzRGlzYWJsZWQgJiYgYGNvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZENvbnRlbnQnKX1gfTtcbiAgJHsoeyBpc0Rpc2FibGVkIH0pID0+ICFpc0Rpc2FibGVkICYmIGBjdXJzb3I6IHBvaW50ZXI7YH07XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3RhcnQ7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIHBhZGRpbmctYmxvY2s6IDEwcHg7XG4gIHBhZGRpbmctaW5saW5lOiAke2l0ZW1YUGFkZGluZ31weDtcbiAgbWFyZ2luOiAwO1xuICBtaW4taGVpZ2h0OiB2YXIoLS1ncm4tdGV4dEJveEhlaWdodCk7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICBhcHBlYXJhbmNlOiBub25lO1xuICBjb2xvcjogJHsoeyBjb2xvciB9KSA9PiBjb2xvcn07XG5cbiAgW2RhdGEtZXhwZXJpbWVudC1jb21wYWN0LXRleHRib3hdICYge1xuICAgIHBhZGRpbmctYmxvY2s6ICR7Z2V0U3BhY2UoJ3MnKX07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBNZW51R3JvdXBUaXRsZSA9ICh7IGNoaWxkcmVuLCBoYXNEaXZpZGVyIH0pID0+IChcbiAgPD5cbiAgICB7aGFzRGl2aWRlciAmJiAoXG4gICAgICA8Qm94XG4gICAgICAgIGhlaWdodD1cIjNweFwiXG4gICAgICAgIGJvcmRlclNpZGU9e2hhc0RpdmlkZXIgPyAndG9wJyA6IHVuZGVmaW5lZH1cbiAgICAgICAgbWFyZ2luVG9wPXtjYXJkUGFkZGluZ1B4fVxuICAgICAgICBwYWRkaW5nVG9wPXtgJHtjYXJkUGFkZGluZyAqIDJ9cHhgfVxuICAgICAgICBtYXJnaW5YPXtgLSR7Y2FyZFBhZGRpbmdQeH1gfVxuICAgICAgLz5cbiAgICApfVxuICAgIDxCb3hcbiAgICAgIHBhZGRpbmdYPXtgJHtpdGVtWFBhZGRpbmd9cHhgfVxuICAgICAgcGFkZGluZ0JvdHRvbT17Y2FyZFBhZGRpbmdQeH1cbiAgICAgIHBhZGRpbmdUb3A9e2hhc0RpdmlkZXIgPyAwIDogY2FyZFBhZGRpbmdQeH1cbiAgICA+XG4gICAgICA8VGV4dCB2YXJpYW50PVwiY2Fwc1wiPntjaGlsZHJlbn08L1RleHQ+XG4gICAgPC9Cb3g+XG4gIDwvPlxuKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtRGl2aWRlciA9ICgpID0+IChcbiAgPEJveFxuICAgIGhlaWdodD17Y29tcG9uZW50VmFycy5kaXZpZGVyU3Ryb2tlU2l6ZX1cbiAgICBtYXJnaW5ZPXsxfVxuICAgIGJhY2tncm91bmRDb2xvcj1cImJvcmRlclwiXG4gICAgbWFyZ2luWD17YC0ke2NhcmRQYWRkaW5nUHh9YH1cbiAgLz5cbik7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbSA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIGlzU2VsZWN0ZWQsXG4gICAgICBpc0FjdGl2ZSxcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICBpY29uLFxuICAgICAgdmFyaWFudCA9ICduZXV0cmFsJyxcbiAgICAgIGhhc0VsbGlwc2lzLFxuICAgICAgY2hlY2tWYXJpYW50ID0gJ2NoZWNrJyxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IGhhc0NoZWNrID0gY2hlY2tWYXJpYW50ID09PSAnY2hlY2snO1xuXG4gICAgY29uc3QgZ2V0Q29sdW1ucyA9ICgpID0+IHtcbiAgICAgIGlmIChCb29sZWFuKGljb24pKSByZXR1cm4gJ2F1dG8gMWZyJztcbiAgICAgIGlmIChoYXNDaGVjaykgcmV0dXJuICcxZnIgYXV0byc7XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8TWVudUl0ZW1Sb290XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICBpc1NlbGVjdGVkPXtpc1NlbGVjdGVkfVxuICAgICAgICBpc0Rpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICBjb2xvcj17dmFyaWFudFN0eWxlc1t2YXJpYW50XS5jb2xvcn1cbiAgICAgICAgaGFzSWNvbj17Qm9vbGVhbihpY29uKX1cbiAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICBiYWNrZ3JvdW5kOiBpc0FjdGl2ZSAmJiB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmJhY2tncm91bmRDb2xvckFjdGl2ZSxcbiAgICAgICAgICBncmlkVGVtcGxhdGVDb2x1bW5zOiBnZXRDb2x1bW5zKCksXG4gICAgICAgIH19XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2ljb24gJiYgKFxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBpY29uPXtpY29ufVxuICAgICAgICAgICAgaGFzRXZlbkJvdW5kYXJ5XG4gICAgICAgICAgICBjb2xvcj17XG4gICAgICAgICAgICAgIGlzQWN0aXZlID8gdmFyaWFudFN0eWxlc1t2YXJpYW50XS5pY29uQ29sb3JBY3RpdmUgOiB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmljb25Db2xvclxuICAgICAgICAgICAgfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICAgIDxCb3ggd2lkdGg9XCIxMDAlXCIgbWluV2lkdGg9XCIwcHhcIiB0YWc9XCJzcGFuXCI+XG4gICAgICAgICAgPFRleHQgaGFzRWxsaXBzaXM9e2hhc0VsbGlwc2lzfT57Y2hpbGRyZW59PC9UZXh0PlxuICAgICAgICA8L0JveD5cbiAgICAgICAge2hhc0NoZWNrICYmIChcbiAgICAgICAgICA8Qm94IG9wYWNpdHk9e2lzU2VsZWN0ZWQgPyAnMScgOiAnMCd9PlxuICAgICAgICAgICAgPEljb24gaWNvbj17PEljb25DaGVjayAvPn0gY29sb3I9e2lzQWN0aXZlID8gJ2NvbnRlbnQnIDogJ2ljb24nfSAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9NZW51SXRlbVJvb3Q+XG4gICAgKTtcbiAgfSxcbik7XG5cbk1lbnVJdGVtLnByb3BUeXBlcyA9IHtcbiAgaXNTZWxlY3RlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWyduZXV0cmFsJywgJ2RhbmdlciddKSxcbiAgaGFzRWxsaXBzaXM6IFByb3BUeXBlcy5ib29sLFxuICBjaGVja1ZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ2NoZWNrJywgJ25vbmUnXSksXG59O1xuXG5NZW51Q2FyZC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgekluZGV4OiB0eXBlcy56SW5kZXgsXG4gIG1heEhlaWdodDogdHlwZXMuZGltZW5zaW9uLFxuICBtYXhXaWR0aDogdHlwZXMuZGltZW5zaW9uLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cbk1lbnVDYXJkVHJhbnNpdGlvbi5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgc2hvdzogUHJvcFR5cGVzLmJvb2wsXG59O1xuIl19 */"));
 
-export var MenuCard = /*#__PURE__*/forwardRef(function (_ref8, ref) {
-  var children = _ref8.children,
-      _ref8$zIndex = _ref8.zIndex,
-      zIndex = _ref8$zIndex === void 0 ? 1 : _ref8$zIndex,
-      maxHeight = _ref8.maxHeight,
-      maxWidth = _ref8.maxWidth,
-      isDisabled = _ref8.isDisabled,
+export const MenuCard = /*#__PURE__*/forwardRef((_ref8, ref) => {
+  let {
+    children,
+    zIndex = 1,
+    maxHeight,
+    maxWidth,
+    isDisabled
+  } = _ref8,
       props = _objectWithoutProperties(_ref8, _excluded2);
 
-  var menuCardRef = useRef(ref);
-  useImperativeHandle(ref, function () {
-    return menuCardRef.current;
-  }, []);
-  var scrollToActive = useCallback(function () {
+  const menuCardRef = useRef(ref);
+  useImperativeHandle(ref, () => menuCardRef.current, []);
+  const scrollToActive = useCallback(() => {
     // Note: this function is rely on data-headlessui-state attribute
-    var menuCard = menuCardRef.current;
-    var activeItem = menuCard === null || menuCard === void 0 ? void 0 : menuCard.querySelector('[data-headlessui-state="selected"]');
+    const menuCard = menuCardRef.current;
+    const activeItem = menuCard === null || menuCard === void 0 ? void 0 : menuCard.querySelector('[data-headlessui-state="selected"]');
     if (!menuCard || !activeItem) return;
-    var menuCardRect = menuCard.getBoundingClientRect();
-    var activeItemRect = activeItem.getBoundingClientRect();
+    const menuCardRect = menuCard.getBoundingClientRect();
+    const activeItemRect = activeItem.getBoundingClientRect();
     menuCard.scrollTop = activeItem.offsetTop - menuCardRect.height / 2 + activeItemRect.height / 2;
   }, []);
-  useEffect(function () {
+  useEffect(() => {
     scrollToActive();
   }, [scrollToActive]);
   return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Global, {
@@ -155,7 +163,7 @@ export var MenuCard = /*#__PURE__*/forwardRef(function (_ref8, ref) {
     isDisabled: isDisabled
   }, props), children));
 });
-var variantStyles = {
+const variantStyles = {
   neutral: {
     backgroundColorActive: getColor('fade1'),
     iconColorActive: getColor('content')
@@ -168,25 +176,33 @@ var variantStyles = {
   }
 };
 
-var MenuItemRoot = /*#__PURE__*/_styled("li", process.env.NODE_ENV === "production" ? {
+const MenuItemRoot = /*#__PURE__*/_styled("li", process.env.NODE_ENV === "production" ? {
   target: "eil6qy20"
 } : {
   target: "eil6qy20",
   label: "MenuItemRoot"
-})("display:grid;grid-auto-flow:column;gap:8px;", function (_ref9) {
-  var isDisabled = _ref9.isDisabled;
+})("display:grid;grid-auto-flow:column;gap:8px;", _ref9 => {
+  let {
+    isDisabled
+  } = _ref9;
   return isDisabled && "color: ".concat(getColor('disabledContent'));
-}, ";", function (_ref10) {
-  var isDisabled = _ref10.isDisabled;
+}, ";", _ref10 => {
+  let {
+    isDisabled
+  } = _ref10;
   return !isDisabled && "cursor: pointer;";
-}, ";align-items:center;justify-content:start;list-style:none;padding-block:10px;padding-inline:", itemXPadding, "px;margin:0;min-height:var(--grn-textBoxHeight);border-radius:", getRadius('s'), ";appearance:none;color:", function (_ref11) {
-  var color = _ref11.color;
+}, ";align-items:center;justify-content:start;list-style:none;padding-block:10px;padding-inline:", itemXPadding, "px;margin:0;min-height:var(--grn-textBoxHeight);border-radius:", getRadius('s'), ";appearance:none;color:", _ref11 => {
+  let {
+    color
+  } = _ref11;
   return color;
 }, ";[data-experiment-compact-textbox] &{padding-block:", getSpace('s'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvbWVudS5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0s4QiIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL21lbnUuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7XG4gIEZyYWdtZW50LFxuICBmb3J3YXJkUmVmLFxuICB1c2VDYWxsYmFjayxcbiAgdXNlRWZmZWN0LFxuICB1c2VJbXBlcmF0aXZlSGFuZGxlLFxuICB1c2VSZWYsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBHbG9iYWwgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQge1xuICBnZXRDb2xvcixcbiAgZ2V0RGltZW5zaW9uLFxuICBnZXRSYWRpdXMsXG4gIGdldFNoYWRvdyxcbiAgZ2V0U3BhY2UsXG4gIGdldFRyYW5zaXRpb24sXG59IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBCb3gsIEljb24sIFRleHQgfSBmcm9tICcuLi9jb21wb25lbnRzJztcbmltcG9ydCB7IEljb25DaGVjayB9IGZyb20gJy4uL2ljb25zJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMgfSBmcm9tICcuL3N0eWxlcyc7XG5pbXBvcnQgeyBhdXRvVXBkYXRlLCBmbGlwLCBzaXplLCB1c2VGbG9hdGluZyB9IGZyb20gJ0BmbG9hdGluZy11aS9yZWFjdC1kb20taW50ZXJhY3Rpb25zJztcbmltcG9ydCB7IFRyYW5zaXRpb24gfSBmcm9tICdAaGVhZGxlc3N1aS9yZWFjdCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuY29uc3QgY2FyZFBhZGRpbmcgPSA4O1xuY29uc3QgY2FyZFBhZGRpbmdQeCA9IGAke2NhcmRQYWRkaW5nfXB4YDtcbmNvbnN0IGl0ZW1YUGFkZGluZyA9IDEyO1xuXG5leHBvcnQgY29uc3QgcGxhY2VtZW50c01hcCA9IHtcbiAgdG9wOiAndG9wJyxcbiAgdG9wU3RhcnQ6ICd0b3Atc3RhcnQnLFxuICB0b3BFbmQ6ICd0b3AtZW5kJyxcbiAgYm90dG9tOiAnYm90dG9tJyxcbiAgYm90dG9tU3RhcnQ6ICdib3R0b20tc3RhcnQnLFxuICBib3R0b21FbmQ6ICdib3R0b20tZW5kJyxcbiAgcmlnaHQ6ICdyaWdodCcsXG4gIHJpZ2h0U3RhcnQ6ICdyaWdodC1zdGFydCcsXG4gIHJpZ2h0RW5kOiAncmlnaHQtZW5kJyxcbiAgbGVmdDogJ2xlZnQnLFxuICBsZWZ0U3RhcnQ6ICdsZWZ0LXN0YXJ0JyxcbiAgbGVmdEVuZDogJ2xlZnQtZW5kJyxcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VNZW51UG9zaXRpb24gPSAoeyBtZW51V2lkdGgsIG1lbnVQbGFjZW1lbnQgfSkgPT4ge1xuICBjb25zdCB7IHgsIHksIHJlZmVyZW5jZSwgZmxvYXRpbmcsIHN0cmF0ZWd5LCByZWZzIH0gPSB1c2VGbG9hdGluZyh7XG4gICAgcGxhY2VtZW50OiBwbGFjZW1lbnRzTWFwW21lbnVQbGFjZW1lbnRdLFxuICAgIHdoaWxlRWxlbWVudHNNb3VudGVkOiBhdXRvVXBkYXRlLFxuICAgIG1pZGRsZXdhcmU6IFtcbiAgICAgIGZsaXAoeyBwYWRkaW5nOiAyNCwgZmxpcEFsaWdubWVudDogZmFsc2UgfSksXG4gICAgICBzaXplKHtcbiAgICAgICAgYXBwbHkoeyByZWN0cywgZWxlbWVudHMgfSkge1xuICAgICAgICAgIGNvbnN0IHdpZHRoID0gZ2V0RGltZW5zaW9uKG1lbnVXaWR0aCkgfHwgYCR7cmVjdHMucmVmZXJlbmNlLndpZHRofXB4YDtcbiAgICAgICAgICBPYmplY3QuYXNzaWduKGVsZW1lbnRzLmZsb2F0aW5nLnN0eWxlLCB7XG4gICAgICAgICAgICB3aWR0aDogd2lkdGgsXG4gICAgICAgICAgfSk7XG4gICAgICAgIH0sXG4gICAgICAgIHBhZGRpbmc6IDI0LFxuICAgICAgfSksXG4gICAgXSxcbiAgfSk7XG5cbiAgY29uc3QgZmxvYXRpbmdTdHlsZXMgPSB7XG4gICAgcG9zaXRpb246IHN0cmF0ZWd5LFxuICAgIHRvcDogeSA/PyAwLFxuICAgIGxlZnQ6IHggPz8gMCxcbiAgICB6SW5kZXg6IDExMDAsXG4gIH07XG5cbiAgcmV0dXJuIHtcbiAgICByZWZzLFxuICAgIHJlZmVyZW5jZSxcbiAgICBmbG9hdGluZyxcbiAgICBmbG9hdGluZ1N0eWxlcyxcbiAgfTtcbn07XG5cbmNvbnN0IG1lbnVDYXJkU3R5bGVzID0gYFxuICAubWVudUNhcmRMZWF2ZVRvLFxuICAubWVudUNhcmRFbnRlckZyb20ge1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbiAgLm1lbnVDYXJkRW50ZXJUbyB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKCd4eEZhc3QnKX07XG4gIH1cbiAgLm1lbnVDYXJkTGVhdmVUbyB7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKCd4RmFzdCcpfTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE1lbnVDYXJkVHJhbnNpdGlvbiA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIHNob3csIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8VHJhbnNpdGlvblxuICAgIGFzPXtGcmFnbWVudH1cbiAgICBlbnRlckZyb209XCJtZW51Q2FyZEVudGVyRnJvbVwiXG4gICAgZW50ZXJUbz1cIm1lbnVDYXJkRW50ZXJUb1wiXG4gICAgbGVhdmVGcm9tPVwibWVudUNhcmRMZWF2ZUZyb21cIlxuICAgIGxlYXZlVG89XCJtZW51Q2FyZExlYXZlVG9cIlxuICAgIHJlZj17cmVmfVxuICAgIHNob3c9e3Nob3d9XG4gICAgey4uLnByb3BzfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L1RyYW5zaXRpb24+XG4pKTtcblxuY29uc3QgTWVudUNhcmRVbCA9IHN0eWxlZC51bGBcbiAgcGFkZGluZzogJHtjYXJkUGFkZGluZ1B4fTtcbiAgbWFyZ2luOiAwO1xuICBiYWNrZ3JvdW5kOiAke2dldENvbG9yKCdmbG9hdGluZ0JhY2tncm91bmQnKX07XG4gIHotaW5kZXg6ICR7KHsgekluZGV4IH0pID0+IHpJbmRleH07XG4gIGJveC1zaGFkb3c6ICR7Z2V0U2hhZG93KCdtJyl9O1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygnbScpfTtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gICR7KHsgbWF4SGVpZ2h0IH0pID0+IG1heEhlaWdodCAmJiBgbWF4LWhlaWdodDogJHtnZXRTcGFjZShtYXhIZWlnaHQpfWB9O1xuICAkeyh7IG1heFdpZHRoIH0pID0+IG1heFdpZHRoICYmIGBtYXgtd2lkdGg6ICR7Z2V0U3BhY2UobWF4V2lkdGgpfWB9O1xuICAvKiB0byBwcmV2ZW50IGEgYnVnOiB0aGUgbWVudSBpcyBub3QgYWx3YXlzIHJtb2V2ZWQgZnJvbSB0aGUgRE9NLCBpbiBhIGFuaW1hdGVkIGNvbnRhaW5lciAqL1xuICAkeyh7IGlzRGlzYWJsZWQgfSkgPT4gaXNEaXNhYmxlZCAmJiBgcG9pbnRlci1ldmVudHM6IG5vbmU7YH1cblxuICAmOmZvY3VzIHtcbiAgICBvdXRsaW5lOiBub25lO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTWVudUNhcmQgPSBmb3J3YXJkUmVmKFxuICAoeyBjaGlsZHJlbiwgekluZGV4ID0gMSwgbWF4SGVpZ2h0LCBtYXhXaWR0aCwgaXNEaXNhYmxlZCwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgbWVudUNhcmRSZWYgPSB1c2VSZWYocmVmKTtcbiAgICB1c2VJbXBlcmF0aXZlSGFuZGxlKHJlZiwgKCkgPT4gbWVudUNhcmRSZWYuY3VycmVudCwgW10pO1xuXG4gICAgY29uc3Qgc2Nyb2xsVG9BY3RpdmUgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICAvLyBOb3RlOiB0aGlzIGZ1bmN0aW9uIGlzIHJlbHkgb24gZGF0YS1oZWFkbGVzc3VpLXN0YXRlIGF0dHJpYnV0ZVxuICAgICAgY29uc3QgbWVudUNhcmQgPSBtZW51Q2FyZFJlZi5jdXJyZW50O1xuICAgICAgY29uc3QgYWN0aXZlSXRlbSA9IG1lbnVDYXJkPy5xdWVyeVNlbGVjdG9yKCdbZGF0YS1oZWFkbGVzc3VpLXN0YXRlPVwic2VsZWN0ZWRcIl0nKTtcbiAgICAgIGlmICghbWVudUNhcmQgfHwgIWFjdGl2ZUl0ZW0pIHJldHVybjtcbiAgICAgIGNvbnN0IG1lbnVDYXJkUmVjdCA9IG1lbnVDYXJkLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgICAgY29uc3QgYWN0aXZlSXRlbVJlY3QgPSBhY3RpdmVJdGVtLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgICAgbWVudUNhcmQuc2Nyb2xsVG9wID1cbiAgICAgICAgYWN0aXZlSXRlbS5vZmZzZXRUb3AgLSBtZW51Q2FyZFJlY3QuaGVpZ2h0IC8gMiArIGFjdGl2ZUl0ZW1SZWN0LmhlaWdodCAvIDI7XG4gICAgfSwgW10pO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIHNjcm9sbFRvQWN0aXZlKCk7XG4gICAgfSwgW3Njcm9sbFRvQWN0aXZlXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPD5cbiAgICAgICAgPEdsb2JhbCBzdHlsZXM9e21lbnVDYXJkU3R5bGVzfSAvPlxuICAgICAgICA8TWVudUNhcmRVbFxuICAgICAgICAgIHJlZj17bWVudUNhcmRSZWZ9XG4gICAgICAgICAgekluZGV4PXt6SW5kZXh9XG4gICAgICAgICAgbWF4SGVpZ2h0PXttYXhIZWlnaHR9XG4gICAgICAgICAgbWF4V2lkdGg9e21heFdpZHRofVxuICAgICAgICAgIGlzRGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L01lbnVDYXJkVWw+XG4gICAgICA8Lz5cbiAgICApO1xuICB9LFxuKTtcblxuY29uc3QgdmFyaWFudFN0eWxlcyA9IHtcbiAgbmV1dHJhbDoge1xuICAgIGJhY2tncm91bmRDb2xvckFjdGl2ZTogZ2V0Q29sb3IoJ2ZhZGUxJyksXG4gICAgaWNvbkNvbG9yQWN0aXZlOiBnZXRDb2xvcignY29udGVudCcpLFxuICB9LFxuICBkYW5nZXI6IHtcbiAgICBjb2xvcjogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICAgIGljb25Db2xvcjogY29tcG9uZW50VmFycy5kYW5nZXJJY29uQ29sb3IsXG4gICAgaWNvbkNvbG9yQWN0aXZlOiBnZXRDb2xvcignZGFuZ2VyJyksXG4gICAgYmFja2dyb3VuZENvbG9yQWN0aXZlOiBjb21wb25lbnRWYXJzLmNsZWFyQnV0dG9uRGFuZ2VyQmFja2dyb3VuZEhvdmVyLFxuICB9LFxufTtcblxuY29uc3QgTWVudUl0ZW1Sb290ID0gc3R5bGVkLmxpYFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICBnYXA6IDhweDtcbiAgJHsoeyBpc0Rpc2FibGVkIH0pID0+IGlzRGlzYWJsZWQgJiYgYGNvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZENvbnRlbnQnKX1gfTtcbiAgJHsoeyBpc0Rpc2FibGVkIH0pID0+ICFpc0Rpc2FibGVkICYmIGBjdXJzb3I6IHBvaW50ZXI7YH07XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3RhcnQ7XG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIHBhZGRpbmctYmxvY2s6IDEwcHg7XG4gIHBhZGRpbmctaW5saW5lOiAke2l0ZW1YUGFkZGluZ31weDtcbiAgbWFyZ2luOiAwO1xuICBtaW4taGVpZ2h0OiB2YXIoLS1ncm4tdGV4dEJveEhlaWdodCk7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICBhcHBlYXJhbmNlOiBub25lO1xuICBjb2xvcjogJHsoeyBjb2xvciB9KSA9PiBjb2xvcn07XG5cbiAgW2RhdGEtZXhwZXJpbWVudC1jb21wYWN0LXRleHRib3hdICYge1xuICAgIHBhZGRpbmctYmxvY2s6ICR7Z2V0U3BhY2UoJ3MnKX07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBNZW51R3JvdXBUaXRsZSA9ICh7IGNoaWxkcmVuLCBoYXNEaXZpZGVyIH0pID0+IChcbiAgPD5cbiAgICB7aGFzRGl2aWRlciAmJiAoXG4gICAgICA8Qm94XG4gICAgICAgIGhlaWdodD1cIjNweFwiXG4gICAgICAgIGJvcmRlclNpZGU9e2hhc0RpdmlkZXIgPyAndG9wJyA6IHVuZGVmaW5lZH1cbiAgICAgICAgbWFyZ2luVG9wPXtjYXJkUGFkZGluZ1B4fVxuICAgICAgICBwYWRkaW5nVG9wPXtgJHtjYXJkUGFkZGluZyAqIDJ9cHhgfVxuICAgICAgICBtYXJnaW5YPXtgLSR7Y2FyZFBhZGRpbmdQeH1gfVxuICAgICAgLz5cbiAgICApfVxuICAgIDxCb3hcbiAgICAgIHBhZGRpbmdYPXtgJHtpdGVtWFBhZGRpbmd9cHhgfVxuICAgICAgcGFkZGluZ0JvdHRvbT17Y2FyZFBhZGRpbmdQeH1cbiAgICAgIHBhZGRpbmdUb3A9e2hhc0RpdmlkZXIgPyAwIDogY2FyZFBhZGRpbmdQeH1cbiAgICA+XG4gICAgICA8VGV4dCB2YXJpYW50PVwiY2Fwc1wiPntjaGlsZHJlbn08L1RleHQ+XG4gICAgPC9Cb3g+XG4gIDwvPlxuKTtcblxuZXhwb3J0IGNvbnN0IE1lbnVJdGVtRGl2aWRlciA9ICgpID0+IChcbiAgPEJveFxuICAgIGhlaWdodD17Y29tcG9uZW50VmFycy5kaXZpZGVyU3Ryb2tlU2l6ZX1cbiAgICBtYXJnaW5ZPXsxfVxuICAgIGJhY2tncm91bmRDb2xvcj1cImJvcmRlclwiXG4gICAgbWFyZ2luWD17YC0ke2NhcmRQYWRkaW5nUHh9YH1cbiAgLz5cbik7XG5cbmV4cG9ydCBjb25zdCBNZW51SXRlbSA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIGlzU2VsZWN0ZWQsXG4gICAgICBpc0FjdGl2ZSxcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICBpY29uLFxuICAgICAgdmFyaWFudCA9ICduZXV0cmFsJyxcbiAgICAgIGhhc0VsbGlwc2lzLFxuICAgICAgY2hlY2tWYXJpYW50ID0gJ2NoZWNrJyxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IGhhc0NoZWNrID0gY2hlY2tWYXJpYW50ID09PSAnY2hlY2snO1xuXG4gICAgY29uc3QgZ2V0Q29sdW1ucyA9ICgpID0+IHtcbiAgICAgIGlmIChCb29sZWFuKGljb24pKSByZXR1cm4gJ2F1dG8gMWZyJztcbiAgICAgIGlmIChoYXNDaGVjaykgcmV0dXJuICcxZnIgYXV0byc7XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8TWVudUl0ZW1Sb290XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICBpc1NlbGVjdGVkPXtpc1NlbGVjdGVkfVxuICAgICAgICBpc0Rpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICBjb2xvcj17dmFyaWFudFN0eWxlc1t2YXJpYW50XS5jb2xvcn1cbiAgICAgICAgaGFzSWNvbj17Qm9vbGVhbihpY29uKX1cbiAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICBiYWNrZ3JvdW5kOiBpc0FjdGl2ZSAmJiB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmJhY2tncm91bmRDb2xvckFjdGl2ZSxcbiAgICAgICAgICBncmlkVGVtcGxhdGVDb2x1bW5zOiBnZXRDb2x1bW5zKCksXG4gICAgICAgIH19XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2ljb24gJiYgKFxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBpY29uPXtpY29ufVxuICAgICAgICAgICAgaGFzRXZlbkJvdW5kYXJ5XG4gICAgICAgICAgICBjb2xvcj17XG4gICAgICAgICAgICAgIGlzQWN0aXZlID8gdmFyaWFudFN0eWxlc1t2YXJpYW50XS5pY29uQ29sb3JBY3RpdmUgOiB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdLmljb25Db2xvclxuICAgICAgICAgICAgfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICAgIDxCb3ggd2lkdGg9XCIxMDAlXCIgbWluV2lkdGg9XCIwcHhcIiB0YWc9XCJzcGFuXCI+XG4gICAgICAgICAgPFRleHQgaGFzRWxsaXBzaXM9e2hhc0VsbGlwc2lzfT57Y2hpbGRyZW59PC9UZXh0PlxuICAgICAgICA8L0JveD5cbiAgICAgICAge2hhc0NoZWNrICYmIChcbiAgICAgICAgICA8Qm94IG9wYWNpdHk9e2lzU2VsZWN0ZWQgPyAnMScgOiAnMCd9PlxuICAgICAgICAgICAgPEljb24gaWNvbj17PEljb25DaGVjayAvPn0gY29sb3I9e2lzQWN0aXZlID8gJ2NvbnRlbnQnIDogJ2ljb24nfSAvPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9NZW51SXRlbVJvb3Q+XG4gICAgKTtcbiAgfSxcbik7XG5cbk1lbnVJdGVtLnByb3BUeXBlcyA9IHtcbiAgaXNTZWxlY3RlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGljb246IFByb3BUeXBlcy5ub2RlLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWyduZXV0cmFsJywgJ2RhbmdlciddKSxcbiAgaGFzRWxsaXBzaXM6IFByb3BUeXBlcy5ib29sLFxuICBjaGVja1ZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ2NoZWNrJywgJ25vbmUnXSksXG59O1xuXG5NZW51Q2FyZC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgekluZGV4OiB0eXBlcy56SW5kZXgsXG4gIG1heEhlaWdodDogdHlwZXMuZGltZW5zaW9uLFxuICBtYXhXaWR0aDogdHlwZXMuZGltZW5zaW9uLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cbk1lbnVDYXJkVHJhbnNpdGlvbi5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgc2hvdzogUHJvcFR5cGVzLmJvb2wsXG59O1xuIl19 */"));
 
-export var MenuGroupTitle = function MenuGroupTitle(_ref12) {
-  var children = _ref12.children,
-      hasDivider = _ref12.hasDivider;
+export const MenuGroupTitle = _ref12 => {
+  let {
+    children,
+    hasDivider
+  } = _ref12;
   return ___EmotionJSX(React.Fragment, null, hasDivider && ___EmotionJSX(Box, {
     height: "3px",
     borderSide: hasDivider ? 'top' : undefined,
@@ -201,30 +217,28 @@ export var MenuGroupTitle = function MenuGroupTitle(_ref12) {
     variant: "caps"
   }, children)));
 };
-export var MenuItemDivider = function MenuItemDivider() {
-  return ___EmotionJSX(Box, {
-    height: componentVars.dividerStrokeSize,
-    marginY: 1,
-    backgroundColor: "border",
-    marginX: "-".concat(cardPaddingPx)
-  });
-};
-export var MenuItem = /*#__PURE__*/forwardRef(function (_ref13, ref) {
-  var children = _ref13.children,
-      isSelected = _ref13.isSelected,
-      isActive = _ref13.isActive,
-      isDisabled = _ref13.isDisabled,
-      icon = _ref13.icon,
-      _ref13$variant = _ref13.variant,
-      variant = _ref13$variant === void 0 ? 'neutral' : _ref13$variant,
-      hasEllipsis = _ref13.hasEllipsis,
-      _ref13$checkVariant = _ref13.checkVariant,
-      checkVariant = _ref13$checkVariant === void 0 ? 'check' : _ref13$checkVariant,
+export const MenuItemDivider = () => ___EmotionJSX(Box, {
+  height: componentVars.dividerStrokeSize,
+  marginY: 1,
+  backgroundColor: "border",
+  marginX: "-".concat(cardPaddingPx)
+});
+export const MenuItem = /*#__PURE__*/forwardRef((_ref13, ref) => {
+  let {
+    children,
+    isSelected,
+    isActive,
+    isDisabled,
+    icon,
+    variant = 'neutral',
+    hasEllipsis,
+    checkVariant = 'check'
+  } = _ref13,
       props = _objectWithoutProperties(_ref13, _excluded3);
 
-  var hasCheck = checkVariant === 'check';
+  const hasCheck = checkVariant === 'check';
 
-  var getColumns = function getColumns() {
+  const getColumns = () => {
     if (Boolean(icon)) return 'auto 1fr';
     if (hasCheck) return '1fr auto';
   };

package/es/foundational/styles.js

@@ -1,8 +1,7 @@
-import "core-js/modules/es.array.concat.js";
 import { getColor, getRadius, getTextSize, getTransition, getWeight } from '../utilities';
-export var capHeight = "0.74em";
-export var lineHeightAndCapHeightOffset = "calc((var(--grn-lineHeight-global) - ".concat(capHeight, ") / 2)");
-export var componentVars = {
+export const capHeight = "0.74em";
+export const lineHeightAndCapHeightOffset = "calc((var(--grn-lineHeight-global) - ".concat(capHeight, ") / 2)");
+export const componentVars = {
   strokeSize: '1px',
   dividerStrokeSize: '1px',
   activeBorderColor: getColor('shade9'),
@@ -12,13 +11,13 @@ export var componentVars = {
   clearButtonDangerBackgroundActive: 'hsl(var(--redHS) var(--redL) / 19%)',
   dangerIconColor: 'hsl(var(--redHS) var(--redL) / 70%)'
 };
-var buttonResetStyles = "\n  appearance: none;\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: ".concat(getWeight('medium'), ";\n  cursor: pointer;\n");
-export var transitionStyles = "\n  transition: ".concat(getTransition('leave'), ";\n\n  &:hover {\n    transition: ").concat(getTransition('hover'), ";\n  }\n\n  &:active {\n    transition: ").concat(getTransition('active'), ";\n  }\n");
-export var styles = {
+const buttonResetStyles = "\n  appearance: none;\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: ".concat(getWeight('medium'), ";\n  cursor: pointer;\n");
+export const transitionStyles = "\n  transition: ".concat(getTransition('leave'), ";\n\n  &:hover {\n    transition: ").concat(getTransition('hover'), ";\n  }\n\n  &:active {\n    transition: ").concat(getTransition('active'), ";\n  }\n");
+export const styles = {
   buttonReset: buttonResetStyles,
   transitions: transitionStyles
 };
-var variantStyles = {
+const variantStyles = {
   neutral: {
     color: getColor('content'),
     iconColor: getColor('icon'),
@@ -42,23 +41,24 @@ var variantStyles = {
     }
   }
 };
-export var getClearButtonStyles = function getClearButtonStyles(_ref) {
-  var _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'neutral' : _ref$variant,
-      isActive = _ref.isActive,
-      isDisabled = _ref.isDisabled;
-  var box = "\n    ".concat(buttonResetStyles, ";\n    ").concat(transitionStyles, ";\n\n    border: none;\n    padding: 0;\n    border-radius: ").concat(getRadius('s'), ";\n    height: ").concat(componentVars.clearButtonHeight, ";\n    background-color: transparent;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    @media(hover: hover) {\n      &:hover {\n        background-color: ").concat(variant && variantStyles[variant].hover.backgroundColor, ";\n\n        .Icon {\n          color: ").concat(variant && variantStyles[variant].hover.iconColor, ";\n        }\n      }\n      &:active {\n        background-color: ").concat(variant && variantStyles[variant].active.backgroundColor, ";\n      }\n    }\n\n    ").concat(isDisabled && "pointer-events: none; ", "\n  ");
-  var icon = "\n    ".concat(transitionStyles, ";\n    color: ").concat(variant && variantStyles[variant].iconColor, ";\n    ").concat(isActive && "color: ".concat(variant && variantStyles[variant].color), ";\n    ").concat(isDisabled && "color: ".concat(getColor('disabledIcon')), ";\n  ");
-  var text = "\n    color: ".concat(variant && variantStyles[variant].color, ";\n    ").concat(isDisabled && "color: ".concat(getColor('disabledContent')), ";\n  ");
-  var clearButtonStyles = {
-    box: box,
-    icon: icon,
-    text: text
+export const getClearButtonStyles = _ref => {
+  let {
+    variant = 'neutral',
+    isActive,
+    isDisabled
+  } = _ref;
+  const box = "\n    ".concat(buttonResetStyles, ";\n    ").concat(transitionStyles, ";\n\n    border: none;\n    padding: 0;\n    border-radius: ").concat(getRadius('s'), ";\n    height: ").concat(componentVars.clearButtonHeight, ";\n    background-color: transparent;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    @media(hover: hover) {\n      &:hover {\n        background-color: ").concat(variant && variantStyles[variant].hover.backgroundColor, ";\n\n        .Icon {\n          color: ").concat(variant && variantStyles[variant].hover.iconColor, ";\n        }\n      }\n      &:active {\n        background-color: ").concat(variant && variantStyles[variant].active.backgroundColor, ";\n      }\n    }\n\n    ").concat(isDisabled && "pointer-events: none; ", "\n  ");
+  const icon = "\n    ".concat(transitionStyles, ";\n    color: ").concat(variant && variantStyles[variant].iconColor, ";\n    ").concat(isActive && "color: ".concat(variant && variantStyles[variant].color), ";\n    ").concat(isDisabled && "color: ".concat(getColor('disabledIcon')), ";\n  ");
+  const text = "\n    color: ".concat(variant && variantStyles[variant].color, ";\n    ").concat(isDisabled && "color: ".concat(getColor('disabledContent')), ";\n  ");
+  const clearButtonStyles = {
+    box,
+    icon,
+    text
   };
   return clearButtonStyles;
 };
-var fullOffset = "calc(100% + var(--placementOffset, var(--grn-space-xs)))";
-export var placementStyles = {
+const fullOffset = "calc(100% + var(--placementOffset, var(--grn-space-xs)))";
+export const placementStyles = {
   top: {
     bottom: fullOffset,
     left: "50%",
@@ -112,4 +112,4 @@ export var placementStyles = {
     bottom: "0"
   }
 };
-export var capStyles = "\n  font-size: ".concat(getTextSize('s'), ";\n  font-weight: ").concat(getWeight('medium'), ";\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n");
+export const capStyles = "\n  font-size: ".concat(getTextSize('s'), ";\n  font-weight: ").concat(getWeight('medium'), ";\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n");

package/es/hooks/useKeyPress.js

@@ -1,53 +1,32 @@
-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, useState } from 'react';
 export function useKeyPress(targetKey) {
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      keyPressed = _useState2[0],
-      setKeyPressed = _useState2[1];
+  const [keyPressed, setKeyPressed] = useState(false);
 
   function downHandler(_ref) {
-    var key = _ref.key;
+    let {
+      key
+    } = _ref;
 
     if (key === targetKey) {
       setKeyPressed(true);
     }
   }
 
-  var upHandler = function upHandler(_ref2) {
-    var key = _ref2.key;
+  const upHandler = _ref2 => {
+    let {
+      key
+    } = _ref2;
 
     if (key === targetKey) {
       setKeyPressed(false);
     }
   };
 
-  useEffect(function () {
+  useEffect(() => {
     window.addEventListener('keydown', downHandler);
     window.addEventListener('keyup', upHandler);
-    return function () {
+    return () => {
       window.removeEventListener('keydown', downHandler);
       window.removeEventListener('keyup', upHandler);
     };