npm - @epignosis_llc/gnosis - Versions diffs - 5.36.6 → 5.37.0 - Mend

@epignosis_llc/gnosis 5.36.6 → 5.37.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (701) hide show

package/dist/cjs/index.js CHANGED Viewed

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.36.5
+   * @epignosis_llc/gnosis.js v5.36.7
    * Released under the MIT license.
    */
@@ -1258,14 +1258,14 @@ createCache(options
   return cache;
 };
-function _extends$o() {
-  return _extends$o = Object.assign ? Object.assign.bind() : function (n) {
+function _extends$p() {
+  return _extends$p = Object.assign ? Object.assign.bind() : function (n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends$o.apply(null, arguments);
+  }, _extends$p.apply(null, arguments);
 }
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -1957,7 +1957,7 @@ var getTheme = function getTheme(outerTheme
     return mergedTheme;
   }
-  return _extends$o({}, outerTheme, theme);
+  return _extends$p({}, outerTheme, theme);
 };
 var createCacheWithTheme = /* #__PURE__ */weakMemoize(function (outerTheme) {
@@ -2507,14 +2507,14 @@ function _defineProperty$1(e, r, t) {
     writable: !0
   }) : e[r] = t, e;
 }
-function _extends$n() {
-  return _extends$n = Object.assign ? Object.assign.bind() : function (n) {
+function _extends$o() {
+  return _extends$o = Object.assign ? Object.assign.bind() : function (n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends$n.apply(null, arguments);
+  }, _extends$o.apply(null, arguments);
 }
 function _iterableToArray$1(r) {
   if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
@@ -6678,6 +6678,12 @@ var button = {
   }
 };
+var breadcrumbs = {
+  link: colors$1.primary.base,
+  currentPath: colors$1.black,
+  separator: colors$1.secondary.base
+};
 var card = {
   background: colors$1.white,
   shadow: colors$1.secondary.light,
@@ -6915,7 +6921,8 @@ var defaultTheme$1 = {
   pagination: pagination,
   dropdown: dropdown,
   scrollbar: scrollbar,
-  statusTag: statusTag
+  statusTag: statusTag,
+  breadcrumbs: breadcrumbs
 };
 var uncurryThis$a = functionUncurryThis;
@@ -13038,7 +13045,7 @@ var Loader = function Loader(_ref) {
   var _useTheme = useTheme(),
     loader = _useTheme.loader;
   var Loader = type === "pulse" ? PulseLoader : ClipLoader;
-  return jsx("div", _extends$n({
+  return jsx("div", _extends$o({
     css: function css() {
       return container$7({
         fullScreen: fullScreen
@@ -13177,7 +13184,7 @@ var Button = function Button(props) {
   var containerClassNames = classNames$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, className, Boolean(className)), "disabled", disabled || isLoading), "rounded", rounded), "solid", variant === "solid"), "outline", variant === "outline"), "ghost", variant === "ghost"), "linkButton", variant === "link"), "icon-after", SuffixIcon), "icon-before", PrefixIcon), "underlined", underlined));
   return jsx(LazyMotion, {
     features: domAnimation
-  }, jsx(Component, _extends$n({
+  }, jsx(Component, _extends$o({
     css: function css(theme) {
       return btnContainer(theme, {
         color: color,
@@ -13212,13 +13219,13 @@ var Button = function Button(props) {
   })));
 };
-var _path$k, _path2$b;
-function _extends$m() { return _extends$m = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$m.apply(null, arguments); }
+var _path$l, _path2$b;
+function _extends$n() { return _extends$n = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$n.apply(null, arguments); }
 function SvgCloseCircled(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24"
-  }, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$l || (_path$l = /*#__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$b || (_path2$b = /*#__PURE__*/React__namespace.createElement("path", {
@@ -13227,13 +13234,13 @@ function SvgCloseCircled(props) {
   })));
 }
-var _path$j, _path2$a;
-function _extends$l() { return _extends$l = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$l.apply(null, arguments); }
+var _path$k, _path2$a;
+function _extends$m() { return _extends$m = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$m.apply(null, arguments); }
 function SvgInfoCircled(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20"
-  }, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Rectangle 1155",
     fill: "#fff",
     d: "M0 0h20v20H0z"
@@ -13244,13 +13251,13 @@ function SvgInfoCircled(props) {
   })));
 }
-var _path$i, _path2$9;
-function _extends$k() { return _extends$k = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$k.apply(null, arguments); }
+var _path$j, _path2$9;
+function _extends$l() { return _extends$l = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$l.apply(null, arguments); }
 function SvgMagnifier(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24"
-  }, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "none",
     d: "M0 0h24v24H0z"
   })), _path2$9 || (_path2$9 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -13259,13 +13266,13 @@ function SvgMagnifier(props) {
   })));
 }
-var _path$h, _path2$8;
-function _extends$j() { return _extends$j = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$j.apply(null, arguments); }
+var _path$i, _path2$8;
+function _extends$k() { return _extends$k = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$k.apply(null, arguments); }
 function SvgClose(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16"
-  }, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "none",
     d: "M0 0h16v16H0z"
   })), _path2$8 || (_path2$8 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -13274,42 +13281,42 @@ function SvgClose(props) {
   })));
 }
-var _path$g;
-function _extends$i() { return _extends$i = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$i.apply(null, arguments); }
+var _path$h;
+function _extends$j() { return _extends$j = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$j.apply(null, arguments); }
 function SvgCloseModal(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M17.405 15.992l4.286-4.281a1.003 1.003 0 00-.712-1.695 1 1 0 00-.703.278L16 14.584l-4.275-4.29a1 1 0 00-1.633 1.092c.05.121.124.232.217.325l4.286 4.281-4.286 4.282a1.001 1.001 0 101.415 1.417L16 17.399l4.276 4.292a1.001 1.001 0 101.415-1.417l-4.286-4.282z",
     fill: "#000"
   })));
 }
-var _path$f;
-function _extends$h() { return _extends$h = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$h.apply(null, arguments); }
+var _path$g;
+function _extends$i() { return _extends$i = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$i.apply(null, arguments); }
 function SvgAddOperator(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
     "aria-hidden": "true",
     "data-prefix": "fas",
     "data-icon": "plus",
     className: "add-operator_svg__svg-inline--fa add-operator_svg__fa-plus add-operator_svg__fa-w-14",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 448 512"
-  }, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "currentColor",
     d: "M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
   })));
 }
-var _path$e, _path2$7;
-function _extends$g() { return _extends$g = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$g.apply(null, arguments); }
+var _path$f, _path2$7;
+function _extends$h() { return _extends$h = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$h.apply(null, arguments); }
 function SvgInfo(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 32 32"
-  }, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Rectangle 1744",
     fill: "none",
     d: "M0 0h32v32H0z"
@@ -13320,13 +13327,13 @@ function SvgInfo(props) {
   })));
 }
-var _path$d, _path2$6;
-function _extends$f() { return _extends$f = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$f.apply(null, arguments); }
+var _path$e, _path2$6;
+function _extends$g() { return _extends$g = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$g.apply(null, arguments); }
 function SvgDanger(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 32 32"
-  }, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Rectangle 1740",
     fill: "none",
     d: "M0 0h32v32H0z"
@@ -13337,13 +13344,13 @@ function SvgDanger(props) {
   })));
 }
-var _path$c, _path2$5;
-function _extends$e() { return _extends$e = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$e.apply(null, arguments); }
+var _path$d, _path2$5;
+function _extends$f() { return _extends$f = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$f.apply(null, arguments); }
 function SvgSuccess(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 32 32"
-  }, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Rectangle 1742",
     fill: "none",
     d: "M0 0h32v32H0z"
@@ -13354,13 +13361,13 @@ function SvgSuccess(props) {
   })));
 }
-var _path$b, _path2$4;
-function _extends$d() { return _extends$d = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$d.apply(null, arguments); }
+var _path$c, _path2$4;
+function _extends$e() { return _extends$e = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$e.apply(null, arguments); }
 function SvgWarning(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 32 32"
-  }, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Rectangle 1741",
     fill: "none",
     d: "M0 0h32v32H0z"
@@ -13372,9 +13379,9 @@ function SvgWarning(props) {
 }
 var _g;
