@flodesk/grain 10.9.2 → 10.9.3

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: {
@@ -62,7 +41,7 @@ var Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
 })("--pagePadding:max(var(--grn-space-s), 1.5vw);", function (_ref) {
   var zIndex = _ref.zIndex;
   return "z-index: ".concat(zIndex);
-}, ";position:fixed;bottom:var(--pagePadding);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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RvYXN0LmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQnVCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RvYXN0LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgZm9yd2FyZFJlZiwgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRTcGFjZSwgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBsaW5lSGVpZ2h0QW5kQ2FwSGVpZ2h0T2Zmc2V0IH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IFRyYW5zaXRpb24gfSBmcm9tICdAaGVhZGxlc3N1aS9yZWFjdCc7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIHN1Y2Nlc3M6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldENvbG9yKCdzdWNjZXNzJyksXG4gICAgY29sb3I6ICd3aGl0ZScsXG4gIH0sXG4gIGRhbmdlcjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICAgIGNvbG9yOiAnd2hpdGUnLFxuICB9LFxuICBuZXV0cmFsOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRDb2xvcignc2hhZGUxMicpLFxuICAgIGNvbG9yOiBnZXRDb2xvcignc2hhZGUyJyksXG4gIH0sXG59O1xuXG5jb25zdCB0cmFuc2l0aW9uQ2hpbGRQcm9wcyA9IHtcbiAgZW50ZXI6ICdlbnRlcicsXG4gIGVudGVyRnJvbTogJ2VudGVyRnJvbScsXG4gIGVudGVyVG86ICdlbnRlclRvJyxcbiAgbGVhdmU6ICdsZWF2ZScsXG4gIGxlYXZlRnJvbTogJ2xlYXZlRnJvbScsXG4gIGxlYXZlVG86ICdsZWF2ZVRvJyxcbn07XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICAtLXBhZ2VQYWRkaW5nOiBtYXgodmFyKC0tZ3JuLXNwYWNlLXMpLCAxLjV2dyk7XG5cbiAgJHsoeyB6SW5kZXggfSkgPT4gYHotaW5kZXg6ICR7ekluZGV4fWB9O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIGJvdHRvbTogdmFyKC0tcGFnZVBhZGRpbmcpO1xuICBsZWZ0OiA1MCU7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcblxuICAubGVhdmVUbyxcbiAgLmVudGVyRnJvbSB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoJHtnZXRTcGFjZSgncycpfSk7XG4gIH1cbiAgLmVudGVyVG8sXG4gIC5sZWF2ZVRvIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ3Nsb3cnKX07XG4gIH1cbmA7XG5cbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAtLXBhZGRpbmc6ICR7Z2V0U3BhY2UoMi41KX07XG4gIHBhZGRpbmc6IGNhbGModmFyKC0tcGFkZGluZykgLSAke2xpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXR9KSB2YXIoLS1wYWRkaW5nKTtcbiAgd2lkdGg6IG1heC1jb250ZW50O1xuICBtYXgtd2lkdGg6IG1pbigke2dldFNwYWNlKDcwKX0sIGNhbGMoMTAwdncgLSB2YXIoLS1wYWdlUGFkZGluZykgKiAyKSk7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdtJyl9O1xuICAkeyh7IHZhcmlhbnQgfSkgPT4gdmFyaWFudFN0eWxlc1t2YXJpYW50XX07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBUb2FzdCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7IHpJbmRleCA9IDEyMDAsIGNoaWxkcmVuLCBpc09wZW4sIHZhcmlhbnQgPSAnbmV1dHJhbCcsIGRpc21pc3NUaW1lb3V0ID0gMzAwMCwgb25EaXNtaXNzIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBbaXNJbnRlcm5hbGx5T3Blbiwgc2V0SXNJbnRlcm5hbGx5T3Blbl0gPSB1c2VTdGF0ZShpc09wZW4pO1xuICAgIGNvbnN0IFtpc0hvdmVyZWQsIHNldElzSG92ZXJlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gICAgY29uc3QgZGlzbWlzc1RpbWVyUmVmID0gdXNlUmVmKCk7XG5cbiAgICBjb25zdCBjbGVhckRpc21pc3NUaW1lciA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgIGlmIChkaXNtaXNzVGltZXJSZWYuY3VycmVudCkge1xuICAgICAgICBjbGVhclRpbWVvdXQoZGlzbWlzc1RpbWVyUmVmLmN1cnJlbnQpO1xuICAgICAgfVxuICAgIH0sIFtdKTtcblxuICAgIGNvbnN0IHN0YXJ0RGlzbWlzc1RpbWVyID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgY2xlYXJEaXNtaXNzVGltZXIoKTtcbiAgICAgIGRpc21pc3NUaW1lclJlZi5jdXJyZW50ID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIHNldElzSW50ZXJuYWxseU9wZW4oZmFsc2UpO1xuICAgICAgICBvbkRpc21pc3MgJiYgb25EaXNtaXNzKCk7XG4gICAgICB9LCBkaXNtaXNzVGltZW91dCk7XG4gICAgfSwgW2NsZWFyRGlzbWlzc1RpbWVyLCBkaXNtaXNzVGltZW91dCwgb25EaXNtaXNzXSk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgc2V0SXNJbnRlcm5hbGx5T3Blbihpc09wZW4pO1xuICAgICAgaWYgKGlzT3BlbiAmJiAhaXNIb3ZlcmVkKSB7XG4gICAgICAgIHN0YXJ0RGlzbWlzc1RpbWVyKCk7XG4gICAgICB9XG4gICAgfSwgW2lzT3BlbiwgaXNIb3ZlcmVkLCBzdGFydERpc21pc3NUaW1lcl0pO1xuXG4gICAgY29uc3QgaGFuZGxlTW91c2VFbnRlciA9ICgpID0+IHtcbiAgICAgIHNldElzSG92ZXJlZCh0cnVlKTtcbiAgICAgIGNsZWFyRGlzbWlzc1RpbWVyKCk7XG4gICAgfTtcblxuICAgIGNvbnN0IGhhbmRsZU1vdXNlTGVhdmUgPSAoKSA9PiB7XG4gICAgICBzZXRJc0hvdmVyZWQoZmFsc2UpO1xuICAgICAgaWYgKGlzT3Blbikge1xuICAgICAgICBzdGFydERpc21pc3NUaW1lcigpO1xuICAgICAgfVxuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFJvb3RcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHpJbmRleD17ekluZGV4fVxuICAgICAgICBvbk1vdXNlRW50ZXI9e2hhbmRsZU1vdXNlRW50ZXJ9XG4gICAgICAgIG9uTW91c2VMZWF2ZT17aGFuZGxlTW91c2VMZWF2ZX1cbiAgICAgID5cbiAgICAgICAgPFRyYW5zaXRpb24gc2hvdz17aXNJbnRlcm5hbGx5T3Blbn0gYXM9e0ZyYWdtZW50fT5cbiAgICAgICAgICA8VHJhbnNpdGlvbi5DaGlsZCBhcz17RnJhZ21lbnR9IHsuLi50cmFuc2l0aW9uQ2hpbGRQcm9wc30+XG4gICAgICAgICAgICA8Q29udGVudCB2YXJpYW50PXt2YXJpYW50fT57Y2hpbGRyZW59PC9Db250ZW50PlxuICAgICAgICAgIDwvVHJhbnNpdGlvbi5DaGlsZD5cbiAgICAgICAgPC9UcmFuc2l0aW9uPlxuICAgICAgPC9Sb290PlxuICAgICk7XG4gIH0sXG4pO1xuXG5Ub2FzdC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgekluZGV4OiBQcm9wVHlwZXMubnVtYmVyLFxuICBpc09wZW46IFByb3BUeXBlcy5ib29sLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWydzdWNjZXNzJywgJ2RhbmdlcicsICduZXV0cmFsJ10pLFxuICBkaXNtaXNzVGltZW91dDogUHJvcFR5cGVzLm51bWJlcixcbiAgb25EaXNtaXNzOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */"));
+}, ";position:fixed;bottom:var(--pagePadding);left:50%;transform:translateX(-50%);.enterFrom,.leaveTo{opacity:0;transform:translateY(", getSpace('s'), ");transition-duration:", getTransition('slow'), ";}.enterTo,.leaveFrom{opacity:1;transform:translateY(0);transition-duration:", getTransition('slow'), ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RvYXN0LmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ3VCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RvYXN0LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgZm9yd2FyZFJlZiwgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFNwYWNlLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGxpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXQgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgVHJhbnNpdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IHVzZVByZXYgfSBmcm9tICcuLi9ob29rcyc7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIHN1Y2Nlc3M6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldENvbG9yKCdzdWNjZXNzJyksXG4gICAgY29sb3I6ICd3aGl0ZScsXG4gIH0sXG4gIGRhbmdlcjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICAgIGNvbG9yOiAnd2hpdGUnLFxuICB9LFxuICBuZXV0cmFsOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRDb2xvcignc2hhZGUxMicpLFxuICAgIGNvbG9yOiBnZXRDb2xvcignc2hhZGUyJyksXG4gIH0sXG59O1xuXG5jb25zdCB0cmFuc2l0aW9uQ2hpbGRQcm9wcyA9IHtcbiAgZW50ZXI6ICdlbnRlcicsXG4gIGVudGVyRnJvbTogJ2VudGVyRnJvbScsXG4gIGVudGVyVG86ICdlbnRlclRvJyxcbiAgbGVhdmU6ICdsZWF2ZScsXG4gIGxlYXZlRnJvbTogJ2xlYXZlRnJvbScsXG4gIGxlYXZlVG86ICdsZWF2ZVRvJyxcbn07XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICAtLXBhZ2VQYWRkaW5nOiBtYXgodmFyKC0tZ3JuLXNwYWNlLXMpLCAxLjV2dyk7XG5cbiAgJHsoeyB6SW5kZXggfSkgPT4gYHotaW5kZXg6ICR7ekluZGV4fWB9O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIGJvdHRvbTogdmFyKC0tcGFnZVBhZGRpbmcpO1xuICBsZWZ0OiA1MCU7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcblxuICAuZW50ZXJGcm9tLFxuICAubGVhdmVUbyB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoJHtnZXRTcGFjZSgncycpfSk7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdzbG93Jyl9O1xuICB9XG4gIC5lbnRlclRvLFxuICAubGVhdmVGcm9tIHtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ3Nsb3cnKX07XG4gIH1cbmA7XG5cbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAtLXBhZGRpbmc6ICR7Z2V0U3BhY2UoMi41KX07XG4gIHBhZGRpbmc6IGNhbGModmFyKC0tcGFkZGluZykgLSAke2xpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXR9KSB2YXIoLS1wYWRkaW5nKTtcbiAgd2lkdGg6IG1heC1jb250ZW50O1xuICBtYXgtd2lkdGg6IG1pbigke2dldFNwYWNlKDcwKX0sIGNhbGMoMTAwdncgLSB2YXIoLS1wYWdlUGFkZGluZykgKiAyKSk7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdtJyl9O1xuICAkeyh7IHZhcmlhbnQgfSkgPT4gdmFyaWFudFN0eWxlc1t2YXJpYW50XX07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBUb2FzdCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIHpJbmRleCA9IDEyMDAsXG4gICAgICBpc09wZW4gPSBmYWxzZSxcbiAgICAgIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gICAgICBkaXNtaXNzVGltZW91dCA9IDMwMDAsXG4gICAgICBvbkRpc21pc3MsXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IGRpc21pc3NUaW1lclJlZiA9IHVzZVJlZihudWxsKTtcbiAgICBjb25zdCBjbGVhckRpc21pc3NUaW1lciA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgIGlmIChkaXNtaXNzVGltZXJSZWYuY3VycmVudCkge1xuICAgICAgICBjbGVhclRpbWVvdXQoZGlzbWlzc1RpbWVyUmVmLmN1cnJlbnQpO1xuICAgICAgfVxuICAgIH0sIFtdKTtcblxuICAgIGNvbnN0IHN0YXJ0RGlzbWlzc1RpbWVyID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgY2xlYXJEaXNtaXNzVGltZXIoKTtcbiAgICAgIGRpc21pc3NUaW1lclJlZi5jdXJyZW50ID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIG9uRGlzbWlzcyAmJiBvbkRpc21pc3MoKTtcbiAgICAgIH0sIGRpc21pc3NUaW1lb3V0KTtcbiAgICB9LCBbY2xlYXJEaXNtaXNzVGltZXIsIGRpc21pc3NUaW1lb3V0LCBvbkRpc21pc3NdKTtcblxuICAgIGNvbnN0IGlzT3BlblByZXYgPSB1c2VQcmV2KGlzT3Blbik7XG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGlmICghaXNPcGVuUHJldiAmJiBpc09wZW4pIHtcbiAgICAgICAgc3RhcnREaXNtaXNzVGltZXIoKTtcbiAgICAgIH1cbiAgICB9LCBbaXNPcGVuLCBpc09wZW5QcmV2LCBzdGFydERpc21pc3NUaW1lcl0pO1xuXG4gICAgY29uc3QgaGFuZGxlTW91c2VFbnRlciA9ICgpID0+IHtcbiAgICAgIGNsZWFyRGlzbWlzc1RpbWVyKCk7XG4gICAgfTtcblxuICAgIGNvbnN0IGhhbmRsZU1vdXNlTGVhdmUgPSAoKSA9PiB7XG4gICAgICBpZiAoaXNPcGVuKSB7XG4gICAgICAgIHN0YXJ0RGlzbWlzc1RpbWVyKCk7XG4gICAgICB9XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Um9vdFxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgekluZGV4PXt6SW5kZXh9XG4gICAgICAgIG9uTW91c2VFbnRlcj17aGFuZGxlTW91c2VFbnRlcn1cbiAgICAgICAgb25Nb3VzZUxlYXZlPXtoYW5kbGVNb3VzZUxlYXZlfVxuICAgICAgPlxuICAgICAgICA8VHJhbnNpdGlvbiBzaG93PXtpc09wZW59IGFzPXtGcmFnbWVudH0+XG4gICAgICAgICAgPFRyYW5zaXRpb24uQ2hpbGQgYXM9e0ZyYWdtZW50fSB7Li4udHJhbnNpdGlvbkNoaWxkUHJvcHN9PlxuICAgICAgICAgICAgPENvbnRlbnQgdmFyaWFudD17dmFyaWFudH0+e2NoaWxkcmVufTwvQ29udGVudD5cbiAgICAgICAgICA8L1RyYW5zaXRpb24uQ2hpbGQ+XG4gICAgICAgIDwvVHJhbnNpdGlvbj5cbiAgICAgIDwvUm9vdD5cbiAgICApO1xuICB9LFxuKTtcblxuVG9hc3QucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUuaXNSZXF1aXJlZCxcbiAgekluZGV4OiBQcm9wVHlwZXMubnVtYmVyLFxuICBpc09wZW46IFByb3BUeXBlcy5ib29sLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWydzdWNjZXNzJywgJ2RhbmdlcicsICduZXV0cmFsJ10pLFxuICBkaXNtaXNzVGltZW91dDogUHJvcFR5cGVzLm51bWJlcixcbiAgb25EaXNtaXNzOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */"));
 
 var Content = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "ep1f3rd0"
