@doist/reactist 10.0.0-beta.7 → 11.0.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":"_3aac345d","position-absolute":"_5f5fbe05","position-fixed":"_2e1dcb18","position-relative":"_6b073eae","position-sticky":"ed69c0f9","tablet-position-absolute":"b895daa3","tablet-position-fixed":"_81f67db7","tablet-position-relative":"bf7d2da5","tablet-position-sticky":"e0ab99ed","desktop-position-absolute":"_5dade286","desktop-position-fixed":"_584d7ee7","desktop-position-relative":"c7f56545","desktop-position-sticky":"_70b5ef21","display-block":"_5bca176b","display-flex":"_32670f8f","display-inline":"_3f9cb619","display-inlineBlock":"a42dded2","display-inlineFlex":"_7a45d80c","display-none":"a469c553","tablet-display-block":"_8e5cf5df","tablet-display-flex":"_640f3795","tablet-display-inline":"f1a1c131","tablet-display-inlineBlock":"e9f55809","tablet-display-inlineFlex":"_9fd7bd31","tablet-display-none":"_389a387a","desktop-display-block":"_3e730e39","desktop-display-flex":"_8407ca0e","desktop-display-inline":"_596653e1","desktop-display-inlineBlock":"eb198bac","desktop-display-inlineFlex":"c89ef13b","desktop-display-none":"_868c554e","minWidth-0":"a6e042e3","minWidth-xsmall":"_9ce11446","minWidth-small":"_2db5e251","minWidth-medium":"ef281ffc","minWidth-large":"f938efbe","minWidth-xlarge":"f87c0f55","maxWidth-xsmall":"_873d4d51","maxWidth-small":"_400d4800","maxWidth-medium":"_94ecdffd","maxWidth-large":"f9eeefb5","maxWidth-xlarge":"_2253ed9a","maxWidth-full":"bde40dfb","flexDirection-column":"c45f6767","flexDirection-row":"c167e8da","tablet-flexDirection-column":"c0ca97a9","tablet-flexDirection-row":"_45ebc391","desktop-flexDirection-column":"dfd69d4d","desktop-flexDirection-row":"f3d06da6","flexWrap-wrap":"_7fb6a141","flexWrap-nowrap":"_30a701b3","flexShrink-0":"_24cf9746","flexGrow-0":"d2a4825d","flexGrow-1":"a2a05bbf","alignItems-flexStart":"_4ada17a4","alignItems-center":"c2c1d3b2","alignItems-flexEnd":"_259506f5","alignItems-baseline":"_3cb51936","tablet-alignItems-flexStart":"_86497cb0","tablet-alignItems-center":"_5a281eb4","tablet-alignItems-flexEnd":"d7c8f9b0","tablet-alignItems-baseline":"_9b92f4b7","desktop-alignItems-flexStart":"_4d2b7f03","desktop-alignItems-center":"_521b4677","desktop-alignItems-flexEnd":"_239714b3","desktop-alignItems-baseline":"_49fa952b","justifyContent-flexStart":"_84c5c8b7","justifyContent-center":"_84df2447","justifyContent-flexEnd":"_96a7db47","justifyContent-spaceAround":"e7ad8d72","justifyContent-spaceBetween":"e5a5ea05","justifyContent-spaceEvenly":"_08952f29","tablet-justifyContent-flexStart":"_69d750a7","tablet-justifyContent-center":"be616f82","tablet-justifyContent-flexEnd":"_4e22f886","tablet-justifyContent-spaceAround":"_9b848fa4","tablet-justifyContent-spaceBetween":"_346ba50f","tablet-justifyContent-spaceEvenly":"_8e101549","desktop-justifyContent-flexStart":"_3e1b3f62","desktop-justifyContent-center":"a285086c","desktop-justifyContent-flexEnd":"_32759d54","desktop-justifyContent-spaceBetween":"_543f6141","overflow-hidden":"d91c9bdf","overflow-auto":"_438cafe6","overflow-visible":"_9527349d","overflow-scroll":"a086ce42","width-full":"d32e2047","height-full":"_2d523b97","bg-default":"_581ad1ab","bg-aside":"a554f678","bg-highlight":"_2d74468c","bg-selected":"eb3848be","borderRadius-standard":"_14fe8bc8","borderRadius-full":"c1bf716d","border-standard":"f605be96","textAlign-start":"_083a10ea","textAlign-center":"_8c05b9dc","textAlign-end":"e9c0981c","textAlign-justify":"a21c651d","tablet-textAlign-start":"_62b208d9","tablet-textAlign-center":"_7198bfc5","tablet-textAlign-end":"_4156cdf8","tablet-textAlign-justify":"_5dce5b3b","desktop-textAlign-start":"_526ba24a","desktop-textAlign-center":"f98d87d4","desktop-textAlign-end":"_9679b54a","desktop-textAlign-justify":"_4b25a07f"};
+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)],
@@ -301,21 +319,24 @@ var Columns = /*#__PURE__*/polymorphicComponent(function Columns(_ref2, ref) {
   }), children);
 });
 
