@flodesk/grain 10.17.2 → 10.17.4

package/es/components/flex.js

@@ -1,25 +1,40 @@
-import _styled from "@emotion/styled/base";
-var _excluded = ["direction", "wrap", "justifyContent", "alignItems", "alignContent", "gap", "columnGap", "rowGap", "children"];
+import "core-js/modules/es.object.assign.js";
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-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.includes.js";
-import "core-js/modules/es.string.includes.js";
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.array.concat.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 React, { forwardRef } from 'react';
+import PropTypes from 'prop-types';
 import { types } from '../types';
-import { getResponsiveOneOf, getResponsiveSpace } from '../utilities';
-import { Box } from './box';
+import { css } from '@emotion/react';
+import { getResponsiveDimension, getResponsiveOneOf, getResponsiveSpace } from '../utilities';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var flexProps = {
+export var Flex = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$direction = _ref.direction,
+      direction = _ref$direction === void 0 ? 'row' : _ref$direction,
+      _ref$wrap = _ref.wrap,
+      wrap = _ref$wrap === void 0 ? 'wrap' : _ref$wrap,
+      _ref$justifyContent = _ref.justifyContent,
+      justifyContent = _ref$justifyContent === void 0 ? 'start' : _ref$justifyContent,
+      _ref$alignItems = _ref.alignItems,
+      alignItems = _ref$alignItems === void 0 ? 'start' : _ref$alignItems,
+      _ref$alignContent = _ref.alignContent,
+      alignContent = _ref$alignContent === void 0 ? 'start' : _ref$alignContent,
+      gap = _ref.gap,
+      columnGap = _ref.columnGap,
+      rowGap = _ref.rowGap,
+      width = _ref.width,
+      height = _ref.height,
+      _ref$tag = _ref.tag,
+      tag = _ref$tag === void 0 ? 'div' : _ref$tag,
+      children = _ref.children,
+      props = _ref.props;
+  var Tag = tag;
+  return ___EmotionJSX(Tag, _extends({
+    css: /*#__PURE__*/css("display:flex;", getResponsiveOneOf('flex-direction', direction), ";", getResponsiveOneOf('flex-wrap', wrap), ";", getResponsiveOneOf('justify-content', justifyContent), ";", getResponsiveOneOf('align-items', alignItems), ";", getResponsiveOneOf('align-content', alignContent), ";", getResponsiveSpace('gap', gap), ";", getResponsiveSpace('column-gap', columnGap), ";", getResponsiveSpace('row-gap', rowGap), ";", getResponsiveDimension('width', width), ";", getResponsiveDimension('height', height), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Flex;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ZsZXguanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCZ0IiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvZmxleC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGdldFJlc3BvbnNpdmVEaW1lbnNpb24sIGdldFJlc3BvbnNpdmVPbmVPZiwgZ2V0UmVzcG9uc2l2ZVNwYWNlIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcblxuZXhwb3J0IGNvbnN0IEZsZXggPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgZGlyZWN0aW9uID0gJ3JvdycsXG4gICAgICB3cmFwID0gJ3dyYXAnLFxuICAgICAganVzdGlmeUNvbnRlbnQgPSAnc3RhcnQnLFxuICAgICAgYWxpZ25JdGVtcyA9ICdzdGFydCcsXG4gICAgICBhbGlnbkNvbnRlbnQgPSAnc3RhcnQnLFxuICAgICAgZ2FwLFxuICAgICAgY29sdW1uR2FwLFxuICAgICAgcm93R2FwLFxuICAgICAgd2lkdGgsXG4gICAgICBoZWlnaHQsXG4gICAgICB0YWcgPSAnZGl2JyxcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgcHJvcHMsXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IFRhZyA9IHRhZztcbiAgICByZXR1cm4gKFxuICAgICAgPFRhZ1xuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZU9uZU9mKCdmbGV4LWRpcmVjdGlvbicsIGRpcmVjdGlvbil9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZU9uZU9mKCdmbGV4LXdyYXAnLCB3cmFwKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlT25lT2YoJ2p1c3RpZnktY29udGVudCcsIGp1c3RpZnlDb250ZW50KX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlT25lT2YoJ2FsaWduLWl0ZW1zJywgYWxpZ25JdGVtcyl9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZU9uZU9mKCdhbGlnbi1jb250ZW50JywgYWxpZ25Db250ZW50KX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ2dhcCcsIGdhcCl9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCdjb2x1bW4tZ2FwJywgY29sdW1uR2FwKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ3Jvdy1nYXAnLCByb3dHYXApfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVEaW1lbnNpb24oJ3dpZHRoJywgd2lkdGgpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVEaW1lbnNpb24oJ2hlaWdodCcsIGhlaWdodCl9O1xuICAgICAgICBgfVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RhZz5cbiAgICApO1xuICB9LFxuKTtcblxuRmxleC5wcm9wVHlwZXMgPSB7XG4gIGRpcmVjdGlvbjogdHlwZXMuZmxleERpcmVjdGlvbixcbiAgd3JhcDogdHlwZXMuZmxleFdyYXAsXG4gIGp1c3RpZnlDb250ZW50OiB0eXBlcy5mbGV4SnVzdGlmeUNvbnRlbnQsXG4gIGFsaWduSXRlbXM6IHR5cGVzLmZsZXhBbGlnbkl0ZW1zLFxuICBhbGlnbkNvbnRlbnQ6IHR5cGVzLmZsZXhBbGlnbkNvbnRlbnQsXG4gIGdhcDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBjb2x1bW5HYXA6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcm93R2FwOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIHdpZHRoOiB0eXBlcy5yZXNwb25zaXZlRGltZW5zaW9uLFxuICBoZWlnaHQ6IHR5cGVzLnJlc3BvbnNpdmVEaW1lbnNpb24sXG4gIHRhZzogUHJvcFR5cGVzLnN0cmluZyxcbn07XG4iXX0= */"),
+    ref: ref
+  }, props), children);
+});
+Flex.propTypes = {
   direction: types.flexDirection,
   wrap: types.flexWrap,
   justifyContent: types.flexJustifyContent,
@@ -27,59 +42,8 @@ var flexProps = {
   alignContent: types.flexAlignContent,
   gap: types.responsiveSpace,
   columnGap: types.responsiveSpace,
-  rowGap: types.responsiveSpace
-};
-
-var Root = /*#__PURE__*/_styled(Box, process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: function shouldForwardProp(prop) {
-    return !Object.keys(flexProps).includes(prop);
-  },
-  target: "e1kdx4dg0"
-} : {
-  shouldForwardProp: function shouldForwardProp(prop) {
-    return !Object.keys(flexProps).includes(prop);
-  },
-  target: "e1kdx4dg0",
-  label: "Root"
-})("display:flex;", function (_ref) {
-  var direction = _ref.direction,
-      wrap = _ref.wrap,
-      justifyContent = _ref.justifyContent,
-      alignItems = _ref.alignItems,
-      alignContent = _ref.alignContent,
-      gap = _ref.gap,
-      columnGap = _ref.columnGap,
-      rowGap = _ref.rowGap;
-  return "\n    ".concat(getResponsiveOneOf('flex-direction', direction), ";\n    ").concat(getResponsiveOneOf('flex-wrap', wrap), ";\n    ").concat(getResponsiveOneOf('justify-content', justifyContent), ";\n    ").concat(getResponsiveOneOf('align-items', alignItems), ";\n    ").concat(getResponsiveOneOf('align-content', alignContent), ";\n    ").concat(getResponsiveSpace('gap', gap), ";\n    ").concat(getResponsiveSpace('column-gap', columnGap), ";\n    ").concat(getResponsiveSpace('row-gap', rowGap), ";\n  ");
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ZsZXguanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CRSIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9mbGV4LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5pbXBvcnQgeyBnZXRSZXNwb25zaXZlT25lT2YsIGdldFJlc3BvbnNpdmVTcGFjZSB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuL2JveCc7XG5cbmNvbnN0IGZsZXhQcm9wcyA9IHtcbiAgZGlyZWN0aW9uOiB0eXBlcy5mbGV4RGlyZWN0aW9uLFxuICB3cmFwOiB0eXBlcy5mbGV4V3JhcCxcbiAganVzdGlmeUNvbnRlbnQ6IHR5cGVzLmZsZXhKdXN0aWZ5Q29udGVudCxcbiAgYWxpZ25JdGVtczogdHlwZXMuZmxleEFsaWduSXRlbXMsXG4gIGFsaWduQ29udGVudDogdHlwZXMuZmxleEFsaWduQ29udGVudCxcbiAgZ2FwOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIGNvbHVtbkdhcDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICByb3dHYXA6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbn07XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQoQm94LCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFPYmplY3Qua2V5cyhmbGV4UHJvcHMpLmluY2x1ZGVzKHByb3ApLFxufSlgXG4gIGRpc3BsYXk6IGZsZXg7XG4gICR7KHsgZGlyZWN0aW9uLCB3cmFwLCBqdXN0aWZ5Q29udGVudCwgYWxpZ25JdGVtcywgYWxpZ25Db250ZW50LCBnYXAsIGNvbHVtbkdhcCwgcm93R2FwIH0pID0+IGBcbiAgICAke2dldFJlc3BvbnNpdmVPbmVPZignZmxleC1kaXJlY3Rpb24nLCBkaXJlY3Rpb24pfTtcbiAgICAke2dldFJlc3BvbnNpdmVPbmVPZignZmxleC13cmFwJywgd3JhcCl9O1xuICAgICR7Z2V0UmVzcG9uc2l2ZU9uZU9mKCdqdXN0aWZ5LWNvbnRlbnQnLCBqdXN0aWZ5Q29udGVudCl9O1xuICAgICR7Z2V0UmVzcG9uc2l2ZU9uZU9mKCdhbGlnbi1pdGVtcycsIGFsaWduSXRlbXMpfTtcbiAgICAke2dldFJlc3BvbnNpdmVPbmVPZignYWxpZ24tY29udGVudCcsIGFsaWduQ29udGVudCl9O1xuICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCdnYXAnLCBnYXApfTtcbiAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgnY29sdW1uLWdhcCcsIGNvbHVtbkdhcCl9O1xuICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCdyb3ctZ2FwJywgcm93R2FwKX07XG4gIGB9O1xuYDtcblxuZXhwb3J0IGNvbnN0IEZsZXggPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgZGlyZWN0aW9uID0gJ3JvdycsXG4gICAgICB3cmFwID0gJ3dyYXAnLFxuICAgICAganVzdGlmeUNvbnRlbnQgPSAnc3RhcnQnLFxuICAgICAgYWxpZ25JdGVtcyA9ICdzdGFydCcsXG4gICAgICBhbGlnbkNvbnRlbnQgPSAnc3RhcnQnLFxuICAgICAgZ2FwLFxuICAgICAgY29sdW1uR2FwLFxuICAgICAgcm93R2FwLFxuICAgICAgY2hpbGRyZW4sXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPFJvb3RcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGRpcmVjdGlvbj17ZGlyZWN0aW9ufVxuICAgICAgICB3cmFwPXt3cmFwfVxuICAgICAgICBqdXN0aWZ5Q29udGVudD17anVzdGlmeUNvbnRlbnR9XG4gICAgICAgIGFsaWduSXRlbXM9e2FsaWduSXRlbXN9XG4gICAgICAgIGFsaWduQ29udGVudD17YWxpZ25Db250ZW50fVxuICAgICAgICBnYXA9e2dhcH1cbiAgICAgICAgY29sdW1uR2FwPXtjb2x1bW5HYXB9XG4gICAgICAgIHJvd0dhcD17cm93R2FwfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvUm9vdD5cbiAgICApO1xuICB9LFxuKTtcblxuRmxleC5wcm9wVHlwZXMgPSBmbGV4UHJvcHM7XG4iXX0= */"));
-
-export var Flex = /*#__PURE__*/forwardRef(function (_ref2, ref) {
-  var _ref2$direction = _ref2.direction,
-      direction = _ref2$direction === void 0 ? 'row' : _ref2$direction,
-      _ref2$wrap = _ref2.wrap,
-      wrap = _ref2$wrap === void 0 ? 'wrap' : _ref2$wrap,
-      _ref2$justifyContent = _ref2.justifyContent,
-      justifyContent = _ref2$justifyContent === void 0 ? 'start' : _ref2$justifyContent,
-      _ref2$alignItems = _ref2.alignItems,
-      alignItems = _ref2$alignItems === void 0 ? 'start' : _ref2$alignItems,
-      _ref2$alignContent = _ref2.alignContent,
-      alignContent = _ref2$alignContent === void 0 ? 'start' : _ref2$alignContent,
-      gap = _ref2.gap,
-      columnGap = _ref2.columnGap,
-      rowGap = _ref2.rowGap,
-      children = _ref2.children,
-      props = _objectWithoutProperties(_ref2, _excluded);
-
-  return ___EmotionJSX(Root, _extends({
-    ref: ref,
-    direction: direction,
-    wrap: wrap,
-    justifyContent: justifyContent,
-    alignItems: alignItems,
-    alignContent: alignContent,
-    gap: gap,
-    columnGap: columnGap,
-    rowGap: rowGap
-  }, props), children);
-});
-Flex.propTypes = flexProps;
+  rowGap: types.responsiveSpace,
+  width: types.responsiveDimension,
+  height: types.responsiveDimension,
+  tag: PropTypes.string
+};

package/es/components/index.js

@@ -1,8 +1,5 @@
-export * from './provider';
 export { Text } from './text';
-export { Text2 } from './text2';
 export { Box } from './box';
-export { Box2 } from './box2';
 export { Button } from './button';
 export { Checkbox } from './checkbox';
 export { TextInput } from './text-input';
@@ -19,7 +16,6 @@ export { Slider } from './slider';
 export { Spinner } from './spinner';
 export { Switch } from './switch';
 export { Autocomplete } from './autocomplete';
-export { Autocomplete2 } from './autocomplete2';
 export { Dropdown } from './dropdown';
 export { Modal } from './modal';
 export { Link } from './link';
@@ -31,4 +27,4 @@ export { Pagination } from './pagination';
 export { Nav, NavItem } from './nav';
 export { Flex } from './flex';
 export { Badge } from './badge';
-export { Toast } from './toast';
+export { Toast } from './toast';

package/es/components/link.js

@@ -2,7 +2,6 @@ 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", "tag", "variant"];
 
 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); }
