@epignosis_llc/gnosis 5.5.0 → 5.5.2

package/dist/cjs/{index-224d4fe3.js → index-878ab6cd.js}

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */
 
@@ -1384,8 +1384,8 @@ var createCache = function createCache(options) {
   return cache;
 };
 
-function _extends$i() {
-  _extends$i = Object.assign ? Object.assign.bind() : function (target) {
+function _extends$m() {
+  _extends$m = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -1396,7 +1396,7 @@ function _extends$i() {
     }
     return target;
   };
-  return _extends$i.apply(this, arguments);
+  return _extends$m.apply(this, arguments);
 }
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -2163,7 +2163,7 @@ var getTheme = function getTheme(outerTheme, theme) {
     throw new Error('[ThemeProvider] Please make your theme prop a plain object');
   }
 
-  return _extends$i({}, outerTheme, theme);
+  return _extends$m({}, outerTheme, theme);
 };
 
 var createCacheWithTheme = /* #__PURE__ */weakMemoize(function (outerTheme) {
@@ -2883,8 +2883,8 @@ function _defineProperty$2(obj, key, value) {
   }
   return obj;
 }
-function _extends$h() {
-  _extends$h = Object.assign ? Object.assign.bind() : function (target) {
+function _extends$l() {
+  _extends$l = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -2895,7 +2895,7 @@ function _extends$h() {
     }
     return target;
   };
-  return _extends$h.apply(this, arguments);
+  return _extends$l.apply(this, arguments);
 }
 function _objectWithoutPropertiesLoose$2(source, excluded) {
   if (source == null) return {};
@@ -3306,19 +3306,19 @@ var Object$2 = global$m.Object;
 
 // `ToObject` abstract operation
 // https://tc39.es/ecma262/#sec-toobject
-var toObject$7 = function (argument) {
+var toObject$8 = function (argument) {
   return Object$2(requireObjectCoercible$4(argument));
 };
 
 var uncurryThis$l = functionUncurryThis;
-var toObject$6 = toObject$7;
+var toObject$7 = toObject$8;
 
 var hasOwnProperty$4 = uncurryThis$l({}.hasOwnProperty);
 
 // `HasOwnProperty` abstract operation
 // https://tc39.es/ecma262/#sec-hasownproperty
 var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
-  return hasOwnProperty$4(toObject$6(it), key);
+  return hasOwnProperty$4(toObject$7(it), key);
 };
 
 var uncurryThis$k = functionUncurryThis;
@@ -3714,7 +3714,7 @@ var min$3 = Math.min;
 // Helper for a popular repeating case of the spec:
 // Let integer be ? ToInteger(index).
 // If integer < 0, let result be max((length + integer), 0); else let result be min(integer, length).
-var toAbsoluteIndex$2 = function (index, length) {
+var toAbsoluteIndex$3 = function (index, length) {
   var integer = toIntegerOrInfinity$3(index);
   return integer < 0 ? max$3(integer + length, 0) : min$3(integer, length);
 };
@@ -3733,20 +3733,20 @@ var toLength = toLength$1;
 
 // `LengthOfArrayLike` abstract operation
 // https://tc39.es/ecma262/#sec-lengthofarraylike
-var lengthOfArrayLike$5 = function (obj) {
+var lengthOfArrayLike$6 = function (obj) {
   return toLength(obj.length);
 };
 
 var toIndexedObject$4 = toIndexedObject$6;
-var toAbsoluteIndex$1 = toAbsoluteIndex$2;
-var lengthOfArrayLike$4 = lengthOfArrayLike$5;
+var toAbsoluteIndex$2 = toAbsoluteIndex$3;
+var lengthOfArrayLike$5 = lengthOfArrayLike$6;
 
 // `Array.prototype.{ indexOf, includes }` methods implementation
 var createMethod$3 = function (IS_INCLUDES) {
   return function ($this, el, fromIndex) {
     var O = toIndexedObject$4($this);
-    var length = lengthOfArrayLike$4(O);
-    var index = toAbsoluteIndex$1(fromIndex, length);
+    var length = lengthOfArrayLike$5(O);
+    var index = toAbsoluteIndex$2(fromIndex, length);
     var value;
     // Array#includes uses SameValueZero equality algorithm
     // eslint-disable-next-line no-self-compare -- NaN check
@@ -4081,8 +4081,8 @@ var arraySpeciesCreate$2 = function (originalArray, length) {
 var bind = functionBindContext;
 var uncurryThis$d = functionUncurryThis;
 var IndexedObject$3 = indexedObject;
-var toObject$5 = toObject$7;
-var lengthOfArrayLike$3 = lengthOfArrayLike$5;
+var toObject$6 = toObject$8;
+var lengthOfArrayLike$4 = lengthOfArrayLike$6;
 var arraySpeciesCreate$1 = arraySpeciesCreate$2;
 
 var push = uncurryThis$d([].push);
@@ -4097,10 +4097,10 @@ var createMethod$2 = function (TYPE) {
   var IS_FILTER_REJECT = TYPE == 7;
   var NO_HOLES = TYPE == 5 || IS_FIND_INDEX;
   return function ($this, callbackfn, that, specificCreate) {
-    var O = toObject$5($this);
+    var O = toObject$6($this);
     var self = IndexedObject$3(O);
     var boundFunction = bind(callbackfn, that);
-    var length = lengthOfArrayLike$3(self);
+    var length = lengthOfArrayLike$4(self);
     var index = 0;
     var create = specificCreate || arraySpeciesCreate$1;
     var target = IS_MAP ? create($this, length) : IS_FILTER || IS_FILTER_REJECT ? create($this, 0) : undefined;
@@ -4174,13 +4174,13 @@ var arrayForEach = !STRICT_METHOD$3 ? function forEach(callbackfn /* , thisArg *
 // eslint-disable-next-line es/no-array-prototype-foreach -- safe
 } : [].forEach;
 
-var $$g = _export;
+var $$h = _export;
 var forEach$1 = arrayForEach;
 
 // `Array.prototype.forEach` method
 // https://tc39.es/ecma262/#sec-array.prototype.foreach
 // eslint-disable-next-line es/no-array-prototype-foreach -- safe
-$$g({ target: 'Array', proto: true, forced: [].forEach != forEach$1 }, {
+$$h({ target: 'Array', proto: true, forced: [].forEach != forEach$1 }, {
   forEach: forEach$1
 });
 
@@ -4287,7 +4287,7 @@ var fails$7 = fails$h;
 var objectKeys$1 = objectKeys$2;
 var getOwnPropertySymbolsModule = objectGetOwnPropertySymbols;
 var propertyIsEnumerableModule = objectPropertyIsEnumerable;
-var toObject$4 = toObject$7;
+var toObject$5 = toObject$8;
 var IndexedObject$2 = indexedObject;
 
 // eslint-disable-next-line es/no-object-assign -- safe
@@ -4319,7 +4319,7 @@ var objectAssign$1 = !$assign || fails$7(function () {
   alphabet.split('').forEach(function (chr) { B[chr] = chr; });
   return $assign({}, A)[symbol] != 7 || objectKeys$1($assign({}, B)).join('') != alphabet;
 }) ? function assign(target, source) { // eslint-disable-line no-unused-vars -- required for `.length`
-  var T = toObject$4(target);
+  var T = toObject$5(target);
   var argumentsLength = arguments.length;
   var index = 1;
   var getOwnPropertySymbols = getOwnPropertySymbolsModule.f;
@@ -4337,13 +4337,13 @@ var objectAssign$1 = !$assign || fails$7(function () {
   } return T;
 } : $assign;
 
-var $$f = _export;
+var $$g = _export;
 var assign$1 = objectAssign$1;
 
 // `Object.assign` method
 // https://tc39.es/ecma262/#sec-object.assign
 // eslint-disable-next-line es/no-object-assign -- required for testing
-$$f({ target: 'Object', stat: true, forced: Object.assign !== assign$1 }, {
+$$g({ target: 'Object', stat: true, forced: Object.assign !== assign$1 }, {
   assign: assign$1
 });
 
@@ -4381,7 +4381,7 @@ var stringRepeat = function repeat(count) {
   return result;
 };
 
-var $$e = _export;
+var $$f = _export;
 var global$7 = global$x;
 var uncurryThis$a = functionUncurryThis;
 var toIntegerOrInfinity = toIntegerOrInfinity$4;
@@ -4456,7 +4456,7 @@ var FORCED$2 = fails$6(function () {
 
 // `Number.prototype.toFixed` method
 // https://tc39.es/ecma262/#sec-number.prototype.tofixed
-$$e({ target: 'Number', proto: true, forced: FORCED$2 }, {
+$$f({ target: 'Number', proto: true, forced: FORCED$2 }, {
   toFixed: function toFixed(fractionDigits) {
     var number = thisNumberValue(this);
     var fractDigits = toIntegerOrInfinity(fractionDigits);
@@ -4606,12 +4606,12 @@ var numberParseInt = FORCED$1 ? function parseInt(string, radix) {
   return $parseInt$1(S, (radix >>> 0) || (exec(hex$1, S) ? 16 : 10));
 } : $parseInt$1;
 
-var $$d = _export;
+var $$e = _export;
 var $parseInt = numberParseInt;
 
 // `parseInt` method
 // https://tc39.es/ecma262/#sec-parseint-string-radix
-$$d({ global: true, forced: parseInt != $parseInt }, {
+$$e({ global: true, forced: parseInt != $parseInt }, {
   parseInt: $parseInt
 });
 
@@ -4649,13 +4649,13 @@ var uncurryThis$7 = functionUncurryThis;
 
 var arraySlice = uncurryThis$7([].slice);
 
-var $$c = _export;
+var $$d = _export;
 var global$5 = global$x;
 var isArray$3 = isArray$5;
 var isConstructor = isConstructor$2;
 var isObject$5 = isObject$c;
-var toAbsoluteIndex = toAbsoluteIndex$2;
-var lengthOfArrayLike$2 = lengthOfArrayLike$5;
+var toAbsoluteIndex$1 = toAbsoluteIndex$3;
+var lengthOfArrayLike$3 = lengthOfArrayLike$6;
 var toIndexedObject$2 = toIndexedObject$6;
 var createProperty$1 = createProperty$2;
 var wellKnownSymbol$4 = wellKnownSymbol$a;
@@ -4671,12 +4671,12 @@ var max$2 = Math.max;
 // `Array.prototype.slice` method
 // https://tc39.es/ecma262/#sec-array.prototype.slice
 // fallback for not array-like ES3 strings and DOM objects
-$$c({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT$2 }, {
+$$d({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT$2 }, {
   slice: function slice(start, end) {
     var O = toIndexedObject$2(this);
-    var length = lengthOfArrayLike$2(O);
-    var k = toAbsoluteIndex(start, length);
-    var fin = toAbsoluteIndex(end === undefined ? length : end, length);
+    var length = lengthOfArrayLike$3(O);
+    var k = toAbsoluteIndex$1(start, length);
+    var fin = toAbsoluteIndex$1(end === undefined ? length : end, length);
     // inline `ArraySpeciesCreate` for usage native `Array#slice` where it's possible
     var Constructor, result, n;
     if (isArray$3(O)) {
@@ -4699,13 +4699,13 @@ $$c({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT$2 }, {
   }
 });
 
-var $$b = _export;
+var $$c = _export;
 var global$4 = global$x;
 var fails$3 = fails$h;
 var isArray$2 = isArray$5;
 var isObject$4 = isObject$c;
-var toObject$3 = toObject$7;
-var lengthOfArrayLike$1 = lengthOfArrayLike$5;
+var toObject$4 = toObject$8;
+var lengthOfArrayLike$2 = lengthOfArrayLike$6;
 var createProperty = createProperty$2;
 var arraySpeciesCreate = arraySpeciesCreate$2;
 var arrayMethodHasSpeciesSupport$2 = arrayMethodHasSpeciesSupport$4;
@@ -4739,17 +4739,17 @@ var FORCED = !IS_CONCAT_SPREADABLE_SUPPORT || !SPECIES_SUPPORT;
 // `Array.prototype.concat` method
 // https://tc39.es/ecma262/#sec-array.prototype.concat
 // with adding support of @@isConcatSpreadable and @@species
-$$b({ target: 'Array', proto: true, forced: FORCED }, {
+$$c({ target: 'Array', proto: true, forced: FORCED }, {
   // eslint-disable-next-line no-unused-vars -- required for `.length`
   concat: function concat(arg) {
-    var O = toObject$3(this);
+    var O = toObject$4(this);
     var A = arraySpeciesCreate(O, 0);
     var n = 0;
     var i, k, length, len, E;
     for (i = -1, length = arguments.length; i < length; i++) {
       E = i === -1 ? O : arguments[i];
       if (isConcatSpreadable(E)) {
-        len = lengthOfArrayLike$1(E);
+        len = lengthOfArrayLike$2(E);
         if (n + len > MAX_SAFE_INTEGER) throw TypeError$3(MAXIMUM_ALLOWED_INDEX_EXCEEDED);
         for (k = 0; k < len; k++, n++) if (k in E) createProperty(A, n, E[k]);
       } else {
@@ -7215,9 +7215,12 @@ var pagination = {
   background: colors$1.primary.lightest,
   boxShadowColor: colors$1.secondary.light,
   hoverBackground: Color$1(colors$1.primary.lightest).alpha(0.25).string(),
-  hoverPaginationList: colors$1.secondary.lighter,
+  dropdownBackground: colors$1.secondary.lighter,
   emptyState: colors$1.white,
-  textColor: colors$1.black
+  textColor: colors$1.black,
+  iconColor: colors$1.black,
+  white: colors$1.white,
+  scrollBar: colors$1.secondary.light
 };
 
 var scrollbar = {
@@ -7288,13 +7291,13 @@ var stringHtmlForced = function (METHOD_NAME) {
   });
 };
 
-var $$a = _export;
+var $$b = _export;
 var createHTML = createHtml;
 var forcedStringHTMLMethod = stringHtmlForced;
 
 // `String.prototype.link` method
 // https://tc39.es/ecma262/#sec-string.prototype.link
-$$a({ target: 'String', proto: true, forced: forcedStringHTMLMethod('link') }, {
+$$b({ target: 'String', proto: true, forced: forcedStringHTMLMethod('link') }, {
   link: function link(url) {
     return createHTML(this, 'a', 'href', url);
   }
@@ -13319,7 +13322,7 @@ var Loader = function Loader(_ref) {
     rest = _objectWithoutProperties$1(_ref, _excluded$I);
   var _useTheme = useTheme(),
     loader = _useTheme.loader;
-  return jsx("div", _extends$h({
+  return jsx("div", _extends$l({
     css: function css() {
       return container$8({
         fullScreen: fullScreen
@@ -13485,7 +13488,7 @@ var Button = function Button(props) {
   var containerClassNames = classNames$1((_classNames = {}, _defineProperty$2(_classNames, className, Boolean(className)), _defineProperty$2(_classNames, "disabled", disabled || isLoading), _defineProperty$2(_classNames, "rounded", rounded), _defineProperty$2(_classNames, "solid", variant === "solid"), _defineProperty$2(_classNames, "outline", variant === "outline"), _defineProperty$2(_classNames, "ghost", variant === "ghost"), _defineProperty$2(_classNames, "link", variant === "link"), _defineProperty$2(_classNames, "icon-after", SuffixIcon), _defineProperty$2(_classNames, "icon-before", PrefixIcon), _classNames));
   return jsx(LazyMotion, {
     features: domAnimation
-  }, jsx(Component, _extends$h({
+  }, jsx(Component, _extends$l({
     css: function css(theme) {
       return btnContainer(theme, {
         color: color,
@@ -13520,13 +13523,13 @@ var Button = function Button(props) {
   })));
 };
 
-var _path$9, _path2$7;
-function _extends$g() { _extends$g = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }
+var _path$d, _path2$7;
+function _extends$k() { _extends$k = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$k.apply(this, arguments); }
 function SvgCloseCircled(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24"
-  }, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M12 4.25A7.749 7.749 0 004.25 12 7.749 7.749 0 0012 19.75 7.749 7.749 0 0019.75 12 7.749 7.749 0 0012 4.25zm0 14A6.248 6.248 0 015.75 12 6.248 6.248 0 0112 5.75 6.248 6.248 0 0118.25 12 6.248 6.248 0 0112 18.25zm3.181-8.194a.375.375 0 000-.531l-.706-.706a.375.375 0 00-.531 0L12 10.763l-1.944-1.944a.375.375 0 00-.531 0l-.706.706a.375.375 0 000 .531L10.762 12l-1.943 1.944a.375.375 0 000 .531l.706.706a.375.375 0 00.531 0L12 13.237l1.944 1.944a.375.375 0 00.531 0l.706-.706a.375.375 0 000-.531L13.237 12z",
     fill: "currentcolor"
   })), _path2$7 || (_path2$7 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -13535,13 +13538,13 @@ function SvgCloseCircled(props) {
   })));
 }
 
-var _path$8, _path2$6;
-function _extends$f() { _extends$f = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$f.apply(this, arguments); }
+var _path$c, _path2$6;
+function _extends$j() { _extends$j = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$j.apply(this, arguments); }
 function SvgInfoCircled(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20"
-  }, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Rectangle 1155",
     fill: "#fff",
     d: "M0 0h20v20H0z"
@@ -13552,13 +13555,13 @@ function SvgInfoCircled(props) {
   })));
 }
 
-var _path$7, _path2$5;
-function _extends$e() { _extends$e = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$e.apply(this, arguments); }
+var _path$b, _path2$5;
+function _extends$i() { _extends$i = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$i.apply(this, arguments); }
 function SvgArrowRight(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24"
-  }, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "none",
     d: "M0 0h24v24H0z"
   })), _path2$5 || (_path2$5 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -13567,13 +13570,13 @@ function SvgArrowRight(props) {
   })));
 }
 
-var _path$6, _path2$4;
-function _extends$d() { _extends$d = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$d.apply(this, arguments); }
+var _path$a, _path2$4;
+function _extends$h() { _extends$h = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$h.apply(this, arguments); }
 function SvgArrowLeft(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24"
-  }, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "none",
     d: "M0 0h24v24H0z"
   })), _path2$4 || (_path2$4 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -13582,13 +13585,13 @@ function SvgArrowLeft(props) {
   })));
 }
 
-var _path$5, _path2$3;
-function _extends$c() { _extends$c = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$c.apply(this, arguments); }
+var _path$9, _path2$3;
+function _extends$g() { _extends$g = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }
 function SvgMagnifier(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24"
-  }, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "none",
     d: "M0 0h24v24H0z"
   })), _path2$3 || (_path2$3 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -13597,13 +13600,13 @@ function SvgMagnifier(props) {
   })));
 }
 
-var _path$4, _path2$2;
-function _extends$b() { _extends$b = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$b.apply(this, arguments); }
+var _path$8, _path2$2;
+function _extends$f() { _extends$f = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$f.apply(this, arguments); }
 function SvgClose(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16"
-  }, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "none",
     d: "M0 0h16v16H0z"
   })), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -13612,26 +13615,26 @@ function SvgClose(props) {
   })));
 }
 
-var _path$3;
-function _extends$a() { _extends$a = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$a.apply(this, arguments); }
+var _path$7;
+function _extends$e() { _extends$e = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$e.apply(this, arguments); }
 function SvgAddOperator(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
     "aria-hidden": "true",
     "data-prefix": "fas",
     "data-icon": "plus",
     className: "add_operator_svg__svg-inline--fa add_operator_svg__fa-plus add_operator_svg__fa-w-14",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 448 512"
-  }, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "currentColor",
     d: "M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
   })));
 }
 
 var _g$4;
-function _extends$9() { _extends$9 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }
+function _extends$d() { _extends$d = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$d.apply(this, arguments); }
 function SvgInfo(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 32 32"
   }, props), _g$4 || (_g$4 = /*#__PURE__*/React__namespace.createElement("g", {
@@ -13655,9 +13658,9 @@ function SvgInfo(props) {
 }
 
 var _g$3;
-function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
+function _extends$c() { _extends$c = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$c.apply(this, arguments); }
 function SvgDanger(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 32 32"
   }, props), _g$3 || (_g$3 = /*#__PURE__*/React__namespace.createElement("g", {
@@ -13681,9 +13684,9 @@ function SvgDanger(props) {
 }
 
 var _g$2;
-function _extends$7() { _extends$7 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
+function _extends$b() { _extends$b = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$b.apply(this, arguments); }
 function SvgSuccess(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 32 32"
   }, props), _g$2 || (_g$2 = /*#__PURE__*/React__namespace.createElement("g", {
@@ -13707,9 +13710,9 @@ function SvgSuccess(props) {
 }
 
 var _g$1;
-function _extends$6() { _extends$6 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
+function _extends$a() { _extends$a = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$a.apply(this, arguments); }
 function SvgWarning(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 32 32"
   }, props), _g$1 || (_g$1 = /*#__PURE__*/React__namespace.createElement("g", {
@@ -13733,9 +13736,9 @@ function SvgWarning(props) {
 }
 
 var _g;
-function _extends$5() { _extends$5 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
+function _extends$9() { _extends$9 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }
 function SvgHamburger(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
     "data-name": "Layer 2",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 32 32"
@@ -13750,14 +13753,14 @@ function SvgHamburger(props) {
   }))));
 }
 
-var _path$2, _path2$1;
-function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
+var _path$6, _path2$1;
+function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
 function SvgIconChevronDown(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
     "data-name": "Icon-Chevron Down",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 32 32"
-  }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Rectangle 8037",
     fill: "none",
     d: "M0 0h32v32H0z"
@@ -13766,14 +13769,14 @@ function SvgIconChevronDown(props) {
   })));
 }
 
-var _path$1, _path2;
-function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
+var _path$5, _path2;
+function _extends$7() { _extends$7 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
 function SvgIconChevronUp(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
     "data-name": "Icon-Chevron Down",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 32 32"
-  }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Rectangle 8037",
     fill: "none",
     d: "M0 0h32v32H0z"
@@ -13782,16 +13785,68 @@ function SvgIconChevronUp(props) {
   })));
 }
 
+var _path$4;
+function _extends$6() { _extends$6 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
+function SvgChevronArrowLineLeft(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 10,
+    height: 12,
+    fill: "currentColor"
+  }, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M3.185 6.48a.663.663 0 010-.94L8.513.207a.666.666 0 01.94.94L4.6 6.007l4.859 4.86a.666.666 0 01-.94.94L3.184 6.48zM.345.638v10.735a.638.638 0 001.278 0V.64A.638.638 0 00.346.638z"
+  })));
+}
+
+var _path$3;
+function _extends$5() { _extends$5 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
+function SvgChevronArrowLineRight(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 10,
+    height: 14,
+    fill: "currentColor"
+  }, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M6.814 6.527c.261.26.261.682 0 .94L1.486 12.8a.666.666 0 01-.94-.94L5.401 7l-4.86-4.86a.666.666 0 01.94-.94l5.332 5.326zm2.84 5.841V1.634a.638.638 0 00-1.277 0v10.732a.638.638 0 001.276.002z"
+  })));
+}
+
+var _path$2;
+function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
+function SvgChevronArrowLeft(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 32,
+    height: 32,
+    fill: "currentColor"
+  }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M12.22 16.474a.614.614 0 010-.942l5.998-5.336a.814.814 0 011.059 0 .616.616 0 010 .942l-5.467 4.861 5.47 4.864a.614.614 0 010 .942.817.817 0 01-1.06 0l-6-5.33z"
+  })));
+}
+
+var _path$1;
+function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
+function SvgChevronArrowRight(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 32,
+    height: 32,
+    fill: "currentColor"
+  }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M19.28 15.526a.614.614 0 010 .942l-5.998 5.336a.814.814 0 01-1.059 0 .616.616 0 010-.942l5.467-4.861-5.47-4.864a.614.614 0 010-.942.817.817 0 011.06 0l6 5.33z"
+  })));
+}
+
 var _path;
 function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