-var modules_c742c4d7 = {"divider":"_9b6c04bf","weight-strong":"_6354eb7c"};
+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 ? 'regular' : _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",
-    className: [modules_c742c4d7.divider, weight !== 'regular' ? getClassNames(modules_c742c4d7, 'weight', weight) : null]
+    className: getClassNames(modules_c742c4d7, 'weight', weight)
   }, props));
 }
 
 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,7 +346,7 @@ 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, {
     as: as,
@@ -344,16 +365,17 @@ var Inline = /*#__PURE__*/polymorphicComponent(function Inline(_ref, ref) {
 
 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,
       _ref$align = _ref.align,
       align = _ref$align === void 0 ? 'start' : _ref$align,
       _ref$dividers = _ref.dividers,
-      dividers = _ref$dividers === void 0 ? false : _ref$dividers,
+      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',
@@ -367,15 +389,16 @@ var Stack = /*#__PURE__*/polymorphicComponent(function Stack(_ref, ref) {
     as: as,
     className: [exceptionallySetClassName, getClassNames(modules_3af3b7ac, 'space', space)],
     ref: ref
-  }), dividers ? React.Children.map(flattenChildren(children), function (child, index) {
+  }), dividers !== 'none' ? React.Children.map(flattenChildren(children), function (child, index) {
     return index > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, {
-      weight: typeof dividers === 'string' ? dividers : undefined
+      weight: dividers
     }), child) : child;
   }) : children);
 });
 
 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,7 @@ var HiddenVisually = /*#__PURE__*/polymorphicComponent(function HiddenVisually(p
   }));
 });
 
+var _excluded$6 = ["tone"];
 var alertIconForTone = {
   info: AlertInfoIcon,
   positive: AlertPositiveIcon,
@@ -448,7 +472,7 @@ var alertIconForTone = {
 
 function AlertIcon(_ref) {
   var tone = _ref.tone,
-      props = _objectWithoutPropertiesLoose(_ref, ["tone"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$6);
 
   var Icon = alertIconForTone[tone];
   return Icon ? /*#__PURE__*/React.createElement(Icon, Object.assign({}, props)) : null;
@@ -574,6 +598,7 @@ function Spinner(_ref) {
   })));
 }
 
+var _excluded$7 = ["size", "exceptionallySetClassName"];
 var sizeMapping = {
   small: 24,
   medium: 36,
@@ -586,17 +611,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$7);
 
   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
   }));
 }
 
