@doist/reactist 10.0.0-beta.8 → 11.1.0

package/dist/reactist.cjs.development.js

@@ -14,35 +14,23 @@ var Tab$1 = require('reakit/Tab');
 var dialog = require('@reach/dialog');
 var FocusLock = _interopDefault(require('react-focus-lock'));
 var ReactDOM = _interopDefault(require('react-dom'));
-var PropTypes = _interopDefault(require('prop-types'));
 var dayjs = _interopDefault(require('dayjs'));
 var LocalizedFormat = _interopDefault(require('dayjs/plugin/localizedFormat'));
 var Reakit = require('reakit/Menu');
 var Popover$1 = require('reakit/Popover');
 
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
 
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
-    if (enumerableOnly) symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    });
+
+    if (enumerableOnly) {
+      symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      });
+    }
+
     keys.push.apply(keys, symbols);
   }
 
@@ -69,10 +57,35 @@ function _objectSpread2(target) {
   return target;
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _inheritsLoose(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
   subClass.prototype.constructor = subClass;
-  subClass.__proto__ = superClass;
+
+  _setPrototypeOf(subClass, superClass);
+}
+
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
 }
 
 function _objectWithoutPropertiesLoose(source, excluded) {
@@ -183,12 +196,15 @@ function mapResponsiveProp(fromValue, mapper) {
   };
 }
 
-var modules_54d944f2 = {"box":"_26c5201d","position-absolute":"_77c3d8d1","position-fixed":"_37cb98fb","position-relative":"df16028f","position-sticky":"_4205abac","tablet-position-absolute":"d6993b5e","tablet-position-fixed":"a015e0f5","tablet-position-relative":"_236dd3b1","tablet-position-sticky":"b7ac4837","desktop-position-absolute":"fd93a726","desktop-position-fixed":"_49228edc","desktop-position-relative":"d972b518","desktop-position-sticky":"b2a2baf3","display-block":"_22f1edd1","display-flex":"c23d2d6f","display-inline":"_5359896d","display-inlineBlock":"a54a41a6","display-inlineFlex":"d02f3d43","display-none":"_760c0710","tablet-display-block":"_64e2ebe6","tablet-display-flex":"_25274f78","tablet-display-inline":"_2077d063","tablet-display-inlineBlock":"aaed581f","tablet-display-inlineFlex":"_1d4a6eb5","tablet-display-none":"_66f24c78","desktop-display-block":"_145cca89","desktop-display-flex":"_1861c899","desktop-display-inline":"_96a720c8","desktop-display-inlineBlock":"_56acf5d5","desktop-display-inlineFlex":"_2a268e4b","desktop-display-none":"b4f30b9e","minWidth-0":"_0b071847","minWidth-xsmall":"_8b67f007","minWidth-small":"e3ec3474","minWidth-medium":"_5cccd4fc","minWidth-large":"_06eeac65","minWidth-xlarge":"ee1b6344","maxWidth-xsmall":"_2df097d0","maxWidth-small":"b771df2a","maxWidth-medium":"_00ad4e35","maxWidth-large":"_4a848dab","maxWidth-xlarge":"bf216b15","maxWidth-full":"a60a7855","flexDirection-column":"_4cf1b6c9","flexDirection-row":"e056fa5a","tablet-flexDirection-column":"b9aa8d99","tablet-flexDirection-row":"_2e8b3442","desktop-flexDirection-column":"_2162c612","desktop-flexDirection-row":"_279bf1e4","flexWrap-wrap":"_346d3a71","flexWrap-nowrap":"_786fd122","flexShrink-0":"_4b864fc2","flexGrow-0":"_795f552f","flexGrow-1":"a68bcd0f","alignItems-flexStart":"_34e24973","alignItems-center":"_648380f4","alignItems-flexEnd":"_18b4e1d6","alignItems-baseline":"_805c1b65","tablet-alignItems-flexStart":"fd4006c2","tablet-alignItems-center":"c3ba10a7","tablet-alignItems-flexEnd":"_984cd304","tablet-alignItems-baseline":"_696cc167","desktop-alignItems-flexStart":"_74133d54","desktop-alignItems-center":"_92ab46df","desktop-alignItems-flexEnd":"_177026d9","desktop-alignItems-baseline":"ebd2f31f","justifyContent-flexStart":"_4969235b","justifyContent-center":"_9594db58","justifyContent-flexEnd":"_6789fdd3","justifyContent-spaceAround":"b9902d94","justifyContent-spaceBetween":"_3c3ae41b","justifyContent-spaceEvenly":"_8dce8767","tablet-justifyContent-flexStart":"_6bd82354","tablet-justifyContent-center":"_3044c29a","tablet-justifyContent-flexEnd":"_13da8745","tablet-justifyContent-spaceAround":"_981fa9c8","tablet-justifyContent-spaceBetween":"d34811a6","tablet-justifyContent-spaceEvenly":"_53e07124","desktop-justifyContent-flexStart":"e709f277","desktop-justifyContent-center":"abc87cc4","desktop-justifyContent-flexEnd":"ce410292","desktop-justifyContent-spaceBetween":"_5ab1bc04","overflow-hidden":"_11a684c0","overflow-auto":"_2c024f85","overflow-visible":"_4d4892bd","overflow-scroll":"_22ffbb40","width-full":"_330d9b0b","height-full":"fb8deb05","bg-default":"_133f5c00","bg-aside":"b2be7ffe","bg-highlight":"a45e67ff","bg-selected":"b90226b5","borderRadius-standard":"_6e988219","borderRadius-full":"_14cf204e","border-primary":"a710cfdd","border-secondary":"_52263feb","border-tertiary":"_546ec3ef","textAlign-start":"_7fa90cb9","textAlign-center":"_54c80396","textAlign-end":"e4b1ea49","textAlign-justify":"_0eecd510","tablet-textAlign-start":"a309e75d","tablet-textAlign-center":"_67fb1a07","tablet-textAlign-end":"_0fa851ec","tablet-textAlign-justify":"_585a0e34","desktop-textAlign-start":"_5f909690","desktop-textAlign-center":"_13e03993","desktop-textAlign-end":"f142a1cb","desktop-textAlign-justify":"_2bba79a9"};
+var modules_54d944f2 = {"box":"_2a8ae321","position-absolute":"_29e047b9","position-fixed":"fe54fea9","position-relative":"_6a95a38d","position-sticky":"ccc689fe","tablet-position-absolute":"aad88ae1","tablet-position-fixed":"_2044ccd3","tablet-position-relative":"a0904035","tablet-position-sticky":"_770506a5","desktop-position-absolute":"_5a954855","desktop-position-fixed":"_2dc73359","desktop-position-relative":"_6ab005ed","desktop-position-sticky":"fa60c726","display-block":"_221ad6a3","display-flex":"_6764f5bc","display-inline":"_50c37dba","display-inlineBlock":"_16546fe0","display-inlineFlex":"_2782a687","display-none":"b70b4fb7","tablet-display-block":"_5b3547cc","tablet-display-flex":"_099432e6","tablet-display-inline":"d99fcd80","tablet-display-inlineBlock":"_8f160568","tablet-display-inlineFlex":"_5b7b4be4","tablet-display-none":"_553721f8","desktop-display-block":"_6b86b317","desktop-display-flex":"eb20eda4","desktop-display-inline":"be19d1e9","desktop-display-inlineBlock":"dcf7c80a","desktop-display-inlineFlex":"e4f02b1f","desktop-display-none":"_3974e6d8","flexDirection-column":"daf5e366","flexDirection-row":"_47f2ddb7","tablet-flexDirection-column":"_27490d54","tablet-flexDirection-row":"_0317f51b","desktop-flexDirection-column":"_97590faa","desktop-flexDirection-row":"bf5d416e","flexWrap-wrap":"_210c1f9e","flexWrap-nowrap":"_2c775d07","flexShrink-0":"_25cae61d","flexGrow-0":"_6068a9cf","flexGrow-1":"c63f682c","alignItems-flexStart":"_0e774dfc","alignItems-center":"_5695a5d5","alignItems-flexEnd":"_139515d8","alignItems-baseline":"cea92f0a","tablet-alignItems-flexStart":"_3dc7ec16","tablet-alignItems-center":"_7993a7fa","tablet-alignItems-flexEnd":"b90d7edc","tablet-alignItems-baseline":"_7bd633f1","desktop-alignItems-flexStart":"_260d232b","desktop-alignItems-center":"_9e2e0a07","desktop-alignItems-flexEnd":"fc97448b","desktop-alignItems-baseline":"_0f76a529","justifyContent-flexStart":"_21d759bf","justifyContent-center":"ff70e049","justifyContent-flexEnd":"ae15d5ad","justifyContent-spaceAround":"_84374266","justifyContent-spaceBetween":"e72a8ca2","justifyContent-spaceEvenly":"_86224cb5","tablet-justifyContent-flexStart":"dceedee0","tablet-justifyContent-center":"_34ab3dab","tablet-justifyContent-flexEnd":"d5da2eb9","tablet-justifyContent-spaceAround":"_1677560d","tablet-justifyContent-spaceBetween":"ef77b2e7","tablet-justifyContent-spaceEvenly":"_685ef848","desktop-justifyContent-flexStart":"_695667f2","desktop-justifyContent-center":"ebb180cc","desktop-justifyContent-flexEnd":"bd5bb675","desktop-justifyContent-spaceBetween":"ae08a70c","overflow-hidden":"_4afa6fac","overflow-auto":"d8d342e4","overflow-visible":"c104da68","overflow-scroll":"_2d6bc0d0","height-full":"_99458759","bg-default":"aadb417c","bg-aside":"_36dca662","bg-highlight":"a1054115","bg-selected":"d17b4e9a","borderRadius-standard":"e3a3ee05","borderRadius-full":"be0cb60b","border-primary":"b9999f44","border-secondary":"_91063996","border-tertiary":"_0902977e","textAlign-start":"a7c58898","textAlign-center":"_2c9a262a","textAlign-end":"_46f07e93","textAlign-justify":"e526003e","tablet-textAlign-start":"_26864fce","tablet-textAlign-center":"e8f51d21","tablet-textAlign-end":"c1dc8b90","tablet-textAlign-justify":"_36bb3fa9","desktop-textAlign-start":"_942e35b0","desktop-textAlign-center":"_92da5c98","desktop-textAlign-end":"_2b0ecaf6","desktop-textAlign-justify":"_3dd24641"};
 
 var modules_b537a8ee = {"paddingTop-xsmall":"c4803194","paddingTop-small":"_4e9ab24b","paddingTop-medium":"_1d226e27","paddingTop-large":"eb6097f1","paddingTop-xlarge":"d3229ba4","paddingTop-xxlarge":"_47978ba4","tablet-paddingTop-xsmall":"f987719c","tablet-paddingTop-small":"_8dbc4b4d","tablet-paddingTop-medium":"ae44fe07","tablet-paddingTop-large":"ffe9548d","tablet-paddingTop-xlarge":"f2b76a44","tablet-paddingTop-xxlarge":"c6eb8f43","desktop-paddingTop-xsmall":"_8699b560","desktop-paddingTop-small":"_02c374b7","desktop-paddingTop-medium":"_0dd0332f","desktop-paddingTop-large":"da55f1f6","desktop-paddingTop-xlarge":"_8ef2a278","desktop-paddingTop-xxlarge":"_8b493b28","paddingRight-xsmall":"_211eebc7","paddingRight-small":"ad0ccf15","paddingRight-medium":"a03e39af","paddingRight-large":"f0941ead","paddingRight-xlarge":"e47c5a43","paddingRight-xxlarge":"e849a5cf","tablet-paddingRight-xsmall":"_85374228","tablet-paddingRight-small":"_89df37b9","tablet-paddingRight-medium":"_1cc50ebe","tablet-paddingRight-large":"_1060982b","tablet-paddingRight-xlarge":"be58847d","tablet-paddingRight-xxlarge":"_45093484","desktop-paddingRight-xsmall":"f8d99d6a","desktop-paddingRight-small":"efa076d9","desktop-paddingRight-medium":"e59caa64","desktop-paddingRight-large":"da42f46a","desktop-paddingRight-xlarge":"b3ee2580","desktop-paddingRight-xxlarge":"_3ef94658","paddingBottom-xsmall":"b0e6eab4","paddingBottom-small":"_9510d053","paddingBottom-medium":"d7af60c9","paddingBottom-large":"b75f86cd","paddingBottom-xlarge":"fbd4ce29","paddingBottom-xxlarge":"_33e3ad63","tablet-paddingBottom-xsmall":"f0302da7","tablet-paddingBottom-small":"_4f9b8012","tablet-paddingBottom-medium":"_4333e20e","tablet-paddingBottom-large":"_30bbc76c","tablet-paddingBottom-xlarge":"ba5a4008","tablet-paddingBottom-xxlarge":"_423a3b1a","desktop-paddingBottom-xsmall":"b40139b7","desktop-paddingBottom-small":"f96071fa","desktop-paddingBottom-medium":"fe803c9a","desktop-paddingBottom-large":"_01686eb9","desktop-paddingBottom-xlarge":"afa763d8","desktop-paddingBottom-xxlarge":"a95785f1","paddingLeft-xsmall":"cad4e2ec","paddingLeft-small":"d70b3c17","paddingLeft-medium":"_8c851bd6","paddingLeft-large":"_078feb3c","paddingLeft-xlarge":"_76ab968c","paddingLeft-xxlarge":"aaca85d7","tablet-paddingLeft-xsmall":"_5eb0e5aa","tablet-paddingLeft-small":"_0384fb4f","tablet-paddingLeft-medium":"edffff6f","tablet-paddingLeft-large":"_873b9a46","tablet-paddingLeft-xlarge":"_89105db5","tablet-paddingLeft-xxlarge":"db1966fe","desktop-paddingLeft-xsmall":"b17f826b","desktop-paddingLeft-small":"_6dc83610","desktop-paddingLeft-medium":"_3421b8b2","desktop-paddingLeft-large":"_68cec7a6","desktop-paddingLeft-xlarge":"_94bde020","desktop-paddingLeft-xxlarge":"b94ee579"};
 
 var modules_131405ac = {"marginTop-xsmall":"c7813d79","marginTop-small":"d3449da6","marginTop-medium":"_4ea254c1","marginTop-large":"c0844f64","marginTop-xlarge":"_213145b4","marginTop-xxlarge":"df61c84c","marginTop--xsmall":"efe72b13","marginTop--small":"_870c2768","marginTop--medium":"_0b927c57","marginTop--large":"_461db014","marginTop--xlarge":"_2a3a8cb8","marginTop--xxlarge":"_9bcda921","tablet-marginTop-xsmall":"_6add01e4","tablet-marginTop-small":"_735ef86b","tablet-marginTop-medium":"_0477d068","tablet-marginTop-large":"_2c90af97","tablet-marginTop-xlarge":"_63a82db6","tablet-marginTop-xxlarge":"_03cd7726","tablet-marginTop--xsmall":"c986a62a","tablet-marginTop--small":"be2bdcdd","tablet-marginTop--medium":"_47d2686b","tablet-marginTop--large":"_25e5af9d","tablet-marginTop--xlarge":"ee82f441","tablet-marginTop--xxlarge":"a6f9d404","desktop-marginTop-xsmall":"_4d8d9a36","desktop-marginTop-small":"e813cee7","desktop-marginTop-medium":"_56975b7d","desktop-marginTop-large":"_53b367f6","desktop-marginTop-xlarge":"d69e7311","desktop-marginTop-xxlarge":"_92f57c7e","desktop-marginTop--xsmall":"_96880d3e","desktop-marginTop--small":"dc3f3555","desktop-marginTop--medium":"_86dd06bb","desktop-marginTop--large":"c93ef12e","desktop-marginTop--xlarge":"bc8fd4a2","desktop-marginTop--xxlarge":"b12a9124","marginRight-xsmall":"_6016f4fb","marginRight-small":"b85e3dfa","marginRight-medium":"_297575f4","marginRight-large":"b401ac6c","marginRight-xlarge":"dc3ec387","marginRight-xxlarge":"_24694604","marginRight--xsmall":"_8e9bf2ee","marginRight--small":"ae9d1115","marginRight--medium":"_14e46fc3","marginRight--large":"_3370631b","marginRight--xlarge":"_3f0e9b50","marginRight--xxlarge":"bc13e010","tablet-marginRight-xsmall":"_6fa1aae3","tablet-marginRight-small":"_2976c5cb","tablet-marginRight-medium":"_38d94802","tablet-marginRight-large":"db9569b5","tablet-marginRight-xlarge":"_4a52f06d","tablet-marginRight-xxlarge":"_8a0f0410","tablet-marginRight--xsmall":"e7d40e9d","tablet-marginRight--small":"_680fde91","tablet-marginRight--medium":"_021010ca","tablet-marginRight--large":"_9e52c87c","tablet-marginRight--xlarge":"_4d602613","tablet-marginRight--xxlarge":"_21b1b65a","desktop-marginRight-xsmall":"_7321bc07","desktop-marginRight-small":"fa1721f4","desktop-marginRight-medium":"_3fd7b4b8","desktop-marginRight-large":"_4fdc2f74","desktop-marginRight-xlarge":"c0254761","desktop-marginRight-xxlarge":"_710a5f09","desktop-marginRight--xsmall":"e08bee7f","desktop-marginRight--small":"e5ab73d2","desktop-marginRight--medium":"_5e731477","desktop-marginRight--large":"_0f57a22e","desktop-marginRight--xlarge":"_25f26ed3","desktop-marginRight--xxlarge":"_11a3b4e0","marginBottom-xsmall":"_6a4f69f7","marginBottom-small":"db26b033","marginBottom-medium":"c7313022","marginBottom-large":"a5885889","marginBottom-xlarge":"_33dfbd8e","marginBottom-xxlarge":"_795ad2de","marginBottom--xsmall":"a329dbd3","marginBottom--small":"_85e739fb","marginBottom--medium":"_681f65ff","marginBottom--large":"caf50d8f","marginBottom--xlarge":"_1e084cbf","marginBottom--xxlarge":"_3dfb1c7e","tablet-marginBottom-xsmall":"ef4735be","tablet-marginBottom-small":"de55afba","tablet-marginBottom-medium":"_0e33ce88","tablet-marginBottom-large":"_8ca391fc","tablet-marginBottom-xlarge":"_3a609d23","tablet-marginBottom-xxlarge":"_3e1177e4","tablet-marginBottom--xsmall":"d384884d","tablet-marginBottom--small":"_75254cec","tablet-marginBottom--medium":"_5d9f127d","tablet-marginBottom--large":"_835f1089","tablet-marginBottom--xlarge":"dad52a72","tablet-marginBottom--xxlarge":"_8703a4bf","desktop-marginBottom-xsmall":"_90fd20e9","desktop-marginBottom-small":"f3769191","desktop-marginBottom-medium":"_156410f8","desktop-marginBottom-large":"_7fed74d0","desktop-marginBottom-xlarge":"_477dc10e","desktop-marginBottom-xxlarge":"_85c82d89","desktop-marginBottom--xsmall":"_4f09c1e0","desktop-marginBottom--small":"_9523e048","desktop-marginBottom--medium":"efe10240","desktop-marginBottom--large":"c43971e6","desktop-marginBottom--xlarge":"f9b4da15","desktop-marginBottom--xxlarge":"a10fdf70","marginLeft-xsmall":"f9be90b4","marginLeft-small":"f53218d5","marginLeft-medium":"c4a9b3ab","marginLeft-large":"_5755e2c3","marginLeft-xlarge":"_33fc9354","marginLeft-xxlarge":"_4749a3bf","marginLeft--xsmall":"c76cb3c7","marginLeft--small":"_96003c07","marginLeft--medium":"_09988d07","marginLeft--large":"b4a486f6","marginLeft--xlarge":"f396e75e","marginLeft--xxlarge":"_81d1f26d","tablet-marginLeft-xsmall":"_0a46e8f1","tablet-marginLeft-small":"_57c970af","tablet-marginLeft-medium":"_4b6099d3","tablet-marginLeft-large":"_378fcff5","tablet-marginLeft-xlarge":"f8785663","tablet-marginLeft-xxlarge":"_72f957ee","tablet-marginLeft--xsmall":"_2288c7e1","tablet-marginLeft--small":"b27c1c05","tablet-marginLeft--medium":"_702cbb13","tablet-marginLeft--large":"_1a2748b4","tablet-marginLeft--xlarge":"b8c043a5","tablet-marginLeft--xxlarge":"_8dc8ff63","desktop-marginLeft-xsmall":"c2af646d","desktop-marginLeft-small":"c03d07be","desktop-marginLeft-medium":"_915fb1d3","desktop-marginLeft-large":"_64214ee1","desktop-marginLeft-xlarge":"_7be4a22c","desktop-marginLeft-xxlarge":"_5ec0a401","desktop-marginLeft--xsmall":"ea29f1ee","desktop-marginLeft--small":"c26652c7","desktop-marginLeft--medium":"c24f6af9","desktop-marginLeft--large":"c2671f27","desktop-marginLeft--xlarge":"cc51a04e","desktop-marginLeft--xxlarge":"fd581f54"};
 