-function SvgRightArrowIcon(props) {
+function SvgChevronArrowDown(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
-    viewBox: "0 0 7 12",
-    fill: "none",
+    width: 12,
+    height: 8,
+    fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M5.293 6L2.499 3.206V8.79L5.293 6zm1.415-.707c.39.391.39 1.025 0 1.416l-4 4a1 1 0 01-1.71-.71V2a1.004 1.004 0 011.71-.709l4 4v.003z",
-    fill: "#000"
+    d: "M11.81 2.15L6.493 7.238a.772.772 0 01-.486.211.707.707 0 01-.462-.186L.206 2.146a.667.667 0 01.923-.963l4.878 4.68 4.878-4.674a.666.666 0 01.923.96h.001z"
   })));
 }
 
@@ -17707,12 +17762,12 @@ var Tooltip = function Tooltip(_ref) {
     interactive = _ref$interactive === void 0 ? true : _ref$interactive,
     rest = _objectWithoutProperties$1(_ref, _excluded$F);
   var Tag = as;
-  return jsx(Tippy, _extends$h({
+  return jsx(Tippy, _extends$l({
     placement: placement,
     interactive: interactive,
     appendTo: document.body,
     render: function render(attrs) {
-      return jsx("div", _extends$h({
+      return jsx("div", _extends$l({
         className: "tooltip",
         css: function css(theme) {
           return tooltipContainer(maxWidth, theme);
@@ -17781,7 +17836,7 @@ var Chip = function Chip(_ref) {
   var isFilterOn = Boolean(Icon);
   var componentRef = React.useRef(null);
   var isOverflow = useIsOverflowX(componentRef);
-  return jsx("div", _extends$h({
+  return jsx("div", _extends$l({
     css: function css(theme) {
       var _ref2;
       return chip(theme, {
@@ -17855,7 +17910,7 @@ var Avatar = function Avatar(_ref) {
     alt = _ref.alt,
     children = _ref.children,
     rest = _objectWithoutProperties$1(_ref, _excluded$D);
-  return jsx("figure", _extends$h({
+  return jsx("figure", _extends$l({
     css: function css(theme) {
       return avatar(theme, {
         size: size,
@@ -17885,7 +17940,7 @@ var Tag = function Tag(_ref) {
   var children = _ref.children,
     style = _ref.style,
     rest = _objectWithoutProperties$1(_ref, _excluded$C);
-  return jsx("span", _extends$h({
+  return jsx("span", _extends$l({
     css: tag,
     style: style
   }, rest), children);
@@ -17905,7 +17960,7 @@ var AspectRatio = function AspectRatio(_ref) {
     children = _ref.children,
     rest = _objectWithoutProperties$1(_ref, _excluded$B);
   var paddingPercentage = ratio[1] / ratio[0] * 100;
-  return jsx("div", _extends$h({
+  return jsx("div", _extends$l({
     css: aspectRatioContainer(paddingPercentage)
   }, rest), jsx("div", {
     className: "aspect-ratio-wrapper"
@@ -17943,7 +17998,7 @@ var Badge = function Badge(_ref) {
     "has-content": badgeContent,
     "big-content": badgeContent && badgeContent.length >= 3
   });
-  return jsx("div", _extends$h({
+  return jsx("div", _extends$l({
     css: function css(theme) {
       return container$7(theme, {
         size: size,
@@ -17951,16 +18006,16 @@ var Badge = function Badge(_ref) {
       });
     },
     className: containerClassNames
-  }, containerAttrs), jsx("span", _extends$h({
+  }, containerAttrs), jsx("span", _extends$l({
     className: "content-container"
   }, rest), badgeContent), children);
 };
 
 var global$3 = global$x;
 var aCallable = aCallable$3;
-var toObject$2 = toObject$7;
+var toObject$3 = toObject$8;
 var IndexedObject$1 = indexedObject;
-var lengthOfArrayLike = lengthOfArrayLike$5;
+var lengthOfArrayLike$1 = lengthOfArrayLike$6;
 
 var TypeError$2 = global$3.TypeError;
 
@@ -17968,9 +18023,9 @@ var TypeError$2 = global$3.TypeError;
 var createMethod = function (IS_RIGHT) {
   return function (that, callbackfn, argumentsLength, memo) {
     aCallable(callbackfn);
-    var O = toObject$2(that);
+    var O = toObject$3(that);
     var self = IndexedObject$1(O);
-    var length = lengthOfArrayLike(O);
+    var length = lengthOfArrayLike$1(O);
     var index = IS_RIGHT ? length - 1 : 0;
     var i = IS_RIGHT ? -1 : 1;
     if (argumentsLength < 2) while (true) {
@@ -18005,7 +18060,7 @@ var global$2 = global$x;
 
 var engineIsNode = classof$1(global$2.process) == 'process';
 
-var $$9 = _export;
+var $$a = _export;
 var $reduce = arrayReduce.left;
 var arrayMethodIsStrict$2 = arrayMethodIsStrict$4;
 var CHROME_VERSION = engineV8Version;
@@ -18018,15 +18073,15 @@ var CHROME_BUG = !IS_NODE && CHROME_VERSION > 79 && CHROME_VERSION < 83;
 
 // `Array.prototype.reduce` method
 // https://tc39.es/ecma262/#sec-array.prototype.reduce
-$$9({ target: 'Array', proto: true, forced: !STRICT_METHOD$2 || CHROME_BUG }, {
+$$a({ target: 'Array', proto: true, forced: !STRICT_METHOD$2 || CHROME_BUG }, {
   reduce: function reduce(callbackfn /* , initialValue */) {
     var length = arguments.length;
     return $reduce(this, callbackfn, length, length > 1 ? arguments[1] : undefined);
   }
 });
 
-var $$8 = _export;
-var toObject$1 = toObject$7;
+var $$9 = _export;
+var toObject$2 = toObject$8;
 var nativeKeys = objectKeys$2;
 var fails$1 = fails$h;
 
@@ -18034,9 +18089,9 @@ var FAILS_ON_PRIMITIVES = fails$1(function () { nativeKeys(1); });
 
 // `Object.keys` method
 // https://tc39.es/ecma262/#sec-object.keys
-$$8({ target: 'Object', stat: true, forced: FAILS_ON_PRIMITIVES }, {
+$$9({ target: 'Object', stat: true, forced: FAILS_ON_PRIMITIVES }, {
   keys: function keys(it) {
-    return nativeKeys(toObject$1(it));
+    return nativeKeys(toObject$2(it));
   }
 });
 
@@ -18976,7 +19031,7 @@ var Alert = function Alert(_ref) {
     onClose = _ref.onClose,
     Icon = _ref.icon,
     rest = _objectWithoutProperties$1(_ref, _excluded$z);
-  return jsx("div", _extends$h({
+  return jsx("div", _extends$l({
     css: function css(theme) {
       return container$6(theme, {
         type: type
@@ -19023,7 +19078,7 @@ var ProgressBar = function ProgressBar(_ref) {
     rounded = _ref$rounded === void 0 ? true : _ref$rounded,
     rest = _objectWithoutProperties$1(_ref, _excluded$y);
   var showPercentage = percent >= 0 && percent <= 100;
-  return jsx("div", _extends$h({
+  return jsx("div", _extends$l({
     css: function css(theme) {
       return container$5(theme, {
         percent: percent,
@@ -19039,7 +19094,7 @@ var ProgressBar = function ProgressBar(_ref) {
   }));
 };
 
-var $$7 = _export;
+var $$8 = _export;
 var $map = arrayIteration.map;
 var arrayMethodHasSpeciesSupport$1 = arrayMethodHasSpeciesSupport$4;
 
@@ -19048,7 +19103,7 @@ var HAS_SPECIES_SUPPORT$1 = arrayMethodHasSpeciesSupport$1('map');
 // `Array.prototype.map` method
 // https://tc39.es/ecma262/#sec-array.prototype.map
 // with adding support of @@species
-$$7({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT$1 }, {
+$$8({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT$1 }, {
   map: function map(callbackfn /* , thisArg */) {
     return $map(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
   }
@@ -19070,7 +19125,7 @@ var getOwnPropertySymbols = Object.getOwnPropertySymbols;
 var hasOwnProperty = Object.prototype.hasOwnProperty;
 var propIsEnumerable = Object.prototype.propertyIsEnumerable;
 
-function toObject(val) {
+function toObject$1(val) {
 	if (val === null || val === undefined) {
 		throw new TypeError('Object.assign cannot be called with null or undefined');
 	}
@@ -19124,7 +19179,7 @@ function shouldUseNative() {
 
 var objectAssign = shouldUseNative() ? Object.assign : function (target, source) {
 	var from;
-	var to = toObject(target);
+	var to = toObject$1(target);
 	var symbols;
 
 	for (var s = 1; s < arguments.length; s++) {
@@ -21787,7 +21842,7 @@ var Heading = function Heading(_ref) {
     rest = _objectWithoutProperties$1(_ref, _excluded$x);
   var HeadingTag = as;
   var selectedSize = size || SIZES[as];
-  return jsx(HeadingTag, _extends$h({
+  return jsx(HeadingTag, _extends$l({
     css: function css(theme) {
       return headingContainer(theme, {
         size: selectedSize
@@ -21847,7 +21902,7 @@ var Header$2 = function Header(_ref) {
   var title = typeof children === "string" ? jsx(Heading, {
     size: "md"
   }, children) : children;
-  return jsx("header", _extends$h({
+  return jsx("header", _extends$l({
     css: modalHeader,
     "data-testid": "modal-header"
   }, rest), jsx("div", null, title), onClose && jsx("a", {
@@ -21863,14 +21918,14 @@ var Header$2 = function Header(_ref) {
 var Body$3 = function Body(_ref2) {
   var children = _ref2.children,
     rest = _objectWithoutProperties$1(_ref2, _excluded2$3);
-  return jsx("article", _extends$h({
+  return jsx("article", _extends$l({
     css: modalContent
   }, rest), children);
 };
 var Footer$1 = function Footer(_ref3) {
   var children = _ref3.children,
     rest = _objectWithoutProperties$1(_ref3, _excluded3);
-  return jsx("footer", _extends$h({
+  return jsx("footer", _extends$l({
     css: modalFooter,
     "data-testid": "modal-footer"
   }, rest), children);
@@ -22387,7 +22442,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerYouTube' */
-    './YouTube-215be976.js'); }).then(function (n) { return n.YouTube; });
+    './YouTube-b549bf8a.js'); }).then(function (n) { return n.YouTube; });
   })
 }, {
   key: 'soundcloud',
@@ -22396,7 +22451,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerSoundCloud' */
-    './SoundCloud-5e5bae23.js'); }).then(function (n) { return n.SoundCloud; });
+    './SoundCloud-757f5f75.js'); }).then(function (n) { return n.SoundCloud; });
   })
 }, {
   key: 'vimeo',
@@ -22405,7 +22460,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerVimeo' */
-    './Vimeo-474f6044.js'); }).then(function (n) { return n.Vimeo; });
+    './Vimeo-5b1dc858.js'); }).then(function (n) { return n.Vimeo; });
   })
 }, {
   key: 'facebook',
@@ -22414,7 +22469,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerFacebook' */
-    './Facebook-8477554f.js'); }).then(function (n) { return n.Facebook; });
+    './Facebook-55b0aaea.js'); }).then(function (n) { return n.Facebook; });
   })
 }, {
   key: 'streamable',
@@ -22423,7 +22478,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerStreamable' */
-    './Streamable-d713370b.js'); }).then(function (n) { return n.Streamable; });
+    './Streamable-64f642a4.js'); }).then(function (n) { return n.Streamable; });
   })
 }, {
   key: 'wistia',
@@ -22432,7 +22487,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerWistia' */
-    './Wistia-bd7ccb42.js'); }).then(function (n) { return n.Wistia; });
+    './Wistia-e6769bde.js'); }).then(function (n) { return n.Wistia; });
   })
 }, {
   key: 'twitch',
@@ -22441,7 +22496,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerTwitch' */
-    './Twitch-06b0ec1d.js'); }).then(function (n) { return n.Twitch; });
+    './Twitch-fc0c5b13.js'); }).then(function (n) { return n.Twitch; });
   })
 }, {
   key: 'dailymotion',
@@ -22450,7 +22505,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerDailyMotion' */
-    './DailyMotion-c0c9325b.js'); }).then(function (n) { return n.DailyMotion; });
+    './DailyMotion-3754ce6a.js'); }).then(function (n) { return n.DailyMotion; });
   })
 }, {
   key: 'mixcloud',
@@ -22459,7 +22514,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerMixcloud' */
-    './Mixcloud-9c8be08a.js'); }).then(function (n) { return n.Mixcloud; });
+    './Mixcloud-75ae92d6.js'); }).then(function (n) { return n.Mixcloud; });
   })
 }, {
   key: 'vidyard',
@@ -22468,7 +22523,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerVidyard' */
-    './Vidyard-def2a115.js'); }).then(function (n) { return n.Vidyard; });
+    './Vidyard-bcdbc4bb.js'); }).then(function (n) { return n.Vidyard; });
   })
 }, {
   key: 'kaltura',
@@ -22477,7 +22532,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerKaltura' */
-    './Kaltura-487da943.js'); }).then(function (n) { return n.Kaltura; });
+    './Kaltura-f37c0156.js'); }).then(function (n) { return n.Kaltura; });
   })
 }, {
   key: 'file',
@@ -22489,7 +22544,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerFilePlayer' */
-    './FilePlayer-fa1244d4.js'); }).then(function (n) { return n.FilePlayer; });
+    './FilePlayer-5c868789.js'); }).then(function (n) { return n.FilePlayer; });
   })
 }];
 exports["default"] = _default;
@@ -23414,7 +23469,7 @@ function _defineProperty$1(obj, key, value) { if (key in obj) { Object.definePro
 var Preview = /*#__PURE__*/(0, _react.lazy)(function () {
   return Promise.resolve().then(function () { return require(
   /* webpackChunkName: 'reactPlayerPreview' */
-  './Preview-6c309a9f.js'); }).then(function (n) { return n.Preview; });
+  './Preview-7074b2b3.js'); }).then(function (n) { return n.Preview; });
 });
 var IS_BROWSER = typeof window !== 'undefined' && window.document;
 var IS_GLOBAL = typeof commonjsGlobal !== 'undefined' && commonjsGlobal.window && commonjsGlobal.window.document;
@@ -23674,7 +23729,7 @@ var VideoPlayer = function VideoPlayer(_ref) {
     controls = _ref$controls === void 0 ? true : _ref$controls,
     containerAttrs = _ref.containerAttrs,
     rest = _objectWithoutProperties$1(_ref, _excluded$v);
-  return jsx("div", containerAttrs, jsx(ReactPlayer, _extends$h({
+  return jsx("div", containerAttrs, jsx(ReactPlayer, _extends$l({
     className: "react-player",
     url: src,
     controls: controls,
@@ -23690,7 +23745,7 @@ var AudioPlayer = function AudioPlayer(_ref) {
     controls = _ref$controls === void 0 ? true : _ref$controls,
     containerAttrs = _ref.containerAttrs,
     rest = _objectWithoutProperties$1(_ref, _excluded$u);
-  return jsx("div", containerAttrs, jsx(ReactPlayer, _extends$h({
+  return jsx("div", containerAttrs, jsx(ReactPlayer, _extends$l({
     url: src,
     controls: controls,
     className: "react-player",
@@ -23711,7 +23766,7 @@ var MediaPlayer = function MediaPlayer(_ref) {
   }
 };
 
-var $$6 = _export;
+var $$7 = _export;
 var uncurryThis$5 = functionUncurryThis;
 var isArray$1 = isArray$5;
 
@@ -23722,7 +23777,7 @@ var test = [1, 2];
 // https://tc39.es/ecma262/#sec-array.prototype.reverse
 // fix for Safari 12.0 bug
 // https://bugs.webkit.org/show_bug.cgi?id=188794
-$$6({ target: 'Array', proto: true, forced: String(test) === String(test.reverse()) }, {
+$$7({ target: 'Array', proto: true, forced: String(test) === String(test.reverse()) }, {
   reverse: function reverse() {
     // eslint-disable-next-line no-self-assign -- dirty hack
     if (isArray$1(this)) this.length = this.length;
@@ -23730,6 +23785,177 @@ $$6({ target: 'Array', proto: true, forced: String(test) === String(test.reverse
   }
 });
 
+var toObject = toObject$8;
+var toAbsoluteIndex = toAbsoluteIndex$3;
+var lengthOfArrayLike = lengthOfArrayLike$6;
+
+// `Array.prototype.fill` method implementation
+// https://tc39.es/ecma262/#sec-array.prototype.fill
+var arrayFill = function fill(value /* , start = 0, end = @length */) {
+  var O = toObject(this);
+  var length = lengthOfArrayLike(O);
+  var argumentsLength = arguments.length;
+  var index = toAbsoluteIndex(argumentsLength > 1 ? arguments[1] : undefined, length);
+  var end = argumentsLength > 2 ? arguments[2] : undefined;
+  var endPos = end === undefined ? length : toAbsoluteIndex(end, length);
+  while (endPos > index) O[index++] = value;
+  return O;
+};
+
+var objectDefineProperties = {};
+
+var DESCRIPTORS$1 = descriptors;
+var V8_PROTOTYPE_DEFINE_BUG = v8PrototypeDefineBug;
+var definePropertyModule$1 = objectDefineProperty;
+var anObject$3 = anObject$6;
+var toIndexedObject$1 = toIndexedObject$6;
+var objectKeys = objectKeys$2;
+
+// `Object.defineProperties` method
+// https://tc39.es/ecma262/#sec-object.defineproperties
+// eslint-disable-next-line es/no-object-defineproperties -- safe
+objectDefineProperties.f = DESCRIPTORS$1 && !V8_PROTOTYPE_DEFINE_BUG ? Object.defineProperties : function defineProperties(O, Properties) {
+  anObject$3(O);
+  var props = toIndexedObject$1(Properties);
+  var keys = objectKeys(Properties);
+  var length = keys.length;
+  var index = 0;
+  var key;
+  while (length > index) definePropertyModule$1.f(O, key = keys[index++], props[key]);
+  return O;
+};
+
+var getBuiltIn = getBuiltIn$5;
+
+var html$1 = getBuiltIn('document', 'documentElement');
+
+/* global ActiveXObject -- old IE, WSH */
+
+var anObject$2 = anObject$6;
+var definePropertiesModule = objectDefineProperties;
+var enumBugKeys = enumBugKeys$3;
+var hiddenKeys = hiddenKeys$4;
+var html = html$1;
+var documentCreateElement = documentCreateElement$2;
+var sharedKey = sharedKey$2;
+
+var GT = '>';
+var LT = '<';
+var PROTOTYPE = 'prototype';
+var SCRIPT = 'script';
+var IE_PROTO = sharedKey('IE_PROTO');
+
+var EmptyConstructor = function () { /* empty */ };
+
+var scriptTag = function (content) {
+  return LT + SCRIPT + GT + content + LT + '/' + SCRIPT + GT;
+};
+
+// Create object with fake `null` prototype: use ActiveX Object with cleared prototype
+var NullProtoObjectViaActiveX = function (activeXDocument) {
+  activeXDocument.write(scriptTag(''));
+  activeXDocument.close();
+  var temp = activeXDocument.parentWindow.Object;
+  activeXDocument = null; // avoid memory leak
+  return temp;
+};
+
+// Create object with fake `null` prototype: use iframe Object with cleared prototype
+var NullProtoObjectViaIFrame = function () {
+  // Thrash, waste and sodomy: IE GC bug
+  var iframe = documentCreateElement('iframe');
+  var JS = 'java' + SCRIPT + ':';
+  var iframeDocument;
+  iframe.style.display = 'none';
+  html.appendChild(iframe);
+  // https://github.com/zloirock/core-js/issues/475
+  iframe.src = String(JS);
+  iframeDocument = iframe.contentWindow.document;
+  iframeDocument.open();
+  iframeDocument.write(scriptTag('document.F=Object'));
+  iframeDocument.close();
+  return iframeDocument.F;
+};
+
+// Check for document.domain and active x support
+// No need to use active x approach when document.domain is not set
+// see https://github.com/es-shims/es5-shim/issues/150
+// variation of https://github.com/kitcambridge/es5-shim/commit/4f738ac066346
+// avoid IE GC bug
+var activeXDocument;
+var NullProtoObject = function () {
+  try {
+    activeXDocument = new ActiveXObject('htmlfile');
+  } catch (error) { /* ignore */ }
+  NullProtoObject = typeof document != 'undefined'
+    ? document.domain && activeXDocument
+      ? NullProtoObjectViaActiveX(activeXDocument) // old IE
+      : NullProtoObjectViaIFrame()
+    : NullProtoObjectViaActiveX(activeXDocument); // WSH
+  var length = enumBugKeys.length;
+  while (length--) delete NullProtoObject[PROTOTYPE][enumBugKeys[length]];
+  return NullProtoObject();
+};
+
+hiddenKeys[IE_PROTO] = true;
+
+// `Object.create` method
+// https://tc39.es/ecma262/#sec-object.create
+var objectCreate = Object.create || function create(O, Properties) {
+  var result;
+  if (O !== null) {
+    EmptyConstructor[PROTOTYPE] = anObject$2(O);
+    result = new EmptyConstructor();
+    EmptyConstructor[PROTOTYPE] = null;
+    // add "__proto__" for Object.getPrototypeOf polyfill
+    result[IE_PROTO] = O;
+  } else result = NullProtoObject();
+  return Properties === undefined ? result : definePropertiesModule.f(result, Properties);
+};
+
+var wellKnownSymbol$2 = wellKnownSymbol$a;
+var create = objectCreate;
+var definePropertyModule = objectDefineProperty;
+
+var UNSCOPABLES = wellKnownSymbol$2('unscopables');
+var ArrayPrototype = Array.prototype;
+
+// Array.prototype[@@unscopables]
+// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
+if (ArrayPrototype[UNSCOPABLES] == undefined) {
+  definePropertyModule.f(ArrayPrototype, UNSCOPABLES, {
+    configurable: true,
+    value: create(null)
+  });
+}
+
+// add a key to Array.prototype[@@unscopables]
+var addToUnscopables$3 = function (key) {
+  ArrayPrototype[UNSCOPABLES][key] = true;
+};
+
+var $$6 = _export;
+var fill = arrayFill;
+var addToUnscopables$2 = addToUnscopables$3;
+
+// `Array.prototype.fill` method
+// https://tc39.es/ecma262/#sec-array.prototype.fill
+$$6({ target: 'Array', proto: true }, {
+  fill: fill
+});
+
+// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
+addToUnscopables$2('fill');
+
+var container$4 = function container(_ref) {
+  var pagination = _ref.pagination;
+  return (
+    /*#__PURE__*/
+    /*#__PURE__*/
+    css$2("display:flex;justify-content:center;align-items:center;gap:1rem;flex-direction:column-reverse;&.isRtl{direction:rtl;}", mq["md"], "{flex-direction:row;gap:2rem;}.pagination{display:flex;gap:0.5rem;}.pagination-btn{width:2.5rem;height:2.5rem;svg{fill:", pagination.iconColor, ";}&:hover,&:active,&:link,&:focus{background-color:", pagination.hoverBackground, ";svg{fill:", pagination.color, ";}}&.disabled,&.disabled:hover{background-color:transparent;svg{fill:currentColor;}}}.pagination-selector-wrapper{display:flex;align-items:center;gap:0.5rem;}" + (process.env.NODE_ENV === "production" ? "" : ";label:container;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJWSIsImZpbGUiOiJzdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMsIFRoZW1lIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBtcSB9IGZyb20gXCJAdGhlbWUvdXRpbHMvYnJlYWtwb2ludHNcIjtcblxuZXhwb3J0IGNvbnN0IGNvbnRhaW5lciA9ICh7IHBhZ2luYXRpb24gfTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgcmV0dXJuIGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZ2FwOiAxcmVtO1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW4tcmV2ZXJzZTtcblxuICAgICYuaXNSdGwge1xuICAgICAgZGlyZWN0aW9uOiBydGw7XG4gICAgfVxuXG4gICAgJHttcVtcIm1kXCJdfSB7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgZ2FwOiAycmVtO1xuICAgIH1cblxuICAgIC5wYWdpbmF0aW9uIHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBnYXA6IDAuNXJlbTtcbiAgICB9XG5cbiAgICAucGFnaW5hdGlvbi1idG4ge1xuICAgICAgd2lkdGg6IDIuNXJlbTtcbiAgICAgIGhlaWdodDogMi41cmVtO1xuXG4gICAgICBzdmcge1xuICAgICAgICBmaWxsOiAke3BhZ2luYXRpb24uaWNvbkNvbG9yfTtcbiAgICAgIH1cblxuICAgICAgJjpob3ZlcixcbiAgICAgICY6YWN0aXZlLFxuICAgICAgJjpsaW5rLFxuICAgICAgJjpmb2N1cyB7XG4gICAgICAgIHN2ZyB7XG4gICAgICAgICAgZmlsbDogJHtwYWdpbmF0aW9uLmNvbG9yfTtcbiAgICAgICAgfVxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhZ2luYXRpb24uaG92ZXJCYWNrZ3JvdW5kfTtcbiAgICAgIH1cblxuICAgICAgJi5kaXNhYmxlZCxcbiAgICAgICYuZGlzYWJsZWQ6aG92ZXIge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgc3ZnIHtcbiAgICAgICAgICBmaWxsOiBjdXJyZW50Q29sb3I7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAucGFnaW5hdGlvbi1zZWxlY3Rvci13cmFwcGVyIHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgZ2FwOiAwLjVyZW07XG4gICAgfVxuICBgO1xufTtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:container;")
+  );
+};
+
 var textContainer = function textContainer(_ref, weight, size) {
   var typeScaleSizes = _ref.typeScaleSizes;
   return (
@@ -23749,7 +23975,7 @@ var Text = function Text(_ref) {
     as = _ref$as === void 0 ? "span" : _ref$as,
     rest = _objectWithoutProperties$1(_ref, _excluded$s);
   var Tag = as;
-  return jsx(Tag, _extends$h({
+  return jsx(Tag, _extends$l({
     "data-testid": "text-component",
     css: function css(theme) {
       return textContainer(theme, weight, fontSize);
@@ -23757,16 +23983,6 @@ var Text = function Text(_ref) {
   }, rest), children);
 };
 
-var container$4 = function container(_ref, _ref2) {
-  var pagination = _ref.pagination;
-  var isOpen = _ref2.isOpen;
-  return (
-    /*#__PURE__*/
-    /*#__PURE__*/
-    css$2("display:flex;justify-content:center;align-items:center;.previous-page-btn,.next-page-btn{&:hover,&:active,&:link,&:focus{background-color:", pagination.hoverBackground, "!important;svg{fill:", pagination.color, ";}}.rotate-left{height:24px;transform:rotateZ(-90deg);}.rotate-right{height:24px;transform:rotateZ(90deg);}&.disabled{background-color:transparent;svg{fill:currentColor;}}&:hover{&.disabled{background-color:transparent!important;svg{fill:currentColor;}}}}.pagination-options{.dropdown{position:relative;display:inline-block;.dropdown-header{cursor:pointer;}button{color:", pagination.textColor, ";padding-inline-start:1rem;font-style:", isOpen ? "italic" : "normal", ";&:hover{background-color:", pagination.hoverBackground, ";}&:focus{border:1px solid ", pagination.color, ";}&:focus{border:none;}svg{margin-inline-start:1rem;height:12px;transform:rotateZ(-90deg);}}.dropdown-list{list-style:none;margin:0;box-sizing:border-box;white-space:nowrap;user-select:none;cursor:pointer;max-height:21rem;overflow-y:auto;width:100%;padding:0;.empty-state{cursor:default;color:", pagination.emptyState, ";padding:0.25rem 0.75rem;}::-webkit-scrollbar{width:5px;}li{padding:0.5rem 1rem;.is-selected{font-weight:bold;}&:hover{background-color:", pagination.hoverPaginationList, ";}}}.open-list-container{position:absolute;padding:0;z-index:100;border-radius:5px;box-shadow:0px -2px 6px ", pagination.boxShadowColor, ";background-color:", pagination.emptyState, ";max-width:50rem;width:100%;bottom:100%;inset-inline-start:0;margin-bottom:0.3rem;}}}" + (process.env.NODE_ENV === "production" ? "" : ";label:container;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNWSIsImZpbGUiOiJzdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMsIFRoZW1lIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPSAoXG4gIHsgcGFnaW5hdGlvbiB9OiBUaGVtZSxcbiAgeyBpc09wZW4gfTogeyBpc09wZW46IGJvb2xlYW4gfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIC5wcmV2aW91cy1wYWdlLWJ0bixcbiAgICAubmV4dC1wYWdlLWJ0biB7XG4gICAgICAmOmhvdmVyLFxuICAgICAgJjphY3RpdmUsXG4gICAgICAmOmxpbmssXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke3BhZ2luYXRpb24uY29sb3J9O1xuICAgICAgICB9XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cGFnaW5hdGlvbi5ob3ZlckJhY2tncm91bmR9IWltcG9ydGFudDtcbiAgICAgIH1cblxuICAgICAgLnJvdGF0ZS1sZWZ0IHtcbiAgICAgICAgaGVpZ2h0OiAyNHB4O1xuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZVooLTkwZGVnKTtcbiAgICAgIH1cblxuICAgICAgLnJvdGF0ZS1yaWdodCB7XG4gICAgICAgIGhlaWdodDogMjRweDtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGVaKDkwZGVnKTtcbiAgICAgIH1cblxuICAgICAgJi5kaXNhYmxlZCB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgICBzdmcge1xuICAgICAgICAgIGZpbGw6IGN1cnJlbnRDb2xvcjtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgJi5kaXNhYmxlZCB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQgIWltcG9ydGFudDtcbiAgICAgICAgICBzdmcge1xuICAgICAgICAgICAgZmlsbDogY3VycmVudENvbG9yO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgIC5wYWdpbmF0aW9uLW9wdGlvbnMge1xuICAgICAgLmRyb3Bkb3duIHtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cbiAgICAgICAgLmRyb3Bkb3duLWhlYWRlciB7XG4gICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICB9XG5cbiAgICAgICAgYnV0dG9uIHtcbiAgICAgICAgICBjb2xvcjogJHtwYWdpbmF0aW9uLnRleHRDb2xvcn07XG4gICAgICAgICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IDFyZW07XG4gICAgICAgICAgZm9udC1zdHlsZTogJHtpc09wZW4gPyBcIml0YWxpY1wiIDogXCJub3JtYWxcIn07XG5cbiAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cGFnaW5hdGlvbi5ob3ZlckJhY2tncm91bmR9O1xuICAgICAgICAgIH1cblxuICAgICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtwYWdpbmF0aW9uLmNvbG9yfTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICBzdmcge1xuICAgICAgICAgICAgbWFyZ2luLWlubGluZS1zdGFydDogMXJlbTtcbiAgICAgICAgICAgIGhlaWdodDogMTJweDtcblxuICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGVaKC05MGRlZyk7XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgLmRyb3Bkb3duLWxpc3Qge1xuICAgICAgICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgbWF4LWhlaWdodDogMjFyZW07XG4gICAgICAgICAgb3ZlcmZsb3cteTogYXV0bztcbiAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICBwYWRkaW5nOiAwO1xuXG4gICAgICAgICAgLmVtcHR5LXN0YXRlIHtcbiAgICAgICAgICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgICAgICAgICAgIGNvbG9yOiAke3BhZ2luYXRpb24uZW1wdHlTdGF0ZX07XG4gICAgICAgICAgICBwYWRkaW5nOiAwLjI1cmVtIDAuNzVyZW07XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgICAgICB3aWR0aDogNXB4O1xuICAgICAgICAgIH1cblxuICAgICAgICAgIGxpIHtcbiAgICAgICAgICAgIHBhZGRpbmc6IDAuNXJlbSAxcmVtO1xuXG4gICAgICAgICAgICAuaXMtc2VsZWN0ZWQge1xuICAgICAgICAgICAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cGFnaW5hdGlvbi5ob3ZlclBhZ2luYXRpb25MaXN0fTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAub3Blbi1saXN0LWNvbnRhaW5lciB7XG4gICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgei1pbmRleDogMTAwO1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAgICAgICBib3gtc2hhZG93OiAwcHggLTJweCA2cHggJHtwYWdpbmF0aW9uLmJveFNoYWRvd0NvbG9yfTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhZ2luYXRpb24uZW1wdHlTdGF0ZX07XG4gICAgICAgICAgbWF4LXdpZHRoOiA1MHJlbTtcbiAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICBib3R0b206IDEwMCU7XG4gICAgICAgICAgaW5zZXQtaW5saW5lLXN0YXJ0OiAwO1xuICAgICAgICAgIG1hcmdpbi1ib3R0b206IDAuM3JlbTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgYDtcbn07XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:container;")
-  );
-};
-
 // Improved version of https://usehooks.com/useOnClickOutside/
 var useClickOutside = function useClickOutside(ref, handler) {
   React.useEffect(function () {
@@ -23794,35 +24010,34 @@ var useClickOutside = function useClickOutside(ref, handler) {
   }, [ref, handler]);
 };
 
-var _excluded$r = ["page", "pageSize", "totalPages", "rowsPerPageOptions", "selectionText", "dir", "onPageChange", "onPageSizeChange"];
+var PaginationSelectorStyles = function PaginationSelectorStyles(_ref, _ref2) {
+  var pagination = _ref.pagination;
+  var isOpen = _ref2.isOpen;
+  return (
+    /*#__PURE__*/
+    /*#__PURE__*/
+    css$2("position:relative;display:inline-block;.dropdown-button{display:flex;align-items:center;gap:1rem;height:2.5rem;background-color:", pagination.dropdownBackground, ";border:1px solid ", pagination.dropdownBackground, ";border-radius:5px;padding-inline:1rem;color:", pagination.textColor, ";", isOpen && "\n        background-color: ".concat(pagination.white, ";\n        border: 1px solid ").concat(pagination.background, ";\n          svg {\n            transform: rotate(180deg);\n          }\n      "), ";&:hover{background-color:", pagination.white, ";border:1px solid ", pagination.background, ";}}.dropdown-list{margin:0;padding:0.5rem;width:100%;max-height:21rem;overflow-y:auto;box-sizing:border-box;white-space:nowrap;text-align:center;list-style:none;cursor:pointer;user-select:none;scrollbar-gutter:stable both-edges;::-webkit-scrollbar{width:0.313rem;}::-webkit-scrollbar-track{margin-bottom:0.625rem;margin-top:0.625rem;background:", pagination.white, ";border-radius:5px;}::-webkit-scrollbar-thumb{background:", pagination.scrollBar, ";border-radius:10px;}.empty-state{padding:0.25rem 0.75rem;color:", pagination.emptyState, ";cursor:default;}.dropdown-list-item{padding:0.5rem;width:100%;border-radius:5px;&:hover{display:inline-block;background-color:", pagination.dropdownBackground, ";}.is-selected{font-weight:bold;}}}.dropdown-wrapper{position:absolute;bottom:100%;margin-bottom:0.3rem;padding:0;max-width:50rem;width:100%;inset-inline-start:0;background-color:", pagination.emptyState, ";border-radius:5px;box-shadow:0 3px 6px 0 ", pagination.boxShadowColor, ";z-index:100;}" + (process.env.NODE_ENV === "production" ? "" : ";label:PaginationSelectorStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNWSIsImZpbGUiOiJzdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMsIFRoZW1lIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uU2VsZWN0b3JTdHlsZXMgPSAoXG4gIHsgcGFnaW5hdGlvbiB9OiBUaGVtZSxcbiAgeyBpc09wZW4gfTogeyBpc09wZW46IGJvb2xlYW4gfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cbiAgICAuZHJvcGRvd24tYnV0dG9uIHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgZ2FwOiAxcmVtO1xuICAgICAgaGVpZ2h0OiAyLjVyZW07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhZ2luYXRpb24uZHJvcGRvd25CYWNrZ3JvdW5kfTtcbiAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7cGFnaW5hdGlvbi5kcm9wZG93bkJhY2tncm91bmR9O1xuICAgICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgICAgcGFkZGluZy1pbmxpbmU6IDFyZW07XG4gICAgICBjb2xvcjogJHtwYWdpbmF0aW9uLnRleHRDb2xvcn07XG5cbiAgICAgICY6aG92ZXIge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhZ2luYXRpb24ud2hpdGV9O1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAke3BhZ2luYXRpb24uYmFja2dyb3VuZH07XG4gICAgICB9XG5cbiAgICAgICR7aXNPcGVuICYmXG4gICAgICBgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cGFnaW5hdGlvbi53aGl0ZX07XG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7cGFnaW5hdGlvbi5iYWNrZ3JvdW5kfTtcbiAgICAgICAgICBzdmcge1xuICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMTgwZGVnKTtcbiAgICAgICAgICB9XG4gICAgICBgfVxuICAgIH1cblxuICAgIC5kcm9wZG93bi1saXN0IHtcbiAgICAgIG1hcmdpbjogMDtcbiAgICAgIHBhZGRpbmc6IDAuNXJlbTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWF4LWhlaWdodDogMjFyZW07XG4gICAgICBvdmVyZmxvdy15OiBhdXRvO1xuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICBsaXN0LXN0eWxlOiBub25lO1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgICBzY3JvbGxiYXItZ3V0dGVyOiBzdGFibGUgYm90aC1lZGdlcztcblxuICAgICAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgIHdpZHRoOiAwLjMxM3JlbTtcbiAgICAgIH1cblxuICAgICAgOjotd2Via2l0LXNjcm9sbGJhci10cmFjayB7XG4gICAgICAgIG1hcmdpbi1ib3R0b206IDAuNjI1cmVtO1xuICAgICAgICBtYXJnaW4tdG9wOiAwLjYyNXJlbTtcbiAgICAgICAgYmFja2dyb3VuZDogJHtwYWdpbmF0aW9uLndoaXRlfTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgICAgfVxuXG4gICAgICA6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iIHtcbiAgICAgICAgYmFja2dyb3VuZDogJHtwYWdpbmF0aW9uLnNjcm9sbEJhcn07XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gICAgICB9XG5cbiAgICAgIC5lbXB0eS1zdGF0ZSB7XG4gICAgICAgIHBhZGRpbmc6IDAuMjVyZW0gMC43NXJlbTtcbiAgICAgICAgY29sb3I6ICR7cGFnaW5hdGlvbi5lbXB0eVN0YXRlfTtcbiAgICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgICAgfVxuXG4gICAgICAuZHJvcGRvd24tbGlzdC1pdGVtIHtcbiAgICAgICAgcGFkZGluZzogMC41cmVtO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogNXB4O1xuXG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhZ2luYXRpb24uZHJvcGRvd25CYWNrZ3JvdW5kfTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5pcy1zZWxlY3RlZCB7XG4gICAgICAgICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAuZHJvcGRvd24td3JhcHBlciB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBib3R0b206IDEwMCU7XG4gICAgICBtYXJnaW4tYm90dG9tOiAwLjNyZW07XG4gICAgICBwYWRkaW5nOiAwO1xuICAgICAgbWF4LXdpZHRoOiA1MHJlbTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgaW5zZXQtaW5saW5lLXN0YXJ0OiAwO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwYWdpbmF0aW9uLmVtcHR5U3RhdGV9O1xuICAgICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgICAgYm94LXNoYWRvdzogMCAzcHggNnB4IDAgJHtwYWdpbmF0aW9uLmJveFNoYWRvd0NvbG9yfTtcbiAgICAgIHotaW5kZXg6IDEwMDtcbiAgICB9XG4gIGA7XG59O1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:PaginationSelectorStyles;")
+  );
+};
+
 var SelectedOptionClasses = function SelectedOptionClasses(isSelected) {
   return classNames$1({
     "is-selected": isSelected
   });
 };
-var Pagination = function Pagination(_ref) {
-  var page = _ref.page,
-    pageSize = _ref.pageSize,
-    totalPages = _ref.totalPages,
-    rowsPerPageOptions = _ref.rowsPerPageOptions,
-    selectionText = _ref.selectionText,
-    _ref$dir = _ref.dir,
-    dir = _ref$dir === void 0 ? "ltr" : _ref$dir,
-    onPageChange = _ref.onPageChange,
-    onPageSizeChange = _ref.onPageSizeChange,
-    rest = _objectWithoutProperties$1(_ref, _excluded$r);
+var PaginationSelector = function PaginationSelector(_ref) {
+  var items = _ref.items,
+    selected = _ref.selected,
+    onClickItemHandler = _ref.onClickItemHandler;
   var wrapperRef = React.useRef(null);
   var _useState = React.useState(false),
     _useState2 = _slicedToArray$2(_useState, 2),
     isListOpen = _useState2[0],
     setIsListOpen = _useState2[1];
-  var _useState3 = React.useState(pageSize),
+  var _useState3 = React.useState(selected),
     _useState4 = _slicedToArray$2(_useState3, 2),
     selectedListItem = _useState4[0],
     setSelectedListItem = _useState4[1];
-  var isRtl = dir === "rtl";
-  var isPrevBtnDisabled = page === 1;
-  var isNextBtnDisabled = page === totalPages || totalPages === 0;
   useClickOutside(wrapperRef, function () {
     return setIsListOpen(false);
   });
@@ -23834,56 +24049,38 @@ var Pagination = function Pagination(_ref) {
   };
   var handleListItemSelect = function handleListItemSelect(item) {
     if (isListOpen) {
-      onPageSizeChange(item);
+      onClickItemHandler(item);
       setSelectedListItem(item);
       setIsListOpen(false);
     }
   };
-  var options = rowsPerPageOptions.slice().reverse();
-  return jsx("div", _extends$h({
+  React.useEffect(function () {
+    setSelectedListItem(selected);
+  }, [selected]);
+  return jsx("div", {
     css: function css(theme) {
-      return container$4(theme, {
+      return PaginationSelectorStyles(theme, {
         isOpen: isListOpen
       });
-    }
-  }, rest), jsx(Button, {
-    className: "previous-page-btn",
-    "data-testid": "previous-page-btn",
-    name: "Previous page",
-    onClick: function onClick() {
-      return onPageChange(page - 1);
     },
-    variant: "ghost",
-    noGutters: true,
-    disabled: isPrevBtnDisabled
-  }, jsx(SvgIconChevronDown, {
-    className: isRtl ? "rotate-left" : "rotate-right",
-    height: 32
-  })), jsx("div", {
-    className: "pagination-options"
-  }, jsx("div", {
-    className: "dropdown",
     ref: wrapperRef
-  }, jsx("div", {
+  }, jsx("button", {
     className: "dropdown-button",
     onClick: toggleList
-  }, jsx(Button, {
-    iconAfter: SvgRightArrowIcon,
-    variant: "ghost"
   }, jsx(Text, {
-    fontSize: "sm"
-  }, selectionText))), isListOpen && rowsPerPageOptions.length > 0 && jsx("div", {
-    className: "open-list-container"
-  }, jsx("div", {
+    fontSize: "sm",
+    weight: "700"
+  }, selectedListItem), items.length > 1 && jsx(SvgChevronArrowDown, null)), isListOpen && items.length > 0 && jsx("div", {
     className: "dropdown-wrapper"
   }, jsx("ul", {
     role: "list",
     className: "dropdown-list"
-  }, options.map(function (_ref2) {
+  }, items.map(function (_ref2) {
     var value = _ref2.value,
       label = _ref2.label;
     var isSelected = value === selectedListItem;
     return jsx("li", {
+      className: "dropdown-list-item",
       "data-testid": "pagination-page",
       key: "item-".concat(value),
       onClick: function onClick() {
@@ -23893,8 +24090,82 @@ var Pagination = function Pagination(_ref) {
       fontSize: "sm",
       className: SelectedOptionClasses(isSelected)
     }, label));
-  })))))), jsx(Button, {
-    className: "next-page-btn",
+  }))));
+};
+
+var _excluded$r = ["pageSize", "page", "perPageText", "totalPages", "rowsPerPageOptions", "dir", "onPageChange", "onPageSizeChange"];
+var Pagination = function Pagination(_ref) {
+  var pageSize = _ref.pageSize,
+    page = _ref.page,
+    perPageText = _ref.perPageText,
+    totalPages = _ref.totalPages,
+    rowsPerPageOptions = _ref.rowsPerPageOptions,
+    _ref$dir = _ref.dir,
+    dir = _ref$dir === void 0 ? "ltr" : _ref$dir,
+    onPageChange = _ref.onPageChange,
+    onPageSizeChange = _ref.onPageSizeChange,
+    rest = _objectWithoutProperties$1(_ref, _excluded$r);
+  var isRtl = dir === "rtl";
+  var isPrevBtnDisabled = page === 1;
+  var isNextBtnDisabled = page === totalPages || totalPages === 0;
+  var handlePageSize = function handlePageSize(item) {
+    onPageSizeChange(item);
+  };
+  var handlePageChange = function handlePageChange(item) {
+    onPageChange(item);
+  };
+  var options = rowsPerPageOptions.slice().reverse();
+  var optionItems = Array(totalPages).fill(0).map(function (_, i) {
+    return {
+      value: i + 1,
+      label: "".concat(i + 1)
+    };
+  });
+  var rtlClass = classNames$1({
+    isRtl: isRtl
+  });
+  return jsx("div", _extends$l({
+    css: function css(theme) {
+      return container$4(theme);
+    }
+  }, rest, {
+    className: rtlClass
+  }), jsx("div", {
+    className: "pagination-selector-wrapper"
+  }, jsx(PaginationSelector, {
+    items: options,
+    selected: pageSize,
+    onClickItemHandler: handlePageSize
+  }), jsx("span", null, perPageText)), jsx("div", {
+    className: "pagination"
+  }, jsx(Button, {
+    className: "pagination-btn",
+    "data-testid": "first-page-btn",
+    name: "First page",
+    onClick: function onClick() {
+      return onPageChange(1);
+    },
+    variant: "ghost",
+    noGutters: true,
+    disabled: isPrevBtnDisabled
+  }, jsx(SvgChevronArrowLineLeft, null)), jsx(Button, {
+    className: "pagination-btn",
+    "data-testid": "previous-page-btn",
+    name: "Previous page",
+    onClick: function onClick() {
+      return onPageChange(page - 1);
+    },
+    variant: "ghost",
+    noGutters: true,
+    disabled: isPrevBtnDisabled
+  }, jsx(SvgChevronArrowLeft, null)), jsx("div", {
+    className: "pagination-selector-wrapper"
+  }, jsx(PaginationSelector, {
+    items: optionItems,
+    selected: page,
+    onClickItemHandler: handlePageChange
+  }), totalPages > 1 && jsx("span", null, "of ", totalPages)), jsx(Button, {
+    className: "pagination-btn",
     "data-testid": "next-page-btn",
     name: "Next page",
     onClick: function onClick() {
@@ -23903,10 +24174,17 @@ var Pagination = function Pagination(_ref) {
     variant: "ghost",
     noGutters: true,
     disabled: isNextBtnDisabled
-  }, jsx(SvgIconChevronDown, {
-    className: isRtl ? "rotate-right" : "rotate-left",
-    height: 32
-  })));
+  }, jsx(SvgChevronArrowRight, null)), jsx(Button, {
+    className: "pagination-btn",
+    "data-testid": "last-page-btn",
+    name: "Last page",
+    onClick: function onClick() {
+      return onPageChange(totalPages);
+    },
+    variant: "ghost",
+    noGutters: true,
+    disabled: isNextBtnDisabled
+  }, jsx(SvgChevronArrowLineRight, null))));
 };
 
 var $$5 = _export;
@@ -24079,7 +24357,7 @@ var Tabs = function Tabs(_ref) {
     var tablist = document.getElementsByTagName("nav")[0];
     tabOffset && tablist.scrollTo(tabOffset > 0 ? tabOffset - 16 : 0, 0);
   };
-  return jsx("section", _extends$h({
+  return jsx("section", _extends$l({
     css: container$3
   }, rest), jsx("div", {
     className: "nav-wrapper"
@@ -24174,7 +24452,7 @@ var Result = function Result(_ref) {
     md = _useResponsive.md;
   var Icon = icon;
   var iconSize = getIconSize(md);
-  return jsx("article", _extends$h({
+  return jsx("article", _extends$l({
     "data-testid": "empty-state-container",
     css: function css(theme) {
       return container$2(theme, {
@@ -24227,7 +24505,7 @@ var Breadcrumb = function Breadcrumb(_ref2) {
     _ref2$separator = _ref2.separator,
     separator = _ref2$separator === void 0 ? "/" : _ref2$separator,
     rest = _objectWithoutProperties$1(_ref2, _excluded$o);
-  var breadcrumb = jsx("nav", _extends$h({
+  var breadcrumb = jsx("nav", _extends$l({
     css: function css(theme) {
       return container$1(theme, {
         separator: separator
@@ -24397,7 +24675,7 @@ var Drawer$1 = function Drawer(props) {
   }, dialogClassName !== null && dialogClassName !== void 0 ? dialogClassName : "", dialogClassName));
   var drawer = jsx(LazyMotion, {
     features: domAnimation
-  }, jsx(AnimatePresence, null, isOpen && jsx("div", _extends$h({
+  }, jsx(AnimatePresence, null, isOpen && jsx("div", _extends$l({
     css: function css(theme) {
       return drawerContainer$1(theme, width);
     },
@@ -24595,7 +24873,7 @@ var Sidebar = function Sidebar(_ref) {
   }
   return jsx(LazyMotion, {
     features: domAnimation
-  }, jsx(m.nav, _extends$h({
+  }, jsx(m.nav, _extends$l({
     css: function css(theme) {
       return mainNavContainer(theme, expandedWidth);
     },
@@ -24692,7 +24970,7 @@ var CardHeader = function CardHeader(_ref) {
 };
 
 var Thumbnail = function Thumbnail(props) {
-  return jsx("img", _extends$h({
+  return jsx("img", _extends$l({
     css: thumbnailContainer
   }, props));
 };
@@ -24814,7 +25092,7 @@ var Card = function Card(_ref) {
     rest = _objectWithoutProperties$1(_ref, _excluded$l);
   return jsx(LazyMotion, {
     features: domAnimation
-  }, jsx(AnimatePresence, null, jsx(m.article, _extends$h({
+  }, jsx(AnimatePresence, null, jsx(m.article, _extends$l({
     initial: "rest",
     whileHover: "hover",
     css: cardContainer,
@@ -24847,12 +25125,12 @@ if (String(new Date(NaN)) != INVALID_DATE) {
   });
 }
 
-var anObject$3 = anObject$6;
+var anObject$1 = anObject$6;
 
 // `RegExp.prototype.flags` getter implementation
 // https://tc39.es/ecma262/#sec-get-regexp.prototype.flags
 var regexpFlags = function () {
-  var that = anObject$3(this);
+  var that = anObject$1(this);
   var result = '';
   if (that.global) result += 'g';
   if (that.ignoreCase) result += 'i';
@@ -24866,7 +25144,7 @@ var regexpFlags = function () {
 var uncurryThis$3 = functionUncurryThis;
 var PROPER_FUNCTION_NAME = functionName.PROPER;
 var redefine = redefine$4.exports;
-var anObject$2 = anObject$6;
+var anObject = anObject$6;
 var isPrototypeOf = objectIsPrototypeOf;
 var $toString = toString$5;
 var fails = fails$h;
@@ -24885,7 +25163,7 @@ var INCORRECT_NAME = PROPER_FUNCTION_NAME && n$ToString.name != TO_STRING;
 // https://tc39.es/ecma262/#sec-regexp.prototype.tostring
 if (NOT_GENERIC || INCORRECT_NAME) {
   redefine(RegExp.prototype, TO_STRING, function toString() {
-    var R = anObject$2(this);
+    var R = anObject(this);
     var p = $toString(R.source);
     var rf = R.flags;
     var f = $toString(rf === undefined && isPrototypeOf(RegExpPrototype, R) && !('flags' in RegExpPrototype) ? getFlags(R) : rf);
@@ -24978,7 +25256,7 @@ var Grid = function Grid(props) {
     rest = _objectWithoutProperties$1(props, _excluded$k);
   var templateColumnAttrs = generateGridValues(templateColumns);
   var Component = as;
-  return jsx(Component, _extends$h({
+  return jsx(Component, _extends$l({
     css: gridContainer({
       templateColumns: templateColumnAttrs,
       gap: gap,
@@ -25005,7 +25283,7 @@ var Item = function Item(props) {
   var rowStartAttrs = generateGridValues(rowStart);
   var rowEndAttrs = generateGridValues(rowEnd);
   var Component = as;
-  return jsx(Component, _extends$h({
+  return jsx(Component, _extends$l({
     css: gridItem({
       colSpan: colSpanAttrs,
       colStart: colStartAttrs,
@@ -25093,141 +25371,9 @@ var tableContainer = function tableContainer(_ref) {
   );
 };
 
-var objectDefineProperties = {};
-
-var DESCRIPTORS$1 = descriptors;
-var V8_PROTOTYPE_DEFINE_BUG = v8PrototypeDefineBug;
-var definePropertyModule$1 = objectDefineProperty;
-var anObject$1 = anObject$6;
-var toIndexedObject$1 = toIndexedObject$6;
-var objectKeys = objectKeys$2;
-
-// `Object.defineProperties` method
-// https://tc39.es/ecma262/#sec-object.defineproperties
-// eslint-disable-next-line es/no-object-defineproperties -- safe
-objectDefineProperties.f = DESCRIPTORS$1 && !V8_PROTOTYPE_DEFINE_BUG ? Object.defineProperties : function defineProperties(O, Properties) {
-  anObject$1(O);
-  var props = toIndexedObject$1(Properties);
-  var keys = objectKeys(Properties);
-  var length = keys.length;
-  var index = 0;
-  var key;
-  while (length > index) definePropertyModule$1.f(O, key = keys[index++], props[key]);
-  return O;
-};
-
-var getBuiltIn = getBuiltIn$5;
-
-var html$1 = getBuiltIn('document', 'documentElement');
-
-/* global ActiveXObject -- old IE, WSH */
-
-var anObject = anObject$6;
-var definePropertiesModule = objectDefineProperties;
-var enumBugKeys = enumBugKeys$3;
-var hiddenKeys = hiddenKeys$4;
-var html = html$1;
-var documentCreateElement = documentCreateElement$2;
-var sharedKey = sharedKey$2;
-
-var GT = '>';
-var LT = '<';
-var PROTOTYPE = 'prototype';
-var SCRIPT = 'script';
-var IE_PROTO = sharedKey('IE_PROTO');
-
-var EmptyConstructor = function () { /* empty */ };
-
-var scriptTag = function (content) {
-  return LT + SCRIPT + GT + content + LT + '/' + SCRIPT + GT;
-};
-
-// Create object with fake `null` prototype: use ActiveX Object with cleared prototype
-var NullProtoObjectViaActiveX = function (activeXDocument) {
-  activeXDocument.write(scriptTag(''));
-  activeXDocument.close();
-  var temp = activeXDocument.parentWindow.Object;
-  activeXDocument = null; // avoid memory leak
-  return temp;
-};
-
-// Create object with fake `null` prototype: use iframe Object with cleared prototype
-var NullProtoObjectViaIFrame = function () {
-  // Thrash, waste and sodomy: IE GC bug
-  var iframe = documentCreateElement('iframe');
-  var JS = 'java' + SCRIPT + ':';
-  var iframeDocument;
-  iframe.style.display = 'none';
-  html.appendChild(iframe);
-  // https://github.com/zloirock/core-js/issues/475
-  iframe.src = String(JS);
-  iframeDocument = iframe.contentWindow.document;
-  iframeDocument.open();
-  iframeDocument.write(scriptTag('document.F=Object'));
-  iframeDocument.close();
-  return iframeDocument.F;
-};
-
-// Check for document.domain and active x support
-// No need to use active x approach when document.domain is not set
-// see https://github.com/es-shims/es5-shim/issues/150
-// variation of https://github.com/kitcambridge/es5-shim/commit/4f738ac066346
-// avoid IE GC bug
-var activeXDocument;
-var NullProtoObject = function () {
-  try {
-    activeXDocument = new ActiveXObject('htmlfile');
-  } catch (error) { /* ignore */ }
-  NullProtoObject = typeof document != 'undefined'
-    ? document.domain && activeXDocument
-      ? NullProtoObjectViaActiveX(activeXDocument) // old IE
-      : NullProtoObjectViaIFrame()
-    : NullProtoObjectViaActiveX(activeXDocument); // WSH
-  var length = enumBugKeys.length;
-  while (length--) delete NullProtoObject[PROTOTYPE][enumBugKeys[length]];
-  return NullProtoObject();
-};
-
-hiddenKeys[IE_PROTO] = true;
-
-// `Object.create` method
-// https://tc39.es/ecma262/#sec-object.create
-var objectCreate = Object.create || function create(O, Properties) {
-  var result;
-  if (O !== null) {
-    EmptyConstructor[PROTOTYPE] = anObject(O);
-    result = new EmptyConstructor();
-    EmptyConstructor[PROTOTYPE] = null;
-    // add "__proto__" for Object.getPrototypeOf polyfill
-    result[IE_PROTO] = O;
-  } else result = NullProtoObject();
-  return Properties === undefined ? result : definePropertiesModule.f(result, Properties);
-};
-
-var wellKnownSymbol$2 = wellKnownSymbol$a;
-var create = objectCreate;
-var definePropertyModule = objectDefineProperty;
-
-var UNSCOPABLES = wellKnownSymbol$2('unscopables');
-var ArrayPrototype = Array.prototype;
-
-// Array.prototype[@@unscopables]
-// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
-if (ArrayPrototype[UNSCOPABLES] == undefined) {
-  definePropertyModule.f(ArrayPrototype, UNSCOPABLES, {
-    configurable: true,
-    value: create(null)
-  });
-}
-
-// add a key to Array.prototype[@@unscopables]
-var addToUnscopables$2 = function (key) {
-  ArrayPrototype[UNSCOPABLES][key] = true;
-};
-
 var $$4 = _export;
 var $includes = arrayIncludes.includes;
-var addToUnscopables$1 = addToUnscopables$2;
+var addToUnscopables$1 = addToUnscopables$3;
 
 // `Array.prototype.includes` method
 // https://tc39.es/ecma262/#sec-array.prototype.includes
@@ -25303,7 +25449,7 @@ $$3({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }
 
 var $$2 = _export;
 var $find = arrayIteration.find;
-var addToUnscopables = addToUnscopables$2;
+var addToUnscopables = addToUnscopables$3;
 
 var FIND = 'find';
 var SKIPS_HOLES = true;
@@ -25358,7 +25504,7 @@ var Checkbox = function Checkbox(props, ref) {
     containerAttrs = props.containerAttrs,
     isPartiallySelected = props.isPartiallySelected,
     rest = _objectWithoutProperties$1(props, _excluded$j);
-  return jsx("div", _extends$h({
+  return jsx("div", _extends$l({
     ref: ref,
     css: function css(theme) {
       return checkboxContainer(theme, {
@@ -25369,7 +25515,7 @@ var Checkbox = function Checkbox(props, ref) {
   }, containerAttrs), isPartiallySelected && jsx("span", {
     "data-testid": "is-partially-selected",
     className: "dash"
-  }), jsx("input", _extends$h({
+  }), jsx("input", _extends$l({
     id: id,
     type: "checkbox"
   }, rest)), jsx("label", {
@@ -25412,7 +25558,7 @@ var Cell = function Cell(_ref) {
       }
     }
   }, [overflowRef, windowSize]);
-  return jsx(Component, _extends$h({
+  return jsx(Component, _extends$l({
     ref: componentRef,
     style: style,
     onClick: onClick
@@ -25715,10 +25861,10 @@ var Table = function Table(props) {
   return jsx("div", {
     css: tableContainer,
     "data-testid": "table"
-  }, jsx("table", null, jsx(Table.Header, _extends$h({
+  }, jsx("table", null, jsx(Table.Header, _extends$l({
     state: state,
     dispatch: dispatch
-  }, props)), jsx(Table.Body, _extends$h({
+  }, props)), jsx(Table.Body, _extends$l({
     state: state,
     dispatch: dispatch
   }, props))));
@@ -25836,7 +25982,7 @@ var Label = function Label(_ref) {
     size = _ref$size === void 0 ? "md" : _ref$size,
     children = _ref.children,
     rest = _objectWithoutProperties$1(_ref, _excluded$h);
-  return jsx("label", _extends$h({
+  return jsx("label", _extends$l({
     css: function css(theme) {
       return label(theme, {
         size: size
@@ -25896,7 +26042,7 @@ var Input$2 = function Input(_ref, forwardedRef) {
     if (onClear) onClear(e);
     setFocus();
   };
-  return jsx("div", _extends$h({
+  return jsx("div", _extends$l({
     css: function css(theme) {
       return inputContainer(theme, {
         size: size,
@@ -25922,7 +26068,7 @@ var Input$2 = function Input(_ref, forwardedRef) {
     "data-testid": "input-icon-before"
   }, jsx(IconBefore, {
     height: iconHeight
-  })), jsx("input", _extends$h({
+  })), jsx("input", _extends$l({
     value: value,
     ref: internalRef,
     id: id
@@ -25980,7 +26126,7 @@ var SearchInput = function SearchInput(_ref) {
     onInputChanged("");
     setSearchValue("");
   };
-  return jsx("div", _extends$h({
+  return jsx("div", _extends$l({
     css: searchInputContainer
   }, rest), jsx(Input$3, {
     id: id,
@@ -26208,7 +26354,7 @@ var _excluded$e = ["children"];
 var FormError = function FormError(_ref) {
   var children = _ref.children,
     rest = _objectWithoutProperties$1(_ref, _excluded$e);
-  return jsx("article", _extends$h({
+  return jsx("article", _extends$l({
     css: errorContainer
   }, rest), children);
 };
@@ -26229,7 +26375,7 @@ var InputError = function InputError(_ref) {
     children = _ref.children,
     rest = _objectWithoutProperties$1(_ref, _excluded$d);
   var InputErrorTag = as;
-  return jsx(InputErrorTag, _extends$h({
+  return jsx(InputErrorTag, _extends$l({
     css: inputError
   }, rest), children);
 };
@@ -26302,7 +26448,7 @@ var CheckboxGroup = function CheckboxGroup(_ref) {
   React.useEffect(function () {
     onChange && onChange(selectedValues);
   }, [selectedValues, onChange]);
-  return jsx("fieldset", _extends$h({
+  return jsx("fieldset", _extends$l({
     css: checkboxGroupContainer(inline)
   }, rest), jsx("legend", null, isPartiallySelected && jsx("span", {
     className: "dash"
@@ -26319,7 +26465,7 @@ var CheckboxGroup = function CheckboxGroup(_ref) {
   })), jsx("ul", null, options.map(function (option) {
     return jsx("li", {
       key: option.name
-    }, jsx(Checkbox$1, _extends$h({
+    }, jsx(Checkbox$1, _extends$l({
       id: "".concat(groupname, "-").concat(option.value),
       size: size,
       checked: selectedValues.includes(option.value),
@@ -26365,7 +26511,7 @@ var RadioButton = function RadioButton(_ref) {
     "is-selected": value === selectedValue
   });
   var propHTMLClass = rest !== null && rest !== void 0 && rest.className ? rest === null || rest === void 0 ? void 0 : rest.className : "";
-  return jsx("button", _extends$h({
+  return jsx("button", _extends$l({
     id: "radio-".concat(index),
     className: "".concat(cssClasses).concat(propHTMLClass),
     onClick: handleClick,
@@ -26388,7 +26534,7 @@ var RadioButtonGroup = function RadioButtonGroup(props) {
     onChange = props.onChange,
     rest = _objectWithoutProperties$1(props, _excluded$a);
   return jsx("div", rest, options.map(function (option, index) {
-    return jsx(RadioButton, _extends$h({
+    return jsx(RadioButton, _extends$l({
       key: option.value,
       index: index,
       size: size,
@@ -26431,14 +26577,14 @@ var Radio = function Radio(_ref) {
     inline = _ref$inline === void 0 ? false : _ref$inline,
     containerAttrs = _ref.containerAttrs,
     rest = _objectWithoutProperties$1(_ref, _excluded$9);
-  return jsx("div", _extends$h({
+  return jsx("div", _extends$l({
     css: function css(theme) {
       return radioButtonContainer(theme, {
         size: size,
         inline: inline
       });
     }
-  }, containerAttrs), jsx("input", _extends$h({
+  }, containerAttrs), jsx("input", _extends$l({
     id: id,
     type: "radio"
   }, rest)), jsx("label", {
@@ -26469,11 +26615,11 @@ var RadioGroup = function RadioGroup(_ref) {
   React.useEffect(function () {
     onChange && onChange(selectedValue);
   }, [selectedValue, onChange]);
-  return jsx("fieldset", _extends$h({
+  return jsx("fieldset", _extends$l({
     css: container(inline),
     id: (_rest$id = rest === null || rest === void 0 ? void 0 : rest.id) !== null && _rest$id !== void 0 ? _rest$id : groupname
   }, rest), options.map(function (option) {
-    return jsx(Radio, _extends$h({
+    return jsx(Radio, _extends$l({
       key: option.value,
       id: "".concat(groupname, "-").concat(option.value),
       size: size,
@@ -27725,7 +27871,7 @@ var Menu = function Menu(props) {
   var children = props.children,
     innerRef = props.innerRef,
     innerProps = props.innerProps;
-  return jsx("div", _extends$i({}, getStyleProps(props, 'menu', {
+  return jsx("div", _extends$m({}, getStyleProps(props, 'menu', {
     menu: true
   }), {
     ref: innerRef
@@ -27756,7 +27902,7 @@ var MenuList$1 = function MenuList(props) {
     innerProps = props.innerProps,
     innerRef = props.innerRef,
     isMulti = props.isMulti;
-  return jsx("div", _extends$i({}, getStyleProps(props, 'menuList', {
+  return jsx("div", _extends$m({}, getStyleProps(props, 'menuList', {
     'menu-list': true,
     'menu-list--is-multi': isMulti
   }), {
@@ -27786,7 +27932,7 @@ var NoOptionsMessage = function NoOptionsMessage(_ref6) {
     children = _ref6$children === void 0 ? 'No options' : _ref6$children,
     innerProps = _ref6.innerProps,
     restProps = _objectWithoutProperties(_ref6, _excluded$3$1);
-  return jsx("div", _extends$i({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
+  return jsx("div", _extends$m({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
     children: children,
     innerProps: innerProps
   }), 'noOptionsMessage', {
@@ -27799,7 +27945,7 @@ var LoadingMessage = function LoadingMessage(_ref7) {
     children = _ref7$children === void 0 ? 'Loading...' : _ref7$children,
     innerProps = _ref7.innerProps,
     restProps = _objectWithoutProperties(_ref7, _excluded2$1);
-  return jsx("div", _extends$i({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
+  return jsx("div", _extends$m({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
     children: children,
     innerProps: innerProps
   }), 'loadingMessage', {
@@ -27884,7 +28030,7 @@ var MenuPortal = function MenuPortal(props) {
   if (!appendTo && menuPosition !== 'fixed' || !computedPosition) return null;
 
   // same wrapper element whether fixed or portalled
-  var menuWrapper = jsx("div", _extends$i({
+  var menuWrapper = jsx("div", _extends$m({
     ref: setMenuPortalElement
   }, getStyleProps(_objectSpread2(_objectSpread2({}, props), {}, {
     offset: computedPosition.offset,
@@ -27918,7 +28064,7 @@ var SelectContainer = function SelectContainer(props) {
     innerProps = props.innerProps,
     isDisabled = props.isDisabled,
     isRtl = props.isRtl;
-  return jsx("div", _extends$i({}, getStyleProps(props, 'container', {
+  return jsx("div", _extends$m({}, getStyleProps(props, 'container', {
     '--is-disabled': isDisabled,
     '--is-rtl': isRtl
   }), innerProps), children);
@@ -27950,7 +28096,7 @@ var ValueContainer$1 = function ValueContainer(props) {
     innerProps = props.innerProps,
     isMulti = props.isMulti,
     hasValue = props.hasValue;
-  return jsx("div", _extends$i({}, getStyleProps(props, 'valueContainer', {
+  return jsx("div", _extends$m({}, getStyleProps(props, 'valueContainer', {
     'value-container': true,
     'value-container--is-multi': isMulti,
     'value-container--has-value': hasValue
@@ -27972,7 +28118,7 @@ var indicatorsContainerCSS = function indicatorsContainerCSS() {
 var IndicatorsContainer = function IndicatorsContainer(props) {
   var children = props.children,
     innerProps = props.innerProps;
-  return jsx("div", _extends$i({}, getStyleProps(props, 'indicatorsContainer', {
+  return jsx("div", _extends$m({}, getStyleProps(props, 'indicatorsContainer', {
     indicators: true
   }), innerProps), children);
 };
@@ -27997,7 +28143,7 @@ var _ref2$2 = process.env.NODE_ENV === "production" ? {
 var Svg = function Svg(_ref) {
   var size = _ref.size,
     props = _objectWithoutProperties(_ref, _excluded$2$1);
-  return jsx("svg", _extends$i({
+  return jsx("svg", _extends$m({
     height: size,
     width: size,
     viewBox: "0 0 20 20",
@@ -28007,14 +28153,14 @@ var Svg = function Svg(_ref) {
   }, props));
 };
 var CrossIcon = function CrossIcon(props) {
-  return jsx(Svg, _extends$i({
+  return jsx(Svg, _extends$m({
     size: 20
   }, props), jsx("path", {
     d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"
   }));
 };
 var DownChevron = function DownChevron(props) {
-  return jsx(Svg, _extends$i({
+  return jsx(Svg, _extends$m({
     size: 20
   }, props), jsx("path", {
     d: "M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
@@ -28046,7 +28192,7 @@ var dropdownIndicatorCSS = baseCSS;
 var DropdownIndicator = function DropdownIndicator(props) {
   var children = props.children,
     innerProps = props.innerProps;
-  return jsx("div", _extends$i({}, getStyleProps(props, 'dropdownIndicator', {
+  return jsx("div", _extends$m({}, getStyleProps(props, 'dropdownIndicator', {
     indicator: true,
     'dropdown-indicator': true
   }), innerProps), children || jsx(DownChevron, null));
@@ -28055,7 +28201,7 @@ var clearIndicatorCSS = baseCSS;
 var ClearIndicator = function ClearIndicator(props) {
   var children = props.children,
     innerProps = props.innerProps;
-  return jsx("div", _extends$i({}, getStyleProps(props, 'clearIndicator', {
+  return jsx("div", _extends$m({}, getStyleProps(props, 'clearIndicator', {
     indicator: true,
     'clear-indicator': true
   }), innerProps), children || jsx(CrossIcon, null));
@@ -28082,7 +28228,7 @@ var indicatorSeparatorCSS = function indicatorSeparatorCSS(_ref4, unstyled) {
 };
 var IndicatorSeparator = function IndicatorSeparator(props) {
   var innerProps = props.innerProps;
-  return jsx("span", _extends$i({}, innerProps, getStyleProps(props, 'indicatorSeparator', {
+  return jsx("span", _extends$m({}, innerProps, getStyleProps(props, 'indicatorSeparator', {
     'indicator-separator': true
   })));
 };
@@ -28135,7 +28281,7 @@ var LoadingIndicator = function LoadingIndicator(_ref7) {
     _ref7$size = _ref7.size,
     size = _ref7$size === void 0 ? 4 : _ref7$size,
     restProps = _objectWithoutProperties(_ref7, _excluded2);
-  return jsx("div", _extends$i({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
+  return jsx("div", _extends$m({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
     innerProps: innerProps,
     isRtl: isRtl,
     size: size
@@ -28191,7 +28337,7 @@ var Control = function Control(props) {
     innerRef = props.innerRef,
     innerProps = props.innerProps,
     menuIsOpen = props.menuIsOpen;
-  return jsx("div", _extends$i({
+  return jsx("div", _extends$m({
     ref: innerRef
   }, getStyleProps(props, 'control', {
     control: true,
@@ -28221,9 +28367,9 @@ var Group = function Group(props) {
     label = props.label,
     theme = props.theme,
     selectProps = props.selectProps;
-  return jsx("div", _extends$i({}, getStyleProps(props, 'group', {
+  return jsx("div", _extends$m({}, getStyleProps(props, 'group', {
     group: true
-  }), innerProps), jsx(Heading, _extends$i({}, headingProps, {
+  }), innerProps), jsx(Heading, _extends$m({}, headingProps, {
     selectProps: selectProps,
     theme: theme,
     getStyles: getStyles,
@@ -28253,7 +28399,7 @@ var GroupHeading = function GroupHeading(props) {
   var _cleanCommonProps = cleanCommonProps(props);
     _cleanCommonProps.data;
     var innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded$1$1);
-  return jsx("div", _extends$i({}, getStyleProps(props, 'groupHeading', {
+  return jsx("div", _extends$m({}, getStyleProps(props, 'groupHeading', {
     'group-heading': true
   }), innerProps));
 };
@@ -28316,11 +28462,11 @@ var Input = function Input(props) {
     isHidden = _cleanCommonProps.isHidden,
     inputClassName = _cleanCommonProps.inputClassName,
     innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded$6);
-  return jsx("div", _extends$i({}, getStyleProps(props, 'input', {
+  return jsx("div", _extends$m({}, getStyleProps(props, 'input', {
     'input-container': true
   }), {
     "data-value": value || ''
-  }), jsx("input", _extends$i({
+  }), jsx("input", _extends$m({
     className: cx({
       input: true
     }, inputClassName),
@@ -28393,7 +28539,7 @@ var MultiValueLabel = MultiValueGeneric;
 function MultiValueRemove(_ref5) {
   var children = _ref5.children,
     innerProps = _ref5.innerProps;
-  return jsx("div", _extends$i({
+  return jsx("div", _extends$m({
     role: "button"
   }, innerProps), children || jsx(CrossIcon, {
     size: 14
@@ -28467,7 +28613,7 @@ var Option = function Option(props) {
     isSelected = props.isSelected,
     innerRef = props.innerRef,
     innerProps = props.innerProps;
-  return jsx("div", _extends$i({}, getStyleProps(props, 'option', {
+  return jsx("div", _extends$m({}, getStyleProps(props, 'option', {
     option: true,
     'option--is-disabled': isDisabled,
     'option--is-focused': isFocused,
@@ -28495,7 +28641,7 @@ var placeholderCSS = function placeholderCSS(_ref, unstyled) {
 var Placeholder$1 = function Placeholder(props) {
   var children = props.children,
     innerProps = props.innerProps;
-  return jsx("div", _extends$i({}, getStyleProps(props, 'placeholder', {
+  return jsx("div", _extends$m({}, getStyleProps(props, 'placeholder', {
     placeholder: true
   }), innerProps), children);
 };
@@ -28523,7 +28669,7 @@ var SingleValue$1 = function SingleValue(props) {
   var children = props.children,
     isDisabled = props.isDisabled,
     innerProps = props.innerProps;
-  return jsx("div", _extends$i({}, getStyleProps(props, 'singleValue', {
+  return jsx("div", _extends$m({}, getStyleProps(props, 'singleValue', {
     'single-value': true,
     'single-value--is-disabled': isDisabled
   }), innerProps), children);
@@ -28624,7 +28770,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
 };
 var A11yText = function A11yText(props) {
-  return jsx("span", _extends$i({
+  return jsx("span", _extends$m({
     css: _ref
   }, props));
 };
@@ -29132,7 +29278,7 @@ function DummyInput(_ref) {
     props = _objectWithoutProperties(_ref, _excluded$5);
   // Remove animation props not meant for HTML elements
   var filteredProps = removeProps(props, 'onExited', 'in', 'enter', 'exit', 'appear');
-  return jsx("input", _extends$i({
+  return jsx("input", _extends$m({
     ref: innerRef
   }, filteredProps, {
     css: /*#__PURE__*/css$2({
@@ -30640,7 +30786,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
       });
       if (!isSearchable) {
         // use a dummy input to maintain focus/blur functionality
-        return /*#__PURE__*/React__namespace.createElement(DummyInput, _extends$i({
+        return /*#__PURE__*/React__namespace.createElement(DummyInput, _extends$m({
           id: id,
           innerRef: this.getInputRef,
           onBlur: this.onInputBlur,
@@ -30653,7 +30799,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
           value: ""
         }, ariaAttributes));
       }
-      return /*#__PURE__*/React__namespace.createElement(Input, _extends$i({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(Input, _extends$m({}, commonProps, {
         autoCapitalize: "none",
         autoComplete: "off",
         autoCorrect: "off",
@@ -30694,7 +30840,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
         focusedValue = _this$state5.focusedValue,
         isFocused = _this$state5.isFocused;
       if (!this.hasValue() || !controlShouldRenderValue) {
-        return inputValue ? null : /*#__PURE__*/React__namespace.createElement(Placeholder, _extends$i({}, commonProps, {
+        return inputValue ? null : /*#__PURE__*/React__namespace.createElement(Placeholder, _extends$m({}, commonProps, {
           key: "placeholder",
           isDisabled: isDisabled,
           isFocused: isFocused,
@@ -30707,7 +30853,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
         return selectValue.map(function (opt, index) {
           var isOptionFocused = opt === focusedValue;
           var key = "".concat(_this3.getOptionLabel(opt), "-").concat(_this3.getOptionValue(opt));
-          return /*#__PURE__*/React__namespace.createElement(MultiValue, _extends$i({}, commonProps, {
+          return /*#__PURE__*/React__namespace.createElement(MultiValue, _extends$m({}, commonProps, {
             components: {
               Container: MultiValueContainer,
               Label: MultiValueLabel,
@@ -30736,7 +30882,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
         return null;
       }
       var singleValue = selectValue[0];
-      return /*#__PURE__*/React__namespace.createElement(SingleValue, _extends$i({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(SingleValue, _extends$m({}, commonProps, {
         data: singleValue,
         isDisabled: isDisabled
       }), this.formatOptionLabel(singleValue, 'value'));
@@ -30759,7 +30905,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
         onTouchEnd: this.onClearIndicatorTouchEnd,
         'aria-hidden': 'true'
       };
-      return /*#__PURE__*/React__namespace.createElement(ClearIndicator, _extends$i({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(ClearIndicator, _extends$m({}, commonProps, {
         innerProps: innerProps,
         isFocused: isFocused
       }));
@@ -30778,7 +30924,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
       var innerProps = {
         'aria-hidden': 'true'
       };
-      return /*#__PURE__*/React__namespace.createElement(LoadingIndicator, _extends$i({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(LoadingIndicator, _extends$m({}, commonProps, {
         innerProps: innerProps,
         isDisabled: isDisabled,
         isFocused: isFocused
@@ -30796,7 +30942,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
       var commonProps = this.commonProps;
       var isDisabled = this.props.isDisabled;
       var isFocused = this.state.isFocused;
-      return /*#__PURE__*/React__namespace.createElement(IndicatorSeparator, _extends$i({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(IndicatorSeparator, _extends$m({}, commonProps, {
         isDisabled: isDisabled,
         isFocused: isFocused
       }));
@@ -30815,7 +30961,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
         onTouchEnd: this.onDropdownIndicatorTouchEnd,
         'aria-hidden': 'true'
       };
-      return /*#__PURE__*/React__namespace.createElement(DropdownIndicator, _extends$i({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(DropdownIndicator, _extends$m({}, commonProps, {
         innerProps: innerProps,
         isDisabled: isDisabled,
         isFocused: isFocused
@@ -30877,7 +31023,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
           onMouseOver: onHover,
           tabIndex: -1
         };
-        return /*#__PURE__*/React__namespace.createElement(Option, _extends$i({}, commonProps, {
+        return /*#__PURE__*/React__namespace.createElement(Option, _extends$m({}, commonProps, {
           innerProps: innerProps,
           data: data,
           isDisabled: isDisabled,
@@ -30899,7 +31045,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
               groupIndex = item.index;
             var groupId = "".concat(_this4.getElementId('group'), "-").concat(groupIndex);
             var headingId = "".concat(groupId, "-heading");
-            return /*#__PURE__*/React__namespace.createElement(Group, _extends$i({}, commonProps, {
+            return /*#__PURE__*/React__namespace.createElement(Group, _extends$m({}, commonProps, {
               key: groupId,
               data: _data,
               options: options,
@@ -30936,12 +31082,12 @@ var Select$2 = /*#__PURE__*/function (_Component) {
         menuPosition: menuPosition,
         menuShouldScrollIntoView: menuShouldScrollIntoView
       };
-      var menuElement = /*#__PURE__*/React__namespace.createElement(MenuPlacer, _extends$i({}, commonProps, menuPlacementProps), function (_ref4) {
+      var menuElement = /*#__PURE__*/React__namespace.createElement(MenuPlacer, _extends$m({}, commonProps, menuPlacementProps), function (_ref4) {
         var ref = _ref4.ref,
           _ref4$placerProps = _ref4.placerProps,
           placement = _ref4$placerProps.placement,
           maxHeight = _ref4$placerProps.maxHeight;
-        return /*#__PURE__*/React__namespace.createElement(Menu, _extends$i({}, commonProps, menuPlacementProps, {
+        return /*#__PURE__*/React__namespace.createElement(Menu, _extends$m({}, commonProps, menuPlacementProps, {
           innerRef: ref,
           innerProps: {
             onMouseDown: _this4.onMenuMouseDown,
@@ -30956,7 +31102,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
           onBottomArrive: onMenuScrollToBottom,
           lockEnabled: menuShouldBlockScroll
         }, function (scrollTargetRef) {
-          return /*#__PURE__*/React__namespace.createElement(MenuList, _extends$i({}, commonProps, {
+          return /*#__PURE__*/React__namespace.createElement(MenuList, _extends$m({}, commonProps, {
             innerRef: function innerRef(instance) {
               _this4.getMenuListRef(instance);
               scrollTargetRef(instance);
@@ -30971,7 +31117,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
       // positioning behaviour is almost identical for portalled and fixed,
       // so we use the same component. the actual portalling logic is forked
       // within the component based on `menuPosition`
-      return menuPortalTarget || menuPosition === 'fixed' ? /*#__PURE__*/React__namespace.createElement(MenuPortal, _extends$i({}, commonProps, {
+      return menuPortalTarget || menuPosition === 'fixed' ? /*#__PURE__*/React__namespace.createElement(MenuPortal, _extends$m({}, commonProps, {
         appendTo: menuPortalTarget,
         controlElement: this.controlRef,
         menuPlacement: menuPlacement,
@@ -31041,7 +31187,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
         isFocused = _this$state6.isFocused,
         selectValue = _this$state6.selectValue;
       var focusableOptions = this.getFocusableOptions();
-      return /*#__PURE__*/React__namespace.createElement(LiveRegion$1, _extends$i({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(LiveRegion$1, _extends$m({}, commonProps, {
         id: this.getElementId('live-region'),
         ariaSelection: ariaSelection,
         focusedOption: focusedOption,
@@ -31066,7 +31212,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
         menuIsOpen = _this$props14.menuIsOpen;
       var isFocused = this.state.isFocused;
       var commonProps = this.commonProps = this.getCommonProps();
-      return /*#__PURE__*/React__namespace.createElement(SelectContainer, _extends$i({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(SelectContainer, _extends$m({}, commonProps, {
         className: className,
         innerProps: {
           id: id,
@@ -31074,7 +31220,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
         },
         isDisabled: isDisabled,
         isFocused: isFocused
-      }), this.renderLiveRegion(), /*#__PURE__*/React__namespace.createElement(Control, _extends$i({}, commonProps, {
+      }), this.renderLiveRegion(), /*#__PURE__*/React__namespace.createElement(Control, _extends$m({}, commonProps, {
         innerRef: this.getControlRef,
         innerProps: {
           onMouseDown: this.onControlMouseDown,
@@ -31083,9 +31229,9 @@ var Select$2 = /*#__PURE__*/function (_Component) {
         isDisabled: isDisabled,
         isFocused: isFocused,
         menuIsOpen: menuIsOpen
-      }), /*#__PURE__*/React__namespace.createElement(ValueContainer, _extends$i({}, commonProps, {
+      }), /*#__PURE__*/React__namespace.createElement(ValueContainer, _extends$m({}, commonProps, {
         isDisabled: isDisabled
-      }), this.renderPlaceholderOrValue(), this.renderInput()), /*#__PURE__*/React__namespace.createElement(IndicatorsContainer, _extends$i({}, commonProps, {
+      }), this.renderPlaceholderOrValue(), this.renderInput()), /*#__PURE__*/React__namespace.createElement(IndicatorsContainer, _extends$m({}, commonProps, {
         isDisabled: isDisabled
       }), this.renderClearIndicator(), this.renderLoadingIndicator(), this.renderIndicatorSeparator(), this.renderDropdownIndicator())), this.renderMenu(), this.renderFormField());
     }
@@ -31152,7 +31298,7 @@ Select$2.defaultProps = defaultProps;
 
 var StateManagedSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var baseSelectProps = useStateManager(props);
-  return /*#__PURE__*/React__namespace.createElement(Select$2, _extends$i({
+  return /*#__PURE__*/React__namespace.createElement(Select$2, _extends$m({
     ref: ref
   }, baseSelectProps));
 });
@@ -31249,7 +31395,7 @@ function useCreatable(_ref) {
 var CreatableSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var creatableProps = useStateManager(props);
   var selectProps = useCreatable(creatableProps);
-  return /*#__PURE__*/React__namespace.createElement(Select$2, _extends$i({
+  return /*#__PURE__*/React__namespace.createElement(Select$2, _extends$m({
     ref: ref
   }, selectProps));
 });
@@ -31287,12 +31433,12 @@ var CustomValueContainer = function CustomValueContainer(CustomValueContainerPro
       "data-role": "menuList"
     })
   };
-  return jsx(ValueContainer, _extends$h({}, props, {
+  return jsx(ValueContainer, _extends$l({}, props, {
     selectProps: selectProps
   }), React.Children.map(children, function (child) {
-    return child ? child : props.hasValue ? jsx(SingleValue, _extends$h({}, commonProps, customProps, {
+    return child ? child : props.hasValue ? jsx(SingleValue, _extends$l({}, commonProps, customProps, {
       data: props.getValue()[0]
-    }), selectProps.getOptionLabel(props.getValue()[0])) : jsx(Placeholder, _extends$h({}, commonProps, customProps, {
+    }), selectProps.getOptionLabel(props.getValue()[0])) : jsx(Placeholder, _extends$l({}, commonProps, customProps, {
       isFocused: isFocused
     }), selectProps.placeholder);
   }));
@@ -31485,7 +31631,7 @@ var CustomMenuList = function CustomMenuList(customMenuProps) {
     onMouseDown: function onMouseDown(e) {
       return e.stopPropagation();
     }
-  }, jsx(Input$3, _extends$h({
+  }, jsx(Input$3, _extends$l({
     id: "react-select-inner-search-input",
     placeholder: innerPlaceholder,
     autoCorrect: "off",
@@ -31503,7 +31649,7 @@ var CustomMenuList = function CustomMenuList(customMenuProps) {
     className: "loader-container"
   }, jsx(Loader, {
     size: "md"
-  })), showMenuList && jsx(MenuList, _extends$h({}, props, {
+  })), showMenuList && jsx(MenuList, _extends$l({}, props, {
     selectProps: selectProps
   })), showInitialText && jsx("div", {
     className: "text-container"
@@ -31664,7 +31810,7 @@ var Select = function Select(props, forwardedRef) {
     className: "select-input-wrapper",
     "data-testid": "custom-react-select",
     ref: containerRef
-  }, type === "creatable" ? jsx(CreatableSelect$1, _extends$h({}, customSelectProps, {
+  }, type === "creatable" ? jsx(CreatableSelect$1, _extends$l({}, customSelectProps, {
     createOptionPosition: "first"
   })) : jsx(StateManagedSelect$1, customSelectProps)));
 };
@@ -31708,7 +31854,7 @@ var Textarea = function Textarea(props, forwardedRef) {
   var labelClassNames = classNames$1({
     required: required
   });
-  return jsx("div", _extends$h({
+  return jsx("div", _extends$l({
     css: function css(theme) {
       return textareaContainer(theme, {
         resize: resize
@@ -31719,7 +31865,7 @@ var Textarea = function Textarea(props, forwardedRef) {
   }), hasLabel && jsx(Label, {
     htmlFor: id,
     className: labelClassNames
-  }, label), jsx("textarea", _extends$h({
+  }, label), jsx("textarea", _extends$l({
     id: id,
     ref: forwardedRef
   }, rest)));
@@ -31766,4 +31912,4 @@ exports.defaultTheme = defaultTheme$1;
 exports.getDefaultExportFromCjs = getDefaultExportFromCjs;
 exports.patterns = patterns;
 exports.utils = utils;
-//# sourceMappingURL=index-224d4fe3.js.map
+//# sourceMappingURL=index-878ab6cd.js.map