@darajs/core 1.4.4 → 1.4.5

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

@@ -31,8 +31,8 @@ var __publicField = (obj, key, value) => {
   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) {
@@ -43,7 +43,7 @@ var __publicField = (obj, key, value) => {
       }
       return target;
     };
-    return _extends$3.apply(this, arguments);
+    return _extends$4.apply(this, arguments);
   }
   function isAbsolute(pathname) {
     return pathname.charAt(0) === "/";
@@ -187,7 +187,7 @@ var __publicField = (obj, key, value) => {
       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) {
@@ -338,7 +338,7 @@ var __publicField = (obj, key, value) => {
     }
     var transitionManager = createTransitionManager();
     function setState(nextState) {
-      _extends$3(history2, nextState);
+      _extends$4(history2, nextState);
       history2.length = globalHistory.length;
       transitionManager.notifyListeners(history2.location, history2.action);
     }
@@ -562,7 +562,7 @@ var __publicField = (obj, key, value) => {
     }
     var transitionManager = createTransitionManager();
     function setState(nextState) {
-      _extends$3(history2, nextState);
+      _extends$4(history2, nextState);
       history2.length = globalHistory.length;
       transitionManager.notifyListeners(history2.location, history2.action);
     }
@@ -749,7 +749,7 @@ var __publicField = (obj, key, value) => {
     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);
     }
@@ -859,17 +859,17 @@ var __publicField = (obj, key, value) => {
     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";
@@ -1265,7 +1265,7 @@ var __publicField = (obj, key, value) => {
       module2.exports = reactIs_production_min$1;
     }
   })(reactIs$2);
