@darajs/core 1.8.0 → 1.8.1

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

@@ -879,17 +879,17 @@ var __privateSet = (obj, member, value, setter) => {
     createRoot = m$3.createRoot;
     m$3.hydrateRoot;
   }
-  function _setPrototypeOf$5(o2, p2) {
-    _setPrototypeOf$5 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o3, p3) {
+  function _setPrototypeOf$6(o2, p2) {
+    _setPrototypeOf$6 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o3, p3) {
       o3.__proto__ = p3;
       return o3;
     };
-    return _setPrototypeOf$5(o2, p2);
+    return _setPrototypeOf$6(o2, p2);
   }
   function _inheritsLoose$2(subClass, superClass) {
     subClass.prototype = Object.create(superClass.prototype);
     subClass.prototype.constructor = subClass;
-    _setPrototypeOf$5(subClass, superClass);
+    _setPrototypeOf$6(subClass, superClass);
   }
   var propTypes = { exports: {} };
   var ReactPropTypesSecret$1 = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
@@ -12218,21 +12218,21 @@ var __privateSet = (obj, member, value, setter) => {
     }
     subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } });
     if (superClass)
-      _setPrototypeOf$4(subClass, superClass);
+      _setPrototypeOf$5(subClass, superClass);
   }
-  function _setPrototypeOf$4(o2, p2) {
-    _setPrototypeOf$4 = Object.setPrototypeOf || function _setPrototypeOf2(o3, p3) {
+  function _setPrototypeOf$5(o2, p2) {
+    _setPrototypeOf$5 = Object.setPrototypeOf || function _setPrototypeOf2(o3, p3) {
       o3.__proto__ = p3;
       return o3;
     };
-    return _setPrototypeOf$4(o2, p2);
+    return _setPrototypeOf$5(o2, p2);
   }
   function _createSuper$3(Derived) {
-    var hasNativeReflectConstruct = _isNativeReflectConstruct$4();
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$5();
     return function _createSuperInternal() {
-      var Super = _getPrototypeOf$4(Derived), result;
+      var Super = _getPrototypeOf$5(Derived), result;
       if (hasNativeReflectConstruct) {
-        var NewTarget = _getPrototypeOf$4(this).constructor;
+        var NewTarget = _getPrototypeOf$5(this).constructor;
         result = Reflect.construct(Super, arguments, NewTarget);
       } else {
         result = Super.apply(this, arguments);
@@ -12246,15 +12246,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$5(self2);
+    return _assertThisInitialized$6(self2);
   }
-  function _assertThisInitialized$5(self2) {
+  function _assertThisInitialized$6(self2) {
     if (self2 === void 0) {
       throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     }
     return self2;
   }
-  function _isNativeReflectConstruct$4() {
+  function _isNativeReflectConstruct$5() {
     if (typeof Reflect === "undefined" || !Reflect.construct)
       return false;
     if (Reflect.construct.sham)
@@ -12269,11 +12269,11 @@ var __privateSet = (obj, member, value, setter) => {
       return false;
     }
   }
-  function _getPrototypeOf$4(o2) {
-    _getPrototypeOf$4 = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf2(o3) {
+  function _getPrototypeOf$5(o2) {
+    _getPrototypeOf$5 = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf2(o3) {
       return o3.__proto__ || Object.getPrototypeOf(o3);
     };
-    return _getPrototypeOf$4(o2);
+    return _getPrototypeOf$5(o2);
   }
   function _defineProperty$8(obj, key, value) {
     if (key in obj) {
@@ -12290,10 +12290,10 @@ var __privateSet = (obj, member, value, setter) => {
       var _this;
       _classCallCheck$4(this, Collapse2);
       _this = _super.call(this, props);
-      _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() {
+      _defineProperty$8(_assertThisInitialized$6(_this), "timeout", void 0);
+      _defineProperty$8(_assertThisInitialized$6(_this), "container", void 0);
+      _defineProperty$8(_assertThisInitialized$6(_this), "content", void 0);
+      _defineProperty$8(_assertThisInitialized$6(_this), "onResize", function() {
         clearTimeout(_this.timeout);
         if (!_this.container || !_this.content) {
           return;
@@ -12324,7 +12324,7 @@ var __privateSet = (obj, member, value, setter) => {
           }, checkTimeout);
         }
       });
-      _defineProperty$8(_assertThisInitialized$5(_this), "onRest", function(_ref2) {
+      _defineProperty$8(_assertThisInitialized$6(_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;
@@ -12346,7 +12346,7 @@ var __privateSet = (obj, member, value, setter) => {
           }
         }
       });
-      _defineProperty$8(_assertThisInitialized$5(_this), "onWork", function(_ref2) {
+      _defineProperty$8(_assertThisInitialized$6(_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;
@@ -12369,10 +12369,10 @@ var __privateSet = (obj, member, value, setter) => {
           });
         }
       });
-      _defineProperty$8(_assertThisInitialized$5(_this), "onRefContainer", function(container) {
+      _defineProperty$8(_assertThisInitialized$6(_this), "onRefContainer", function(container) {
         _this.container = container;
       });
-      _defineProperty$8(_assertThisInitialized$5(_this), "onRefContent", function(content) {
+      _defineProperty$8(_assertThisInitialized$6(_this), "onRefContent", function(content) {
         _this.content = content;
       });
       if (props.initialStyle) {
@@ -12579,21 +12579,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$2(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);
@@ -12607,15 +12607,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)
@@ -12630,11 +12630,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$7(obj, key, value) {
     if (key in obj) {
@@ -12651,7 +12651,7 @@ var __privateSet = (obj, member, value, setter) => {
       var _this;
       _classCallCheck$3(this, UnmountClosed2);
       _this = _super.call(this, props);
-      _defineProperty$7(_assertThisInitialized$4(_this), "onWork", function(_ref2) {
+      _defineProperty$7(_assertThisInitialized$5(_this), "onWork", function(_ref2) {
         var isOpened = _ref2.isOpened, rest = _objectWithoutProperties$2(_ref2, _excluded$5);
         _this.setState({
           isResting: false,
@@ -12664,7 +12664,7 @@ var __privateSet = (obj, member, value, setter) => {
           }, rest));
         }
       });
-      _defineProperty$7(_assertThisInitialized$4(_this), "onRest", function(_ref2) {
+      _defineProperty$7(_assertThisInitialized$5(_this), "onRest", function(_ref2) {
         var isOpened = _ref2.isOpened, rest = _objectWithoutProperties$2(_ref2, _excluded2$3);
         _this.setState({
           isResting: true,
@@ -12678,7 +12678,7 @@ var __privateSet = (obj, member, value, setter) => {
           }, rest));
         }
       });
-      _defineProperty$7(_assertThisInitialized$4(_this), "getInitialStyle", function() {
+      _defineProperty$7(_assertThisInitialized$5(_this), "getInitialStyle", function() {
         var _this$state = _this.state, isOpened = _this$state.isOpened, isInitialRender = _this$state.isInitialRender;
         if (isInitialRender) {
           return isOpened ? {
@@ -17471,29 +17471,29 @@ var __privateSet = (obj, member, value, setter) => {
     };
     return _extends$1.apply(this, arguments);
   }
-  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 _setPrototypeOf$2(o2, p2) {
-    _setPrototypeOf$2 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o3, p3) {
+  function _setPrototypeOf$3(o2, p2) {
+    _setPrototypeOf$3 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o3, p3) {
       o3.__proto__ = p3;
       return o3;
     };
-    return _setPrototypeOf$2(o2, p2);
+    return _setPrototypeOf$3(o2, p2);
   }
   function _inheritsLoose$1(subClass, superClass) {
     subClass.prototype = Object.create(superClass.prototype);
     subClass.prototype.constructor = subClass;
-    _setPrototypeOf$2(subClass, superClass);
+    _setPrototypeOf$3(subClass, superClass);
   }
-  function _getPrototypeOf$2(o2) {
-    _getPrototypeOf$2 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf2(o3) {
+  function _getPrototypeOf$3(o2) {
+    _getPrototypeOf$3 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf2(o3) {
       return o3.__proto__ || Object.getPrototypeOf(o3);
     };
-    return _getPrototypeOf$2(o2);
+    return _getPrototypeOf$3(o2);
   }
   function _isNativeFunction$1(fn) {
     try {
@@ -17502,23 +17502,23 @@ var __privateSet = (obj, member, value, setter) => {
       return typeof fn === "function";
     }
   }
-  function _isNativeReflectConstruct$2() {
+  function _isNativeReflectConstruct$3() {
     try {
       var t2 = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
       }));
     } catch (t3) {
     }
-    return (_isNativeReflectConstruct$2 = function _isNativeReflectConstruct2() {
+    return (_isNativeReflectConstruct$3 = function _isNativeReflectConstruct2() {
       return !!t2;
     })();
   }
   function _construct$1(t2, e3, r2) {
-    if (_isNativeReflectConstruct$2())
+    if (_isNativeReflectConstruct$3())
       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;
+    return r2 && _setPrototypeOf$3(p2, r2.prototype), p2;
   }
   function _wrapNativeSuper$1(Class) {
     var _cache = typeof Map === "function" ? /* @__PURE__ */ new Map() : void 0;
@@ -17534,7 +17534,7 @@ var __privateSet = (obj, member, value, setter) => {
         _cache.set(Class2, Wrapper2);
       }
       function Wrapper2() {
-        return _construct$1(Class2, arguments, _getPrototypeOf$2(this).constructor);
+        return _construct$1(Class2, arguments, _getPrototypeOf$3(this).constructor);
       }
       Wrapper2.prototype = Object.create(Class2.prototype, {
         constructor: {
@@ -17544,30 +17544,30 @@ var __privateSet = (obj, member, value, setter) => {
           configurable: true
         }
       });
-      return _setPrototypeOf$2(Wrapper2, Class2);
+      return _setPrototypeOf$3(Wrapper2, Class2);
     };
     return _wrapNativeSuper$1(Class);
   }
-  var PolishedError$2 = /* @__PURE__ */ function(_Error) {
+  var PolishedError$1 = /* @__PURE__ */ function(_Error) {
     _inheritsLoose$1(PolishedError2, _Error);
     function PolishedError2(code) {
       var _this;
       {
         _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$3(_this);
+      return _assertThisInitialized$4(_this);
     }
     return PolishedError2;
   }(/* @__PURE__ */ _wrapNativeSuper$1(Error));
-  function colorToInt$2(color) {
+  function colorToInt$1(color) {
     return Math.round(color * 255);
   }
-  function convertToInt$2(red, green, blue) {
-    return colorToInt$2(red) + "," + colorToInt$2(green) + "," + colorToInt$2(blue);
+  function convertToInt$1(red, green, blue) {
+    return colorToInt$1(red) + "," + colorToInt$1(green) + "," + colorToInt$1(blue);
   }
-  function hslToRgb$2(hue, saturation, lightness, convert2) {
+  function hslToRgb$1(hue, saturation, lightness, convert2) {
     if (convert2 === void 0) {
-      convert2 = convertToInt$2;
+      convert2 = convertToInt$1;
     }
     if (saturation === 0) {
       return convert2(lightness, lightness, lightness);
@@ -17603,7 +17603,7 @@ var __privateSet = (obj, member, value, setter) => {
     var finalBlue = blue + lightnessModification;
     return convert2(finalRed, finalGreen, finalBlue);
   }
-  var namedColorMap$2 = {
+  var namedColorMap$1 = {
     aliceblue: "f0f8ff",
     antiquewhite: "faebd7",
     aqua: "00ffff",
@@ -17753,33 +17753,33 @@ var __privateSet = (obj, member, value, setter) => {
     yellow: "ff0",
     yellowgreen: "9acd32"
   };
-  function nameToHex$2(color) {
+  function nameToHex$1(color) {
     if (typeof color !== "string")
       return color;
     var normalizedColorName = color.toLowerCase();
-    return namedColorMap$2[normalizedColorName] ? "#" + namedColorMap$2[normalizedColorName] : color;
-  }
-  var hexRegex$2 = /^#[a-fA-F0-9]{6}$/;
-  var hexRgbaRegex$2 = /^#[a-fA-F0-9]{8}$/;
-  var reducedHexRegex$2 = /^#[a-fA-F0-9]{3}$/;
-  var reducedRgbaHexRegex$2 = /^#[a-fA-F0-9]{4}$/;
-  var rgbRegex$2 = /^rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)$/i;
-  var rgbaRegex$2 = /^rgba\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*([-+]?[0-9]*[.]?[0-9]+)\s*\)$/i;
-  var hslRegex$2 = /^hsl\(\s*(\d{0,3}[.]?[0-9]+)\s*,\s*(\d{1,3}[.]?[0-9]?)%\s*,\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i;
-  var hslaRegex$2 = /^hsla\(\s*(\d{0,3}[.]?[0-9]+)\s*,\s*(\d{1,3}[.]?[0-9]?)%\s*,\s*(\d{1,3}[.]?[0-9]?)%\s*,\s*([-+]?[0-9]*[.]?[0-9]+)\s*\)$/i;
-  function parseToRgb$2(color) {
+    return namedColorMap$1[normalizedColorName] ? "#" + namedColorMap$1[normalizedColorName] : color;
+  }
+  var hexRegex$1 = /^#[a-fA-F0-9]{6}$/;
+  var hexRgbaRegex$1 = /^#[a-fA-F0-9]{8}$/;
+  var reducedHexRegex$1 = /^#[a-fA-F0-9]{3}$/;
+  var reducedRgbaHexRegex$1 = /^#[a-fA-F0-9]{4}$/;
+  var rgbRegex$1 = /^rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)$/i;
+  var rgbaRegex$1 = /^rgba\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*([-+]?[0-9]*[.]?[0-9]+)\s*\)$/i;
+  var hslRegex$1 = /^hsl\(\s*(\d{0,3}[.]?[0-9]+)\s*,\s*(\d{1,3}[.]?[0-9]?)%\s*,\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i;
+  var hslaRegex$1 = /^hsla\(\s*(\d{0,3}[.]?[0-9]+)\s*,\s*(\d{1,3}[.]?[0-9]?)%\s*,\s*(\d{1,3}[.]?[0-9]?)%\s*,\s*([-+]?[0-9]*[.]?[0-9]+)\s*\)$/i;
+  function parseToRgb$1(color) {
     if (typeof color !== "string") {
-      throw new PolishedError$2(3);
+      throw new PolishedError$1(3);
     }
-    var normalizedColor = nameToHex$2(color);
-    if (normalizedColor.match(hexRegex$2)) {
+    var normalizedColor = nameToHex$1(color);
+    if (normalizedColor.match(hexRegex$1)) {
       return {
         red: parseInt("" + normalizedColor[1] + normalizedColor[2], 16),
         green: parseInt("" + normalizedColor[3] + normalizedColor[4], 16),
         blue: parseInt("" + normalizedColor[5] + normalizedColor[6], 16)
       };
     }
-    if (normalizedColor.match(hexRgbaRegex$2)) {
+    if (normalizedColor.match(hexRgbaRegex$1)) {
       var alpha = parseFloat((parseInt("" + normalizedColor[7] + normalizedColor[8], 16) / 255).toFixed(2));
       return {
         red: parseInt("" + normalizedColor[1] + normalizedColor[2], 16),
@@ -17788,14 +17788,14 @@ var __privateSet = (obj, member, value, setter) => {
         alpha
       };
     }
-    if (normalizedColor.match(reducedHexRegex$2)) {
+    if (normalizedColor.match(reducedHexRegex$1)) {
       return {
         red: parseInt("" + normalizedColor[1] + normalizedColor[1], 16),
         green: parseInt("" + normalizedColor[2] + normalizedColor[2], 16),
         blue: parseInt("" + normalizedColor[3] + normalizedColor[3], 16)
       };
     }
-    if (normalizedColor.match(reducedRgbaHexRegex$2)) {
+    if (normalizedColor.match(reducedRgbaHexRegex$1)) {
       var _alpha = parseFloat((parseInt("" + normalizedColor[4] + normalizedColor[4], 16) / 255).toFixed(2));
       return {
         red: parseInt("" + normalizedColor[1] + normalizedColor[1], 16),
@@ -17804,7 +17804,7 @@ var __privateSet = (obj, member, value, setter) => {
         alpha: _alpha
       };
     }
-    var rgbMatched = rgbRegex$2.exec(normalizedColor);
+    var rgbMatched = rgbRegex$1.exec(normalizedColor);
     if (rgbMatched) {
       return {
         red: parseInt("" + rgbMatched[1], 10),
@@ -17812,7 +17812,7 @@ var __privateSet = (obj, member, value, setter) => {
         blue: parseInt("" + rgbMatched[3], 10)
       };
     }
-    var rgbaMatched = rgbaRegex$2.exec(normalizedColor);
+    var rgbaMatched = rgbaRegex$1.exec(normalizedColor);
     if (rgbaMatched) {
       return {
         red: parseInt("" + rgbaMatched[1], 10),
@@ -17821,15 +17821,15 @@ var __privateSet = (obj, member, value, setter) => {
         alpha: parseFloat("" + rgbaMatched[4])
       };
     }
-    var hslMatched = hslRegex$2.exec(normalizedColor);
+    var hslMatched = hslRegex$1.exec(normalizedColor);
     if (hslMatched) {
       var hue = parseInt("" + hslMatched[1], 10);
       var saturation = parseInt("" + hslMatched[2], 10) / 100;
       var lightness = parseInt("" + hslMatched[3], 10) / 100;
-      var rgbColorString = "rgb(" + hslToRgb$2(hue, saturation, lightness) + ")";
-      var hslRgbMatched = rgbRegex$2.exec(rgbColorString);
+      var rgbColorString = "rgb(" + hslToRgb$1(hue, saturation, lightness) + ")";
+      var hslRgbMatched = rgbRegex$1.exec(rgbColorString);
       if (!hslRgbMatched) {
-        throw new PolishedError$2(4, normalizedColor, rgbColorString);
+        throw new PolishedError$1(4, normalizedColor, rgbColorString);
       }
       return {
         red: parseInt("" + hslRgbMatched[1], 10),
@@ -17837,15 +17837,15 @@ var __privateSet = (obj, member, value, setter) => {
         blue: parseInt("" + hslRgbMatched[3], 10)
       };
     }
-    var hslaMatched = hslaRegex$2.exec(normalizedColor);
+    var hslaMatched = hslaRegex$1.exec(normalizedColor);
     if (hslaMatched) {
       var _hue = parseInt("" + hslaMatched[1], 10);
       var _saturation = parseInt("" + hslaMatched[2], 10) / 100;
       var _lightness = parseInt("" + hslaMatched[3], 10) / 100;
-      var _rgbColorString = "rgb(" + hslToRgb$2(_hue, _saturation, _lightness) + ")";
-      var _hslRgbMatched = rgbRegex$2.exec(_rgbColorString);
+      var _rgbColorString = "rgb(" + hslToRgb$1(_hue, _saturation, _lightness) + ")";
+      var _hslRgbMatched = rgbRegex$1.exec(_rgbColorString);
       if (!_hslRgbMatched) {
-        throw new PolishedError$2(4, normalizedColor, _rgbColorString);
+        throw new PolishedError$1(4, normalizedColor, _rgbColorString);
       }
       return {
         red: parseInt("" + _hslRgbMatched[1], 10),
@@ -17854,60 +17854,60 @@ var __privateSet = (obj, member, value, setter) => {
         alpha: parseFloat("" + hslaMatched[4])
       };
     }
-    throw new PolishedError$2(5);
+    throw new PolishedError$1(5);
   }
-  var reduceHexValue$3 = function reduceHexValue2(value) {
+  var reduceHexValue$2 = function reduceHexValue2(value) {
     if (value.length === 7 && value[1] === value[2] && value[3] === value[4] && value[5] === value[6]) {
       return "#" + value[1] + value[3] + value[5];
     }
     return value;
   };
-  function numberToHex$2(value) {
+  function numberToHex$1(value) {
     var hex = value.toString(16);
     return hex.length === 1 ? "0" + hex : hex;
   }
-  function rgb$2(value, green, blue) {
+  function rgb$1(value, green, blue) {
     if (typeof value === "number" && typeof green === "number" && typeof blue === "number") {
-      return reduceHexValue$3("#" + numberToHex$2(value) + numberToHex$2(green) + numberToHex$2(blue));
+      return reduceHexValue$2("#" + numberToHex$1(value) + numberToHex$1(green) + numberToHex$1(blue));
     } else if (typeof value === "object" && green === void 0 && blue === void 0) {
-      return reduceHexValue$3("#" + numberToHex$2(value.red) + numberToHex$2(value.green) + numberToHex$2(value.blue));
+      return reduceHexValue$2("#" + numberToHex$1(value.red) + numberToHex$1(value.green) + numberToHex$1(value.blue));
     }
-    throw new PolishedError$2(6);
+    throw new PolishedError$1(6);
   }
-  function rgba$2(firstValue, secondValue, thirdValue, fourthValue) {
+  function rgba$1(firstValue, secondValue, thirdValue, fourthValue) {
     if (typeof firstValue === "string" && typeof secondValue === "number") {
-      var rgbValue = parseToRgb$2(firstValue);
+      var rgbValue = parseToRgb$1(firstValue);
       return "rgba(" + rgbValue.red + "," + rgbValue.green + "," + rgbValue.blue + "," + secondValue + ")";
     } else if (typeof firstValue === "number" && typeof secondValue === "number" && typeof thirdValue === "number" && typeof fourthValue === "number") {
-      return fourthValue >= 1 ? rgb$2(firstValue, secondValue, thirdValue) : "rgba(" + firstValue + "," + secondValue + "," + thirdValue + "," + fourthValue + ")";
+      return fourthValue >= 1 ? rgb$1(firstValue, secondValue, thirdValue) : "rgba(" + firstValue + "," + secondValue + "," + thirdValue + "," + fourthValue + ")";
     } else if (typeof firstValue === "object" && secondValue === void 0 && thirdValue === void 0 && fourthValue === void 0) {
-      return firstValue.alpha >= 1 ? rgb$2(firstValue.red, firstValue.green, firstValue.blue) : "rgba(" + firstValue.red + "," + firstValue.green + "," + firstValue.blue + "," + firstValue.alpha + ")";
+      return firstValue.alpha >= 1 ? rgb$1(firstValue.red, firstValue.green, firstValue.blue) : "rgba(" + firstValue.red + "," + firstValue.green + "," + firstValue.blue + "," + firstValue.alpha + ")";
     }
-    throw new PolishedError$2(7);
+    throw new PolishedError$1(7);
   }
-  function curried$2(f2, length, acc) {
+  function curried$1(f2, length, acc) {
     return function fn() {
       var combined = acc.concat(Array.prototype.slice.call(arguments));
-      return combined.length >= length ? f2.apply(this, combined) : curried$2(f2, length, combined);
+      return combined.length >= length ? f2.apply(this, combined) : curried$1(f2, length, combined);
     };
   }
-  function curry$3(f2) {
-    return curried$2(f2, f2.length, []);
+  function curry$2(f2) {
+    return curried$1(f2, f2.length, []);
   }
-  function guard$2(lowerBoundary, upperBoundary, value) {
+  function guard$1(lowerBoundary, upperBoundary, value) {
     return Math.max(lowerBoundary, Math.min(upperBoundary, value));
   }
-  function transparentize$2(amount, color) {
+  function transparentize$1(amount, color) {
     if (color === "transparent")
       return color;
-    var parsedColor = parseToRgb$2(color);
+    var parsedColor = parseToRgb$1(color);
     var alpha = typeof parsedColor.alpha === "number" ? parsedColor.alpha : 1;
     var colorWithAlpha = _extends$1({}, parsedColor, {
-      alpha: guard$2(0, 1, (alpha * 100 - parseFloat(amount) * 100) / 100)
+      alpha: guard$1(0, 1, (alpha * 100 - parseFloat(amount) * 100) / 100)
     });
-    return rgba$2(colorWithAlpha);
+    return rgba$1(colorWithAlpha);
   }
-  var curriedTransparentize$2 = /* @__PURE__ */ curry$3(transparentize$2);
+  var curriedTransparentize$2 = /* @__PURE__ */ curry$2(transparentize$1);
   const Wrapper$8 = styled__default.default.div`
     display: flex;
     gap: 1rem;
@@ -26908,6 +26908,271 @@ var __privateSet = (obj, member, value, setter) => {
   function validateTimezone$1(_hours, minutes) {
     return minutes >= 0 && minutes <= 59;
   }
+  globalThis && globalThis.__rest || function(s, e3) {
+    var t2 = {};
+    for (var p2 in s)
+      if (Object.prototype.hasOwnProperty.call(s, p2) && e3.indexOf(p2) < 0)
+        t2[p2] = s[p2];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+      for (var i2 = 0, p2 = Object.getOwnPropertySymbols(s); i2 < p2.length; i2++) {
+        if (e3.indexOf(p2[i2]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p2[i2]))
+          t2[p2[i2]] = s[p2[i2]];
+      }
+    return t2;
+  };
+  styled__default.default.div`
+    /*
+     * Apply some base styles to the markdown content so it looks good by default
+     * Inspired by https://tailwindcss.com/docs/typography-plugin
+    */
+    code {
+        font-size: 0.9rem;
+    }
+
+    p {
+        margin-top: 1.25rem;
+        margin-bottom: 1.25rem;
+        line-height: 1.5rem;
+
+        code {
+            padding: 0.1rem;
+            background-color: ${(props) => props.theme.colors.grey1};
+            border: 1px solid ${(props) => props.theme.colors.grey3};
+            border-radius: 0.25rem;
+        }
+    }
+
+    p,
+    tr {
+        math {
+            padding: 0;
+            font-size: 1.25rem;
+        }
+    }
+
+    /* stylelint-disable-next-line */
+    math {
+        padding: 0.5rem;
+        font-size: 1.5rem;
+    }
+
+    a {
+        color: ${(props) => props.theme.colors.primary};
+        word-break: break-word;
+    }
+
+    blockquote {
+        /* stylelint-disable-next-line */
+        quotes: '"\\201C""\\201D""\\2018""\\2019"';
+
+        margin-top: 1.5rem;
+        margin-bottom: 1.5rem;
+        padding-left: 1rem;
+
+        font-weight: 500;
+        font-style: italic;
+        color: ${(props) => props.theme.colors.grey6};
+
+        border-left: 0.25rem solid ${(props) => props.theme.colors.grey3};
+    }
+
+    h1 {
+        margin-top: 2rem;
+        margin-bottom: 1rem;
+
+        font-size: 2.5rem;
+        font-weight: 800;
+        line-height: 1.1;
+    }
+
+    h2 {
+        margin-top: 1rem;
+        margin-bottom: 1rem;
+
+        font-size: 2rem;
+        font-weight: 800;
+        line-height: 1.3;
+    }
+
+    h3 {
+        margin-top: 1.6rem;
+        margin-bottom: 0.6rem;
+
+        font-size: 1.25rem;
+        font-weight: 800;
+        line-height: 1.25;
+    }
+
+    h4 {
+        margin-top: 1.5rem;
+        margin-bottom: 0.5rem;
+        line-height: 1.5;
+    }
+
+    img,
+    figure,
+    video {
+        margin-top: 1.5rem;
+        margin-bottom: 1.5rem;
+
+        * {
+            margin-top: 0;
+            margin-bottom: 0;
+        }
+    }
+
+    h2 code {
+        font-size: 0.875rem;
+    }
+
+    h3 code {
+        font-size: 0.9rem;
+    }
+
+    pre {
+        overflow-x: auto;
+
+        margin-top: 1.7rem;
+        margin-bottom: 1.7rem;
+        padding: 0 0.5em;
+
+        font-size: 0.9rem;
+        line-height: 1.7;
+
+        background-color: ${(props) => props.theme.colors.blue2};
+        border: 1px solid ${(props) => props.theme.colors.blue3};
+        border-radius: 0.375rem;
+
+        div {
+            background-color: ${(props) => props.theme.colors.blue2} !important;
+
+            span {
+                background-color: ${(props) => props.theme.colors.blue2};
+            }
+        }
+    }
+
+    hr + *,
+    h2 + *,
+    h3 + *,
+    h4 + * {
+        margin-top: 0;
+    }
+
+    ol,
+    ul {
+        margin-top: 1.25rem;
+        margin-bottom: 1.25rem;
+        padding-left: 1.625rem;
+
+        li {
+            margin-top: 0.5rem;
+            margin-bottom: 0.5rem;
+            padding-left: 0.375rem;
+            line-height: 1.5rem;
+
+            code {
+                padding: 0.1em;
+                background-color: ${(props) => props.theme.colors.grey1};
+                border: 1px solid ${(props) => props.theme.colors.grey3};
+                border-radius: 0.25rem;
+            }
+
+            strong {
+                font-style: italic;
+            }
+
+            p {
+                margin-top: 0.75rem;
+                margin-bottom: 0.75rem;
+            }
+
+            *:first-child {
+                margin-top: 1.25rem;
+            }
+
+            *:last-child {
+                margin-bottom: 1.25rem;
+            }
+        }
+    }
+
+    hr {
+        margin-top: 3rem;
+        margin-bottom: 3rem;
+    }
+
+    table {
+        font-size: 0.875rem;
+        line-height: 1.7;
+
+        thead {
+            th {
+                padding-right: 0.5rem;
+                padding-bottom: 0.5rem;
+                padding-left: 0.5rem;
+            }
+
+            th:first-child {
+                padding-left: 0;
+            }
+
+            th:last-child {
+                padding-right: 0;
+            }
+        }
+
+        tbody {
+            td {
+                padding: 0.5rem;
+            }
+
+            td:first-child {
+                padding-left: 0;
+            }
+
+            td:last-child {
+                padding-right: 0;
+            }
+        }
+    }
+
+    /* Remove top margin for first-child */
+    h1:first-child,
+    h2:first-child,
+    h3:first-child,
+    h4:first-child,
+    blockquote:first-child,
+    ol:first-child,
+    ul:first-child,
+    li:first-child,
+    p:first-child,
+    img:first-child,
+    figure:first-child,
+    video:first-child,
+    pre:first-child,
+    hr:first-child {
+        margin-top: 0;
+    }
+
+    /* Remove bottom margin for last-child */
+    h1:last-child,
+    h2:last-child,
+    h3:last-child,
+    h4:last-child,
+    blockquote:last-child,
+    ol:last-child,
+    ul:last-child,
+    li:last-child,
+    p:last-child,
+    img:last-child,
+    figure:last-child,
+    video:last-child,
+    pre:last-child,
+    hr:last-child {
+        margin-bottom: 0;
+    }
+`;
   var top$1 = "top";
   var bottom$1 = "bottom";
   var right$1 = "right";
@@ -30878,11 +31143,11 @@ var __privateSet = (obj, member, value, setter) => {
   styled__default.default.div`
     display: flex;
     justify-content: space-between;
-
     width: 100%;
-    height: 1.625rem;
-
-    font-size: 0.8rem;
+    font-size: 0.875rem;
+`;
+  styled__default.default.span`
+    font-size: 0.75rem;
     color: ${(props) => props.theme.colors.grey5};
 `;
   styled__default.default.span`
@@ -30891,6 +31156,7 @@ var __privateSet = (obj, member, value, setter) => {
     overflow-wrap: break-word;
 `;
   styled__default.default.span`
+    align-self: end;
     font-size: 0.8rem;
     color: ${(props) => props.theme.colors.grey4};
 `;
@@ -30922,6 +31188,24 @@ var __privateSet = (obj, member, value, setter) => {
     display: flex;
     gap: 1rem;
     justify-content: flex-end;
+`;
+  styled__default.default.div`
+    display: flex;
+    gap: 0.5rem;
+    align-items: center;
+`;
+  styled__default.default.div`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    width: 2rem;
+    height: 2rem;
+
+    font-weight: 700;
+    color: white;
+
+    border-radius: 50%;
 `;
   styled__default.default.div`
     overflow-y: auto;
@@ -37086,6 +37370,19 @@ var __privateSet = (obj, member, value, setter) => {
     }
     return target;
   }
+  function _assertThisInitialized$3(self2) {
+    if (self2 === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self2;
+  }
+  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 _inherits$1(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
       throw new TypeError("Super expression must either be null or a function");
@@ -37103,6 +37400,22 @@ var __privateSet = (obj, member, value, setter) => {
     if (superClass)
       _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$2(o2);
+  }
+  function _isNativeReflectConstruct$2() {
+    try {
+      var t2 = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
+      }));
+    } catch (t3) {
+    }
+    return (_isNativeReflectConstruct$2 = function _isNativeReflectConstruct2() {
+      return !!t2;
+    })();
+  }
   function _possibleConstructorReturn$1(self2, call) {
     if (call && (_typeof(call) === "object" || typeof call === "function")) {
       return call;
@@ -51198,26 +51511,98 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       }));
     });
   }
-  var PolishedError$1 = /* @__PURE__ */ function(_Error) {
-    _inheritsLoose$1(PolishedError2, _Error);
+  function _getPrototypeOf(o2) {
+    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf2(o3) {
+      return o3.__proto__ || Object.getPrototypeOf(o3);
+    };
+    return _getPrototypeOf(o2);
+  }
+  function _isNativeFunction(fn) {
+    try {
+      return Function.toString.call(fn).indexOf("[native code]") !== -1;
+    } catch (e3) {
+      return typeof fn === "function";
+    }
+  }
+  function _isNativeReflectConstruct() {
+    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 _construct(Parent, args, Class) {
+    if (_isNativeReflectConstruct()) {
+      _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$6(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(this).constructor);
+      }
+      Wrapper2.prototype = Object.create(Class2.prototype, {
+        constructor: {
+          value: Wrapper2,
+          enumerable: false,
+          writable: true,
+          configurable: true
+        }
+      });
+      return _setPrototypeOf$6(Wrapper2, Class2);
+    };
+    return _wrapNativeSuper(Class);
+  }
+  var PolishedError = /* @__PURE__ */ function(_Error) {
+    _inheritsLoose$2(PolishedError2, _Error);
     function PolishedError2(code) {
       var _this;
       {
         _this = _Error.call(this, "An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#" + code + " for more information.") || this;
       }
-      return _assertThisInitialized$3(_this);
+      return _assertThisInitialized(_this);
     }
     return PolishedError2;
-  }(/* @__PURE__ */ _wrapNativeSuper$1(Error));
-  function colorToInt$1(color) {
+  }(/* @__PURE__ */ _wrapNativeSuper(Error));
+  function colorToInt(color) {
     return Math.round(color * 255);
   }
-  function convertToInt$1(red, green, blue) {
-    return colorToInt$1(red) + "," + colorToInt$1(green) + "," + colorToInt$1(blue);
+  function convertToInt(red, green, blue) {
+    return colorToInt(red) + "," + colorToInt(green) + "," + colorToInt(blue);
   }
-  function hslToRgb$1(hue, saturation, lightness, convert2) {
+  function hslToRgb(hue, saturation, lightness, convert2) {
     if (convert2 === void 0) {
-      convert2 = convertToInt$1;
+      convert2 = convertToInt;
     }
     if (saturation === 0) {
       return convert2(lightness, lightness, lightness);
@@ -51253,7 +51638,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     var finalBlue = blue + lightnessModification;
     return convert2(finalRed, finalGreen, finalBlue);
   }
-  var namedColorMap$1 = {
+  var namedColorMap = {
     aliceblue: "f0f8ff",
     antiquewhite: "faebd7",
     aqua: "00ffff",
@@ -51403,33 +51788,33 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     yellow: "ff0",
     yellowgreen: "9acd32"
   };
-  function nameToHex$1(color) {
+  function nameToHex(color) {
     if (typeof color !== "string")
       return color;
     var normalizedColorName = color.toLowerCase();
-    return namedColorMap$1[normalizedColorName] ? "#" + namedColorMap$1[normalizedColorName] : color;
+    return namedColorMap[normalizedColorName] ? "#" + namedColorMap[normalizedColorName] : color;
   }
-  var hexRegex$1 = /^#[a-fA-F0-9]{6}$/;
-  var hexRgbaRegex$1 = /^#[a-fA-F0-9]{8}$/;
-  var reducedHexRegex$1 = /^#[a-fA-F0-9]{3}$/;
-  var reducedRgbaHexRegex$1 = /^#[a-fA-F0-9]{4}$/;
-  var rgbRegex$1 = /^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i;
-  var rgbaRegex$1 = /^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;
-  var hslRegex$1 = /^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i;
-  var hslaRegex$1 = /^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;
-  function parseToRgb$1(color) {
+  var hexRegex = /^#[a-fA-F0-9]{6}$/;
+  var hexRgbaRegex = /^#[a-fA-F0-9]{8}$/;
+  var reducedHexRegex = /^#[a-fA-F0-9]{3}$/;
+  var reducedRgbaHexRegex = /^#[a-fA-F0-9]{4}$/;
+  var rgbRegex = /^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i;
+  var rgbaRegex = /^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;
+  var hslRegex = /^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i;
+  var hslaRegex = /^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;
+  function parseToRgb(color) {
     if (typeof color !== "string") {
-      throw new PolishedError$1(3);
+      throw new PolishedError(3);
     }
-    var normalizedColor = nameToHex$1(color);
-    if (normalizedColor.match(hexRegex$1)) {
+    var normalizedColor = nameToHex(color);
+    if (normalizedColor.match(hexRegex)) {
       return {
         red: parseInt("" + normalizedColor[1] + normalizedColor[2], 16),
         green: parseInt("" + normalizedColor[3] + normalizedColor[4], 16),
         blue: parseInt("" + normalizedColor[5] + normalizedColor[6], 16)
       };
     }
-    if (normalizedColor.match(hexRgbaRegex$1)) {
+    if (normalizedColor.match(hexRgbaRegex)) {
       var alpha = parseFloat((parseInt("" + normalizedColor[7] + normalizedColor[8], 16) / 255).toFixed(2));
       return {
         red: parseInt("" + normalizedColor[1] + normalizedColor[2], 16),
@@ -51438,14 +51823,14 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         alpha
       };
     }
-    if (normalizedColor.match(reducedHexRegex$1)) {
+    if (normalizedColor.match(reducedHexRegex)) {
       return {
         red: parseInt("" + normalizedColor[1] + normalizedColor[1], 16),
         green: parseInt("" + normalizedColor[2] + normalizedColor[2], 16),
         blue: parseInt("" + normalizedColor[3] + normalizedColor[3], 16)
       };
     }
-    if (normalizedColor.match(reducedRgbaHexRegex$1)) {
+    if (normalizedColor.match(reducedRgbaHexRegex)) {
       var _alpha = parseFloat((parseInt("" + normalizedColor[4] + normalizedColor[4], 16) / 255).toFixed(2));
       return {
         red: parseInt("" + normalizedColor[1] + normalizedColor[1], 16),
@@ -51454,7 +51839,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         alpha: _alpha
       };
     }
-    var rgbMatched = rgbRegex$1.exec(normalizedColor);
+    var rgbMatched = rgbRegex.exec(normalizedColor);
     if (rgbMatched) {
       return {
         red: parseInt("" + rgbMatched[1], 10),
@@ -51462,7 +51847,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         blue: parseInt("" + rgbMatched[3], 10)
       };
     }
-    var rgbaMatched = rgbaRegex$1.exec(normalizedColor.substring(0, 50));
+    var rgbaMatched = rgbaRegex.exec(normalizedColor.substring(0, 50));
     if (rgbaMatched) {
       return {
         red: parseInt("" + rgbaMatched[1], 10),
@@ -51471,15 +51856,15 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         alpha: parseFloat("" + rgbaMatched[4]) > 1 ? parseFloat("" + rgbaMatched[4]) / 100 : parseFloat("" + rgbaMatched[4])
       };
     }
-    var hslMatched = hslRegex$1.exec(normalizedColor);
+    var hslMatched = hslRegex.exec(normalizedColor);
     if (hslMatched) {
       var hue = parseInt("" + hslMatched[1], 10);
       var saturation = parseInt("" + hslMatched[2], 10) / 100;
       var lightness = parseInt("" + hslMatched[3], 10) / 100;
-      var rgbColorString = "rgb(" + hslToRgb$1(hue, saturation, lightness) + ")";
-      var hslRgbMatched = rgbRegex$1.exec(rgbColorString);
+      var rgbColorString = "rgb(" + hslToRgb(hue, saturation, lightness) + ")";
+      var hslRgbMatched = rgbRegex.exec(rgbColorString);
       if (!hslRgbMatched) {
-        throw new PolishedError$1(4, normalizedColor, rgbColorString);
+        throw new PolishedError(4, normalizedColor, rgbColorString);
       }
       return {
         red: parseInt("" + hslRgbMatched[1], 10),
@@ -51487,15 +51872,15 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         blue: parseInt("" + hslRgbMatched[3], 10)
       };
     }
-    var hslaMatched = hslaRegex$1.exec(normalizedColor.substring(0, 50));
+    var hslaMatched = hslaRegex.exec(normalizedColor.substring(0, 50));
     if (hslaMatched) {
       var _hue = parseInt("" + hslaMatched[1], 10);
       var _saturation = parseInt("" + hslaMatched[2], 10) / 100;
       var _lightness = parseInt("" + hslaMatched[3], 10) / 100;
-      var _rgbColorString = "rgb(" + hslToRgb$1(_hue, _saturation, _lightness) + ")";
-      var _hslRgbMatched = rgbRegex$1.exec(_rgbColorString);
+      var _rgbColorString = "rgb(" + hslToRgb(_hue, _saturation, _lightness) + ")";
+      var _hslRgbMatched = rgbRegex.exec(_rgbColorString);
       if (!_hslRgbMatched) {
-        throw new PolishedError$1(4, normalizedColor, _rgbColorString);
+        throw new PolishedError(4, normalizedColor, _rgbColorString);
       }
       return {
         red: parseInt("" + _hslRgbMatched[1], 10),
@@ -51504,191 +51889,50 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         alpha: parseFloat("" + hslaMatched[4]) > 1 ? parseFloat("" + hslaMatched[4]) / 100 : parseFloat("" + hslaMatched[4])
       };
     }
-    throw new PolishedError$1(5);
-  }
-  function rgbToHsl(color) {
-    var red = color.red / 255;
-    var green = color.green / 255;
-    var blue = color.blue / 255;
-    var max2 = Math.max(red, green, blue);
-    var min2 = Math.min(red, green, blue);
-    var lightness = (max2 + min2) / 2;
-    if (max2 === min2) {
-      if (color.alpha !== void 0) {
-        return {
-          hue: 0,
-          saturation: 0,
-          lightness,
-          alpha: color.alpha
-        };
-      } else {
-        return {
-          hue: 0,
-          saturation: 0,
-          lightness
-        };
-      }
-    }
-    var hue;
-    var delta = max2 - min2;
-    var saturation = lightness > 0.5 ? delta / (2 - max2 - min2) : delta / (max2 + min2);
-    switch (max2) {
-      case red:
-        hue = (green - blue) / delta + (green < blue ? 6 : 0);
-        break;
-      case green:
-        hue = (blue - red) / delta + 2;
-        break;
-      default:
-        hue = (red - green) / delta + 4;
-        break;
-    }
-    hue *= 60;
-    if (color.alpha !== void 0) {
-      return {
-        hue,
-        saturation,
-        lightness,
-        alpha: color.alpha
-      };
-    }
-    return {
-      hue,
-      saturation,
-      lightness
-    };
-  }
-  function parseToHsl(color) {
-    return rgbToHsl(parseToRgb$1(color));
+    throw new PolishedError(5);
   }
-  var reduceHexValue$2 = function reduceHexValue2(value) {
+  var reduceHexValue = function reduceHexValue2(value) {
     if (value.length === 7 && value[1] === value[2] && value[3] === value[4] && value[5] === value[6]) {
       return "#" + value[1] + value[3] + value[5];
     }
     return value;
   };
-  var reduceHexValue$1$1 = reduceHexValue$2;
-  function numberToHex$1(value) {
+  var reduceHexValue$1 = reduceHexValue;
+  function numberToHex(value) {
     var hex = value.toString(16);
     return hex.length === 1 ? "0" + hex : hex;
   }
-  function colorToHex(color) {
-    return numberToHex$1(Math.round(color * 255));
-  }
-  function convertToHex(red, green, blue) {
-    return reduceHexValue$1$1("#" + colorToHex(red) + colorToHex(green) + colorToHex(blue));
-  }
-  function hslToHex(hue, saturation, lightness) {
-    return hslToRgb$1(hue, saturation, lightness, convertToHex);
-  }
-  function hsl(value, saturation, lightness) {
-    if (typeof value === "number" && typeof saturation === "number" && typeof lightness === "number") {
-      return hslToHex(value, saturation, lightness);
-    } else if (typeof value === "object" && saturation === void 0 && lightness === void 0) {
-      return hslToHex(value.hue, value.saturation, value.lightness);
-    }
-    throw new PolishedError$1(1);
-  }
-  function hsla(value, saturation, lightness, alpha) {
-    if (typeof value === "number" && typeof saturation === "number" && typeof lightness === "number" && typeof alpha === "number") {
-      return alpha >= 1 ? hslToHex(value, saturation, lightness) : "rgba(" + hslToRgb$1(value, saturation, lightness) + "," + alpha + ")";
-    } else if (typeof value === "object" && saturation === void 0 && lightness === void 0 && alpha === void 0) {
-      return value.alpha >= 1 ? hslToHex(value.hue, value.saturation, value.lightness) : "rgba(" + hslToRgb$1(value.hue, value.saturation, value.lightness) + "," + value.alpha + ")";
-    }
-    throw new PolishedError$1(2);
-  }
-  function rgb$1(value, green, blue) {
+  function rgb(value, green, blue) {
     if (typeof value === "number" && typeof green === "number" && typeof blue === "number") {
-      return reduceHexValue$1$1("#" + numberToHex$1(value) + numberToHex$1(green) + numberToHex$1(blue));
+      return reduceHexValue$1("#" + numberToHex(value) + numberToHex(green) + numberToHex(blue));
     } else if (typeof value === "object" && green === void 0 && blue === void 0) {
-      return reduceHexValue$1$1("#" + numberToHex$1(value.red) + numberToHex$1(value.green) + numberToHex$1(value.blue));
+      return reduceHexValue$1("#" + numberToHex(value.red) + numberToHex(value.green) + numberToHex(value.blue));
     }
-    throw new PolishedError$1(6);
+    throw new PolishedError(6);
   }
-  function rgba$1(firstValue, secondValue, thirdValue, fourthValue) {
+  function rgba(firstValue, secondValue, thirdValue, fourthValue) {
     if (typeof firstValue === "string" && typeof secondValue === "number") {
-      var rgbValue = parseToRgb$1(firstValue);
+      var rgbValue = parseToRgb(firstValue);
       return "rgba(" + rgbValue.red + "," + rgbValue.green + "," + rgbValue.blue + "," + secondValue + ")";
     } else if (typeof firstValue === "number" && typeof secondValue === "number" && typeof thirdValue === "number" && typeof fourthValue === "number") {
-      return fourthValue >= 1 ? rgb$1(firstValue, secondValue, thirdValue) : "rgba(" + firstValue + "," + secondValue + "," + thirdValue + "," + fourthValue + ")";
+      return fourthValue >= 1 ? rgb(firstValue, secondValue, thirdValue) : "rgba(" + firstValue + "," + secondValue + "," + thirdValue + "," + fourthValue + ")";
     } else if (typeof firstValue === "object" && secondValue === void 0 && thirdValue === void 0 && fourthValue === void 0) {
-      return firstValue.alpha >= 1 ? rgb$1(firstValue.red, firstValue.green, firstValue.blue) : "rgba(" + firstValue.red + "," + firstValue.green + "," + firstValue.blue + "," + firstValue.alpha + ")";
+      return firstValue.alpha >= 1 ? rgb(firstValue.red, firstValue.green, firstValue.blue) : "rgba(" + firstValue.red + "," + firstValue.green + "," + firstValue.blue + "," + firstValue.alpha + ")";
     }
-    throw new PolishedError$1(7);
-  }
-  var isRgb = function isRgb2(color) {
-    return typeof color.red === "number" && typeof color.green === "number" && typeof color.blue === "number" && (typeof color.alpha !== "number" || typeof color.alpha === "undefined");
-  };
-  var isRgba = function isRgba2(color) {
-    return typeof color.red === "number" && typeof color.green === "number" && typeof color.blue === "number" && typeof color.alpha === "number";
-  };
-  var isHsl = function isHsl2(color) {
-    return typeof color.hue === "number" && typeof color.saturation === "number" && typeof color.lightness === "number" && (typeof color.alpha !== "number" || typeof color.alpha === "undefined");
-  };
-  var isHsla = function isHsla2(color) {
-    return typeof color.hue === "number" && typeof color.saturation === "number" && typeof color.lightness === "number" && typeof color.alpha === "number";
-  };
-  function toColorString(color) {
-    if (typeof color !== "object")
-      throw new PolishedError$1(8);
-    if (isRgba(color))
-      return rgba$1(color);
-    if (isRgb(color))
-      return rgb$1(color);
-    if (isHsla(color))
-      return hsla(color);
-    if (isHsl(color))
-      return hsl(color);
-    throw new PolishedError$1(8);
+    throw new PolishedError(7);
   }
-  function curried$1(f2, length, acc) {
+  function curried(f2, length, acc) {
     return function fn() {
       var combined = acc.concat(Array.prototype.slice.call(arguments));
-      return combined.length >= length ? f2.apply(this, combined) : curried$1(f2, length, combined);
+      return combined.length >= length ? f2.apply(this, combined) : curried(f2, length, combined);
     };
   }
-  function curry$2(f2) {
-    return curried$1(f2, f2.length, []);
-  }
-  function adjustHue(degree, color) {
-    if (color === "transparent")
-      return color;
-    var hslColor = parseToHsl(color);
-    return toColorString(_extends$1({}, hslColor, {
-      hue: hslColor.hue + parseFloat(degree)
-    }));
+  function curry$1(f2) {
+    return curried(f2, f2.length, []);
   }
-  curry$2(adjustHue);
-  function guard$1(lowerBoundary, upperBoundary, value) {
+  function guard(lowerBoundary, upperBoundary, value) {
     return Math.max(lowerBoundary, Math.min(upperBoundary, value));
   }
-  function darken(amount, color) {
-    if (color === "transparent")
-      return color;
-    var hslColor = parseToHsl(color);
-    return toColorString(_extends$1({}, hslColor, {
-      lightness: guard$1(0, 1, hslColor.lightness - parseFloat(amount))
-    }));
-  }
-  curry$2(darken);
-  function desaturate(amount, color) {
-    if (color === "transparent")
-      return color;
-    var hslColor = parseToHsl(color);
-    return toColorString(_extends$1({}, hslColor, {
-      saturation: guard$1(0, 1, hslColor.saturation - parseFloat(amount))
-    }));
-  }
-  curry$2(desaturate);
-  function lighten(amount, color) {
-    if (color === "transparent")
-      return color;
-    var hslColor = parseToHsl(color);
-    return toColorString(_extends$1({}, hslColor, {
-      lightness: guard$1(0, 1, hslColor.lightness + parseFloat(amount))
-    }));
-  }
-  curry$2(lighten);
   function mix(weight, color, otherColor) {
     if (color === "transparent")
       return otherColor;
@@ -51696,12 +51940,12 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       return color;
     if (weight === 0)
       return otherColor;
-    var parsedColor1 = parseToRgb$1(color);
-    var color1 = _extends$1({}, parsedColor1, {
+    var parsedColor1 = parseToRgb(color);
+    var color1 = _extends$4({}, parsedColor1, {
       alpha: typeof parsedColor1.alpha === "number" ? parsedColor1.alpha : 1
     });
-    var parsedColor2 = parseToRgb$1(otherColor);
-    var color2 = _extends$1({}, parsedColor2, {
+    var parsedColor2 = parseToRgb(otherColor);
+    var color2 = _extends$4({}, parsedColor2, {
       alpha: typeof parsedColor2.alpha === "number" ? parsedColor2.alpha : 1
     });
     var alphaDelta = color1.alpha - color2.alpha;
@@ -51716,77 +51960,22 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       blue: Math.floor(color1.blue * weight1 + color2.blue * weight2),
       alpha: color1.alpha * parseFloat(weight) + color2.alpha * (1 - parseFloat(weight))
     };
-    return rgba$1(mixedColor);
+    return rgba(mixedColor);
   }
-  var curriedMix = curry$2(mix);
+  var curriedMix = /* @__PURE__ */ curry$1(mix);
   var mix$1 = curriedMix;
-  function opacify(amount, color) {
-    if (color === "transparent")
-      return color;
-    var parsedColor = parseToRgb$1(color);
-    var alpha = typeof parsedColor.alpha === "number" ? parsedColor.alpha : 1;
-    var colorWithAlpha = _extends$1({}, parsedColor, {
-      alpha: guard$1(0, 1, (alpha * 100 + parseFloat(amount) * 100) / 100)
-    });
-    return rgba$1(colorWithAlpha);
-  }
-  curry$2(opacify);
-  function saturate(amount, color) {
-    if (color === "transparent")
-      return color;
-    var hslColor = parseToHsl(color);
-    return toColorString(_extends$1({}, hslColor, {
-      saturation: guard$1(0, 1, hslColor.saturation + parseFloat(amount))
-    }));
-  }
-  curry$2(saturate);
-  function setHue(hue, color) {
-    if (color === "transparent")
-      return color;
-    return toColorString(_extends$1({}, parseToHsl(color), {
-      hue: parseFloat(hue)
-    }));
-  }
-  curry$2(setHue);
-  function setLightness(lightness, color) {
-    if (color === "transparent")
-      return color;
-    return toColorString(_extends$1({}, parseToHsl(color), {
-      lightness: parseFloat(lightness)
-    }));
-  }
-  curry$2(setLightness);
-  function setSaturation(saturation, color) {
-    if (color === "transparent")
-      return color;
-    return toColorString(_extends$1({}, parseToHsl(color), {
-      saturation: parseFloat(saturation)
-    }));
-  }
-  curry$2(setSaturation);
-  function shade(percentage, color) {
-    if (color === "transparent")
-      return color;
-    return mix$1(parseFloat(percentage), "rgb(0, 0, 0)", color);
-  }
-  curry$2(shade);
-  function tint(percentage, color) {
-    if (color === "transparent")
-      return color;
-    return mix$1(parseFloat(percentage), "rgb(255, 255, 255)", color);
-  }
-  curry$2(tint);
-  function transparentize$1(amount, color) {
+  function transparentize(amount, color) {
     if (color === "transparent")
       return color;
-    var parsedColor = parseToRgb$1(color);
+    var parsedColor = parseToRgb(color);
     var alpha = typeof parsedColor.alpha === "number" ? parsedColor.alpha : 1;
-    var colorWithAlpha = _extends$1({}, parsedColor, {
-      alpha: guard$1(0, 1, +(alpha * 100 - parseFloat(amount) * 100).toFixed(2) / 100)
+    var colorWithAlpha = _extends$4({}, parsedColor, {
+      alpha: guard(0, 1, +(alpha * 100 - parseFloat(amount) * 100).toFixed(2) / 100)
     });
-    return rgba$1(colorWithAlpha);
+    return rgba(colorWithAlpha);
   }
-  curry$2(transparentize$1);
+  var curriedTransparentize = /* @__PURE__ */ curry$1(transparentize);
+  var curriedTransparentize$1 = curriedTransparentize;
   const NotificationWrapper$1 = styled__default.default.div`
     pointer-events: auto;
 
@@ -52561,14 +52750,14 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   var _createWrap = createWrap$1;
   var createWrap = _createWrap;
   var WRAP_CURRY_FLAG = 8;
-  function curry$1(func, arity, guard2) {
+  function curry(func, arity, guard2) {
     arity = guard2 ? void 0 : arity;
     var result = createWrap(func, WRAP_CURRY_FLAG, void 0, void 0, void 0, void 0, void 0, arity);
-    result.placeholder = curry$1.placeholder;
+    result.placeholder = curry.placeholder;
     return result;
   }
-  curry$1.placeholder = {};
-  var curry_1 = curry$1;
+  curry.placeholder = {};
+  var curry_1 = curry;
   function useNotifications() {
     const { push } = React.useContext(NotificationContext);
     const curriedPush = React__default.default.useCallback((status) => curry_1((title, err2) => {
@@ -54669,6 +54858,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   }
   async function fetchTaskResult(taskId, extras) {
     const res = await request(`/api/core/tasks/${taskId}`, { method: HTTP_METHOD.GET }, extras);
+    await handleAuthErrors(res, true);
     await validateResponse(res, `Failed to fetch the result of task with id: ${taskId}`);
     const resJson = await res.json();
     if (typeof resJson === "object" && "error" in resJson) {
@@ -54678,6 +54868,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   }
   async function cancelTask(taskId, extras) {
     const res = await request(`/api/core/tasks/${taskId}`, { method: HTTP_METHOD.DELETE }, extras);
+    await handleAuthErrors(res, true);
     await validateResponse(res, `Failed to cancel task with id: ${taskId}`);
     return true;
   }
@@ -55930,6 +56121,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   async function fetchDataVariable(uid2, extras, filters, pagination) {
     const url = createDataUrl(`/api/core/data-variable/${uid2}`, pagination);
     const response = await request(url, { body: JSON.stringify({ filters }), method: HTTP_METHOD.POST }, extras);
+    await handleAuthErrors(response, true);
     await validateResponse(response, "Failed to fetch data variable");
     return response.json();
   }
@@ -55940,6 +56132,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       { body: JSON.stringify({ cache_key: cacheKey, filters, ws_channel: wsChannel }), method: HTTP_METHOD.POST },
       extras
     );
+    await handleAuthErrors(response, true);
     await validateResponse(response, "Failed to fetch data variable");
     return response.json();
   }
@@ -55949,6 +56142,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       { body: JSON.stringify({ cache_key: cacheKey, filters }), method: HTTP_METHOD.POST },
       extras
     );
+    await handleAuthErrors(response, true);
     await validateResponse(response, "Failed to fetch data variable total count");
     return response.json();
   }
@@ -56065,6 +56259,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       },
       extras
     );
+    await handleAuthErrors(res, true);
     await validateResponse(res, `Failed to fetch the derived variable with uid: ${variableUid}`);
     return res.json();
   }
@@ -56503,6 +56698,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       },
       actionCtx.extras
     );
+    await handleAuthErrors(res, true);
     await validateResponse(res, `Failed to fetch the action value with uid: ${annotatedAction.uid}`);
     const resContent = await res.json();
     if ("task_id" in resContent) {
@@ -57345,440 +57541,6 @@ Inferred class string: "${iconClasses}."`
   function isSelectorError(e3) {
     return e3 !== void 0 && e3 !== null && typeof e3 === "object" && "selectorId" in e3 && "selectorExtras" in e3;
   }
-  function _getPrototypeOf(o2) {
-    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf2(o3) {
-      return o3.__proto__ || Object.getPrototypeOf(o3);
-    };
-    return _getPrototypeOf(o2);
-  }
-  function _isNativeFunction(fn) {
-    try {
-      return Function.toString.call(fn).indexOf("[native code]") !== -1;
-    } catch (e3) {
-      return typeof fn === "function";
-    }
-  }
-  function _isNativeReflectConstruct() {
-    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 _construct(Parent, args, Class) {
-    if (_isNativeReflectConstruct()) {
-      _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(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$2(PolishedError2, _Error);
-    function PolishedError2(code) {
-      var _this;
-      {
-        _this = _Error.call(this, "An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#" + code + " for more information.") || this;
-      }
-      return _assertThisInitialized(_this);
-    }
-    return PolishedError2;
-  }(/* @__PURE__ */ _wrapNativeSuper(Error));
-  function colorToInt(color) {
-    return Math.round(color * 255);
-  }
-  function convertToInt(red, green, blue) {
-    return colorToInt(red) + "," + colorToInt(green) + "," + colorToInt(blue);
-  }
-  function hslToRgb(hue, saturation, lightness, convert2) {
-    if (convert2 === void 0) {
-      convert2 = convertToInt;
-    }
-    if (saturation === 0) {
-      return convert2(lightness, lightness, lightness);
-    }
-    var huePrime = (hue % 360 + 360) % 360 / 60;
-    var chroma = (1 - Math.abs(2 * lightness - 1)) * saturation;
-    var secondComponent = chroma * (1 - Math.abs(huePrime % 2 - 1));
-    var red = 0;
-    var green = 0;
-    var blue = 0;
-    if (huePrime >= 0 && huePrime < 1) {
-      red = chroma;
-      green = secondComponent;
-    } else if (huePrime >= 1 && huePrime < 2) {
-      red = secondComponent;
-      green = chroma;
-    } else if (huePrime >= 2 && huePrime < 3) {
-      green = chroma;
-      blue = secondComponent;
-    } else if (huePrime >= 3 && huePrime < 4) {
-      green = secondComponent;
-      blue = chroma;
-    } else if (huePrime >= 4 && huePrime < 5) {
-      red = secondComponent;
-      blue = chroma;
-    } else if (huePrime >= 5 && huePrime < 6) {
-      red = chroma;
-      blue = secondComponent;
-    }
-    var lightnessModification = lightness - chroma / 2;
-    var finalRed = red + lightnessModification;
-    var finalGreen = green + lightnessModification;
-    var finalBlue = blue + lightnessModification;
-    return convert2(finalRed, finalGreen, finalBlue);
-  }
-  var namedColorMap = {
-    aliceblue: "f0f8ff",
-    antiquewhite: "faebd7",
-    aqua: "00ffff",
-    aquamarine: "7fffd4",
-    azure: "f0ffff",
-    beige: "f5f5dc",
-    bisque: "ffe4c4",
-    black: "000",
-    blanchedalmond: "ffebcd",
-    blue: "0000ff",
-    blueviolet: "8a2be2",
-    brown: "a52a2a",
-    burlywood: "deb887",
-    cadetblue: "5f9ea0",
-    chartreuse: "7fff00",
-    chocolate: "d2691e",
-    coral: "ff7f50",
-    cornflowerblue: "6495ed",
-    cornsilk: "fff8dc",
-    crimson: "dc143c",
-    cyan: "00ffff",
-    darkblue: "00008b",
-    darkcyan: "008b8b",
-    darkgoldenrod: "b8860b",
-    darkgray: "a9a9a9",
-    darkgreen: "006400",
-    darkgrey: "a9a9a9",
-    darkkhaki: "bdb76b",
-    darkmagenta: "8b008b",
-    darkolivegreen: "556b2f",
-    darkorange: "ff8c00",
-    darkorchid: "9932cc",
-    darkred: "8b0000",
-    darksalmon: "e9967a",
-    darkseagreen: "8fbc8f",
-    darkslateblue: "483d8b",
-    darkslategray: "2f4f4f",
-    darkslategrey: "2f4f4f",
-    darkturquoise: "00ced1",
-    darkviolet: "9400d3",
-    deeppink: "ff1493",
-    deepskyblue: "00bfff",
-    dimgray: "696969",
-    dimgrey: "696969",
-    dodgerblue: "1e90ff",
-    firebrick: "b22222",
-    floralwhite: "fffaf0",
-    forestgreen: "228b22",
-    fuchsia: "ff00ff",
-    gainsboro: "dcdcdc",
-    ghostwhite: "f8f8ff",
-    gold: "ffd700",
-    goldenrod: "daa520",
-    gray: "808080",
-    green: "008000",
-    greenyellow: "adff2f",
-    grey: "808080",
-    honeydew: "f0fff0",
-    hotpink: "ff69b4",
-    indianred: "cd5c5c",
-    indigo: "4b0082",
-    ivory: "fffff0",
-    khaki: "f0e68c",
-    lavender: "e6e6fa",
-    lavenderblush: "fff0f5",
-    lawngreen: "7cfc00",
-    lemonchiffon: "fffacd",
-    lightblue: "add8e6",
-    lightcoral: "f08080",
-    lightcyan: "e0ffff",
-    lightgoldenrodyellow: "fafad2",
-    lightgray: "d3d3d3",
-    lightgreen: "90ee90",
-    lightgrey: "d3d3d3",
-    lightpink: "ffb6c1",
-    lightsalmon: "ffa07a",
-    lightseagreen: "20b2aa",
-    lightskyblue: "87cefa",
-    lightslategray: "789",
-    lightslategrey: "789",
-    lightsteelblue: "b0c4de",
-    lightyellow: "ffffe0",
-    lime: "0f0",
-    limegreen: "32cd32",
-    linen: "faf0e6",
-    magenta: "f0f",
-    maroon: "800000",
-    mediumaquamarine: "66cdaa",
-    mediumblue: "0000cd",
-    mediumorchid: "ba55d3",
-    mediumpurple: "9370db",
-    mediumseagreen: "3cb371",
-    mediumslateblue: "7b68ee",
-    mediumspringgreen: "00fa9a",
-    mediumturquoise: "48d1cc",
-    mediumvioletred: "c71585",
-    midnightblue: "191970",
-    mintcream: "f5fffa",
-    mistyrose: "ffe4e1",
-    moccasin: "ffe4b5",
-    navajowhite: "ffdead",
-    navy: "000080",
-    oldlace: "fdf5e6",
-    olive: "808000",
-    olivedrab: "6b8e23",
-    orange: "ffa500",
-    orangered: "ff4500",
-    orchid: "da70d6",
-    palegoldenrod: "eee8aa",
-    palegreen: "98fb98",
-    paleturquoise: "afeeee",
-    palevioletred: "db7093",
-    papayawhip: "ffefd5",
-    peachpuff: "ffdab9",
-    peru: "cd853f",
-    pink: "ffc0cb",
-    plum: "dda0dd",
-    powderblue: "b0e0e6",
-    purple: "800080",
-    rebeccapurple: "639",
-    red: "f00",
-    rosybrown: "bc8f8f",
-    royalblue: "4169e1",
-    saddlebrown: "8b4513",
-    salmon: "fa8072",
-    sandybrown: "f4a460",
-    seagreen: "2e8b57",
-    seashell: "fff5ee",
-    sienna: "a0522d",
-    silver: "c0c0c0",
-    skyblue: "87ceeb",
-    slateblue: "6a5acd",
-    slategray: "708090",
-    slategrey: "708090",
-    snow: "fffafa",
-    springgreen: "00ff7f",
-    steelblue: "4682b4",
-    tan: "d2b48c",
-    teal: "008080",
-    thistle: "d8bfd8",
-    tomato: "ff6347",
-    turquoise: "40e0d0",
-    violet: "ee82ee",
-    wheat: "f5deb3",
-    white: "fff",
-    whitesmoke: "f5f5f5",
-    yellow: "ff0",
-    yellowgreen: "9acd32"
-  };
-  function nameToHex(color) {
-    if (typeof color !== "string")
-      return color;
-    var normalizedColorName = color.toLowerCase();
-    return namedColorMap[normalizedColorName] ? "#" + namedColorMap[normalizedColorName] : color;
-  }
-  var hexRegex = /^#[a-fA-F0-9]{6}$/;
-  var hexRgbaRegex = /^#[a-fA-F0-9]{8}$/;
-  var reducedHexRegex = /^#[a-fA-F0-9]{3}$/;
-  var reducedRgbaHexRegex = /^#[a-fA-F0-9]{4}$/;
-  var rgbRegex = /^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i;
-  var rgbaRegex = /^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;
-  var hslRegex = /^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i;
-  var hslaRegex = /^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;
-  function parseToRgb(color) {
-    if (typeof color !== "string") {
-      throw new PolishedError(3);
-    }
-    var normalizedColor = nameToHex(color);
-    if (normalizedColor.match(hexRegex)) {
-      return {
-        red: parseInt("" + normalizedColor[1] + normalizedColor[2], 16),
-        green: parseInt("" + normalizedColor[3] + normalizedColor[4], 16),
-        blue: parseInt("" + normalizedColor[5] + normalizedColor[6], 16)
-      };
-    }
-    if (normalizedColor.match(hexRgbaRegex)) {
-      var alpha = parseFloat((parseInt("" + normalizedColor[7] + normalizedColor[8], 16) / 255).toFixed(2));
-      return {
-        red: parseInt("" + normalizedColor[1] + normalizedColor[2], 16),
-        green: parseInt("" + normalizedColor[3] + normalizedColor[4], 16),
-        blue: parseInt("" + normalizedColor[5] + normalizedColor[6], 16),
-        alpha
-      };
-    }
-    if (normalizedColor.match(reducedHexRegex)) {
-      return {
-        red: parseInt("" + normalizedColor[1] + normalizedColor[1], 16),
-        green: parseInt("" + normalizedColor[2] + normalizedColor[2], 16),
-        blue: parseInt("" + normalizedColor[3] + normalizedColor[3], 16)
-      };
-    }
-    if (normalizedColor.match(reducedRgbaHexRegex)) {
-      var _alpha = parseFloat((parseInt("" + normalizedColor[4] + normalizedColor[4], 16) / 255).toFixed(2));
-      return {
-        red: parseInt("" + normalizedColor[1] + normalizedColor[1], 16),
-        green: parseInt("" + normalizedColor[2] + normalizedColor[2], 16),
-        blue: parseInt("" + normalizedColor[3] + normalizedColor[3], 16),
-        alpha: _alpha
-      };
-    }
-    var rgbMatched = rgbRegex.exec(normalizedColor);
-    if (rgbMatched) {
-      return {
-        red: parseInt("" + rgbMatched[1], 10),
-        green: parseInt("" + rgbMatched[2], 10),
-        blue: parseInt("" + rgbMatched[3], 10)
-      };
-    }
-    var rgbaMatched = rgbaRegex.exec(normalizedColor.substring(0, 50));
-    if (rgbaMatched) {
-      return {
-        red: parseInt("" + rgbaMatched[1], 10),
-        green: parseInt("" + rgbaMatched[2], 10),
-        blue: parseInt("" + rgbaMatched[3], 10),
-        alpha: parseFloat("" + rgbaMatched[4]) > 1 ? parseFloat("" + rgbaMatched[4]) / 100 : parseFloat("" + rgbaMatched[4])
-      };
-    }
-    var hslMatched = hslRegex.exec(normalizedColor);
-    if (hslMatched) {
-      var hue = parseInt("" + hslMatched[1], 10);
-      var saturation = parseInt("" + hslMatched[2], 10) / 100;
-      var lightness = parseInt("" + hslMatched[3], 10) / 100;
-      var rgbColorString = "rgb(" + hslToRgb(hue, saturation, lightness) + ")";
-      var hslRgbMatched = rgbRegex.exec(rgbColorString);
-      if (!hslRgbMatched) {
-        throw new PolishedError(4, normalizedColor, rgbColorString);
-      }
-      return {
-        red: parseInt("" + hslRgbMatched[1], 10),
-        green: parseInt("" + hslRgbMatched[2], 10),
-        blue: parseInt("" + hslRgbMatched[3], 10)
-      };
-    }
-    var hslaMatched = hslaRegex.exec(normalizedColor.substring(0, 50));
-    if (hslaMatched) {
-      var _hue = parseInt("" + hslaMatched[1], 10);
-      var _saturation = parseInt("" + hslaMatched[2], 10) / 100;
-      var _lightness = parseInt("" + hslaMatched[3], 10) / 100;
-      var _rgbColorString = "rgb(" + hslToRgb(_hue, _saturation, _lightness) + ")";
-      var _hslRgbMatched = rgbRegex.exec(_rgbColorString);
-      if (!_hslRgbMatched) {
-        throw new PolishedError(4, normalizedColor, _rgbColorString);
-      }
-      return {
-        red: parseInt("" + _hslRgbMatched[1], 10),
-        green: parseInt("" + _hslRgbMatched[2], 10),
-        blue: parseInt("" + _hslRgbMatched[3], 10),
-        alpha: parseFloat("" + hslaMatched[4]) > 1 ? parseFloat("" + hslaMatched[4]) / 100 : parseFloat("" + hslaMatched[4])
-      };
-    }
-    throw new PolishedError(5);
-  }
-  var reduceHexValue = function reduceHexValue2(value) {
-    if (value.length === 7 && value[1] === value[2] && value[3] === value[4] && value[5] === value[6]) {
-      return "#" + value[1] + value[3] + value[5];
-    }
-    return value;
-  };
-  var reduceHexValue$1 = reduceHexValue;
-  function numberToHex(value) {
-    var hex = value.toString(16);
-    return hex.length === 1 ? "0" + hex : hex;
-  }
-  function rgb(value, green, blue) {
-    if (typeof value === "number" && typeof green === "number" && typeof blue === "number") {
-      return reduceHexValue$1("#" + numberToHex(value) + numberToHex(green) + numberToHex(blue));
-    } else if (typeof value === "object" && green === void 0 && blue === void 0) {
-      return reduceHexValue$1("#" + numberToHex(value.red) + numberToHex(value.green) + numberToHex(value.blue));
-    }
-    throw new PolishedError(6);
-  }
-  function rgba(firstValue, secondValue, thirdValue, fourthValue) {
-    if (typeof firstValue === "string" && typeof secondValue === "number") {
-      var rgbValue = parseToRgb(firstValue);
-      return "rgba(" + rgbValue.red + "," + rgbValue.green + "," + rgbValue.blue + "," + secondValue + ")";
-    } else if (typeof firstValue === "number" && typeof secondValue === "number" && typeof thirdValue === "number" && typeof fourthValue === "number") {
-      return fourthValue >= 1 ? rgb(firstValue, secondValue, thirdValue) : "rgba(" + firstValue + "," + secondValue + "," + thirdValue + "," + fourthValue + ")";
-    } else if (typeof firstValue === "object" && secondValue === void 0 && thirdValue === void 0 && fourthValue === void 0) {
-      return firstValue.alpha >= 1 ? rgb(firstValue.red, firstValue.green, firstValue.blue) : "rgba(" + firstValue.red + "," + firstValue.green + "," + firstValue.blue + "," + firstValue.alpha + ")";
-    }
-    throw new PolishedError(7);
-  }
-  function curried(f2, length, acc) {
-    return function fn() {
-      var combined = acc.concat(Array.prototype.slice.call(arguments));
-      return combined.length >= length ? f2.apply(this, combined) : curried(f2, length, combined);
-    };
-  }
-  function curry(f2) {
-    return curried(f2, f2.length, []);
-  }
-  function guard(lowerBoundary, upperBoundary, value) {
-    return Math.max(lowerBoundary, Math.min(upperBoundary, value));
-  }
-  function transparentize(amount, color) {
-    if (color === "transparent")
-      return color;
-    var parsedColor = parseToRgb(color);
-    var alpha = typeof parsedColor.alpha === "number" ? parsedColor.alpha : 1;
-    var colorWithAlpha = _extends$4({}, parsedColor, {
-      alpha: guard(0, 1, +(alpha * 100 - parseFloat(amount) * 100).toFixed(2) / 100)
-    });
-    return rgba(colorWithAlpha);
-  }
-  var curriedTransparentize = /* @__PURE__ */ curry(transparentize);
-  var curriedTransparentize$1 = curriedTransparentize;
   const StyledErrorDisplay = styled__default.default.div`
     display: flex;
     gap: 1rem;
@@ -58086,6 +57848,7 @@ Inferred class string: "${iconClasses}."`
       },
       extras
     );
+    await handleAuthErrors(res, true);
     await validateResponse(res, `Failed to fetch the component: ${component}`);
     const result = await res.json();
     return result;