@epignosis_llc/gnosis 5.0.2 → 5.0.4

package/dist/cjs/{index-5e5ea618.js → index-69a560b3.js}

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.0.1
+   * @epignosis_llc/gnosis.js v5.0.3
    * Released under the MIT license.
    */
 
@@ -1384,8 +1384,8 @@ var createCache = function createCache(options) {
   return cache;
 };
 
-function _extends$g() {
-  _extends$g = Object.assign ? Object.assign.bind() : function (target) {
+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) {
@@ -1396,7 +1396,7 @@ function _extends$g() {
     }
     return target;
   };
-  return _extends$g.apply(this, arguments);
+  return _extends$h.apply(this, arguments);
 }
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -2111,7 +2111,7 @@ var useInsertionEffect = React__namespace['useInsertion' + 'Effect'] ? React__na
 var useInsertionEffectAlwaysWithSyncFallback =  useInsertionEffect || syncFallback;
 var useInsertionEffectWithLayoutFallback = useInsertionEffect || React.useLayoutEffect;
 
-var hasOwnProperty$4 = {}.hasOwnProperty;
+var hasOwnProperty$5 = {}.hasOwnProperty;
 
 var EmotionCacheContext = /* #__PURE__ */React.createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case
 // because this module is primarily intended for the browser and node
@@ -2163,7 +2163,7 @@ var getTheme = function getTheme(outerTheme, theme) {
     throw new Error('[ThemeProvider] Please make your theme prop a plain object');
   }
 