-  function _objectWithoutPropertiesLoose$6(source, excluded) {
+  function _objectWithoutPropertiesLoose$7(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -1403,7 +1403,7 @@ var __publicField = (obj, key, value) => {
     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++) {
@@ -1441,7 +1441,7 @@ var __publicField = (obj, key, value) => {
     }(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++) {
@@ -1506,7 +1506,7 @@ var __publicField = (obj, key, value) => {
   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: "/",
@@ -1575,7 +1575,7 @@ var __publicField = (obj, key, value) => {
     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++) {
@@ -1595,7 +1595,7 @@ var __publicField = (obj, key, value) => {
     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;
     }
@@ -1671,7 +1671,7 @@ var __publicField = (obj, key, value) => {
       !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) {
@@ -1684,7 +1684,7 @@ var __publicField = (obj, key, value) => {
         },
         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);
@@ -1757,7 +1757,7 @@ var __publicField = (obj, key, value) => {
     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;
     }
@@ -1768,7 +1768,7 @@ var __publicField = (obj, key, value) => {
         !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
         });
@@ -1789,7 +1789,7 @@ var __publicField = (obj, key, value) => {
   function addBasename(basename, location2) {
     if (!basename)
       return location2;
-    return _extends$3({}, location2, {
+    return _extends$4({}, location2, {
       pathname: addLeadingSlash(basename) + location2.pathname
     });
   }
@@ -1799,7 +1799,7 @@ var __publicField = (obj, key, value) => {
     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)
     });
   }
@@ -1814,7 +1814,7 @@ var __publicField = (obj, key, value) => {
   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++) {
@@ -1843,7 +1843,7 @@ var __publicField = (obj, key, value) => {
       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$6(_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$7(_this$props2, ["basename", "context", "location"]);
       var history2 = {
         createHref: function createHref(path) {
           return addLeadingSlash(basename + createURL(path));
@@ -1858,7 +1858,7 @@ var __publicField = (obj, key, value) => {
         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
       }));
@@ -1866,7 +1866,7 @@ var __publicField = (obj, key, value) => {
     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;
     }
@@ -1881,7 +1881,7 @@ var __publicField = (obj, key, value) => {
           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;
           }
@@ -1897,10 +1897,10 @@ var __publicField = (obj, key, value) => {
   function withRouter(Component) {
     var displayName = "withRouter(" + (Component.displayName || Component.name) + ")";
     var C2 = function C3(props) {
-      var wrappedComponentRef = props.wrappedComponentRef, remainingProps = _objectWithoutPropertiesLoose$6(props, ["wrappedComponentRef"]);
+      var wrappedComponentRef = props.wrappedComponentRef, remainingProps = _objectWithoutPropertiesLoose$7(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
         }));
       });
@@ -1926,7 +1926,7 @@ var __publicField = (obj, key, value) => {
     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++) {
@@ -1946,7 +1946,7 @@ var __publicField = (obj, key, value) => {
     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++) {
@@ -1982,9 +1982,9 @@ var __publicField = (obj, key, value) => {
     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$6(_ref2, ["innerRef", "navigate", "onClick"]);
+    var innerRef = _ref2.innerRef, navigate = _ref2.navigate, _onClick = _ref2.onClick, rest = _objectWithoutPropertiesLoose$7(_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)
@@ -2007,13 +2007,13 @@ var __publicField = (obj, key, value) => {
     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$6(_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$7(_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);
@@ -2046,7 +2046,7 @@ var __publicField = (obj, key, value) => {
     }).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$6(_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$7(_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;
@@ -2064,9 +2064,9 @@ var __publicField = (obj, key, value) => {
       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,
@@ -10579,8 +10579,8 @@ var __publicField = (obj, key, value) => {
     }
     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) {
@@ -10591,7 +10591,7 @@ var __publicField = (obj, key, value) => {
       }
       return target;
     };
-    return _extends$2.apply(this, arguments);
+    return _extends$3.apply(this, arguments);
   }
   const {
     DefaultValue,
@@ -11855,7 +11855,7 @@ var __publicField = (obj, key, value) => {
     }
     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
     }));
@@ -11948,7 +11948,7 @@ var __publicField = (obj, key, value) => {
       }
     }), [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
     }));
@@ -12195,21 +12195,21 @@ var __publicField = (obj, key, value) => {
     }
     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);
@@ -12223,15 +12223,15 @@ var __publicField = (obj, key, value) => {
     } 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)
@@ -12246,11 +12246,11 @@ var __publicField = (obj, key, value) => {
       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$9(obj, key, value) {
     if (key in obj) {
@@ -12267,10 +12267,10 @@ var __publicField = (obj, key, value) => {
       var _this;
       _classCallCheck$4(this, Collapse2);
       _this = _super.call(this, props);
-      _defineProperty$9(_assertThisInitialized$4(_this), "timeout", void 0);
-      _defineProperty$9(_assertThisInitialized$4(_this), "container", void 0);
-      _defineProperty$9(_assertThisInitialized$4(_this), "content", void 0);
-      _defineProperty$9(_assertThisInitialized$4(_this), "onResize", function() {
+      _defineProperty$9(_assertThisInitialized$5(_this), "timeout", void 0);
+      _defineProperty$9(_assertThisInitialized$5(_this), "container", void 0);
+      _defineProperty$9(_assertThisInitialized$5(_this), "content", void 0);
+      _defineProperty$9(_assertThisInitialized$5(_this), "onResize", function() {
         clearTimeout(_this.timeout);
         if (!_this.container || !_this.content) {
           return;
@@ -12301,7 +12301,7 @@ var __publicField = (obj, key, value) => {
           }, checkTimeout);
         }
       });
-      _defineProperty$9(_assertThisInitialized$4(_this), "onRest", function(_ref2) {
+      _defineProperty$9(_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;
@@ -12323,7 +12323,7 @@ var __publicField = (obj, key, value) => {
           }
         }
       });
-      _defineProperty$9(_assertThisInitialized$4(_this), "onWork", function(_ref2) {
+      _defineProperty$9(_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;
@@ -12346,10 +12346,10 @@ var __publicField = (obj, key, value) => {
           });
         }
       });
-      _defineProperty$9(_assertThisInitialized$4(_this), "onRefContainer", function(container) {
+      _defineProperty$9(_assertThisInitialized$5(_this), "onRefContainer", function(container) {
         _this.container = container;
       });
-      _defineProperty$9(_assertThisInitialized$4(_this), "onRefContent", function(content) {
+      _defineProperty$9(_assertThisInitialized$5(_this), "onRefContent", function(content) {
         _this.content = content;
       });
       if (props.initialStyle) {
@@ -12452,8 +12452,8 @@ var __publicField = (obj, key, value) => {
   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) {
@@ -12464,7 +12464,7 @@ var __publicField = (obj, key, value) => {
       }
       return target;
     };
-    return _extends$1.apply(this, arguments);
+    return _extends$2.apply(this, arguments);
   }
   function ownKeys$5(object2, enumerableOnly) {
     var keys2 = Object.keys(object2);
@@ -12499,7 +12499,7 @@ var __publicField = (obj, key, value) => {
   function _objectWithoutProperties$3(source, excluded) {
     if (source == null)
       return {};
-    var target = _objectWithoutPropertiesLoose$5(source, excluded);
+    var target = _objectWithoutPropertiesLoose$6(source, excluded);
     var key, i2;
     if (Object.getOwnPropertySymbols) {
       var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -12514,7 +12514,7 @@ var __publicField = (obj, key, value) => {
     }
     return target;
   }
-  function _objectWithoutPropertiesLoose$5(source, excluded) {
+  function _objectWithoutPropertiesLoose$6(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -12556,21 +12556,21 @@ var __publicField = (obj, key, value) => {
     }
     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);
@@ -12584,15 +12584,15 @@ var __publicField = (obj, key, value) => {
     } 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)
@@ -12607,11 +12607,11 @@ var __publicField = (obj, key, value) => {
       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$8(obj, key, value) {
     if (key in obj) {
@@ -12628,7 +12628,7 @@ var __publicField = (obj, key, value) => {
       var _this;
       _classCallCheck$3(this, UnmountClosed2);
       _this = _super.call(this, props);
-      _defineProperty$8(_assertThisInitialized$3(_this), "onWork", function(_ref2) {
+      _defineProperty$8(_assertThisInitialized$4(_this), "onWork", function(_ref2) {
         var isOpened = _ref2.isOpened, rest = _objectWithoutProperties$3(_ref2, _excluded$5);
         _this.setState({
           isResting: false,
@@ -12641,7 +12641,7 @@ var __publicField = (obj, key, value) => {
           }, rest));
         }
       });
-      _defineProperty$8(_assertThisInitialized$3(_this), "onRest", function(_ref2) {
+      _defineProperty$8(_assertThisInitialized$4(_this), "onRest", function(_ref2) {
         var isOpened = _ref2.isOpened, rest = _objectWithoutProperties$3(_ref2, _excluded2);
         _this.setState({
           isResting: true,
@@ -12655,7 +12655,7 @@ var __publicField = (obj, key, value) => {
           }, rest));
         }
       });
-      _defineProperty$8(_assertThisInitialized$3(_this), "getInitialStyle", function() {
+      _defineProperty$8(_assertThisInitialized$4(_this), "getInitialStyle", function() {
         var _this$state = _this.state, isOpened = _this$state.isOpened, isInitialRender = _this$state.isInitialRender;
         if (isInitialRender) {
           return isOpened ? {
@@ -12694,7 +12694,7 @@ var __publicField = (obj, key, value) => {
       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
@@ -15323,7 +15323,7 @@ var __publicField = (obj, key, value) => {
     }
     return obj;
   }
-  function _objectWithoutPropertiesLoose$4(source, excluded) {
+  function _objectWithoutPropertiesLoose$5(source, excluded) {
     if (source == null)
       return {};
     var target = {};
@@ -15340,7 +15340,7 @@ var __publicField = (obj, key, value) => {
   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);
@@ -17421,22 +17421,52 @@ var __publicField = (obj, key, value) => {
     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) {
-    return Function.toString.call(fn).indexOf("[native code]") !== -1;
+  function _isNativeFunction$1(fn) {
+    try {
+      return Function.toString.call(fn).indexOf("[native code]") !== -1;
+    } catch (e3) {
+      return typeof fn === "function";
+    }
   }
-  function _isNativeReflectConstruct$1() {
+  function _isNativeReflectConstruct$2() {
     if (typeof Reflect === "undefined" || !Reflect.construct)
       return false;
     if (Reflect.construct.sham)
@@ -17451,26 +17481,26 @@ var __publicField = (obj, key, value) => {
       return false;
     }
   }
-  function _construct(Parent, args, Class) {
-    if (_isNativeReflectConstruct$1()) {
-      _construct = Reflect.construct.bind();
+  function _construct$1(Parent, args, Class) {
+    if (_isNativeReflectConstruct$2()) {
+      _construct$1 = Reflect.construct.bind();
     } else {
-      _construct = function _construct2(Parent2, args2, Class2) {
+      _construct$1 = 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);
+          _setPrototypeOf$2(instance, Class2.prototype);
         return instance;
       };
     }
-    return _construct.apply(null, arguments);
+    return _construct$1.apply(null, arguments);
   }
-  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");
@@ -17481,7 +17511,7 @@ var __publicField = (obj, key, value) => {
         _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: {
@@ -17491,9 +17521,9 @@ var __publicField = (obj, key, value) => {
           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);
@@ -17502,10 +17532,10 @@ var __publicField = (obj, key, value) => {
       {
         _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);
   }
@@ -17849,7 +17879,7 @@ var __publicField = (obj, key, value) => {
       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);
@@ -18713,6 +18743,20 @@ var __publicField = (obj, key, value) => {
       setPreviousFilter(filterValue);
     }, children: "Apply" })] });
   }
+  function _objectWithoutPropertiesLoose$4(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
@@ -19243,7 +19287,7 @@ var __publicField = (obj, key, value) => {
       }
     });
     if (props.onStateChange && Object.keys(changes).length) {
-      props.onStateChange(_extends$3({
+      props.onStateChange(_extends$1({
         type
       }, changes));
     }
@@ -19252,7 +19296,7 @@ var __publicField = (obj, key, value) => {
     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));
     }
@@ -19316,7 +19360,7 @@ var __publicField = (obj, key, value) => {
       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;
@@ -19324,7 +19368,7 @@ var __publicField = (obj, key, value) => {
     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]);
@@ -19456,13 +19500,13 @@ var __publicField = (obj, key, value) => {
     return noop$4;
   };
   function useA11yMessageSetter(getA11yMessage, dependencyArray, _ref2) {
-    var isInitialMount = _ref2.isInitialMount, highlightedIndex = _ref2.highlightedIndex, items = _ref2.items, environment = _ref2.environment, rest = _objectWithoutPropertiesLoose$6(_ref2, _excluded$3);
+    var isInitialMount = _ref2.isInitialMount, highlightedIndex = _ref2.highlightedIndex, items = _ref2.items, environment = _ref2.environment, rest = _objectWithoutPropertiesLoose$4(_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
@@ -19492,10 +19536,10 @@ var __publicField = (obj, key, value) => {
       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")
@@ -19556,7 +19600,7 @@ var __publicField = (obj, key, value) => {
       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;
@@ -19752,7 +19796,7 @@ var __publicField = (obj, key, value) => {
         };
         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) && {
@@ -19767,7 +19811,7 @@ var __publicField = (obj, key, value) => {
       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;
@@ -19775,7 +19819,7 @@ var __publicField = (obj, key, value) => {
     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];
@@ -19794,14 +19838,14 @@ var __publicField = (obj, key, value) => {
     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,
@@ -19986,7 +20030,7 @@ var __publicField = (obj, key, value) => {
       });
     }, [dispatch2]);
     var getLabelProps = React.useCallback(function(labelProps) {
-      return _extends$3({
+      return _extends$1({
         id: elementIds.labelId,
         htmlFor: elementIds.toggleButtonId
       }, labelProps);
@@ -19996,7 +20040,7 @@ var __publicField = (obj, key, value) => {
       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$6(_ref2, _excluded$2);
+      var ref = _ref2.ref, rest = _objectWithoutPropertiesLoose$4(_ref2, _excluded$2);
       var _ref22 = _temp2 === void 0 ? {} : _temp2;
       _ref22.suppressRefError;
       var menuHandleMouseLeave = function menuHandleMouseLeave2() {
@@ -20004,7 +20048,7 @@ var __publicField = (obj, key, value) => {
           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]);
@@ -20012,7 +20056,7 @@ var __publicField = (obj, key, value) => {
       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$6(_ref3, _excluded2$2);
+      var onKeyDown = _ref3.onKeyDown, _ref3$refKey = _ref3.refKey, refKey = _ref3$refKey === void 0 ? "ref" : _ref3$refKey, ref = _ref3.ref, rest = _objectWithoutPropertiesLoose$4(_ref3, _excluded2$2);
       var _ref4 = _temp4 === void 0 ? {} : _temp4;
       _ref4.suppressRefError;
       var latestState = latest.current.state;
@@ -20040,7 +20084,7 @@ var __publicField = (obj, key, value) => {
           });
         }
       };
-      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) {
@@ -20055,7 +20099,7 @@ var __publicField = (obj, key, value) => {
       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$6(_ref5, _excluded3$1);
+      var _ref5$refKey = _ref5.refKey, refKey = _ref5$refKey === void 0 ? "ref" : _ref5$refKey, ref = _ref5.ref, disabled2 = _ref5.disabled, rest = _objectWithoutPropertiesLoose$4(_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() {
@@ -20075,7 +20119,7 @@ var __publicField = (obj, key, value) => {
           index: index2
         });
       };
-      var itemProps = _extends$3((_extends4 = {
+      var itemProps = _extends$1((_extends4 = {
         disabled: disabled2,
         role: "option",
         "aria-selected": "" + (item === selectedItem),
@@ -20167,7 +20211,7 @@ var __publicField = (obj, key, value) => {
     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
     });
   }
@@ -20228,7 +20272,7 @@ var __publicField = (obj, key, value) => {
     }, [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;
     },
@@ -20279,7 +20323,7 @@ var __publicField = (obj, key, value) => {
         changes = getChangesOnSelection(props, state.highlightedIndex);
         break;
       case InputKeyDownEscape:
-        changes = _extends$3({
+        changes = _extends$1({
           isOpen: false,
           highlightedIndex: -1
         }, !state.isOpen && {
@@ -20308,7 +20352,7 @@ var __publicField = (obj, key, value) => {
         };
         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 && {
@@ -20343,7 +20387,7 @@ var __publicField = (obj, key, value) => {
       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;
@@ -20351,7 +20395,7 @@ var __publicField = (obj, key, value) => {
     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];
@@ -20370,14 +20414,14 @@ var __publicField = (obj, key, value) => {
     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,
@@ -20510,17 +20554,17 @@ var __publicField = (obj, key, value) => {
       };
     }, [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$6(_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$4(_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({
@@ -20532,7 +20576,7 @@ var __publicField = (obj, key, value) => {
       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$6(_ref3, _excluded2$1);
+      var disabled2 = _ref3.disabled, rest = _objectWithoutPropertiesLoose$4(_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";
@@ -20557,7 +20601,7 @@ var __publicField = (obj, key, value) => {
       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;
         }
@@ -20570,16 +20614,16 @@ var __publicField = (obj, key, value) => {
       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$6(_ref5, _excluded3);
+      var _ref5$refKey = _ref5.refKey, refKey = _ref5$refKey === void 0 ? "ref" : _ref5$refKey, ref = _ref5.ref, rest = _objectWithoutPropertiesLoose$4(_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]);
@@ -20587,7 +20631,7 @@ var __publicField = (obj, key, value) => {
       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$6(_ref6, _excluded4);
+      var _ref6$refKey = _ref6.refKey, refKey = _ref6$refKey === void 0 ? "ref" : _ref6$refKey, ref = _ref6.ref, rest = _objectWithoutPropertiesLoose$4(_ref6, _excluded4);
       var _ref7 = _temp6 === void 0 ? {} : _temp6;
       _ref7.suppressRefError;
       var latestState = latest.current.state;
@@ -20625,7 +20669,7 @@ var __publicField = (obj, key, value) => {
         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]);
@@ -36706,6 +36750,12 @@ var __publicField = (obj, key, value) => {
     }
     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");
@@ -36721,7 +36771,28 @@ var __publicField = (obj, key, value) => {
       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$1(call) === "object" || typeof call === "function")) {
@@ -47808,11 +47879,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,
@@ -48026,7 +48097,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,
@@ -48178,8 +48249,8 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     return false;
   }
   function areEqual(prevProps, nextProps) {
-    var prevStyle = prevProps.style, prevRest = _objectWithoutPropertiesLoose$6(prevProps, ["style"]);
-    var nextStyle = nextProps.style, nextRest = _objectWithoutPropertiesLoose$6(nextProps, ["style"]);
+    var prevStyle = prevProps.style, prevRest = _objectWithoutPropertiesLoose$4(prevProps, ["style"]);
+    var nextStyle = nextProps.style, nextRest = _objectWithoutPropertiesLoose$4(nextProps, ["style"]);
     return !shallowDiffers(prevStyle, nextStyle) && !shallowDiffers(prevRest, nextRest);
   }
   const GlobalStyle = styled.createGlobalStyle`
@@ -50471,8 +50542,55 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     }
     return DelayMessage2;
   }();
+  function _isNativeFunction(fn) {
+    return Function.toString.call(fn).indexOf("[native code]") !== -1;
+  }
+  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;
       {
@@ -50829,11 +50947,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;
@@ -50857,7 +50975,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);
@@ -92269,7 +92387,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;
@@ -92500,7 +92618,7 @@ Inferred class string: "${iconClasses}."`
           className,
           onScroll,
           ref: this._outerRefSetter,
-          style: _extends$3({
+          style: _extends$4({
             position: "relative",
             height,
             width,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@darajs/core",
-  "version": "1.4.4",
+  "version": "1.4.5",
   "description": "Dara Framework core",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -35,9 +35,9 @@
     "@babel/preset-env": "^7.23.0",
     "@babel/preset-react": "^7.22.15",
     "@babel/preset-typescript": "^7.23.0",
-    "@darajs/eslint-config": "~1.2.1",
-    "@darajs/prettier-config": "~1.2.1",
-    "@darajs/stylelint-config": "~1.2.1",
+    "@darajs/eslint-config": "~1.2.3",
+    "@darajs/prettier-config": "~1.2.3",
+    "@darajs/stylelint-config": "~1.2.3",
     "@rollup/plugin-inject": "^4.0.4",
     "@testing-library/dom": "^9.3.0",
     "@testing-library/jest-dom": "^5.16.5",
@@ -74,10 +74,10 @@
     "whatwg-fetch": "^3.6.2"
   },
   "dependencies": {
-    "@darajs/styled-components": "~1.2.1",
-    "@darajs/ui-components": "~1.2.1",
-    "@darajs/ui-notifications": "~1.2.1",
-    "@darajs/ui-utils": "~1.2.1",
+    "@darajs/styled-components": "~1.2.3",
+    "@darajs/ui-components": "~1.2.3",
+    "@darajs/ui-notifications": "~1.2.3",
+    "@darajs/ui-utils": "~1.2.3",
     "@fortawesome/fontawesome-free": "^6.3.0",
     "@recoiljs/refine": "^0.1.1",
     "@tanstack/query-core": "^4.0.0",
@@ -113,5 +113,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1f8df37ad43fb478ec221611617278e6487dcdfd"
+  "gitHead": "8aea2cd5575eb6a3d371910bf347e64933db0b9e"
 }