@flodesk/grain 10.17.2 → 10.17.4

package/es/components/text.js

@@ -1,107 +1,51 @@
-import _styled from "@emotion/styled/base";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.array.index-of.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.object.assign.js";
 var _excluded = ["children", "size", "weight", "color", "tag", "display", "hasEllipsis", "ellipsisLines", "align", "letterSpacing", "textTransform", "variant", "trimTop"];
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
+import "core-js/modules/es.array.concat.js";
+
 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.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 { getColor, getResponsiveOneOf, getResponsiveTextSize, getWeight } from '../utilities';
 import PropTypes from 'prop-types';
 import React, { forwardRef } from 'react';
+import { css } from '@emotion/react';
 import { types } from '../types';
 import { capStyles, lineHeightAndCapHeightOffset } from '../foundational';
-import isPropValid from '@emotion/is-prop-valid';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var variantStyles = {
   caps: capStyles
 };
-var trimTopStyles = "\n  &:before {\n    content: '';\n    margin-top: calc(-1 * ".concat(lineHeightAndCapHeightOffset, ");\n    display: block;\n  }\n");
-var propsToExcludeFromDom = ['color', 'display'];
-
-var Root = /*#__PURE__*/_styled('span', process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: function shouldForwardProp(prop) {
-    return isPropValid(prop) && !propsToExcludeFromDom.includes(prop);
-  },
-  target: "e8ggz7a0"
-} : {
-  shouldForwardProp: function shouldForwardProp(prop) {
-    return isPropValid(prop) && !propsToExcludeFromDom.includes(prop);
-  },
-  target: "e8ggz7a0",
-  label: "Root"
-})(function (_ref) {
-  var variant = _ref.variant,
-      size = _ref.size,
-      textTransform = _ref.textTransform,
+var trimTopStyles = /*#__PURE__*/css("&:before{content:'';margin-top:calc(-1 * ", lineHeightAndCapHeightOffset, ");display:block;}" + (process.env.NODE_ENV === "production" ? "" : ";label:trimTopStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd5QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy90ZXh0LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yLCBnZXRSZXNwb25zaXZlT25lT2YsIGdldFJlc3BvbnNpdmVUZXh0U2l6ZSwgZ2V0V2VpZ2h0IH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgY2FwU3R5bGVzLCBsaW5lSGVpZ2h0QW5kQ2FwSGVpZ2h0T2Zmc2V0IH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcblxuY29uc3QgdmFyaWFudFN0eWxlcyA9IHtcbiAgY2FwczogY2FwU3R5bGVzLFxufTtcblxuY29uc3QgdHJpbVRvcFN0eWxlcyA9IGNzc2BcbiAgJjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIG1hcmdpbi10b3A6IGNhbGMoLTEgKiAke2xpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXR9KTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFRleHQgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgY2hpbGRyZW4sXG4gICAgICBzaXplID0gJ20nLFxuICAgICAgd2VpZ2h0LFxuICAgICAgY29sb3IsXG4gICAgICB0YWcgPSAnc3BhbicsXG4gICAgICBkaXNwbGF5ID0gJ2Jsb2NrJyxcbiAgICAgIGhhc0VsbGlwc2lzLFxuICAgICAgZWxsaXBzaXNMaW5lcyxcbiAgICAgIGFsaWduLFxuICAgICAgbGV0dGVyU3BhY2luZyxcbiAgICAgIHRleHRUcmFuc2Zvcm0sXG4gICAgICB2YXJpYW50LFxuICAgICAgdHJpbVRvcCxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IFRhZyA9IHRhZztcbiAgICByZXR1cm4gKFxuICAgICAgPFRhZ1xuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgJHshdmFyaWFudCAmJlxuICAgICAgICAgIGBcbiAgICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVRleHRTaXplKHNpemUpfTtcbiAgICAgICAgICAgICR7dGV4dFRyYW5zZm9ybSAmJiBgdGV4dC10cmFuc2Zvcm06ICR7dGV4dFRyYW5zZm9ybX1gfTtcbiAgICAgICAgICAgICR7bGV0dGVyU3BhY2luZyAmJiBgbGV0dGVyLXNwYWNpbmc6ICR7bGV0dGVyU3BhY2luZ31gfTtcbiAgICAgICAgICAgICR7d2VpZ2h0ICYmIGBmb250LXdlaWdodDogJHtnZXRXZWlnaHQod2VpZ2h0KX1gfTtcbiAgICAgICAgICBgfVxuXG4gICAgICAgICAgJHt2YXJpYW50ICYmIHZhcmlhbnRTdHlsZXNbdmFyaWFudF19XG5cbiAgICAgICAgICBkaXNwbGF5OiAke2Rpc3BsYXl9O1xuICAgICAgICAgIGNvbG9yOiAke2dldENvbG9yKGNvbG9yKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlT25lT2YoJ3RleHQtYWxpZ24nLCBhbGlnbil9O1xuXG4gICAgICAgICAgJHtoYXNFbGxpcHNpcyAmJlxuICAgICAgICAgIGBcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAgICAgICAgICR7IWVsbGlwc2lzTGluZXMgJiYgYHdoaXRlLXNwYWNlOiBub3dyYXBgfTtcbiAgICAgICAgICBgfTtcblxuICAgICAgICAgICR7aGFzRWxsaXBzaXMgJiZcbiAgICAgICAgICBlbGxpcHNpc0xpbmVzICYmXG4gICAgICAgICAgYFxuICAgICAgICAgICAgZGlzcGxheTogLXdlYmtpdC1ib3g7XG4gICAgICAgICAgICAtd2Via2l0LWxpbmUtY2xhbXA6ICR7ZWxsaXBzaXNMaW5lc307XG4gICAgICAgICAgICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuICAgICAgICAgIGB9O1xuICAgICAgICAgICR7dHJpbVRvcCAmJiB0cmltVG9wU3R5bGVzfTtcbiAgICAgICAgYH1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RhZz5cbiAgICApO1xuICB9LFxuKTtcblxuVGV4dC5wcm9wVHlwZXMgPSB7XG4gIHNpemU6IHR5cGVzLnJlc3BvbnNpdmVUZXh0U2l6ZSxcbiAgd2VpZ2h0OiB0eXBlcy53ZWlnaHQsXG4gIGNvbG9yOiB0eXBlcy5jb2xvcixcbiAgYWxpZ246IHR5cGVzLnJlc3BvbnNpdmVUZXh0QWxpZ24sXG4gIHRhZzogdHlwZXMudGV4dFRhZyxcbiAgaGFzRWxsaXBzaXM6IFByb3BUeXBlcy5ib29sLFxuICBlbGxpcHNpc0xpbmVzOiBQcm9wVHlwZXMubnVtYmVyLFxuICBsZXR0ZXJTcGFjaW5nOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0ZXh0VHJhbnNmb3JtOiBQcm9wVHlwZXMub25lT2YoWydjYXBpdGFsaXplJywgJ3VwcGVyY2FzZScsICdsb3dlcmNhc2UnXSksXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ2NhcHMnXSksXG4gIHRyaW1Ub3A6IFByb3BUeXBlcy5ib29sLFxuICBkaXNwbGF5OiB0eXBlcy50ZXh0RGlzcGxheSxcbn07XG4iXX0= */");
+export var Text = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'm' : _ref$size,
+      weight = _ref.weight,
+      color = _ref.color,
+      _ref$tag = _ref.tag,
+      tag = _ref$tag === void 0 ? 'span' : _ref$tag,
+      _ref$display = _ref.display,
+      display = _ref$display === void 0 ? 'block' : _ref$display,
+      hasEllipsis = _ref.hasEllipsis,
+      ellipsisLines = _ref.ellipsisLines,
+      align = _ref.align,
       letterSpacing = _ref.letterSpacing,
-      weight = _ref.weight;
-  return !variant && "\n    ".concat(getResponsiveTextSize(size), ";\n    ").concat(textTransform && "text-transform: ".concat(textTransform), ";\n    ").concat(letterSpacing && "letter-spacing: ".concat(letterSpacing), ";\n    ").concat(weight && "font-weight: ".concat(getWeight(weight)), ";\n  ");
-}, " ", function (_ref2) {
-  var variant = _ref2.variant;
-  return variant && variantStyles[variant];
-}, " display:", function (_ref3) {
-  var display = _ref3.display;
-  return display;
-}, ";color:", function (_ref4) {
-  var color = _ref4.color;
-  return getColor(color);
-}, ";", function (_ref5) {
-  var align = _ref5.align;
-  return getResponsiveOneOf('text-align', align);
-}, ";", function (_ref6) {
-  var hasEllipsis = _ref6.hasEllipsis,
-      ellipsisLines = _ref6.ellipsisLines;
-  return hasEllipsis && "\n    overflow: hidden;\n    text-overflow: ellipsis;\n    ".concat(!ellipsisLines && "white-space: nowrap", ";\n  ");
-}, ";", function (_ref7) {
-  var hasEllipsis = _ref7.hasEllipsis,
-      ellipsisLines = _ref7.ellipsisLines;
-  return hasEllipsis && ellipsisLines && "\n    display: -webkit-box;\n    -webkit-line-clamp: ".concat(ellipsisLines, ";\n    -webkit-box-orient: vertical;\n  ");
-}, ";", function (_ref8) {
-  var trimTop = _ref8.trimTop;
-  return trimTop && trimTopStyles;
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCRSIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy90ZXh0LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yLCBnZXRSZXNwb25zaXZlT25lT2YsIGdldFJlc3BvbnNpdmVUZXh0U2l6ZSwgZ2V0V2VpZ2h0IH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgY2FwU3R5bGVzLCBsaW5lSGVpZ2h0QW5kQ2FwSGVpZ2h0T2Zmc2V0IH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBpc1Byb3BWYWxpZCBmcm9tICdAZW1vdGlvbi9pcy1wcm9wLXZhbGlkJztcblxuY29uc3QgdmFyaWFudFN0eWxlcyA9IHtcbiAgY2FwczogY2FwU3R5bGVzLFxufTtcblxuY29uc3QgdHJpbVRvcFN0eWxlcyA9IGBcbiAgJjpiZWZvcmUge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIG1hcmdpbi10b3A6IGNhbGMoLTEgKiAke2xpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXR9KTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxuYDtcblxuY29uc3QgcHJvcHNUb0V4Y2x1ZGVGcm9tRG9tID0gWydjb2xvcicsICdkaXNwbGF5J107XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQoJ3NwYW4nLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+IGlzUHJvcFZhbGlkKHByb3ApICYmICFwcm9wc1RvRXhjbHVkZUZyb21Eb20uaW5jbHVkZXMocHJvcCksXG59KWBcbiAgJHsoeyB2YXJpYW50LCBzaXplLCB0ZXh0VHJhbnNmb3JtLCBsZXR0ZXJTcGFjaW5nLCB3ZWlnaHQgfSkgPT5cbiAgICAhdmFyaWFudCAmJlxuICAgIGBcbiAgICAke2dldFJlc3BvbnNpdmVUZXh0U2l6ZShzaXplKX07XG4gICAgJHt0ZXh0VHJhbnNmb3JtICYmIGB0ZXh0LXRyYW5zZm9ybTogJHt0ZXh0VHJhbnNmb3JtfWB9O1xuICAgICR7bGV0dGVyU3BhY2luZyAmJiBgbGV0dGVyLXNwYWNpbmc6ICR7bGV0dGVyU3BhY2luZ31gfTtcbiAgICAke3dlaWdodCAmJiBgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KHdlaWdodCl9YH07XG4gIGB9XG5cbiAgJHsoeyB2YXJpYW50IH0pID0+IHZhcmlhbnQgJiYgdmFyaWFudFN0eWxlc1t2YXJpYW50XX1cblxuICBkaXNwbGF5OiAkeyh7IGRpc3BsYXkgfSkgPT4gZGlzcGxheX07XG4gIGNvbG9yOiAkeyh7IGNvbG9yIH0pID0+IGdldENvbG9yKGNvbG9yKX07XG4gICR7KHsgYWxpZ24gfSkgPT4gZ2V0UmVzcG9uc2l2ZU9uZU9mKCd0ZXh0LWFsaWduJywgYWxpZ24pfTtcblxuICAkeyh7IGhhc0VsbGlwc2lzLCBlbGxpcHNpc0xpbmVzIH0pID0+XG4gICAgaGFzRWxsaXBzaXMgJiZcbiAgICBgXG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICAkeyFlbGxpcHNpc0xpbmVzICYmIGB3aGl0ZS1zcGFjZTogbm93cmFwYH07XG4gIGB9O1xuXG4gICR7KHsgaGFzRWxsaXBzaXMsIGVsbGlwc2lzTGluZXMgfSkgPT5cbiAgICBoYXNFbGxpcHNpcyAmJlxuICAgIGVsbGlwc2lzTGluZXMgJiZcbiAgICBgXG4gICAgZGlzcGxheTogLXdlYmtpdC1ib3g7XG4gICAgLXdlYmtpdC1saW5lLWNsYW1wOiAke2VsbGlwc2lzTGluZXN9O1xuICAgIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7XG4gIGB9O1xuICAkeyh7IHRyaW1Ub3AgfSkgPT4gdHJpbVRvcCAmJiB0cmltVG9wU3R5bGVzfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0ID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgc2l6ZSA9ICdtJyxcbiAgICAgIHdlaWdodCxcbiAgICAgIGNvbG9yLFxuICAgICAgdGFnID0gJ3NwYW4nLFxuICAgICAgZGlzcGxheSA9ICdibG9jaycsXG4gICAgICBoYXNFbGxpcHNpcyxcbiAgICAgIGVsbGlwc2lzTGluZXMsXG4gICAgICBhbGlnbixcbiAgICAgIGxldHRlclNwYWNpbmcsXG4gICAgICB0ZXh0VHJhbnNmb3JtLFxuICAgICAgdmFyaWFudCxcbiAgICAgIHRyaW1Ub3AsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPFJvb3RcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGFzPXt0YWd9XG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIHdlaWdodD17d2VpZ2h0fVxuICAgICAgICBjb2xvcj17Y29sb3J9XG4gICAgICAgIGRpc3BsYXk9e2Rpc3BsYXl9XG4gICAgICAgIGhhc0VsbGlwc2lzPXtoYXNFbGxpcHNpc31cbiAgICAgICAgZWxsaXBzaXNMaW5lcz17ZWxsaXBzaXNMaW5lc31cbiAgICAgICAgYWxpZ249e2FsaWdufVxuICAgICAgICBsZXR0ZXJTcGFjaW5nPXtsZXR0ZXJTcGFjaW5nfVxuICAgICAgICB0ZXh0VHJhbnNmb3JtPXt0ZXh0VHJhbnNmb3JtfVxuICAgICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgICB0cmltVG9wPXt0cmltVG9wfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvUm9vdD5cbiAgICApO1xuICB9LFxuKTtcblxuVGV4dC5wcm9wVHlwZXMgPSB7XG4gIHNpemU6IHR5cGVzLnJlc3BvbnNpdmVUZXh0U2l6ZSxcbiAgd2VpZ2h0OiB0eXBlcy53ZWlnaHQsXG4gIGNvbG9yOiB0eXBlcy5jb2xvcixcbiAgYWxpZ246IHR5cGVzLnJlc3BvbnNpdmVUZXh0QWxpZ24sXG4gIHRhZzogdHlwZXMudGV4dFRhZyxcbiAgaGFzRWxsaXBzaXM6IFByb3BUeXBlcy5ib29sLFxuICBlbGxpcHNpc0xpbmVzOiBQcm9wVHlwZXMubnVtYmVyLFxuICBsZXR0ZXJTcGFjaW5nOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB0ZXh0VHJhbnNmb3JtOiBQcm9wVHlwZXMub25lT2YoWydjYXBpdGFsaXplJywgJ3VwcGVyY2FzZScsICdsb3dlcmNhc2UnXSksXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ2NhcHMnXSksXG4gIHRyaW1Ub3A6IFByb3BUeXBlcy5ib29sLFxuICBkaXNwbGF5OiB0eXBlcy50ZXh0RGlzcGxheSxcbn07XG4iXX0= */"));
-
-export var Text = /*#__PURE__*/forwardRef(function (_ref9, ref) {
-  var children = _ref9.children,
-      _ref9$size = _ref9.size,
-      size = _ref9$size === void 0 ? 'm' : _ref9$size,
-      weight = _ref9.weight,
-      color = _ref9.color,
-      _ref9$tag = _ref9.tag,
-      tag = _ref9$tag === void 0 ? 'span' : _ref9$tag,
-      _ref9$display = _ref9.display,
-      display = _ref9$display === void 0 ? 'block' : _ref9$display,
-      hasEllipsis = _ref9.hasEllipsis,
-      ellipsisLines = _ref9.ellipsisLines,
-      align = _ref9.align,
-      letterSpacing = _ref9.letterSpacing,
-      textTransform = _ref9.textTransform,
-      variant = _ref9.variant,
-      trimTop = _ref9.trimTop,
-      props = _objectWithoutProperties(_ref9, _excluded);
+      textTransform = _ref.textTransform,
+      variant = _ref.variant,
+      trimTop = _ref.trimTop,
+      props = _objectWithoutProperties(_ref, _excluded);
 
-  return ___EmotionJSX(Root, _extends({
+  var Tag = tag;
+  return ___EmotionJSX(Tag, _extends({
     ref: ref,
-    as: tag,
-    size: size,
-    weight: weight,
-    color: color,
-    display: display,
-    hasEllipsis: hasEllipsis,
-    ellipsisLines: ellipsisLines,
-    align: align,
-    letterSpacing: letterSpacing,
-    textTransform: textTransform,
-    variant: variant,
-    trimTop: trimTop
+    css: /*#__PURE__*/css(!variant && "\n            ".concat(getResponsiveTextSize(size), ";\n            ").concat(textTransform && "text-transform: ".concat(textTransform), ";\n            ").concat(letterSpacing && "letter-spacing: ".concat(letterSpacing), ";\n            ").concat(weight && "font-weight: ".concat(getWeight(weight)), ";\n          "), " ", variant && variantStyles[variant], " display:", display, ";color:", getColor(color), ";", getResponsiveOneOf('text-align', align), ";", hasEllipsis && "\n            overflow: hidden;\n            text-overflow: ellipsis;\n            ".concat(!ellipsisLines && "white-space: nowrap", ";\n          "), ";", hasEllipsis && ellipsisLines && "\n            display: -webkit-box;\n            -webkit-line-clamp: ".concat(ellipsisLines, ";\n            -webkit-box-orient: vertical;\n          "), ";", trimTop && trimTopStyles, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Text;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDZ0IiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdGV4dC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmVzcG9uc2l2ZU9uZU9mLCBnZXRSZXNwb25zaXZlVGV4dFNpemUsIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGNhcFN0eWxlcywgbGluZUhlaWdodEFuZENhcEhlaWdodE9mZnNldCB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIGNhcHM6IGNhcFN0eWxlcyxcbn07XG5cbmNvbnN0IHRyaW1Ub3BTdHlsZXMgPSBjc3NgXG4gICY6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBtYXJnaW4tdG9wOiBjYWxjKC0xICogJHtsaW5lSGVpZ2h0QW5kQ2FwSGVpZ2h0T2Zmc2V0fSk7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBUZXh0ID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgc2l6ZSA9ICdtJyxcbiAgICAgIHdlaWdodCxcbiAgICAgIGNvbG9yLFxuICAgICAgdGFnID0gJ3NwYW4nLFxuICAgICAgZGlzcGxheSA9ICdibG9jaycsXG4gICAgICBoYXNFbGxpcHNpcyxcbiAgICAgIGVsbGlwc2lzTGluZXMsXG4gICAgICBhbGlnbixcbiAgICAgIGxldHRlclNwYWNpbmcsXG4gICAgICB0ZXh0VHJhbnNmb3JtLFxuICAgICAgdmFyaWFudCxcbiAgICAgIHRyaW1Ub3AsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBUYWcgPSB0YWc7XG4gICAgcmV0dXJuIChcbiAgICAgIDxUYWdcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICR7IXZhcmlhbnQgJiZcbiAgICAgICAgICBgXG4gICAgICAgICAgICAke2dldFJlc3BvbnNpdmVUZXh0U2l6ZShzaXplKX07XG4gICAgICAgICAgICAke3RleHRUcmFuc2Zvcm0gJiYgYHRleHQtdHJhbnNmb3JtOiAke3RleHRUcmFuc2Zvcm19YH07XG4gICAgICAgICAgICAke2xldHRlclNwYWNpbmcgJiYgYGxldHRlci1zcGFjaW5nOiAke2xldHRlclNwYWNpbmd9YH07XG4gICAgICAgICAgICAke3dlaWdodCAmJiBgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KHdlaWdodCl9YH07XG4gICAgICAgICAgYH1cblxuICAgICAgICAgICR7dmFyaWFudCAmJiB2YXJpYW50U3R5bGVzW3ZhcmlhbnRdfVxuXG4gICAgICAgICAgZGlzcGxheTogJHtkaXNwbGF5fTtcbiAgICAgICAgICBjb2xvcjogJHtnZXRDb2xvcihjb2xvcil9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZU9uZU9mKCd0ZXh0LWFsaWduJywgYWxpZ24pfTtcblxuICAgICAgICAgICR7aGFzRWxsaXBzaXMgJiZcbiAgICAgICAgICBgXG4gICAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICAgICAgICAkeyFlbGxpcHNpc0xpbmVzICYmIGB3aGl0ZS1zcGFjZTogbm93cmFwYH07XG4gICAgICAgICAgYH07XG5cbiAgICAgICAgICAke2hhc0VsbGlwc2lzICYmXG4gICAgICAgICAgZWxsaXBzaXNMaW5lcyAmJlxuICAgICAgICAgIGBcbiAgICAgICAgICAgIGRpc3BsYXk6IC13ZWJraXQtYm94O1xuICAgICAgICAgICAgLXdlYmtpdC1saW5lLWNsYW1wOiAke2VsbGlwc2lzTGluZXN9O1xuICAgICAgICAgICAgLXdlYmtpdC1ib3gtb3JpZW50OiB2ZXJ0aWNhbDtcbiAgICAgICAgICBgfTtcbiAgICAgICAgICAke3RyaW1Ub3AgJiYgdHJpbVRvcFN0eWxlc307XG4gICAgICAgIGB9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9UYWc+XG4gICAgKTtcbiAgfSxcbik7XG5cblRleHQucHJvcFR5cGVzID0ge1xuICBzaXplOiB0eXBlcy5yZXNwb25zaXZlVGV4dFNpemUsXG4gIHdlaWdodDogdHlwZXMud2VpZ2h0LFxuICBjb2xvcjogdHlwZXMuY29sb3IsXG4gIGFsaWduOiB0eXBlcy5yZXNwb25zaXZlVGV4dEFsaWduLFxuICB0YWc6IHR5cGVzLnRleHRUYWcsXG4gIGhhc0VsbGlwc2lzOiBQcm9wVHlwZXMuYm9vbCxcbiAgZWxsaXBzaXNMaW5lczogUHJvcFR5cGVzLm51bWJlcixcbiAgbGV0dGVyU3BhY2luZzogUHJvcFR5cGVzLnN0cmluZyxcbiAgdGV4dFRyYW5zZm9ybTogUHJvcFR5cGVzLm9uZU9mKFsnY2FwaXRhbGl6ZScsICd1cHBlcmNhc2UnLCAnbG93ZXJjYXNlJ10pLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWydjYXBzJ10pLFxuICB0cmltVG9wOiBQcm9wVHlwZXMuYm9vbCxcbiAgZGlzcGxheTogdHlwZXMudGV4dERpc3BsYXksXG59O1xuIl19 */")
   }, props), children);
 });
 Text.propTypes = {

package/es/components/textarea.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 = ["value", "placeholder", "label", "id", "hasError", "errorMessage", "isReadOnly", "isDisabled", "hint", "maxLength", "children", "rows"];
 
 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); }
@@ -17,6 +16,7 @@ import { componentVars, FieldHint, FieldLabel, getFieldStyles } from '../foundat
 import { Box } from './box';
 import { Text } from './text';
 import { types } from '../types';
+import { css } from '@emotion/react';
 import { getSpace } from '../utilities';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var paddingY = '8px';
@@ -46,36 +46,21 @@ var TextareaWrapper = function TextareaWrapper(_ref2) {
   }, children);
 };
 
-var TextareaField = /*#__PURE__*/_styled("textarea", process.env.NODE_ENV === "production" ? {
-  target: "e1hvcshh0"
-} : {
-  target: "e1hvcshh0",
-  label: "TextareaField"
-})(function (_ref3) {
-  var hasError = _ref3.hasError;
-  return getFieldStyles({
-    hasError: hasError
-  });
-}, ";resize:none;padding:", paddingY, " ", getSpace('fieldPaddingX'), " ", function (_ref4) {
-  var bottomPadding = _ref4.bottomPadding;
-  return bottomPadding;
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ3FDIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIEZpZWxkSGludCwgRmllbGRMYWJlbCwgZ2V0RmllbGRTdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi9ib3gnO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4vdGV4dCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGdldFNwYWNlIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuY29uc3QgcGFkZGluZ1kgPSAnOHB4JztcblxuY29uc3QgQ291bnRlciA9ICh7IGxlbmd0aCwgbWF4TGVuZ3RoIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Qm94XG4gICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgIHBhZGRpbmdYPVwiZmllbGRQYWRkaW5nWFwiXG4gICAgICBwYWRkaW5nWT17cGFkZGluZ1l9XG4gICAgICByaWdodD17Y29tcG9uZW50VmFycy5zdHJva2VTaXplfVxuICAgICAgYm90dG9tPXtjb21wb25lbnRWYXJzLnN0cm9rZVNpemV9XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I9XCJiYWNrZ3JvdW5kXCJcbiAgICA+XG4gICAgICA8VGV4dCBjb2xvcj1cImNvbnRlbnQyXCIgZGlzcGxheT1cImlubGluZVwiPlxuICAgICAgICB7bGVuZ3RofS9cbiAgICAgIDwvVGV4dD5cbiAgICAgIHttYXhMZW5ndGh9XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuXG5jb25zdCBUZXh0YXJlYVdyYXBwZXIgPSAoeyBjaGlsZHJlbiwgbWF4TGVuZ3RoIH0pID0+IHtcbiAgaWYgKCFtYXhMZW5ndGgpIHJldHVybiBjaGlsZHJlbjtcblxuICByZXR1cm4gPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCI+e2NoaWxkcmVufTwvQm94Pjtcbn07XG5cbmNvbnN0IFRleHRhcmVhRmllbGQgPSBzdHlsZWQudGV4dGFyZWFgXG4gICR7KHsgaGFzRXJyb3IgfSkgPT4gZ2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciB9KX07XG4gIHJlc2l6ZTogbm9uZTtcbiAgcGFkZGluZzogJHtwYWRkaW5nWX0gJHtnZXRTcGFjZSgnZmllbGRQYWRkaW5nWCcpfSAkeyh7IGJvdHRvbVBhZGRpbmcgfSkgPT4gYm90dG9tUGFkZGluZ307XG5gO1xuXG5leHBvcnQgY29uc3QgVGV4dGFyZWEgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgdmFsdWUsXG4gICAgICBwbGFjZWhvbGRlcixcbiAgICAgIGxhYmVsLFxuICAgICAgaWQsXG4gICAgICBoYXNFcnJvcixcbiAgICAgIGVycm9yTWVzc2FnZSxcbiAgICAgIGlzUmVhZE9ubHksXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaGludCxcbiAgICAgIG1heExlbmd0aCxcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgcm93cyA9IDMsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBib3R0b21QYWRkaW5nID0gbWF4TGVuZ3RoXG4gICAgICA/IGBjYWxjKCR7cGFkZGluZ1l9ICogMiArIHZhcigtLWdybi1saW5lSGVpZ2h0LWdsb2JhbCkpYFxuICAgICAgOiBwYWRkaW5nWTtcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2PlxuICAgICAgICB7KGxhYmVsIHx8IGhpbnQpICYmIChcbiAgICAgICAgICA8Qm94IG1hcmdpbkJvdHRvbT1cImJldHdlZW5Gb3JtQ29udHJvbEFuZExhYmVsXCI+XG4gICAgICAgICAgICB7bGFiZWwgJiYgPEZpZWxkTGFiZWwgaHRtbEZvcj17aWR9PntsYWJlbH08L0ZpZWxkTGFiZWw+fVxuICAgICAgICAgICAge2hpbnQgJiYgPEZpZWxkSGludD57aGludH08L0ZpZWxkSGludD59XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgICl9XG5cbiAgICAgICAgPFRleHRhcmVhV3JhcHBlciBtYXhMZW5ndGg9e21heExlbmd0aH0+XG4gICAgICAgICAgPFRleHRhcmVhRmllbGRcbiAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgbmFtZT17aWR9XG4gICAgICAgICAgICByb3dzPXtyb3dzfVxuICAgICAgICAgICAgbWF4TGVuZ3RoPXttYXhMZW5ndGh9XG4gICAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgICByZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgICAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICAgICAgYm90dG9tUGFkZGluZz17Ym90dG9tUGFkZGluZ31cbiAgICAgICAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAvPlxuICAgICAgICAgIHttYXhMZW5ndGggJiYgPENvdW50ZXIgbGVuZ3RoPXt2YWx1ZS5sZW5ndGh9IG1heExlbmd0aD17bWF4TGVuZ3RofSAvPn1cbiAgICAgICAgPC9UZXh0YXJlYVdyYXBwZXI+XG5cbiAgICAgICAge2Vycm9yTWVzc2FnZSAmJiAoXG4gICAgICAgICAgPEJveCBjb2xvcj1cImRhbmdlclwiIG1hcmdpblRvcD1cImJldHdlZW5Gb3JtQ29udHJvbEFuZExhYmVsXCI+XG4gICAgICAgICAgICB7ZXJyb3JNZXNzYWdlfVxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfSxcbik7XG5cblRleHRhcmVhLnByb3BUeXBlcyA9IHtcbiAgdmFsdWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHBsYWNlaG9sZGVyOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBsYWJlbDogdHlwZXMubGFiZWwsXG4gIGlkOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGhhc0Vycm9yOiBQcm9wVHlwZXMuYm9vbCxcbiAgZXJyb3JNZXNzYWdlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBpc1JlYWRPbmx5OiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGhpbnQ6IHR5cGVzLmhpbnQsXG4gIG1heExlbmd0aDogUHJvcFR5cGVzLm51bWJlcixcbiAgcm93czogUHJvcFR5cGVzLm51bWJlcixcbn07XG4iXX0= */"));
-
-export var Textarea = /*#__PURE__*/forwardRef(function (_ref5, ref) {
-  var value = _ref5.value,
-      placeholder = _ref5.placeholder,
-      label = _ref5.label,
-      id = _ref5.id,
-      hasError = _ref5.hasError,
-      errorMessage = _ref5.errorMessage,
-      isReadOnly = _ref5.isReadOnly,
-      isDisabled = _ref5.isDisabled,
-      hint = _ref5.hint,
-      maxLength = _ref5.maxLength,
-      children = _ref5.children,
-      _ref5$rows = _ref5.rows,
-      rows = _ref5$rows === void 0 ? 3 : _ref5$rows,
-      props = _objectWithoutProperties(_ref5, _excluded);
+export var Textarea = /*#__PURE__*/forwardRef(function (_ref3, ref) {
+  var value = _ref3.value,
+      placeholder = _ref3.placeholder,
+      label = _ref3.label,
+      id = _ref3.id,
+      hasError = _ref3.hasError,
+      errorMessage = _ref3.errorMessage,
+      isReadOnly = _ref3.isReadOnly,
+      isDisabled = _ref3.isDisabled,
+      hint = _ref3.hint,
+      maxLength = _ref3.maxLength,
+      children = _ref3.children,
+      _ref3$rows = _ref3.rows,
+      rows = _ref3$rows === void 0 ? 3 : _ref3$rows,
+      props = _objectWithoutProperties(_ref3, _excluded);
 
   var bottomPadding = maxLength ? "calc(".concat(paddingY, " * 2 + var(--grn-lineHeight-global))") : paddingY;
   return ___EmotionJSX("div", null, (label || hint) && ___EmotionJSX(Box, {
@@ -84,7 +69,7 @@ export var Textarea = /*#__PURE__*/forwardRef(function (_ref5, ref) {
     htmlFor: id
   }, label), hint && ___EmotionJSX(FieldHint, null, hint)), ___EmotionJSX(TextareaWrapper, {
     maxLength: maxLength
-  }, ___EmotionJSX(TextareaField, _extends({
+  }, ___EmotionJSX("textarea", _extends({
     ref: ref,
     id: id,
     value: value,
@@ -94,8 +79,9 @@ export var Textarea = /*#__PURE__*/forwardRef(function (_ref5, ref) {
     placeholder: placeholder,
     readOnly: isReadOnly,
     disabled: isDisabled,
-    bottomPadding: bottomPadding,
-    hasError: hasError
+    css: /*#__PURE__*/css(getFieldStyles({
+      hasError: hasError
+    }), ";resize:none;padding:", paddingY, " ", getSpace('fieldPaddingX'), " ", bottomPadding, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Textarea;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RW9CIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RleHRhcmVhLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIEZpZWxkSGludCwgRmllbGRMYWJlbCwgZ2V0RmllbGRTdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi9ib3gnO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4vdGV4dCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGdldFNwYWNlIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcblxuY29uc3QgcGFkZGluZ1kgPSAnOHB4JztcblxuY29uc3QgQ291bnRlciA9ICh7IGxlbmd0aCwgbWF4TGVuZ3RoIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Qm94XG4gICAgICBwb3NpdGlvbj1cImFic29sdXRlXCJcbiAgICAgIHBhZGRpbmdYPVwiZmllbGRQYWRkaW5nWFwiXG4gICAgICBwYWRkaW5nWT17cGFkZGluZ1l9XG4gICAgICByaWdodD17Y29tcG9uZW50VmFycy5zdHJva2VTaXplfVxuICAgICAgYm90dG9tPXtjb21wb25lbnRWYXJzLnN0cm9rZVNpemV9XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I9XCJiYWNrZ3JvdW5kXCJcbiAgICA+XG4gICAgICA8VGV4dCBjb2xvcj1cImNvbnRlbnQyXCIgZGlzcGxheT1cImlubGluZVwiPlxuICAgICAgICB7bGVuZ3RofS9cbiAgICAgIDwvVGV4dD5cbiAgICAgIHttYXhMZW5ndGh9XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuXG5jb25zdCBUZXh0YXJlYVdyYXBwZXIgPSAoeyBjaGlsZHJlbiwgbWF4TGVuZ3RoIH0pID0+IHtcbiAgaWYgKCFtYXhMZW5ndGgpIHJldHVybiBjaGlsZHJlbjtcblxuICByZXR1cm4gPEJveCBwb3NpdGlvbj1cInJlbGF0aXZlXCI+e2NoaWxkcmVufTwvQm94Pjtcbn07XG5cbmV4cG9ydCBjb25zdCBUZXh0YXJlYSA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICB2YWx1ZSxcbiAgICAgIHBsYWNlaG9sZGVyLFxuICAgICAgbGFiZWwsXG4gICAgICBpZCxcbiAgICAgIGhhc0Vycm9yLFxuICAgICAgZXJyb3JNZXNzYWdlLFxuICAgICAgaXNSZWFkT25seSxcbiAgICAgIGlzRGlzYWJsZWQsXG4gICAgICBoaW50LFxuICAgICAgbWF4TGVuZ3RoLFxuICAgICAgY2hpbGRyZW4sXG4gICAgICByb3dzID0gMyxcbiAgICAgIC4uLnByb3BzXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IGJvdHRvbVBhZGRpbmcgPSBtYXhMZW5ndGhcbiAgICAgID8gYGNhbGMoJHtwYWRkaW5nWX0gKiAyICsgdmFyKC0tZ3JuLWxpbmVIZWlnaHQtZ2xvYmFsKSlgXG4gICAgICA6IHBhZGRpbmdZO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXY+XG4gICAgICAgIHsobGFiZWwgfHwgaGludCkgJiYgKFxuICAgICAgICAgIDxCb3ggbWFyZ2luQm90dG9tPVwiYmV0d2VlbkZvcm1Db250cm9sQW5kTGFiZWxcIj5cbiAgICAgICAgICAgIHtsYWJlbCAmJiA8RmllbGRMYWJlbCBodG1sRm9yPXtpZH0+e2xhYmVsfTwvRmllbGRMYWJlbD59XG4gICAgICAgICAgICB7aGludCAmJiA8RmllbGRIaW50PntoaW50fTwvRmllbGRIaW50Pn1cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgKX1cblxuICAgICAgICA8VGV4dGFyZWFXcmFwcGVyIG1heExlbmd0aD17bWF4TGVuZ3RofT5cbiAgICAgICAgICA8dGV4dGFyZWFcbiAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgaWQ9e2lkfVxuICAgICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgICAgbmFtZT17aWR9XG4gICAgICAgICAgICByb3dzPXtyb3dzfVxuICAgICAgICAgICAgbWF4TGVuZ3RoPXttYXhMZW5ndGh9XG4gICAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgICByZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgICAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICR7Z2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciB9KX07XG4gICAgICAgICAgICAgIHJlc2l6ZTogbm9uZTtcbiAgICAgICAgICAgICAgcGFkZGluZzogJHtwYWRkaW5nWX0gJHtnZXRTcGFjZSgnZmllbGRQYWRkaW5nWCcpfSAke2JvdHRvbVBhZGRpbmd9O1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICAvPlxuICAgICAgICAgIHttYXhMZW5ndGggJiYgPENvdW50ZXIgbGVuZ3RoPXt2YWx1ZS5sZW5ndGh9IG1heExlbmd0aD17bWF4TGVuZ3RofSAvPn1cbiAgICAgICAgPC9UZXh0YXJlYVdyYXBwZXI+XG5cbiAgICAgICAge2Vycm9yTWVzc2FnZSAmJiAoXG4gICAgICAgICAgPEJveCBjb2xvcj1cImRhbmdlclwiIG1hcmdpblRvcD1cImJldHdlZW5Gb3JtQ29udHJvbEFuZExhYmVsXCI+XG4gICAgICAgICAgICB7ZXJyb3JNZXNzYWdlfVxuICAgICAgICAgIDwvQm94PlxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfSxcbik7XG5cblRleHRhcmVhLnByb3BUeXBlcyA9IHtcbiAgdmFsdWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gIHBsYWNlaG9sZGVyOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBsYWJlbDogdHlwZXMubGFiZWwsXG4gIGlkOiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gIGhhc0Vycm9yOiBQcm9wVHlwZXMuYm9vbCxcbiAgZXJyb3JNZXNzYWdlOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBpc1JlYWRPbmx5OiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNEaXNhYmxlZDogUHJvcFR5cGVzLmJvb2wsXG4gIGhpbnQ6IHR5cGVzLmhpbnQsXG4gIG1heExlbmd0aDogUHJvcFR5cGVzLm51bWJlcixcbiAgcm93czogUHJvcFR5cGVzLm51bWJlcixcbn07XG4iXX0= */")
   }, props)), maxLength && ___EmotionJSX(Counter, {
     length: value.length,
     maxLength: maxLength

package/es/components/toast.js

@@ -1,14 +1,35 @@
+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";
 import "core-js/modules/es.object.assign.js";
 import _styled from "@emotion/styled/base";
 
 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); }
 
-import React, { Fragment, forwardRef, useCallback, useEffect, useRef } from 'react';
+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 React, { Fragment, forwardRef, useCallback, useEffect, useRef, useState } from 'react';
 import PropTypes from 'prop-types';
 import { getColor, getRadius, getSpace, getTransition } from '../utilities';
 import { lineHeightAndCapHeightOffset } from '../foundational';
 import { Transition } from '@headlessui/react';
-import { usePrev } from '../hooks';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var variantStyles = {
   success: {
@@ -38,33 +59,43 @@ var Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
 } : {
   target: "ep1f3rd1",
   label: "Root"
-})("--pagePadding:max(var(--grn-space-s), 1.5vw);", function (_ref) {
+})(function (_ref) {
   var zIndex = _ref.zIndex;
   return "z-index: ".concat(zIndex);
-}, ";position:fixed;bottom:var(--pagePadding);left:50%;transform:translateX(-50%);.enterFrom,.leaveTo{opacity:0;transform:translateY(", getSpace('s'), ");transition-duration:", getTransition('slow'), ";}.enterTo,.leaveFrom{opacity:1;transform:translateY(0);transition-duration:", getTransition('slow'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RvYXN0LmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ3VCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RvYXN0LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgZm9yd2FyZFJlZiwgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFNwYWNlLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGxpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXQgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgVHJhbnNpdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IHVzZVByZXYgfSBmcm9tICcuLi9ob29rcyc7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIHN1Y2Nlc3M6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldENvbG9yKCdzdWNjZXNzJyksXG4gICAgY29sb3I6ICd3aGl0ZScsXG4gIH0sXG4gIGRhbmdlcjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICAgIGNvbG9yOiAnd2hpdGUnLFxuICB9LFxuICBuZXV0cmFsOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRDb2xvcignc2hhZGUxMicpLFxuICAgIGNvbG9yOiBnZXRDb2xvcignc2hhZGUyJyksXG4gIH0sXG59O1xuXG5jb25zdCB0cmFuc2l0aW9uQ2hpbGRQcm9wcyA9IHtcbiAgZW50ZXI6ICdlbnRlcicsXG4gIGVudGVyRnJvbTogJ2VudGVyRnJvbScsXG4gIGVudGVyVG86ICdlbnRlclRvJyxcbiAgbGVhdmU6ICdsZWF2ZScsXG4gIGxlYXZlRnJvbTogJ2xlYXZlRnJvbScsXG4gIGxlYXZlVG86ICdsZWF2ZVRvJyxcbn07XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICAtLXBhZ2VQYWRkaW5nOiBtYXgodmFyKC0tZ3JuLXNwYWNlLXMpLCAxLjV2dyk7XG5cbiAgJHsoeyB6SW5kZXggfSkgPT4gYHotaW5kZXg6ICR7ekluZGV4fWB9O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIGJvdHRvbTogdmFyKC0tcGFnZVBhZGRpbmcpO1xuICBsZWZ0OiA1MCU7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcblxuICAuZW50ZXJGcm9tLFxuICAubGVhdmVUbyB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoJHtnZXRTcGFjZSgncycpfSk7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdzbG93Jyl9O1xuICB9XG4gIC5lbnRlclRvLFxuICAubGVhdmVGcm9tIHtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ3Nsb3cnKX07XG4gIH1cbmA7XG5cbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAtLXBhZGRpbmc6ICR7Z2V0U3BhY2UoMi41KX07XG4gIHBhZGRpbmc6IGNhbGModmFyKC0tcGFkZGluZykgLSAke2xpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXR9KSB2YXIoLS1wYWRkaW5nKTtcbiAgd2lkdGg6IG1heC1jb250ZW50O1xuICBtYXgtd2lkdGg6IG1pbigke2dldFNwYWNlKDcwKX0sIGNhbGMoMTAwdncgLSB2YXIoLS1wYWdlUGFkZGluZykgKiAyKSk7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdtJyl9O1xuICAkeyh7IHZhcmlhbnQgfSkgPT4gdmFyaWFudFN0eWxlc1t2YXJpYW50XX07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBUb2FzdCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIHpJbmRleCA9IDEyMDAsXG4gICAgICBpc09wZW4gPSBmYWxzZSxcbiAgICAgIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gICAgICBkaXNtaXNzVGltZW91dCA9IDMwMDAsXG4gICAgICBvbkRpc21pc3MsXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IGRpc21pc3NUaW1lclJlZiA9IHVzZVJlZihudWxsKTtcbiAgICBjb25zdCBjbGVhckRpc21pc3NUaW1lciA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgIGlmIChkaXNtaXNzVGltZXJSZWYuY3VycmVudCkge1xuICAgICAgICBjbGVhclRpbWVvdXQoZGlzbWlzc1RpbWVyUmVmLmN1cnJlbnQpO1xuICAgICAgfVxuICAgIH0sIFtdKTtcblxuICAgIGNvbnN0IHN0YXJ0RGlzbWlzc1RpbWVyID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgY2xlYXJEaXNtaXNzVGltZXIoKTtcbiAgICAgIGRpc21pc3NUaW1lclJlZi5jdXJyZW50ID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIG9uRGlzbWlzcyAmJiBvbkRpc21pc3MoKTtcbiAgICAgIH0sIGRpc21pc3NUaW1lb3V0KTtcbiAgICB9LCBbY2xlYXJEaXNtaXNzVGltZXIsIGRpc21pc3NUaW1lb3V0LCBvbkRpc21pc3NdKTtcblxuICAgIGNvbnN0IGlzT3BlblByZXYgPSB1c2VQcmV2KGlzT3Blbik7XG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGlmICghaXNPcGVuUHJldiAmJiBpc09wZW4pIHtcbiAgICAgICAgc3RhcnREaXNtaXNzVGltZXIoKTtcbiAgICAgIH1cbiAgICB9LCBbaXNPcGVuLCBpc09wZW5QcmV2LCBzdGFydERpc21pc3NUaW1lcl0pO1xuXG4gICAgY29uc3QgaGFuZGxlTW91c2VFbnRlciA9ICgpID0+IHtcbiAgICAgIGNsZWFyRGlzbWlzc1RpbWVyKCk7XG4gICAgfTtcblxuICAgIGNvbnN0IGhhbmRsZU1vdXNlTGVhdmUgPSAoKSA9PiB7XG4gICAgICBpZiAoaXNPcGVuKSB7XG4gICAgICAgIHN0YXJ0RGlzbWlzc1RpbWVyKCk7XG4gICAgICB9XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Um9vdFxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgekluZGV4PXt6SW5kZXh9XG4gICAgICAgIG9uTW91c2VFbnRlcj17aGFuZGxlTW91c2VFbnRlcn1cbiAgICAgICAgb25Nb3VzZUxlYXZlPXtoYW5kbGVNb3VzZUxlYXZlfVxuICAgICAgPlxuICAgICAgICA8VHJhbnNpdGlvbiBzaG93PXtpc09wZW59IGFzPXtGcmFnbWVudH0+XG4gICAgICAgICAgPFRyYW5zaXRpb24uQ2hpbGQgYXM9e0ZyYWdtZW50fSB7Li4udHJhbnNpdGlvbkNoaWxkUHJvcHN9PlxuICAgICAgICAgICAgPENvbnRlbnQgdmFyaWFudD17dmFyaWFudH0+e2NoaWxkcmVufTwvQ29udGVudD5cbiAgICAgICAgICA8L1RyYW5zaXRpb24uQ2hpbGQ+XG4gICAgICAgIDwvVHJhbnNpdGlvbj5cbiAgICAgIDwvUm9vdD5cbiAgICApO1xuICB9LFxuKTtcblxuVG9hc3QucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUuaXNSZXF1aXJlZCxcbiAgekluZGV4OiBQcm9wVHlwZXMubnVtYmVyLFxuICBpc09wZW46IFByb3BUeXBlcy5ib29sLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWydzdWNjZXNzJywgJ2RhbmdlcicsICduZXV0cmFsJ10pLFxuICBkaXNtaXNzVGltZW91dDogUHJvcFR5cGVzLm51bWJlcixcbiAgb25EaXNtaXNzOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */"));
+}, ";position:fixed;bottom:", getSpace('xl'), ";left:50%;transform:translateX(-50%);.leaveTo,.enterFrom{opacity:0;transform:translateY(", getSpace('s'), ");}.enterTo,.leaveTo{transition-duration:", getTransition('slow'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RvYXN0LmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQnVCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RvYXN0LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgZm9yd2FyZFJlZiwgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRTcGFjZSwgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBsaW5lSGVpZ2h0QW5kQ2FwSGVpZ2h0T2Zmc2V0IH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IFRyYW5zaXRpb24gfSBmcm9tICdAaGVhZGxlc3N1aS9yZWFjdCc7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIHN1Y2Nlc3M6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldENvbG9yKCdzdWNjZXNzJyksXG4gICAgY29sb3I6ICd3aGl0ZScsXG4gIH0sXG4gIGRhbmdlcjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICAgIGNvbG9yOiAnd2hpdGUnLFxuICB9LFxuICBuZXV0cmFsOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRDb2xvcignc2hhZGUxMicpLFxuICAgIGNvbG9yOiBnZXRDb2xvcignc2hhZGUyJyksXG4gIH0sXG59O1xuXG5jb25zdCB0cmFuc2l0aW9uQ2hpbGRQcm9wcyA9IHtcbiAgZW50ZXI6ICdlbnRlcicsXG4gIGVudGVyRnJvbTogJ2VudGVyRnJvbScsXG4gIGVudGVyVG86ICdlbnRlclRvJyxcbiAgbGVhdmU6ICdsZWF2ZScsXG4gIGxlYXZlRnJvbTogJ2xlYXZlRnJvbScsXG4gIGxlYXZlVG86ICdsZWF2ZVRvJyxcbn07XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICAkeyh7IHpJbmRleCB9KSA9PiBgei1pbmRleDogJHt6SW5kZXh9YH07XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgYm90dG9tOiAke2dldFNwYWNlKCdsJyl9O1xuICBsZWZ0OiA1MCU7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcblxuICAubGVhdmVUbyxcbiAgLmVudGVyRnJvbSB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoJHtnZXRTcGFjZSgncycpfSk7XG4gIH1cbiAgLmVudGVyVG8sXG4gIC5sZWF2ZVRvIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ3Nsb3cnKX07XG4gIH1cbmA7XG5cbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAtLXBhZGRpbmc6IDIwcHg7XG4gIHBhZGRpbmc6IGNhbGModmFyKC0tcGFkZGluZykgLSAke2xpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXR9KSB2YXIoLS1wYWRkaW5nKTtcbiAgd2lkdGg6IG1heC1jb250ZW50O1xuICBtYXgtd2lkdGg6IG1pbigke2dldFNwYWNlKDUwKX0sIGNhbGMoMTAwdncgLSAke2dldFNwYWNlKCdtJyl9ICogMikpO1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygnbScpfTtcbiAgJHsoeyB2YXJpYW50IH0pID0+IHZhcmlhbnRTdHlsZXNbdmFyaWFudF19O1xuICBib3JkZXI6IDEwcHggc29saWQgcmVkO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRvYXN0ID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHsgekluZGV4ID0gMTIwMCwgY2hpbGRyZW4sIGlzT3BlbiwgdmFyaWFudCA9ICduZXV0cmFsJywgZGlzbWlzc1RpbWVvdXQgPSAzMDAwLCBvbkRpc21pc3MgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IFtpc0ludGVybmFsbHlPcGVuLCBzZXRJc0ludGVybmFsbHlPcGVuXSA9IHVzZVN0YXRlKGlzT3Blbik7XG4gICAgY29uc3QgW2lzSG92ZXJlZCwgc2V0SXNIb3ZlcmVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICBjb25zdCBkaXNtaXNzVGltZXJSZWYgPSB1c2VSZWYoKTtcblxuICAgIGNvbnN0IGNsZWFyRGlzbWlzc1RpbWVyID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgaWYgKGRpc21pc3NUaW1lclJlZi5jdXJyZW50KSB7XG4gICAgICAgIGNsZWFyVGltZW91dChkaXNtaXNzVGltZXJSZWYuY3VycmVudCk7XG4gICAgICB9XG4gICAgfSwgW10pO1xuXG4gICAgY29uc3Qgc3RhcnREaXNtaXNzVGltZXIgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICBjbGVhckRpc21pc3NUaW1lcigpO1xuICAgICAgZGlzbWlzc1RpbWVyUmVmLmN1cnJlbnQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgc2V0SXNJbnRlcm5hbGx5T3BlbihmYWxzZSk7XG4gICAgICAgIG9uRGlzbWlzcyAmJiBvbkRpc21pc3MoKTtcbiAgICAgIH0sIGRpc21pc3NUaW1lb3V0KTtcbiAgICB9LCBbY2xlYXJEaXNtaXNzVGltZXIsIGRpc21pc3NUaW1lb3V0LCBvbkRpc21pc3NdKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBzZXRJc0ludGVybmFsbHlPcGVuKGlzT3Blbik7XG4gICAgICBpZiAoaXNPcGVuICYmICFpc0hvdmVyZWQpIHtcbiAgICAgICAgc3RhcnREaXNtaXNzVGltZXIoKTtcbiAgICAgIH1cbiAgICB9LCBbaXNPcGVuLCBpc0hvdmVyZWQsIHN0YXJ0RGlzbWlzc1RpbWVyXSk7XG5cbiAgICBjb25zdCBoYW5kbGVNb3VzZUVudGVyID0gKCkgPT4ge1xuICAgICAgc2V0SXNIb3ZlcmVkKHRydWUpO1xuICAgICAgY2xlYXJEaXNtaXNzVGltZXIoKTtcbiAgICB9O1xuXG4gICAgY29uc3QgaGFuZGxlTW91c2VMZWF2ZSA9ICgpID0+IHtcbiAgICAgIHNldElzSG92ZXJlZChmYWxzZSk7XG4gICAgICBpZiAoaXNPcGVuKSB7XG4gICAgICAgIHN0YXJ0RGlzbWlzc1RpbWVyKCk7XG4gICAgICB9XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Um9vdFxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgekluZGV4PXt6SW5kZXh9XG4gICAgICAgIG9uTW91c2VFbnRlcj17aGFuZGxlTW91c2VFbnRlcn1cbiAgICAgICAgb25Nb3VzZUxlYXZlPXtoYW5kbGVNb3VzZUxlYXZlfVxuICAgICAgPlxuICAgICAgICA8VHJhbnNpdGlvbiBzaG93PXtpc0ludGVybmFsbHlPcGVufSBhcz17RnJhZ21lbnR9PlxuICAgICAgICAgIDxUcmFuc2l0aW9uLkNoaWxkIGFzPXtGcmFnbWVudH0gey4uLnRyYW5zaXRpb25DaGlsZFByb3BzfT5cbiAgICAgICAgICAgIDxDb250ZW50IHZhcmlhbnQ9e3ZhcmlhbnR9PntjaGlsZHJlbn08L0NvbnRlbnQ+XG4gICAgICAgICAgPC9UcmFuc2l0aW9uLkNoaWxkPlxuICAgICAgICA8L1RyYW5zaXRpb24+XG4gICAgICA8L1Jvb3Q+XG4gICAgKTtcbiAgfSxcbik7XG5cblRvYXN0LnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICB6SW5kZXg6IFByb3BUeXBlcy5udW1iZXIsXG4gIGlzT3BlbjogUHJvcFR5cGVzLmJvb2wsXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ3N1Y2Nlc3MnLCAnZGFuZ2VyJywgJ25ldXRyYWwnXSksXG4gIGRpc21pc3NUaW1lb3V0OiBQcm9wVHlwZXMubnVtYmVyLFxuICBvbkRpc21pc3M6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */"));
 
 var Content = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "ep1f3rd0"
 } : {
   target: "ep1f3rd0",
   label: "Content"
-})("--padding:", getSpace(2.5), ";padding:calc(var(--padding) - ", lineHeightAndCapHeightOffset, ") var(--padding);width:max-content;max-width:min(", getSpace(70), ", calc(100vw - var(--pagePadding) * 2));border-radius:", getRadius('m'), ";", function (_ref2) {
+})("--padding:20px;padding:calc(var(--padding) - ", lineHeightAndCapHeightOffset, ") var(--padding);width:max-content;max-width:min(", getSpace(50), ", calc(100vw - ", getSpace('l'), " * 2));border-radius:", getRadius('m'), ";", function (_ref2) {
   var variant = _ref2.variant;
   return variantStyles[variant];
-}, ";text-align:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RvYXN0LmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RDBCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RvYXN0LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgZm9yd2FyZFJlZiwgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFNwYWNlLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGxpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXQgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgVHJhbnNpdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IHVzZVByZXYgfSBmcm9tICcuLi9ob29rcyc7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIHN1Y2Nlc3M6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldENvbG9yKCdzdWNjZXNzJyksXG4gICAgY29sb3I6ICd3aGl0ZScsXG4gIH0sXG4gIGRhbmdlcjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICAgIGNvbG9yOiAnd2hpdGUnLFxuICB9LFxuICBuZXV0cmFsOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRDb2xvcignc2hhZGUxMicpLFxuICAgIGNvbG9yOiBnZXRDb2xvcignc2hhZGUyJyksXG4gIH0sXG59O1xuXG5jb25zdCB0cmFuc2l0aW9uQ2hpbGRQcm9wcyA9IHtcbiAgZW50ZXI6ICdlbnRlcicsXG4gIGVudGVyRnJvbTogJ2VudGVyRnJvbScsXG4gIGVudGVyVG86ICdlbnRlclRvJyxcbiAgbGVhdmU6ICdsZWF2ZScsXG4gIGxlYXZlRnJvbTogJ2xlYXZlRnJvbScsXG4gIGxlYXZlVG86ICdsZWF2ZVRvJyxcbn07XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICAtLXBhZ2VQYWRkaW5nOiBtYXgodmFyKC0tZ3JuLXNwYWNlLXMpLCAxLjV2dyk7XG5cbiAgJHsoeyB6SW5kZXggfSkgPT4gYHotaW5kZXg6ICR7ekluZGV4fWB9O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIGJvdHRvbTogdmFyKC0tcGFnZVBhZGRpbmcpO1xuICBsZWZ0OiA1MCU7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcblxuICAuZW50ZXJGcm9tLFxuICAubGVhdmVUbyB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoJHtnZXRTcGFjZSgncycpfSk7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdzbG93Jyl9O1xuICB9XG4gIC5lbnRlclRvLFxuICAubGVhdmVGcm9tIHtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ3Nsb3cnKX07XG4gIH1cbmA7XG5cbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAtLXBhZGRpbmc6ICR7Z2V0U3BhY2UoMi41KX07XG4gIHBhZGRpbmc6IGNhbGModmFyKC0tcGFkZGluZykgLSAke2xpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXR9KSB2YXIoLS1wYWRkaW5nKTtcbiAgd2lkdGg6IG1heC1jb250ZW50O1xuICBtYXgtd2lkdGg6IG1pbigke2dldFNwYWNlKDcwKX0sIGNhbGMoMTAwdncgLSB2YXIoLS1wYWdlUGFkZGluZykgKiAyKSk7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdtJyl9O1xuICAkeyh7IHZhcmlhbnQgfSkgPT4gdmFyaWFudFN0eWxlc1t2YXJpYW50XX07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBUb2FzdCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIHpJbmRleCA9IDEyMDAsXG4gICAgICBpc09wZW4gPSBmYWxzZSxcbiAgICAgIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gICAgICBkaXNtaXNzVGltZW91dCA9IDMwMDAsXG4gICAgICBvbkRpc21pc3MsXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IGRpc21pc3NUaW1lclJlZiA9IHVzZVJlZihudWxsKTtcbiAgICBjb25zdCBjbGVhckRpc21pc3NUaW1lciA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgIGlmIChkaXNtaXNzVGltZXJSZWYuY3VycmVudCkge1xuICAgICAgICBjbGVhclRpbWVvdXQoZGlzbWlzc1RpbWVyUmVmLmN1cnJlbnQpO1xuICAgICAgfVxuICAgIH0sIFtdKTtcblxuICAgIGNvbnN0IHN0YXJ0RGlzbWlzc1RpbWVyID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgY2xlYXJEaXNtaXNzVGltZXIoKTtcbiAgICAgIGRpc21pc3NUaW1lclJlZi5jdXJyZW50ID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIG9uRGlzbWlzcyAmJiBvbkRpc21pc3MoKTtcbiAgICAgIH0sIGRpc21pc3NUaW1lb3V0KTtcbiAgICB9LCBbY2xlYXJEaXNtaXNzVGltZXIsIGRpc21pc3NUaW1lb3V0LCBvbkRpc21pc3NdKTtcblxuICAgIGNvbnN0IGlzT3BlblByZXYgPSB1c2VQcmV2KGlzT3Blbik7XG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGlmICghaXNPcGVuUHJldiAmJiBpc09wZW4pIHtcbiAgICAgICAgc3RhcnREaXNtaXNzVGltZXIoKTtcbiAgICAgIH1cbiAgICB9LCBbaXNPcGVuLCBpc09wZW5QcmV2LCBzdGFydERpc21pc3NUaW1lcl0pO1xuXG4gICAgY29uc3QgaGFuZGxlTW91c2VFbnRlciA9ICgpID0+IHtcbiAgICAgIGNsZWFyRGlzbWlzc1RpbWVyKCk7XG4gICAgfTtcblxuICAgIGNvbnN0IGhhbmRsZU1vdXNlTGVhdmUgPSAoKSA9PiB7XG4gICAgICBpZiAoaXNPcGVuKSB7XG4gICAgICAgIHN0YXJ0RGlzbWlzc1RpbWVyKCk7XG4gICAgICB9XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Um9vdFxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgekluZGV4PXt6SW5kZXh9XG4gICAgICAgIG9uTW91c2VFbnRlcj17aGFuZGxlTW91c2VFbnRlcn1cbiAgICAgICAgb25Nb3VzZUxlYXZlPXtoYW5kbGVNb3VzZUxlYXZlfVxuICAgICAgPlxuICAgICAgICA8VHJhbnNpdGlvbiBzaG93PXtpc09wZW59IGFzPXtGcmFnbWVudH0+XG4gICAgICAgICAgPFRyYW5zaXRpb24uQ2hpbGQgYXM9e0ZyYWdtZW50fSB7Li4udHJhbnNpdGlvbkNoaWxkUHJvcHN9PlxuICAgICAgICAgICAgPENvbnRlbnQgdmFyaWFudD17dmFyaWFudH0+e2NoaWxkcmVufTwvQ29udGVudD5cbiAgICAgICAgICA8L1RyYW5zaXRpb24uQ2hpbGQ+XG4gICAgICAgIDwvVHJhbnNpdGlvbj5cbiAgICAgIDwvUm9vdD5cbiAgICApO1xuICB9LFxuKTtcblxuVG9hc3QucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUuaXNSZXF1aXJlZCxcbiAgekluZGV4OiBQcm9wVHlwZXMubnVtYmVyLFxuICBpc09wZW46IFByb3BUeXBlcy5ib29sLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWydzdWNjZXNzJywgJ2RhbmdlcicsICduZXV0cmFsJ10pLFxuICBkaXNtaXNzVGltZW91dDogUHJvcFR5cGVzLm51bWJlcixcbiAgb25EaXNtaXNzOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */"));
+}, ";border:10px solid red;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RvYXN0LmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRDBCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RvYXN0LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgZm9yd2FyZFJlZiwgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRTcGFjZSwgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBsaW5lSGVpZ2h0QW5kQ2FwSGVpZ2h0T2Zmc2V0IH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IFRyYW5zaXRpb24gfSBmcm9tICdAaGVhZGxlc3N1aS9yZWFjdCc7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIHN1Y2Nlc3M6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldENvbG9yKCdzdWNjZXNzJyksXG4gICAgY29sb3I6ICd3aGl0ZScsXG4gIH0sXG4gIGRhbmdlcjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICAgIGNvbG9yOiAnd2hpdGUnLFxuICB9LFxuICBuZXV0cmFsOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRDb2xvcignc2hhZGUxMicpLFxuICAgIGNvbG9yOiBnZXRDb2xvcignc2hhZGUyJyksXG4gIH0sXG59O1xuXG5jb25zdCB0cmFuc2l0aW9uQ2hpbGRQcm9wcyA9IHtcbiAgZW50ZXI6ICdlbnRlcicsXG4gIGVudGVyRnJvbTogJ2VudGVyRnJvbScsXG4gIGVudGVyVG86ICdlbnRlclRvJyxcbiAgbGVhdmU6ICdsZWF2ZScsXG4gIGxlYXZlRnJvbTogJ2xlYXZlRnJvbScsXG4gIGxlYXZlVG86ICdsZWF2ZVRvJyxcbn07XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICAkeyh7IHpJbmRleCB9KSA9PiBgei1pbmRleDogJHt6SW5kZXh9YH07XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgYm90dG9tOiAke2dldFNwYWNlKCdsJyl9O1xuICBsZWZ0OiA1MCU7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcblxuICAubGVhdmVUbyxcbiAgLmVudGVyRnJvbSB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoJHtnZXRTcGFjZSgncycpfSk7XG4gIH1cbiAgLmVudGVyVG8sXG4gIC5sZWF2ZVRvIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ3Nsb3cnKX07XG4gIH1cbmA7XG5cbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAtLXBhZGRpbmc6IDIwcHg7XG4gIHBhZGRpbmc6IGNhbGModmFyKC0tcGFkZGluZykgLSAke2xpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXR9KSB2YXIoLS1wYWRkaW5nKTtcbiAgd2lkdGg6IG1heC1jb250ZW50O1xuICBtYXgtd2lkdGg6IG1pbigke2dldFNwYWNlKDUwKX0sIGNhbGMoMTAwdncgLSAke2dldFNwYWNlKCdtJyl9ICogMikpO1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygnbScpfTtcbiAgJHsoeyB2YXJpYW50IH0pID0+IHZhcmlhbnRTdHlsZXNbdmFyaWFudF19O1xuICBib3JkZXI6IDEwcHggc29saWQgcmVkO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRvYXN0ID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHsgekluZGV4ID0gMTIwMCwgY2hpbGRyZW4sIGlzT3BlbiwgdmFyaWFudCA9ICduZXV0cmFsJywgZGlzbWlzc1RpbWVvdXQgPSAzMDAwLCBvbkRpc21pc3MgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IFtpc0ludGVybmFsbHlPcGVuLCBzZXRJc0ludGVybmFsbHlPcGVuXSA9IHVzZVN0YXRlKGlzT3Blbik7XG4gICAgY29uc3QgW2lzSG92ZXJlZCwgc2V0SXNIb3ZlcmVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICBjb25zdCBkaXNtaXNzVGltZXJSZWYgPSB1c2VSZWYoKTtcblxuICAgIGNvbnN0IGNsZWFyRGlzbWlzc1RpbWVyID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgaWYgKGRpc21pc3NUaW1lclJlZi5jdXJyZW50KSB7XG4gICAgICAgIGNsZWFyVGltZW91dChkaXNtaXNzVGltZXJSZWYuY3VycmVudCk7XG4gICAgICB9XG4gICAgfSwgW10pO1xuXG4gICAgY29uc3Qgc3RhcnREaXNtaXNzVGltZXIgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICBjbGVhckRpc21pc3NUaW1lcigpO1xuICAgICAgZGlzbWlzc1RpbWVyUmVmLmN1cnJlbnQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgc2V0SXNJbnRlcm5hbGx5T3BlbihmYWxzZSk7XG4gICAgICAgIG9uRGlzbWlzcyAmJiBvbkRpc21pc3MoKTtcbiAgICAgIH0sIGRpc21pc3NUaW1lb3V0KTtcbiAgICB9LCBbY2xlYXJEaXNtaXNzVGltZXIsIGRpc21pc3NUaW1lb3V0LCBvbkRpc21pc3NdKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBzZXRJc0ludGVybmFsbHlPcGVuKGlzT3Blbik7XG4gICAgICBpZiAoaXNPcGVuICYmICFpc0hvdmVyZWQpIHtcbiAgICAgICAgc3RhcnREaXNtaXNzVGltZXIoKTtcbiAgICAgIH1cbiAgICB9LCBbaXNPcGVuLCBpc0hvdmVyZWQsIHN0YXJ0RGlzbWlzc1RpbWVyXSk7XG5cbiAgICBjb25zdCBoYW5kbGVNb3VzZUVudGVyID0gKCkgPT4ge1xuICAgICAgc2V0SXNIb3ZlcmVkKHRydWUpO1xuICAgICAgY2xlYXJEaXNtaXNzVGltZXIoKTtcbiAgICB9O1xuXG4gICAgY29uc3QgaGFuZGxlTW91c2VMZWF2ZSA9ICgpID0+IHtcbiAgICAgIHNldElzSG92ZXJlZChmYWxzZSk7XG4gICAgICBpZiAoaXNPcGVuKSB7XG4gICAgICAgIHN0YXJ0RGlzbWlzc1RpbWVyKCk7XG4gICAgICB9XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Um9vdFxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgekluZGV4PXt6SW5kZXh9XG4gICAgICAgIG9uTW91c2VFbnRlcj17aGFuZGxlTW91c2VFbnRlcn1cbiAgICAgICAgb25Nb3VzZUxlYXZlPXtoYW5kbGVNb3VzZUxlYXZlfVxuICAgICAgPlxuICAgICAgICA8VHJhbnNpdGlvbiBzaG93PXtpc0ludGVybmFsbHlPcGVufSBhcz17RnJhZ21lbnR9PlxuICAgICAgICAgIDxUcmFuc2l0aW9uLkNoaWxkIGFzPXtGcmFnbWVudH0gey4uLnRyYW5zaXRpb25DaGlsZFByb3BzfT5cbiAgICAgICAgICAgIDxDb250ZW50IHZhcmlhbnQ9e3ZhcmlhbnR9PntjaGlsZHJlbn08L0NvbnRlbnQ+XG4gICAgICAgICAgPC9UcmFuc2l0aW9uLkNoaWxkPlxuICAgICAgICA8L1RyYW5zaXRpb24+XG4gICAgICA8L1Jvb3Q+XG4gICAgKTtcbiAgfSxcbik7XG5cblRvYXN0LnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICB6SW5kZXg6IFByb3BUeXBlcy5udW1iZXIsXG4gIGlzT3BlbjogUHJvcFR5cGVzLmJvb2wsXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ3N1Y2Nlc3MnLCAnZGFuZ2VyJywgJ25ldXRyYWwnXSksXG4gIGRpc21pc3NUaW1lb3V0OiBQcm9wVHlwZXMubnVtYmVyLFxuICBvbkRpc21pc3M6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */"));
 
 export var Toast = /*#__PURE__*/forwardRef(function (_ref3, ref) {
-  var children = _ref3.children,
-      _ref3$zIndex = _ref3.zIndex,
+  var _ref3$zIndex = _ref3.zIndex,
       zIndex = _ref3$zIndex === void 0 ? 1200 : _ref3$zIndex,
-      _ref3$isOpen = _ref3.isOpen,
-      isOpen = _ref3$isOpen === void 0 ? false : _ref3$isOpen,
+      children = _ref3.children,
+      isOpen = _ref3.isOpen,
       _ref3$variant = _ref3.variant,
       variant = _ref3$variant === void 0 ? 'neutral' : _ref3$variant,
       _ref3$dismissTimeout = _ref3.dismissTimeout,
       dismissTimeout = _ref3$dismissTimeout === void 0 ? 3000 : _ref3$dismissTimeout,
       onDismiss = _ref3.onDismiss;
-  var dismissTimerRef = useRef(null);
+
+  var _useState = useState(isOpen),
+      _useState2 = _slicedToArray(_useState, 2),
+      isInternallyOpen = _useState2[0],
+      setIsInternallyOpen = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      isHovered = _useState4[0],
+      setIsHovered = _useState4[1];
+
+  var dismissTimerRef = useRef();
   var clearDismissTimer = useCallback(function () {
     if (dismissTimerRef.current) {
       clearTimeout(dismissTimerRef.current);
@@ -73,21 +104,26 @@ export var Toast = /*#__PURE__*/forwardRef(function (_ref3, ref) {
   var startDismissTimer = useCallback(function () {
     clearDismissTimer();
     dismissTimerRef.current = setTimeout(function () {
+      setIsInternallyOpen(false);
       onDismiss && onDismiss();
     }, dismissTimeout);
   }, [clearDismissTimer, dismissTimeout, onDismiss]);
-  var isOpenPrev = usePrev(isOpen);
   useEffect(function () {
-    if (!isOpenPrev && isOpen) {
+    setIsInternallyOpen(isOpen);
+
+    if (isOpen && !isHovered) {
       startDismissTimer();
     }
-  }, [isOpen, isOpenPrev, startDismissTimer]);
+  }, [isOpen, isHovered, startDismissTimer]);
 
   var handleMouseEnter = function handleMouseEnter() {
+    setIsHovered(true);
     clearDismissTimer();
   };
 
   var handleMouseLeave = function handleMouseLeave() {
+    setIsHovered(false);
+
     if (isOpen) {
       startDismissTimer();
     }
@@ -99,7 +135,7 @@ export var Toast = /*#__PURE__*/forwardRef(function (_ref3, ref) {
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave
   }, ___EmotionJSX(Transition, {
-    show: isOpen,
+    show: isInternallyOpen,
     as: Fragment
   }, ___EmotionJSX(Transition.Child, _extends({
     as: Fragment
@@ -108,7 +144,7 @@ export var Toast = /*#__PURE__*/forwardRef(function (_ref3, ref) {
   }, children))));
 });
 Toast.propTypes = {
-  children: PropTypes.node.isRequired,
+  children: PropTypes.node,
   zIndex: PropTypes.number,
   isOpen: PropTypes.bool,
   variant: PropTypes.oneOf(['success', 'danger', 'neutral']),

package/es/components/tooltip.js

@@ -64,7 +64,7 @@ var ContentWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "produ
 })("--padding:16px;background:", getColor('shade12'), ";color:", getColor('shade2'), ";padding:calc(var(--padding) - ", lineHeightAndCapHeightOffset, ") var(--padding);max-width:256px;width:max-content;border-radius:", getRadius('s'), ";", function (_ref) {
   var zIndex = _ref.zIndex;
   return "z-index: ".concat(zIndex);
-}, ";transition:opacity ", getTransition('fast'), " 0.07s;pointer-events:none;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Rvb2x0aXAuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CaUMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdG9vbHRpcC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQcm9wVHlwZXMgfSBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBjbG9uZUVsZW1lbnQsIHVzZVN0YXRlLCBGcmFnbWVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHtcbiAgdXNlRmxvYXRpbmcsXG4gIGF1dG9VcGRhdGUsXG4gIG9mZnNldCxcbiAgZmxpcCxcbiAgdXNlSG92ZXIsXG4gIHVzZUZvY3VzLFxuICB1c2VEaXNtaXNzLFxuICB1c2VSb2xlLFxuICB1c2VJbnRlcmFjdGlvbnMsXG4gIEZsb2F0aW5nUG9ydGFsLFxuICBzaGlmdCxcbn0gZnJvbSAnQGZsb2F0aW5nLXVpL3JlYWN0LWRvbS1pbnRlcmFjdGlvbnMnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBsaW5lSGVpZ2h0QW5kQ2FwSGVpZ2h0T2Zmc2V0LCBwbGFjZW1lbnRTdHlsZXMsIHBsYWNlbWVudHNNYXAgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIC0tcGFkZGluZzogMTZweDtcbiAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignc2hhZGUxMicpfTtcbiAgY29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlMicpfTtcbiAgcGFkZGluZzogY2FsYyh2YXIoLS1wYWRkaW5nKSAtICR7bGluZUhlaWdodEFuZENhcEhlaWdodE9mZnNldH0pIHZhcigtLXBhZGRpbmcpO1xuICBtYXgtd2lkdGg6IDI1NnB4O1xuICB3aWR0aDogbWF4LWNvbnRlbnQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICAkeyh7IHpJbmRleCB9KSA9PiBgei1pbmRleDogJHt6SW5kZXh9YH07XG4gIHRyYW5zaXRpb246IG9wYWNpdHkgJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9IDAuMDdzO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbmA7XG5cbmNvbnN0IFN0YXRpY1Jvb3QgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgLS1jb250ZW50T3BhY2l0eTogMDtcblxuICAmOmhvdmVyIHtcbiAgICAtLWNvbnRlbnRPcGFjaXR5OiAxO1xuICB9XG5cbiAgLyogRXhjZXB0IEZpcmVmb3ggKi9cbiAgJjpoYXMoOmZvY3VzLXZpc2libGUpIHtcbiAgICAtLWNvbnRlbnRPcGFjaXR5OiAxO1xuICB9XG5gO1xuXG5jb25zdCB0b29sdGlwT2Zmc2V0cyA9IHtcbiAgeHM6IDggLyAyLFxuICBzOiA4ICogMSxcbn07XG5cbmV4cG9ydCBjb25zdCBUb29sdGlwID0gKHtcbiAgY2hpbGRyZW4sXG4gIGNvbnRlbnQsXG4gIHBsYWNlbWVudCA9ICd0b3AnLFxuICB6SW5kZXggPSAxNDAwLCAvLyBJdCBzaG91bGQgYmUgZ3JlYXRlciB0aGFuIG9yIGVxdWFsIDE0MDAgdG8gYXZvaWQgY2FzZSBiZSBoaWRkZW4gYmUgaGlkZSBvdGhlciBvdmVybGF5IGNvbXBvbmVudHMuIGh0dHBzOi8vZ2l0LmZkbncubmV0L2Rldi9mcm9udGVuZC8tL2Jsb2IvbWFzdGVyL3BhY2thZ2VzL3VpL3NyYy9zY3NzL192YXJzLnNjc3MjTDEwM1xuICBoYXNQb3J0YWwgPSB0cnVlLFxuICBwbGFjZW1lbnRNZXRob2QgPSAnZHluYW1pYycsXG4gIG9mZnNldDogdG9vbHRpcE9mZnNldCA9ICd4cycsXG4gIC4uLnByb3BzXG59KSA9PiB7XG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgeyB4LCB5LCByZWZlcmVuY2UsIGZsb2F0aW5nLCBzdHJhdGVneSwgY29udGV4dCB9ID0gdXNlRmxvYXRpbmcoe1xuICAgIHBsYWNlbWVudDogcGxhY2VtZW50c01hcFtwbGFjZW1lbnRdLFxuICAgIG9uT3BlbkNoYW5nZTogc2V0SXNPcGVuLFxuICAgIG1pZGRsZXdhcmU6IFtvZmZzZXQodG9vbHRpcE9mZnNldHNbdG9vbHRpcE9mZnNldF0pLCBmbGlwKCksIHNoaWZ0KHsgcGFkZGluZzogNCB9KV0sXG4gICAgd2hpbGVFbGVtZW50c01vdW50ZWQoLi4uYXJncykge1xuICAgICAgY29uc3QgY2xlYW51cCA9IGF1dG9VcGRhdGUoLi4uYXJncywgeyBhbmltYXRpb25GcmFtZTogdHJ1ZSB9KTtcbiAgICAgIC8vIEltcG9ydGFudCEgQWx3YXlzIHJldHVybiB0aGUgY2xlYW51cCBmdW5jdGlvbi5cbiAgICAgIHJldHVybiBjbGVhbnVwO1xuICAgIH0sXG4gIH0pO1xuXG4gIGNvbnN0IGhvdmVyID0gdXNlSG92ZXIoY29udGV4dCwge1xuICAgIG1vdmU6IGZhbHNlLFxuICB9KTtcbiAgY29uc3QgZm9jdXMgPSB1c2VGb2N1cyhjb250ZXh0KTtcbiAgY29uc3QgZGlzbWlzcyA9IHVzZURpc21pc3MoY29udGV4dCk7XG4gIGNvbnN0IHJvbGUgPSB1c2VSb2xlKGNvbnRleHQsIHsgcm9sZTogJ3Rvb2x0aXAnIH0pO1xuICBjb25zdCB7IGdldFJlZmVyZW5jZVByb3BzLCBnZXRGbG9hdGluZ1Byb3BzIH0gPSB1c2VJbnRlcmFjdGlvbnMoW2hvdmVyLCBmb2N1cywgZGlzbWlzcywgcm9sZV0pO1xuXG4gIGNvbnN0IENvbnRlbnRSb290ID0gaGFzUG9ydGFsID8gRmxvYXRpbmdQb3J0YWwgOiBGcmFnbWVudDtcblxuICBpZiAocGxhY2VtZW50TWV0aG9kID09PSAnc3RhdGljJykge1xuICAgIHJldHVybiAoXG4gICAgICA8U3RhdGljUm9vdD5cbiAgICAgICAgPENvbnRlbnRXcmFwcGVyXG4gICAgICAgICAgcmVmPXtmbG9hdGluZ31cbiAgICAgICAgICB6SW5kZXg9e3pJbmRleH1cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgb3BhY2l0eTogJ3ZhcigtLWNvbnRlbnRPcGFjaXR5KScsXG4gICAgICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgICAgIC4uLnBsYWNlbWVudFN0eWxlc1twbGFjZW1lbnRdLFxuICAgICAgICAgICAgJy0tcGxhY2VtZW50T2Zmc2V0JzogYCR7dG9vbHRpcE9mZnNldHNbdG9vbHRpcE9mZnNldF19cHhgLFxuICAgICAgICAgIH19XG4gICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICA+XG4gICAgICAgICAge2NvbnRlbnR9XG4gICAgICAgIDwvQ29udGVudFdyYXBwZXI+XG5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdGF0aWNSb290PlxuICAgICk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8Q29udGVudFJvb3Q+XG4gICAgICAgIDxDb250ZW50V3JhcHBlclxuICAgICAgICAgIGNsYXNzTmFtZT1cImdybi1jb250ZXh0XCJcbiAgICAgICAgICByZWY9e2Zsb2F0aW5nfVxuICAgICAgICAgIHpJbmRleD17ekluZGV4fVxuICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICBvcGFjaXR5OiBpc09wZW4gPyAxIDogMCxcbiAgICAgICAgICAgIHBvc2l0aW9uOiBzdHJhdGVneSxcbiAgICAgICAgICAgIHRvcDogeSA/PyAwLFxuICAgICAgICAgICAgbGVmdDogeCA/PyAwLFxuICAgICAgICAgIH19XG4gICAgICAgICAgey4uLmdldEZsb2F0aW5nUHJvcHMoKX1cbiAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgID5cbiAgICAgICAgICB7Y29udGVudH1cbiAgICAgICAgPC9Db250ZW50V3JhcHBlcj5cbiAgICAgIDwvQ29udGVudFJvb3Q+XG5cbiAgICAgIHtjbG9uZUVsZW1lbnQoY2hpbGRyZW4sIHtcbiAgICAgICAgcmVmOiByZWZlcmVuY2UsXG4gICAgICAgIC4uLmdldFJlZmVyZW5jZVByb3BzKCksXG4gICAgICB9KX1cbiAgICA8Lz5cbiAgKTtcbn07XG5cblRvb2x0aXAuQ29udGVudCA9IENvbnRlbnRXcmFwcGVyO1xuXG5Ub29sdGlwLnByb3BUeXBlcyA9IHtcbiAgcGxhY2VtZW50OiB0eXBlcy5wbGFjZW1lbnQsXG4gIGNvbnRlbnQ6IFByb3BUeXBlcy5ub2RlLFxuICBoYXNQb3J0YWw6IFByb3BUeXBlcy5ib29sLFxuICB6SW5kZXg6IHR5cGVzLnpJbmRleCxcbiAgcGxhY2VtZW50TWV0aG9kOiBQcm9wVHlwZXMub25lT2YoWydzdGF0aWMnLCAnZHluYW1pYyddKSxcbiAgb2Zmc2V0OiBQcm9wVHlwZXMub25lT2YoWyd4cycsICdzJ10pLFxufTtcbiJdfQ== */"));
+}, ";transition:opacity ", getTransition('fast'), " 0.07s;pointer-events:none;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Rvb2x0aXAuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CaUMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdG9vbHRpcC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQcm9wVHlwZXMgfSBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBjbG9uZUVsZW1lbnQsIHVzZVN0YXRlLCBGcmFnbWVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHtcbiAgdXNlRmxvYXRpbmcsXG4gIGF1dG9VcGRhdGUsXG4gIG9mZnNldCxcbiAgZmxpcCxcbiAgdXNlSG92ZXIsXG4gIHVzZUZvY3VzLFxuICB1c2VEaXNtaXNzLFxuICB1c2VSb2xlLFxuICB1c2VJbnRlcmFjdGlvbnMsXG4gIEZsb2F0aW5nUG9ydGFsLFxuICBzaGlmdCxcbn0gZnJvbSAnQGZsb2F0aW5nLXVpL3JlYWN0LWRvbS1pbnRlcmFjdGlvbnMnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBsaW5lSGVpZ2h0QW5kQ2FwSGVpZ2h0T2Zmc2V0LCBwbGFjZW1lbnRTdHlsZXMsIHBsYWNlbWVudHNNYXAgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIC0tcGFkZGluZzogMTZweDtcbiAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignc2hhZGUxMicpfTtcbiAgY29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlMicpfTtcbiAgcGFkZGluZzogY2FsYyh2YXIoLS1wYWRkaW5nKSAtICR7bGluZUhlaWdodEFuZENhcEhlaWdodE9mZnNldH0pIHZhcigtLXBhZGRpbmcpO1xuICBtYXgtd2lkdGg6IDI1NnB4O1xuICB3aWR0aDogbWF4LWNvbnRlbnQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICAkeyh7IHpJbmRleCB9KSA9PiBgei1pbmRleDogJHt6SW5kZXh9YH07XG4gIHRyYW5zaXRpb246IG9wYWNpdHkgJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9IDAuMDdzO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbmA7XG5cbmNvbnN0IFN0YXRpY1Jvb3QgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgLS1jb250ZW50T3BhY2l0eTogMDtcblxuICAmOmhvdmVyIHtcbiAgICAtLWNvbnRlbnRPcGFjaXR5OiAxO1xuICB9XG5cbiAgLyogRXhjZXB0IEZpcmVmb3ggKi9cbiAgJjpoYXMoOmZvY3VzLXZpc2libGUpIHtcbiAgICAtLWNvbnRlbnRPcGFjaXR5OiAxO1xuICB9XG5gO1xuXG5jb25zdCB0b29sdGlwT2Zmc2V0cyA9IHtcbiAgeHM6IDQsXG4gIHM6IDgsXG59O1xuXG5leHBvcnQgY29uc3QgVG9vbHRpcCA9ICh7XG4gIGNoaWxkcmVuLFxuICBjb250ZW50LFxuICBwbGFjZW1lbnQgPSAndG9wJyxcbiAgekluZGV4ID0gMTQwMCwgLy8gSXQgc2hvdWxkIGJlIGdyZWF0ZXIgdGhhbiBvciBlcXVhbCAxNDAwIHRvIGF2b2lkIGNhc2UgYmUgaGlkZGVuIGJlIGhpZGUgb3RoZXIgb3ZlcmxheSBjb21wb25lbnRzLiBodHRwczovL2dpdC5mZG53Lm5ldC9kZXYvZnJvbnRlbmQvLS9ibG9iL21hc3Rlci9wYWNrYWdlcy91aS9zcmMvc2Nzcy9fdmFycy5zY3NzI0wxMDNcbiAgaGFzUG9ydGFsID0gdHJ1ZSxcbiAgcGxhY2VtZW50TWV0aG9kID0gJ2R5bmFtaWMnLFxuICBvZmZzZXQ6IHRvb2x0aXBPZmZzZXQgPSAneHMnLFxuICAuLi5wcm9wc1xufSkgPT4ge1xuICBjb25zdCBbaXNPcGVuLCBzZXRJc09wZW5dID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IHsgeCwgeSwgcmVmZXJlbmNlLCBmbG9hdGluZywgc3RyYXRlZ3ksIGNvbnRleHQgfSA9IHVzZUZsb2F0aW5nKHtcbiAgICBwbGFjZW1lbnQ6IHBsYWNlbWVudHNNYXBbcGxhY2VtZW50XSxcbiAgICBvbk9wZW5DaGFuZ2U6IHNldElzT3BlbixcbiAgICBtaWRkbGV3YXJlOiBbb2Zmc2V0KHRvb2x0aXBPZmZzZXRzW3Rvb2x0aXBPZmZzZXRdKSwgZmxpcCgpLCBzaGlmdCh7IHBhZGRpbmc6IDQgfSldLFxuICAgIHdoaWxlRWxlbWVudHNNb3VudGVkKC4uLmFyZ3MpIHtcbiAgICAgIGNvbnN0IGNsZWFudXAgPSBhdXRvVXBkYXRlKC4uLmFyZ3MsIHsgYW5pbWF0aW9uRnJhbWU6IHRydWUgfSk7XG4gICAgICAvLyBJbXBvcnRhbnQhIEFsd2F5cyByZXR1cm4gdGhlIGNsZWFudXAgZnVuY3Rpb24uXG4gICAgICByZXR1cm4gY2xlYW51cDtcbiAgICB9LFxuICB9KTtcblxuICBjb25zdCBob3ZlciA9IHVzZUhvdmVyKGNvbnRleHQsIHtcbiAgICBtb3ZlOiBmYWxzZSxcbiAgfSk7XG4gIGNvbnN0IGZvY3VzID0gdXNlRm9jdXMoY29udGV4dCk7XG4gIGNvbnN0IGRpc21pc3MgPSB1c2VEaXNtaXNzKGNvbnRleHQpO1xuICBjb25zdCByb2xlID0gdXNlUm9sZShjb250ZXh0LCB7IHJvbGU6ICd0b29sdGlwJyB9KTtcbiAgY29uc3QgeyBnZXRSZWZlcmVuY2VQcm9wcywgZ2V0RmxvYXRpbmdQcm9wcyB9ID0gdXNlSW50ZXJhY3Rpb25zKFtob3ZlciwgZm9jdXMsIGRpc21pc3MsIHJvbGVdKTtcblxuICBjb25zdCBDb250ZW50Um9vdCA9IGhhc1BvcnRhbCA/IEZsb2F0aW5nUG9ydGFsIDogRnJhZ21lbnQ7XG5cbiAgaWYgKHBsYWNlbWVudE1ldGhvZCA9PT0gJ3N0YXRpYycpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0YXRpY1Jvb3Q+XG4gICAgICAgIDxDb250ZW50V3JhcHBlclxuICAgICAgICAgIHJlZj17ZmxvYXRpbmd9XG4gICAgICAgICAgekluZGV4PXt6SW5kZXh9XG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIG9wYWNpdHk6ICd2YXIoLS1jb250ZW50T3BhY2l0eSknLFxuICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgICAgICAuLi5wbGFjZW1lbnRTdHlsZXNbcGxhY2VtZW50XSxcbiAgICAgICAgICAgICctLXBsYWNlbWVudE9mZnNldCc6IGAke3Rvb2x0aXBPZmZzZXRzW3Rvb2x0aXBPZmZzZXRdfXB4YCxcbiAgICAgICAgICB9fVxuICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgPlxuICAgICAgICAgIHtjb250ZW50fVxuICAgICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuXG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvU3RhdGljUm9vdD5cbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPENvbnRlbnRSb290PlxuICAgICAgICA8Q29udGVudFdyYXBwZXJcbiAgICAgICAgICBjbGFzc05hbWU9XCJncm4tY29udGV4dFwiXG4gICAgICAgICAgcmVmPXtmbG9hdGluZ31cbiAgICAgICAgICB6SW5kZXg9e3pJbmRleH1cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgb3BhY2l0eTogaXNPcGVuID8gMSA6IDAsXG4gICAgICAgICAgICBwb3NpdGlvbjogc3RyYXRlZ3ksXG4gICAgICAgICAgICB0b3A6IHkgPz8gMCxcbiAgICAgICAgICAgIGxlZnQ6IHggPz8gMCxcbiAgICAgICAgICB9fVxuICAgICAgICAgIHsuLi5nZXRGbG9hdGluZ1Byb3BzKCl9XG4gICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICA+XG4gICAgICAgICAge2NvbnRlbnR9XG4gICAgICAgIDwvQ29udGVudFdyYXBwZXI+XG4gICAgICA8L0NvbnRlbnRSb290PlxuXG4gICAgICB7Y2xvbmVFbGVtZW50KGNoaWxkcmVuLCB7XG4gICAgICAgIHJlZjogcmVmZXJlbmNlLFxuICAgICAgICAuLi5nZXRSZWZlcmVuY2VQcm9wcygpLFxuICAgICAgfSl9XG4gICAgPC8+XG4gICk7XG59O1xuXG5Ub29sdGlwLkNvbnRlbnQgPSBDb250ZW50V3JhcHBlcjtcblxuVG9vbHRpcC5wcm9wVHlwZXMgPSB7XG4gIHBsYWNlbWVudDogdHlwZXMucGxhY2VtZW50LFxuICBjb250ZW50OiBQcm9wVHlwZXMubm9kZSxcbiAgaGFzUG9ydGFsOiBQcm9wVHlwZXMuYm9vbCxcbiAgekluZGV4OiB0eXBlcy56SW5kZXgsXG4gIHBsYWNlbWVudE1ldGhvZDogUHJvcFR5cGVzLm9uZU9mKFsnc3RhdGljJywgJ2R5bmFtaWMnXSksXG4gIG9mZnNldDogUHJvcFR5cGVzLm9uZU9mKFsneHMnLCAncyddKSxcbn07XG4iXX0= */"));
 
 var StaticRoot = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1063o0x0"
@@ -77,13 +77,13 @@ var StaticRoot = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "productio
 } : {
   name: "1jvdvn0",
   styles: "position:relative;width:fit-content;--contentOpacity:0;&:hover{--contentOpacity:1;}&:has(:focus-visible){--contentOpacity:1;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Rvb2x0aXAuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDNkIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdG9vbHRpcC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQcm9wVHlwZXMgfSBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBjbG9uZUVsZW1lbnQsIHVzZVN0YXRlLCBGcmFnbWVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHtcbiAgdXNlRmxvYXRpbmcsXG4gIGF1dG9VcGRhdGUsXG4gIG9mZnNldCxcbiAgZmxpcCxcbiAgdXNlSG92ZXIsXG4gIHVzZUZvY3VzLFxuICB1c2VEaXNtaXNzLFxuICB1c2VSb2xlLFxuICB1c2VJbnRlcmFjdGlvbnMsXG4gIEZsb2F0aW5nUG9ydGFsLFxuICBzaGlmdCxcbn0gZnJvbSAnQGZsb2F0aW5nLXVpL3JlYWN0LWRvbS1pbnRlcmFjdGlvbnMnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBsaW5lSGVpZ2h0QW5kQ2FwSGVpZ2h0T2Zmc2V0LCBwbGFjZW1lbnRTdHlsZXMsIHBsYWNlbWVudHNNYXAgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIC0tcGFkZGluZzogMTZweDtcbiAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignc2hhZGUxMicpfTtcbiAgY29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlMicpfTtcbiAgcGFkZGluZzogY2FsYyh2YXIoLS1wYWRkaW5nKSAtICR7bGluZUhlaWdodEFuZENhcEhlaWdodE9mZnNldH0pIHZhcigtLXBhZGRpbmcpO1xuICBtYXgtd2lkdGg6IDI1NnB4O1xuICB3aWR0aDogbWF4LWNvbnRlbnQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICAkeyh7IHpJbmRleCB9KSA9PiBgei1pbmRleDogJHt6SW5kZXh9YH07XG4gIHRyYW5zaXRpb246IG9wYWNpdHkgJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9IDAuMDdzO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbmA7XG5cbmNvbnN0IFN0YXRpY1Jvb3QgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgLS1jb250ZW50T3BhY2l0eTogMDtcblxuICAmOmhvdmVyIHtcbiAgICAtLWNvbnRlbnRPcGFjaXR5OiAxO1xuICB9XG5cbiAgLyogRXhjZXB0IEZpcmVmb3ggKi9cbiAgJjpoYXMoOmZvY3VzLXZpc2libGUpIHtcbiAgICAtLWNvbnRlbnRPcGFjaXR5OiAxO1xuICB9XG5gO1xuXG5jb25zdCB0b29sdGlwT2Zmc2V0cyA9IHtcbiAgeHM6IDggLyAyLFxuICBzOiA4ICogMSxcbn07XG5cbmV4cG9ydCBjb25zdCBUb29sdGlwID0gKHtcbiAgY2hpbGRyZW4sXG4gIGNvbnRlbnQsXG4gIHBsYWNlbWVudCA9ICd0b3AnLFxuICB6SW5kZXggPSAxNDAwLCAvLyBJdCBzaG91bGQgYmUgZ3JlYXRlciB0aGFuIG9yIGVxdWFsIDE0MDAgdG8gYXZvaWQgY2FzZSBiZSBoaWRkZW4gYmUgaGlkZSBvdGhlciBvdmVybGF5IGNvbXBvbmVudHMuIGh0dHBzOi8vZ2l0LmZkbncubmV0L2Rldi9mcm9udGVuZC8tL2Jsb2IvbWFzdGVyL3BhY2thZ2VzL3VpL3NyYy9zY3NzL192YXJzLnNjc3MjTDEwM1xuICBoYXNQb3J0YWwgPSB0cnVlLFxuICBwbGFjZW1lbnRNZXRob2QgPSAnZHluYW1pYycsXG4gIG9mZnNldDogdG9vbHRpcE9mZnNldCA9ICd4cycsXG4gIC4uLnByb3BzXG59KSA9PiB7XG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgeyB4LCB5LCByZWZlcmVuY2UsIGZsb2F0aW5nLCBzdHJhdGVneSwgY29udGV4dCB9ID0gdXNlRmxvYXRpbmcoe1xuICAgIHBsYWNlbWVudDogcGxhY2VtZW50c01hcFtwbGFjZW1lbnRdLFxuICAgIG9uT3BlbkNoYW5nZTogc2V0SXNPcGVuLFxuICAgIG1pZGRsZXdhcmU6IFtvZmZzZXQodG9vbHRpcE9mZnNldHNbdG9vbHRpcE9mZnNldF0pLCBmbGlwKCksIHNoaWZ0KHsgcGFkZGluZzogNCB9KV0sXG4gICAgd2hpbGVFbGVtZW50c01vdW50ZWQoLi4uYXJncykge1xuICAgICAgY29uc3QgY2xlYW51cCA9IGF1dG9VcGRhdGUoLi4uYXJncywgeyBhbmltYXRpb25GcmFtZTogdHJ1ZSB9KTtcbiAgICAgIC8vIEltcG9ydGFudCEgQWx3YXlzIHJldHVybiB0aGUgY2xlYW51cCBmdW5jdGlvbi5cbiAgICAgIHJldHVybiBjbGVhbnVwO1xuICAgIH0sXG4gIH0pO1xuXG4gIGNvbnN0IGhvdmVyID0gdXNlSG92ZXIoY29udGV4dCwge1xuICAgIG1vdmU6IGZhbHNlLFxuICB9KTtcbiAgY29uc3QgZm9jdXMgPSB1c2VGb2N1cyhjb250ZXh0KTtcbiAgY29uc3QgZGlzbWlzcyA9IHVzZURpc21pc3MoY29udGV4dCk7XG4gIGNvbnN0IHJvbGUgPSB1c2VSb2xlKGNvbnRleHQsIHsgcm9sZTogJ3Rvb2x0aXAnIH0pO1xuICBjb25zdCB7IGdldFJlZmVyZW5jZVByb3BzLCBnZXRGbG9hdGluZ1Byb3BzIH0gPSB1c2VJbnRlcmFjdGlvbnMoW2hvdmVyLCBmb2N1cywgZGlzbWlzcywgcm9sZV0pO1xuXG4gIGNvbnN0IENvbnRlbnRSb290ID0gaGFzUG9ydGFsID8gRmxvYXRpbmdQb3J0YWwgOiBGcmFnbWVudDtcblxuICBpZiAocGxhY2VtZW50TWV0aG9kID09PSAnc3RhdGljJykge1xuICAgIHJldHVybiAoXG4gICAgICA8U3RhdGljUm9vdD5cbiAgICAgICAgPENvbnRlbnRXcmFwcGVyXG4gICAgICAgICAgcmVmPXtmbG9hdGluZ31cbiAgICAgICAgICB6SW5kZXg9e3pJbmRleH1cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgb3BhY2l0eTogJ3ZhcigtLWNvbnRlbnRPcGFjaXR5KScsXG4gICAgICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgICAgIC4uLnBsYWNlbWVudFN0eWxlc1twbGFjZW1lbnRdLFxuICAgICAgICAgICAgJy0tcGxhY2VtZW50T2Zmc2V0JzogYCR7dG9vbHRpcE9mZnNldHNbdG9vbHRpcE9mZnNldF19cHhgLFxuICAgICAgICAgIH19XG4gICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICA+XG4gICAgICAgICAge2NvbnRlbnR9XG4gICAgICAgIDwvQ29udGVudFdyYXBwZXI+XG5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdGF0aWNSb290PlxuICAgICk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8Q29udGVudFJvb3Q+XG4gICAgICAgIDxDb250ZW50V3JhcHBlclxuICAgICAgICAgIGNsYXNzTmFtZT1cImdybi1jb250ZXh0XCJcbiAgICAgICAgICByZWY9e2Zsb2F0aW5nfVxuICAgICAgICAgIHpJbmRleD17ekluZGV4fVxuICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICBvcGFjaXR5OiBpc09wZW4gPyAxIDogMCxcbiAgICAgICAgICAgIHBvc2l0aW9uOiBzdHJhdGVneSxcbiAgICAgICAgICAgIHRvcDogeSA/PyAwLFxuICAgICAgICAgICAgbGVmdDogeCA/PyAwLFxuICAgICAgICAgIH19XG4gICAgICAgICAgey4uLmdldEZsb2F0aW5nUHJvcHMoKX1cbiAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgID5cbiAgICAgICAgICB7Y29udGVudH1cbiAgICAgICAgPC9Db250ZW50V3JhcHBlcj5cbiAgICAgIDwvQ29udGVudFJvb3Q+XG5cbiAgICAgIHtjbG9uZUVsZW1lbnQoY2hpbGRyZW4sIHtcbiAgICAgICAgcmVmOiByZWZlcmVuY2UsXG4gICAgICAgIC4uLmdldFJlZmVyZW5jZVByb3BzKCksXG4gICAgICB9KX1cbiAgICA8Lz5cbiAgKTtcbn07XG5cblRvb2x0aXAuQ29udGVudCA9IENvbnRlbnRXcmFwcGVyO1xuXG5Ub29sdGlwLnByb3BUeXBlcyA9IHtcbiAgcGxhY2VtZW50OiB0eXBlcy5wbGFjZW1lbnQsXG4gIGNvbnRlbnQ6IFByb3BUeXBlcy5ub2RlLFxuICBoYXNQb3J0YWw6IFByb3BUeXBlcy5ib29sLFxuICB6SW5kZXg6IHR5cGVzLnpJbmRleCxcbiAgcGxhY2VtZW50TWV0aG9kOiBQcm9wVHlwZXMub25lT2YoWydzdGF0aWMnLCAnZHluYW1pYyddKSxcbiAgb2Zmc2V0OiBQcm9wVHlwZXMub25lT2YoWyd4cycsICdzJ10pLFxufTtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Rvb2x0aXAuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDNkIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdG9vbHRpcC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQcm9wVHlwZXMgfSBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBjbG9uZUVsZW1lbnQsIHVzZVN0YXRlLCBGcmFnbWVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHtcbiAgdXNlRmxvYXRpbmcsXG4gIGF1dG9VcGRhdGUsXG4gIG9mZnNldCxcbiAgZmxpcCxcbiAgdXNlSG92ZXIsXG4gIHVzZUZvY3VzLFxuICB1c2VEaXNtaXNzLFxuICB1c2VSb2xlLFxuICB1c2VJbnRlcmFjdGlvbnMsXG4gIEZsb2F0aW5nUG9ydGFsLFxuICBzaGlmdCxcbn0gZnJvbSAnQGZsb2F0aW5nLXVpL3JlYWN0LWRvbS1pbnRlcmFjdGlvbnMnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBsaW5lSGVpZ2h0QW5kQ2FwSGVpZ2h0T2Zmc2V0LCBwbGFjZW1lbnRTdHlsZXMsIHBsYWNlbWVudHNNYXAgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIC0tcGFkZGluZzogMTZweDtcbiAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignc2hhZGUxMicpfTtcbiAgY29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlMicpfTtcbiAgcGFkZGluZzogY2FsYyh2YXIoLS1wYWRkaW5nKSAtICR7bGluZUhlaWdodEFuZENhcEhlaWdodE9mZnNldH0pIHZhcigtLXBhZGRpbmcpO1xuICBtYXgtd2lkdGg6IDI1NnB4O1xuICB3aWR0aDogbWF4LWNvbnRlbnQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICAkeyh7IHpJbmRleCB9KSA9PiBgei1pbmRleDogJHt6SW5kZXh9YH07XG4gIHRyYW5zaXRpb246IG9wYWNpdHkgJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9IDAuMDdzO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbmA7XG5cbmNvbnN0IFN0YXRpY1Jvb3QgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgLS1jb250ZW50T3BhY2l0eTogMDtcblxuICAmOmhvdmVyIHtcbiAgICAtLWNvbnRlbnRPcGFjaXR5OiAxO1xuICB9XG5cbiAgLyogRXhjZXB0IEZpcmVmb3ggKi9cbiAgJjpoYXMoOmZvY3VzLXZpc2libGUpIHtcbiAgICAtLWNvbnRlbnRPcGFjaXR5OiAxO1xuICB9XG5gO1xuXG5jb25zdCB0b29sdGlwT2Zmc2V0cyA9IHtcbiAgeHM6IDQsXG4gIHM6IDgsXG59O1xuXG5leHBvcnQgY29uc3QgVG9vbHRpcCA9ICh7XG4gIGNoaWxkcmVuLFxuICBjb250ZW50LFxuICBwbGFjZW1lbnQgPSAndG9wJyxcbiAgekluZGV4ID0gMTQwMCwgLy8gSXQgc2hvdWxkIGJlIGdyZWF0ZXIgdGhhbiBvciBlcXVhbCAxNDAwIHRvIGF2b2lkIGNhc2UgYmUgaGlkZGVuIGJlIGhpZGUgb3RoZXIgb3ZlcmxheSBjb21wb25lbnRzLiBodHRwczovL2dpdC5mZG53Lm5ldC9kZXYvZnJvbnRlbmQvLS9ibG9iL21hc3Rlci9wYWNrYWdlcy91aS9zcmMvc2Nzcy9fdmFycy5zY3NzI0wxMDNcbiAgaGFzUG9ydGFsID0gdHJ1ZSxcbiAgcGxhY2VtZW50TWV0aG9kID0gJ2R5bmFtaWMnLFxuICBvZmZzZXQ6IHRvb2x0aXBPZmZzZXQgPSAneHMnLFxuICAuLi5wcm9wc1xufSkgPT4ge1xuICBjb25zdCBbaXNPcGVuLCBzZXRJc09wZW5dID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IHsgeCwgeSwgcmVmZXJlbmNlLCBmbG9hdGluZywgc3RyYXRlZ3ksIGNvbnRleHQgfSA9IHVzZUZsb2F0aW5nKHtcbiAgICBwbGFjZW1lbnQ6IHBsYWNlbWVudHNNYXBbcGxhY2VtZW50XSxcbiAgICBvbk9wZW5DaGFuZ2U6IHNldElzT3BlbixcbiAgICBtaWRkbGV3YXJlOiBbb2Zmc2V0KHRvb2x0aXBPZmZzZXRzW3Rvb2x0aXBPZmZzZXRdKSwgZmxpcCgpLCBzaGlmdCh7IHBhZGRpbmc6IDQgfSldLFxuICAgIHdoaWxlRWxlbWVudHNNb3VudGVkKC4uLmFyZ3MpIHtcbiAgICAgIGNvbnN0IGNsZWFudXAgPSBhdXRvVXBkYXRlKC4uLmFyZ3MsIHsgYW5pbWF0aW9uRnJhbWU6IHRydWUgfSk7XG4gICAgICAvLyBJbXBvcnRhbnQhIEFsd2F5cyByZXR1cm4gdGhlIGNsZWFudXAgZnVuY3Rpb24uXG4gICAgICByZXR1cm4gY2xlYW51cDtcbiAgICB9LFxuICB9KTtcblxuICBjb25zdCBob3ZlciA9IHVzZUhvdmVyKGNvbnRleHQsIHtcbiAgICBtb3ZlOiBmYWxzZSxcbiAgfSk7XG4gIGNvbnN0IGZvY3VzID0gdXNlRm9jdXMoY29udGV4dCk7XG4gIGNvbnN0IGRpc21pc3MgPSB1c2VEaXNtaXNzKGNvbnRleHQpO1xuICBjb25zdCByb2xlID0gdXNlUm9sZShjb250ZXh0LCB7IHJvbGU6ICd0b29sdGlwJyB9KTtcbiAgY29uc3QgeyBnZXRSZWZlcmVuY2VQcm9wcywgZ2V0RmxvYXRpbmdQcm9wcyB9ID0gdXNlSW50ZXJhY3Rpb25zKFtob3ZlciwgZm9jdXMsIGRpc21pc3MsIHJvbGVdKTtcblxuICBjb25zdCBDb250ZW50Um9vdCA9IGhhc1BvcnRhbCA/IEZsb2F0aW5nUG9ydGFsIDogRnJhZ21lbnQ7XG5cbiAgaWYgKHBsYWNlbWVudE1ldGhvZCA9PT0gJ3N0YXRpYycpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0YXRpY1Jvb3Q+XG4gICAgICAgIDxDb250ZW50V3JhcHBlclxuICAgICAgICAgIHJlZj17ZmxvYXRpbmd9XG4gICAgICAgICAgekluZGV4PXt6SW5kZXh9XG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIG9wYWNpdHk6ICd2YXIoLS1jb250ZW50T3BhY2l0eSknLFxuICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgICAgICAuLi5wbGFjZW1lbnRTdHlsZXNbcGxhY2VtZW50XSxcbiAgICAgICAgICAgICctLXBsYWNlbWVudE9mZnNldCc6IGAke3Rvb2x0aXBPZmZzZXRzW3Rvb2x0aXBPZmZzZXRdfXB4YCxcbiAgICAgICAgICB9fVxuICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgPlxuICAgICAgICAgIHtjb250ZW50fVxuICAgICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuXG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvU3RhdGljUm9vdD5cbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPENvbnRlbnRSb290PlxuICAgICAgICA8Q29udGVudFdyYXBwZXJcbiAgICAgICAgICBjbGFzc05hbWU9XCJncm4tY29udGV4dFwiXG4gICAgICAgICAgcmVmPXtmbG9hdGluZ31cbiAgICAgICAgICB6SW5kZXg9e3pJbmRleH1cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgb3BhY2l0eTogaXNPcGVuID8gMSA6IDAsXG4gICAgICAgICAgICBwb3NpdGlvbjogc3RyYXRlZ3ksXG4gICAgICAgICAgICB0b3A6IHkgPz8gMCxcbiAgICAgICAgICAgIGxlZnQ6IHggPz8gMCxcbiAgICAgICAgICB9fVxuICAgICAgICAgIHsuLi5nZXRGbG9hdGluZ1Byb3BzKCl9XG4gICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICA+XG4gICAgICAgICAge2NvbnRlbnR9XG4gICAgICAgIDwvQ29udGVudFdyYXBwZXI+XG4gICAgICA8L0NvbnRlbnRSb290PlxuXG4gICAgICB7Y2xvbmVFbGVtZW50KGNoaWxkcmVuLCB7XG4gICAgICAgIHJlZjogcmVmZXJlbmNlLFxuICAgICAgICAuLi5nZXRSZWZlcmVuY2VQcm9wcygpLFxuICAgICAgfSl9XG4gICAgPC8+XG4gICk7XG59O1xuXG5Ub29sdGlwLkNvbnRlbnQgPSBDb250ZW50V3JhcHBlcjtcblxuVG9vbHRpcC5wcm9wVHlwZXMgPSB7XG4gIHBsYWNlbWVudDogdHlwZXMucGxhY2VtZW50LFxuICBjb250ZW50OiBQcm9wVHlwZXMubm9kZSxcbiAgaGFzUG9ydGFsOiBQcm9wVHlwZXMuYm9vbCxcbiAgekluZGV4OiB0eXBlcy56SW5kZXgsXG4gIHBsYWNlbWVudE1ldGhvZDogUHJvcFR5cGVzLm9uZU9mKFsnc3RhdGljJywgJ2R5bmFtaWMnXSksXG4gIG9mZnNldDogUHJvcFR5cGVzLm9uZU9mKFsneHMnLCAncyddKSxcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 
 var tooltipOffsets = {
-  xs: 8 / 2,
-  s: 8 * 1
+  xs: 4,
+  s: 8
 };
 export var Tooltip = function Tooltip(_ref2) {
   var children = _ref2.children,