@@ -623,6 +651,7 @@ function Notice(_ref) {
 
 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 _excluded$8 = ["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,
@@ -634,7 +663,7 @@ var Heading = /*#__PURE__*/React.forwardRef(function Heading(_ref, ref) {
       lineClamp = _ref.lineClamp,
       align = _ref.align,
       exceptionallySetClassName = _ref.exceptionallySetClassName,
-      props = _objectWithoutPropertiesLoose(_ref, ["level", "weight", "size", "tone", "children", "lineClamp", "align", "exceptionallySetClassName"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$8);
 
   // 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
@@ -653,6 +682,7 @@ var Heading = /*#__PURE__*/React.forwardRef(function Heading(_ref, ref) {
 
 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 _excluded$9 = ["as", "size", "weight", "tone", "align", "children", "lineClamp", "exceptionallySetClassName"];
 var Text = /*#__PURE__*/polymorphicComponent(function Text(_ref, ref) {
   var as = _ref.as,
       _ref$size = _ref.size,
@@ -665,7 +695,7 @@ var Text = /*#__PURE__*/polymorphicComponent(function Text(_ref, ref) {
       children = _ref.children,
       lineClamp = _ref.lineClamp,
       exceptionallySetClassName = _ref.exceptionallySetClassName,
-      props = _objectWithoutPropertiesLoose(_ref, ["as", "size", "weight", "tone", "align", "children", "lineClamp", "exceptionallySetClassName"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$9);
 
   var lineClampMultipleLines = typeof lineClamp === 'string' ? Number(lineClamp) > 1 : (lineClamp !== null && lineClamp !== void 0 ? lineClamp : 1) > 1;
   return /*#__PURE__*/React.createElement(Box, Object.assign({}, props, {
@@ -679,6 +709,8 @@ var Text = /*#__PURE__*/polymorphicComponent(function Text(_ref, ref) {
   }), children);
 });
 
+var _excluded$a = ["children", "content", "position", "gapSize", "className"];
+
 var SHOW_DELAY = 500;
 var HIDE_DELAY = 100;
 
@@ -705,7 +737,7 @@ function Tooltip(_ref) {
       _ref$gapSize = _ref.gapSize,
       gapSize = _ref$gapSize === void 0 ? 3 : _ref$gapSize,
       className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, ["children", "content", "position", "gapSize", "className"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$a);
 
   var tooltip = useDelayedTooltipState({
     placement: position,
@@ -790,7 +822,9 @@ function useDelay() {
   }, [clearTimeouts]);
 }
 
-var modules_b9569bce = {"label":"_7b1ce450","baseButton":"f965f9b1","size-small":"f3be2031","size-normal":"d4949176","size-large":"d5280734","disabled":"e68f590f","iconButton":"cf7da434","startIcon":"_670452f3","endIcon":"_9e9147ff","variant-primary":"e862434a","variant-secondary":"feec851f","variant-tertiary":"bf0a371f","variant-quaternary":"_5c9816d1","tone-destructive":"_8eac7f47"};
+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$b = ["as", "variant", "tone", "size", "disabled", "loading", "tooltip", "onClick", "exceptionallySetClassName", "children", "startIcon", "endIcon", "icon"];
 
 function preventDefault(event) {
   event.preventDefault();
@@ -825,7 +859,7 @@ var BaseButton = /*#__PURE__*/polymorphicComponent(function BaseButton(_ref, ref
       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"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$b);
 
   var isDisabled = loading || disabled;
   var buttonElement = /*#__PURE__*/React.createElement(Box, Object.assign({}, props, {
@@ -852,6 +886,7 @@ var BaseButton = /*#__PURE__*/polymorphicComponent(function BaseButton(_ref, ref
   }, buttonElement) : buttonElement;
 });
 
+var _excluded$c = ["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).
@@ -872,7 +907,7 @@ var Button = /*#__PURE__*/React.forwardRef(function Button(_ref, ref) {
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       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",
@@ -886,6 +921,7 @@ var Button = /*#__PURE__*/React.forwardRef(function Button(_ref, ref) {
   }));
 });
 
+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 +942,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,
@@ -922,13 +958,14 @@ var ButtonLink = /*#__PURE__*/polymorphicComponent(function ButtonLink(_ref, ref
 
 var modules_3d05deee = {"container":"_12eda218"};
 
+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 +977,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 +1014,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 +1033,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 +1044,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 +1059,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 +1079,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 +1092,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);
 });
 
@@ -1180,8 +1236,9 @@ function PasswordHiddenIcon(props) {
 
 var modules_3f03ead6 = {"inputWrapper":"_460d581b"};
 
-var modules_aaf25250 = {"inputWrapper":"_0cc2c509"};
+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 +1249,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);
@@ -1243,8 +1300,9 @@ var PasswordField = /*#__PURE__*/React.forwardRef(function PasswordField(_ref, r
   });
 });
 
-var modules_1fa9b208 = {"selectWrapper":"d259b5cb"};
+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 +1313,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 +1347,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 +1361,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((_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;
   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 +1401,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 +1411,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
@@ -1352,7 +1433,9 @@ var SwitchField = /*#__PURE__*/React.forwardRef(function SwitchField(_ref, ref)
   }, hint) : null);
 });
 
-var modules_2728c236 = {"container":"b2fe9429"};
+var modules_2728c236 = {"container":"_5a579f96"};
+
+var _excluded$k = ["id", "label", "secondaryLabel", "auxiliaryLabel", "hint", "maxWidth"];
 
 function TextArea(_ref) {
   var id = _ref.id,
@@ -1361,7 +1444,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 +1461,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 +1473,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 +1516,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":"_7cdcd0b6","tab-normal":"af6705d0","tab-primary":"ad705020","tab-secondary":"_69a2043b","tab-tertiary":"_5b695667","tab-plain":"_88d3dc5e"};
 
+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 +1574,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 +1589,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 +1597,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 +1613,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 +1632,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 +1654,13 @@ function TabAwareSlot(_ref5) {
   }) : null;
 }
 
-var modules_8f59d13b = {"reach-portal":"_93b53b2b","fadein":"_0f743b56","fitContent":"_82046c6f","container":"_36546d47","medium":"_11db4229","small":"_1c6ba1b6","large":"b8e32cac","overlay":"_47aa5864","expand":"_898993b5","buttonContainer":"_7a6f51a1"};
+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 +1691,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 +1708,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 +1735,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 +1772,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 +1789,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 +1809,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 +1836,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"
@@ -1743,7 +1855,7 @@ 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",
@@ -1827,6 +1939,7 @@ function Checkbox(_ref) {
 
 Checkbox.displayName = 'Checkbox';
 
+var _excluded$o = ["type", "variant", "size", "loading", "disabled", "tooltip", "onClick", "children"];
 /**
  * @deprecated
  */
@@ -1844,7 +1957,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$o);
 
   var className = classNames('reactist_button', variant ? "reactist_button--" + variant : null, size !== 'default' ? "reactist_button--" + size : null, {
     'reactist_button--loading': loading
@@ -1867,6 +1980,8 @@ Button$1.defaultProps = {
   disabled: false
 };
 
+var _excluded$p = ["children", "onClick", "tooltip", "className"];
+
 var Box$1 = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Box, _React$Component);
 
@@ -2017,7 +2132,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$p);
 
   function handleClick(event) {
     event.preventDefault();
@@ -2145,214 +2260,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 +2269,7 @@ var Input = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
 });
 Input.displayName = 'Input';
 
+var _excluded$q = ["children", "className", "translateKey", "isMac"];
 // Support for setting up how to translate modifiers globally.
 //
 
@@ -2445,7 +2353,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$q);
 
   var shortcuts = typeof children === 'string' ? [children] : children;
   return /*#__PURE__*/React.createElement("span", Object.assign({
@@ -2968,7 +2876,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 +2887,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$r = ["value", "options", "onChange", "disabled", "className", "defaultValue"];
 
 function Select(_ref) {
   var value = _ref.value,
@@ -3043,7 +2908,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$r);
 
   var selectClassName = classNames('reactist_select', {
     disabled: disabled
@@ -3287,49 +3152,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 +3164,8 @@ var CloseIcon$1 = function CloseIcon() {
   }));
 };
 
+var _excluded$s = ["id", "icon", "title", "subtitle", "children", "customCloseButton", "onClick", "onClose", "closeAltText", "className", "aria-live"];
+
 function Notification(_ref) {
   var id = _ref.id,
       icon = _ref.icon,
@@ -3354,7 +3178,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$s);
 
   var titleId = title ? id + "-title" : null;
   var titleIdAttribute = titleId ? {
@@ -3388,11 +3214,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 +3230,17 @@ function Notification(_ref) {
   }, customCloseButton !== null && customCloseButton !== void 0 ? customCloseButton : /*#__PURE__*/React__default.createElement(CloseIcon$1, null)) : null);
 }
 
+var _excluded$t = ["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,7 +3255,7 @@ 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$t);
 
   var state = Reakit.useMenuState(_objectSpread2({
     loop: true
@@ -3441,10 +3279,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 +3326,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 +3357,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 +3402,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 +3440,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 +3666,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 +3746,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 +3770,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 +3786,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