@flodesk/grain 10.17.4 → 10.19.0

package/es/components/text2/index.js

@@ -0,0 +1,100 @@
+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.define-property.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import "core-js/modules/es.object.define-properties.js";
+import "core-js/modules/es.object.assign.js";
+var _excluded = ["children", "size", "weight", "color", "tag", "display", "hasEllipsis", "ellipsisLines", "align", "letterSpacing", "textTransform", "variant", "trimTop", "className"];
+
+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.string.trim.js";
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.replace.js";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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 { generateStyleAttributes, generateClassNameAttributes } from '../../utilities';
+import PropTypes from 'prop-types';
+import React, { forwardRef } from 'react';
+import { types } from '../../types';
+import styles from './styles.module.css';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+export var Text2 = /*#__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,
+      textTransform = _ref.textTransform,
+      variant = _ref.variant,
+      trimTop = _ref.trimTop,
+      className = _ref.className,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var Tag = tag;
+
+  if (variant === 'caps') {
+    size = 's';
+    weight = 'medium';
+    textTransform = 'uppercase';
+    letterSpacing = '0.05em';
+  }
+
+  var genStyles = _objectSpread(_objectSpread({}, generateStyleAttributes({
+    size: size,
+    align: align,
+    color: color,
+    letterSpacing: letterSpacing
+  })), ellipsisLines && _defineProperty({}, '--el', ellipsisLines));
+
+  var propClassName = className ? className : '';
+  var classNames = [generateClassNameAttributes({
+    size: size,
+    align: align,
+    color: color,
+    weight: weight,
+    display: !ellipsisLines ? display : undefined,
+    textTransform: textTransform
+  }), propClassName, trimTop && styles.trimTop, hasEllipsis && !ellipsisLines ? styles.ellipsis : undefined, hasEllipsis && ellipsisLines ? styles.ellipsisMulti : undefined].join(' ').replace(/\s+/g, ' ').trim();
+  return ___EmotionJSX(Tag, _extends({
+    ref: ref,
+    className: classNames,
+    style: genStyles
+  }, props), children);
+});
+Text2.propTypes = {
+  size: types.responsiveTextSize,
+  weight: types.weight,
+  color: types.color,
+  align: types.responsiveTextAlign,
+  tag: types.textTag,
+  hasEllipsis: PropTypes.bool,
+  ellipsisLines: PropTypes.number,
+  letterSpacing: PropTypes.string,
+  textTransform: PropTypes.oneOf(['capitalize', 'uppercase', 'lowercase']),
+  variant: PropTypes.oneOf(['caps']),
+  trimTop: PropTypes.bool,
+  display: types.textDisplay
+};

package/es/components/text2/styles.module.css

@@ -0,0 +1,22 @@
+.trimTop:before {
+  --capHeight: 0.74em;
+  --lineHeightAndCapHeightOffset: calc((var(--grn-lineHeight-global) - var(--capHeight)) / 2);
+
+  content: '';
+  margin-top: calc(-1 * var(--lineHeightAndCapHeightOffset));
+  display: block;
+}
+
+.ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.ellipsisMulti {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: var(--el);
+  -webkit-box-orient: vertical;
+}

package/es/components/textarea.js

@@ -2,6 +2,7 @@ import "core-js/modules/es.object.keys.js";
 import "core-js/modules/es.array.index-of.js";
 import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.object.assign.js";
+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); }
@@ -16,7 +17,6 @@ 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,21 +46,36 @@ var TextareaWrapper = function TextareaWrapper(_ref2) {
   }, children);
 };
 
-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 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);
 
   var bottomPadding = maxLength ? "calc(".concat(paddingY, " * 2 + var(--grn-lineHeight-global))") : paddingY;
   return ___EmotionJSX("div", null, (label || hint) && ___EmotionJSX(Box, {
@@ -69,7 +84,7 @@ export var Textarea = /*#__PURE__*/forwardRef(function (_ref3, ref) {
     htmlFor: id
   }, label), hint && ___EmotionJSX(FieldHint, null, hint)), ___EmotionJSX(TextareaWrapper, {
     maxLength: maxLength
-  }, ___EmotionJSX("textarea", _extends({
+  }, ___EmotionJSX(TextareaField, _extends({
     ref: ref,
     id: id,
     value: value,
@@ -79,9 +94,8 @@ export var Textarea = /*#__PURE__*/forwardRef(function (_ref3, ref) {
     placeholder: placeholder,
     readOnly: isReadOnly,
     disabled: isDisabled,
-    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= */")
+    bottomPadding: bottomPadding,
+    hasError: hasError
   }, props)), maxLength && ___EmotionJSX(Counter, {
     length: value.length,
     maxLength: maxLength

package/es/components/toast.js

@@ -1,35 +1,14 @@
-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); }
 
-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 React, { Fragment, forwardRef, useCallback, useEffect, useRef } 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: {
@@ -59,43 +38,33 @@ var Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
 } : {
   target: "ep1f3rd1",
   label: "Root"
-})(function (_ref) {
+})("--pagePadding:max(var(--grn-space-s), 1.5vw);", function (_ref) {
   var zIndex = _ref.zIndex;
   return "z-index: ".concat(zIndex);
-}, ";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== */"));
+}, ";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+IHtcbiAgICAgIGNsZWFyRGlzbWlzc1RpbWVyKCk7XG4gICAgfTtcblxuICAgIGNvbnN0IGhhbmRsZU1vdXNlTGVhdmUgPSAoKSA9PiB7XG4gICAgICBpZiAoaXNPcGVuKSB7XG4gICAgICAgIHN0YXJ0RGlzbWlzc1RpbWVyKCk7XG4gICAgICB9XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Um9vdFxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgekluZGV4PXt6SW5kZXh9XG4gICAgICAgIG9uTW91c2VFbnRlcj17aGFuZGxlTW91c2VFbnRlcn1cbiAgICAgICAgb25Nb3VzZUxlYXZlPXtoYW5kbGVNb3VzZUxlYXZlfVxuICAgICAgPlxuICAgICAgICA8VHJhbnNpdGlvbiBzaG93PXtpc09wZW59PlxuICAgICAgICAgIDxUcmFuc2l0aW9uLkNoaWxkIGFzPXtGcmFnbWVudH0gey4uLnRyYW5zaXRpb25DaGlsZFByb3BzfT5cbiAgICAgICAgICAgIDxDb250ZW50IHZhcmlhbnQ9e3ZhcmlhbnR9PntjaGlsZHJlbn08L0NvbnRlbnQ+XG4gICAgICAgICAgPC9UcmFuc2l0aW9uLkNoaWxkPlxuICAgICAgICA8L1RyYW5zaXRpb24+XG4gICAgICA8L1Jvb3Q+XG4gICAgKTtcbiAgfSxcbik7XG5cblRvYXN0LnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLmlzUmVxdWlyZWQsXG4gIHpJbmRleDogUHJvcFR5cGVzLm51bWJlcixcbiAgaXNPcGVuOiBQcm9wVHlwZXMuYm9vbCxcbiAgdmFyaWFudDogUHJvcFR5cGVzLm9uZU9mKFsnc3VjY2VzcycsICdkYW5nZXInLCAnbmV1dHJhbCddKSxcbiAgZGlzbWlzc1RpbWVvdXQ6IFByb3BUeXBlcy5udW1iZXIsXG4gIG9uRGlzbWlzczogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */"));
 
 var Content = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "ep1f3rd0"
 } : {
   target: "ep1f3rd0",
   label: "Content"
-})("--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) {
+})("--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) {
   var variant = _ref2.variant;
   return variantStyles[variant];
-}, ";border:10px solid red;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RvYXN0LmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRDBCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RvYXN0LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgZm9yd2FyZFJlZiwgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRTcGFjZSwgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBsaW5lSGVpZ2h0QW5kQ2FwSGVpZ2h0T2Zmc2V0IH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IFRyYW5zaXRpb24gfSBmcm9tICdAaGVhZGxlc3N1aS9yZWFjdCc7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIHN1Y2Nlc3M6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldENvbG9yKCdzdWNjZXNzJyksXG4gICAgY29sb3I6ICd3aGl0ZScsXG4gIH0sXG4gIGRhbmdlcjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICAgIGNvbG9yOiAnd2hpdGUnLFxuICB9LFxuICBuZXV0cmFsOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRDb2xvcignc2hhZGUxMicpLFxuICAgIGNvbG9yOiBnZXRDb2xvcignc2hhZGUyJyksXG4gIH0sXG59O1xuXG5jb25zdCB0cmFuc2l0aW9uQ2hpbGRQcm9wcyA9IHtcbiAgZW50ZXI6ICdlbnRlcicsXG4gIGVudGVyRnJvbTogJ2VudGVyRnJvbScsXG4gIGVudGVyVG86ICdlbnRlclRvJyxcbiAgbGVhdmU6ICdsZWF2ZScsXG4gIGxlYXZlRnJvbTogJ2xlYXZlRnJvbScsXG4gIGxlYXZlVG86ICdsZWF2ZVRvJyxcbn07XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICAkeyh7IHpJbmRleCB9KSA9PiBgei1pbmRleDogJHt6SW5kZXh9YH07XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgYm90dG9tOiAke2dldFNwYWNlKCdsJyl9O1xuICBsZWZ0OiA1MCU7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcblxuICAubGVhdmVUbyxcbiAgLmVudGVyRnJvbSB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoJHtnZXRTcGFjZSgncycpfSk7XG4gIH1cbiAgLmVudGVyVG8sXG4gIC5sZWF2ZVRvIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ3Nsb3cnKX07XG4gIH1cbmA7XG5cbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAtLXBhZGRpbmc6IDIwcHg7XG4gIHBhZGRpbmc6IGNhbGModmFyKC0tcGFkZGluZykgLSAke2xpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXR9KSB2YXIoLS1wYWRkaW5nKTtcbiAgd2lkdGg6IG1heC1jb250ZW50O1xuICBtYXgtd2lkdGg6IG1pbigke2dldFNwYWNlKDUwKX0sIGNhbGMoMTAwdncgLSAke2dldFNwYWNlKCdtJyl9ICogMikpO1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygnbScpfTtcbiAgJHsoeyB2YXJpYW50IH0pID0+IHZhcmlhbnRTdHlsZXNbdmFyaWFudF19O1xuICBib3JkZXI6IDEwcHggc29saWQgcmVkO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRvYXN0ID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHsgekluZGV4ID0gMTIwMCwgY2hpbGRyZW4sIGlzT3BlbiwgdmFyaWFudCA9ICduZXV0cmFsJywgZGlzbWlzc1RpbWVvdXQgPSAzMDAwLCBvbkRpc21pc3MgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IFtpc0ludGVybmFsbHlPcGVuLCBzZXRJc0ludGVybmFsbHlPcGVuXSA9IHVzZVN0YXRlKGlzT3Blbik7XG4gICAgY29uc3QgW2lzSG92ZXJlZCwgc2V0SXNIb3ZlcmVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICBjb25zdCBkaXNtaXNzVGltZXJSZWYgPSB1c2VSZWYoKTtcblxuICAgIGNvbnN0IGNsZWFyRGlzbWlzc1RpbWVyID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgaWYgKGRpc21pc3NUaW1lclJlZi5jdXJyZW50KSB7XG4gICAgICAgIGNsZWFyVGltZW91dChkaXNtaXNzVGltZXJSZWYuY3VycmVudCk7XG4gICAgICB9XG4gICAgfSwgW10pO1xuXG4gICAgY29uc3Qgc3RhcnREaXNtaXNzVGltZXIgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICBjbGVhckRpc21pc3NUaW1lcigpO1xuICAgICAgZGlzbWlzc1RpbWVyUmVmLmN1cnJlbnQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgc2V0SXNJbnRlcm5hbGx5T3BlbihmYWxzZSk7XG4gICAgICAgIG9uRGlzbWlzcyAmJiBvbkRpc21pc3MoKTtcbiAgICAgIH0sIGRpc21pc3NUaW1lb3V0KTtcbiAgICB9LCBbY2xlYXJEaXNtaXNzVGltZXIsIGRpc21pc3NUaW1lb3V0LCBvbkRpc21pc3NdKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBzZXRJc0ludGVybmFsbHlPcGVuKGlzT3Blbik7XG4gICAgICBpZiAoaXNPcGVuICYmICFpc0hvdmVyZWQpIHtcbiAgICAgICAgc3RhcnREaXNtaXNzVGltZXIoKTtcbiAgICAgIH1cbiAgICB9LCBbaXNPcGVuLCBpc0hvdmVyZWQsIHN0YXJ0RGlzbWlzc1RpbWVyXSk7XG5cbiAgICBjb25zdCBoYW5kbGVNb3VzZUVudGVyID0gKCkgPT4ge1xuICAgICAgc2V0SXNIb3ZlcmVkKHRydWUpO1xuICAgICAgY2xlYXJEaXNtaXNzVGltZXIoKTtcbiAgICB9O1xuXG4gICAgY29uc3QgaGFuZGxlTW91c2VMZWF2ZSA9ICgpID0+IHtcbiAgICAgIHNldElzSG92ZXJlZChmYWxzZSk7XG4gICAgICBpZiAoaXNPcGVuKSB7XG4gICAgICAgIHN0YXJ0RGlzbWlzc1RpbWVyKCk7XG4gICAgICB9XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Um9vdFxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgekluZGV4PXt6SW5kZXh9XG4gICAgICAgIG9uTW91c2VFbnRlcj17aGFuZGxlTW91c2VFbnRlcn1cbiAgICAgICAgb25Nb3VzZUxlYXZlPXtoYW5kbGVNb3VzZUxlYXZlfVxuICAgICAgPlxuICAgICAgICA8VHJhbnNpdGlvbiBzaG93PXtpc0ludGVybmFsbHlPcGVufSBhcz17RnJhZ21lbnR9PlxuICAgICAgICAgIDxUcmFuc2l0aW9uLkNoaWxkIGFzPXtGcmFnbWVudH0gey4uLnRyYW5zaXRpb25DaGlsZFByb3BzfT5cbiAgICAgICAgICAgIDxDb250ZW50IHZhcmlhbnQ9e3ZhcmlhbnR9PntjaGlsZHJlbn08L0NvbnRlbnQ+XG4gICAgICAgICAgPC9UcmFuc2l0aW9uLkNoaWxkPlxuICAgICAgICA8L1RyYW5zaXRpb24+XG4gICAgICA8L1Jvb3Q+XG4gICAgKTtcbiAgfSxcbik7XG5cblRvYXN0LnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLFxuICB6SW5kZXg6IFByb3BUeXBlcy5udW1iZXIsXG4gIGlzT3BlbjogUHJvcFR5cGVzLmJvb2wsXG4gIHZhcmlhbnQ6IFByb3BUeXBlcy5vbmVPZihbJ3N1Y2Nlc3MnLCAnZGFuZ2VyJywgJ25ldXRyYWwnXSksXG4gIGRpc21pc3NUaW1lb3V0OiBQcm9wVHlwZXMubnVtYmVyLFxuICBvbkRpc21pc3M6IFByb3BUeXBlcy5mdW5jLFxufTtcbiJdfQ== */"));
+}, ";text-align:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RvYXN0LmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RDBCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RvYXN0LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgZm9yd2FyZFJlZiwgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFNwYWNlLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGxpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXQgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgVHJhbnNpdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IHVzZVByZXYgfSBmcm9tICcuLi9ob29rcyc7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIHN1Y2Nlc3M6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldENvbG9yKCdzdWNjZXNzJyksXG4gICAgY29sb3I6ICd3aGl0ZScsXG4gIH0sXG4gIGRhbmdlcjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICAgIGNvbG9yOiAnd2hpdGUnLFxuICB9LFxuICBuZXV0cmFsOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRDb2xvcignc2hhZGUxMicpLFxuICAgIGNvbG9yOiBnZXRDb2xvcignc2hhZGUyJyksXG4gIH0sXG59O1xuXG5jb25zdCB0cmFuc2l0aW9uQ2hpbGRQcm9wcyA9IHtcbiAgZW50ZXI6ICdlbnRlcicsXG4gIGVudGVyRnJvbTogJ2VudGVyRnJvbScsXG4gIGVudGVyVG86ICdlbnRlclRvJyxcbiAgbGVhdmU6ICdsZWF2ZScsXG4gIGxlYXZlRnJvbTogJ2xlYXZlRnJvbScsXG4gIGxlYXZlVG86ICdsZWF2ZVRvJyxcbn07XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICAtLXBhZ2VQYWRkaW5nOiBtYXgodmFyKC0tZ3JuLXNwYWNlLXMpLCAxLjV2dyk7XG5cbiAgJHsoeyB6SW5kZXggfSkgPT4gYHotaW5kZXg6ICR7ekluZGV4fWB9O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIGJvdHRvbTogdmFyKC0tcGFnZVBhZGRpbmcpO1xuICBsZWZ0OiA1MCU7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcblxuICAuZW50ZXJGcm9tLFxuICAubGVhdmVUbyB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoJHtnZXRTcGFjZSgncycpfSk7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdzbG93Jyl9O1xuICB9XG4gIC5lbnRlclRvLFxuICAubGVhdmVGcm9tIHtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ3Nsb3cnKX07XG4gIH1cbmA7XG5cbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAtLXBhZGRpbmc6ICR7Z2V0U3BhY2UoMi41KX07XG4gIHBhZGRpbmc6IGNhbGModmFyKC0tcGFkZGluZykgLSAke2xpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXR9KSB2YXIoLS1wYWRkaW5nKTtcbiAgd2lkdGg6IG1heC1jb250ZW50O1xuICBtYXgtd2lkdGg6IG1pbigke2dldFNwYWNlKDcwKX0sIGNhbGMoMTAwdncgLSB2YXIoLS1wYWdlUGFkZGluZykgKiAyKSk7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdtJyl9O1xuICAkeyh7IHZhcmlhbnQgfSkgPT4gdmFyaWFudFN0eWxlc1t2YXJpYW50XX07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBUb2FzdCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIHpJbmRleCA9IDEyMDAsXG4gICAgICBpc09wZW4gPSBmYWxzZSxcbiAgICAgIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gICAgICBkaXNtaXNzVGltZW91dCA9IDMwMDAsXG4gICAgICBvbkRpc21pc3MsXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IGRpc21pc3NUaW1lclJlZiA9IHVzZVJlZihudWxsKTtcbiAgICBjb25zdCBjbGVhckRpc21pc3NUaW1lciA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgIGlmIChkaXNtaXNzVGltZXJSZWYuY3VycmVudCkge1xuICAgICAgICBjbGVhclRpbWVvdXQoZGlzbWlzc1RpbWVyUmVmLmN1cnJlbnQpO1xuICAgICAgfVxuICAgIH0sIFtdKTtcblxuICAgIGNvbnN0IHN0YXJ0RGlzbWlzc1RpbWVyID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgY2xlYXJEaXNtaXNzVGltZXIoKTtcbiAgICAgIGRpc21pc3NUaW1lclJlZi5jdXJyZW50ID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIG9uRGlzbWlzcyAmJiBvbkRpc21pc3MoKTtcbiAgICAgIH0sIGRpc21pc3NUaW1lb3V0KTtcbiAgICB9LCBbY2xlYXJEaXNtaXNzVGltZXIsIGRpc21pc3NUaW1lb3V0LCBvbkRpc21pc3NdKTtcblxuICAgIGNvbnN0IGlzT3BlblByZXYgPSB1c2VQcmV2KGlzT3Blbik7XG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGlmICghaXNPcGVuUHJldiAmJiBpc09wZW4pIHtcbiAgICAgICAgc3RhcnREaXNtaXNzVGltZXIoKTtcbiAgICAgIH1cbiAgICB9LCBbaXNPcGVuLCBpc09wZW5QcmV2LCBzdGFydERpc21pc3NUaW1lcl0pO1xuXG4gICAgY29uc3QgaGFuZGxlTW91c2VFbnRlciA9ICgpID0+IHtcbiAgICAgIGNsZWFyRGlzbWlzc1RpbWVyKCk7XG4gICAgfTtcblxuICAgIGNvbnN0IGhhbmRsZU1vdXNlTGVhdmUgPSAoKSA9PiB7XG4gICAgICBpZiAoaXNPcGVuKSB7XG4gICAgICAgIHN0YXJ0RGlzbWlzc1RpbWVyKCk7XG4gICAgICB9XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Um9vdFxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgekluZGV4PXt6SW5kZXh9XG4gICAgICAgIG9uTW91c2VFbnRlcj17aGFuZGxlTW91c2VFbnRlcn1cbiAgICAgICAgb25Nb3VzZUxlYXZlPXtoYW5kbGVNb3VzZUxlYXZlfVxuICAgICAgPlxuICAgICAgICA8VHJhbnNpdGlvbiBzaG93PXtpc09wZW59PlxuICAgICAgICAgIDxUcmFuc2l0aW9uLkNoaWxkIGFzPXtGcmFnbWVudH0gey4uLnRyYW5zaXRpb25DaGlsZFByb3BzfT5cbiAgICAgICAgICAgIDxDb250ZW50IHZhcmlhbnQ9e3ZhcmlhbnR9PntjaGlsZHJlbn08L0NvbnRlbnQ+XG4gICAgICAgICAgPC9UcmFuc2l0aW9uLkNoaWxkPlxuICAgICAgICA8L1RyYW5zaXRpb24+XG4gICAgICA8L1Jvb3Q+XG4gICAgKTtcbiAgfSxcbik7XG5cblRvYXN0LnByb3BUeXBlcyA9IHtcbiAgY2hpbGRyZW46IFByb3BUeXBlcy5ub2RlLmlzUmVxdWlyZWQsXG4gIHpJbmRleDogUHJvcFR5cGVzLm51bWJlcixcbiAgaXNPcGVuOiBQcm9wVHlwZXMuYm9vbCxcbiAgdmFyaWFudDogUHJvcFR5cGVzLm9uZU9mKFsnc3VjY2VzcycsICdkYW5nZXInLCAnbmV1dHJhbCddKSxcbiAgZGlzbWlzc1RpbWVvdXQ6IFByb3BUeXBlcy5udW1iZXIsXG4gIG9uRGlzbWlzczogUHJvcFR5cGVzLmZ1bmMsXG59O1xuIl19 */"));
 
 export var Toast = /*#__PURE__*/forwardRef(function (_ref3, ref) {
-  var _ref3$zIndex = _ref3.zIndex,
+  var children = _ref3.children,
+      _ref3$zIndex = _ref3.zIndex,
       zIndex = _ref3$zIndex === void 0 ? 1200 : _ref3$zIndex,
-      children = _ref3.children,
-      isOpen = _ref3.isOpen,
+      _ref3$isOpen = _ref3.isOpen,
+      isOpen = _ref3$isOpen === void 0 ? false : _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 _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 dismissTimerRef = useRef(null);
   var clearDismissTimer = useCallback(function () {
     if (dismissTimerRef.current) {
       clearTimeout(dismissTimerRef.current);
@@ -104,26 +73,21 @@ 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 () {
-    setIsInternallyOpen(isOpen);
-
-    if (isOpen && !isHovered) {
+    if (!isOpenPrev && isOpen) {
       startDismissTimer();
     }
-  }, [isOpen, isHovered, startDismissTimer]);
+  }, [isOpen, isOpenPrev, startDismissTimer]);
 
   var handleMouseEnter = function handleMouseEnter() {
-    setIsHovered(true);
     clearDismissTimer();
   };
 
   var handleMouseLeave = function handleMouseLeave() {
-    setIsHovered(false);
-
     if (isOpen) {
       startDismissTimer();
     }
@@ -135,8 +99,7 @@ export var Toast = /*#__PURE__*/forwardRef(function (_ref3, ref) {
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave
   }, ___EmotionJSX(Transition, {
-    show: isInternallyOpen,
-    as: Fragment
+    show: isOpen
   }, ___EmotionJSX(Transition.Child, _extends({
     as: Fragment
   }, transitionChildProps), ___EmotionJSX(Content, {
@@ -144,7 +107,7 @@ export var Toast = /*#__PURE__*/forwardRef(function (_ref3, ref) {
   }, children))));
 });
 Toast.propTypes = {
-  children: PropTypes.node,
+  children: PropTypes.node.isRequired,
   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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Rvb2x0aXAuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CaUMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdG9vbHRpcC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQcm9wVHlwZXMgfSBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBjbG9uZUVsZW1lbnQsIHVzZVN0YXRlLCBGcmFnbWVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHtcbiAgdXNlRmxvYXRpbmcsXG4gIGF1dG9VcGRhdGUsXG4gIG9mZnNldCxcbiAgZmxpcCxcbiAgdXNlSG92ZXIsXG4gIHVzZUZvY3VzLFxuICB1c2VEaXNtaXNzLFxuICB1c2VSb2xlLFxuICB1c2VJbnRlcmFjdGlvbnMsXG4gIEZsb2F0aW5nUG9ydGFsLFxuICBzaGlmdCxcbn0gZnJvbSAnQGZsb2F0aW5nLXVpL3JlYWN0LWRvbS1pbnRlcmFjdGlvbnMnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBsaW5lSGVpZ2h0QW5kQ2FwSGVpZ2h0T2Zmc2V0LCBwbGFjZW1lbnRTdHlsZXMsIHBsYWNlbWVudHNNYXAgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIC0tcGFkZGluZzogMTZweDtcbiAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignc2hhZGUxMicpfTtcbiAgY29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlMicpfTtcbiAgcGFkZGluZzogY2FsYyh2YXIoLS1wYWRkaW5nKSAtICR7bGluZUhlaWdodEFuZENhcEhlaWdodE9mZnNldH0pIHZhcigtLXBhZGRpbmcpO1xuICBtYXgtd2lkdGg6IDI1NnB4O1xuICB3aWR0aDogbWF4LWNvbnRlbnQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICAkeyh7IHpJbmRleCB9KSA9PiBgei1pbmRleDogJHt6SW5kZXh9YH07XG4gIHRyYW5zaXRpb246IG9wYWNpdHkgJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9IDAuMDdzO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbmA7XG5cbmNvbnN0IFN0YXRpY1Jvb3QgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgLS1jb250ZW50T3BhY2l0eTogMDtcblxuICAmOmhvdmVyIHtcbiAgICAtLWNvbnRlbnRPcGFjaXR5OiAxO1xuICB9XG5cbiAgLyogRXhjZXB0IEZpcmVmb3ggKi9cbiAgJjpoYXMoOmZvY3VzLXZpc2libGUpIHtcbiAgICAtLWNvbnRlbnRPcGFjaXR5OiAxO1xuICB9XG5gO1xuXG5jb25zdCB0b29sdGlwT2Zmc2V0cyA9IHtcbiAgeHM6IDQsXG4gIHM6IDgsXG59O1xuXG5leHBvcnQgY29uc3QgVG9vbHRpcCA9ICh7XG4gIGNoaWxkcmVuLFxuICBjb250ZW50LFxuICBwbGFjZW1lbnQgPSAndG9wJyxcbiAgekluZGV4ID0gMTQwMCwgLy8gSXQgc2hvdWxkIGJlIGdyZWF0ZXIgdGhhbiBvciBlcXVhbCAxNDAwIHRvIGF2b2lkIGNhc2UgYmUgaGlkZGVuIGJlIGhpZGUgb3RoZXIgb3ZlcmxheSBjb21wb25lbnRzLiBodHRwczovL2dpdC5mZG53Lm5ldC9kZXYvZnJvbnRlbmQvLS9ibG9iL21hc3Rlci9wYWNrYWdlcy91aS9zcmMvc2Nzcy9fdmFycy5zY3NzI0wxMDNcbiAgaGFzUG9ydGFsID0gdHJ1ZSxcbiAgcGxhY2VtZW50TWV0aG9kID0gJ2R5bmFtaWMnLFxuICBvZmZzZXQ6IHRvb2x0aXBPZmZzZXQgPSAneHMnLFxuICAuLi5wcm9wc1xufSkgPT4ge1xuICBjb25zdCBbaXNPcGVuLCBzZXRJc09wZW5dID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IHsgeCwgeSwgcmVmZXJlbmNlLCBmbG9hdGluZywgc3RyYXRlZ3ksIGNvbnRleHQgfSA9IHVzZUZsb2F0aW5nKHtcbiAgICBwbGFjZW1lbnQ6IHBsYWNlbWVudHNNYXBbcGxhY2VtZW50XSxcbiAgICBvbk9wZW5DaGFuZ2U6IHNldElzT3BlbixcbiAgICBtaWRkbGV3YXJlOiBbb2Zmc2V0KHRvb2x0aXBPZmZzZXRzW3Rvb2x0aXBPZmZzZXRdKSwgZmxpcCgpLCBzaGlmdCh7IHBhZGRpbmc6IDQgfSldLFxuICAgIHdoaWxlRWxlbWVudHNNb3VudGVkKC4uLmFyZ3MpIHtcbiAgICAgIGNvbnN0IGNsZWFudXAgPSBhdXRvVXBkYXRlKC4uLmFyZ3MsIHsgYW5pbWF0aW9uRnJhbWU6IHRydWUgfSk7XG4gICAgICAvLyBJbXBvcnRhbnQhIEFsd2F5cyByZXR1cm4gdGhlIGNsZWFudXAgZnVuY3Rpb24uXG4gICAgICByZXR1cm4gY2xlYW51cDtcbiAgICB9LFxuICB9KTtcblxuICBjb25zdCBob3ZlciA9IHVzZUhvdmVyKGNvbnRleHQsIHtcbiAgICBtb3ZlOiBmYWxzZSxcbiAgfSk7XG4gIGNvbnN0IGZvY3VzID0gdXNlRm9jdXMoY29udGV4dCk7XG4gIGNvbnN0IGRpc21pc3MgPSB1c2VEaXNtaXNzKGNvbnRleHQpO1xuICBjb25zdCByb2xlID0gdXNlUm9sZShjb250ZXh0LCB7IHJvbGU6ICd0b29sdGlwJyB9KTtcbiAgY29uc3QgeyBnZXRSZWZlcmVuY2VQcm9wcywgZ2V0RmxvYXRpbmdQcm9wcyB9ID0gdXNlSW50ZXJhY3Rpb25zKFtob3ZlciwgZm9jdXMsIGRpc21pc3MsIHJvbGVdKTtcblxuICBjb25zdCBDb250ZW50Um9vdCA9IGhhc1BvcnRhbCA/IEZsb2F0aW5nUG9ydGFsIDogRnJhZ21lbnQ7XG5cbiAgaWYgKHBsYWNlbWVudE1ldGhvZCA9PT0gJ3N0YXRpYycpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0YXRpY1Jvb3Q+XG4gICAgICAgIDxDb250ZW50V3JhcHBlclxuICAgICAgICAgIHJlZj17ZmxvYXRpbmd9XG4gICAgICAgICAgekluZGV4PXt6SW5kZXh9XG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIG9wYWNpdHk6ICd2YXIoLS1jb250ZW50T3BhY2l0eSknLFxuICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgICAgICAuLi5wbGFjZW1lbnRTdHlsZXNbcGxhY2VtZW50XSxcbiAgICAgICAgICAgICctLXBsYWNlbWVudE9mZnNldCc6IGAke3Rvb2x0aXBPZmZzZXRzW3Rvb2x0aXBPZmZzZXRdfXB4YCxcbiAgICAgICAgICB9fVxuICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgPlxuICAgICAgICAgIHtjb250ZW50fVxuICAgICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuXG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvU3RhdGljUm9vdD5cbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPENvbnRlbnRSb290PlxuICAgICAgICA8Q29udGVudFdyYXBwZXJcbiAgICAgICAgICBjbGFzc05hbWU9XCJncm4tY29udGV4dFwiXG4gICAgICAgICAgcmVmPXtmbG9hdGluZ31cbiAgICAgICAgICB6SW5kZXg9e3pJbmRleH1cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgb3BhY2l0eTogaXNPcGVuID8gMSA6IDAsXG4gICAgICAgICAgICBwb3NpdGlvbjogc3RyYXRlZ3ksXG4gICAgICAgICAgICB0b3A6IHkgPz8gMCxcbiAgICAgICAgICAgIGxlZnQ6IHggPz8gMCxcbiAgICAgICAgICB9fVxuICAgICAgICAgIHsuLi5nZXRGbG9hdGluZ1Byb3BzKCl9XG4gICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICA+XG4gICAgICAgICAge2NvbnRlbnR9XG4gICAgICAgIDwvQ29udGVudFdyYXBwZXI+XG4gICAgICA8L0NvbnRlbnRSb290PlxuXG4gICAgICB7Y2xvbmVFbGVtZW50KGNoaWxkcmVuLCB7XG4gICAgICAgIHJlZjogcmVmZXJlbmNlLFxuICAgICAgICAuLi5nZXRSZWZlcmVuY2VQcm9wcygpLFxuICAgICAgfSl9XG4gICAgPC8+XG4gICk7XG59O1xuXG5Ub29sdGlwLkNvbnRlbnQgPSBDb250ZW50V3JhcHBlcjtcblxuVG9vbHRpcC5wcm9wVHlwZXMgPSB7XG4gIHBsYWNlbWVudDogdHlwZXMucGxhY2VtZW50LFxuICBjb250ZW50OiBQcm9wVHlwZXMubm9kZSxcbiAgaGFzUG9ydGFsOiBQcm9wVHlwZXMuYm9vbCxcbiAgekluZGV4OiB0eXBlcy56SW5kZXgsXG4gIHBsYWNlbWVudE1ldGhvZDogUHJvcFR5cGVzLm9uZU9mKFsnc3RhdGljJywgJ2R5bmFtaWMnXSksXG4gIG9mZnNldDogUHJvcFR5cGVzLm9uZU9mKFsneHMnLCAncyddKSxcbn07XG4iXX0= */"));
+}, ";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== */"));
 
 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Rvb2x0aXAuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDNkIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdG9vbHRpcC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQcm9wVHlwZXMgfSBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBjbG9uZUVsZW1lbnQsIHVzZVN0YXRlLCBGcmFnbWVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHtcbiAgdXNlRmxvYXRpbmcsXG4gIGF1dG9VcGRhdGUsXG4gIG9mZnNldCxcbiAgZmxpcCxcbiAgdXNlSG92ZXIsXG4gIHVzZUZvY3VzLFxuICB1c2VEaXNtaXNzLFxuICB1c2VSb2xlLFxuICB1c2VJbnRlcmFjdGlvbnMsXG4gIEZsb2F0aW5nUG9ydGFsLFxuICBzaGlmdCxcbn0gZnJvbSAnQGZsb2F0aW5nLXVpL3JlYWN0LWRvbS1pbnRlcmFjdGlvbnMnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBsaW5lSGVpZ2h0QW5kQ2FwSGVpZ2h0T2Zmc2V0LCBwbGFjZW1lbnRTdHlsZXMsIHBsYWNlbWVudHNNYXAgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIC0tcGFkZGluZzogMTZweDtcbiAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignc2hhZGUxMicpfTtcbiAgY29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlMicpfTtcbiAgcGFkZGluZzogY2FsYyh2YXIoLS1wYWRkaW5nKSAtICR7bGluZUhlaWdodEFuZENhcEhlaWdodE9mZnNldH0pIHZhcigtLXBhZGRpbmcpO1xuICBtYXgtd2lkdGg6IDI1NnB4O1xuICB3aWR0aDogbWF4LWNvbnRlbnQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICAkeyh7IHpJbmRleCB9KSA9PiBgei1pbmRleDogJHt6SW5kZXh9YH07XG4gIHRyYW5zaXRpb246IG9wYWNpdHkgJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9IDAuMDdzO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbmA7XG5cbmNvbnN0IFN0YXRpY1Jvb3QgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgLS1jb250ZW50T3BhY2l0eTogMDtcblxuICAmOmhvdmVyIHtcbiAgICAtLWNvbnRlbnRPcGFjaXR5OiAxO1xuICB9XG5cbiAgLyogRXhjZXB0IEZpcmVmb3ggKi9cbiAgJjpoYXMoOmZvY3VzLXZpc2libGUpIHtcbiAgICAtLWNvbnRlbnRPcGFjaXR5OiAxO1xuICB9XG5gO1xuXG5jb25zdCB0b29sdGlwT2Zmc2V0cyA9IHtcbiAgeHM6IDQsXG4gIHM6IDgsXG59O1xuXG5leHBvcnQgY29uc3QgVG9vbHRpcCA9ICh7XG4gIGNoaWxkcmVuLFxuICBjb250ZW50LFxuICBwbGFjZW1lbnQgPSAndG9wJyxcbiAgekluZGV4ID0gMTQwMCwgLy8gSXQgc2hvdWxkIGJlIGdyZWF0ZXIgdGhhbiBvciBlcXVhbCAxNDAwIHRvIGF2b2lkIGNhc2UgYmUgaGlkZGVuIGJlIGhpZGUgb3RoZXIgb3ZlcmxheSBjb21wb25lbnRzLiBodHRwczovL2dpdC5mZG53Lm5ldC9kZXYvZnJvbnRlbmQvLS9ibG9iL21hc3Rlci9wYWNrYWdlcy91aS9zcmMvc2Nzcy9fdmFycy5zY3NzI0wxMDNcbiAgaGFzUG9ydGFsID0gdHJ1ZSxcbiAgcGxhY2VtZW50TWV0aG9kID0gJ2R5bmFtaWMnLFxuICBvZmZzZXQ6IHRvb2x0aXBPZmZzZXQgPSAneHMnLFxuICAuLi5wcm9wc1xufSkgPT4ge1xuICBjb25zdCBbaXNPcGVuLCBzZXRJc09wZW5dID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gIGNvbnN0IHsgeCwgeSwgcmVmZXJlbmNlLCBmbG9hdGluZywgc3RyYXRlZ3ksIGNvbnRleHQgfSA9IHVzZUZsb2F0aW5nKHtcbiAgICBwbGFjZW1lbnQ6IHBsYWNlbWVudHNNYXBbcGxhY2VtZW50XSxcbiAgICBvbk9wZW5DaGFuZ2U6IHNldElzT3BlbixcbiAgICBtaWRkbGV3YXJlOiBbb2Zmc2V0KHRvb2x0aXBPZmZzZXRzW3Rvb2x0aXBPZmZzZXRdKSwgZmxpcCgpLCBzaGlmdCh7IHBhZGRpbmc6IDQgfSldLFxuICAgIHdoaWxlRWxlbWVudHNNb3VudGVkKC4uLmFyZ3MpIHtcbiAgICAgIGNvbnN0IGNsZWFudXAgPSBhdXRvVXBkYXRlKC4uLmFyZ3MsIHsgYW5pbWF0aW9uRnJhbWU6IHRydWUgfSk7XG4gICAgICAvLyBJbXBvcnRhbnQhIEFsd2F5cyByZXR1cm4gdGhlIGNsZWFudXAgZnVuY3Rpb24uXG4gICAgICByZXR1cm4gY2xlYW51cDtcbiAgICB9LFxuICB9KTtcblxuICBjb25zdCBob3ZlciA9IHVzZUhvdmVyKGNvbnRleHQsIHtcbiAgICBtb3ZlOiBmYWxzZSxcbiAgfSk7XG4gIGNvbnN0IGZvY3VzID0gdXNlRm9jdXMoY29udGV4dCk7XG4gIGNvbnN0IGRpc21pc3MgPSB1c2VEaXNtaXNzKGNvbnRleHQpO1xuICBjb25zdCByb2xlID0gdXNlUm9sZShjb250ZXh0LCB7IHJvbGU6ICd0b29sdGlwJyB9KTtcbiAgY29uc3QgeyBnZXRSZWZlcmVuY2VQcm9wcywgZ2V0RmxvYXRpbmdQcm9wcyB9ID0gdXNlSW50ZXJhY3Rpb25zKFtob3ZlciwgZm9jdXMsIGRpc21pc3MsIHJvbGVdKTtcblxuICBjb25zdCBDb250ZW50Um9vdCA9IGhhc1BvcnRhbCA/IEZsb2F0aW5nUG9ydGFsIDogRnJhZ21lbnQ7XG5cbiAgaWYgKHBsYWNlbWVudE1ldGhvZCA9PT0gJ3N0YXRpYycpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPFN0YXRpY1Jvb3Q+XG4gICAgICAgIDxDb250ZW50V3JhcHBlclxuICAgICAgICAgIHJlZj17ZmxvYXRpbmd9XG4gICAgICAgICAgekluZGV4PXt6SW5kZXh9XG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIG9wYWNpdHk6ICd2YXIoLS1jb250ZW50T3BhY2l0eSknLFxuICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgICAgICAuLi5wbGFjZW1lbnRTdHlsZXNbcGxhY2VtZW50XSxcbiAgICAgICAgICAgICctLXBsYWNlbWVudE9mZnNldCc6IGAke3Rvb2x0aXBPZmZzZXRzW3Rvb2x0aXBPZmZzZXRdfXB4YCxcbiAgICAgICAgICB9fVxuICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgPlxuICAgICAgICAgIHtjb250ZW50fVxuICAgICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuXG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvU3RhdGljUm9vdD5cbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPENvbnRlbnRSb290PlxuICAgICAgICA8Q29udGVudFdyYXBwZXJcbiAgICAgICAgICBjbGFzc05hbWU9XCJncm4tY29udGV4dFwiXG4gICAgICAgICAgcmVmPXtmbG9hdGluZ31cbiAgICAgICAgICB6SW5kZXg9e3pJbmRleH1cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgb3BhY2l0eTogaXNPcGVuID8gMSA6IDAsXG4gICAgICAgICAgICBwb3NpdGlvbjogc3RyYXRlZ3ksXG4gICAgICAgICAgICB0b3A6IHkgPz8gMCxcbiAgICAgICAgICAgIGxlZnQ6IHggPz8gMCxcbiAgICAgICAgICB9fVxuICAgICAgICAgIHsuLi5nZXRGbG9hdGluZ1Byb3BzKCl9XG4gICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICA+XG4gICAgICAgICAge2NvbnRlbnR9XG4gICAgICAgIDwvQ29udGVudFdyYXBwZXI+XG4gICAgICA8L0NvbnRlbnRSb290PlxuXG4gICAgICB7Y2xvbmVFbGVtZW50KGNoaWxkcmVuLCB7XG4gICAgICAgIHJlZjogcmVmZXJlbmNlLFxuICAgICAgICAuLi5nZXRSZWZlcmVuY2VQcm9wcygpLFxuICAgICAgfSl9XG4gICAgPC8+XG4gICk7XG59O1xuXG5Ub29sdGlwLkNvbnRlbnQgPSBDb250ZW50V3JhcHBlcjtcblxuVG9vbHRpcC5wcm9wVHlwZXMgPSB7XG4gIHBsYWNlbWVudDogdHlwZXMucGxhY2VtZW50LFxuICBjb250ZW50OiBQcm9wVHlwZXMubm9kZSxcbiAgaGFzUG9ydGFsOiBQcm9wVHlwZXMuYm9vbCxcbiAgekluZGV4OiB0eXBlcy56SW5kZXgsXG4gIHBsYWNlbWVudE1ldGhvZDogUHJvcFR5cGVzLm9uZU9mKFsnc3RhdGljJywgJ2R5bmFtaWMnXSksXG4gIG9mZnNldDogUHJvcFR5cGVzLm9uZU9mKFsneHMnLCAncyddKSxcbn07XG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3Rvb2x0aXAuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDNkIiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvdG9vbHRpcC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQcm9wVHlwZXMgfSBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBSZWFjdCwgeyBjbG9uZUVsZW1lbnQsIHVzZVN0YXRlLCBGcmFnbWVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHtcbiAgdXNlRmxvYXRpbmcsXG4gIGF1dG9VcGRhdGUsXG4gIG9mZnNldCxcbiAgZmxpcCxcbiAgdXNlSG92ZXIsXG4gIHVzZUZvY3VzLFxuICB1c2VEaXNtaXNzLFxuICB1c2VSb2xlLFxuICB1c2VJbnRlcmFjdGlvbnMsXG4gIEZsb2F0aW5nUG9ydGFsLFxuICBzaGlmdCxcbn0gZnJvbSAnQGZsb2F0aW5nLXVpL3JlYWN0LWRvbS1pbnRlcmFjdGlvbnMnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBsaW5lSGVpZ2h0QW5kQ2FwSGVpZ2h0T2Zmc2V0LCBwbGFjZW1lbnRTdHlsZXMsIHBsYWNlbWVudHNNYXAgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIC0tcGFkZGluZzogMTZweDtcbiAgYmFja2dyb3VuZDogJHtnZXRDb2xvcignc2hhZGUxMicpfTtcbiAgY29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlMicpfTtcbiAgcGFkZGluZzogY2FsYyh2YXIoLS1wYWRkaW5nKSAtICR7bGluZUhlaWdodEFuZENhcEhlaWdodE9mZnNldH0pIHZhcigtLXBhZGRpbmcpO1xuICBtYXgtd2lkdGg6IDI1NnB4O1xuICB3aWR0aDogbWF4LWNvbnRlbnQ7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICAkeyh7IHpJbmRleCB9KSA9PiBgei1pbmRleDogJHt6SW5kZXh9YH07XG4gIHRyYW5zaXRpb246IG9wYWNpdHkgJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9IDAuMDdzO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbmA7XG5cbmNvbnN0IFN0YXRpY1Jvb3QgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgLS1jb250ZW50T3BhY2l0eTogMDtcblxuICAmOmhvdmVyIHtcbiAgICAtLWNvbnRlbnRPcGFjaXR5OiAxO1xuICB9XG5cbiAgLyogRXhjZXB0IEZpcmVmb3ggKi9cbiAgJjpoYXMoOmZvY3VzLXZpc2libGUpIHtcbiAgICAtLWNvbnRlbnRPcGFjaXR5OiAxO1xuICB9XG5gO1xuXG5jb25zdCB0b29sdGlwT2Zmc2V0cyA9IHtcbiAgeHM6IDggLyAyLFxuICBzOiA4ICogMSxcbn07XG5cbmV4cG9ydCBjb25zdCBUb29sdGlwID0gKHtcbiAgY2hpbGRyZW4sXG4gIGNvbnRlbnQsXG4gIHBsYWNlbWVudCA9ICd0b3AnLFxuICB6SW5kZXggPSAxNDAwLCAvLyBJdCBzaG91bGQgYmUgZ3JlYXRlciB0aGFuIG9yIGVxdWFsIDE0MDAgdG8gYXZvaWQgY2FzZSBiZSBoaWRkZW4gYmUgaGlkZSBvdGhlciBvdmVybGF5IGNvbXBvbmVudHMuIGh0dHBzOi8vZ2l0LmZkbncubmV0L2Rldi9mcm9udGVuZC8tL2Jsb2IvbWFzdGVyL3BhY2thZ2VzL3VpL3NyYy9zY3NzL192YXJzLnNjc3MjTDEwM1xuICBoYXNQb3J0YWwgPSB0cnVlLFxuICBwbGFjZW1lbnRNZXRob2QgPSAnZHluYW1pYycsXG4gIG9mZnNldDogdG9vbHRpcE9mZnNldCA9ICd4cycsXG4gIC4uLnByb3BzXG59KSA9PiB7XG4gIGNvbnN0IFtpc09wZW4sIHNldElzT3Blbl0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgeyB4LCB5LCByZWZlcmVuY2UsIGZsb2F0aW5nLCBzdHJhdGVneSwgY29udGV4dCB9ID0gdXNlRmxvYXRpbmcoe1xuICAgIHBsYWNlbWVudDogcGxhY2VtZW50c01hcFtwbGFjZW1lbnRdLFxuICAgIG9uT3BlbkNoYW5nZTogc2V0SXNPcGVuLFxuICAgIG1pZGRsZXdhcmU6IFtvZmZzZXQodG9vbHRpcE9mZnNldHNbdG9vbHRpcE9mZnNldF0pLCBmbGlwKCksIHNoaWZ0KHsgcGFkZGluZzogNCB9KV0sXG4gICAgd2hpbGVFbGVtZW50c01vdW50ZWQoLi4uYXJncykge1xuICAgICAgY29uc3QgY2xlYW51cCA9IGF1dG9VcGRhdGUoLi4uYXJncywgeyBhbmltYXRpb25GcmFtZTogdHJ1ZSB9KTtcbiAgICAgIC8vIEltcG9ydGFudCEgQWx3YXlzIHJldHVybiB0aGUgY2xlYW51cCBmdW5jdGlvbi5cbiAgICAgIHJldHVybiBjbGVhbnVwO1xuICAgIH0sXG4gIH0pO1xuXG4gIGNvbnN0IGhvdmVyID0gdXNlSG92ZXIoY29udGV4dCwge1xuICAgIG1vdmU6IGZhbHNlLFxuICB9KTtcbiAgY29uc3QgZm9jdXMgPSB1c2VGb2N1cyhjb250ZXh0KTtcbiAgY29uc3QgZGlzbWlzcyA9IHVzZURpc21pc3MoY29udGV4dCk7XG4gIGNvbnN0IHJvbGUgPSB1c2VSb2xlKGNvbnRleHQsIHsgcm9sZTogJ3Rvb2x0aXAnIH0pO1xuICBjb25zdCB7IGdldFJlZmVyZW5jZVByb3BzLCBnZXRGbG9hdGluZ1Byb3BzIH0gPSB1c2VJbnRlcmFjdGlvbnMoW2hvdmVyLCBmb2N1cywgZGlzbWlzcywgcm9sZV0pO1xuXG4gIGNvbnN0IENvbnRlbnRSb290ID0gaGFzUG9ydGFsID8gRmxvYXRpbmdQb3J0YWwgOiBGcmFnbWVudDtcblxuICBpZiAocGxhY2VtZW50TWV0aG9kID09PSAnc3RhdGljJykge1xuICAgIHJldHVybiAoXG4gICAgICA8U3RhdGljUm9vdD5cbiAgICAgICAgPENvbnRlbnRXcmFwcGVyXG4gICAgICAgICAgcmVmPXtmbG9hdGluZ31cbiAgICAgICAgICB6SW5kZXg9e3pJbmRleH1cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgb3BhY2l0eTogJ3ZhcigtLWNvbnRlbnRPcGFjaXR5KScsXG4gICAgICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgICAgIC4uLnBsYWNlbWVudFN0eWxlc1twbGFjZW1lbnRdLFxuICAgICAgICAgICAgJy0tcGxhY2VtZW50T2Zmc2V0JzogYCR7dG9vbHRpcE9mZnNldHNbdG9vbHRpcE9mZnNldF19cHhgLFxuICAgICAgICAgIH19XG4gICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICA+XG4gICAgICAgICAge2NvbnRlbnR9XG4gICAgICAgIDwvQ29udGVudFdyYXBwZXI+XG5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9TdGF0aWNSb290PlxuICAgICk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8Q29udGVudFJvb3Q+XG4gICAgICAgIDxDb250ZW50V3JhcHBlclxuICAgICAgICAgIGNsYXNzTmFtZT1cImdybi1jb250ZXh0XCJcbiAgICAgICAgICByZWY9e2Zsb2F0aW5nfVxuICAgICAgICAgIHpJbmRleD17ekluZGV4fVxuICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICBvcGFjaXR5OiBpc09wZW4gPyAxIDogMCxcbiAgICAgICAgICAgIHBvc2l0aW9uOiBzdHJhdGVneSxcbiAgICAgICAgICAgIHRvcDogeSA/PyAwLFxuICAgICAgICAgICAgbGVmdDogeCA/PyAwLFxuICAgICAgICAgIH19XG4gICAgICAgICAgey4uLmdldEZsb2F0aW5nUHJvcHMoKX1cbiAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgID5cbiAgICAgICAgICB7Y29udGVudH1cbiAgICAgICAgPC9Db250ZW50V3JhcHBlcj5cbiAgICAgIDwvQ29udGVudFJvb3Q+XG5cbiAgICAgIHtjbG9uZUVsZW1lbnQoY2hpbGRyZW4sIHtcbiAgICAgICAgcmVmOiByZWZlcmVuY2UsXG4gICAgICAgIC4uLmdldFJlZmVyZW5jZVByb3BzKCksXG4gICAgICB9KX1cbiAgICA8Lz5cbiAgKTtcbn07XG5cblRvb2x0aXAuQ29udGVudCA9IENvbnRlbnRXcmFwcGVyO1xuXG5Ub29sdGlwLnByb3BUeXBlcyA9IHtcbiAgcGxhY2VtZW50OiB0eXBlcy5wbGFjZW1lbnQsXG4gIGNvbnRlbnQ6IFByb3BUeXBlcy5ub2RlLFxuICBoYXNQb3J0YWw6IFByb3BUeXBlcy5ib29sLFxuICB6SW5kZXg6IHR5cGVzLnpJbmRleCxcbiAgcGxhY2VtZW50TWV0aG9kOiBQcm9wVHlwZXMub25lT2YoWydzdGF0aWMnLCAnZHluYW1pYyddKSxcbiAgb2Zmc2V0OiBQcm9wVHlwZXMub25lT2YoWyd4cycsICdzJ10pLFxufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 
 var tooltipOffsets = {
-  xs: 4,
-  s: 8
+  xs: 8 / 2,
+  s: 8 * 1
 };
 export var Tooltip = function Tooltip(_ref2) {
   var children = _ref2.children,