@epignosis_llc/gnosis 3.5.7 → 3.5.8

package/dist/cjs/{index-fd519680.js → index-641913fb.js}

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v3.5.6
+   * @epignosis_llc/gnosis.js v3.5.7
    * Released under the MIT license.
    */
 
@@ -1384,8 +1384,8 @@ var createCache = function createCache(options) {
   return cache;
 };
 
-function _extends$e() {
-  _extends$e = Object.assign ? Object.assign.bind() : function (target) {
+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) {
@@ -1396,7 +1396,7 @@ function _extends$e() {
     }
     return target;
   };
-  return _extends$e.apply(this, arguments);
+  return _extends$f.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$e({}, outerTheme, theme);
+  return _extends$f({}, outerTheme, theme);
 };
 
 var createCacheWithTheme = /* #__PURE__ */weakMemoize(function (outerTheme) {
@@ -2869,8 +2869,8 @@ function _defineProperty$1(obj, key, value) {
   }
   return obj;
 }
-function _extends$d() {
-  _extends$d = Object.assign ? Object.assign.bind() : function (target) {
+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) {
@@ -2881,7 +2881,7 @@ function _extends$d() {
     }
     return target;
   };
-  return _extends$d.apply(this, arguments);
+  return _extends$e.apply(this, arguments);
 }
 function _objectWithoutPropertiesLoose$1(source, excluded) {
   if (source == null) return {};
@@ -3048,32 +3048,32 @@ var NATIVE_BIND$1 = functionBindNative;
 var FunctionPrototype$2 = Function.prototype;
 var bind$3 = FunctionPrototype$2.bind;
 var call$8 = FunctionPrototype$2.call;
-var uncurryThis$q = NATIVE_BIND$1 && bind$3.bind(call$8, call$8);
+var uncurryThis$r = NATIVE_BIND$1 && bind$3.bind(call$8, call$8);
 
 var functionUncurryThis = NATIVE_BIND$1 ? function (fn) {
-  return fn && uncurryThis$q(fn);
+  return fn && uncurryThis$r(fn);
 } : function (fn) {
   return fn && function () {
     return call$8.apply(fn, arguments);
   };
 };
 
-var uncurryThis$p = functionUncurryThis;
+var uncurryThis$q = functionUncurryThis;
 
-var toString$a = uncurryThis$p({}.toString);
-var stringSlice$2 = uncurryThis$p(''.slice);
+var toString$a = uncurryThis$q({}.toString);
+var stringSlice$2 = uncurryThis$q(''.slice);
 
 var classofRaw$1 = function (it) {
   return stringSlice$2(toString$a(it), 8, -1);
 };
 
 var global$A = global$B;
-var uncurryThis$o = functionUncurryThis;
+var uncurryThis$p = functionUncurryThis;
 var fails$g = fails$j;
 var classof$8 = classofRaw$1;
 
 var Object$5 = global$A.Object;
-var split = uncurryThis$o(''.split);
+var split = uncurryThis$p(''.split);
 
 // fallback for non-array-like ES3 and non-enumerable old V8 strings
 var indexedObject = fails$g(function () {
@@ -3126,9 +3126,9 @@ var getBuiltIn$5 = function (namespace, method) {
   return arguments.length < 2 ? aFunction(global$y[namespace]) : global$y[namespace] && global$y[namespace][method];
 };
 
-var uncurryThis$n = functionUncurryThis;
+var uncurryThis$o = functionUncurryThis;
 
-var objectIsPrototypeOf = uncurryThis$n({}.isPrototypeOf);
+var objectIsPrototypeOf = uncurryThis$o({}.isPrototypeOf);
 
 var getBuiltIn$4 = getBuiltIn$5;
 
@@ -3296,10 +3296,10 @@ var toObject$9 = function (argument) {
   return Object$3(requireObjectCoercible$5(argument));
 };
 
-var uncurryThis$m = functionUncurryThis;
+var uncurryThis$n = functionUncurryThis;
 var toObject$8 = toObject$9;
 
-var hasOwnProperty$3 = uncurryThis$m({}.hasOwnProperty);
+var hasOwnProperty$3 = uncurryThis$n({}.hasOwnProperty);
 
 // `HasOwnProperty` abstract operation
 // https://tc39.es/ecma262/#sec-hasownproperty
@@ -3307,11 +3307,11 @@ var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
   return hasOwnProperty$3(toObject$8(it), key);
 };
 
-var uncurryThis$l = functionUncurryThis;
+var uncurryThis$m = functionUncurryThis;
 
 var id$1 = 0;
 var postfix = Math.random();
-var toString$9 = uncurryThis$l(1.0.toString);
+var toString$9 = uncurryThis$m(1.0.toString);
 
 var uid$2 = function (key) {
   return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$9(++id$1 + postfix, 36);
@@ -3510,11 +3510,11 @@ var createNonEnumerableProperty$5 = DESCRIPTORS$4 ? function (object, key, value
 
 var redefine$6 = {exports: {}};
 
-var uncurryThis$k = functionUncurryThis;
+var uncurryThis$l = functionUncurryThis;
 var isCallable$9 = isCallable$f;
 var store$1 = sharedStore;
 
-var functionToString$1 = uncurryThis$k(Function.toString);
+var functionToString$1 = uncurryThis$l(Function.toString);
 
 // this helper broken in `core-js@3.4.1-3.4.4`, so we can't use `shared` helper
 if (!isCallable$9(store$1.inspectSource)) {
@@ -3546,7 +3546,7 @@ var hiddenKeys$4 = {};
 
 var NATIVE_WEAK_MAP = nativeWeakMap;
 var global$j = global$B;
-var uncurryThis$j = functionUncurryThis;
+var uncurryThis$k = functionUncurryThis;
 var isObject$4 = isObject$9;
 var createNonEnumerableProperty$4 = createNonEnumerableProperty$5;
 var hasOwn$6 = hasOwnProperty_1;
@@ -3574,9 +3574,9 @@ var getterFor = function (TYPE) {
 
 if (NATIVE_WEAK_MAP || shared.state) {
   var store = shared.state || (shared.state = new WeakMap$1());
-  var wmget = uncurryThis$j(store.get);
-  var wmhas = uncurryThis$j(store.has);
-  var wmset = uncurryThis$j(store.set);
+  var wmget = uncurryThis$k(store.get);
+  var wmhas = uncurryThis$k(store.has);
+  var wmset = uncurryThis$k(store.set);
   set = function (it, metadata) {
     if (wmhas(store, it)) throw new TypeError$6(OBJECT_ALREADY_INITIALIZED);
     metadata.facade = it;
@@ -3756,13 +3756,13 @@ var arrayIncludes = {
   indexOf: createMethod$4(false)
 };
 
-var uncurryThis$i = functionUncurryThis;
+var uncurryThis$j = functionUncurryThis;
 var hasOwn$3 = hasOwnProperty_1;
 var toIndexedObject$3 = toIndexedObject$6;
 var indexOf = arrayIncludes.indexOf;
 var hiddenKeys$2 = hiddenKeys$4;
 
-var push$1 = uncurryThis$i([].push);
+var push$1 = uncurryThis$j([].push);
 
 var objectKeysInternal = function (object, names) {
   var O = toIndexedObject$3(object);
@@ -3806,12 +3806,12 @@ var objectGetOwnPropertySymbols = {};
 objectGetOwnPropertySymbols.f = Object.getOwnPropertySymbols;
 
 var getBuiltIn$2 = getBuiltIn$5;
-var uncurryThis$h = functionUncurryThis;
+var uncurryThis$i = functionUncurryThis;
 var getOwnPropertyNamesModule = objectGetOwnPropertyNames;
 var getOwnPropertySymbolsModule$1 = objectGetOwnPropertySymbols;
 var anObject$8 = anObject$a;
 
-var concat$2 = uncurryThis$h([].concat);
+var concat$2 = uncurryThis$i([].concat);
 
 // all object keys, includes non-enumerable and symbols
 var ownKeys$2 = getBuiltIn$2('Reflect', 'ownKeys') || function ownKeys(it) {
@@ -3916,11 +3916,11 @@ var _export = function (options, source) {
   }
 };
 
-var uncurryThis$g = functionUncurryThis;
+var uncurryThis$h = functionUncurryThis;
 var aCallable$2 = aCallable$4;
 var NATIVE_BIND = functionBindNative;
 
-var bind$2 = uncurryThis$g(uncurryThis$g.bind);
+var bind$2 = uncurryThis$h(uncurryThis$h.bind);
 
 // optional / simple context binding
 var functionBindContext = function (fn, that) {
@@ -3935,18 +3935,18 @@ var classof$7 = classofRaw$1;
 // `IsArray` abstract operation
 // https://tc39.es/ecma262/#sec-isarray
 // eslint-disable-next-line es/no-array-isarray -- safe
-var isArray$3 = Array.isArray || function isArray(argument) {
+var isArray$4 = Array.isArray || function isArray(argument) {
   return classof$7(argument) == 'Array';
 };
 
 var wellKnownSymbol$e = wellKnownSymbol$g;
 
 var TO_STRING_TAG$2 = wellKnownSymbol$e('toStringTag');
-var test$1 = {};
+var test$2 = {};
 
-test$1[TO_STRING_TAG$2] = 'z';
+test$2[TO_STRING_TAG$2] = 'z';
 
-var toStringTagSupport = String(test$1) === '[object z]';
+var toStringTagSupport = String(test$2) === '[object z]';
 
 var global$g = global$B;
 var TO_STRING_TAG_SUPPORT$2 = toStringTagSupport;
@@ -3979,7 +3979,7 @@ var classof$6 = TO_STRING_TAG_SUPPORT$2 ? classofRaw : function (it) {
     : (result = classofRaw(O)) == 'Object' && isCallable$5(O.callee) ? 'Arguments' : result;
 };
 
-var uncurryThis$f = functionUncurryThis;
+var uncurryThis$g = functionUncurryThis;
 var fails$b = fails$j;
 var isCallable$4 = isCallable$f;
 var classof$5 = classof$6;
@@ -3990,7 +3990,7 @@ var noop$1 = function () { /* empty */ };
 var empty = [];
 var construct = getBuiltIn$1('Reflect', 'construct');
 var constructorRegExp = /^\s*(?:class|function)\b/;
-var exec$1 = uncurryThis$f(constructorRegExp.exec);
+var exec$1 = uncurryThis$g(constructorRegExp.exec);
 var INCORRECT_TO_STRING = !constructorRegExp.exec(noop$1);
 
 var isConstructorModern = function isConstructor(argument) {
@@ -4033,7 +4033,7 @@ var isConstructor$3 = !construct || fails$b(function () {
 }) ? isConstructorLegacy : isConstructorModern;
 
 var global$f = global$B;
-var isArray$2 = isArray$3;
+var isArray$3 = isArray$4;
 var isConstructor$2 = isConstructor$3;
 var isObject$3 = isObject$9;
 var wellKnownSymbol$c = wellKnownSymbol$g;
@@ -4045,10 +4045,10 @@ var Array$3 = global$f.Array;
 // https://tc39.es/ecma262/#sec-arrayspeciescreate
 var arraySpeciesConstructor$1 = function (originalArray) {
   var C;
-  if (isArray$2(originalArray)) {
+  if (isArray$3(originalArray)) {
     C = originalArray.constructor;
     // cross-realm fallback
-    if (isConstructor$2(C) && (C === Array$3 || isArray$2(C.prototype))) C = undefined;
+    if (isConstructor$2(C) && (C === Array$3 || isArray$3(C.prototype))) C = undefined;
     else if (isObject$3(C)) {
       C = C[SPECIES$2];
       if (C === null) C = undefined;
@@ -4065,13 +4065,13 @@ var arraySpeciesCreate$2 = function (originalArray, length) {
 };
 
 var bind$1 = functionBindContext;
-var uncurryThis$e = functionUncurryThis;
+var uncurryThis$f = functionUncurryThis;
 var IndexedObject$3 = indexedObject;
 var toObject$7 = toObject$9;
 var lengthOfArrayLike$4 = lengthOfArrayLike$6;
 var arraySpeciesCreate$1 = arraySpeciesCreate$2;
 
-var push = uncurryThis$e([].push);
+var push = uncurryThis$f([].push);
 
 // `Array.prototype.{ forEach, map, filter, some, every, find, findIndex, filterReject }` methods implementation
 var createMethod$3 = function (TYPE) {
@@ -4160,13 +4160,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
 });
 
@@ -4267,7 +4267,7 @@ var objectKeys$2 = Object.keys || function keys(O) {
 };
 
 var DESCRIPTORS$2 = descriptors;
-var uncurryThis$d = functionUncurryThis;
+var uncurryThis$e = functionUncurryThis;
 var call$4 = functionCall;
 var fails$9 = fails$j;
 var objectKeys$1 = objectKeys$2;
@@ -4280,7 +4280,7 @@ var IndexedObject$2 = indexedObject;
 var $assign = Object.assign;
 // eslint-disable-next-line es/no-object-defineproperty -- required for testing
 var defineProperty$2 = Object.defineProperty;
-var concat$1 = uncurryThis$d([].concat);
+var concat$1 = uncurryThis$e([].concat);
 
 // `Object.assign` method
 // https://tc39.es/ecma262/#sec-object.assign
@@ -4323,21 +4323,21 @@ var objectAssign$1 = !$assign || fails$9(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
 });
 
-var uncurryThis$c = functionUncurryThis;
+var uncurryThis$d = functionUncurryThis;
 
 // `thisNumberValue` abstract operation
 // https://tc39.es/ecma262/#sec-thisnumbervalue
-var thisNumberValue$1 = uncurryThis$c(1.0.valueOf);
+var thisNumberValue$1 = uncurryThis$d(1.0.valueOf);
 
 var global$d = global$B;
 var classof$3 = classof$6;
@@ -4367,9 +4367,9 @@ var stringRepeat = function repeat(count) {
   return result;
 };
 
-var $$e = _export;
+var $$f = _export;
 var global$b = global$B;
-var uncurryThis$b = functionUncurryThis;
+var uncurryThis$c = functionUncurryThis;
 var toIntegerOrInfinity$1 = toIntegerOrInfinity$5;
 var thisNumberValue = thisNumberValue$1;
 var $repeat = stringRepeat;
@@ -4378,9 +4378,9 @@ var fails$8 = fails$j;
 var RangeError = global$b.RangeError;
 var String$2 = global$b.String;
 var floor = Math.floor;
-var repeat = uncurryThis$b($repeat);
-var stringSlice$1 = uncurryThis$b(''.slice);
-var un$ToFixed = uncurryThis$b(1.0.toFixed);
+var repeat = uncurryThis$c($repeat);
+var stringSlice$1 = uncurryThis$c(''.slice);
+var un$ToFixed = uncurryThis$c(1.0.toFixed);
 
 var pow = function (x, n, acc) {
   return n === 0 ? acc : n % 2 === 1 ? pow(x, n - 1, acc * x) : pow(x * x, n / 2, acc);
@@ -4442,7 +4442,7 @@ var FORCED$2 = fails$8(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$1(fractionDigits);
@@ -4537,12 +4537,12 @@ var generateTypeScaleSizes = function generateTypeScaleSizes(typography) {
 var whitespaces$2 = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u2001\u2002' +
   '\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';
 
-var uncurryThis$a = functionUncurryThis;
+var uncurryThis$b = functionUncurryThis;
 var requireObjectCoercible$3 = requireObjectCoercible$7;
 var toString$5 = toString$7;
 var whitespaces$1 = whitespaces$2;
 
-var replace$1 = uncurryThis$a(''.replace);
+var replace$1 = uncurryThis$b(''.replace);
 var whitespace = '[' + whitespaces$1 + ']';
 var ltrim = RegExp('^' + whitespace + whitespace + '*');
 var rtrim = RegExp(whitespace + whitespace + '*$');
@@ -4571,7 +4571,7 @@ var stringTrim = {
 
 var global$a = global$B;
 var fails$7 = fails$j;
-var uncurryThis$9 = functionUncurryThis;
+var uncurryThis$a = functionUncurryThis;
 var toString$4 = toString$7;
 var trim = stringTrim.trim;
 var whitespaces = whitespaces$2;
@@ -4580,7 +4580,7 @@ var $parseInt$1 = global$a.parseInt;
 var Symbol$1 = global$a.Symbol;
 var ITERATOR$5 = Symbol$1 && Symbol$1.iterator;
 var hex$1 = /^[+-]?0x/i;
-var exec = uncurryThis$9(hex$1.exec);
+var exec = uncurryThis$a(hex$1.exec);
 var FORCED$1 = $parseInt$1(whitespaces + '08') !== 8 || $parseInt$1(whitespaces + '0x16') !== 22
   // MS Edge 18- broken with boxed symbols
   || (ITERATOR$5 && !fails$7(function () { $parseInt$1(Object(ITERATOR$5)); }));
@@ -4592,12 +4592,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
 });
 
@@ -4631,13 +4631,13 @@ var arrayMethodHasSpeciesSupport$4 = function (METHOD_NAME) {
   });
 };
 
-var uncurryThis$8 = functionUncurryThis;
+var uncurryThis$9 = functionUncurryThis;
 
-var arraySlice = uncurryThis$8([].slice);
+var arraySlice = uncurryThis$9([].slice);
 
-var $$c = _export;
+var $$d = _export;
 var global$9 = global$B;
-var isArray$1 = isArray$3;
+var isArray$2 = isArray$4;
 var isConstructor$1 = isConstructor$3;
 var isObject$2 = isObject$9;
 var toAbsoluteIndex = toAbsoluteIndex$2;
@@ -4657,7 +4657,7 @@ var max$1 = 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$3(O);
@@ -4665,10 +4665,10 @@ $$c({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT$2 }, {
     var fin = toAbsoluteIndex(end === undefined ? length : end, length);
     // inline `ArraySpeciesCreate` for usage native `Array#slice` where it's possible
     var Constructor, result, n;
-    if (isArray$1(O)) {
+    if (isArray$2(O)) {
       Constructor = O.constructor;
       // cross-realm fallback
-      if (isConstructor$1(Constructor) && (Constructor === Array$2 || isArray$1(Constructor.prototype))) {
+      if (isConstructor$1(Constructor) && (Constructor === Array$2 || isArray$2(Constructor.prototype))) {
         Constructor = undefined;
       } else if (isObject$2(Constructor)) {
         Constructor = Constructor[SPECIES];
@@ -4685,10 +4685,10 @@ $$c({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT$2 }, {
   }
 });
 
-var $$b = _export;
+var $$c = _export;
 var global$8 = global$B;
 var fails$5 = fails$j;
-var isArray = isArray$3;
+var isArray$1 = isArray$4;
 var isObject$1 = isObject$9;
 var toObject$5 = toObject$9;
 var lengthOfArrayLike$2 = lengthOfArrayLike$6;
@@ -4717,7 +4717,7 @@ var SPECIES_SUPPORT = arrayMethodHasSpeciesSupport$2('concat');
 var isConcatSpreadable = function (O) {
   if (!isObject$1(O)) return false;
   var spreadable = O[IS_CONCAT_SPREADABLE];
-  return spreadable !== undefined ? !!spreadable : isArray(O);
+  return spreadable !== undefined ? !!spreadable : isArray$1(O);
 };
 
 var FORCED = !IS_CONCAT_SPREADABLE_SUPPORT || !SPECIES_SUPPORT;
@@ -4725,7 +4725,7 @@ 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$5(this);
@@ -7157,14 +7157,14 @@ var tabs = {
   linkBorder: colors.primary.base
 };
 
-var uncurryThis$7 = functionUncurryThis;
+var uncurryThis$8 = functionUncurryThis;
 var redefine$3 = redefine$6.exports;
 
 var DatePrototype = Date.prototype;
 var INVALID_DATE = 'Invalid Date';
 var TO_STRING$1 = 'toString';
-var un$DateToString = uncurryThis$7(DatePrototype[TO_STRING$1]);
-var getTime = uncurryThis$7(DatePrototype.getTime);
+var un$DateToString = uncurryThis$8(DatePrototype[TO_STRING$1]);
+var getTime = uncurryThis$8(DatePrototype.getTime);
 
 // `Date.prototype.toString` method
 // https://tc39.es/ecma262/#sec-date.prototype.tostring
@@ -7192,7 +7192,7 @@ var regexpFlags = function () {
   return result;
 };
 
-var uncurryThis$6 = functionUncurryThis;
+var uncurryThis$7 = functionUncurryThis;
 var PROPER_FUNCTION_NAME$1 = functionName.PROPER;
 var redefine$2 = redefine$6.exports;
 var anObject$6 = anObject$a;
@@ -7204,7 +7204,7 @@ var regExpFlags = regexpFlags;
 var TO_STRING = 'toString';
 var RegExpPrototype = RegExp.prototype;
 var n$ToString = RegExpPrototype[TO_STRING];
-var getFlags = uncurryThis$6(regExpFlags);
+var getFlags = uncurryThis$7(regExpFlags);
 
 var NOT_GENERIC = fails$4(function () { return n$ToString.call({ source: 'a', flags: 'b' }) != '/a/b'; });
 // FF44- RegExp#toString has a wrong name
@@ -7242,7 +7242,11 @@ var tooltip = {
 
 var pagination = {
   color: colors.primary.base,
-  background: colors.primary.lightest
+  background: colors.primary.lightest,
+  boxShadowColor: colors.secondary.light,
+  hoverBackground: Color$1(colors.primary.lightest).alpha(0.25).string(),
+  emptyState: colors.white,
+  textColor: colors.black
 };
 
 var typeScaleSizes = generateTypeScaleSizes(DEFAULT_TYPESCALE_CONFIG);
@@ -7279,12 +7283,12 @@ var defaultTheme = {
   pagination: pagination
 };
 
-var uncurryThis$5 = functionUncurryThis;
+var uncurryThis$6 = functionUncurryThis;
 var requireObjectCoercible$2 = requireObjectCoercible$7;
 var toString$3 = toString$7;
 
 var quot = /"/g;
-var replace = uncurryThis$5(''.replace);
+var replace = uncurryThis$6(''.replace);
 
 // `CreateHTML` abstract operation
 // https://tc39.es/ecma262/#sec-createhtml
@@ -7306,13 +7310,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);
   }
@@ -8346,7 +8350,7 @@ const color = {
 
 const colorToken = '${c}';
 const numberToken = '${n}';
-function test(v) {
+function test$1(v) {
     var _a, _b, _c, _d;
     return (isNaN(v) &&
         isString(v) &&
@@ -8390,7 +8394,7 @@ function getAnimatableNone$1(v) {
     const transformer = createTransformer(v);
     return transformer(parsed.map(convertNumbersToZero));
 }
-const complex = { test, parse, createTransformer, getAnimatableNone: getAnimatableNone$1 };
+const complex = { test: test$1, parse, createTransformer, getAnimatableNone: getAnimatableNone$1 };
 
 const maxDefaults = new Set(['brightness', 'contrast', 'saturate', 'opacity']);
 function applyDefaultFilter(v) {
@@ -13337,7 +13341,7 @@ var Loader = function Loader(_ref) {
     rest = _objectWithoutProperties(_ref, _excluded$C);
   var _useTheme = useTheme(),
     loader = _useTheme.loader;
-  return jsx("div", _extends$d({
+  return jsx("div", _extends$e({
     css: function css() {
       return container$8({
         fullScreen: fullScreen
@@ -13501,7 +13505,7 @@ var Button = function Button(props) {
   var containerClassNames = classNames((_classNames = {}, _defineProperty$1(_classNames, className, Boolean(className)), _defineProperty$1(_classNames, "disabled", disabled || isLoading), _defineProperty$1(_classNames, "rounded", rounded), _defineProperty$1(_classNames, "solid", variant === "solid"), _defineProperty$1(_classNames, "outline", variant === "outline"), _defineProperty$1(_classNames, "ghost", variant === "ghost"), _defineProperty$1(_classNames, "link", variant === "link"), _defineProperty$1(_classNames, "icon-after", SuffixIcon), _defineProperty$1(_classNames, "icon-before", PrefixIcon), _classNames));
   return jsx(LazyMotion, {
     features: domAnimation
-  }, jsx(Component, _extends$d({
+  }, jsx(Component, _extends$e({
     css: function css(theme) {
       return btnContainer(theme, {
         color: color,
@@ -13536,13 +13540,13 @@ var Button = function Button(props) {
   })));
 };
 
-var _path$5, _path2$5;
-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$6, _path2$5;
+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 SvgCloseCircled(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24"
-  }, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$6 || (_path$6 = /*#__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$5 || (_path2$5 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -13551,13 +13555,13 @@ function SvgCloseCircled(props) {
   })));
 }
 
-var _path$4, _path2$4;
-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$5, _path2$4;
+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 SvgArrowRight(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24"
-  }, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "none",
     d: "M0 0h24v24H0z"
   })), _path2$4 || (_path2$4 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -13566,13 +13570,13 @@ function SvgArrowRight(props) {
   })));
 }
 
-var _path$3, _path2$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$4, _path2$3;
+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 SvgArrowLeft(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24"
-  }, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "none",
     d: "M0 0h24v24H0z"
   })), _path2$3 || (_path2$3 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -13581,13 +13585,13 @@ function SvgArrowLeft(props) {
   })));
 }
 
-var _path$2, _path2$2;
-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); }
+var _path$3, _path2$2;
+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 SvgClose(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16"
-  }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "none",
     d: "M0 0h16v16H0z"
   })), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -13597,9 +13601,9 @@ function SvgClose(props) {
 }
 
 var _g$4;
-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$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 SvgInfo(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 32 32"
   }, props), _g$4 || (_g$4 = /*#__PURE__*/React__namespace.createElement("g", {
@@ -13623,9 +13627,9 @@ function SvgInfo(props) {
 }
 
 var _g$3;
-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$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 SvgDanger(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 32 32"
   }, props), _g$3 || (_g$3 = /*#__PURE__*/React__namespace.createElement("g", {
@@ -13649,9 +13653,9 @@ function SvgDanger(props) {
 }
 
 var _g$2;
-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$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 SvgSuccess(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 32 32"
   }, props), _g$2 || (_g$2 = /*#__PURE__*/React__namespace.createElement("g", {
@@ -13675,9 +13679,9 @@ function SvgSuccess(props) {
 }
 
 var _g$1;
-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$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 SvgWarning(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 32 32"
   }, props), _g$1 || (_g$1 = /*#__PURE__*/React__namespace.createElement("g", {
@@ -13701,9 +13705,9 @@ function SvgWarning(props) {
 }
 
 var _g;
-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 _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 SvgHamburger(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
     "data-name": "Layer 2",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 32 32"
@@ -13718,14 +13722,14 @@ function SvgHamburger(props) {
   }))));
 }
 
-var _path$1, _path2$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); }
+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); }
 function SvgIconChevronDown(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
     "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$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Rectangle 8037",
     fill: "none",
     d: "M0 0h32v32H0z"
@@ -13734,14 +13738,14 @@ function SvgIconChevronDown(props) {
   })));
 }
 
-var _path, _path2;
-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); }
+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); }
 function SvgIconChevronUp(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
     "data-name": "Icon-Chevron Down",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 32 32"
-  }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Rectangle 8037",
     fill: "none",
     d: "M0 0h32v32H0z"
@@ -13750,6 +13754,19 @@ function SvgIconChevronUp(props) {
   })));
 }
 
+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) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
+    viewBox: "0 0 7 12",
+    fill: "none",
+    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"
+  })));
+}
+
 var chipHeight = {
   md: "2.5rem",
   lg: "3rem"
@@ -13780,7 +13797,7 @@ var Chip = function Chip(_ref) {
     style = _ref.style,
     rest = _objectWithoutProperties(_ref, _excluded$z);
   var isFilterOn = Boolean(Icon);
-  return jsx("div", _extends$d({
+  return jsx("div", _extends$e({
     css: function css(theme) {
       return chip(theme, {
         size: size,
@@ -13846,7 +13863,7 @@ var Avatar = function Avatar(_ref) {
     alt = _ref.alt,
     children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded$y);
-  return jsx("figure", _extends$d({
+  return jsx("figure", _extends$e({
     css: function css(theme) {
       return avatar(theme, {
         size: size,
@@ -13876,7 +13893,7 @@ var Tag = function Tag(_ref) {
   var children = _ref.children,
     style = _ref.style,
     rest = _objectWithoutProperties(_ref, _excluded$x);
-  return jsx("span", _extends$d({
+  return jsx("span", _extends$e({
     css: tag,
     style: style
   }, rest), children);
@@ -13896,7 +13913,7 @@ var AspectRatio = function AspectRatio(_ref) {
     children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded$w);
   var paddingPercentage = ratio[1] / ratio[0] * 100;
-  return jsx("div", _extends$d({
+  return jsx("div", _extends$e({
     css: aspectRatioContainer(paddingPercentage)
   }, rest), jsx("div", {
     className: "aspect-ratio-wrapper"
@@ -13934,7 +13951,7 @@ var Badge = function Badge(_ref) {
     "has-content": badgeContent,
     "big-content": badgeContent && badgeContent.length >= 3
   });
-  return jsx("div", _extends$d({
+  return jsx("div", _extends$e({
     css: function css(theme) {
       return container$7(theme, {
         size: size,
@@ -13942,7 +13959,7 @@ var Badge = function Badge(_ref) {
       });
     },
     className: containerClassNames
-  }, containerAttrs), jsx("span", _extends$d({
+  }, containerAttrs), jsx("span", _extends$e({
     className: "content-container"
   }, rest), badgeContent), children);
 };
@@ -13996,7 +14013,7 @@ var global$6 = global$B;
 
 var engineIsNode = classof$2(global$6.process) == 'process';
 
-var $$9 = _export;
+var $$a = _export;
 var $reduce = arrayReduce.left;
 var arrayMethodIsStrict$2 = arrayMethodIsStrict$4;
 var CHROME_VERSION = engineV8Version;
@@ -14009,14 +14026,14 @@ 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 $$9 = _export;
 var toObject$3 = toObject$9;
 var nativeKeys = objectKeys$2;
 var fails$2 = fails$j;
@@ -14025,7 +14042,7 @@ var FAILS_ON_PRIMITIVES = fails$2(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$3(it));
   }
@@ -14367,7 +14384,7 @@ var Alert = function Alert(_ref) {
     onClose = _ref.onClose,
     Icon = _ref.icon,
     rest = _objectWithoutProperties(_ref, _excluded$u);
-  return jsx("div", _extends$d({
+  return jsx("div", _extends$e({
     css: function css(theme) {
       return container$6(theme, {
         type: type
@@ -14414,7 +14431,7 @@ var ProgressBar = function ProgressBar(_ref) {
     rounded = _ref$rounded === void 0 ? true : _ref$rounded,
     rest = _objectWithoutProperties(_ref, _excluded$t);
   var showPercentage = percent >= 0 && percent <= 100;
-  return jsx("div", _extends$d({
+  return jsx("div", _extends$e({
     css: function css(theme) {
       return container$5(theme, {
         percent: percent,
@@ -18338,11 +18355,11 @@ var Tooltip = function Tooltip(_ref) {
     placement = _ref$placement === void 0 ? "top" : _ref$placement,
     rest = _objectWithoutProperties(_ref, _excluded$s);
   var Tag = as;
-  return jsx(Tippy, _extends$d({
+  return jsx(Tippy, _extends$e({
     interactive: true,
     placement: placement,
     render: function render(attrs) {
-      return jsx("div", _extends$d({
+      return jsx("div", _extends$e({
         className: "tooltip",
         css: tooltipContainer
       }, attrs), content, jsx("div", {
@@ -18354,7 +18371,7 @@ var Tooltip = function Tooltip(_ref) {
   }, rest), jsx(Tag, null, children));
 };
 
-var $$7 = _export;
+var $$8 = _export;
 var $map = arrayIteration.map;
 var arrayMethodHasSpeciesSupport$1 = arrayMethodHasSpeciesSupport$4;
 
@@ -18363,7 +18380,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);
   }
@@ -21102,7 +21119,7 @@ var Heading = function Heading(_ref) {
     rest = _objectWithoutProperties(_ref, _excluded$r);
   var HeadingTag = as;
   var selectedSize = size || SIZES[as];
-  return jsx(HeadingTag, _extends$d({
+  return jsx(HeadingTag, _extends$e({
     css: function css(theme) {
       return headingContainer(theme, {
         size: selectedSize
@@ -21162,7 +21179,7 @@ var Header$2 = function Header(_ref) {
   var title = typeof children === "string" ? jsx(Heading, {
     size: "md"
   }, children) : children;
-  return jsx("header", _extends$d({
+  return jsx("header", _extends$e({
     css: modalHeader,
     "data-testid": "modal-header"
   }, rest), jsx("div", null, title), onClose && jsx("a", {
@@ -21178,14 +21195,14 @@ var Header$2 = function Header(_ref) {
 var Body$3 = function Body(_ref2) {
   var children = _ref2.children,
     rest = _objectWithoutProperties(_ref2, _excluded2$1);
-  return jsx("article", _extends$d({
+  return jsx("article", _extends$e({
     css: modalContent
   }, rest), children);
 };
 var Footer$1 = function Footer(_ref3) {
   var children = _ref3.children,
     rest = _objectWithoutProperties(_ref3, _excluded3);
-  return jsx("footer", _extends$d({
+  return jsx("footer", _extends$e({
     css: modalFooter,
     "data-testid": "modal-footer"
   }, rest), children);
@@ -21702,7 +21719,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerYouTube' */
-    './YouTube-cca17e73.js'); }).then(function (n) { return n.YouTube; });
+    './YouTube-df48d06e.js'); }).then(function (n) { return n.YouTube; });
   })
 }, {
   key: 'soundcloud',
@@ -21711,7 +21728,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerSoundCloud' */
-    './SoundCloud-5638d54f.js'); }).then(function (n) { return n.SoundCloud; });
+    './SoundCloud-d628bef7.js'); }).then(function (n) { return n.SoundCloud; });
   })
 }, {
   key: 'vimeo',
@@ -21720,7 +21737,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerVimeo' */
-    './Vimeo-e86abf7a.js'); }).then(function (n) { return n.Vimeo; });
+    './Vimeo-8c617fb9.js'); }).then(function (n) { return n.Vimeo; });
   })
 }, {
   key: 'facebook',
@@ -21729,7 +21746,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerFacebook' */
-    './Facebook-20b712bf.js'); }).then(function (n) { return n.Facebook; });
+    './Facebook-30c02a11.js'); }).then(function (n) { return n.Facebook; });
   })
 }, {
   key: 'streamable',
@@ -21738,7 +21755,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerStreamable' */
-    './Streamable-19e94512.js'); }).then(function (n) { return n.Streamable; });
+    './Streamable-d1bd015f.js'); }).then(function (n) { return n.Streamable; });
   })
 }, {
   key: 'wistia',
@@ -21747,7 +21764,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerWistia' */
-    './Wistia-abcf6252.js'); }).then(function (n) { return n.Wistia; });
+    './Wistia-1be80d9f.js'); }).then(function (n) { return n.Wistia; });
   })
 }, {
   key: 'twitch',
@@ -21756,7 +21773,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerTwitch' */
-    './Twitch-8cd8a0d2.js'); }).then(function (n) { return n.Twitch; });
+    './Twitch-b1af9596.js'); }).then(function (n) { return n.Twitch; });
   })
 }, {
   key: 'dailymotion',
@@ -21765,7 +21782,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerDailyMotion' */
-    './DailyMotion-ee8de61f.js'); }).then(function (n) { return n.DailyMotion; });
+    './DailyMotion-e7d307f8.js'); }).then(function (n) { return n.DailyMotion; });
   })
 }, {
   key: 'mixcloud',
@@ -21774,7 +21791,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerMixcloud' */
-    './Mixcloud-c1af5bfc.js'); }).then(function (n) { return n.Mixcloud; });
+    './Mixcloud-3febbf94.js'); }).then(function (n) { return n.Mixcloud; });
   })
 }, {
   key: 'vidyard',
@@ -21783,7 +21800,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerVidyard' */
-    './Vidyard-4c0d7130.js'); }).then(function (n) { return n.Vidyard; });
+    './Vidyard-46a55d18.js'); }).then(function (n) { return n.Vidyard; });
   })
 }, {
   key: 'kaltura',
@@ -21792,7 +21809,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerKaltura' */
-    './Kaltura-c9fd33ed.js'); }).then(function (n) { return n.Kaltura; });
+    './Kaltura-abb04a3d.js'); }).then(function (n) { return n.Kaltura; });
   })
 }, {
   key: 'file',
@@ -21804,7 +21821,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerFilePlayer' */
-    './FilePlayer-37d5dba2.js'); }).then(function (n) { return n.FilePlayer; });
+    './FilePlayer-17f96d12.js'); }).then(function (n) { return n.FilePlayer; });
   })
 }];
 exports["default"] = _default;
@@ -22729,7 +22746,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 var Preview = /*#__PURE__*/(0, _react.lazy)(function () {
   return Promise.resolve().then(function () { return require(
   /* webpackChunkName: 'reactPlayerPreview' */
-  './Preview-a46039c7.js'); }).then(function (n) { return n.Preview; });
+  './Preview-917e80fd.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;
@@ -22989,7 +23006,7 @@ var VideoPlayer = function VideoPlayer(_ref) {
     controls = _ref$controls === void 0 ? true : _ref$controls,
     containerAttrs = _ref.containerAttrs,
     rest = _objectWithoutProperties(_ref, _excluded$p);
-  return jsx("div", containerAttrs, jsx(ReactPlayer, _extends$d({
+  return jsx("div", containerAttrs, jsx(ReactPlayer, _extends$e({
     className: "react-player",
     url: src,
     controls: controls,
@@ -23005,7 +23022,7 @@ var AudioPlayer = function AudioPlayer(_ref) {
     controls = _ref$controls === void 0 ? true : _ref$controls,
     containerAttrs = _ref.containerAttrs,
     rest = _objectWithoutProperties(_ref, _excluded$o);
-  return jsx("div", containerAttrs, jsx(ReactPlayer, _extends$d({
+  return jsx("div", containerAttrs, jsx(ReactPlayer, _extends$e({
     url: src,
     controls: controls,
     className: "react-player",
@@ -23026,12 +23043,59 @@ var MediaPlayer = function MediaPlayer(_ref) {
   }
 };
 
-var container$4 = function container(_ref) {
+var $$7 = _export;
+var uncurryThis$5 = functionUncurryThis;
+var isArray = isArray$4;
+
+var un$Reverse = uncurryThis$5([].reverse);
+var test = [1, 2];
+
+// `Array.prototype.reverse` method
+// https://tc39.es/ecma262/#sec-array.prototype.reverse
+// fix for Safari 12.0 bug
+// https://bugs.webkit.org/show_bug.cgi?id=188794
+$$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(this)) this.length = this.length;
+    return un$Reverse(this);
+  }
+});
+
+var textContainer = function textContainer(_ref, weight, size) {
+  var typeScaleSizes = _ref.typeScaleSizes;
+  return (
+    /*#__PURE__*/
+    /*#__PURE__*/
+    css("font-size:", typeScaleSizes[size], ";font-weight:", weight, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:textContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRMEIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgVGV4dFdlaWdodCB9IGZyb20gXCIuL1RleHRcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHlMZXZlbHMgfSBmcm9tIFwiQHRoZW1lL3V0aWxzL3R5cG9ncmFwaHlcIjtcblxuZXhwb3J0IGNvbnN0IHRleHRDb250YWluZXIgPSAoXG4gIHsgdHlwZVNjYWxlU2l6ZXMgfTogVGhlbWUsXG4gIHdlaWdodDogVGV4dFdlaWdodCxcbiAgc2l6ZTogVHlwb2dyYXBoeUxldmVscyxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBmb250LXNpemU6ICR7dHlwZVNjYWxlU2l6ZXNbc2l6ZV19O1xuICBmb250LXdlaWdodDogJHt3ZWlnaHR9O1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:textContainer;")
+  );
+};
+
+var _excluded$m = ["children", "weight", "fontSize", "as"];
+var Text = function Text(_ref) {
+  var children = _ref.children,
+    _ref$weight = _ref.weight,
+    weight = _ref$weight === void 0 ? "400" : _ref$weight,
+    fontSize = _ref.fontSize,
+    _ref$as = _ref.as,
+    as = _ref$as === void 0 ? "span" : _ref$as,
+    rest = _objectWithoutProperties(_ref, _excluded$m);
+  var Tag = as;
+  return jsx(Tag, _extends$e({
+    "data-testid": "text-component",
+    css: function css(theme) {
+      return textContainer(theme, weight, fontSize);
+    }
+  }, rest), children);
+};
+
+var container$4 = function container(_ref, _ref2) {
   var pagination = _ref.pagination;
+  var isOpen = _ref2.isOpen;
   return (
     /*#__PURE__*/
     /*#__PURE__*/
-    css("display:flex;justify-content:center;align-items:center;.pagination-options{margin:0 1rem;button{margin-inline-end:0.5rem;&:last-of-type{margin:0;}}.isActive{background:", hexToRGBA(pagination.background, 0.16), ";color:", pagination.color, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:container;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJWSIsImZpbGUiOiJzdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMsIFRoZW1lIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBoZXhUb1JHQkEgfSBmcm9tIFwiQHRoZW1lL2RlZmF1bHQvY29sb3JzXCI7XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPSAoeyBwYWdpbmF0aW9uIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgLnBhZ2luYXRpb24tb3B0aW9ucyB7XG4gICAgICBtYXJnaW46IDAgMXJlbTtcblxuICAgICAgYnV0dG9uIHtcbiAgICAgICAgbWFyZ2luLWlubGluZS1lbmQ6IDAuNXJlbTtcblxuICAgICAgICAmOmxhc3Qtb2YtdHlwZSB7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIC5pc0FjdGl2ZSB7XG4gICAgICAgIGJhY2tncm91bmQ6ICR7aGV4VG9SR0JBKHBhZ2luYXRpb24uYmFja2dyb3VuZCwgMC4xNil9O1xuICAgICAgICBjb2xvcjogJHtwYWdpbmF0aW9uLmNvbG9yfTtcbiAgICAgIH1cbiAgICB9XG4gIGA7XG59O1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:container;")
+    css("display:flex;justify-content:center;align-items:center;.previous-page-btn,.next-page-btn{&.disabled{background-color:transparent;}}.pagination-options{margin:0 1rem;.dropdown{position:relative;display:inline-block;.dropdown-header{cursor:pointer;}button{color:", pagination.textColor, ";font-style:italic;padding-inline-start:1rem;&:hover{background-color:", pagination.hoverBackground, ";border:1px solid ", pagination.color, ";}&:focus{border:1px solid ", pagination.color, ";}svg{margin-left:1rem;height:12px;transform:", isOpen ? "rotateZ(90deg)" : "rotateZ(-90deg)", ";}}.dropdown-list{list-style:none;margin:0;min-width:14rem;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;}}}.open-list-container{position:absolute;padding:0;z-index:100;border-radius:5px;box-shadow:0px 3px 6px ", pagination.boxShadowColor, ";background-color:", pagination.emptyState, ";max-width:50rem;width:100%;bottom:100%;inset-inline-start:0;margin-bottom:0.5rem;}}}" + (process.env.NODE_ENV === "production" ? "" : ";label:container;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNWSIsImZpbGUiOiJzdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMsIFRoZW1lIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPSAoXG4gIHsgcGFnaW5hdGlvbiB9OiBUaGVtZSxcbiAgeyBpc09wZW4gfTogeyBpc09wZW46IGJvb2xlYW4gfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIC5wcmV2aW91cy1wYWdlLWJ0bixcbiAgICAubmV4dC1wYWdlLWJ0biB7XG4gICAgICAmLmRpc2FibGVkIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICB9XG4gICAgfVxuXG4gICAgLnBhZ2luYXRpb24tb3B0aW9ucyB7XG4gICAgICBtYXJnaW46IDAgMXJlbTtcblxuICAgICAgLmRyb3Bkb3duIHtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cbiAgICAgICAgLmRyb3Bkb3duLWhlYWRlciB7XG4gICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICB9XG5cbiAgICAgICAgYnV0dG9uIHtcbiAgICAgICAgICBjb2xvcjogJHtwYWdpbmF0aW9uLnRleHRDb2xvcn07XG4gICAgICAgICAgZm9udC1zdHlsZTogaXRhbGljO1xuICAgICAgICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiAxcmVtO1xuXG4gICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhZ2luYXRpb24uaG92ZXJCYWNrZ3JvdW5kfTtcbiAgICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7cGFnaW5hdGlvbi5jb2xvcn07XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAke3BhZ2luYXRpb24uY29sb3J9O1xuICAgICAgICAgIH1cblxuICAgICAgICAgIHN2ZyB7XG4gICAgICAgICAgICBtYXJnaW4tbGVmdDogMXJlbTtcbiAgICAgICAgICAgIGhlaWdodDogMTJweDtcblxuICAgICAgICAgICAgdHJhbnNmb3JtOiAke2lzT3BlbiA/IFwicm90YXRlWig5MGRlZylcIiA6IFwicm90YXRlWigtOTBkZWcpXCJ9O1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIC5kcm9wZG93bi1saXN0IHtcbiAgICAgICAgICBsaXN0LXN0eWxlOiBub25lO1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICBtaW4td2lkdGg6IDE0cmVtO1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgbWF4LWhlaWdodDogMjFyZW07XG4gICAgICAgICAgb3ZlcmZsb3cteTogYXV0bztcbiAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICBwYWRkaW5nOiAwO1xuXG4gICAgICAgICAgLmVtcHR5LXN0YXRlIHtcbiAgICAgICAgICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgICAgICAgICAgIGNvbG9yOiAke3BhZ2luYXRpb24uZW1wdHlTdGF0ZX07XG4gICAgICAgICAgICBwYWRkaW5nOiAwLjI1cmVtIDAuNzVyZW07XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgICAgICB3aWR0aDogNXB4O1xuICAgICAgICAgIH1cblxuICAgICAgICAgIGxpIHtcbiAgICAgICAgICAgIHBhZGRpbmc6IDAuNXJlbSAxcmVtO1xuXG4gICAgICAgICAgICAuaXMtc2VsZWN0ZWQge1xuICAgICAgICAgICAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAub3Blbi1saXN0LWNvbnRhaW5lciB7XG4gICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgei1pbmRleDogMTAwO1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAgICAgICBib3gtc2hhZG93OiAwcHggM3B4IDZweCAke3BhZ2luYXRpb24uYm94U2hhZG93Q29sb3J9O1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cGFnaW5hdGlvbi5lbXB0eVN0YXRlfTtcbiAgICAgICAgICBtYXgtd2lkdGg6IDUwcmVtO1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgIGJvdHRvbTogMTAwJTtcbiAgICAgICAgICBpbnNldC1pbmxpbmUtc3RhcnQ6IDA7XG4gICAgICAgICAgbWFyZ2luLWJvdHRvbTogMC41cmVtO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICBgO1xufTtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:container;")
   );
 };
 
@@ -23702,30 +23766,106 @@ var usePagination = function usePagination(currentPage, totalPages) {
   }, [currentPage, totalPages]);
 };
 
-var _excluded$m = ["current", "onChange", "totalPages", "dir"];
-var classNamesContainer = function classNamesContainer(pageNumber, current) {
+// Improved version of https://usehooks.com/useOnClickOutside/
+var useClickOutside = function useClickOutside(ref, handler) {
+  React.useEffect(function () {
+    var startedInside = false;
+    var startedWhenMounted = false;
+    var listener = function listener(event) {
+      // Do nothing if `mousedown` or `touchstart` started inside ref element
+      if (startedInside || !startedWhenMounted) return;
+      // Do nothing if clicking ref's element or descendent elements
+      if (!ref.current || ref.current.contains(event.target)) return;
+      handler(event);
+    };
+    var validateEventStart = function validateEventStart(event) {
+      startedWhenMounted = Boolean(ref.current);
+      startedInside = Boolean(ref.current && ref.current.contains(event === null || event === void 0 ? void 0 : event.target));
+    };
+    document.addEventListener("mousedown", validateEventStart);
+    document.addEventListener("touchstart", validateEventStart);
+    document.addEventListener("click", listener);
+    return function () {
+      document.removeEventListener("mousedown", validateEventStart);
+      document.removeEventListener("touchstart", validateEventStart);
+      document.removeEventListener("click", listener);
+    };
+  }, [ref, handler]);
+};
+
+var _excluded$l = ["current", "list", "totalPages", "size", "selectionText", "handlePaginationSizeChanged", "handlePaginationNumberChanged", "dir"];
+var SelectedOptionClasses = function SelectedOptionClasses(isSelected) {
   return classNames({
-    isActive: pageNumber === current
+    "is-selected": isSelected
   });
 };
 var Pagination = function Pagination(_ref) {
   var current = _ref.current,
-    onChange = _ref.onChange,
+    list = _ref.list,
     totalPages = _ref.totalPages,
+    size = _ref.size,
+    selectionText = _ref.selectionText,
+    handlePaginationSizeChanged = _ref.handlePaginationSizeChanged,
+    handlePaginationNumberChanged = _ref.handlePaginationNumberChanged,
     _ref$dir = _ref.dir,
     dir = _ref$dir === void 0 ? "ltr" : _ref$dir,
-    rest = _objectWithoutProperties(_ref, _excluded$m);
+    rest = _objectWithoutProperties(_ref, _excluded$l);
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray$1(_useState, 2),
+    isListOpen = _useState2[0],
+    setIsListOpen = _useState2[1];
+  var wrapperRef = React.useRef(null);
+  var _useState3 = React.useState(size),
+    _useState4 = _slicedToArray$1(_useState3, 2),
+    listItemSelected = _useState4[0],
+    handleListItemSelected = _useState4[1];
   var paginationRange = usePagination(current, totalPages);
-  return jsx("div", _extends$d({
-    css: container$4
+  var hasItems = paginationRange.length > 0;
+  useClickOutside(wrapperRef, function () {
+    return setIsListOpen(false);
+  });
+  var toggleList = function toggleList() {
+    // We want to reset the dropdown list every time it opens
+    setIsListOpen(function (prevState) {
+      return !prevState;
+    });
+  };
+  var handleListItemSelect = function handleListItemSelect(item) {
+    if (isListOpen) {
+      handlePaginationSizeChanged(item);
+      handleListItemSelected(item);
+      setIsListOpen(false);
+    }
+  };
+  var mapOptions = function mapOptions(items) {
+    return items.slice().reverse().map(function (item) {
+      var isSelected = item.id === listItemSelected;
+      return jsx("li", {
+        "data-testid": "pagination-page",
+        key: "item" + item,
+        onClick: function onClick() {
+          return handleListItemSelect(item.id);
+        }
+      }, jsx(Text, {
+        fontSize: "md",
+        className: SelectedOptionClasses(isSelected)
+      }, item.value));
+    });
+  };
+  return jsx(React__default["default"].Fragment, null, hasItems && jsx("div", _extends$e({
+    css: function css(theme) {
+      return container$4(theme, {
+        isOpen: isListOpen
+      });
+    }
   }, rest), jsx(Button, {
     className: "previous-page-btn",
     "data-testid": "previous-page-btn",
     name: "Previous page",
     onClick: function onClick() {
-      return onChange(current - 1);
+      return handlePaginationNumberChanged(current - 1);
     },
-    color: "secondary",
+    variant: "ghost",
     noGutters: true,
     disabled: current === 1
   }, dir === "rtl" ? jsx(SvgArrowRight, {
@@ -23734,37 +23874,39 @@ var Pagination = function Pagination(_ref) {
     height: 22
   })), jsx("div", {
     className: "pagination-options"
-  }, paginationRange.map(function (pageNumber) {
-    if (pageNumber === ellipsis) {
-      return ellipsis;
-    }
-    return jsx(Button, {
-      type: "button",
-      key: pageNumber,
-      id: pageNumber.toString(),
-      "data-testid": "pagination-page",
-      onClick: function onClick() {
-        return onChange(pageNumber);
-      },
-      variant: "ghost",
-      noGutters: true,
-      className: classNamesContainer(pageNumber, current)
-    }, pageNumber);
-  })), jsx(Button, {
+  }, jsx("div", {
+    className: "dropdown",
+    ref: wrapperRef
+  }, jsx("div", {
+    className: "dropdown-button",
+    onClick: toggleList
+  }, jsx(Button, {
+    iconAfter: SvgRightArrowIcon,
+    variant: "ghost"
+  }, jsx(Text, {
+    fontSize: "md"
+  }, selectionText))), isListOpen && list.length > 0 && jsx("div", {
+    className: "open-list-container"
+  }, jsx("div", {
+    className: "dropdown-wrapper"
+  }, jsx("ul", {
+    role: "list",
+    className: "dropdown-list"
+  }, mapOptions(list)))))), jsx(Button, {
     className: "next-page-btn",
     "data-testid": "next-page-btn",
     name: "Next page",
     onClick: function onClick() {
-      return onChange(current + 1);
+      return handlePaginationNumberChanged(current + 1);
     },
-    color: "secondary",
+    variant: "ghost",
     noGutters: true,
-    disabled: current === totalPages
+    disabled: current === paginationRange.length
   }, dir === "rtl" ? jsx(SvgArrowLeft, {
     height: 22
   }) : jsx(SvgArrowRight, {
     height: 22
-  })));
+  }))));
 };
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__$2() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
@@ -23837,7 +23979,7 @@ var TabsContent = function TabsContent(_ref) {
   }, content) : null;
 };
 
-var _excluded$l = ["children", "stickyHeader", "selectedTab", "onChangeTab"];
+var _excluded$k = ["children", "stickyHeader", "selectedTab", "onChangeTab"];
 var TabPane = function TabPane() {
   return null;
 };
@@ -23855,7 +23997,7 @@ var Tabs = function Tabs(_ref) {
     _ref$selectedTab = _ref.selectedTab,
     selectedTab = _ref$selectedTab === void 0 ? 0 : _ref$selectedTab,
     onChangeTab = _ref.onChangeTab,
-    rest = _objectWithoutProperties(_ref, _excluded$l);
+    rest = _objectWithoutProperties(_ref, _excluded$k);
   var _useState = React.useState(selectedTab),
     _useState2 = _slicedToArray$1(_useState, 2),
     activeTab = _useState2[0],
@@ -23938,7 +24080,7 @@ var Tabs = function Tabs(_ref) {
       window.removeEventListener("resize", toggleTabsArrow);
     };
   }, []);
-  return jsx("section", _extends$d({
+  return jsx("section", _extends$e({
     css: container$3
   }, rest), jsx("div", {
     className: "nav-wrapper"
@@ -23997,33 +24139,6 @@ var Tabs = function Tabs(_ref) {
 };
 Tabs.TabPane = TabPane;
 
-var textContainer = function textContainer(_ref, weight, size) {
-  var typeScaleSizes = _ref.typeScaleSizes;
-  return (
-    /*#__PURE__*/
-    /*#__PURE__*/
-    css("font-size:", typeScaleSizes[size], ";font-weight:", weight, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:textContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRMEIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgVGV4dFdlaWdodCB9IGZyb20gXCIuL1RleHRcIjtcbmltcG9ydCB7IFR5cG9ncmFwaHlMZXZlbHMgfSBmcm9tIFwiQHRoZW1lL3V0aWxzL3R5cG9ncmFwaHlcIjtcblxuZXhwb3J0IGNvbnN0IHRleHRDb250YWluZXIgPSAoXG4gIHsgdHlwZVNjYWxlU2l6ZXMgfTogVGhlbWUsXG4gIHdlaWdodDogVGV4dFdlaWdodCxcbiAgc2l6ZTogVHlwb2dyYXBoeUxldmVscyxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBmb250LXNpemU6ICR7dHlwZVNjYWxlU2l6ZXNbc2l6ZV19O1xuICBmb250LXdlaWdodDogJHt3ZWlnaHR9O1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:textContainer;")
-  );
-};
-
-var _excluded$k = ["children", "weight", "fontSize", "as"];
-var Text = function Text(_ref) {
-  var children = _ref.children,
-    _ref$weight = _ref.weight,
-    weight = _ref$weight === void 0 ? "400" : _ref$weight,
-    fontSize = _ref.fontSize,
-    _ref$as = _ref.as,
-    as = _ref$as === void 0 ? "span" : _ref$as,
-    rest = _objectWithoutProperties(_ref, _excluded$k);
-  var Tag = as;
-  return jsx(Tag, _extends$d({
-    "data-testid": "text-component",
-    css: function css(theme) {
-      return textContainer(theme, weight, fontSize);
-    }
-  }, rest), children);
-};
-
 var container$2 = function container(_ref, _ref2) {
   var typeScaleSizes = _ref.typeScaleSizes,
     result = _ref.result;
@@ -24055,7 +24170,7 @@ var Result = function Result(_ref) {
     md = _useResponsive.md;
   var Icon = icon;
   var iconSize = getIconSize(md);
-  return jsx("article", _extends$d({
+  return jsx("article", _extends$e({
     "data-testid": "empty-state-container",
     css: function css(theme) {
       return container$2(theme, {
@@ -24107,7 +24222,7 @@ var Breadcrumb = function Breadcrumb(_ref2) {
     _ref2$separator = _ref2.separator,
     separator = _ref2$separator === void 0 ? "/" : _ref2$separator,
     rest = _objectWithoutProperties(_ref2, _excluded$i);
-  var breadcrumb = jsx("nav", _extends$d({
+  var breadcrumb = jsx("nav", _extends$e({
     css: function css(theme) {
       return container$1(theme, {
         separator: separator
@@ -24277,7 +24392,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$d({
+  }, jsx(AnimatePresence, null, isOpen && jsx("div", _extends$e({
     css: function css(theme) {
       return drawerContainer$1(theme, width);
     },
@@ -24470,7 +24585,7 @@ var Sidebar = function Sidebar(_ref) {
   }
   return jsx(LazyMotion, {
     features: domAnimation
-  }, jsx(m.nav, _extends$d({
+  }, jsx(m.nav, _extends$e({
     css: function css(theme) {
       return mainNavContainer(theme, expandedWidth);
     },
@@ -24567,7 +24682,7 @@ var CardHeader = function CardHeader(_ref) {
 };
 
 var Thumbnail = function Thumbnail(props) {
-  return jsx("img", _extends$d({
+  return jsx("img", _extends$e({
     css: thumbnailContainer
   }, props));
 };
@@ -24689,7 +24804,7 @@ var Card = function Card(_ref) {
     rest = _objectWithoutProperties(_ref, _excluded$f);
   return jsx(LazyMotion, {
     features: domAnimation
-  }, jsx(AnimatePresence, null, jsx(m.article, _extends$d({
+  }, jsx(AnimatePresence, null, jsx(m.article, _extends$e({
     initial: "rest",
     whileHover: "hover",
     css: cardContainer,
@@ -24788,7 +24903,7 @@ var Grid = function Grid(props) {
     rest = _objectWithoutProperties(props, _excluded$e);
   var templateColumnAttrs = generateGridValues(templateColumns);
   var Component = as;
-  return jsx(Component, _extends$d({
+  return jsx(Component, _extends$e({
     css: gridContainer({
       templateColumns: templateColumnAttrs,
       gap: gap,
@@ -24815,7 +24930,7 @@ var Item = function Item(props) {
   var rowStartAttrs = generateGridValues(rowStart);
   var rowEndAttrs = generateGridValues(rowEnd);
   var Component = as;
-  return jsx(Component, _extends$d({
+  return jsx(Component, _extends$e({
     css: gridItem({
       colSpan: colSpanAttrs,
       colStart: colStartAttrs,
@@ -25049,7 +25164,7 @@ var Checkbox = function Checkbox(props, ref) {
     containerAttrs = props.containerAttrs,
     isPartiallySelected = props.isPartiallySelected,
     rest = _objectWithoutProperties(props, _excluded$d);
-  return jsx("div", _extends$d({
+  return jsx("div", _extends$e({
     ref: ref,
     css: function css(theme) {
       return checkboxContainer(theme, {
@@ -25060,7 +25175,7 @@ var Checkbox = function Checkbox(props, ref) {
   }, containerAttrs), isPartiallySelected && jsx("span", {
     "data-testid": "is-partially-selected",
     className: "dash"
-  }), jsx("input", _extends$d({
+  }), jsx("input", _extends$e({
     id: id,
     type: "checkbox"
   }, rest)), jsx("label", {
@@ -25080,7 +25195,7 @@ var Cell = function Cell(_ref) {
     Component = _ref$as === void 0 ? "td" : _ref$as,
     onClick = _ref.onClick,
     rest = _objectWithoutProperties(_ref, _excluded$c);
-  return jsx(Component, _extends$d({
+  return jsx(Component, _extends$e({
     onClick: onClick
   }, rest), children);
 };
@@ -25168,7 +25283,7 @@ var Body = function Body(_ref) {
     }));
   })) : jsx("tr", {
     className: "empty-state-container"
-  }, jsx("td", null, jsx(Result, _extends$d({}, emptyState, {
+  }, jsx("td", null, jsx(Result, _extends$e({}, emptyState, {
     hideInfo: true
   })))));
 };
@@ -25336,10 +25451,10 @@ var Table = function Table(props) {
   return jsx("div", {
     css: tableContainer,
     "data-testid": "table"
-  }, jsx("table", rest, jsx(Table.Header, _extends$d({
+  }, jsx("table", rest, jsx(Table.Header, _extends$e({
     state: state,
     dispatch: dispatch
-  }, props)), jsx(Table.Body, _extends$d({
+  }, props)), jsx(Table.Body, _extends$e({
     state: state,
     dispatch: dispatch
   }, props))));
@@ -25367,7 +25482,7 @@ var Label = function Label(_ref) {
     size = _ref$size === void 0 ? "md" : _ref$size,
     children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded$a);
-  return jsx("label", _extends$d({
+  return jsx("label", _extends$e({
     css: function css(theme) {
       return label(theme, {
         size: size
@@ -25441,7 +25556,7 @@ var Input = function Input(_ref, forwardedRef) {
     disabled: Boolean(rest === null || rest === void 0 ? void 0 : rest.disabled)
   });
   var iconHeight = size === "sm" ? 28 : 32;
-  return jsx("div", _extends$d({
+  return jsx("div", _extends$e({
     css: function css(theme) {
       return inputContainer(theme, {
         size: size
@@ -25457,7 +25572,7 @@ var Input = function Input(_ref, forwardedRef) {
     "data-testid": "input-icon-before"
   }, jsx(IconBefore, {
     height: iconHeight
-  })), jsx("input", _extends$d({
+  })), jsx("input", _extends$e({
     ref: forwardedRef,
     id: id
   }, rest)), IconAfter && jsx("span", {
@@ -25483,7 +25598,7 @@ var _excluded$8 = ["children"];
 var FormError = function FormError(_ref) {
   var children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded$8);
-  return jsx("article", _extends$d({
+  return jsx("article", _extends$e({
     css: errorContainer
   }, rest), children);
 };
@@ -25504,7 +25619,7 @@ var InputError = function InputError(_ref) {
     children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded$7);
   var InputErrorTag = as;
-  return jsx(InputErrorTag, _extends$d({
+  return jsx(InputErrorTag, _extends$e({
     css: inputError
   }, rest), children);
 };
@@ -25577,7 +25692,7 @@ var CheckboxGroup = function CheckboxGroup(_ref) {
   React.useEffect(function () {
     onChange && onChange(selectedValues);
   }, [selectedValues, onChange]);
-  return jsx("fieldset", _extends$d({
+  return jsx("fieldset", _extends$e({
     css: checkboxGroupContainer(inline)
   }, rest), jsx("legend", null, isPartiallySelected && jsx("span", {
     className: "dash"
@@ -25594,7 +25709,7 @@ var CheckboxGroup = function CheckboxGroup(_ref) {
   })), jsx("ul", null, options.map(function (option) {
     return jsx("li", {
       key: option.name
-    }, jsx(Checkbox$1, _extends$d({
+    }, jsx(Checkbox$1, _extends$e({
       id: "".concat(groupname, "-").concat(option.value),
       size: size,
       checked: selectedValues.includes(option.value),
@@ -25640,7 +25755,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$d({
+  return jsx("button", _extends$e({
     id: "radio-".concat(index),
     className: "".concat(cssClasses).concat(propHTMLClass),
     onClick: handleClick,
@@ -25663,7 +25778,7 @@ var RadioButtonGroup = function RadioButtonGroup(props) {
     onChange = props.onChange,
     rest = _objectWithoutProperties(props, _excluded$4);
   return jsx("div", rest, options.map(function (option, index) {
-    return jsx(RadioButton, _extends$d({
+    return jsx(RadioButton, _extends$e({
       key: option.value,
       index: index,
       size: size,
@@ -25706,14 +25821,14 @@ var Radio = function Radio(_ref) {
     inline = _ref$inline === void 0 ? false : _ref$inline,
     containerAttrs = _ref.containerAttrs,
     rest = _objectWithoutProperties(_ref, _excluded$3);
-  return jsx("div", _extends$d({
+  return jsx("div", _extends$e({
     css: function css(theme) {
       return radioButtonContainer(theme, {
         size: size,
         inline: inline
       });
     }
-  }, containerAttrs), jsx("input", _extends$d({
+  }, containerAttrs), jsx("input", _extends$e({
     id: id,
     type: "radio"
   }, rest)), jsx("label", {
@@ -25744,11 +25859,11 @@ var RadioGroup = function RadioGroup(_ref) {
   React.useEffect(function () {
     onChange && onChange(selectedValue);
   }, [selectedValue, onChange]);
-  return jsx("fieldset", _extends$d({
+  return jsx("fieldset", _extends$e({
     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$d({
+    return jsx(Radio, _extends$e({
       key: option.value,
       id: "".concat(groupname, "-").concat(option.value),
       size: size,
@@ -25801,7 +25916,7 @@ var Select = function Select(props, forwardedRef) {
     inline: hasLabel && inline,
     disabled: Boolean(rest === null || rest === void 0 ? void 0 : rest.disabled)
   }, (_containerAttrs$class = containerAttrs === null || containerAttrs === void 0 ? void 0 : containerAttrs.className) !== null && _containerAttrs$class !== void 0 ? _containerAttrs$class : "", Boolean(containerAttrs === null || containerAttrs === void 0 ? void 0 : containerAttrs.className)));
-  return jsx("div", _extends$d({
+  return jsx("div", _extends$e({
     css: function css(theme) {
       return selectContainer(theme, {
         size: size,
@@ -25815,7 +25930,7 @@ var Select = function Select(props, forwardedRef) {
     "aria-labelledby": id
   }, label), jsx("div", {
     className: "select-input-wrapper"
-  }, jsx("select", _extends$d({
+  }, jsx("select", _extends$e({
     ref: forwardedRef,
     onChange: onChange && function (e) {
       return onChange(e.target.value);
@@ -25858,7 +25973,7 @@ var Textarea = function Textarea(props, forwardedRef) {
     valid: status === "valid",
     error: status === "error"
   }, (_containerAttrs$class = containerAttrs === null || containerAttrs === void 0 ? void 0 : containerAttrs.className) !== null && _containerAttrs$class !== void 0 ? _containerAttrs$class : "", Boolean(containerAttrs === null || containerAttrs === void 0 ? void 0 : containerAttrs.className)));
-  return jsx("div", _extends$d({
+  return jsx("div", _extends$e({
     css: function css(theme) {
       return textareaContainer(theme, {
         resize: resize
@@ -25868,7 +25983,7 @@ var Textarea = function Textarea(props, forwardedRef) {
     className: containerClassNames
   }), hasLabel && jsx(Label, {
     htmlFor: id
-  }, label), jsx("textarea", _extends$d({
+  }, label), jsx("textarea", _extends$e({
     id: id,
     ref: forwardedRef
   }, rest)));
@@ -25914,4 +26029,4 @@ exports.defaultTheme = defaultTheme;
 exports.getDefaultExportFromCjs = getDefaultExportFromCjs;
 exports.patterns = patterns;
 exports.utils = utils;
-//# sourceMappingURL=index-fd519680.js.map
+//# sourceMappingURL=index-641913fb.js.map