+var modules_89b7671c = {"minWidth-0":"_68ab48ca","minWidth-xsmall":"_6fa2b565","minWidth-small":"dd50fabd","minWidth-medium":"e7e2c808","minWidth-large":"_6abbe25e","minWidth-xlarge":"_54f479ac","maxWidth-xsmall":"_148492bc","maxWidth-small":"bd023b96","maxWidth-medium":"e102903f","maxWidth-large":"_0e8d76d7","maxWidth-xlarge":"_47a031d0","maxWidth-full":"cd4c8183","width-0":"_5f5959e8","width-full":"_8c75067a","width-auto":"_56a651f6","width-maxContent":"_26f87bb8","width-minContent":"_07a6ab44","width-fitContent":"a87016fa","width-xsmall":"_1a972e50","width-small":"c96d8261","width-medium":"f3829d42","width-large":"_2caef228","width-xlarge":"_069e1491"};
+
+var _excluded = ["as", "position", "display", "flexDirection", "flexWrap", "flexGrow", "flexShrink", "alignItems", "justifyContent", "overflow", "width", "height", "background", "border", "borderRadius", "minWidth", "maxWidth", "textAlign", "padding", "paddingY", "paddingX", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginY", "marginX", "marginTop", "marginRight", "marginBottom", "marginLeft", "className", "children"];
 var Box = /*#__PURE__*/polymorphicComponent(function Box(_ref, ref) {
   var _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9;
 
@@ -230,7 +246,7 @@ var Box = /*#__PURE__*/polymorphicComponent(function Box(_ref, ref) {
       marginLeft = _ref.marginLeft,
       className = _ref.className,
       children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "position", "display", "flexDirection", "flexWrap", "flexGrow", "flexShrink", "alignItems", "justifyContent", "overflow", "width", "height", "background", "border", "borderRadius", "minWidth", "maxWidth", "textAlign", "padding", "paddingY", "paddingX", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginY", "marginX", "marginTop", "marginRight", "marginBottom", "marginLeft", "className", "children"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var resolvedPaddingTop = (_ref2 = paddingTop !== null && paddingTop !== void 0 ? paddingTop : paddingY) !== null && _ref2 !== void 0 ? _ref2 : padding;
   var resolvedPaddingRight = (_ref3 = paddingRight !== null && paddingRight !== void 0 ? paddingRight : paddingX) !== null && _ref3 !== void 0 ? _ref3 : padding;
@@ -242,23 +258,25 @@ var Box = /*#__PURE__*/polymorphicComponent(function Box(_ref, ref) {
   var resolvedMarginLeft = (_ref9 = marginLeft !== null && marginLeft !== void 0 ? marginLeft : marginX) !== null && _ref9 !== void 0 ? _ref9 : margin;
   var omitFlex = !display || typeof display === 'string' && display !== 'flex' && display !== 'inlineFlex';
   return /*#__PURE__*/React.createElement(component, _objectSpread2(_objectSpread2({}, props), {}, {
-    className: classNames(className, modules_54d944f2.box, display ? getClassNames(modules_54d944f2, 'display', display) : null, position !== 'static' ? getClassNames(modules_54d944f2, 'position', position) : null, minWidth != null ? getClassNames(modules_54d944f2, 'minWidth', String(minWidth)) : null, getClassNames(modules_54d944f2, 'maxWidth', maxWidth), textAlign !== 'start' ? getClassNames(modules_54d944f2, 'textAlign', textAlign) : null, // padding
+    className: classNames(className, modules_54d944f2.box, display ? getClassNames(modules_54d944f2, 'display', display) : null, position !== 'static' ? getClassNames(modules_54d944f2, 'position', position) : null, minWidth != null ? getClassNames(modules_89b7671c, 'minWidth', String(minWidth)) : null, getClassNames(modules_89b7671c, 'maxWidth', maxWidth), textAlign !== 'start' ? getClassNames(modules_54d944f2, 'textAlign', textAlign) : null, // padding
     getClassNames(modules_b537a8ee, 'paddingTop', resolvedPaddingTop), getClassNames(modules_b537a8ee, 'paddingRight', resolvedPaddingRight), getClassNames(modules_b537a8ee, 'paddingBottom', resolvedPaddingBottom), getClassNames(modules_b537a8ee, 'paddingLeft', resolvedPaddingLeft), // margin
     getClassNames(modules_131405ac, 'marginTop', resolvedMarginTop), getClassNames(modules_131405ac, 'marginRight', resolvedMarginRight), getClassNames(modules_131405ac, 'marginBottom', resolvedMarginBottom), getClassNames(modules_131405ac, 'marginLeft', resolvedMarginLeft), // flex props
     omitFlex ? null : getClassNames(modules_54d944f2, 'flexDirection', flexDirection), omitFlex ? null : getClassNames(modules_54d944f2, 'flexWrap', flexWrap), omitFlex ? null : getClassNames(modules_54d944f2, 'alignItems', alignItems), omitFlex ? null : getClassNames(modules_54d944f2, 'justifyContent', justifyContent), flexShrink != null ? getClassNames(modules_54d944f2, 'flexShrink', String(flexShrink)) : null, flexGrow != null ? getClassNames(modules_54d944f2, 'flexGrow', String(flexGrow)) : null, // other props
-    getClassNames(modules_54d944f2, 'overflow', overflow), getClassNames(modules_54d944f2, 'width', width), getClassNames(modules_54d944f2, 'height', height), getClassNames(modules_54d944f2, 'bg', background), borderRadius !== 'none' ? getClassNames(modules_54d944f2, 'borderRadius', borderRadius) : null, border !== 'none' ? getClassNames(modules_54d944f2, 'border', border) : null) || undefined,
+    getClassNames(modules_54d944f2, 'overflow', overflow), width != null ? getClassNames(modules_89b7671c, 'width', String(width)) : null, getClassNames(modules_54d944f2, 'height', height), getClassNames(modules_54d944f2, 'bg', background), borderRadius !== 'none' ? getClassNames(modules_54d944f2, 'borderRadius', borderRadius) : null, border !== 'none' ? getClassNames(modules_54d944f2, 'border', border) : null) || undefined,
     ref: ref
   }), children);
 });
 
 var modules_67f2d07a = {"space-xsmall":"_6f59c771","column":"_91e05f0f","space-small":"_5a55af26","space-medium":"fa261310","space-large":"_6ebd4e46","space-xlarge":"_55ce4aea","space-xxlarge":"_04c9c3ac","tablet-space-xsmall":"ab76d8cd","tablet-space-small":"_14629bfb","tablet-space-medium":"_5b4e39ea","tablet-space-large":"ba270182","tablet-space-xlarge":"b96e7ec7","tablet-space-xxlarge":"d276612c","desktop-space-xsmall":"d7a73106","desktop-space-small":"_8f5e0e9e","desktop-space-medium":"_3a168411","desktop-space-large":"_0abcc12e","desktop-space-xlarge":"e0bafc60","desktop-space-xxlarge":"d2df9afd","columnWidth-auto":"b18d0b47","columnWidth-1-2":"_102a6b27","columnWidth-1-3":"_829872fe","columnWidth-2-3":"cf5aef9a","columnWidth-1-4":"_931bf714","columnWidth-3-4":"b0303130","columnWidth-1-5":"f6589a6f","columnWidth-2-5":"_2823aed9","columnWidth-3-5":"d00ba3bb","columnWidth-4-5":"_338f2d7c","tablet-tablet-space-xsmall":"_06582234"};
 
+var _excluded$1 = ["width", "children", "exceptionallySetClassName"],
+    _excluded2 = ["space", "align", "alignY", "collapseBelow", "children", "exceptionallySetClassName"];
 var Column = /*#__PURE__*/polymorphicComponent(function Column(_ref, ref) {
   var _ref$width = _ref.width,
       width = _ref$width === void 0 ? 'auto' : _ref$width,
       children = _ref.children,
       exceptionallySetClassName = _ref.exceptionallySetClassName,
-      props = _objectWithoutPropertiesLoose(_ref, ["width", "children", "exceptionallySetClassName"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
 
   return /*#__PURE__*/React.createElement(Box, Object.assign({}, props, {
     className: [exceptionallySetClassName, modules_67f2d07a.column, width !== 'content' ? getClassNames(modules_67f2d07a, 'columnWidth', width.replace('/', '-')) : null],
@@ -278,7 +296,7 @@ var Columns = /*#__PURE__*/polymorphicComponent(function Columns(_ref2, ref) {
       collapseBelow = _ref2.collapseBelow,
       children = _ref2.children,
       exceptionallySetClassName = _ref2.exceptionallySetClassName,
-      props = _objectWithoutPropertiesLoose(_ref2, ["space", "align", "alignY", "collapseBelow", "children", "exceptionallySetClassName"]);
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded2);
 
   return /*#__PURE__*/React.createElement(Box, Object.assign({}, props, {
     className: [exceptionallySetClassName, getClassNames(modules_67f2d07a, 'space', space)],
@@ -303,10 +321,12 @@ var Columns = /*#__PURE__*/polymorphicComponent(function Columns(_ref2, ref) {
 
 var modules_c742c4d7 = {"weight-primary":"_3f3a401c","weight-secondary":"_03b05b70","weight-tertiary":"b6f67ff8"};
 
+var _excluded$2 = ["weight"];
+
 function Divider(_ref) {
   var _ref$weight = _ref.weight,
-      weight = _ref$weight === void 0 ? 'primary' : _ref$weight,
-      props = _objectWithoutPropertiesLoose(_ref, ["weight"]);
+      weight = _ref$weight === void 0 ? 'tertiary' : _ref$weight,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
 
   return /*#__PURE__*/React.createElement(Box, Object.assign({
     as: "hr",
@@ -316,6 +336,7 @@ function Divider(_ref) {
 
 var modules_da5d5c21 = {"space-xsmall":"_6b1279e0","space-small":"_0d82c42d","space-medium":"_556714e1","space-large":"e90b43fb","space-xlarge":"a9c34345","space-xxlarge":"aa102efe","tablet-space-xsmall":"_34d16157","tablet-space-small":"c7e0e54f","tablet-space-medium":"_7f2a4e4b","tablet-space-large":"ae256487","tablet-space-xlarge":"e88be0f7","tablet-space-xxlarge":"dc7bcb18","desktop-space-xsmall":"_853f3012","desktop-space-small":"_3bfaf758","desktop-space-medium":"_36462a93","desktop-space-large":"e73081b7","desktop-space-xlarge":"e22ec9dd","desktop-space-xxlarge":"_4a20bd12"};
 
+var _excluded$3 = ["as", "space", "align", "alignY", "children", "exceptionallySetClassName"];
 var Inline = /*#__PURE__*/polymorphicComponent(function Inline(_ref, ref) {
   var as = _ref.as,
       space = _ref.space,
@@ -325,9 +346,9 @@ var Inline = /*#__PURE__*/polymorphicComponent(function Inline(_ref, ref) {
       alignY = _ref$alignY === void 0 ? 'center' : _ref$alignY,
       children = _ref.children,
       exceptionallySetClassName = _ref.exceptionallySetClassName,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "space", "align", "alignY", "children", "exceptionallySetClassName"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$3);
 
-  return /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Box, Object.assign({}, props, {
+  return /*#__PURE__*/React.createElement(Box, Object.assign({}, props, {
     as: as,
     display: "flex",
     flexWrap: "wrap",
@@ -339,11 +360,12 @@ var Inline = /*#__PURE__*/polymorphicComponent(function Inline(_ref, ref) {
     justifyContent: mapResponsiveProp(align, function (align) {
       return align === 'left' ? 'flexStart' : align === 'right' ? 'flexEnd' : 'center';
     })
-  }), children));
+  }), children);
 });
 
 var modules_3af3b7ac = {"space-xsmall":"_7b475ead","space-small":"_5641699f","space-medium":"_1a1c63e4","space-large":"_560f80a0","space-xlarge":"_84ffebbc","space-xxlarge":"b60a65cb","tablet-space-xsmall":"d808f5c3","tablet-space-small":"a51c76b3","tablet-space-medium":"_7185a7aa","tablet-space-large":"af82e610","tablet-space-xlarge":"_88b4ff46","tablet-space-xxlarge":"_9de15321","desktop-space-xsmall":"_6fb32d20","desktop-space-small":"_07ee315a","desktop-space-medium":"a270d7ec","desktop-space-large":"ea6ebb29","desktop-space-xlarge":"_35b36178","desktop-space-xxlarge":"_56c7dc23"};
 
+var _excluded$4 = ["as", "space", "align", "dividers", "children", "exceptionallySetClassName"];
 var Stack = /*#__PURE__*/polymorphicComponent(function Stack(_ref, ref) {
   var as = _ref.as,
       space = _ref.space,
@@ -353,7 +375,7 @@ var Stack = /*#__PURE__*/polymorphicComponent(function Stack(_ref, ref) {
       dividers = _ref$dividers === void 0 ? 'none' : _ref$dividers,
       children = _ref.children,
       exceptionallySetClassName = _ref.exceptionallySetClassName,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "space", "align", "dividers", "children", "exceptionallySetClassName"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$4);
 
   var alignProps = align === 'start' ? undefined : {
     width: 'full',
@@ -376,6 +398,7 @@ var Stack = /*#__PURE__*/polymorphicComponent(function Stack(_ref, ref) {
 
 var modules_4689e97e = {"hiddenOnPrint":"_0e595dea"};
 
+var _excluded$5 = ["display", "children", "exceptionallySetClassName"];
 /**
  * A component that allows to specify how to hide itself on certain responsive screen sizes, or on
  * print media.
@@ -390,7 +413,7 @@ var Hidden = /*#__PURE__*/polymorphicComponent(function Hidden(_ref, ref) {
       display = _ref$display === void 0 ? 'block' : _ref$display,
       children = _ref.children,
       exceptionallySetClassName = _ref.exceptionallySetClassName,
-      props = _objectWithoutPropertiesLoose(_ref, ["display", "children", "exceptionallySetClassName"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$5);
 
   var hiddenOnPrint = 'print' in props && props.print;
   var hiddenOnDesktop = ('above' in props);
@@ -439,6 +462,242 @@ var HiddenVisually = /*#__PURE__*/polymorphicComponent(function HiddenVisually(p
   }));
 });
 
+var _excluded$6 = ["children", "content", "position", "gapSize", "className"];
+
+var SHOW_DELAY = 500;
+var HIDE_DELAY = 100;
+
+function useDelayedTooltipState(initialState) {
+  var tooltipState = Tooltip$1.useTooltipState(initialState);
+  var delay = useDelay();
+  return React__default.useMemo(function () {
+    return _objectSpread2(_objectSpread2({}, tooltipState), {}, {
+      show: delay(function () {
+        return tooltipState.show();
+      }, SHOW_DELAY),
+      hide: delay(function () {
+        return tooltipState.hide();
+      }, HIDE_DELAY)
+    });
+  }, [delay, tooltipState]);
+}
+
+function Tooltip(_ref) {
+  var children = _ref.children,
+      content = _ref.content,
+      _ref$position = _ref.position,
+      position = _ref$position === void 0 ? 'top' : _ref$position,
+      _ref$gapSize = _ref.gapSize,
+      gapSize = _ref$gapSize === void 0 ? 3 : _ref$gapSize,
+      className = _ref.className,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$6);
+
+  var tooltip = useDelayedTooltipState({
+    placement: position,
+    gutter: gapSize
+  });
+  var child = React__default.Children.only(children);
+
+  if (!content) {
+    return child;
+  }
+  /**
+   * Prevents the tooltip from automatically firing on focus all the time. This is to prevent
+   * tooltips from showing when the trigger element is focused back after a popover or dialog that
+   * it opened was closed. See link below for more details.
+   * @see https://github.com/reakit/reakit/discussions/749
+   */
+
+
+  function handleFocus(event) {
+    // If focus is not followed by a key up event, does it mean that it's not
+    // an intentional keyboard focus? Not sure but it seems to work.
+    // This may be resolved soon in an upcoming version of reakit:
+    // https://github.com/reakit/reakit/issues/750
+    function handleKeyUp(e) {
+      var eventKey = e.key;
+
+      if (eventKey !== 'Escape' && eventKey !== 'Enter' && eventKey !== 'Space') {
+        tooltip.show();
+      }
+    }
+
+    event.currentTarget.addEventListener('keyup', handleKeyUp, {
+      once: true
+    }); // Prevent tooltip.show from being called by TooltipReference
+
+    event.preventDefault(); // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access
+
+    if (typeof child.props.onFocus === 'function') child.props.onFocus(event);
+  }
+
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Tooltip$1.TooltipReference, Object.assign({}, tooltip, {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment
+    ref: child.ref
+  }, child.props, {
+    onFocus: handleFocus
+  }), function (referenceProps) {
+    return /*#__PURE__*/React__default.cloneElement(child, referenceProps);
+  }), tooltip.visible ? /*#__PURE__*/React__default.createElement(Tooltip$1.Tooltip, Object.assign({}, tooltip, props, {
+    className: classNames('reactist_tooltip', className)
+  }), typeof content === 'function' ? content() : content) : null);
+}
+// Internal helpers
+//
+
+/**
+ * Returns a function offering the same interface as setTimeout, but cleans up on unmount.
+ *
+ * The timeout state is shared, and only one delayed function can be active at any given time. If
+ * a new delayed function is called while another one was waiting for its time to run, that older
+ * invocation is cleared and it never runs.
+ *
+ * This is suitable for our use case here, but probably not the most intuitive thing in general.
+ * That's why this is not made a shared util or something like it.
+ */
+
+function useDelay() {
+  var timeoutRef = React__default.useRef();
+  var clearTimeouts = React__default.useCallback(function clearTimeouts() {
+    if (timeoutRef.current != null) {
+      clearTimeout(timeoutRef.current);
+    }
+  }, []); // Runs clearTimeouts when the component is unmounted
+
+  React__default.useEffect(function () {
+    return clearTimeouts;
+  }, [clearTimeouts]);
+  return React__default.useCallback(function delay(fn, delay) {
+    return function () {
+      clearTimeouts();
+      timeoutRef.current = setTimeout(fn, delay);
+    };
+  }, [clearTimeouts]);
+}
+
+var modules_c7f5018f = {"svg":"_51539197","spinner":"_54fbe2b3","tint":"a0c466ed","fill":"_745b73d3"};
+
+function Spinner(_ref) {
+  var _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 24 : _ref$size;
+  return /*#__PURE__*/React.createElement("svg", {
+    "aria-hidden": true,
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    className: modules_c7f5018f.svg
+  }, /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    fillRule: "nonzero"
+  }, /*#__PURE__*/React.createElement("path", {
+    className: modules_c7f5018f.tint,
+    d: "M17.945 3.958A9.955 9.955 0 0 0 12 2c-2.19 0-4.217.705-5.865 1.9L5.131 2.16A11.945 11.945 0 0 1 12 0c2.59 0 4.99.82 6.95 2.217l-1.005 1.741z"
+  }), /*#__PURE__*/React.createElement("path", {
+    className: modules_c7f5018f.fill,
+    d: "M5.13 2.16L6.136 3.9A9.987 9.987 0 0 0 2 12c0 5.523 4.477 10 10 10s10-4.477 10-10a9.986 9.986 0 0 0-4.055-8.042l1.006-1.741A11.985 11.985 0 0 1 24 12c0 6.627-5.373 12-12 12S0 18.627 0 12c0-4.073 2.029-7.671 5.13-9.84z"
+  })));
+}
+
+var modules_b9569bce = {"label":"_1f20c88a","baseButton":"_623015f3","size-small":"_062de645","size-normal":"_55e2a6a9","size-large":"cab32a7c","disabled":"e71c191a","iconButton":"_368efc16","startIcon":"d35389c1","endIcon":"_900d41d8","variant-primary":"_7c95e162","variant-secondary":"_9cb889aa","variant-tertiary":"_611b5b28","variant-quaternary":"_80c2bb84","tone-destructive":"ee13c455"};
+
+var _excluded$7 = ["as", "variant", "tone", "size", "disabled", "loading", "tooltip", "onClick", "exceptionallySetClassName", "children", "startIcon", "endIcon", "icon"];
+
+function preventDefault(event) {
+  event.preventDefault();
+}
+/**
+ * The component that powers `Button` and `ButtonLink`, where the button styling logic and some
+ * common functionality resides. This component is internal to Reactist.
+ *
+ * 🎨 [Figma](https://www.figma.com/file/LYlWNzvhMDh907l07mPPQk/Product-Web?node-id=4693%3A175143)
+ *
+ * @see Button
+ * @see ButtonLink
+ */
+
+
+var BaseButton = /*#__PURE__*/polymorphicComponent(function BaseButton(_ref, ref) {
+  var _ref$as = _ref.as,
+      as = _ref$as === void 0 ? 'div' : _ref$as,
+      variant = _ref.variant,
+      _ref$tone = _ref.tone,
+      tone = _ref$tone === void 0 ? 'normal' : _ref$tone,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'normal' : _ref$size,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      _ref$loading = _ref.loading,
+      loading = _ref$loading === void 0 ? false : _ref$loading,
+      tooltip = _ref.tooltip,
+      onClick = _ref.onClick,
+      exceptionallySetClassName = _ref.exceptionallySetClassName,
+      children = _ref.children,
+      startIcon = _ref.startIcon,
+      endIcon = _ref.endIcon,
+      icon = _ref.icon,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$7);
+
+  var isDisabled = loading || disabled;
+  var buttonElement = /*#__PURE__*/React.createElement(Box, Object.assign({}, props, {
+    as: as,
+    ref: ref,
+    "aria-disabled": isDisabled,
+    onClick: isDisabled ? preventDefault : onClick,
+    className: [exceptionallySetClassName, modules_b9569bce.baseButton, modules_b9569bce["variant-" + variant], modules_b9569bce["tone-" + tone], modules_b9569bce["size-" + size], icon ? modules_b9569bce.iconButton : null, disabled ? modules_b9569bce.disabled : null]
+  }), icon ? loading && /*#__PURE__*/React.createElement(Spinner, null) || icon : /*#__PURE__*/React.createElement(React.Fragment, null, startIcon ? /*#__PURE__*/React.createElement(Box, {
+    display: "flex",
+    className: modules_b9569bce.startIcon,
+    "aria-hidden": true
+  }, loading && !endIcon ? /*#__PURE__*/React.createElement(Spinner, null) : startIcon) : null, children ? /*#__PURE__*/React.createElement("span", {
+    className: modules_b9569bce.label
+  }, children) : null, endIcon || loading && !startIcon ? /*#__PURE__*/React.createElement(Box, {
+    display: "flex",
+    className: modules_b9569bce.endIcon,
+    "aria-hidden": true
+  }, loading ? /*#__PURE__*/React.createElement(Spinner, null) : endIcon) : null)); // If it's an icon-only button, make sure it uses the aria-label as tooltip if no tooltip was provided
+
+  var tooltipContent = icon ? tooltip !== null && tooltip !== void 0 ? tooltip : props['aria-label'] : tooltip;
+  return tooltipContent ? /*#__PURE__*/React.createElement(Tooltip, {
+    content: tooltipContent
+  }, buttonElement) : buttonElement;
+});
+
+var _excluded$8 = ["variant", "tone", "size", "type", "disabled", "exceptionallySetClassName"];
+/**
+ * A semantic button that also looks like a button, and provides all the necessary visual variants.
+ * It follows the [WAI-ARIA Button Pattern](https://www.w3.org/TR/wai-aria-practices/#button).
+ *
+ * 🎨 [Figma](https://www.figma.com/file/LYlWNzvhMDh907l07mPPQk/Product-Web?node-id=4693%3A175143)
+ *
+ * @see ButtonLink
+ */
+
+var Button = /*#__PURE__*/React.forwardRef(function Button(_ref, ref) {
+  var variant = _ref.variant,
+      _ref$tone = _ref.tone,
+      tone = _ref$tone === void 0 ? 'normal' : _ref$tone,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'normal' : _ref$size,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? 'button' : _ref$type,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      exceptionallySetClassName = _ref.exceptionallySetClassName,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$8);
+
+  return /*#__PURE__*/React.createElement(BaseButton, Object.assign({}, props, {
+    as: "button",
+    ref: ref,
+    variant: variant,
+    tone: tone,
+    size: size,
+    type: type,
+    disabled: disabled,
+    exceptionallySetClassName: exceptionallySetClassName
+  }));
+});
+
+var _excluded$9 = ["tone"];
 var alertIconForTone = {
   info: AlertInfoIcon,
   positive: AlertPositiveIcon,
@@ -448,7 +707,7 @@ var alertIconForTone = {
 
 function AlertIcon(_ref) {
   var tone = _ref.tone,
-      props = _objectWithoutPropertiesLoose(_ref, ["tone"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$9);
 
   var Icon = alertIconForTone[tone];
   return Icon ? /*#__PURE__*/React.createElement(Icon, Object.assign({}, props)) : null;
@@ -521,7 +780,7 @@ function CloseIcon(props) {
   }));
 }
 
-var modules_6205a58e = {"container":"ad19f859","tone-info":"_7fd19074","tone-positive":"b6504efb","tone-caution":"_1668c1a3","tone-critical":"_59663dff"};
+var modules_6205a58e = {"container":"eb665121","tone-info":"d0373ff9","tone-positive":"bb18dcab","tone-caution":"_0af02331","tone-critical":"f76146f9"};
 
 function Alert(_ref) {
   var id = _ref.id,
@@ -533,7 +792,7 @@ function Alert(_ref) {
     id: id,
     role: "alert",
     "aria-live": "polite",
-    padding: "small",
+    borderRadius: "standard",
     className: [modules_6205a58e.container, getClassNames(modules_6205a58e, 'tone', tone)]
   }, /*#__PURE__*/React.createElement(Columns, {
     space: "small",
@@ -542,38 +801,25 @@ function Alert(_ref) {
     width: "content"
   }, /*#__PURE__*/React.createElement(AlertIcon, {
     tone: tone
-  })), /*#__PURE__*/React.createElement(Column, null, children), onClose != null ? /*#__PURE__*/React.createElement(Column, {
+  })), /*#__PURE__*/React.createElement(Column, null, /*#__PURE__*/React.createElement(Box, {
+    paddingY: "xsmall",
+    paddingRight: onClose != null && closeLabel != null ? undefined : 'small'
+  }, children)), onClose != null && closeLabel != null ? /*#__PURE__*/React.createElement(Column, {
     width: "content"
-  }, /*#__PURE__*/React.createElement("button", {
-    type: "button",
+  }, /*#__PURE__*/React.createElement(Button, {
+    variant: "quaternary",
+    size: "small",
     onClick: onClose,
-    "aria-label": closeLabel
-  }, /*#__PURE__*/React.createElement(CloseIcon, null))) : null));
-}
-
-var modules_c7f5018f = {"svg":"_51539197","spinner":"_54fbe2b3","tint":"a0c466ed","fill":"_745b73d3"};
-
-function Spinner(_ref) {
-  var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size;
-  return /*#__PURE__*/React.createElement("svg", {
-    "aria-hidden": true,
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    className: modules_c7f5018f.svg
-  }, /*#__PURE__*/React.createElement("g", {
-    fill: "none",
-    fillRule: "nonzero"
-  }, /*#__PURE__*/React.createElement("path", {
-    className: modules_c7f5018f.tint,
-    d: "M17.945 3.958A9.955 9.955 0 0 0 12 2c-2.19 0-4.217.705-5.865 1.9L5.131 2.16A11.945 11.945 0 0 1 12 0c2.59 0 4.99.82 6.95 2.217l-1.005 1.741z"
-  }), /*#__PURE__*/React.createElement("path", {
-    className: modules_c7f5018f.fill,
-    d: "M5.13 2.16L6.136 3.9A9.987 9.987 0 0 0 2 12c0 5.523 4.477 10 10 10s10-4.477 10-10a9.986 9.986 0 0 0-4.055-8.042l1.006-1.741A11.985 11.985 0 0 1 24 12c0 6.627-5.373 12-12 12S0 18.627 0 12c0-4.073 2.029-7.671 5.13-9.84z"
-  })));
+    "aria-label": closeLabel,
+    icon: /*#__PURE__*/React.createElement(CloseIcon, null),
+    style: {
+      // @ts-expect-error not sure how to make TypeScript understand custom CSS properties
+      '--reactist-btn-hover-fill': 'transparent'
+    }
+  })) : null));
 }
 
+var _excluded$a = ["size", "exceptionallySetClassName"];
 var sizeMapping = {
   small: 24,
   medium: 36,
@@ -586,17 +832,20 @@ function Loading(_ref) {
   var _ref$size = _ref.size,
       size = _ref$size === void 0 ? 'small' : _ref$size,
       exceptionallySetClassName = _ref.exceptionallySetClassName,
-      props = _objectWithoutPropertiesLoose(_ref, ["size", "exceptionallySetClassName"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$a);
 
   var numericSize = (_sizeMapping$size = sizeMapping[size]) !== null && _sizeMapping$size !== void 0 ? _sizeMapping$size : sizeMapping.small;
+  var ariaLabel = props['aria-label'] ? props['aria-label'] : !props['aria-labelledby'] ? 'Loading…' : undefined;
   return /*#__PURE__*/React__default.createElement(Box, Object.assign({}, props, {
+    "aria-label": ariaLabel,
     className: exceptionallySetClassName,
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
     role: "progressbar"
   }), /*#__PURE__*/React__default.createElement(Spinner, {
-    size: numericSize
+    size: numericSize,
+    "aria-hidden": true
   }));
 }
 
@@ -618,11 +867,14 @@ function Notice(_ref) {
     width: "content"
   }, /*#__PURE__*/React.createElement(AlertIcon, {
     tone: tone
-  })), /*#__PURE__*/React.createElement(Column, null, children)));
+  })), /*#__PURE__*/React.createElement(Column, null, /*#__PURE__*/React.createElement(Box, {
+    paddingY: "xsmall"
+  }, children))));
 }
 
-var modules_949d2ff4 = {"heading":"_2f45487c","weight-light":"a20cbde9","tone-secondary":"_75f44518","tone-danger":"_3952cc59","size-largest":"b71d22ef","size-larger":"f15346e2","size-smaller":"_3cae1428","lineClampMultipleLines":"_347f6fcd","lineClamp-1":"_895c0b16","lineClamp-2":"_2e4808bd","lineClamp-3":"_1bdb7bdc","lineClamp-4":"_159943ea","lineClamp-5":"e44e008d"};
+var modules_949d2ff4 = {"heading":"_71a1610c","weight-light":"_63750f40","tone-secondary":"_9ce984cf","tone-danger":"_1acad35e","size-largest":"_3da27a00","size-larger":"df220733","size-smaller":"eb373739","lineClampMultipleLines":"f53cfd2b","lineClamp-1":"e4819fc9","lineClamp-2":"a0ed6177","lineClamp-3":"_180d433e","lineClamp-4":"_40826ad9","lineClamp-5":"_5999b247"};
 
+var _excluded$b = ["level", "weight", "size", "tone", "children", "lineClamp", "align", "exceptionallySetClassName"];
 var Heading = /*#__PURE__*/React.forwardRef(function Heading(_ref, ref) {
   var level = _ref.level,
       _ref$weight = _ref.weight,
@@ -631,261 +883,56 @@ var Heading = /*#__PURE__*/React.forwardRef(function Heading(_ref, ref) {
       _ref$tone = _ref.tone,
       tone = _ref$tone === void 0 ? 'normal' : _ref$tone,
       children = _ref.children,
-      lineClamp = _ref.lineClamp,
-      align = _ref.align,
-      exceptionallySetClassName = _ref.exceptionallySetClassName,
-      props = _objectWithoutPropertiesLoose(_ref, ["level", "weight", "size", "tone", "children", "lineClamp", "align", "exceptionallySetClassName"]);
-
-  // In TypeScript v4.1, this would be properly recognized without needing the type assertion
-  // https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-beta/#template-literal-types
-  var headingElementName = "h" + level;
-  var lineClampMultipleLines = typeof lineClamp === 'string' ? parseInt(lineClamp, 10) > 1 : (lineClamp || 0) > 1;
-  return /*#__PURE__*/React.createElement(Box, Object.assign({}, props, {
-    className: [exceptionallySetClassName, modules_949d2ff4.heading, weight !== 'regular' ? getClassNames(modules_949d2ff4, 'weight', weight) : null, tone !== 'normal' ? getClassNames(modules_949d2ff4, 'tone', tone) : null, getClassNames(modules_949d2ff4, 'size', size), lineClampMultipleLines ? modules_949d2ff4.lineClampMultipleLines : null, lineClamp ? getClassNames(modules_949d2ff4, 'lineClamp', lineClamp.toString()) : null],
-    textAlign: align,
-    // Prevents emojis from being cut-off
-    // See https://github.com/Doist/reactist/pull/528
-    paddingRight: lineClamp ? 'xsmall' : undefined,
-    as: headingElementName,
-    ref: ref
-  }), children);
-});
-
-var modules_a9637dd3 = {"text":"c12d1277","size-caption":"c88e1204","size-copy":"_426d67ec","size-subtitle":"f978d6c7","weight-semibold":"_0c31eccd","weight-bold":"aba17bdd","tone-secondary":"_2767b43d","tone-danger":"e8ae531e","lineClampMultipleLines":"dc839422","lineClamp-1":"e2d23135","lineClamp-2":"_7c778b7e","lineClamp-3":"_5ff41166","lineClamp-4":"b7a4998e","lineClamp-5":"_6a7f8803"};
-
-var Text = /*#__PURE__*/polymorphicComponent(function Text(_ref, ref) {
-  var as = _ref.as,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'body' : _ref$size,
-      _ref$weight = _ref.weight,
-      weight = _ref$weight === void 0 ? 'regular' : _ref$weight,
-      _ref$tone = _ref.tone,
-      tone = _ref$tone === void 0 ? 'normal' : _ref$tone,
-      align = _ref.align,
-      children = _ref.children,
-      lineClamp = _ref.lineClamp,
-      exceptionallySetClassName = _ref.exceptionallySetClassName,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "size", "weight", "tone", "align", "children", "lineClamp", "exceptionallySetClassName"]);
-
-  var lineClampMultipleLines = typeof lineClamp === 'string' ? Number(lineClamp) > 1 : (lineClamp !== null && lineClamp !== void 0 ? lineClamp : 1) > 1;
-  return /*#__PURE__*/React.createElement(Box, Object.assign({}, props, {
-    as: as,
-    className: [exceptionallySetClassName, modules_a9637dd3.text, size !== 'body' ? getClassNames(modules_a9637dd3, 'size', size) : null, weight !== 'regular' ? getClassNames(modules_a9637dd3, 'weight', weight) : null, tone !== 'normal' ? getClassNames(modules_a9637dd3, 'tone', tone) : null, lineClampMultipleLines ? modules_a9637dd3.lineClampMultipleLines : null, lineClamp ? getClassNames(modules_a9637dd3, 'lineClamp', lineClamp.toString()) : null],
-    textAlign: align,
-    // Prevents emojis from being cut-off
-    // See https://github.com/Doist/reactist/pull/528
-    paddingRight: lineClamp ? 'xsmall' : undefined,
-    ref: ref
-  }), children);
-});
-
-var SHOW_DELAY = 500;
-var HIDE_DELAY = 100;
-
-function useDelayedTooltipState(initialState) {
-  var tooltipState = Tooltip$1.useTooltipState(initialState);
-  var delay = useDelay();
-  return React__default.useMemo(function () {
-    return _objectSpread2(_objectSpread2({}, tooltipState), {}, {
-      show: delay(function () {
-        return tooltipState.show();
-      }, SHOW_DELAY),
-      hide: delay(function () {
-        return tooltipState.hide();
-      }, HIDE_DELAY)
-    });
-  }, [delay, tooltipState]);
-}
-
-function Tooltip(_ref) {
-  var children = _ref.children,
-      content = _ref.content,
-      _ref$position = _ref.position,
-      position = _ref$position === void 0 ? 'top' : _ref$position,
-      _ref$gapSize = _ref.gapSize,
-      gapSize = _ref$gapSize === void 0 ? 3 : _ref$gapSize,
-      className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, ["children", "content", "position", "gapSize", "className"]);
-
-  var tooltip = useDelayedTooltipState({
-    placement: position,
-    gutter: gapSize
-  });
-  var child = React__default.Children.only(children);
-
-  if (!content) {
-    return child;
-  }
-  /**
-   * Prevents the tooltip from automatically firing on focus all the time. This is to prevent
-   * tooltips from showing when the trigger element is focused back after a popover or dialog that
-   * it opened was closed. See link below for more details.
-   * @see https://github.com/reakit/reakit/discussions/749
-   */
-
-
-  function handleFocus(event) {
-    // If focus is not followed by a key up event, does it mean that it's not
-    // an intentional keyboard focus? Not sure but it seems to work.
-    // This may be resolved soon in an upcoming version of reakit:
-    // https://github.com/reakit/reakit/issues/750
-    function handleKeyUp(e) {
-      var eventKey = e.key;
-
-      if (eventKey !== 'Escape' && eventKey !== 'Enter' && eventKey !== 'Space') {
-        tooltip.show();
-      }
-    }
-
-    event.currentTarget.addEventListener('keyup', handleKeyUp, {
-      once: true
-    }); // Prevent tooltip.show from being called by TooltipReference
-
-    event.preventDefault(); // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access
-
-    if (typeof child.props.onFocus === 'function') child.props.onFocus(event);
-  }
-
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Tooltip$1.TooltipReference, Object.assign({}, tooltip, {
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment
-    ref: child.ref
-  }, child.props, {
-    onFocus: handleFocus
-  }), function (referenceProps) {
-    return /*#__PURE__*/React__default.cloneElement(child, referenceProps);
-  }), tooltip.visible ? /*#__PURE__*/React__default.createElement(Tooltip$1.Tooltip, Object.assign({}, tooltip, props, {
-    className: classNames('reactist_tooltip', className)
-  }), typeof content === 'function' ? content() : content) : null);
-}
-// Internal helpers
-//
-
-/**
- * Returns a function offering the same interface as setTimeout, but cleans up on unmount.
- *
- * The timeout state is shared, and only one delayed function can be active at any given time. If
- * a new delayed function is called while another one was waiting for its time to run, that older
- * invocation is cleared and it never runs.
- *
- * This is suitable for our use case here, but probably not the most intuitive thing in general.
- * That's why this is not made a shared util or something like it.
- */
-
-function useDelay() {
-  var timeoutRef = React__default.useRef();
-  var clearTimeouts = React__default.useCallback(function clearTimeouts() {
-    if (timeoutRef.current != null) {
-      clearTimeout(timeoutRef.current);
-    }
-  }, []); // Runs clearTimeouts when the component is unmounted
-
-  React__default.useEffect(function () {
-    return clearTimeouts;
-  }, [clearTimeouts]);
-  return React__default.useCallback(function delay(fn, delay) {
-    return function () {
-      clearTimeouts();
-      timeoutRef.current = setTimeout(fn, delay);
-    };
-  }, [clearTimeouts]);
-}
-
-var modules_b9569bce = {"label":"_1f20c88a","baseButton":"_623015f3","size-small":"_062de645","size-normal":"_55e2a6a9","size-large":"cab32a7c","disabled":"e71c191a","iconButton":"_368efc16","startIcon":"d35389c1","endIcon":"_900d41d8","variant-primary":"_7c95e162","variant-secondary":"_9cb889aa","variant-tertiary":"_611b5b28","variant-quaternary":"_80c2bb84","tone-destructive":"ee13c455"};
-
-function preventDefault(event) {
-  event.preventDefault();
-}
-/**
- * The component that powers `Button` and `ButtonLink`, where the button styling logic and some
- * common functionality resides. This component is internal to Reactist.
- *
- * 🎨 [Figma](https://www.figma.com/file/LYlWNzvhMDh907l07mPPQk/Product-Web?node-id=4693%3A175143)
- *
- * @see Button
- * @see ButtonLink
- */
-
-
-var BaseButton = /*#__PURE__*/polymorphicComponent(function BaseButton(_ref, ref) {
-  var _ref$as = _ref.as,
-      as = _ref$as === void 0 ? 'div' : _ref$as,
-      variant = _ref.variant,
-      _ref$tone = _ref.tone,
-      tone = _ref$tone === void 0 ? 'normal' : _ref$tone,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'normal' : _ref$size,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$loading = _ref.loading,
-      loading = _ref$loading === void 0 ? false : _ref$loading,
-      tooltip = _ref.tooltip,
-      onClick = _ref.onClick,
-      exceptionallySetClassName = _ref.exceptionallySetClassName,
-      children = _ref.children,
-      startIcon = _ref.startIcon,
-      endIcon = _ref.endIcon,
-      icon = _ref.icon,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "variant", "tone", "size", "disabled", "loading", "tooltip", "onClick", "exceptionallySetClassName", "children", "startIcon", "endIcon", "icon"]);
-
-  var isDisabled = loading || disabled;
-  var buttonElement = /*#__PURE__*/React.createElement(Box, Object.assign({}, props, {
-    as: as,
-    ref: ref,
-    "aria-disabled": isDisabled,
-    onClick: isDisabled ? preventDefault : onClick,
-    className: [exceptionallySetClassName, modules_b9569bce.baseButton, modules_b9569bce["variant-" + variant], modules_b9569bce["tone-" + tone], modules_b9569bce["size-" + size], icon ? modules_b9569bce.iconButton : null, disabled ? modules_b9569bce.disabled : null]
-  }), icon ? loading && /*#__PURE__*/React.createElement(Spinner, null) || icon : /*#__PURE__*/React.createElement(React.Fragment, null, startIcon ? /*#__PURE__*/React.createElement(Box, {
-    display: "flex",
-    className: modules_b9569bce.startIcon,
-    "aria-hidden": true
-  }, loading && !endIcon ? /*#__PURE__*/React.createElement(Spinner, null) : startIcon) : null, children ? /*#__PURE__*/React.createElement("span", {
-    className: modules_b9569bce.label
-  }, children) : null, endIcon || loading && !startIcon ? /*#__PURE__*/React.createElement(Box, {
-    display: "flex",
-    className: modules_b9569bce.endIcon,
-    "aria-hidden": true
-  }, loading ? /*#__PURE__*/React.createElement(Spinner, null) : endIcon) : null)); // If it's an icon-only button, make sure it uses the aria-label as tooltip if no tooltip was provided
+      lineClamp = _ref.lineClamp,
+      align = _ref.align,
+      exceptionallySetClassName = _ref.exceptionallySetClassName,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$b);
 
-  var tooltipContent = icon ? tooltip !== null && tooltip !== void 0 ? tooltip : props['aria-label'] : tooltip;
-  return tooltipContent ? /*#__PURE__*/React.createElement(Tooltip, {
-    content: tooltipContent
-  }, buttonElement) : buttonElement;
+  // In TypeScript v4.1, this would be properly recognized without needing the type assertion
+  // https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-beta/#template-literal-types
+  var headingElementName = "h" + level;
+  var lineClampMultipleLines = typeof lineClamp === 'string' ? parseInt(lineClamp, 10) > 1 : (lineClamp || 0) > 1;
+  return /*#__PURE__*/React.createElement(Box, Object.assign({}, props, {
+    className: [exceptionallySetClassName, modules_949d2ff4.heading, weight !== 'regular' ? getClassNames(modules_949d2ff4, 'weight', weight) : null, tone !== 'normal' ? getClassNames(modules_949d2ff4, 'tone', tone) : null, getClassNames(modules_949d2ff4, 'size', size), lineClampMultipleLines ? modules_949d2ff4.lineClampMultipleLines : null, lineClamp ? getClassNames(modules_949d2ff4, 'lineClamp', lineClamp.toString()) : null],
+    textAlign: align,
+    // Prevents emojis from being cut-off
+    // See https://github.com/Doist/reactist/pull/528
+    paddingRight: lineClamp ? 'xsmall' : undefined,
+    as: headingElementName,
+    ref: ref
+  }), children);
 });
 
-/**
- * A semantic button that also looks like a button, and provides all the necessary visual variants.
- * It follows the [WAI-ARIA Button Pattern](https://www.w3.org/TR/wai-aria-practices/#button).
- *
- * 🎨 [Figma](https://www.figma.com/file/LYlWNzvhMDh907l07mPPQk/Product-Web?node-id=4693%3A175143)
- *
- * @see ButtonLink
- */
+var modules_a9637dd3 = {"text":"c5028ea8","size-caption":"_05d3a546","size-copy":"_100565e3","size-subtitle":"b8f72625","weight-semibold":"_398ecda1","weight-bold":"_8054cd6b","tone-secondary":"_6abd56b1","tone-danger":"_274b4a47","lineClampMultipleLines":"_724b0054","lineClamp-1":"_51ac6ee4","lineClamp-2":"b0742803","lineClamp-3":"dd664c95","lineClamp-4":"b02775b5","lineClamp-5":"da91b300"};
 
-var Button = /*#__PURE__*/React.forwardRef(function Button(_ref, ref) {
-  var variant = _ref.variant,
+var _excluded$c = ["as", "size", "weight", "tone", "align", "children", "lineClamp", "exceptionallySetClassName"];
+var Text = /*#__PURE__*/polymorphicComponent(function Text(_ref, ref) {
+  var as = _ref.as,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'body' : _ref$size,
+      _ref$weight = _ref.weight,
+      weight = _ref$weight === void 0 ? 'regular' : _ref$weight,
       _ref$tone = _ref.tone,
       tone = _ref$tone === void 0 ? 'normal' : _ref$tone,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'normal' : _ref$size,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'button' : _ref$type,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      align = _ref.align,
+      children = _ref.children,
+      lineClamp = _ref.lineClamp,
       exceptionallySetClassName = _ref.exceptionallySetClassName,
-      props = _objectWithoutPropertiesLoose(_ref, ["variant", "tone", "size", "type", "disabled", "exceptionallySetClassName"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$c);
 
-  return /*#__PURE__*/React.createElement(BaseButton, Object.assign({}, props, {
-    as: "button",
-    ref: ref,
-    variant: variant,
-    tone: tone,
-    size: size,
-    type: type,
-    disabled: disabled,
-    exceptionallySetClassName: exceptionallySetClassName
-  }));
+  var lineClampMultipleLines = typeof lineClamp === 'string' ? Number(lineClamp) > 1 : (lineClamp !== null && lineClamp !== void 0 ? lineClamp : 1) > 1;
+  return /*#__PURE__*/React.createElement(Box, Object.assign({}, props, {
+    as: as,
+    className: [exceptionallySetClassName, modules_a9637dd3.text, size !== 'body' ? getClassNames(modules_a9637dd3, 'size', size) : null, weight !== 'regular' ? getClassNames(modules_a9637dd3, 'weight', weight) : null, tone !== 'normal' ? getClassNames(modules_a9637dd3, 'tone', tone) : null, lineClampMultipleLines ? modules_a9637dd3.lineClampMultipleLines : null, lineClamp ? getClassNames(modules_a9637dd3, 'lineClamp', lineClamp.toString()) : null],
+    textAlign: align,
+    // Prevents emojis from being cut-off
+    // See https://github.com/Doist/reactist/pull/528
+    paddingRight: lineClamp ? 'xsmall' : undefined,
+    ref: ref
+  }), children);
 });
 
+var _excluded$d = ["as", "variant", "tone", "size", "exceptionallySetClassName", "openInNewTab"];
 /**
  * A semantic link that looks like a button, exactly matching the `Button` component in all visual
  * aspects.
@@ -906,7 +953,7 @@ var ButtonLink = /*#__PURE__*/polymorphicComponent(function ButtonLink(_ref, ref
       exceptionallySetClassName = _ref.exceptionallySetClassName,
       _ref$openInNewTab = _ref.openInNewTab,
       openInNewTab = _ref$openInNewTab === void 0 ? false : _ref$openInNewTab,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "variant", "tone", "size", "exceptionallySetClassName", "openInNewTab"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$d);
 
   return /*#__PURE__*/React.createElement(BaseButton, Object.assign({}, props, {
     as: as,
@@ -920,15 +967,16 @@ var ButtonLink = /*#__PURE__*/polymorphicComponent(function ButtonLink(_ref, ref
   }));
 });
 
-var modules_3d05deee = {"container":"_12eda218"};
+var modules_3d05deee = {"container":"b55607a1"};
 
+var _excluded$e = ["as", "openInNewTab", "exceptionallySetClassName"];
 var TextLink = /*#__PURE__*/polymorphicComponent(function TextLink(_ref, ref) {
   var _ref$as = _ref.as,
       as = _ref$as === void 0 ? 'a' : _ref$as,
       _ref$openInNewTab = _ref.openInNewTab,
       openInNewTab = _ref$openInNewTab === void 0 ? false : _ref$openInNewTab,
       exceptionallySetClassName = _ref.exceptionallySetClassName,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "openInNewTab", "exceptionallySetClassName"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$e);
 
   return /*#__PURE__*/React.createElement(Box, Object.assign({}, props, {
     as: as,
@@ -940,6 +988,7 @@ var TextLink = /*#__PURE__*/polymorphicComponent(function TextLink(_ref, ref) {
   }));
 });
 
+var _excluded$f = ["checked", "indeterminate", "disabled"];
 var svgPath = {
   checked: 'M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm-2.457 4.293l-5.293 5.293-1.793-1.793a1 1 0 1 0-1.414 1.414l2.5 2.5a1 1 0 0 0 1.414 0l6-6a1 1 0 1 0-1.414-1.414z',
   unchecked: 'M18 4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h12zm0 1H6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z',
@@ -976,7 +1025,7 @@ function CheckboxIcon(_ref2) {
   var checked = _ref2.checked,
       indeterminate = _ref2.indeterminate,
       disabled = _ref2.disabled,
-      props = _objectWithoutPropertiesLoose(_ref2, ["checked", "indeterminate", "disabled"]);
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded$f);
 
   var pathKey = getPathKey({
     checked: checked,
@@ -995,8 +1044,9 @@ function CheckboxIcon(_ref2) {
   }));
 }
 
-var modules_664a6a80 = {"container":"f9e0a1b8","disabled":"_01411889","checked":"ffdfd8fb"};
+var modules_664a6a80 = {"container":"_96c4d12f","disabled":"_5048e2a5","checked":"_42187b48","keyFocused":"_3510166f"};
 
+var _excluded$g = ["label", "disabled", "indeterminate", "defaultChecked", "onChange"];
 var CheckboxField = /*#__PURE__*/React.forwardRef(function CheckboxField(_ref, ref) {
   var _ref2, _props$checked, _props$checked2;
 
@@ -1005,7 +1055,7 @@ var CheckboxField = /*#__PURE__*/React.forwardRef(function CheckboxField(_ref, r
       indeterminate = _ref.indeterminate,
       defaultChecked = _ref.defaultChecked,
       _onChange = _ref.onChange,
-      props = _objectWithoutPropertiesLoose(_ref, ["label", "disabled", "indeterminate", "defaultChecked", "onChange"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$g);
 
   var isControlledComponent = typeof props.checked === 'boolean';
 
@@ -1020,9 +1070,13 @@ var CheckboxField = /*#__PURE__*/React.forwardRef(function CheckboxField(_ref, r
     console.warn('A Checkbox needs a label');
   }
 
-  var _React$useState = React.useState((_ref2 = (_props$checked = props.checked) !== null && _props$checked !== void 0 ? _props$checked : defaultChecked) !== null && _ref2 !== void 0 ? _ref2 : false),
-      checkedState = _React$useState[0],
-      setChecked = _React$useState[1];
+  var _React$useState = React.useState(false),
+      keyFocused = _React$useState[0],
+      setKeyFocused = _React$useState[1];
+
+  var _React$useState2 = React.useState((_ref2 = (_props$checked = props.checked) !== null && _props$checked !== void 0 ? _props$checked : defaultChecked) !== null && _ref2 !== void 0 ? _ref2 : false),
+      checkedState = _React$useState2[0],
+      setChecked = _React$useState2[1];
 
   var isChecked = (_props$checked2 = props.checked) !== null && _props$checked2 !== void 0 ? _props$checked2 : checkedState;
   var internalRef = React.useRef(null);
@@ -1036,10 +1090,11 @@ var CheckboxField = /*#__PURE__*/React.forwardRef(function CheckboxField(_ref, r
     as: "label",
     display: "flex",
     alignItems: "center",
-    className: [modules_664a6a80.container, disabled ? modules_664a6a80.disabled : null, isChecked ? modules_664a6a80.checked : null, 'focus-marker-enabled-within']
-  }, /*#__PURE__*/React.createElement(HiddenVisually, null, /*#__PURE__*/React.createElement("input", Object.assign({}, props, {
+    className: [modules_664a6a80.container, disabled ? modules_664a6a80.disabled : null, isChecked ? modules_664a6a80.checked : null, keyFocused ? modules_664a6a80.keyFocused : null]
+  }, /*#__PURE__*/React.createElement("input", Object.assign({}, props, {
     ref: combinedRef,
     type: "checkbox",
+    "aria-checked": indeterminate ? 'mixed' : isChecked,
     checked: isChecked,
     disabled: disabled,
     onChange: function onChange(event) {
@@ -1048,12 +1103,24 @@ var CheckboxField = /*#__PURE__*/React.forwardRef(function CheckboxField(_ref, r
       if (!event.defaultPrevented) {
         setChecked(event.currentTarget.checked);
       }
+    },
+    onBlur: function onBlur(event) {
+      var _props$onBlur;
+
+      setKeyFocused(false);
+      props === null || props === void 0 ? void 0 : (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 ? void 0 : _props$onBlur.call(props, event);
+    },
+    onKeyUp: function onKeyUp(event) {
+      var _props$onKeyUp;
+
+      setKeyFocused(true);
+      props === null || props === void 0 ? void 0 : (_props$onKeyUp = props.onKeyUp) === null || _props$onKeyUp === void 0 ? void 0 : _props$onKeyUp.call(props, event);
     }
-  }))), /*#__PURE__*/React.createElement(CheckboxIcon, {
-    "aria-hidden": true,
+  })), /*#__PURE__*/React.createElement(CheckboxIcon, {
     checked: isChecked,
+    disabled: disabled,
     indeterminate: indeterminate,
-    disabled: disabled
+    "aria-hidden": true
   }), label ? /*#__PURE__*/React.createElement(Text, null, label) : null);
 });
 
@@ -1182,6 +1249,7 @@ var modules_3f03ead6 = {"inputWrapper":"_460d581b"};
 
 var modules_aaf25250 = {"inputWrapper":"dd9ffeab"};
 
+var _excluded$h = ["label", "secondaryLabel", "auxiliaryLabel", "hint", "maxWidth", "togglePasswordLabel", "hidden", "aria-describedby"];
 var PasswordField = /*#__PURE__*/React.forwardRef(function PasswordField(_ref, ref) {
   var label = _ref.label,
       secondaryLabel = _ref.secondaryLabel,
@@ -1192,7 +1260,7 @@ var PasswordField = /*#__PURE__*/React.forwardRef(function PasswordField(_ref, r
       togglePasswordLabel = _ref$togglePasswordLa === void 0 ? 'Toggle password visibility' : _ref$togglePasswordLa,
       hidden = _ref.hidden,
       ariaDescribedBy = _ref['aria-describedby'],
-      props = _objectWithoutPropertiesLoose(_ref, ["label", "secondaryLabel", "auxiliaryLabel", "hint", "maxWidth", "togglePasswordLabel", "hidden", "aria-describedby"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$h);
 
   var id = useId(props.id);
   var internalRef = React.useRef(null);
@@ -1245,6 +1313,7 @@ var PasswordField = /*#__PURE__*/React.forwardRef(function PasswordField(_ref, r
 
 var modules_1fa9b208 = {"selectWrapper":"_828e09c5"};
 
+var _excluded$i = ["id", "label", "secondaryLabel", "auxiliaryLabel", "hint", "maxWidth", "children", "hidden", "aria-describedby"];
 var SelectField = /*#__PURE__*/React.forwardRef(function SelectField(_ref, ref) {
   var id = _ref.id,
       label = _ref.label,
@@ -1255,7 +1324,7 @@ var SelectField = /*#__PURE__*/React.forwardRef(function SelectField(_ref, ref)
       children = _ref.children,
       hidden = _ref.hidden,
       ariaDescribedBy = _ref['aria-describedby'],
-      props = _objectWithoutPropertiesLoose(_ref, ["id", "label", "secondaryLabel", "auxiliaryLabel", "hint", "maxWidth", "children", "hidden", "aria-describedby"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$i);
 
   return /*#__PURE__*/React.createElement(BaseField, {
     id: id,
@@ -1289,8 +1358,9 @@ function SelectChevron(props) {
   }));
 }
 
-var modules_8e05f7c9 = {"container":"_99a80509","disabled":"b5cf26ef","checked":"a63c43a2","toggle":"f318ae83","label":"_427926b9","handle":"_9fcd994c"};
+var modules_8e05f7c9 = {"container":"ec63c3f1","disabled":"_7de9c06d","checked":"a37981fc","toggle":"_2a17ac45","label":"_68cc9707","handle":"_91409c7f","keyFocused":"a6490371"};
 
+var _excluded$j = ["label", "hint", "disabled", "hidden", "defaultChecked", "id", "aria-describedby", "aria-label", "aria-labelledby", "onChange"];
 var SwitchField = /*#__PURE__*/React.forwardRef(function SwitchField(_ref, ref) {
   var _ref2, _props$checked, _props$checked2;
 
@@ -1302,23 +1372,31 @@ var SwitchField = /*#__PURE__*/React.forwardRef(function SwitchField(_ref, ref)
       defaultChecked = _ref.defaultChecked,
       originalId = _ref.id,
       originalAriaDescribedBy = _ref['aria-describedby'],
+      originalAriaLabel = _ref['aria-label'],
+      originalAriaLabelledby = _ref['aria-labelledby'],
       _onChange = _ref.onChange,
-      props = _objectWithoutPropertiesLoose(_ref, ["label", "hint", "disabled", "hidden", "defaultChecked", "id", "aria-describedby", "onChange"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$j);
 
   var id = useId(originalId);
   var hintId = useId();
   var ariaDescribedBy = originalAriaDescribedBy !== null && originalAriaDescribedBy !== void 0 ? originalAriaDescribedBy : hint ? hintId : undefined;
+  var ariaLabel = originalAriaLabel !== null && originalAriaLabel !== void 0 ? originalAriaLabel : undefined;
+  var ariaLabelledBy = originalAriaLabelledby !== null && originalAriaLabelledby !== void 0 ? originalAriaLabelledby : undefined;
+
+  var _React$useState = React.useState(false),
+      keyFocused = _React$useState[0],
+      setKeyFocused = _React$useState[1];
 
-  var _React$useState = React.useState((_ref2 = (_props$checked = props.checked) !== null && _props$checked !== void 0 ? _props$checked : defaultChecked) !== null && _ref2 !== void 0 ? _ref2 : false),
-      checkedState = _React$useState[0],
-      setChecked = _React$useState[1];
+  var _React$useState2 = React.useState((_ref2 = (_props$checked = props.checked) !== null && _props$checked !== void 0 ? _props$checked : defaultChecked) !== null && _ref2 !== void 0 ? _ref2 : false),
+      checkedState = _React$useState2[0],
+      setChecked = _React$useState2[1];
 
   var isChecked = (_props$checked2 = props.checked) !== null && _props$checked2 !== void 0 ? _props$checked2 : checkedState;
   return /*#__PURE__*/React.createElement(Stack, {
     space: "small",
     hidden: hidden
   }, /*#__PURE__*/React.createElement(Box, {
-    className: [modules_8e05f7c9.container, disabled ? modules_8e05f7c9.disabled : null, isChecked ? modules_8e05f7c9.checked : null],
+    className: [modules_8e05f7c9.container, disabled ? modules_8e05f7c9.disabled : null, isChecked ? modules_8e05f7c9.checked : null, keyFocused ? modules_8e05f7c9.keyFocused : null],
     as: "label",
     display: "flex",
     alignItems: "center"
@@ -1334,6 +1412,8 @@ var SwitchField = /*#__PURE__*/React.forwardRef(function SwitchField(_ref, ref)
     type: "checkbox",
     disabled: disabled,
     "aria-describedby": ariaDescribedBy,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
     ref: ref,
     checked: isChecked,
     onChange: function onChange(event) {
@@ -1342,6 +1422,18 @@ var SwitchField = /*#__PURE__*/React.forwardRef(function SwitchField(_ref, ref)
       if (!event.defaultPrevented) {
         setChecked(event.currentTarget.checked);
       }
+    },
+    onBlur: function onBlur(event) {
+      var _props$onBlur;
+
+      setKeyFocused(false);
+      props === null || props === void 0 ? void 0 : (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 ? void 0 : _props$onBlur.call(props, event);
+    },
+    onKeyUp: function onKeyUp(event) {
+      var _props$onKeyUp;
+
+      setKeyFocused(true);
+      props === null || props === void 0 ? void 0 : (_props$onKeyUp = props.onKeyUp) === null || _props$onKeyUp === void 0 ? void 0 : _props$onKeyUp.call(props, event);
     }
   }))), /*#__PURE__*/React.createElement("span", {
     className: modules_8e05f7c9.handle
@@ -1354,6 +1446,8 @@ var SwitchField = /*#__PURE__*/React.forwardRef(function SwitchField(_ref, ref)
 
 var modules_2728c236 = {"container":"_5a579f96"};
 
+var _excluded$k = ["id", "label", "secondaryLabel", "auxiliaryLabel", "hint", "maxWidth"];
+
 function TextArea(_ref) {
   var id = _ref.id,
       label = _ref.label,
@@ -1361,7 +1455,7 @@ function TextArea(_ref) {
       auxiliaryLabel = _ref.auxiliaryLabel,
       hint = _ref.hint,
       maxWidth = _ref.maxWidth,
-      props = _objectWithoutPropertiesLoose(_ref, ["id", "label", "secondaryLabel", "auxiliaryLabel", "hint", "maxWidth"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$k);
 
   return /*#__PURE__*/React.createElement(BaseField, {
     id: id,
@@ -1378,6 +1472,7 @@ function TextArea(_ref) {
   });
 }
 
+var _excluded$l = ["id", "label", "secondaryLabel", "auxiliaryLabel", "hint", "type", "maxWidth", "hidden", "aria-describedby"];
 var TextField = /*#__PURE__*/React.forwardRef(function TextField(_ref, ref) {
   var id = _ref.id,
       label = _ref.label,
@@ -1389,7 +1484,7 @@ var TextField = /*#__PURE__*/React.forwardRef(function TextField(_ref, ref) {
       maxWidth = _ref.maxWidth,
       hidden = _ref.hidden,
       ariaDescribedBy = _ref['aria-describedby'],
-      props = _objectWithoutPropertiesLoose(_ref, ["id", "label", "secondaryLabel", "auxiliaryLabel", "hint", "type", "maxWidth", "hidden", "aria-describedby"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$l);
 
   return /*#__PURE__*/React.createElement(BaseField, {
     id: id,
@@ -1432,8 +1527,13 @@ function usePrevious(value) {
   return ref.current;
 }
 
-var modules_40c67f5b = {"tab":"ce7a2c92","tab-normal":"_90aaabf7","tab-primary":"_6e0665d3","tab-secondary":"_9135146c","tab-tertiary":"e96fb06e","tab-plain":"f81d8e09"};
+var modules_40c67f5b = {"tab":"d7928f1c","tab-normal":"_5d8e72b3","tab-primary":"_8a23756d","tab-secondary":"_88fd4c95","tab-tertiary":"_40c4cce9","tab-plain":"_13722523"};
 
+var _excluded$m = ["color", "variant"],
+    _excluded2$1 = ["children", "space"],
+    _excluded3 = ["color", "variant"],
+    _excluded4 = ["children", "id", "as", "render"],
+    _excluded5 = ["color", "variant"];
 var TabsContext = /*#__PURE__*/React.createContext(null);
 /**
  * Used to group components that compose a set of tabs. There can only be one active tab within the same `<Tabs>` group.
@@ -1485,7 +1585,7 @@ function Tab(_ref2) {
 
   var color = tabContextValue.color,
       variant = tabContextValue.variant,
-      tabState = _objectWithoutPropertiesLoose(tabContextValue, ["color", "variant"]);
+      tabState = _objectWithoutPropertiesLoose(tabContextValue, _excluded$m);
 
   return /*#__PURE__*/React.createElement(Tab$1.Tab, Object.assign({
     className: classNames(modules_40c67f5b.tab, modules_40c67f5b["tab-" + (variant !== null && variant !== void 0 ? variant : '')], modules_40c67f5b["tab-" + (color !== null && color !== void 0 ? color : '')]),
@@ -1500,7 +1600,7 @@ function TabList(_ref3) {
   var children = _ref3.children,
       _ref3$space = _ref3.space,
       space = _ref3$space === void 0 ? 'medium' : _ref3$space,
-      props = _objectWithoutPropertiesLoose(_ref3, ["children", "space"]);
+      props = _objectWithoutPropertiesLoose(_ref3, _excluded2$1);
 
   var tabContextValue = React.useContext(TabsContext);
 
@@ -1508,7 +1608,7 @@ function TabList(_ref3) {
     return null;
   }
 
-  var tabState = _objectWithoutPropertiesLoose(tabContextValue, ["color", "variant"]);
+  var tabState = _objectWithoutPropertiesLoose(tabContextValue, _excluded3);
 
   return /*#__PURE__*/React.createElement(Tab$1.TabList, Object.assign({}, props, tabState), /*#__PURE__*/React.createElement(Inline, {
     space: space
@@ -1524,7 +1624,7 @@ var TabPanel = /*#__PURE__*/polymorphicComponent(function TabPanel(_ref4, ref) {
       as = _ref4.as,
       _ref4$render = _ref4.render,
       render = _ref4$render === void 0 ? 'always' : _ref4$render,
-      props = _objectWithoutPropertiesLoose(_ref4, ["children", "id", "as", "render"]);
+      props = _objectWithoutPropertiesLoose(_ref4, _excluded4);
 
   var tabContextValue = React.useContext(TabsContext);
 
@@ -1543,7 +1643,7 @@ var TabPanel = /*#__PURE__*/polymorphicComponent(function TabPanel(_ref4, ref) {
     return null;
   }
 
-  var tabState = _objectWithoutPropertiesLoose(tabContextValue, ["color", "variant"]);
+  var tabState = _objectWithoutPropertiesLoose(tabContextValue, _excluded5);
 
   return /*#__PURE__*/React.createElement(Tab$1.TabPanel, Object.assign({
     tabId: id
@@ -1565,8 +1665,13 @@ function TabAwareSlot(_ref5) {
   }) : null;
 }
 
-var modules_8f59d13b = {"reach-portal":"_72b0d072","fadein":"_3ef30abf","fitContent":"_99107d2f","container":"badff007","medium":"_3b39110c","small":"fc325d7b","large":"_5751d6d0","overlay":"_0091d9c5","expand":"_52207af6","buttonContainer":"b97b958d"};
+var modules_8f59d13b = {"reach-portal":"dddb40c3","fadein":"_955f2d73","fitContent":"_95c7550e","container":"_88079712","full":"_4779d078","large":"_5fd86231","medium":"bdfb5931","small":"_4e848a11","xlarge":"d673fba2","overlay":"ea9ae0cc","expand":"a8bf8a4f","buttonContainer":"_44d6850e"};
 
+var _excluded$n = ["isOpen", "onDismiss", "height", "width", "exceptionallySetClassName", "autoFocus", "children"],
+    _excluded2$2 = ["children", "button", "withDivider", "exceptionallySetClassName"],
+    _excluded3$1 = ["exceptionallySetClassName", "children"],
+    _excluded4$1 = ["exceptionallySetClassName", "withDivider"],
+    _excluded5$1 = ["children"];
 var ModalContext = /*#__PURE__*/React.createContext({
   onDismiss: undefined,
   height: 'fitContent'
@@ -1597,7 +1702,7 @@ function Modal(_ref) {
       _ref$autoFocus = _ref.autoFocus,
       autoFocus = _ref$autoFocus === void 0 ? true : _ref$autoFocus,
       children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, ["isOpen", "onDismiss", "height", "width", "exceptionallySetClassName", "autoFocus", "children"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$n);
 
   var contextValue = React.useMemo(function () {
     return {
@@ -1614,7 +1719,8 @@ function Modal(_ref) {
     "data-testid": "modal-overlay"
   }, /*#__PURE__*/React.createElement(FocusLock, {
     autoFocus: autoFocus,
-    whiteList: isNotInternalFrame
+    whiteList: isNotInternalFrame,
+    returnFocus: true
   }, /*#__PURE__*/React.createElement(dialog.DialogContent, Object.assign({}, props, {
     as: Box,
     borderRadius: "full",
@@ -1640,10 +1746,26 @@ function ModalCloseButton(props) {
   var _React$useContext = React.useContext(ModalContext),
       onDismiss = _React$useContext.onDismiss;
 
+  var _React$useState = React.useState(false),
+      includeInTabOrder = _React$useState[0],
+      setIncludeInTabOrder = _React$useState[1];
+
+  var _React$useState2 = React.useState(false),
+      isMounted = _React$useState2[0],
+      setIsMounted = _React$useState2[1];
+
+  React.useEffect(function skipAutoFocus() {
+    if (isMounted) {
+      setIncludeInTabOrder(true);
+    } else {
+      setIsMounted(true);
+    }
+  }, [isMounted]);
   return /*#__PURE__*/React.createElement(Button, Object.assign({}, props, {
     variant: "quaternary",
     onClick: onDismiss,
-    icon: /*#__PURE__*/React.createElement(CloseIcon, null)
+    icon: /*#__PURE__*/React.createElement(CloseIcon, null),
+    tabIndex: includeInTabOrder ? 0 : -1
   }));
 }
 /**
@@ -1661,7 +1783,7 @@ function ModalHeader(_ref2) {
       _ref2$withDivider = _ref2.withDivider,
       withDivider = _ref2$withDivider === void 0 ? false : _ref2$withDivider,
       exceptionallySetClassName = _ref2.exceptionallySetClassName,
-      props = _objectWithoutPropertiesLoose(_ref2, ["children", "button", "withDivider", "exceptionallySetClassName"]);
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded2$2);
 
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, Object.assign({}, props, {
     as: "header",
@@ -1678,7 +1800,8 @@ function ModalHeader(_ref2) {
     width: "content",
     exceptionallySetClassName: modules_8f59d13b.buttonContainer
   }, typeof button !== 'boolean' ? button : button === true ? /*#__PURE__*/React.createElement(ModalCloseButton, {
-    "aria-label": "Close modal"
+    "aria-label": "Close modal",
+    autoFocus: false
   }) : null))), withDivider ? /*#__PURE__*/React.createElement(Divider, null) : null);
 }
 /**
@@ -1697,7 +1820,7 @@ function ModalHeader(_ref2) {
 function ModalBody(_ref3) {
   var exceptionallySetClassName = _ref3.exceptionallySetClassName,
       children = _ref3.children,
-      props = _objectWithoutPropertiesLoose(_ref3, ["exceptionallySetClassName", "children"]);
+      props = _objectWithoutPropertiesLoose(_ref3, _excluded3$1);
 
   var _React$useContext2 = React.useContext(ModalContext),
       height = _React$useContext2.height;
@@ -1724,7 +1847,7 @@ function ModalFooter(_ref4) {
   var exceptionallySetClassName = _ref4.exceptionallySetClassName,
       _ref4$withDivider = _ref4.withDivider,
       withDivider = _ref4$withDivider === void 0 ? false : _ref4$withDivider,
-      props = _objectWithoutPropertiesLoose(_ref4, ["exceptionallySetClassName", "withDivider"]);
+      props = _objectWithoutPropertiesLoose(_ref4, _excluded4$1);
 
   return /*#__PURE__*/React.createElement(React.Fragment, null, withDivider ? /*#__PURE__*/React.createElement(Divider, null) : null, /*#__PURE__*/React.createElement(Box, Object.assign({
     as: "footer"
@@ -1732,10 +1855,7 @@ function ModalFooter(_ref4) {
     className: exceptionallySetClassName,
     padding: "large"
   })));
-} //
-// ModalActions
-//
-
+}
 /**
  * A specific version of the ModalFooter, tailored to showing an inline list of actions (buttons).
  * @see ModalFooter
@@ -1743,14 +1863,12 @@ function ModalFooter(_ref4) {
 
 function ModalActions(_ref5) {
   var children = _ref5.children,
-      props = _objectWithoutPropertiesLoose(_ref5, ["children"]);
+      props = _objectWithoutPropertiesLoose(_ref5, _excluded5$1);
 
   return /*#__PURE__*/React.createElement(ModalFooter, Object.assign({}, props), /*#__PURE__*/React.createElement(Inline, {
     align: "right",
     space: "large"
-  }, React.Children.map(children, function (child) {
-    return /*#__PURE__*/React.createElement("div", null, child);
-  })));
+  }, children));
 }
 
 function getInitials(name) {
@@ -1777,8 +1895,10 @@ function emailToIndex(email, maxIndex) {
   return hash % maxIndex;
 }
 
+var modules_08f3eeac = {"avatar":"_38a1be89","size-xxs":"d32e92ae","size-xs":"_0667d719","size-s":"cf529fcf","size-m":"_6e268eab","size-l":"d64c62cf","size-xl":"_44fb77de","size-xxl":"_01f85e0e","size-xxxl":"_41a5fe19","tablet-size-xxs":"_6ab1577d","tablet-size-xs":"b52a4963","tablet-size-s":"_714a8419","tablet-size-m":"_81cd4d51","tablet-size-l":"bf0a4edb","tablet-size-xl":"e4f0dabd","tablet-size-xxl":"_67ea065d","tablet-size-xxxl":"_2af7f76f","desktop-size-xxs":"_759081dc","desktop-size-xs":"_8290d1c1","desktop-size-s":"_48ea172d","desktop-size-m":"_758f6641","desktop-size-l":"f9ada088","desktop-size-xl":"d3bb7470","desktop-size-xxl":"_9a312ee3","desktop-size-xxxl":"a1d30c23"};
+
+var _excluded$o = ["user", "avatarUrl", "size", "className", "colorList", "exceptionallySetClassName"];
 var AVATAR_COLORS = ['#fcc652', '#e9952c', '#e16b2d', '#d84b40', '#e8435a', '#e5198a', '#ad3889', '#86389c', '#a8a8a8', '#98be2f', '#5d9d50', '#5f9f85', '#5bbcb6', '#32a3bf', '#2bafeb', '#2d88c3', '#3863cc', '#5e5e5e'];
-var AVATAR_SIZES = ['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl', 'xxxl'];
 
 function Avatar(_ref) {
   var user = _ref.user,
@@ -1787,20 +1907,23 @@ function Avatar(_ref) {
       size = _ref$size === void 0 ? 'l' : _ref$size,
       className = _ref.className,
       _ref$colorList = _ref.colorList,
-      colorList = _ref$colorList === void 0 ? AVATAR_COLORS : _ref$colorList;
+      colorList = _ref$colorList === void 0 ? AVATAR_COLORS : _ref$colorList,
+      exceptionallySetClassName = _ref.exceptionallySetClassName,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$o);
+
   var userInitials = getInitials(user.name) || getInitials(user.email);
-  var avatarSize = size && AVATAR_SIZES.includes(size) ? size : 'l';
-  var avatarClass = classNames("reactist_avatar reactist_avatar_size--" + avatarSize, className);
+  var avatarSize = size ? size : 'l';
   var style = avatarUrl ? {
     backgroundImage: "url(" + avatarUrl + ")",
     textIndent: '-9999px'
   } : {
     backgroundColor: colorList[emailToIndex(user.email, colorList.length)]
   };
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: avatarClass,
+  var sizeClassName = getClassNames(modules_08f3eeac, 'size', avatarSize);
+  return /*#__PURE__*/React__default.createElement(Box, Object.assign({
+    className: [className, modules_08f3eeac.avatar, sizeClassName, exceptionallySetClassName],
     style: style
-  }, userInitials);
+  }, props), userInitials);
 }
 
 Avatar.displayName = 'Avatar';
@@ -1827,6 +1950,7 @@ function Checkbox(_ref) {
 
 Checkbox.displayName = 'Checkbox';
 
+var _excluded$p = ["type", "variant", "size", "loading", "disabled", "tooltip", "onClick", "children"];
 /**
  * @deprecated
  */
@@ -1844,7 +1968,7 @@ var Button$1 = /*#__PURE__*/React__default.forwardRef(function Button(_ref, ref)
       tooltip = _ref.tooltip,
       onClick = _ref.onClick,
       children = _ref.children,
-      props = _objectWithoutPropertiesLoose(_ref, ["type", "variant", "size", "loading", "disabled", "tooltip", "onClick", "children"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$p);
 
   var className = classNames('reactist_button', variant ? "reactist_button--" + variant : null, size !== 'default' ? "reactist_button--" + size : null, {
     'reactist_button--loading': loading
@@ -1867,6 +1991,8 @@ Button$1.defaultProps = {
   disabled: false
 };
 
+var _excluded$q = ["children", "onClick", "tooltip", "className"];
+
 var Box$1 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Box, _React$Component);
 
@@ -2017,7 +2143,7 @@ var Trigger = /*#__PURE__*/React__default.forwardRef(function Trigger(_ref, ref)
       onClick = _ref.onClick,
       tooltip = _ref.tooltip,
       className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, ["children", "onClick", "tooltip", "className"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$q);
 
   function handleClick(event) {
     event.preventDefault();
@@ -2145,214 +2271,6 @@ function ColorItem(_ref2) {
 
 ColorItem.displayName = 'ColorItem';
 
-var ErrorMessage = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(ErrorMessage, _React$Component);
-
-  function ErrorMessage(props, context) {
-    var _this;
-
-    _this = _React$Component.call(this, props, context) || this;
-
-    _this._clearTimeout = function () {
-      _this.timeout && clearTimeout(_this.timeout);
-    };
-
-    _this._triggerDelayedHide = function () {
-      _this._clearTimeout();
-
-      _this.timeout = setTimeout(_this._hide, _this.props.timeout);
-    };
-
-    _this._hide = function () {
-      var _this$props$onHide, _this$props;
-
-      _this._clearTimeout();
-
-      _this.setState(function () {
-        return {
-          visible: false
-        };
-      });
-
-      (_this$props$onHide = (_this$props = _this.props).onHide) === null || _this$props$onHide === void 0 ? void 0 : _this$props$onHide.call(_this$props);
-    };
-
-    var isValidMessage = _this._isValidMessage(props.message);
-
-    if (isValidMessage) {
-      _this._triggerDelayedHide();
-    }
-
-    _this.state = {
-      visible: isValidMessage
-    };
-    return _this;
-  }
-
-  var _proto = ErrorMessage.prototype;
-
-  _proto.UNSAFE_componentWillReceiveProps = function UNSAFE_componentWillReceiveProps(nextProps) {
-    if (this._isValidMessage(nextProps.message)) {
-      this.setState(function () {
-        return {
-          visible: true
-        };
-      });
-
-      this._triggerDelayedHide();
-    }
-  };
-
-  _proto._isValidMessage = function _isValidMessage(message) {
-    return typeof message === 'string' && message.length > 0;
-  };
-
-  _proto.render = function render() {
-    var message = this.props.message;
-
-    if (!this.state.visible || !this._isValidMessage(message)) {
-      return false;
-    }
-
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "reactist_error_message"
-    }, /*#__PURE__*/React__default.createElement("p", null, message), /*#__PURE__*/React__default.createElement("div", {
-      onClick: this._hide,
-      className: "dismiss_icon"
-    }));
-  };
-
-  return ErrorMessage;
-}(React__default.Component);
-
-ErrorMessage.displayName = 'ErrorMessage';
-ErrorMessage.defaultProps = {
-  timeout: 2500
-};
-
-var ThreeDotsIcon = function ThreeDotsIcon(_ref) {
-  var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? '#A5A5A5' : _ref$color;
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "26px",
-    height: "26px",
-    viewBox: "0 0 26 26"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("circle", {
-    fill: color,
-    cx: "19",
-    cy: "13",
-    r: "2"
-  }), /*#__PURE__*/React__default.createElement("circle", {
-    fill: color,
-    cx: "13",
-    cy: "13",
-    r: "2"
-  }), /*#__PURE__*/React__default.createElement("circle", {
-    fill: color,
-    cx: "7",
-    cy: "13",
-    r: "2"
-  })));
-};
-
-ThreeDotsIcon.propTypes = {
-  /** Color of the icon. */
-  color: PropTypes.string
-};
-
-var Icon = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(Icon, _React$Component);
-
-  function Icon(props, context) {
-    var _this;
-
-    _this = _React$Component.call(this, props, context) || this;
-
-    _this._onClick = function (event) {
-      event.preventDefault();
-
-      if (_this.props.onClick && !_this.props.disabled) {
-        _this.props.onClick();
-      }
-    };
-
-    _this._hover = function () {
-      _this.setState(function () {
-        return {
-          hovered: true
-        };
-      });
-    };
-
-    _this._unhover = function () {
-      _this.setState(function () {
-        return {
-          hovered: false
-        };
-      });
-    };
-
-    _this.state = {
-      hovered: false
-    };
-    return _this;
-  }
-
-  var _proto = Icon.prototype;
-
-  _proto.render = function render() {
-    var _this$props = this.props,
-        image = _this$props.image,
-        hoveredImage = _this$props.hoveredImage,
-        icon = _this$props.icon,
-        tooltip = _this$props.tooltip,
-        disabled = _this$props.disabled;
-    var className = classNames('reactist_icon', {
-      'reactist_icon--component': !image,
-      disabled: disabled
-    }, this.props.className);
-    var style = typeof image === 'string' ? this.state.hovered && hoveredImage ? {
-      backgroundImage: "url(" + hoveredImage + ")"
-    } : {
-      backgroundImage: "url(" + image + ")"
-    } : undefined; // only apply style for image components
-
-    var iconComponent = !image && (icon ? icon : /*#__PURE__*/React__default.createElement(ThreeDotsIcon, {
-      color: this.state.hovered ? '#474747' : undefined
-    })); // only set icon component for non-image components
-
-    var component =
-    /*#__PURE__*/
-
-    /* eslint-disable jsx-a11y/anchor-is-valid */
-    React__default.createElement("a", {
-      href: "#",
-      style: style,
-      onClick: this._onClick,
-      className: className,
-      onMouseEnter: this._hover,
-      onMouseLeave: this._unhover
-    }, iconComponent && iconComponent)
-    /* eslint-enable jsx-a11y/anchor-is-valid */
-    ;
-    return tooltip ? /*#__PURE__*/React__default.createElement(Tooltip, {
-      content: tooltip
-    }, component) : component;
-  };
-
-  return Icon;
-}(React__default.Component);
-
-Icon.displayName = 'Icon';
-Icon.defaultProps = {
-  disabled: false
-};
-
 var Input = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   var className = classNames('reactist_input', props.className);
   return /*#__PURE__*/React__default.createElement("input", Object.assign({}, props, {
@@ -2362,6 +2280,7 @@ var Input = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
 });
 Input.displayName = 'Input';
 
+var _excluded$r = ["children", "className", "translateKey", "isMac"];
 // Support for setting up how to translate modifiers globally.
 //
 
@@ -2445,7 +2364,7 @@ function KeyboardShortcut(_ref) {
       translateKey = _ref$translateKey === void 0 ? globalTranslateKey : _ref$translateKey,
       _ref$isMac = _ref.isMac,
       isMac = _ref$isMac === void 0 ? (_navigator$platform$t = (_navigator$platform = navigator.platform) === null || _navigator$platform === void 0 ? void 0 : _navigator$platform.toUpperCase().includes('MAC')) !== null && _navigator$platform$t !== void 0 ? _navigator$platform$t : false : _ref$isMac,
-      props = _objectWithoutPropertiesLoose(_ref, ["children", "className", "translateKey", "isMac"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$r);
 
   var shortcuts = typeof children === 'string' ? [children] : children;
   return /*#__PURE__*/React.createElement("span", Object.assign({
@@ -2968,7 +2887,8 @@ Popover.defaultProps = {
 function ProgressBar(_ref) {
   var _ref$fillPercentage = _ref.fillPercentage,
       fillPercentage = _ref$fillPercentage === void 0 ? 0 : _ref$fillPercentage,
-      className = _ref.className;
+      className = _ref.className,
+      ariaValuetext = _ref['aria-valuetext'];
   var finalClassName = classNames('reactist_progress_bar', className);
   var width = fillPercentage < 0 ? 0 : fillPercentage > 100 ? 100 : fillPercentage;
   return /*#__PURE__*/React__default.createElement("div", {
@@ -2978,60 +2898,16 @@ function ProgressBar(_ref) {
     style: {
       width: width + "%"
     }
-  }));
+  }), /*#__PURE__*/React__default.createElement(HiddenVisually, null, /*#__PURE__*/React__default.createElement("progress", {
+    value: width,
+    max: 100,
+    "aria-valuetext": ariaValuetext !== null && ariaValuetext !== void 0 ? ariaValuetext : undefined
+  })));
 }
 
 ProgressBar.displayName = 'ProgressBar';
 
-function RangeInput(_ref) {
-  var _ref$value = _ref.value,
-      value = _ref$value === void 0 ? 0 : _ref$value,
-      _ref$min = _ref.min,
-      min = _ref$min === void 0 ? 0 : _ref$min,
-      _ref$max = _ref.max,
-      max = _ref$max === void 0 ? 100 : _ref$max,
-      _ref$stepSize = _ref.stepSize,
-      stepSize = _ref$stepSize === void 0 ? 1 : _ref$stepSize,
-      onPlus = _ref.onPlus,
-      onMinus = _ref.onMinus,
-      _onChange = _ref.onChange,
-      className = _ref.className;
-
-  if (typeof onPlus !== 'function') {
-    onPlus = _onChange;
-  }
-
-  if (typeof onMinus !== 'function') {
-    onMinus = _onChange;
-  }
-
-  var rangeInputClassName = classNames('reactist_range_input', className);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: rangeInputClassName
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: "range_btn minus",
-    onClick: function onClick() {
-      return value > min && onMinus && onMinus(value - stepSize);
-    }
-  }), /*#__PURE__*/React__default.createElement("input", {
-    value: value,
-    className: "range_slider",
-    type: "range",
-    min: min,
-    max: max,
-    step: stepSize,
-    onChange: function onChange(event) {
-      return _onChange === null || _onChange === void 0 ? void 0 : _onChange(parseInt(event.target.value));
-    }
-  }), /*#__PURE__*/React__default.createElement("span", {
-    className: "range_btn plus",
-    onClick: function onClick() {
-      return value < max && onPlus && onPlus(value + stepSize);
-    }
-  }));
-}
-
-RangeInput.displayName = 'RangeInput';
+var _excluded$s = ["value", "options", "onChange", "disabled", "className", "defaultValue"];
 
 function Select(_ref) {
   var value = _ref.value,
@@ -3043,7 +2919,7 @@ function Select(_ref) {
       _ref$className = _ref.className,
       className = _ref$className === void 0 ? '' : _ref$className,
       defaultValue = _ref.defaultValue,
-      otherProps = _objectWithoutPropertiesLoose(_ref, ["value", "options", "onChange", "disabled", "className", "defaultValue"]);
+      otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$s);
 
   var selectClassName = classNames('reactist_select', {
     disabled: disabled
@@ -3287,49 +3163,6 @@ Time.defaultProps = {
   }
 };
 
-var ThinQuestionMark = function ThinQuestionMark() {
-  return /*#__PURE__*/React__default.createElement("svg", {
-    width: "18px",
-    height: "18px",
-    viewBox: "0 0 18 18"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    fill: "#979797"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M9,17 C13.418278,17 17,13.418278 17,9 C17,4.581722 13.418278,1 9,1 C4.581722,1 1,4.581722 1,9 C1,13.418278 4.581722,17 9,17 Z M9,18 C4.02943725,18 0,13.9705627 0,9 C0,4.02943725 4.02943725,0 9,0 C13.9705627,0 18,4.02943725 18,9 C18,13.9705627 13.9705627,18 9,18 Z",
-    fillRule: "nonzero"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M5.625,6.671875 L6.9609375,6.671875 C7.046875,5.5546875 7.796875,4.859375 8.9765625,4.859375 C10.140625,4.859375 10.890625,5.5703125 10.890625,6.5390625 C10.890625,7.375 10.5390625,7.8671875 9.6328125,8.421875 C8.5625,9.0625 8.0625,9.765625 8.0703125,10.796875 L8.0703125,11.515625 L9.4375,11.515625 L9.4375,11.0078125 C9.4375,10.1875 9.71875,9.75 10.7109375,9.1640625 C11.7109375,8.5625 12.34375,7.6953125 12.34375,6.46875 C12.34375,4.859375 11,3.640625 9.03125,3.640625 C6.8359375,3.640625 5.7109375,4.984375 5.625,6.671875 Z M8.859375,15.140625 C9.4921875,15.140625 9.9375,14.6875 9.9375,14.0546875 C9.9375,13.4140625 9.4921875,12.9609375 8.859375,12.9609375 C8.2265625,12.9609375 7.7734375,13.4140625 7.7734375,14.0546875 C7.7734375,14.6875 8.2265625,15.140625 8.859375,15.140625 Z"
-  }))));
-};
-
-function Tip(_ref) {
-  var title = _ref.title,
-      message = _ref.message,
-      top = _ref.top,
-      className = _ref.className;
-  var tipClass = classNames('reactist_tip__container', className);
-  return /*#__PURE__*/React__default.createElement(Dropdown.Box, {
-    top: top,
-    className: tipClass
-  }, /*#__PURE__*/React__default.createElement(Dropdown.Trigger, null, /*#__PURE__*/React__default.createElement(ThinQuestionMark, null)), /*#__PURE__*/React__default.createElement(Dropdown.Body, null, /*#__PURE__*/React__default.createElement("div", {
-    className: "reactist_tip"
-  }, /*#__PURE__*/React__default.createElement("p", {
-    className: "reactist_tip--title"
-  }, title), /*#__PURE__*/React__default.createElement("p", {
-    className: "reactist_tip--message"
-  }, message))));
-}
-
-Tip.displayName = 'Tip';
-Tip.defaultProps = {
-  top: false
-};
-
 var CloseIcon$1 = function CloseIcon() {
   return /*#__PURE__*/React__default.createElement("svg", {
     width: "24",
@@ -3342,6 +3175,8 @@ var CloseIcon$1 = function CloseIcon() {
   }));
 };
 
+var _excluded$t = ["id", "icon", "title", "subtitle", "children", "customCloseButton", "onClick", "onClose", "closeAltText", "className", "aria-live"];
+
 function Notification(_ref) {
   var id = _ref.id,
       icon = _ref.icon,
@@ -3354,7 +3189,9 @@ function Notification(_ref) {
       _ref$closeAltText = _ref.closeAltText,
       closeAltText = _ref$closeAltText === void 0 ? 'Close' : _ref$closeAltText,
       className = _ref.className,
-      rest = _objectWithoutPropertiesLoose(_ref, ["id", "icon", "title", "subtitle", "children", "customCloseButton", "onClick", "onClose", "closeAltText", "className"]);
+      _ref$ariaLive = _ref['aria-live'],
+      ariaLive = _ref$ariaLive === void 0 ? 'polite' : _ref$ariaLive,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded$t);
 
   var titleId = title ? id + "-title" : null;
   var titleIdAttribute = titleId ? {
@@ -3388,11 +3225,12 @@ function Notification(_ref) {
   }, icon !== null && icon !== void 0 ? icon : null, notificationContent);
   return /*#__PURE__*/React__default.createElement("div", Object.assign({
     id: id,
-    role: "dialog",
+    role: "alert",
     className: classNames('reactist-notification', className, {
       'reactist-notification--with-button': Boolean(onClick),
       'reactist-notification--with-close-button': Boolean(onClose)
-    })
+    }),
+    "aria-live": ariaLive
   }, ariaLabelledBy, ariaDescribedBy, rest), onClick ? /*#__PURE__*/React__default.createElement("button", {
     className: "reactist-notification__button",
     onClick: onClick
@@ -3403,6 +3241,17 @@ function Notification(_ref) {
   }, customCloseButton !== null && customCloseButton !== void 0 ? customCloseButton : /*#__PURE__*/React__default.createElement(CloseIcon$1, null)) : null);
 }
 
+var _excluded$u = ["children", "onItemSelect"],
+    _excluded2$3 = ["exceptionallySetClassName"],
+    _excluded3$2 = ["handleItemSelect"],
+    _excluded4$2 = ["exceptionallySetClassName"],
+    _excluded5$2 = ["handleItemSelect"],
+    _excluded6 = ["value", "children", "onSelect", "hideOnSelect", "onClick", "exceptionallySetClassName"],
+    _excluded7 = ["handleItemSelect"],
+    _excluded8 = ["children", "onItemSelect"],
+    _excluded9 = ["handleItemSelect"],
+    _excluded10 = ["label", "children", "exceptionallySetClassName"],
+    _excluded11 = ["handleItemSelect"];
 var MenuContext = /*#__PURE__*/React.createContext( // Reakit gives us no means to obtain a valid initial/default value of type MenuStateReturn
 // (it is normally obtained by calling useMenuState but we can't call hooks outside components).
 // This is however of little consequence since this value is only used if some of the components
@@ -3417,10 +3266,11 @@ var MenuContext = /*#__PURE__*/React.createContext( // Reakit gives us no means
 function Menu(_ref) {
   var children = _ref.children,
       onItemSelect = _ref.onItemSelect,
-      props = _objectWithoutPropertiesLoose(_ref, ["children", "onItemSelect"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$u);
 
   var state = Reakit.useMenuState(_objectSpread2({
-    loop: true
+    loop: true,
+    unstable_offset: [8, 8]
   }, props));
   var handleItemSelect = React.useCallback(function handleItemSelect(value) {
     if (onItemSelect) onItemSelect(value);
@@ -3441,10 +3291,10 @@ function Menu(_ref) {
 
 var MenuButton = /*#__PURE__*/polymorphicComponent(function MenuButton(_ref2, ref) {
   var exceptionallySetClassName = _ref2.exceptionallySetClassName,
-      props = _objectWithoutPropertiesLoose(_ref2, ["exceptionallySetClassName"]);
+      props = _objectWithoutPropertiesLoose(_ref2, _excluded2$3);
 
   var _React$useContext = React.useContext(MenuContext),
-      state = _objectWithoutPropertiesLoose(_React$useContext, ["handleItemSelect"]);
+      state = _objectWithoutPropertiesLoose(_React$useContext, _excluded3$2);
 
   return /*#__PURE__*/React.createElement(Reakit.MenuButton, Object.assign({}, props, state, {
     ref: ref,
@@ -3488,11 +3338,19 @@ function MenuBackdrop(_ref3) {
 
 var MenuList = /*#__PURE__*/polymorphicComponent(function MenuList(_ref4, ref) {
   var exceptionallySetClassName = _ref4.exceptionallySetClassName,
-      props = _objectWithoutPropertiesLoose(_ref4, ["exceptionallySetClassName"]);
+      props = _objectWithoutPropertiesLoose(_ref4, _excluded4$2);
 
   var _React$useContext2 = React.useContext(MenuContext),
-      state = _objectWithoutPropertiesLoose(_React$useContext2, ["handleItemSelect"]);
+      state = _objectWithoutPropertiesLoose(_React$useContext2, _excluded5$2);
 
+  var previousVisible = usePrevious(state.visible);
+  React.useEffect(function focusTriggerOnClose() {
+    if (state.visible === false && previousVisible === true) {
+      var _state$unstable_refer, _state$unstable_refer2;
+
+      (_state$unstable_refer = state.unstable_referenceRef) === null || _state$unstable_refer === void 0 ? void 0 : (_state$unstable_refer2 = _state$unstable_refer.current) === null || _state$unstable_refer2 === void 0 ? void 0 : _state$unstable_refer2.focus();
+    }
+  }, [state.visible, previousVisible, state.unstable_referenceRef]);
   return state.visible ? /*#__PURE__*/React.createElement(MenuBackdrop, Object.assign({}, state), /*#__PURE__*/React.createElement(Reakit.Menu, Object.assign({}, props, state, {
     ref: ref,
     className: classNames('reactist_menulist', exceptionallySetClassName)
@@ -3511,11 +3369,11 @@ var MenuItem = /*#__PURE__*/polymorphicComponent(function MenuItem(_ref5, ref) {
       hideOnSelect = _ref5$hideOnSelect === void 0 ? true : _ref5$hideOnSelect,
       onClick = _ref5.onClick,
       exceptionallySetClassName = _ref5.exceptionallySetClassName,
-      props = _objectWithoutPropertiesLoose(_ref5, ["value", "children", "onSelect", "hideOnSelect", "onClick", "exceptionallySetClassName"]);
+      props = _objectWithoutPropertiesLoose(_ref5, _excluded6);
 
   var _React$useContext3 = React.useContext(MenuContext),
       handleItemSelect = _React$useContext3.handleItemSelect,
-      state = _objectWithoutPropertiesLoose(_React$useContext3, ["handleItemSelect"]);
+      state = _objectWithoutPropertiesLoose(_React$useContext3, _excluded7);
 
   var hide = state.hide;
   var handleClick = React.useCallback(function handleClick(event) {
@@ -3556,11 +3414,11 @@ var MenuItem = /*#__PURE__*/polymorphicComponent(function MenuItem(_ref5, ref) {
 var SubMenu = /*#__PURE__*/React.forwardRef(function SubMenu(_ref6, ref) {
   var children = _ref6.children,
       onItemSelect = _ref6.onItemSelect,
-      props = _objectWithoutPropertiesLoose(_ref6, ["children", "onItemSelect"]);
+      props = _objectWithoutPropertiesLoose(_ref6, _excluded8);
 
   var _React$useContext4 = React.useContext(MenuContext),
       parentMenuItemSelect = _React$useContext4.handleItemSelect,
-      state = _objectWithoutPropertiesLoose(_React$useContext4, ["handleItemSelect"]);
+      state = _objectWithoutPropertiesLoose(_React$useContext4, _excluded9);
 
   var parentMenuHide = state.hide;
   var handleSubItemSelect = React.useCallback(function handleSubItemSelect(value) {
@@ -3594,10 +3452,10 @@ var MenuGroup = /*#__PURE__*/polymorphicComponent(function MenuGroud(_ref7, ref)
   var label = _ref7.label,
       children = _ref7.children,
       exceptionallySetClassName = _ref7.exceptionallySetClassName,
-      props = _objectWithoutPropertiesLoose(_ref7, ["label", "children", "exceptionallySetClassName"]);
+      props = _objectWithoutPropertiesLoose(_ref7, _excluded10);
 
   var _React$useContext5 = React.useContext(MenuContext),
-      state = _objectWithoutPropertiesLoose(_React$useContext5, ["handleItemSelect"]);
+      state = _objectWithoutPropertiesLoose(_React$useContext5, _excluded11);
 
   return /*#__PURE__*/React.createElement(Reakit.MenuGroup, Object.assign({
     ref: ref
@@ -3820,7 +3678,7 @@ var Actions = /*#__PURE__*/function (_React$Component4) {
     this.props.children, function (child) {
       var _child$props;
 
-      if (child === null || child === void 0 ? void 0 : (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.close) {
+      if (child !== null && child !== void 0 && (_child$props = child.props) !== null && _child$props !== void 0 && _child$props.close) {
         return /*#__PURE__*/React__default.cloneElement(child, {
           onClick: function onClick() {
             return _this2._onClick(child.props.onClick);
@@ -3900,11 +3758,9 @@ exports.DeprecatedLoading = Loading$1;
 exports.DeprecatedModal = index;
 exports.Divider = Divider;
 exports.Dropdown = Dropdown;
-exports.ErrorMessage = ErrorMessage;
 exports.Heading = Heading;
 exports.Hidden = Hidden;
 exports.HiddenVisually = HiddenVisually;
-exports.Icon = Icon;
 exports.Inline = Inline;
 exports.Input = Input;
 exports.KeyCapturer = KeyCapturer;
@@ -3926,7 +3782,6 @@ exports.Notification = Notification;
 exports.PasswordField = PasswordField;
 exports.Popover = Popover;
 exports.ProgressBar = ProgressBar;
-exports.RangeInput = RangeInput;
 exports.SUPPORTED_KEYS = SUPPORTED_KEYS;
 exports.Select = Select;
 exports.SelectField = SelectField;
@@ -3943,7 +3798,6 @@ exports.TextArea = TextArea;
 exports.TextField = TextField;
 exports.TextLink = TextLink;
 exports.Time = Time;
-exports.Tip = Tip;
 exports.Tooltip = Tooltip;
 exports.usePrevious = usePrevious;
 //# sourceMappingURL=reactist.cjs.development.js.map