-function _extends$c() { return _extends$c = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$c.apply(null, arguments); }
+function _extends$d() { return _extends$d = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$d.apply(null, arguments); }
 function SvgHamburger(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
     "data-name": "Layer 2",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 32 32"
@@ -13389,13 +13396,13 @@ function SvgHamburger(props) {
   }))));
 }
-var _path$a, _path2$3;
-function _extends$b() { return _extends$b = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$b.apply(null, arguments); }
+var _path$b, _path2$3;
+function _extends$c() { return _extends$c = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$c.apply(null, arguments); }
 function SvgArrowRight(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24"
-  }, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "none",
     d: "M0 0h24v24H0z"
   })), _path2$3 || (_path2$3 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -13404,13 +13411,13 @@ function SvgArrowRight(props) {
   })));
 }
-var _path$9, _path2$2;
-function _extends$a() { return _extends$a = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$a.apply(null, arguments); }
+var _path$a, _path2$2;
+function _extends$b() { return _extends$b = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$b.apply(null, arguments); }
 function SvgArrowLeft(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24"
-  }, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "none",
     d: "M0 0h24v24H0z"
   })), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -13419,79 +13426,79 @@ function SvgArrowLeft(props) {
   })));
 }
-var _path$8;
-function _extends$9() { return _extends$9 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$9.apply(null, arguments); }
+var _path$9;
+function _extends$a() { return _extends$a = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$a.apply(null, arguments); }
 function SvgChevronArrowLineLeft(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
     xmlns: "http://www.w3.org/2000/svg",
     width: 10,
     height: 12,
     fill: "currentColor"
-  }, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M3.185 6.48a.663.663 0 010-.94L8.513.207a.666.666 0 01.94.94L4.6 6.007l4.859 4.86a.666.666 0 01-.94.94L3.184 6.48zM.345.638v10.735a.638.638 0 001.278 0V.64A.638.638 0 00.346.638z"
   })));
 }
-var _path$7;
-function _extends$8() { return _extends$8 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$8.apply(null, arguments); }
+var _path$8;
+function _extends$9() { return _extends$9 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$9.apply(null, arguments); }
 function SvgChevronArrowLineRight(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
     xmlns: "http://www.w3.org/2000/svg",
     width: 10,
     height: 14,
     fill: "currentColor"
-  }, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M6.814 6.527c.261.26.261.682 0 .94L1.486 12.8a.666.666 0 01-.94-.94L5.401 7l-4.86-4.86a.666.666 0 01.94-.94l5.332 5.326zm2.84 5.841V1.634a.638.638 0 00-1.277 0v10.732a.638.638 0 001.276.002z"
   })));
 }
-var _path$6;
-function _extends$7() { return _extends$7 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$7.apply(null, arguments); }
+var _path$7;
+function _extends$8() { return _extends$8 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$8.apply(null, arguments); }
 function SvgChevronArrowLeft(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
     xmlns: "http://www.w3.org/2000/svg",
     width: 32,
     height: 32,
     fill: "currentColor"
-  }, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M12.22 16.474a.614.614 0 010-.942l5.998-5.336a.814.814 0 011.059 0 .616.616 0 010 .942l-5.467 4.861 5.47 4.864a.614.614 0 010 .942.817.817 0 01-1.06 0l-6-5.33z"
   })));
 }
-var _path$5;
-function _extends$6() { return _extends$6 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$6.apply(null, arguments); }
+var _path$6;
+function _extends$7() { return _extends$7 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$7.apply(null, arguments); }
 function SvgChevronArrowRight(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
     xmlns: "http://www.w3.org/2000/svg",
     width: 32,
     height: 32,
     fill: "currentColor"
-  }, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M19.28 15.526a.614.614 0 010 .942l-5.998 5.336a.814.814 0 01-1.059 0 .616.616 0 010-.942l5.467-4.861-5.47-4.864a.614.614 0 010-.942.817.817 0 011.06 0l6 5.33z"
   })));
 }
-var _path$4;
-function _extends$5() { return _extends$5 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$5.apply(null, arguments); }
+var _path$5;
+function _extends$6() { return _extends$6 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$6.apply(null, arguments); }
 function SvgChevronArrowDown(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
     width: 12,
     height: 8,
     fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M11.81 2.15L6.493 7.238a.772.772 0 01-.486.211.707.707 0 01-.462-.186L.206 2.146a.667.667 0 01.923-.963l4.878 4.68 4.878-4.674a.666.666 0 01.923.96h.001z"
   })));
 }
-var _path$3, _path2$1;
-function _extends$4() { return _extends$4 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$4.apply(null, arguments); }
+var _path$4, _path2$1;
+function _extends$5() { return _extends$5 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$5.apply(null, arguments); }
 function SvgIconChevronDown(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
     "data-name": "Icon-Chevron Down",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 32 32"
-  }, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Rectangle 8037",
     fill: "none",
     d: "M0 0h32v32H0z"
@@ -13500,14 +13507,14 @@ function SvgIconChevronDown(props) {
   })));
 }
-var _path$2, _path2;
-function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
+var _path$3, _path2;
+function _extends$4() { return _extends$4 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$4.apply(null, arguments); }
 function SvgIconChevronUp(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
     "data-name": "Icon-Chevron Down",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 32 32"
-  }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Rectangle 8037",
     fill: "none",
     d: "M0 0h32v32H0z"
@@ -13516,6 +13523,19 @@ function SvgIconChevronUp(props) {
   })));
 }