@@ -72,30 +51,20 @@ var Content = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production"
 })("--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];
-}, ";text-align:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RvYXN0LmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRDBCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RvYXN0LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgZm9yd2FyZFJlZiwgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBnZXRDb2xvciwgZ2V0UmFkaXVzLCBnZXRTcGFjZSwgZ2V0VHJhbnNpdGlvbiB9IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBsaW5lSGVpZ2h0QW5kQ2FwSGVpZ2h0T2Zmc2V0IH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IFRyYW5zaXRpb24gfSBmcm9tICdAaGVhZGxlc3N1aS9yZWFjdCc7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIHN1Y2Nlc3M6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldENvbG9yKCdzdWNjZXNzJyksXG4gICAgY29sb3I6ICd3aGl0ZScsXG4gIH0sXG4gIGRhbmdlcjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICAgIGNvbG9yOiAnd2hpdGUnLFxuICB9LFxuICBuZXV0cmFsOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRDb2xvcignc2hhZGUxMicpLFxuICAgIGNvbG9yOiBnZXRDb2xvcignc2hhZGUyJyksXG4gIH0sXG59O1xuXG5jb25zdCB0cmFuc2l0aW9uQ2hpbGRQcm9wcyA9IHtcbiAgZW50ZXI6ICdlbnRlcicsXG4gIGVudGVyRnJvbTogJ2VudGVyRnJvbScsXG4gIGVudGVyVG86ICdlbnRlclRvJyxcbiAgbGVhdmU6ICdsZWF2ZScsXG4gIGxlYXZlRnJvbTogJ2xlYXZlRnJvbScsXG4gIGxlYXZlVG86ICdsZWF2ZVRvJyxcbn07XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICAtLXBhZ2VQYWRkaW5nOiBtYXgodmFyKC0tZ3JuLXNwYWNlLXMpLCAxLjV2dyk7XG5cbiAgJHsoeyB6SW5kZXggfSkgPT4gYHotaW5kZXg6ICR7ekluZGV4fWB9O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIGJvdHRvbTogdmFyKC0tcGFnZVBhZGRpbmcpO1xuICBsZWZ0OiA1MCU7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcblxuICAubGVhdmVUbyxcbiAgLmVudGVyRnJvbSB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoJHtnZXRTcGFjZSgncycpfSk7XG4gIH1cbiAgLmVudGVyVG8sXG4gIC5sZWF2ZVRvIHtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ3Nsb3cnKX07XG4gIH1cbmA7XG5cbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAtLXBhZGRpbmc6ICR7Z2V0U3BhY2UoMi41KX07XG4gIHBhZGRpbmc6IGNhbGModmFyKC0tcGFkZGluZykgLSAke2xpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXR9KSB2YXIoLS1wYWRkaW5nKTtcbiAgd2lkdGg6IG1heC1jb250ZW50O1xuICBtYXgtd2lkdGg6IG1pbigke2dldFNwYWNlKDcwKX0sIGNhbGMoMTAwdncgLSB2YXIoLS1wYWdlUGFkZGluZykgKiAyKSk7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdtJyl9O1xuICAkeyh7IHZhcmlhbnQgfSkgPT4gdmFyaWFudFN0eWxlc1t2YXJpYW50XX07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBUb2FzdCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7IHpJbmRleCA9IDEyMDAsIGNoaWxkcmVuLCBpc09wZW4sIHZhcmlhbnQgPSAnbmV1dHJhbCcsIGRpc21pc3NUaW1lb3V0ID0gMzAwMCwgb25EaXNtaXNzIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBbaXNJbnRlcm5hbGx5T3Blbiwgc2V0SXNJbnRlcm5hbGx5T3Blbl0gPSB1c2VTdGF0ZShpc09wZW4pO1xuICAgIGNvbnN0IFtpc0hvdmVyZWQsIHNldElzSG92ZXJlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gICAgY29uc3QgZGlzbWlzc1RpbWVyUmVmID0gdXNlUmVmKCk7XG5cbiAgICBjb25zdCBjbGVhckRpc21pc3NUaW1lciA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgIGlmIChkaXNtaXNzVGltZXJSZWYuY3VycmVudCkge1xuICAgICAgICBjbGVhclRpbWVvdXQoZGlzbWlzc1RpbWVyUmVmLmN1cnJlbnQpO1xuICAgICAgfVxuICAgIH0sIFtdKTtcblxuICAgIGNvbnN0IHN0YXJ0RGlzbWlzc1RpbWVyID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgY2xlYXJEaXNtaXNzVGltZXIoKTtcbiAgICAgIGRpc21pc3NUaW1lclJlZi5jdXJyZW50ID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIHNldElzSW50ZXJuYWxseU9wZW4oZmFsc2UpO1xuICAgICAgICBvbkRpc21pc3MgJiYgb25EaXNtaXNzKCk7XG4gICAgICB9LCBkaXNtaXNzVGltZW91dCk7XG4gICAgfSwgW2NsZWFyRGlzbWlzc1RpbWVyLCBkaXNtaXNzVGltZW91dCwgb25EaXNtaXNzXSk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgc2V0SXNJbnRlcm5hbGx5T3Blbihpc09wZW4pO1xuICAgICAgaWYgKGlzT3BlbiAmJiAhaXNIb3ZlcmVkKSB7XG4gICAgICAgIHN0YXJ0RGlzbWlzc1RpbWVyKCk7XG4gICAgICB9XG4gICAgfSwgW2lzT3BlbiwgaXNIb3ZlcmVkLCBzdGFydERpc21pc3NUaW1lcl0pO1xuXG4gICAgY29uc3QgaGFuZGxlTW91c2VFbnRlciA9ICgpID0+IHtcbiAgICAgIHNldElzSG92ZXJlZCh0cnVlKTtcbiAgICAgIGNsZWFyRGlzbWlzc1RpbWVyKCk7XG4gICAgfTtcblxuICAgIGNvbnN0IGhhbmRsZU1vdXNlTGVhdmUgPSAoKSA9PiB7XG4gICAgICBzZXRJc0hvdmVyZWQoZmFsc2UpO1xuICAgICAgaWYgKGlzT3Blbikge1xuICAgICAgICBzdGFydERpc21pc3NUaW1lcigpO1xuICAgICAgfVxuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFJvb3RcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIHpJbmRleD17ekluZGV4fVxuICAgICAgICBvbk1vdXNlRW50ZXI9e2hhbmRsZU1vdXNlRW50ZXJ9XG4gICAgICAgIG9uTW91c2VMZWF2ZT17aGFuZGxlTW91c2VMZWF2ZX1cbiAgICAgID5cbiAgICAgICAgPFRyYW5zaXRpb24gc2hvdz17aXNJbnRlcm5hbGx5T3Blbn0gYXM9e0ZyYWdtZW50fT5cbiAgICAgICAgICA8VHJhbnNpdGlvbi5DaGlsZCBhcz17RnJhZ21lbnR9IHsuLi50cmFuc2l0aW9uQ2hpbGRQcm9wc30+XG4gICAgICAgICAgICA8Q29udGVudCB2YXJpYW50PXt2YXJpYW50fT57Y2hpbGRyZW59PC9Db250ZW50PlxuICAgICAgICAgIDwvVHJhbnNpdGlvbi5DaGlsZD5cbiAgICAgICAgPC9UcmFuc2l0aW9uPlxuICAgICAgPC9Sb290PlxuICAgICk7XG4gIH0sXG4pO1xuXG5Ub2FzdC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMubm9kZSxcbiAgekluZGV4OiBQcm9wVHlwZXMubnVtYmVyLFxuICBpc09wZW46IFByb3BUeXBlcy5ib29sLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWydzdWNjZXNzJywgJ2RhbmdlcicsICduZXV0cmFsJ10pLFxuICBkaXNtaXNzVGltZW91dDogUHJvcFR5cGVzLm51bWJlcixcbiAgb25EaXNtaXNzOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */"));
+}, ";text-align:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL3RvYXN0LmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RDBCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL3RvYXN0LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCwgZm9yd2FyZFJlZiwgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFNwYWNlLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGxpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXQgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgVHJhbnNpdGlvbiB9IGZyb20gJ0BoZWFkbGVzc3VpL3JlYWN0JztcbmltcG9ydCB7IHVzZVByZXYgfSBmcm9tICcuLi9ob29rcyc7XG5cbmNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7XG4gIHN1Y2Nlc3M6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldENvbG9yKCdzdWNjZXNzJyksXG4gICAgY29sb3I6ICd3aGl0ZScsXG4gIH0sXG4gIGRhbmdlcjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogZ2V0Q29sb3IoJ2RhbmdlcicpLFxuICAgIGNvbG9yOiAnd2hpdGUnLFxuICB9LFxuICBuZXV0cmFsOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRDb2xvcignc2hhZGUxMicpLFxuICAgIGNvbG9yOiBnZXRDb2xvcignc2hhZGUyJyksXG4gIH0sXG59O1xuXG5jb25zdCB0cmFuc2l0aW9uQ2hpbGRQcm9wcyA9IHtcbiAgZW50ZXI6ICdlbnRlcicsXG4gIGVudGVyRnJvbTogJ2VudGVyRnJvbScsXG4gIGVudGVyVG86ICdlbnRlclRvJyxcbiAgbGVhdmU6ICdsZWF2ZScsXG4gIGxlYXZlRnJvbTogJ2xlYXZlRnJvbScsXG4gIGxlYXZlVG86ICdsZWF2ZVRvJyxcbn07XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQuZGl2YFxuICAtLXBhZ2VQYWRkaW5nOiBtYXgodmFyKC0tZ3JuLXNwYWNlLXMpLCAxLjV2dyk7XG5cbiAgJHsoeyB6SW5kZXggfSkgPT4gYHotaW5kZXg6ICR7ekluZGV4fWB9O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIGJvdHRvbTogdmFyKC0tcGFnZVBhZGRpbmcpO1xuICBsZWZ0OiA1MCU7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcblxuICAuZW50ZXJGcm9tLFxuICAubGVhdmVUbyB7XG4gICAgb3BhY2l0eTogMDtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoJHtnZXRTcGFjZSgncycpfSk7XG4gICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogJHtnZXRUcmFuc2l0aW9uKCdzbG93Jyl9O1xuICB9XG4gIC5lbnRlclRvLFxuICAubGVhdmVGcm9tIHtcbiAgICBvcGFjaXR5OiAxO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTtcbiAgICB0cmFuc2l0aW9uLWR1cmF0aW9uOiAke2dldFRyYW5zaXRpb24oJ3Nsb3cnKX07XG4gIH1cbmA7XG5cbmNvbnN0IENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAtLXBhZGRpbmc6ICR7Z2V0U3BhY2UoMi41KX07XG4gIHBhZGRpbmc6IGNhbGModmFyKC0tcGFkZGluZykgLSAke2xpbmVIZWlnaHRBbmRDYXBIZWlnaHRPZmZzZXR9KSB2YXIoLS1wYWRkaW5nKTtcbiAgd2lkdGg6IG1heC1jb250ZW50O1xuICBtYXgtd2lkdGg6IG1pbigke2dldFNwYWNlKDcwKX0sIGNhbGMoMTAwdncgLSB2YXIoLS1wYWdlUGFkZGluZykgKiAyKSk7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdtJyl9O1xuICAkeyh7IHZhcmlhbnQgfSkgPT4gdmFyaWFudFN0eWxlc1t2YXJpYW50XX07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBUb2FzdCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIHpJbmRleCA9IDEyMDAsXG4gICAgICBpc09wZW4gPSBmYWxzZSxcbiAgICAgIHZhcmlhbnQgPSAnbmV1dHJhbCcsXG4gICAgICBkaXNtaXNzVGltZW91dCA9IDMwMDAsXG4gICAgICBvbkRpc21pc3MsXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IGRpc21pc3NUaW1lclJlZiA9IHVzZVJlZihudWxsKTtcbiAgICBjb25zdCBjbGVhckRpc21pc3NUaW1lciA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgIGlmIChkaXNtaXNzVGltZXJSZWYuY3VycmVudCkge1xuICAgICAgICBjbGVhclRpbWVvdXQoZGlzbWlzc1RpbWVyUmVmLmN1cnJlbnQpO1xuICAgICAgfVxuICAgIH0sIFtdKTtcblxuICAgIGNvbnN0IHN0YXJ0RGlzbWlzc1RpbWVyID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgY2xlYXJEaXNtaXNzVGltZXIoKTtcbiAgICAgIGRpc21pc3NUaW1lclJlZi5jdXJyZW50ID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIG9uRGlzbWlzcyAmJiBvbkRpc21pc3MoKTtcbiAgICAgIH0sIGRpc21pc3NUaW1lb3V0KTtcbiAgICB9LCBbY2xlYXJEaXNtaXNzVGltZXIsIGRpc21pc3NUaW1lb3V0LCBvbkRpc21pc3NdKTtcblxuICAgIGNvbnN0IGlzT3BlblByZXYgPSB1c2VQcmV2KGlzT3Blbik7XG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGlmICghaXNPcGVuUHJldiAmJiBpc09wZW4pIHtcbiAgICAgICAgc3RhcnREaXNtaXNzVGltZXIoKTtcbiAgICAgIH1cbiAgICB9LCBbaXNPcGVuLCBpc09wZW5QcmV2LCBzdGFydERpc21pc3NUaW1lcl0pO1xuXG4gICAgY29uc3QgaGFuZGxlTW91c2VFbnRlciA9ICgpID0+IHtcbiAgICAgIGNsZWFyRGlzbWlzc1RpbWVyKCk7XG4gICAgfTtcblxuICAgIGNvbnN0IGhhbmRsZU1vdXNlTGVhdmUgPSAoKSA9PiB7XG4gICAgICBpZiAoaXNPcGVuKSB7XG4gICAgICAgIHN0YXJ0RGlzbWlzc1RpbWVyKCk7XG4gICAgICB9XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8Um9vdFxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgekluZGV4PXt6SW5kZXh9XG4gICAgICAgIG9uTW91c2VFbnRlcj17aGFuZGxlTW91c2VFbnRlcn1cbiAgICAgICAgb25Nb3VzZUxlYXZlPXtoYW5kbGVNb3VzZUxlYXZlfVxuICAgICAgPlxuICAgICAgICA8VHJhbnNpdGlvbiBzaG93PXtpc09wZW59IGFzPXtGcmFnbWVudH0+XG4gICAgICAgICAgPFRyYW5zaXRpb24uQ2hpbGQgYXM9e0ZyYWdtZW50fSB7Li4udHJhbnNpdGlvbkNoaWxkUHJvcHN9PlxuICAgICAgICAgICAgPENvbnRlbnQgdmFyaWFudD17dmFyaWFudH0+e2NoaWxkcmVufTwvQ29udGVudD5cbiAgICAgICAgICA8L1RyYW5zaXRpb24uQ2hpbGQ+XG4gICAgICAgIDwvVHJhbnNpdGlvbj5cbiAgICAgIDwvUm9vdD5cbiAgICApO1xuICB9LFxuKTtcblxuVG9hc3QucHJvcFR5cGVzID0ge1xuICBjaGlsZHJlbjogUHJvcFR5cGVzLm5vZGUuaXNSZXF1aXJlZCxcbiAgekluZGV4OiBQcm9wVHlwZXMubnVtYmVyLFxuICBpc09wZW46IFByb3BUeXBlcy5ib29sLFxuICB2YXJpYW50OiBQcm9wVHlwZXMub25lT2YoWydzdWNjZXNzJywgJ2RhbmdlcicsICduZXV0cmFsJ10pLFxuICBkaXNtaXNzVGltZW91dDogUHJvcFR5cGVzLm51bWJlcixcbiAgb25EaXNtaXNzOiBQcm9wVHlwZXMuZnVuYyxcbn07XG4iXX0= */"));
 
 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,7 +99,7 @@ export var Toast = /*#__PURE__*/forwardRef(function (_ref3, ref) {
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave
   }, ___EmotionJSX(Transition, {
-    show: isInternallyOpen,
+    show: isOpen,
     as: Fragment
   }, ___EmotionJSX(Transition.Child, _extends({
     as: Fragment
@@ -144,7 +108,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/hooks/index.js

@@ -2,4 +2,5 @@ export * from './useMedia';
 export * from './useKeyPress';
 export * from './useOnClickOutside';
 export * from './useWindowSize';
-export * from './useWidth';
+export * from './useWidth';
+export * from './usePrev';

package/es/hooks/usePrev.js

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export var usePrev = function usePrev(value) {
+  var ref = React.useRef();
+  React.useEffect(function () {
+    ref.current = value;
+  }, [value]);
+  return ref.current;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flodesk/grain",
-  "version": "10.9.2",
+  "version": "10.9.3",
   "description": "Flodesk design system",
   "module": "es/index.js",
   "author": "Flodesk",