@darajs/core 1.5.2 → 1.6.0

package/dist/umd/dara.core.umd.js

@@ -50,8 +50,8 @@ var __privateSet = (obj, member, value, setter) => {
   const React__namespace = /* @__PURE__ */ _interopNamespace(React);
   const ReactDOM__default = /* @__PURE__ */ _interopDefaultLegacy(ReactDOM);
   const styled__default = /* @__PURE__ */ _interopDefaultLegacy(styled);
-  function _extends$3() {
-    _extends$3 = Object.assign ? Object.assign.bind() : function(target) {
+  function _extends$4() {
+    _extends$4 = Object.assign ? Object.assign.bind() : function(target) {
       for (var i2 = 1; i2 < arguments.length; i2++) {
         var source = arguments[i2];
         for (var key in source) {
@@ -62,7 +62,7 @@ var __privateSet = (obj, member, value, setter) => {
       }
       return target;
     };
-    return _extends$3.apply(this, arguments);
+    return _extends$4.apply(this, arguments);
   }
   function isAbsolute(pathname) {
     return pathname.charAt(0) === "/";
@@ -206,7 +206,7 @@ var __privateSet = (obj, member, value, setter) => {
       location2 = parsePath(path);
       location2.state = state;
     } else {
-      location2 = _extends$3({}, path);
+      location2 = _extends$4({}, path);
       if (location2.pathname === void 0)
         location2.pathname = "";
       if (location2.search) {
@@ -357,7 +357,7 @@ var __privateSet = (obj, member, value, setter) => {
     }
     var transitionManager = createTransitionManager();
     function setState(nextState) {
-      _extends$3(history2, nextState);
+      _extends$4(history2, nextState);
       history2.length = globalHistory.length;
       transitionManager.notifyListeners(history2.location, history2.action);
     }
@@ -581,7 +581,7 @@ var __privateSet = (obj, member, value, setter) => {
     }
     var transitionManager = createTransitionManager();
     function setState(nextState) {
-      _extends$3(history2, nextState);
+      _extends$4(history2, nextState);
       history2.length = globalHistory.length;
       transitionManager.notifyListeners(history2.location, history2.action);
     }
@@ -768,7 +768,7 @@ var __privateSet = (obj, member, value, setter) => {
     var _props = props, getUserConfirmation = _props.getUserConfirmation, _props$initialEntries = _props.initialEntries, initialEntries = _props$initialEntries === void 0 ? ["/"] : _props$initialEntries, _props$initialIndex = _props.initialIndex, initialIndex = _props$initialIndex === void 0 ? 0 : _props$initialIndex, _props$keyLength = _props.keyLength, keyLength = _props$keyLength === void 0 ? 6 : _props$keyLength;
     var transitionManager = createTransitionManager();
     function setState(nextState) {
-      _extends$3(history2, nextState);
+      _extends$4(history2, nextState);
       history2.length = history2.entries.length;
       transitionManager.notifyListeners(history2.location, history2.action);
     }
@@ -878,17 +878,17 @@ var __privateSet = (obj, member, value, setter) => {
     createRoot = m$3.createRoot;
     m$3.hydrateRoot;
   }
-  function _setPrototypeOf$4(o2, p2) {
-    _setPrototypeOf$4 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o3, p3) {
+  function _setPrototypeOf$5(o2, p2) {
+    _setPrototypeOf$5 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o3, p3) {
       o3.__proto__ = p3;
       return o3;
     };
-    return _setPrototypeOf$4(o2, p2);
+    return _setPrototypeOf$5(o2, p2);
   }
-  function _inheritsLoose$1(subClass, superClass) {
+  function _inheritsLoose$2(subClass, superClass) {
     subClass.prototype = Object.create(superClass.prototype);
     subClass.prototype.constructor = subClass;
-    _setPrototypeOf$4(subClass, superClass);
+    _setPrototypeOf$5(subClass, superClass);
   }
   var propTypes = { exports: {} };
   var ReactPropTypesSecret$1 = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
@@ -1284,7 +1284,7 @@ var __privateSet = (obj, member, value, setter) => {
       module2.exports = reactIs_production_min$1;
     }
   })(reactIs$2);
-  function _objectWithoutPropertiesLoose$5(source, excluded) {
+  function _objectWithoutPropertiesLoose$6(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -1422,7 +1422,7 @@ var __privateSet = (obj, member, value, setter) => {
     var _Provider$childContex, _Consumer$contextType;
     var contextProp = "__create-react-context-" + getUniqueId() + "__";
     var Provider = /* @__PURE__ */ function(_React$Component) {
-      _inheritsLoose$1(Provider2, _React$Component);
+      _inheritsLoose$2(Provider2, _React$Component);
       function Provider2() {
         var _this;
         for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -1460,7 +1460,7 @@ var __privateSet = (obj, member, value, setter) => {
     }(React__default.default.Component);
     Provider.childContextTypes = (_Provider$childContex = {}, _Provider$childContex[contextProp] = propTypes.exports.object.isRequired, _Provider$childContex);
     var Consumer = /* @__PURE__ */ function(_React$Component2) {
-      _inheritsLoose$1(Consumer2, _React$Component2);
+      _inheritsLoose$2(Consumer2, _React$Component2);
       function Consumer2() {
         var _this2;
         for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
@@ -1525,7 +1525,7 @@ var __privateSet = (obj, member, value, setter) => {
   var historyContext = /* @__PURE__ */ createNamedContext("Router-History");
   var context = /* @__PURE__ */ createNamedContext("Router");
   var Router = /* @__PURE__ */ function(_React$Component) {
-    _inheritsLoose$1(Router2, _React$Component);
+    _inheritsLoose$2(Router2, _React$Component);
     Router2.computeRootMatch = function computeRootMatch(pathname) {
       return {
         path: "/",
@@ -1594,7 +1594,7 @@ var __privateSet = (obj, member, value, setter) => {
     return Router2;
   }(React__default.default.Component);
   var MemoryRouter = /* @__PURE__ */ function(_React$Component) {
-    _inheritsLoose$1(MemoryRouter2, _React$Component);
+    _inheritsLoose$2(MemoryRouter2, _React$Component);
     function MemoryRouter2() {
       var _this;
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -1614,7 +1614,7 @@ var __privateSet = (obj, member, value, setter) => {
     return MemoryRouter2;
   }(React__default.default.Component);
   var Lifecycle = /* @__PURE__ */ function(_React$Component) {
-    _inheritsLoose$1(Lifecycle2, _React$Component);
+    _inheritsLoose$2(Lifecycle2, _React$Component);
     function Lifecycle2() {
       return _React$Component.apply(this, arguments) || this;
     }
@@ -1690,7 +1690,7 @@ var __privateSet = (obj, member, value, setter) => {
       !context2 ? invariant$1(false) : void 0;
       var history2 = context2.history, staticContext = context2.staticContext;
       var method = push ? history2.push : history2.replace;
-      var location2 = createLocation(computedMatch ? typeof to === "string" ? generatePath(to, computedMatch.params) : _extends$3({}, to, {
+      var location2 = createLocation(computedMatch ? typeof to === "string" ? generatePath(to, computedMatch.params) : _extends$4({}, to, {
         pathname: generatePath(to.pathname, computedMatch.params)
       }) : to);
       if (staticContext) {
@@ -1703,7 +1703,7 @@ var __privateSet = (obj, member, value, setter) => {
         },
         onUpdate: function onUpdate(self2, prevProps) {
           var prevLocation = createLocation(prevProps.to);
-          if (!locationsAreEqual(prevLocation, _extends$3({}, location2, {
+          if (!locationsAreEqual(prevLocation, _extends$4({}, location2, {
             key: prevLocation.key
           }))) {
             method(location2);
@@ -1776,7 +1776,7 @@ var __privateSet = (obj, member, value, setter) => {
     return React__default.default.Children.count(children) === 0;
   }
   var Route = /* @__PURE__ */ function(_React$Component) {
-    _inheritsLoose$1(Route2, _React$Component);
+    _inheritsLoose$2(Route2, _React$Component);
     function Route2() {
       return _React$Component.apply(this, arguments) || this;
     }
@@ -1787,7 +1787,7 @@ var __privateSet = (obj, member, value, setter) => {
         !context$1 ? invariant$1(false) : void 0;
         var location2 = _this.props.location || context$1.location;
         var match2 = _this.props.computedMatch ? _this.props.computedMatch : _this.props.path ? matchPath(location2.pathname, _this.props) : context$1.match;
-        var props = _extends$3({}, context$1, {
+        var props = _extends$4({}, context$1, {
           location: location2,
           match: match2
         });
@@ -1808,7 +1808,7 @@ var __privateSet = (obj, member, value, setter) => {
   function addBasename(basename, location2) {
     if (!basename)
       return location2;
-    return _extends$3({}, location2, {
+    return _extends$4({}, location2, {
       pathname: addLeadingSlash(basename) + location2.pathname
     });
   }
@@ -1818,7 +1818,7 @@ var __privateSet = (obj, member, value, setter) => {
     var base = addLeadingSlash(basename);
     if (location2.pathname.indexOf(base) !== 0)
       return location2;
-    return _extends$3({}, location2, {
+    return _extends$4({}, location2, {
       pathname: location2.pathname.substr(base.length)
     });
   }
@@ -1833,7 +1833,7 @@ var __privateSet = (obj, member, value, setter) => {
   function noop$6() {
   }
   var StaticRouter = /* @__PURE__ */ function(_React$Component) {
-    _inheritsLoose$1(StaticRouter2, _React$Component);
+    _inheritsLoose$2(StaticRouter2, _React$Component);
     function StaticRouter2() {
       var _this;
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -1862,7 +1862,7 @@ var __privateSet = (obj, member, value, setter) => {
       context2.url = createURL(context2.location);
     };
     _proto.render = function render2() {
-      var _this$props2 = this.props, _this$props2$basename = _this$props2.basename, basename = _this$props2$basename === void 0 ? "" : _this$props2$basename, _this$props2$context = _this$props2.context, context2 = _this$props2$context === void 0 ? {} : _this$props2$context, _this$props2$location = _this$props2.location, location2 = _this$props2$location === void 0 ? "/" : _this$props2$location, rest = _objectWithoutPropertiesLoose$5(_this$props2, ["basename", "context", "location"]);
+      var _this$props2 = this.props, _this$props2$basename = _this$props2.basename, basename = _this$props2$basename === void 0 ? "" : _this$props2$basename, _this$props2$context = _this$props2.context, context2 = _this$props2$context === void 0 ? {} : _this$props2$context, _this$props2$location = _this$props2.location, location2 = _this$props2$location === void 0 ? "/" : _this$props2$location, rest = _objectWithoutPropertiesLoose$6(_this$props2, ["basename", "context", "location"]);
       var history2 = {
         createHref: function createHref(path) {
           return addLeadingSlash(basename + createURL(path));
@@ -1877,7 +1877,7 @@ var __privateSet = (obj, member, value, setter) => {
         listen: this.handleListen,
         block: this.handleBlock
       };
-      return /* @__PURE__ */ React__default.default.createElement(Router, _extends$3({}, rest, {
+      return /* @__PURE__ */ React__default.default.createElement(Router, _extends$4({}, rest, {
         history: history2,
         staticContext: context2
       }));
@@ -1885,7 +1885,7 @@ var __privateSet = (obj, member, value, setter) => {
     return StaticRouter2;
   }(React__default.default.Component);
   var Switch$1 = /* @__PURE__ */ function(_React$Component) {
-    _inheritsLoose$1(Switch2, _React$Component);
+    _inheritsLoose$2(Switch2, _React$Component);
     function Switch2() {
       return _React$Component.apply(this, arguments) || this;
     }
@@ -1900,7 +1900,7 @@ var __privateSet = (obj, member, value, setter) => {
           if (match2 == null && /* @__PURE__ */ React__default.default.isValidElement(child)) {
             element = child;
             var path = child.props.path || child.props.from;
-            match2 = path ? matchPath(location2.pathname, _extends$3({}, child.props, {
+            match2 = path ? matchPath(location2.pathname, _extends$4({}, child.props, {
               path
             })) : context2.match;
           }
@@ -1916,10 +1916,10 @@ var __privateSet = (obj, member, value, setter) => {
   function withRouter(Component) {
     var displayName = "withRouter(" + (Component.displayName || Component.name) + ")";
     var C2 = function C3(props) {
-      var wrappedComponentRef = props.wrappedComponentRef, remainingProps = _objectWithoutPropertiesLoose$5(props, ["wrappedComponentRef"]);
+      var wrappedComponentRef = props.wrappedComponentRef, remainingProps = _objectWithoutPropertiesLoose$6(props, ["wrappedComponentRef"]);
       return /* @__PURE__ */ React__default.default.createElement(context.Consumer, null, function(context2) {
         !context2 ? invariant$1(false) : void 0;
-        return /* @__PURE__ */ React__default.default.createElement(Component, _extends$3({}, remainingProps, context2, {
+        return /* @__PURE__ */ React__default.default.createElement(Component, _extends$4({}, remainingProps, context2, {
           ref: wrappedComponentRef
         }));
       });
@@ -1945,7 +1945,7 @@ var __privateSet = (obj, member, value, setter) => {
     return path ? matchPath(location2.pathname, path) : match2;
   }
   var BrowserRouter = /* @__PURE__ */ function(_React$Component) {
-    _inheritsLoose$1(BrowserRouter2, _React$Component);
+    _inheritsLoose$2(BrowserRouter2, _React$Component);
     function BrowserRouter2() {
       var _this;
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -1965,7 +1965,7 @@ var __privateSet = (obj, member, value, setter) => {
     return BrowserRouter2;
   }(React__default.default.Component);
   var HashRouter = /* @__PURE__ */ function(_React$Component) {
-    _inheritsLoose$1(HashRouter2, _React$Component);
+    _inheritsLoose$2(HashRouter2, _React$Component);
     function HashRouter2() {
       var _this;
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -2001,9 +2001,9 @@ var __privateSet = (obj, member, value, setter) => {
     return !!(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey);
   }
   var LinkAnchor = forwardRef$1(function(_ref2, forwardedRef) {
-    var innerRef = _ref2.innerRef, navigate = _ref2.navigate, _onClick = _ref2.onClick, rest = _objectWithoutPropertiesLoose$5(_ref2, ["innerRef", "navigate", "onClick"]);
+    var innerRef = _ref2.innerRef, navigate = _ref2.navigate, _onClick = _ref2.onClick, rest = _objectWithoutPropertiesLoose$6(_ref2, ["innerRef", "navigate", "onClick"]);
     var target = rest.target;
-    var props = _extends$3({}, rest, {
+    var props = _extends$4({}, rest, {
       onClick: function onClick(event) {
         try {
           if (_onClick)
@@ -2026,13 +2026,13 @@ var __privateSet = (obj, member, value, setter) => {
     return /* @__PURE__ */ React__default.default.createElement("a", props);
   });
   var Link = forwardRef$1(function(_ref2, forwardedRef) {
-    var _ref2$component = _ref2.component, component = _ref2$component === void 0 ? LinkAnchor : _ref2$component, replace2 = _ref2.replace, to = _ref2.to, innerRef = _ref2.innerRef, rest = _objectWithoutPropertiesLoose$5(_ref2, ["component", "replace", "to", "innerRef"]);
+    var _ref2$component = _ref2.component, component = _ref2$component === void 0 ? LinkAnchor : _ref2$component, replace2 = _ref2.replace, to = _ref2.to, innerRef = _ref2.innerRef, rest = _objectWithoutPropertiesLoose$6(_ref2, ["component", "replace", "to", "innerRef"]);
     return /* @__PURE__ */ React__default.default.createElement(context.Consumer, null, function(context2) {
       !context2 ? invariant$1(false) : void 0;
       var history2 = context2.history;
       var location2 = normalizeToLocation(resolveToLocation(to, context2.location), context2.location);
       var href = location2 ? history2.createHref(location2) : "";
-      var props = _extends$3({}, rest, {
+      var props = _extends$4({}, rest, {
         href,
         navigate: function navigate() {
           var location3 = resolveToLocation(to, context2.location);
@@ -2065,7 +2065,7 @@ var __privateSet = (obj, member, value, setter) => {
     }).join(" ");
   }
   var NavLink = forwardRef$1$1(function(_ref2, forwardedRef) {
-    var _ref$ariaCurrent = _ref2["aria-current"], ariaCurrent = _ref$ariaCurrent === void 0 ? "page" : _ref$ariaCurrent, _ref$activeClassName = _ref2.activeClassName, activeClassName = _ref$activeClassName === void 0 ? "active" : _ref$activeClassName, activeStyle = _ref2.activeStyle, classNameProp = _ref2.className, exact = _ref2.exact, isActiveProp = _ref2.isActive, locationProp = _ref2.location, sensitive = _ref2.sensitive, strict = _ref2.strict, styleProp = _ref2.style, to = _ref2.to, innerRef = _ref2.innerRef, rest = _objectWithoutPropertiesLoose$5(_ref2, ["aria-current", "activeClassName", "activeStyle", "className", "exact", "isActive", "location", "sensitive", "strict", "style", "to", "innerRef"]);
+    var _ref$ariaCurrent = _ref2["aria-current"], ariaCurrent = _ref$ariaCurrent === void 0 ? "page" : _ref$ariaCurrent, _ref$activeClassName = _ref2.activeClassName, activeClassName = _ref$activeClassName === void 0 ? "active" : _ref$activeClassName, activeStyle = _ref2.activeStyle, classNameProp = _ref2.className, exact = _ref2.exact, isActiveProp = _ref2.isActive, locationProp = _ref2.location, sensitive = _ref2.sensitive, strict = _ref2.strict, styleProp = _ref2.style, to = _ref2.to, innerRef = _ref2.innerRef, rest = _objectWithoutPropertiesLoose$6(_ref2, ["aria-current", "activeClassName", "activeStyle", "className", "exact", "isActive", "location", "sensitive", "strict", "style", "to", "innerRef"]);
     return /* @__PURE__ */ React__default.default.createElement(context.Consumer, null, function(context2) {
       !context2 ? invariant$1(false) : void 0;
       var currentLocation = locationProp || context2.location;
@@ -2083,9 +2083,9 @@ var __privateSet = (obj, member, value, setter) => {
       var style = typeof styleProp === "function" ? styleProp(isActive) : styleProp;
       if (isActive) {
         className = joinClassnames(className, activeClassName);
-        style = _extends$3({}, style, activeStyle);
+        style = _extends$4({}, style, activeStyle);
       }
-      var props = _extends$3({
+      var props = _extends$4({
         "aria-current": isActive && ariaCurrent || null,
         className,
         style,
@@ -10599,8 +10599,8 @@ var __privateSet = (obj, member, value, setter) => {
     }
     return obj;
   }
-  function _extends$2() {
-    _extends$2 = Object.assign || function(target) {
+  function _extends$3() {
+    _extends$3 = Object.assign || function(target) {
       for (var i2 = 1; i2 < arguments.length; i2++) {
         var source = arguments[i2];
         for (var key in source) {
@@ -10611,7 +10611,7 @@ var __privateSet = (obj, member, value, setter) => {
       }
       return target;
     };
-    return _extends$2.apply(this, arguments);
+    return _extends$3.apply(this, arguments);
   }
   const {
     DefaultValue,
@@ -11875,7 +11875,7 @@ var __privateSet = (obj, member, value, setter) => {
     }
     const serialize = useCallback$2((x2) => x2 === void 0 ? "" : Recoil_nullthrows(JSON.stringify(x2), "Unable to serialize state with JSON"), []);
     const deserialize = useCallback$2((x2) => JSON.parse(x2), []);
-    return /* @__PURE__ */ React__default.default.createElement(RecoilURLSync$1, _extends$2({}, options, {
+    return /* @__PURE__ */ React__default.default.createElement(RecoilURLSync$1, _extends$3({}, options, {
       serialize,
       deserialize
     }));
@@ -11968,7 +11968,7 @@ var __privateSet = (obj, member, value, setter) => {
       }
     }), [handlers]);
     const deserialize = useCallback$3((x2) => reader.read(x2), [reader]);
-    return /* @__PURE__ */ React__default.default.createElement(RecoilURLSync$2, _extends$2({}, options, {
+    return /* @__PURE__ */ React__default.default.createElement(RecoilURLSync$2, _extends$3({}, options, {
       serialize,
       deserialize
     }));
@@ -12215,21 +12215,21 @@ var __privateSet = (obj, member, value, setter) => {
     }
     subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } });
     if (superClass)
-      _setPrototypeOf$3(subClass, superClass);
+      _setPrototypeOf$4(subClass, superClass);
   }
-  function _setPrototypeOf$3(o2, p2) {
-    _setPrototypeOf$3 = Object.setPrototypeOf || function _setPrototypeOf2(o3, p3) {
+  function _setPrototypeOf$4(o2, p2) {
+    _setPrototypeOf$4 = Object.setPrototypeOf || function _setPrototypeOf2(o3, p3) {
       o3.__proto__ = p3;
       return o3;
     };
-    return _setPrototypeOf$3(o2, p2);
+    return _setPrototypeOf$4(o2, p2);
   }
   function _createSuper$3(Derived) {
-    var hasNativeReflectConstruct = _isNativeReflectConstruct$3();
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$4();
     return function _createSuperInternal() {
-      var Super = _getPrototypeOf$3(Derived), result;
+      var Super = _getPrototypeOf$4(Derived), result;
       if (hasNativeReflectConstruct) {
-        var NewTarget = _getPrototypeOf$3(this).constructor;
+        var NewTarget = _getPrototypeOf$4(this).constructor;
         result = Reflect.construct(Super, arguments, NewTarget);
       } else {
         result = Super.apply(this, arguments);
@@ -12243,15 +12243,15 @@ var __privateSet = (obj, member, value, setter) => {
     } else if (call !== void 0) {
       throw new TypeError("Derived constructors may only return object or undefined");
     }
-    return _assertThisInitialized$4(self2);
+    return _assertThisInitialized$5(self2);
   }
-  function _assertThisInitialized$4(self2) {
+  function _assertThisInitialized$5(self2) {
     if (self2 === void 0) {
       throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     }
     return self2;
   }
-  function _isNativeReflectConstruct$3() {
+  function _isNativeReflectConstruct$4() {
     if (typeof Reflect === "undefined" || !Reflect.construct)
       return false;
     if (Reflect.construct.sham)
@@ -12266,11 +12266,11 @@ var __privateSet = (obj, member, value, setter) => {
       return false;
     }
   }
-  function _getPrototypeOf$3(o2) {
-    _getPrototypeOf$3 = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf2(o3) {
+  function _getPrototypeOf$4(o2) {
+    _getPrototypeOf$4 = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf2(o3) {
       return o3.__proto__ || Object.getPrototypeOf(o3);
     };
-    return _getPrototypeOf$3(o2);
+    return _getPrototypeOf$4(o2);
   }
   function _defineProperty$8(obj, key, value) {
     if (key in obj) {
@@ -12287,10 +12287,10 @@ var __privateSet = (obj, member, value, setter) => {
       var _this;
       _classCallCheck$4(this, Collapse2);
       _this = _super.call(this, props);
-      _defineProperty$8(_assertThisInitialized$4(_this), "timeout", void 0);
-      _defineProperty$8(_assertThisInitialized$4(_this), "container", void 0);
-      _defineProperty$8(_assertThisInitialized$4(_this), "content", void 0);
-      _defineProperty$8(_assertThisInitialized$4(_this), "onResize", function() {
+      _defineProperty$8(_assertThisInitialized$5(_this), "timeout", void 0);
+      _defineProperty$8(_assertThisInitialized$5(_this), "container", void 0);
+      _defineProperty$8(_assertThisInitialized$5(_this), "content", void 0);
+      _defineProperty$8(_assertThisInitialized$5(_this), "onResize", function() {
         clearTimeout(_this.timeout);
         if (!_this.container || !_this.content) {
           return;
@@ -12321,7 +12321,7 @@ var __privateSet = (obj, member, value, setter) => {
           }, checkTimeout);
         }
       });
-      _defineProperty$8(_assertThisInitialized$4(_this), "onRest", function(_ref2) {
+      _defineProperty$8(_assertThisInitialized$5(_this), "onRest", function(_ref2) {
         var isFullyOpened = _ref2.isFullyOpened, isFullyClosed = _ref2.isFullyClosed, isOpened = _ref2.isOpened, containerHeight = _ref2.containerHeight, contentHeight = _ref2.contentHeight;
         if (!_this.container || !_this.content) {
           return;
@@ -12343,7 +12343,7 @@ var __privateSet = (obj, member, value, setter) => {
           }
         }
       });
-      _defineProperty$8(_assertThisInitialized$4(_this), "onWork", function(_ref2) {
+      _defineProperty$8(_assertThisInitialized$5(_this), "onWork", function(_ref2) {
         var isFullyOpened = _ref2.isFullyOpened, isFullyClosed = _ref2.isFullyClosed, isOpened = _ref2.isOpened, containerHeight = _ref2.containerHeight, contentHeight = _ref2.contentHeight;
         if (!_this.container || !_this.content) {
           return;
@@ -12366,10 +12366,10 @@ var __privateSet = (obj, member, value, setter) => {
           });
         }
       });
-      _defineProperty$8(_assertThisInitialized$4(_this), "onRefContainer", function(container) {
+      _defineProperty$8(_assertThisInitialized$5(_this), "onRefContainer", function(container) {
         _this.container = container;
       });
-      _defineProperty$8(_assertThisInitialized$4(_this), "onRefContent", function(content) {
+      _defineProperty$8(_assertThisInitialized$5(_this), "onRefContent", function(content) {
         _this.content = content;
       });
       if (props.initialStyle) {
@@ -12472,8 +12472,8 @@ var __privateSet = (obj, member, value, setter) => {
   function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : { "default": obj };
   }
-  function _extends$1() {
-    _extends$1 = Object.assign || function(target) {
+  function _extends$2() {
+    _extends$2 = Object.assign || function(target) {
       for (var i2 = 1; i2 < arguments.length; i2++) {
         var source = arguments[i2];
         for (var key in source) {
@@ -12484,7 +12484,7 @@ var __privateSet = (obj, member, value, setter) => {
       }
       return target;
     };
-    return _extends$1.apply(this, arguments);
+    return _extends$2.apply(this, arguments);
   }
   function ownKeys$4(object2, enumerableOnly) {
     var keys2 = Object.keys(object2);
@@ -12519,7 +12519,7 @@ var __privateSet = (obj, member, value, setter) => {
   function _objectWithoutProperties$2(source, excluded) {
     if (source == null)
       return {};
-    var target = _objectWithoutPropertiesLoose$4(source, excluded);
+    var target = _objectWithoutPropertiesLoose$5(source, excluded);
     var key, i2;
     if (Object.getOwnPropertySymbols) {
       var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -12534,7 +12534,7 @@ var __privateSet = (obj, member, value, setter) => {
     }
     return target;
   }
-  function _objectWithoutPropertiesLoose$4(source, excluded) {
+  function _objectWithoutPropertiesLoose$5(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -12576,21 +12576,21 @@ var __privateSet = (obj, member, value, setter) => {
     }
     subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } });
     if (superClass)
-      _setPrototypeOf$2(subClass, superClass);
+      _setPrototypeOf$3(subClass, superClass);
   }
-  function _setPrototypeOf$2(o2, p2) {
-    _setPrototypeOf$2 = Object.setPrototypeOf || function _setPrototypeOf2(o3, p3) {
+  function _setPrototypeOf$3(o2, p2) {
+    _setPrototypeOf$3 = Object.setPrototypeOf || function _setPrototypeOf2(o3, p3) {
       o3.__proto__ = p3;
       return o3;
     };
-    return _setPrototypeOf$2(o2, p2);
+    return _setPrototypeOf$3(o2, p2);
   }
   function _createSuper$2(Derived) {
-    var hasNativeReflectConstruct = _isNativeReflectConstruct$2();
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$3();
     return function _createSuperInternal() {
-      var Super = _getPrototypeOf$2(Derived), result;
+      var Super = _getPrototypeOf$3(Derived), result;
       if (hasNativeReflectConstruct) {
-        var NewTarget = _getPrototypeOf$2(this).constructor;
+        var NewTarget = _getPrototypeOf$3(this).constructor;
         result = Reflect.construct(Super, arguments, NewTarget);
       } else {
         result = Super.apply(this, arguments);
@@ -12604,15 +12604,15 @@ var __privateSet = (obj, member, value, setter) => {
     } else if (call !== void 0) {
       throw new TypeError("Derived constructors may only return object or undefined");
     }
-    return _assertThisInitialized$3(self2);
+    return _assertThisInitialized$4(self2);
   }
-  function _assertThisInitialized$3(self2) {
+  function _assertThisInitialized$4(self2) {
     if (self2 === void 0) {
       throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     }
     return self2;
   }
-  function _isNativeReflectConstruct$2() {
+  function _isNativeReflectConstruct$3() {
     if (typeof Reflect === "undefined" || !Reflect.construct)
       return false;
     if (Reflect.construct.sham)
@@ -12627,11 +12627,11 @@ var __privateSet = (obj, member, value, setter) => {
       return false;
     }
   }
-  function _getPrototypeOf$2(o2) {
-    _getPrototypeOf$2 = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf2(o3) {
+  function _getPrototypeOf$3(o2) {
+    _getPrototypeOf$3 = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf2(o3) {
       return o3.__proto__ || Object.getPrototypeOf(o3);
     };
-    return _getPrototypeOf$2(o2);
+    return _getPrototypeOf$3(o2);
   }
   function _defineProperty$7(obj, key, value) {
     if (key in obj) {
@@ -12648,7 +12648,7 @@ var __privateSet = (obj, member, value, setter) => {
       var _this;
       _classCallCheck$3(this, UnmountClosed2);
       _this = _super.call(this, props);
-      _defineProperty$7(_assertThisInitialized$3(_this), "onWork", function(_ref2) {
+      _defineProperty$7(_assertThisInitialized$4(_this), "onWork", function(_ref2) {
         var isOpened = _ref2.isOpened, rest = _objectWithoutProperties$2(_ref2, _excluded$4);
         _this.setState({
           isResting: false,
@@ -12661,7 +12661,7 @@ var __privateSet = (obj, member, value, setter) => {
           }, rest));
         }
       });
-      _defineProperty$7(_assertThisInitialized$3(_this), "onRest", function(_ref2) {
+      _defineProperty$7(_assertThisInitialized$4(_this), "onRest", function(_ref2) {
         var isOpened = _ref2.isOpened, rest = _objectWithoutProperties$2(_ref2, _excluded2);
         _this.setState({
           isResting: true,
@@ -12675,7 +12675,7 @@ var __privateSet = (obj, member, value, setter) => {
           }, rest));
         }
       });
-      _defineProperty$7(_assertThisInitialized$3(_this), "getInitialStyle", function() {
+      _defineProperty$7(_assertThisInitialized$4(_this), "getInitialStyle", function() {
         var _this$state = _this.state, isOpened = _this$state.isOpened, isInitialRender = _this$state.isInitialRender;
         if (isInitialRender) {
           return isOpened ? {
@@ -12714,7 +12714,7 @@ var __privateSet = (obj, member, value, setter) => {
       key: "render",
       value: function render2() {
         var _this$state2 = this.state, isResting = _this$state2.isResting, isOpened = _this$state2.isOpened;
-        return isResting && !isOpened ? null : /* @__PURE__ */ _react["default"].createElement(_Collapse.Collapse, _extends$1({}, this.props, {
+        return isResting && !isOpened ? null : /* @__PURE__ */ _react["default"].createElement(_Collapse.Collapse, _extends$2({}, this.props, {
           initialStyle: this.getInitialStyle(),
           onWork: this.onWork,
           onRest: this.onRest
@@ -15343,7 +15343,7 @@ var __privateSet = (obj, member, value, setter) => {
     }
     return obj;
   }
-  function _objectWithoutPropertiesLoose$3(source, excluded) {
+  function _objectWithoutPropertiesLoose$4(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -15360,7 +15360,7 @@ var __privateSet = (obj, member, value, setter) => {
   function _objectWithoutProperties$1(source, excluded) {
     if (source == null)
       return {};
-    var target = _objectWithoutPropertiesLoose$3(source, excluded);
+    var target = _objectWithoutPropertiesLoose$4(source, excluded);
     var key, i2;
     if (Object.getOwnPropertySymbols) {
       var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -17441,60 +17441,73 @@ var __privateSet = (obj, member, value, setter) => {
     border: 1px solid ${(props) => props.color};
     border-radius: ${(props) => props.height ? `${props.height / 2}px` : "1rem"};
 `;
-  function _assertThisInitialized$2(self2) {
+  function _extends$1() {
+    _extends$1 = Object.assign ? Object.assign.bind() : function(target) {
+      for (var i2 = 1; i2 < arguments.length; i2++) {
+        var source = arguments[i2];
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
+        }
+      }
+      return target;
+    };
+    return _extends$1.apply(this, arguments);
+  }
+  function _assertThisInitialized$3(self2) {
     if (self2 === void 0) {
       throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     }
     return self2;
   }
-  function _getPrototypeOf$1(o2) {
-    _getPrototypeOf$1 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf2(o3) {
+  function _setPrototypeOf$2(o2, p2) {
+    _setPrototypeOf$2 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o3, p3) {
+      o3.__proto__ = p3;
+      return o3;
+    };
+    return _setPrototypeOf$2(o2, p2);
+  }
+  function _inheritsLoose$1(subClass, superClass) {
+    subClass.prototype = Object.create(superClass.prototype);
+    subClass.prototype.constructor = subClass;
+    _setPrototypeOf$2(subClass, superClass);
+  }
+  function _getPrototypeOf$2(o2) {
+    _getPrototypeOf$2 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf2(o3) {
       return o3.__proto__ || Object.getPrototypeOf(o3);
     };
-    return _getPrototypeOf$1(o2);
+    return _getPrototypeOf$2(o2);
   }
-  function _isNativeFunction(fn) {
+  function _isNativeFunction$1(fn) {
     try {
       return Function.toString.call(fn).indexOf("[native code]") !== -1;
     } catch (e3) {
       return typeof fn === "function";
     }
   }
-  function _isNativeReflectConstruct$1() {
-    if (typeof Reflect === "undefined" || !Reflect.construct)
-      return false;
-    if (Reflect.construct.sham)
-      return false;
-    if (typeof Proxy === "function")
-      return true;
+  function _isNativeReflectConstruct$2() {
     try {
-      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
+      var t2 = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
       }));
-      return true;
-    } catch (e3) {
-      return false;
+    } catch (t3) {
     }
+    return (_isNativeReflectConstruct$2 = function _isNativeReflectConstruct2() {
+      return !!t2;
+    })();
   }
-  function _construct(Parent, args, Class) {
-    if (_isNativeReflectConstruct$1()) {
-      _construct = Reflect.construct.bind();
-    } else {
-      _construct = function _construct2(Parent2, args2, Class2) {
-        var a2 = [null];
-        a2.push.apply(a2, args2);
-        var Constructor = Function.bind.apply(Parent2, a2);
-        var instance = new Constructor();
-        if (Class2)
-          _setPrototypeOf$4(instance, Class2.prototype);
-        return instance;
-      };
-    }
-    return _construct.apply(null, arguments);
+  function _construct$1(t2, e3, r2) {
+    if (_isNativeReflectConstruct$2())
+      return Reflect.construct.apply(null, arguments);
+    var o2 = [null];
+    o2.push.apply(o2, e3);
+    var p2 = new (t2.bind.apply(t2, o2))();
+    return r2 && _setPrototypeOf$2(p2, r2.prototype), p2;
   }
-  function _wrapNativeSuper(Class) {
+  function _wrapNativeSuper$1(Class) {
     var _cache = typeof Map === "function" ? /* @__PURE__ */ new Map() : void 0;
-    _wrapNativeSuper = function _wrapNativeSuper2(Class2) {
-      if (Class2 === null || !_isNativeFunction(Class2))
+    _wrapNativeSuper$1 = function _wrapNativeSuper2(Class2) {
+      if (Class2 === null || !_isNativeFunction$1(Class2))
         return Class2;
       if (typeof Class2 !== "function") {
         throw new TypeError("Super expression must either be null or a function");
@@ -17505,7 +17518,7 @@ var __privateSet = (obj, member, value, setter) => {
         _cache.set(Class2, Wrapper2);
       }
       function Wrapper2() {
-        return _construct(Class2, arguments, _getPrototypeOf$1(this).constructor);
+        return _construct$1(Class2, arguments, _getPrototypeOf$2(this).constructor);
       }
       Wrapper2.prototype = Object.create(Class2.prototype, {
         constructor: {
@@ -17515,9 +17528,9 @@ var __privateSet = (obj, member, value, setter) => {
           configurable: true
         }
       });
-      return _setPrototypeOf$4(Wrapper2, Class2);
+      return _setPrototypeOf$2(Wrapper2, Class2);
     };
-    return _wrapNativeSuper(Class);
+    return _wrapNativeSuper$1(Class);
   }
   var PolishedError$1 = /* @__PURE__ */ function(_Error) {
     _inheritsLoose$1(PolishedError2, _Error);
@@ -17526,10 +17539,10 @@ var __privateSet = (obj, member, value, setter) => {
       {
         _this = _Error.call(this, "An error occurred. See https://github.com/styled-components/polished/blob/master/src/internalHelpers/errors.md#" + code + " for more information.") || this;
       }
-      return _assertThisInitialized$2(_this);
+      return _assertThisInitialized$3(_this);
     }
     return PolishedError2;
-  }(/* @__PURE__ */ _wrapNativeSuper(Error));
+  }(/* @__PURE__ */ _wrapNativeSuper$1(Error));
   function colorToInt$1(color) {
     return Math.round(color * 255);
   }
@@ -17873,7 +17886,7 @@ var __privateSet = (obj, member, value, setter) => {
       return color;
     var parsedColor = parseToRgb$1(color);
     var alpha = typeof parsedColor.alpha === "number" ? parsedColor.alpha : 1;
-    var colorWithAlpha = _extends$3({}, parsedColor, {
+    var colorWithAlpha = _extends$1({}, parsedColor, {
       alpha: guard$1(0, 1, (alpha * 100 - parseFloat(amount) * 100) / 100)
     });
     return rgba$1(colorWithAlpha);
@@ -18046,10 +18059,7 @@ var __privateSet = (obj, member, value, setter) => {
     `;
   }
   function getFilledButtonStyle(buttonColor, hoverColor, clickColor, disabled2, theme2, textColor) {
-    let color = theme2.themeType === "dark" ? theme2.colors.text : theme2.colors.blue1;
-    if (textColor) {
-      color = textColor;
-    }
+    const color = textColor !== null && textColor !== void 0 ? textColor : theme2.colors.blue1;
     return `
         color: ${color};
 
@@ -18737,6 +18747,20 @@ var __privateSet = (obj, member, value, setter) => {
       setPreviousFilter(filterValue);
     }, children: "Apply" })] });
   }
+  function _objectWithoutPropertiesLoose$3(source, excluded) {
+    if (source == null)
+      return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i2;
+    for (i2 = 0; i2 < sourceKeys.length; i2++) {
+      key = sourceKeys[i2];
+      if (excluded.indexOf(key) >= 0)
+        continue;
+      target[key] = source[key];
+    }
+    return target;
+  }
   var reactIs = { exports: {} };
   var reactIs_production_min = {};
   /** @license React v17.0.2
@@ -19267,7 +19291,7 @@ var __privateSet = (obj, member, value, setter) => {
       }
     });
     if (props.onStateChange && Object.keys(changes).length) {
-      props.onStateChange(_extends$3({
+      props.onStateChange(_extends$1({
         type
       }, changes));
     }
@@ -19276,7 +19300,7 @@ var __privateSet = (obj, member, value, setter) => {
     var props = action.props, type = action.type;
     var handler = "on" + capitalizeString(key) + "Change";
     if (props[handler] && newState[key] !== void 0 && newState[key] !== state[key]) {
-      props[handler](_extends$3({
+      props[handler](_extends$1({
         type
       }, newState));
     }
@@ -19340,7 +19364,7 @@ var __privateSet = (obj, member, value, setter) => {
       actionRef.current = action2;
       state2 = getState(state2, action2.props);
       var changes = reducer2(state2, action2);
-      var newState = action2.props.stateReducer(state2, _extends$3({}, action2, {
+      var newState = action2.props.stateReducer(state2, _extends$1({}, action2, {
         changes
       }));
       return newState;
@@ -19348,7 +19372,7 @@ var __privateSet = (obj, member, value, setter) => {
     var _useReducer = React.useReducer(enhancedReducer, initialState2), state = _useReducer[0], dispatch2 = _useReducer[1];
     var propsRef = useLatestRef(props);
     var dispatchWithProps = React.useCallback(function(action2) {
-      return dispatch2(_extends$3({
+      return dispatch2(_extends$1({
         props: propsRef.current
       }, action2));
     }, [propsRef]);
@@ -19480,13 +19504,13 @@ var __privateSet = (obj, member, value, setter) => {
     return noop$4;
   };
   function useA11yMessageSetter(getA11yMessage, dependencyArray, _ref2) {
-    var isInitialMount = _ref2.isInitialMount, highlightedIndex = _ref2.highlightedIndex, items = _ref2.items, environment = _ref2.environment, rest = _objectWithoutPropertiesLoose$5(_ref2, _excluded$3);
+    var isInitialMount = _ref2.isInitialMount, highlightedIndex = _ref2.highlightedIndex, items = _ref2.items, environment = _ref2.environment, rest = _objectWithoutPropertiesLoose$3(_ref2, _excluded$3);
     React.useEffect(function() {
       if (isInitialMount || false) {
         return;
       }
       updateA11yStatus(function() {
-        return getA11yMessage(_extends$3({
+        return getA11yMessage(_extends$1({
           highlightedIndex,
           highlightedItem: items[highlightedIndex],
           resultCount: items.length
@@ -19516,10 +19540,10 @@ var __privateSet = (obj, member, value, setter) => {
       inputValue = true;
     }
     var shouldSelect = ((_props$items = props.items) == null ? void 0 : _props$items.length) && highlightedIndex >= 0;
-    return _extends$3({
+    return _extends$1({
       isOpen: false,
       highlightedIndex: -1
-    }, shouldSelect && _extends$3({
+    }, shouldSelect && _extends$1({
       selectedItem: props.items[highlightedIndex],
       isOpen: getDefaultValue$1(props, "isOpen"),
       highlightedIndex: getDefaultValue$1(props, "highlightedIndex")
@@ -19580,7 +19604,7 @@ var __privateSet = (obj, member, value, setter) => {
       default:
         throw new Error("Reducer called without proper action type.");
     }
-    return _extends$3({}, state, changes);
+    return _extends$1({}, state, changes);
   }
   function getItemIndexByCharacterKey(_a) {
     var keysSoFar = _a.keysSoFar, highlightedIndex = _a.highlightedIndex, items = _a.items, itemToString2 = _a.itemToString, getItemNodeFromIndex = _a.getItemNodeFromIndex;
@@ -19776,7 +19800,7 @@ var __privateSet = (obj, member, value, setter) => {
         };
         break;
       case ToggleButtonBlur:
-        changes = _extends$3({
+        changes = _extends$1({
           isOpen: false,
           highlightedIndex: -1
         }, state.highlightedIndex >= 0 && ((_props$items = props.items) == null ? void 0 : _props$items.length) && {
@@ -19791,7 +19815,7 @@ var __privateSet = (obj, member, value, setter) => {
       default:
         return downshiftCommonReducer(state, action, stateChangeTypes$2);
     }
-    return _extends$3({}, state, changes);
+    return _extends$1({}, state, changes);
   }
   var _excluded$2 = ["onMouseLeave", "refKey", "onKeyDown", "onBlur", "ref"], _excluded2$2 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref"], _excluded3$1 = ["item", "index", "onMouseMove", "onClick", "onPress", "refKey", "ref", "disabled"];
   useSelect.stateChangeTypes = stateChangeTypes$2;
@@ -19799,7 +19823,7 @@ var __privateSet = (obj, member, value, setter) => {
     if (userProps === void 0) {
       userProps = {};
     }
-    var props = _extends$3({}, defaultProps$2, userProps);
+    var props = _extends$1({}, defaultProps$2, userProps);
     var items = props.items, scrollIntoView2 = props.scrollIntoView, environment = props.environment, itemToString2 = props.itemToString, getA11ySelectionMessage2 = props.getA11ySelectionMessage, getA11yStatusMessage2 = props.getA11yStatusMessage;
     var initialState2 = getInitialState$2(props);
     var _useControlledReducer = useControlledReducer$1(downshiftSelectReducer, initialState2, props), state = _useControlledReducer[0], dispatch2 = _useControlledReducer[1];
@@ -19818,14 +19842,14 @@ var __privateSet = (obj, member, value, setter) => {
     var getItemNodeFromIndex = React.useCallback(function(index2) {
       return itemRefs.current[elementIds.getItemId(index2)];
     }, [elementIds]);
-    useA11yMessageSetter(getA11yStatusMessage2, [isOpen, highlightedIndex, inputValue, items], _extends$3({
+    useA11yMessageSetter(getA11yStatusMessage2, [isOpen, highlightedIndex, inputValue, items], _extends$1({
       isInitialMount: isInitialMountRef.current,
       previousResultCount: previousResultCountRef.current,
       items,
       environment,
       itemToString: itemToString2
     }, state));
-    useA11yMessageSetter(getA11ySelectionMessage2, [selectedItem], _extends$3({
+    useA11yMessageSetter(getA11ySelectionMessage2, [selectedItem], _extends$1({
       isInitialMount: isInitialMountRef.current,
       previousResultCount: previousResultCountRef.current,
       items,
@@ -20010,7 +20034,7 @@ var __privateSet = (obj, member, value, setter) => {
       });
     }, [dispatch2]);
     var getLabelProps = React.useCallback(function(labelProps) {
-      return _extends$3({
+      return _extends$1({
         id: elementIds.labelId,
         htmlFor: elementIds.toggleButtonId
       }, labelProps);
@@ -20020,7 +20044,7 @@ var __privateSet = (obj, member, value, setter) => {
       var _ref2 = _temp === void 0 ? {} : _temp, onMouseLeave = _ref2.onMouseLeave, _ref$refKey = _ref2.refKey, refKey = _ref$refKey === void 0 ? "ref" : _ref$refKey;
       _ref2.onKeyDown;
       _ref2.onBlur;
-      var ref = _ref2.ref, rest = _objectWithoutPropertiesLoose$5(_ref2, _excluded$2);
+      var ref = _ref2.ref, rest = _objectWithoutPropertiesLoose$3(_ref2, _excluded$2);
       var _ref22 = _temp2 === void 0 ? {} : _temp2;
       _ref22.suppressRefError;
       var menuHandleMouseLeave = function menuHandleMouseLeave2() {
@@ -20028,7 +20052,7 @@ var __privateSet = (obj, member, value, setter) => {
           type: MenuMouseLeave$1
         });
       };
-      return _extends$3((_extends2 = {}, _extends2[refKey] = handleRefs(ref, function(menuNode) {
+      return _extends$1((_extends2 = {}, _extends2[refKey] = handleRefs(ref, function(menuNode) {
         menuRef.current = menuNode;
       }), _extends2.id = elementIds.menuId, _extends2.role = "listbox", _extends2["aria-labelledby"] = rest && rest["aria-label"] ? void 0 : "" + elementIds.labelId, _extends2.onMouseLeave = callAllEventHandlers(onMouseLeave, menuHandleMouseLeave), _extends2), rest);
     }, [dispatch2, setGetterPropCallInfo, elementIds]);
@@ -20036,7 +20060,7 @@ var __privateSet = (obj, member, value, setter) => {
       var _extends3;
       var _ref3 = _temp3 === void 0 ? {} : _temp3, onBlur = _ref3.onBlur, onClick = _ref3.onClick;
       _ref3.onPress;
-      var onKeyDown = _ref3.onKeyDown, _ref3$refKey = _ref3.refKey, refKey = _ref3$refKey === void 0 ? "ref" : _ref3$refKey, ref = _ref3.ref, rest = _objectWithoutPropertiesLoose$5(_ref3, _excluded2$2);
+      var onKeyDown = _ref3.onKeyDown, _ref3$refKey = _ref3.refKey, refKey = _ref3$refKey === void 0 ? "ref" : _ref3$refKey, ref = _ref3.ref, rest = _objectWithoutPropertiesLoose$3(_ref3, _excluded2$2);
       var _ref4 = _temp4 === void 0 ? {} : _temp4;
       _ref4.suppressRefError;
       var latestState = latest.current.state;
@@ -20064,7 +20088,7 @@ var __privateSet = (obj, member, value, setter) => {
           });
         }
       };
-      var toggleProps = _extends$3((_extends3 = {}, _extends3[refKey] = handleRefs(ref, function(toggleButtonNode) {
+      var toggleProps = _extends$1((_extends3 = {}, _extends3[refKey] = handleRefs(ref, function(toggleButtonNode) {
         toggleButtonRef.current = toggleButtonNode;
       }), _extends3["aria-activedescendant"] = latestState.isOpen && latestState.highlightedIndex > -1 ? elementIds.getItemId(latestState.highlightedIndex) : "", _extends3["aria-controls"] = elementIds.menuId, _extends3["aria-expanded"] = latest.current.state.isOpen, _extends3["aria-haspopup"] = "listbox", _extends3["aria-labelledby"] = rest && rest["aria-label"] ? void 0 : "" + elementIds.labelId, _extends3.id = elementIds.toggleButtonId, _extends3.role = "combobox", _extends3.tabIndex = 0, _extends3.onBlur = callAllEventHandlers(onBlur, toggleButtonHandleBlur), _extends3), rest);
       if (!rest.disabled) {
@@ -20079,7 +20103,7 @@ var __privateSet = (obj, member, value, setter) => {
       var _extends4;
       var _ref5 = _temp5 === void 0 ? {} : _temp5, itemProp = _ref5.item, indexProp = _ref5.index, onMouseMove = _ref5.onMouseMove, onClick = _ref5.onClick;
       _ref5.onPress;
-      var _ref5$refKey = _ref5.refKey, refKey = _ref5$refKey === void 0 ? "ref" : _ref5$refKey, ref = _ref5.ref, disabled2 = _ref5.disabled, rest = _objectWithoutPropertiesLoose$5(_ref5, _excluded3$1);
+      var _ref5$refKey = _ref5.refKey, refKey = _ref5$refKey === void 0 ? "ref" : _ref5$refKey, ref = _ref5.ref, disabled2 = _ref5.disabled, rest = _objectWithoutPropertiesLoose$3(_ref5, _excluded3$1);
       var _latest$current = latest.current, latestState = _latest$current.state, latestProps = _latest$current.props;
       var _getItemAndIndex = getItemAndIndex(itemProp, indexProp, latestProps.items, "Pass either item or index to getItemProps!"), item = _getItemAndIndex[0], index2 = _getItemAndIndex[1];
       var itemHandleMouseMove = function itemHandleMouseMove2() {
@@ -20099,7 +20123,7 @@ var __privateSet = (obj, member, value, setter) => {
           index: index2
         });
       };
-      var itemProps = _extends$3((_extends4 = {
+      var itemProps = _extends$1((_extends4 = {
         disabled: disabled2,
         role: "option",
         "aria-selected": "" + (item === selectedItem),
@@ -20191,7 +20215,7 @@ var __privateSet = (obj, member, value, setter) => {
     if (inputValue === "" && selectedItem && props.defaultInputValue === void 0 && props.initialInputValue === void 0 && props.inputValue === void 0) {
       inputValue = props.itemToString(selectedItem);
     }
-    return _extends$3({}, initialState2, {
+    return _extends$1({}, initialState2, {
       inputValue
     });
   }
@@ -20252,7 +20276,7 @@ var __privateSet = (obj, member, value, setter) => {
     }, [state.selectedItem, props.selectedItem]);
     return [getState(state, props), dispatch2];
   }
-  var defaultProps$1$1 = _extends$3({}, defaultProps$3, {
+  var defaultProps$1$1 = _extends$1({}, defaultProps$3, {
     selectedItemChanged: function selectedItemChanged(prevItem, item) {
       return prevItem !== item;
     },
@@ -20303,7 +20327,7 @@ var __privateSet = (obj, member, value, setter) => {
         changes = getChangesOnSelection(props, state.highlightedIndex);
         break;
       case InputKeyDownEscape:
-        changes = _extends$3({
+        changes = _extends$1({
           isOpen: false,
           highlightedIndex: -1
         }, !state.isOpen && {
@@ -20332,7 +20356,7 @@ var __privateSet = (obj, member, value, setter) => {
         };
         break;
       case InputBlur:
-        changes = _extends$3({
+        changes = _extends$1({
           isOpen: false,
           highlightedIndex: -1
         }, state.highlightedIndex >= 0 && ((_props$items = props.items) == null ? void 0 : _props$items.length) && action.selectItem && {
@@ -20367,7 +20391,7 @@ var __privateSet = (obj, member, value, setter) => {
       default:
         return downshiftCommonReducer(state, action, stateChangeTypes$1$1);
     }
-    return _extends$3({}, state, changes);
+    return _extends$1({}, state, changes);
   }
   var _excluded$1 = ["onMouseLeave", "refKey", "ref"], _excluded2$1 = ["item", "index", "refKey", "ref", "onMouseMove", "onMouseDown", "onClick", "onPress", "disabled"], _excluded3 = ["onClick", "onPress", "refKey", "ref"], _excluded4 = ["onKeyDown", "onChange", "onInput", "onFocus", "onBlur", "onChangeText", "refKey", "ref"];
   useCombobox.stateChangeTypes = stateChangeTypes$1$1;
@@ -20375,7 +20399,7 @@ var __privateSet = (obj, member, value, setter) => {
     if (userProps === void 0) {
       userProps = {};
     }
-    var props = _extends$3({}, defaultProps$1$1, userProps);
+    var props = _extends$1({}, defaultProps$1$1, userProps);
     var initialIsOpen = props.initialIsOpen, defaultIsOpen = props.defaultIsOpen, items = props.items, scrollIntoView2 = props.scrollIntoView, environment = props.environment, getA11yStatusMessage2 = props.getA11yStatusMessage, getA11ySelectionMessage2 = props.getA11ySelectionMessage, itemToString2 = props.itemToString;
     var initialState2 = getInitialState$1(props);
     var _useControlledReducer = useControlledReducer(downshiftUseComboboxReducer, initialState2, props), state = _useControlledReducer[0], dispatch2 = _useControlledReducer[1];
@@ -20394,14 +20418,14 @@ var __privateSet = (obj, member, value, setter) => {
     var getItemNodeFromIndex = React.useCallback(function(index2) {
       return itemRefs.current[elementIds.getItemId(index2)];
     }, [elementIds]);
-    useA11yMessageSetter(getA11yStatusMessage2, [isOpen, highlightedIndex, inputValue, items], _extends$3({
+    useA11yMessageSetter(getA11yStatusMessage2, [isOpen, highlightedIndex, inputValue, items], _extends$1({
       isInitialMount: isInitialMountRef.current,
       previousResultCount: previousResultCountRef.current,
       items,
       environment,
       itemToString: itemToString2
     }, state));
-    useA11yMessageSetter(getA11ySelectionMessage2, [selectedItem], _extends$3({
+    useA11yMessageSetter(getA11ySelectionMessage2, [selectedItem], _extends$1({
       isInitialMount: isInitialMountRef.current,
       previousResultCount: previousResultCountRef.current,
       items,
@@ -20534,17 +20558,17 @@ var __privateSet = (obj, member, value, setter) => {
       };
     }, [dispatch2, latest, getItemNodeFromIndex]);
     var getLabelProps = React.useCallback(function(labelProps) {
-      return _extends$3({
+      return _extends$1({
         id: elementIds.labelId,
         htmlFor: elementIds.inputId
       }, labelProps);
     }, [elementIds]);
     var getMenuProps = React.useCallback(function(_temp, _temp2) {
       var _extends2;
-      var _ref2 = _temp === void 0 ? {} : _temp, onMouseLeave = _ref2.onMouseLeave, _ref$refKey = _ref2.refKey, refKey = _ref$refKey === void 0 ? "ref" : _ref$refKey, ref = _ref2.ref, rest = _objectWithoutPropertiesLoose$5(_ref2, _excluded$1);
+      var _ref2 = _temp === void 0 ? {} : _temp, onMouseLeave = _ref2.onMouseLeave, _ref$refKey = _ref2.refKey, refKey = _ref$refKey === void 0 ? "ref" : _ref$refKey, ref = _ref2.ref, rest = _objectWithoutPropertiesLoose$3(_ref2, _excluded$1);
       var _ref22 = _temp2 === void 0 ? {} : _temp2;
       _ref22.suppressRefError;
-      return _extends$3((_extends2 = {}, _extends2[refKey] = handleRefs(ref, function(menuNode) {
+      return _extends$1((_extends2 = {}, _extends2[refKey] = handleRefs(ref, function(menuNode) {
         menuRef.current = menuNode;
       }), _extends2.id = elementIds.menuId, _extends2.role = "listbox", _extends2["aria-labelledby"] = rest && rest["aria-label"] ? void 0 : "" + elementIds.labelId, _extends2.onMouseLeave = callAllEventHandlers(onMouseLeave, function() {
         dispatch2({
@@ -20556,7 +20580,7 @@ var __privateSet = (obj, member, value, setter) => {
       var _extends3, _ref4;
       var _ref3 = _temp3 === void 0 ? {} : _temp3, itemProp = _ref3.item, indexProp = _ref3.index, _ref3$refKey = _ref3.refKey, refKey = _ref3$refKey === void 0 ? "ref" : _ref3$refKey, ref = _ref3.ref, onMouseMove = _ref3.onMouseMove, onMouseDown = _ref3.onMouseDown, onClick = _ref3.onClick;
       _ref3.onPress;
-      var disabled2 = _ref3.disabled, rest = _objectWithoutPropertiesLoose$5(_ref3, _excluded2$1);
+      var disabled2 = _ref3.disabled, rest = _objectWithoutPropertiesLoose$3(_ref3, _excluded2$1);
       var _latest$current = latest.current, latestProps = _latest$current.props, latestState = _latest$current.state;
       var _getItemAndIndex = getItemAndIndex(itemProp, indexProp, latestProps.items, "Pass either item or index to getItemProps!"), index2 = _getItemAndIndex[1];
       var onSelectKey = "onClick";
@@ -20581,7 +20605,7 @@ var __privateSet = (obj, member, value, setter) => {
       var itemHandleMouseDown = function itemHandleMouseDown2(e3) {
         return e3.preventDefault();
       };
-      return _extends$3((_extends3 = {}, _extends3[refKey] = handleRefs(ref, function(itemNode) {
+      return _extends$1((_extends3 = {}, _extends3[refKey] = handleRefs(ref, function(itemNode) {
         if (itemNode) {
           itemRefs.current[elementIds.getItemId(index2)] = itemNode;
         }
@@ -20594,16 +20618,16 @@ var __privateSet = (obj, member, value, setter) => {
       var _extends4;
       var _ref5 = _temp4 === void 0 ? {} : _temp4, onClick = _ref5.onClick;
       _ref5.onPress;
-      var _ref5$refKey = _ref5.refKey, refKey = _ref5$refKey === void 0 ? "ref" : _ref5$refKey, ref = _ref5.ref, rest = _objectWithoutPropertiesLoose$5(_ref5, _excluded3);
+      var _ref5$refKey = _ref5.refKey, refKey = _ref5$refKey === void 0 ? "ref" : _ref5$refKey, ref = _ref5.ref, rest = _objectWithoutPropertiesLoose$3(_ref5, _excluded3);
       var latestState = latest.current.state;
       var toggleButtonHandleClick = function toggleButtonHandleClick2() {
         dispatch2({
           type: ToggleButtonClick
         });
       };
-      return _extends$3((_extends4 = {}, _extends4[refKey] = handleRefs(ref, function(toggleButtonNode) {
+      return _extends$1((_extends4 = {}, _extends4[refKey] = handleRefs(ref, function(toggleButtonNode) {
         toggleButtonRef.current = toggleButtonNode;
-      }), _extends4["aria-controls"] = elementIds.menuId, _extends4["aria-expanded"] = latestState.isOpen, _extends4.id = elementIds.toggleButtonId, _extends4.tabIndex = -1, _extends4), !rest.disabled && _extends$3({}, {
+      }), _extends4["aria-controls"] = elementIds.menuId, _extends4["aria-expanded"] = latestState.isOpen, _extends4.id = elementIds.toggleButtonId, _extends4.tabIndex = -1, _extends4), !rest.disabled && _extends$1({}, {
         onClick: callAllEventHandlers(onClick, toggleButtonHandleClick)
       }), rest);
     }, [dispatch2, latest, elementIds]);
@@ -20611,7 +20635,7 @@ var __privateSet = (obj, member, value, setter) => {
       var _extends5;
       var _ref6 = _temp5 === void 0 ? {} : _temp5, onKeyDown = _ref6.onKeyDown, onChange2 = _ref6.onChange, onInput = _ref6.onInput, onFocus = _ref6.onFocus, onBlur = _ref6.onBlur;
       _ref6.onChangeText;
-      var _ref6$refKey = _ref6.refKey, refKey = _ref6$refKey === void 0 ? "ref" : _ref6$refKey, ref = _ref6.ref, rest = _objectWithoutPropertiesLoose$5(_ref6, _excluded4);
+      var _ref6$refKey = _ref6.refKey, refKey = _ref6$refKey === void 0 ? "ref" : _ref6$refKey, ref = _ref6.ref, rest = _objectWithoutPropertiesLoose$3(_ref6, _excluded4);
       var _ref7 = _temp6 === void 0 ? {} : _temp6;
       _ref7.suppressRefError;
       var latestState = latest.current.state;
@@ -20649,7 +20673,7 @@ var __privateSet = (obj, member, value, setter) => {
         var _eventHandlers;
         eventHandlers = (_eventHandlers = {}, _eventHandlers[onChangeKey] = callAllEventHandlers(onChange2, onInput, inputHandleChange), _eventHandlers.onKeyDown = callAllEventHandlers(onKeyDown, inputHandleKeyDown), _eventHandlers.onBlur = callAllEventHandlers(onBlur, inputHandleBlur), _eventHandlers.onFocus = callAllEventHandlers(onFocus, inputHandleFocus), _eventHandlers);
       }
-      return _extends$3((_extends5 = {}, _extends5[refKey] = handleRefs(ref, function(inputNode) {
+      return _extends$1((_extends5 = {}, _extends5[refKey] = handleRefs(ref, function(inputNode) {
         inputRef.current = inputNode;
       }), _extends5["aria-activedescendant"] = latestState.isOpen && latestState.highlightedIndex > -1 ? elementIds.getItemId(latestState.highlightedIndex) : "", _extends5["aria-autocomplete"] = "list", _extends5["aria-controls"] = elementIds.menuId, _extends5["aria-expanded"] = latestState.isOpen, _extends5["aria-labelledby"] = rest && rest["aria-label"] ? void 0 : "" + elementIds.labelId, _extends5.autoComplete = "off", _extends5.id = elementIds.inputId, _extends5.role = "combobox", _extends5.value = latestState.inputValue, _extends5), eventHandlers, rest);
     }, [setGetterPropCallInfo, latest, elementIds, inputKeyDownHandlers, dispatch2, mouseAndTouchTrackersRef, environment]);
@@ -36740,6 +36764,12 @@ var __privateSet = (obj, member, value, setter) => {
     }
     return target;
   }
+  function _assertThisInitialized$2(self2) {
+    if (self2 === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self2;
+  }
   function _inherits$1(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
       throw new TypeError("Super expression must either be null or a function");
@@ -36755,7 +36785,28 @@ var __privateSet = (obj, member, value, setter) => {
       writable: false
     });
     if (superClass)
-      _setPrototypeOf$4(subClass, superClass);
+      _setPrototypeOf$5(subClass, superClass);
+  }
+  function _getPrototypeOf$1(o2) {
+    _getPrototypeOf$1 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf2(o3) {
+      return o3.__proto__ || Object.getPrototypeOf(o3);
+    };
+    return _getPrototypeOf$1(o2);
+  }
+  function _isNativeReflectConstruct$1() {
+    if (typeof Reflect === "undefined" || !Reflect.construct)
+      return false;
+    if (Reflect.construct.sham)
+      return false;
+    if (typeof Proxy === "function")
+      return true;
+    try {
+      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
+      }));
+      return true;
+    } catch (e3) {
+      return false;
+    }
   }
   function _possibleConstructorReturn$1(self2, call) {
     if (call && (_typeof(call) === "object" || typeof call === "function")) {
@@ -41457,15 +41508,21 @@ var __privateSet = (obj, member, value, setter) => {
                             background-color: ${(props) => curriedTransparentize$2(0.6, props.theme.colors.primary)};
                         }
                     }
-
+                
                     &.react-datepicker__day--in-range {
                         color: ${(props) => props.theme.colors.blue1};
-                        background-color: ${(props) => props.theme.colors.primary};
+                        background-color: ${(props) => curriedTransparentize$2(0.2, props.theme.colors.primary)};
                     }
 
                     &.react-datepicker__day--in-selecting-range {
                         color: ${(props) => props.theme.colors.blue1};
-                        background-color: ${(props) => curriedTransparentize$2(0.2, props.theme.colors.primary)};
+                        background-color: ${(props) => props.theme.colors.primary};
+                    }
+
+                    &.react-datepicker__day--selecting-range-end {
+                        font-weight: normal;
+                        color: ${(props) => props.theme.colors.blue1};
+                        background-color: ${(props) => props.theme.colors.primary};
                     }
 
                     &.react-datepicker__day--disabled {
@@ -41686,15 +41743,21 @@ var __privateSet = (obj, member, value, setter) => {
     const formatToApply = (_b = props.dateFormat) !== null && _b !== void 0 ? _b : "dd/MM/yyyy";
     const [startDate, setStartDate] = React.useState(() => getInitialDate(value, formatToApply, true));
     const [endDate, setEndDate] = React.useState(() => getInitialDate(value, formatToApply, false));
+    const [isSelectingStart, setIsSelectingStart] = React.useState(null);
     const selectedDateRef = React.useRef(selectedDate);
     selectedDateRef.current = selectedDate;
     const datepickerRef = React.useRef(null);
     const extraProps = React.useMemo(() => {
       if (props.selectsRange) {
         const selectedDates = selectedDate !== null && selectedDate !== void 0 ? selectedDate : [null, null];
+        let { minDate } = props;
+        if (!isSelectingStart) {
+          const [currentStartDate] = selectedDates;
+          minDate = currentStartDate;
+        }
         return {
           endDate: selectedDates[1],
-          selectsRange: true,
+          minDate,
           startDate: selectedDates[0]
         };
       }
@@ -41705,15 +41768,30 @@ var __privateSet = (obj, member, value, setter) => {
       return {
         selected: date2
       };
-    }, [props.selectsRange, selectedDate]);
+    }, [selectedDate, isSelectingStart, props]);
     const onChangeDate = (date2) => {
-      setSelectedDate(date2);
-      if (Array.isArray(date2)) {
-        setStartDate(date2[0] ? format$1(date2[0], formatToApply) : "");
-        setEndDate(date2[1] ? format$1(date2[1], formatToApply) : "");
-        return;
+      var _a2;
+      if (props.shouldCloseOnSelect) {
+        (_a2 = datepickerRef.current) === null || _a2 === void 0 ? void 0 : _a2.setOpen(false);
+      }
+      if (props.selectsRange) {
+        let currentStartDate;
+        let currentEndDate;
+        if (isSelectingStart) {
+          currentStartDate = date2;
+          currentEndDate = Array.isArray(selectedDate) ? selectedDate[1] : null;
+          currentEndDate = currentEndDate && currentEndDate > date2 ? currentEndDate : date2;
+        } else {
+          currentStartDate = Array.isArray(selectedDate) ? selectedDate[0] : null;
+          currentEndDate = date2;
+        }
+        setStartDate(format$1(currentStartDate, formatToApply));
+        setEndDate(format$1(currentEndDate, formatToApply));
+        setSelectedDate([currentStartDate, currentEndDate]);
+      } else {
+        setSelectedDate(date2);
+        setStartDate(format$1(date2, formatToApply));
       }
-      setStartDate(format$1(date2, formatToApply));
     };
     const onChangeDateInput = (isStartDate, e3) => {
       var _a2;
@@ -41793,9 +41871,11 @@ var __privateSet = (obj, member, value, setter) => {
       onChangeDateInput(true, e3);
     }, onClick: () => {
       var _a2;
+      setIsSelectingStart(true);
       (_a2 = datepickerRef.current) === null || _a2 === void 0 ? void 0 : _a2.setOpen(true);
     }, onFocus: () => {
       var _a2;
+      setIsSelectingStart(true);
       (_a2 = datepickerRef.current) === null || _a2 === void 0 ? void 0 : _a2.setOpen(true);
     }, onKeyDown: (e3) => {
       var _a2;
@@ -41806,9 +41886,11 @@ var __privateSet = (obj, member, value, setter) => {
       onChangeDateInput(false, e3);
     }, onClick: () => {
       var _a2;
+      setIsSelectingStart(false);
       (_a2 = datepickerRef.current) === null || _a2 === void 0 ? void 0 : _a2.setOpen(true);
     }, onFocus: () => {
       var _a2;
+      setIsSelectingStart(false);
       (_a2 = datepickerRef.current) === null || _a2 === void 0 ? void 0 : _a2.setOpen(true);
     }, onKeyDown: (e3) => {
       var _a2;
@@ -41821,9 +41903,10 @@ var __privateSet = (obj, member, value, setter) => {
       disabled: props.disabled,
       inline: props.inline,
       maxDate: props.maxDate,
-      minDate: props.minDate,
       onChange: onChangeDate,
       ref: datepickerRef,
+      selectsEnd: !isSelectingStart,
+      selectsStart: isSelectingStart,
       shouldCloseOnSelect: props.shouldCloseOnSelect
     }, extraProps, { popperProps: { strategy: (_c = props.popperStrategy) !== null && _c !== void 0 ? _c : "absolute" }, renderCustomHeader: (headerProps) => jsxRuntime.exports.jsx(DatePickerHeader, Object.assign({}, headerProps, { maxDate: props.maxDate, minDate: props.minDate, portalsRef: props.portalsRef, selectItemClass: props.selectItemClass })) }))] }) }) });
   }
@@ -47518,11 +47601,11 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       function List2(props) {
         var _this;
         _this = _PureComponent.call(this, props) || this;
-        _this._instanceProps = initInstanceProps(_this.props, _assertThisInitialized$2(_assertThisInitialized$2(_this)));
+        _this._instanceProps = initInstanceProps(_this.props, _assertThisInitialized$3(_assertThisInitialized$3(_this)));
         _this._outerRef = void 0;
         _this._resetIsScrollingTimeoutId = null;
         _this.state = {
-          instance: _assertThisInitialized$2(_assertThisInitialized$2(_this)),
+          instance: _assertThisInitialized$3(_assertThisInitialized$3(_this)),
           isScrolling: false,
           scrollDirection: "forward",
           scrollOffset: typeof _this.props.initialScrollOffset === "number" ? _this.props.initialScrollOffset : 0,
@@ -47736,7 +47819,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
           className,
           onScroll,
           ref: this._outerRefSetter,
-          style: _extends$3({
+          style: _extends$1({
             position: "relative",
             height,
             width,
@@ -47888,8 +47971,8 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     return false;
   }
   function areEqual(prevProps, nextProps) {
-    var prevStyle = prevProps.style, prevRest = _objectWithoutPropertiesLoose$5(prevProps, ["style"]);
-    var nextStyle = nextProps.style, nextRest = _objectWithoutPropertiesLoose$5(nextProps, ["style"]);
+    var prevStyle = prevProps.style, prevRest = _objectWithoutPropertiesLoose$3(prevProps, ["style"]);
+    var nextStyle = nextProps.style, nextRest = _objectWithoutPropertiesLoose$3(nextProps, ["style"]);
     return !shallowDiffers(prevStyle, nextStyle) && !shallowDiffers(prevRest, nextRest);
   }
   const GlobalStyle = styled.createGlobalStyle`
@@ -50181,8 +50264,59 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     }
     return DelayMessage2;
   }();
+  function _isNativeFunction(fn) {
+    try {
+      return Function.toString.call(fn).indexOf("[native code]") !== -1;
+    } catch (e3) {
+      return typeof fn === "function";
+    }
+  }
+  function _construct(Parent, args, Class) {
+    if (_isNativeReflectConstruct$1()) {
+      _construct = Reflect.construct.bind();
+    } else {
+      _construct = function _construct2(Parent2, args2, Class2) {
+        var a2 = [null];
+        a2.push.apply(a2, args2);
+        var Constructor = Function.bind.apply(Parent2, a2);
+        var instance = new Constructor();
+        if (Class2)
+          _setPrototypeOf$5(instance, Class2.prototype);
+        return instance;
+      };
+    }
+    return _construct.apply(null, arguments);
+  }
+  function _wrapNativeSuper(Class) {
+    var _cache = typeof Map === "function" ? /* @__PURE__ */ new Map() : void 0;
+    _wrapNativeSuper = function _wrapNativeSuper2(Class2) {
+      if (Class2 === null || !_isNativeFunction(Class2))
+        return Class2;
+      if (typeof Class2 !== "function") {
+        throw new TypeError("Super expression must either be null or a function");
+      }
+      if (typeof _cache !== "undefined") {
+        if (_cache.has(Class2))
+          return _cache.get(Class2);
+        _cache.set(Class2, Wrapper2);
+      }
+      function Wrapper2() {
+        return _construct(Class2, arguments, _getPrototypeOf$1(this).constructor);
+      }
+      Wrapper2.prototype = Object.create(Class2.prototype, {
+        constructor: {
+          value: Wrapper2,
+          enumerable: false,
+          writable: true,
+          configurable: true
+        }
+      });
+      return _setPrototypeOf$5(Wrapper2, Class2);
+    };
+    return _wrapNativeSuper(Class);
+  }
   var PolishedError = /* @__PURE__ */ function(_Error) {
-    _inheritsLoose$1(PolishedError2, _Error);
+    _inheritsLoose$2(PolishedError2, _Error);
     function PolishedError2(code) {
       var _this;
       {
@@ -50539,11 +50673,11 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     if (weight === 0)
       return otherColor;
     var parsedColor1 = parseToRgb(color);
-    var color1 = _extends$3({}, parsedColor1, {
+    var color1 = _extends$4({}, parsedColor1, {
       alpha: typeof parsedColor1.alpha === "number" ? parsedColor1.alpha : 1
     });
     var parsedColor2 = parseToRgb(otherColor);
-    var color2 = _extends$3({}, parsedColor2, {
+    var color2 = _extends$4({}, parsedColor2, {
       alpha: typeof parsedColor2.alpha === "number" ? parsedColor2.alpha : 1
     });
     var alphaDelta = color1.alpha - color2.alpha;
@@ -50567,7 +50701,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       return color;
     var parsedColor = parseToRgb(color);
     var alpha = typeof parsedColor.alpha === "number" ? parsedColor.alpha : 1;
-    var colorWithAlpha = _extends$3({}, parsedColor, {
+    var colorWithAlpha = _extends$4({}, parsedColor, {
       alpha: guard(0, 1, +(alpha * 100 - parseFloat(amount) * 100).toFixed(2) / 100)
     });
     return rgba(colorWithAlpha);
@@ -50617,8 +50751,8 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     display: -webkit-box; /* stylelint-disable-line value-no-vendor-prefix */
 
     font-weight: 400;
-    text-overflow: ellipsis;
     line-height: 1.25rem;
+    text-overflow: ellipsis;
 
     -webkit-box-orient: vertical;
     -webkit-line-clamp: ${(props) => props.moreDetailsShown ? 1 : 2};
@@ -50633,12 +50767,16 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     }
 `;
   const MoreDetailsButton = styled__default.default.button`
-    color: ${() => theme.colors.grey4};
-    border: none;
-    background: transparent;
     cursor: pointer;
+
     display: flex;
+
     padding-left: 0;
+
+    color: ${() => theme.colors.grey4};
+
+    background: transparent;
+    border: none;
     :hover {
         text-decoration: underline;
     }
@@ -51374,7 +51512,8 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     __proto__: null,
     NotificationWrapper,
     NotificationContext,
-    useNotifications
+    useNotifications,
+    Notification
   }, Symbol.toStringTag, { value: "Module" }));
   function cleanSessionCache(sessionToken) {
     for (const storage of [sessionStorage, localStorage]) {
@@ -58320,11 +58459,12 @@ Inferred class string: "${iconClasses}."`
     return fallbackComponent;
   }
   function DynamicComponent(props) {
-    var _a, _b, _c, _d, _e2;
+    var _a, _b, _c, _d, _e2, _f;
     const [isLoading, setIsLoading] = React.useState(true);
     const [component, setComponent] = React.useState();
     const { get: getComponent } = useComponentRegistry();
     const importers = React.useContext(importersCtx);
+    const fallbackCtx$1 = React.useContext(fallbackCtx);
     const firstRender = React.useRef(true);
     if (firstRender.current) {
       if (hasTemplateMarkers(props.component)) {
@@ -58372,6 +58512,7 @@ Inferred class string: "${iconClasses}."`
     if (isLoading) {
       return null;
     }
+    const suspend = (_f = (_e2 = (_d = (_c = (_b = (_a = props.component) == null ? void 0 : _a.props) == null ? void 0 : _b.fallback) == null ? void 0 : _c.props) == null ? void 0 : _d.suspend_render) != null ? _e2 : fallbackCtx$1 == null ? void 0 : fallbackCtx$1.suspend) != null ? _f : 200;
     return /* @__PURE__ */ React__default.default.createElement(
       ErrorBoundary,
       {
@@ -58381,7 +58522,7 @@ Inferred class string: "${iconClasses}."`
         },
         onReset: onResetErrorBoundary
       },
-      /* @__PURE__ */ React__default.default.createElement(fallbackCtx.Provider, { value: { suspend: (_e2 = (_d = (_c = (_b = (_a = props.component) == null ? void 0 : _a.props) == null ? void 0 : _b.fallback) == null ? void 0 : _c.props) == null ? void 0 : _d.suspend_render) != null ? _e2 : 200 } }, /* @__PURE__ */ React__default.default.createElement(variablesCtx.Provider, { value: { variables } }, /* @__PURE__ */ React__default.default.createElement(React.Suspense, { fallback }, component)))
+      /* @__PURE__ */ React__default.default.createElement(fallbackCtx.Provider, { value: { suspend } }, /* @__PURE__ */ React__default.default.createElement(variablesCtx.Provider, { value: { variables } }, /* @__PURE__ */ React__default.default.createElement(React.Suspense, { fallback }, component)))
     );
   }
   function PythonWrapper(props) {
@@ -84949,7 +85090,7 @@ Inferred class string: "${iconClasses}."`
     var _class;
     var getItemOffset = _ref2.getItemOffset, getEstimatedTotalSize2 = _ref2.getEstimatedTotalSize, getItemSize = _ref2.getItemSize, getOffsetForIndexAndAlignment = _ref2.getOffsetForIndexAndAlignment, getStartIndexForOffset = _ref2.getStartIndexForOffset, getStopIndexForStartIndex = _ref2.getStopIndexForStartIndex, initInstanceProps = _ref2.initInstanceProps, shouldResetStyleCacheOnItemSizeChange = _ref2.shouldResetStyleCacheOnItemSizeChange, validateProps = _ref2.validateProps;
     return _class = /* @__PURE__ */ function(_PureComponent) {
-      _inheritsLoose$1(List2, _PureComponent);
+      _inheritsLoose$2(List2, _PureComponent);
       function List2(props) {
         var _this;
         _this = _PureComponent.call(this, props) || this;
@@ -85180,7 +85321,7 @@ Inferred class string: "${iconClasses}."`
           className,
           onScroll,
           ref: this._outerRefSetter,
-          style: _extends$3({
+          style: _extends$4({
             position: "relative",
             height,
             width,