+var _path$2;
+function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
+function SvgArrowRightChevron(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M19.28 15.526a.614.614 0 010 .942l-5.998 5.336a.814.814 0 01-1.059 0 .616.616 0 010-.942l5.467-4.861-5.47-4.864a.614.614 0 010-.942.817.817 0 011.06 0l6 5.33z",
+    fill: "currentColor"
+  })));
+}
 var _path$1;
 function _extends$2() { return _extends$2 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2.apply(null, arguments); }
 function SvgIconCaretRight(props) {
@@ -17283,12 +17303,12 @@ var Tooltip = function Tooltip(_ref) {
   var tagProps = _objectSpread2$1({
     role: "tooltip"
   }, parentProps);
-  return jsx(Tippy, _extends$n({
+  return jsx(Tippy, _extends$o({
     placement: placement,
     interactive: interactive,
     appendTo: document.body,
     render: function render(attrs) {
-      return jsx("div", _extends$n({
+      return jsx("div", _extends$o({
         className: "tooltip",
         css: function css(theme) {
           return tooltipContainer(maxWidth, theme);
@@ -17353,7 +17373,7 @@ var Chip = function Chip(_ref) {
   var isFilterOn = Boolean(Icon);
   var componentRef = React.useRef(null);
   var isOverflow = useIsOverflowX(componentRef);
-  return jsx("div", _extends$n({
+  return jsx("div", _extends$o({
     css: function css(theme) {
       var _ref2;
       return chip(theme, {
@@ -17423,7 +17443,7 @@ var Avatar = function Avatar(_ref) {
     alt = _ref.alt,
     children = _ref.children,
     rest = _objectWithoutProperties$1(_ref, _excluded$C);
-  return jsx("figure", _extends$n({
+  return jsx("figure", _extends$o({
     css: function css(theme) {
       return avatar(theme, {
         size: size,
@@ -17449,7 +17469,7 @@ var Tag = function Tag(_ref) {
   var children = _ref.children,
     style = _ref.style,
     rest = _objectWithoutProperties$1(_ref, _excluded$B);
-  return jsx("span", _extends$n({
+  return jsx("span", _extends$o({
     css: tag,
     style: style
   }, rest), children);
@@ -17482,7 +17502,7 @@ var Badge = function Badge(_ref) {
     "has-content": badgeContent,
     "big-content": badgeContent && badgeContent.length >= 3
   });
-  return jsx("div", _extends$n({
+  return jsx("div", _extends$o({
     css: function css(theme) {
       return container$6(theme, {
         size: size,
@@ -17490,7 +17510,7 @@ var Badge = function Badge(_ref) {
       });
     },
     className: containerClassNames
-  }, containerAttrs), jsx("span", _extends$n({
+  }, containerAttrs), jsx("span", _extends$o({
     className: "content-container"
   }, rest), badgeContent), children);
 };
@@ -18477,7 +18497,7 @@ var Alert = function Alert(_ref) {
     onClose = _ref.onClose,
     Icon = _ref.icon,
     rest = _objectWithoutProperties$1(_ref, _excluded$z);
-  return jsx("div", _extends$n({
+  return jsx("div", _extends$o({
     css: function css(theme) {
       return container$5(theme, {
         type: type
@@ -18514,7 +18534,7 @@ var Text = function Text(_ref) {
     as = _ref$as === void 0 ? "span" : _ref$as,
     rest = _objectWithoutProperties$1(_ref, _excluded$y);
   var Tag = as;
-  return jsx(Tag, _extends$n({
+  return jsx(Tag, _extends$o({
     "data-testid": "text-component",
     css: function css(theme) {
       return textContainer(theme, weight, fontSize);
@@ -18531,10 +18551,11 @@ var progressBarSize = {
 var container$4 = function container(_ref, _ref2) {
   var progressBar = _ref.progressBar;
   var percent = _ref2.percent,
+    showPercentage = _ref2.showPercentage,
     size = _ref2.size,
     rounded = _ref2.rounded,
     color = _ref2.color;
-  return /*#__PURE__*/ /*#__PURE__*/css$2("display:flex;flex-direction:column;gap:0.5em;.label{color:", progressBar[color].textColor, ";}.percentage-container{position:relative;height:", progressBarSize[size], ";width:100%;background-color:", progressBar[color].background, ";", rounded && "border-radius: 5px", ";overflow:hidden;&::after{content:\" \";position:absolute;top:0;inset-inline-start:0;height:100%;min-width:", percent ? "20%" : "0%", ";width:", percent, "%;background-color:", progressBar[color].progressBackground, ";}div{position:absolute;z-index:1;height:100%;width:", percent - 5, "%;max-width:95%;min-width:", percent ? "13%" : "0%", ";display:flex;padding-inline-start:1rem;justify-content:flex-end;align-items:center;color:", progressBar[color].percentColor, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:container;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQlkiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQ29sb3IsIFNpemUgfSBmcm9tIFwiLi9Qcm9ncmVzc0JhclwiO1xuXG5jb25zdCBwcm9ncmVzc0JhclNpemUgPSB7XG4gIHhzOiBcIjNweFwiLFxuICBzbTogXCI1cHhcIixcbiAgbWQ6IFwiMjhweFwiLFxuICBsZzogXCI0MHB4XCIsXG59O1xuXG5leHBvcnQgY29uc3QgY29udGFpbmVyID0gKFxuICB7IHByb2dyZXNzQmFyIH06IFRoZW1lLFxuICB7XG4gICAgcGVyY2VudCxcbiAgICBzaXplLFxuICAgIHJvdW5kZWQsXG4gICAgY29sb3IsXG4gIH06IHsgcGVyY2VudDogbnVtYmVyOyBzaXplOiBTaXplOyByb3VuZGVkOiBib29sZWFuOyBjb2xvcjogQ29sb3IgfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBnYXA6IDAuNWVtO1xuXG4gICAgLmxhYmVsIHtcbiAgICAgIGNvbG9yOiAke3Byb2dyZXNzQmFyW2NvbG9yXS50ZXh0Q29sb3J9O1xuICAgIH1cblxuICAgIC5wZXJjZW50YWdlLWNvbnRhaW5lciB7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBoZWlnaHQ6ICR7cHJvZ3Jlc3NCYXJTaXplW3NpemVdfTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9ncmVzc0Jhcltjb2xvcl0uYmFja2dyb3VuZH07XG4gICAgICAke3JvdW5kZWQgJiYgXCJib3JkZXItcmFkaXVzOiA1cHhcIn07XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gICAgICAmOjphZnRlciB7XG4gICAgICAgIGNvbnRlbnQ6IFwiIFwiO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgaW5zZXQtaW5saW5lLXN0YXJ0OiAwO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIG1pbi13aWR0aDogJHtwZXJjZW50ID8gXCIyMCVcIiA6IFwiMCVcIn07XG4gICAgICAgIHdpZHRoOiAke3BlcmNlbnR9JTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9ncmVzc0Jhcltjb2xvcl0ucHJvZ3Jlc3NCYWNrZ3JvdW5kfTtcbiAgICAgIH1cblxuICAgICAgZGl2IHtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIHdpZHRoOiAke3BlcmNlbnQgLSA1fSU7XG4gICAgICAgIG1heC13aWR0aDogOTUlO1xuICAgICAgICBtaW4td2lkdGg6ICR7cGVyY2VudCA/IFwiMTMlXCIgOiBcIjAlXCJ9O1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBwYWRkaW5nLWlubGluZS1zdGFydDogMXJlbTtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgY29sb3I6ICR7cHJvZ3Jlc3NCYXJbY29sb3JdLnBlcmNlbnRDb2xvcn07XG4gICAgICB9XG4gICAgfVxuICBgO1xufTtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:container;");
+  return /*#__PURE__*/ /*#__PURE__*/css$2("display:flex;flex-direction:column;gap:0.5em;.label{color:", progressBar[color].textColor, ";}.percentage-container{position:relative;height:", progressBarSize[size], ";width:100%;background-color:", progressBar[color].background, ";", rounded && "border-radius: 5px", ";overflow:hidden;&::after{content:\" \";position:absolute;top:0;inset-inline-start:0;height:100%;min-width:", showPercentage && percent ? "20%" : "0%", ";width:", percent, "%;background-color:", progressBar[color].progressBackground, ";}div{position:absolute;z-index:1;height:100%;width:", percent - 5, "%;max-width:95%;min-width:", percent ? "13%" : "0%", ";display:flex;padding-inline-start:1rem;justify-content:flex-end;align-items:center;color:", progressBar[color].percentColor, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:container;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQlkiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgQ29sb3IsIFNpemUgfSBmcm9tIFwiLi9Qcm9ncmVzc0JhclwiO1xuXG5jb25zdCBwcm9ncmVzc0JhclNpemUgPSB7XG4gIHhzOiBcIjNweFwiLFxuICBzbTogXCI1cHhcIixcbiAgbWQ6IFwiMjhweFwiLFxuICBsZzogXCI0MHB4XCIsXG59O1xuXG5leHBvcnQgY29uc3QgY29udGFpbmVyID0gKFxuICB7IHByb2dyZXNzQmFyIH06IFRoZW1lLFxuICB7XG4gICAgcGVyY2VudCxcbiAgICBzaG93UGVyY2VudGFnZSxcbiAgICBzaXplLFxuICAgIHJvdW5kZWQsXG4gICAgY29sb3IsXG4gIH06IHsgcGVyY2VudDogbnVtYmVyOyBzaG93UGVyY2VudGFnZTogYm9vbGVhbjsgc2l6ZTogU2l6ZTsgcm91bmRlZDogYm9vbGVhbjsgY29sb3I6IENvbG9yIH0sXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgcmV0dXJuIGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgZ2FwOiAwLjVlbTtcblxuICAgIC5sYWJlbCB7XG4gICAgICBjb2xvcjogJHtwcm9ncmVzc0Jhcltjb2xvcl0udGV4dENvbG9yfTtcbiAgICB9XG5cbiAgICAucGVyY2VudGFnZS1jb250YWluZXIge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgaGVpZ2h0OiAke3Byb2dyZXNzQmFyU2l6ZVtzaXplXX07XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvZ3Jlc3NCYXJbY29sb3JdLmJhY2tncm91bmR9O1xuICAgICAgJHtyb3VuZGVkICYmIFwiYm9yZGVyLXJhZGl1czogNXB4XCJ9O1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICBjb250ZW50OiBcIiBcIjtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICB0b3A6IDA7XG4gICAgICAgIGluc2V0LWlubGluZS1zdGFydDogMDtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBtaW4td2lkdGg6ICR7c2hvd1BlcmNlbnRhZ2UgJiYgcGVyY2VudCA/IFwiMjAlXCIgOiBcIjAlXCJ9O1xuICAgICAgICB3aWR0aDogJHtwZXJjZW50fSU7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvZ3Jlc3NCYXJbY29sb3JdLnByb2dyZXNzQmFja2dyb3VuZH07XG4gICAgICB9XG5cbiAgICAgIGRpdiB7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgei1pbmRleDogMTtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICB3aWR0aDogJHtwZXJjZW50IC0gNX0lO1xuICAgICAgICBtYXgtd2lkdGg6IDk1JTtcbiAgICAgICAgbWluLXdpZHRoOiAke3BlcmNlbnQgPyBcIjEzJVwiIDogXCIwJVwifTtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IDFyZW07XG4gICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGNvbG9yOiAke3Byb2dyZXNzQmFyW2NvbG9yXS5wZXJjZW50Q29sb3J9O1xuICAgICAgfVxuICAgIH1cbiAgYDtcbn07XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:container;");
 };
 var _excluded$x = ["percent", "size", "color", "rounded", "labelBefore", "labelAfter"];
@@ -18550,10 +18571,11 @@ var ProgressBar = function ProgressBar(_ref) {
     labelAfter = _ref.labelAfter,
     rest = _objectWithoutProperties$1(_ref, _excluded$x);
   var showPercentage = percent >= 0 && percent <= 100 && size !== "sm" && size !== "xs";
-  return jsx("div", _extends$n({
+  return jsx("div", _extends$o({
     css: function css(theme) {
       return container$4(theme, {
         percent: percent,
+        showPercentage: showPercentage,
         size: size,
         rounded: rounded,
         color: color
@@ -21321,7 +21343,7 @@ var Heading = function Heading(_ref) {
     rest = _objectWithoutProperties$1(_ref, _excluded$w);
   var HeadingTag = as;
   var selectedSize = size || SIZES[as];
-  return jsx(HeadingTag, _extends$n({
+  return jsx(HeadingTag, _extends$o({
     css: function css(theme) {
       return headingContainer(theme, {
         size: selectedSize
@@ -21369,7 +21391,7 @@ var Header$2 = function Header(_ref) {
   var title = typeof children === "string" ? jsx(Heading, {
     size: "md"
   }, children) : children;
-  return jsx("header", _extends$n({
+  return jsx("header", _extends$o({
     css: modalHeader,
     "data-testid": "modal-header"
   }, rest), jsx("div", null, title), onClose && jsx("a", {
@@ -21385,14 +21407,14 @@ var Header$2 = function Header(_ref) {
 var Body$3 = function Body(_ref2) {
   var children = _ref2.children,
     rest = _objectWithoutProperties$1(_ref2, _excluded2$3);
-  return jsx("article", _extends$n({
+  return jsx("article", _extends$o({
     css: modalContent
   }, rest), children);
 };
 var Footer$1 = function Footer(_ref3) {
   var children = _ref3.children,
     rest = _objectWithoutProperties$1(_ref3, _excluded3);
-  return jsx("footer", _extends$n({
+  return jsx("footer", _extends$o({
     css: modalFooter,
     "data-testid": "modal-footer"
   }, rest), children);
@@ -21797,7 +21819,7 @@ var Pagination = function Pagination(_ref) {
   var rtlClass = classNames$1({
     isRtl: isRtl
   });
-  return jsx("div", _extends$n({
+  return jsx("div", _extends$o({
     css: function css(theme) {
       return container$3(theme);
     }
@@ -22035,7 +22057,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$n({
+  return jsx("section", _extends$o({
     css: container$2
   }, rest), jsx("div", {
     className: "nav-wrapper",
@@ -22134,7 +22156,7 @@ var Result = function Result(_ref) {
     md = _useResponsive.md;
   var Icon = icon;
   var iconSize = getIconSize(md);
-  return jsx("article", _extends$n({
+  return jsx("article", _extends$o({
     "data-testid": "empty-state-container",
     css: function css(theme) {
       return container$1(theme, {
@@ -22324,7 +22346,7 @@ var Drawer$1 = function Drawer(props) {
   }, [isOpen, onClose]);
   var drawer = jsx(LazyMotion, {
     features: domAnimation
-  }, jsx(AnimatePresence, null, isOpen && jsx("div", _extends$n({
+  }, jsx(AnimatePresence, null, isOpen && jsx("div", _extends$o({
     css: function css(theme) {
       return drawerContainer$1(theme, width);
     },
@@ -22510,7 +22532,7 @@ var Sidebar = function Sidebar(_ref) {
   }
   return jsx(LazyMotion, {
     features: domAnimation
-  }, jsx(m.nav, _extends$n({
+  }, jsx(m.nav, _extends$o({
     css: function css(theme) {
       return mainNavContainer(theme, expandedWidth);
     },
@@ -22589,7 +22611,7 @@ var AspectRatio = function AspectRatio(_ref) {
     children = _ref.children,
     rest = _objectWithoutProperties$1(_ref, _excluded$p);
   var paddingPercentage = ratio[1] / ratio[0] * 100;
-  return jsx("div", _extends$n({
+  return jsx("div", _extends$o({
     css: aspectRatioContainer(paddingPercentage)
   }, rest), jsx("div", {
     className: "aspect-ratio-wrapper"
@@ -22608,7 +22630,7 @@ var CardHeader = function CardHeader(_ref) {
 };
 var Thumbnail = function Thumbnail(props) {
-  return jsx("img", _extends$n({
+  return jsx("img", _extends$o({
     css: thumbnailContainer
   }, props));
 };
@@ -22735,7 +22757,7 @@ var Card = function Card(_ref) {
     rest = _objectWithoutProperties$1(_ref, _excluded$o);
   return jsx(LazyMotion, {
     features: domAnimation
-  }, jsx(AnimatePresence, null, jsx(m.article, _extends$n({
+  }, jsx(AnimatePresence, null, jsx(m.article, _extends$o({
     initial: "rest",
     whileHover: !disableHover ? "hover" : {},
     css: cardContainer,
@@ -22903,7 +22925,7 @@ var Grid = function Grid(props) {
     rest = _objectWithoutProperties$1(props, _excluded$n);
   var templateColumnAttrs = generateGridValues(templateColumns);
   var Component = as;
-  return jsx(Component, _extends$n({
+  return jsx(Component, _extends$o({
     css: gridContainer({
       templateColumns: templateColumnAttrs,
       gap: gap,
@@ -22930,7 +22952,7 @@ var Item = function Item(props) {
   var rowStartAttrs = generateGridValues(rowStart);
   var rowEndAttrs = generateGridValues(rowEnd);
   var Component = as;
-  return jsx(Component, _extends$n({
+  return jsx(Component, _extends$o({
     css: gridItem({
       colSpan: colSpanAttrs,
       colStart: colStartAttrs,
@@ -23141,7 +23163,7 @@ var Checkbox = function Checkbox(props, ref) {
     _props$readOnly = props.readOnly,
     readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
     rest = _objectWithoutProperties$1(props, _excluded$m);
-  return jsx("div", _extends$n({
+  return jsx("div", _extends$o({
     ref: ref,
     css: function css(theme) {
       return checkboxContainer(theme, {
@@ -23153,7 +23175,7 @@ var Checkbox = function Checkbox(props, ref) {
   }, containerAttrs), isPartiallySelected && jsx("span", {
     "data-testid": "is-partially-selected",
     className: "dash"
-  }), jsx("input", _extends$n({
+  }), jsx("input", _extends$o({
     id: id,
     type: "checkbox",
     readOnly: readOnly
@@ -23213,7 +23235,7 @@ var Cell = function Cell(_ref) {
       if (el) setIsOverflowActive(el.offsetWidth < el.scrollWidth);
     }
   }, [windowWidth, windowHeight]);
-  return jsx(Component, _extends$n({
+  return jsx(Component, _extends$o({
     ref: componentRef,
     style: style,
     onClick: onClick
@@ -23641,10 +23663,10 @@ var Table = function Table(props, ref) {
     "data-testid": id
   }, jsx("table", {
     className: containerClassNames
-  }, jsx(Header, _extends$n({
+  }, jsx(Header, _extends$o({
     state: state,
     dispatch: dispatch
-  }, props)), jsx(Body, _extends$n({
+  }, props)), jsx(Body, _extends$o({
     state: state,
     dispatch: dispatch
   }, props))));
@@ -23818,7 +23840,7 @@ var Label = function Label(_ref) {
     size = _ref$size === void 0 ? "md" : _ref$size,
     children = _ref.children,
     rest = _objectWithoutProperties$1(_ref, _excluded$k);
-  return jsx("label", _extends$n({
+  return jsx("label", _extends$o({
     css: function css(theme) {
       return label(theme, {
         size: size
@@ -24078,7 +24100,7 @@ var Input$2 = function Input(_ref, forwardedRef) {
     setFocus();
   };
   var shouldRenderTooltip = tooltipContent && typeof tooltipContent === "string" && tooltipContent !== "" || /*#__PURE__*/React.isValidElement(tooltipContent);
-  return jsx("div", _extends$n({
+  return jsx("div", _extends$o({
     css: function css(theme) {
       return inputContainer(theme, {
         size: size,
@@ -24110,7 +24132,7 @@ var Input$2 = function Input(_ref, forwardedRef) {
     "data-testid": "input-icon-before"
   }, jsx(IconBefore, {
     height: iconHeight
-  })), jsx("input", _extends$n({
+  })), jsx("input", _extends$o({
     value: value,
     ref: internalRef,
     id: id,
@@ -24177,7 +24199,7 @@ var SearchInput = function SearchInput(_ref) {
     onInputChanged("");
     setSearchValue("");
   };
-  return jsx("div", _extends$n({
+  return jsx("div", _extends$o({
     css: searchInputContainer
   }, rest), jsx(Input$3, {
     id: id,
@@ -24532,7 +24554,7 @@ var Dropdown = function Dropdown(_ref) {
       setFilteredList(list);
     }, 100);
   };
-  return jsx("div", _extends$n({
+  return jsx("div", _extends$o({
     css: function css(theme) {
       return DropdownContainer(theme, {
         isSearchable: Boolean(isSearchable),
@@ -24607,6 +24629,56 @@ var StatusTag = function StatusTag(_ref) {
   }, text));
 };
+var breadcrumbsStyles = function breadcrumbsStyles(_ref) {
+  var breadcrumbs = _ref.breadcrumbs,
+    typeScaleSizes = _ref.typeScaleSizes;
+  return /*#__PURE__*/ /*#__PURE__*/css$2("display:flex;align-items:center;font-size:", typeScaleSizes["sm"], ";&.breadcrumbs__list{display:flex;padding:0;margin:0;list-style:none;}& .breadcrumbs__item{display:flex;align-items:center;}& .breadcrumbs__link{text-decoration:none;color:", breadcrumbs.link, ";&.breadcrumbs__link--current{color:", breadcrumbs.currentPath, ";pointer-events:none;}}& .breadcrumbs__separator{display:flex;color:", breadcrumbs.separator, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:breadcrumbsStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRUyIsImZpbGUiOiJzdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5cbmV4cG9ydCBjb25zdCBicmVhZGNydW1ic1N0eWxlcyA9ICh7XG4gIGJyZWFkY3J1bWJzLFxuICB0eXBlU2NhbGVTaXplcyxcbn06IHtcbiAgYnJlYWRjcnVtYnM6IFRoZW1lW1wiYnJlYWRjcnVtYnNcIl07XG4gIHR5cGVTY2FsZVNpemVzOiBUaGVtZVtcInR5cGVTY2FsZVNpemVzXCJdO1xufSkgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmb250LXNpemU6ICR7dHlwZVNjYWxlU2l6ZXNbXCJzbVwiXX07XG5cbiAgJi5icmVhZGNydW1ic19fbGlzdCB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG1hcmdpbjogMDtcbiAgICBsaXN0LXN0eWxlOiBub25lO1xuICB9XG5cbiAgJiAuYnJlYWRjcnVtYnNfX2l0ZW0ge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgfVxuXG4gICYgLmJyZWFkY3J1bWJzX19saW5rIHtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgY29sb3I6ICR7YnJlYWRjcnVtYnMubGlua307XG5cbiAgICAmLmJyZWFkY3J1bWJzX19saW5rLS1jdXJyZW50IHtcbiAgICAgIGNvbG9yOiAke2JyZWFkY3J1bWJzLmN1cnJlbnRQYXRofTtcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIH1cbiAgfVxuXG4gICYgLmJyZWFkY3J1bWJzX19zZXBhcmF0b3Ige1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgY29sb3I6ICR7YnJlYWRjcnVtYnMuc2VwYXJhdG9yfTtcbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:breadcrumbsStyles;");
+};
+var Breadcrumbs = function Breadcrumbs(_ref) {
+  var items = _ref.items,
+    _ref$highlightActiveP = _ref.highlightActivePage,
+    highlightActivePage = _ref$highlightActiveP === void 0 ? false : _ref$highlightActiveP,
+    _ref$navAriaLabel = _ref.navAriaLabel,
+    navAriaLabel = _ref$navAriaLabel === void 0 ? "Breadcrumb navigation" : _ref$navAriaLabel,
+    _ref$linkAriaLabel = _ref.linkAriaLabel,
+    linkAriaLabel = _ref$linkAriaLabel === void 0 ? function (label) {
+      return "Breadcrumb link to ".concat(label);
+    } : _ref$linkAriaLabel;
+  return jsx("nav", {
+    "aria-label": navAriaLabel
+  }, jsx("ul", {
+    "data-testid": "breadcrumbs",
+    className: "breadcrumbs__list",
+    css: function css(theme) {
+      return breadcrumbsStyles(theme);
+    }
+  }, items.map(function (item, index) {
+    var isLast = index === items.length - 1;
+    return jsx("li", {
+      key: item.label,
+      "data-testid": "breadcrumb-item",
+      className: classNames$1("breadcrumbs__item", {
+        "breadcrumbs__item--current": highlightActivePage && isLast
+      })
+    }, jsx("a", {
+      "aria-label": linkAriaLabel(item.label),
+      "aria-current": highlightActivePage && isLast ? "page" : undefined,
+      href: item.href,
+      onClick: item.onClick,
+      className: classNames$1("breadcrumbs__link", {
+        "breadcrumbs__link--current": highlightActivePage && isLast
+      })
+    }, item.label), !isLast && jsx("span", {
+      "aria-hidden": "true",
+      className: "breadcrumbs__separator"
+    }, jsx(SvgArrowRightChevron, {
+      height: "32",
+      "data-testid": "arrow-icon"
+    })));
+  })));
+};
 var errorContainer = function errorContainer(_ref) {
   var typeScaleSizes = _ref.typeScaleSizes,
     formElements = _ref.formElements;
@@ -24617,7 +24689,7 @@ var _excluded$g = ["children"];
 var FormError = function FormError(_ref) {
   var children = _ref.children,
     rest = _objectWithoutProperties$1(_ref, _excluded$g);
-  return jsx("article", _extends$n({
+  return jsx("article", _extends$o({
     css: errorContainer
   }, rest), children);
 };
@@ -24634,7 +24706,7 @@ var InputError = function InputError(_ref) {
     children = _ref.children,
     rest = _objectWithoutProperties$1(_ref, _excluded$f);
   var InputErrorTag = as;
-  return jsx(InputErrorTag, _extends$n({
+  return jsx(InputErrorTag, _extends$o({
     css: inputError
   }, rest), children);
 };
@@ -24716,7 +24788,7 @@ var CheckboxGroup = function CheckboxGroup(_ref) {
   React.useEffect(function () {
     onChange && onChange(selectedValues);
   }, [selectedValues, onChange]);
-  return jsx("fieldset", _extends$n({
+  return jsx("fieldset", _extends$o({
     css: checkboxGroupContainer(inline)
   }, rest), jsx("legend", null, isPartiallySelected && jsx("span", {
     className: "dash"
@@ -24733,7 +24805,7 @@ var CheckboxGroup = function CheckboxGroup(_ref) {
   })), jsx("ul", null, options.map(function (option) {
     return jsx("li", {
       key: option.name
-    }, jsx(Checkbox$1, _extends$n({
+    }, jsx(Checkbox$1, _extends$o({
       id: "".concat(groupname, "-").concat(option.value),
       size: size,
       checked: selectedValues.includes(option.value),
@@ -24775,7 +24847,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$n({
+  return jsx("button", _extends$o({
     id: "radio-".concat(index),
     className: "".concat(cssClasses).concat(propHTMLClass),
     onClick: handleClick,
@@ -24798,7 +24870,7 @@ var RadioButtonGroup = function RadioButtonGroup(props) {
     onChange = props.onChange,
     rest = _objectWithoutProperties$1(props, _excluded$c);
   return jsx("div", rest, options.map(function (option, index) {
-    return jsx(RadioButton, _extends$n({
+    return jsx(RadioButton, _extends$o({
       key: option.value,
       index: index,
       size: size,
@@ -24836,7 +24908,7 @@ var Radio = function Radio(_ref) {
     _ref$readOnly = _ref.readOnly,
     readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
     rest = _objectWithoutProperties$1(_ref, _excluded$b);
-  return jsx("div", _extends$n({
+  return jsx("div", _extends$o({
     css: function css(theme) {
       return radioButtonContainer(theme, {
         size: size,
@@ -24844,7 +24916,7 @@ var Radio = function Radio(_ref) {
         readOnly: readOnly
       });
     }
-  }, containerAttrs), jsx("input", _extends$n({
+  }, containerAttrs), jsx("input", _extends$o({
     id: id,
     type: "radio",
     readOnly: readOnly
@@ -24876,11 +24948,11 @@ var RadioGroup = function RadioGroup(_ref) {
   React.useEffect(function () {
     onChange && onChange(selectedValue);
   }, [selectedValue, onChange]);
-  return jsx("fieldset", _extends$n({
+  return jsx("fieldset", _extends$o({
     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$n({
+    return jsx(Radio, _extends$o({
       key: option.value,
       id: "".concat(groupname, "-").concat(option.value),
       size: size,
@@ -27329,7 +27401,7 @@ var Menu = function Menu(props) {
   var children = props.children,
     innerRef = props.innerRef,
     innerProps = props.innerProps;
-  return jsx("div", _extends$o({}, getStyleProps(props, 'menu', {
+  return jsx("div", _extends$p({}, getStyleProps(props, 'menu', {
     menu: true
   }), {
     ref: innerRef
@@ -27360,7 +27432,7 @@ var MenuList = function MenuList(props) {
     innerProps = props.innerProps,
     innerRef = props.innerRef,
     isMulti = props.isMulti;
-  return jsx("div", _extends$o({}, getStyleProps(props, 'menuList', {
+  return jsx("div", _extends$p({}, getStyleProps(props, 'menuList', {
     'menu-list': true,
     'menu-list--is-multi': isMulti
   }), {
@@ -27390,7 +27462,7 @@ var NoOptionsMessage = function NoOptionsMessage(_ref6) {
     children = _ref6$children === void 0 ? 'No options' : _ref6$children,
     innerProps = _ref6.innerProps,
     restProps = _objectWithoutProperties(_ref6, _excluded$3$1);
-  return jsx("div", _extends$o({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
+  return jsx("div", _extends$p({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
     children: children,
     innerProps: innerProps
   }), 'noOptionsMessage', {
@@ -27403,7 +27475,7 @@ var LoadingMessage = function LoadingMessage(_ref7) {
     children = _ref7$children === void 0 ? 'Loading...' : _ref7$children,
     innerProps = _ref7.innerProps,
     restProps = _objectWithoutProperties(_ref7, _excluded2$1);
-  return jsx("div", _extends$o({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
+  return jsx("div", _extends$p({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
     children: children,
     innerProps: innerProps
   }), 'loadingMessage', {
@@ -27488,7 +27560,7 @@ var MenuPortal = function MenuPortal(props) {
   if (!appendTo && menuPosition !== 'fixed' || !computedPosition) return null;
   // same wrapper element whether fixed or portalled
-  var menuWrapper = jsx("div", _extends$o({
+  var menuWrapper = jsx("div", _extends$p({
     ref: setMenuPortalElement
   }, getStyleProps(_objectSpread2(_objectSpread2({}, props), {}, {
     offset: computedPosition.offset,
@@ -27522,7 +27594,7 @@ var SelectContainer = function SelectContainer(props) {
     innerProps = props.innerProps,
     isDisabled = props.isDisabled,
     isRtl = props.isRtl;
-  return jsx("div", _extends$o({}, getStyleProps(props, 'container', {
+  return jsx("div", _extends$p({}, getStyleProps(props, 'container', {
     '--is-disabled': isDisabled,
     '--is-rtl': isRtl
   }), innerProps), children);
@@ -27554,7 +27626,7 @@ var ValueContainer = function ValueContainer(props) {
     innerProps = props.innerProps,
     isMulti = props.isMulti,
     hasValue = props.hasValue;
-  return jsx("div", _extends$o({}, getStyleProps(props, 'valueContainer', {
+  return jsx("div", _extends$p({}, getStyleProps(props, 'valueContainer', {
     'value-container': true,
     'value-container--is-multi': isMulti,
     'value-container--has-value': hasValue
@@ -27576,7 +27648,7 @@ var indicatorsContainerCSS = function indicatorsContainerCSS() {
 var IndicatorsContainer = function IndicatorsContainer(props) {
   var children = props.children,
     innerProps = props.innerProps;
-  return jsx("div", _extends$o({}, getStyleProps(props, 'indicatorsContainer', {
+  return jsx("div", _extends$p({}, getStyleProps(props, 'indicatorsContainer', {
     indicators: true
   }), innerProps), children);
 };
@@ -27601,7 +27673,7 @@ var _ref2$2 = process.env.NODE_ENV === "production" ? {
 var Svg = function Svg(_ref) {
   var size = _ref.size,
     props = _objectWithoutProperties(_ref, _excluded$2$1);
-  return jsx("svg", _extends$o({
+  return jsx("svg", _extends$p({
     height: size,
     width: size,
     viewBox: "0 0 20 20",
@@ -27611,14 +27683,14 @@ var Svg = function Svg(_ref) {
   }, props));
 };
 var CrossIcon = function CrossIcon(props) {
-  return jsx(Svg, _extends$o({
+  return jsx(Svg, _extends$p({
     size: 20
   }, props), jsx("path", {
     d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"
   }));
 };
 var DownChevron = function DownChevron(props) {
-  return jsx(Svg, _extends$o({
+  return jsx(Svg, _extends$p({
     size: 20
   }, props), jsx("path", {
     d: "M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
@@ -27650,7 +27722,7 @@ var dropdownIndicatorCSS = baseCSS;
 var DropdownIndicator = function DropdownIndicator(props) {
   var children = props.children,
     innerProps = props.innerProps;
-  return jsx("div", _extends$o({}, getStyleProps(props, 'dropdownIndicator', {
+  return jsx("div", _extends$p({}, getStyleProps(props, 'dropdownIndicator', {
     indicator: true,
     'dropdown-indicator': true
   }), innerProps), children || jsx(DownChevron, null));
@@ -27659,7 +27731,7 @@ var clearIndicatorCSS = baseCSS;
 var ClearIndicator = function ClearIndicator(props) {
   var children = props.children,
     innerProps = props.innerProps;
-  return jsx("div", _extends$o({}, getStyleProps(props, 'clearIndicator', {
+  return jsx("div", _extends$p({}, getStyleProps(props, 'clearIndicator', {
     indicator: true,
     'clear-indicator': true
   }), innerProps), children || jsx(CrossIcon, null));
@@ -27686,7 +27758,7 @@ var indicatorSeparatorCSS = function indicatorSeparatorCSS(_ref4, unstyled) {
 };
 var IndicatorSeparator = function IndicatorSeparator(props) {
   var innerProps = props.innerProps;
-  return jsx("span", _extends$o({}, innerProps, getStyleProps(props, 'indicatorSeparator', {
+  return jsx("span", _extends$p({}, innerProps, getStyleProps(props, 'indicatorSeparator', {
     'indicator-separator': true
   })));
 };
@@ -27739,7 +27811,7 @@ var LoadingIndicator = function LoadingIndicator(_ref7) {
     _ref7$size = _ref7.size,
     size = _ref7$size === void 0 ? 4 : _ref7$size,
     restProps = _objectWithoutProperties(_ref7, _excluded2);
-  return jsx("div", _extends$o({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
+  return jsx("div", _extends$p({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
     innerProps: innerProps,
     isRtl: isRtl,
     size: size
@@ -27795,7 +27867,7 @@ var Control = function Control(props) {
     innerRef = props.innerRef,
     innerProps = props.innerProps,
     menuIsOpen = props.menuIsOpen;
-  return jsx("div", _extends$o({
+  return jsx("div", _extends$p({
     ref: innerRef
   }, getStyleProps(props, 'control', {
     control: true,
@@ -27827,9 +27899,9 @@ var Group = function Group(props) {
     label = props.label,
     theme = props.theme,
     selectProps = props.selectProps;
-  return jsx("div", _extends$o({}, getStyleProps(props, 'group', {
+  return jsx("div", _extends$p({}, getStyleProps(props, 'group', {
     group: true
-  }), innerProps), jsx(Heading, _extends$o({}, headingProps, {
+  }), innerProps), jsx(Heading, _extends$p({}, headingProps, {
     selectProps: selectProps,
     theme: theme,
     getStyles: getStyles,
@@ -27859,7 +27931,7 @@ var GroupHeading = function GroupHeading(props) {
   var _cleanCommonProps = cleanCommonProps(props);
     _cleanCommonProps.data;
     var innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded$1$1);
-  return jsx("div", _extends$o({}, getStyleProps(props, 'groupHeading', {
+  return jsx("div", _extends$p({}, getStyleProps(props, 'groupHeading', {
     'group-heading': true
   }), innerProps));
 };
@@ -27922,11 +27994,11 @@ var Input = function Input(props) {
     isHidden = _cleanCommonProps.isHidden,
     inputClassName = _cleanCommonProps.inputClassName,
     innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded$9);
-  return jsx("div", _extends$o({}, getStyleProps(props, 'input', {
+  return jsx("div", _extends$p({}, getStyleProps(props, 'input', {
     'input-container': true
   }), {
     "data-value": value || ''
-  }), jsx("input", _extends$o({
+  }), jsx("input", _extends$p({
     className: cx({
       input: true
     }, inputClassName),
@@ -27999,7 +28071,7 @@ var MultiValueLabel = MultiValueGeneric;
 function MultiValueRemove(_ref5) {
   var children = _ref5.children,
     innerProps = _ref5.innerProps;
-  return jsx("div", _extends$o({
+  return jsx("div", _extends$p({
     role: "button"
   }, innerProps), children || jsx(CrossIcon, {
     size: 14
@@ -28073,7 +28145,7 @@ var Option = function Option(props) {
     isSelected = props.isSelected,
     innerRef = props.innerRef,
     innerProps = props.innerProps;
-  return jsx("div", _extends$o({}, getStyleProps(props, 'option', {
+  return jsx("div", _extends$p({}, getStyleProps(props, 'option', {
     option: true,
     'option--is-disabled': isDisabled,
     'option--is-focused': isFocused,
@@ -28101,7 +28173,7 @@ var placeholderCSS = function placeholderCSS(_ref, unstyled) {
 var Placeholder = function Placeholder(props) {
   var children = props.children,
     innerProps = props.innerProps;
-  return jsx("div", _extends$o({}, getStyleProps(props, 'placeholder', {
+  return jsx("div", _extends$p({}, getStyleProps(props, 'placeholder', {
     placeholder: true
   }), innerProps), children);
 };
@@ -28129,7 +28201,7 @@ var SingleValue = function SingleValue(props) {
   var children = props.children,
     isDisabled = props.isDisabled,
     innerProps = props.innerProps;
-  return jsx("div", _extends$o({}, getStyleProps(props, 'singleValue', {
+  return jsx("div", _extends$p({}, getStyleProps(props, 'singleValue', {
     'single-value': true,
     'single-value--is-disabled': isDisabled
   }), innerProps), children);
@@ -28230,7 +28302,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
 };
 var A11yText = function A11yText(props) {
-  return jsx("span", _extends$o({
+  return jsx("span", _extends$p({
     css: _ref
   }, props));
 };
@@ -28747,7 +28819,7 @@ function DummyInput(_ref) {
     props = _objectWithoutProperties(_ref, _excluded$8);
   // Remove animation props not meant for HTML elements
   var filteredProps = removeProps(props, 'onExited', 'in', 'enter', 'exit', 'appear');
-  return jsx("input", _extends$o({
+  return jsx("input", _extends$p({
     ref: innerRef
   }, filteredProps, {
     css: /*#__PURE__*/css$2({
@@ -30323,7 +30395,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
       });
       if (!isSearchable) {
         // use a dummy input to maintain focus/blur functionality
-        return /*#__PURE__*/React__namespace.createElement(DummyInput, _extends$o({
+        return /*#__PURE__*/React__namespace.createElement(DummyInput, _extends$p({
           id: id,
           innerRef: this.getInputRef,
           onBlur: this.onInputBlur,
@@ -30336,7 +30408,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
           value: ""
         }, ariaAttributes));
       }
-      return /*#__PURE__*/React__namespace.createElement(Input, _extends$o({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(Input, _extends$p({}, commonProps, {
         autoCapitalize: "none",
         autoComplete: "off",
         autoCorrect: "off",
@@ -30377,7 +30449,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
         focusedValue = _this$state5.focusedValue,
         isFocused = _this$state5.isFocused;
       if (!this.hasValue() || !controlShouldRenderValue) {
-        return inputValue ? null : /*#__PURE__*/React__namespace.createElement(Placeholder, _extends$o({}, commonProps, {
+        return inputValue ? null : /*#__PURE__*/React__namespace.createElement(Placeholder, _extends$p({}, commonProps, {
           key: "placeholder",
           isDisabled: isDisabled,
           isFocused: isFocused,
@@ -30390,7 +30462,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
         return selectValue.map(function (opt, index) {
           var isOptionFocused = opt === focusedValue;
           var key = "".concat(_this3.getOptionLabel(opt), "-").concat(_this3.getOptionValue(opt));
-          return /*#__PURE__*/React__namespace.createElement(MultiValue, _extends$o({}, commonProps, {
+          return /*#__PURE__*/React__namespace.createElement(MultiValue, _extends$p({}, commonProps, {
             components: {
               Container: MultiValueContainer,
               Label: MultiValueLabel,
@@ -30419,7 +30491,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
         return null;
       }
       var singleValue = selectValue[0];
-      return /*#__PURE__*/React__namespace.createElement(SingleValue, _extends$o({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(SingleValue, _extends$p({}, commonProps, {
         data: singleValue,
         isDisabled: isDisabled
       }), this.formatOptionLabel(singleValue, 'value'));
@@ -30442,7 +30514,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
         onTouchEnd: this.onClearIndicatorTouchEnd,
         'aria-hidden': 'true'
       };
-      return /*#__PURE__*/React__namespace.createElement(ClearIndicator, _extends$o({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(ClearIndicator, _extends$p({}, commonProps, {
         innerProps: innerProps,
         isFocused: isFocused
       }));
@@ -30461,7 +30533,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
       var innerProps = {
         'aria-hidden': 'true'
       };
-      return /*#__PURE__*/React__namespace.createElement(LoadingIndicator, _extends$o({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(LoadingIndicator, _extends$p({}, commonProps, {
         innerProps: innerProps,
         isDisabled: isDisabled,
         isFocused: isFocused
@@ -30479,7 +30551,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
       var commonProps = this.commonProps;
       var isDisabled = this.props.isDisabled;
       var isFocused = this.state.isFocused;
-      return /*#__PURE__*/React__namespace.createElement(IndicatorSeparator, _extends$o({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(IndicatorSeparator, _extends$p({}, commonProps, {
         isDisabled: isDisabled,
         isFocused: isFocused
       }));
@@ -30498,7 +30570,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
         onTouchEnd: this.onDropdownIndicatorTouchEnd,
         'aria-hidden': 'true'
       };
-      return /*#__PURE__*/React__namespace.createElement(DropdownIndicator, _extends$o({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(DropdownIndicator, _extends$p({}, commonProps, {
         innerProps: innerProps,
         isDisabled: isDisabled,
         isFocused: isFocused
@@ -30563,7 +30635,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
           'aria-selected': _this4.isAppleDevice ? undefined : isSelected // is not supported on Apple devices
         };
-        return /*#__PURE__*/React__namespace.createElement(Option, _extends$o({}, commonProps, {
+        return /*#__PURE__*/React__namespace.createElement(Option, _extends$p({}, commonProps, {
           innerProps: innerProps,
           data: data,
           isDisabled: isDisabled,
@@ -30585,7 +30657,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
               groupIndex = item.index;
             var groupId = "".concat(_this4.getElementId('group'), "-").concat(groupIndex);
             var headingId = "".concat(groupId, "-heading");
-            return /*#__PURE__*/React__namespace.createElement(Group, _extends$o({}, commonProps, {
+            return /*#__PURE__*/React__namespace.createElement(Group, _extends$p({}, commonProps, {
               key: groupId,
               data: _data,
               options: options,
@@ -30622,12 +30694,12 @@ var Select$2 = /*#__PURE__*/function (_Component) {
         menuPosition: menuPosition,
         menuShouldScrollIntoView: menuShouldScrollIntoView
       };
-      var menuElement = /*#__PURE__*/React__namespace.createElement(MenuPlacer, _extends$o({}, commonProps, menuPlacementProps), function (_ref4) {
+      var menuElement = /*#__PURE__*/React__namespace.createElement(MenuPlacer, _extends$p({}, commonProps, menuPlacementProps), function (_ref4) {
         var ref = _ref4.ref,
           _ref4$placerProps = _ref4.placerProps,
           placement = _ref4$placerProps.placement,
           maxHeight = _ref4$placerProps.maxHeight;
-        return /*#__PURE__*/React__namespace.createElement(Menu, _extends$o({}, commonProps, menuPlacementProps, {
+        return /*#__PURE__*/React__namespace.createElement(Menu, _extends$p({}, commonProps, menuPlacementProps, {
           innerRef: ref,
           innerProps: {
             onMouseDown: _this4.onMenuMouseDown,
@@ -30641,7 +30713,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
           onBottomArrive: onMenuScrollToBottom,
           lockEnabled: menuShouldBlockScroll
         }, function (scrollTargetRef) {
-          return /*#__PURE__*/React__namespace.createElement(MenuList, _extends$o({}, commonProps, {
+          return /*#__PURE__*/React__namespace.createElement(MenuList, _extends$p({}, commonProps, {
             innerRef: function innerRef(instance) {
               _this4.getMenuListRef(instance);
               scrollTargetRef(instance);
@@ -30661,7 +30733,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
       // positioning behaviour is almost identical for portalled and fixed,
       // so we use the same component. the actual portalling logic is forked
       // within the component based on `menuPosition`
-      return menuPortalTarget || menuPosition === 'fixed' ? /*#__PURE__*/React__namespace.createElement(MenuPortal, _extends$o({}, commonProps, {
+      return menuPortalTarget || menuPosition === 'fixed' ? /*#__PURE__*/React__namespace.createElement(MenuPortal, _extends$p({}, commonProps, {
         appendTo: menuPortalTarget,
         controlElement: this.controlRef,
         menuPlacement: menuPlacement,
@@ -30731,7 +30803,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
         isFocused = _this$state6.isFocused,
         selectValue = _this$state6.selectValue;
       var focusableOptions = this.getFocusableOptions();
-      return /*#__PURE__*/React__namespace.createElement(LiveRegion$1, _extends$o({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(LiveRegion$1, _extends$p({}, commonProps, {
         id: this.getElementId('live-region'),
         ariaSelection: ariaSelection,
         focusedOption: focusedOption,
@@ -30757,7 +30829,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
         menuIsOpen = _this$props14.menuIsOpen;
       var isFocused = this.state.isFocused;
       var commonProps = this.commonProps = this.getCommonProps();
-      return /*#__PURE__*/React__namespace.createElement(SelectContainer, _extends$o({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(SelectContainer, _extends$p({}, commonProps, {
         className: className,
         innerProps: {
           id: id,
@@ -30765,7 +30837,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
         },
         isDisabled: isDisabled,
         isFocused: isFocused
-      }), this.renderLiveRegion(), /*#__PURE__*/React__namespace.createElement(Control, _extends$o({}, commonProps, {
+      }), this.renderLiveRegion(), /*#__PURE__*/React__namespace.createElement(Control, _extends$p({}, commonProps, {
         innerRef: this.getControlRef,
         innerProps: {
           onMouseDown: this.onControlMouseDown,
@@ -30774,9 +30846,9 @@ var Select$2 = /*#__PURE__*/function (_Component) {
         isDisabled: isDisabled,
         isFocused: isFocused,
         menuIsOpen: menuIsOpen
-      }), /*#__PURE__*/React__namespace.createElement(ValueContainer, _extends$o({}, commonProps, {
+      }), /*#__PURE__*/React__namespace.createElement(ValueContainer, _extends$p({}, commonProps, {
         isDisabled: isDisabled
-      }), this.renderPlaceholderOrValue(), this.renderInput()), /*#__PURE__*/React__namespace.createElement(IndicatorsContainer, _extends$o({}, commonProps, {
+      }), this.renderPlaceholderOrValue(), this.renderInput()), /*#__PURE__*/React__namespace.createElement(IndicatorsContainer, _extends$p({}, commonProps, {
         isDisabled: isDisabled
       }), this.renderClearIndicator(), this.renderLoadingIndicator(), this.renderIndicatorSeparator(), this.renderDropdownIndicator())), this.renderMenu(), this.renderFormField());
     }
@@ -31047,7 +31119,7 @@ function useAsync(_ref) {
 var AsyncSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var stateManagedProps = useAsync(props);
   var selectProps = useStateManager(stateManagedProps);
-  return /*#__PURE__*/React__namespace.createElement(Select$2, _extends$o({
+  return /*#__PURE__*/React__namespace.createElement(Select$2, _extends$p({
     ref: ref
   }, selectProps));
 });
@@ -31055,7 +31127,7 @@ var AsyncSelect$1 = AsyncSelect;
 var StateManagedSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var baseSelectProps = useStateManager(props);
-  return /*#__PURE__*/React__namespace.createElement(Select$2, _extends$o({
+  return /*#__PURE__*/React__namespace.createElement(Select$2, _extends$p({
     ref: ref
   }, baseSelectProps));
 });
@@ -31152,7 +31224,7 @@ function useCreatable(_ref) {
 var CreatableSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var creatableProps = useStateManager(props);
   var selectProps = useCreatable(creatableProps);
-  return /*#__PURE__*/React__namespace.createElement(Select$2, _extends$o({
+  return /*#__PURE__*/React__namespace.createElement(Select$2, _extends$p({
     ref: ref
   }, selectProps));
 });
@@ -31189,16 +31261,16 @@ var renderSelect = function renderSelect(type, customSelectProps) {
     rest = _objectWithoutProperties$1(customSelectProps, _excluded$4);
   switch (type) {
     case "creatable":
-      return jsx(CreatableSelect$1, _extends$n({}, rest, {
+      return jsx(CreatableSelect$1, _extends$o({}, rest, {
         createOptionPosition: "first",
         formatOptionLabel: formatOptionLabel
       }));
     case "async":
-      return jsx(AsyncSelect$1, _extends$n({}, rest, {
+      return jsx(AsyncSelect$1, _extends$o({}, rest, {
         loadOptions: loadOptions
       }));
     default:
-      return jsx(StateManagedSelect$1, _extends$n({}, rest, {
+      return jsx(StateManagedSelect$1, _extends$o({}, rest, {
         formatOptionLabel: formatOptionLabel
       }));
   }
@@ -31483,7 +31555,7 @@ var Textarea = function Textarea(props, forwardedRef) {
   var labelClassNames = classNames$1({
     required: required
   });
-  return jsx("div", _extends$n({
+  return jsx("div", _extends$o({
     css: function css(theme) {
       return textareaContainer(theme, {
         resize: resize
@@ -31495,7 +31567,7 @@ var Textarea = function Textarea(props, forwardedRef) {
     htmlFor: id,
     className: labelClassNames,
     "data-testid": "textarea-label-".concat(id)
-  }, label), jsx("textarea", _extends$n({
+  }, label), jsx("textarea", _extends$o({
     id: id,
     ref: forwardedRef
   }, rest)));
@@ -32146,7 +32218,7 @@ var ToggleSwitch = function ToggleSwitch(_ref) {
       if (onChange) onChange();
     }
   };
-  return jsx("div", _extends$n({
+  return jsx("div", _extends$o({
     css: function css(theme) {
       return ToggleContainer(theme, {
         isChecked: isChecked,
@@ -32214,6 +32286,7 @@ var ToggleSwitch = function ToggleSwitch(_ref) {
 exports.Alert = Alert;
 exports.Avatar = Avatar;
 exports.Badge = Badge;
+exports.Breadcrumbs = Breadcrumbs;
 exports.Button = Button;
 exports.Card = Card;
 exports.Checkbox = Checkbox$1;