@@ -11,43 +10,33 @@ 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 { css } from '@emotion/react';
 import React, { forwardRef } from 'react';
 import { styles } from '../foundational';
 import PropTypes from 'prop-types';
 import { types } from '../types';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var textDecorationColorStyles = {
-  neutral: "currentColor",
-  subtle: "transparent"
+var baseStyles = /*#__PURE__*/css(styles.transitions, ";text-underline-position:under;text-underline-offset:calc(2px - 0.1em);color:inherit;cursor:pointer;&:hover{text-decoration-color:currentColor;}" + (process.env.NODE_ENV === "production" ? "" : ";label:baseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1zQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgYmFzZVN0eWxlcyA9IGNzc2BcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICB0ZXh0LXVuZGVybGluZS1wb3NpdGlvbjogdW5kZXI7XG4gIHRleHQtdW5kZXJsaW5lLW9mZnNldDogY2FsYygycHggLSAwLjFlbSk7XG4gIGNvbG9yOiBpbmhlcml0O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gICY6aG92ZXIge1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogY3VycmVudENvbG9yO1xuICB9XG5gO1xuXG5jb25zdCBsaW5rU3R5bGVzID0ge1xuICBuZXV0cmFsOiBjc3NgXG4gICAgJHtiYXNlU3R5bGVzfTtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgYCxcblxuICBzdWJ0bGU6IGNzc2BcbiAgICAke2Jhc2VTdHlsZXN9O1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGAsXG59O1xuXG5jb25zdCBidXR0b25TdHlsZXMgPSBjc3NgXG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgYm9yZGVyOiBub25lO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgcGFkZGluZzogMDtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gIGZvbnQtd2VpZ2h0OiB1bnNldDtcbmA7XG5cbmV4cG9ydCBjb25zdCBMaW5rID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgdGFnID0gJ2EnLCB2YXJpYW50ID0gJ25ldXRyYWwnLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgY29uc3QgVGFnID0gdGFnO1xuICBjb25zdCB0eXBlID0gdGFnID09PSAnYnV0dG9uJyA/ICdidXR0b24nIDogdW5kZWZpbmVkO1xuICByZXR1cm4gKFxuICAgIDxUYWdcbiAgICAgIHR5cGU9e3R5cGV9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGFzPXt0YWd9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHt0YWcgPT09ICdidXR0b24nICYmIGJ1dHRvblN0eWxlc307XG4gICAgICAgICR7bGlua1N0eWxlc1t2YXJpYW50XX07XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RhZz5cbiAgKTtcbn0pO1xuXG5MaW5rLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBocmVmOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0YXJnZXQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ25ldXRyYWwnLCAnc3VidGxlJ10pLFxuICB0YWc6IHR5cGVzLmJ1dHRvblRhZyxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */");
+var linkStyles = {
+  neutral: /*#__PURE__*/css(baseStyles, ";text-decoration-color:currentColor;" + (process.env.NODE_ENV === "production" ? "" : ";label:neutral;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCYyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgYmFzZVN0eWxlcyA9IGNzc2BcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICB0ZXh0LXVuZGVybGluZS1wb3NpdGlvbjogdW5kZXI7XG4gIHRleHQtdW5kZXJsaW5lLW9mZnNldDogY2FsYygycHggLSAwLjFlbSk7XG4gIGNvbG9yOiBpbmhlcml0O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gICY6aG92ZXIge1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogY3VycmVudENvbG9yO1xuICB9XG5gO1xuXG5jb25zdCBsaW5rU3R5bGVzID0ge1xuICBuZXV0cmFsOiBjc3NgXG4gICAgJHtiYXNlU3R5bGVzfTtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgYCxcblxuICBzdWJ0bGU6IGNzc2BcbiAgICAke2Jhc2VTdHlsZXN9O1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGAsXG59O1xuXG5jb25zdCBidXR0b25TdHlsZXMgPSBjc3NgXG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgYm9yZGVyOiBub25lO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgcGFkZGluZzogMDtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gIGZvbnQtd2VpZ2h0OiB1bnNldDtcbmA7XG5cbmV4cG9ydCBjb25zdCBMaW5rID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgdGFnID0gJ2EnLCB2YXJpYW50ID0gJ25ldXRyYWwnLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgY29uc3QgVGFnID0gdGFnO1xuICBjb25zdCB0eXBlID0gdGFnID09PSAnYnV0dG9uJyA/ICdidXR0b24nIDogdW5kZWZpbmVkO1xuICByZXR1cm4gKFxuICAgIDxUYWdcbiAgICAgIHR5cGU9e3R5cGV9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGFzPXt0YWd9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHt0YWcgPT09ICdidXR0b24nICYmIGJ1dHRvblN0eWxlc307XG4gICAgICAgICR7bGlua1N0eWxlc1t2YXJpYW50XX07XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RhZz5cbiAgKTtcbn0pO1xuXG5MaW5rLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBocmVmOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0YXJnZXQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ25ldXRyYWwnLCAnc3VidGxlJ10pLFxuICB0YWc6IHR5cGVzLmJ1dHRvblRhZyxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */"),
+  subtle: /*#__PURE__*/css(baseStyles, ";text-decoration-color:transparent;" + (process.env.NODE_ENV === "production" ? "" : ";label:subtle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCYSIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgYmFzZVN0eWxlcyA9IGNzc2BcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICB0ZXh0LXVuZGVybGluZS1wb3NpdGlvbjogdW5kZXI7XG4gIHRleHQtdW5kZXJsaW5lLW9mZnNldDogY2FsYygycHggLSAwLjFlbSk7XG4gIGNvbG9yOiBpbmhlcml0O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gICY6aG92ZXIge1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogY3VycmVudENvbG9yO1xuICB9XG5gO1xuXG5jb25zdCBsaW5rU3R5bGVzID0ge1xuICBuZXV0cmFsOiBjc3NgXG4gICAgJHtiYXNlU3R5bGVzfTtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgYCxcblxuICBzdWJ0bGU6IGNzc2BcbiAgICAke2Jhc2VTdHlsZXN9O1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGAsXG59O1xuXG5jb25zdCBidXR0b25TdHlsZXMgPSBjc3NgXG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgYm9yZGVyOiBub25lO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgcGFkZGluZzogMDtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gIGZvbnQtd2VpZ2h0OiB1bnNldDtcbmA7XG5cbmV4cG9ydCBjb25zdCBMaW5rID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgdGFnID0gJ2EnLCB2YXJpYW50ID0gJ25ldXRyYWwnLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgY29uc3QgVGFnID0gdGFnO1xuICBjb25zdCB0eXBlID0gdGFnID09PSAnYnV0dG9uJyA/ICdidXR0b24nIDogdW5kZWZpbmVkO1xuICByZXR1cm4gKFxuICAgIDxUYWdcbiAgICAgIHR5cGU9e3R5cGV9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGFzPXt0YWd9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHt0YWcgPT09ICdidXR0b24nICYmIGJ1dHRvblN0eWxlc307XG4gICAgICAgICR7bGlua1N0eWxlc1t2YXJpYW50XX07XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RhZz5cbiAgKTtcbn0pO1xuXG5MaW5rLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBocmVmOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0YXJnZXQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ25ldXRyYWwnLCAnc3VidGxlJ10pLFxuICB0YWc6IHR5cGVzLmJ1dHRvblRhZyxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */")
 };
+var buttonStyles = /*#__PURE__*/css(styles.buttonReset, ";border:none;background:transparent;padding:0;text-decoration:underline;font-weight:unset;" + (process.env.NODE_ENV === "production" ? "" : ";label:buttonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCd0IiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbGluay5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IGJhc2VTdHlsZXMgPSBjc3NgXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgdGV4dC11bmRlcmxpbmUtcG9zaXRpb246IHVuZGVyO1xuICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IGNhbGMoMnB4IC0gMC4xZW0pO1xuICBjb2xvcjogaW5oZXJpdDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICAmOmhvdmVyIHtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgfVxuYDtcblxuY29uc3QgbGlua1N0eWxlcyA9IHtcbiAgbmV1dHJhbDogY3NzYFxuICAgICR7YmFzZVN0eWxlc307XG4gICAgdGV4dC1kZWNvcmF0aW9uLWNvbG9yOiBjdXJyZW50Q29sb3I7XG4gIGAsXG5cbiAgc3VidGxlOiBjc3NgXG4gICAgJHtiYXNlU3R5bGVzfTtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IHRyYW5zcGFyZW50O1xuICBgLFxufTtcblxuY29uc3QgYnV0dG9uU3R5bGVzID0gY3NzYFxuICAke3N0eWxlcy5idXR0b25SZXNldH07XG4gIGJvcmRlcjogbm9uZTtcbiAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gIHBhZGRpbmc6IDA7XG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICBmb250LXdlaWdodDogdW5zZXQ7XG5gO1xuXG5leHBvcnQgY29uc3QgTGluayA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIHRhZyA9ICdhJywgdmFyaWFudCA9ICduZXV0cmFsJywgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IFRhZyA9IHRhZztcbiAgY29uc3QgdHlwZSA9IHRhZyA9PT0gJ2J1dHRvbicgPyAnYnV0dG9uJyA6IHVuZGVmaW5lZDtcbiAgcmV0dXJuIChcbiAgICA8VGFnXG4gICAgICB0eXBlPXt0eXBlfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBhcz17dGFnfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7dGFnID09PSAnYnV0dG9uJyAmJiBidXR0b25TdHlsZXN9O1xuICAgICAgICAke2xpbmtTdHlsZXNbdmFyaWFudF19O1xuICAgICAgYH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UYWc+XG4gICk7XG59KTtcblxuTGluay5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgaHJlZjogUHJvcFR5cGVzLnN0cmluZyxcbiAgdGFyZ2V0OiBQcm9wVHlwZXMuc3RyaW5nLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWyduZXV0cmFsJywgJ3N1YnRsZSddKSxcbiAgdGFnOiB0eXBlcy5idXR0b25UYWcsXG4gIG9uQ2xpY2s6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */");
+export var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+      _ref$tag = _ref.tag,
+      tag = _ref$tag === void 0 ? 'a' : _ref$tag,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? 'neutral' : _ref$variant,
+      props = _objectWithoutProperties(_ref, _excluded);
 
-var Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "er1549x0"
-} : {
-  target: "er1549x0",
-  label: "Root"
-})(function (_ref) {
-  var as = _ref.as;
-  return as === 'button' && "\n    ".concat(styles.buttonReset, ";\n     border: none;\n     background: transparent;\n     padding: 0;\n     text-decoration: underline;\n     font-weight: unset;\n  ");
-}, ";", styles.transitions, ";text-underline-position:under;text-underline-offset:calc(2px - 0.1em);text-decoration-color:", function (_ref2) {
-  var variant = _ref2.variant;
-  return textDecorationColorStyles[variant];
-}, ";color:inherit;cursor:pointer;&:hover{text-decoration-color:currentColor;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd1QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuY29uc3QgdGV4dERlY29yYXRpb25Db2xvclN0eWxlcyA9IHtcbiAgbmV1dHJhbDogYGN1cnJlbnRDb2xvcmAsXG4gIHN1YnRsZTogYHRyYW5zcGFyZW50YCxcbn07XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICAkeyh7IGFzIH0pID0+XG4gICAgYXMgPT09ICdidXR0b24nICYmXG4gICAgYFxuICAgICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgICAgYm9yZGVyOiBub25lO1xuICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICAgcGFkZGluZzogMDtcbiAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgIGZvbnQtd2VpZ2h0OiB1bnNldDtcbiAgYH07XG5cbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICB0ZXh0LXVuZGVybGluZS1wb3NpdGlvbjogdW5kZXI7XG4gIHRleHQtdW5kZXJsaW5lLW9mZnNldDogY2FsYygycHggLSAwLjFlbSk7XG4gIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogJHsoeyB2YXJpYW50IH0pID0+IHRleHREZWNvcmF0aW9uQ29sb3JTdHlsZXNbdmFyaWFudF19O1xuICBjb2xvcjogaW5oZXJpdDtcbiAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICY6aG92ZXIge1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogY3VycmVudENvbG9yO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTGluayA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIHRhZyA9ICdhJywgdmFyaWFudCA9ICduZXV0cmFsJywgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IHR5cGUgPSB0YWcgPT09ICdidXR0b24nID8gJ2J1dHRvbicgOiB1bmRlZmluZWQ7XG4gIHJldHVybiAoXG4gICAgPFJvb3QgdHlwZT17dHlwZX0gcmVmPXtyZWZ9IGFzPXt0YWd9IHZhcmlhbnQ9e3ZhcmlhbnR9IHsuLi5wcm9wc30+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9Sb290PlxuICApO1xufSk7XG5cbkxpbmsucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUsXG4gIGhyZWY6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHRhcmdldDogUHJvcFR5cGVzLnN0cmluZyxcbiAgdmFyaWFudDogUHJvcFR5cGVzLm9uZU9mKFsnbmV1dHJhbCcsICdzdWJ0bGUnXSksXG4gIHRhZzogdHlwZXMuYnV0dG9uVGFnLFxuICBvbkNsaWNrOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */"));
-
-export var Link = /*#__PURE__*/forwardRef(function (_ref3, ref) {
-  var children = _ref3.children,
-      _ref3$tag = _ref3.tag,
-      tag = _ref3$tag === void 0 ? 'a' : _ref3$tag,
-      _ref3$variant = _ref3.variant,
-      variant = _ref3$variant === void 0 ? 'neutral' : _ref3$variant,
-      props = _objectWithoutProperties(_ref3, _excluded);
-
+  var Tag = tag;
   var type = tag === 'button' ? 'button' : undefined;
-  return ___EmotionJSX(Root, _extends({
+  return ___EmotionJSX(Tag, _extends({
     type: type,
     ref: ref,
     as: tag,
-    variant: variant
+    css: /*#__PURE__*/css(tag === 'button' && buttonStyles, ";", linkStyles[variant], ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Link;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThDYyIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9saW5rLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgYmFzZVN0eWxlcyA9IGNzc2BcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuICB0ZXh0LXVuZGVybGluZS1wb3NpdGlvbjogdW5kZXI7XG4gIHRleHQtdW5kZXJsaW5lLW9mZnNldDogY2FsYygycHggLSAwLjFlbSk7XG4gIGNvbG9yOiBpbmhlcml0O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gICY6aG92ZXIge1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogY3VycmVudENvbG9yO1xuICB9XG5gO1xuXG5jb25zdCBsaW5rU3R5bGVzID0ge1xuICBuZXV0cmFsOiBjc3NgXG4gICAgJHtiYXNlU3R5bGVzfTtcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3I6IGN1cnJlbnRDb2xvcjtcbiAgYCxcblxuICBzdWJ0bGU6IGNzc2BcbiAgICAke2Jhc2VTdHlsZXN9O1xuICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIGAsXG59O1xuXG5jb25zdCBidXR0b25TdHlsZXMgPSBjc3NgXG4gICR7c3R5bGVzLmJ1dHRvblJlc2V0fTtcbiAgYm9yZGVyOiBub25lO1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgcGFkZGluZzogMDtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gIGZvbnQtd2VpZ2h0OiB1bnNldDtcbmA7XG5cbmV4cG9ydCBjb25zdCBMaW5rID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgdGFnID0gJ2EnLCB2YXJpYW50ID0gJ25ldXRyYWwnLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgY29uc3QgVGFnID0gdGFnO1xuICBjb25zdCB0eXBlID0gdGFnID09PSAnYnV0dG9uJyA/ICdidXR0b24nIDogdW5kZWZpbmVkO1xuICByZXR1cm4gKFxuICAgIDxUYWdcbiAgICAgIHR5cGU9e3R5cGV9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGFzPXt0YWd9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHt0YWcgPT09ICdidXR0b24nICYmIGJ1dHRvblN0eWxlc307XG4gICAgICAgICR7bGlua1N0eWxlc1t2YXJpYW50XX07XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1RhZz5cbiAgKTtcbn0pO1xuXG5MaW5rLnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBocmVmOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0YXJnZXQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ25ldXRyYWwnLCAnc3VidGxlJ10pLFxuICB0YWc6IHR5cGVzLmJ1dHRvblRhZyxcbiAgb25DbGljazogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */")
   }, props), children);
 });
 Link.propTypes = {

package/es/components/modal.js

@@ -1,12 +1,11 @@
 import "core-js/modules/es.object.keys.js";
 import "core-js/modules/es.array.index-of.js";
 import "core-js/modules/es.object.assign.js";
-import _styled from "@emotion/styled/base";
-var _excluded = ["cardPadding", "cardMaxWidth", "cardMaxHeight", "cardRadius", "cardHeight", "children", "onCloseClick", "closeButtonProps", "hasCloseButton"],
+var _excluded = ["cardPadding", "cardMaxWidth", "cardMaxHeight", "cardRadius", "cardHeight", "children", "onCloseClick", "closeButtonProps", "hasOnClose"],
     _excluded2 = ["children"],
-    _excluded3 = ["children"],
+    _excluded3 = ["children", "zIndex", "paddingX"],
     _excluded4 = ["children"],
-    _excluded5 = ["isOpen", "children", "onClose", "title", "description", "paddingX", "cardPadding", "cardMaxWidth", "cardMaxHeight", "cardHeight", "cardRadius", "zIndex", "initialFocus", "returnFocus", "closeButtonProps", "hasCloseButton"];
+    _excluded5 = ["isOpen", "children", "onClose", "title", "description", "paddingX", "cardPadding", "cardMaxWidth", "cardMaxHeight", "cardHeight", "cardRadius", "zIndex", "initialFocus", "returnFocus", "closeButtonProps"];
 import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.symbol.description.js";
 
@@ -24,22 +23,23 @@ import { Dialog, Transition } from '@headlessui/react';
 import { Box } from './box';
 import { Text } from './text';
 import { getSpace, getTransition } from '../utilities';
+import { css } from '@emotion/react';
 import { IconButton } from './icon-button';
 import { IconCross } from '../icons';
 import { types } from '../types';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var modalZIndex = 1099;
-var ModalCard = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var cardPadding = _ref.cardPadding,
-      cardMaxWidth = _ref.cardMaxWidth,
-      cardMaxHeight = _ref.cardMaxHeight,
-      cardRadius = _ref.cardRadius,
-      cardHeight = _ref.cardHeight,
-      children = _ref.children,
-      onCloseClick = _ref.onCloseClick,
-      closeButtonProps = _ref.closeButtonProps,
-      hasCloseButton = _ref.hasCloseButton,
-      props = _objectWithoutProperties(_ref, _excluded);
+var ModalCard = /*#__PURE__*/forwardRef(function (_ref2, ref) {
+  var cardPadding = _ref2.cardPadding,
+      cardMaxWidth = _ref2.cardMaxWidth,
+      cardMaxHeight = _ref2.cardMaxHeight,
+      cardRadius = _ref2.cardRadius,
+      cardHeight = _ref2.cardHeight,
+      children = _ref2.children,
+      onCloseClick = _ref2.onCloseClick,
+      closeButtonProps = _ref2.closeButtonProps,
+      hasOnClose = _ref2.hasOnClose,
+      props = _objectWithoutProperties(_ref2, _excluded);
 
   return ___EmotionJSX(Box, _extends({
     maxWidth: cardMaxWidth,
@@ -56,73 +56,54 @@ var ModalCard = /*#__PURE__*/forwardRef(function (_ref, ref) {
     height: cardHeight
   }, ___EmotionJSX(Box, {
     padding: cardPadding
-  }, children)), hasCloseButton && ___EmotionJSX(Box, {
+  }, children)), hasOnClose && ___EmotionJSX(Box, {
     position: "absolute",
     right: "xs",
-    top: "xs",
-    zIndex: 1
+    top: "xs"
   }, ___EmotionJSX(IconButton, _extends({
     icon: ___EmotionJSX(IconCross, null),
     onClick: onCloseClick
   }, closeButtonProps))));
 });
 
-var TitleRoot = /*#__PURE__*/_styled(Text, process.env.NODE_ENV === "production" ? {
-  target: "e74yazp1"
-} : {
-  target: "e74yazp1",
-  label: "TitleRoot"
-})(process.env.NODE_ENV === "production" ? {
+var _ref = process.env.NODE_ENV === "production" ? {
   name: "ti75j2",
   styles: "margin:0"
 } : {
-  name: "ti75j2",
-  styles: "margin:0",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFsLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRDhCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFsLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBEaWFsb2csIFRyYW5zaXRpb24gfSBmcm9tICdAaGVhZGxlc3N1aS9yZWFjdCc7XG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuL2JveCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi90ZXh0JztcbmltcG9ydCB7IGdldFNwYWNlLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuL2ljb24tYnV0dG9uJztcbmltcG9ydCB7IEljb25Dcm9zcyB9IGZyb20gJy4uL2ljb25zJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBtb2RhbFpJbmRleCA9IDEwOTk7XG5cbmNvbnN0IE1vZGFsQ2FyZCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjYXJkUGFkZGluZyxcbiAgICAgIGNhcmRNYXhXaWR0aCxcbiAgICAgIGNhcmRNYXhIZWlnaHQsXG4gICAgICBjYXJkUmFkaXVzLFxuICAgICAgY2FyZEhlaWdodCxcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgb25DbG9zZUNsaWNrLFxuICAgICAgY2xvc2VCdXR0b25Qcm9wcyxcbiAgICAgIGhhc0Nsb3NlQnV0dG9uLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxCb3hcbiAgICAgICAgbWF4V2lkdGg9e2NhcmRNYXhXaWR0aH1cbiAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgcG9zaXRpb249XCJyZWxhdGl2ZVwiXG4gICAgICAgIHJhZGl1cz17Y2FyZFJhZGl1c31cbiAgICAgICAgb3ZlcmZsb3c9XCJoaWRkZW5cIlxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgYmFja2dyb3VuZENvbG9yPVwiZmxvYXRpbmdCYWNrZ3JvdW5kXCJcbiAgICAgICAgc2hhZG93PVwibFwiXG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAgPEJveCBvdmVyZmxvdz1cImF1dG9cIiBtYXhIZWlnaHQ9e2NhcmRNYXhIZWlnaHR9IGhlaWdodD17Y2FyZEhlaWdodH0+XG4gICAgICAgICAgPEJveCBwYWRkaW5nPXtjYXJkUGFkZGluZ30+e2NoaWxkcmVufTwvQm94PlxuICAgICAgICA8L0JveD5cbiAgICAgICAge2hhc0Nsb3NlQnV0dG9uICYmIChcbiAgICAgICAgICA8Qm94IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiByaWdodD1cInhzXCIgdG9wPVwieHNcIiB6SW5kZXg9ezF9PlxuICAgICAgICAgICAgPEljb25CdXR0b24gaWNvbj17PEljb25Dcm9zcyAvPn0gb25DbGljaz17b25DbG9zZUNsaWNrfSB7Li4uY2xvc2VCdXR0b25Qcm9wc30gLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cbiAgICAgIDwvQm94PlxuICAgICk7XG4gIH0sXG4pO1xuXG5jb25zdCBUaXRsZVJvb3QgPSBzdHlsZWQoVGV4dClgXG4gIG1hcmdpbjogMDtcbmA7XG5cbmNvbnN0IFRpdGxlID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxUaXRsZVJvb3QgdGFnPVwiaDNcIiByZWY9e3JlZn0gc2l6ZT1cInhsXCIgd2VpZ2h0PVwibWVkaXVtXCIgdHJpbVRvcCB7Li4ucHJvcHN9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UaXRsZVJvb3Q+XG4pKTtcblxuY29uc3QgQ29udGFpbmVyUm9vdCA9IHN0eWxlZC5kaXZgXG4gIHotaW5kZXg6ICR7KHsgekluZGV4IH0pID0+IHpJbmRleH07XG4gIHBhZGRpbmctbGVmdDogJHsoeyBwYWRkaW5nWCB9KSA9PiBnZXRTcGFjZShwYWRkaW5nWCl9O1xuICBwYWRkaW5nLXJpZ2h0OiAkeyh7IHBhZGRpbmdYIH0pID0+IGdldFNwYWNlKHBhZGRpbmdYKX07XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBncmlkO1xuICBwbGFjZS1pdGVtczogY2VudGVyO1xuICAubGVhdmVUbyxcbiAgLmVudGVyRnJvbSB7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuICAuZW50ZXJUbyxcbiAgLmxlYXZlVG8ge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgfVxuYDtcblxuY29uc3QgQ29udGFpbmVyID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxDb250YWluZXJSb290IHJlZj17cmVmfSBjbGFzc05hbWU9XCJncm4tY29udGV4dFwiIHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICA8L0NvbnRhaW5lclJvb3Q+XG4pKTtcblxuY29uc3QgQmFja2Ryb3AgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPEJveFxuICAgIHJlZj17cmVmfVxuICAgIHBvc2l0aW9uPVwiZml4ZWRcIlxuICAgIHRvcD1cIjBcIlxuICAgIGxlZnQ9XCIwXCJcbiAgICB3aWR0aD1cIjEwMCVcIlxuICAgIGhlaWdodD1cIjEwMCVcIlxuICAgIGJhY2tncm91bmRDb2xvcj1cImJhY2tkcm9wXCJcbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvQm94PlxuKSk7XG5cbmNvbnN0IHRyYW5zaXRpb25DaGlsZFByb3BzID0ge1xuICBlbnRlcjogJ2VudGVyJyxcbiAgZW50ZXJGcm9tOiAnZW50ZXJGcm9tJyxcbiAgZW50ZXJUbzogJ2VudGVyVG8nLFxuICBsZWF2ZTogJ2xlYXZlJyxcbiAgbGVhdmVGcm9tOiAnbGVhdmVGcm9tJyxcbiAgbGVhdmVUbzogJ2xlYXZlVG8nLFxufTtcblxuZXhwb3J0IGNvbnN0IE1vZGFsID0gKHtcbiAgaXNPcGVuLFxuICBjaGlsZHJlbixcbiAgb25DbG9zZSxcbiAgdGl0bGUsXG4gIGRlc2NyaXB0aW9uLFxuICBwYWRkaW5nWCA9ICdsJyxcbiAgY2FyZFBhZGRpbmcgPSAneGwnLFxuICBjYXJkTWF4V2lkdGggPSA2OCxcbiAgY2FyZE1heEhlaWdodCA9ICc5MHZoJyxcbiAgY2FyZEhlaWdodCxcbiAgY2FyZFJhZGl1cyA9ICdsJyxcbiAgekluZGV4ID0gbW9kYWxaSW5kZXgsXG4gIGluaXRpYWxGb2N1cyxcbiAgcmV0dXJuRm9jdXMsXG4gIGNsb3NlQnV0dG9uUHJvcHMsXG4gIGhhc0Nsb3NlQnV0dG9uID0gdHJ1ZSxcbiAgLi4ucHJvcHNcbn0pID0+IHtcbiAgY29uc3QgaGFzQmFja2Ryb3AgPSBjYXJkSGVpZ2h0ICE9PSAnMTAwdmgnO1xuXG4gIGNvbnN0IGhhbmRsZUNsb3NlID0gKCkgPT4ge1xuICAgIGlmIChCb29sZWFuKG9uQ2xvc2UpKSB7XG4gICAgICBvbkNsb3NlKCk7XG4gICAgfVxuICAgIGlmIChyZXR1cm5Gb2N1cykge1xuICAgICAgcmV0dXJuRm9jdXMuZm9jdXMoKTtcbiAgICB9XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8VHJhbnNpdGlvbiBhcHBlYXIgc2hvdz17aXNPcGVufSBhcz17RnJhZ21lbnR9PlxuICAgICAgPERpYWxvZ1xuICAgICAgICBhcz17Q29udGFpbmVyfVxuICAgICAgICBvbkNsb3NlPXtoYW5kbGVDbG9zZX1cbiAgICAgICAgekluZGV4PXt6SW5kZXh9XG4gICAgICAgIGluaXRpYWxGb2N1cz17aW5pdGlhbEZvY3VzfVxuICAgICAgICBwYWRkaW5nWD17cGFkZGluZ1h9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2hhc0JhY2tkcm9wICYmIDxUcmFuc2l0aW9uLkNoaWxkIGFzPXtCYWNrZHJvcH0gey4uLnRyYW5zaXRpb25DaGlsZFByb3BzfSAvPn1cblxuICAgICAgICA8VHJhbnNpdGlvbi5DaGlsZCBhcz17RnJhZ21lbnR9IHsuLi50cmFuc2l0aW9uQ2hpbGRQcm9wc30+XG4gICAgICAgICAgPERpYWxvZy5QYW5lbFxuICAgICAgICAgICAgYXM9e01vZGFsQ2FyZH1cbiAgICAgICAgICAgIG9uQ2xvc2VDbGljaz17b25DbG9zZX1cbiAgICAgICAgICAgIGNhcmRQYWRkaW5nPXtjYXJkUGFkZGluZ31cbiAgICAgICAgICAgIGNhcmRNYXhXaWR0aD17Y2FyZE1heFdpZHRofVxuICAgICAgICAgICAgY2FyZE1heEhlaWdodD17Y2FyZE1heEhlaWdodH1cbiAgICAgICAgICAgIGNhcmRIZWlnaHQ9e2NhcmRIZWlnaHR9XG4gICAgICAgICAgICBjbG9zZUJ1dHRvblByb3BzPXtjbG9zZUJ1dHRvblByb3BzfVxuICAgICAgICAgICAgY2FyZFJhZGl1cz17Y2FyZFJhZGl1c31cbiAgICAgICAgICAgIGhhc0Nsb3NlQnV0dG9uPXtoYXNDbG9zZUJ1dHRvbn1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7dGl0bGUgJiYgPERpYWxvZy5UaXRsZSBhcz17VGl0bGV9Pnt0aXRsZX08L0RpYWxvZy5UaXRsZT59XG4gICAgICAgICAgICB7ZGVzY3JpcHRpb24gJiYgKFxuICAgICAgICAgICAgICA8Qm94IG1hcmdpblRvcD1cInNcIj5cbiAgICAgICAgICAgICAgICA8RGlhbG9nLkRlc2NyaXB0aW9uIGFzPVwiZGl2XCI+e2Rlc2NyaXB0aW9ufTwvRGlhbG9nLkRlc2NyaXB0aW9uPlxuICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9EaWFsb2cuUGFuZWw+XG4gICAgICAgIDwvVHJhbnNpdGlvbi5DaGlsZD5cbiAgICAgIDwvRGlhbG9nPlxuICAgIDwvVHJhbnNpdGlvbj5cbiAgKTtcbn07XG5cbk1vZGFsLlRpdGxlID0gVGl0bGU7XG5cbk1vZGFsLnByb3BUeXBlcyA9IHtcbiAgaXNPcGVuOiBQcm9wVHlwZXMuYm9vbCxcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBvbkNsb3NlOiBQcm9wVHlwZXMuZnVuYyxcbiAgaGFzQ2xvc2VCdXR0b246IFByb3BUeXBlcy5ib29sLFxuICB0aXRsZTogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLnN0cmluZywgUHJvcFR5cGVzLm5vZGVdKSxcbiAgZGVzY3JpcHRpb246IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5ub2RlXSksXG4gIGNhcmRQYWRkaW5nOiB0eXBlcy5kaW1lbnNpb24sXG4gIGNhcmRNYXhXaWR0aDogdHlwZXMuZGltZW5zaW9uLFxuICBjYXJkSGVpZ2h0OiB0eXBlcy5kaW1lbnNpb24sXG4gIGNhcmRNYXhIZWlnaHQ6IHR5cGVzLmRpbWVuc2lvbixcbiAgY2FyZFJhZGl1czogdHlwZXMucmFkaXVzLFxuICB6SW5kZXg6IHR5cGVzLnpJbmRleCxcbiAgaW5pdGlhbEZvY3VzOiBQcm9wVHlwZXMubm9kZSxcbiAgcmV0dXJuRm9jdXM6IFByb3BUeXBlcy5ub2RlLFxuICBjbG9zZUJ1dHRvblByb3BzOiBQcm9wVHlwZXMub2JqZWN0LFxuICBwYWRkaW5nWDogdHlwZXMuZGltZW5zaW9uLFxufTtcbiJdfQ== */",
+  name: "xkiag4-Title",
+  styles: "margin:0;label:Title;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFsLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RFkiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbW9kYWwuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IERpYWxvZywgVHJhbnNpdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IEJveCB9IGZyb20gJy4vYm94JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuL3RleHQnO1xuaW1wb3J0IHsgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJy4vaWNvbi1idXR0b24nO1xuaW1wb3J0IHsgSWNvbkNyb3NzIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IG1vZGFsWkluZGV4ID0gMTA5OTtcblxuY29uc3QgTW9kYWxDYXJkID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNhcmRQYWRkaW5nLFxuICAgICAgY2FyZE1heFdpZHRoLFxuICAgICAgY2FyZE1heEhlaWdodCxcbiAgICAgIGNhcmRSYWRpdXMsXG4gICAgICBjYXJkSGVpZ2h0LFxuICAgICAgY2hpbGRyZW4sXG4gICAgICBvbkNsb3NlQ2xpY2ssXG4gICAgICBjbG9zZUJ1dHRvblByb3BzLFxuICAgICAgaGFzT25DbG9zZSxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8Qm94XG4gICAgICAgIG1heFdpZHRoPXtjYXJkTWF4V2lkdGh9XG4gICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgIHBvc2l0aW9uPVwicmVsYXRpdmVcIlxuICAgICAgICByYWRpdXM9e2NhcmRSYWRpdXN9XG4gICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGJhY2tncm91bmRDb2xvcj1cImZsb2F0aW5nQmFja2dyb3VuZFwiXG4gICAgICAgIHNoYWRvdz1cImxcIlxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIDxCb3ggb3ZlcmZsb3c9XCJhdXRvXCIgbWF4SGVpZ2h0PXtjYXJkTWF4SGVpZ2h0fSBoZWlnaHQ9e2NhcmRIZWlnaHR9PlxuICAgICAgICAgIDxCb3ggcGFkZGluZz17Y2FyZFBhZGRpbmd9PntjaGlsZHJlbn08L0JveD5cbiAgICAgICAgPC9Cb3g+XG4gICAgICAgIHtoYXNPbkNsb3NlICYmIChcbiAgICAgICAgICA8Qm94IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiByaWdodD1cInhzXCIgdG9wPVwieHNcIj5cbiAgICAgICAgICAgIDxJY29uQnV0dG9uIGljb249ezxJY29uQ3Jvc3MgLz59IG9uQ2xpY2s9e29uQ2xvc2VDbGlja30gey4uLmNsb3NlQnV0dG9uUHJvcHN9IC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICA8L0JveD5cbiAgICApO1xuICB9LFxuKTtcblxuY29uc3QgVGl0bGUgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFRleHRcbiAgICB0YWc9XCJoM1wiXG4gICAgcmVmPXtyZWZ9XG4gICAgc2l6ZT1cInhsXCJcbiAgICB3ZWlnaHQ9XCJtZWRpdW1cIlxuICAgIHRyaW1Ub3BcbiAgICBjc3M9e2Nzc2BcbiAgICAgIG1hcmdpbjogMDtcbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UZXh0PlxuKSk7XG5cbmNvbnN0IFJvb3QgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCB6SW5kZXgsIHBhZGRpbmdYLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGRpdlxuICAgIHJlZj17cmVmfVxuICAgIGNsYXNzTmFtZT1cImdybi1jb250ZXh0XCJcbiAgICBjc3M9e2Nzc2BcbiAgICAgIHotaW5kZXg6ICR7ekluZGV4fTtcbiAgICAgIHBhZGRpbmctbGVmdDogJHtnZXRTcGFjZShwYWRkaW5nWCl9O1xuICAgICAgcGFkZGluZy1yaWdodDogJHtnZXRTcGFjZShwYWRkaW5nWCl9O1xuICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgdG9wOiAwO1xuICAgICAgbGVmdDogMDtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgIHBsYWNlLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAubGVhdmVUbyxcbiAgICAgIC5lbnRlckZyb20ge1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgfVxuICAgICAgLmVudGVyVG8sXG4gICAgICAubGVhdmVUbyB7XG4gICAgICAgIHRyYW5zaXRpb24tZHVyYXRpb246ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgICAgIH1cbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9kaXY+XG4pKTtcblxuY29uc3QgQmFja2Ryb3AgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPEJveFxuICAgIHJlZj17cmVmfVxuICAgIHBvc2l0aW9uPVwiZml4ZWRcIlxuICAgIHRvcD1cIjBcIlxuICAgIGxlZnQ9XCIwXCJcbiAgICB3aWR0aD1cIjEwMCVcIlxuICAgIGhlaWdodD1cIjEwMCVcIlxuICAgIGJhY2tncm91bmRDb2xvcj1cImJhY2tkcm9wXCJcbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvQm94PlxuKSk7XG5cbmNvbnN0IHRyYW5zaXRpb25DaGlsZFByb3BzID0ge1xuICBlbnRlcjogJ2VudGVyJyxcbiAgZW50ZXJGcm9tOiAnZW50ZXJGcm9tJyxcbiAgZW50ZXJUbzogJ2VudGVyVG8nLFxuICBsZWF2ZTogJ2xlYXZlJyxcbiAgbGVhdmVGcm9tOiAnbGVhdmVGcm9tJyxcbiAgbGVhdmVUbzogJ2xlYXZlVG8nLFxufTtcblxuZXhwb3J0IGNvbnN0IE1vZGFsID0gKHtcbiAgaXNPcGVuLFxuICBjaGlsZHJlbixcbiAgb25DbG9zZSxcbiAgdGl0bGUsXG4gIGRlc2NyaXB0aW9uLFxuICBwYWRkaW5nWCA9ICdsJyxcbiAgY2FyZFBhZGRpbmcgPSAneGwnLFxuICBjYXJkTWF4V2lkdGggPSA2OCxcbiAgY2FyZE1heEhlaWdodCA9ICc5MHZoJyxcbiAgY2FyZEhlaWdodCxcbiAgY2FyZFJhZGl1cyA9ICdsJyxcbiAgekluZGV4ID0gbW9kYWxaSW5kZXgsXG4gIGluaXRpYWxGb2N1cyxcbiAgcmV0dXJuRm9jdXMsXG4gIGNsb3NlQnV0dG9uUHJvcHMsXG4gIC4uLnByb3BzXG59KSA9PiB7XG4gIGNvbnN0IGhhc09uQ2xvc2UgPSBCb29sZWFuKG9uQ2xvc2UpO1xuICBjb25zdCBoYXNCYWNrZHJvcCA9IGNhcmRIZWlnaHQgIT09ICcxMDB2aCc7XG5cbiAgY29uc3QgaGFuZGxlQ2xvc2UgPSAoKSA9PiB7XG4gICAgaWYgKGhhc09uQ2xvc2UpIHtcbiAgICAgIG9uQ2xvc2UoKTtcbiAgICB9XG4gICAgaWYgKHJldHVybkZvY3VzKSB7XG4gICAgICByZXR1cm5Gb2N1cy5mb2N1cygpO1xuICAgIH1cbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxUcmFuc2l0aW9uIGFwcGVhciBzaG93PXtpc09wZW59IGFzPXtGcmFnbWVudH0+XG4gICAgICA8RGlhbG9nXG4gICAgICAgIGFzPXtSb290fVxuICAgICAgICBvbkNsb3NlPXtoYW5kbGVDbG9zZX1cbiAgICAgICAgekluZGV4PXt6SW5kZXh9XG4gICAgICAgIGluaXRpYWxGb2N1cz17aW5pdGlhbEZvY3VzfVxuICAgICAgICBwYWRkaW5nWD17cGFkZGluZ1h9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2hhc0JhY2tkcm9wICYmIDxUcmFuc2l0aW9uLkNoaWxkIGFzPXtCYWNrZHJvcH0gey4uLnRyYW5zaXRpb25DaGlsZFByb3BzfSAvPn1cblxuICAgICAgICA8VHJhbnNpdGlvbi5DaGlsZCBhcz17RnJhZ21lbnR9IHsuLi50cmFuc2l0aW9uQ2hpbGRQcm9wc30+XG4gICAgICAgICAgPERpYWxvZy5QYW5lbFxuICAgICAgICAgICAgYXM9e01vZGFsQ2FyZH1cbiAgICAgICAgICAgIG9uQ2xvc2VDbGljaz17b25DbG9zZX1cbiAgICAgICAgICAgIGNhcmRQYWRkaW5nPXtjYXJkUGFkZGluZ31cbiAgICAgICAgICAgIGNhcmRNYXhXaWR0aD17Y2FyZE1heFdpZHRofVxuICAgICAgICAgICAgY2FyZE1heEhlaWdodD17Y2FyZE1heEhlaWdodH1cbiAgICAgICAgICAgIGNhcmRIZWlnaHQ9e2NhcmRIZWlnaHR9XG4gICAgICAgICAgICBjbG9zZUJ1dHRvblByb3BzPXtjbG9zZUJ1dHRvblByb3BzfVxuICAgICAgICAgICAgaGFzT25DbG9zZT17aGFzT25DbG9zZX1cbiAgICAgICAgICAgIGNhcmRSYWRpdXM9e2NhcmRSYWRpdXN9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge3RpdGxlICYmIDxEaWFsb2cuVGl0bGUgYXM9e1RpdGxlfT57dGl0bGV9PC9EaWFsb2cuVGl0bGU+fVxuICAgICAgICAgICAge2Rlc2NyaXB0aW9uICYmIChcbiAgICAgICAgICAgICAgPEJveCBtYXJnaW5Ub3A9XCJzXCI+XG4gICAgICAgICAgICAgICAgPERpYWxvZy5EZXNjcmlwdGlvbiBhcz1cImRpdlwiPntkZXNjcmlwdGlvbn08L0RpYWxvZy5EZXNjcmlwdGlvbj5cbiAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICApfVxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIDwvRGlhbG9nLlBhbmVsPlxuICAgICAgICA8L1RyYW5zaXRpb24uQ2hpbGQ+XG4gICAgICA8L0RpYWxvZz5cbiAgICA8L1RyYW5zaXRpb24+XG4gICk7XG59O1xuXG5Nb2RhbC5UaXRsZSA9IFRpdGxlO1xuXG5Nb2RhbC5wcm9wVHlwZXMgPSB7XG4gIGlzT3BlbjogUHJvcFR5cGVzLmJvb2wsXG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgb25DbG9zZTogUHJvcFR5cGVzLmZ1bmMsXG4gIHRpdGxlOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuc3RyaW5nLCBQcm9wVHlwZXMubm9kZV0pLFxuICBkZXNjcmlwdGlvbjogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLnN0cmluZywgUHJvcFR5cGVzLm5vZGVdKSxcbiAgY2FyZFBhZGRpbmc6IHR5cGVzLmRpbWVuc2lvbixcbiAgY2FyZE1heFdpZHRoOiB0eXBlcy5kaW1lbnNpb24sXG4gIGNhcmRIZWlnaHQ6IHR5cGVzLmRpbWVuc2lvbixcbiAgY2FyZE1heEhlaWdodDogdHlwZXMuZGltZW5zaW9uLFxuICBjYXJkUmFkaXVzOiB0eXBlcy5yYWRpdXMsXG4gIHpJbmRleDogdHlwZXMuekluZGV4LFxuICBpbml0aWFsRm9jdXM6IFByb3BUeXBlcy5ub2RlLFxuICByZXR1cm5Gb2N1czogUHJvcFR5cGVzLm5vZGUsXG4gIGNsb3NlQnV0dG9uUHJvcHM6IFByb3BUeXBlcy5vYmplY3QsXG4gIHBhZGRpbmdYOiB0eXBlcy5kaW1lbnNpb24sXG59O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+};
 
-var Title = /*#__PURE__*/forwardRef(function (_ref2, ref) {
-  var children = _ref2.children,
-      props = _objectWithoutProperties(_ref2, _excluded2);
+var Title = /*#__PURE__*/forwardRef(function (_ref3, ref) {
+  var children = _ref3.children,
+      props = _objectWithoutProperties(_ref3, _excluded2);
 
-  return ___EmotionJSX(TitleRoot, _extends({
+  return ___EmotionJSX(Text, _extends({
     tag: "h3",
     ref: ref,
     size: "xl",
     weight: "medium",
-    trimTop: true
+    trimTop: true,
+    css: _ref
   }, props), children);
 });
+var Root = /*#__PURE__*/forwardRef(function (_ref4, ref) {
+  var children = _ref4.children,
+      zIndex = _ref4.zIndex,
+      paddingX = _ref4.paddingX,
+      props = _objectWithoutProperties(_ref4, _excluded3);
 
-var ContainerRoot = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e74yazp0"
-} : {
-  target: "e74yazp0",
-  label: "ContainerRoot"
-})("z-index:", function (_ref3) {
-  var zIndex = _ref3.zIndex;
-  return zIndex;
-}, ";padding-left:", function (_ref4) {
-  var paddingX = _ref4.paddingX;
-  return getSpace(paddingX);
-}, ";padding-right:", function (_ref5) {
-  var paddingX = _ref5.paddingX;
-  return getSpace(paddingX);
-}, ";position:fixed;top:0;left:0;width:100%;height:100%;display:grid;place-items:center;.leaveTo,.enterFrom{opacity:0;}.enterTo,.leaveTo{transition-duration:", getTransition('fast'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFsLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRWdDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFsLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBEaWFsb2csIFRyYW5zaXRpb24gfSBmcm9tICdAaGVhZGxlc3N1aS9yZWFjdCc7XG5pbXBvcnQgeyBCb3ggfSBmcm9tICcuL2JveCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi90ZXh0JztcbmltcG9ydCB7IGdldFNwYWNlLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuL2ljb24tYnV0dG9uJztcbmltcG9ydCB7IEljb25Dcm9zcyB9IGZyb20gJy4uL2ljb25zJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5jb25zdCBtb2RhbFpJbmRleCA9IDEwOTk7XG5cbmNvbnN0IE1vZGFsQ2FyZCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjYXJkUGFkZGluZyxcbiAgICAgIGNhcmRNYXhXaWR0aCxcbiAgICAgIGNhcmRNYXhIZWlnaHQsXG4gICAgICBjYXJkUmFkaXVzLFxuICAgICAgY2FyZEhlaWdodCxcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgb25DbG9zZUNsaWNrLFxuICAgICAgY2xvc2VCdXR0b25Qcm9wcyxcbiAgICAgIGhhc0Nsb3NlQnV0dG9uLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxCb3hcbiAgICAgICAgbWF4V2lkdGg9e2NhcmRNYXhXaWR0aH1cbiAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgcG9zaXRpb249XCJyZWxhdGl2ZVwiXG4gICAgICAgIHJhZGl1cz17Y2FyZFJhZGl1c31cbiAgICAgICAgb3ZlcmZsb3c9XCJoaWRkZW5cIlxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgYmFja2dyb3VuZENvbG9yPVwiZmxvYXRpbmdCYWNrZ3JvdW5kXCJcbiAgICAgICAgc2hhZG93PVwibFwiXG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAgPEJveCBvdmVyZmxvdz1cImF1dG9cIiBtYXhIZWlnaHQ9e2NhcmRNYXhIZWlnaHR9IGhlaWdodD17Y2FyZEhlaWdodH0+XG4gICAgICAgICAgPEJveCBwYWRkaW5nPXtjYXJkUGFkZGluZ30+e2NoaWxkcmVufTwvQm94PlxuICAgICAgICA8L0JveD5cbiAgICAgICAge2hhc0Nsb3NlQnV0dG9uICYmIChcbiAgICAgICAgICA8Qm94IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiByaWdodD1cInhzXCIgdG9wPVwieHNcIiB6SW5kZXg9ezF9PlxuICAgICAgICAgICAgPEljb25CdXR0b24gaWNvbj17PEljb25Dcm9zcyAvPn0gb25DbGljaz17b25DbG9zZUNsaWNrfSB7Li4uY2xvc2VCdXR0b25Qcm9wc30gLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cbiAgICAgIDwvQm94PlxuICAgICk7XG4gIH0sXG4pO1xuXG5jb25zdCBUaXRsZVJvb3QgPSBzdHlsZWQoVGV4dClgXG4gIG1hcmdpbjogMDtcbmA7XG5cbmNvbnN0IFRpdGxlID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxUaXRsZVJvb3QgdGFnPVwiaDNcIiByZWY9e3JlZn0gc2l6ZT1cInhsXCIgd2VpZ2h0PVwibWVkaXVtXCIgdHJpbVRvcCB7Li4ucHJvcHN9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UaXRsZVJvb3Q+XG4pKTtcblxuY29uc3QgQ29udGFpbmVyUm9vdCA9IHN0eWxlZC5kaXZgXG4gIHotaW5kZXg6ICR7KHsgekluZGV4IH0pID0+IHpJbmRleH07XG4gIHBhZGRpbmctbGVmdDogJHsoeyBwYWRkaW5nWCB9KSA9PiBnZXRTcGFjZShwYWRkaW5nWCl9O1xuICBwYWRkaW5nLXJpZ2h0OiAkeyh7IHBhZGRpbmdYIH0pID0+IGdldFNwYWNlKHBhZGRpbmdYKX07XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBncmlkO1xuICBwbGFjZS1pdGVtczogY2VudGVyO1xuICAubGVhdmVUbyxcbiAgLmVudGVyRnJvbSB7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuICAuZW50ZXJUbyxcbiAgLmxlYXZlVG8ge1xuICAgIHRyYW5zaXRpb24tZHVyYXRpb246ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgfVxuYDtcblxuY29uc3QgQ29udGFpbmVyID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxDb250YWluZXJSb290IHJlZj17cmVmfSBjbGFzc05hbWU9XCJncm4tY29udGV4dFwiIHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICA8L0NvbnRhaW5lclJvb3Q+XG4pKTtcblxuY29uc3QgQmFja2Ryb3AgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPEJveFxuICAgIHJlZj17cmVmfVxuICAgIHBvc2l0aW9uPVwiZml4ZWRcIlxuICAgIHRvcD1cIjBcIlxuICAgIGxlZnQ9XCIwXCJcbiAgICB3aWR0aD1cIjEwMCVcIlxuICAgIGhlaWdodD1cIjEwMCVcIlxuICAgIGJhY2tncm91bmRDb2xvcj1cImJhY2tkcm9wXCJcbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvQm94PlxuKSk7XG5cbmNvbnN0IHRyYW5zaXRpb25DaGlsZFByb3BzID0ge1xuICBlbnRlcjogJ2VudGVyJyxcbiAgZW50ZXJGcm9tOiAnZW50ZXJGcm9tJyxcbiAgZW50ZXJUbzogJ2VudGVyVG8nLFxuICBsZWF2ZTogJ2xlYXZlJyxcbiAgbGVhdmVGcm9tOiAnbGVhdmVGcm9tJyxcbiAgbGVhdmVUbzogJ2xlYXZlVG8nLFxufTtcblxuZXhwb3J0IGNvbnN0IE1vZGFsID0gKHtcbiAgaXNPcGVuLFxuICBjaGlsZHJlbixcbiAgb25DbG9zZSxcbiAgdGl0bGUsXG4gIGRlc2NyaXB0aW9uLFxuICBwYWRkaW5nWCA9ICdsJyxcbiAgY2FyZFBhZGRpbmcgPSAneGwnLFxuICBjYXJkTWF4V2lkdGggPSA2OCxcbiAgY2FyZE1heEhlaWdodCA9ICc5MHZoJyxcbiAgY2FyZEhlaWdodCxcbiAgY2FyZFJhZGl1cyA9ICdsJyxcbiAgekluZGV4ID0gbW9kYWxaSW5kZXgsXG4gIGluaXRpYWxGb2N1cyxcbiAgcmV0dXJuRm9jdXMsXG4gIGNsb3NlQnV0dG9uUHJvcHMsXG4gIGhhc0Nsb3NlQnV0dG9uID0gdHJ1ZSxcbiAgLi4ucHJvcHNcbn0pID0+IHtcbiAgY29uc3QgaGFzQmFja2Ryb3AgPSBjYXJkSGVpZ2h0ICE9PSAnMTAwdmgnO1xuXG4gIGNvbnN0IGhhbmRsZUNsb3NlID0gKCkgPT4ge1xuICAgIGlmIChCb29sZWFuKG9uQ2xvc2UpKSB7XG4gICAgICBvbkNsb3NlKCk7XG4gICAgfVxuICAgIGlmIChyZXR1cm5Gb2N1cykge1xuICAgICAgcmV0dXJuRm9jdXMuZm9jdXMoKTtcbiAgICB9XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8VHJhbnNpdGlvbiBhcHBlYXIgc2hvdz17aXNPcGVufSBhcz17RnJhZ21lbnR9PlxuICAgICAgPERpYWxvZ1xuICAgICAgICBhcz17Q29udGFpbmVyfVxuICAgICAgICBvbkNsb3NlPXtoYW5kbGVDbG9zZX1cbiAgICAgICAgekluZGV4PXt6SW5kZXh9XG4gICAgICAgIGluaXRpYWxGb2N1cz17aW5pdGlhbEZvY3VzfVxuICAgICAgICBwYWRkaW5nWD17cGFkZGluZ1h9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2hhc0JhY2tkcm9wICYmIDxUcmFuc2l0aW9uLkNoaWxkIGFzPXtCYWNrZHJvcH0gey4uLnRyYW5zaXRpb25DaGlsZFByb3BzfSAvPn1cblxuICAgICAgICA8VHJhbnNpdGlvbi5DaGlsZCBhcz17RnJhZ21lbnR9IHsuLi50cmFuc2l0aW9uQ2hpbGRQcm9wc30+XG4gICAgICAgICAgPERpYWxvZy5QYW5lbFxuICAgICAgICAgICAgYXM9e01vZGFsQ2FyZH1cbiAgICAgICAgICAgIG9uQ2xvc2VDbGljaz17b25DbG9zZX1cbiAgICAgICAgICAgIGNhcmRQYWRkaW5nPXtjYXJkUGFkZGluZ31cbiAgICAgICAgICAgIGNhcmRNYXhXaWR0aD17Y2FyZE1heFdpZHRofVxuICAgICAgICAgICAgY2FyZE1heEhlaWdodD17Y2FyZE1heEhlaWdodH1cbiAgICAgICAgICAgIGNhcmRIZWlnaHQ9e2NhcmRIZWlnaHR9XG4gICAgICAgICAgICBjbG9zZUJ1dHRvblByb3BzPXtjbG9zZUJ1dHRvblByb3BzfVxuICAgICAgICAgICAgY2FyZFJhZGl1cz17Y2FyZFJhZGl1c31cbiAgICAgICAgICAgIGhhc0Nsb3NlQnV0dG9uPXtoYXNDbG9zZUJ1dHRvbn1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7dGl0bGUgJiYgPERpYWxvZy5UaXRsZSBhcz17VGl0bGV9Pnt0aXRsZX08L0RpYWxvZy5UaXRsZT59XG4gICAgICAgICAgICB7ZGVzY3JpcHRpb24gJiYgKFxuICAgICAgICAgICAgICA8Qm94IG1hcmdpblRvcD1cInNcIj5cbiAgICAgICAgICAgICAgICA8RGlhbG9nLkRlc2NyaXB0aW9uIGFzPVwiZGl2XCI+e2Rlc2NyaXB0aW9ufTwvRGlhbG9nLkRlc2NyaXB0aW9uPlxuICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9EaWFsb2cuUGFuZWw+XG4gICAgICAgIDwvVHJhbnNpdGlvbi5DaGlsZD5cbiAgICAgIDwvRGlhbG9nPlxuICAgIDwvVHJhbnNpdGlvbj5cbiAgKTtcbn07XG5cbk1vZGFsLlRpdGxlID0gVGl0bGU7XG5cbk1vZGFsLnByb3BUeXBlcyA9IHtcbiAgaXNPcGVuOiBQcm9wVHlwZXMuYm9vbCxcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICBvbkNsb3NlOiBQcm9wVHlwZXMuZnVuYyxcbiAgaGFzQ2xvc2VCdXR0b246IFByb3BUeXBlcy5ib29sLFxuICB0aXRsZTogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLnN0cmluZywgUHJvcFR5cGVzLm5vZGVdKSxcbiAgZGVzY3JpcHRpb246IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5zdHJpbmcsIFByb3BUeXBlcy5ub2RlXSksXG4gIGNhcmRQYWRkaW5nOiB0eXBlcy5kaW1lbnNpb24sXG4gIGNhcmRNYXhXaWR0aDogdHlwZXMuZGltZW5zaW9uLFxuICBjYXJkSGVpZ2h0OiB0eXBlcy5kaW1lbnNpb24sXG4gIGNhcmRNYXhIZWlnaHQ6IHR5cGVzLmRpbWVuc2lvbixcbiAgY2FyZFJhZGl1czogdHlwZXMucmFkaXVzLFxuICB6SW5kZXg6IHR5cGVzLnpJbmRleCxcbiAgaW5pdGlhbEZvY3VzOiBQcm9wVHlwZXMubm9kZSxcbiAgcmV0dXJuRm9jdXM6IFByb3BUeXBlcy5ub2RlLFxuICBjbG9zZUJ1dHRvblByb3BzOiBQcm9wVHlwZXMub2JqZWN0LFxuICBwYWRkaW5nWDogdHlwZXMuZGltZW5zaW9uLFxufTtcbiJdfQ== */"));
-
-var Container = /*#__PURE__*/forwardRef(function (_ref6, ref) {
-  var children = _ref6.children,
-      props = _objectWithoutProperties(_ref6, _excluded3);
-
-  return ___EmotionJSX(ContainerRoot, _extends({
+  return ___EmotionJSX("div", _extends({
     ref: ref,
-    className: "grn-context"
+    className: "grn-context",
+    css: /*#__PURE__*/css("z-index:", zIndex, ";padding-left:", getSpace(paddingX), ";padding-right:", getSpace(paddingX), ";position:fixed;top:0;left:0;width:100%;height:100%;display:grid;place-items:center;.leaveTo,.enterFrom{opacity:0;}.enterTo,.leaveTo{transition-duration:", getTransition('fast'), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:Root;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL21vZGFsLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRVkiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbW9kYWwuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IERpYWxvZywgVHJhbnNpdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IEJveCB9IGZyb20gJy4vYm94JztcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuL3RleHQnO1xuaW1wb3J0IHsgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJy4vaWNvbi1idXR0b24nO1xuaW1wb3J0IHsgSWNvbkNyb3NzIH0gZnJvbSAnLi4vaWNvbnMnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IG1vZGFsWkluZGV4ID0gMTA5OTtcblxuY29uc3QgTW9kYWxDYXJkID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNhcmRQYWRkaW5nLFxuICAgICAgY2FyZE1heFdpZHRoLFxuICAgICAgY2FyZE1heEhlaWdodCxcbiAgICAgIGNhcmRSYWRpdXMsXG4gICAgICBjYXJkSGVpZ2h0LFxuICAgICAgY2hpbGRyZW4sXG4gICAgICBvbkNsb3NlQ2xpY2ssXG4gICAgICBjbG9zZUJ1dHRvblByb3BzLFxuICAgICAgaGFzT25DbG9zZSxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8Qm94XG4gICAgICAgIG1heFdpZHRoPXtjYXJkTWF4V2lkdGh9XG4gICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgIHBvc2l0aW9uPVwicmVsYXRpdmVcIlxuICAgICAgICByYWRpdXM9e2NhcmRSYWRpdXN9XG4gICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGJhY2tncm91bmRDb2xvcj1cImZsb2F0aW5nQmFja2dyb3VuZFwiXG4gICAgICAgIHNoYWRvdz1cImxcIlxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIDxCb3ggb3ZlcmZsb3c9XCJhdXRvXCIgbWF4SGVpZ2h0PXtjYXJkTWF4SGVpZ2h0fSBoZWlnaHQ9e2NhcmRIZWlnaHR9PlxuICAgICAgICAgIDxCb3ggcGFkZGluZz17Y2FyZFBhZGRpbmd9PntjaGlsZHJlbn08L0JveD5cbiAgICAgICAgPC9Cb3g+XG4gICAgICAgIHtoYXNPbkNsb3NlICYmIChcbiAgICAgICAgICA8Qm94IHBvc2l0aW9uPVwiYWJzb2x1dGVcIiByaWdodD1cInhzXCIgdG9wPVwieHNcIj5cbiAgICAgICAgICAgIDxJY29uQnV0dG9uIGljb249ezxJY29uQ3Jvc3MgLz59IG9uQ2xpY2s9e29uQ2xvc2VDbGlja30gey4uLmNsb3NlQnV0dG9uUHJvcHN9IC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG4gICAgICA8L0JveD5cbiAgICApO1xuICB9LFxuKTtcblxuY29uc3QgVGl0bGUgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPFRleHRcbiAgICB0YWc9XCJoM1wiXG4gICAgcmVmPXtyZWZ9XG4gICAgc2l6ZT1cInhsXCJcbiAgICB3ZWlnaHQ9XCJtZWRpdW1cIlxuICAgIHRyaW1Ub3BcbiAgICBjc3M9e2Nzc2BcbiAgICAgIG1hcmdpbjogMDtcbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9UZXh0PlxuKSk7XG5cbmNvbnN0IFJvb3QgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCB6SW5kZXgsIHBhZGRpbmdYLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPGRpdlxuICAgIHJlZj17cmVmfVxuICAgIGNsYXNzTmFtZT1cImdybi1jb250ZXh0XCJcbiAgICBjc3M9e2Nzc2BcbiAgICAgIHotaW5kZXg6ICR7ekluZGV4fTtcbiAgICAgIHBhZGRpbmctbGVmdDogJHtnZXRTcGFjZShwYWRkaW5nWCl9O1xuICAgICAgcGFkZGluZy1yaWdodDogJHtnZXRTcGFjZShwYWRkaW5nWCl9O1xuICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgdG9wOiAwO1xuICAgICAgbGVmdDogMDtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgIHBsYWNlLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAubGVhdmVUbyxcbiAgICAgIC5lbnRlckZyb20ge1xuICAgICAgICBvcGFjaXR5OiAwO1xuICAgICAgfVxuICAgICAgLmVudGVyVG8sXG4gICAgICAubGVhdmVUbyB7XG4gICAgICAgIHRyYW5zaXRpb24tZHVyYXRpb246ICR7Z2V0VHJhbnNpdGlvbignZmFzdCcpfTtcbiAgICAgIH1cbiAgICBgfVxuICAgIHsuLi5wcm9wc31cbiAgPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9kaXY+XG4pKTtcblxuY29uc3QgQmFja2Ryb3AgPSBmb3J3YXJkUmVmKCh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9LCByZWYpID0+IChcbiAgPEJveFxuICAgIHJlZj17cmVmfVxuICAgIHBvc2l0aW9uPVwiZml4ZWRcIlxuICAgIHRvcD1cIjBcIlxuICAgIGxlZnQ9XCIwXCJcbiAgICB3aWR0aD1cIjEwMCVcIlxuICAgIGhlaWdodD1cIjEwMCVcIlxuICAgIGJhY2tncm91bmRDb2xvcj1cImJhY2tkcm9wXCJcbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvQm94PlxuKSk7XG5cbmNvbnN0IHRyYW5zaXRpb25DaGlsZFByb3BzID0ge1xuICBlbnRlcjogJ2VudGVyJyxcbiAgZW50ZXJGcm9tOiAnZW50ZXJGcm9tJyxcbiAgZW50ZXJUbzogJ2VudGVyVG8nLFxuICBsZWF2ZTogJ2xlYXZlJyxcbiAgbGVhdmVGcm9tOiAnbGVhdmVGcm9tJyxcbiAgbGVhdmVUbzogJ2xlYXZlVG8nLFxufTtcblxuZXhwb3J0IGNvbnN0IE1vZGFsID0gKHtcbiAgaXNPcGVuLFxuICBjaGlsZHJlbixcbiAgb25DbG9zZSxcbiAgdGl0bGUsXG4gIGRlc2NyaXB0aW9uLFxuICBwYWRkaW5nWCA9ICdsJyxcbiAgY2FyZFBhZGRpbmcgPSAneGwnLFxuICBjYXJkTWF4V2lkdGggPSA2OCxcbiAgY2FyZE1heEhlaWdodCA9ICc5MHZoJyxcbiAgY2FyZEhlaWdodCxcbiAgY2FyZFJhZGl1cyA9ICdsJyxcbiAgekluZGV4ID0gbW9kYWxaSW5kZXgsXG4gIGluaXRpYWxGb2N1cyxcbiAgcmV0dXJuRm9jdXMsXG4gIGNsb3NlQnV0dG9uUHJvcHMsXG4gIC4uLnByb3BzXG59KSA9PiB7XG4gIGNvbnN0IGhhc09uQ2xvc2UgPSBCb29sZWFuKG9uQ2xvc2UpO1xuICBjb25zdCBoYXNCYWNrZHJvcCA9IGNhcmRIZWlnaHQgIT09ICcxMDB2aCc7XG5cbiAgY29uc3QgaGFuZGxlQ2xvc2UgPSAoKSA9PiB7XG4gICAgaWYgKGhhc09uQ2xvc2UpIHtcbiAgICAgIG9uQ2xvc2UoKTtcbiAgICB9XG4gICAgaWYgKHJldHVybkZvY3VzKSB7XG4gICAgICByZXR1cm5Gb2N1cy5mb2N1cygpO1xuICAgIH1cbiAgfTtcblxuICByZXR1cm4gKFxuICAgIDxUcmFuc2l0aW9uIGFwcGVhciBzaG93PXtpc09wZW59IGFzPXtGcmFnbWVudH0+XG4gICAgICA8RGlhbG9nXG4gICAgICAgIGFzPXtSb290fVxuICAgICAgICBvbkNsb3NlPXtoYW5kbGVDbG9zZX1cbiAgICAgICAgekluZGV4PXt6SW5kZXh9XG4gICAgICAgIGluaXRpYWxGb2N1cz17aW5pdGlhbEZvY3VzfVxuICAgICAgICBwYWRkaW5nWD17cGFkZGluZ1h9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2hhc0JhY2tkcm9wICYmIDxUcmFuc2l0aW9uLkNoaWxkIGFzPXtCYWNrZHJvcH0gey4uLnRyYW5zaXRpb25DaGlsZFByb3BzfSAvPn1cblxuICAgICAgICA8VHJhbnNpdGlvbi5DaGlsZCBhcz17RnJhZ21lbnR9IHsuLi50cmFuc2l0aW9uQ2hpbGRQcm9wc30+XG4gICAgICAgICAgPERpYWxvZy5QYW5lbFxuICAgICAgICAgICAgYXM9e01vZGFsQ2FyZH1cbiAgICAgICAgICAgIG9uQ2xvc2VDbGljaz17b25DbG9zZX1cbiAgICAgICAgICAgIGNhcmRQYWRkaW5nPXtjYXJkUGFkZGluZ31cbiAgICAgICAgICAgIGNhcmRNYXhXaWR0aD17Y2FyZE1heFdpZHRofVxuICAgICAgICAgICAgY2FyZE1heEhlaWdodD17Y2FyZE1heEhlaWdodH1cbiAgICAgICAgICAgIGNhcmRIZWlnaHQ9e2NhcmRIZWlnaHR9XG4gICAgICAgICAgICBjbG9zZUJ1dHRvblByb3BzPXtjbG9zZUJ1dHRvblByb3BzfVxuICAgICAgICAgICAgaGFzT25DbG9zZT17aGFzT25DbG9zZX1cbiAgICAgICAgICAgIGNhcmRSYWRpdXM9e2NhcmRSYWRpdXN9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge3RpdGxlICYmIDxEaWFsb2cuVGl0bGUgYXM9e1RpdGxlfT57dGl0bGV9PC9EaWFsb2cuVGl0bGU+fVxuICAgICAgICAgICAge2Rlc2NyaXB0aW9uICYmIChcbiAgICAgICAgICAgICAgPEJveCBtYXJnaW5Ub3A9XCJzXCI+XG4gICAgICAgICAgICAgICAgPERpYWxvZy5EZXNjcmlwdGlvbiBhcz1cImRpdlwiPntkZXNjcmlwdGlvbn08L0RpYWxvZy5EZXNjcmlwdGlvbj5cbiAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICApfVxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIDwvRGlhbG9nLlBhbmVsPlxuICAgICAgICA8L1RyYW5zaXRpb24uQ2hpbGQ+XG4gICAgICA8L0RpYWxvZz5cbiAgICA8L1RyYW5zaXRpb24+XG4gICk7XG59O1xuXG5Nb2RhbC5UaXRsZSA9IFRpdGxlO1xuXG5Nb2RhbC5wcm9wVHlwZXMgPSB7XG4gIGlzT3BlbjogUHJvcFR5cGVzLmJvb2wsXG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgb25DbG9zZTogUHJvcFR5cGVzLmZ1bmMsXG4gIHRpdGxlOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuc3RyaW5nLCBQcm9wVHlwZXMubm9kZV0pLFxuICBkZXNjcmlwdGlvbjogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLnN0cmluZywgUHJvcFR5cGVzLm5vZGVdKSxcbiAgY2FyZFBhZGRpbmc6IHR5cGVzLmRpbWVuc2lvbixcbiAgY2FyZE1heFdpZHRoOiB0eXBlcy5kaW1lbnNpb24sXG4gIGNhcmRIZWlnaHQ6IHR5cGVzLmRpbWVuc2lvbixcbiAgY2FyZE1heEhlaWdodDogdHlwZXMuZGltZW5zaW9uLFxuICBjYXJkUmFkaXVzOiB0eXBlcy5yYWRpdXMsXG4gIHpJbmRleDogdHlwZXMuekluZGV4LFxuICBpbml0aWFsRm9jdXM6IFByb3BUeXBlcy5ub2RlLFxuICByZXR1cm5Gb2N1czogUHJvcFR5cGVzLm5vZGUsXG4gIGNsb3NlQnV0dG9uUHJvcHM6IFByb3BUeXBlcy5vYmplY3QsXG4gIHBhZGRpbmdYOiB0eXBlcy5kaW1lbnNpb24sXG59O1xuIl19 */")
   }, props), children);
 });
-var Backdrop = /*#__PURE__*/forwardRef(function (_ref7, ref) {
-  var children = _ref7.children,
-      props = _objectWithoutProperties(_ref7, _excluded4);
+var Backdrop = /*#__PURE__*/forwardRef(function (_ref5, ref) {
+  var children = _ref5.children,
+      props = _objectWithoutProperties(_ref5, _excluded4);
 
   return ___EmotionJSX(Box, _extends({
     ref: ref,
@@ -142,36 +123,35 @@ var transitionChildProps = {
   leaveFrom: 'leaveFrom',
   leaveTo: 'leaveTo'
 };
-export var Modal = function Modal(_ref8) {
-  var isOpen = _ref8.isOpen,
-      children = _ref8.children,
-      onClose = _ref8.onClose,
-      title = _ref8.title,
-      description = _ref8.description,
-      _ref8$paddingX = _ref8.paddingX,
-      paddingX = _ref8$paddingX === void 0 ? 'l' : _ref8$paddingX,
-      _ref8$cardPadding = _ref8.cardPadding,
-      cardPadding = _ref8$cardPadding === void 0 ? 'xl' : _ref8$cardPadding,
-      _ref8$cardMaxWidth = _ref8.cardMaxWidth,
-      cardMaxWidth = _ref8$cardMaxWidth === void 0 ? 68 : _ref8$cardMaxWidth,
-      _ref8$cardMaxHeight = _ref8.cardMaxHeight,
-      cardMaxHeight = _ref8$cardMaxHeight === void 0 ? '90vh' : _ref8$cardMaxHeight,
-      cardHeight = _ref8.cardHeight,
-      _ref8$cardRadius = _ref8.cardRadius,
-      cardRadius = _ref8$cardRadius === void 0 ? 'l' : _ref8$cardRadius,
-      _ref8$zIndex = _ref8.zIndex,
-      zIndex = _ref8$zIndex === void 0 ? modalZIndex : _ref8$zIndex,
-      initialFocus = _ref8.initialFocus,
-      returnFocus = _ref8.returnFocus,
-      closeButtonProps = _ref8.closeButtonProps,
-      _ref8$hasCloseButton = _ref8.hasCloseButton,
-      hasCloseButton = _ref8$hasCloseButton === void 0 ? true : _ref8$hasCloseButton,
-      props = _objectWithoutProperties(_ref8, _excluded5);
-
+export var Modal = function Modal(_ref6) {
+  var isOpen = _ref6.isOpen,
+      children = _ref6.children,
+      onClose = _ref6.onClose,
+      title = _ref6.title,
+      description = _ref6.description,
+      _ref6$paddingX = _ref6.paddingX,
+      paddingX = _ref6$paddingX === void 0 ? 'l' : _ref6$paddingX,
+      _ref6$cardPadding = _ref6.cardPadding,
+      cardPadding = _ref6$cardPadding === void 0 ? 'xl' : _ref6$cardPadding,
+      _ref6$cardMaxWidth = _ref6.cardMaxWidth,
+      cardMaxWidth = _ref6$cardMaxWidth === void 0 ? 68 : _ref6$cardMaxWidth,
+      _ref6$cardMaxHeight = _ref6.cardMaxHeight,
+      cardMaxHeight = _ref6$cardMaxHeight === void 0 ? '90vh' : _ref6$cardMaxHeight,
+      cardHeight = _ref6.cardHeight,
+      _ref6$cardRadius = _ref6.cardRadius,
+      cardRadius = _ref6$cardRadius === void 0 ? 'l' : _ref6$cardRadius,
+      _ref6$zIndex = _ref6.zIndex,
+      zIndex = _ref6$zIndex === void 0 ? modalZIndex : _ref6$zIndex,
+      initialFocus = _ref6.initialFocus,
+      returnFocus = _ref6.returnFocus,
+      closeButtonProps = _ref6.closeButtonProps,
+      props = _objectWithoutProperties(_ref6, _excluded5);
+
+  var hasOnClose = Boolean(onClose);
   var hasBackdrop = cardHeight !== '100vh';
 
   var handleClose = function handleClose() {
-    if (Boolean(onClose)) {
+    if (hasOnClose) {
       onClose();
     }
 
@@ -185,7 +165,7 @@ export var Modal = function Modal(_ref8) {
     show: isOpen,
     as: Fragment
   }, ___EmotionJSX(Dialog, _extends({
-    as: Container,
+    as: Root,
     onClose: handleClose,
     zIndex: zIndex,
     initialFocus: initialFocus,
@@ -202,8 +182,8 @@ export var Modal = function Modal(_ref8) {
     cardMaxHeight: cardMaxHeight,
     cardHeight: cardHeight,
     closeButtonProps: closeButtonProps,
-    cardRadius: cardRadius,
-    hasCloseButton: hasCloseButton
+    hasOnClose: hasOnClose,
+    cardRadius: cardRadius
   }, title && ___EmotionJSX(Dialog.Title, {
     as: Title
   }, title), description && ___EmotionJSX(Box, {
@@ -217,7 +197,6 @@ Modal.propTypes = {
   isOpen: PropTypes.bool,
   children: PropTypes.node,
   onClose: PropTypes.func,
-  hasCloseButton: PropTypes.bool,
   title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
   description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
   cardPadding: types.dimension,