@flodesk/grain 10.17.4 → 10.18.0

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,

package/es/foundational/field.js

@@ -1,7 +1,4 @@
-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 = ["paddingLeft", "paddingRight", "hasError", "isReadOnly", "isDisabled"],
     _excluded2 = ["children"],
     _excluded3 = ["children"];
@@ -13,7 +10,10 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 import "core-js/modules/es.array.concat.js";
-import { css } from '@emotion/react';
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.array.index-of.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.object.assign.js";
 import { forwardRef } from 'react';
 import { Text } from '../components';
 import { getColor, getRadius, getSpace, getTransition, getWeight } from '../utilities';
@@ -29,39 +29,63 @@ export var fieldVars = {
 };
 export var getFieldStyles = function getFieldStyles(_ref) {
   var hasError = _ref.hasError;
-  return /*#__PURE__*/css(styles.transitions, ";appearance:none;display:block;font:inherit;color:inherit;background-color:transparent;transition-property:border-color;width:100%;border-radius:", getRadius('s'), ";outline:none;border:", componentVars.strokeSize, " solid;border-color:", getColor(hasError ? 'danger' : 'fieldBorder'), ";&::placeholder{color:", getColor('shade7'), ";}&:disabled,&:read-only{background-color:", getColor('fieldBackgroundDisabled'), ";border-color:", getColor('fieldBorderDisabled'), ";}", !hasError && "\n    &:not(:disabled, :read-only) {\n      &:hover {\n        border-color: ".concat(getColor('fieldBorderHover'), ";\n      }\n\n      &:focus {\n        transition: ").concat(getTransition('active'), ";\n        border-color: ").concat(getColor('fieldBorderFocus'), ";\n      }\n    }\n  "), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getFieldStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVtRCIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL2ZpZWxkLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRTcGFjZSwgZ2V0VHJhbnNpdGlvbiwgZ2V0V2VpZ2h0IH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGZpZWxkVmFycyA9IHtcbiAgeFBhZGRpbmc6ICcxMnB4JyxcbiAgYm9yZGVyQ29sb3I6IGdldENvbG9yKCdmYWRlMycpLFxuICBib3JkZXJDb2xvckhvdmVyOiBnZXRDb2xvcignZmFkZTYnKSxcbiAgYm9yZGVyQ29sb3JGb2N1czogZ2V0Q29sb3IoJ3NoYWRlOScpLFxuICBib3JkZXJDb2xvckRpc2FibGVkOiBnZXRDb2xvcignc2hhZGU1JyksXG4gIGJhY2tncm91bmRDb2xvckRpc2FibGVkOiBnZXRDb2xvcignc2hhZGUyJyksXG59O1xuXG5leHBvcnQgY29uc3QgZ2V0RmllbGRTdHlsZXMgPSAoeyBoYXNFcnJvciB9KSA9PiBjc3NgXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQ6IGluaGVyaXQ7XG4gIGNvbG9yOiBpbmhlcml0O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYm9yZGVyLWNvbG9yO1xuICB3aWR0aDogMTAwJTtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG5cbiAgb3V0bGluZTogbm9uZTtcbiAgYm9yZGVyOiAke2NvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZX0gc29saWQ7XG4gIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcihoYXNFcnJvciA/ICdkYW5nZXInIDogJ2ZpZWxkQm9yZGVyJyl9O1xuXG4gICY6OnBsYWNlaG9sZGVyIHtcbiAgICBjb2xvcjogJHtnZXRDb2xvcignc2hhZGU3Jyl9O1xuICB9XG5cbiAgJjpkaXNhYmxlZCxcbiAgJjpyZWFkLW9ubHkge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ2ZpZWxkQmFja2dyb3VuZERpc2FibGVkJyl9O1xuICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcignZmllbGRCb3JkZXJEaXNhYmxlZCcpfTtcbiAgfVxuXG4gICR7IWhhc0Vycm9yICYmXG4gIGBcbiAgICAmOm5vdCg6ZGlzYWJsZWQsIDpyZWFkLW9ubHkpIHtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0Q29sb3IoJ2ZpZWxkQm9yZGVySG92ZXInKX07XG4gICAgICB9XG5cbiAgICAgICY6Zm9jdXMge1xuICAgICAgICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2FjdGl2ZScpfTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldENvbG9yKCdmaWVsZEJvcmRlckZvY3VzJyl9O1xuICAgICAgfVxuICAgIH1cbiAgYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJbnB1dEZpZWxkID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBhZGRpbmdMZWZ0ID0gZ2V0U3BhY2UoJ2ZpZWxkUGFkZGluZ1gnKSxcbiAgICAgIHBhZGRpbmdSaWdodCA9IGdldFNwYWNlKCdmaWVsZFBhZGRpbmdYJyksXG4gICAgICBoYXNFcnJvcixcbiAgICAgIGlzUmVhZE9ubHksXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiAoXG4gICAgPGlucHV0XG4gICAgICByZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHtnZXRGaWVsZFN0eWxlcyh7IGhhc0Vycm9yIH0pfTtcbiAgICAgICAgcGFkZGluZzogMCAke3BhZGRpbmdSaWdodH0gMCAke3BhZGRpbmdMZWZ0fTtcbiAgICAgICAgaGVpZ2h0OiAke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH07XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICksXG4pO1xuXG5leHBvcnQgY29uc3QgRmllbGRMYWJlbCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8bGFiZWxcbiAgICByZWY9e3JlZn1cbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdtZWRpdW0nKX07XG4gICAgICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG5cbiAgICAgIC8qIFRPRE86IHJlbW92ZSBhZnRlciBkZWxldGluZyBCb290c3RyYXAgKi9cbiAgICAgIG1hcmdpbjogdW5zZXQ7XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvbGFiZWw+XG4pKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkSGludCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8VGV4dCBjb2xvcj1cImNvbnRlbnQyXCIgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICA8L1RleHQ+XG4pKTtcbiJdfQ== */");
+  return "\n  ".concat(styles.transitions, ";\n  appearance: none;\n  display: block;\n  font: inherit;\n  color: inherit;\n  background-color: transparent;\n  transition-property: border-color;\n  width: 100%;\n  border-radius: ").concat(getRadius('s'), ";\n\n  outline: none;\n  border: ").concat(componentVars.strokeSize, " solid;\n  border-color: ").concat(getColor(hasError ? 'danger' : 'fieldBorder'), ";\n\n  &::placeholder {\n    color: ").concat(getColor('shade7'), ";\n  }\n\n  &:disabled,\n  &:read-only {\n    background-color: ").concat(getColor('fieldBackgroundDisabled'), ";\n    border-color: ").concat(getColor('fieldBorderDisabled'), ";\n    /* fix for safari */\n    -webkit-text-fill-color: ").concat(getColor('content'), ";\n    opacity: 1;\n  }\n\n  ").concat(!hasError && "\n    &:not(:disabled, :read-only) {\n      &:hover {\n        border-color: ".concat(getColor('fieldBorderHover'), ";\n      }\n\n      &:focus {\n        transition: ").concat(getTransition('active'), ";\n        border-color: ").concat(getColor('fieldBorderFocus'), ";\n      }\n    }\n  "), "\n");
 };
-export var InputField = /*#__PURE__*/forwardRef(function (_ref2, ref) {
-  var _ref2$paddingLeft = _ref2.paddingLeft,
-      paddingLeft = _ref2$paddingLeft === void 0 ? getSpace('fieldPaddingX') : _ref2$paddingLeft,
-      _ref2$paddingRight = _ref2.paddingRight,
-      paddingRight = _ref2$paddingRight === void 0 ? getSpace('fieldPaddingX') : _ref2$paddingRight,
-      hasError = _ref2.hasError,
-      isReadOnly = _ref2.isReadOnly,
-      isDisabled = _ref2.isDisabled,
-      props = _objectWithoutProperties(_ref2, _excluded);
 
-  return ___EmotionJSX("input", _extends({
+var InputFieldRoot = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "production" ? {
+  target: "e1swxi6p1"
+} : {
+  target: "e1swxi6p1",
+  label: "InputFieldRoot"
+})(function (_ref2) {
+  var hasError = _ref2.hasError;
+  return getFieldStyles({
+    hasError: hasError
+  });
+}, ";padding:", function (_ref3) {
+  var paddingLeft = _ref3.paddingLeft,
+      paddingRight = _ref3.paddingRight;
+  return "0 ".concat(paddingRight, " 0 ").concat(paddingLeft);
+}, ";height:", componentVars.textBoxHeight, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTREbUMiLCJmaWxlIjoiLi4vLi4vc3JjL2ZvdW5kYXRpb25hbC9maWVsZC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24sIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzLCBzdHlsZXMgfSBmcm9tICcuL3N0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCBjb25zdCBmaWVsZFZhcnMgPSB7XG4gIHhQYWRkaW5nOiAnMTJweCcsXG4gIGJvcmRlckNvbG9yOiBnZXRDb2xvcignZmFkZTMnKSxcbiAgYm9yZGVyQ29sb3JIb3ZlcjogZ2V0Q29sb3IoJ2ZhZGU2JyksXG4gIGJvcmRlckNvbG9yRm9jdXM6IGdldENvbG9yKCdzaGFkZTknKSxcbiAgYm9yZGVyQ29sb3JEaXNhYmxlZDogZ2V0Q29sb3IoJ3NoYWRlNScpLFxuICBiYWNrZ3JvdW5kQ29sb3JEaXNhYmxlZDogZ2V0Q29sb3IoJ3NoYWRlMicpLFxufTtcblxuZXhwb3J0IGNvbnN0IGdldEZpZWxkU3R5bGVzID0gKHsgaGFzRXJyb3IgfSkgPT4gYFxuICAke3N0eWxlcy50cmFuc2l0aW9uc307XG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmb250OiBpbmhlcml0O1xuICBjb2xvcjogaW5oZXJpdDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGJvcmRlci1jb2xvcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuXG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlcjogJHtjb21wb25lbnRWYXJzLnN0cm9rZVNpemV9IHNvbGlkO1xuICBib3JkZXItY29sb3I6ICR7Z2V0Q29sb3IoaGFzRXJyb3IgPyAnZGFuZ2VyJyA6ICdmaWVsZEJvcmRlcicpfTtcblxuICAmOjpwbGFjZWhvbGRlciB7XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlNycpfTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQsXG4gICY6cmVhZC1vbmx5IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdmaWVsZEJhY2tncm91bmREaXNhYmxlZCcpfTtcbiAgICBib3JkZXItY29sb3I6ICR7Z2V0Q29sb3IoJ2ZpZWxkQm9yZGVyRGlzYWJsZWQnKX07XG4gICAgLyogZml4IGZvciBzYWZhcmkgKi9cbiAgICAtd2Via2l0LXRleHQtZmlsbC1jb2xvcjogJHtnZXRDb2xvcignY29udGVudCcpfTtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG5cbiAgJHtcbiAgICAhaGFzRXJyb3IgJiZcbiAgICBgXG4gICAgJjpub3QoOmRpc2FibGVkLCA6cmVhZC1vbmx5KSB7XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldENvbG9yKCdmaWVsZEJvcmRlckhvdmVyJyl9O1xuICAgICAgfVxuXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdhY3RpdmUnKX07XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcignZmllbGRCb3JkZXJGb2N1cycpfTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbiAgfVxuYDtcblxuY29uc3QgSW5wdXRGaWVsZFJvb3QgPSBzdHlsZWQuaW5wdXRgXG4gICR7KHsgaGFzRXJyb3IgfSkgPT4gZ2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciB9KX07XG4gIHBhZGRpbmc6ICR7KHsgcGFkZGluZ0xlZnQsIHBhZGRpbmdSaWdodCB9KSA9PiBgMCAke3BhZGRpbmdSaWdodH0gMCAke3BhZGRpbmdMZWZ0fWB9O1xuICBoZWlnaHQ6ICR7Y29tcG9uZW50VmFycy50ZXh0Qm94SGVpZ2h0fTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJbnB1dEZpZWxkID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBhZGRpbmdMZWZ0ID0gZ2V0U3BhY2UoJ2ZpZWxkUGFkZGluZ1gnKSxcbiAgICAgIHBhZGRpbmdSaWdodCA9IGdldFNwYWNlKCdmaWVsZFBhZGRpbmdYJyksXG4gICAgICBoYXNFcnJvcixcbiAgICAgIGlzUmVhZE9ubHksXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiAoXG4gICAgPElucHV0RmllbGRSb290XG4gICAgICBwYWRkaW5nTGVmdD17cGFkZGluZ0xlZnR9XG4gICAgICBwYWRkaW5nUmlnaHQ9e3BhZGRpbmdSaWdodH1cbiAgICAgIHJlYWRPbmx5PXtpc1JlYWRPbmx5fVxuICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApLFxuKTtcblxuY29uc3QgRmllbGRMYWJlbFJvb3QgPSBzdHlsZWQubGFiZWxgXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmb250LXdlaWdodDogJHtnZXRXZWlnaHQoJ21lZGl1bScpfTtcbiAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuXG4gIC8qIFRPRE86IHJlbW92ZSBhZnRlciBkZWxldGluZyBCb290c3RyYXAgKi9cbiAgbWFyZ2luOiB1bnNldDtcbmA7XG5cbmV4cG9ydCBjb25zdCBGaWVsZExhYmVsID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxGaWVsZExhYmVsUm9vdCByZWY9e3JlZn0gey4uLnByb3BzfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvRmllbGRMYWJlbFJvb3Q+XG4pKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkSGludCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8VGV4dCBjb2xvcj1cImNvbnRlbnQyXCIgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICA8L1RleHQ+XG4pKTtcbiJdfQ== */"));
+
+export var InputField = /*#__PURE__*/forwardRef(function (_ref4, ref) {
+  var _ref4$paddingLeft = _ref4.paddingLeft,
+      paddingLeft = _ref4$paddingLeft === void 0 ? getSpace('fieldPaddingX') : _ref4$paddingLeft,
+      _ref4$paddingRight = _ref4.paddingRight,
+      paddingRight = _ref4$paddingRight === void 0 ? getSpace('fieldPaddingX') : _ref4$paddingRight,
+      hasError = _ref4.hasError,
+      isReadOnly = _ref4.isReadOnly,
+      isDisabled = _ref4.isDisabled,
+      props = _objectWithoutProperties(_ref4, _excluded);
+
+  return ___EmotionJSX(InputFieldRoot, _extends({
+    paddingLeft: paddingLeft,
+    paddingRight: paddingRight,
     readOnly: isReadOnly,
     disabled: isDisabled,
     ref: ref,
-    css: /*#__PURE__*/css(getFieldStyles({
-      hasError: hasError
-    }), ";padding:0 ", paddingRight, " 0 ", paddingLeft, ";height:", componentVars.textBoxHeight, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:InputField;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVFYyIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL2ZpZWxkLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRTcGFjZSwgZ2V0VHJhbnNpdGlvbiwgZ2V0V2VpZ2h0IH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGZpZWxkVmFycyA9IHtcbiAgeFBhZGRpbmc6ICcxMnB4JyxcbiAgYm9yZGVyQ29sb3I6IGdldENvbG9yKCdmYWRlMycpLFxuICBib3JkZXJDb2xvckhvdmVyOiBnZXRDb2xvcignZmFkZTYnKSxcbiAgYm9yZGVyQ29sb3JGb2N1czogZ2V0Q29sb3IoJ3NoYWRlOScpLFxuICBib3JkZXJDb2xvckRpc2FibGVkOiBnZXRDb2xvcignc2hhZGU1JyksXG4gIGJhY2tncm91bmRDb2xvckRpc2FibGVkOiBnZXRDb2xvcignc2hhZGUyJyksXG59O1xuXG5leHBvcnQgY29uc3QgZ2V0RmllbGRTdHlsZXMgPSAoeyBoYXNFcnJvciB9KSA9PiBjc3NgXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQ6IGluaGVyaXQ7XG4gIGNvbG9yOiBpbmhlcml0O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYm9yZGVyLWNvbG9yO1xuICB3aWR0aDogMTAwJTtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG5cbiAgb3V0bGluZTogbm9uZTtcbiAgYm9yZGVyOiAke2NvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZX0gc29saWQ7XG4gIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcihoYXNFcnJvciA/ICdkYW5nZXInIDogJ2ZpZWxkQm9yZGVyJyl9O1xuXG4gICY6OnBsYWNlaG9sZGVyIHtcbiAgICBjb2xvcjogJHtnZXRDb2xvcignc2hhZGU3Jyl9O1xuICB9XG5cbiAgJjpkaXNhYmxlZCxcbiAgJjpyZWFkLW9ubHkge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ2ZpZWxkQmFja2dyb3VuZERpc2FibGVkJyl9O1xuICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcignZmllbGRCb3JkZXJEaXNhYmxlZCcpfTtcbiAgfVxuXG4gICR7IWhhc0Vycm9yICYmXG4gIGBcbiAgICAmOm5vdCg6ZGlzYWJsZWQsIDpyZWFkLW9ubHkpIHtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0Q29sb3IoJ2ZpZWxkQm9yZGVySG92ZXInKX07XG4gICAgICB9XG5cbiAgICAgICY6Zm9jdXMge1xuICAgICAgICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2FjdGl2ZScpfTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldENvbG9yKCdmaWVsZEJvcmRlckZvY3VzJyl9O1xuICAgICAgfVxuICAgIH1cbiAgYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJbnB1dEZpZWxkID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBhZGRpbmdMZWZ0ID0gZ2V0U3BhY2UoJ2ZpZWxkUGFkZGluZ1gnKSxcbiAgICAgIHBhZGRpbmdSaWdodCA9IGdldFNwYWNlKCdmaWVsZFBhZGRpbmdYJyksXG4gICAgICBoYXNFcnJvcixcbiAgICAgIGlzUmVhZE9ubHksXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiAoXG4gICAgPGlucHV0XG4gICAgICByZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHtnZXRGaWVsZFN0eWxlcyh7IGhhc0Vycm9yIH0pfTtcbiAgICAgICAgcGFkZGluZzogMCAke3BhZGRpbmdSaWdodH0gMCAke3BhZGRpbmdMZWZ0fTtcbiAgICAgICAgaGVpZ2h0OiAke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH07XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICksXG4pO1xuXG5leHBvcnQgY29uc3QgRmllbGRMYWJlbCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8bGFiZWxcbiAgICByZWY9e3JlZn1cbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdtZWRpdW0nKX07XG4gICAgICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG5cbiAgICAgIC8qIFRPRE86IHJlbW92ZSBhZnRlciBkZWxldGluZyBCb290c3RyYXAgKi9cbiAgICAgIG1hcmdpbjogdW5zZXQ7XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvbGFiZWw+XG4pKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkSGludCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8VGV4dCBjb2xvcj1cImNvbnRlbnQyXCIgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICA8L1RleHQ+XG4pKTtcbiJdfQ== */")
+    hasError: hasError
   }, props));
 });
-export var FieldLabel = /*#__PURE__*/forwardRef(function (_ref3, ref) {
-  var children = _ref3.children,
-      props = _objectWithoutProperties(_ref3, _excluded2);
 
-  return ___EmotionJSX("label", _extends({
-    ref: ref,
-    css: /*#__PURE__*/css("display:block;font-weight:", getWeight('medium'), ";transition:", getTransition('fast'), ";margin:unset;" + (process.env.NODE_ENV === "production" ? "" : ";label:FieldLabel;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9GWSIsImZpbGUiOiIuLi8uLi9zcmMvZm91bmRhdGlvbmFsL2ZpZWxkLmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vY29tcG9uZW50cyc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRTcGFjZSwgZ2V0VHJhbnNpdGlvbiwgZ2V0V2VpZ2h0IH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGNvbXBvbmVudFZhcnMsIHN0eWxlcyB9IGZyb20gJy4vc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGZpZWxkVmFycyA9IHtcbiAgeFBhZGRpbmc6ICcxMnB4JyxcbiAgYm9yZGVyQ29sb3I6IGdldENvbG9yKCdmYWRlMycpLFxuICBib3JkZXJDb2xvckhvdmVyOiBnZXRDb2xvcignZmFkZTYnKSxcbiAgYm9yZGVyQ29sb3JGb2N1czogZ2V0Q29sb3IoJ3NoYWRlOScpLFxuICBib3JkZXJDb2xvckRpc2FibGVkOiBnZXRDb2xvcignc2hhZGU1JyksXG4gIGJhY2tncm91bmRDb2xvckRpc2FibGVkOiBnZXRDb2xvcignc2hhZGUyJyksXG59O1xuXG5leHBvcnQgY29uc3QgZ2V0RmllbGRTdHlsZXMgPSAoeyBoYXNFcnJvciB9KSA9PiBjc3NgXG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGZvbnQ6IGluaGVyaXQ7XG4gIGNvbG9yOiBpbmhlcml0O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgdHJhbnNpdGlvbi1wcm9wZXJ0eTogYm9yZGVyLWNvbG9yO1xuICB3aWR0aDogMTAwJTtcbiAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMoJ3MnKX07XG5cbiAgb3V0bGluZTogbm9uZTtcbiAgYm9yZGVyOiAke2NvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZX0gc29saWQ7XG4gIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcihoYXNFcnJvciA/ICdkYW5nZXInIDogJ2ZpZWxkQm9yZGVyJyl9O1xuXG4gICY6OnBsYWNlaG9sZGVyIHtcbiAgICBjb2xvcjogJHtnZXRDb2xvcignc2hhZGU3Jyl9O1xuICB9XG5cbiAgJjpkaXNhYmxlZCxcbiAgJjpyZWFkLW9ubHkge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29sb3IoJ2ZpZWxkQmFja2dyb3VuZERpc2FibGVkJyl9O1xuICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcignZmllbGRCb3JkZXJEaXNhYmxlZCcpfTtcbiAgfVxuXG4gICR7IWhhc0Vycm9yICYmXG4gIGBcbiAgICAmOm5vdCg6ZGlzYWJsZWQsIDpyZWFkLW9ubHkpIHtcbiAgICAgICY6aG92ZXIge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0Q29sb3IoJ2ZpZWxkQm9yZGVySG92ZXInKX07XG4gICAgICB9XG5cbiAgICAgICY6Zm9jdXMge1xuICAgICAgICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2FjdGl2ZScpfTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldENvbG9yKCdmaWVsZEJvcmRlckZvY3VzJyl9O1xuICAgICAgfVxuICAgIH1cbiAgYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJbnB1dEZpZWxkID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBhZGRpbmdMZWZ0ID0gZ2V0U3BhY2UoJ2ZpZWxkUGFkZGluZ1gnKSxcbiAgICAgIHBhZGRpbmdSaWdodCA9IGdldFNwYWNlKCdmaWVsZFBhZGRpbmdYJyksXG4gICAgICBoYXNFcnJvcixcbiAgICAgIGlzUmVhZE9ubHksXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiAoXG4gICAgPGlucHV0XG4gICAgICByZWFkT25seT17aXNSZWFkT25seX1cbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHtnZXRGaWVsZFN0eWxlcyh7IGhhc0Vycm9yIH0pfTtcbiAgICAgICAgcGFkZGluZzogMCAke3BhZGRpbmdSaWdodH0gMCAke3BhZGRpbmdMZWZ0fTtcbiAgICAgICAgaGVpZ2h0OiAke2NvbXBvbmVudFZhcnMudGV4dEJveEhlaWdodH07XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICksXG4pO1xuXG5leHBvcnQgY29uc3QgRmllbGRMYWJlbCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8bGFiZWxcbiAgICByZWY9e3JlZn1cbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdtZWRpdW0nKX07XG4gICAgICB0cmFuc2l0aW9uOiAke2dldFRyYW5zaXRpb24oJ2Zhc3QnKX07XG5cbiAgICAgIC8qIFRPRE86IHJlbW92ZSBhZnRlciBkZWxldGluZyBCb290c3RyYXAgKi9cbiAgICAgIG1hcmdpbjogdW5zZXQ7XG4gICAgYH1cbiAgICB7Li4ucHJvcHN9XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvbGFiZWw+XG4pKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkSGludCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8VGV4dCBjb2xvcj1cImNvbnRlbnQyXCIgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICA8L1RleHQ+XG4pKTtcbiJdfQ== */")
+var FieldLabelRoot = /*#__PURE__*/_styled("label", process.env.NODE_ENV === "production" ? {
+  target: "e1swxi6p0"
+} : {
+  target: "e1swxi6p0",
+  label: "FieldLabelRoot"
+})("display:block;font-weight:", getWeight('medium'), ";transition:", getTransition('fast'), ";margin:unset;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9mb3VuZGF0aW9uYWwvZmllbGQuanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBGbUMiLCJmaWxlIjoiLi4vLi4vc3JjL2ZvdW5kYXRpb25hbC9maWVsZC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24sIGdldFdlaWdodCB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzLCBzdHlsZXMgfSBmcm9tICcuL3N0eWxlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCBjb25zdCBmaWVsZFZhcnMgPSB7XG4gIHhQYWRkaW5nOiAnMTJweCcsXG4gIGJvcmRlckNvbG9yOiBnZXRDb2xvcignZmFkZTMnKSxcbiAgYm9yZGVyQ29sb3JIb3ZlcjogZ2V0Q29sb3IoJ2ZhZGU2JyksXG4gIGJvcmRlckNvbG9yRm9jdXM6IGdldENvbG9yKCdzaGFkZTknKSxcbiAgYm9yZGVyQ29sb3JEaXNhYmxlZDogZ2V0Q29sb3IoJ3NoYWRlNScpLFxuICBiYWNrZ3JvdW5kQ29sb3JEaXNhYmxlZDogZ2V0Q29sb3IoJ3NoYWRlMicpLFxufTtcblxuZXhwb3J0IGNvbnN0IGdldEZpZWxkU3R5bGVzID0gKHsgaGFzRXJyb3IgfSkgPT4gYFxuICAke3N0eWxlcy50cmFuc2l0aW9uc307XG4gIGFwcGVhcmFuY2U6IG5vbmU7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmb250OiBpbmhlcml0O1xuICBjb2xvcjogaW5oZXJpdDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGJvcmRlci1jb2xvcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuXG4gIG91dGxpbmU6IG5vbmU7XG4gIGJvcmRlcjogJHtjb21wb25lbnRWYXJzLnN0cm9rZVNpemV9IHNvbGlkO1xuICBib3JkZXItY29sb3I6ICR7Z2V0Q29sb3IoaGFzRXJyb3IgPyAnZGFuZ2VyJyA6ICdmaWVsZEJvcmRlcicpfTtcblxuICAmOjpwbGFjZWhvbGRlciB7XG4gICAgY29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlNycpfTtcbiAgfVxuXG4gICY6ZGlzYWJsZWQsXG4gICY6cmVhZC1vbmx5IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbG9yKCdmaWVsZEJhY2tncm91bmREaXNhYmxlZCcpfTtcbiAgICBib3JkZXItY29sb3I6ICR7Z2V0Q29sb3IoJ2ZpZWxkQm9yZGVyRGlzYWJsZWQnKX07XG4gICAgLyogZml4IGZvciBzYWZhcmkgKi9cbiAgICAtd2Via2l0LXRleHQtZmlsbC1jb2xvcjogJHtnZXRDb2xvcignY29udGVudCcpfTtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG5cbiAgJHtcbiAgICAhaGFzRXJyb3IgJiZcbiAgICBgXG4gICAgJjpub3QoOmRpc2FibGVkLCA6cmVhZC1vbmx5KSB7XG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldENvbG9yKCdmaWVsZEJvcmRlckhvdmVyJyl9O1xuICAgICAgfVxuXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdhY3RpdmUnKX07XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb2xvcignZmllbGRCb3JkZXJGb2N1cycpfTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbiAgfVxuYDtcblxuY29uc3QgSW5wdXRGaWVsZFJvb3QgPSBzdHlsZWQuaW5wdXRgXG4gICR7KHsgaGFzRXJyb3IgfSkgPT4gZ2V0RmllbGRTdHlsZXMoeyBoYXNFcnJvciB9KX07XG4gIHBhZGRpbmc6ICR7KHsgcGFkZGluZ0xlZnQsIHBhZGRpbmdSaWdodCB9KSA9PiBgMCAke3BhZGRpbmdSaWdodH0gMCAke3BhZGRpbmdMZWZ0fWB9O1xuICBoZWlnaHQ6ICR7Y29tcG9uZW50VmFycy50ZXh0Qm94SGVpZ2h0fTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJbnB1dEZpZWxkID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIHBhZGRpbmdMZWZ0ID0gZ2V0U3BhY2UoJ2ZpZWxkUGFkZGluZ1gnKSxcbiAgICAgIHBhZGRpbmdSaWdodCA9IGdldFNwYWNlKCdmaWVsZFBhZGRpbmdYJyksXG4gICAgICBoYXNFcnJvcixcbiAgICAgIGlzUmVhZE9ubHksXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgLi4ucHJvcHNcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiAoXG4gICAgPElucHV0RmllbGRSb290XG4gICAgICBwYWRkaW5nTGVmdD17cGFkZGluZ0xlZnR9XG4gICAgICBwYWRkaW5nUmlnaHQ9e3BhZGRpbmdSaWdodH1cbiAgICAgIHJlYWRPbmx5PXtpc1JlYWRPbmx5fVxuICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGhhc0Vycm9yPXtoYXNFcnJvcn1cbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApLFxuKTtcblxuY29uc3QgRmllbGRMYWJlbFJvb3QgPSBzdHlsZWQubGFiZWxgXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmb250LXdlaWdodDogJHtnZXRXZWlnaHQoJ21lZGl1bScpfTtcbiAgdHJhbnNpdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdmYXN0Jyl9O1xuXG4gIC8qIFRPRE86IHJlbW92ZSBhZnRlciBkZWxldGluZyBCb290c3RyYXAgKi9cbiAgbWFyZ2luOiB1bnNldDtcbmA7XG5cbmV4cG9ydCBjb25zdCBGaWVsZExhYmVsID0gZm9yd2FyZFJlZigoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSwgcmVmKSA9PiAoXG4gIDxGaWVsZExhYmVsUm9vdCByZWY9e3JlZn0gey4uLnByb3BzfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvRmllbGRMYWJlbFJvb3Q+XG4pKTtcblxuZXhwb3J0IGNvbnN0IEZpZWxkSGludCA9IGZvcndhcmRSZWYoKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0sIHJlZikgPT4gKFxuICA8VGV4dCBjb2xvcj1cImNvbnRlbnQyXCIgcmVmPXtyZWZ9IHsuLi5wcm9wc30+XG4gICAge2NoaWxkcmVufVxuICA8L1RleHQ+XG4pKTtcbiJdfQ== */"));
+
+export var FieldLabel = /*#__PURE__*/forwardRef(function (_ref5, ref) {
+  var children = _ref5.children,
+      props = _objectWithoutProperties(_ref5, _excluded2);
+
+  return ___EmotionJSX(FieldLabelRoot, _extends({
+    ref: ref
   }, props), children);
 });
-export var FieldHint = /*#__PURE__*/forwardRef(function (_ref4, ref) {
-  var children = _ref4.children,
-      props = _objectWithoutProperties(_ref4, _excluded3);
+export var FieldHint = /*#__PURE__*/forwardRef(function (_ref6, ref) {
+  var children = _ref6.children,
+      props = _objectWithoutProperties(_ref6, _excluded3);
 
   return ___EmotionJSX(Text, _extends({
     color: "content2",