-  return _extends$g({}, outerTheme, theme);
+  return _extends$h({}, outerTheme, theme);
 };
 
 var createCacheWithTheme = /* #__PURE__ */weakMemoize(function (outerTheme) {
@@ -2237,7 +2237,7 @@ var createEmotionProps = function createEmotionProps(type, props) {
   var newProps = {};
 
   for (var key in props) {
-    if (hasOwnProperty$4.call(props, key)) {
+    if (hasOwnProperty$5.call(props, key)) {
       newProps[key] = props[key];
     }
   }
@@ -2298,7 +2298,7 @@ var Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {
   var newProps = {};
 
   for (var key in props) {
-    if (hasOwnProperty$4.call(props, key) && key !== 'css' && key !== typePropName && (process.env.NODE_ENV === 'production' || key !== labelPropName)) {
+    if (hasOwnProperty$5.call(props, key) && key !== 'css' && key !== typePropName && (process.env.NODE_ENV === 'production' || key !== labelPropName)) {
       newProps[key] = props[key];
     }
   }
@@ -2442,7 +2442,7 @@ var pkg = {
 var jsx = function jsx(type, props) {
   var args = arguments;
 
-  if (props == null || !hasOwnProperty$4.call(props, 'css')) {
+  if (props == null || !hasOwnProperty$5.call(props, 'css')) {
     // $FlowFixMe
     return React.createElement.apply(undefined, args);
   }
@@ -2869,8 +2869,8 @@ function _defineProperty$1(obj, key, value) {
   }
   return obj;
 }
-function _extends$f() {
-  _extends$f = Object.assign ? Object.assign.bind() : function (target) {
+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) {
@@ -2881,7 +2881,7 @@ function _extends$f() {
     }
     return target;
   };
-  return _extends$f.apply(this, arguments);
+  return _extends$g.apply(this, arguments);
 }
 function _objectWithoutPropertiesLoose$1(source, excluded) {
   if (source == null) return {};
@@ -3111,7 +3111,7 @@ var isCallable$b = function (argument) {
 
 var isCallable$a = isCallable$b;
 
-var isObject$9 = function (it) {
+var isObject$c = function (it) {
   return typeof it == 'object' ? it !== null : isCallable$a(it);
 };
 
@@ -3193,7 +3193,7 @@ var USE_SYMBOL_AS_UID$1 = useSymbolAsUid;
 
 var Object$3 = global$s.Object;
 
-var isSymbol$2 = USE_SYMBOL_AS_UID$1 ? function (it) {
+var isSymbol$4 = USE_SYMBOL_AS_UID$1 ? function (it) {
   return typeof it == 'symbol';
 } : function (it) {
   var $Symbol = getBuiltIn$3('Symbol');
@@ -3236,7 +3236,7 @@ var getMethod$1 = function (V, P) {
 var global$p = global$x;
 var call$3 = functionCall;
 var isCallable$6 = isCallable$b;
-var isObject$8 = isObject$9;
+var isObject$b = isObject$c;
 
 var TypeError$8 = global$p.TypeError;
 
@@ -3244,9 +3244,9 @@ var TypeError$8 = global$p.TypeError;
 // https://tc39.es/ecma262/#sec-ordinarytoprimitive
 var ordinaryToPrimitive$1 = function (input, pref) {
   var fn, val;
-  if (pref === 'string' && isCallable$6(fn = input.toString) && !isObject$8(val = call$3(fn, input))) return val;
-  if (isCallable$6(fn = input.valueOf) && !isObject$8(val = call$3(fn, input))) return val;
-  if (pref !== 'string' && isCallable$6(fn = input.toString) && !isObject$8(val = call$3(fn, input))) return val;
+  if (pref === 'string' && isCallable$6(fn = input.toString) && !isObject$b(val = call$3(fn, input))) return val;
+  if (isCallable$6(fn = input.valueOf) && !isObject$b(val = call$3(fn, input))) return val;
+  if (pref !== 'string' && isCallable$6(fn = input.toString) && !isObject$b(val = call$3(fn, input))) return val;
   throw TypeError$8("Can't convert object to primitive value");
 };
 
@@ -3299,12 +3299,12 @@ var toObject$7 = function (argument) {
 var uncurryThis$l = functionUncurryThis;
 var toObject$6 = toObject$7;
 
-var hasOwnProperty$3 = uncurryThis$l({}.hasOwnProperty);
+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$3(toObject$6(it), key);
+  return hasOwnProperty$4(toObject$6(it), key);
 };
 
 var uncurryThis$k = functionUncurryThis;
@@ -3325,15 +3325,15 @@ var NATIVE_SYMBOL = nativeSymbol;
 var USE_SYMBOL_AS_UID = useSymbolAsUid;
 
 var WellKnownSymbolsStore = shared$2('wks');
-var Symbol$2 = global$l.Symbol;
-var symbolFor = Symbol$2 && Symbol$2['for'];
-var createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol$2 : Symbol$2 && Symbol$2.withoutSetter || uid$1;
+var Symbol$5 = global$l.Symbol;
+var symbolFor = Symbol$5 && Symbol$5['for'];
+var createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol$5 : Symbol$5 && Symbol$5.withoutSetter || uid$1;
 
 var wellKnownSymbol$a = function (name) {
   if (!hasOwn$6(WellKnownSymbolsStore, name) || !(NATIVE_SYMBOL || typeof WellKnownSymbolsStore[name] == 'string')) {
     var description = 'Symbol.' + name;
-    if (NATIVE_SYMBOL && hasOwn$6(Symbol$2, name)) {
-      WellKnownSymbolsStore[name] = Symbol$2[name];
+    if (NATIVE_SYMBOL && hasOwn$6(Symbol$5, name)) {
+      WellKnownSymbolsStore[name] = Symbol$5[name];
     } else if (USE_SYMBOL_AS_UID && symbolFor) {
       WellKnownSymbolsStore[name] = symbolFor(description);
     } else {
@@ -3344,8 +3344,8 @@ var wellKnownSymbol$a = function (name) {
 
 var global$k = global$x;
 var call$2 = functionCall;
-var isObject$7 = isObject$9;
-var isSymbol$1 = isSymbol$2;
+var isObject$a = isObject$c;
+var isSymbol$3 = isSymbol$4;
 var getMethod = getMethod$1;
 var ordinaryToPrimitive = ordinaryToPrimitive$1;
 var wellKnownSymbol$9 = wellKnownSymbol$a;
@@ -3356,13 +3356,13 @@ var TO_PRIMITIVE = wellKnownSymbol$9('toPrimitive');
 // `ToPrimitive` abstract operation
 // https://tc39.es/ecma262/#sec-toprimitive
 var toPrimitive$1 = function (input, pref) {
-  if (!isObject$7(input) || isSymbol$1(input)) return input;
+  if (!isObject$a(input) || isSymbol$3(input)) return input;
   var exoticToPrim = getMethod(input, TO_PRIMITIVE);
   var result;
   if (exoticToPrim) {
     if (pref === undefined) pref = 'default';
     result = call$2(exoticToPrim, input, pref);
-    if (!isObject$7(result) || isSymbol$1(result)) return result;
+    if (!isObject$a(result) || isSymbol$3(result)) return result;
     throw TypeError$7("Can't convert object to primitive value");
   }
   if (pref === undefined) pref = 'number';
@@ -3370,21 +3370,21 @@ var toPrimitive$1 = function (input, pref) {
 };
 
 var toPrimitive = toPrimitive$1;
-var isSymbol = isSymbol$2;
+var isSymbol$2 = isSymbol$4;
 
 // `ToPropertyKey` abstract operation
 // https://tc39.es/ecma262/#sec-topropertykey
 var toPropertyKey$3 = function (argument) {
   var key = toPrimitive(argument, 'string');
-  return isSymbol(key) ? key : key + '';
+  return isSymbol$2(key) ? key : key + '';
 };
 
 var global$j = global$x;
-var isObject$6 = isObject$9;
+var isObject$9 = isObject$c;
 
 var document$1 = global$j.document;
 // typeof document.createElement is 'object' in old IE
-var EXISTS$1 = isObject$6(document$1) && isObject$6(document$1.createElement);
+var EXISTS$1 = isObject$9(document$1) && isObject$9(document$1.createElement);
 
 var documentCreateElement$2 = function (it) {
   return EXISTS$1 ? document$1.createElement(it) : {};
@@ -3441,14 +3441,14 @@ var v8PrototypeDefineBug = DESCRIPTORS$6 && fails$b(function () {
 });
 
 var global$i = global$x;
-var isObject$5 = isObject$9;
+var isObject$8 = isObject$c;
 
 var String$3 = global$i.String;
 var TypeError$6 = global$i.TypeError;
 
 // `Assert: Type(argument) is Object`
 var anObject$6 = function (argument) {
-  if (isObject$5(argument)) return argument;
+  if (isObject$8(argument)) return argument;
   throw TypeError$6(String$3(argument) + ' is not an object');
 };
 
@@ -3547,7 +3547,7 @@ var hiddenKeys$4 = {};
 var NATIVE_WEAK_MAP = nativeWeakMap;
 var global$f = global$x;
 var uncurryThis$i = functionUncurryThis;
-var isObject$4 = isObject$9;
+var isObject$7 = isObject$c;
 var createNonEnumerableProperty$3 = createNonEnumerableProperty$4;
 var hasOwn$4 = hasOwnProperty_1;
 var shared = sharedStore;
@@ -3566,7 +3566,7 @@ var enforce = function (it) {
 var getterFor = function (TYPE) {
   return function (it) {
     var state;
-    if (!isObject$4(it) || (state = get(it)).type !== TYPE) {
+    if (!isObject$7(it) || (state = get(it)).type !== TYPE) {
       throw TypeError$4('Incompatible receiver, ' + TYPE + ' required');
     } return state;
   };
@@ -4035,7 +4035,7 @@ var isConstructor$2 = !construct || fails$9(function () {
 var global$b = global$x;
 var isArray$3 = isArray$4;
 var isConstructor$1 = isConstructor$2;
-var isObject$3 = isObject$9;
+var isObject$6 = isObject$c;
 var wellKnownSymbol$6 = wellKnownSymbol$a;
 
 var SPECIES$2 = wellKnownSymbol$6('species');
@@ -4049,7 +4049,7 @@ var arraySpeciesConstructor$1 = function (originalArray) {
     C = originalArray.constructor;
     // cross-realm fallback
     if (isConstructor$1(C) && (C === Array$2 || isArray$3(C.prototype))) C = undefined;
-    else if (isObject$3(C)) {
+    else if (isObject$6(C)) {
       C = C[SPECIES$2];
       if (C === null) C = undefined;
     }
@@ -4175,13 +4175,13 @@ var classof$3 = classof$5;
 
 // `Object.prototype.toString` method implementation
 // https://tc39.es/ecma262/#sec-object.prototype.tostring
-var objectToString = TO_STRING_TAG_SUPPORT$1 ? {}.toString : function toString() {
+var objectToString$2 = TO_STRING_TAG_SUPPORT$1 ? {}.toString : function toString() {
   return '[object ' + classof$3(this) + ']';
 };
 
 var TO_STRING_TAG_SUPPORT = toStringTagSupport;
 var redefine$2 = redefine$4.exports;
-var toString$6 = objectToString;
+var toString$6 = objectToString$2;
 
 // `Object.prototype.toString` method
 // https://tc39.es/ecma262/#sec-object.prototype.tostring
@@ -4577,8 +4577,8 @@ var trim = stringTrim.trim;
 var whitespaces = whitespaces$2;
 
 var $parseInt$1 = global$6.parseInt;
-var Symbol$1 = global$6.Symbol;
-var ITERATOR = Symbol$1 && Symbol$1.iterator;
+var Symbol$4 = global$6.Symbol;
+var ITERATOR = Symbol$4 && Symbol$4.iterator;
 var hex$1 = /^[+-]?0x/i;
 var exec = uncurryThis$8(hex$1.exec);
 var FORCED$1 = $parseInt$1(whitespaces + '08') !== 8 || $parseInt$1(whitespaces + '0x16') !== 22
@@ -4639,7 +4639,7 @@ var $$c = _export;
 var global$5 = global$x;
 var isArray$2 = isArray$4;
 var isConstructor = isConstructor$2;
-var isObject$2 = isObject$9;
+var isObject$5 = isObject$c;
 var toAbsoluteIndex = toAbsoluteIndex$2;
 var lengthOfArrayLike$2 = lengthOfArrayLike$5;
 var toIndexedObject$2 = toIndexedObject$6;
@@ -4670,7 +4670,7 @@ $$c({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT$2 }, {
       // cross-realm fallback
       if (isConstructor(Constructor) && (Constructor === Array$1 || isArray$2(Constructor.prototype))) {
         Constructor = undefined;
-      } else if (isObject$2(Constructor)) {
+      } else if (isObject$5(Constructor)) {
         Constructor = Constructor[SPECIES];
         if (Constructor === null) Constructor = undefined;
       }
@@ -4689,7 +4689,7 @@ var $$b = _export;
 var global$4 = global$x;
 var fails$3 = fails$h;
 var isArray$1 = isArray$4;
-var isObject$1 = isObject$9;
+var isObject$4 = isObject$c;
 var toObject$3 = toObject$7;
 var lengthOfArrayLike$1 = lengthOfArrayLike$5;
 var createProperty = createProperty$2;
@@ -4715,7 +4715,7 @@ var IS_CONCAT_SPREADABLE_SUPPORT = V8_VERSION >= 51 || !fails$3(function () {
 var SPECIES_SUPPORT = arrayMethodHasSpeciesSupport$2('concat');
 
 var isConcatSpreadable = function (O) {
-  if (!isObject$1(O)) return false;
+  if (!isObject$4(O)) return false;
   var spreadable = O[IS_CONCAT_SPREADABLE];
   return spreadable !== undefined ? !!spreadable : isArray$1(O);
 };
@@ -4945,13 +4945,13 @@ swizzle$1.wrap = function (fn) {
 
 var colorNames = colorName$1;
 var swizzle = simpleSwizzle.exports;
-var hasOwnProperty$2 = Object.hasOwnProperty;
+var hasOwnProperty$3 = Object.hasOwnProperty;
 
 var reverseNames = Object.create(null);
 
 // create a list of reverse color names
 for (var name in colorNames) {
-	if (hasOwnProperty$2.call(colorNames, name)) {
+	if (hasOwnProperty$3.call(colorNames, name)) {
 		reverseNames[colorNames[name]] = name;
 	}
 }
@@ -5056,7 +5056,7 @@ cs.get.rgb = function (string) {
 			return [0, 0, 0, 0];
 		}
 
-		if (!hasOwnProperty$2.call(colorNames, match[1])) {
+		if (!hasOwnProperty$3.call(colorNames, match[1])) {
 			return null;
 		}
 
@@ -7074,6 +7074,14 @@ var drawer = {
   dialog: colors.white
 };
 
+var dropdown = {
+  boxShadowColor: colors.secondary.light,
+  backgroundColor: colors.white,
+  emptyStateColor: colors.secondary.base,
+  hoverBackgroundColor: colors.secondary.lighter,
+  borderBottomColor: colors.secondary.lighter
+};
+
 var formElements = {
   errors: {
     errorBorderColor: colors.red.base
@@ -7187,6 +7195,11 @@ var pagination = {
   textColor: colors.black
 };
 
+var scrollbar = {
+  color: colors.secondary.dark,
+  background: colors.secondary.lighter
+};
+
 var typeScaleSizes = generateTypeScaleSizes(DEFAULT_TYPESCALE_CONFIG);
 var defaultTheme = {
   body: {
@@ -7218,7 +7231,9 @@ var defaultTheme = {
   tabs: tabs,
   tag: tag$1,
   tooltip: tooltip,
-  pagination: pagination
+  pagination: pagination,
+  dropdown: dropdown,
+  scrollbar: scrollbar
 };
 
 var uncurryThis$6 = functionUncurryThis;
@@ -7362,7 +7377,7 @@ function __values$1(o) {
     throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
 }
 
-function __read$1(o, n) {
+function __read$2(o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
     if (!m) return o;
     var i = m.call(o), r, ar = [], e;
@@ -7379,7 +7394,7 @@ function __read$1(o, n) {
     return ar;
 }
 
-function __spreadArray(to, from, pack) {
+function __spreadArray$1(to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
             if (!ar) ar = Array.prototype.slice.call(from, 0, i);
@@ -7564,7 +7579,7 @@ function useReducedMotion() {
      * Lazy initialisation of prefersReducedMotion
      */
     !hasDetected && initPrefersReducedMotion();
-    var _a = __read$1(React.useState(prefersReducedMotion.current), 1), shouldReduceMotion = _a[0];
+    var _a = __read$2(React.useState(prefersReducedMotion.current), 1), shouldReduceMotion = _a[0];
     /**
      * TODO See if people miss automatically updating shouldReduceMotion setting
      */
@@ -10488,7 +10503,7 @@ var easingDefinitionToFunction = function (definition) {
     if (Array.isArray(definition)) {
         // If cubic bezier definition, create bezier curve
         invariant(definition.length === 4, "Cubic bezier arrays must contain four numerical values.");
-        var _a = __read$1(definition, 4), x1 = _a[0], y1 = _a[1], x2 = _a[2], y2 = _a[3];
+        var _a = __read$2(definition, 4), x1 = _a[0], y1 = _a[1], x2 = _a[2], y2 = _a[3];
         return cubicBezier(x1, y1, x2, y2);
     }
     else if (typeof definition === "string") {
@@ -10679,7 +10694,7 @@ function getDelayFromTransition(transition, key) {
 }
 function hydrateKeyframes(options) {
     if (Array.isArray(options.to) && options.to[0] === null) {
-        options.to = __spreadArray([], __read$1(options.to), false);
+        options.to = __spreadArray$1([], __read$2(options.to), false);
         options.to[0] = options.from;
     }
     return options;
@@ -11191,7 +11206,7 @@ var findDimensionValueType = function (v) {
 /**
  * A list of all ValueTypes
  */
-var valueTypes = __spreadArray(__spreadArray([], __read$1(dimensionValueTypes), false), [color, complex], false);
+var valueTypes = __spreadArray$1(__spreadArray$1([], __read$2(dimensionValueTypes), false), [color, complex], false);
 /**
  * Tests a value against the list of ValueTypes
  */
@@ -11334,7 +11349,7 @@ function animateVariant(visualElement, variant, options) {
      */
     var when = transition.when;
     if (when) {
-        var _c = __read$1(when === "beforeChildren"
+        var _c = __read$2(when === "beforeChildren"
             ? [getAnimation, getChildAnimations]
             : [getChildAnimations, getAnimation], 2), first = _c[0], last = _c[1];
         return first().then(last);
@@ -11424,7 +11439,7 @@ var variantPriorityOrder = [
     AnimationType.Drag,
     AnimationType.Exit,
 ];
-var reversePriorityOrder = __spreadArray([], __read$1(variantPriorityOrder), false).reverse();
+var reversePriorityOrder = __spreadArray$1([], __read$2(variantPriorityOrder), false).reverse();
 var numAnimationTypes = variantPriorityOrder.length;
 function animateList(visualElement) {
     return function (animations) {
@@ -11652,7 +11667,7 @@ function createAnimationState(visualElement) {
              * by removed values?
              */
             if (shouldAnimateType && !isInherited) {
-                animations.push.apply(animations, __spreadArray([], __read$1(definitionList.map(function (animation) { return ({
+                animations.push.apply(animations, __spreadArray$1([], __read$2(definitionList.map(function (animation) { return ({
                     animation: animation,
                     options: __assign$1({ type: type }, options),
                 }); })), false));
@@ -11766,7 +11781,7 @@ var animations = {
     }),
     exit: makeRenderlessComponent(function (props) {
         var custom = props.custom, visualElement = props.visualElement;
-        var _a = __read$1(usePresence(), 2), isPresent = _a[0], safeToRemove = _a[1];
+        var _a = __read$2(usePresence(), 2), isPresent = _a[0], safeToRemove = _a[1];
         var presenceContext = React.useContext(PresenceContext);
         React.useEffect(function () {
             var _a, _b;
@@ -11851,7 +11866,7 @@ function createLifecycles() {
             for (var _i = 0; _i < arguments.length; _i++) {
                 args[_i] = arguments[_i];
             }
-            return manager.notify.apply(manager, __spreadArray([], __read$1(args), false));
+            return manager.notify.apply(manager, __spreadArray$1([], __read$2(args), false));
         };
     });
     return lifecycles;
@@ -12295,7 +12310,7 @@ var visualElement = function (_a) {
         return element;
     };
 };
-var variantProps = __spreadArray(["initial"], __read$1(variantPriorityOrder), false);
+var variantProps = __spreadArray$1(["initial"], __read$2(variantPriorityOrder), false);
 var numVariantProps = variantProps.length;
 
 function isCSSVariable(value) {
@@ -12315,14 +12330,14 @@ function parseCSSVariable(current) {
     var match = cssVariableRegex.exec(current);
     if (!match)
         return [,];
-    var _a = __read$1(match, 3), token = _a[1], fallback = _a[2];
+    var _a = __read$2(match, 3), token = _a[1], fallback = _a[2];
     return [token, fallback];
 }
 var maxDepth = 4;
 function getVariableValue(current, element, depth) {
     if (depth === void 0) { depth = 1; }
     invariant(depth <= maxDepth, "Max CSS variable fallback depth detected in property \"".concat(current, "\". This may indicate a circular fallback dependency."));
-    var _a = __read$1(parseCSSVariable(current), 2), token = _a[0], fallback = _a[1];
+    var _a = __read$2(parseCSSVariable(current), 2), token = _a[0], fallback = _a[1];
     // No CSS variable detected
     if (!token)
         return;
@@ -12612,7 +12627,7 @@ var checkAndConvertChangedValueTypes = function (visualElement, target, origin,
         // If we removed transform values, reapply them before the next render
         if (removedTransformValues.length) {
             removedTransformValues.forEach(function (_a) {
-                var _b = __read$1(_a, 2), key = _b[0], value = _b[1];
+                var _b = __read$2(_a, 2), key = _b[0], value = _b[1];
                 visualElement.getValue(key).set(value);
             });
         }
@@ -12785,7 +12800,7 @@ function useIsMounted() {
 
 function useForceUpdate() {
     var isMounted = useIsMounted();
-    var _a = __read$1(React.useState(0), 2), forcedRenderCount = _a[0], setForcedRenderCount = _a[1];
+    var _a = __read$2(React.useState(0), 2), forcedRenderCount = _a[0], setForcedRenderCount = _a[1];
     var forceRender = React.useCallback(function () {
         isMounted.current && setForcedRenderCount(forcedRenderCount + 1);
     }, [forcedRenderCount]);
@@ -12905,7 +12920,7 @@ var AnimatePresence = function (_a) {
     var children = _a.children, custom = _a.custom, _b = _a.initial, initial = _b === void 0 ? true : _b, onExitComplete = _a.onExitComplete, exitBeforeEnter = _a.exitBeforeEnter, _c = _a.presenceAffectsLayout, presenceAffectsLayout = _c === void 0 ? true : _c;
     // We want to force a re-render once all exiting animations have finished. We
     // either use a local forceRender function, or one from a parent context if it exists.
-    var _d = __read$1(useForceUpdate(), 1), forceRender = _d[0];
+    var _d = __read$2(useForceUpdate(), 1), forceRender = _d[0];
     var forceRenderLayoutGroup = React.useContext(LayoutGroupContext).forceRender;
     if (forceRenderLayoutGroup)
         forceRender = forceRenderLayoutGroup;
@@ -12936,7 +12951,7 @@ var AnimatePresence = function (_a) {
         return (React__namespace.createElement(React__namespace.Fragment, null, childrenToRender.map(function (child) { return (React__namespace.createElement(PresenceChild, { key: getChildKey(child), isPresent: true, initial: initial ? undefined : false, presenceAffectsLayout: presenceAffectsLayout }, child)); })));
     }
     // If this is a subsequent render, deal with entering and exiting children
-    childrenToRender = __spreadArray([], __read$1(childrenToRender), false);
+    childrenToRender = __spreadArray$1([], __read$2(childrenToRender), false);
     // Diff the keys of the currently-present and target children to update our
     // exiting list.
     var presentKeys = presentChildren.current.map(getChildKey);
@@ -13034,7 +13049,7 @@ var AnimatePresence = function (_a) {
  */
 function LazyMotion(_a) {
     var children = _a.children, features = _a.features, _b = _a.strict, strict = _b === void 0 ? false : _b;
-    var _c = __read$1(React.useState(!isLazyBundle(features)), 2), setIsLoaded = _c[1];
+    var _c = __read$2(React.useState(!isLazyBundle(features)), 2), setIsLoaded = _c[1];
     var loadedRenderer = React.useRef(undefined);
     /**
      * If this is a synchronous load, load features immediately
@@ -13262,7 +13277,7 @@ var container$8 = function container(_ref) {
   );
 };
 
-var _excluded$B = ["fullScreen", "size"];
+var _excluded$C = ["fullScreen", "size"];
 var loaderSize = {
   md: "0.375rem",
   lg: "0.75rem"
@@ -13276,10 +13291,10 @@ var Loader = function Loader(_ref) {
     fullScreen = _ref$fullScreen === void 0 ? false : _ref$fullScreen,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? "lg" : _ref$size,
-    rest = _objectWithoutProperties(_ref, _excluded$B);
+    rest = _objectWithoutProperties(_ref, _excluded$C);
   var _useTheme = useTheme(),
     loader = _useTheme.loader;
-  return jsx("div", _extends$f({
+  return jsx("div", _extends$g({
     css: function css() {
       return container$8({
         fullScreen: fullScreen
@@ -13296,7 +13311,7 @@ var Loader = function Loader(_ref) {
   }));
 };
 
-var _excluded$A = ["color", "size"];
+var _excluded$B = ["color", "size"];
 var roundDimensions = {
   md: "3.5rem",
   lg: "5rem"
@@ -13379,7 +13394,7 @@ var btnContainer = function btnContainer(_ref3, _ref4) {
     button = _ref3.button;
   var color = _ref4.color,
     size = _ref4.size,
-    attrs = _objectWithoutProperties(_ref4, _excluded$A);
+    attrs = _objectWithoutProperties(_ref4, _excluded$B);
   return (
     /*#__PURE__*/
     /*#__PURE__*/
@@ -13391,7 +13406,7 @@ var btnContainer = function btnContainer(_ref3, _ref4) {
   );
 };
 
-var _excluded$z = ["as", "color", "size", "variant", "block", "isLoading", "noGutters", "className", "rounded", "iconBefore", "iconAfter", "children", "disabled"];
+var _excluded$A = ["as", "color", "size", "variant", "block", "isLoading", "noGutters", "className", "rounded", "iconBefore", "iconAfter", "children", "disabled"];
 var iconSizes = {
   sm: 28,
   md: 30,
@@ -13436,14 +13451,14 @@ var Button = function Button(props) {
     iconAfter = props.iconAfter,
     children = props.children,
     disabled = props.disabled,
-    rest = _objectWithoutProperties(props, _excluded$z);
+    rest = _objectWithoutProperties(props, _excluded$A);
   var Component = as || "button";
   var PrefixIcon = iconBefore;
   var SuffixIcon = iconAfter;
   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$f({
+  }, jsx(Component, _extends$g({
     css: function css(theme) {
       return btnContainer(theme, {
         color: color,
@@ -13478,41 +13493,56 @@ var Button = function Button(props) {
   })));
 };
 
-var _path$7, _path2$6;
-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$8, _path2$7;
+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 SvgCloseCircled(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24"
-  }, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$8 || (_path$8 = /*#__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$6 || (_path2$6 = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$7 || (_path2$7 = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "none",
     d: "M0 0h24v24H0z"
   })));
 }
 
-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); }
+var _path$7, _path2$6;
+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 SvgInfoCircled(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20"
-  }, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Rectangle 1155",
     fill: "#fff",
     d: "M0 0h20v20H0z"
-  })), _path2$5 || (_path2$5 = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$6 || (_path2$6 = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "currentcolor",
     "data-name": "Path 90",
     d: "M10 2.25A7.751 7.751 0 002.25 10 7.75 7.75 0 0010 17.75 7.75 7.75 0 0017.75 10 7.751 7.751 0 0010 2.25zm0 14A6.246 6.246 0 013.75 10 6.248 6.248 0 0110 3.75 6.248 6.248 0 0116.25 10 6.246 6.246 0 0110 16.25zm0-10.562A1.312 1.312 0 008.688 7 1.312 1.312 0 0010 8.313 1.312 1.312 0 0011.313 7 1.312 1.312 0 0010 5.688zm1.75 7.937v-.75a.375.375 0 00-.375-.375H11V9.375A.375.375 0 0010.625 9h-2a.375.375 0 00-.375.375v.75a.375.375 0 00.375.375H9v2h-.375a.375.375 0 00-.375.375v.75a.375.375 0 00.375.375h2.75a.375.375 0 00.375-.375z"
   })));
 }
 
+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 SvgArrowRight(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24"
+  }, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "none",
+    d: "M0 0h24v24H0z"
+  })), _path2$5 || (_path2$5 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M15.852 12.319a.417.417 0 000-.637l-6.16-5.549a.547.547 0 00-.713 0l-.831.742a.417.417 0 000 .637L13.12 12l-4.972 4.488a.417.417 0 000 .637l.831.742a.547.547 0 00.713 0z",
+    fill: "currentcolor"
+  })));
+}
+
 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) {
+function SvgArrowLeft(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24"
@@ -13520,14 +13550,14 @@ function SvgArrowRight(props) {
     fill: "none",
     d: "M0 0h24v24H0z"
   })), _path2$4 || (_path2$4 = /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M15.852 12.319a.417.417 0 000-.637l-6.16-5.549a.547.547 0 00-.713 0l-.831.742a.417.417 0 000 .637L13.12 12l-4.972 4.488a.417.417 0 000 .637l.831.742a.547.547 0 00.713 0z",
+    d: "M8.148 11.681a.417.417 0 000 .637l6.16 5.549a.547.547 0 00.713 0l.831-.742a.417.417 0 000-.637L10.88 12l4.972-4.488a.417.417 0 000-.637l-.831-.742a.547.547 0 00-.713 0z",
     fill: "currentcolor"
   })));
 }
 
 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) {
+function SvgMagnifier(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24"
@@ -13535,8 +13565,8 @@ function SvgArrowLeft(props) {
     fill: "none",
     d: "M0 0h24v24H0z"
   })), _path2$3 || (_path2$3 = /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M8.148 11.681a.417.417 0 000 .637l6.16 5.549a.547.547 0 00.713 0l.831-.742a.417.417 0 000-.637L10.88 12l4.972-4.488a.417.417 0 000-.637l-.831-.742a.547.547 0 00-.713 0z",
-    fill: "currentcolor"
+    fill: "currentcolor",
+    d: "M20.876 19.484l-4.268-4.268a.417.417 0 00-.3-.123h-.464a7.292 7.292 0 001.779-4.781A7.311 7.311 0 0010.312 3 7.311 7.311 0 003 10.312a7.311 7.311 0 007.312 7.312 7.292 7.292 0 004.781-1.779v.464a.432.432 0 00.123.3l4.268 4.267a.422.422 0 00.6 0l.794-.794a.422.422 0 00-.002-.598zm-10.564-3.547a5.623 5.623 0 01-5.625-5.625 5.623 5.623 0 015.625-5.625 5.623 5.623 0 015.625 5.625 5.623 5.623 0 01-5.625 5.625z"
   })));
 }
 
@@ -15304,7 +15334,7 @@ function orderModifiers(modifiers) {
   }, []);
 }
 
-function debounce$1(fn) {
+function debounce$2(fn) {
   var pending;
   return function () {
     if (!pending) {
@@ -15617,7 +15647,7 @@ function popperGenerator(generatorOptions) {
       },
       // Async and optimistically optimized update – it will not be executed if
       // not necessary (debounced to run at most once-per-tick)
-      update: debounce$1(function () {
+      update: debounce$2(function () {
         return new Promise(function (resolve) {
           instance.forceUpdate();
           resolve(state);
@@ -15702,7 +15732,7 @@ var TIPPY_DEFAULT_APPEND_TO = function TIPPY_DEFAULT_APPEND_TO() {
   return document.body;
 };
 
-function hasOwnProperty$1(obj, key) {
+function hasOwnProperty$2(obj, key) {
   return {}.hasOwnProperty.call(obj, key);
 }
 function getValueAtIndexOrReturn(value, index, defaultValue) {
@@ -15720,7 +15750,7 @@ function isType(value, type) {
 function invokeWithArgsOrReturn(value, args) {
   return typeof value === 'function' ? value.apply(void 0, args) : value;
 }
-function debounce(fn, ms) {
+function debounce$1(fn, ms) {
   // Avoid wrapping in `setTimeout` if ms is 0 anyway
   if (ms === 0) {
     return fn;
@@ -16133,7 +16163,7 @@ function validateProps(partialProps, plugins) {
   var keys = Object.keys(partialProps);
   keys.forEach(function (prop) {
     var nonPluginProps = removeProperties(defaultProps$1, Object.keys(pluginProps));
-    var didPassUnknownProp = !hasOwnProperty$1(nonPluginProps, prop); // Check if the prop exists in `plugins`
+    var didPassUnknownProp = !hasOwnProperty$2(nonPluginProps, prop); // Check if the prop exists in `plugins`
 
     if (didPassUnknownProp) {
       didPassUnknownProp = plugins.filter(function (plugin) {
@@ -16182,7 +16212,7 @@ function createTippy(reference, passedProps) {
   var currentTransitionEndListener;
   var onFirstUpdate;
   var listeners = [];
-  var debouncedOnMouseMove = debounce(onMouseMove, props.interactiveDebounce);
+  var debouncedOnMouseMove = debounce$1(onMouseMove, props.interactiveDebounce);
   var currentTarget; // ===========================================================================
   // 🔑 Public members
   // ===========================================================================
@@ -16891,7 +16921,7 @@ function createTippy(reference, passedProps) {
 
     if (prevProps.interactiveDebounce !== nextProps.interactiveDebounce) {
       cleanupInteractiveMouseListeners();
-      debouncedOnMouseMove = debounce(onMouseMove, nextProps.interactiveDebounce);
+      debouncedOnMouseMove = debounce$1(onMouseMove, nextProps.interactiveDebounce);
     } // Ensure stale aria-expanded attributes are removed
 
 
@@ -17620,7 +17650,7 @@ var tooltipContainer = function tooltipContainer(maxWidth, _ref) {
   );
 };
 
-var _excluded$y = ["children", "content", "as", "placement", "maxWidth"];
+var _excluded$z = ["children", "content", "as", "placement", "maxWidth"];
 var Tooltip = function Tooltip(_ref) {
   var children = _ref.children,
     content = _ref.content,
@@ -17630,12 +17660,12 @@ var Tooltip = function Tooltip(_ref) {
     placement = _ref$placement === void 0 ? "top" : _ref$placement,
     _ref$maxWidth = _ref.maxWidth,
     maxWidth = _ref$maxWidth === void 0 ? 350 : _ref$maxWidth,
-    rest = _objectWithoutProperties(_ref, _excluded$y);
+    rest = _objectWithoutProperties(_ref, _excluded$z);
   var Tag = as;
-  return jsx(Tippy, _extends$f({
+  return jsx(Tippy, _extends$g({
     placement: placement,
     render: function render(attrs) {
-      return jsx("div", _extends$f({
+      return jsx("div", _extends$g({
         className: "tooltip",
         css: function css(theme) {
           return tooltipContainer(maxWidth, theme);
@@ -17691,7 +17721,7 @@ var chip = function chip(_ref, _ref2) {
   );
 };
 
-var _excluded$x = ["size", "onClose", "children", "icon", "style", "maxWidth"];
+var _excluded$y = ["size", "onClose", "children", "icon", "style", "maxWidth"];
 var Chip = function Chip(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? "md" : _ref$size,
@@ -17700,11 +17730,11 @@ var Chip = function Chip(_ref) {
     Icon = _ref.icon,
     style = _ref.style,
     maxWidth = _ref.maxWidth,
-    rest = _objectWithoutProperties(_ref, _excluded$x);
+    rest = _objectWithoutProperties(_ref, _excluded$y);
   var isFilterOn = Boolean(Icon);
   var componentRef = React.useRef(null);
   var isOverflow = useIsOverflowX(componentRef);
-  return jsx("div", _extends$f({
+  return jsx("div", _extends$g({
     css: function css(theme) {
       var _ref2;
       return chip(theme, {
@@ -17768,7 +17798,7 @@ var avatar = function avatar(_ref, _ref2) {
   );
 };
 
-var _excluded$w = ["src", "size", "bgColor", "alt", "children"];
+var _excluded$x = ["src", "size", "bgColor", "alt", "children"];
 var Avatar = function Avatar(_ref) {
   var src = _ref.src,
     _ref$size = _ref.size,
@@ -17777,8 +17807,8 @@ var Avatar = function Avatar(_ref) {
     bgColor = _ref$bgColor === void 0 ? colors.orange.base : _ref$bgColor,
     alt = _ref.alt,
     children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded$w);
-  return jsx("figure", _extends$f({
+    rest = _objectWithoutProperties(_ref, _excluded$x);
+  return jsx("figure", _extends$g({
     css: function css(theme) {
       return avatar(theme, {
         size: size,
@@ -17803,12 +17833,12 @@ var tag = function tag(_ref) {
   );
 };
 
-var _excluded$v = ["children", "style"];
+var _excluded$w = ["children", "style"];
 var Tag = function Tag(_ref) {
   var children = _ref.children,
     style = _ref.style,
-    rest = _objectWithoutProperties(_ref, _excluded$v);
-  return jsx("span", _extends$f({
+    rest = _objectWithoutProperties(_ref, _excluded$w);
+  return jsx("span", _extends$g({
     css: tag,
     style: style
   }, rest), children);
@@ -17822,13 +17852,13 @@ var aspectRatioContainer = function aspectRatioContainer(padding) {
   );
 };
 
-var _excluded$u = ["ratio", "children"];
+var _excluded$v = ["ratio", "children"];
 var AspectRatio = function AspectRatio(_ref) {
   var ratio = _ref.ratio,
     children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded$u);
+    rest = _objectWithoutProperties(_ref, _excluded$v);
   var paddingPercentage = ratio[1] / ratio[0] * 100;
-  return jsx("div", _extends$f({
+  return jsx("div", _extends$g({
     css: aspectRatioContainer(paddingPercentage)
   }, rest), jsx("div", {
     className: "aspect-ratio-wrapper"
@@ -17849,7 +17879,7 @@ var container$7 = function container(_ref, _ref2) {
   );
 };
 
-var _excluded$t = ["size", "offset", "children", "badgeContent", "containerAttrs"];
+var _excluded$u = ["size", "offset", "children", "badgeContent", "containerAttrs"];
 var Badge = function Badge(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? "md" : _ref$size,
@@ -17861,12 +17891,12 @@ var Badge = function Badge(_ref) {
     children = _ref.children,
     badgeContent = _ref.badgeContent,
     containerAttrs = _ref.containerAttrs,
-    rest = _objectWithoutProperties(_ref, _excluded$t);
+    rest = _objectWithoutProperties(_ref, _excluded$u);
   var containerClassNames = classNames({
     "has-content": badgeContent,
     "big-content": badgeContent && badgeContent.length >= 3
   });
-  return jsx("div", _extends$f({
+  return jsx("div", _extends$g({
     css: function css(theme) {
       return container$7(theme, {
         size: size,
@@ -17874,7 +17904,7 @@ var Badge = function Badge(_ref) {
       });
     },
     className: containerClassNames
-  }, containerAttrs), jsx("span", _extends$f({
+  }, containerAttrs), jsx("span", _extends$g({
     className: "content-container"
   }, rest), badgeContent), children);
 };
@@ -17999,6 +18029,545 @@ var useUnmount = function useUnmount(fn) {
 };
 var useUnmount$1 = useUnmount;
 
+/**
+ * Checks if `value` is the
+ * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
+ * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an object, else `false`.
+ * @example
+ *
+ * _.isObject({});
+ * // => true
+ *
+ * _.isObject([1, 2, 3]);
+ * // => true
+ *
+ * _.isObject(_.noop);
+ * // => true
+ *
+ * _.isObject(null);
+ * // => false
+ */
+
+function isObject$3(value) {
+  var type = typeof value;
+  return value != null && (type == 'object' || type == 'function');
+}
+
+var isObject_1 = isObject$3;
+
+/** Detect free variable `global` from Node.js. */
+
+var freeGlobal$1 = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
+
+var _freeGlobal = freeGlobal$1;
+
+var freeGlobal = _freeGlobal;
+
+/** Detect free variable `self`. */
+var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
+
+/** Used as a reference to the global object. */
+var root$2 = freeGlobal || freeSelf || Function('return this')();
+
+var _root = root$2;
+
+var root$1 = _root;
+
+/**
+ * Gets the timestamp of the number of milliseconds that have elapsed since
+ * the Unix epoch (1 January 1970 00:00:00 UTC).
+ *
+ * @static
+ * @memberOf _
+ * @since 2.4.0
+ * @category Date
+ * @returns {number} Returns the timestamp.
+ * @example
+ *
+ * _.defer(function(stamp) {
+ *   console.log(_.now() - stamp);
+ * }, _.now());
+ * // => Logs the number of milliseconds it took for the deferred invocation.
+ */
+var now$1 = function() {
+  return root$1.Date.now();
+};
+
+var now_1 = now$1;
+
+/** Used to match a single whitespace character. */
+
+var reWhitespace = /\s/;
+
+/**
+ * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace
+ * character of `string`.
+ *
+ * @private
+ * @param {string} string The string to inspect.
+ * @returns {number} Returns the index of the last non-whitespace character.
+ */
+function trimmedEndIndex$1(string) {
+  var index = string.length;
+
+  while (index-- && reWhitespace.test(string.charAt(index))) {}
+  return index;
+}
+
+var _trimmedEndIndex = trimmedEndIndex$1;
+
+var trimmedEndIndex = _trimmedEndIndex;
+
+/** Used to match leading whitespace. */
+var reTrimStart = /^\s+/;
+
+/**
+ * The base implementation of `_.trim`.
+ *
+ * @private
+ * @param {string} string The string to trim.
+ * @returns {string} Returns the trimmed string.
+ */
+function baseTrim$1(string) {
+  return string
+    ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, '')
+    : string;
+}
+
+var _baseTrim = baseTrim$1;
+
+var root = _root;
+
+/** Built-in value references. */
+var Symbol$3 = root.Symbol;
+
+var _Symbol = Symbol$3;
+
+var Symbol$2 = _Symbol;
+
+/** Used for built-in method references. */
+var objectProto$1 = Object.prototype;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
+
+/**
+ * Used to resolve the
+ * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+ * of values.
+ */
+var nativeObjectToString$1 = objectProto$1.toString;
+
+/** Built-in value references. */
+var symToStringTag$1 = Symbol$2 ? Symbol$2.toStringTag : undefined;
+
+/**
+ * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
+ *
+ * @private
+ * @param {*} value The value to query.
+ * @returns {string} Returns the raw `toStringTag`.
+ */
+function getRawTag$1(value) {
+  var isOwn = hasOwnProperty$1.call(value, symToStringTag$1),
+      tag = value[symToStringTag$1];
+
+  try {
+    value[symToStringTag$1] = undefined;
+    var unmasked = true;
+  } catch (e) {}
+
+  var result = nativeObjectToString$1.call(value);
+  if (unmasked) {
+    if (isOwn) {
+      value[symToStringTag$1] = tag;
+    } else {
+      delete value[symToStringTag$1];
+    }
+  }
+  return result;
+}
+
+var _getRawTag = getRawTag$1;
+
+/** Used for built-in method references. */
+
+var objectProto = Object.prototype;
+
+/**
+ * Used to resolve the
+ * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+ * of values.
+ */
+var nativeObjectToString = objectProto.toString;
+
+/**
+ * Converts `value` to a string using `Object.prototype.toString`.
+ *
+ * @private
+ * @param {*} value The value to convert.
+ * @returns {string} Returns the converted string.
+ */
+function objectToString$1(value) {
+  return nativeObjectToString.call(value);
+}
+
+var _objectToString = objectToString$1;
+
+var Symbol$1 = _Symbol,
+    getRawTag = _getRawTag,
+    objectToString = _objectToString;
+
+/** `Object#toString` result references. */
+var nullTag = '[object Null]',
+    undefinedTag = '[object Undefined]';
+
+/** Built-in value references. */
+var symToStringTag = Symbol$1 ? Symbol$1.toStringTag : undefined;
+
+/**
+ * The base implementation of `getTag` without fallbacks for buggy environments.
+ *
+ * @private
+ * @param {*} value The value to query.
+ * @returns {string} Returns the `toStringTag`.
+ */
+function baseGetTag$1(value) {
+  if (value == null) {
+    return value === undefined ? undefinedTag : nullTag;
+  }
+  return (symToStringTag && symToStringTag in Object(value))
+    ? getRawTag(value)
+    : objectToString(value);
+}
+
+var _baseGetTag = baseGetTag$1;
+
+/**
+ * Checks if `value` is object-like. A value is object-like if it's not `null`
+ * and has a `typeof` result of "object".
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
+ * @example
+ *
+ * _.isObjectLike({});
+ * // => true
+ *
+ * _.isObjectLike([1, 2, 3]);
+ * // => true
+ *
+ * _.isObjectLike(_.noop);
+ * // => false
+ *
+ * _.isObjectLike(null);
+ * // => false
+ */
+
+function isObjectLike$1(value) {
+  return value != null && typeof value == 'object';
+}
+
+var isObjectLike_1 = isObjectLike$1;
+
+var baseGetTag = _baseGetTag,
+    isObjectLike = isObjectLike_1;
+
+/** `Object#toString` result references. */
+var symbolTag = '[object Symbol]';
+
+/**
+ * Checks if `value` is classified as a `Symbol` primitive or object.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
+ * @example
+ *
+ * _.isSymbol(Symbol.iterator);
+ * // => true
+ *
+ * _.isSymbol('abc');
+ * // => false
+ */
+function isSymbol$1(value) {
+  return typeof value == 'symbol' ||
+    (isObjectLike(value) && baseGetTag(value) == symbolTag);
+}
+
+var isSymbol_1 = isSymbol$1;
+
+var baseTrim = _baseTrim,
+    isObject$2 = isObject_1,
+    isSymbol = isSymbol_1;
+
+/** Used as references for various `Number` constants. */
+var NAN = 0 / 0;
+
+/** Used to detect bad signed hexadecimal string values. */
+var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
+
+/** Used to detect binary string values. */
+var reIsBinary = /^0b[01]+$/i;
+
+/** Used to detect octal string values. */
+var reIsOctal = /^0o[0-7]+$/i;
+
+/** Built-in method references without a dependency on `root`. */
+var freeParseInt = parseInt;
+
+/**
+ * Converts `value` to a number.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to process.
+ * @returns {number} Returns the number.
+ * @example
+ *
+ * _.toNumber(3.2);
+ * // => 3.2
+ *
+ * _.toNumber(Number.MIN_VALUE);
+ * // => 5e-324
+ *
+ * _.toNumber(Infinity);
+ * // => Infinity
+ *
+ * _.toNumber('3.2');
+ * // => 3.2
+ */
+function toNumber$1(value) {
+  if (typeof value == 'number') {
+    return value;
+  }
+  if (isSymbol(value)) {
+    return NAN;
+  }
+  if (isObject$2(value)) {
+    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
+    value = isObject$2(other) ? (other + '') : other;
+  }
+  if (typeof value != 'string') {
+    return value === 0 ? value : +value;
+  }
+  value = baseTrim(value);
+  var isBinary = reIsBinary.test(value);
+  return (isBinary || reIsOctal.test(value))
+    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)
+    : (reIsBadHex.test(value) ? NAN : +value);
+}
+
+var toNumber_1 = toNumber$1;
+
+var isObject$1 = isObject_1,
+    now = now_1,
+    toNumber = toNumber_1;
+
+/** Error message constants. */
+var FUNC_ERROR_TEXT = 'Expected a function';
+
+/* Built-in method references for those with the same name as other `lodash` methods. */
+var nativeMax = Math.max,
+    nativeMin = Math.min;
+
+/**
+ * Creates a debounced function that delays invoking `func` until after `wait`
+ * milliseconds have elapsed since the last time the debounced function was
+ * invoked. The debounced function comes with a `cancel` method to cancel
+ * delayed `func` invocations and a `flush` method to immediately invoke them.
+ * Provide `options` to indicate whether `func` should be invoked on the
+ * leading and/or trailing edge of the `wait` timeout. The `func` is invoked
+ * with the last arguments provided to the debounced function. Subsequent
+ * calls to the debounced function return the result of the last `func`
+ * invocation.
+ *
+ * **Note:** If `leading` and `trailing` options are `true`, `func` is
+ * invoked on the trailing edge of the timeout only if the debounced function
+ * is invoked more than once during the `wait` timeout.
+ *
+ * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
+ * until to the next tick, similar to `setTimeout` with a timeout of `0`.
+ *
+ * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
+ * for details over the differences between `_.debounce` and `_.throttle`.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Function
+ * @param {Function} func The function to debounce.
+ * @param {number} [wait=0] The number of milliseconds to delay.
+ * @param {Object} [options={}] The options object.
+ * @param {boolean} [options.leading=false]
+ *  Specify invoking on the leading edge of the timeout.
+ * @param {number} [options.maxWait]
+ *  The maximum time `func` is allowed to be delayed before it's invoked.
+ * @param {boolean} [options.trailing=true]
+ *  Specify invoking on the trailing edge of the timeout.
+ * @returns {Function} Returns the new debounced function.
+ * @example
+ *
+ * // Avoid costly calculations while the window size is in flux.
+ * jQuery(window).on('resize', _.debounce(calculateLayout, 150));
+ *
+ * // Invoke `sendMail` when clicked, debouncing subsequent calls.
+ * jQuery(element).on('click', _.debounce(sendMail, 300, {
+ *   'leading': true,
+ *   'trailing': false
+ * }));
+ *
+ * // Ensure `batchLog` is invoked once after 1 second of debounced calls.
+ * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
+ * var source = new EventSource('/stream');
+ * jQuery(source).on('message', debounced);
+ *
+ * // Cancel the trailing debounced invocation.
+ * jQuery(window).on('popstate', debounced.cancel);
+ */
+function debounce(func, wait, options) {
+  var lastArgs,
+      lastThis,
+      maxWait,
+      result,
+      timerId,
+      lastCallTime,
+      lastInvokeTime = 0,
+      leading = false,
+      maxing = false,
+      trailing = true;
+
+  if (typeof func != 'function') {
+    throw new TypeError(FUNC_ERROR_TEXT);
+  }
+  wait = toNumber(wait) || 0;
+  if (isObject$1(options)) {
+    leading = !!options.leading;
+    maxing = 'maxWait' in options;
+    maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
+    trailing = 'trailing' in options ? !!options.trailing : trailing;
+  }
+
+  function invokeFunc(time) {
+    var args = lastArgs,
+        thisArg = lastThis;
+
+    lastArgs = lastThis = undefined;
+    lastInvokeTime = time;
+    result = func.apply(thisArg, args);
+    return result;
+  }
+
+  function leadingEdge(time) {
+    // Reset any `maxWait` timer.
+    lastInvokeTime = time;
+    // Start the timer for the trailing edge.
+    timerId = setTimeout(timerExpired, wait);
+    // Invoke the leading edge.
+    return leading ? invokeFunc(time) : result;
+  }
+
+  function remainingWait(time) {
+    var timeSinceLastCall = time - lastCallTime,
+        timeSinceLastInvoke = time - lastInvokeTime,
+        timeWaiting = wait - timeSinceLastCall;
+
+    return maxing
+      ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke)
+      : timeWaiting;
+  }
+
+  function shouldInvoke(time) {
+    var timeSinceLastCall = time - lastCallTime,
+        timeSinceLastInvoke = time - lastInvokeTime;
+
+    // Either this is the first call, activity has stopped and we're at the
+    // trailing edge, the system time has gone backwards and we're treating
+    // it as the trailing edge, or we've hit the `maxWait` limit.
+    return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||
+      (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));
+  }
+
+  function timerExpired() {
+    var time = now();
+    if (shouldInvoke(time)) {
+      return trailingEdge(time);
+    }
+    // Restart the timer.
+    timerId = setTimeout(timerExpired, remainingWait(time));
+  }
+
+  function trailingEdge(time) {
+    timerId = undefined;
+
+    // Only invoke if we have `lastArgs` which means `func` has been
+    // debounced at least once.
+    if (trailing && lastArgs) {
+      return invokeFunc(time);
+    }
+    lastArgs = lastThis = undefined;
+    return result;
+  }
+
+  function cancel() {
+    if (timerId !== undefined) {
+      clearTimeout(timerId);
+    }
+    lastInvokeTime = 0;
+    lastArgs = lastCallTime = lastThis = timerId = undefined;
+  }
+
+  function flush() {
+    return timerId === undefined ? result : trailingEdge(now());
+  }
+
+  function debounced() {
+    var time = now(),
+        isInvoking = shouldInvoke(time);
+
+    lastArgs = arguments;
+    lastThis = this;
+    lastCallTime = time;
+
+    if (isInvoking) {
+      if (timerId === undefined) {
+        return leadingEdge(lastCallTime);
+      }
+      if (maxing) {
+        // Handle invocations in a tight loop.
+        clearTimeout(timerId);
+        timerId = setTimeout(timerExpired, wait);
+        return invokeFunc(lastCallTime);
+      }
+    }
+    if (timerId === undefined) {
+      timerId = setTimeout(timerExpired, wait);
+    }
+    return result;
+  }
+  debounced.cancel = cancel;
+  debounced.flush = flush;
+  return debounced;
+}
+
+var debounce_1 = debounce;
+
 var isBrowser = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
 var isBrowser$1 = isBrowser;
 
@@ -18121,6 +18690,67 @@ function useClickAway(onClickAway, target, eventName) {
   }, Array.isArray(eventName) ? eventName : [eventName], target);
 }
 
+var __read$1 = undefined && undefined.__read || function (o, n) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator];
+  if (!m) return o;
+  var i = m.call(o),
+    r,
+    ar = [],
+    e;
+  try {
+    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
+      ar.push(r.value);
+    }
+  } catch (error) {
+    e = {
+      error: error
+    };
+  } finally {
+    try {
+      if (r && !r.done && (m = i["return"])) m.call(i);
+    } finally {
+      if (e) throw e.error;
+    }
+  }
+  return ar;
+};
+var __spreadArray = undefined && undefined.__spreadArray || function (to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+    if (ar || !(i in from)) {
+      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+      ar[i] = from[i];
+    }
+  }
+  return to.concat(ar || Array.prototype.slice.call(from));
+};
+function useDebounceFn(fn, options) {
+  var _a;
+  if (isDev$1) {
+    if (!isFunction(fn)) {
+      console.error("useDebounceFn expected parameter is a function, got ".concat(typeof fn));
+    }
+  }
+  var fnRef = useLatest(fn);
+  var wait = (_a = options === null || options === void 0 ? void 0 : options.wait) !== null && _a !== void 0 ? _a : 1000;
+  var debounced = React.useMemo(function () {
+    return debounce_1(function () {
+      var args = [];
+      for (var _i = 0; _i < arguments.length; _i++) {
+        args[_i] = arguments[_i];
+      }
+      return fnRef.current.apply(fnRef, __spreadArray([], __read$1(args), false));
+    }, wait, options);
+  }, []);
+  useUnmount$1(function () {
+    debounced.cancel();
+  });
+  return {
+    run: debounced,
+    cancel: debounced.cancel,
+    flush: debounced.flush
+  };
+}
+
 var __values = undefined && undefined.__values || function (o) {
   var s = typeof Symbol === "function" && Symbol.iterator,
     m = s && o[s],
@@ -18278,7 +18908,7 @@ var container$6 = function container(_ref, _ref2) {
   );
 };
 
-var _excluded$s = ["type", "children", "onClose", "icon"];
+var _excluded$t = ["type", "children", "onClose", "icon"];
 var ICONS = {
   info: jsx(SvgInfo, {
     height: 56
@@ -18298,8 +18928,8 @@ var Alert = function Alert(_ref) {
     children = _ref.children,
     onClose = _ref.onClose,
     Icon = _ref.icon,
-    rest = _objectWithoutProperties(_ref, _excluded$s);
-  return jsx("div", _extends$f({
+    rest = _objectWithoutProperties(_ref, _excluded$t);
+  return jsx("div", _extends$g({
     css: function css(theme) {
       return container$6(theme, {
         type: type
@@ -18337,16 +18967,16 @@ var container$5 = function container(_ref, _ref2) {
   );
 };
 
-var _excluded$r = ["percent", "size", "rounded"];
+var _excluded$s = ["percent", "size", "rounded"];
 var ProgressBar = function ProgressBar(_ref) {
   var percent = _ref.percent,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? "md" : _ref$size,
     _ref$rounded = _ref.rounded,
     rounded = _ref$rounded === void 0 ? true : _ref$rounded,
-    rest = _objectWithoutProperties(_ref, _excluded$r);
+    rest = _objectWithoutProperties(_ref, _excluded$s);
   var showPercentage = percent >= 0 && percent <= 100;
-  return jsx("div", _extends$f({
+  return jsx("div", _extends$g({
     css: function css(theme) {
       return container$5(theme, {
         percent: percent,
@@ -21093,7 +21723,7 @@ var headingContainer = function headingContainer(_ref, _ref2) {
   );
 };
 
-var _excluded$q = ["size", "as", "children"];
+var _excluded$r = ["size", "as", "children"];
 var SIZES = {
   h1: "3xl",
   h2: "2xl",
@@ -21107,10 +21737,10 @@ var Heading = function Heading(_ref) {
     _ref$as = _ref.as,
     as = _ref$as === void 0 ? "h2" : _ref$as,
     children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded$q);
+    rest = _objectWithoutProperties(_ref, _excluded$r);
   var HeadingTag = as;
   var selectedSize = size || SIZES[as];
-  return jsx(HeadingTag, _extends$f({
+  return jsx(HeadingTag, _extends$g({
     css: function css(theme) {
       return headingContainer(theme, {
         size: selectedSize
@@ -21119,7 +21749,7 @@ var Heading = function Heading(_ref) {
   }, rest), children);
 };
 
-function _EMOTION_STRINGIFIED_CSS_ERROR__$3() { 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)."; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__$4() { 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)."; }
 var widthDimensions = {
   md: "32rem",
   lg: "64rem",
@@ -21132,7 +21762,7 @@ var modalContent = process.env.NODE_ENV === "production" ? {
   name: "18mo2pj-modalContent",
   styles: "padding:1.5rem;label:modalContent;",
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXK0IiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgU2l6ZSB9IGZyb20gXCIuL01vZGFsXCI7XG5pbXBvcnQgeyBtcSB9IGZyb20gXCJAdGhlbWUvdXRpbHMvYnJlYWtwb2ludHNcIjtcbmltcG9ydCB7IG1vZGFsIH0gZnJvbSBcIkB0aGVtZS9kZWZhdWx0L2NvbmZpZ1wiO1xuXG5jb25zdCB3aWR0aERpbWVuc2lvbnMgPSB7XG4gIG1kOiBcIjMycmVtXCIsXG4gIGxnOiBcIjY0cmVtXCIsXG4gIGZ1bGxzY3JlZW46IFwiMTAwJVwiLFxufTtcblxuZXhwb3J0IGNvbnN0IG1vZGFsQ29udGVudCA9IGNzc2BcbiAgcGFkZGluZzogMS41cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IG1vZGFsSGVhZGVyID0gKHsgbW9kYWwgfTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgcmV0dXJuIGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHBhZGRpbmc6IDEuMjVyZW07XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7bW9kYWwuYm9yZGVyfTtcblxuICAgIC5jbG9zZS1idG4ge1xuICAgICAgc3ZnIHtcbiAgICAgICAgY29sb3I6ICR7bW9kYWwuY29sb3J9O1xuXG4gICAgICAgICY6aG92ZXIge1xuICAgICAgICAgIGNvbG9yOiAke21vZGFsLmljb25Ib3Zlcn07XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG4gIGA7XG59O1xuXG5leHBvcnQgY29uc3QgbW9kYWxGb290ZXIgPSAoeyBtb2RhbCB9OiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIHBhZGRpbmc6IDEuMjVyZW07XG4gICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7bW9kYWwuYm9yZGVyfTtcbiAgYDtcbn07XG5cbi8vIHBsYWluIHN0eWxlcyBhcyBzdHJpbmdcbmV4cG9ydCBjb25zdCBwb3J0YWxTdHlsZXMgPSAoc2l6ZTogU2l6ZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIC5vdmVybGF5LWJhc2Uge1xuICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgdG9wOiAwO1xuICAgICAgYm90dG9tOiAwO1xuICAgICAgcmlnaHQ6IDA7XG4gICAgICBsZWZ0OiAwO1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGJhY2tncm91bmQ6IHJnYmEoMCwgMCwgMCwgMC43KTtcbiAgICAgIG9wYWNpdHk6IDA7XG4gICAgICB6LWluZGV4OiA5OTk5O1xuICAgICAgdHJhbnNpdGlvbjogb3BhY2l0eSAwLjJzIGVhc2UtaW4tb3V0O1xuXG4gICAgICAmLm92ZXJsYXktYmVmb3JlIHtcbiAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAub3ZlcmxheS1hZnRlciB7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgIH1cblxuICAgIC5jb250ZW50LWFmdGVyIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7bW9kYWwuY29udGVudH07XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDA7XG5cbiAgICAgICR7bXFbXCJtZFwiXX0ge1xuICAgICAgICBoZWlnaHQ6IGF1dG87XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAgICAgd2lkdGg6ICR7d2lkdGhEaW1lbnNpb25zW3NpemVdfTtcbiAgICAgICAgbWF4LXdpZHRoOiA5MCU7XG4gICAgICB9XG5cbiAgICAgICR7c2l6ZSA9PT0gXCJmdWxsc2NyZWVuXCIgJiZcbiAgICAgIGBcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGB9XG4gICAgfVxuICBgO1xufTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$3
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$4
 };
 var modalHeader = function modalHeader(_ref) {
   var modal = _ref.modal;
@@ -21160,17 +21790,17 @@ var portalStyles = function portalStyles(size) {
   );
 };
 
-var _excluded$p = ["children", "onClose"],
+var _excluded$q = ["children", "onClose"],
   _excluded2$1 = ["children"],
   _excluded3 = ["children"];
 var Header$2 = function Header(_ref) {
   var children = _ref.children,
     onClose = _ref.onClose,
-    rest = _objectWithoutProperties(_ref, _excluded$p);
+    rest = _objectWithoutProperties(_ref, _excluded$q);
   var title = typeof children === "string" ? jsx(Heading, {
     size: "md"
   }, children) : children;
-  return jsx("header", _extends$f({
+  return jsx("header", _extends$g({
     css: modalHeader,
     "data-testid": "modal-header"
   }, rest), jsx("div", null, title), onClose && jsx("a", {
@@ -21186,14 +21816,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$f({
+  return jsx("article", _extends$g({
     css: modalContent
   }, rest), children);
 };
 var Footer$1 = function Footer(_ref3) {
   var children = _ref3.children,
     rest = _objectWithoutProperties(_ref3, _excluded3);
-  return jsx("footer", _extends$f({
+  return jsx("footer", _extends$g({
     css: modalFooter,
     "data-testid": "modal-footer"
   }, rest), children);
@@ -21710,7 +22340,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerYouTube' */
-    './YouTube-2851a1fc.js'); }).then(function (n) { return n.YouTube; });
+    './YouTube-0ef50b67.js'); }).then(function (n) { return n.YouTube; });
   })
 }, {
   key: 'soundcloud',
@@ -21719,7 +22349,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerSoundCloud' */
-    './SoundCloud-7291a552.js'); }).then(function (n) { return n.SoundCloud; });
+    './SoundCloud-08f32ba7.js'); }).then(function (n) { return n.SoundCloud; });
   })
 }, {
   key: 'vimeo',
@@ -21728,7 +22358,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerVimeo' */
-    './Vimeo-64d169f0.js'); }).then(function (n) { return n.Vimeo; });
+    './Vimeo-0277c145.js'); }).then(function (n) { return n.Vimeo; });
   })
 }, {
   key: 'facebook',
@@ -21737,7 +22367,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerFacebook' */
-    './Facebook-c9f77c32.js'); }).then(function (n) { return n.Facebook; });
+    './Facebook-56bbb841.js'); }).then(function (n) { return n.Facebook; });
   })
 }, {
   key: 'streamable',
@@ -21746,7 +22376,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerStreamable' */
-    './Streamable-f75737e9.js'); }).then(function (n) { return n.Streamable; });
+    './Streamable-d055f0ae.js'); }).then(function (n) { return n.Streamable; });
   })
 }, {
   key: 'wistia',
@@ -21755,7 +22385,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerWistia' */
-    './Wistia-d26d77b0.js'); }).then(function (n) { return n.Wistia; });
+    './Wistia-b26ff655.js'); }).then(function (n) { return n.Wistia; });
   })
 }, {
   key: 'twitch',
@@ -21764,7 +22394,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerTwitch' */
-    './Twitch-6173ae2e.js'); }).then(function (n) { return n.Twitch; });
+    './Twitch-7d390891.js'); }).then(function (n) { return n.Twitch; });
   })
 }, {
   key: 'dailymotion',
@@ -21773,7 +22403,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerDailyMotion' */
-    './DailyMotion-6176b862.js'); }).then(function (n) { return n.DailyMotion; });
+    './DailyMotion-97b766f1.js'); }).then(function (n) { return n.DailyMotion; });
   })
 }, {
   key: 'mixcloud',
@@ -21782,7 +22412,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerMixcloud' */
-    './Mixcloud-ff7a5644.js'); }).then(function (n) { return n.Mixcloud; });
+    './Mixcloud-6e49b37f.js'); }).then(function (n) { return n.Mixcloud; });
   })
 }, {
   key: 'vidyard',
@@ -21791,7 +22421,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerVidyard' */
-    './Vidyard-182f5d5a.js'); }).then(function (n) { return n.Vidyard; });
+    './Vidyard-d05a68f0.js'); }).then(function (n) { return n.Vidyard; });
   })
 }, {
   key: 'kaltura',
@@ -21800,7 +22430,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerKaltura' */
-    './Kaltura-e7f01c1b.js'); }).then(function (n) { return n.Kaltura; });
+    './Kaltura-3f2d962b.js'); }).then(function (n) { return n.Kaltura; });
   })
 }, {
   key: 'file',
@@ -21812,7 +22442,7 @@ var _default = [{
   lazyPlayer: /*#__PURE__*/(0, _react.lazy)(function () {
     return Promise.resolve().then(function () { return require(
     /* webpackChunkName: 'reactPlayerFilePlayer' */
-    './FilePlayer-72338f8e.js'); }).then(function (n) { return n.FilePlayer; });
+    './FilePlayer-f0f50275.js'); }).then(function (n) { return n.FilePlayer; });
   })
 }];
 exports["default"] = _default;
@@ -22737,7 +23367,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-d4532a58.js'); }).then(function (n) { return n.Preview; });
+  './Preview-200aeeca.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;
@@ -22990,14 +23620,14 @@ exports["default"] = _default;
 
 var ReactPlayer = /*@__PURE__*/getDefaultExportFromCjs(lazy);
 
-var _excluded$o = ["src", "controls", "containerAttrs"];
+var _excluded$p = ["src", "controls", "containerAttrs"];
 var VideoPlayer = function VideoPlayer(_ref) {
   var src = _ref.src,
     _ref$controls = _ref.controls,
     controls = _ref$controls === void 0 ? true : _ref$controls,
     containerAttrs = _ref.containerAttrs,
-    rest = _objectWithoutProperties(_ref, _excluded$o);
-  return jsx("div", containerAttrs, jsx(ReactPlayer, _extends$f({
+    rest = _objectWithoutProperties(_ref, _excluded$p);
+  return jsx("div", containerAttrs, jsx(ReactPlayer, _extends$g({
     className: "react-player",
     url: src,
     controls: controls,
@@ -23006,14 +23636,14 @@ var VideoPlayer = function VideoPlayer(_ref) {
   }, rest)));
 };
 
-var _excluded$n = ["src", "controls", "containerAttrs"];
+var _excluded$o = ["src", "controls", "containerAttrs"];
 var AudioPlayer = function AudioPlayer(_ref) {
   var src = _ref.src,
     _ref$controls = _ref.controls,
     controls = _ref$controls === void 0 ? true : _ref$controls,
     containerAttrs = _ref.containerAttrs,
-    rest = _objectWithoutProperties(_ref, _excluded$n);
-  return jsx("div", containerAttrs, jsx(ReactPlayer, _extends$f({
+    rest = _objectWithoutProperties(_ref, _excluded$o);
+  return jsx("div", containerAttrs, jsx(ReactPlayer, _extends$g({
     url: src,
     controls: controls,
     className: "react-player",
@@ -23022,10 +23652,10 @@ var AudioPlayer = function AudioPlayer(_ref) {
   }, rest)));
 };
 
-var _excluded$m = ["type"];
+var _excluded$n = ["type"];
 var MediaPlayer = function MediaPlayer(_ref) {
   var type = _ref.type,
-    rest = _objectWithoutProperties(_ref, _excluded$m);
+    rest = _objectWithoutProperties(_ref, _excluded$n);
   switch (type) {
     case "video":
       return jsx(VideoPlayer, rest);
@@ -23062,7 +23692,7 @@ var textContainer = function textContainer(_ref, weight, size) {
   );
 };
 
-var _excluded$l = ["children", "weight", "fontSize", "as"];
+var _excluded$m = ["children", "weight", "fontSize", "as"];
 var Text = function Text(_ref) {
   var children = _ref.children,
     _ref$weight = _ref.weight,
@@ -23070,9 +23700,9 @@ var Text = function Text(_ref) {
     fontSize = _ref.fontSize,
     _ref$as = _ref.as,
     as = _ref$as === void 0 ? "span" : _ref$as,
-    rest = _objectWithoutProperties(_ref, _excluded$l);
+    rest = _objectWithoutProperties(_ref, _excluded$m);
   var Tag = as;
-  return jsx(Tag, _extends$f({
+  return jsx(Tag, _extends$g({
     "data-testid": "text-component",
     css: function css(theme) {
       return textContainer(theme, weight, fontSize);
@@ -23117,7 +23747,7 @@ var useClickOutside = function useClickOutside(ref, handler) {
   }, [ref, handler]);
 };
 
-var _excluded$k = ["page", "pageSize", "totalPages", "rowsPerPageOptions", "selectionText", "dir", "onPageChange", "onPageSizeChange"];
+var _excluded$l = ["page", "pageSize", "totalPages", "rowsPerPageOptions", "selectionText", "dir", "onPageChange", "onPageSizeChange"];
 var SelectedOptionClasses = function SelectedOptionClasses(isSelected) {
   return classNames({
     "is-selected": isSelected
@@ -23133,7 +23763,7 @@ var Pagination = function Pagination(_ref) {
     dir = _ref$dir === void 0 ? "ltr" : _ref$dir,
     onPageChange = _ref.onPageChange,
     onPageSizeChange = _ref.onPageSizeChange,
-    rest = _objectWithoutProperties(_ref, _excluded$k);
+    rest = _objectWithoutProperties(_ref, _excluded$l);
   var wrapperRef = React.useRef(null);
   var _useState = React.useState(false),
     _useState2 = _slicedToArray$1(_useState, 2),
@@ -23163,7 +23793,7 @@ var Pagination = function Pagination(_ref) {
     }
   };
   var options = rowsPerPageOptions.slice().reverse();
-  return jsx("div", _extends$f({
+  return jsx("div", _extends$g({
     css: function css(theme) {
       return container$4(theme, {
         isOpen: isListOpen
@@ -23247,7 +23877,7 @@ $$5({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {
   }
 });
 
-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)."; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__$3() { 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)."; }
 var container$3 = process.env.NODE_ENV === "production" ? {
   name: "10nz8tc",
   styles: "position:relative;display:flex;flex-direction:column;flex:1;#content{flex:1;z-index:0;}.nav-wrapper{display:flex;justify-content:space-between;align-items:center;}"
@@ -23255,7 +23885,7 @@ var container$3 = process.env.NODE_ENV === "production" ? {
   name: "3ghqkg-container",
   styles: "position:relative;display:flex;flex-direction:column;flex:1;#content{flex:1;z-index:0;}.nav-wrapper{display:flex;justify-content:space-between;align-items:center;};label:container;",
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHNEIiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgbXEgfSBmcm9tIFwiQHRoZW1lL3V0aWxzL2JyZWFrcG9pbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPSBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZmxleDogMTtcblxuICAjY29udGVudCB7XG4gICAgZmxleDogMTtcbiAgICB6LWluZGV4OiAwO1xuICB9XG5cbiAgLm5hdi13cmFwcGVyIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgdGFic0hlYWRlciA9IChcbiAgeyB0YWJzIH06IFRoZW1lLFxuICB7IHN0aWNreUhlYWRlciB9OiB7IHN0aWNreUhlYWRlcj86IGJvb2xlYW4gfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC13cmFwOiBub3dyYXA7XG4gICAgcGFkZGluZzogMDtcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgIGJhY2tncm91bmQ6ICR7dGFicy5oZWFkZXJCYWNrZ3JvdW5kfTtcbiAgICBwb3NpdGlvbjogJHtzdGlja3lIZWFkZXIgPyBcInN0aWNreVwiIDogXCJzdGF0aWNcIn07XG4gICAgdG9wOiAke3N0aWNreUhlYWRlciA/IDAgOiBcImF1dG9cIn07XG4gICAgei1pbmRleDogJHtzdGlja3lIZWFkZXIgPyAxIDogMH07XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBvdmVyZmxvdy14OiBhdXRvO1xuXG4gICAgJHttcVtcInNtXCJdfSB7XG4gICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt0YWJzLmhlYWRlckJvcmRlcn07XG4gICAgfVxuXG4gICAgJjo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIGA7XG59O1xuXG5leHBvcnQgY29uc3QgdGFiTmF2SXRlbSA9IChcbiAgeyB0YWJzLCBib2R5IH06IFRoZW1lLFxuICB7IGlzQWN0aXZlIH06IHsgaXNBY3RpdmU6IGJvb2xlYW4gfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGZvbnQtd2VpZ2h0OiAke2lzQWN0aXZlID8gXCI3MDBcIiA6IFwiNDAwXCJ9O1xuICAgIG1hcmdpbi1pbmxpbmU6IDAgMXJlbTtcbiAgICBtYXJnaW4tYmxvY2s6IDA7XG4gICAgcGFkZGluZzogMC42cmVtO1xuICAgIGNvbG9yOiAke2JvZHkuY29sb3J9O1xuICAgIGJvcmRlci1ib3R0b206IDRweCBzb2xpZCAke2lzQWN0aXZlID8gdGFicy5saW5rQm9yZGVyIDogXCJ0cmFuc3BhcmVudFwifTtcbiAgYDtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$3
 };
 var tabsHeader = function tabsHeader(_ref, _ref2) {
   var tabs = _ref.tabs;
@@ -23317,7 +23947,7 @@ var TabsContent = function TabsContent(_ref) {
   }, content) : null;
 };
 
-var _excluded$j = ["tabs", "stickyHeader", "selectedTab", "onChangeTab"];
+var _excluded$k = ["tabs", "stickyHeader", "selectedTab", "onChangeTab"];
 var Tabs = function Tabs(_ref) {
   var _ref$tabs = _ref.tabs,
     tabs = _ref$tabs === void 0 ? [] : _ref$tabs,
@@ -23326,7 +23956,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$j);
+    rest = _objectWithoutProperties(_ref, _excluded$k);
   var _useState = React.useState(selectedTab),
     _useState2 = _slicedToArray$1(_useState, 2),
     activeTab = _useState2[0],
@@ -23402,7 +24032,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$f({
+  return jsx("section", _extends$g({
     css: container$3
   }, rest), jsx("div", {
     className: "nav-wrapper"
@@ -23473,7 +24103,7 @@ var container$2 = function container(_ref, _ref2) {
   );
 };
 
-var _excluded$i = ["icon", "title", "info", "footer", "hideInfo", "size"];
+var _excluded$j = ["icon", "title", "info", "footer", "hideInfo", "size"];
 var getIconSize = function getIconSize(isMd) {
   return {
     md: isMd ? 100 : 75,
@@ -23489,12 +24119,12 @@ var Result = function Result(_ref) {
     hideInfo = _ref$hideInfo === void 0 ? false : _ref$hideInfo,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? "lg" : _ref$size,
-    rest = _objectWithoutProperties(_ref, _excluded$i);
+    rest = _objectWithoutProperties(_ref, _excluded$j);
   var _useResponsive = useResponsive(),
     md = _useResponsive.md;
   var Icon = icon;
   var iconSize = getIconSize(md);
-  return jsx("article", _extends$f({
+  return jsx("article", _extends$g({
     "data-testid": "empty-state-container",
     css: function css(theme) {
       return container$2(theme, {
@@ -23530,7 +24160,7 @@ var container$1 = function container(_ref, _ref2) {
   );
 };
 
-var _excluded$h = ["children", "breadcrumbEl", "separator"];
+var _excluded$i = ["children", "breadcrumbEl", "separator"];
 var Item$1 = function Item(_ref) {
   var children = _ref.children,
     _ref$current = _ref.current,
@@ -23545,8 +24175,8 @@ var Breadcrumb = function Breadcrumb(_ref2) {
     breadcrumbEl = _ref2$breadcrumbEl === void 0 ? null : _ref2$breadcrumbEl,
     _ref2$separator = _ref2.separator,
     separator = _ref2$separator === void 0 ? "/" : _ref2$separator,
-    rest = _objectWithoutProperties(_ref2, _excluded$h);
-  var breadcrumb = jsx("nav", _extends$f({
+    rest = _objectWithoutProperties(_ref2, _excluded$i);
+  var breadcrumb = jsx("nav", _extends$g({
     css: function css(theme) {
       return container$1(theme, {
         separator: separator
@@ -23567,7 +24197,7 @@ var drawerContainer$1 = function drawerContainer(_ref, width) {
   );
 };
 
-function _EMOTION_STRINGIFIED_CSS_ERROR__$1() { 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)."; }
+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)."; }
 var drawerHeader = function drawerHeader(_ref, _ref2) {
   var drawer = _ref.drawer,
     typeScaleSizes = _ref.typeScaleSizes;
@@ -23585,7 +24215,7 @@ var drawerBody = process.env.NODE_ENV === "production" ? {
   name: "1vbxgux-drawerBody",
   styles: "height:100%;overflow-y:auto;label:drawerBody;",
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQzZCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcywgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IG1xIH0gZnJvbSBcIkB0aGVtZS91dGlscy9icmVha3BvaW50c1wiO1xuXG5leHBvcnQgY29uc3QgZHJhd2VySGVhZGVyID0gKFxuICB7IGRyYXdlciwgdHlwZVNjYWxlU2l6ZXMgfTogVGhlbWUsXG4gIHsgbm9HdXR0ZXJzIH06IHsgbm9HdXR0ZXJzOiBib29sZWFuIH0sXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgcmV0dXJuIGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHBhZGRpbmctaW5saW5lOiAke25vR3V0dGVycyA/IDAgOiBcIjJyZW0gMFwifTtcbiAgICBwYWRkaW5nLWJsb2NrOiAke25vR3V0dGVycyA/IDAgOiBcIjFyZW1cIn07XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIG1heC1oZWlnaHQ6IDQuNXJlbTtcblxuICAgICR7bXFbXCJzbVwiXX0ge1xuICAgICAgcGFkZGluZzogJHtub0d1dHRlcnMgPyAwIDogXCIxcmVtIDJyZW1cIn07XG4gICAgfVxuXG4gICAgYnV0dG9uIHtcbiAgICAgIGZvbnQtc2l6ZTogJHt0eXBlU2NhbGVTaXplcy5tZH1yZW07XG4gICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgY29sb3I6ICR7ZHJhd2VyLmNsb3NlQnRuQ29sb3IuYmFzZX07XG4gICAgICBwYWRkaW5nOiAwIDFyZW07XG4gICAgICBib3JkZXI6IDA7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICAgICY6aG92ZXIsXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgY29sb3I6ICR7ZHJhd2VyLmNsb3NlQnRuQ29sb3IuaG92ZXJ9O1xuICAgICAgfVxuICAgIH1cbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCBkcmF3ZXJCb2R5ID0gY3NzYFxuICBoZWlnaHQ6IDEwMCU7XG4gIG92ZXJmbG93LXk6IGF1dG87XG5gO1xuXG5leHBvcnQgY29uc3QgbWFza0NvbnRhaW5lciA9IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC40NSk7XG5gO1xuXG5leHBvcnQgY29uc3QgZm9vdGVyQ29udGFpbmVyID0gY3NzYFxuICBwYWRkaW5nOiAxcmVtO1xuXG4gICR7bXFbXCJtZFwiXX0ge1xuICAgIHBhZGRpbmc6IDJyZW07XG4gIH1cbmA7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
 };
 var maskContainer = process.env.NODE_ENV === "production" ? {
   name: "jvyqu8",
@@ -23594,7 +24224,7 @@ var maskContainer = process.env.NODE_ENV === "production" ? {
   name: "tigpv4-maskContainer",
   styles: "position:absolute;top:0;left:0;height:100%;width:100%;background-color:rgba(0, 0, 0, 0.45);label:maskContainer;",
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQ2dDIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcywgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IG1xIH0gZnJvbSBcIkB0aGVtZS91dGlscy9icmVha3BvaW50c1wiO1xuXG5leHBvcnQgY29uc3QgZHJhd2VySGVhZGVyID0gKFxuICB7IGRyYXdlciwgdHlwZVNjYWxlU2l6ZXMgfTogVGhlbWUsXG4gIHsgbm9HdXR0ZXJzIH06IHsgbm9HdXR0ZXJzOiBib29sZWFuIH0sXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgcmV0dXJuIGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIHBhZGRpbmctaW5saW5lOiAke25vR3V0dGVycyA/IDAgOiBcIjJyZW0gMFwifTtcbiAgICBwYWRkaW5nLWJsb2NrOiAke25vR3V0dGVycyA/IDAgOiBcIjFyZW1cIn07XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIG1heC1oZWlnaHQ6IDQuNXJlbTtcblxuICAgICR7bXFbXCJzbVwiXX0ge1xuICAgICAgcGFkZGluZzogJHtub0d1dHRlcnMgPyAwIDogXCIxcmVtIDJyZW1cIn07XG4gICAgfVxuXG4gICAgYnV0dG9uIHtcbiAgICAgIGZvbnQtc2l6ZTogJHt0eXBlU2NhbGVTaXplcy5tZH1yZW07XG4gICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgY29sb3I6ICR7ZHJhd2VyLmNsb3NlQnRuQ29sb3IuYmFzZX07XG4gICAgICBwYWRkaW5nOiAwIDFyZW07XG4gICAgICBib3JkZXI6IDA7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICAgICY6aG92ZXIsXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgY29sb3I6ICR7ZHJhd2VyLmNsb3NlQnRuQ29sb3IuaG92ZXJ9O1xuICAgICAgfVxuICAgIH1cbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCBkcmF3ZXJCb2R5ID0gY3NzYFxuICBoZWlnaHQ6IDEwMCU7XG4gIG92ZXJmbG93LXk6IGF1dG87XG5gO1xuXG5leHBvcnQgY29uc3QgbWFza0NvbnRhaW5lciA9IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC40NSk7XG5gO1xuXG5leHBvcnQgY29uc3QgZm9vdGVyQ29udGFpbmVyID0gY3NzYFxuICBwYWRkaW5nOiAxcmVtO1xuXG4gICR7bXFbXCJtZFwiXX0ge1xuICAgIHBhZGRpbmc6IDJyZW07XG4gIH1cbmA7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
 };
 var footerContainer =
 /*#__PURE__*/
@@ -23660,7 +24290,7 @@ var Footer = function Footer(_ref) {
   }, children);
 };
 
-var _excluded$g = ["isOpen", "onClose", "placement", "showMask", "width", "dialogStyles", "dialogClassName", "children"];
+var _excluded$h = ["isOpen", "onClose", "placement", "showMask", "width", "dialogStyles", "dialogClassName", "children"];
 var dialogVariants = {
   initial: function initial(_ref) {
     var placement = _ref.placement,
@@ -23701,7 +24331,7 @@ var Drawer$1 = function Drawer(props) {
     dialogStyles = props.dialogStyles,
     dialogClassName = props.dialogClassName,
     children = props.children,
-    rest = _objectWithoutProperties(props, _excluded$g);
+    rest = _objectWithoutProperties(props, _excluded$h);
   var clonedChildren = React.Children.map(children, function (child) {
     var _props;
     return child && /*#__PURE__*/React.cloneElement(child, {
@@ -23716,7 +24346,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$f({
+  }, jsx(AnimatePresence, null, isOpen && jsx("div", _extends$g({
     css: function css(theme) {
       return drawerContainer$1(theme, width);
     },
@@ -23858,7 +24488,7 @@ var NavHandle = function NavHandle(_ref) {
   }, children);
 };
 
-var _excluded$f = ["isCollapsed", "navHandleLabel", "fontSize", "expandedWidth", "collapsedWidth", "onToggle", "children"];
+var _excluded$g = ["isCollapsed", "navHandleLabel", "fontSize", "expandedWidth", "collapsedWidth", "onToggle", "children"];
 var Sidebar = function Sidebar(_ref) {
   var _ref$isCollapsed = _ref.isCollapsed,
     isCollapsed = _ref$isCollapsed === void 0 ? false : _ref$isCollapsed,
@@ -23875,7 +24505,7 @@ var Sidebar = function Sidebar(_ref) {
       return void 0;
     } : _ref$onToggle,
     children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded$f);
+    rest = _objectWithoutProperties(_ref, _excluded$g);
   var isReducedMotion = useReducedMotion();
   var animate;
   var navVariants = {
@@ -23914,7 +24544,7 @@ var Sidebar = function Sidebar(_ref) {
   }
   return jsx(LazyMotion, {
     features: domAnimation
-  }, jsx(m.nav, _extends$f({
+  }, jsx(m.nav, _extends$g({
     css: function css(theme) {
       return mainNavContainer(theme, expandedWidth);
     },
@@ -23937,7 +24567,7 @@ var Sidebar = function Sidebar(_ref) {
 };
 Sidebar.Item = NavItem;
 
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { 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)."; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__$1() { 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)."; }
 var cardContainer = function cardContainer(_ref) {
   var card = _ref.card;
   return (
@@ -23953,7 +24583,7 @@ var courseHeaderContainer = process.env.NODE_ENV === "production" ? {
   name: "1og46qe-courseHeaderContainer",
   styles: "position:relative;height:100%;width:100%;label:courseHeaderContainer;",
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQndDIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcblxuZXhwb3J0IGNvbnN0IGNhcmRDb250YWluZXIgPSAoeyBjYXJkIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y2FyZC5iYWNrZ3JvdW5kfTtcbiAgYm94LXNoYWRvdzogMHB4IDBweCAxMHB4ICR7Y2FyZC5zaGFkb3d9O1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGJhY2tncm91bmQtY29sb3IsIGNvbG9yLCBib3gtc2hhZG93IDAuMXMgZWFzZS1pbi1vdXQ7XG5cbiAgOmhvdmVyIHtcbiAgICBib3gtc2hhZG93OiAwcHggNHB4IDIwcHggJHtjYXJkLnNoYWRvd307XG4gICAgdHJhbnNpdGlvbjogYWxsIDAuMnMgZWFzZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGNvdXJzZUhlYWRlckNvbnRhaW5lciA9IGNzc2BcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IHRodW1ibmFpbENvbnRhaW5lciA9IGNzc2BcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgb2JqZWN0LWZpdDogY292ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgaG92ZXJDb250YWluZXIgPSAoXG4gIHsgY2FyZCB9OiBUaGVtZSxcbiAgeyB0cmFuc3BhcmVudCB9OiB7IHRyYW5zcGFyZW50PzogYm9vbGVhbiB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RyYW5zcGFyZW50ID8gXCJ0cmFuc3BhcmVudFwiIDogY2FyZC5ob3Zlci5iYWNrZ3JvdW5kfTtcblxuICAgIC5ob3Zlci13cmFwcGVyIHtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCBjYXJkQm9keSA9IGNzc2BcbiAgcGFkZGluZzogMC43NXJlbSAxcmVtIDEuNXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBvdmVybGF5Q29udGFpbmVyID0gKHsgY2FyZCB9OiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjYXJkLm92ZXJsYXkuYmFja2dyb3VuZH07XG4gIHotaW5kZXg6IDI7XG5gO1xuXG5leHBvcnQgY29uc3QgZHJhd2VyQ29udGFpbmVyID0gKHsgY2FyZCB9OiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjYXJkLmJhY2tncm91bmR9O1xuICB6LWluZGV4OiAzO1xuXG4gIC5jb250ZW50LXdyYXBwZXIge1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIHBhZGRpbmc6IDFyZW07XG5cbiAgICBoZWFkZXIge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBtYXJnaW4tYm90dG9tOiAxcmVtO1xuXG4gICAgICAvKiBUT0RPOiBSZW1vdmUgd2hlbiBvdXIgQnV0dG9uIGxpbmsgdmFyaWFudCBpcyByZWFkeSAqL1xuICAgICAgYnV0dG9uIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgIGJvcmRlcjogMDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBmb290ZXIge1xuICAgICAgbWFyZ2luLXRvcDogMC41cmVtO1xuICAgIH1cbiAgfVxuYDtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
 };
 var thumbnailContainer = process.env.NODE_ENV === "production" ? {
   name: "4uwt2b",
@@ -23962,7 +24592,7 @@ var thumbnailContainer = process.env.NODE_ENV === "production" ? {
   name: "13ekei5-thumbnailContainer",
   styles: "width:100%;height:100%;object-fit:cover;label:thumbnailContainer;",
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQnFDIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcblxuZXhwb3J0IGNvbnN0IGNhcmRDb250YWluZXIgPSAoeyBjYXJkIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y2FyZC5iYWNrZ3JvdW5kfTtcbiAgYm94LXNoYWRvdzogMHB4IDBweCAxMHB4ICR7Y2FyZC5zaGFkb3d9O1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGJhY2tncm91bmQtY29sb3IsIGNvbG9yLCBib3gtc2hhZG93IDAuMXMgZWFzZS1pbi1vdXQ7XG5cbiAgOmhvdmVyIHtcbiAgICBib3gtc2hhZG93OiAwcHggNHB4IDIwcHggJHtjYXJkLnNoYWRvd307XG4gICAgdHJhbnNpdGlvbjogYWxsIDAuMnMgZWFzZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGNvdXJzZUhlYWRlckNvbnRhaW5lciA9IGNzc2BcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IHRodW1ibmFpbENvbnRhaW5lciA9IGNzc2BcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgb2JqZWN0LWZpdDogY292ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgaG92ZXJDb250YWluZXIgPSAoXG4gIHsgY2FyZCB9OiBUaGVtZSxcbiAgeyB0cmFuc3BhcmVudCB9OiB7IHRyYW5zcGFyZW50PzogYm9vbGVhbiB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RyYW5zcGFyZW50ID8gXCJ0cmFuc3BhcmVudFwiIDogY2FyZC5ob3Zlci5iYWNrZ3JvdW5kfTtcblxuICAgIC5ob3Zlci13cmFwcGVyIHtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCBjYXJkQm9keSA9IGNzc2BcbiAgcGFkZGluZzogMC43NXJlbSAxcmVtIDEuNXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBvdmVybGF5Q29udGFpbmVyID0gKHsgY2FyZCB9OiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjYXJkLm92ZXJsYXkuYmFja2dyb3VuZH07XG4gIHotaW5kZXg6IDI7XG5gO1xuXG5leHBvcnQgY29uc3QgZHJhd2VyQ29udGFpbmVyID0gKHsgY2FyZCB9OiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjYXJkLmJhY2tncm91bmR9O1xuICB6LWluZGV4OiAzO1xuXG4gIC5jb250ZW50LXdyYXBwZXIge1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIHBhZGRpbmc6IDFyZW07XG5cbiAgICBoZWFkZXIge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBtYXJnaW4tYm90dG9tOiAxcmVtO1xuXG4gICAgICAvKiBUT0RPOiBSZW1vdmUgd2hlbiBvdXIgQnV0dG9uIGxpbmsgdmFyaWFudCBpcyByZWFkeSAqL1xuICAgICAgYnV0dG9uIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgIGJvcmRlcjogMDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBmb290ZXIge1xuICAgICAgbWFyZ2luLXRvcDogMC41cmVtO1xuICAgIH1cbiAgfVxuYDtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
 };
 var hoverContainer = function hoverContainer(_ref2, _ref3) {
   var card = _ref2.card;
@@ -23980,7 +24610,7 @@ var cardBody = process.env.NODE_ENV === "production" ? {
   name: "1m2q5o0-cardBody",
   styles: "padding:0.75rem 1rem 1.5rem;label:cardBody;",
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRDJCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcblxuZXhwb3J0IGNvbnN0IGNhcmRDb250YWluZXIgPSAoeyBjYXJkIH06IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y2FyZC5iYWNrZ3JvdW5kfTtcbiAgYm94LXNoYWRvdzogMHB4IDBweCAxMHB4ICR7Y2FyZC5zaGFkb3d9O1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRyYW5zaXRpb24tZHVyYXRpb246IDAuMnM7XG4gIHRyYW5zaXRpb24tcHJvcGVydHk6IGJhY2tncm91bmQtY29sb3IsIGNvbG9yLCBib3gtc2hhZG93IDAuMXMgZWFzZS1pbi1vdXQ7XG5cbiAgOmhvdmVyIHtcbiAgICBib3gtc2hhZG93OiAwcHggNHB4IDIwcHggJHtjYXJkLnNoYWRvd307XG4gICAgdHJhbnNpdGlvbjogYWxsIDAuMnMgZWFzZTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGNvdXJzZUhlYWRlckNvbnRhaW5lciA9IGNzc2BcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IHRodW1ibmFpbENvbnRhaW5lciA9IGNzc2BcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgb2JqZWN0LWZpdDogY292ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgaG92ZXJDb250YWluZXIgPSAoXG4gIHsgY2FyZCB9OiBUaGVtZSxcbiAgeyB0cmFuc3BhcmVudCB9OiB7IHRyYW5zcGFyZW50PzogYm9vbGVhbiB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RyYW5zcGFyZW50ID8gXCJ0cmFuc3BhcmVudFwiIDogY2FyZC5ob3Zlci5iYWNrZ3JvdW5kfTtcblxuICAgIC5ob3Zlci13cmFwcGVyIHtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCBjYXJkQm9keSA9IGNzc2BcbiAgcGFkZGluZzogMC43NXJlbSAxcmVtIDEuNXJlbTtcbmA7XG5cbmV4cG9ydCBjb25zdCBvdmVybGF5Q29udGFpbmVyID0gKHsgY2FyZCB9OiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjYXJkLm92ZXJsYXkuYmFja2dyb3VuZH07XG4gIHotaW5kZXg6IDI7XG5gO1xuXG5leHBvcnQgY29uc3QgZHJhd2VyQ29udGFpbmVyID0gKHsgY2FyZCB9OiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjYXJkLmJhY2tncm91bmR9O1xuICB6LWluZGV4OiAzO1xuXG4gIC5jb250ZW50LXdyYXBwZXIge1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIHBhZGRpbmc6IDFyZW07XG5cbiAgICBoZWFkZXIge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBtYXJnaW4tYm90dG9tOiAxcmVtO1xuXG4gICAgICAvKiBUT0RPOiBSZW1vdmUgd2hlbiBvdXIgQnV0dG9uIGxpbmsgdmFyaWFudCBpcyByZWFkeSAqL1xuICAgICAgYnV0dG9uIHtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgIGJvcmRlcjogMDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICBmb290ZXIge1xuICAgICAgbWFyZ2luLXRvcDogMC41cmVtO1xuICAgIH1cbiAgfVxuYDtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
 };
 var overlayContainer = function overlayContainer(_ref4) {
   var card = _ref4.card;
@@ -24011,7 +24641,7 @@ var CardHeader = function CardHeader(_ref) {
 };
 
 var Thumbnail = function Thumbnail(props) {
-  return jsx("img", _extends$f({
+  return jsx("img", _extends$g({
     css: thumbnailContainer
   }, props));
 };
@@ -24127,13 +24757,13 @@ var Drawer = function Drawer(_ref) {
   }))), jsx("p", null, children)), footer && jsx("footer", null, footer))));
 };
 
-var _excluded$e = ["children"];
+var _excluded$f = ["children"];
 var Card = function Card(_ref) {
   var children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded$e);
+    rest = _objectWithoutProperties(_ref, _excluded$f);
   return jsx(LazyMotion, {
     features: domAnimation
-  }, jsx(AnimatePresence, null, jsx(m.article, _extends$f({
+  }, jsx(AnimatePresence, null, jsx(m.article, _extends$g({
     initial: "rest",
     whileHover: "hover",
     css: cardContainer,
@@ -24269,7 +24899,7 @@ var gridItem = function gridItem(_ref2) {
   );
 };
 
-var _excluded$d = ["gap", "columnGap", "rowGap", "templateColumns", "as", "children"],
+var _excluded$e = ["gap", "columnGap", "rowGap", "templateColumns", "as", "children"],
   _excluded2 = ["colSpan", "colStart", "colEnd", "rowSpan", "rowStart", "rowEnd", "as", "children"];
 var generateGridValues = function generateGridValues(values) {
   switch (_typeof$1(values)) {
@@ -24294,10 +24924,10 @@ var Grid = function Grid(props) {
     _props$as = props.as,
     as = _props$as === void 0 ? "div" : _props$as,
     children = props.children,
-    rest = _objectWithoutProperties(props, _excluded$d);
+    rest = _objectWithoutProperties(props, _excluded$e);
   var templateColumnAttrs = generateGridValues(templateColumns);
   var Component = as;
-  return jsx(Component, _extends$f({
+  return jsx(Component, _extends$g({
     css: gridContainer({
       templateColumns: templateColumnAttrs,
       gap: gap,
@@ -24324,7 +24954,7 @@ var Item = function Item(props) {
   var rowStartAttrs = generateGridValues(rowStart);
   var rowEndAttrs = generateGridValues(rowEnd);
   var Component = as;
-  return jsx(Component, _extends$f({
+  return jsx(Component, _extends$g({
     css: gridItem({
       colSpan: colSpanAttrs,
       colStart: colStartAttrs,
@@ -24559,7 +25189,7 @@ $$4({ target: 'Array', proto: true }, {
 // https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
 addToUnscopables$1('includes');
 
-var isObject = isObject$9;
+var isObject = isObject$c;
 var classof = classofRaw$1;
 var wellKnownSymbol$1 = wellKnownSymbol$a;
 
@@ -24664,7 +25294,7 @@ var checkboxContainer = function checkboxContainer(_ref, _ref2) {
   );
 };
 
-var _excluded$c = ["id", "label", "size", "inline", "containerAttrs", "isPartiallySelected"];
+var _excluded$d = ["id", "label", "size", "inline", "containerAttrs", "isPartiallySelected"];
 var Checkbox = function Checkbox(props, ref) {
   var id = props.id,
     label = props.label,
@@ -24674,8 +25304,8 @@ var Checkbox = function Checkbox(props, ref) {
     inline = _props$inline === void 0 ? false : _props$inline,
     containerAttrs = props.containerAttrs,
     isPartiallySelected = props.isPartiallySelected,
-    rest = _objectWithoutProperties(props, _excluded$c);
-  return jsx("div", _extends$f({
+    rest = _objectWithoutProperties(props, _excluded$d);
+  return jsx("div", _extends$g({
     ref: ref,
     css: function css(theme) {
       return checkboxContainer(theme, {
@@ -24686,7 +25316,7 @@ var Checkbox = function Checkbox(props, ref) {
   }, containerAttrs), isPartiallySelected && jsx("span", {
     "data-testid": "is-partially-selected",
     className: "dash"
-  }), jsx("input", _extends$f({
+  }), jsx("input", _extends$g({
     id: id,
     type: "checkbox"
   }, rest)), jsx("label", {
@@ -24699,7 +25329,7 @@ var Checkbox = function Checkbox(props, ref) {
 };
 var Checkbox$1 = /*#__PURE__*/React.forwardRef(Checkbox);
 
-var _excluded$b = ["children", "as", "onClick", "windowSize", "style"];
+var _excluded$c = ["children", "as", "onClick", "windowSize", "style"];
 var Cell = function Cell(_ref) {
   var children = _ref.children,
     _ref$as = _ref.as,
@@ -24707,7 +25337,7 @@ var Cell = function Cell(_ref) {
     onClick = _ref.onClick,
     windowSize = _ref.windowSize,
     style = _ref.style,
-    rest = _objectWithoutProperties(_ref, _excluded$b);
+    rest = _objectWithoutProperties(_ref, _excluded$c);
   var componentRef = React.useRef(null);
   var overflowRef = React.useRef(null);
   var _useState = React.useState(false),
@@ -24727,7 +25357,7 @@ var Cell = function Cell(_ref) {
       }
     }
   }, [overflowRef, windowSize]);
-  return jsx(Component, _extends$f({
+  return jsx(Component, _extends$g({
     ref: componentRef,
     style: style,
     onClick: onClick
@@ -25013,10 +25643,10 @@ var Table = function Table(props) {
   return jsx("div", {
     css: tableContainer,
     "data-testid": "table"
-  }, jsx("table", null, jsx(Table.Header, _extends$f({
+  }, jsx("table", null, jsx(Table.Header, _extends$g({
     state: state,
     dispatch: dispatch
-  }, props)), jsx(Table.Body, _extends$f({
+  }, props)), jsx(Table.Body, _extends$g({
     state: state,
     dispatch: dispatch
   }, props))));
@@ -25024,35 +25654,6 @@ var Table = function Table(props) {
 Table.Header = Header;
 Table.Body = Body;
 
-var label = function label(_ref, _ref2) {
-  var typeScaleSizes = _ref.typeScaleSizes;
-  var size = _ref2.size;
-  var fontSizes = {
-    md: typeScaleSizes.sm,
-    lg: typeScaleSizes.md
-  };
-  return (
-    /*#__PURE__*/
-    /*#__PURE__*/
-    css("font-size:", fontSizes[size], ";font-weight:700;display:block;margin:0 0 0.5rem;white-space:nowrap;" + (process.env.NODE_ENV === "production" ? "" : ";label:label;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZWSIsImZpbGUiOiJzdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBMYWJlbFNpemUgfSBmcm9tIFwiLi9MYWJlbFwiO1xuXG5leHBvcnQgY29uc3QgbGFiZWwgPSAoXG4gIHsgdHlwZVNjYWxlU2l6ZXMgfTogVGhlbWUsXG4gIHsgc2l6ZSB9OiB7IHNpemU6IExhYmVsU2l6ZSB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIGNvbnN0IGZvbnRTaXplcyA9IHtcbiAgICBtZDogdHlwZVNjYWxlU2l6ZXMuc20sXG4gICAgbGc6IHR5cGVTY2FsZVNpemVzLm1kLFxuICB9O1xuXG4gIHJldHVybiBjc3NgXG4gICAgZm9udC1zaXplOiAke2ZvbnRTaXplc1tzaXplXX07XG4gICAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBtYXJnaW46IDAgMCAwLjVyZW07XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgYDtcbn07XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:label;")
-  );
-};
-
-var _excluded$a = ["size", "children"];
-var Label = function Label(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? "md" : _ref$size,
-    children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded$a);
-  return jsx("label", _extends$f({
-    css: function css(theme) {
-      return label(theme, {
-        size: size
-      });
-    }
-  }, rest), children);
-};
-
 var inputHeight = {
   sm: "1.875rem",
   md: "2.5rem",
@@ -25077,6 +25678,7 @@ var inputBaseStyles = function inputBaseStyles(formElements, _ref2) {
   );
 };
 
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { 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)."; }
 var inputContainer = function inputContainer(_ref, _ref2) {
   var formElements = _ref.formElements;
   var size = _ref2.size,
@@ -25129,11 +25731,49 @@ var inputContainer = function inputContainer(_ref, _ref2) {
     }), ";.vertical-line{position:absolute;border-left:1px solid ", formElements.input.verticalLineColor, ";top:0;inset-inline-end:3rem;height:100%;}.label-container{display:flex;justify-content:flex-start;align-items:center;gap:0.25rem;margin-bottom:0.5rem;label{margin-bottom:0;}div{display:flex;align-items:center;justify-content:center;}svg{color:", formElements.input.infoTooltipColor, ";&:hover{cursor:help;}}}&.inline{.label-container{margin-bottom:0;}}&.disabled{.input-wrapper{.prefix-icon,.suffix-icon{z-index:1;color:", formElements.input.disabledIcon, ";cursor:not-allowed;}}}&.error{.input-wrapper input{border-color:", formElements.errors.errorBorderColor, ";}}&.with-prefix-icon{.input-wrapper input{padding-inline-start:3.2rem;}}&.with-suffix-icon{.input-wrapper input{padding-inline-end:", calculatePaddingWithSuffixIcon(), ";}}.input-wrapper{width:100%;position:relative;background-color:", formElements.input.background, ";z-index:1;border-radius:5px;input{", inputBaseStyles(formElements, {
       block: true,
       size: size
-    }), ";background-color:transparent;padding-inline-end:", calculatePaddingWithoutSuffixIcon(), ";}.prefix-icon,.suffix-icon{height:100%;position:absolute;bottom:0;display:flex;align-items:center;}.prefix-icon{margin:0 0.75rem;color:", formElements.input.iconColor, ";}.suffix-icon{inset-inline-end:0;color:", formElements.input.iconColor, ";width:3rem;display:flex;justify-content:center;}.close-icon{cursor:pointer;position:absolute;top:0;height:100%;display:flex;align-items:center;inset-inline-end:", calculateCloseIconPosition(), ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:inputContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRFkiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgaW5wdXRCYXNlU3R5bGVzLCBpbnB1dENvbnRhaW5lckJhc2VTdHlsZXMgfSBmcm9tIFwiLi4vc3R5bGVzXCI7XG5pbXBvcnQgeyBJbnB1dFNpemUgfSBmcm9tIFwiLi9JbnB1dFwiO1xuXG5leHBvcnQgY29uc3QgaW5wdXRDb250YWluZXIgPSAoXG4gIHsgZm9ybUVsZW1lbnRzIH06IFRoZW1lLFxuICB7XG4gICAgc2l6ZSxcbiAgICBoYXNJY29uQWZ0ZXIsXG4gICAgaXNDbGVhcmFibGUsXG4gICAgc2hvd1ZlcnRpY2FsTGluZSxcbiAgfTogeyBzaXplOiBJbnB1dFNpemU7IGhhc0ljb25BZnRlcjogYm9vbGVhbjsgaXNDbGVhcmFibGU6IGJvb2xlYW47IHNob3dWZXJ0aWNhbExpbmU6IGJvb2xlYW4gfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICBjb25zdCBjYWxjdWxhdGVQYWRkaW5nV2l0aFN1ZmZpeEljb24gPSAoKSA9PiB7XG4gICAgc3dpdGNoICh0cnVlKSB7XG4gICAgICBjYXNlIHNob3dWZXJ0aWNhbExpbmUgJiYgaXNDbGVhcmFibGU6XG4gICAgICAgIHJldHVybiBcIjQuNzVyZW1cIjtcbiAgICAgIGNhc2Ugc2hvd1ZlcnRpY2FsTGluZSAmJiAhaXNDbGVhcmFibGU6XG4gICAgICAgIHJldHVybiBcIjMuNzVyZW1cIjtcbiAgICAgIGNhc2UgIXNob3dWZXJ0aWNhbExpbmUgJiYgaXNDbGVhcmFibGU6XG4gICAgICAgIHJldHVybiBcIjQuNXJlbVwiO1xuICAgICAgY2FzZSAhc2hvd1ZlcnRpY2FsTGluZSAmJiAhaXNDbGVhcmFibGU6XG4gICAgICAgIHJldHVybiBcIjNyZW1cIjtcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHJldHVybiBcIjBcIjtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgY2FsY3VsYXRlUGFkZGluZ1dpdGhvdXRTdWZmaXhJY29uID0gKCkgPT4ge1xuICAgIHN3aXRjaCAodHJ1ZSkge1xuICAgICAgY2FzZSBpc0NsZWFyYWJsZTpcbiAgICAgICAgcmV0dXJuIFwiMnJlbVwiO1xuICAgICAgY2FzZSAhaXNDbGVhcmFibGU6XG4gICAgICAgIHJldHVybiBcIjAuNzVyZW1cIjtcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHJldHVybiBcIjBcIjtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgY2FsY3VsYXRlQ2xvc2VJY29uUG9zaXRpb24gPSAoKSA9PiB7XG4gICAgc3dpdGNoICh0cnVlKSB7XG4gICAgICBjYXNlIHNob3dWZXJ0aWNhbExpbmUgJiYgaGFzSWNvbkFmdGVyOlxuICAgICAgICByZXR1cm4gXCIzLjVyZW1cIjtcbiAgICAgIGNhc2Ugc2hvd1ZlcnRpY2FsTGluZSAmJiAhaGFzSWNvbkFmdGVyOlxuICAgICAgICByZXR1cm4gXCIwLjc1cmVtXCI7XG4gICAgICBjYXNlICFzaG93VmVydGljYWxMaW5lICYmIGhhc0ljb25BZnRlcjpcbiAgICAgICAgcmV0dXJuIFwiM3JlbVwiO1xuICAgICAgY2FzZSAhc2hvd1ZlcnRpY2FsTGluZSAmJiAhaGFzSWNvbkFmdGVyOlxuICAgICAgICByZXR1cm4gXCIwLjc1cmVtXCI7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4gXCIwXCI7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiBjc3NgXG4gICAgJHtpbnB1dENvbnRhaW5lckJhc2VTdHlsZXMoeyBibG9jazogdHJ1ZSB9KX07XG5cbiAgICAudmVydGljYWwtbGluZSB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBib3JkZXItbGVmdDogMXB4IHNvbGlkICR7Zm9ybUVsZW1lbnRzLmlucHV0LnZlcnRpY2FsTGluZUNvbG9yfTtcbiAgICAgIHRvcDogMDtcbiAgICAgIGluc2V0LWlubGluZS1lbmQ6IDNyZW07XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgfVxuXG4gICAgLmxhYmVsLWNvbnRhaW5lciB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGdhcDogMC4yNXJlbTtcbiAgICAgIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcblxuICAgICAgbGFiZWwge1xuICAgICAgICBtYXJnaW4tYm90dG9tOiAwO1xuICAgICAgfVxuXG4gICAgICBkaXYge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIH1cblxuICAgICAgc3ZnIHtcbiAgICAgICAgY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0LmluZm9Ub29sdGlwQ29sb3J9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjdXJzb3I6IGhlbHA7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmLmlubGluZSB7XG4gICAgICAubGFiZWwtY29udGFpbmVyIHtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmLmRpc2FibGVkIHtcbiAgICAgIC5pbnB1dC13cmFwcGVyIHtcbiAgICAgICAgLnByZWZpeC1pY29uLFxuICAgICAgICAuc3VmZml4LWljb24ge1xuICAgICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgICAgY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0LmRpc2FibGVkSWNvbn07XG4gICAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgICYuZXJyb3Ige1xuICAgICAgLmlucHV0LXdyYXBwZXIgaW5wdXQge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmVycm9ycy5lcnJvckJvcmRlckNvbG9yfTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmLndpdGgtcHJlZml4LWljb24ge1xuICAgICAgLmlucHV0LXdyYXBwZXIgaW5wdXQge1xuICAgICAgICBwYWRkaW5nLWlubGluZS1zdGFydDogMy4ycmVtO1xuICAgICAgfVxuICAgIH1cblxuICAgICYud2l0aC1zdWZmaXgtaWNvbiB7XG4gICAgICAuaW5wdXQtd3JhcHBlciBpbnB1dCB7XG4gICAgICAgIHBhZGRpbmctaW5saW5lLWVuZDogJHtjYWxjdWxhdGVQYWRkaW5nV2l0aFN1ZmZpeEljb24oKX07XG4gICAgICB9XG4gICAgfVxuXG4gICAgLmlucHV0LXdyYXBwZXIge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5iYWNrZ3JvdW5kfTtcbiAgICAgIHotaW5kZXg6IDE7XG4gICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG5cbiAgICAgIGlucHV0IHtcbiAgICAgICAgJHtpbnB1dEJhc2VTdHlsZXMoZm9ybUVsZW1lbnRzLCB7IGJsb2NrOiB0cnVlLCBzaXplIH0pfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAgIHBhZGRpbmctaW5saW5lLWVuZDogJHtjYWxjdWxhdGVQYWRkaW5nV2l0aG91dFN1ZmZpeEljb24oKX07XG4gICAgICB9XG5cbiAgICAgIC5wcmVmaXgtaWNvbixcbiAgICAgIC5zdWZmaXgtaWNvbiB7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBib3R0b206IDA7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICB9XG5cbiAgICAgIC5wcmVmaXgtaWNvbiB7XG4gICAgICAgIG1hcmdpbjogMCAwLjc1cmVtO1xuICAgICAgICBjb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQuaWNvbkNvbG9yfTtcbiAgICAgIH1cblxuICAgICAgLnN1ZmZpeC1pY29uIHtcbiAgICAgICAgaW5zZXQtaW5saW5lLWVuZDogMDtcbiAgICAgICAgY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0Lmljb25Db2xvcn07XG4gICAgICAgIHdpZHRoOiAzcmVtO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIH1cblxuICAgICAgLmNsb3NlLWljb24ge1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGluc2V0LWlubGluZS1lbmQ6ICR7Y2FsY3VsYXRlQ2xvc2VJY29uUG9zaXRpb24oKX07XG4gICAgICB9XG4gICAgfVxuICBgO1xufTtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:inputContainer;")
+    }), ";background-color:transparent;padding-inline-end:", calculatePaddingWithoutSuffixIcon(), ";}.prefix-icon,.suffix-icon{height:100%;position:absolute;bottom:0;display:flex;align-items:center;}.prefix-icon{margin:0 0.75rem;color:", formElements.input.iconColor, ";}.suffix-icon{inset-inline-end:0;color:", formElements.input.iconColor, ";width:3rem;display:flex;justify-content:center;}.close-icon{cursor:pointer;position:absolute;top:0;height:100%;display:flex;align-items:center;inset-inline-end:", calculateCloseIconPosition(), ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:inputContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRFkiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgaW5wdXRCYXNlU3R5bGVzLCBpbnB1dENvbnRhaW5lckJhc2VTdHlsZXMgfSBmcm9tIFwiLi4vc3R5bGVzXCI7XG5pbXBvcnQgeyBJbnB1dFNpemUgfSBmcm9tIFwiLi9JbnB1dFwiO1xuXG5leHBvcnQgY29uc3QgaW5wdXRDb250YWluZXIgPSAoXG4gIHsgZm9ybUVsZW1lbnRzIH06IFRoZW1lLFxuICB7XG4gICAgc2l6ZSxcbiAgICBoYXNJY29uQWZ0ZXIsXG4gICAgaXNDbGVhcmFibGUsXG4gICAgc2hvd1ZlcnRpY2FsTGluZSxcbiAgfTogeyBzaXplOiBJbnB1dFNpemU7IGhhc0ljb25BZnRlcjogYm9vbGVhbjsgaXNDbGVhcmFibGU6IGJvb2xlYW47IHNob3dWZXJ0aWNhbExpbmU6IGJvb2xlYW4gfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICBjb25zdCBjYWxjdWxhdGVQYWRkaW5nV2l0aFN1ZmZpeEljb24gPSAoKSA9PiB7XG4gICAgc3dpdGNoICh0cnVlKSB7XG4gICAgICBjYXNlIHNob3dWZXJ0aWNhbExpbmUgJiYgaXNDbGVhcmFibGU6XG4gICAgICAgIHJldHVybiBcIjQuNzVyZW1cIjtcbiAgICAgIGNhc2Ugc2hvd1ZlcnRpY2FsTGluZSAmJiAhaXNDbGVhcmFibGU6XG4gICAgICAgIHJldHVybiBcIjMuNzVyZW1cIjtcbiAgICAgIGNhc2UgIXNob3dWZXJ0aWNhbExpbmUgJiYgaXNDbGVhcmFibGU6XG4gICAgICAgIHJldHVybiBcIjQuNXJlbVwiO1xuICAgICAgY2FzZSAhc2hvd1ZlcnRpY2FsTGluZSAmJiAhaXNDbGVhcmFibGU6XG4gICAgICAgIHJldHVybiBcIjNyZW1cIjtcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHJldHVybiBcIjBcIjtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgY2FsY3VsYXRlUGFkZGluZ1dpdGhvdXRTdWZmaXhJY29uID0gKCkgPT4ge1xuICAgIHN3aXRjaCAodHJ1ZSkge1xuICAgICAgY2FzZSBpc0NsZWFyYWJsZTpcbiAgICAgICAgcmV0dXJuIFwiMnJlbVwiO1xuICAgICAgY2FzZSAhaXNDbGVhcmFibGU6XG4gICAgICAgIHJldHVybiBcIjAuNzVyZW1cIjtcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHJldHVybiBcIjBcIjtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgY2FsY3VsYXRlQ2xvc2VJY29uUG9zaXRpb24gPSAoKSA9PiB7XG4gICAgc3dpdGNoICh0cnVlKSB7XG4gICAgICBjYXNlIHNob3dWZXJ0aWNhbExpbmUgJiYgaGFzSWNvbkFmdGVyOlxuICAgICAgICByZXR1cm4gXCIzLjVyZW1cIjtcbiAgICAgIGNhc2Ugc2hvd1ZlcnRpY2FsTGluZSAmJiAhaGFzSWNvbkFmdGVyOlxuICAgICAgICByZXR1cm4gXCIwLjc1cmVtXCI7XG4gICAgICBjYXNlICFzaG93VmVydGljYWxMaW5lICYmIGhhc0ljb25BZnRlcjpcbiAgICAgICAgcmV0dXJuIFwiM3JlbVwiO1xuICAgICAgY2FzZSAhc2hvd1ZlcnRpY2FsTGluZSAmJiAhaGFzSWNvbkFmdGVyOlxuICAgICAgICByZXR1cm4gXCIwLjc1cmVtXCI7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4gXCIwXCI7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiBjc3NgXG4gICAgJHtpbnB1dENvbnRhaW5lckJhc2VTdHlsZXMoeyBibG9jazogdHJ1ZSB9KX07XG5cbiAgICAudmVydGljYWwtbGluZSB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBib3JkZXItbGVmdDogMXB4IHNvbGlkICR7Zm9ybUVsZW1lbnRzLmlucHV0LnZlcnRpY2FsTGluZUNvbG9yfTtcbiAgICAgIHRvcDogMDtcbiAgICAgIGluc2V0LWlubGluZS1lbmQ6IDNyZW07XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgfVxuXG4gICAgLmxhYmVsLWNvbnRhaW5lciB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGdhcDogMC4yNXJlbTtcbiAgICAgIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcblxuICAgICAgbGFiZWwge1xuICAgICAgICBtYXJnaW4tYm90dG9tOiAwO1xuICAgICAgfVxuXG4gICAgICBkaXYge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIH1cblxuICAgICAgc3ZnIHtcbiAgICAgICAgY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0LmluZm9Ub29sdGlwQ29sb3J9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjdXJzb3I6IGhlbHA7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmLmlubGluZSB7XG4gICAgICAubGFiZWwtY29udGFpbmVyIHtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmLmRpc2FibGVkIHtcbiAgICAgIC5pbnB1dC13cmFwcGVyIHtcbiAgICAgICAgLnByZWZpeC1pY29uLFxuICAgICAgICAuc3VmZml4LWljb24ge1xuICAgICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgICAgY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0LmRpc2FibGVkSWNvbn07XG4gICAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgICYuZXJyb3Ige1xuICAgICAgLmlucHV0LXdyYXBwZXIgaW5wdXQge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmVycm9ycy5lcnJvckJvcmRlckNvbG9yfTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmLndpdGgtcHJlZml4LWljb24ge1xuICAgICAgLmlucHV0LXdyYXBwZXIgaW5wdXQge1xuICAgICAgICBwYWRkaW5nLWlubGluZS1zdGFydDogMy4ycmVtO1xuICAgICAgfVxuICAgIH1cblxuICAgICYud2l0aC1zdWZmaXgtaWNvbiB7XG4gICAgICAuaW5wdXQtd3JhcHBlciBpbnB1dCB7XG4gICAgICAgIHBhZGRpbmctaW5saW5lLWVuZDogJHtjYWxjdWxhdGVQYWRkaW5nV2l0aFN1ZmZpeEljb24oKX07XG4gICAgICB9XG4gICAgfVxuXG4gICAgLmlucHV0LXdyYXBwZXIge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5iYWNrZ3JvdW5kfTtcbiAgICAgIHotaW5kZXg6IDE7XG4gICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG5cbiAgICAgIGlucHV0IHtcbiAgICAgICAgJHtpbnB1dEJhc2VTdHlsZXMoZm9ybUVsZW1lbnRzLCB7IGJsb2NrOiB0cnVlLCBzaXplIH0pfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAgIHBhZGRpbmctaW5saW5lLWVuZDogJHtjYWxjdWxhdGVQYWRkaW5nV2l0aG91dFN1ZmZpeEljb24oKX07XG4gICAgICB9XG5cbiAgICAgIC5wcmVmaXgtaWNvbixcbiAgICAgIC5zdWZmaXgtaWNvbiB7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBib3R0b206IDA7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICB9XG5cbiAgICAgIC5wcmVmaXgtaWNvbiB7XG4gICAgICAgIG1hcmdpbjogMCAwLjc1cmVtO1xuICAgICAgICBjb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQuaWNvbkNvbG9yfTtcbiAgICAgIH1cblxuICAgICAgLnN1ZmZpeC1pY29uIHtcbiAgICAgICAgaW5zZXQtaW5saW5lLWVuZDogMDtcbiAgICAgICAgY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0Lmljb25Db2xvcn07XG4gICAgICAgIHdpZHRoOiAzcmVtO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIH1cblxuICAgICAgLmNsb3NlLWljb24ge1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGluc2V0LWlubGluZS1lbmQ6ICR7Y2FsY3VsYXRlQ2xvc2VJY29uUG9zaXRpb24oKX07XG4gICAgICB9XG4gICAgfVxuICBgO1xufTtcblxuZXhwb3J0IGNvbnN0IHNlYXJjaElucHV0Q29udGFpbmVyID0gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gIC5pbnB1dC13cmFwcGVyIHtcbiAgICBtaW4td2lkdGg6IDI1MHB4O1xuICB9XG5cbiAgaW5wdXQge1xuICAgIHBhZGRpbmctaW5saW5lLWVuZDogMi41cmVtO1xuICB9XG5cbiAgLmNsZWFyLWJ1dHRvbiB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGluc2V0LWlubGluZS1lbmQ6IDA7XG4gICAgei1pbmRleDogMTtcblxuICAgICY6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgfVxuICB9XG4gIC5wcmVmaXgtaWNvbixcbiAgLnN1ZmZpeC1pY29uIHtcbiAgICBzdmcge1xuICAgICAgaGVpZ2h0OiAyNHB4O1xuICAgIH1cbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:inputContainer;")
+  );
+};
+var searchInputContainer = process.env.NODE_ENV === "production" ? {
+  name: "5uyi2v",
+  styles: "width:100%;position:relative;.input-wrapper{min-width:250px;}input{padding-inline-end:2.5rem;}.clear-button{position:absolute;inset-inline-end:0;z-index:1;&:hover{background:transparent;}}.prefix-icon,.suffix-icon{svg{height:24px;}}"
+} : {
+  name: "g3ldtr-searchInputContainer",
+  styles: "width:100%;position:relative;.input-wrapper{min-width:250px;}input{padding-inline-end:2.5rem;}.clear-button{position:absolute;inset-inline-end:0;z-index:1;&:hover{background:transparent;}}.prefix-icon,.suffix-icon{svg{height:24px;}};label:searchInputContainer;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2S3VDIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGlucHV0QmFzZVN0eWxlcywgaW5wdXRDb250YWluZXJCYXNlU3R5bGVzIH0gZnJvbSBcIi4uL3N0eWxlc1wiO1xuaW1wb3J0IHsgSW5wdXRTaXplIH0gZnJvbSBcIi4vSW5wdXRcIjtcblxuZXhwb3J0IGNvbnN0IGlucHV0Q29udGFpbmVyID0gKFxuICB7IGZvcm1FbGVtZW50cyB9OiBUaGVtZSxcbiAge1xuICAgIHNpemUsXG4gICAgaGFzSWNvbkFmdGVyLFxuICAgIGlzQ2xlYXJhYmxlLFxuICAgIHNob3dWZXJ0aWNhbExpbmUsXG4gIH06IHsgc2l6ZTogSW5wdXRTaXplOyBoYXNJY29uQWZ0ZXI6IGJvb2xlYW47IGlzQ2xlYXJhYmxlOiBib29sZWFuOyBzaG93VmVydGljYWxMaW5lOiBib29sZWFuIH0sXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgY29uc3QgY2FsY3VsYXRlUGFkZGluZ1dpdGhTdWZmaXhJY29uID0gKCkgPT4ge1xuICAgIHN3aXRjaCAodHJ1ZSkge1xuICAgICAgY2FzZSBzaG93VmVydGljYWxMaW5lICYmIGlzQ2xlYXJhYmxlOlxuICAgICAgICByZXR1cm4gXCI0Ljc1cmVtXCI7XG4gICAgICBjYXNlIHNob3dWZXJ0aWNhbExpbmUgJiYgIWlzQ2xlYXJhYmxlOlxuICAgICAgICByZXR1cm4gXCIzLjc1cmVtXCI7XG4gICAgICBjYXNlICFzaG93VmVydGljYWxMaW5lICYmIGlzQ2xlYXJhYmxlOlxuICAgICAgICByZXR1cm4gXCI0LjVyZW1cIjtcbiAgICAgIGNhc2UgIXNob3dWZXJ0aWNhbExpbmUgJiYgIWlzQ2xlYXJhYmxlOlxuICAgICAgICByZXR1cm4gXCIzcmVtXCI7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4gXCIwXCI7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGNhbGN1bGF0ZVBhZGRpbmdXaXRob3V0U3VmZml4SWNvbiA9ICgpID0+IHtcbiAgICBzd2l0Y2ggKHRydWUpIHtcbiAgICAgIGNhc2UgaXNDbGVhcmFibGU6XG4gICAgICAgIHJldHVybiBcIjJyZW1cIjtcbiAgICAgIGNhc2UgIWlzQ2xlYXJhYmxlOlxuICAgICAgICByZXR1cm4gXCIwLjc1cmVtXCI7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4gXCIwXCI7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGNhbGN1bGF0ZUNsb3NlSWNvblBvc2l0aW9uID0gKCkgPT4ge1xuICAgIHN3aXRjaCAodHJ1ZSkge1xuICAgICAgY2FzZSBzaG93VmVydGljYWxMaW5lICYmIGhhc0ljb25BZnRlcjpcbiAgICAgICAgcmV0dXJuIFwiMy41cmVtXCI7XG4gICAgICBjYXNlIHNob3dWZXJ0aWNhbExpbmUgJiYgIWhhc0ljb25BZnRlcjpcbiAgICAgICAgcmV0dXJuIFwiMC43NXJlbVwiO1xuICAgICAgY2FzZSAhc2hvd1ZlcnRpY2FsTGluZSAmJiBoYXNJY29uQWZ0ZXI6XG4gICAgICAgIHJldHVybiBcIjNyZW1cIjtcbiAgICAgIGNhc2UgIXNob3dWZXJ0aWNhbExpbmUgJiYgIWhhc0ljb25BZnRlcjpcbiAgICAgICAgcmV0dXJuIFwiMC43NXJlbVwiO1xuICAgICAgZGVmYXVsdDpcbiAgICAgICAgcmV0dXJuIFwiMFwiO1xuICAgIH1cbiAgfTtcblxuICByZXR1cm4gY3NzYFxuICAgICR7aW5wdXRDb250YWluZXJCYXNlU3R5bGVzKHsgYmxvY2s6IHRydWUgfSl9O1xuXG4gICAgLnZlcnRpY2FsLWxpbmUge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCAke2Zvcm1FbGVtZW50cy5pbnB1dC52ZXJ0aWNhbExpbmVDb2xvcn07XG4gICAgICB0b3A6IDA7XG4gICAgICBpbnNldC1pbmxpbmUtZW5kOiAzcmVtO1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgIH1cblxuICAgIC5sYWJlbC1jb250YWluZXIge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBnYXA6IDAuMjVyZW07XG4gICAgICBtYXJnaW4tYm90dG9tOiAwLjVyZW07XG5cbiAgICAgIGxhYmVsIHtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICAgIH1cblxuICAgICAgZGl2IHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICB9XG5cbiAgICAgIHN2ZyB7XG4gICAgICAgIGNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5pbmZvVG9vbHRpcENvbG9yfTtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgY3Vyc29yOiBoZWxwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgJi5pbmxpbmUge1xuICAgICAgLmxhYmVsLWNvbnRhaW5lciB7XG4gICAgICAgIG1hcmdpbi1ib3R0b206IDA7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJi5kaXNhYmxlZCB7XG4gICAgICAuaW5wdXQtd3JhcHBlciB7XG4gICAgICAgIC5wcmVmaXgtaWNvbixcbiAgICAgICAgLnN1ZmZpeC1pY29uIHtcbiAgICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgICAgIGNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5kaXNhYmxlZEljb259O1xuICAgICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmLmVycm9yIHtcbiAgICAgIC5pbnB1dC13cmFwcGVyIGlucHV0IHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2Zvcm1FbGVtZW50cy5lcnJvcnMuZXJyb3JCb3JkZXJDb2xvcn07XG4gICAgICB9XG4gICAgfVxuXG4gICAgJi53aXRoLXByZWZpeC1pY29uIHtcbiAgICAgIC5pbnB1dC13cmFwcGVyIGlucHV0IHtcbiAgICAgICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IDMuMnJlbTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmLndpdGgtc3VmZml4LWljb24ge1xuICAgICAgLmlucHV0LXdyYXBwZXIgaW5wdXQge1xuICAgICAgICBwYWRkaW5nLWlubGluZS1lbmQ6ICR7Y2FsY3VsYXRlUGFkZGluZ1dpdGhTdWZmaXhJY29uKCl9O1xuICAgICAgfVxuICAgIH1cblxuICAgIC5pbnB1dC13cmFwcGVyIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQuYmFja2dyb3VuZH07XG4gICAgICB6LWluZGV4OiAxO1xuICAgICAgYm9yZGVyLXJhZGl1czogNXB4O1xuXG4gICAgICBpbnB1dCB7XG4gICAgICAgICR7aW5wdXRCYXNlU3R5bGVzKGZvcm1FbGVtZW50cywgeyBibG9jazogdHJ1ZSwgc2l6ZSB9KX07XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgICBwYWRkaW5nLWlubGluZS1lbmQ6ICR7Y2FsY3VsYXRlUGFkZGluZ1dpdGhvdXRTdWZmaXhJY29uKCl9O1xuICAgICAgfVxuXG4gICAgICAucHJlZml4LWljb24sXG4gICAgICAuc3VmZml4LWljb24ge1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgfVxuXG4gICAgICAucHJlZml4LWljb24ge1xuICAgICAgICBtYXJnaW46IDAgMC43NXJlbTtcbiAgICAgICAgY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0Lmljb25Db2xvcn07XG4gICAgICB9XG5cbiAgICAgIC5zdWZmaXgtaWNvbiB7XG4gICAgICAgIGluc2V0LWlubGluZS1lbmQ6IDA7XG4gICAgICAgIGNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5pY29uQ29sb3J9O1xuICAgICAgICB3aWR0aDogM3JlbTtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICB9XG5cbiAgICAgIC5jbG9zZS1pY29uIHtcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBpbnNldC1pbmxpbmUtZW5kOiAke2NhbGN1bGF0ZUNsb3NlSWNvblBvc2l0aW9uKCl9O1xuICAgICAgfVxuICAgIH1cbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCBzZWFyY2hJbnB1dENvbnRhaW5lciA9IGNzc2BcbiAgd2lkdGg6IDEwMCU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAuaW5wdXQtd3JhcHBlciB7XG4gICAgbWluLXdpZHRoOiAyNTBweDtcbiAgfVxuXG4gIGlucHV0IHtcbiAgICBwYWRkaW5nLWlubGluZS1lbmQ6IDIuNXJlbTtcbiAgfVxuXG4gIC5jbGVhci1idXR0b24ge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBpbnNldC1pbmxpbmUtZW5kOiAwO1xuICAgIHotaW5kZXg6IDE7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgIH1cbiAgfVxuICAucHJlZml4LWljb24sXG4gIC5zdWZmaXgtaWNvbiB7XG4gICAgc3ZnIHtcbiAgICAgIGhlaWdodDogMjRweDtcbiAgICB9XG4gIH1cbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var label = function label(_ref, _ref2) {
+  var typeScaleSizes = _ref.typeScaleSizes;
+  var size = _ref2.size;
+  var fontSizes = {
+    md: typeScaleSizes.sm,
+    lg: typeScaleSizes.md
+  };
+  return (
+    /*#__PURE__*/
+    /*#__PURE__*/
+    css("font-size:", fontSizes[size], ";font-weight:700;display:block;margin:0 0 0.5rem;white-space:nowrap;" + (process.env.NODE_ENV === "production" ? "" : ";label:label;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZWSIsImZpbGUiOiJzdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBMYWJlbFNpemUgfSBmcm9tIFwiLi9MYWJlbFwiO1xuXG5leHBvcnQgY29uc3QgbGFiZWwgPSAoXG4gIHsgdHlwZVNjYWxlU2l6ZXMgfTogVGhlbWUsXG4gIHsgc2l6ZSB9OiB7IHNpemU6IExhYmVsU2l6ZSB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIGNvbnN0IGZvbnRTaXplcyA9IHtcbiAgICBtZDogdHlwZVNjYWxlU2l6ZXMuc20sXG4gICAgbGc6IHR5cGVTY2FsZVNpemVzLm1kLFxuICB9O1xuXG4gIHJldHVybiBjc3NgXG4gICAgZm9udC1zaXplOiAke2ZvbnRTaXplc1tzaXplXX07XG4gICAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBtYXJnaW46IDAgMCAwLjVyZW07XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgYDtcbn07XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:label;")
   );
 };
 
-var _excluded$9 = ["size", "status", "iconBefore", "iconAfter", "label", "inline", "id", "containerAttrs", "tooltipContent", "value", "isClearable", "showVerticalLine", "onClear"];
+var _excluded$b = ["size", "children"];
+var Label = function Label(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "md" : _ref$size,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded$b);
+  return jsx("label", _extends$g({
+    css: function css(theme) {
+      return label(theme, {
+        size: size
+      });
+    }
+  }, rest), children);
+};
+
+var _excluded$a = ["size", "status", "iconBefore", "iconAfter", "label", "inline", "id", "containerAttrs", "tooltipContent", "value", "isClearable", "showVerticalLine", "onClear"];
 var Input = function Input(_ref, forwardedRef) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? "md" : _ref$size,
@@ -25154,7 +25794,7 @@ var Input = function Input(_ref, forwardedRef) {
     _ref$showVerticalLine = _ref.showVerticalLine,
     showVerticalLine = _ref$showVerticalLine === void 0 ? true : _ref$showVerticalLine,
     onClear = _ref.onClear,
-    rest = _objectWithoutProperties(_ref, _excluded$9);
+    rest = _objectWithoutProperties(_ref, _excluded$a);
   var internalRef = React.useRef(null);
   var IconBefore = iconBefore;
   var IconAfter = iconAfter;
@@ -25175,11 +25815,11 @@ var Input = function Input(_ref, forwardedRef) {
     var _internalRef$current;
     (_internalRef$current = internalRef.current) === null || _internalRef$current === void 0 ? void 0 : _internalRef$current.focus();
   };
-  var handleClear = function handleClear() {
-    if (onClear) onClear();
+  var handleClear = function handleClear(e) {
+    if (onClear) onClear(e);
     setFocus();
   };
-  return jsx("div", _extends$f({
+  return jsx("div", _extends$g({
     css: function css(theme) {
       return inputContainer(theme, {
         size: size,
@@ -25204,7 +25844,7 @@ var Input = function Input(_ref, forwardedRef) {
     "data-testid": "input-icon-before"
   }, jsx(IconBefore, {
     height: iconHeight
-  })), jsx("input", _extends$f({
+  })), jsx("input", _extends$g({
     value: value,
     ref: internalRef,
     id: id
@@ -25218,13 +25858,264 @@ var Input = function Input(_ref, forwardedRef) {
     height: iconHeight
   }))), isClearable && value && jsx("div", {
     className: "close-icon",
-    onClick: handleClear
+    onClick: function onClick(e) {
+      return handleClear(e);
+    }
   }, jsx(SvgClose, {
     height: 16
   }))));
 };
 var Input$1 = /*#__PURE__*/React.forwardRef(Input);
 
+var _excluded$9 = ["id", "placeholder", "onInputChanged", "delayBeforeSearch", "resetInput"];
+var SearchInput = function SearchInput(_ref) {
+  var id = _ref.id,
+    placeholder = _ref.placeholder,
+    onInputChanged = _ref.onInputChanged,
+    _ref$delayBeforeSearc = _ref.delayBeforeSearch,
+    delayBeforeSearch = _ref$delayBeforeSearc === void 0 ? 500 : _ref$delayBeforeSearc,
+    _ref$resetInput = _ref.resetInput,
+    resetInput = _ref$resetInput === void 0 ? false : _ref$resetInput,
+    rest = _objectWithoutProperties(_ref, _excluded$9);
+  var _useState = React.useState(""),
+    _useState2 = _slicedToArray$1(_useState, 2),
+    searchValue = _useState2[0],
+    setSearchValue = _useState2[1];
+  var _useDebounceFn = useDebounceFn(function (value) {
+      onInputChanged(value);
+    }, {
+      wait: delayBeforeSearch
+    }),
+    run = _useDebounceFn.run;
+  var handleInputChange = function handleInputChange(e) {
+    var value = e.target.value;
+    setSearchValue(value);
+    run(value);
+  };
+  React.useEffect(function () {
+    if (resetInput) clearSearch();
+  }, [resetInput]);
+  var clearSearch = function clearSearch(e) {
+    if (e) {
+      e.stopPropagation();
+    }
+    onInputChanged("");
+    setSearchValue("");
+  };
+  return jsx("div", _extends$g({
+    css: searchInputContainer
+  }, rest), jsx(Input$1, {
+    id: id,
+    placeholder: placeholder,
+    value: searchValue,
+    onChange: handleInputChange,
+    autoComplete: "off",
+    iconAfter: SvgMagnifier,
+    showVerticalLine: false,
+    isClearable: true,
+    onClear: function onClear(e) {
+      return clearSearch(e);
+    }
+  }));
+};
+
+var getInlinePaddingStart = function getInlinePaddingStart(level, isSearchable) {
+  var initialPadding = isSearchable ? 0.25 : 1;
+  return initialPadding + level * 0.75;
+};
+var DropdownContainer = function DropdownContainer(_ref, _ref2) {
+  var dropdown = _ref.dropdown;
+  var isSearchable = _ref2.isSearchable,
+    fullWidth = _ref2.fullWidth;
+  return (
+    /*#__PURE__*/
+    /*#__PURE__*/
+    css("position:relative;display:inline-block;.dropdown-wrapper{position:absolute;z-index:100;border-radius:5px;box-shadow:0 3px 6px ", dropdown.boxShadowColor, ";background-color:", dropdown.backgroundColor, ";padding:", isSearchable ? "0.75rem" : "0", ";width:", fullWidth ? isSearchable ? "auto" : "100%" : "auto", ";max-width:", fullWidth ? "50" : "19.5", "rem;&.bottom-start{inset-inline-start:0;}&.bottom-end{inset-inline-end:0;}&.top-start{bottom:100%;inset-inline-start:0;margin-bottom:0.5rem;}&.top-end{bottom:100%;inset-inline-end:100%;margin-bottom:0.5rem;}&.end-top{inset-inline-start:100%;top:0;margin:0;}.input-wrapper{min-width:18rem;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:DropdownContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXUSIsImZpbGUiOiJzdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUaGVtZSwgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5cbmNvbnN0IGdldElubGluZVBhZGRpbmdTdGFydCA9IChsZXZlbDogbnVtYmVyLCBpc1NlYXJjaGFibGU6IGJvb2xlYW4pID0+IHtcbiAgY29uc3QgaW5pdGlhbFBhZGRpbmcgPSBpc1NlYXJjaGFibGUgPyAwLjI1IDogMTtcblxuICByZXR1cm4gaW5pdGlhbFBhZGRpbmcgKyBsZXZlbCAqIDAuNzU7XG59O1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25Db250YWluZXIgPSAoXG4gIHsgZHJvcGRvd24gfTogVGhlbWUsXG4gIHsgaXNTZWFyY2hhYmxlLCBmdWxsV2lkdGggfTogeyBpc1NlYXJjaGFibGU6IGJvb2xlYW47IGZ1bGxXaWR0aDogYm9vbGVhbiB9LFxuKSA9PiBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXG4gIC5kcm9wZG93bi13cmFwcGVyIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogMTAwO1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICBib3gtc2hhZG93OiAwIDNweCA2cHggJHtkcm9wZG93bi5ib3hTaGFkb3dDb2xvcn07XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtkcm9wZG93bi5iYWNrZ3JvdW5kQ29sb3J9O1xuICAgIHBhZGRpbmc6ICR7aXNTZWFyY2hhYmxlID8gXCIwLjc1cmVtXCIgOiBcIjBcIn07XG4gICAgd2lkdGg6ICR7ZnVsbFdpZHRoID8gKGlzU2VhcmNoYWJsZSA/IFwiYXV0b1wiIDogXCIxMDAlXCIpIDogXCJhdXRvXCJ9O1xuICAgIG1heC13aWR0aDogJHtmdWxsV2lkdGggPyBcIjUwXCIgOiBcIjE5LjVcIn1yZW07XG5cbiAgICAmLmJvdHRvbS1zdGFydCB7XG4gICAgICBpbnNldC1pbmxpbmUtc3RhcnQ6IDA7XG4gICAgfVxuXG4gICAgJi5ib3R0b20tZW5kIHtcbiAgICAgIGluc2V0LWlubGluZS1lbmQ6IDA7XG4gICAgfVxuXG4gICAgJi50b3Atc3RhcnQge1xuICAgICAgYm90dG9tOiAxMDAlO1xuICAgICAgaW5zZXQtaW5saW5lLXN0YXJ0OiAwO1xuICAgICAgbWFyZ2luLWJvdHRvbTogMC41cmVtO1xuICAgIH1cblxuICAgICYudG9wLWVuZCB7XG4gICAgICBib3R0b206IDEwMCU7XG4gICAgICBpbnNldC1pbmxpbmUtZW5kOiAxMDAlO1xuICAgICAgbWFyZ2luLWJvdHRvbTogMC41cmVtO1xuICAgIH1cblxuICAgICYuZW5kLXRvcCB7XG4gICAgICBpbnNldC1pbmxpbmUtc3RhcnQ6IDEwMCU7XG4gICAgICB0b3A6IDA7XG4gICAgICBtYXJnaW46IDA7XG4gICAgfVxuXG4gICAgLmlucHV0LXdyYXBwZXIge1xuICAgICAgbWluLXdpZHRoOiAxOHJlbTtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBEcm9wZG93bkxpc3QgPSAoXG4gIHsgZHJvcGRvd24sIHNjcm9sbGJhciB9OiBUaGVtZSxcbiAgeyBmdWxsV2lkdGgsIGlzU2VhcmNoYWJsZSB9OiB7IGZ1bGxXaWR0aDogYm9vbGVhbjsgaXNTZWFyY2hhYmxlOiBib29sZWFuIH0sXG4pID0+IGNzc2BcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgd2lkdGg6IG1heC1jb250ZW50O1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgbWFyZ2luOiAke2lzU2VhcmNoYWJsZSA/IFwiMC41cmVtIDAgMFwiIDogXCIwXCJ9O1xuICBwYWRkaW5nOiAke2lzU2VhcmNoYWJsZSA/IFwiMFwiIDogXCIwLjVyZW0gMFwifTtcbiAgbWF4LWhlaWdodDogMjFyZW07XG4gIG92ZXJmbG93LXk6IGF1dG87XG4gIHdpZHRoOiAke2Z1bGxXaWR0aCA/IFwiMTAwJVwiIDogXCJhdXRvXCJ9O1xuICBtaW4td2lkdGg6ICR7ZnVsbFdpZHRoID8gXCIycmVtXCIgOiBcIjE0cmVtXCJ9O1xuICBib3JkZXItcmFkaXVzOiA1cHg7XG5cbiAgLyogV29ya3Mgb24gRmlyZWZveCAqL1xuICBzY3JvbGxiYXItd2lkdGg6IDVweDtcbiAgc2Nyb2xsYmFyLWNvbG9yOiAke3Njcm9sbGJhci5jb2xvcn0gJHtzY3JvbGxiYXIuYmFja2dyb3VuZH07XG5cbiAgLyogV29ya3Mgb24gQ2hyb21lLCBFZGdlLCBhbmQgU2FmYXJpICovXG4gIDo6LXdlYmtpdC1zY3JvbGxiYXIge1xuICAgIHdpZHRoOiA1cHg7XG4gIH1cblxuICA6Oi13ZWJraXQtc2Nyb2xsYmFyLXRyYWNrIHtcbiAgICBiYWNrZ3JvdW5kOiAke3Njcm9sbGJhci5iYWNrZ3JvdW5kfTtcbiAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xuICB9XG5cbiAgOjotd2Via2l0LXNjcm9sbGJhci10aHVtYiB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtzY3JvbGxiYXIuY29sb3J9O1xuICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gIH1cblxuICAuZW1wdHktc3RhdGUge1xuICAgIGNvbG9yOiAke2Ryb3Bkb3duLmVtcHR5U3RhdGVDb2xvcn07XG4gICAgcGFkZGluZzogMCAwLjc1cmVtO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBoZWlnaHQ6IDJyZW07XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBEcm9wZG93blRpdGxlID0gKHtcbiAgbGV2ZWwsXG4gIGlzU2VhcmNoYWJsZSxcbn06IHtcbiAgbGV2ZWw6IG51bWJlcjtcbiAgaXNTZWFyY2hhYmxlOiBib29sZWFuO1xufSkgPT4gY3NzYFxuICBwYWRkaW5nLWlubGluZTogJHtnZXRJbmxpbmVQYWRkaW5nU3RhcnQobGV2ZWwsIGlzU2VhcmNoYWJsZSl9cmVtIDFyZW07XG4gIHBhZGRpbmctYmxvY2s6IDAuMjVyZW07XG5gO1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25MaXN0SXRlbSA9IChcbiAgeyBkcm9wZG93biB9OiBUaGVtZSxcbiAgeyBpc1NlYXJjaGFibGUsIGxldmVsIH06IHsgaXNTZWFyY2hhYmxlOiBib29sZWFuOyBsZXZlbDogbnVtYmVyIH0sXG4pID0+IGNzc2BcbiAgcGFkZGluZy1pbmxpbmU6ICR7Z2V0SW5saW5lUGFkZGluZ1N0YXJ0KGxldmVsLCBpc1NlYXJjaGFibGUpfXJlbSAxcmVtO1xuICBwYWRkaW5nLWJsb2NrOiAwLjVyZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIG1heC1oZWlnaHQ6IDJyZW07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgbWFyZ2luLWlubGluZS1lbmQ6ICR7aXNTZWFyY2hhYmxlID8gXCIwLjVyZW1cIiA6IFwiMFwifTtcblxuICAmLnNlcGFyYXRvciB7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7ZHJvcGRvd24uYm9yZGVyQm90dG9tQ29sb3J9O1xuICB9XG5cbiAgc3BhbiB7XG4gICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAtd2Via2l0LWxpbmUtY2xhbXA6IDE7XG4gICAgLXdlYmtpdC1ib3gtb3JpZW50OiB2ZXJ0aWNhbDtcbiAgfVxuXG4gIHN2ZyB7XG4gICAgd2lkdGg6IDMycHg7XG4gICAgbWFyZ2luLWlubGluZS1lbmQ6IDAuNXJlbTtcbiAgfVxuXG4gICY6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZHJvcGRvd24uaG92ZXJCYWNrZ3JvdW5kQ29sb3J9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7aXNTZWFyY2hhYmxlID8gXCI1cHhcIiA6IFwiMFwifTtcbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:DropdownContainer;")
+  );
+};
+var DropdownList = function DropdownList(_ref3, _ref4) {
+  var dropdown = _ref3.dropdown,
+    scrollbar = _ref3.scrollbar;
+  var fullWidth = _ref4.fullWidth,
+    isSearchable = _ref4.isSearchable;
+  return (
+    /*#__PURE__*/
+    /*#__PURE__*/
+    css("list-style:none;width:max-content;box-sizing:border-box;white-space:nowrap;user-select:none;margin:", isSearchable ? "0.5rem 0 0" : "0", ";padding:", isSearchable ? "0" : "0.5rem 0", ";max-height:21rem;overflow-y:auto;width:", fullWidth ? "100%" : "auto", ";min-width:", fullWidth ? "2rem" : "14rem", ";border-radius:5px;scrollbar-width:5px;scrollbar-color:", scrollbar.color, " ", scrollbar.background, ";::-webkit-scrollbar{width:5px;}::-webkit-scrollbar-track{background:", scrollbar.background, ";border-radius:10px;}::-webkit-scrollbar-thumb{background-color:", scrollbar.color, ";border-radius:10px;}.empty-state{color:", dropdown.emptyStateColor, ";padding:0 0.75rem;display:flex;align-items:center;height:2rem;}" + (process.env.NODE_ENV === "production" ? "" : ";label:DropdownList;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RFEiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVGhlbWUsIGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5jb25zdCBnZXRJbmxpbmVQYWRkaW5nU3RhcnQgPSAobGV2ZWw6IG51bWJlciwgaXNTZWFyY2hhYmxlOiBib29sZWFuKSA9PiB7XG4gIGNvbnN0IGluaXRpYWxQYWRkaW5nID0gaXNTZWFyY2hhYmxlID8gMC4yNSA6IDE7XG5cbiAgcmV0dXJuIGluaXRpYWxQYWRkaW5nICsgbGV2ZWwgKiAwLjc1O1xufTtcblxuZXhwb3J0IGNvbnN0IERyb3Bkb3duQ29udGFpbmVyID0gKFxuICB7IGRyb3Bkb3duIH06IFRoZW1lLFxuICB7IGlzU2VhcmNoYWJsZSwgZnVsbFdpZHRoIH06IHsgaXNTZWFyY2hhYmxlOiBib29sZWFuOyBmdWxsV2lkdGg6IGJvb2xlYW4gfSxcbikgPT4gY3NzYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcblxuICAuZHJvcGRvd24td3JhcHBlciB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IDEwMDtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgYm94LXNoYWRvdzogMCAzcHggNnB4ICR7ZHJvcGRvd24uYm94U2hhZG93Q29sb3J9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZHJvcGRvd24uYmFja2dyb3VuZENvbG9yfTtcbiAgICBwYWRkaW5nOiAke2lzU2VhcmNoYWJsZSA/IFwiMC43NXJlbVwiIDogXCIwXCJ9O1xuICAgIHdpZHRoOiAke2Z1bGxXaWR0aCA/IChpc1NlYXJjaGFibGUgPyBcImF1dG9cIiA6IFwiMTAwJVwiKSA6IFwiYXV0b1wifTtcbiAgICBtYXgtd2lkdGg6ICR7ZnVsbFdpZHRoID8gXCI1MFwiIDogXCIxOS41XCJ9cmVtO1xuXG4gICAgJi5ib3R0b20tc3RhcnQge1xuICAgICAgaW5zZXQtaW5saW5lLXN0YXJ0OiAwO1xuICAgIH1cblxuICAgICYuYm90dG9tLWVuZCB7XG4gICAgICBpbnNldC1pbmxpbmUtZW5kOiAwO1xuICAgIH1cblxuICAgICYudG9wLXN0YXJ0IHtcbiAgICAgIGJvdHRvbTogMTAwJTtcbiAgICAgIGluc2V0LWlubGluZS1zdGFydDogMDtcbiAgICAgIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcbiAgICB9XG5cbiAgICAmLnRvcC1lbmQge1xuICAgICAgYm90dG9tOiAxMDAlO1xuICAgICAgaW5zZXQtaW5saW5lLWVuZDogMTAwJTtcbiAgICAgIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcbiAgICB9XG5cbiAgICAmLmVuZC10b3Age1xuICAgICAgaW5zZXQtaW5saW5lLXN0YXJ0OiAxMDAlO1xuICAgICAgdG9wOiAwO1xuICAgICAgbWFyZ2luOiAwO1xuICAgIH1cblxuICAgIC5pbnB1dC13cmFwcGVyIHtcbiAgICAgIG1pbi13aWR0aDogMThyZW07XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25MaXN0ID0gKFxuICB7IGRyb3Bkb3duLCBzY3JvbGxiYXIgfTogVGhlbWUsXG4gIHsgZnVsbFdpZHRoLCBpc1NlYXJjaGFibGUgfTogeyBmdWxsV2lkdGg6IGJvb2xlYW47IGlzU2VhcmNoYWJsZTogYm9vbGVhbiB9LFxuKSA9PiBjc3NgXG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIHdpZHRoOiBtYXgtY29udGVudDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIG1hcmdpbjogJHtpc1NlYXJjaGFibGUgPyBcIjAuNXJlbSAwIDBcIiA6IFwiMFwifTtcbiAgcGFkZGluZzogJHtpc1NlYXJjaGFibGUgPyBcIjBcIiA6IFwiMC41cmVtIDBcIn07XG4gIG1heC1oZWlnaHQ6IDIxcmVtO1xuICBvdmVyZmxvdy15OiBhdXRvO1xuICB3aWR0aDogJHtmdWxsV2lkdGggPyBcIjEwMCVcIiA6IFwiYXV0b1wifTtcbiAgbWluLXdpZHRoOiAke2Z1bGxXaWR0aCA/IFwiMnJlbVwiIDogXCIxNHJlbVwifTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuXG4gIC8qIFdvcmtzIG9uIEZpcmVmb3ggKi9cbiAgc2Nyb2xsYmFyLXdpZHRoOiA1cHg7XG4gIHNjcm9sbGJhci1jb2xvcjogJHtzY3JvbGxiYXIuY29sb3J9ICR7c2Nyb2xsYmFyLmJhY2tncm91bmR9O1xuXG4gIC8qIFdvcmtzIG9uIENocm9tZSwgRWRnZSwgYW5kIFNhZmFyaSAqL1xuICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICB3aWR0aDogNXB4O1xuICB9XG5cbiAgOjotd2Via2l0LXNjcm9sbGJhci10cmFjayB7XG4gICAgYmFja2dyb3VuZDogJHtzY3JvbGxiYXIuYmFja2dyb3VuZH07XG4gICAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgfVxuXG4gIDo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7c2Nyb2xsYmFyLmNvbG9yfTtcbiAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xuICB9XG5cbiAgLmVtcHR5LXN0YXRlIHtcbiAgICBjb2xvcjogJHtkcm9wZG93bi5lbXB0eVN0YXRlQ29sb3J9O1xuICAgIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgaGVpZ2h0OiAycmVtO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25UaXRsZSA9ICh7XG4gIGxldmVsLFxuICBpc1NlYXJjaGFibGUsXG59OiB7XG4gIGxldmVsOiBudW1iZXI7XG4gIGlzU2VhcmNoYWJsZTogYm9vbGVhbjtcbn0pID0+IGNzc2BcbiAgcGFkZGluZy1pbmxpbmU6ICR7Z2V0SW5saW5lUGFkZGluZ1N0YXJ0KGxldmVsLCBpc1NlYXJjaGFibGUpfXJlbSAxcmVtO1xuICBwYWRkaW5nLWJsb2NrOiAwLjI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IERyb3Bkb3duTGlzdEl0ZW0gPSAoXG4gIHsgZHJvcGRvd24gfTogVGhlbWUsXG4gIHsgaXNTZWFyY2hhYmxlLCBsZXZlbCB9OiB7IGlzU2VhcmNoYWJsZTogYm9vbGVhbjsgbGV2ZWw6IG51bWJlciB9LFxuKSA9PiBjc3NgXG4gIHBhZGRpbmctaW5saW5lOiAke2dldElubGluZVBhZGRpbmdTdGFydChsZXZlbCwgaXNTZWFyY2hhYmxlKX1yZW0gMXJlbTtcbiAgcGFkZGluZy1ibG9jazogMC41cmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBtYXgtaGVpZ2h0OiAycmVtO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG1hcmdpbi1pbmxpbmUtZW5kOiAke2lzU2VhcmNoYWJsZSA/IFwiMC41cmVtXCIgOiBcIjBcIn07XG5cbiAgJi5zZXBhcmF0b3Ige1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke2Ryb3Bkb3duLmJvcmRlckJvdHRvbUNvbG9yfTtcbiAgfVxuXG4gIHNwYW4ge1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgLXdlYmtpdC1saW5lLWNsYW1wOiAxO1xuICAgIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7XG4gIH1cblxuICBzdmcge1xuICAgIHdpZHRoOiAzMnB4O1xuICAgIG1hcmdpbi1pbmxpbmUtZW5kOiAwLjVyZW07XG4gIH1cblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Ryb3Bkb3duLmhvdmVyQmFja2dyb3VuZENvbG9yfTtcbiAgICBib3JkZXItcmFkaXVzOiAke2lzU2VhcmNoYWJsZSA/IFwiNXB4XCIgOiBcIjBcIn07XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:DropdownList;")
+  );
+};
+var DropdownTitle = function DropdownTitle(_ref5) {
+  var level = _ref5.level,
+    isSearchable = _ref5.isSearchable;
+  return (
+    /*#__PURE__*/
+    /*#__PURE__*/
+    css("padding-inline:", getInlinePaddingStart(level, isSearchable), "rem 1rem;padding-block:0.25rem;" + (process.env.NODE_ENV === "production" ? "" : ";label:DropdownTitle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0R1MiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVGhlbWUsIGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5jb25zdCBnZXRJbmxpbmVQYWRkaW5nU3RhcnQgPSAobGV2ZWw6IG51bWJlciwgaXNTZWFyY2hhYmxlOiBib29sZWFuKSA9PiB7XG4gIGNvbnN0IGluaXRpYWxQYWRkaW5nID0gaXNTZWFyY2hhYmxlID8gMC4yNSA6IDE7XG5cbiAgcmV0dXJuIGluaXRpYWxQYWRkaW5nICsgbGV2ZWwgKiAwLjc1O1xufTtcblxuZXhwb3J0IGNvbnN0IERyb3Bkb3duQ29udGFpbmVyID0gKFxuICB7IGRyb3Bkb3duIH06IFRoZW1lLFxuICB7IGlzU2VhcmNoYWJsZSwgZnVsbFdpZHRoIH06IHsgaXNTZWFyY2hhYmxlOiBib29sZWFuOyBmdWxsV2lkdGg6IGJvb2xlYW4gfSxcbikgPT4gY3NzYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcblxuICAuZHJvcGRvd24td3JhcHBlciB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IDEwMDtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgYm94LXNoYWRvdzogMCAzcHggNnB4ICR7ZHJvcGRvd24uYm94U2hhZG93Q29sb3J9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZHJvcGRvd24uYmFja2dyb3VuZENvbG9yfTtcbiAgICBwYWRkaW5nOiAke2lzU2VhcmNoYWJsZSA/IFwiMC43NXJlbVwiIDogXCIwXCJ9O1xuICAgIHdpZHRoOiAke2Z1bGxXaWR0aCA/IChpc1NlYXJjaGFibGUgPyBcImF1dG9cIiA6IFwiMTAwJVwiKSA6IFwiYXV0b1wifTtcbiAgICBtYXgtd2lkdGg6ICR7ZnVsbFdpZHRoID8gXCI1MFwiIDogXCIxOS41XCJ9cmVtO1xuXG4gICAgJi5ib3R0b20tc3RhcnQge1xuICAgICAgaW5zZXQtaW5saW5lLXN0YXJ0OiAwO1xuICAgIH1cblxuICAgICYuYm90dG9tLWVuZCB7XG4gICAgICBpbnNldC1pbmxpbmUtZW5kOiAwO1xuICAgIH1cblxuICAgICYudG9wLXN0YXJ0IHtcbiAgICAgIGJvdHRvbTogMTAwJTtcbiAgICAgIGluc2V0LWlubGluZS1zdGFydDogMDtcbiAgICAgIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcbiAgICB9XG5cbiAgICAmLnRvcC1lbmQge1xuICAgICAgYm90dG9tOiAxMDAlO1xuICAgICAgaW5zZXQtaW5saW5lLWVuZDogMTAwJTtcbiAgICAgIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcbiAgICB9XG5cbiAgICAmLmVuZC10b3Age1xuICAgICAgaW5zZXQtaW5saW5lLXN0YXJ0OiAxMDAlO1xuICAgICAgdG9wOiAwO1xuICAgICAgbWFyZ2luOiAwO1xuICAgIH1cblxuICAgIC5pbnB1dC13cmFwcGVyIHtcbiAgICAgIG1pbi13aWR0aDogMThyZW07XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25MaXN0ID0gKFxuICB7IGRyb3Bkb3duLCBzY3JvbGxiYXIgfTogVGhlbWUsXG4gIHsgZnVsbFdpZHRoLCBpc1NlYXJjaGFibGUgfTogeyBmdWxsV2lkdGg6IGJvb2xlYW47IGlzU2VhcmNoYWJsZTogYm9vbGVhbiB9LFxuKSA9PiBjc3NgXG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIHdpZHRoOiBtYXgtY29udGVudDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIG1hcmdpbjogJHtpc1NlYXJjaGFibGUgPyBcIjAuNXJlbSAwIDBcIiA6IFwiMFwifTtcbiAgcGFkZGluZzogJHtpc1NlYXJjaGFibGUgPyBcIjBcIiA6IFwiMC41cmVtIDBcIn07XG4gIG1heC1oZWlnaHQ6IDIxcmVtO1xuICBvdmVyZmxvdy15OiBhdXRvO1xuICB3aWR0aDogJHtmdWxsV2lkdGggPyBcIjEwMCVcIiA6IFwiYXV0b1wifTtcbiAgbWluLXdpZHRoOiAke2Z1bGxXaWR0aCA/IFwiMnJlbVwiIDogXCIxNHJlbVwifTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuXG4gIC8qIFdvcmtzIG9uIEZpcmVmb3ggKi9cbiAgc2Nyb2xsYmFyLXdpZHRoOiA1cHg7XG4gIHNjcm9sbGJhci1jb2xvcjogJHtzY3JvbGxiYXIuY29sb3J9ICR7c2Nyb2xsYmFyLmJhY2tncm91bmR9O1xuXG4gIC8qIFdvcmtzIG9uIENocm9tZSwgRWRnZSwgYW5kIFNhZmFyaSAqL1xuICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICB3aWR0aDogNXB4O1xuICB9XG5cbiAgOjotd2Via2l0LXNjcm9sbGJhci10cmFjayB7XG4gICAgYmFja2dyb3VuZDogJHtzY3JvbGxiYXIuYmFja2dyb3VuZH07XG4gICAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgfVxuXG4gIDo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7c2Nyb2xsYmFyLmNvbG9yfTtcbiAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xuICB9XG5cbiAgLmVtcHR5LXN0YXRlIHtcbiAgICBjb2xvcjogJHtkcm9wZG93bi5lbXB0eVN0YXRlQ29sb3J9O1xuICAgIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgaGVpZ2h0OiAycmVtO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25UaXRsZSA9ICh7XG4gIGxldmVsLFxuICBpc1NlYXJjaGFibGUsXG59OiB7XG4gIGxldmVsOiBudW1iZXI7XG4gIGlzU2VhcmNoYWJsZTogYm9vbGVhbjtcbn0pID0+IGNzc2BcbiAgcGFkZGluZy1pbmxpbmU6ICR7Z2V0SW5saW5lUGFkZGluZ1N0YXJ0KGxldmVsLCBpc1NlYXJjaGFibGUpfXJlbSAxcmVtO1xuICBwYWRkaW5nLWJsb2NrOiAwLjI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IERyb3Bkb3duTGlzdEl0ZW0gPSAoXG4gIHsgZHJvcGRvd24gfTogVGhlbWUsXG4gIHsgaXNTZWFyY2hhYmxlLCBsZXZlbCB9OiB7IGlzU2VhcmNoYWJsZTogYm9vbGVhbjsgbGV2ZWw6IG51bWJlciB9LFxuKSA9PiBjc3NgXG4gIHBhZGRpbmctaW5saW5lOiAke2dldElubGluZVBhZGRpbmdTdGFydChsZXZlbCwgaXNTZWFyY2hhYmxlKX1yZW0gMXJlbTtcbiAgcGFkZGluZy1ibG9jazogMC41cmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBtYXgtaGVpZ2h0OiAycmVtO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG1hcmdpbi1pbmxpbmUtZW5kOiAke2lzU2VhcmNoYWJsZSA/IFwiMC41cmVtXCIgOiBcIjBcIn07XG5cbiAgJi5zZXBhcmF0b3Ige1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke2Ryb3Bkb3duLmJvcmRlckJvdHRvbUNvbG9yfTtcbiAgfVxuXG4gIHNwYW4ge1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgLXdlYmtpdC1saW5lLWNsYW1wOiAxO1xuICAgIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7XG4gIH1cblxuICBzdmcge1xuICAgIHdpZHRoOiAzMnB4O1xuICAgIG1hcmdpbi1pbmxpbmUtZW5kOiAwLjVyZW07XG4gIH1cblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Ryb3Bkb3duLmhvdmVyQmFja2dyb3VuZENvbG9yfTtcbiAgICBib3JkZXItcmFkaXVzOiAke2lzU2VhcmNoYWJsZSA/IFwiNXB4XCIgOiBcIjBcIn07XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:DropdownTitle;")
+  );
+};
+var DropdownListItem = function DropdownListItem(_ref6, _ref7) {
+  var dropdown = _ref6.dropdown;
+  var isSearchable = _ref7.isSearchable,
+    level = _ref7.level;
+  return (
+    /*#__PURE__*/
+    /*#__PURE__*/
+    css("padding-inline:", getInlinePaddingStart(level, isSearchable), "rem 1rem;padding-block:0.5rem;display:flex;align-items:center;max-height:2rem;cursor:pointer;margin-inline-end:", isSearchable ? "0.5rem" : "0", ";&.separator{border-bottom:1px solid ", dropdown.borderBottomColor, ";}span{word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:inline-block;-webkit-line-clamp:1;-webkit-box-orient:vertical;}svg{width:32px;margin-inline-end:0.5rem;}&:hover{background-color:", dropdown.hoverBackgroundColor, ";border-radius:", isSearchable ? "5px" : "0", ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:DropdownListItem;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvSFEiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVGhlbWUsIGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5jb25zdCBnZXRJbmxpbmVQYWRkaW5nU3RhcnQgPSAobGV2ZWw6IG51bWJlciwgaXNTZWFyY2hhYmxlOiBib29sZWFuKSA9PiB7XG4gIGNvbnN0IGluaXRpYWxQYWRkaW5nID0gaXNTZWFyY2hhYmxlID8gMC4yNSA6IDE7XG5cbiAgcmV0dXJuIGluaXRpYWxQYWRkaW5nICsgbGV2ZWwgKiAwLjc1O1xufTtcblxuZXhwb3J0IGNvbnN0IERyb3Bkb3duQ29udGFpbmVyID0gKFxuICB7IGRyb3Bkb3duIH06IFRoZW1lLFxuICB7IGlzU2VhcmNoYWJsZSwgZnVsbFdpZHRoIH06IHsgaXNTZWFyY2hhYmxlOiBib29sZWFuOyBmdWxsV2lkdGg6IGJvb2xlYW4gfSxcbikgPT4gY3NzYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcblxuICAuZHJvcGRvd24td3JhcHBlciB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IDEwMDtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgYm94LXNoYWRvdzogMCAzcHggNnB4ICR7ZHJvcGRvd24uYm94U2hhZG93Q29sb3J9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZHJvcGRvd24uYmFja2dyb3VuZENvbG9yfTtcbiAgICBwYWRkaW5nOiAke2lzU2VhcmNoYWJsZSA/IFwiMC43NXJlbVwiIDogXCIwXCJ9O1xuICAgIHdpZHRoOiAke2Z1bGxXaWR0aCA/IChpc1NlYXJjaGFibGUgPyBcImF1dG9cIiA6IFwiMTAwJVwiKSA6IFwiYXV0b1wifTtcbiAgICBtYXgtd2lkdGg6ICR7ZnVsbFdpZHRoID8gXCI1MFwiIDogXCIxOS41XCJ9cmVtO1xuXG4gICAgJi5ib3R0b20tc3RhcnQge1xuICAgICAgaW5zZXQtaW5saW5lLXN0YXJ0OiAwO1xuICAgIH1cblxuICAgICYuYm90dG9tLWVuZCB7XG4gICAgICBpbnNldC1pbmxpbmUtZW5kOiAwO1xuICAgIH1cblxuICAgICYudG9wLXN0YXJ0IHtcbiAgICAgIGJvdHRvbTogMTAwJTtcbiAgICAgIGluc2V0LWlubGluZS1zdGFydDogMDtcbiAgICAgIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcbiAgICB9XG5cbiAgICAmLnRvcC1lbmQge1xuICAgICAgYm90dG9tOiAxMDAlO1xuICAgICAgaW5zZXQtaW5saW5lLWVuZDogMTAwJTtcbiAgICAgIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcbiAgICB9XG5cbiAgICAmLmVuZC10b3Age1xuICAgICAgaW5zZXQtaW5saW5lLXN0YXJ0OiAxMDAlO1xuICAgICAgdG9wOiAwO1xuICAgICAgbWFyZ2luOiAwO1xuICAgIH1cblxuICAgIC5pbnB1dC13cmFwcGVyIHtcbiAgICAgIG1pbi13aWR0aDogMThyZW07XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25MaXN0ID0gKFxuICB7IGRyb3Bkb3duLCBzY3JvbGxiYXIgfTogVGhlbWUsXG4gIHsgZnVsbFdpZHRoLCBpc1NlYXJjaGFibGUgfTogeyBmdWxsV2lkdGg6IGJvb2xlYW47IGlzU2VhcmNoYWJsZTogYm9vbGVhbiB9LFxuKSA9PiBjc3NgXG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG4gIHdpZHRoOiBtYXgtY29udGVudDtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIG1hcmdpbjogJHtpc1NlYXJjaGFibGUgPyBcIjAuNXJlbSAwIDBcIiA6IFwiMFwifTtcbiAgcGFkZGluZzogJHtpc1NlYXJjaGFibGUgPyBcIjBcIiA6IFwiMC41cmVtIDBcIn07XG4gIG1heC1oZWlnaHQ6IDIxcmVtO1xuICBvdmVyZmxvdy15OiBhdXRvO1xuICB3aWR0aDogJHtmdWxsV2lkdGggPyBcIjEwMCVcIiA6IFwiYXV0b1wifTtcbiAgbWluLXdpZHRoOiAke2Z1bGxXaWR0aCA/IFwiMnJlbVwiIDogXCIxNHJlbVwifTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuXG4gIC8qIFdvcmtzIG9uIEZpcmVmb3ggKi9cbiAgc2Nyb2xsYmFyLXdpZHRoOiA1cHg7XG4gIHNjcm9sbGJhci1jb2xvcjogJHtzY3JvbGxiYXIuY29sb3J9ICR7c2Nyb2xsYmFyLmJhY2tncm91bmR9O1xuXG4gIC8qIFdvcmtzIG9uIENocm9tZSwgRWRnZSwgYW5kIFNhZmFyaSAqL1xuICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICB3aWR0aDogNXB4O1xuICB9XG5cbiAgOjotd2Via2l0LXNjcm9sbGJhci10cmFjayB7XG4gICAgYmFja2dyb3VuZDogJHtzY3JvbGxiYXIuYmFja2dyb3VuZH07XG4gICAgYm9yZGVyLXJhZGl1czogMTBweDtcbiAgfVxuXG4gIDo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7c2Nyb2xsYmFyLmNvbG9yfTtcbiAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xuICB9XG5cbiAgLmVtcHR5LXN0YXRlIHtcbiAgICBjb2xvcjogJHtkcm9wZG93bi5lbXB0eVN0YXRlQ29sb3J9O1xuICAgIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgaGVpZ2h0OiAycmVtO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgRHJvcGRvd25UaXRsZSA9ICh7XG4gIGxldmVsLFxuICBpc1NlYXJjaGFibGUsXG59OiB7XG4gIGxldmVsOiBudW1iZXI7XG4gIGlzU2VhcmNoYWJsZTogYm9vbGVhbjtcbn0pID0+IGNzc2BcbiAgcGFkZGluZy1pbmxpbmU6ICR7Z2V0SW5saW5lUGFkZGluZ1N0YXJ0KGxldmVsLCBpc1NlYXJjaGFibGUpfXJlbSAxcmVtO1xuICBwYWRkaW5nLWJsb2NrOiAwLjI1cmVtO1xuYDtcblxuZXhwb3J0IGNvbnN0IERyb3Bkb3duTGlzdEl0ZW0gPSAoXG4gIHsgZHJvcGRvd24gfTogVGhlbWUsXG4gIHsgaXNTZWFyY2hhYmxlLCBsZXZlbCB9OiB7IGlzU2VhcmNoYWJsZTogYm9vbGVhbjsgbGV2ZWw6IG51bWJlciB9LFxuKSA9PiBjc3NgXG4gIHBhZGRpbmctaW5saW5lOiAke2dldElubGluZVBhZGRpbmdTdGFydChsZXZlbCwgaXNTZWFyY2hhYmxlKX1yZW0gMXJlbTtcbiAgcGFkZGluZy1ibG9jazogMC41cmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBtYXgtaGVpZ2h0OiAycmVtO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG1hcmdpbi1pbmxpbmUtZW5kOiAke2lzU2VhcmNoYWJsZSA/IFwiMC41cmVtXCIgOiBcIjBcIn07XG5cbiAgJi5zZXBhcmF0b3Ige1xuICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke2Ryb3Bkb3duLmJvcmRlckJvdHRvbUNvbG9yfTtcbiAgfVxuXG4gIHNwYW4ge1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgLXdlYmtpdC1saW5lLWNsYW1wOiAxO1xuICAgIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7XG4gIH1cblxuICBzdmcge1xuICAgIHdpZHRoOiAzMnB4O1xuICAgIG1hcmdpbi1pbmxpbmUtZW5kOiAwLjVyZW07XG4gIH1cblxuICAmOmhvdmVyIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Ryb3Bkb3duLmhvdmVyQmFja2dyb3VuZENvbG9yfTtcbiAgICBib3JkZXItcmFkaXVzOiAke2lzU2VhcmNoYWJsZSA/IFwiNXB4XCIgOiBcIjBcIn07XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:DropdownListItem;")
+  );
+};
+
+var filterListByKeyword = function filterListByKeyword(list, keyword) {
+  return list.reduce(function (arr, item) {
+    var items = item.items,
+      label = item.label;
+    if (items && items.length > 0) {
+      var filteredItems = filterListByKeyword(items, keyword);
+      if (filteredItems.length > 0) {
+        arr.push(_objectSpread2(_objectSpread2({}, item), {}, {
+          items: _toConsumableArray$1(filteredItems)
+        }));
+      }
+      return arr;
+    }
+    if (label.toLowerCase().includes(keyword.toLowerCase())) {
+      arr.push(item);
+    }
+    return arr;
+  }, []);
+};
+
+var dropdownWrapperClasses = function dropdownWrapperClasses(placement) {
+  return classNames({
+    "dropdown-wrapper": true,
+    "bottom-start": placement === "bottom-start",
+    "bottom-end": placement === "bottom-end",
+    "top-start": placement === "top-start",
+    "top-end": placement === "top-end",
+    "end-top": placement === "end-top"
+  });
+};
+var dropdownItemClasses = function dropdownItemClasses(item) {
+  var _classNames;
+  return classNames((_classNames = {
+    "dropdown-list-item": true
+  }, _defineProperty$1(_classNames, "".concat(item.value), true), _defineProperty$1(_classNames, "".concat(item.className), Boolean(item.className)), _classNames));
+};
+var Dropdown = function Dropdown(_ref) {
+  var list = _ref.list,
+    children = _ref.children,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? "bottom-start" : _ref$placement,
+    onListItemSelect = _ref.onListItemSelect,
+    isSearchable = _ref.isSearchable,
+    _ref$textSize = _ref.textSize,
+    textSize = _ref$textSize === void 0 ? "sm" : _ref$textSize,
+    _ref$fullWidth = _ref.fullWidth,
+    fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth;
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray$1(_useState, 2),
+    isListOpen = _useState2[0],
+    setIsListOpen = _useState2[1];
+  var _useState3 = React.useState(function () {
+      return list;
+    }),
+    _useState4 = _slicedToArray$1(_useState3, 2),
+    filteredList = _useState4[0],
+    setFilteredList = _useState4[1];
+  var wrapperRef = React.useRef(null);
+  useClickAway(function () {
+    setIsListOpen(false);
+  }, wrapperRef);
+  React.useEffect(function () {
+    setFilteredList(list);
+  }, [list]);
+  var toggleList = function toggleList() {
+    // We want to reset the dropdown list every time it opens
+    if (!isListOpen) {
+      setFilteredList(list);
+    }
+    setIsListOpen(function (prevState) {
+      return !prevState;
+    });
+  };
+  var handleListItemSelect = function handleListItemSelect(item) {
+    if (isListOpen) {
+      onListItemSelect && onListItemSelect(item);
+      setIsListOpen(false);
+    }
+  };
+  var renderItemsRecursively = function renderItemsRecursively(items) {
+    var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    return items.map(function (item) {
+      if (item.items) {
+        return jsx(React.Fragment, {
+          key: item.label
+        }, jsx("li", {
+          css: DropdownTitle({
+            level: level,
+            isSearchable: Boolean(isSearchable)
+          })
+        }, jsx(Text, {
+          fontSize: textSize,
+          weight: "700"
+        }, item.label)), renderItemsRecursively(item.items, level + 1));
+      }
+      return jsx("li", {
+        className: dropdownItemClasses(item),
+        key: "item ".concat(item.label),
+        onClick: function onClick() {
+          return handleListItemSelect(item);
+        },
+        css: function css(theme) {
+          return DropdownListItem(theme, {
+            isSearchable: Boolean(isSearchable),
+            level: level
+          });
+        }
+      }, item === null || item === void 0 ? void 0 : item.icon, jsx(Text, {
+        fontSize: textSize
+      }, item.label));
+    });
+  };
+  var handleInputChanged = function handleInputChanged(keyword) {
+    if (!keyword) setFilteredList(list);
+    setFilteredList(filterListByKeyword(list, keyword));
+  };
+  return jsx("div", {
+    css: function css(theme) {
+      return DropdownContainer(theme, {
+        isSearchable: Boolean(isSearchable),
+        fullWidth: fullWidth
+      });
+    },
+    className: "dropdown",
+    ref: wrapperRef
+  }, jsx("div", {
+    className: "dropdown-button",
+    onClick: toggleList
+  }, children), isListOpen && jsx("div", {
+    className: dropdownWrapperClasses(placement)
+  }, isSearchable && jsx(SearchInput, {
+    placeholder: "Search",
+    onInputChanged: handleInputChanged,
+    id: "dropdown-search",
+    delayBeforeSearch: 300
+  }), jsx("ul", {
+    css: function css(theme) {
+      return DropdownList(theme, {
+        fullWidth: fullWidth,
+        isSearchable: Boolean(isSearchable)
+      });
+    },
+    role: "list",
+    className: "dropdown-list"
+  }, filteredList !== null && filteredList !== void 0 && filteredList.length ? renderItemsRecursively(filteredList) : jsx("li", {
+    className: "empty-state"
+  }, jsx(Text, {
+    fontSize: "xs",
+    weight: "400"
+  }, "No match Found")))));
+};
+
 var errorContainer = function errorContainer(_ref) {
   var typeScaleSizes = _ref.typeScaleSizes,
     formElements = _ref.formElements;
@@ -25239,7 +26130,7 @@ var _excluded$8 = ["children"];
 var FormError = function FormError(_ref) {
   var children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded$8);
-  return jsx("article", _extends$f({
+  return jsx("article", _extends$g({
     css: errorContainer
   }, rest), children);
 };
@@ -25260,7 +26151,7 @@ var InputError = function InputError(_ref) {
     children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded$7);
   var InputErrorTag = as;
-  return jsx(InputErrorTag, _extends$f({
+  return jsx(InputErrorTag, _extends$g({
     css: inputError
   }, rest), children);
 };
@@ -25333,7 +26224,7 @@ var CheckboxGroup = function CheckboxGroup(_ref) {
   React.useEffect(function () {
     onChange && onChange(selectedValues);
   }, [selectedValues, onChange]);
-  return jsx("fieldset", _extends$f({
+  return jsx("fieldset", _extends$g({
     css: checkboxGroupContainer(inline)
   }, rest), jsx("legend", null, isPartiallySelected && jsx("span", {
     className: "dash"
@@ -25350,7 +26241,7 @@ var CheckboxGroup = function CheckboxGroup(_ref) {
   })), jsx("ul", null, options.map(function (option) {
     return jsx("li", {
       key: option.name
-    }, jsx(Checkbox$1, _extends$f({
+    }, jsx(Checkbox$1, _extends$g({
       id: "".concat(groupname, "-").concat(option.value),
       size: size,
       checked: selectedValues.includes(option.value),
@@ -25396,7 +26287,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$f({
+  return jsx("button", _extends$g({
     id: "radio-".concat(index),
     className: "".concat(cssClasses).concat(propHTMLClass),
     onClick: handleClick,
@@ -25419,7 +26310,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$f({
+    return jsx(RadioButton, _extends$g({
       key: option.value,
       index: index,
       size: size,
@@ -25462,14 +26353,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$f({
+  return jsx("div", _extends$g({
     css: function css(theme) {
       return radioButtonContainer(theme, {
         size: size,
         inline: inline
       });
     }
-  }, containerAttrs), jsx("input", _extends$f({
+  }, containerAttrs), jsx("input", _extends$g({
     id: id,
     type: "radio"
   }, rest)), jsx("label", {
@@ -25500,11 +26391,11 @@ var RadioGroup = function RadioGroup(_ref) {
   React.useEffect(function () {
     onChange && onChange(selectedValue);
   }, [selectedValue, onChange]);
-  return jsx("fieldset", _extends$f({
+  return jsx("fieldset", _extends$g({
     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$f({
+    return jsx(Radio, _extends$g({
       key: option.value,
       id: "".concat(groupname, "-").concat(option.value),
       size: size,
@@ -25557,7 +26448,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$f({
+  return jsx("div", _extends$g({
     css: function css(theme) {
       return selectContainer(theme, {
         size: size,
@@ -25571,7 +26462,7 @@ var Select = function Select(props, forwardedRef) {
     "aria-labelledby": id
   }, label), jsx("div", {
     className: "select-input-wrapper"
-  }, jsx("select", _extends$f({
+  }, jsx("select", _extends$g({
     ref: forwardedRef,
     onChange: onChange && function (e) {
       return onChange(e.target.value);
@@ -25614,7 +26505,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$f({
+  return jsx("div", _extends$g({
     css: function css(theme) {
       return textareaContainer(theme, {
         resize: resize
@@ -25624,7 +26515,7 @@ var Textarea = function Textarea(props, forwardedRef) {
     className: containerClassNames
   }), hasLabel && jsx(Label, {
     htmlFor: id
-  }, label), jsx("textarea", _extends$f({
+  }, label), jsx("textarea", _extends$g({
     id: id,
     ref: forwardedRef
   }, rest)));
@@ -25642,6 +26533,7 @@ exports.Checkbox = Checkbox$1;
 exports.CheckboxGroup = CheckboxGroup;
 exports.Chip = Chip;
 exports.Drawer = Drawer$1;
+exports.Dropdown = Dropdown;
 exports.FormError = FormError;
 exports.Grid = Grid;
 exports.Heading = Heading;
@@ -25670,4 +26562,4 @@ exports.defaultTheme = defaultTheme;
 exports.getDefaultExportFromCjs = getDefaultExportFromCjs;
 exports.patterns = patterns;
 exports.utils = utils;
-//# sourceMappingURL=index-5e5ea618.js.map
+//# sourceMappingURL=index-69a560b3.js.map