@czi-sds/components 15.2.0 → 15.4.0

package/dist/index.cjs.js

@@ -5,9 +5,9 @@ var React = require('react');
 var react = require('@emotion/react');
 var material = require('@mui/material');
 var styles = require('@mui/material/styles');
-var css = require('@emotion/css');
 var iconsMaterial = require('@mui/icons-material');
-var Autocomplete = require('@mui/material/Autocomplete');
+var Autocomplete$1 = require('@mui/material/Autocomplete');
+var css = require('@emotion/css');
 var ToggleButton = require('@mui/material/ToggleButton');
 var ToggleButtonGroup = require('@mui/material/ToggleButtonGroup');
 
@@ -566,7 +566,7 @@ var fontCaps = function (fontSize) {
         if (!typography)
             return null;
         var caps = typography.styles.caps;
-        return react.css(templateObject_1$R || (templateObject_1$R = __makeTemplateObject(["\n      ", "\n      text-transform: uppercase;\n    "], ["\n      ", "\n      text-transform: uppercase;\n    "])), themeToCss(caps[fontSize]));
+        return react.css(templateObject_1$S || (templateObject_1$S = __makeTemplateObject(["\n      ", "\n      text-transform: uppercase;\n    "], ["\n      ", "\n      text-transform: uppercase;\n    "])), themeToCss(caps[fontSize]));
     };
 };
 var fontCapsXxs = fontCaps("xxs");
@@ -590,49 +590,49 @@ var fontHeaderXs = fontHeader("xs");
 var fontHeaderXxs = fontHeader("xxs");
 var fontHeaderXxxs = fontHeader("xxxs");
 function themeToCss(fontTheme) {
-    return react.css(templateObject_2$y || (templateObject_2$y = __makeTemplateObject(["\n    font-size: ", "px;\n    line-height: ", ";\n    letter-spacing: ", ";\n    font-weight: ", ";\n    text-transform: ", ";\n  "], ["\n    font-size: ", "px;\n    line-height: ", ";\n    letter-spacing: ", ";\n    font-weight: ", ";\n    text-transform: ", ";\n  "])), fontTheme.fontSize, fontTheme.lineHeight, fontTheme.letterSpacing, fontTheme.fontWeight, fontTheme.textTransform);
+    return react.css(templateObject_2$z || (templateObject_2$z = __makeTemplateObject(["\n    font-size: ", "px;\n    line-height: ", ";\n    letter-spacing: ", ";\n    font-weight: ", ";\n    text-transform: ", ";\n  "], ["\n    font-size: ", "px;\n    line-height: ", ";\n    letter-spacing: ", ";\n    font-weight: ", ";\n    text-transform: ", ";\n  "])), fontTheme.fontSize, fontTheme.lineHeight, fontTheme.letterSpacing, fontTheme.fontWeight, fontTheme.textTransform);
 }
-var templateObject_1$R, templateObject_2$y;
+var templateObject_1$S, templateObject_2$z;
 
-var StyledAccordionDetails = styles.styled(material.AccordionDetails)(templateObject_2$x || (templateObject_2$x = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), fontBodyS$2, function (props) {
+var StyledAccordionDetails = styles.styled(material.AccordionDetails)(templateObject_2$y || (templateObject_2$y = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), fontBodyS$2, function (props) {
     var spaces = getSpaces(props);
-    return react.css(templateObject_1$Q || (templateObject_1$Q = __makeTemplateObject(["\n      padding: ", "px;\n      padding-top: ", "px;\n    "], ["\n      padding: ", "px;\n      padding-top: ", "px;\n    "])), spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.xxs);
+    return react.css(templateObject_1$R || (templateObject_1$R = __makeTemplateObject(["\n      padding: ", "px;\n      padding-top: ", "px;\n    "], ["\n      padding: ", "px;\n      padding-top: ", "px;\n    "])), spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.xxs);
 });
-var templateObject_1$Q, templateObject_2$x;
+var templateObject_1$R, templateObject_2$y;
 
 var AccordionDetails = function (props) {
     var children = props.children;
     return jsxRuntime.jsx(StyledAccordionDetails, { children: children });
 };
 
-var _path$1M, _path2$q, _path3$1;
-function _extends$1T() { _extends$1T = 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$1T.apply(this, arguments); }
+var _path$1N, _path2$s, _path3$3;
+function _extends$1W() { _extends$1W = 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$1W.apply(this, arguments); }
 var SvgIconBacteriaLarge = function SvgIconBacteriaLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1T({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1W({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$1M || (_path$1M = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1N || (_path$1N = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M11.188 13.473a1.793 1.793 0 1 1-3.585 0 1.793 1.793 0 0 1 3.585 0Zm-1.792.693a.693.693 0 1 0 0-1.385.693.693 0 0 0 0 1.385Z",
     clipRule: "evenodd"
-  })), _path2$q || (_path2$q = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$s || (_path2$s = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M13.06 7.332a.938.938 0 1 0 0-1.877.938.938 0 0 0 0 1.877ZM11.72 11.128a.693.693 0 0 1 .221-.954l.947-.59a.693.693 0 1 1 .733 1.176l-.947.59a.693.693 0 0 1-.954-.222ZM9.312 8.534a.693.693 0 1 0 1.366-.228L10.45 6.94a.693.693 0 1 0-1.366.228l.228 1.367Z"
-  })), _path3$1 || (_path3$1 = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path3$3 || (_path3$3 = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M13.932 2.232a5.174 5.174 0 0 0-2.462-.28L10.944.808a.693.693 0 1 0-1.259.58l.429.93a5.23 5.23 0 0 0-.518.253l-.582-.692a.693.693 0 0 0-1.061.891l.532.633c-.187.184-.36.382-.52.595l-.822-.269a.693.693 0 0 0-.431 1.317l.573.187-.028.073-2 5.413-.38-.32a.693.693 0 0 0-.89 1.06l.869.732c-.05.394-.054.789-.015 1.175l-.934.159a.693.693 0 1 0 .232 1.366l1.026-.174a5.19 5.19 0 0 0 2.18 2.588c-.078.16-.168.327-.265.506l-.013.026c-.158.292-.34.628-.465.962-.13.346-.23.766-.144 1.21.089.468.363.86.785 1.174.45.336.924.45 1.397.393.434-.053.818-.248 1.118-.419.14-.08.256-.15.364-.216.162-.099.304-.185.476-.272.254-.128.45-.186.626-.186.477 0 .681.16.77.252a.565.565 0 0 1 .113.172.7.7 0 0 0 1.354-.355l-.675.166.675-.166v-.002l-.001-.002-.001-.004-.003-.01-.006-.022a1.72 1.72 0 0 0-.095-.243 1.967 1.967 0 0 0-.349-.501c-.359-.376-.933-.685-1.782-.685-.487 0-.912.162-1.256.336-.211.106-.449.25-.649.37-.096.059-.184.111-.255.152-.27.154-.451.228-.595.245-.104.013-.22.002-.39-.125-.198-.148-.235-.255-.246-.314-.016-.084-.007-.222.08-.457.089-.236.227-.493.4-.813l.006-.013c.1-.186.212-.393.316-.61a5.184 5.184 0 0 0 3.84-.435l.708.844a.693.693 0 0 0 1.062-.89l-.645-.77a5.16 5.16 0 0 0 .94-1.211l1.127.096a.693.693 0 1 0 .118-1.38l-.68-.059 1.9-5.142a5.14 5.14 0 0 0 .066-.191l.605.223a.693.693 0 1 0 .48-1.3l-.832-.307a5.175 5.175 0 0 0-.05-.968l.807-.123a.693.693 0 1 0-.21-1.37l-.98.15a5.222 5.222 0 0 0-.516-.913l.684-.578a.693.693 0 0 0-.895-1.058l-.733.62a5.187 5.187 0 0 0-1.5-.86Zm-.36 11.927 2.12-5.737A3.796 3.796 0 0 0 8.57 5.79l-2.12 5.738a3.796 3.796 0 0 0 7.121 2.63Z",
     clipRule: "evenodd"
   })));
 };
 
-var _g$2, _defs$1;
-function _extends$1S() { _extends$1S = 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$1S.apply(this, arguments); }
+var _g$4, _defs$3;
+function _extends$1V() { _extends$1V = 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$1V.apply(this, arguments); }
 var SvgIconBacteriaSmall = function SvgIconBacteriaSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1S({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1V({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _g$2 || (_g$2 = /*#__PURE__*/React__namespace.createElement("g", {
+  }, props), _g$4 || (_g$4 = /*#__PURE__*/React__namespace.createElement("g", {
     clipPath: "url(#IconBacteriaSmall_svg__a)"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     d: "M6.796 6.357a1.298 1.298 0 1 0-.002-2.597 1.298 1.298 0 0 0 .002 2.597ZM5.286 10.108a1.293 1.293 0 1 0-.001-2.586 1.293 1.293 0 0 0 .001 2.586Z"
@@ -640,7 +640,7 @@ var SvgIconBacteriaSmall = function SvgIconBacteriaSmall(props) {
     fillRule: "evenodd",
     d: "M2.14 3.785.335 2.075A1.069 1.069 0 0 1 .292.564 1.066 1.066 0 0 1 1.8.521L3.21 1.855a4.712 4.712 0 0 1 7.675.965l1.645-.671a1.067 1.067 0 1 1 .806 1.978l-1.91.78a4.703 4.703 0 0 1-.291 1.74l-1.378 3.734 1.666 1.54c.433.4.46 1.076.06 1.51-.4.433-1.075.46-1.508.06L8.59 12.21a4.71 4.71 0 0 1-4.918 1.04 4.718 4.718 0 0 1-2.79-6.058l1.259-3.408Zm7.418 2.28L8.15 9.88a3.031 3.031 0 0 1-3.896 1.794 3.036 3.036 0 0 1-1.795-3.898L3.867 3.96a3.031 3.031 0 0 1 3.896-1.794 3.036 3.036 0 0 1 1.795 3.899Z",
     clipRule: "evenodd"
-  }))), _defs$1 || (_defs$1 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
+  }))), _defs$3 || (_defs$3 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
     id: "IconBacteriaSmall_svg__a"
   }, /*#__PURE__*/React__namespace.createElement("path", {
     fill: "#fff",
@@ -648,448 +648,492 @@ var SvgIconBacteriaSmall = function SvgIconBacteriaSmall(props) {
   })))));
 };
 
-var _path$1L;
-function _extends$1R() { _extends$1R = 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$1R.apply(this, arguments); }
+var _path$1M;
+function _extends$1U() { _extends$1U = 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$1U.apply(this, arguments); }
 var SvgIconBarChartHorizontal3Small = function SvgIconBarChartHorizontal3Small(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1R({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1U({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14,
     fill: "none"
-  }, props), _path$1L || (_path$1L = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1M || (_path$1M = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M1 2.13a1 1 0 0 1 1-1h6.4a1 1 0 0 1 1 1v.75a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-.75Zm0 4.5a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v.75a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-.75Zm0 4.5a1 1 0 0 1 1-1h2.8a1 1 0 0 1 1 1v.75a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-.75Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1K;
-function _extends$1Q() { _extends$1Q = 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$1Q.apply(this, arguments); }
+var _path$1L;
+function _extends$1T() { _extends$1T = 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$1T.apply(this, arguments); }
 var SvgIconBarChartVertical3Small = function SvgIconBarChartVertical3Small(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1Q({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1T({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$1K || (_path$1K = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1L || (_path$1L = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M1.13 12V5.6a1 1 0 0 1 1-1h.75a1 1 0 0 1 1 1V12a1 1 0 0 1-1 1h-.75a1 1 0 0 1-1-1Zm4.5 0V2a1 1 0 0 1 1-1h.75a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-.75a1 1 0 0 1-1-1Zm4.5 0V9.2a1 1 0 0 1 1-1h.75a1 1 0 0 1 1 1V12a1 1 0 0 1-1 1h-.75a1 1 0 0 1-1-1Z"
   })));
 };
 
-var _path$1J;
-function _extends$1P() { _extends$1P = 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$1P.apply(this, arguments); }
+var _path$1K;
+function _extends$1S() { _extends$1S = 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$1S.apply(this, arguments); }
 var SvgIconBarChartVertical4Small = function SvgIconBarChartVertical4Small(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1P({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1S({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$1J || (_path$1J = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1K || (_path$1K = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M5.61 2.707c.477 0 .864.387.864.864v8.715a.864.864 0 1 1-1.727 0V3.571c0-.477.387-.864.864-.864Zm-2.746 2.23c.476 0 .863.387.863.864v6.474a.864.864 0 1 1-1.727 0V5.801c0-.477.387-.863.864-.863ZM8.358.9c.477 0 .863.387.863.864v10.511a.864.864 0 1 1-1.727 0V1.764c0-.477.387-.864.864-.864Zm2.747 4.22c.477 0 .863.387.863.864v6.291a.864.864 0 0 1-1.727 0v-6.29c0-.478.387-.864.864-.864Z"
   })));
 };
 
-var _path$1I;
-function _extends$1O() { _extends$1O = 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$1O.apply(this, arguments); }
+var _path$1J;
+function _extends$1R() { _extends$1R = 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$1R.apply(this, arguments); }
 var SvgIconBookLarge = function SvgIconBookLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1O({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1R({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22,
     fill: "none"
-  }, props), _path$1I || (_path$1I = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1J || (_path$1J = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M17.322 1.42H5.378A2.787 2.787 0 0 0 2.59 4.207V17.911a.754.754 0 0 0 .022.111 2.788 2.788 0 0 0 2.765 2.565h11.945a2.091 2.091 0 0 0 2.09-2.091V3.511a2.09 2.09 0 0 0-2.09-2.091Zm.697 2.09v11.614H7.552V2.814h9.77a.696.696 0 0 1 .697.697ZM5.378 2.815h.78v12.31h-.78c-.491.002-.972.136-1.394.387V4.208a1.394 1.394 0 0 1 1.394-1.394Zm11.944 16.379H5.378a1.34 1.34 0 1 1 0-2.676h12.64v1.98a.697.697 0 0 1-.696.696ZM9.988 5.707c0-.385.312-.697.697-.697h4.2a.697.697 0 1 1 0 1.394h-4.2a.697.697 0 0 1-.697-.697Z"
   })));
 };
 
-var _path$1H, _path2$p;
-function _extends$1N() { _extends$1N = 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$1N.apply(this, arguments); }
+var _path$1I, _path2$r;
+function _extends$1Q() { _extends$1Q = 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$1Q.apply(this, arguments); }
 var SvgIconCheckCircleLarge = function SvgIconCheckCircleLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1N({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1Q({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$1H || (_path$1H = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1I || (_path$1I = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M15.92 7.982a.825.825 0 0 0-1.34-.964l-4.801 6.67-2.916-3.24a.825.825 0 1 0-1.226 1.104l3.662 4.069a.75.75 0 0 0 1.166-.063l5.455-7.576Z"
-  })), _path2$p || (_path2$p = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$r || (_path2$r = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M20.5 11a9.5 9.5 0 1 1-19 0 9.5 9.5 0 0 1 19 0Zm-1.45 0a8.05 8.05 0 1 1-16.1 0 8.05 8.05 0 0 1 16.1 0Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1G;
-function _extends$1M() { _extends$1M = 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$1M.apply(this, arguments); }
+var _path$1H;
+function _extends$1P() { _extends$1P = 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$1P.apply(this, arguments); }
 var SvgIconCheckCircleSmall = function SvgIconCheckCircleSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1M({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1P({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$1G || (_path$1G = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1H || (_path$1H = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M12.6 7A5.6 5.6 0 1 1 1.4 7a5.6 5.6 0 0 1 11.2 0ZM14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-3.662-1.826a.725.725 0 1 0-1.176-.848l-3.075 4.27L4.29 6.598a.725.725 0 1 0-1.078.97l2.587 2.875a.5.5 0 0 0 .777-.043l3.763-5.226Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1F;
-function _extends$1L() { _extends$1L = 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$1L.apply(this, arguments); }
+var _path$1G;
+function _extends$1O() { _extends$1O = 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$1O.apply(this, arguments); }
 var SvgIconCheckSmall = function SvgIconCheckSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1L({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1O({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$1F || (_path$1F = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1G || (_path$1G = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M12.415 1.011a.78.78 0 0 0-.484.334L5.65 9.862l-3.248-3.67c-.207-.287-.55-.399-.86-.258-.294.132-.497.462-.535.848-.038.38.087.76.333.985l3.826 4.325c.33.37.833.338 1.131-.066l6.825-9.257c.233-.307.294-.774.153-1.166-.148-.411-.492-.66-.86-.592Z"
   })));
 };
 
-var _path$1E;
-function _extends$1K() { _extends$1K = 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$1K.apply(this, arguments); }
+var _path$1F;
+function _extends$1N() { _extends$1N = 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$1N.apply(this, arguments); }
 var SvgIconChevronDownLarge = function SvgIconChevronDownLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1K({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1N({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22,
     fill: "none"
-  }, props), _path$1E || (_path$1E = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1F || (_path$1F = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M11.562 16.106a.75.75 0 0 1-1.067.002L1.972 7.517a.75.75 0 0 1 .004-1.061l.568-.563a.75.75 0 0 1 1.06.004l6.886 6.94a.75.75 0 0 0 1.067-.002L18.39 5.9a.75.75 0 0 1 1.06-.007l.57.561a.75.75 0 0 1 .008 1.06l-8.466 8.591Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1D;
-function _extends$1J() { _extends$1J = 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$1J.apply(this, arguments); }
+var _path$1E;
+function _extends$1M() { _extends$1M = 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$1M.apply(this, arguments); }
 var SvgIconChevronDownSmall = function SvgIconChevronDownSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1J({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1M({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14,
     fill: "none"
-  }, props), _path$1D || (_path$1D = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1E || (_path$1E = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M7.374 10.461a.5.5 0 0 1-.711.001L1.116 4.871a.5.5 0 0 1 .002-.707l.64-.634a.5.5 0 0 1 .706.003L6.658 7.76a.5.5 0 0 0 .711-.001l4.162-4.223a.5.5 0 0 1 .707-.005l.641.632a.5.5 0 0 1 .005.707l-5.51 5.591Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1C;
-function _extends$1I() { _extends$1I = 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$1I.apply(this, arguments); }
+var _g$3, _defs$2;
+function _extends$1L() { _extends$1L = 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$1L.apply(this, arguments); }
+var SvgIconChevronLeft2Small = function SvgIconChevronLeft2Small(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1L({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 14,
+    height: 14,
+    fill: "none"
+  }, props), _g$3 || (_g$3 = /*#__PURE__*/React__namespace.createElement("g", {
+    clipPath: "url(#IconChevronLeft2Small_svg__a)"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M.412 7.344a.5.5 0 0 1 0-.711l5.592-5.51a.5.5 0 0 1 .707.005l.632.64a.5.5 0 0 1-.005.708L3.115 6.637a.5.5 0 0 0-.001.711l4.227 4.194a.5.5 0 0 1 .003.707l-.634.64a.5.5 0 0 1-.707.002L.412 7.344Z"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M6.646 7.344a.5.5 0 0 1 .001-.711l5.591-5.51a.5.5 0 0 1 .707.005l.632.64a.5.5 0 0 1-.005.708L9.349 6.637a.5.5 0 0 0 0 .711l4.226 4.194a.5.5 0 0 1 .003.707l-.634.64a.5.5 0 0 1-.707.002L6.646 7.344Z"
+  }))), _defs$2 || (_defs$2 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
+    id: "IconChevronLeft2Small_svg__a"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h14v14H0z"
+  })))));
+};
+
+var _path$1D;
+function _extends$1K() { _extends$1K = 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$1K.apply(this, arguments); }
 var SvgIconChevronLeftLarge = function SvgIconChevronLeftLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1I({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1K({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22,
     fill: "none"
-  }, props), _path$1C || (_path$1C = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1D || (_path$1D = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M5.611 11.316a.75.75 0 0 1-.002-1.067l8.582-8.532a.749.749 0 0 1 1.06.003l.565.567a.751.751 0 0 1-.004 1.061L8.88 10.24a.75.75 0 0 0 .002 1.067l6.941 6.826a.751.751 0 0 1 .009 1.061l-.562.57a.75.75 0 0 1-1.061.009l-8.598-8.457Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1B;
-function _extends$1H() { _extends$1H = 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$1H.apply(this, arguments); }
+var _path$1C;
+function _extends$1J() { _extends$1J = 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$1J.apply(this, arguments); }
 var SvgIconChevronLeftSmall = function SvgIconChevronLeftSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1H({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1J({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14,
     fill: "none"
-  }, props), _path$1B || (_path$1B = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1C || (_path$1C = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M3.536 7.373a.5.5 0 0 1-.001-.71l5.59-5.548a.5.5 0 0 1 .708.003l.634.639a.5.5 0 0 1-.003.707L6.237 6.658a.5.5 0 0 0 .001.71l4.223 4.162a.5.5 0 0 1 .005.708l-.632.64a.5.5 0 0 1-.707.006l-5.591-5.51Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1A;
-function _extends$1G() { _extends$1G = 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$1G.apply(this, arguments); }
+var _g$2, _defs$1;
+function _extends$1I() { _extends$1I = 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$1I.apply(this, arguments); }
+var SvgIconChevronRight2Small = function SvgIconChevronRight2Small(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1I({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 14,
+    height: 14,
+    fill: "none"
+  }, props), _g$2 || (_g$2 = /*#__PURE__*/React__namespace.createElement("g", {
+    clipPath: "url(#IconChevronRight2Small_svg__a)"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M7.355 7.336a.5.5 0 0 0-.001-.711l-5.591-5.51a.5.5 0 0 0-.707.005l-.632.64a.5.5 0 0 0 .005.708l4.223 4.161a.5.5 0 0 1 0 .712L.427 11.534a.5.5 0 0 0-.003.707l.634.64a.5.5 0 0 0 .707.002l5.591-5.547Z"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M13.588 6.625a.5.5 0 0 1 .002.711l-5.592 5.547a.5.5 0 0 1-.707-.003l-.634-.639a.5.5 0 0 1 .003-.707l4.227-4.193a.5.5 0 0 0 0-.712L6.662 2.468a.5.5 0 0 1-.005-.707l.632-.641a.5.5 0 0 1 .707-.005l5.591 5.51Z"
+  }))), _defs$1 || (_defs$1 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
+    id: "IconChevronRight2Small_svg__a"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "#fff",
+    d: "M0 0h14v14H0z"
+  })))));
+};
+
+var _path$1B;
+function _extends$1H() { _extends$1H = 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$1H.apply(this, arguments); }
 var SvgIconChevronRightLarge = function SvgIconChevronRightLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1G({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1H({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22,
     fill: "none"
-  }, props), _path$1A || (_path$1A = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1B || (_path$1B = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M16.389 10.686a.75.75 0 0 1 .002 1.068l-8.586 8.528a.749.749 0 0 1-1.06-.004l-.564-.568a.749.749 0 0 1 .003-1.06l6.936-6.889a.75.75 0 0 0-.002-1.067l-6.937-6.83a.749.749 0 0 1-.009-1.06l.561-.57a.748.748 0 0 1 1.06-.008l8.596 8.46Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1z;
-function _extends$1F() { _extends$1F = 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$1F.apply(this, arguments); }
+var _path$1A;
+function _extends$1G() { _extends$1G = 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$1G.apply(this, arguments); }
 var SvgIconChevronRightSmall = function SvgIconChevronRightSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1F({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1G({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14,
     fill: "none"
-  }, props), _path$1z || (_path$1z = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1A || (_path$1A = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M10.463 6.624a.5.5 0 0 1 .001.711l-5.591 5.548a.5.5 0 0 1-.707-.003l-.634-.64a.5.5 0 0 1 .003-.706L7.762 7.34a.5.5 0 0 0-.001-.711L3.538 2.467a.5.5 0 0 1-.005-.707l.632-.641a.5.5 0 0 1 .707-.005l5.59 5.51Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1y;
-function _extends$1E() { _extends$1E = 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$1E.apply(this, arguments); }
+var _path$1z;
+function _extends$1F() { _extends$1F = 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$1F.apply(this, arguments); }
 var SvgIconChevronUpLarge = function SvgIconChevronUpLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1E({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1F({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22,
     fill: "none"
-  }, props), _path$1y || (_path$1y = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1z || (_path$1z = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M10.432 5.894a.75.75 0 0 1 1.067-.002l8.523 8.59a.75.75 0 0 1-.004 1.062l-.568.563a.75.75 0 0 1-1.06-.004l-6.886-6.94a.75.75 0 0 0-1.066.002l-6.834 6.933a.75.75 0 0 1-1.06.008l-.57-.562a.75.75 0 0 1-.008-1.06l8.466-8.59Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1x;
-function _extends$1D() { _extends$1D = 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$1D.apply(this, arguments); }
+var _path$1y;
+function _extends$1E() { _extends$1E = 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$1E.apply(this, arguments); }
 var SvgIconChevronUpSmall = function SvgIconChevronUpSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1D({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1E({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14,
     fill: "none"
-  }, props), _path$1x || (_path$1x = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1y || (_path$1y = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M6.624 3.539a.5.5 0 0 1 .711-.001l5.548 5.591a.5.5 0 0 1-.003.707l-.64.634a.5.5 0 0 1-.706-.003L7.34 6.24a.5.5 0 0 0-.711.001l-4.162 4.223a.5.5 0 0 1-.707.005l-.641-.632a.5.5 0 0 1-.005-.707l5.51-5.591Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1w;
-function _extends$1C() { _extends$1C = 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$1C.apply(this, arguments); }
+var _path$1x;
+function _extends$1D() { _extends$1D = 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$1D.apply(this, arguments); }
 var SvgIconCirclesOverlapLarge = function SvgIconCirclesOverlapLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1C({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1D({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$1w || (_path$1w = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1x || (_path$1x = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M7.219 18.219c1.386 0 2.681-.391 3.781-1.069a7.219 7.219 0 1 0 0-12.3 7.219 7.219 0 1 0-3.781 13.37Zm0-1.45c.91 0 1.771-.211 2.537-.587A7.197 7.197 0 0 1 7.562 11c0-2.033.841-3.87 2.194-5.182a5.769 5.769 0 1 0-2.537 10.951ZM14.78 5.23c-.91 0-1.771.211-2.537.587A7.198 7.198 0 0 1 14.438 11c0 2.033-.841 3.87-2.194 5.182a5.769 5.769 0 1 0 2.537-10.951ZM11.37 6.994l-1.19.526c-.235.312-.44.648-.61 1.004l2.255-.998a5.795 5.795 0 0 0-.455-.532Zm1.18 1.797-3.492 1.545-.005-.012a5.828 5.828 0 0 0-.039.764l3.757-1.663a5.713 5.713 0 0 0-.22-.634Zm.438 2.124L9.23 12.577c.062.22.137.433.223.64l3.495-1.546a5.823 5.823 0 0 0 .038-.756Zm-.562 2.573-2.244.993c.143.188.296.367.46.537l1.16-.514c.242-.314.45-.655.624-1.016Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1v, _path2$o;
-function _extends$1B() { _extends$1B = 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$1B.apply(this, arguments); }
+var _path$1w, _path2$q;
+function _extends$1C() { _extends$1C = 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$1C.apply(this, arguments); }
 var SvgIconCirclesOverlapSmall = function SvgIconCirclesOverlapSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1B({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1C({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$1v || (_path$1v = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1w || (_path$1w = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M7 10.914a4.594 4.594 0 1 1 0-7.828 4.594 4.594 0 1 1 0 7.828Zm-1.099-.945a3.244 3.244 0 1 1 0-5.939A4.576 4.576 0 0 0 4.813 7c0 1.132.41 2.169 1.088 2.97ZM8.1 4.031a3.244 3.244 0 1 1 0 5.939A4.575 4.575 0 0 0 9.187 7c0-1.132-.41-2.169-1.088-2.97ZM7 4.825c.52.575.838 1.338.838 2.175 0 .837-.318 1.6-.838 2.175A3.232 3.232 0 0 1 6.162 7c0-.837.318-1.6.838-2.175Z",
     clipRule: "evenodd"
-  })), _path2$o || (_path2$o = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$q || (_path2$q = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M7.838 7c0-.837-.318-1.6-.838-2.175A3.232 3.232 0 0 0 6.162 7c0 .837.318 1.6.838 2.175.52-.575.838-1.338.838-2.175Z"
   })));
 };
 
-var _path$1u;
-function _extends$1A() { _extends$1A = 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$1A.apply(this, arguments); }
+var _path$1v;
+function _extends$1B() { _extends$1B = 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$1B.apply(this, arguments); }
 var SvgIconCompassLarge = function SvgIconCompassLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1A({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1B({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$1u || (_path$1u = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1v || (_path$1v = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M12.403 2.71a.7.7 0 0 0-.628-.696l-.071-.004h-1.399a.7.7 0 0 0-.695.628v.077a9.465 9.465 0 0 1 2.793 0V2.71Zm-4.195 0s-.008.204-.007.327a9.393 9.393 0 0 0-6.585 8.964 9.39 9.39 0 1 0 12.183-8.967v-.432a2.1 2.1 0 0 0-2.095-1.99h-1.399l-.107.003a2.1 2.1 0 0 0-1.99 2.095Zm-5.056 8.503a7.894 7.894 0 0 1 7.064-7.065.867.867 0 0 0-.012.146v.831c0 .46.359.831.8.831.443 0 .801-.372.801-.831v-.831a.867.867 0 0 0-.012-.146 7.894 7.894 0 0 1 7.064 7.065.875.875 0 0 0-.147-.013h-.833c-.46 0-.833.359-.833.8 0 .443.373.801.833.801h.833c.05 0 .1-.004.147-.012a7.894 7.894 0 0 1-7.064 7.064.866.866 0 0 0 .012-.145v-.832c0-.459-.358-.831-.8-.831-.442 0-.8.372-.8.831v.832c0 .05.003.098.011.145a7.894 7.894 0 0 1-7.064-7.064.875.875 0 0 0 .147.012h.833c.46 0 .833-.358.833-.8 0-.442-.373-.8-.833-.8H3.3c-.05 0-.099.003-.147.011ZM14.6 7.786a.45.45 0 0 1 .652.558l-.033.061-2.541 5.047a.42.42 0 0 1-.136.16l-.062.037-5.082 2.541a.448.448 0 0 1-.197.05.449.449 0 0 1-.319-.135.449.449 0 0 1-.112-.45l.027-.066 2.54-5.065a.422.422 0 0 1 .137-.16l.061-.037 5.064-2.541Zm-1.15 1.768-2.59 1.298 1.293 1.293 1.298-2.59Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1t, _path2$n;
-function _extends$1z() { _extends$1z = 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$1z.apply(this, arguments); }
+var _path$1u, _path2$p;
+function _extends$1A() { _extends$1A = 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$1A.apply(this, arguments); }
 var SvgIconCopyLarge = function SvgIconCopyLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1z({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1A({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$1t || (_path$1t = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1u || (_path$1u = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M5.526 16.883h6.566c.445 0 .794-.271.794-.617s-.349-.617-.794-.617H5.526c-.445 0-.794.271-.794.617s.35.617.794.617ZM12.092 14.287H5.526c-.438 0-.794-.28-.794-.626 0-.34.35-.608.794-.608h6.566c.438 0 .794.28.794.625 0 .341-.349.609-.794.609Z"
-  })), _path2$n || (_path2$n = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$p || (_path2$p = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M20.247 5.2c0-.202-.083-.4-.229-.544L16.053.657a.78.78 0 0 0-.544-.227H7.731c-.879 0-1.621.744-1.621 1.625v2.764H3.35c-.894 0-1.621.728-1.621 1.625V19.94c0 .897.727 1.626 1.621 1.626h10.916c.895 0 1.623-.73 1.623-1.626v-2.764h2.756c.88 0 1.624-.745 1.624-1.624l-.023-10.353ZM3.295 6.421c0-.03.026-.056.056-.056h7.006v3.2c0 .427.346.774.773.774h3.193v9.58c0 .028-.026.055-.056.055H3.35a.058.058 0 0 1-.056-.056V6.422Zm12.366 2.601-3.966-3.998a.779.779 0 0 0-.543-.228H7.675V2.055c0-.03.025-.056.056-.056h7.006v3.2c0 .427.346.774.772.774h3.194v9.579c0 .029-.026.056-.057.056H15.89V9.567c0-.2-.084-.4-.23-.544Zm-3.737-.252V7.455l1.314 1.316h-1.314Zm4.357-4.367V3.087l1.315 1.317H16.28Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1s;
-function _extends$1y() { _extends$1y = 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$1y.apply(this, arguments); }
+var _path$1t;
+function _extends$1z() { _extends$1z = 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$1z.apply(this, arguments); }
 var SvgIconCopySmall = function SvgIconCopySmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1y({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1z({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$1s || (_path$1s = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1t || (_path$1t = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M9.87.75c.13 0 .257.031.388.102l.098.06.096.081 2.196 2.213a.826.826 0 0 1 .233.453l.01.129.013 5.738c0 .603-.432 1.128-1.028 1.264l-.13.024-.137.008-1.99-.001v1.136c0 .565-.362 1.052-.89 1.229l-.136.038-.131.022-.138.008h-5.93c-.61 0-1.13-.427-1.264-1.028l-.022-.131-.008-.138V4.48c0-.612.425-1.132 1.026-1.266l.13-.023.138-.008h1.99V2.046c0-.557.368-1.047.893-1.227l.135-.038.13-.023.136-.008H9.87ZM6.15 4.581H2.5v7.273h5.72l-.002-5.241H7.057a.902.902 0 0 1-.858-.62l-.036-.132-.012-.136V4.581Zm3.277-2.43H5.786v1.225h.963c.142 0 .282.034.426.11l.108.064.106.088 1.964 1.978a.87.87 0 0 1 .225.373l.031.121.012.133v3.18h1.869l.003-5.241h-1.16a.901.901 0 0 1-.857-.62L9.44 3.43l-.011-.135-.002-1.144Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1r;
-function _extends$1x() { _extends$1x = 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$1x.apply(this, arguments); }
+var _path$1s;
+function _extends$1y() { _extends$1y = 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$1y.apply(this, arguments); }
 var SvgIconDnaLarge = function SvgIconDnaLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1x({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1y({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$1r || (_path$1r = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1s || (_path$1s = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M15.515 1.502a.684.684 0 0 1 .733.63c.158 2.11.007 3.557-.231 4.552-.224.935-.522 1.452-.666 1.7l-.032.057c-.17.3-.638.89-1.31 1.497-.392.355-.87.729-1.421 1.064.551.335 1.029.71 1.421 1.064.672.607 1.14 1.198 1.31 1.498l.032.055c.143.25.442.766.666 1.701.238.996.389 2.442.23 4.552h.002a.684.684 0 0 1-.734.63l-.032-.002a.684.684 0 0 1-.63-.73h-.002c.063-.84.074-1.557.05-2.166H9.66a.7.7 0 1 1 0-1.4h5.106a7.824 7.824 0 0 0-.112-.558 4.761 4.761 0 0 0-.406-1.127h-2.884a.7.7 0 0 1 0-1.4h1.72l-.014-.014c-.542-.49-1.248-1-2.072-1.35-.822.35-1.528.86-2.07 1.35-.605.546-.958 1.023-1.03 1.149l-.032.056c-.124.214-.345.595-.522 1.336-.198.826-.347 2.123-.196 4.124a.685.685 0 0 1-.63.729l-.032.002a.684.684 0 0 1-.735-.629c-.159-2.11-.007-3.557.231-4.553.224-.935.522-1.45.666-1.7l.032-.056c.17-.3.638-.89 1.31-1.497.392-.355.87-.729 1.42-1.064a9.483 9.483 0 0 1-1.42-1.063C7.319 9.332 6.85 8.74 6.68 8.44l-.032-.056c-.144-.249-.442-.765-.666-1.7-.238-.996-.389-2.442-.23-4.553a.683.683 0 0 1 .734-.629l.032.002a.684.684 0 0 1 .63.73 19.107 19.107 0 0 0-.051 2.135h5.241a.7.7 0 1 1 0 1.4H7.23c.034.219.074.414.116.589.125.522.271.865.39 1.097h2.9a.7.7 0 1 1 0 1.4H8.881l.048.044c.542.489 1.248 1 2.07 1.35.824-.35 1.53-.861 2.072-1.35.605-.548.959-1.024 1.03-1.15l.032-.056c.124-.214.345-.595.522-1.336.198-.826.347-2.123.196-4.124h.001a.684.684 0 0 1 .63-.73l.033-.002Z"
   })));
 };
 
-var _path$1q;
-function _extends$1w() { _extends$1w = 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$1w.apply(this, arguments); }
+var _path$1r;
+function _extends$1x() { _extends$1x = 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$1x.apply(this, arguments); }
 var SvgIconDocumentSmall = function SvgIconDocumentSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1w({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1x({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$1q || (_path$1q = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1r || (_path$1r = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M12.5 5.5v7a1 1 0 0 1-1 1h-9a1 1 0 0 1-1-1v-11a1 1 0 0 1 1-1h5l5 5Zm-4 .725h2.55v5.825h-8.1V1.95h3.825V4.5c0 .953.772 1.725 1.725 1.725Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1p;
-function _extends$1v() { _extends$1v = 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$1v.apply(this, arguments); }
+var _path$1q;
+function _extends$1w() { _extends$1w = 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$1w.apply(this, arguments); }
 var SvgIconDotsHorizontal3Large = function SvgIconDotsHorizontal3Large(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1v({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1w({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$1p || (_path$1p = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1q || (_path$1q = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M9.232 10.968a1.768 1.768 0 1 1 3.536 0 1.768 1.768 0 0 1-3.536 0ZM2.75 10.968a1.768 1.768 0 1 1 3.536 0 1.768 1.768 0 0 1-3.536 0ZM17.482 9.2a1.768 1.768 0 1 0 0 3.536 1.768 1.768 0 0 0 0-3.536Z"
   })));
 };
 
-var _path$1o;
-function _extends$1u() { _extends$1u = 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$1u.apply(this, arguments); }
+var _path$1p;
+function _extends$1v() { _extends$1v = 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$1v.apply(this, arguments); }
 var SvgIconDotsHorizontal3Small = function SvgIconDotsHorizontal3Small(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1u({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1v({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$1o || (_path$1o = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1p || (_path$1p = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M3.5 7.05a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0ZM8.75 7.05a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0ZM12.25 8.8a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5Z"
   })));
 };
 
-var _path$1n;
-function _extends$1t() { _extends$1t = 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$1t.apply(this, arguments); }
+var _path$1o;
+function _extends$1u() { _extends$1u = 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$1u.apply(this, arguments); }
 var SvgIconDownloadLarge = function SvgIconDownloadLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1t({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1u({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$1n || (_path$1n = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1o || (_path$1o = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M9.778 3.438c-2.697 0-4.957 1.95-5.5 4.542C1.872 8.29 0 10.364 0 12.896c0 2.746 2.193 4.979 4.889 4.979h.733a.731.731 0 0 0 .644-.37.759.759 0 0 0 0-.753.73.73 0 0 0-.644-.37H4.89c-1.909 0-3.422-1.542-3.422-3.486 0-1.943 1.513-3.484 3.422-3.484a.739.739 0 0 0 .733-.677C5.832 6.6 7.616 4.93 9.778 4.93c1.179 0 2.126.454 2.895 1.26a.724.724 0 0 0 .787.18c.314-.122.799-.195 1.207-.195a3.211 3.211 0 0 1 3.185 2.823c.032.28.215.517.474.615 1.3.486 2.207 1.76 2.207 3.282 0 1.944-1.513 3.485-3.422 3.485h-.733a.73.73 0 0 0-.644.37.759.759 0 0 0 0 .754c.133.232.38.374.644.37h.733c2.696 0 4.889-2.233 4.889-4.979 0-1.973-1.13-3.669-2.78-4.472-.447-2.147-2.328-3.742-4.553-3.742-.423 0-.859.068-1.284.179-.968-.87-2.197-1.423-3.605-1.423Zm1.214 4.464a.727.727 0 0 0-.519.228.754.754 0 0 0-.206.535v3.983l-.428-.498a.727.727 0 0 0-1.249.229.757.757 0 0 0 .149.759l1.711 1.991a.728.728 0 0 0 1.1 0l1.711-1.991c.178-.2.236-.481.153-.737a.726.726 0 0 0-1.253-.252l-.428.499V8.665a.754.754 0 0 0-.212-.541.727.727 0 0 0-.529-.222Zm-2.933 6.97a.727.727 0 0 0-.519.227.754.754 0 0 0-.207.536v1.493a.74.74 0 0 0 .734.747h5.866a.74.74 0 0 0 .734-.747v-1.493a.75.75 0 0 0-.364-.656.722.722 0 0 0-.74 0 .75.75 0 0 0-.363.656v.746H8.8v-.746a.754.754 0 0 0-.212-.541.727.727 0 0 0-.529-.222Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1m;
-function _extends$1s() { _extends$1s = 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$1s.apply(this, arguments); }
+var _path$1n;
+function _extends$1t() { _extends$1t = 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$1t.apply(this, arguments); }
 var SvgIconDownloadSmall = function SvgIconDownloadSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1s({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1t({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$1m || (_path$1m = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1n || (_path$1n = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M7.01.8a.858.858 0 0 1 .624.262c.166.17.257.402.252.643v5.337l.974-1.134a.857.857 0 0 1 1.48.298.905.905 0 0 1-.182.876L7.668 9.98a.858.858 0 0 1-.65.298.859.859 0 0 1-.648-.299L3.882 7.084a.903.903 0 0 1-.18-.906.857.857 0 0 1 1.474-.272l.976 1.136V1.709a.9.9 0 0 1 .246-.64.86.86 0 0 1 .498-.26L7.01.8Zm4.786 8.106a.947.947 0 0 0-.836.94l-.001 1.272H3.042l.001-1.271a.947.947 0 1 0-1.893 0v2.212c0 .529.424.953.947.953h9.806a.947.947 0 0 0 .94-.837l.009-.155.001-2.173a.947.947 0 0 0-.946-.947l-.11.006Z"
   })));
 };
 
-var _path$1l;
-function _extends$1r() { _extends$1r = 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$1r.apply(this, arguments); }
+var _path$1m;
+function _extends$1s() { _extends$1s = 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$1s.apply(this, arguments); }
 var SvgIconEditLarge = function SvgIconEditLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1r({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1s({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$1l || (_path$1l = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1m || (_path$1m = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M6.616 11.443a.742.742 0 0 0-.213.444l-.36 3.254a.742.742 0 0 0 .819.82l3.253-.362a.742.742 0 0 0 .445-.213l8.328-8.332a1.767 1.767 0 0 0 .093-2.394l.003-.004-1.544-1.544a1.768 1.768 0 0 0-2.494 0l-8.33 8.33Zm11.221-5.438-.002.003-1.489 1.488-1.842-1.842 1.49-1.49c.11-.11.288-.11.398 0l1.445 1.445a.28.28 0 0 1 0 .396Zm-4.383.698 1.843 1.842-5.604 5.605-2.073.23.23-2.072 5.604-5.605ZM3.16 3.748c-.36.36-.563.849-.563 1.359v12.375a1.921 1.921 0 0 0 1.921 1.92h12.376a1.92 1.92 0 0 0 1.92-1.92v-5.304a.742.742 0 0 0-1.484 0v5.304a.437.437 0 0 1-.436.437H4.518a.437.437 0 0 1-.437-.437V5.107a.437.437 0 0 1 .437-.437h5.304a.742.742 0 1 0 0-1.484H4.518c-.51 0-.998.202-1.358.562Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1k;
-function _extends$1q() { _extends$1q = 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$1q.apply(this, arguments); }
+var _path$1l;
+function _extends$1r() { _extends$1r = 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$1r.apply(this, arguments); }
 var SvgIconEditSmall = function SvgIconEditSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1q({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1r({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$1k || (_path$1k = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1l || (_path$1l = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M8.237 3.858 10.6 6.304l-7.004 7.004-2.556.44a.25.25 0 0 1-.289-.288l.443-2.56 7.043-7.042Zm3.314-2.798.07.047.085.074 1.644 1.646a.515.515 0 0 1 0 .729l-1.641 1.639-2.363-2.446 1.6-1.598a.516.516 0 0 1 .605-.091Z"
   })));
 };
 
-var _path$1j, _path2$m;
-function _extends$1p() { _extends$1p = 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$1p.apply(this, arguments); }
+var _path$1k, _path2$o;
+function _extends$1q() { _extends$1q = 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$1q.apply(this, arguments); }
 var SvgIconExclamationMarkCircleLarge = function SvgIconExclamationMarkCircleLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1p({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1q({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$1j || (_path$1j = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1k || (_path$1k = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M11 13.32c-.607 0-1.241-.39-1.287-1.261l-.257-6v-.023c0-.853.693-1.546 1.545-1.546s1.545.693 1.545 1.546v.01a.22.22 0 0 1 0 .012l-.257 5.995A1.292 1.292 0 0 1 11 13.32Zm.415-6.97a.413.413 0 0 0-.825 0l.228 5.308c.01.175.064.205.184.205.053 0 .176-.02.185-.207l.228-5.306ZM9.75 14.5a1.78 1.78 0 0 1 1.251-.518 1.774 1.774 0 0 1 1.766 1.766A1.763 1.763 0 0 1 11 17.514c-.467 0-.922-.189-1.25-.517a1.779 1.779 0 0 1-.516-1.25c0-.464.188-.918.516-1.246Zm.781 1.725c.245.246.695.246.935.002A.666.666 0 0 0 11 15.086a.667.667 0 0 0-.47 1.139Z",
     clipRule: "evenodd"
-  })), _path2$m || (_path2$m = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$o || (_path2$o = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M20.5 11a9.5 9.5 0 1 1-19 0 9.5 9.5 0 0 1 19 0Zm-1.45 0a8.05 8.05 0 1 1-16.1 0 8.05 8.05 0 0 1 16.1 0Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1i;
-function _extends$1o() { _extends$1o = 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$1o.apply(this, arguments); }
+var _path$1j;
+function _extends$1p() { _extends$1p = 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$1p.apply(this, arguments); }
 var SvgIconExclamationMarkCircleSmall = function SvgIconExclamationMarkCircleSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1o({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1p({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$1i || (_path$1i = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1j || (_path$1j = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M7 12.6A5.6 5.6 0 1 0 7 1.4a5.6 5.6 0 0 0 0 11.2ZM7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm-.8-9.85a.8.8 0 1 1 1.6 0v2.9a.8.8 0 0 1-1.6 0v-2.9Zm.8 6.5a.9.9 0 1 0 0-1.8.9.9 0 0 0 0 1.8Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1h, _path2$l, _path3;
-function _extends$1n() { _extends$1n = 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$1n.apply(this, arguments); }
+var _path$1i, _path2$n, _path3$2;
+function _extends$1o() { _extends$1o = 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$1o.apply(this, arguments); }
 var SvgIconExclamationmarkSpeechBubbleLarge = function SvgIconExclamationmarkSpeechBubbleLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1n({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1o({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$1h || (_path$1h = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1i || (_path$1i = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M10.02 8.65a.95.95 0 1 0 1.9 0v-6.1a.95.95 0 0 0-1.9 0v6.1Z"
-  })), _path2$l || (_path2$l = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$n || (_path2$n = /*#__PURE__*/React__namespace.createElement("path", {
     d: "m9.79 16.866-3.187 2.903v-2.903H3.692V5.083H6.9a.74.74 0 0 0 0-1.483H3.27c-.58 0-1.05.47-1.05 1.05v12.625c0 .58.47 1.05 1.05 1.05h1.861v2.404c0 .914 1.087 1.392 1.76.774l3.46-3.178 8.375.001c.58 0 1.05-.47 1.05-1.05L19.774 4.65c0-.58-.47-1.05-1.05-1.05h-3.413a.741.741 0 0 0 0 1.483h2.991v11.783H9.79Z"
-  })), _path3 || (_path3 = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path3$2 || (_path3$2 = /*#__PURE__*/React__namespace.createElement("path", {
     d: "m11.845 13.761-.004.004c-.208.212-.526.335-.872.335-.345 0-.669-.124-.885-.342a1.282 1.282 0 0 1-.364-.896 1.3 1.3 0 0 1 .364-.89c.235-.237.56-.372.886-.372.32 0 .642.133.884.376l.001.002a1.26 1.26 0 0 1-.01 1.783Z"
   })));
 };
 
-var _path$1g;
-function _extends$1m() { _extends$1m = 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$1m.apply(this, arguments); }
+var _path$1h;
+function _extends$1n() { _extends$1n = 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$1n.apply(this, arguments); }
 var SvgIconEyeClosedSmall = function SvgIconEyeClosedSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1m({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1n({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$1g || (_path$1g = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1h || (_path$1h = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M1.205 11.805a.7.7 0 0 0 .99.99l1.768-1.768c.912.528 1.94.896 3.037.896 3.78 0 6.76-4.379 6.884-4.565a.738.738 0 0 0 0-.793 14.062 14.062 0 0 0-2.63-2.83l1.543-1.542a.7.7 0 1 0-.99-.99l-1.721 1.721C9.162 2.382 8.116 2 7 2 3.22 2 .24 6.378.116 6.565a.738.738 0 0 0 0 .793c.072.108 1.094 1.61 2.673 2.863l-1.584 1.584Zm4.143-2.163A3.148 3.148 0 0 0 9.68 5.31L8.565 6.425a1.653 1.653 0 0 1-2.1 2.1L5.347 9.643Zm.108-2.088L4.349 8.661A3.148 3.148 0 0 1 8.7 4.31L7.593 5.417a1.653 1.653 0 0 0-2.137 2.137Z",
     clipRule: "evenodd"
@@ -1097,9 +1141,9 @@ var SvgIconEyeClosedSmall = function SvgIconEyeClosedSmall(props) {
 };
 
 var _g$1;
-function _extends$1l() { _extends$1l = 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$1l.apply(this, arguments); }
+function _extends$1m() { _extends$1m = 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$1m.apply(this, arguments); }
 var SvgIconEyeOpenSmall = function SvgIconEyeOpenSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1l({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
@@ -1112,367 +1156,367 @@ var SvgIconEyeOpenSmall = function SvgIconEyeOpenSmall(props) {
   }))));
 };
 
-var _path$1f;
-function _extends$1k() { _extends$1k = 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$1k.apply(this, arguments); }
+var _path$1g;
+function _extends$1l() { _extends$1l = 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$1l.apply(this, arguments); }
 var SvgIconFilterSmall = function SvgIconFilterSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1k({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1l({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$1f || (_path$1f = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1g || (_path$1g = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M1 3a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H2a1 1 0 0 1-1-1ZM3 7a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1ZM6 10a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2H6Z"
   })));
 };
 
-var _path$1e;
-function _extends$1j() { _extends$1j = 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$1j.apply(this, arguments); }
+var _path$1f;
+function _extends$1k() { _extends$1k = 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$1k.apply(this, arguments); }
 var SvgIconFlagCheckSmall = function SvgIconFlagCheckSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1j({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1k({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$1e || (_path$1e = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1f || (_path$1f = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M.781 2h8.302c.186 0 .366.071.508.2l3.864 3.535c.17.156.308.35.402.569a1.76 1.76 0 0 1 0 1.392 1.661 1.661 0 0 1-.402.57L9.59 11.798a.753.753 0 0 1-.508.201H.78a.757.757 0 0 1-.552-.244.862.862 0 0 1-.229-.59V2.834c0-.22.082-.433.229-.589A.757.757 0 0 1 .78 2Zm6.645 3.026A.758.758 0 0 1 8.464 4.9a.698.698 0 0 1 .186.922l-.056.08-2.877 3.572a.758.758 0 0 1-1.088.085l-.073-.077-1.644-1.984a.698.698 0 0 1 .116-1.004.76.76 0 0 1 .971.04l.068.071 1.058 1.277 2.301-2.856Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1d;
-function _extends$1i() { _extends$1i = 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$1i.apply(this, arguments); }
+var _path$1e;
+function _extends$1j() { _extends$1j = 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$1j.apply(this, arguments); }
 var SvgIconFlagOutlineSmall = function SvgIconFlagOutlineSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1i({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1j({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$1d || (_path$1d = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1e || (_path$1e = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M13.455 5.735 9.59 2.2A.753.753 0 0 0 9.083 2H.78a.757.757 0 0 0-.552.244.863.863 0 0 0-.229.59v8.333c0 .22.082.433.229.589A.757.757 0 0 0 .78 12h8.302a.753.753 0 0 0 .508-.2l3.864-3.535c.17-.156.308-.35.402-.569a1.76 1.76 0 0 0 0-1.392 1.661 1.661 0 0 0-.402-.57Zm-.675 1.793a.662.662 0 0 0 .159-.227.763.763 0 0 0 0-.602.662.662 0 0 0-.16-.227L8.984 3H1v8h7.983l3.797-3.472Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1c;
-function _extends$1h() { _extends$1h = 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$1h.apply(this, arguments); }
+var _path$1d;
+function _extends$1i() { _extends$1i = 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$1i.apply(this, arguments); }
 var SvgIconFlagQuestionmarkSmall = function SvgIconFlagQuestionmarkSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1h({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1i({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$1c || (_path$1c = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1d || (_path$1d = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M9.083 2H.78a.757.757 0 0 0-.552.244.863.863 0 0 0-.229.59v8.333c0 .22.082.433.229.589A.757.757 0 0 0 .78 12h8.302a.753.753 0 0 0 .508-.2l3.864-3.535c.17-.156.308-.35.402-.569a1.76 1.76 0 0 0 0-1.392 1.661 1.661 0 0 0-.402-.57L9.59 2.202A.753.753 0 0 0 9.083 2Zm-.965 3.411c-.047-.853-.885-1.818-2.07-1.853-1.185-.035-1.983.886-2.12 1.666 0 0-.012.066-.018.131a.773.773 0 0 0 .018.234c.016.049.173.425.612.425.237 0 .393-.065.455-.19a1.52 1.52 0 0 0 .11-.308l.012-.043.001-.003c.028-.096.073-.253.261-.434a.916.916 0 0 1 .554-.272l.076-.006.074-.002c.598 0 .72.429.72.727 0 .276-.293.561-.559.82a8.99 8.99 0 0 0-.161.16l-.044.045c-.277.282-.555.567-.695.908-.147.359-.024.587.046.657l.02.02c.075.078.216.225.507.225.319 0 .506-.088.62-.202.052-.05.097-.138.159-.257.077-.149.181-.348.357-.591.084-.117.195-.252.313-.395.324-.392.704-.852.744-1.21l.007-.087.003-.092-.002-.073ZM5.95 8.825a.738.738 0 0 1 .735.735.737.737 0 0 1-1.255.52.74.74 0 0 1 0-1.04.74.74 0 0 1 .52-.215Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1b;
-function _extends$1g() { _extends$1g = 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$1g.apply(this, arguments); }
+var _path$1c;
+function _extends$1h() { _extends$1h = 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$1h.apply(this, arguments); }
 var SvgIconFlagXmarkSmall = function SvgIconFlagXmarkSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1g({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1h({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$1b || (_path$1b = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1c || (_path$1c = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M.781 2h8.302c.186 0 .366.071.508.2l3.864 3.535c.17.156.308.35.402.569a1.76 1.76 0 0 1 0 1.392 1.661 1.661 0 0 1-.402.57L9.59 11.798a.753.753 0 0 1-.508.201H.78a.757.757 0 0 1-.552-.244.862.862 0 0 1-.229-.59V2.834c0-.22.082-.433.229-.589A.757.757 0 0 1 .78 2Zm3.273 2.68a.617.617 0 1 0-.873.874l1.571 1.571-1.571 1.571a.617.617 0 1 0 .873.873l1.571-1.571 1.571 1.571a.617.617 0 1 0 .873-.873L6.498 7.125l1.571-1.571a.617.617 0 0 0-.873-.873L5.625 6.252 4.054 4.681Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$1a;
-function _extends$1f() { _extends$1f = 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$1f.apply(this, arguments); }
+var _path$1b;
+function _extends$1g() { _extends$1g = 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$1g.apply(this, arguments); }
 var SvgIconFlaskLarge = function SvgIconFlaskLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1f({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1g({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$1a || (_path$1a = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1b || (_path$1b = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M5.712 19.938a2.033 2.033 0 0 1-1.029-.3c-.895-.588-1.17-1.806-.616-2.739l1.097-1.854a.637.637 0 0 1 .223-.362l2.937-4.969V5.637c-.78-.181-1.33-.904-1.313-1.728v-.09c0-.97.764-1.756 1.706-1.756h4.544c.942 0 1.706.786 1.706 1.756v.09c.016.824-.533 1.547-1.313 1.729v4.076l2.937 4.969c.113.09.192.219.223.362l1.097 1.854c.553.933.28 2.151-.616 2.739-.312.19-.667.294-1.029.3H5.712Zm10.554-1.527a.433.433 0 0 0 .316-.13.46.46 0 0 0 .13-.323.44.44 0 0 0-.08-.25l-.995-1.66H6.34l-.995 1.66a.44.44 0 0 0-.08.25.46.46 0 0 0 .13.323.433.433 0 0 0 .316.13h10.554ZM13.11 3.603h-4.24a.213.213 0 0 0-.21.216v.09c0 .12.094.216.21.216h.359c.41.004.74.345.744.767v5.045a.712.712 0 0 1-.108.39l-2.47 4.147h7.19l-2.47-4.146a.712.712 0 0 1-.108-.39V4.891a.763.763 0 0 1 .744-.767h.359c.116 0 .21-.096.21-.216v-.09a.213.213 0 0 0-.21-.216Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$19, _path2$k;
-function _extends$1e() { _extends$1e = 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$1e.apply(this, arguments); }
+var _path$1a, _path2$m;
+function _extends$1f() { _extends$1f = 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$1f.apply(this, arguments); }
 var SvgIconFlaskPrivateLarge = function SvgIconFlaskPrivateLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1e({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1f({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$19 || (_path$19 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$1a || (_path$1a = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "#CCC",
     fillRule: "evenodd",
     d: "M11.867 17.252v-.216H4.723a.454.454 0 0 1-.456-.453.434.434 0 0 1 .082-.25l1.017-1.66h7.186a5.151 5.151 0 0 1 2.573-2.264L12.684 8.36V4.283a1.733 1.733 0 0 0 1.341-1.749v-.09c0-.97-.78-1.756-1.743-1.756H7.794A1.75 1.75 0 0 0 6.05 2.444v.09a1.733 1.733 0 0 0 1.342 1.729v4.076L4.39 13.308a.635.635 0 0 0-.228.362l-1.12 1.854a2.016 2.016 0 0 0 .629 2.739c.318.19.68.294 1.05.3h7.318a5.181 5.181 0 0 1-.173-1.31ZM8.81 8.987a.743.743 0 0 0 .118-.397V3.545a.77.77 0 0 0-.768-.767h-.366a.207.207 0 0 1-.208-.216v-.118c0-.117.092-.213.208-.216h4.488c.119 0 .215.096.215.216v.09c0 .12-.096.216-.215.216h-.366a.77.77 0 0 0-.76.767v5.045a.7.7 0 0 0 .11.39L13.79 13.1H6.286L8.81 8.987Z",
     clipRule: "evenodd"
-  })), _path2$k || (_path2$k = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$m || (_path2$m = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M16.844 11.688a5.156 5.156 0 1 1 0 10.312 5.156 5.156 0 0 1 0-10.313Zm.01 1.947c-.955 0-1.746.743-1.805 1.696v.605a.605.605 0 0 0-.605.598v2.407c0 .334.271.605.605.605h3.603a.598.598 0 0 0 .598-.605l.007-2.407a.598.598 0 0 0-.598-.598v-.605a1.808 1.808 0 0 0-1.805-1.696Zm-.01 3.284c.247 0 .447.2.447.447a.44.44 0 0 1-.227.378v.62a.22.22 0 0 1-.433 0v-.62a.426.426 0 0 1-.227-.378c0-.244.196-.443.44-.447Zm0-2.79a1.203 1.203 0 0 1 1.203 1.202v.605H15.64v-.605a1.21 1.21 0 0 1 1.203-1.203Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$18, _path2$j;
-function _extends$1d() { _extends$1d = 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$1d.apply(this, arguments); }
+var _path$19, _path2$l;
+function _extends$1e() { _extends$1e = 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$1e.apply(this, arguments); }
 var SvgIconFlaskPublicLarge = function SvgIconFlaskPublicLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1d({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1e({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$18 || (_path$18 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$19 || (_path$19 = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "#CCC",
     fillRule: "evenodd",
     d: "M11.867 17.252v-.216H4.723a.454.454 0 0 1-.456-.453.434.434 0 0 1 .082-.25l1.017-1.66h7.186a5.151 5.151 0 0 1 2.573-2.264L12.684 8.36V4.283a1.733 1.733 0 0 0 1.341-1.749v-.09c0-.97-.78-1.756-1.743-1.756H7.794A1.75 1.75 0 0 0 6.05 2.444v.09a1.733 1.733 0 0 0 1.342 1.729v4.076L4.39 13.308a.635.635 0 0 0-.228.362l-1.12 1.854a2.016 2.016 0 0 0 .629 2.739c.318.19.68.294 1.05.3h7.318a5.181 5.181 0 0 1-.173-1.31ZM8.81 8.987a.743.743 0 0 0 .118-.397V3.545a.77.77 0 0 0-.768-.767h-.366a.207.207 0 0 1-.208-.216v-.118c0-.117.092-.213.208-.216h4.488c.119 0 .215.096.215.216v.09c0 .12-.096.216-.215.216h-.366a.77.77 0 0 0-.76.767v5.045a.7.7 0 0 0 .11.39L13.79 13.1H6.286L8.81 8.987Z",
     clipRule: "evenodd"
-  })), _path2$j || (_path2$j = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$l || (_path2$l = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M17.26 11.704a5.156 5.156 0 1 0-.832 10.28 5.156 5.156 0 0 0 .832-10.28Zm.591.75c.2.047.398.104.591.172.107.073.226.127.351.158a4.371 4.371 0 0 1 1.45 1.093.2.2 0 0 1 .049.11.593.593 0 0 1 0 .289.523.523 0 0 0-.041.171.254.254 0 0 0 .199.22c.087.012.175.012.261 0a.165.165 0 0 1 .152.11c.038.117.091.227.158.33.198.484.31.998.33 1.52a.275.275 0 0 1-.07.192 1.933 1.933 0 0 0-.24.33c-.14.347-.317.676-.53.983a1.072 1.072 0 0 0-.288.413 2.067 2.067 0 0 0-.041.35c0 .049-.09.049-.138 0a2.655 2.655 0 0 1-.37-.859c-.042-.22-.09-.44-.152-.687a.894.894 0 0 0-.399-.53 1.991 1.991 0 0 0-.687-.103.811.811 0 0 1-.688-.247.522.522 0 0 1-.11-.303 1.375 1.375 0 0 1 .688-1.45c.061-.048.13-.07.192-.11a.468.468 0 0 0 .158-.461.062.062 0 0 0-.09-.048c-.128.04-.252.093-.37.158-.07 0-.138 0-.11-.069a2.514 2.514 0 0 1 .082-.687.956.956 0 0 0 0-.688.206.206 0 0 0-.137-.09h-.612a1.19 1.19 0 0 0 .282-.24.172.172 0 0 1 .13-.027Zm-2.22.062a.075.075 0 0 1 .11.048c.069.11.11.22.178.35.137.265.152.576.042.853-.152.31-.502.44-.79.598a4.028 4.028 0 0 0-1.472 1.313s-.041.069-.062.069a.076.076 0 0 1-.11-.048.536.536 0 0 1-.179-.152s-.082 0-.082.07a.687.687 0 0 0 .323.79c.05.02.096.047.137.082.083.11 0 .268 0 .4 0 .13.241.28.44.26.181-.035.357-.093.523-.172a1.32 1.32 0 0 1 1.19.152c.171.11.33.288.501.398a.853.853 0 0 0 .53.172c.04.001.078.016.11.041.05.191.01.394-.11.55-.149.166-.31.32-.482.461-.378.42-.46 1.059-.77 1.52-.071.085-.131.18-.178.281-.045.15-.059.306-.042.461 0 0 0 .069-.041.048a.874.874 0 0 1-.22-.09.144.144 0 0 1-.09-.11 5.934 5.934 0 0 0-.639-1.821 1.569 1.569 0 0 0-.481-.591c-.069-.049-.13-.09-.151-.159-.02-.068 0-.11 0-.15a1.691 1.691 0 0 0-.688-1.561.564.564 0 0 1-.22-.2c-.048-.082-.048-.22-.09-.302a1.317 1.317 0 0 0-.309-.268c-.04 0-.04-.062-.04-.11a4.468 4.468 0 0 1 3.162-3.183Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$17;
-function _extends$1c() { _extends$1c = 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$1c.apply(this, arguments); }
+var _path$18;
+function _extends$1d() { _extends$1d = 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$1d.apply(this, arguments); }
 var SvgIconGearSmall = function SvgIconGearSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1c({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1d({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$17 || (_path$17 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$18 || (_path$18 = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M13.292 5.6h-1.618a4.684 4.684 0 0 0-.394-.91l1.19-1.19a.703.703 0 0 0 0-.989l-.988-.989a.702.702 0 0 0-.989 0l-1.189 1.19a5.256 5.256 0 0 0-.91-.385V.7c0-.385-.314-.7-.699-.7H6.296c-.385 0-.7.315-.7.7v1.628a5.22 5.22 0 0 0-.961.41L3.498 1.602a.675.675 0 0 0-.953 0l-.945.954a.676.676 0 0 0 0 .954l1.137 1.137a4.448 4.448 0 0 0-.42.954H.7c-.385 0-.7.315-.7.7v1.4c0 .385.315.7.7.7h1.617c.096.324.236.621.394.91L1.52 10.5a.703.703 0 0 0 0 .989l.989.988a.702.702 0 0 0 .988 0l1.19-1.19c.288.158.585.29.909.385V13.3c0 .385.314.7.7.7h1.398c.385 0 .7-.315.7-.7v-1.628c.34-.104.656-.245.962-.41l1.136 1.137c.263.262.691.262.954 0l.953-.954a.676.676 0 0 0 0-.954l-1.137-1.137c.166-.306.315-.621.42-.963H13.3c.385 0 .7-.315.7-.7v-1.4a.714.714 0 0 0-.708-.691ZM6.996 9.625A2.62 2.62 0 0 1 4.372 7a2.62 2.62 0 0 1 2.624-2.625A2.62 2.62 0 0 1 9.619 7a2.62 2.62 0 0 1-2.623 2.625Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$16;
-function _extends$1b() { _extends$1b = 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$1b.apply(this, arguments); }
+var _path$17;
+function _extends$1c() { _extends$1c = 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$1c.apply(this, arguments); }
 var SvgIconGlobeBasicLarge = function SvgIconGlobeBasicLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1b({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1c({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$16 || (_path$16 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$17 || (_path$17 = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M11 0c6.075 0 11 4.925 11 11s-4.925 11-11 11S0 17.075 0 11 4.925 0 11 0Zm-.75 12.21v8.444c-.812-.293-1.673-1.067-2.43-2.455-.833-1.527-1.42-3.613-1.572-5.989h4.002Zm1.21 0v8.528c.893-.2 1.872-.985 2.72-2.54.833-1.526 1.42-3.612 1.572-5.988H11.46ZM15.79 11h-4.33V1.262c.893.2 1.872.985 2.72 2.54.972 1.78 1.61 4.323 1.61 7.198Zm1.174 1.21c-.2 3.363-1.228 6.27-2.701 8.023a9.8 9.8 0 0 0 6.453-8.023h-3.752ZM20.79 11a9.794 9.794 0 0 0-6.527-9.233C15.91 3.727 17 7.13 17 11h3.79Zm-10.54 0H6.21c0-2.875.638-5.418 1.61-7.199.757-1.388 1.618-2.162 2.43-2.455V11ZM5 11c0-3.87 1.09-7.272 2.737-9.233A9.794 9.794 0 0 0 1.21 11H5Zm-3.716 1.21a9.8 9.8 0 0 0 6.453 8.023c-1.473-1.753-2.5-4.66-2.701-8.023H1.284Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$15;
-function _extends$1a() { _extends$1a = 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$1a.apply(this, arguments); }
+var _path$16;
+function _extends$1b() { _extends$1b = 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$1b.apply(this, arguments); }
 var SvgIconGlobeSmall = function SvgIconGlobeSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1a({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1b({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$15 || (_path$15 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$16 || (_path$16 = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M7.554.175c-4.2-.35-7.729 3.18-7.379 7.38.263 3.324 2.946 6.008 6.27 6.27 4.23.35 7.73-3.18 7.38-7.38-.262-3.324-2.946-6.008-6.27-6.27Zm.788.992c.262.058.525.145.787.233.146.088.292.175.467.204.729.35 1.4.846 1.925 1.458.029.03.058.088.058.146.03.117 0 .263-.029.38-.03.087-.058.145-.058.233 0 .146.145.262.262.291.088.03.234.03.35.03a.22.22 0 0 1 .204.145c.059.146.146.38.204.438.263.642.409 1.313.438 2.013 0 .087-.03.204-.087.262a2.414 2.414 0 0 0-.321.438c-.204.408-.38.875-.671 1.224-.146.175-.321.321-.38.555-.058.146-.028.32-.058.466 0 .059-.116.059-.175.03a3.299 3.299 0 0 1-.495-1.138 9.48 9.48 0 0 0-.205-.875c-.087-.292-.262-.554-.525-.7-.291-.146-.612-.117-.933-.146-.32 0-.67-.058-.875-.32a.697.697 0 0 1-.146-.409c-.146-.758.263-1.575.933-1.925.088-.058.175-.088.263-.146a.605.605 0 0 0 .204-.612c0-.059-.087-.088-.116-.059-.175.059-.35.117-.496.204-.088.03-.175-.029-.146-.087 0-.263.029-.583.117-.875.087-.32.175-.67.029-.933-.03-.059-.117-.117-.175-.117h-.817c-.03 0-.03-.03-.03-.03.147-.087.263-.203.38-.32a.221.221 0 0 1 .117-.058Zm-2.946.087c.058-.029.117 0 .146.058.087.146.146.292.233.467.146.38.233.788.058 1.138-.204.408-.67.583-1.05.787a5.372 5.372 0 0 0-1.954 1.75c-.029.03-.058.088-.087.088-.059.029-.117 0-.146-.059-.088-.058-.175-.116-.234-.204-.029-.029-.116.03-.116.088-.117.408.087.846.437 1.05a.61.61 0 0 1 .175.116c.117.146 0 .35.03.525.029.234.32.38.583.35.262-.029.466-.146.7-.233.525-.175 1.137-.117 1.575.204.233.146.437.38.67.525.205.146.467.263.7.233.059 0 .117.03.147.059.087.233 0 .525-.146.729-.175.233-.438.408-.642.612-.496.555-.612 1.4-1.02 2.013-.088.117-.176.233-.234.38-.088.203-.059.408-.059.612 0 .029-.029.087-.058.058-.087-.03-.204-.058-.292-.117-.058-.029-.116-.087-.116-.146a7.974 7.974 0 0 0-.846-2.42c-.175-.292-.35-.613-.642-.788-.087-.058-.175-.117-.204-.204-.029-.058 0-.146 0-.204.117-.788-.262-1.604-.904-2.071-.117-.088-.233-.146-.292-.263-.058-.116-.058-.291-.116-.408-.059-.117-.292-.262-.409-.35-.058-.029-.058-.087-.058-.146.496-2.012 2.13-3.675 4.17-4.229Z"
   })));
 };
 
-var _path$14;
-function _extends$19() { _extends$19 = 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$19.apply(this, arguments); }
+var _path$15;
+function _extends$1a() { _extends$1a = 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$1a.apply(this, arguments); }
 var SvgIconGridLarge = function SvgIconGridLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$19({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1a({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$14 || (_path$14 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$15 || (_path$15 = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M2.617 2.063a.605.605 0 0 0-.554.596v16.683c0 .329.277.596.618.596h17.325a.608.608 0 0 0 .619-.596V2.659a.608.608 0 0 0-.619-.596H2.681a.642.642 0 0 0-.064 0ZM3.3 3.255h3.3v3.178H3.3V3.255Zm4.538 0h2.887v3.178H7.838V3.255Zm4.125 0h2.887v3.178h-2.887V3.255Zm4.124 0h3.3v3.178h-3.3V3.255ZM3.3 7.625h3.3v2.78H3.3v-2.78Zm4.538 0h2.887v2.78H7.838v-2.78Zm4.125 0h2.887v2.78h-2.887v-2.78Zm4.124 0h3.3v2.78h-3.3v-2.78ZM3.3 11.595h3.3v2.78H3.3v-2.78Zm4.538 0h2.887v2.78H7.838v-2.78Zm4.125 0h2.887v2.78h-2.887v-2.78Zm4.124 0h3.3v2.78h-3.3v-2.78ZM3.3 15.568h3.3v3.178H3.3v-3.178Zm4.538 0h2.887v3.178H7.838v-3.178Zm4.125 0h2.887v3.178h-2.887v-3.178Zm4.124 0h3.3v3.178h-3.3v-3.178Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$13, _path2$i;
-function _extends$18() { _extends$18 = 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$18.apply(this, arguments); }
+var _path$14, _path2$k;
+function _extends$19() { _extends$19 = 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$19.apply(this, arguments); }
 var SvgIconGridPrivateLarge = function SvgIconGridPrivateLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$18({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$19({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$13 || (_path$13 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$14 || (_path$14 = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "#CCC",
     fillRule: "evenodd",
     d: "M11.78 17.398H9.864v-2.944h2.534a4.61 4.61 0 0 1 1.301-1.507V10.62h2.944v1.164h.274c.343 0 .685.069.959.069v-9.86a.614.614 0 0 0-.616-.617H1.235c-.342 0-.548.274-.548.616v15.955c0 .343.274.616.617.616h10.682a3.198 3.198 0 0 1-.205-1.164Zm1.918-14.79h2.944v2.944h-2.944V2.608Zm0 4.245h2.944v2.534h-2.944V6.853ZM9.863 2.608h2.534v2.944H9.863V2.608Zm0 4.245h2.534v2.534H9.863V6.853Zm0 3.766h2.534v2.534H9.863v-2.534ZM4.796 17.4H1.852v-2.945h2.944v2.944Zm0-4.246H1.852v-2.534h2.944v2.534Zm0-3.766H1.852V6.853h2.944v2.534Zm0-3.835H1.852V2.608h2.944v2.944Zm3.835 11.846H6.097v-2.944h2.534v2.944Zm0-4.245H6.097v-2.534h2.534v2.534Zm0-3.766H6.097V6.853h2.534v2.534Zm0-3.835H6.097V2.608h2.534v2.944Z",
     clipRule: "evenodd"
-  })), _path2$i || (_path2$i = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$k || (_path2$k = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M16.844 11.688A5.15 5.15 0 0 1 22 16.843C22 19.663 19.663 22 16.844 22c-2.819 0-5.157-2.337-5.157-5.156 0-2.819 2.338-5.157 5.157-5.157Zm0 1.787c-.963 0-1.788.825-1.788 1.787v.62a.616.616 0 0 0-.618.618v2.406c0 .344.274.619.618.619h3.575a.616.616 0 0 0 .619-.619V16.5a.616.616 0 0 0-.619-.619v-.619c0-.962-.825-1.787-1.787-1.787Zm0 3.438c.275 0 .481.206.412.412 0 .206-.069.344-.206.413v.618c0 .138-.069.206-.206.206-.138 0-.207-.068-.207-.206v-.619c-.137-.137-.206-.274-.206-.412 0-.206.138-.412.413-.412Zm0-2.82c.687 0 1.237.55 1.168 1.238v.619h-2.406v-.619c0-.687.55-1.237 1.238-1.237Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$12, _path2$h;
-function _extends$17() { _extends$17 = 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$17.apply(this, arguments); }
+var _path$13, _path2$j;
+function _extends$18() { _extends$18 = 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$18.apply(this, arguments); }
 var SvgIconGridPublicLarge = function SvgIconGridPublicLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$17({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$18({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$12 || (_path$12 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$13 || (_path$13 = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "#CCC",
     fillRule: "evenodd",
     d: "M11.78 17.398H9.864v-2.944h2.534a4.61 4.61 0 0 1 1.301-1.507V10.62h2.944v1.164h.274c.343 0 .685.069.959.069v-9.86a.614.614 0 0 0-.616-.617H1.235c-.342 0-.548.274-.548.616v15.955c0 .343.274.616.617.616h10.682a3.198 3.198 0 0 1-.205-1.164Zm1.918-14.79h2.944v2.944h-2.944V2.608Zm0 4.245h2.944v2.534h-2.944V6.853ZM9.863 2.608h2.534v2.944H9.863V2.608Zm0 4.245h2.534v2.534H9.863V6.853Zm0 3.766h2.534v2.534H9.863v-2.534ZM4.796 17.4H1.852v-2.945h2.944v2.944Zm0-4.246H1.852v-2.534h2.944v2.534Zm0-3.766H1.852V6.853h2.944v2.534Zm0-3.835H1.852V2.608h2.944v2.944Zm3.835 11.846H6.097v-2.944h2.534v2.944Zm0-4.245H6.097v-2.534h2.534v2.534Zm0-3.766H6.097V6.853h2.534v2.534Zm0-3.835H6.097V2.608h2.534v2.944Z",
     clipRule: "evenodd"
-  })), _path2$h || (_path2$h = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$j || (_path2$j = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M17.255 11.707c-3.15-.274-5.822 2.397-5.548 5.548.205 2.465 2.192 4.52 4.726 4.726 3.15.274 5.822-2.398 5.548-5.548-.206-2.534-2.192-4.59-4.726-4.726Zm.616.685.617.205c.137.069.205.137.342.137a4.47 4.47 0 0 1 1.438 1.096s.069.069.069.137v.274c0 .069-.069.137-.069.206 0 .137.137.205.206.205h.274c.068 0 .137.069.137.137.068.137.137.274.137.343.205.479.274.958.342 1.506 0 .069 0 .137-.068.206a1.491 1.491 0 0 0-.274.342c-.137.274-.274.685-.48.89-.137.138-.274.275-.274.412-.068.137 0 .274-.068.342 0 .069-.069.069-.137 0-.206-.274-.274-.548-.343-.822-.068-.205-.068-.41-.137-.685a1.065 1.065 0 0 0-.41-.548c-.206-.137-.48-.068-.685-.137-.274 0-.48-.068-.685-.274a.52.52 0 0 1-.137-.274c-.137-.548.205-1.164.685-1.438.068-.068.137-.068.205-.137.137-.137.206-.274.137-.48 0-.068-.069-.068-.069-.068-.136.069-.273.069-.342.137-.068 0-.137 0-.137-.068 0-.206 0-.411.069-.685.068-.274.137-.48 0-.685 0-.069-.069-.069-.137-.069h-.617a.534.534 0 0 0 .274-.274c.069.137.137.069.137.069Zm-2.192.068c.069 0 .069 0 .137.069.069.137.137.205.206.342.137.274.205.617.068.822-.137.274-.48.411-.753.617-.617.274-1.096.753-1.438 1.3l-.069.07c-.068 0-.068 0-.137-.07-.068-.068-.137-.068-.205-.136 0 0-.069 0-.069.068a.689.689 0 0 0 .343.754c.068 0 .068.068.137.068.068.137 0 .274 0 .411 0 .206.274.274.41.274.206 0 .343-.137.549-.205.41-.137.821-.069 1.164.137.205.137.342.274.48.41a.778.778 0 0 0 .547.206c.069 0 .069 0 .137.069.069.205 0 .41-.137.548-.137.205-.342.274-.48.479-.342.411-.479 1.027-.753 1.507-.068.068-.137.205-.205.274-.069.137-.069.274-.069.48 0 0 0 .068-.068.068-.069 0-.137-.069-.206-.069-.068 0-.068-.068-.068-.137a9.758 9.758 0 0 0-.616-1.849c-.137-.205-.274-.48-.48-.616-.068-.069-.137-.069-.137-.137v-.137a1.722 1.722 0 0 0-.685-1.576c-.068-.068-.205-.137-.205-.205 0-.069-.069-.206-.069-.274l-.274-.274c-.068 0-.068-.069-.068-.137.274-1.438 1.438-2.74 3.013-3.15Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$11;
-function _extends$16() { _extends$16 = 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$16.apply(this, arguments); }
+var _path$12;
+function _extends$17() { _extends$17 = 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$17.apply(this, arguments); }
 var SvgIconHouseSmall = function SvgIconHouseSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$16({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$17({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$11 || (_path$11 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$12 || (_path$12 = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M6.686 1.306a.45.45 0 0 1 .628 0l5.822 5.672a.45.45 0 0 1-.315.772H11.5v4.8a.45.45 0 0 1-.45.45H9.2a.45.45 0 0 1-.45-.45v-2.6a.45.45 0 0 0-.45-.45H5.7a.45.45 0 0 0-.45.45v2.6a.45.45 0 0 1-.45.45H2.95a.45.45 0 0 1-.45-.45v-4.8H1.179a.45.45 0 0 1-.315-.772l5.822-5.672Z"
   })));
 };
 
-var _path$10, _path2$g;
-function _extends$15() { _extends$15 = 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$15.apply(this, arguments); }
+var _path$11, _path2$i;
+function _extends$16() { _extends$16 = 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$16.apply(this, arguments); }
 var SvgIconInfoCircleLarge = function SvgIconInfoCircleLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$15({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$16({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$10 || (_path$10 = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$11 || (_path$11 = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M12.251 7.503a1.78 1.78 0 0 1-1.25.519 1.774 1.774 0 0 1-1.766-1.766 1.763 1.763 0 0 1 1.766-1.766c.467 0 .922.188 1.25.516.328.328.516.784.516 1.25 0 .465-.188.92-.516 1.247Zm-.78-1.724c-.245-.247-.695-.247-.935-.002a.666.666 0 0 0 .465 1.141.667.667 0 0 0 .47-1.139ZM11.001 8.684c.608 0 1.5.39 1.545 1.261v6.023c0 .852-.693 1.546-1.545 1.546a1.547 1.547 0 0 1-1.545-1.546V9.95c.039-.823.95-1.266 1.545-1.266Zm-.414 6.97a.413.413 0 0 0 .825 0v-5.102c-.01-.174-.185-.411-.413-.411-.228 0-.403.227-.412.414v5.099Z",
     clipRule: "evenodd"
-  })), _path2$g || (_path2$g = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$i || (_path2$i = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M20.5 11a9.5 9.5 0 1 1-19 0 9.5 9.5 0 0 1 19 0Zm-1.45 0a8.05 8.05 0 1 1-16.1 0 8.05 8.05 0 0 1 16.1 0Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$$;
-function _extends$14() { _extends$14 = 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$14.apply(this, arguments); }
+var _path$10;
+function _extends$15() { _extends$15 = 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$15.apply(this, arguments); }
 var SvgIconInfoCircleSmall = function SvgIconInfoCircleSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$14({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$15({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$$ || (_path$$ = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$10 || (_path$10 = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M12.6 7A5.6 5.6 0 1 1 1.4 7a5.6 5.6 0 0 1 11.2 0ZM14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0ZM6.1 4.25a.9.9 0 1 1 1.8 0 .9.9 0 0 1-1.8 0Zm1.7 5.6a.8.8 0 0 1-1.6 0v-2.9a.8.8 0 1 1 1.6 0v2.9Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$_;
-function _extends$13() { _extends$13 = 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$13.apply(this, arguments); }
+var _path$$;
+function _extends$14() { _extends$14 = 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$14.apply(this, arguments); }
 var SvgIconInfoSpeechBubbleLarge = function SvgIconInfoSpeechBubbleLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$13({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$14({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$_ || (_path$_ = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$$ || (_path$$ = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M18.011 4.403a9.608 9.608 0 0 1-.027 13.203l-.17.174a9.63 9.63 0 0 1-6.79 2.845 9.653 9.653 0 0 1-4.507-1.12 5.647 5.647 0 0 1-3.983.901 1.028 1.028 0 0 1-.843-.888.975.975 0 0 1 .564-1.028 3.204 3.204 0 0 0 1.328-1.373A9.608 9.608 0 0 1 4.633 3.78a9.632 9.632 0 0 1 13.378.624Zm-12.55.489a8.283 8.283 0 0 0-.664 11.569l.458.345-.225.484a5.584 5.584 0 0 1-1.328 1.85 4.65 4.65 0 0 0 2.39-.942l.458-.345.378.352a8.31 8.31 0 0 0 9.83-1.17l.16-.157a8.282 8.282 0 0 0 .136-11.587 8.304 8.304 0 0 0-11.593-.4Zm4.253 4.63.142.01H11.7a1.493 1.493 0 0 1 1.507 1.472v.02a7.202 7.202 0 0 1-.067.855l-.053.338c-.106.703-.212 1.439-.325 2.102.312.05.594.216.79.464.258.322.351.747.252 1.147v.053a1.762 1.762 0 0 1-.358.703 2.802 2.802 0 0 1-2.124 1.114h-.04a4.507 4.507 0 0 1-.97-.08 2.394 2.394 0 0 1-1.705-2.512c.046-.458.1-.909.172-1.327.073-.57.16-1.14.246-1.717a1.392 1.392 0 0 1-.737-1.4 1.36 1.36 0 0 1 1.142-1.233 2.18 2.18 0 0 1 .425 0l-.142-.009Zm.068 1.137a.87.87 0 0 0-.225 0 .225.225 0 0 0-.22.232.279.279 0 0 0 .167.305c.104.03.21.052.318.066.253.033.332.146.332.451v.133c-.113.742-.219 1.478-.318 2.214a20.87 20.87 0 0 0-.166 1.274c-.039.58.306 1.118.85 1.326.232.038.467.054.703.046a1.693 1.693 0 0 0 1.327-.703.717.717 0 0 0 .14-.285c.033-.146-.04-.252-.146-.252h-.073c-.1.046-.186.113-.279.166a1.68 1.68 0 0 1-.365.12h-.033c-.12 0-.22-.087-.26-.253-.02-.134-.02-.27 0-.404.027-.285.074-.557.114-.842.14-.836.265-1.691.391-2.527.03-.22.049-.441.053-.663-.013-.272-.152-.404-.378-.404H9.782Zm1.66-6.14a2.143 2.143 0 1 1-1.956 3.243 2.14 2.14 0 0 1 1.956-3.244Zm0 1.127a1.016 1.016 0 1 0 .989 1.008c.004-.55-.438-1.001-.989-1.008Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$Z;
-function _extends$12() { _extends$12 = 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$12.apply(this, arguments); }
+var _path$_;
+function _extends$13() { _extends$13 = 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$13.apply(this, arguments); }
 var SvgIconLifeRingSmall = function SvgIconLifeRingSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$12({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$13({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$Z || (_path$Z = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$_ || (_path$_ = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M7 14A7 7 0 1 0 7 0a7 7 0 0 0 0 14Zm2.763-2.186A5.524 5.524 0 0 1 7 12.55a5.524 5.524 0 0 1-2.763-.736L5.81 10.24c.37.136.771.21 1.189.21.418 0 .818-.074 1.189-.21l1.574 1.574Zm2.051-2.05A5.525 5.525 0 0 0 12.55 7c0-1.006-.268-1.95-.736-2.763L10.24 5.81c.136.37.21.771.21 1.189 0 .418-.074.818-.21 1.19l1.574 1.574Zm-2.05-7.578L8.189 3.76A3.443 3.443 0 0 0 7 3.55c-.418 0-.818.074-1.19.21L4.237 2.186A5.524 5.524 0 0 1 7 1.45c1.006 0 1.95.268 2.764.736Zm-7.578 2.05A5.525 5.525 0 0 0 1.45 7c0 1.006.268 1.95.736 2.764L3.76 8.189A3.443 3.443 0 0 1 3.55 7c0-.418.074-.818.21-1.189L2.186 4.237ZM7 9a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$Y, _path2$f;
-function _extends$11() { _extends$11 = 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$11.apply(this, arguments); }
+var _path$Z, _path2$h;
+function _extends$12() { _extends$12 = 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$12.apply(this, arguments); }
 var SvgIconLightBulbLarge = function SvgIconLightBulbLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$11({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$12({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$Y || (_path$Y = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$Z || (_path$Z = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M11.27 2.011c3.064.132 5.563 2.551 5.723 5.534a5.582 5.582 0 0 1-1.285 3.824c-.686.825-1.152 1.623-1.448 2.455l-.007.023v2.87a.82.82 0 0 1-.524.766c-.073.6-.619 2.47-1.185 2.47-.068.042-3.007.042-3.094 0-.616 0-1.112-1.859-1.185-2.45a.842.842 0 0 1-.524-.765v-2.891l-.007-.022c-.296-.832-.762-1.63-1.45-2.478A5.59 5.59 0 0 1 5 7.77c0-1.593.667-3.072 1.857-4.173 1.192-1.103 2.772-1.652 4.414-1.586Zm3.085 8.3c.64-.776.972-1.729.952-2.744-.105-2.077-1.88-3.814-4.08-3.914a4.341 4.341 0 0 0-3.173 1.136c-.85.799-1.323 1.851-1.323 2.98 0 .934.309 1.806.908 2.542.631.77 1.106 1.54 1.46 2.313h3.795c.355-.791.831-1.545 1.461-2.314Zm-1.811 5.585v-1.608H9.45v1.608h3.094Zm-2.282 2.52c.043.073 1.397.06 1.475 0 .101-.174.21-.658.252-.878h-1.983c.043.214.156.704.256.877Z",
     clipRule: "evenodd"
-  })), _path2$f || (_path2$f = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$h || (_path2$h = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M11.908 5.933c0-.502-.407-.728-.908-.728a2.56 2.56 0 0 0-2.558 2.558c0 .501.29.907.79.907.46 0 .84-.341.9-.784l.008-.123c0-.372.393-.861.75-.914L11 6.84a.908.908 0 0 0 .908-.908Z"
   })));
 };
 
-var _path$X;
-function _extends$10() { _extends$10 = 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$10.apply(this, arguments); }
+var _path$Y;
+function _extends$11() { _extends$11 = 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$11.apply(this, arguments); }
 var SvgIconLightBulbSmall = function SvgIconLightBulbSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$10({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$11({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$X || (_path$X = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$Y || (_path$Y = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M7.001 0a4.851 4.851 0 0 1 3.65 8.043l-.148.177c-.498.622-1.03 1.547-1.23 2.217l-.001.001v2.02a.555.555 0 0 1-.054.235l-.04.07-.658.99a.552.552 0 0 1-.46.247H5.942a.553.553 0 0 1-.46-.247l-.659-.99a.55.55 0 0 1-.092-.305l-.001-1.997c-.227-.77-.845-1.809-1.38-2.419l-.159-.191a4.821 4.821 0 0 1-1.041-3A4.833 4.833 0 0 1 7.001 0Zm0 1.535a3.301 3.301 0 0 0-3.315 3.316c.003.808.29 1.576.82 2.18l.226.269A8.333 8.333 0 0 1 6.2 10.02l-.066-.196 1.733.001A8.387 8.387 0 0 1 9.27 7.298l.226-.268c.529-.603.82-1.377.82-2.179A3.32 3.32 0 0 0 7 1.535Zm.247 1.388a.772.772 0 1 1 0 1.544l-.093.007a.633.633 0 0 0-.538.624l-.007.105a.772.772 0 0 1-1.537-.105c0-1.2.975-2.175 2.175-2.175Z"
   })));
 };
 
-var _path$W;
-function _extends$$() { _extends$$ = 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$$.apply(this, arguments); }
+var _path$X;
+function _extends$10() { _extends$10 = 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$10.apply(this, arguments); }
 var SvgIconLinesDashed3Solid1Small = function SvgIconLinesDashed3Solid1Small(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$$({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$10({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$W || (_path$W = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$X || (_path$X = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M7.201 9.116a.864.864 0 1 0 0-1.727H3.728a.864.864 0 0 0 0 1.727H7.2ZM10.804 9.116a.864.864 0 0 0 0-1.727H9.33a.864.864 0 0 0 0 1.727h1.474ZM3.6 6.628a.864.864 0 0 0 0-1.727H2.127a.864.864 0 0 0 0 1.727H3.6ZM9.204 6.622a.864.864 0 0 0 0-1.727H5.73a.864.864 0 0 0 0 1.727h3.474ZM5.073 4.14a.864.864 0 0 0 0-1.727H3.6a.864.864 0 1 0 0 1.727h1.474ZM10.672 4.14a.864.864 0 0 0 0-1.727H7.198a.864.864 0 1 0 0 1.727h3.474ZM12.359 11.616a.864.864 0 1 0 0-1.727H1.847a.864.864 0 1 0 0 1.727H12.36Z"
   })));
 };
 
-var _path$V;
-function _extends$_() { _extends$_ = 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$_.apply(this, arguments); }
+var _path$W;
+function _extends$$() { _extends$$ = 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$$.apply(this, arguments); }
 var SvgIconLinesHorizontalLarge = function SvgIconLinesHorizontalLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$_({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$$({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$V || (_path$V = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$W || (_path$W = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M21.089 11.189a1.33 1.33 0 0 1-1.33 1.33H1.99a1.33 1.33 0 0 1 0-2.66h17.767c.735 0 1.33.595 1.33 1.33Zm0-6.401a1.33 1.33 0 0 1-1.33 1.33H1.99a1.33 1.33 0 0 1 0-2.66h17.767c.735 0 1.33.595 1.33 1.33Zm0 12.802a1.33 1.33 0 0 1-1.33 1.33H1.99a1.33 1.33 0 1 1 0-2.66h17.767c.735 0 1.33.595 1.33 1.33Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$U;
-function _extends$Z() { _extends$Z = 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$Z.apply(this, arguments); }
+var _path$V;
+function _extends$_() { _extends$_ = 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$_.apply(this, arguments); }
 var SvgIconLinesHorizontalSmall = function SvgIconLinesHorizontalSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$Z({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$_({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$U || (_path$U = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$V || (_path$V = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M13.42 7.12c0 .468-.379.847-.847.847H1.267a.847.847 0 1 1 0-1.694h11.306c.468 0 .847.38.847.847Zm0-4.073c0 .467-.379.846-.847.846H1.267a.847.847 0 1 1 0-1.693h11.306c.468 0 .847.38.847.847Zm0 8.147c0 .467-.379.846-.847.846H1.267a.847.847 0 1 1 0-1.693h11.306c.468 0 .847.379.847.847Z"
   })));
 };
 
-var _path$T;
-function _extends$Y() { _extends$Y = 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$Y.apply(this, arguments); }
+var _path$U;
+function _extends$Z() { _extends$Z = 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$Z.apply(this, arguments); }
 var SvgIconLinkSmall = function SvgIconLinkSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$Y({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$Z({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$T || (_path$T = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$U || (_path$U = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     stroke: "#FFF",
     strokeWidth: 0.1,
@@ -1480,23 +1524,23 @@ var SvgIconLinkSmall = function SvgIconLinkSmall(props) {
   })));
 };
 
-var _path$S;
-function _extends$X() { _extends$X = 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$X.apply(this, arguments); }
+var _path$T;
+function _extends$Y() { _extends$Y = 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$Y.apply(this, arguments); }
 var SvgIconListSmall = function SvgIconListSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$X({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$Y({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$S || (_path$S = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$T || (_path$T = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M1.925 9.825a1.3 1.3 0 1 1 0 2.6 1.3 1.3 0 0 1 0-2.6Zm10.711.375c.23 0 .429.147.507.37l.024.087.008.093v.75c0 .229-.138.43-.351.513l-.096.028-.092.009H5.364a.538.538 0 0 1-.507-.37l-.024-.087-.008-.093v-.75c0-.229.138-.43.351-.513l.096-.028.092-.009h7.272ZM1.925 5.825a1.3 1.3 0 1 1 0 2.6 1.3 1.3 0 0 1 0-2.6Zm10.711.375c.23 0 .429.147.507.37l.024.087.008.093v.75c0 .229-.138.43-.351.513l-.096.028-.092.009H5.364a.538.538 0 0 1-.507-.37l-.024-.087-.008-.093v-.75c0-.229.138-.43.351-.513l.096-.028.092-.009h7.272ZM1.925 1.825a1.3 1.3 0 1 1 0 2.6 1.3 1.3 0 0 1 0-2.6Zm10.711.375c.23 0 .429.147.507.37l.024.087.008.093v.75c0 .229-.138.43-.351.513l-.096.028-.092.009H5.364a.538.538 0 0 1-.507-.37l-.024-.087-.008-.093v-.75c0-.229.138-.43.351-.513l.096-.028.092-.009h7.272Z"
   })));
 };
 
 var _animateTransform$1, _animate$1, _animateTransform2$1, _animate2$1, _animateTransform3$1, _animate3$1, _animateTransform4$1, _animate4$1, _animateTransform5$1, _animate5$1, _animateTransform6$1, _animate6$1, _animateTransform7$1, _animate7$1, _animateTransform8$1, _animate8$1, _animateTransform9$1, _animate9$1;
-function _extends$W() { _extends$W = 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$W.apply(this, arguments); }
+function _extends$X() { _extends$X = 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$X.apply(this, arguments); }
 var SvgIconLoadingLarge = function SvgIconLoadingLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$W({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$X({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
@@ -1675,9 +1719,9 @@ var SvgIconLoadingLarge = function SvgIconLoadingLarge(props) {
 };
 
 var _animateTransform, _animate, _animateTransform2, _animate2, _animateTransform3, _animate3, _animateTransform4, _animate4, _animateTransform5, _animate5, _animateTransform6, _animate6, _animateTransform7, _animate7, _animateTransform8, _animate8, _animateTransform9, _animate9;
-function _extends$V() { _extends$V = 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$V.apply(this, arguments); }
+function _extends$W() { _extends$W = 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$W.apply(this, arguments); }
 var SvgIconLoadingSmall = function SvgIconLoadingSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$V({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$W({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
@@ -1855,110 +1899,110 @@ var SvgIconLoadingSmall = function SvgIconLoadingSmall(props) {
   }))));
 };
 
-var _path$R, _path2$e;
-function _extends$U() { _extends$U = 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$U.apply(this, arguments); }
+var _path$S, _path2$g;
+function _extends$V() { _extends$V = 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$V.apply(this, arguments); }
 var SvgIconLockCircleSmall = function SvgIconLockCircleSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$U({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$V({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$R || (_path$R = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$S || (_path$S = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M7 3.267c-.933 0-1.68.746-1.68 1.68v.84h3.267v-.84c.093-.934-.654-1.68-1.587-1.68ZM7 7.093c-.373 0-.56.28-.56.56 0 .187.093.374.28.56v.84c0 .187.093.28.28.28.187 0 .28-.093.28-.28v-.84c.187-.093.28-.28.28-.56.093-.28-.187-.56-.56-.56Z"
-  })), _path2$e || (_path2$e = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$g || (_path2$g = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M7 0C3.173 0 0 3.173 0 7s3.173 7 7 7 7-3.173 7-7-3.08-7-7-7Zm3.267 9.8c0 .467-.374.84-.84.84H4.573a.836.836 0 0 1-.84-.84V6.533c0-.466.374-.84.84-.84v-.84c0-1.306 1.12-2.426 2.427-2.426s2.427 1.12 2.427 2.426v.84c.466 0 .84.374.84.84V9.8Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$Q;
-function _extends$T() { _extends$T = 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$T.apply(this, arguments); }
+var _path$R;
+function _extends$U() { _extends$U = 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$U.apply(this, arguments); }
 var SvgIconLockLarge = function SvgIconLockLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$T({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$U({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$Q || (_path$Q = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$R || (_path$R = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M14.322 7.727V6.09a3.322 3.322 0 0 0-6.644 0v1.637H6.09V6.09a4.91 4.91 0 1 1 9.822 0v1.637h-1.589Zm2.006 1.589H5.672a.722.722 0 0 0-.722.722v8.473c0 .4.323.723.722.723h10.656a.722.722 0 0 0 .722-.723v-8.473a.722.722 0 0 0-.722-.722ZM5.672 7.727a2.31 2.31 0 0 0-2.31 2.31v8.474a2.31 2.31 0 0 0 2.31 2.311h10.656a2.311 2.311 0 0 0 2.31-2.31v-8.474a2.311 2.311 0 0 0-2.31-2.311H5.672ZM11.8 14.18c.396-.279.68-.739.68-1.21 0-.753-.727-1.48-1.48-1.48s-1.48.727-1.48 1.48c0 .471.284.931.68 1.21v2.2c0 .377.423.68.8.68.377 0 .8-.303.8-.68v-2.2Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$P;
-function _extends$S() { _extends$S = 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$S.apply(this, arguments); }
+var _path$Q;
+function _extends$T() { _extends$T = 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$T.apply(this, arguments); }
 var SvgIconLockSmall = function SvgIconLockSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$S({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$T({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$P || (_path$P = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$Q || (_path$Q = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M6.848 1c1.97 0 3.592 1.56 3.691 3.506l.005.19v.933l.024.004c.555.108.995.548 1.103 1.103l.019.13.006.134v4.608c0 .721-.554 1.318-1.258 1.386l-.134.006H3.392a1.396 1.396 0 0 1-1.386-1.258L2 11.608V7c0-.63.424-1.167 1.002-1.336l.126-.03.024-.005v-.933a3.708 3.708 0 0 1 3.32-3.677l.186-.014.19-.005Zm0 6.348c-.739 0-1.354.562-1.354 1.267l.008.14.025.135c.052.22.16.413.316.571l.09.083.001.793c0 .49.412.871.914.871l.114-.007.113-.022c.403-.1.687-.436.687-.842l-.001-.799.089-.082c.227-.236.352-.529.352-.84 0-.706-.615-1.268-1.354-1.268Zm0-4.716c-1.085 0-1.983.85-2.059 1.917l-.005.147v.912h4.128v-.912c0-1.085-.85-1.983-1.917-2.059l-.147-.005Z"
   })));
 };
 
-var _path$O;
-function _extends$R() { _extends$R = 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$R.apply(this, arguments); }
+var _path$P;
+function _extends$S() { _extends$S = 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$S.apply(this, arguments); }
 var SvgIconMinusSmall = function SvgIconMinusSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$R({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$S({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$O || (_path$O = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$P || (_path$P = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M13 7.005a.875.875 0 0 0-.875-.875H1.875a.875.875 0 0 0 0 1.75h10.25A.875.875 0 0 0 13 7.005Z"
   })));
 };
 
-var _path$N;
-function _extends$Q() { _extends$Q = 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$Q.apply(this, arguments); }
+var _path$O;
+function _extends$R() { _extends$R = 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$R.apply(this, arguments); }
 var SvgIconOpenSmall = function SvgIconOpenSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$Q({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$R({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$N || (_path$N = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$O || (_path$O = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M9.036 1.923c0-.51.412-.923.923-.923h2.538c.51 0 .923.414.923.923v2.538a.923.923 0 1 1-1.846 0v-.42L7.202 8.1a.923.923 0 0 1-1.257-1.353l4.201-3.902H9.96a.923.923 0 0 1-.923-.923Zm-6.983.316c.353-.28.784-.393 1.136-.393h2.919a.923.923 0 1 1 0 1.846H3.266v7.462h7.462V7.889a.923.923 0 1 1 1.846 0v3.342c0 .62-.26 1.08-.632 1.376-.354.28-.785.393-1.137.393H3.19c-.62 0-1.08-.261-1.375-.633a1.868 1.868 0 0 1-.394-1.136V3.615c0-.62.261-1.081.633-1.376Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$M;
-function _extends$P() { _extends$P = 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$P.apply(this, arguments); }
+var _path$N;
+function _extends$Q() { _extends$Q = 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$Q.apply(this, arguments); }
 var SvgIconPeopleLarge = function SvgIconPeopleLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$P({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$Q({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$M || (_path$M = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$N || (_path$N = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M10.444 11.298a.731.731 0 0 1 .677-.242 4.64 4.64 0 0 1 3.07 1.983c.439.348 1.071.586 1.67.633.14.02.189.03.337.03.148-.007.12-.005.331-.03.766-.06 1.591-.43 1.99-.948a.74.74 0 0 1 .773-.266C20.864 12.87 22 14.392 22 16.084v1.451a2.167 2.167 0 0 1-2.176 2.176H2.176A2.167 2.167 0 0 1 0 17.535v-1.861a4.646 4.646 0 0 1 3.868-4.594.71.71 0 0 1 .677.242 3.85 3.85 0 0 0 2.95 1.378 3.796 3.796 0 0 0 2.949-1.402Zm8.848 2.732c-.79.724-1.98 1.145-3.097 1.108a4.47 4.47 0 0 1-1.257-.146c.03.215.051.434.051.657v1.886c0 .255-.045.498-.125.725h4.96a.712.712 0 0 0 .725-.725v-1.45c0-.87-.531-1.693-1.257-2.056ZM3.747 12.579a3.19 3.19 0 0 0-2.296 3.07v1.886c0 .411.314.725.725.725h10.637c.41 0 .726-.314.726-.725v-1.861a3.191 3.191 0 0 0-2.297-3.07 5.266 5.266 0 0 1-3.747 1.546 5.19 5.19 0 0 1-3.748-1.571Zm12.45-6.48a3.137 3.137 0 0 1 3.144 3.144v.169a3.137 3.137 0 0 1-3.143 3.143 3.152 3.152 0 0 1-3.143-3.143v-.17A3.137 3.137 0 0 1 16.198 6.1Zm0 1.427c-.942 0-1.691.75-1.691 1.693v.169c0 .943.749 1.692 1.692 1.692.942 0 1.692-.75 1.692-1.692v-.17c0-.942-.75-1.692-1.692-1.692ZM7.496 2.063a4.365 4.365 0 0 1 4.351 4.351 4.365 4.365 0 0 1-4.351 4.352 4.364 4.364 0 0 1-4.352-4.352 4.364 4.364 0 0 1 4.352-4.351Zm0 1.45a2.91 2.91 0 0 0-2.902 2.901 2.91 2.91 0 0 0 2.902 2.901 2.91 2.91 0 0 0 2.9-2.9 2.91 2.91 0 0 0-2.9-2.902Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$L;
-function _extends$O() { _extends$O = 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$O.apply(this, arguments); }
+var _path$M;
+function _extends$P() { _extends$P = 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$P.apply(this, arguments); }
 var SvgIconPeopleSmall = function SvgIconPeopleSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$O({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$P({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$L || (_path$L = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$M || (_path$M = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "m7 7.715.077.008.026.005.023.008-.084-.016a2.976 2.976 0 0 1 2.462 2.942v1.184c0 .713-.53 1.294-1.22 1.375l-.13.01h-6.77a1.378 1.378 0 0 1-1.378-1.25L0 11.845v-1.184a2.957 2.957 0 0 1 2.462-2.924l.083-.007c.136-.001.258.059.347.161l.069.079-.069-.079a2.406 2.406 0 0 0 .975.704 2.461 2.461 0 0 0 .447.13l.08.014.017.003a2.416 2.416 0 0 0 2.235-.866.465.465 0 0 1 .43-.154Zm5.185.886.092.014c1 .262 1.723 1.231 1.723 2.308v.923c0 .77-.615 1.385-1.385 1.385H10.65c.228-.412.355-.884.355-1.385v-1.184l-.005-.217a4.497 4.497 0 0 0-.192-1.103c.394-.088.774-.292.978-.557a.471.471 0 0 1 .492-.17ZM4.769 6.788A2.777 2.777 0 0 0 7.54 4.02a2.777 2.777 0 0 0-2.77-2.769A2.777 2.777 0 0 0 2 4.02a2.777 2.777 0 0 0 2.77 2.768m5.538.889c1.107 0 2-.892 2-2v-.108c0-1.107-.893-2-2-2-1.108 0-2 .893-2 2v.108c0 1.092.892 2 2 2Z"
   })));
 };
 
-var _path$K, _rect$3, _path2$d;
-function _extends$N() { _extends$N = 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$N.apply(this, arguments); }
+var _path$L, _rect$3, _path2$f;
+function _extends$O() { _extends$O = 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$O.apply(this, arguments); }
 var SvgIconPercentageSmall = function SvgIconPercentageSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$N({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$O({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$K || (_path$K = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$L || (_path$L = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M10.976 12.476a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"
   })), _rect$3 || (_rect$3 = /*#__PURE__*/React__namespace.createElement("rect", {
     width: 2.5,
@@ -1967,39 +2011,39 @@ var SvgIconPercentageSmall = function SvgIconPercentageSmall(props) {
     y: 1.024,
     rx: 1,
     transform: "rotate(45 11.208 1.024)"
-  })), _path2$d || (_path2$d = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$f || (_path2$f = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M3.026 4.526a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"
   })));
 };
 
-var _path$J;
-function _extends$M() { _extends$M = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$M.apply(this, arguments); }
+var _path$K;
+function _extends$N() { _extends$N = 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$N.apply(this, arguments); }
 var SvgIconPersonLarge = function SvgIconPersonLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$M({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$N({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$J || (_path$J = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$K || (_path$K = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M18.494 15.675c0-2.269-1.65-4.194-3.85-4.606-.275-.069-.482.068-.688.275A3.784 3.784 0 0 1 11 12.719c-1.169 0-2.2-.481-2.956-1.375-.138-.207-.413-.275-.688-.275a4.648 4.648 0 0 0-3.85 4.606v1.994c0 .167.033.363.069.481.275.894 1.1 1.581 2.063 1.581h10.656c.962 0 1.925-.481 2.131-1.581.052-.275.069-.316.069-.481 0-.758-.028-1.237 0-1.994Zm-1.444 1.856a.763.763 0 0 1-.756.757H5.706a.763.763 0 0 1-.756-.757v-1.856c0-1.444.962-2.681 2.269-3.094.825.825 1.856 1.306 2.956 1.513.275.069.55.069.825.069.275 0 .55 0 .825-.07 1.1-.137 2.131-.687 2.956-1.512 1.375.413 2.269 1.65 2.269 3.094v1.856ZM11 10.794a4.313 4.313 0 0 0 4.331-4.332c0-2.406-1.925-4.4-4.331-4.4a4.313 4.313 0 0 0-4.331 4.332c0 2.406 1.925 4.4 4.331 4.4Zm0-7.288a2.905 2.905 0 0 1 2.887 2.888A2.905 2.905 0 0 1 11 9.28a2.905 2.905 0 0 1-2.887-2.887A2.905 2.905 0 0 1 11 3.506Z"
   })));
 };
 
-var _path$I;
-function _extends$L() { _extends$L = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$L.apply(this, arguments); }
+var _path$J;
+function _extends$M() { _extends$M = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$M.apply(this, arguments); }
 var SvgIconPersonSmall = function SvgIconPersonSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$L({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$M({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$I || (_path$I = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$J || (_path$J = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M9.8 4a2.8 2.8 0 1 1-5.6 0 2.8 2.8 0 0 1 5.6 0ZM8.928 7.872c.094-.096.203-.208.372-.172 1.4.3 2.4 1.5 2.4 3v1.2c0 .7-.452 1.4-1.2 1.4h-7c-.781 0-1.2-.7-1.2-1.4v-1.2c0-1.5 1-2.7 2.4-3 .168-.036.28.079.376.175L5.1 7.9c.5.6 1.2.9 1.9.9s1.4-.4 1.9-.9l.028-.028Z"
   })));
 };
 
 var _g, _defs;
-function _extends$K() { _extends$K = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$K.apply(this, arguments); }
+function _extends$L() { _extends$L = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$L.apply(this, arguments); }
 var SvgIconPinLocationSmall = function SvgIconPinLocationSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$K({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$L({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
@@ -2017,291 +2061,303 @@ var SvgIconPinLocationSmall = function SvgIconPinLocationSmall(props) {
   })))));
 };
 
-var _path$H;
-function _extends$J() { _extends$J = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$J.apply(this, arguments); }
+var _path$I;
+function _extends$K() { _extends$K = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$K.apply(this, arguments); }
 var SvgIconPinSmall = function SvgIconPinSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$J({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$K({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$H || (_path$H = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$I || (_path$I = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M9.35 6.364h-.138a.14.14 0 0 1-.139-.122l-.309-2.399a.254.254 0 0 1 .254-.293c.249.003.496 0 .654-.204.22-.284.336-.653.322-1.032-.013-.378-.024-.596-.264-.858-.24-.261-.481-.407-.814-.406H5.05c-.333-.001-.516.145-.756.406-.24.262-.309.48-.322.858-.014.379.101.748.322 1.032.158.203.405.207.654.204a.254.254 0 0 1 .254.293l-.309 2.399a.14.14 0 0 1-.139.122h-.139c-.342 0-.845.33-1.086.605-.242.275-.413.544-.413.933v.489c0 .155.125.28.28.28h2.593a.07.07 0 0 1 .07.07v3.214c0 .077.032.15.088.203l.644.61a.28.28 0 0 0 .385 0l.644-.61a.28.28 0 0 0 .088-.203V8.74a.07.07 0 0 1 .07-.07h2.593a.28.28 0 0 0 .28-.28v-.489c0-.389-.17-.658-.413-.933-.241-.275-.744-.605-1.086-.605Z"
   })));
 };
 
-var _path$G, _path2$c;
-function _extends$I() { _extends$I = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$I.apply(this, arguments); }
+var _path$H, _path2$e;
+function _extends$J() { _extends$J = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$J.apply(this, arguments); }
 var SvgIconPlayLarge = function SvgIconPlayLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$I({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$J({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$G || (_path$G = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$H || (_path$H = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M11 18.639A7.639 7.639 0 1 0 11 3.36a7.639 7.639 0 0 0 0 15.278Zm0 1.528a9.167 9.167 0 1 0 0-18.334 9.167 9.167 0 0 0 0 18.334Z",
     clipRule: "evenodd"
-  })), _path2$c || (_path2$c = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$e || (_path2$e = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M14.056 11.306 9.014 8.395v5.821l5.042-2.91Zm1.222 1.058a1.222 1.222 0 0 0 0-2.117l-5.959-3.44a1.222 1.222 0 0 0-1.833 1.059v6.88c0 .94 1.019 1.528 1.833 1.058l5.959-3.44Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$F;
-function _extends$H() { _extends$H = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$H.apply(this, arguments); }
+var _path$G;
+function _extends$I() { _extends$I = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$I.apply(this, arguments); }
 var SvgIconPlusCircleSmall = function SvgIconPlusCircleSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$H({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$I({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$F || (_path$F = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$G || (_path$G = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M7 0a7 7 0 1 1 0 14A7 7 0 0 1 7 0Zm0 1.707A5.3 5.3 0 0 0 1.707 7 5.3 5.3 0 0 0 7 12.293 5.3 5.3 0 0 0 12.293 7 5.3 5.3 0 0 0 7 1.707Zm0 2.39c.435 0 .794.326.847.747l.007.107-.001 1.195h1.196c.399 0 .734.274.827.644l.02.103.006.107a.854.854 0 0 1-.746.847l-.107.007H7.853v1.195a.854.854 0 0 1-.643.827l-.103.02L7 9.902a.854.854 0 0 1-.847-.746l-.007-.107V7.854H4.951a.854.854 0 0 1-.827-.644l-.02-.103L4.098 7c0-.435.325-.794.746-.847l.107-.007h1.195V4.951c0-.399.274-.734.644-.827l.103-.02L7 4.098Z"
   })));
 };
 
-var _path$E;
-function _extends$G() { _extends$G = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$G.apply(this, arguments); }
+var _path$F;
+function _extends$H() { _extends$H = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$H.apply(this, arguments); }
 var SvgIconPlusSmall = function SvgIconPlusSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$G({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$H({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$E || (_path$E = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$F || (_path$F = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M7 1c.483 0 .875.392.875.875v4.25h4.25a.875.875 0 0 1 0 1.75h-4.25v4.25a.875.875 0 0 1-1.75 0v-4.25h-4.25a.875.875 0 1 1 0-1.75h4.25v-4.25C6.125 1.392 6.517 1 7 1Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$D, _path2$b;
-function _extends$F() { _extends$F = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$F.apply(this, arguments); }
+var _path$E, _path2$d;
+function _extends$G() { _extends$G = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$G.apply(this, arguments); }
 var SvgIconProjectPrivateLarge = function SvgIconProjectPrivateLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$F({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$G({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$D || (_path$D = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$E || (_path$E = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "#CCC",
     fillRule: "evenodd",
     d: "M20.009 5.294c-.137-.206-.343-.344-.548-.481l.068-.482c.137-1.237-.753-2.337-1.985-2.406H8.778c-.205 0-.41-.069-.548-.275L7.546.825C7.066.344 6.45 0 5.766 0H3.367c-.616 0-1.232.275-1.643.756-.48.482-.685 1.1-.616 1.788l.274 2.2c-.274.137-.548.275-.822.55a2.27 2.27 0 0 0-.548 1.719l.753 8.593A2.532 2.532 0 0 0 3.3 17.875h8.834c-.069-.275-.069-.55-.069-.825 0-.206 0-.481.069-.688H3.3c-.548 0-.959-.412-.959-.893L1.52 6.875c0-.206.069-.412.206-.55.137-.138.342-.275.548-.275h16.092c.206 0 .411.069.548.275a.782.782 0 0 1 .206.55l-.48 5.225c.548.138 1.027.412 1.438.688l.548-5.776c0-.618-.205-1.237-.616-1.718Zm-2.055-.756H2.89l-.274-2.2c0-.207.069-.413.206-.55.137-.138.342-.276.547-.276h2.397c.206 0 .411.07.548.276l.685.824c.41.55 1.027.825 1.712.825H17.2c.206 0 .41.07.548.207a.782.782 0 0 1 .205.55v.343Z",
     clipRule: "evenodd"
-  })), _path2$b || (_path2$b = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$d || (_path2$d = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M16.844 11.688A5.15 5.15 0 0 1 22 16.843C22 19.663 19.663 22 16.844 22c-2.819 0-5.157-2.337-5.157-5.156 0-2.819 2.338-5.157 5.157-5.157Zm0 1.787c-.963 0-1.788.825-1.788 1.787v.62a.616.616 0 0 0-.618.618v2.406c0 .344.274.619.618.619h3.575a.616.616 0 0 0 .619-.619V16.5a.616.616 0 0 0-.619-.619v-.619c0-.962-.825-1.787-1.787-1.787Zm0 3.438c.275 0 .481.206.412.412 0 .206-.069.344-.206.413v.618c0 .138-.069.206-.206.206-.138 0-.207-.068-.207-.206v-.619c-.137-.137-.206-.274-.206-.412 0-.206.138-.412.413-.412Zm0-2.82c.687 0 1.237.55 1.168 1.238v.619h-2.406v-.619c0-.687.55-1.237 1.238-1.237Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$C, _path2$a;
-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$D, _path2$c;
+function _extends$F() { _extends$F = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$F.apply(this, arguments); }
 var SvgIconProjectPublicLarge = function SvgIconProjectPublicLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$E({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$F({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$C || (_path$C = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$D || (_path$D = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "#CCC",
     fillRule: "evenodd",
     d: "M12.03 17.462v-.412c0-.206 0-.481.068-.688h-8.79c-.548 0-.96-.412-.96-.893l-.824-8.594c0-.206.068-.412.206-.55.137-.138.343-.275.549-.275h16.136c.206 0 .412.069.55.275a.781.781 0 0 1 .205.55l-.48 5.225c.274.069.48.138.686.275 0 0 .069 0 .069.069.206.137.412.206.618.343l.549-5.775a2.265 2.265 0 0 0-.55-1.718c-.137-.206-.343-.344-.549-.481l.069-.482c.137-1.237-.755-2.337-1.991-2.406H8.802c-.206 0-.412-.069-.55-.275L7.567.825C7.086.344 6.467 0 5.781 0H3.378C2.76 0 2.142.275 1.73.756c-.481.482-.687 1.1-.618 1.788l.274 2.2c-.274.137-.549.275-.824.55a2.266 2.266 0 0 0-.549 1.719l.755 8.593a2.536 2.536 0 0 0 2.54 2.269h8.858c-.068-.137-.068-.275-.137-.413ZM2.827 1.787c.138-.137.344-.274.55-.274H5.78c.206 0 .412.068.549.275l.687.824c.412.55 1.03.825 1.716.825h8.514c.206 0 .413.07.55.207a.781.781 0 0 1 .206.55l-.069.343H2.828l-.206-2.2c0-.206.069-.412.206-.55Z",
     clipRule: "evenodd"
-  })), _path2$a || (_path2$a = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$c || (_path2$c = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M17.255 11.707c-3.15-.274-5.822 2.397-5.548 5.548.205 2.465 2.192 4.52 4.726 4.726 3.15.274 5.822-2.398 5.548-5.548a5.138 5.138 0 0 0-4.726-4.726Zm.616.753.617.206c.137.068.205.137.342.137a4.47 4.47 0 0 1 1.438 1.096s.069.068.069.137v.274c0 .068-.069.136-.069.205 0 .137.137.205.206.205h.274c.068 0 .137.069.137.137.068.138.137.275.137.343.205.48.274.959.342 1.507 0 .068 0 .137-.068.205-.069.069-.206.206-.274.343-.137.274-.274.685-.48.89-.137.137-.274.274-.274.411-.068.137 0 .274-.068.342 0 .069-.069.069-.137 0-.206-.273-.274-.547-.343-.821-.068-.206-.068-.411-.137-.685a1.065 1.065 0 0 0-.41-.548c-.206-.137-.48-.069-.685-.137-.274 0-.48-.069-.685-.274a.52.52 0 0 1-.137-.274c-.137-.548.205-1.164.685-1.438.068-.069.137-.069.205-.137.137-.137.206-.274.137-.48 0-.068-.069-.068-.069-.068-.136.068-.273.068-.342.137-.068 0-.137 0-.137-.069 0-.205 0-.41.069-.685.068-.274.137-.48 0-.685 0-.068-.069-.068-.137-.068h-.617a.534.534 0 0 0 .274-.274c.069.068.069.068.137.068Zm-2.192.069c.069 0 .069 0 .137.068.069.137.137.206.206.343.137.274.205.616.068.822-.137.274-.48.41-.753.616-.617.274-1.096.754-1.438 1.301l-.069.069c-.068 0-.068 0-.137-.069-.068-.068-.137-.068-.205-.137 0 0-.069 0-.069.069a.689.689 0 0 0 .343.753c.068 0 .068.069.137.069.068.137 0 .274 0 .41 0 .206.274.275.41.275.138 0 .343-.137.549-.206.41-.137.821-.068 1.164.137.205.137.342.274.48.411a.778.778 0 0 0 .547.206c.069 0 .069 0 .137.068a.533.533 0 0 1-.137.548c-.137.206-.342.274-.48.48-.342.41-.479 1.027-.753 1.506-.068.069-.137.206-.205.274-.137.137-.137.274-.137.48 0 0 0 .068-.069.068-.068 0-.137-.068-.205-.068-.068 0-.068-.069-.068-.137a9.765 9.765 0 0 0-.617-1.85c-.137-.205-.274-.479-.48-.616-.068-.068-.136-.068-.136-.137v-.137a1.722 1.722 0 0 0-.685-1.575c-.069-.069-.206-.137-.206-.206-.068-.068-.068-.205-.068-.274l-.274-.274c-.069 0-.069-.068-.069-.137.274-1.506 1.507-2.74 3.082-3.15Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$B;
-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$C;
+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 SvgIconPuzzlePieceSmall = function SvgIconPuzzlePieceSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$D({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$E({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$B || (_path$B = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$C || (_path$C = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M5.627.709c.748 0 1.283.432 1.283 1.11 0 .299-.074.496-.276.794l-.137.193c-.272.374-.377.602-.377.952 0 .94.901 1.148 2.34.864.347-.068.715-.164 1.092-.28l.277-.088.267-.09.337-.123-.009.032c-.06.217-.12.452-.177.698-.081.35-.147.692-.193 1.015-.184 1.306-.02 2.654.693 2.654.095 0 .189-.02.287-.056.055-.021.111-.047.173-.08l.098-.056c.052-.03.237-.145.271-.165.367-.22.65-.322 1.023-.322.709 0 1.151.57 1.151 1.359 0 .746-.43 1.263-1.115 1.263-.3 0-.499-.073-.799-.274l-.193-.136c-.376-.268-.604-.373-.956-.373-.692 0-.962.57-.928 1.468.01.283.05.584.111.888l.05.233.022.091-.134.008c-.09.006-.199.017-.348.034l-1.049.121-.13.013c-1.441.14-2.142-.018-2.142-.634 0-.248.069-.421.254-.685l.482-.512c.315-.418.28-.73.28-1.14 0-.832-.838-1.36-1.716-1.36-.906 0-1.764.524-1.764 1.39 0 .378.054.774.3 1.11l.383.451c.03.038.178.215.215.262.072.09.12.16.154.225a.419.419 0 0 1 .055.194c0 .583-.692.829-1.887.788-.404-.014-.838-.061-1.276-.13l-.295-.05L1 12.302V4.5l.267.053c.09.017.188.034.294.05.437.071.87.119 1.275.133 1.293.046 2.094-.246 2.094-1.037 0-.095-.02-.19-.058-.288a1.706 1.706 0 0 0-.14-.27l-.17-.27c-.228-.365-.332-.646-.332-1.016 0-.702.591-1.146 1.397-1.146Z"
   })));
 };
 
-var _path$A;
-function _extends$C() { _extends$C = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$C.apply(this, arguments); }
+var _path$B;
+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 SvgIconQuestionMarkLarge = function SvgIconQuestionMarkLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$C({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$D({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$A || (_path$A = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$B || (_path$B = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M11.078 15.2a1.43 1.43 0 0 1 1.423 1.424 1.427 1.427 0 0 1-1.423 1.423c-.377 0-.744-.152-1.008-.416a1.433 1.433 0 0 1-.416-1.008c0-.374.152-.74.416-1.005a1.434 1.434 0 0 1 1.008-.418Zm-.023-11.59c2.486 0 4.587 1.69 4.699 3.77l.004.177-.006.223-.018.214c-.128 1.188-.749 1.956-2.056 2.953l-.198.153-.345.276c-.675.565-.905.924-.969 1.52a.688.688 0 0 1-.688.677h-.717a.78.78 0 0 1-.779-.794c.123-1.293.803-2.147 2.15-3.174 1.14-.86 1.44-1.236 1.44-2.052 0-1.18-1.11-2.11-2.517-2.11l-.173.005-.178.015c-1.117.127-1.677.58-1.974 1.252a.893.893 0 0 1-.85.62h-.888c-.326 0-.57-.3-.504-.62.324-1.9 2.223-3.106 4.567-3.106Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$z;
-function _extends$B() { _extends$B = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$B.apply(this, arguments); }
+var _path$A;
+function _extends$C() { _extends$C = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$C.apply(this, arguments); }
 var SvgIconRefreshLarge = function SvgIconRefreshLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$B({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$C({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$z || (_path$z = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$A || (_path$A = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "m16.59 6.061.034-1.534a.858.858 0 1 1 1.716.04l-.101 4.116a1 1 0 0 1-1.188.957l-4.022-.77a.887.887 0 0 1 .328-1.744l1.993.368a5.856 5.856 0 0 0-1.442-1.663 5.274 5.274 0 0 0-3.475-1.142 5.333 5.333 0 0 0-3.386 1.422c-.733.67-1.261 1.543-1.58 2.512-.157.476-.633.796-1.122.687-.468-.105-.773-.564-.64-1.024.408-1.408 1.15-2.676 2.198-3.636 1.252-1.148 2.824-1.807 4.463-1.874 1.64-.067 3.253.462 4.581 1.504a7.665 7.665 0 0 1 1.643 1.781Zm-9.935 8.443c.376.644.864 1.21 1.441 1.663a5.274 5.274 0 0 0 3.476 1.141 5.334 5.334 0 0 0 3.386-1.421c.732-.671 1.261-1.544 1.58-2.512.157-.476.633-.796 1.122-.687.468.104.773.563.64 1.023-.408 1.408-1.15 2.676-2.198 3.637-1.252 1.147-2.824 1.807-4.463 1.874-1.64.067-3.253-.463-4.581-1.505a7.666 7.666 0 0 1-1.643-1.781l-.034 1.535a.858.858 0 1 1-1.716-.04l.1-4.117a1 1 0 0 1 1.189-.957l4.022.77a.887.887 0 0 1-.328 1.744l-1.993-.367Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$y;
-function _extends$A() { _extends$A = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$A.apply(this, arguments); }
+var _path$z;
+function _extends$B() { _extends$B = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$B.apply(this, arguments); }
 var SvgIconRefreshSmall = function SvgIconRefreshSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$A({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$B({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$y || (_path$y = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$z || (_path$z = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "m11.74 2.456-.029 1.271a6.353 6.353 0 0 0-1.361-1.476 5.76 5.76 0 0 0-3.797-1.246c-1.358.055-2.66.602-3.698 1.553-.869.795-1.483 1.847-1.821 3.013-.11.381.142.762.53.848.405.09.8-.175.93-.57.264-.802.702-1.525 1.309-2.08A4.42 4.42 0 0 1 6.609 2.59a4.37 4.37 0 0 1 2.88.946c.479.376.883.844 1.194 1.378L9.032 4.61a.735.735 0 0 0-.272 1.445l3.134.6a1 1 0 0 0 1.188-.957l.08-3.209a.711.711 0 1 0-1.423-.033ZM1 11.94a.711.711 0 1 0 1.422.033l.028-1.271a6.352 6.352 0 0 0 1.362 1.476 5.76 5.76 0 0 0 3.796 1.246c1.359-.055 2.66-.602 3.698-1.553.869-.795 1.484-1.847 1.822-3.013.11-.382-.143-.762-.53-.848-.406-.09-.8.175-.93.57-.264.802-.703 1.524-1.31 2.08a4.42 4.42 0 0 1-2.805 1.179 4.37 4.37 0 0 1-2.88-.946 4.854 4.854 0 0 1-1.195-1.378l1.652.304a.735.735 0 0 0 .272-1.445l-3.135-.6a1 1 0 0 0-1.188.957L1 11.941Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$x, _path2$9;
-function _extends$z() { _extends$z = 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$z.apply(this, arguments); }
+var _path$y, _path2$b;
+function _extends$A() { _extends$A = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$A.apply(this, arguments); }
 var SvgIconSaveLarge = function SvgIconSaveLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$z({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$A({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$x || (_path$x = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$y || (_path$y = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M14.649 13.332a3.648 3.648 0 1 1-7.297 0 3.648 3.648 0 0 1 7.296 0Zm-1.57 0a2.078 2.078 0 1 1-4.157 0 2.078 2.078 0 0 1 4.156 0Z",
     clipRule: "evenodd"
-  })), _path2$9 || (_path2$9 = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$b || (_path2$b = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M3 2a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V6.473a1 1 0 0 0-.293-.707l-3.473-3.473A1 1 0 0 0 15.527 2H3Zm12.677 1.956 2.753 2.753V18.43H3.57V3.57h2.75v3.45a1 1 0 0 0 1 1h7.357a1 1 0 0 0 1-1V3.956ZM7.89 6.45V3.57h6.217v2.88H7.89Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$w;
-function _extends$y() { _extends$y = 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$y.apply(this, arguments); }
+var _path$x;
+function _extends$z() { _extends$z = 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$z.apply(this, arguments); }
 var SvgIconSearchLarge = function SvgIconSearchLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$y({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$z({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$w || (_path$w = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$x || (_path$x = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M14.2 12.861a7.211 7.211 0 0 0-.624-9.489 7.218 7.218 0 0 0-10.205 0 7.21 7.21 0 0 0 0 10.2 7.22 7.22 0 0 0 9.492.625c.02.026.043.05.067.074l6.188 6.188a.95.95 0 1 0 1.343-1.343l-6.188-6.189a.976.976 0 0 0-.073-.066ZM12.198 4.68a5.317 5.317 0 1 1-7.52 7.52 5.317 5.317 0 0 1 7.52-7.52Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$v, _path2$8;
-function _extends$x() { _extends$x = 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$x.apply(this, arguments); }
+var _path$w, _path2$a;
+function _extends$y() { _extends$y = 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$y.apply(this, arguments); }
 var SvgIconSearchLinesHorizontalLarge = function SvgIconSearchLinesHorizontalLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$x({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$y({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$v || (_path$v = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$w || (_path$w = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M5.968 5.22a.75.75 0 1 0 0 1.5h3.998a.75.75 0 1 0 0-1.5H5.968ZM5.218 8.47a.75.75 0 0 1 .75-.75h5.997a.75.75 0 0 1 0 1.5H5.968a.75.75 0 0 1-.75-.75ZM5.968 10.22a.75.75 0 1 0 0 1.5h2.498a.75.75 0 0 0 0-1.5H5.968Z"
-  })), _path2$8 || (_path2$8 = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$a || (_path2$a = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M13.576 3.372a7.211 7.211 0 0 1 .624 9.49c.025.02.05.042.073.065l6.188 6.189a.95.95 0 1 1-1.343 1.343l-6.188-6.188a.968.968 0 0 1-.067-.074 7.22 7.22 0 0 1-9.492-.625 7.21 7.21 0 0 1 0-10.2 7.218 7.218 0 0 1 10.205 0Zm-1.378 8.826a5.317 5.317 0 1 0-7.52-7.519 5.317 5.317 0 0 0 7.52 7.52Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$u, _path2$7;
-function _extends$w() { _extends$w = 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$w.apply(this, arguments); }
+var _path$v, _path2$9;
+function _extends$x() { _extends$x = 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$x.apply(this, arguments); }
 var SvgIconSearchLinesHorizontalSmall = function SvgIconSearchLinesHorizontalSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$w({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$x({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$u || (_path$u = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$v || (_path$v = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M3.495 2.935a.5.5 0 1 0 0 1h3a.5.5 0 0 0 0-1h-3ZM2.995 5.185a.5.5 0 0 1 .5-.5h4a.5.5 0 1 1 0 1h-4a.5.5 0 0 1-.5-.5ZM3.495 6.435a.5.5 0 1 0 0 1h2a.5.5 0 0 0 0-1h-2Z"
-  })), _path2$7 || (_path2$7 = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$9 || (_path2$9 = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M8.785 1.685a5.022 5.022 0 0 1 .486 6.538c.026.02.052.043.076.067l4.221 4.222a.749.749 0 0 1-1.058 1.058L8.288 9.35a.756.756 0 0 1-.067-.077 5.022 5.022 0 1 1 .564-7.587ZM7.678 7.678a3.487 3.487 0 1 0-4.932-4.932 3.487 3.487 0 0 0 4.932 4.932Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$t;
-function _extends$v() { _extends$v = 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$v.apply(this, arguments); }
+var _path$u;
+function _extends$w() { _extends$w = 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$w.apply(this, arguments); }
 var SvgIconSearchSmall = function SvgIconSearchSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$w({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$t || (_path$t = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$u || (_path$u = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M9.27 8.223a5.022 5.022 0 1 0-1.049 1.05c.02.026.043.052.067.076l4.222 4.221a.749.749 0 1 0 1.058-1.058L9.347 8.29a.755.755 0 0 0-.076-.067ZM7.679 2.746a3.487 3.487 0 1 1-4.932 4.932 3.487 3.487 0 0 1 4.932-4.932Z",
     clipRule: "evenodd"
   })));
 };
 
+var _path$t;
+function _extends$v() { _extends$v = 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$v.apply(this, arguments); }
+var SvgIconShareLarge = function SvgIconShareLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 22,
+    height: 22
+  }, props), _path$t || (_path$t = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M16.633 18.082a1.78 1.78 0 0 1-2.411.68 1.713 1.713 0 0 1-.692-2.363c.482-.843 1.544-1.131 2.42-.657.865.47 1.165 1.497.683 2.34ZM5.527 13.315c-.951 0-1.72-.75-1.72-1.675 0-.926.769-1.676 1.72-1.676.952 0 1.722.75 1.722 1.676 0 .925-.77 1.675-1.722 1.675Zm8.695-8.703a1.783 1.783 0 0 1 2.41.681c.483.843.183 1.872-.683 2.34-.875.475-1.937.186-2.419-.657a1.715 1.715 0 0 1 .692-2.364Zm2.557 9.679c-1.367-.74-3.063-.46-4.167.68l-3.886-2.039a3.28 3.28 0 0 0 .266-1.292c0-.428-.09-.833-.239-1.211l3.859-2.025c1.104 1.14 2.8 1.42 4.167.68 1.673-.906 2.277-2.97 1.346-4.599l-.072-.123-.003.003c-.965-1.537-3.02-2.073-4.651-1.188-1.36.737-2.011 2.284-1.607 3.792L7.763 9.083a3.49 3.49 0 0 0-2.236-.816c-1.914 0-3.465 1.51-3.465 3.373 0 1.862 1.55 3.373 3.465 3.373a3.49 3.49 0 0 0 2.164-.758l4.1 2.152c-.403 1.507.248 3.054 1.608 3.791 1.63.885 3.686.35 4.65-1.188l.004.003.072-.123c.931-1.629.327-3.692-1.346-4.6Z",
+    clipRule: "evenodd"
+  })));
+};
+
 var _path$s;
 function _extends$u() { _extends$u = 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$u.apply(this, arguments); }
-var SvgIconShareLarge = function SvgIconShareLarge(props) {
+var SvgIconSlidersHorizontalLarge = function SvgIconSlidersHorizontalLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
   }, props), _path$s || (_path$s = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
-    d: "M16.633 18.082a1.78 1.78 0 0 1-2.411.68 1.713 1.713 0 0 1-.692-2.363c.482-.843 1.544-1.131 2.42-.657.865.47 1.165 1.497.683 2.34ZM5.527 13.315c-.951 0-1.72-.75-1.72-1.675 0-.926.769-1.676 1.72-1.676.952 0 1.722.75 1.722 1.676 0 .925-.77 1.675-1.722 1.675Zm8.695-8.703a1.783 1.783 0 0 1 2.41.681c.483.843.183 1.872-.683 2.34-.875.475-1.937.186-2.419-.657a1.715 1.715 0 0 1 .692-2.364Zm2.557 9.679c-1.367-.74-3.063-.46-4.167.68l-3.886-2.039a3.28 3.28 0 0 0 .266-1.292c0-.428-.09-.833-.239-1.211l3.859-2.025c1.104 1.14 2.8 1.42 4.167.68 1.673-.906 2.277-2.97 1.346-4.599l-.072-.123-.003.003c-.965-1.537-3.02-2.073-4.651-1.188-1.36.737-2.011 2.284-1.607 3.792L7.763 9.083a3.49 3.49 0 0 0-2.236-.816c-1.914 0-3.465 1.51-3.465 3.373 0 1.862 1.55 3.373 3.465 3.373a3.49 3.49 0 0 0 2.164-.758l4.1 2.152c-.403 1.507.248 3.054 1.608 3.791 1.63.885 3.686.35 4.65-1.188l.004.003.072-.123c.931-1.629.327-3.692-1.346-4.6Z",
+    d: "M14.453 3.24c.982 0 1.818.628 2.127 1.505h2.61a.75.75 0 1 1 0 1.5h-2.61a2.255 2.255 0 0 1-4.254 0H2.815a.75.75 0 1 1 0-1.5h9.511a2.256 2.256 0 0 1 2.127-1.505Zm.458 3.092a.956.956 0 0 0 .495-.836.952.952 0 0 0-.366-.751h.004a.95.95 0 0 0-1.182 0h.004a.952.952 0 0 0 .587 1.704.95.95 0 0 0 .458-.117ZM6.702 8.749c.982 0 1.818.628 2.127 1.505h10.36a.75.75 0 1 1 0 1.5H8.83a2.256 2.256 0 0 1-4.254 0h-1.76a.75.75 0 0 1 0-1.5h1.76a2.255 2.255 0 0 1 2.127-1.505Zm.458 3.092a.958.958 0 0 0 .495-.836.952.952 0 0 0-.367-.751h.005a.95.95 0 0 0-1.182 0h.004a.952.952 0 0 0 .587 1.704.95.95 0 0 0 .458-.117ZM13.5 15.768a2.256 2.256 0 0 0-4.257 0H2.815a.75.75 0 0 0 0 1.5h6.432a2.256 2.256 0 0 0 4.25 0h5.693a.75.75 0 1 0 0-1.5H13.5Zm-1.544 1.5a.965.965 0 0 1-.584.2.95.95 0 0 1-.953-.954c0-.302.14-.571.36-.746h-.004a.95.95 0 0 1 1.194 0h-.004a.951.951 0 0 1-.01 1.5Z",
     clipRule: "evenodd"
   })));
 };
 
 var _path$r;
 function _extends$t() { _extends$t = 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$t.apply(this, arguments); }
-var SvgIconSlidersHorizontalLarge = function SvgIconSlidersHorizontalLarge(props) {
+var SvgIconSpeechBubblesLarge = function SvgIconSpeechBubblesLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 22,
+    width: 23,
     height: 22
   }, props), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
-    d: "M14.453 3.24c.982 0 1.818.628 2.127 1.505h2.61a.75.75 0 1 1 0 1.5h-2.61a2.255 2.255 0 0 1-4.254 0H2.815a.75.75 0 1 1 0-1.5h9.511a2.256 2.256 0 0 1 2.127-1.505Zm.458 3.092a.956.956 0 0 0 .495-.836.952.952 0 0 0-.366-.751h.004a.95.95 0 0 0-1.182 0h.004a.952.952 0 0 0 .587 1.704.95.95 0 0 0 .458-.117ZM6.702 8.749c.982 0 1.818.628 2.127 1.505h10.36a.75.75 0 1 1 0 1.5H8.83a2.256 2.256 0 0 1-4.254 0h-1.76a.75.75 0 0 1 0-1.5h1.76a2.255 2.255 0 0 1 2.127-1.505Zm.458 3.092a.958.958 0 0 0 .495-.836.952.952 0 0 0-.367-.751h.005a.95.95 0 0 0-1.182 0h.004a.952.952 0 0 0 .587 1.704.95.95 0 0 0 .458-.117ZM13.5 15.768a2.256 2.256 0 0 0-4.257 0H2.815a.75.75 0 0 0 0 1.5h6.432a2.256 2.256 0 0 0 4.25 0h5.693a.75.75 0 1 0 0-1.5H13.5Zm-1.544 1.5a.965.965 0 0 1-.584.2.95.95 0 0 1-.953-.954c0-.302.14-.571.36-.746h-.004a.95.95 0 0 1 1.194 0h-.004a.951.951 0 0 1-.01 1.5Z",
+    d: "M18.049.85a.85.85 0 0 0-.85-.85H.85A.85.85 0 0 0 0 .85v12.39c0 .469.38.85.85.85h2.16v2.956a.85.85 0 0 0 1.425.626l3.901-3.583h.817v1.687c0 .47.38.85.85.85h5.624l2.52 2.556c.534.542 1.456.164 1.456-.596v-1.96h1.578c.469 0 .85-.38.85-.85V4.988a.85.85 0 0 0-.85-.85h-3.132V.85Zm0 4.718h2.563v9.628h-2.428v2.002l-1.973-2.002h-5.64V14.09H17.2c.47 0 .85-.38.85-.85V5.568ZM16.63 1.43H1.42v11.254h3.01v3.067l3.367-3.067h8.834V1.43Zm-5.862 7.583a.5.5 0 0 1 .5.5v.406a.5.5 0 0 1-.5.5h-5.99a.5.5 0 0 1-.5-.5v-.406a.5.5 0 0 1 .5-.5h5.99Zm-4.699-2.38a.5.5 0 0 1 .5.5v.407a.5.5 0 0 1-.5.5H4.778a.5.5 0 0 1-.5-.5v-.407a.5.5 0 0 1 .5-.5h1.291Zm7.517 0a.5.5 0 0 1 .5.5v.407a.5.5 0 0 1-.5.5h-1.014a.5.5 0 0 1-.5-.5v-.407a.5.5 0 0 1 .5-.5h1.014Zm-4.992 0a.5.5 0 0 1 .5.5v.407a.5.5 0 0 1-.5.5H7.412a.5.5 0 0 1-.5-.5v-.407a.5.5 0 0 1 .5-.5h1.182Zm2.635 0a.5.5 0 0 1 .5.5v.407a.5.5 0 0 1-.5.5H9.937a.5.5 0 0 1-.5-.5v-.407a.5.5 0 0 1 .5-.5h1.292Zm2.333-2.355a.5.5 0 0 1 .5.5v.406a.5.5 0 0 1-.5.5H4.778a.5.5 0 0 1-.5-.5v-.406a.5.5 0 0 1 .5-.5h8.784Z",
     clipRule: "evenodd"
   })));
 };
 
 var _path$q;
 function _extends$s() { _extends$s = 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$s.apply(this, arguments); }
-var SvgIconSpeechBubblesLarge = function SvgIconSpeechBubblesLarge(props) {
+var SvgIconSquareOnDashedSquareLarge = function SvgIconSquareOnDashedSquareLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 23,
+    width: 22,
     height: 22
   }, props), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
-    d: "M18.049.85a.85.85 0 0 0-.85-.85H.85A.85.85 0 0 0 0 .85v12.39c0 .469.38.85.85.85h2.16v2.956a.85.85 0 0 0 1.425.626l3.901-3.583h.817v1.687c0 .47.38.85.85.85h5.624l2.52 2.556c.534.542 1.456.164 1.456-.596v-1.96h1.578c.469 0 .85-.38.85-.85V4.988a.85.85 0 0 0-.85-.85h-3.132V.85Zm0 4.718h2.563v9.628h-2.428v2.002l-1.973-2.002h-5.64V14.09H17.2c.47 0 .85-.38.85-.85V5.568ZM16.63 1.43H1.42v11.254h3.01v3.067l3.367-3.067h8.834V1.43Zm-5.862 7.583a.5.5 0 0 1 .5.5v.406a.5.5 0 0 1-.5.5h-5.99a.5.5 0 0 1-.5-.5v-.406a.5.5 0 0 1 .5-.5h5.99Zm-4.699-2.38a.5.5 0 0 1 .5.5v.407a.5.5 0 0 1-.5.5H4.778a.5.5 0 0 1-.5-.5v-.407a.5.5 0 0 1 .5-.5h1.291Zm7.517 0a.5.5 0 0 1 .5.5v.407a.5.5 0 0 1-.5.5h-1.014a.5.5 0 0 1-.5-.5v-.407a.5.5 0 0 1 .5-.5h1.014Zm-4.992 0a.5.5 0 0 1 .5.5v.407a.5.5 0 0 1-.5.5H7.412a.5.5 0 0 1-.5-.5v-.407a.5.5 0 0 1 .5-.5h1.182Zm2.635 0a.5.5 0 0 1 .5.5v.407a.5.5 0 0 1-.5.5H9.937a.5.5 0 0 1-.5-.5v-.407a.5.5 0 0 1 .5-.5h1.292Zm2.333-2.355a.5.5 0 0 1 .5.5v.406a.5.5 0 0 1-.5.5H4.778a.5.5 0 0 1-.5-.5v-.406a.5.5 0 0 1 .5-.5h8.784Z",
+    d: "M8.026 8.234v4.845c0 .232.086.45.243.62.115.122.261.213.41.257l.089.021.074.01 4.94.003v4.844a1.18 1.18 0 0 1-.953 1.16l-.118.017-.111.005H3.182a1.18 1.18 0 0 1-1.16-.953l-.017-.118-.005-.11V9.415a1.18 1.18 0 0 1 .953-1.159l.118-.017.11-.006h4.845Zm-1.396 1.4H3.4v8.98h8.987v-3.23H8.802a2.222 2.222 0 0 1-1.168-.418l-.125-.097-.195-.187-.09-.09a2.222 2.222 0 0 1-.573-1.213l-.016-.153-.005-.15V9.635ZM16 13.978c.372 0 .677.292.677.65 0 .303-.219.562-.523.632l-.078.014-.076.004h-.66a.661.661 0 0 1-.671-.65c0-.3.212-.558.512-.63l.077-.015.082-.005h.66Zm2.405-.431c.176-.29.502-.413.813-.272a.612.612 0 0 1 .319.842c-.258.566-.781.93-1.401.99-.37.036-.66-.156-.696-.525a.672.672 0 0 1 .448-.698l.075-.022.127-.02a.406.406 0 0 0 .213-.124l.036-.047.066-.124Zm.79-4.29c.3 0 .558.212.63.512l.015.077.005.082v1.58c0 .37-.291.671-.65.671a.655.655 0 0 1-.631-.513l-.014-.076-.005-.082v-1.58c0-.371.29-.672.65-.672Zm0-4.07c.3 0 .558.212.63.512l.015.077.005.082v1.58c0 .37-.291.671-.65.671a.655.655 0 0 1-.631-.513l-.014-.076-.005-.082v-1.58c0-.371.29-.672.65-.672Zm-11.734-.25c.313 0 .58.212.655.512l.015.077.005.082v1.072a.675.675 0 0 1-1.33.159l-.014-.077-.006-.082V5.607c0-.371.303-.672.675-.672Zm1.084-2.73a.671.671 0 0 1 .203 1.317l-.076.017-.13.012a.404.404 0 0 0-.22.11l-.038.045-.075.12a.672.672 0 0 1-1.143-.7 1.743 1.743 0 0 1 1.48-.921Zm9.585-.065c.624.021 1.187.374 1.48.922a.671.671 0 0 1-1.095.76l-.053-.067-.037-.06a.404.404 0 0 0-.227-.193l-.057-.014-.055-.006a.672.672 0 0 1 .044-1.342ZM12.217 2c.371 0 .672.291.672.65a.655.655 0 0 1-.513.63l-.077.015-.082.005h-1.58a.661.661 0 0 1-.671-.65c0-.301.213-.558.513-.63l.077-.015.081-.005h1.58Zm3.793 0c.37 0 .671.291.671.65a.655.655 0 0 1-.512.63l-.077.015-.082.005h-1.58a.661.661 0 0 1-.671-.65c0-.301.212-.558.512-.63l.077-.015L14.43 2h1.58Z",
     clipRule: "evenodd"
   })));
 };
 
 var _path$p;
 function _extends$r() { _extends$r = 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$r.apply(this, arguments); }
-var SvgIconSquareOnDashedSquareLarge = function SvgIconSquareOnDashedSquareLarge(props) {
+var SvgIconStarburstSmall = function SvgIconStarburstSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 22,
-    height: 22
+    width: 14,
+    height: 14
   }, props), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
-    fillRule: "evenodd",
-    d: "M8.026 8.234v4.845c0 .232.086.45.243.62.115.122.261.213.41.257l.089.021.074.01 4.94.003v4.844a1.18 1.18 0 0 1-.953 1.16l-.118.017-.111.005H3.182a1.18 1.18 0 0 1-1.16-.953l-.017-.118-.005-.11V9.415a1.18 1.18 0 0 1 .953-1.159l.118-.017.11-.006h4.845Zm-1.396 1.4H3.4v8.98h8.987v-3.23H8.802a2.222 2.222 0 0 1-1.168-.418l-.125-.097-.195-.187-.09-.09a2.222 2.222 0 0 1-.573-1.213l-.016-.153-.005-.15V9.635ZM16 13.978c.372 0 .677.292.677.65 0 .303-.219.562-.523.632l-.078.014-.076.004h-.66a.661.661 0 0 1-.671-.65c0-.3.212-.558.512-.63l.077-.015.082-.005h.66Zm2.405-.431c.176-.29.502-.413.813-.272a.612.612 0 0 1 .319.842c-.258.566-.781.93-1.401.99-.37.036-.66-.156-.696-.525a.672.672 0 0 1 .448-.698l.075-.022.127-.02a.406.406 0 0 0 .213-.124l.036-.047.066-.124Zm.79-4.29c.3 0 .558.212.63.512l.015.077.005.082v1.58c0 .37-.291.671-.65.671a.655.655 0 0 1-.631-.513l-.014-.076-.005-.082v-1.58c0-.371.29-.672.65-.672Zm0-4.07c.3 0 .558.212.63.512l.015.077.005.082v1.58c0 .37-.291.671-.65.671a.655.655 0 0 1-.631-.513l-.014-.076-.005-.082v-1.58c0-.371.29-.672.65-.672Zm-11.734-.25c.313 0 .58.212.655.512l.015.077.005.082v1.072a.675.675 0 0 1-1.33.159l-.014-.077-.006-.082V5.607c0-.371.303-.672.675-.672Zm1.084-2.73a.671.671 0 0 1 .203 1.317l-.076.017-.13.012a.404.404 0 0 0-.22.11l-.038.045-.075.12a.672.672 0 0 1-1.143-.7 1.743 1.743 0 0 1 1.48-.921Zm9.585-.065c.624.021 1.187.374 1.48.922a.671.671 0 0 1-1.095.76l-.053-.067-.037-.06a.404.404 0 0 0-.227-.193l-.057-.014-.055-.006a.672.672 0 0 1 .044-1.342ZM12.217 2c.371 0 .672.291.672.65a.655.655 0 0 1-.513.63l-.077.015-.082.005h-1.58a.661.661 0 0 1-.671-.65c0-.301.213-.558.513-.63l.077-.015.081-.005h1.58Zm3.793 0c.37 0 .671.291.671.65a.655.655 0 0 1-.512.63l-.077.015-.082.005h-1.58a.661.661 0 0 1-.671-.65c0-.301.212-.558.512-.63l.077-.015L14.43 2h1.58Z",
-    clipRule: "evenodd"
+    d: "m11.977 8.821.742 2.154-.846.165-1.391.272c-.299.009-.41.101-.47.393l-.816 2.128-.755-.419-1.237-.687c-.236-.184-.379-.185-.614-.001l-1.993 1.107-.309-.806-.507-1.321c-.063-.293-.174-.386-.472-.395l-2.236-.436.281-.816.461-1.337c.14-.265.117-.407-.106-.604L.274 6.446l.74-.444 1.214-.729c.278-.111.348-.235.306-.531l.04-2.28.853.136 1.396.223c.286.091.422.043.579-.211L6.896.889l.566.652.93 1.071c.156.253.289.3.575.209l2.254-.359.014.865.023 1.415c-.043.296.029.418.306.531l1.955 1.173-.543.671-.893 1.102c-.223.198-.246.338-.106.602Zm-1.058-1.548.348-.429-.475-.285c-.539-.379-.975-1.133-1.034-1.791l-.009-.552-.546.087c-.656.055-1.477-.242-1.945-.711l-.362-.415-.362.417c-.469.468-1.285.764-1.941.709l-.549-.087-.01.552c-.058.658-.492 1.41-1.032 1.791l-.476.285.349.43c.379.543.528 1.399.36 2.034l-.182.525.544.106c.638.171 1.303.73 1.584 1.327l.198.517.483-.269c.597-.276 1.468-.277 2.066-.001l.486.27.198-.516c.28-.598.949-1.158 1.586-1.328l.541-.106-.18-.524c-.17-.636-.019-1.494.36-2.036Z"
   })));
 };
 
-var _path$o, _path2$6;
+var _path$o, _path2$8;
 function _extends$q() { _extends$q = 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$q.apply(this, arguments); }
 var SvgIconStarLarge = function SvgIconStarLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
@@ -2312,45 +2368,33 @@ var SvgIconStarLarge = function SvgIconStarLarge(props) {
     fillRule: "evenodd",
     d: "m10.993 7.986-.586 1.41a1.7 1.7 0 0 1-1.434 1.041l-1.522.122 1.16.993a1.7 1.7 0 0 1 .547 1.686l-.354 1.485 1.303-.796a1.7 1.7 0 0 1 1.772 0l1.303.796-.354-1.485a1.7 1.7 0 0 1 .547-1.686l1.16-.993-1.522-.122a1.7 1.7 0 0 1-1.434-1.042l-.586-1.41Zm.923-1.556c-.341-.821-1.505-.821-1.846 0L9.068 8.839a.25.25 0 0 1-.211.153l-2.6.208c-.887.071-1.247 1.178-.571 1.757l1.981 1.697a.25.25 0 0 1 .08.248l-.605 2.537c-.206.865.735 1.55 1.494 1.085l2.227-1.36a.25.25 0 0 1 .26 0l2.227 1.36c.759.464 1.7-.22 1.494-1.085l-.606-2.537a.25.25 0 0 1 .08-.248l1.982-1.697c.675-.58.316-1.686-.57-1.757l-2.601-.208a.25.25 0 0 1-.21-.153L11.915 6.43Z",
     clipRule: "evenodd"
-  })), _path2$6 || (_path2$6 = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$8 || (_path2$8 = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M10.268 1.935a.725.725 0 0 1 1.45 0v1.55a.725.725 0 0 1-1.45 0v-1.55ZM20.4 10.269a.725.725 0 0 1 0 1.45h-1.55a.725.725 0 0 1 0-1.45h1.55ZM17.224 3.733a.725.725 0 1 1 1.026 1.025l-1.096 1.096a.725.725 0 1 1-1.026-1.025l1.096-1.096ZM19.007 17.232a.725.725 0 0 1-1.026 1.026l-1.096-1.096a.725.725 0 1 1 1.026-1.026l1.096 1.096ZM10.268 18.503a.725.725 0 0 1 1.45 0v1.55a.725.725 0 1 1-1.45 0v-1.55ZM3.135 10.269a.725.725 0 0 1 0 1.45h-1.55a.725.725 0 0 1 0-1.45h1.55ZM4.078 16.136a.725.725 0 0 1 1.025 1.026l-1.096 1.096a.725.725 0 0 1-1.025-1.026l1.096-1.096ZM5.857 4.829A.725.725 0 1 1 4.83 5.854L3.735 4.758a.725.725 0 0 1 1.026-1.025l1.096 1.096Z"
   })));
 };
 
 var _path$n;
 function _extends$p() { _extends$p = 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$p.apply(this, arguments); }
-var SvgIconStarburstSmall = function SvgIconStarburstSmall(props) {
+var SvgIconTableSmall = function SvgIconTableSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
   }, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
-    d: "m11.977 8.821.742 2.154-.846.165-1.391.272c-.299.009-.41.101-.47.393l-.816 2.128-.755-.419-1.237-.687c-.236-.184-.379-.185-.614-.001l-1.993 1.107-.309-.806-.507-1.321c-.063-.293-.174-.386-.472-.395l-2.236-.436.281-.816.461-1.337c.14-.265.117-.407-.106-.604L.274 6.446l.74-.444 1.214-.729c.278-.111.348-.235.306-.531l.04-2.28.853.136 1.396.223c.286.091.422.043.579-.211L6.896.889l.566.652.93 1.071c.156.253.289.3.575.209l2.254-.359.014.865.023 1.415c-.043.296.029.418.306.531l1.955 1.173-.543.671-.893 1.102c-.223.198-.246.338-.106.602Zm-1.058-1.548.348-.429-.475-.285c-.539-.379-.975-1.133-1.034-1.791l-.009-.552-.546.087c-.656.055-1.477-.242-1.945-.711l-.362-.415-.362.417c-.469.468-1.285.764-1.941.709l-.549-.087-.01.552c-.058.658-.492 1.41-1.032 1.791l-.476.285.349.43c.379.543.528 1.399.36 2.034l-.182.525.544.106c.638.171 1.303.73 1.584 1.327l.198.517.483-.269c.597-.276 1.468-.277 2.066-.001l.486.27.198-.516c.28-.598.949-1.158 1.586-1.328l.541-.106-.18-.524c-.17-.636-.019-1.494.36-2.036Z"
-  })));
-};
-
-var _path$m;
-function _extends$o() { _extends$o = 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$o.apply(this, arguments); }
-var SvgIconTableSmall = function SvgIconTableSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 14,
-    height: 14
-  }, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M12.688 1H1.312C.589 1 0 1.588 0 2.313v9.624c0 .725.588 1.313 1.313 1.313h11.374c.725 0 1.313-.588 1.313-1.313V2.313C14 1.587 13.412 1 12.687 1ZM6.5 11.675H1.25V8.75H6.5v2.925Zm0-4.55H1.25V4.15H6.5v2.975Zm6.25 4.55H7.5V8.75h5.25v2.925Zm0-4.55H7.5V4.15h5.25v2.975Z"
   })));
 };
 
-var _path$l, _rect$2, _rect2, _rect3, _path2$5;
-function _extends$n() { _extends$n = 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$n.apply(this, arguments); }
+var _path$m, _rect$2, _rect2, _rect3, _path2$7;
+function _extends$o() { _extends$o = 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$o.apply(this, arguments); }
 var SvgIconTrashCanLarge = function SvgIconTrashCanLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22,
     fill: "none"
-  }, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M16.431 7.178h1.035L17 18.5a1.438 1.438 0 0 1-.482.991 1.6 1.6 0 0 1-1.069.404H6.552a1.6 1.6 0 0 1-1.07-.404A1.438 1.438 0 0 1 5 18.5L4.534 7.178h1.035l.465 11.27a.483.483 0 0 0 .161.331.53.53 0 0 0 .357.134h8.897a.525.525 0 0 0 .356-.134.481.481 0 0 0 .161-.33l.465-11.271Zm1.237-.194-.009.202-.465 11.325a1.757 1.757 0 0 1-.547 1.125 1.913 1.913 0 0 1-1.199.453H6.552a1.915 1.915 0 0 1-1.2-.454 1.758 1.758 0 0 1-.546-1.127L4.332 6.984h1.423l.008.186.465 11.268c-.003.088.023.14.097.197a.256.256 0 0 0 .227.084h8.897a.255.255 0 0 0 .226-.084c.074-.057.099-.106.097-.194l.473-11.457h1.423ZM16.16 18.457a.82.82 0 0 1-.226.466.86.86 0 0 1-.486.184H6.552a.864.864 0 0 1-.487-.184.81.81 0 0 1-.224-.464L5.383 7.372h-.646l.457 11.12c.011.34.151.625.418.855.258.241.576.36.939.354h8.898c.363.006.681-.113.939-.354.266-.23.407-.518.418-.857l.457-11.118h-.646l-.457 11.085Z"
   })), _rect$2 || (_rect$2 = /*#__PURE__*/React__namespace.createElement("rect", {
     width: 1.2,
@@ -2368,217 +2412,243 @@ var SvgIconTrashCanLarge = function SvgIconTrashCanLarge(props) {
     height: 9.217,
     rx: 0.4,
     transform: "rotate(2.511 -184.365 301.642) skewX(.151)"
-  })), _path2$5 || (_path2$5 = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$7 || (_path2$7 = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M6.423 4.018a2 2 0 0 1 2-2h5.156a2 2 0 0 1 2 2v.594h2.661a.45.45 0 0 1 .45.45v.51a.45.45 0 0 1-.45.45H3.76a.45.45 0 0 1-.45-.45v-.51a.45.45 0 0 1 .45-.45h2.663v-.594Zm2.013-.582a.6.6 0 0 0-.6.6v.568h6.328v-.568a.6.6 0 0 0-.6-.6H8.436Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$k;
-function _extends$m() { _extends$m = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$m.apply(this, arguments); }
+var _path$l;
+function _extends$n() { _extends$n = 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$n.apply(this, arguments); }
 var SvgIconTrashCanSmall = function SvgIconTrashCanSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M9.304 1.4v.459h3.286a.925.925 0 1 1 0 1.851h-.44l-.748 9.006A1.4 1.4 0 0 1 10.007 14H3.815a1.4 1.4 0 0 1-1.395-1.284L1.67 3.71h-.274a.926.926 0 1 1 0-1.851h3.088V1.4a1.4 1.4 0 0 1 1.4-1.4h2.02a1.4 1.4 0 0 1 1.4 1.4Zm-1.26-.28H5.762v.723h2.282V1.12ZM4.408 11.755A.502.502 0 0 0 5.41 11.7l-.34-6.284a.502.502 0 1 0-1.004.054l.34 6.285Zm2.371.45a.502.502 0 0 0 .502-.502V5.435a.502.502 0 0 0-1.004 0v6.268c0 .277.225.501.502.501Zm1.845.008a.502.502 0 0 0 .526-.475l.34-6.285A.502.502 0 0 0 8.489 5.4l-.34 6.285a.502.502 0 0 0 .476.529Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$j;
-function _extends$l() { _extends$l = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$l.apply(this, arguments); }
+var _path$k;
+function _extends$m() { _extends$m = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$m.apply(this, arguments); }
 var SvgIconTreeDendogramLarge = function SvgIconTreeDendogramLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M19.078 5.798a1.283 1.283 0 1 0-1.061-2.005H11a.722.722 0 0 0-.722.722V7.12H7.15a.722.722 0 0 0-.722.722v3.793H4.056a1.282 1.282 0 0 0-2.344.722 1.283 1.283 0 0 0 2.344.722h2.372v4.269c0 .399.323.722.722.722h10.867a1.282 1.282 0 0 0 2.344-.722 1.283 1.283 0 0 0-2.344-.722H7.872V8.564h2.406v2.13c0 .398.323.721.722.721h7.017a1.282 1.282 0 0 0 2.344-.721 1.283 1.283 0 0 0-2.344-.722h-6.295V5.236h6.295c.23.34.62.562 1.06.562Z"
   })));
 };
 
-var _path$i;
-function _extends$k() { _extends$k = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$k.apply(this, arguments); }
+var _path$j;
+function _extends$l() { _extends$l = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$l.apply(this, arguments); }
 var SvgIconTreeHorizontalLarge = function SvgIconTreeHorizontalLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M17.219 15.836c.779 0 1.39.608 1.39 1.383a1.38 1.38 0 0 1-1.39 1.397 1.402 1.402 0 0 1-1.404-1.397c0-.775.617-1.383 1.404-1.383ZM4.796 12.399c-.78 0-1.39-.613-1.39-1.396 0-.777.61-1.384 1.39-1.384.787 0 1.404.607 1.404 1.384 0 .77-.63 1.396-1.404 1.396Zm12.423-9.016c.779 0 1.39.614 1.39 1.397 0 .776-.611 1.383-1.39 1.383-.787 0-1.404-.607-1.404-1.383 0-.77.629-1.397 1.404-1.397Zm0 6.236c.779 0 1.39.607 1.39 1.384 0 .783-.611 1.396-1.39 1.396a1.401 1.401 0 0 1-1.404-1.396c0-.777.617-1.384 1.404-1.384ZM14.52 11.77c.316 1.212 1.474 2.15 2.699 2.15 1.5 0 2.821-1.419 2.821-2.917 0-1.5-1.322-2.923-2.821-2.923-1.231 0-2.389.95-2.699 2.17h-2.73V5.6h2.75c.335 1.18 1.482 2 2.679 2 1.5 0 2.821-1.32 2.821-2.82 0-1.498-1.322-2.82-2.821-2.82-1.241 0-2.42.886-2.709 2.12h-3.488a.977.977 0 0 0-.57.23c-.128.123-.2.352-.202.54v5.4H7.49c-.31-1.22-1.464-2.17-2.694-2.17-1.507 0-2.836 1.42-2.836 2.923 0 1.462 1.367 2.917 2.836 2.917 1.225 0 2.378-.938 2.694-2.15h2.76v5.4c.006.361.41.75.77.75h3.49c.29 1.231 1.47 2.12 2.709 2.12 1.5 0 2.821-1.322 2.821-2.821S18.718 14.4 17.219 14.4c-1.197 0-2.344.82-2.679 2h-2.75v-4.63h2.73Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$h, _path2$4;
-function _extends$j() { _extends$j = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$j.apply(this, arguments); }
+var _path$i, _path2$6;
+function _extends$k() { _extends$k = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$k.apply(this, arguments); }
 var SvgIconTreeHorizontalPrivateLarge = function SvgIconTreeHorizontalPrivateLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "#CCC",
     fillRule: "evenodd",
     d: "M12.568 14.575H8.847v-4.4h2.738a2.46 2.46 0 0 0 2.387 1.856c1.405 0 2.528-1.1 2.528-2.475s-1.123-2.475-2.528-2.475a2.46 2.46 0 0 0-2.387 1.856H8.847v-4.4h2.738c.281 1.1 1.264 1.788 2.387 1.788 1.405 0 2.528-1.1 2.528-2.475s-1.123-2.475-2.528-2.475c-1.123 0-2.176.825-2.387 1.925h-3.3c-.14 0-.28.069-.421.206-.14.138-.21.275-.21.413v5.018h-2.74a2.46 2.46 0 0 0-2.386-1.856C1.123 7.081 0 8.181 0 9.556v.069c.07 1.306 1.194 2.406 2.528 2.406a2.46 2.46 0 0 0 2.387-1.856h2.738v5.019c0 .343.281.618.632.618h3.721c.07-.48.281-.824.562-1.237Zm1.404-6.256c.703 0 1.264.55 1.264 1.237 0 .688-.562 1.307-1.264 1.307s-1.263-.55-1.263-1.307c-.07-.687.491-1.237 1.263-1.237Zm0-5.707c.703 0 1.264.55 1.264 1.307 0 .687-.562 1.237-1.264 1.237s-1.263-.55-1.263-1.237c-.07-.688.561-1.307 1.263-1.307Zm-11.515 8.25c-.702 0-1.263-.55-1.263-1.306 0-.687.561-1.237 1.263-1.237.703 0 1.334.55 1.334 1.237 0 .688-.631 1.307-1.334 1.307Z",
     clipRule: "evenodd"
-  })), _path2$4 || (_path2$4 = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$6 || (_path2$6 = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M16.844 11.688A5.15 5.15 0 0 1 22 16.843C22 19.663 19.663 22 16.844 22c-2.819 0-5.157-2.337-5.157-5.156 0-2.819 2.338-5.157 5.157-5.157Zm0 1.787c-.963 0-1.788.825-1.788 1.787v.62a.616.616 0 0 0-.618.618v2.406c0 .344.274.619.618.619h3.575a.616.616 0 0 0 .619-.619V16.5a.616.616 0 0 0-.619-.619v-.619c0-.962-.825-1.787-1.787-1.787Zm0 3.438c.275 0 .481.206.412.412 0 .206-.069.344-.206.413v.618c0 .138-.069.206-.206.206-.138 0-.207-.068-.207-.206v-.619c-.137-.137-.206-.274-.206-.412 0-.206.138-.412.413-.412Zm0-2.82c.687 0 1.237.55 1.168 1.238v.619h-2.406v-.619c0-.687.55-1.237 1.238-1.237Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$g, _path2$3;
-function _extends$i() { _extends$i = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$i.apply(this, arguments); }
+var _path$h, _path2$5;
+function _extends$j() { _extends$j = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$j.apply(this, arguments); }
 var SvgIconTreeHorizontalPublicLarge = function SvgIconTreeHorizontalPublicLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "#CCC",
     fillRule: "evenodd",
     d: "M12.779 14.575H8.847v-4.4h2.738a2.46 2.46 0 0 0 2.387 1.856c1.405 0 2.528-1.1 2.528-2.475s-1.123-2.475-2.528-2.475a2.46 2.46 0 0 0-2.387 1.856H8.847v-4.4h2.738c.281 1.1 1.264 1.788 2.387 1.788 1.405 0 2.528-1.1 2.528-2.475s-1.123-2.475-2.528-2.475c-1.123 0-2.176.825-2.387 1.925h-3.3c-.14 0-.28.069-.421.206-.14.138-.21.275-.21.413v5.018h-2.74a2.46 2.46 0 0 0-2.386-1.856C1.123 7.081 0 8.181 0 9.556v.069c.07 1.306 1.194 2.406 2.528 2.406a2.46 2.46 0 0 0 2.387-1.856h2.738v5.019c0 .343.281.618.632.618h3.932c.07-.48.28-.893.562-1.237Zm1.193-6.256c.703 0 1.264.55 1.264 1.237 0 .688-.562 1.307-1.264 1.307s-1.263-.55-1.263-1.307c-.07-.687.491-1.237 1.263-1.237Zm0-5.707c.703 0 1.264.55 1.264 1.307 0 .687-.562 1.237-1.264 1.237s-1.263-.55-1.263-1.237c-.07-.688.561-1.307 1.263-1.307Zm-11.515 8.25c-.702 0-1.263-.55-1.263-1.306 0-.687.561-1.237 1.263-1.237.703 0 1.334.55 1.334 1.237 0 .688-.631 1.307-1.334 1.307Z",
     clipRule: "evenodd"
-  })), _path2$3 || (_path2$3 = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$5 || (_path2$5 = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M17.255 11.707c-3.15-.274-5.822 2.397-5.548 5.548.205 2.465 2.192 4.52 4.726 4.726 3.15.274 5.822-2.398 5.548-5.548-.206-2.534-2.192-4.59-4.726-4.726Zm.616.685.617.205c.137.069.205.137.342.137a4.47 4.47 0 0 1 1.438 1.096s.069.069.069.137v.274c0 .069-.069.137-.069.206 0 .137.137.205.206.205h.274c.068 0 .137.069.137.137.068.137.137.274.137.343.205.479.274.958.342 1.506 0 .069 0 .137-.068.206a1.491 1.491 0 0 0-.274.342c-.137.274-.274.685-.48.89-.137.138-.274.275-.274.412-.068.137 0 .274-.068.342 0 .069-.069.069-.137 0-.206-.274-.274-.548-.343-.822-.068-.205-.068-.41-.137-.685a1.065 1.065 0 0 0-.41-.548c-.206-.137-.48-.068-.685-.137-.274 0-.48-.068-.685-.274a.52.52 0 0 1-.137-.274c-.137-.548.205-1.164.685-1.438.068-.068.137-.068.205-.137.137-.137.206-.274.137-.48 0-.068-.069-.068-.069-.068-.136.069-.273.069-.342.137-.068 0-.137 0-.137-.068 0-.206 0-.411.069-.685.068-.274.137-.48 0-.685 0-.069-.069-.069-.137-.069h-.617a.534.534 0 0 0 .274-.274c.069.137.137.069.137.069Zm-2.192.068c.069 0 .069 0 .137.069.069.137.137.205.206.342.137.274.205.617.068.822-.137.274-.48.411-.753.617-.617.274-1.096.753-1.438 1.3l-.069.07c-.068 0-.068 0-.137-.07-.068-.068-.137-.068-.205-.136 0 0-.069 0-.069.068a.689.689 0 0 0 .343.754c.068 0 .068.068.137.068.068.137 0 .274 0 .411 0 .206.274.274.41.274.206 0 .343-.137.549-.205.41-.137.821-.069 1.164.137.205.137.342.274.48.41a.778.778 0 0 0 .547.206c.069 0 .069 0 .137.069.069.205 0 .41-.137.548-.137.205-.342.274-.48.479-.342.411-.479 1.027-.753 1.507-.068.068-.137.205-.205.274-.069.137-.069.274-.069.48 0 0 0 .068-.068.068-.069 0-.137-.069-.206-.069-.068 0-.068-.068-.068-.137a9.758 9.758 0 0 0-.616-1.849c-.137-.205-.274-.48-.48-.616-.068-.069-.137-.069-.137-.137v-.137a1.722 1.722 0 0 0-.685-1.576c-.068-.068-.205-.137-.205-.205 0-.069-.069-.206-.069-.274l-.274-.274c-.068 0-.068-.069-.068-.137.274-1.438 1.438-2.74 3.013-3.15Z",
     clipRule: "evenodd"
   })));
 };
 
-var _path$f;
-function _extends$h() { _extends$h = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$h.apply(this, arguments); }
+var _path$g;
+function _extends$i() { _extends$i = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$i.apply(this, arguments); }
 var SvgIconTreeHorizontalSmall = function SvgIconTreeHorizontalSmall(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
-  }, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M11.517 1c.981 0 1.75.765 1.75 1.742 0 .985-.769 1.758-1.75 1.758a1.77 1.77 0 0 1-1.594-1H7.25v2.75h2.662c.278-.596.885-1 1.605-1 .981 0 1.75.765 1.75 1.742 0 .985-.769 1.758-1.75 1.758a1.77 1.77 0 0 1-1.594-1H7.25v2.75h2.662c.278-.596.885-1 1.605-1 .981 0 1.75.765 1.75 1.742 0 .985-.769 1.758-1.75 1.758a1.77 1.77 0 0 1-1.594-1H6.5a.75.75 0 0 1-.743-.648l-.007-.102v-3.5l-1.899.001a1.73 1.73 0 0 1-1.584.999A1.764 1.764 0 0 1 .5 6.992c0-.977.777-1.742 1.767-1.742a1.73 1.73 0 0 1 1.59 1H5.75v-3.5a.75.75 0 0 1 .648-.743L6.5 2h3.412c.278-.596.885-1 1.605-1Z"
   })));
 };
 
-var _path$e;
-function _extends$g() { _extends$g = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }
+var _path$f;
+function _extends$h() { _extends$h = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$h.apply(this, arguments); }
 var SvgIconTreeHorizontalTopRightFilledLarge = function SvgIconTreeHorizontalTopRightFilledLarge(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
     height: 22
-  }, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M17.219 15.836c.779 0 1.39.608 1.39 1.383a1.38 1.38 0 0 1-1.39 1.397 1.402 1.402 0 0 1-1.404-1.397c0-.775.617-1.383 1.404-1.383ZM4.796 12.399c-.78 0-1.39-.613-1.39-1.396 0-.776.61-1.384 1.39-1.384.787 0 1.404.608 1.404 1.384 0 .77-.63 1.396-1.404 1.396Zm12.423-2.78c.779 0 1.39.608 1.39 1.384 0 .783-.611 1.396-1.39 1.396a1.401 1.401 0 0 1-1.404-1.396c0-.776.617-1.384 1.404-1.384ZM14.52 11.77c.316 1.213 1.474 2.15 2.699 2.15 1.5 0 2.821-1.419 2.821-2.917 0-1.5-1.322-2.923-2.821-2.923-1.231 0-2.389.95-2.699 2.17h-2.73V5.6h2.75c.335 1.18 1.482 2 2.679 2 1.5 0 2.821-1.32 2.821-2.82 0-1.498-1.322-2.82-2.821-2.82-1.24 0-2.42.886-2.709 2.12h-3.488a.977.977 0 0 0-.57.23c-.128.123-.2.352-.202.54v5.4H7.49c-.31-1.22-1.464-2.17-2.694-2.17-1.507 0-2.836 1.42-2.836 2.923 0 1.462 1.367 2.917 2.836 2.917 1.225 0 2.378-.938 2.694-2.15h2.76v5.4c.006.361.41.75.77.75h3.49c.29 1.231 1.47 2.12 2.709 2.12 1.5 0 2.821-1.322 2.821-2.821S18.718 14.4 17.219 14.4c-1.197 0-2.344.82-2.679 2h-2.75v-4.63h2.73Z",
     clipRule: "evenodd"
   })));
 };
 
+var _path$e;
+function _extends$g() { _extends$g = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }
+var SvgIconTreeVerticalSmall = function SvgIconTreeVerticalSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 14,
+    height: 14
+  }, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M4.875 1a1.874 1.874 0 0 1 .706 3.612l.006.01v3.146l.156-.056c.34-.113.732-.175 1.346-.237l.65-.064c.883-.098 1.252-.217 1.484-.506.135-.167.212-.425.225-.776A1.885 1.885 0 0 1 8.25 4.375a1.874 1.874 0 1 1 3.75 0c0 .825-.534 1.526-1.275 1.779l.141-.055.009.017c-.01.614-.152 1.122-.43 1.533l-.11.15c-.581.722-1.288.926-2.873 1.072l-.583.06c-.451.056-.698.116-.912.224a.687.687 0 0 0-.278.237l-.024.033A1.874 1.874 0 1 1 3 11.125c0-.84.55-1.55 1.313-1.79l-.114.04-.037-.081V4.622l.005-.011A1.874 1.874 0 0 1 4.875 1Z"
+  })));
+};
+
 var _path$d;
 function _extends$f() { _extends$f = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$f.apply(this, arguments); }
-var SvgIconTreeVerticalSmall = function SvgIconTreeVerticalSmall(props) {
+var SvgIconTriangleDownSmall = function SvgIconTriangleDownSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
   }, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
-    fillRule: "evenodd",
-    d: "M4.875 1a1.874 1.874 0 0 1 .706 3.612l.006.01v3.146l.156-.056c.34-.113.732-.175 1.346-.237l.65-.064c.883-.098 1.252-.217 1.484-.506.135-.167.212-.425.225-.776A1.885 1.885 0 0 1 8.25 4.375a1.874 1.874 0 1 1 3.75 0c0 .825-.534 1.526-1.275 1.779l.141-.055.009.017c-.01.614-.152 1.122-.43 1.533l-.11.15c-.581.722-1.288.926-2.873 1.072l-.583.06c-.451.056-.698.116-.912.224a.687.687 0 0 0-.278.237l-.024.033A1.874 1.874 0 1 1 3 11.125c0-.84.55-1.55 1.313-1.79l-.114.04-.037-.081V4.622l.005-.011A1.874 1.874 0 0 1 4.875 1Z"
+    d: "M3.09 4.2h7.82a.7.7 0 0 1 .495 1.195l-3.91 3.91a.7.7 0 0 1-.99 0l-3.91-3.91A.7.7 0 0 1 3.09 4.2Z"
   })));
 };
 
 var _path$c;
 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 SvgIconTriangleDownSmall = function SvgIconTriangleDownSmall(props) {
+var SvgIconTriangleLeftSmall = function SvgIconTriangleLeftSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
   }, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M3.09 4.2h7.82a.7.7 0 0 1 .495 1.195l-3.91 3.91a.7.7 0 0 1-.99 0l-3.91-3.91A.7.7 0 0 1 3.09 4.2Z"
+    d: "M9.8 3.09v7.82a.7.7 0 0 1-1.195.495l-3.91-3.91a.7.7 0 0 1 0-.99l3.91-3.91A.7.7 0 0 1 9.8 3.09Z"
   })));
 };
 
 var _path$b;
 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 SvgIconTriangleLeftSmall = function SvgIconTriangleLeftSmall(props) {
+var SvgIconTriangleRightSmall = function SvgIconTriangleRightSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
   }, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M9.8 3.09v7.82a.7.7 0 0 1-1.195.495l-3.91-3.91a.7.7 0 0 1 0-.99l3.91-3.91A.7.7 0 0 1 9.8 3.09Z"
+    d: "M4.2 10.91V3.09a.7.7 0 0 1 1.195-.495l3.91 3.91a.7.7 0 0 1 0 .99l-3.91 3.91A.7.7 0 0 1 4.2 10.91Z"
   })));
 };
 
 var _path$a;
 function _extends$c() { _extends$c = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$c.apply(this, arguments); }
-var SvgIconTriangleRightSmall = function SvgIconTriangleRightSmall(props) {
+var SvgIconTriangleUpSmall = function SvgIconTriangleUpSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
     xmlns: "http://www.w3.org/2000/svg",
     width: 14,
     height: 14
   }, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M4.2 10.91V3.09a.7.7 0 0 1 1.195-.495l3.91 3.91a.7.7 0 0 1 0 .99l-3.91 3.91A.7.7 0 0 1 4.2 10.91Z"
+    d: "M10.91 9.8H3.09a.7.7 0 0 1-.495-1.195l3.91-3.91a.7.7 0 0 1 .99 0l3.91 3.91A.7.7 0 0 1 10.91 9.8Z"
   })));
 };
 
 var _path$9;
 function _extends$b() { _extends$b = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$b.apply(this, arguments); }
-var SvgIconTriangleUpSmall = function SvgIconTriangleUpSmall(props) {
+var SvgIconUploadLarge = function SvgIconUploadLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 14,
-    height: 14
+    width: 22,
+    height: 22
   }, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M10.91 9.8H3.09a.7.7 0 0 1-.495-1.195l3.91-3.91a.7.7 0 0 1 .99 0l3.91 3.91A.7.7 0 0 1 10.91 9.8Z"
+    fillRule: "evenodd",
+    d: "M9.778 3.438c-2.697 0-4.957 1.95-5.5 4.542C1.872 8.29 0 10.364 0 12.896c0 2.746 2.193 4.979 4.889 4.979h.733a.73.73 0 0 0 .644-.37.759.759 0 0 0 0-.753.73.73 0 0 0-.644-.37H4.89c-1.909 0-3.422-1.542-3.422-3.486 0-1.943 1.513-3.484 3.422-3.484a.739.739 0 0 0 .733-.677C5.832 6.6 7.616 4.93 9.778 4.93c1.179 0 2.126.454 2.895 1.26a.724.724 0 0 0 .787.18c.314-.122.799-.195 1.207-.195a3.211 3.211 0 0 1 3.185 2.823c.032.28.215.517.474.615 1.3.486 2.207 1.76 2.207 3.282 0 1.944-1.513 3.485-3.422 3.485h-.733a.73.73 0 0 0-.644.37.759.759 0 0 0 0 .754.73.73 0 0 0 .644.37h.733c2.696 0 4.889-2.233 4.889-4.979 0-1.973-1.13-3.669-2.78-4.472-.447-2.147-2.328-3.742-4.553-3.742-.423 0-.859.068-1.284.179-.968-.87-2.197-1.423-3.605-1.423Zm1.227 11.944a.727.727 0 0 0 .519-.227.754.754 0 0 0 .207-.536v-3.982l.427.497a.726.726 0 0 0 1.249-.228.757.757 0 0 0-.149-.76l-1.71-1.99a.728.728 0 0 0-1.1 0l-1.712 1.99a.757.757 0 0 0-.152.737.726.726 0 0 0 1.253.252l.427-.498v3.982a.753.753 0 0 0 .212.541c.14.144.33.224.529.222Zm-2.946-.51a.727.727 0 0 0-.519.227.754.754 0 0 0-.207.536v1.493a.74.74 0 0 0 .734.747h5.866a.74.74 0 0 0 .734-.747v-1.493a.75.75 0 0 0-.364-.656.722.722 0 0 0-.74 0 .75.75 0 0 0-.363.656v.746H8.8v-.746a.754.754 0 0 0-.212-.541.727.727 0 0 0-.529-.222Z",
+    clipRule: "evenodd"
   })));
 };
 
-var _path$8;
+var _path$8, _path2$4;
 function _extends$a() { _extends$a = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$a.apply(this, arguments); }
-var SvgIconUploadLarge = function SvgIconUploadLarge(props) {
+var SvgIconUploadSmall = function SvgIconUploadSmall(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 22,
-    height: 22
+    width: 14,
+    height: 14,
+    fill: "none"
   }, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
-    fillRule: "evenodd",
-    d: "M9.778 3.438c-2.697 0-4.957 1.95-5.5 4.542C1.872 8.29 0 10.364 0 12.896c0 2.746 2.193 4.979 4.889 4.979h.733a.73.73 0 0 0 .644-.37.759.759 0 0 0 0-.753.73.73 0 0 0-.644-.37H4.89c-1.909 0-3.422-1.542-3.422-3.486 0-1.943 1.513-3.484 3.422-3.484a.739.739 0 0 0 .733-.677C5.832 6.6 7.616 4.93 9.778 4.93c1.179 0 2.126.454 2.895 1.26a.724.724 0 0 0 .787.18c.314-.122.799-.195 1.207-.195a3.211 3.211 0 0 1 3.185 2.823c.032.28.215.517.474.615 1.3.486 2.207 1.76 2.207 3.282 0 1.944-1.513 3.485-3.422 3.485h-.733a.73.73 0 0 0-.644.37.759.759 0 0 0 0 .754.73.73 0 0 0 .644.37h.733c2.696 0 4.889-2.233 4.889-4.979 0-1.973-1.13-3.669-2.78-4.472-.447-2.147-2.328-3.742-4.553-3.742-.423 0-.859.068-1.284.179-.968-.87-2.197-1.423-3.605-1.423Zm1.227 11.944a.727.727 0 0 0 .519-.227.754.754 0 0 0 .207-.536v-3.982l.427.497a.726.726 0 0 0 1.249-.228.757.757 0 0 0-.149-.76l-1.71-1.99a.728.728 0 0 0-1.1 0l-1.712 1.99a.757.757 0 0 0-.152.737.726.726 0 0 0 1.253.252l.427-.498v3.982a.753.753 0 0 0 .212.541c.14.144.33.224.529.222Zm-2.946-.51a.727.727 0 0 0-.519.227.754.754 0 0 0-.207.536v1.493a.74.74 0 0 0 .734.747h5.866a.74.74 0 0 0 .734-.747v-1.493a.75.75 0 0 0-.364-.656.722.722 0 0 0-.74 0 .75.75 0 0 0-.363.656v.746H8.8v-.746a.754.754 0 0 0-.212-.541.727.727 0 0 0-.529-.222Z",
-    clipRule: "evenodd"
+    d: "M7.005 10.48a.858.858 0 0 1-.624-.263.897.897 0 0 1-.252-.643V4.237l-.973 1.134a.857.857 0 0 1-1.48-.298.905.905 0 0 1 .18-.876l2.492-2.899c.164-.19.4-.298.648-.298s.484.109.649.299l2.488 2.896c.222.247.29.595.18.906a.857.857 0 0 1-1.474.272l-.976-1.136V9.57a.9.9 0 0 1-.246.64.861.861 0 0 1-.498.26l-.114.01Z"
+  })), _path2$4 || (_path2$4 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M10.96 9.847c0-.486.365-.886.836-.94l.11-.007c.524 0 .947.424.947.947l-.002 2.173-.007.155a.947.947 0 0 1-.94.837H2.096a.948.948 0 0 1-.947-.953V9.847a.947.947 0 1 1 1.893 0l-.001 1.271h7.917l.001-1.271Z"
   })));
 };
 
-var _path$7, _path2$2;
+var _path$7, _path2$3, _path3$1, _path4;
 function _extends$9() { _extends$9 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$9.apply(this, arguments); }
-var SvgIconUploadSmall = function SvgIconUploadSmall(props) {
+var SvgIconVirusCircleSLarge = function SvgIconVirusCircleSLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 14,
-    height: 14,
+    width: 22,
+    height: 22,
     fill: "none"
   }, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M7.005 10.48a.858.858 0 0 1-.624-.263.897.897 0 0 1-.252-.643V4.237l-.973 1.134a.857.857 0 0 1-1.48-.298.905.905 0 0 1 .18-.876l2.492-2.899c.164-.19.4-.298.648-.298s.484.109.649.299l2.488 2.896c.222.247.29.595.18.906a.857.857 0 0 1-1.474.272l-.976-1.136V9.57a.9.9 0 0 1-.246.64.861.861 0 0 1-.498.26l-.114.01Z"
-  })), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M10.96 9.847c0-.486.365-.886.836-.94l.11-.007c.524 0 .947.424.947.947l-.002 2.173-.007.155a.947.947 0 0 1-.94.837H2.096a.948.948 0 0 1-.947-.953V9.847a.947.947 0 1 1 1.893 0l-.001 1.271h7.917l.001-1.271Z"
+    d: "M18.902 9.613c0-.35.282-.736.74-.736.456 0 .719.386.719.736v2.534a.747.747 0 0 1-.33.616 6.179 6.179 0 0 0-1.129-.782v-.37h-.959a5.166 5.166 0 0 0-1.333-.175h-.265c.013-.153.019-.404.019-.559a5.587 5.587 0 0 0-5.598-5.603c-3.058 0-5.605 2.546-5.605 5.606a5.595 5.595 0 0 0 5.605 5.605c.232 0 .554-.023.781-.05l.002.186c0 .379.062.927.14 1.282-.06.007-.138.021-.196.027v1.087h.605c.163.31.409.69.63.96-.126.317-.411.524-.687.5H9.507c-.35 0-.74-.28-.74-.734 0-.453.381-.726.731-.726h.538V17.93a6.574 6.574 0 0 1-3.69-1.566l-.816.784.38.38a.722.722 0 0 1 0 1.024c-.321.322-.79.245-1.037 0l-1.78-1.78a.734.734 0 0 1-.065-1.102c.35-.35.861-.222 1.09.078l.375.375.79-.821a6.58 6.58 0 0 1-1.536-3.691H2.626v.535c0 .35-.264.731-.728.731a.724.724 0 0 1-.729-.73V9.613c0-.35.28-.735.73-.735.448 0 .727.385.727.735v.537h1.12a6.601 6.601 0 0 1 1.542-3.697l-.782-.814-.38.38a.727.727 0 0 1-1.028 0c-.321-.32-.248-.794-.002-1.041l1.78-1.78c.228-.31.763-.393 1.1-.056.337.337.229.857-.071 1.085l-.38.38.82.79a6.582 6.582 0 0 1 3.69-1.537V2.743h-.537a.734.734 0 0 1-.728-.73c0-.446.378-.73.728-.73h2.534c.35 0 .73.284.73.73s-.38.73-.73.73h-.54V3.86a6.601 6.601 0 0 1 3.696 1.542l.816-.78-.38-.38c-.28-.24-.36-.752-.035-1.078.326-.325.83-.228 1.065.047l1.793 1.78c.245.246.32.712.001 1.032-.318.32-.785.244-1.032-.002l-.378-.378-.759.819a6.582 6.582 0 0 1 1.538 3.691h1.085v-.54Z"
+  })), _path2$3 || (_path2$3 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M20.833 16.49c0 2.277-1.847 4.234-4.215 4.234a4.214 4.214 0 0 1-4.227-4.239 4.202 4.202 0 0 1 4.22-4.207c2.336 0 4.222 1.933 4.222 4.211Zm-3.114 2.093c.269-.243.39-.55.39-.93 0-.379-.066-.484-.22-.74-.17-.222-.484-.443-.942-.662a6.888 6.888 0 0 1-.662-.343.737.737 0 0 1-.201-.198.853.853 0 0 1-.103-.33c0-.148.095-.356.243-.45.105-.091.284-.132.481-.132.166 0 .334.021.504.063.172.043.326.097.588.204l.259-.637a3.9 3.9 0 0 0-.646-.223 2.916 2.916 0 0 0-.735-.084c-.524.025-.884.164-1.18.412-.26.3-.328.553-.328.932 0 .23.023.334.112.506.09.173.21.324.36.453.15.13.37.262.674.407.32.152.518.254.621.324.105.07.271.198.292.284.054.074.056.177.056.273 0 .207-.117.414-.278.479-.121.087-.296.13-.524.13-.19 0-.4-.03-.631-.09a4.392 4.392 0 0 1-.747-.27v.747c.403.197.774.268 1.297.268.569 0 1.052-.15 1.32-.393Z",
+    clipRule: "evenodd"
+  })), _path3$1 || (_path3$1 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M11.723 15.196a5.403 5.403 0 0 1 .887-1.804c-.078-.625-.73-1.329-1.607-1.329-.876 0-1.643.7-1.643 1.653 0 .953.788 1.64 1.643 1.64.227 0 .526-.072.72-.16ZM8.922 10.88c0-.649-.52-1.203-1.203-1.203-.685 0-1.203.52-1.203 1.203s.535 1.203 1.223 1.203c.687 0 1.183-.555 1.183-1.203Z"
+  })), _path4 || (_path4 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M12.443 10.997a2.107 2.107 0 0 1-2.224-2.112c.002-1.237 1.024-2.15 2.224-2.107 1.2.043 1.999 1.036 1.999 2.107 0 1.07-.81 2.046-1.999 2.112Zm0-2.961c-.471 0-.88.355-.884.849-.003.493.438.876.884.869.447-.007.835-.4.835-.87a.835.835 0 0 0-.835-.848Z",
+    clipRule: "evenodd"
   })));
 };
 
-var _path$6;
+var _path$6, _path2$2, _path3;
 function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
 var SvgIconVirusLarge = function SvgIconVirusLarge(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
     xmlns: "http://www.w3.org/2000/svg",
     width: 22,
-    height: 22
+    height: 22,
+    fill: "none"
   }, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
-    fillRule: "evenodd",
-    d: "M19.136 9.733a.773.773 0 0 1 .214-.516.755.755 0 0 1 .517-.214c.194 0 .389.087.516.214s.21.322.215.516v2.534a.778.778 0 0 1-.215.516.755.755 0 0 1-.516.215.756.756 0 0 1-.517-.215.773.773 0 0 1-.214-.516v-.536h-1.082a6.974 6.974 0 0 1-1.571 3.697l.775.81.386-.385a.77.77 0 0 1 .503-.175.76.76 0 0 1 .489.214c.13.13.207.318.213.488a.787.787 0 0 1-.179.508l-.907.932-.893.893a.776.776 0 0 1-.515.213.774.774 0 0 1-.516-.213.775.775 0 0 1-.212-.515.78.78 0 0 1 .212-.516l.381-.38-.793-.788a6.97 6.97 0 0 1-3.696 1.541v1.081h.536a.773.773 0 0 1 .516.214.756.756 0 0 1 .215.517.755.755 0 0 1-.215.516.778.778 0 0 1-.516.215H9.733a.778.778 0 0 1-.516-.215.754.754 0 0 1-.214-.516c0-.195.087-.39.214-.517a.773.773 0 0 1 .516-.214h.537v-1.082a6.974 6.974 0 0 1-3.698-1.571l-.81.775.38.38a.775.775 0 0 1 .212.516.778.778 0 0 1-.212.515.776.776 0 0 1-.515.213.772.772 0 0 1-.515-.213l-.901-.888-.877-.889a.783.783 0 0 1-.272-.731.787.787 0 0 1 .554-.563.784.784 0 0 1 .736.263l.377.377.788-.811a6.977 6.977 0 0 1-1.54-3.696H2.865v.536a.778.778 0 0 1-.215.516.756.756 0 0 1-.517.215.755.755 0 0 1-.516-.215.773.773 0 0 1-.214-.516V9.733a.773.773 0 0 1 .214-.516.754.754 0 0 1 .516-.214c.195 0 .39.087.517.214s.21.322.215.516v.537h1.112a6.98 6.98 0 0 1 1.541-3.698l-.776-.81-.38.38a.775.775 0 0 1-.515.212.778.778 0 0 1-.516-.212.776.776 0 0 1-.213-.515c0-.179.079-.375.213-.515l.888-.901.889-.877a.783.783 0 0 1 .731-.272.787.787 0 0 1 .563.554.784.784 0 0 1-.263.736l-.377.377.811.788a6.977 6.977 0 0 1 3.697-1.54V2.865h-.537a.778.778 0 0 1-.516-.215.755.755 0 0 1-.214-.517c0-.194.087-.389.214-.516a.773.773 0 0 1 .516-.214h2.534a.773.773 0 0 1 .516.214.755.755 0 0 1 .215.516c0 .195-.088.39-.215.517a.778.778 0 0 1-.516.215h-.536v1.112a6.98 6.98 0 0 1 3.697 1.541l.81-.776-.379-.379a.786.786 0 0 1-.23-.722.788.788 0 0 1 .54-.54.784.784 0 0 1 .721.231l.899.886.893.893a.775.775 0 0 1 .212.516.778.778 0 0 1-.212.515.775.775 0 0 1-.515.212.78.78 0 0 1-.516-.212l-.379-.379-.759.808a6.981 6.981 0 0 1 1.542 3.699h1.081ZM7.038 7.038A5.563 5.563 0 0 0 5.397 11c0 1.554.622 2.942 1.641 3.962A5.563 5.563 0 0 0 11 16.603a5.569 5.569 0 0 0 3.962-1.641A5.565 5.565 0 0 0 16.603 11a5.563 5.563 0 0 0-1.641-3.962A5.563 5.563 0 0 0 11 5.397a5.563 5.563 0 0 0-3.962 1.641Zm.916 2.755c.326 0 .64.14.853.353.213.213.354.528.354.854 0 .326-.141.641-.354.854a1.229 1.229 0 0 1-.853.354c-.326 0-.641-.141-.854-.354A1.23 1.23 0 0 1 6.747 11c0-.326.14-.641.353-.854.213-.213.528-.354.854-.354Zm3.284 2.391c.447 0 .871.189 1.164.481.292.293.482.717.482 1.164 0 .447-.19.871-.482 1.164a1.67 1.67 0 0 1-1.164.482 1.67 1.67 0 0 1-1.164-.482 1.67 1.67 0 0 1-.481-1.164c0-.447.189-.871.481-1.164a1.67 1.67 0 0 1 1.164-.481Zm-.483-4.267a2.167 2.167 0 0 1 1.928-1.02 2.155 2.155 0 0 1 1.419.658c.354.375.579.899.579 1.453 0 .555-.225 1.079-.579 1.454a2.15 2.15 0 0 1-1.419.657 2.168 2.168 0 0 1-1.929-1.02 2.171 2.171 0 0 1 .001-2.182Zm1.055 1.249c.031.17.103.319.231.446.124.13.271.205.44.24a.818.818 0 0 0 .499-.048.816.816 0 0 0 .388-.318.817.817 0 0 0 .143-.48.803.803 0 0 0-.241-.599.81.81 0 0 0-.593-.254.828.828 0 0 0-.485.135.82.82 0 0 0-.326.38.817.817 0 0 0-.056.498Z",
+    d: "M19.134 9.733a.73.73 0 0 1 .73-.733c.458 0 .727.384.727.733v2.534c0 .35-.265.73-.727.73a.725.725 0 0 1-.73-.73v-.537h-1.086c-.141 1.401-.64 2.635-1.55 3.71l.76.798.379-.378c.251-.216.65-.319.999.03.348.348.243.745.027.996l-.905.931-.893.893a.721.721 0 0 1-1.04-.01c-.342-.343-.232-.77.013-1.016l.368-.393-.78-.78a6.605 6.605 0 0 1-3.698 1.54v1.086h.536c.35 0 .735.263.735.73 0 .467-.385.727-.735.727H9.731a.72.72 0 0 1-.725-.727c0-.462.375-.73.725-.73h.536v-1.086a6.622 6.622 0 0 1-3.703-1.574l-.808.781.382.382a.722.722 0 0 1-.002 1.028c-.326.326-.785.239-1.032-.007l-.9-.887-.88-.893a.72.72 0 0 1-.046-1.1c.366-.362.839-.221 1.067.08l.389.375.775-.814a6.552 6.552 0 0 1-1.53-3.684H2.86v.529c0 .35-.23.73-.73.73s-.731-.41-.731-.76V9.703c0-.35.278-.7.731-.7.453 0 .73.38.73.73v.537h1.117a6.595 6.595 0 0 1 1.539-3.696l-.784-.812-.383.383a.724.724 0 0 1-1.02-.006.734.734 0 0 1-.001-1.028l.887-.9.893-.88a.738.738 0 0 1 1.1-.071c.343.342.221.864-.079 1.093l-.372.372.83.779c1.078-.899 2.282-1.39 3.68-1.524V2.863H9.73c-.35 0-.736-.277-.736-.726 0-.45.386-.735.736-.735h2.533a.74.74 0 0 1 .734.735c0 .449-.384.726-.734.726h-.536V3.98c1.397.133 2.636.617 3.714 1.515l.79-.756-.384-.384a.732.732 0 0 1-.018-1.068.717.717 0 0 1 1.051.035l.9.887.892.893c.246.247.352.688.015 1.025a.736.736 0 0 1-1.048.008l-.381-.369-.745.8a6.613 6.613 0 0 1 1.534 3.704h1.086v-.537ZM5.396 11c0 3.036 2.577 5.594 5.598 5.594s5.609-2.424 5.609-5.572-2.457-5.627-5.605-5.627c-3.148 0-5.602 2.57-5.602 5.605Z",
+    clipRule: "evenodd"
+  })), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M7.951 9.793c.754 0 1.203.594 1.203 1.207 0 .613-.477 1.21-1.203 1.21-.726 0-1.203-.597-1.203-1.21s.45-1.207 1.203-1.207ZM11.236 12.182c.959 0 1.642.792 1.642 1.647s-.679 1.65-1.642 1.65c-.964 0-1.643-.795-1.643-1.65 0-.855.684-1.647 1.643-1.647Z"
+  })), _path3 || (_path3 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M12.676 11.121a2.11 2.11 0 0 0 2.005-2.113 2.101 2.101 0 0 0-2.005-2.11c-1.122-.062-2.225.82-2.225 2.11s1.112 2.175 2.225 2.113Zm0-2.969a.847.847 0 0 1 .837.856.852.852 0 0 1-.837.86c-.458 0-.89-.384-.89-.86s.416-.868.89-.856Z",
     clipRule: "evenodd"
   })));
 };
@@ -2662,10 +2732,18 @@ var iconMap = {
         largeIcon: SvgIconChevronLeftLarge,
         smallIcon: SvgIconChevronLeftSmall,
     },
+    chevronLeft2: {
+        largeIcon: null,
+        smallIcon: SvgIconChevronLeft2Small,
+    },
     chevronRight: {
         largeIcon: SvgIconChevronRightLarge,
         smallIcon: SvgIconChevronRightSmall,
     },
+    chevronRight2: {
+        largeIcon: null,
+        smallIcon: SvgIconChevronRight2Small,
+    },
     chevronUp: {
         largeIcon: SvgIconChevronUpLarge,
         smallIcon: SvgIconChevronUpSmall,
@@ -2974,6 +3052,10 @@ var iconMap = {
         largeIcon: SvgIconVirusLarge,
         smallIcon: null,
     },
+    virusCircleS: {
+        largeIcon: SvgIconVirusCircleSLarge,
+        smallIcon: null,
+    },
     xMark: {
         largeIcon: SvgIconXMarkLarge,
         smallIcon: SvgIconXMarkSmall,
@@ -2991,30 +3073,30 @@ function iconSize(props) {
     var _a, _b;
     var sdsSize = props.sdsSize;
     var iconSizes = getIconSizes(props);
-    return react.css(templateObject_1$P || (templateObject_1$P = __makeTemplateObject(["\n    height: ", "px;\n    width: ", "px;\n  "], ["\n    height: ", "px;\n    width: ", "px;\n  "])), (_a = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes[sdsSize]) === null || _a === void 0 ? void 0 : _a.height, (_b = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes[sdsSize]) === null || _b === void 0 ? void 0 : _b.width);
+    return react.css(templateObject_1$Q || (templateObject_1$Q = __makeTemplateObject(["\n    height: ", "px;\n    width: ", "px;\n  "], ["\n    height: ", "px;\n    width: ", "px;\n  "])), (_a = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes[sdsSize]) === null || _a === void 0 ? void 0 : _a.height, (_b = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes[sdsSize]) === null || _b === void 0 ? void 0 : _b.width);
 }
 function buttonStyle() {
-    return react.css(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n    color: inherit;\n  "], ["\n    color: inherit;\n  "])));
+    return react.css(templateObject_2$x || (templateObject_2$x = __makeTemplateObject(["\n    color: inherit;\n  "], ["\n    color: inherit;\n  "])));
 }
 function staticStyle(props) {
     var _a = props.iconColor, iconColor = _a === void 0 ? "primary" : _a, _b = props.shade, shade = _b === void 0 ? 400 : _b;
     var colors = getColors(props);
-    return react.css(templateObject_3$n || (templateObject_3$n = __makeTemplateObject(["\n    color: ", ";\n  "], ["\n    color: ", ";\n  "])), colors === null || colors === void 0 ? void 0 : colors[iconColor][shade]);
+    return react.css(templateObject_3$o || (templateObject_3$o = __makeTemplateObject(["\n    color: ", ";\n  "], ["\n    color: ", ";\n  "])), colors === null || colors === void 0 ? void 0 : colors[iconColor][shade]);
 }
 function interactive(props) {
     var colors = getColors(props);
     var _a = props.iconColor, iconColor = _a === void 0 ? "primary" : _a, _b = props.shade, shade = _b === void 0 ? 400 : _b;
-    return react.css(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n    color: ", ";\n\n    &:hover {\n      color: ", ";\n    }\n\n    &:active {\n      color: ", ";\n    }\n\n    &:disabled {\n      color: ", ";\n    }\n  "], ["\n    color: ", ";\n\n    &:hover {\n      color: ", ";\n    }\n\n    &:active {\n      color: ", ";\n    }\n\n    &:disabled {\n      color: ", ";\n    }\n  "])), colors === null || colors === void 0 ? void 0 : colors.gray[500], colors === null || colors === void 0 ? void 0 : colors.gray[600], colors === null || colors === void 0 ? void 0 : colors[iconColor][shade], colors === null || colors === void 0 ? void 0 : colors.gray[300]);
+    return react.css(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n    color: ", ";\n\n    &:hover {\n      color: ", ";\n    }\n\n    &:active {\n      color: ", ";\n    }\n\n    &:disabled {\n      color: ", ";\n    }\n  "], ["\n    color: ", ";\n\n    &:hover {\n      color: ", ";\n    }\n\n    &:active {\n      color: ", ";\n    }\n\n    &:disabled {\n      color: ", ";\n    }\n  "])), colors === null || colors === void 0 ? void 0 : colors.gray[500], colors === null || colors === void 0 ? void 0 : colors.gray[600], colors === null || colors === void 0 ? void 0 : colors[iconColor][shade], colors === null || colors === void 0 ? void 0 : colors.gray[300]);
 }
-var doNotForwardProps$k = ["sdsIcon", "sdsSize", "sdsType", "iconColor"];
+var doNotForwardProps$l = ["sdsIcon", "sdsSize", "sdsType", "iconColor"];
 var StyledSvgIcon = styles.styled(material.SvgIcon, {
-    shouldForwardProp: function (prop) { return !doNotForwardProps$k.includes(prop); },
-})(templateObject_6$c || (templateObject_6$c = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+    shouldForwardProp: function (prop) { return !doNotForwardProps$l.includes(prop); },
+})(templateObject_6$d || (templateObject_6$d = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var sdsType = props.sdsType;
-    return react.css(templateObject_5$f || (templateObject_5$f = __makeTemplateObject(["\n      ", "\n      ", "\n      ", "\n      ", "\n    "], ["\n      ", "\n      ", "\n      ", "\n      ", "\n    "])), sdsType !== "iconButton" && iconSize(props), sdsType === "static" && staticStyle(props), sdsType === "interactive" && interactive(props), sdsType === "button" && buttonStyle());
+    return react.css(templateObject_5$g || (templateObject_5$g = __makeTemplateObject(["\n      ", "\n      ", "\n      ", "\n      ", "\n    "], ["\n      ", "\n      ", "\n      ", "\n      ", "\n    "])), sdsType !== "iconButton" && iconSize(props), sdsType === "static" && staticStyle(props), sdsType === "interactive" && interactive(props), sdsType === "button" && buttonStyle());
 });
 var StyledIcon = styles.styled("div")(templateObject_7$a || (templateObject_7$a = __makeTemplateObject(["\n  /* display: contents causes an element's children to appear as if they were direct children of the element's parent, ignoring the element itself. This can be useful when a wrapper element should be ignored when using CSS grid or similar layout techniques. */\n  display: contents;\n"], ["\n  /* display: contents causes an element's children to appear as if they were direct children of the element's parent, ignoring the element itself. This can be useful when a wrapper element should be ignored when using CSS grid or similar layout techniques. */\n  display: contents;\n"])));
-var templateObject_1$P, templateObject_2$w, templateObject_3$n, templateObject_4$i, templateObject_5$f, templateObject_6$c, templateObject_7$a;
+var templateObject_1$Q, templateObject_2$x, templateObject_3$o, templateObject_4$j, templateObject_5$g, templateObject_6$d, templateObject_7$a;
 
 /**
  * @see https://mui.com/material-ui/icons/#icons
@@ -3035,16 +3117,16 @@ var Icon = React.forwardRef(function Icon(_a, ref) {
     return null;
 });
 
-var StyledAccordionHeader = styles.styled(material.AccordionSummary)(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), fontHeaderS, function (props) {
+var StyledAccordionHeader = styles.styled(material.AccordionSummary)(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), fontHeaderS, function (props) {
     var spaces = getSpaces(props);
     var colors = getColors(props);
-    return react.css(templateObject_1$O || (templateObject_1$O = __makeTemplateObject(["\n      padding: ", "px;\n      min-height: 40px;\n      align-items: flex-start;\n      box-sizing: border-box;\n\n      &.Mui-expanded {\n        min-height: 40px;\n      }\n\n      .MuiAccordionSummary-content {\n        margin: 0;\n        flex-direction: column;\n\n        &.Mui-expanded {\n          margin: 0;\n        }\n      }\n\n      .MuiAccordionSummary-expandIconWrapper {\n        padding: 0px;\n        margin-right: 0;\n        margin-left: ", "px;\n        svg {\n          color: ", ";\n        }\n      }\n    "], ["\n      padding: ", "px;\n      min-height: 40px;\n      align-items: flex-start;\n      box-sizing: border-box;\n\n      &.Mui-expanded {\n        min-height: 40px;\n      }\n\n      .MuiAccordionSummary-content {\n        margin: 0;\n        flex-direction: column;\n\n        &.Mui-expanded {\n          margin: 0;\n        }\n      }\n\n      .MuiAccordionSummary-expandIconWrapper {\n        padding: 0px;\n        margin-right: 0;\n        margin-left: ", "px;\n        svg {\n          color: ", ";\n        }\n      }\n    "])), spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.m, colors === null || colors === void 0 ? void 0 : colors.gray[500]);
+    return react.css(templateObject_1$P || (templateObject_1$P = __makeTemplateObject(["\n      padding: ", "px;\n      min-height: 40px;\n      align-items: flex-start;\n      box-sizing: border-box;\n\n      &.Mui-expanded {\n        min-height: 40px;\n      }\n\n      .MuiAccordionSummary-content {\n        margin: 0;\n        flex-direction: column;\n\n        &.Mui-expanded {\n          margin: 0;\n        }\n      }\n\n      .MuiAccordionSummary-expandIconWrapper {\n        padding: 0px;\n        margin-right: 0;\n        margin-left: ", "px;\n        svg {\n          color: ", ";\n        }\n      }\n    "], ["\n      padding: ", "px;\n      min-height: 40px;\n      align-items: flex-start;\n      box-sizing: border-box;\n\n      &.Mui-expanded {\n        min-height: 40px;\n      }\n\n      .MuiAccordionSummary-content {\n        margin: 0;\n        flex-direction: column;\n\n        &.Mui-expanded {\n          margin: 0;\n        }\n      }\n\n      .MuiAccordionSummary-expandIconWrapper {\n        padding: 0px;\n        margin-right: 0;\n        margin-left: ", "px;\n        svg {\n          color: ", ";\n        }\n      }\n    "])), spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.m, colors === null || colors === void 0 ? void 0 : colors.gray[500]);
 });
-var StyledSubtitle = styles.styled("p")(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), fontBodyXxs$1, function (props) {
+var StyledSubtitle = styles.styled("p")(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), fontBodyXxs$1, function (props) {
     var colors = getColors(props);
-    return react.css(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n      color: ", ";\n      margin: 0;\n    "], ["\n      color: ", ";\n      margin: 0;\n    "])), colors === null || colors === void 0 ? void 0 : colors.gray[500]);
+    return react.css(templateObject_3$n || (templateObject_3$n = __makeTemplateObject(["\n      color: ", ";\n      margin: 0;\n    "], ["\n      color: ", ";\n      margin: 0;\n    "])), colors === null || colors === void 0 ? void 0 : colors.gray[500]);
 });
-var templateObject_1$O, templateObject_2$v, templateObject_3$m, templateObject_4$h;
+var templateObject_1$P, templateObject_2$w, templateObject_3$n, templateObject_4$i;
 
 var AccordionHeader = function (props) {
     var children = props.children, id = props.id, subtitle = props.subtitle;
@@ -3056,18 +3138,18 @@ var StyledAccordion = styles.styled(material.Accordion, {
     shouldForwardProp: function (prop) {
         return !sdsPropNames$5.includes(prop.toString());
     },
-})(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+})(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var useDivider = props.useDivider, togglePosition = props.togglePosition;
     var shadows = getShadows(props);
     var typography = getTypography(props);
     var border = getBorders(props);
-    return react.css(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\n      &.MuiAccordion-root {\n        box-shadow: ", ";\n        font-family: ", ";\n        border-bottom: ", ";\n        height: fit-content;\n\n        & .MuiAccordionSummary-root {\n          padding: 10px;\n          min-height: 40px;\n\n          &.Mui-expanded {\n            min-height: unset;\n          }\n\n          & .MuiAccordionSummary-expandIcon,\n          & .MuiAccordionSummary-expandIconWrapper {\n            padding: 0;\n            align-self: flex-start;\n          }\n        }\n\n        .MuiAccordionDetails-root {\n          padding: 10px;\n          padding-top: 4px;\n        }\n\n        &:before {\n          opacity: 0;\n        }\n\n        &.Mui-expanded {\n          margin: 0;\n        }\n        ", "\n      }\n    "], ["\n      &.MuiAccordion-root {\n        box-shadow: ", ";\n        font-family: ", ";\n        border-bottom: ", ";\n        height: fit-content;\n\n        & .MuiAccordionSummary-root {\n          padding: 10px;\n          min-height: 40px;\n\n          &.Mui-expanded {\n            min-height: unset;\n          }\n\n          & .MuiAccordionSummary-expandIcon,\n          & .MuiAccordionSummary-expandIconWrapper {\n            padding: 0;\n            align-self: flex-start;\n          }\n        }\n\n        .MuiAccordionDetails-root {\n          padding: 10px;\n          padding-top: 4px;\n        }\n\n        &:before {\n          opacity: 0;\n        }\n\n        &.Mui-expanded {\n          margin: 0;\n        }\n        ", "\n      }\n    "])), shadows === null || shadows === void 0 ? void 0 : shadows.none, typography === null || typography === void 0 ? void 0 : typography.fontFamily, useDivider ? border === null || border === void 0 ? void 0 : border.gray[300] : "none", togglePosition === "left" && leftPosition(props));
+    return react.css(templateObject_1$O || (templateObject_1$O = __makeTemplateObject(["\n      &.MuiAccordion-root {\n        box-shadow: ", ";\n        font-family: ", ";\n        border-bottom: ", ";\n        height: fit-content;\n\n        & .MuiAccordionSummary-root {\n          padding: 10px;\n          min-height: 40px;\n\n          &.Mui-expanded {\n            min-height: unset;\n          }\n\n          & .MuiAccordionSummary-expandIcon,\n          & .MuiAccordionSummary-expandIconWrapper {\n            padding: 0;\n            align-self: flex-start;\n          }\n        }\n\n        .MuiAccordionDetails-root {\n          padding: 10px;\n          padding-top: 4px;\n        }\n\n        &:before {\n          opacity: 0;\n        }\n\n        &.Mui-expanded {\n          margin: 0;\n        }\n        ", "\n      }\n    "], ["\n      &.MuiAccordion-root {\n        box-shadow: ", ";\n        font-family: ", ";\n        border-bottom: ", ";\n        height: fit-content;\n\n        & .MuiAccordionSummary-root {\n          padding: 10px;\n          min-height: 40px;\n\n          &.Mui-expanded {\n            min-height: unset;\n          }\n\n          & .MuiAccordionSummary-expandIcon,\n          & .MuiAccordionSummary-expandIconWrapper {\n            padding: 0;\n            align-self: flex-start;\n          }\n        }\n\n        .MuiAccordionDetails-root {\n          padding: 10px;\n          padding-top: 4px;\n        }\n\n        &:before {\n          opacity: 0;\n        }\n\n        &.Mui-expanded {\n          margin: 0;\n        }\n        ", "\n      }\n    "])), shadows === null || shadows === void 0 ? void 0 : shadows.none, typography === null || typography === void 0 ? void 0 : typography.fontFamily, useDivider ? border === null || border === void 0 ? void 0 : border.gray[300] : "none", togglePosition === "left" && leftPosition(props));
 });
 var leftPosition = function (props) {
     var spaces = getSpaces(props);
-    return react.css(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n    &.MuiAccordion-root {\n      & .MuiAccordionSummary-root {\n        flex-direction: row-reverse;\n\n        .MuiAccordionSummary-content {\n          padding-left: ", "px;\n        }\n\n        .MuiAccordionSummary-expandIconWrapper {\n          margin: 0;\n          transform: rotate(-90deg);\n          align-self: flex-start;\n          margin-top: ", "px;\n\n          &.Mui-expanded {\n            transform: rotate(0deg);\n          }\n        }\n      }\n\n      & .MuiAccordionDetails-root {\n        padding-left: 30px;\n      }\n    }\n  "], ["\n    &.MuiAccordion-root {\n      & .MuiAccordionSummary-root {\n        flex-direction: row-reverse;\n\n        .MuiAccordionSummary-content {\n          padding-left: ", "px;\n        }\n\n        .MuiAccordionSummary-expandIconWrapper {\n          margin: 0;\n          transform: rotate(-90deg);\n          align-self: flex-start;\n          margin-top: ", "px;\n\n          &.Mui-expanded {\n            transform: rotate(0deg);\n          }\n        }\n      }\n\n      & .MuiAccordionDetails-root {\n        padding-left: 30px;\n      }\n    }\n  "])), spaces === null || spaces === void 0 ? void 0 : spaces.xs, spaces === null || spaces === void 0 ? void 0 : spaces.xxs);
+    return react.css(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n    &.MuiAccordion-root {\n      & .MuiAccordionSummary-root {\n        flex-direction: row-reverse;\n\n        .MuiAccordionSummary-content {\n          padding-left: ", "px;\n        }\n\n        .MuiAccordionSummary-expandIconWrapper {\n          margin: 0;\n          transform: rotate(-90deg);\n          align-self: flex-start;\n          margin-top: ", "px;\n\n          &.Mui-expanded {\n            transform: rotate(0deg);\n          }\n        }\n      }\n\n      & .MuiAccordionDetails-root {\n        padding-left: 30px;\n      }\n    }\n  "], ["\n    &.MuiAccordion-root {\n      & .MuiAccordionSummary-root {\n        flex-direction: row-reverse;\n\n        .MuiAccordionSummary-content {\n          padding-left: ", "px;\n        }\n\n        .MuiAccordionSummary-expandIconWrapper {\n          margin: 0;\n          transform: rotate(-90deg);\n          align-self: flex-start;\n          margin-top: ", "px;\n\n          &.Mui-expanded {\n            transform: rotate(0deg);\n          }\n        }\n      }\n\n      & .MuiAccordionDetails-root {\n        padding-left: 30px;\n      }\n    }\n  "])), spaces === null || spaces === void 0 ? void 0 : spaces.xs, spaces === null || spaces === void 0 ? void 0 : spaces.xxs);
 };
-var templateObject_1$N, templateObject_2$u, templateObject_3$l;
+var templateObject_1$O, templateObject_2$v, templateObject_3$m;
 
 /**
  * @see https://mui.com/material-ui/react-accordion/
@@ -3083,7 +3165,7 @@ var Accordion = React.forwardRef(function (props, ref) {
     return (jsxRuntime.jsx(StyledAccordion, __assign({ square: true, useDivider: useDivider, togglePosition: togglePosition, expanded: expanded === id, onChange: handleChange(id), ref: ref }, props, { children: children })));
 });
 
-var StyledAlert = styles.styled(material.Alert)(templateObject_1$M || (templateObject_1$M = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+var StyledAlert = styles.styled(material.Alert)(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var colors = getColors(props);
     var spacings = getSpaces(props);
     var shadows = getShadows(props);
@@ -3094,7 +3176,7 @@ var StyledAlert = styles.styled(material.Alert)(templateObject_1$M || (templateO
     var backgroundColor = colors && colors[severity][100];
     return "\n      background-color: ".concat(backgroundColor, ";\n      margin: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.m, "px 0;\n      color: ").concat(defaultTheme.palette.text.primary, ";\n      padding: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.l, "px ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.l, "px\n        ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.l, "px 9px;\n      background-color: ").concat(alertColor, ";\n      &.elevated {\n        border-left: 5px solid;\n        box-shadow: ").concat(shadows === null || shadows === void 0 ? void 0 : shadows.s, ";\n        border-color: ").concat(borderColor, ";\n      }\n      .MuiAlert-icon {\n        path {\n          fill: ").concat(iconColor, ";\n        }\n      }\n    ");
 });
-var templateObject_1$M;
+var templateObject_1$N;
 
 /**
  * @see https://mui.com/material-ui/react-alert/
@@ -3103,6 +3185,11 @@ var Alert$1 = function (props) {
     return jsxRuntime.jsx(StyledAlert, __assign({}, props));
 };
 
+var noop = function () { };
+var toKebabCase = function (str) {
+    return str.replace(/[\s_]+/g, "-").toLowerCase();
+};
+
 var _a;
 var SDSWarningTypes;
 (function (SDSWarningTypes) {
@@ -3163,31 +3250,31 @@ var showWarningIfFirstOccurence = function (warningType) {
 var isOn = function (props) {
     var sdsType = props.sdsType;
     var colors = getColors(props);
-    return react.css(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n    ", "\n  "], ["\n    ", "\n  "])), sdsType !== "tertiary" &&
+    return react.css(templateObject_1$M || (templateObject_1$M = __makeTemplateObject(["\n    ", "\n  "], ["\n    ", "\n  "])), sdsType !== "tertiary" &&
         "\n      color: ".concat(sdsType === "primary" ? colors === null || colors === void 0 ? void 0 : colors.primary[600] : colors === null || colors === void 0 ? void 0 : colors.primary[400], ";\n\n      &:hover {\n        color: ").concat(colors === null || colors === void 0 ? void 0 : colors.primary[600], ";\n      }\n    "));
 };
 var isDisabled$1 = function (props) {
     var colors = getColors(props);
-    return react.css(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n    color: ", ";\n  "], ["\n    color: ", ";\n  "])), colors === null || colors === void 0 ? void 0 : colors.gray[300]);
+    return react.css(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n    color: ", ";\n  "], ["\n    color: ", ";\n  "])), colors === null || colors === void 0 ? void 0 : colors.gray[300]);
 };
 var primary$2 = function (props) {
     var colors = getColors(props);
     var sdsSize = props.sdsSize;
-    return react.css(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n    color: ", ";\n\n    &:hover {\n      background: ", ";\n      color: ", ";\n    }\n\n    &:active {\n      color: ", ";\n    }\n  "], ["\n    color: ", ";\n\n    &:hover {\n      background: ", ";\n      color: ", ";\n    }\n\n    &:active {\n      color: ", ";\n    }\n  "])), colors === null || colors === void 0 ? void 0 : colors.primary[400], colors === null || colors === void 0 ? void 0 : colors.gray[200], sdsSize === "small"
+    return react.css(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n    color: ", ";\n\n    &:hover {\n      background: ", ";\n      color: ", ";\n    }\n\n    &:active {\n      color: ", ";\n    }\n  "], ["\n    color: ", ";\n\n    &:hover {\n      background: ", ";\n      color: ", ";\n    }\n\n    &:active {\n      color: ", ";\n    }\n  "])), colors === null || colors === void 0 ? void 0 : colors.primary[400], colors === null || colors === void 0 ? void 0 : colors.gray[200], sdsSize === "small"
         ? colors === null || colors === void 0 ? void 0 : colors.primary[600]
         : colors === null || colors === void 0 ? void 0 : colors.primary[400], colors === null || colors === void 0 ? void 0 : colors.primary[600]);
 };
 var secondary$2 = function (props) {
     var colors = getColors(props);
-    return react.css(templateObject_4$g || (templateObject_4$g = __makeTemplateObject(["\n    color: ", ";\n\n    &:hover,\n    &:active {\n      background: none;\n      color: ", ";\n    }\n  "], ["\n    color: ", ";\n\n    &:hover,\n    &:active {\n      background: none;\n      color: ", ";\n    }\n  "])), colors === null || colors === void 0 ? void 0 : colors.gray[500], colors === null || colors === void 0 ? void 0 : colors.primary[400]);
+    return react.css(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n    color: ", ";\n\n    &:hover,\n    &:active {\n      background: none;\n      color: ", ";\n    }\n  "], ["\n    color: ", ";\n\n    &:hover,\n    &:active {\n      background: none;\n      color: ", ";\n    }\n  "])), colors === null || colors === void 0 ? void 0 : colors.gray[500], colors === null || colors === void 0 ? void 0 : colors.primary[400]);
 };
 var tertiary = function (props) {
     var colors = getColors(props);
-    return react.css(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n    color: ", ";\n\n    &:hover {\n      background: none;\n      color: black;\n    }\n\n    &:active {\n      color: black;\n    }\n  "], ["\n    color: ", ";\n\n    &:hover {\n      background: none;\n      color: black;\n    }\n\n    &:active {\n      color: black;\n    }\n  "])), colors === null || colors === void 0 ? void 0 : colors.gray[500]);
+    return react.css(templateObject_5$f || (templateObject_5$f = __makeTemplateObject(["\n    color: ", ";\n\n    &:hover {\n      background: none;\n      color: black;\n    }\n\n    &:active {\n      color: black;\n    }\n  "], ["\n    color: ", ";\n\n    &:hover {\n      background: none;\n      color: black;\n    }\n\n    &:active {\n      color: black;\n    }\n  "])), colors === null || colors === void 0 ? void 0 : colors.gray[500]);
 };
 var small$1 = function (props) {
     var iconSizes = getIconSizes(props);
-    return react.css(templateObject_6$b || (templateObject_6$b = __makeTemplateObject(["\n    &:hover {\n      background: none;\n    }\n\n    .MuiSvgIcon-root {\n      height: ", "px;\n      width: ", "px;\n    }\n  "], ["\n    &:hover {\n      background: none;\n    }\n\n    .MuiSvgIcon-root {\n      height: ", "px;\n      width: ", "px;\n    }\n  "])), iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.width);
+    return react.css(templateObject_6$c || (templateObject_6$c = __makeTemplateObject(["\n    &:hover {\n      background: none;\n    }\n\n    .MuiSvgIcon-root {\n      height: ", "px;\n      width: ", "px;\n    }\n  "], ["\n    &:hover {\n      background: none;\n    }\n\n    .MuiSvgIcon-root {\n      height: ", "px;\n      width: ", "px;\n    }\n  "])), iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.width);
 };
 var medium$1 = function (props) {
     var sdsType = props.sdsType;
@@ -3202,37 +3289,289 @@ var large = function (props) {
     var iconSizes = getIconSizes(props);
     return react.css(templateObject_8$5 || (templateObject_8$5 = __makeTemplateObject(["\n    .MuiSvgIcon-root {\n      height: ", "px;\n      width: ", "px;\n      ", "\n    }\n  "], ["\n    .MuiSvgIcon-root {\n      height: ", "px;\n      width: ", "px;\n      ", "\n    }\n  "])), iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xl.height, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xl.height, sdsType === "primary" ? "margin: 5px;" : "");
 };
-var doNotForwardProps$j = [
+var doNotForwardProps$k = [
     "on",
     "sdsSize",
     "sdsType",
     "sdsIcon",
     "sdsIconProps",
 ];
-var StyledButtonIcon$2 = styles.styled(material.IconButton, {
+var StyledButtonIcon$2 = styles.styled(material.IconButton, {
+    shouldForwardProp: function (prop) { return !doNotForwardProps$k.includes(prop); },
+})(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n  padding: 0;\n\n  :focus-visible {\n    outline: 5px auto Highlight;\n    outline: 5px auto -webkit-focus-ring-color;\n  }\n\n  ", "\n"], ["\n  padding: 0;\n\n  :focus-visible {\n    outline: 5px auto Highlight;\n    outline: 5px auto -webkit-focus-ring-color;\n  }\n\n  ", "\n"])), function (props) {
+    var on = props.on, disabled = props.disabled, sdsSize = props.sdsSize, sdsType = props.sdsType;
+    return react.css(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n    "], ["\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n    "])), sdsType === "primary" && primary$2(props), sdsType === "secondary" && secondary$2(props), sdsType === "tertiary" && tertiary(props), on && isOn(props), disabled && isDisabled$1(props), sdsSize === "small" && small$1(props), sdsSize === "medium" && medium$1(props), sdsSize === "large" && large(props));
+});
+var templateObject_1$M, templateObject_2$u, templateObject_3$l, templateObject_4$h, templateObject_5$f, templateObject_6$c, templateObject_7$9, templateObject_8$5, templateObject_9$1, templateObject_10$1;
+
+var ButtonIconSizeToSdsIconSize = {
+    large: "xl",
+    medium: "l",
+    small: "s",
+};
+/**
+ * @see https://mui.com/material-ui/react-button/#icon-buttons
+ */
+var ButtonIcon = React.forwardRef(function ButtonIcon(props, ref) {
+    var sdsIcon = props.sdsIcon, _a = props.sdsSize, sdsSize = _a === void 0 ? "large" : _a, sdsIconProps = props.sdsIconProps;
+    var iconSize = ButtonIconSizeToSdsIconSize[sdsSize];
+    return (jsxRuntime.jsx(StyledButtonIcon$2, __assign({}, props, { ref: ref, children: jsxRuntime.jsx(Icon, __assign({ sdsType: "iconButton" }, sdsIconProps, { sdsIcon: sdsIcon, sdsSize: iconSize })) })));
+});
+
+var fontBodyXs$4 = fontBody("xs");
+var StyledMenuItem$1 = styles.styled(material.MenuItem)(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+    var selected = props.selected;
+    var colors = getColors(props);
+    var fontWeights = getFontWeights(props);
+    var spacings = getSpaces(props);
+    var primary = colors === null || colors === void 0 ? void 0 : colors.primary[400];
+    return "\n      padding: ".concat(spacings === null || spacings === void 0 ? void 0 : spacings.xs, "px ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.s, "px !important;\n      min-height: unset;\n      opacity: 1;\n\n      &.MuiAutocomplete-option {\n        min-height: unset;\n      }\n      \n      .primary-text {\n        font-weight: ").concat(selected ? fontWeights === null || fontWeights === void 0 ? void 0 : fontWeights.semibold : fontWeights === null || fontWeights === void 0 ? void 0 : fontWeights.regular, ";\n      }\n\n      &.MuiButtonBase-root {\n        background-color: transparent;\n        opacity: 1;\n\n        &:hover, &.").concat(material.menuItemClasses.focusVisible, " {\n          background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[100], ";\n\n          &[aria-selected=\"true\"] {\n            background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[100], ";\n          }\n        }\n      }\n\n      &.MuiMenuItem-root .MuiSvgIcon-root {\n        align-self: flex-start;\n      }\n\n      &.MuiMenuItem-root .Mui-disabled {\n        opacity: 1 !important;\n      }\n\n      &.MuiAutocomplete-option[aria-selected=\"true\"] {\n        &:hover {\n          background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[100], " !important;\n        }\n\n        svg.check-icon {\n          color: ").concat(selected ? primary : colors === null || colors === void 0 ? void 0 : colors.gray[500], ";\n        }\n      }\n\n      &.MuiAutocomplete-option[aria-disabled=\"true\"] {\n        opacity: 1;\n      }\n\n      &:hover {\n        background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[100], ";\n        svg.check-icon {\n          color: ").concat(selected ? primary : colors === null || colors === void 0 ? void 0 : colors.gray[500], ";\n        }\n      }\n\n      &.Mui-selected.MuiListItem-root.MuiListItem-button {\n        background-color: white;\n        &:hover {\n          background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[100], ";\n        }\n        .primary-text {\n          font-weight: ").concat(fontWeights === null || fontWeights === void 0 ? void 0 : fontWeights.semibold, ";\n        }\n      }\n\n      &:active {\n        svg.check-icon {\n          color: ").concat(primary, ";\n        }\n\n        &:active {\n          svg.check-icon {\n            color: ").concat(primary, ";\n          }\n\n          .primary-text {\n            font-weight: ").concat(fontWeights === null || fontWeights === void 0 ? void 0 : fontWeights.semibold, ";\n          }\n        }\n      }\n    ");
+});
+var ContentWrapper = styles.styled("span")(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  width: 100%;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  width: 100%;\n"])));
+var disabledStyles = function (props) {
+    var disabled = props.disabled;
+    if (!disabled)
+        return "";
+    var colors = getColors(props);
+    return "\n    color: ".concat(colors === null || colors === void 0 ? void 0 : colors.gray[300], ";\n    cursor: default;\n  ");
+};
+var TextWrapper = styles.styled("span")(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n\n  ", "\n"])), fontBodyXs$4, function (props) {
+    var _a;
+    var palette = getPalette(props);
+    return "\n      color: ".concat((_a = palette === null || palette === void 0 ? void 0 : palette.text) === null || _a === void 0 ? void 0 : _a.primary, ";\n      display: flex;\n      white-space: pre-wrap;\n    ");
+}, disabledStyles);
+var StyledMenuItemIcon = styles.styled("span")(templateObject_4$g || (templateObject_4$g = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+    var disabled = props.disabled;
+    var spacings = getSpaces(props);
+    var iconSizes = getIconSizes(props);
+    var colors = getColors(props);
+    return "\n      margin-right: ".concat(spacings === null || spacings === void 0 ? void 0 : spacings.xs, "px;\n      margin-top: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xxxs, "px;\n      height: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, "px;\n\n      .MuiSvgIcon-root {\n        ").concat(disabled ? "color: ".concat(colors === null || colors === void 0 ? void 0 : colors.gray[300], ";") : null, "\n      }\n    ");
+});
+var ColumnWrapper = styles.styled("span")(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n  ", "\n\n  text-align: right;\n  color: black;\n  margin-left: 10px;\n\n  ", "\n"], ["\n  ", "\n\n  text-align: right;\n  color: black;\n  margin-left: 10px;\n\n  ", "\n"])), fontBodyXs$4, disabledStyles);
+styles.styled("div")(templateObject_6$b || (templateObject_6$b = __makeTemplateObject(["\n  width: 250px;\n"], ["\n  width: 250px;\n"])));
+var StyledCheckIconWrapper = styles.styled("span")(templateObject_7$8 || (templateObject_7$8 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+    var spacings = getSpaces(props);
+    var iconSizes = getIconSizes(props);
+    return "\n      align-self: start;\n      margin-right: ".concat(spacings === null || spacings === void 0 ? void 0 : spacings.m, "px;\n      margin-top: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xxxs, "px;\n      height: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, "px;\n    ");
+});
+var StyledCheck = styles.styled(iconsMaterial.Check, {
+    shouldForwardProp: function (prop) { return prop !== "selected"; },
+})(templateObject_8$4 || (templateObject_8$4 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+    var selected = props.selected, disabled = props.disabled;
+    var colors = getColors(props);
+    var iconSizes = getIconSizes(props);
+    var selectedColor = disabled ? colors === null || colors === void 0 ? void 0 : colors.gray[300] : colors === null || colors === void 0 ? void 0 : colors.primary[400];
+    return "\n      color: ".concat(selected ? selectedColor : "transparent", ";\n      padding: 0;\n      height: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, "px;\n      width: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.width, "px;\n\n      &.MuiCheckbox-colorPrimary.Mui-checked:hover {\n        background-color: transparent;\n      }\n    ");
+});
+var templateObject_1$L, templateObject_2$t, templateObject_3$k, templateObject_4$g, templateObject_5$e, templateObject_6$b, templateObject_7$8, templateObject_8$4;
+
+/**
+ * @see https://mui.com/material-ui/react-menu/
+ */
+var MenuItem = React.forwardRef(function MenuItem(props, ref) {
+    var children = props.children, _a = props.column, column = _a === void 0 ? null : _a, disabled = props.disabled, _b = props.isMultiSelect, isMultiSelect = _b === void 0 ? false : _b, sdsIcon = props.sdsIcon, sdsIconProps = props.sdsIconProps, originalMenuItemProps = __rest(props, ["children", "column", "disabled", "isMultiSelect", "sdsIcon", "sdsIconProps"]);
+    var _c = originalMenuItemProps.selected, selected = _c === void 0 ? false : _c;
+    return (jsxRuntime.jsxs(StyledMenuItem$1, __assign({}, originalMenuItemProps, { disabled: disabled, ref: ref, children: [isMultiSelect && (
+            // TODO (mlila): replace with sds InputCheckbox class once complete
+            jsxRuntime.jsx(StyledCheckIconWrapper, { children: jsxRuntime.jsx(StyledCheck, { className: "check-icon", selected: selected, color: "primary", disabled: disabled }) })), jsxRuntime.jsxs(ContentWrapper, { children: [jsxRuntime.jsxs(TextWrapper, { selected: selected, className: "primary-text", disabled: disabled, children: [sdsIcon && (jsxRuntime.jsx(StyledMenuItemIcon, { disabled: disabled, children: jsxRuntime.jsx(Icon, __assign({}, sdsIconProps, { sdsType: "static", sdsIcon: sdsIcon, sdsSize: "s" })) })), children] }), column && jsxRuntime.jsx(ColumnWrapper, { disabled: disabled, children: column })] })] })));
+});
+
+var sdsPropNames$4 = ["sdsStyle", "sdsStage", "intent", "handleSubmit"];
+var rounded$3 = function (props) {
+    var corners = getCorners(props);
+    var borders = getBorders(props);
+    return react.css(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n    .", " {\n      border-radius: ", "px;\n      border: ", ";\n    }\n  "], ["\n    .", " {\n      border-radius: ", "px;\n      border: ", ";\n    }\n  "])), material.outlinedInputClasses.notchedOutline, corners === null || corners === void 0 ? void 0 : corners.l, borders === null || borders === void 0 ? void 0 : borders.gray[400]);
+};
+var error$3 = function (props) {
+    var borders = getBorders(props);
+    return react.css(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n    .", " {\n      border: ", ";\n    }\n  "], ["\n    .", " {\n      border: ", ";\n    }\n  "])), material.outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.error[400]);
+};
+var warning$3 = function (props) {
+    var borders = getBorders(props);
+    return react.css(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n    .", " {\n      border: ", ";\n    }\n  "], ["\n    .", " {\n      border: ", ";\n    }\n  "])), material.outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.warning[400]);
+};
+var disabledStyled$2 = function (props) {
+    var borders = getBorders(props);
+    var colors = getColors(props);
+    return react.css(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n    .Mui-disabled {\n      .", " {\n        border: ", ";\n      }\n\n      .MuiInputAdornment-root svg {\n        color: ", ";\n      }\n\n      &:hover .", " {\n        border: ", ";\n      }\n    }\n  "], ["\n    .Mui-disabled {\n      .", " {\n        border: ", ";\n      }\n\n      .MuiInputAdornment-root svg {\n        color: ", ";\n      }\n\n      &:hover .", " {\n        border: ", ";\n      }\n    }\n  "])), material.outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.gray[300], colors === null || colors === void 0 ? void 0 : colors.gray[300], material.outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.gray[300]);
+};
+var StyledLabel$2 = styles.styled("label")(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), fontBodyM$1, function (props) {
+    var typography = getTypography(props);
+    var spacings = getSpaces(props);
+    return "\n      font-family: ".concat(typography === null || typography === void 0 ? void 0 : typography.fontFamily, ";\n      margin-bottom: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xxs, "px;\n      position: absolute;\n      overflow: hidden;\n      clip: rect(0 0 0 0);\n      height: 1px;\n      width: 1px;\n      margin: -1px; \n      padding: 0; \n      border: 0;\n    ");
+});
+var StyledSearchBase = styles.styled(material.TextField, {
+    shouldForwardProp: function (prop) {
+        return !sdsPropNames$4.includes(prop.toString());
+    },
+})(templateObject_7$7 || (templateObject_7$7 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+    var intent = props.intent, disabled = props.disabled, sdsStyle = props.sdsStyle;
+    var spacings = getSpaces(props);
+    var borders = getBorders(props);
+    var colors = getColors(props);
+    return react.css(templateObject_6$a || (templateObject_6$a = __makeTemplateObject(["\n      margin-top: ", "px;\n      margin-bottom: ", "px;\n      margin-right: ", "px;\n      min-width: 120px;\n      display: block;\n\n      .", " {\n        .", " {\n          border: ", ";\n        }\n      }\n\n      .", " {\n        padding: ", "px 0 ", "px ", "px;\n        height: 34px;\n        box-sizing: border-box;\n        background-color: #fff;\n      }\n\n      .", ":hover\n        .", " {\n        border: ", ";\n      }\n\n      .", ".Mui-focused {\n        .", " {\n          border: ", ";\n        }\n\n        .", " svg {\n          color: ", ";\n        }\n      }\n\n      ", "\n      ", "\n      ", "\n      ", "\n    "], ["\n      margin-top: ", "px;\n      margin-bottom: ", "px;\n      margin-right: ", "px;\n      min-width: 120px;\n      display: block;\n\n      .", " {\n        .", " {\n          border: ", ";\n        }\n      }\n\n      .", " {\n        padding: ", "px 0 ", "px ", "px;\n        height: 34px;\n        box-sizing: border-box;\n        background-color: #fff;\n      }\n\n      .", ":hover\n        .", " {\n        border: ", ";\n      }\n\n      .", ".Mui-focused {\n        .", " {\n          border: ", ";\n        }\n\n        .", " svg {\n          color: ", ";\n        }\n      }\n\n      ", "\n      ", "\n      ", "\n      ", "\n    "])), spacings === null || spacings === void 0 ? void 0 : spacings.m, spacings === null || spacings === void 0 ? void 0 : spacings.m, spacings === null || spacings === void 0 ? void 0 : spacings.xl, material.outlinedInputClasses.root, material.outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.gray[400], material.inputBaseClasses.inputSizeSmall, spacings === null || spacings === void 0 ? void 0 : spacings.xs, spacings === null || spacings === void 0 ? void 0 : spacings.xs, spacings === null || spacings === void 0 ? void 0 : spacings.l, material.outlinedInputClasses.root, material.outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.gray[500], material.outlinedInputClasses.root, material.outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.primary[400], material.inputAdornmentClasses.root, colors === null || colors === void 0 ? void 0 : colors.primary[400], sdsStyle === "rounded" && rounded$3(props), intent === "error" && error$3(props), intent === "warning" && warning$3(props), disabled && disabledStyled$2(props));
+});
+var templateObject_1$K, templateObject_2$s, templateObject_3$j, templateObject_4$f, templateObject_5$d, templateObject_6$a, templateObject_7$7;
+
+/**
+ * @see https://mui.com/material-ui/react-text-field/
+ */
+var InputSearch = React.forwardRef(function InputSearch(props, ref) {
+    var label = props.label, id = props.id, placeholder = props.placeholder, _a = props.sdsStyle, sdsStyle = _a === void 0 ? "square" : _a, _b = props.intent, intent = _b === void 0 ? "default" : _b, handleSubmit = props.handleSubmit, onChange = props.onChange, rest = __rest(props, ["label", "id", "placeholder", "sdsStyle", "intent", "handleSubmit", "onChange"]);
+    var _c = React.useState(false), hasValue = _c[0], setHasValue = _c[1];
+    var _d = React.useState(""), value = _d[0], setValue = _d[1];
+    var handleChange = function (event) {
+        if (event.target.value) {
+            setHasValue(true);
+        }
+        else {
+            setHasValue(false);
+        }
+        setValue(event.target.value);
+        if (onChange)
+            onChange(event);
+    };
+    var localHandleSubmit = function () {
+        if (handleSubmit)
+            handleSubmit(value);
+    };
+    var handleKeyPress = function (event) {
+        if (event.key === "Enter") {
+            event.preventDefault();
+            if (handleSubmit)
+                handleSubmit(value);
+        }
+    };
+    if (!id || !label) {
+        // eslint-disable-next-line no-console
+        console.error("Error: @czi-sds/components component InputText requires id and label props for accessibility.");
+        return jsxRuntime.jsx(jsxRuntime.Fragment, {});
+    }
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(StyledLabel$2, { htmlFor: id, children: label }), jsxRuntime.jsx(StyledSearchBase, __assign({ ref: ref, 
+                // passed to mui Input
+                InputProps: {
+                    endAdornment: (jsxRuntime.jsx(material.InputAdornment, { position: "end", children: jsxRuntime.jsx(ButtonIcon, { "aria-label": "search-button", onClick: localHandleSubmit, sdsType: "secondary", sdsSize: "small", sdsIconProps: {
+                                sdsType: "interactive",
+                            }, sdsIcon: "search" }) })),
+                }, type: "search", id: id, variant: "outlined", size: "small", placeholder: placeholder, value: value, sdsStyle: sdsStyle, sdsStage: hasValue ? "userInput" : "default", onChange: handleChange, onKeyPress: handleKeyPress, intent: intent }, rest))] }));
+});
+
+var doNotForwardProps$j = [
+    "count",
+    "keepSearchOnSelect",
+    "search",
+    "InputBaseProps",
+    "hasSections",
+];
+var StyledAutocomplete$2 = styles.styled(Autocomplete$1, {
     shouldForwardProp: function (prop) { return !doNotForwardProps$j.includes(prop); },
-})(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n  padding: 0;\n\n  :focus-visible {\n    outline: 5px auto Highlight;\n    outline: 5px auto -webkit-focus-ring-color;\n  }\n\n  ", "\n"], ["\n  padding: 0;\n\n  :focus-visible {\n    outline: 5px auto Highlight;\n    outline: 5px auto -webkit-focus-ring-color;\n  }\n\n  ", "\n"])), function (props) {
-    var on = props.on, disabled = props.disabled, sdsSize = props.sdsSize, sdsType = props.sdsType;
-    return react.css(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject(["\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n    "], ["\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n    "])), sdsType === "primary" && primary$2(props), sdsType === "secondary" && secondary$2(props), sdsType === "tertiary" && tertiary(props), on && isOn(props), disabled && isDisabled$1(props), sdsSize === "small" && small$1(props), sdsSize === "medium" && medium$1(props), sdsSize === "large" && large(props));
+})(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n  + .MuiAutocomplete-popper\n    > .MuiAutocomplete-paper\n    .MuiAutocomplete-groupLabel {\n    ", "\n  }\n\n  ", "\n"], ["\n  + .MuiAutocomplete-popper\n    > .MuiAutocomplete-paper\n    .MuiAutocomplete-groupLabel {\n    ", "\n  }\n\n  ", "\n"])), fontCapsXxxxs, function (props) {
+    var search = props.search, hasSections = props.hasSections;
+    var spacings = getSpaces(props);
+    var colors = getColors(props);
+    var borders = getBorders(props);
+    return "\n      ".concat(!search && "height: 0", ";\n\n      .MuiOutlinedInput-root.MuiInputBase-formControl.MuiInputBase-adornedEnd {\n        padding: 0 ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.l, "px 0 0;\n\n        .MuiAutocomplete-input {\n          padding: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xs, "px ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.l, "px;\n        }\n      }\n\n      & + .MuiAutocomplete-popper > .MuiAutocomplete-paper {\n\n      ").concat(search || hasSections
+        ? "padding-left: ".concat(spacings === null || spacings === void 0 ? void 0 : spacings.s, "px !important;")
+        : "", "\n\n      .MuiAutocomplete-listbox {\n        max-height: 40vh;\n        padding-top: 0;\n        padding-bottom: 0;  \n        padding-right: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.s, "px;\n\n        .MuiAutocomplete-option {\n          min-height: unset;\n        }\n\n        .MuiAutocomplete-option.Mui-focused {\n          background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[100], ";\n        }\n\n        .MuiAutocomplete-option[aria-selected=\"true\"] {\n          background-color: white;\n        }\n\n        .MuiAutocomplete-option[aria-disabled=\"true\"] {\n          opacity: 1;\n        }\n\n        .MuiAutocomplete-option[aria-selected=\"true\"].Mui-focused {\n          background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[100], ";\n        }\n\n        & > li:last-child .MuiAutocomplete-groupUl {\n          border-bottom: none;\n          margin-bottom: 0;\n        }\n      }\n\n      .MuiAutocomplete-groupLabel {\n        top: 0;\n        color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[500], ";\n        padding: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xxs, "px 0 ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xxs, "px 0;\n      }\n\n      .MuiAutocomplete-groupUl {\n        margin-bottom: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.m, "px;\n        position: relative;\n        padding: 0 0 ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xs, "px 0 0;\n        border-bottom: ").concat(borders === null || borders === void 0 ? void 0 : borders.gray[200], ";\n\n        & li:last-of-type {\n          position: relative;\n          margin-bottom: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xxs, "px;\n        }\n      } \n    ");
+});
+var InputBaseWrapper$2 = styles.styled("div", {
+    shouldForwardProp: function (prop) { return !doNotForwardProps$j.includes(prop); },
+})(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+    var search = props.search;
+    if (!search) {
+        // (thuang): We cannot use `display: none;` here, since
+        // the component needs to be in the DOM to handle backdrop
+        // click to close the menu
+        return "\n        border: 0;\n        padding: 0;\n\n        white-space: nowrap;\n\n        clip-path: inset(100%);\n        clip: rect(0 0 0 0);\n        overflow: hidden;\n        margin: 0;\n      ";
+    }
+});
+var StyledMenuInputSearch$2 = styles.styled(InputSearch, {
+    shouldForwardProp: function (prop) { return !doNotForwardProps$j.includes(prop); },
+})(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n  margin: 0;\n  .MuiInputBase-root {\n    width: 100%;\n  }\n  /* (thuang): Works with attribute inputMode: \"none\" to hide mobile keyboard */\n  caret-color: ", ";\n"], ["\n  margin: 0;\n  .MuiInputBase-root {\n    width: 100%;\n  }\n  /* (thuang): Works with attribute inputMode: \"none\" to hide mobile keyboard */\n  caret-color: ", ";\n"])), function (_a) {
+    var search = _a.search;
+    return (search ? "auto" : "transparent");
+});
+var StyledPaper$2 = styles.styled(material.Paper)(templateObject_4$e || (templateObject_4$e = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+    var spacings = getSpaces(props);
+    var borders = getBorders(props);
+    var corners = getCorners(props);
+    var shadows = getShadows(props);
+    return "\n      padding: ".concat(spacings === null || spacings === void 0 ? void 0 : spacings.s, "px 0 0 ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.s, "px ;\n      background-color: white;\n      border: ").concat(borders === null || borders === void 0 ? void 0 : borders.gray[100], ";\n      border-radius: ").concat(corners === null || corners === void 0 ? void 0 : corners.m, "px;\n      box-shadow: ").concat(shadows === null || shadows === void 0 ? void 0 : shadows.m, ";\n      box-sizing: border-box;\n    ");
+});
+var StyledMenuItemDetails$1 = styles.styled("div")(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), fontBodyXxs$1, function (props) {
+    var colors = getColors(props);
+    return "\n      color: ".concat(colors === null || colors === void 0 ? void 0 : colors.gray[500], ";\n      white-space: pre-wrap;\n    ");
 });
-var templateObject_1$L, templateObject_2$t, templateObject_3$k, templateObject_4$g, templateObject_5$e, templateObject_6$b, templateObject_7$9, templateObject_8$5, templateObject_9$1, templateObject_10$1;
+var StyledMenuItemText$1 = styles.styled("div")(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"], ["\n  display: flex;\n  flex-direction: column;\n"])));
+var templateObject_1$J, templateObject_2$r, templateObject_3$i, templateObject_4$e, templateObject_5$c, templateObject_6$9;
 
-var ButtonIconSizeToSdsIconSize = {
-    large: "xl",
-    medium: "l",
-    small: "s",
+var Autocomplete = function (props) {
+    var _a = props.multiple, multiple = _a === void 0 ? false : _a, _b = props.disableCloseOnSelect, disableCloseOnSelect = _b === void 0 ? multiple : _b, _c = props.getOptionLabel, getOptionLabel = _c === void 0 ? defaultGetOptionLabel : _c, _d = props.InputBaseProps, InputBaseProps = _d === void 0 ? {} : _d, _e = props.isOptionEqualToValue, isOptionEqualToValue = _e === void 0 ? defaultIsOptionEqualToValue : _e, _f = props.keepSearchOnSelect, keepSearchOnSelect = _f === void 0 ? false : _f, label = props.label, _g = props.loading, loading = _g === void 0 ? false : _g, _h = props.loadingText, loadingText = _h === void 0 ? "" : _h, _j = props.noOptionsText, noOptionsText = _j === void 0 ? "No options" : _j, _k = props.onInputChange, onInputChange = _k === void 0 ? noop : _k, _l = props.PaperComponent, PaperComponent = _l === void 0 ? StyledPaper$2 : _l, _m = props.renderOption, renderOption = _m === void 0 ? defaultRenderOption : _m, _o = props.renderTags, renderTags = _o === void 0 ? defaultRenderTags : _o, _p = props.search, search = _p === void 0 ? false : _p;
+    var _q = React.useState(""), inputValue = _q[0], setInputValue = _q[1];
+    return (jsxRuntime.jsx(StyledAutocomplete$2, __assign({ clearOnBlur: false, disableCloseOnSelect: disableCloseOnSelect, disablePortal: true, renderTags: renderTags, loading: loading, loadingText: loadingText, noOptionsText: noOptionsText, PaperComponent: PaperComponent, renderOption: renderOption, getOptionLabel: getOptionLabel, isOptionEqualToValue: isOptionEqualToValue, inputValue: inputValue, renderInput: function (params) { return (jsxRuntime.jsx(InputBaseWrapper$2, { search: search, children: jsxRuntime.jsx(StyledMenuInputSearch$2, __assign({ id: "location-search", label: label, placeholder: label, ref: params.InputProps.ref, search: search, 
+                // (masoudmanson): This prevents Backspace from deselecting selected dropdown options.
+                onKeyDown: function (event) {
+                    if (event.key === "Backspace") {
+                        event.stopPropagation();
+                    }
+                }, InputProps: __assign(__assign({ 
+                    /**
+                     * (thuang): Works with css caret-color: "transparent" to hide
+                     * mobile keyboard
+                     */
+                    inputMode: search ? "text" : "none" }, params.InputProps.ref), { endAdornment: (jsxRuntime.jsx(material.InputAdornment, { position: "end", children: jsxRuntime.jsx(ButtonIcon, { sdsType: "secondary", sdsSize: "small", sdsIcon: "search" }) })), inputProps: params.inputProps }) }, InputBaseProps)) })); } }, props, { onBlur: function (event) {
+            var _a;
+            setInputValue("");
+            (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, event);
+        }, onInputChange: function (event, value, reason) {
+            if (!multiple) {
+                if (reason === "input") {
+                    setInputValue(value);
+                }
+                else {
+                    setInputValue("");
+                }
+            }
+            else {
+                if (reason === "clear") {
+                    setInputValue("");
+                }
+                else if (reason === "input" ||
+                    (reason === "reset" && !keepSearchOnSelect)) {
+                    setInputValue(value);
+                }
+            }
+            if (onInputChange)
+                onInputChange(event, value, reason);
+        } })));
+    function defaultGetOptionLabel(option) {
+        if (typeof option === "object" && "name" in option)
+            return option.name;
+        return option.toString();
+    }
+    function defaultIsOptionEqualToValue(option, val) {
+        return option.name === val.name;
+    }
+    function defaultRenderTags() {
+        return null;
+    }
+    function defaultRenderOption(optionProps, option, _a) {
+        var selected = _a.selected;
+        var MenuItemContent;
+        var component = option.component, details = option.details, count = option.count, sdsIcon = option.sdsIcon, sdsIconProps = option.sdsIconProps;
+        var menuItemLabel = getOptionLabel(option);
+        if (component) {
+            MenuItemContent = component;
+        }
+        else {
+            MenuItemContent = (jsxRuntime.jsxs(StyledMenuItemText$1, { children: [menuItemLabel, details && (jsxRuntime.jsx(StyledMenuItemDetails$1, { className: "menuItem-details", children: details }))] }));
+        }
+        return (jsxRuntime.jsx(MenuItem, __assign({ column: count, disabled: optionProps["aria-disabled"] === true, sdsIcon: sdsIcon, sdsIconProps: sdsIconProps, isMultiSelect: multiple, selected: selected }, optionProps, { children: MenuItemContent })));
+    }
 };
-/**
- * @see https://mui.com/material-ui/react-button/#icon-buttons
- */
-var ButtonIcon = React.forwardRef(function ButtonIcon(props, ref) {
-    var sdsIcon = props.sdsIcon, _a = props.sdsSize, sdsSize = _a === void 0 ? "large" : _a, sdsIconProps = props.sdsIconProps;
-    var iconSize = ButtonIconSizeToSdsIconSize[sdsSize];
-    return (jsxRuntime.jsx(StyledButtonIcon$2, __assign({}, props, { ref: ref, children: jsxRuntime.jsx(Icon, __assign({ sdsType: "iconButton" }, sdsIconProps, { sdsIcon: sdsIcon, sdsSize: iconSize })) })));
-});
 
-var Centered = styles.styled("div")(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n  flex: 1 1 auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"], ["\n  flex: 1 1 auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));
-var IconWrapper$1 = styles.styled("div")(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+var Centered = styles.styled("div")(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n  flex: 1 1 auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"], ["\n  flex: 1 1 auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])));
+var IconWrapper$1 = styles.styled("div")(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var iconSizes = getIconSizes(props);
     var spaces = getSpaces(props);
     return "\n      height: ".concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l.height, "px;\n      margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n    ");
@@ -3242,7 +3581,7 @@ var StyledButtonIcon$1 = styles.styled(ButtonIcon, {
     shouldForwardProp: function (prop) {
         return !doNotForwardPropsButtonIcon.includes(prop);
     },
-})(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), function (props) {
+})(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), function (props) {
     var spaces = getSpaces(props);
     return "\n      flex: 0 0 auto;\n      margin: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n    ");
 }, function (props) {
@@ -3252,7 +3591,7 @@ var StyledButtonIcon$1 = styles.styled(ButtonIcon, {
         return "";
     return "\n      svg:hover {\n        fill: ".concat(colors === null || colors === void 0 ? void 0 : colors.primary[300], ";\n      }\n    ");
 });
-styles.styled("div")(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), fontBodyS$2, function (props) {
+styles.styled("div")(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), fontBodyS$2, function (props) {
     var typography = getTypography(props);
     return "\n      font-family: ".concat(typography === null || typography === void 0 ? void 0 : typography.fontFamily, ";\n    ");
 });
@@ -3267,12 +3606,12 @@ var secondary$1 = function (props) {
 var doNotForwardProps$i = ["sdsType", "textChild"];
 var StyledBanner = styles.styled("div", {
     shouldForwardProp: function (prop) { return !doNotForwardProps$i.includes(prop); },
-})(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  height: 40px;\n  width: 100%;\n\n  ", "\n\n  ", "\n"], ["\n  display: flex;\n  align-items: center;\n  height: 40px;\n  width: 100%;\n\n  ", "\n\n  ", "\n"])), fontBodyS$2, function (props) {
+})(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  height: 40px;\n  width: 100%;\n\n  ", "\n\n  ", "\n"], ["\n  display: flex;\n  align-items: center;\n  height: 40px;\n  width: 100%;\n\n  ", "\n\n  ", "\n"])), fontBodyS$2, function (props) {
     var sdsType = props.sdsType;
     var typography = getTypography(props);
     return "\n      ".concat(sdsType === "primary" ? primary$1(props) : "", "\n      ").concat(sdsType === "secondary" ? secondary$1(props) : "", "\n      font-family: ").concat(typography === null || typography === void 0 ? void 0 : typography.fontFamily, ";\n    ");
 });
-var templateObject_1$K, templateObject_2$s, templateObject_3$j, templateObject_4$f, templateObject_5$d;
+var templateObject_1$I, templateObject_2$q, templateObject_3$h, templateObject_4$d, templateObject_5$b;
 
 var Banner = React.forwardRef(function Banner(props, ref) {
     var children = props.children, dismissed = props.dismissed, _a = props.dismissible, dismissible = _a === void 0 ? true : _a, onClose = props.onClose, sdsType = props.sdsType, rest = __rest(props, ["children", "dismissed", "dismissible", "onClose", "sdsType"]);
@@ -3290,10 +3629,10 @@ var Banner = React.forwardRef(function Banner(props, ref) {
     return (jsxRuntime.jsxs(StyledBanner, __assign({ role: "banner", sdsType: sdsType, ref: ref }, rest, { children: [jsxRuntime.jsxs(Centered, { children: [jsxRuntime.jsx(IconWrapper$1, { children: jsxRuntime.jsx(Icon, { sdsIcon: "infoCircle", sdsSize: "l", sdsType: "static" }) }), children] }), dismissible && (jsxRuntime.jsx(StyledButtonIcon$1, { "aria-label": "Close", bannerType: sdsType, sdsType: "tertiary", sdsSize: "small", onClick: handleClose, sdsIcon: "xMark" }))] })));
 });
 
-var sdsPropNames$4 = ["isAllCaps", "isRounded", "sdsStyle", "sdsType"];
+var sdsPropNames$3 = ["isAllCaps", "isRounded", "sdsStyle", "sdsType"];
 var ButtonBase = styles.styled(material.Button, {
-    shouldForwardProp: function (prop) { return !sdsPropNames$4.includes(prop); },
-})(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n  box-shadow: none;\n  ", "\n"], ["\n  box-shadow: none;\n  ", "\n"])), function (props) {
+    shouldForwardProp: function (prop) { return !sdsPropNames$3.includes(prop); },
+})(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n  box-shadow: none;\n  ", "\n"], ["\n  box-shadow: none;\n  ", "\n"])), function (props) {
     var variant = props.variant;
     var colors = getColors(props);
     var spacings = getSpaces(props);
@@ -3305,15 +3644,15 @@ var ButtonBase = styles.styled(material.Button, {
     return "\n      ".concat(outlineBorder, "\n      padding: ").concat(padding, ";\n      min-width: 120px;\n      height: 34px;\n      &:hover {\n        color: white;\n        background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.primary[500], ";\n        box-shadow: none;\n      }\n      &:focus-visible {\n        outline: 5px auto Highlight;\n        outline: 5px auto -webkit-focus-ring-color;\n      }\n      &:active {\n        color: white;\n        background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.primary[600], ";\n        box-shadow: none;\n      }\n      &:disabled {\n        color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[400], ";\n        background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[300], ";\n        border-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[300], ";\n      }\n      .MuiButton-startIcon {\n        margin-right: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.m, "px;\n      }\n      .MuiButton-endIcon {\n        margin-left: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.m, "px;\n      }\n    ");
 });
 var RoundedButton = styles.styled(ButtonBase, {
-    shouldForwardProp: function (prop) { return !sdsPropNames$4.includes(prop); },
-})(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+    shouldForwardProp: function (prop) { return !sdsPropNames$3.includes(prop); },
+})(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var corners = getCorners(props);
     return "\n      border-radius: ".concat(corners === null || corners === void 0 ? void 0 : corners.l, "px;\n    ");
 });
 var SquareButton = ButtonBase;
 var MinimalButton = styles.styled(material.Button, {
-    shouldForwardProp: function (prop) { return !sdsPropNames$4.includes(prop); },
-})(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n  ", "\n\n  ", "\n  &:hover, &:focus-visible {\n    background-color: transparent;\n  }\n  &:focus-visible {\n    outline: 5px auto Highlight;\n    outline: 5px auto -webkit-focus-ring-color;\n  }\n"], ["\n  ", "\n\n  ", "\n  &:hover, &:focus-visible {\n    background-color: transparent;\n  }\n  &:focus-visible {\n    outline: 5px auto Highlight;\n    outline: 5px auto -webkit-focus-ring-color;\n  }\n"])), function (props) {
+    shouldForwardProp: function (prop) { return !sdsPropNames$3.includes(prop); },
+})(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n  ", "\n\n  ", "\n  &:hover, &:focus-visible {\n    background-color: transparent;\n  }\n  &:focus-visible {\n    outline: 5px auto Highlight;\n    outline: 5px auto -webkit-focus-ring-color;\n  }\n"], ["\n  ", "\n\n  ", "\n  &:hover, &:focus-visible {\n    background-color: transparent;\n  }\n  &:focus-visible {\n    outline: 5px auto Highlight;\n    outline: 5px auto -webkit-focus-ring-color;\n  }\n"])), function (props) {
     var spacings = getSpaces(props);
     return "\n      padding: ".concat(spacings === null || spacings === void 0 ? void 0 : spacings.xxs, "px 0;\n    ");
 }, function (props) {
@@ -3327,18 +3666,18 @@ var minimal$2 = function (props) {
     var spaces = getSpaces(props);
     return "\n    &:hover, &:focus-visible {\n      color: ".concat(colors === null || colors === void 0 ? void 0 : colors.primary[500], ";\n    }\n    &:active {\n      color: ").concat(colors === null || colors === void 0 ? void 0 : colors.primary[600], ";\n    }\n    &:disabled {\n      color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[400], ";\n    }\n\n    .MuiButton-startIcon {\n      margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;\n    }\n  ");
 };
-var PrimaryMinimalButton = styles.styled(MinimalButton)(templateObject_4$e || (templateObject_4$e = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), minimal$2);
-var SecondaryMinimalButton = styles.styled(MinimalButton)(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n  ", "\n  color: #000;\n"], ["\n  ", "\n  color: #000;\n"])), minimal$2);
+var PrimaryMinimalButton = styles.styled(MinimalButton)(templateObject_4$c || (templateObject_4$c = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), minimal$2);
+var SecondaryMinimalButton = styles.styled(MinimalButton)(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n  ", "\n  color: #000;\n"], ["\n  ", "\n  color: #000;\n"])), minimal$2);
 var StyledButton$1 = styles.styled(material.Button, {
-    shouldForwardProp: function (prop) { return !sdsPropNames$4.includes(prop); },
-})(templateObject_6$a || (templateObject_6$a = __makeTemplateObject(["\n  &:focus-visible {\n    outline: 5px auto Highlight;\n    outline: 5px auto -webkit-focus-ring-color;\n  }\n  ", "\n"], ["\n  &:focus-visible {\n    outline: 5px auto Highlight;\n    outline: 5px auto -webkit-focus-ring-color;\n  }\n  ", "\n"])), function (props) {
+    shouldForwardProp: function (prop) { return !sdsPropNames$3.includes(prop); },
+})(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n  &:focus-visible {\n    outline: 5px auto Highlight;\n    outline: 5px auto -webkit-focus-ring-color;\n  }\n  ", "\n"], ["\n  &:focus-visible {\n    outline: 5px auto Highlight;\n    outline: 5px auto -webkit-focus-ring-color;\n  }\n  ", "\n"])), function (props) {
     if (!props.isRounded)
         return "";
     var corners = getCorners(props);
     var spacings = getSpaces(props);
     return "\n      border-radius: ".concat(corners === null || corners === void 0 ? void 0 : corners.l, "px;\n      padding: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xs, "px ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.l, "px;\n      min-width: 120px;\n      height: 34px;\n    ");
 });
-var templateObject_1$J, templateObject_2$r, templateObject_3$i, templateObject_4$e, templateObject_5$c, templateObject_6$a;
+var templateObject_1$H, templateObject_2$p, templateObject_3$g, templateObject_4$c, templateObject_5$a, templateObject_6$8;
 
 /**
  * @see https://mui.com/material-ui/react-button/
@@ -3384,11 +3723,11 @@ var ButtonDropdown = React.forwardRef(function (props, ref) {
     return (jsxRuntime.jsx(Button, __assign({}, props, { endIcon: jsxRuntime.jsx(Icon, { sdsIcon: "chevronDown", sdsSize: "s", sdsType: "button" }), sdsStyle: sdsStyle, ref: ref, sdsType: sdsType, startIcon: icon })));
 });
 
-var fontBodyXs$4 = fontBody("xs");
+var fontBodyXs$3 = fontBody("xs");
 var doNotForwardProps$h = ["calloutTitle", "collapsed"];
 var StyledCallout = styles.styled(material.Alert, {
     shouldForwardProp: function (prop) { return !doNotForwardProps$h.includes(prop); },
-})(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), fontBodyXs$4, function (props) {
+})(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), fontBodyXs$3, function (props) {
     var colors = getColors(props);
     var spacings = getSpaces(props);
     var _a = props.severity, severity = _a === void 0 ? "success" : _a;
@@ -3403,7 +3742,7 @@ var StyledCallout = styles.styled(material.Alert, {
     var titleBottomMargin = props.collapsed ? "margin-bottom: 0;" : "";
     return "\n      background-color: ".concat(backgroundColor, ";\n      width: 360px;\n      margin: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.m, "px 0;\n      border-radius: ").concat(corners === null || corners === void 0 ? void 0 : corners.m, "px;\n      color: ").concat(defaultTheme.palette.text.primary, ";\n      padding: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.m, "px;\n      background-color: ").concat(calloutColor, ";\n\n      .MuiAlert-icon {\n        height: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l.height, "px;\n        width: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l.width, "px;\n        margin-right: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.m, "px;\n        padding: 0;\n        path {\n          fill: ").concat(iconColor, ";\n        }\n      }\n\n      .MuiAlert-message {\n        padding: 0;\n        margin-right: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.m, "px;\n\n        .MuiAlertTitle-root{\n          margin-top: 0;\n          ").concat(titleBottomMargin, "\n        }\n      }\n\n      .MuiAlert-action {\n        margin-right: 0;\n        padding: 0;\n        align-items: flex-start;\n        margin-top: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xxs, "px;\n\n        > button {\n          padding: 0;\n        }\n      }\n    ");
 });
-var templateObject_1$I;
+var templateObject_1$G;
 
 var SDS_STAGE_OPEN = "open";
 var SDS_STAGE_CLOSED = "closed";
@@ -3461,12 +3800,12 @@ var Callout = function (_a) {
     return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(material.Grow, { in: !hide, children: jsxRuntime.jsxs(StyledCallout, __assign({ onClose: onClose ? handleClose : undefined, action: getAction(collapsed), icon: getIcon(), severity: intent, collapsed: collapsed || false }, rest, { children: [calloutTitle, !collapsed && calloutContent] })) }) }));
 };
 
-var fontBodyXs$3 = fontBody("xs");
-var StyledCalloutTitle = styles.styled(material.AlertTitle)(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), fontBodyXs$3, function (props) {
+var fontBodyXs$2 = fontBody("xs");
+var StyledCalloutTitle = styles.styled(material.AlertTitle)(templateObject_1$F || (templateObject_1$F = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), fontBodyXs$2, function (props) {
     var spacings = getSpaces(props);
     return "\n    margin: ".concat(spacings === null || spacings === void 0 ? void 0 : spacings.xxxs, "px 0 ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xs, "px;\n  ");
 });
-var templateObject_1$H;
+var templateObject_1$F;
 
 var CalloutTitle = function (_a) {
     var children = _a.children;
@@ -3475,38 +3814,38 @@ var CalloutTitle = function (_a) {
 
 var dark = function (props) {
     var spacings = getSpaces(props);
-    return css.css(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n    ", "\n    background-color: black;\n    color: white;\n    text-align: center;\n    max-width: 250px;\n    padding: ", "px ", "px;\n  "], ["\n    ", "\n    background-color: black;\n    color: white;\n    text-align: center;\n    max-width: 250px;\n    padding: ", "px ", "px;\n  "])), fontHeaderXs(props), spacings === null || spacings === void 0 ? void 0 : spacings.s, spacings === null || spacings === void 0 ? void 0 : spacings.l);
+    return css.css(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n    ", "\n    background-color: black;\n    color: white;\n    text-align: center;\n    max-width: 250px;\n    padding: ", "px ", "px;\n  "], ["\n    ", "\n    background-color: black;\n    color: white;\n    text-align: center;\n    max-width: 250px;\n    padding: ", "px ", "px;\n  "])), fontHeaderXs(props), spacings === null || spacings === void 0 ? void 0 : spacings.s, spacings === null || spacings === void 0 ? void 0 : spacings.l);
 };
 var light = function (props) {
     var spacings = getSpaces(props);
-    return css.css(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n    ", "\n    background-color: white;\n    color: black;\n    text-align: left;\n    max-width: 250px;\n    padding: ", "px ", "px;\n  "], ["\n    ", "\n    background-color: white;\n    color: black;\n    text-align: left;\n    max-width: 250px;\n    padding: ", "px ", "px;\n  "])), fontBodyXs$5(props), spacings === null || spacings === void 0 ? void 0 : spacings.xs, spacings === null || spacings === void 0 ? void 0 : spacings.l);
+    return css.css(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n    ", "\n    background-color: white;\n    color: black;\n    text-align: left;\n    max-width: 250px;\n    padding: ", "px ", "px;\n  "], ["\n    ", "\n    background-color: white;\n    color: black;\n    text-align: left;\n    max-width: 250px;\n    padding: ", "px ", "px;\n  "])), fontBodyXs$5(props), spacings === null || spacings === void 0 ? void 0 : spacings.xs, spacings === null || spacings === void 0 ? void 0 : spacings.l);
 };
 var wide = function () {
-    return css.css(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n    max-width: 550px;\n  "], ["\n    max-width: 550px;\n  "])));
+    return css.css(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n    max-width: 550px;\n  "], ["\n    max-width: 550px;\n  "])));
 };
 var tableStyles = function (props) {
     var spacings = getSpaces(props);
-    return css.css(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n    padding: ", "px;\n  "], ["\n    padding: ", "px;\n  "])), spacings === null || spacings === void 0 ? void 0 : spacings.m);
+    return css.css(templateObject_4$b || (templateObject_4$b = __makeTemplateObject(["\n    padding: ", "px;\n  "], ["\n    padding: ", "px;\n  "])), spacings === null || spacings === void 0 ? void 0 : spacings.m);
 };
-var Subtitle$1 = styles.styled("div")(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), fontHeaderXxs, function (props) {
+var Subtitle$1 = styles.styled("div")(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), fontHeaderXxs, function (props) {
     var colors = getColors(props);
     return "\n      color: ".concat(colors === null || colors === void 0 ? void 0 : colors.gray["400"], ";\n    ");
 });
 var tooltipCss = function (props) {
     var inverted = props.inverted, sdsStyle = props.sdsStyle, width = props.width, followCursor = props.followCursor;
     var shadows = getShadows(props);
-    return css.css(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\n    &.MuiTooltip-tooltip {\n      ", "\n      ", "\n\n      ", "\n\n      box-shadow: ", ";\n    }\n  "], ["\n    &.MuiTooltip-tooltip {\n      ", "\n      ", "\n\n      ", "\n\n      box-shadow: ", ";\n    }\n  "])), sdsStyle === "dark" || inverted ? dark(props) : light(props), width === "wide" && sdsStyle === "light" && wide(), followCursor === true && tableStyles(props), shadows === null || shadows === void 0 ? void 0 : shadows.m);
+    return css.css(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n    &.MuiTooltip-tooltip {\n      ", "\n      ", "\n\n      ", "\n\n      box-shadow: ", ";\n    }\n  "], ["\n    &.MuiTooltip-tooltip {\n      ", "\n      ", "\n\n      ", "\n\n      box-shadow: ", ";\n    }\n  "])), sdsStyle === "dark" || inverted ? dark(props) : light(props), width === "wide" && sdsStyle === "light" && wide(), followCursor === true && tableStyles(props), shadows === null || shadows === void 0 ? void 0 : shadows.m);
 };
 var arrowCss = function (props) {
     var inverted = props.inverted, sdsStyle = props.sdsStyle, arrowOffset = props.arrowOffset;
-    return css.css(templateObject_7$8 || (templateObject_7$8 = __makeTemplateObject(["\n    &.MuiTooltip-arrow {\n      /* (bethbertozzi): !important is needed to fight inline style */\n      left: ", "px !important;\n      color: ", ";\n      &:before {\n        box-sizing: border-box;\n        width: 12px;\n        height: 12px;\n      }\n    }\n  "], ["\n    &.MuiTooltip-arrow {\n      /* (bethbertozzi): !important is needed to fight inline style */\n      left: ", "px !important;\n      color: ", ";\n      &:before {\n        box-sizing: border-box;\n        width: 12px;\n        height: 12px;\n      }\n    }\n  "])), arrowOffset, inverted || sdsStyle === "dark" ? "black" : "white");
+    return css.css(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n    &.MuiTooltip-arrow {\n      /* (bethbertozzi): !important is needed to fight inline style */\n      left: ", "px !important;\n      color: ", ";\n      &:before {\n        box-sizing: border-box;\n        width: 12px;\n        height: 12px;\n      }\n    }\n  "], ["\n    &.MuiTooltip-arrow {\n      /* (bethbertozzi): !important is needed to fight inline style */\n      left: ", "px !important;\n      color: ", ";\n      &:before {\n        box-sizing: border-box;\n        width: 12px;\n        height: 12px;\n      }\n    }\n  "])), arrowOffset, inverted || sdsStyle === "dark" ? "black" : "white");
 };
 /*
  * (masoudmanson): !importants are needed to override arrow's
  * default placement which is calculated by javascript
  */
-var StyledPopper$1 = styles.styled(material.Popper)(templateObject_8$4 || (templateObject_8$4 = __makeTemplateObject(["\n  &[data-popper-placement*=\"top\"] .MuiTooltip-arrow {\n    width: 24px !important;\n    height: 12px !important;\n    margin-bottom: -12px !important;\n    &:before {\n      transform: rotate(45deg) translate(0px, -2px);\n      border-bottom-right-radius: 2px;\n      box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1);\n    }\n  }\n\n  &[data-popper-placement*=\"bottom\"] .MuiTooltip-arrow {\n    width: 24px !important;\n    height: 12px !important;\n    margin-top: -12px !important;\n    &:before {\n      transform: rotate(45deg) translate(-1px, 2px);\n      border-top-left-radius: 2px;\n      box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.1);\n    }\n  }\n\n  &[data-popper-placement*=\"left\"] .MuiTooltip-arrow {\n    width: 12px !important;\n    height: 16px !important;\n    margin-right: -12px !important;\n    &:before {\n      transform: rotate(45deg) translate(-1px, 1px);\n      border-top-right-radius: 2px;\n      box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);\n    }\n  }\n\n  &[data-popper-placement*=\"right\"] .MuiTooltip-arrow {\n    width: 12px !important;\n    height: 16px !important;\n    margin-left: -12px !important;\n    &:before {\n      transform: rotate(45deg) translate(4px, 2px);\n      border-bottom-left-radius: 2px;\n      box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);\n    }\n  }\n"], ["\n  &[data-popper-placement*=\"top\"] .MuiTooltip-arrow {\n    width: 24px !important;\n    height: 12px !important;\n    margin-bottom: -12px !important;\n    &:before {\n      transform: rotate(45deg) translate(0px, -2px);\n      border-bottom-right-radius: 2px;\n      box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1);\n    }\n  }\n\n  &[data-popper-placement*=\"bottom\"] .MuiTooltip-arrow {\n    width: 24px !important;\n    height: 12px !important;\n    margin-top: -12px !important;\n    &:before {\n      transform: rotate(45deg) translate(-1px, 2px);\n      border-top-left-radius: 2px;\n      box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.1);\n    }\n  }\n\n  &[data-popper-placement*=\"left\"] .MuiTooltip-arrow {\n    width: 12px !important;\n    height: 16px !important;\n    margin-right: -12px !important;\n    &:before {\n      transform: rotate(45deg) translate(-1px, 1px);\n      border-top-right-radius: 2px;\n      box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);\n    }\n  }\n\n  &[data-popper-placement*=\"right\"] .MuiTooltip-arrow {\n    width: 12px !important;\n    height: 16px !important;\n    margin-left: -12px !important;\n    &:before {\n      transform: rotate(45deg) translate(4px, 2px);\n      border-bottom-left-radius: 2px;\n      box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);\n    }\n  }\n"])));
-var templateObject_1$G, templateObject_2$q, templateObject_3$h, templateObject_4$d, templateObject_5$b, templateObject_6$9, templateObject_7$8, templateObject_8$4;
+var StyledPopper$1 = styles.styled(material.Popper)(templateObject_8$3 || (templateObject_8$3 = __makeTemplateObject(["\n  &[data-popper-placement*=\"top\"] .MuiTooltip-arrow {\n    width: 24px !important;\n    height: 12px !important;\n    margin-bottom: -12px !important;\n    &:before {\n      transform: rotate(45deg) translate(0px, -2px);\n      border-bottom-right-radius: 2px;\n      box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1);\n    }\n  }\n\n  &[data-popper-placement*=\"bottom\"] .MuiTooltip-arrow {\n    width: 24px !important;\n    height: 12px !important;\n    margin-top: -12px !important;\n    &:before {\n      transform: rotate(45deg) translate(-1px, 2px);\n      border-top-left-radius: 2px;\n      box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.1);\n    }\n  }\n\n  &[data-popper-placement*=\"left\"] .MuiTooltip-arrow {\n    width: 12px !important;\n    height: 16px !important;\n    margin-right: -12px !important;\n    &:before {\n      transform: rotate(45deg) translate(-1px, 1px);\n      border-top-right-radius: 2px;\n      box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);\n    }\n  }\n\n  &[data-popper-placement*=\"right\"] .MuiTooltip-arrow {\n    width: 12px !important;\n    height: 16px !important;\n    margin-left: -12px !important;\n    &:before {\n      transform: rotate(45deg) translate(4px, 2px);\n      border-bottom-left-radius: 2px;\n      box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);\n    }\n  }\n"], ["\n  &[data-popper-placement*=\"top\"] .MuiTooltip-arrow {\n    width: 24px !important;\n    height: 12px !important;\n    margin-bottom: -12px !important;\n    &:before {\n      transform: rotate(45deg) translate(0px, -2px);\n      border-bottom-right-radius: 2px;\n      box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1);\n    }\n  }\n\n  &[data-popper-placement*=\"bottom\"] .MuiTooltip-arrow {\n    width: 24px !important;\n    height: 12px !important;\n    margin-top: -12px !important;\n    &:before {\n      transform: rotate(45deg) translate(-1px, 2px);\n      border-top-left-radius: 2px;\n      box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.1);\n    }\n  }\n\n  &[data-popper-placement*=\"left\"] .MuiTooltip-arrow {\n    width: 12px !important;\n    height: 16px !important;\n    margin-right: -12px !important;\n    &:before {\n      transform: rotate(45deg) translate(-1px, 1px);\n      border-top-right-radius: 2px;\n      box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);\n    }\n  }\n\n  &[data-popper-placement*=\"right\"] .MuiTooltip-arrow {\n    width: 12px !important;\n    height: 16px !important;\n    margin-left: -12px !important;\n    &:before {\n      transform: rotate(45deg) translate(4px, 2px);\n      border-bottom-left-radius: 2px;\n      box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);\n    }\n  }\n"])));
+var templateObject_1$E, templateObject_2$o, templateObject_3$f, templateObject_4$b, templateObject_5$9, templateObject_6$7, templateObject_7$6, templateObject_8$3;
 
 /**
  * @see https://mui.com/material-ui/react-tooltip/
@@ -3592,7 +3931,7 @@ var verticalAlignToFlexMap = {
 };
 var StyledTableData = styles.styled("td", {
     shouldForwardProp: function (prop) { return !doNotForwardProps$g.includes(prop); },
-})(templateObject_1$F || (templateObject_1$F = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+})(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var _a = props.horizontalAlign, horizontalAlign = _a === void 0 ? "left" : _a, _b = props.verticalAlign, verticalAlign = _b === void 0 ? "top" : _b;
     var spacings = getSpaces(props);
     var typography = getTypography(props);
@@ -3604,18 +3943,18 @@ var ShouldWrap = function (lineCount) {
 var ShouldTruncate = function () {
     return "\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n  ";
 };
-var StyledCellContent = styles.styled("div")(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
-var StyledCellContentWrapper = styles.styled("div")(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n  width: 100%;\n"], ["\n  width: 100%;\n"])));
+var StyledCellContent = styles.styled("div")(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
+var StyledCellContentWrapper = styles.styled("div")(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n  width: 100%;\n"], ["\n  width: 100%;\n"])));
 var StyledCellIconWrapper = styles.styled("div", {
     shouldForwardProp: function (prop) { return !doNotForwardProps$g.includes(prop); },
-})(templateObject_4$c || (templateObject_4$c = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+})(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var _a = props.iconVerticalAlign, iconVerticalAlign = _a === void 0 ? "top" : _a;
     var spacings = getSpaces(props);
     return "\n      padding-right: ".concat(spacings === null || spacings === void 0 ? void 0 : spacings.l, "px;\n      display: flex;\n      flex-direction: column;\n      justify-content: ").concat(verticalAlignToFlexMap[iconVerticalAlign], ";\n    ");
 });
 var PrimaryText = styles.styled("span", {
     shouldForwardProp: function (prop) { return !doNotForwardProps$g.includes(prop); },
-})(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), fontBodyS$2, function (props) {
+})(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), fontBodyS$2, function (props) {
     var _a = props.primaryTextWrapLineCount, primaryTextWrapLineCount = _a === void 0 ? 3 : _a;
     return "\n      display: block;\n      line-height: 20px;\n      ".concat(props.shouldTextWrap
         ? ShouldWrap(primaryTextWrapLineCount)
@@ -3623,7 +3962,7 @@ var PrimaryText = styles.styled("span", {
 });
 var SecondaryText = styles.styled("span", {
     shouldForwardProp: function (prop) { return !doNotForwardProps$g.includes(prop); },
-})(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), fontBodyXxs$1, function (props) {
+})(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), fontBodyXxs$1, function (props) {
     var _a = props.secondaryTextWrapLineCount, secondaryTextWrapLineCount = _a === void 0 ? 1 : _a;
     var colors = getColors(props);
     var spaces = getSpaces(props);
@@ -3633,7 +3972,7 @@ var SecondaryText = styles.styled("span", {
 });
 var TertiaryText = styles.styled("span", {
     shouldForwardProp: function (prop) { return !doNotForwardProps$g.includes(prop); },
-})(templateObject_7$7 || (templateObject_7$7 = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), fontBodyXxs$1, function (props) {
+})(templateObject_7$5 || (templateObject_7$5 = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), fontBodyXxs$1, function (props) {
     var _a = props.tertiaryTextWrapLineCount, tertiaryTextWrapLineCount = _a === void 0 ? 1 : _a;
     var colors = getColors(props);
     var spaces = getSpaces(props);
@@ -3641,7 +3980,7 @@ var TertiaryText = styles.styled("span", {
         ? ShouldWrap(tertiaryTextWrapLineCount)
         : ShouldTruncate(), "\n    ");
 });
-var templateObject_1$F, templateObject_2$p, templateObject_3$g, templateObject_4$c, templateObject_5$a, templateObject_6$8, templateObject_7$7;
+var templateObject_1$D, templateObject_2$n, templateObject_3$e, templateObject_4$a, templateObject_5$8, templateObject_6$6, templateObject_7$5;
 
 var CellBasicContent = function (props) {
     var primaryText = props.primaryText, primaryTextWrapLineCount = props.primaryTextWrapLineCount, secondaryText = props.secondaryText, secondaryTextWrapLineCount = props.secondaryTextWrapLineCount, tertiaryText = props.tertiaryText, tertiaryTextWrapLineCount = props.tertiaryTextWrapLineCount, _a = props.shouldTextWrap, shouldTextWrap = _a === void 0 ? true : _a, icon = props.icon, iconVerticalAlign = props.iconVerticalAlign;
@@ -3658,7 +3997,7 @@ var CellBasic = React.forwardRef(function (props, ref) {
 var doNotForwardProps$f = ["horizontalAlign", "verticalAlign"];
 var StyledCellComponentData = styles.styled("td", {
     shouldForwardProp: function (prop) { return !doNotForwardProps$f.includes(prop); },
-})(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), fontBodyS$2, function (props) {
+})(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), fontBodyS$2, function (props) {
     var spacings = getSpaces(props);
     var _a = props.horizontalAlign, horizontalAlign = _a === void 0 ? "left" : _a, _b = props.verticalAlign, verticalAlign = _b === void 0 ? "top" : _b;
     var typography = getTypography(props);
@@ -3666,18 +4005,18 @@ var StyledCellComponentData = styles.styled("td", {
 });
 styles.styled("span", {
     shouldForwardProp: function (prop) { return !doNotForwardProps$f.includes(prop); },
-})(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), fontHeaderS, function (props) {
+})(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), fontHeaderS, function (props) {
     var typography = getTypography(props);
     return "\n        line-height: 24px;\n        font-family: ".concat(typography === null || typography === void 0 ? void 0 : typography.fontFamily, ";\n        display: block;\n       \n    ");
 });
 styles.styled("span", {
     shouldForwardProp: function (prop) { return !doNotForwardProps$f.includes(prop); },
-})(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), fontBodyXxs$1, function (props) {
+})(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), fontBodyXxs$1, function (props) {
     var typography = getTypography(props);
     var colors = getColors(props);
     return "\n          font-family: ".concat(typography === null || typography === void 0 ? void 0 : typography.fontFamily, ";\n          display: block;\n          color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[600], "\n      ");
 });
-var templateObject_1$E, templateObject_2$o, templateObject_3$f;
+var templateObject_1$C, templateObject_2$m, templateObject_3$d;
 
 var CellComponent = React.forwardRef(function (props, _) {
     var children = props.children;
@@ -3699,7 +4038,7 @@ var doNotForwardProps$e = [
 ];
 var StyledSortingIcon = styles.styled(ButtonIcon, {
     shouldForwardProp: function (prop) { return !doNotForwardProps$e.includes(prop); },
-})(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+})(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var _a = props.active, active = _a === void 0 ? false : _a;
     var spacings = getSpaces(props);
     var colors = getColors(props);
@@ -3707,7 +4046,7 @@ var StyledSortingIcon = styles.styled(ButtonIcon, {
 });
 var StyledTableHeader$1 = styles.styled("th", {
     shouldForwardProp: function (prop) { return !doNotForwardProps$e.includes(prop); },
-})(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), fontHeaderS, function (props) {
+})(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), fontHeaderS, function (props) {
     var _a = props.active, active = _a === void 0 ? false : _a, _b = props.horizontalAlign, horizontalAlign = _b === void 0 ? "left" : _b;
     var spacings = getSpaces(props);
     var typography = getTypography(props);
@@ -3716,11 +4055,11 @@ var StyledTableHeader$1 = styles.styled("th", {
 });
 var StyledCellHeaderContainer = styles.styled("div", {
     shouldForwardProp: function (prop) { return !doNotForwardProps$e.includes(prop); },
-})(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+})(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var _a = props.horizontalAlign, horizontalAlign = _a === void 0 ? "left" : _a;
     return "\n      align-items: flex-end;\n      width: 100%;\n      display: flex;\n      justify-content: ".concat(horizontalAlign ? contentPositionMapping[horizontalAlign] : "flex-start", ";\n    ");
 });
-var templateObject_1$D, templateObject_2$n, templateObject_3$e;
+var templateObject_1$B, templateObject_2$l, templateObject_3$c;
 
 var CellHeaderContent = function (props) {
     var active = props.active, children = props.children, _a = props.direction, direction = _a === void 0 ? "desc" : _a, _b = props.hideSortIcon, hideSortIcon = _b === void 0 ? false : _b, horizontalAlign = props.horizontalAlign;
@@ -3740,25 +4079,25 @@ var CellHeader = React.forwardRef(function (props, ref) {
 
 var small = function (props) {
     var spacings = getSpaces(props);
-    return react.css(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n    height: ", "px;\n    padding: ", "px ", "px;\n\n    .MuiChip-label {\n      ", "\n      padding: 0;\n    }\n  "], ["\n    height: ", "px;\n    padding: ", "px ", "px;\n\n    .MuiChip-label {\n      ", "\n      padding: 0;\n    }\n  "])), spacings === null || spacings === void 0 ? void 0 : spacings.l, spacings === null || spacings === void 0 ? void 0 : spacings.xxs, spacings === null || spacings === void 0 ? void 0 : spacings.xs, fontCapsXxxxs(props));
+    return react.css(templateObject_1$A || (templateObject_1$A = __makeTemplateObject(["\n    height: ", "px;\n    padding: ", "px ", "px;\n\n    .MuiChip-label {\n      ", "\n      padding: 0;\n    }\n  "], ["\n    height: ", "px;\n    padding: ", "px ", "px;\n\n    .MuiChip-label {\n      ", "\n      padding: 0;\n    }\n  "])), spacings === null || spacings === void 0 ? void 0 : spacings.l, spacings === null || spacings === void 0 ? void 0 : spacings.xxs, spacings === null || spacings === void 0 ? void 0 : spacings.xs, fontCapsXxxxs(props));
 };
 var medium = function (props) {
     var spacings = getSpaces(props);
     var colors = getColors(props);
-    return react.css(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n    margin: 0 ", "px;\n    height: 24px;\n\n    background-color: ", ";\n\n    &:hover {\n      background-color: ", ";\n    }\n\n    &:active {\n      background-color: ", ";\n    }\n\n    .MuiChip-label {\n      ", "\n      color: white;\n      padding-left: ", "px;\n    }\n\n    .MuiChip-deleteIcon {\n      color: white;\n      padding-right: ", "px;\n      margin: 0 0 0 -", "px;\n      height: ", "px;\n      width: ", "px;\n\n      &:hover,\n      &:focus-visible {\n        color: white;\n      }\n    }\n  "], ["\n    margin: 0 ", "px;\n    height: 24px;\n\n    background-color: ", ";\n\n    &:hover {\n      background-color: ", ";\n    }\n\n    &:active {\n      background-color: ", ";\n    }\n\n    .MuiChip-label {\n      ", "\n      color: white;\n      padding-left: ", "px;\n    }\n\n    .MuiChip-deleteIcon {\n      color: white;\n      padding-right: ", "px;\n      margin: 0 0 0 -", "px;\n      height: ", "px;\n      width: ", "px;\n\n      &:hover,\n      &:focus-visible {\n        color: white;\n      }\n    }\n  "])), spacings === null || spacings === void 0 ? void 0 : spacings.s, colors === null || colors === void 0 ? void 0 : colors.primary[400], colors === null || colors === void 0 ? void 0 : colors.primary[500], colors === null || colors === void 0 ? void 0 : colors.primary[600], fontHeaderXs(props), spacings === null || spacings === void 0 ? void 0 : spacings.s, spacings === null || spacings === void 0 ? void 0 : spacings.xxs, spacings === null || spacings === void 0 ? void 0 : spacings.s, spacings === null || spacings === void 0 ? void 0 : spacings.l, spacings === null || spacings === void 0 ? void 0 : spacings.l);
+    return react.css(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n    margin: 0 ", "px;\n    height: 24px;\n\n    background-color: ", ";\n\n    &:hover {\n      background-color: ", ";\n    }\n\n    &:active {\n      background-color: ", ";\n    }\n\n    .MuiChip-label {\n      ", "\n      color: white;\n      padding-left: ", "px;\n    }\n\n    .MuiChip-deleteIcon {\n      color: white;\n      padding-right: ", "px;\n      margin: 0 0 0 -", "px;\n      height: ", "px;\n      width: ", "px;\n\n      &:hover,\n      &:focus-visible {\n        color: white;\n      }\n    }\n  "], ["\n    margin: 0 ", "px;\n    height: 24px;\n\n    background-color: ", ";\n\n    &:hover {\n      background-color: ", ";\n    }\n\n    &:active {\n      background-color: ", ";\n    }\n\n    .MuiChip-label {\n      ", "\n      color: white;\n      padding-left: ", "px;\n    }\n\n    .MuiChip-deleteIcon {\n      color: white;\n      padding-right: ", "px;\n      margin: 0 0 0 -", "px;\n      height: ", "px;\n      width: ", "px;\n\n      &:hover,\n      &:focus-visible {\n        color: white;\n      }\n    }\n  "])), spacings === null || spacings === void 0 ? void 0 : spacings.s, colors === null || colors === void 0 ? void 0 : colors.primary[400], colors === null || colors === void 0 ? void 0 : colors.primary[500], colors === null || colors === void 0 ? void 0 : colors.primary[600], fontHeaderXs(props), spacings === null || spacings === void 0 ? void 0 : spacings.s, spacings === null || spacings === void 0 ? void 0 : spacings.xxs, spacings === null || spacings === void 0 ? void 0 : spacings.s, spacings === null || spacings === void 0 ? void 0 : spacings.l, spacings === null || spacings === void 0 ? void 0 : spacings.l);
 };
-var rounded$3 = function (props) {
+var rounded$2 = function (props) {
     var corners = getCorners(props);
-    return react.css(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n    border-radius: ", "px;\n  "], ["\n    border-radius: ", "px;\n  "])), corners === null || corners === void 0 ? void 0 : corners.l);
+    return react.css(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n    border-radius: ", "px;\n  "], ["\n    border-radius: ", "px;\n  "])), corners === null || corners === void 0 ? void 0 : corners.l);
 };
 var square$2 = function (props) {
     var corners = getCorners(props);
-    return react.css(templateObject_4$b || (templateObject_4$b = __makeTemplateObject(["\n    border-radius: ", "px;\n  "], ["\n    border-radius: ", "px;\n  "])), corners === null || corners === void 0 ? void 0 : corners.m);
+    return react.css(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n    border-radius: ", "px;\n  "], ["\n    border-radius: ", "px;\n  "])), corners === null || corners === void 0 ? void 0 : corners.m);
 };
 var success = function (props) {
     return createStatusCss(props, "success");
 };
-var error$3 = function (props) {
+var error$2 = function (props) {
     return createStatusCss(props, "error");
 };
 var beta = function (props) {
@@ -3767,7 +4106,7 @@ var beta = function (props) {
 var pending = function (props) {
     return createStatusCss(props, "pending");
 };
-var warning$3 = function (props) {
+var warning$2 = function (props) {
     return createStatusCss(props, "warning");
 };
 var info = function (props) {
@@ -3804,24 +4143,24 @@ function createStatusCss(props, status) {
         },
     };
     var statusColors = statusToColors[status];
-    return react.css(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n    background-color: ", ";\n\n    .MuiChip-label {\n      color: ", ";\n    }\n  "], ["\n    background-color: ", ";\n\n    .MuiChip-label {\n      color: ", ";\n    }\n  "])), statusColors.light, statusColors.dark);
+    return react.css(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n    background-color: ", ";\n\n    .MuiChip-label {\n      color: ", ";\n    }\n  "], ["\n    background-color: ", ";\n\n    .MuiChip-label {\n      color: ", ";\n    }\n  "])), statusColors.light, statusColors.dark);
 }
 var statusToCss = {
     beta: beta,
-    error: error$3,
+    error: error$2,
     info: info,
     pending: pending,
     success: success,
-    warning: warning$3,
+    warning: warning$2,
 };
 var doNotForwardProps$d = ["isRounded"];
 var StyledChip = styles.styled(material.Chip, {
     shouldForwardProp: function (prop) { return !doNotForwardProps$d.includes(prop); },
-})(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n  border: none;\n\n  ", "\n"], ["\n  border: none;\n\n  ", "\n"])), function (props) {
+})(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n  border: none;\n\n  ", "\n"], ["\n  border: none;\n\n  ", "\n"])), function (props) {
     var size = props.size, status = props.status, isRounded = props.isRounded;
-    return react.css(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n    "], ["\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n    "])), isRounded && rounded$3(props), !isRounded && square$2(props), size === "small" && small(props), size === "medium" && medium(props), status && statusToCss[status](props));
+    return react.css(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n    "], ["\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n    "])), isRounded && rounded$2(props), !isRounded && square$2(props), size === "small" && small(props), size === "medium" && medium(props), status && statusToCss[status](props));
 });
-var templateObject_1$C, templateObject_2$m, templateObject_3$d, templateObject_4$b, templateObject_5$9, templateObject_6$7, templateObject_7$6;
+var templateObject_1$A, templateObject_2$k, templateObject_3$b, templateObject_4$9, templateObject_5$7, templateObject_6$5, templateObject_7$4;
 
 /**
  * @see https://mui.com/material-ui/react-chip/
@@ -3835,149 +4174,6 @@ var Chip = function (props) {
     return jsxRuntime.jsx(StyledChip, __assign({}, props));
 };
 
-var noop = function () { };
-var toKebabCase = function (str) {
-    return str.replace(/[\s_]+/g, "-").toLowerCase();
-};
-
-var fontBodyXs$2 = fontBody("xs");
-var StyledMenuItem$1 = styles.styled(material.MenuItem)(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
-    var selected = props.selected;
-    var colors = getColors(props);
-    var fontWeights = getFontWeights(props);
-    var spacings = getSpaces(props);
-    var primary = colors === null || colors === void 0 ? void 0 : colors.primary[400];
-    return "\n      padding: ".concat(spacings === null || spacings === void 0 ? void 0 : spacings.xs, "px ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.s, "px !important;\n      min-height: unset;\n      opacity: 1;\n\n      &.MuiAutocomplete-option {\n        min-height: unset;\n      }\n      \n      .primary-text {\n        font-weight: ").concat(selected ? fontWeights === null || fontWeights === void 0 ? void 0 : fontWeights.semibold : fontWeights === null || fontWeights === void 0 ? void 0 : fontWeights.regular, ";\n      }\n\n      &.MuiButtonBase-root {\n        background-color: transparent;\n        opacity: 1;\n\n        &:hover, &.").concat(material.menuItemClasses.focusVisible, " {\n          background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[100], ";\n\n          &[aria-selected=\"true\"] {\n            background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[100], ";\n          }\n        }\n      }\n\n      &.MuiMenuItem-root .MuiSvgIcon-root {\n        align-self: flex-start;\n      }\n\n      &.MuiMenuItem-root .Mui-disabled {\n        opacity: 1 !important;\n      }\n\n      &.MuiAutocomplete-option[aria-selected=\"true\"] {\n        &:hover {\n          background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[100], " !important;\n        }\n\n        svg.check-icon {\n          color: ").concat(selected ? primary : colors === null || colors === void 0 ? void 0 : colors.gray[500], ";\n        }\n      }\n\n      &.MuiAutocomplete-option[aria-disabled=\"true\"] {\n        opacity: 1;\n      }\n\n      &:hover {\n        background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[100], ";\n        svg.check-icon {\n          color: ").concat(selected ? primary : colors === null || colors === void 0 ? void 0 : colors.gray[500], ";\n        }\n      }\n\n      &.Mui-selected.MuiListItem-root.MuiListItem-button {\n        background-color: white;\n        &:hover {\n          background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[100], ";\n        }\n        .primary-text {\n          font-weight: ").concat(fontWeights === null || fontWeights === void 0 ? void 0 : fontWeights.semibold, ";\n        }\n      }\n\n      &:active {\n        svg.check-icon {\n          color: ").concat(primary, ";\n        }\n\n        &:active {\n          svg.check-icon {\n            color: ").concat(primary, ";\n          }\n\n          .primary-text {\n            font-weight: ").concat(fontWeights === null || fontWeights === void 0 ? void 0 : fontWeights.semibold, ";\n          }\n        }\n      }\n    ");
-});
-var ContentWrapper = styles.styled("span")(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  width: 100%;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  width: 100%;\n"])));
-var disabledStyles = function (props) {
-    var disabled = props.disabled;
-    if (!disabled)
-        return "";
-    var colors = getColors(props);
-    return "\n    color: ".concat(colors === null || colors === void 0 ? void 0 : colors.gray[300], ";\n    cursor: default;\n  ");
-};
-var TextWrapper = styles.styled("span")(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n\n  ", "\n"])), fontBodyXs$2, function (props) {
-    var _a;
-    var palette = getPalette(props);
-    return "\n      color: ".concat((_a = palette === null || palette === void 0 ? void 0 : palette.text) === null || _a === void 0 ? void 0 : _a.primary, ";\n      display: flex;\n      white-space: pre-wrap;\n    ");
-}, disabledStyles);
-var StyledMenuItemIcon = styles.styled("span")(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
-    var disabled = props.disabled;
-    var spacings = getSpaces(props);
-    var iconSizes = getIconSizes(props);
-    var colors = getColors(props);
-    return "\n      margin-right: ".concat(spacings === null || spacings === void 0 ? void 0 : spacings.xs, "px;\n      margin-top: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xxxs, "px;\n      height: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, "px;\n\n      .MuiSvgIcon-root {\n        ").concat(disabled ? "color: ".concat(colors === null || colors === void 0 ? void 0 : colors.gray[300], ";") : null, "\n      }\n    ");
-});
-var ColumnWrapper = styles.styled("span")(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject(["\n  ", "\n\n  text-align: right;\n  color: black;\n  margin-left: 10px;\n\n  ", "\n"], ["\n  ", "\n\n  text-align: right;\n  color: black;\n  margin-left: 10px;\n\n  ", "\n"])), fontBodyXs$2, disabledStyles);
-styles.styled("div")(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n  width: 250px;\n"], ["\n  width: 250px;\n"])));
-var StyledCheckIconWrapper = styles.styled("span")(templateObject_7$5 || (templateObject_7$5 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
-    var spacings = getSpaces(props);
-    var iconSizes = getIconSizes(props);
-    return "\n      align-self: start;\n      margin-right: ".concat(spacings === null || spacings === void 0 ? void 0 : spacings.m, "px;\n      margin-top: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xxxs, "px;\n      height: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, "px;\n    ");
-});
-var StyledCheck = styles.styled(iconsMaterial.Check, {
-    shouldForwardProp: function (prop) { return prop !== "selected"; },
-})(templateObject_8$3 || (templateObject_8$3 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
-    var selected = props.selected, disabled = props.disabled;
-    var colors = getColors(props);
-    var iconSizes = getIconSizes(props);
-    var selectedColor = disabled ? colors === null || colors === void 0 ? void 0 : colors.gray[300] : colors === null || colors === void 0 ? void 0 : colors.primary[400];
-    return "\n      color: ".concat(selected ? selectedColor : "transparent", ";\n      padding: 0;\n      height: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, "px;\n      width: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.width, "px;\n\n      &.MuiCheckbox-colorPrimary.Mui-checked:hover {\n        background-color: transparent;\n      }\n    ");
-});
-var templateObject_1$B, templateObject_2$l, templateObject_3$c, templateObject_4$a, templateObject_5$8, templateObject_6$6, templateObject_7$5, templateObject_8$3;
-
-/**
- * @see https://mui.com/material-ui/react-menu/
- */
-var MenuItem = React.forwardRef(function MenuItem(props, ref) {
-    var children = props.children, _a = props.column, column = _a === void 0 ? null : _a, disabled = props.disabled, _b = props.isMultiSelect, isMultiSelect = _b === void 0 ? false : _b, sdsIcon = props.sdsIcon, sdsIconProps = props.sdsIconProps, originalMenuItemProps = __rest(props, ["children", "column", "disabled", "isMultiSelect", "sdsIcon", "sdsIconProps"]);
-    var _c = originalMenuItemProps.selected, selected = _c === void 0 ? false : _c;
-    return (jsxRuntime.jsxs(StyledMenuItem$1, __assign({}, originalMenuItemProps, { disabled: disabled, ref: ref, children: [isMultiSelect && (
-            // TODO (mlila): replace with sds InputCheckbox class once complete
-            jsxRuntime.jsx(StyledCheckIconWrapper, { children: jsxRuntime.jsx(StyledCheck, { className: "check-icon", selected: selected, color: "primary", disabled: disabled }) })), jsxRuntime.jsxs(ContentWrapper, { children: [jsxRuntime.jsxs(TextWrapper, { selected: selected, className: "primary-text", disabled: disabled, children: [sdsIcon && (jsxRuntime.jsx(StyledMenuItemIcon, { disabled: disabled, children: jsxRuntime.jsx(Icon, __assign({}, sdsIconProps, { sdsType: "static", sdsIcon: sdsIcon, sdsSize: "s" })) })), children] }), column && jsxRuntime.jsx(ColumnWrapper, { disabled: disabled, children: column })] })] })));
-});
-
-var sdsPropNames$3 = ["sdsStyle", "sdsStage", "intent", "handleSubmit"];
-var rounded$2 = function (props) {
-    var corners = getCorners(props);
-    var borders = getBorders(props);
-    return react.css(templateObject_1$A || (templateObject_1$A = __makeTemplateObject(["\n    .", " {\n      border-radius: ", "px;\n      border: ", ";\n    }\n  "], ["\n    .", " {\n      border-radius: ", "px;\n      border: ", ";\n    }\n  "])), material.outlinedInputClasses.notchedOutline, corners === null || corners === void 0 ? void 0 : corners.l, borders === null || borders === void 0 ? void 0 : borders.gray[400]);
-};
-var error$2 = function (props) {
-    var borders = getBorders(props);
-    return react.css(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n    .", " {\n      border: ", ";\n    }\n  "], ["\n    .", " {\n      border: ", ";\n    }\n  "])), material.outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.error[400]);
-};
-var warning$2 = function (props) {
-    var borders = getBorders(props);
-    return react.css(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n    .", " {\n      border: ", ";\n    }\n  "], ["\n    .", " {\n      border: ", ";\n    }\n  "])), material.outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.warning[400]);
-};
-var disabledStyled$2 = function (props) {
-    var borders = getBorders(props);
-    var colors = getColors(props);
-    return react.css(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n    .Mui-disabled {\n      .", " {\n        border: ", ";\n      }\n\n      .MuiInputAdornment-root svg {\n        color: ", ";\n      }\n\n      &:hover .", " {\n        border: ", ";\n      }\n    }\n  "], ["\n    .Mui-disabled {\n      .", " {\n        border: ", ";\n      }\n\n      .MuiInputAdornment-root svg {\n        color: ", ";\n      }\n\n      &:hover .", " {\n        border: ", ";\n      }\n    }\n  "])), material.outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.gray[300], colors === null || colors === void 0 ? void 0 : colors.gray[300], material.outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.gray[300]);
-};
-var StyledLabel$2 = styles.styled("label")(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), fontBodyM$1, function (props) {
-    var typography = getTypography(props);
-    var spacings = getSpaces(props);
-    return "\n      font-family: ".concat(typography === null || typography === void 0 ? void 0 : typography.fontFamily, ";\n      margin-bottom: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xxs, "px;\n      position: absolute;\n      overflow: hidden;\n      clip: rect(0 0 0 0);\n      height: 1px;\n      width: 1px;\n      margin: -1px; \n      padding: 0; \n      border: 0;\n    ");
-});
-var StyledSearchBase = styles.styled(material.TextField, {
-    shouldForwardProp: function (prop) {
-        return !sdsPropNames$3.includes(prop.toString());
-    },
-})(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
-    var intent = props.intent, disabled = props.disabled, sdsStyle = props.sdsStyle;
-    var spacings = getSpaces(props);
-    var borders = getBorders(props);
-    var colors = getColors(props);
-    return react.css(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n      margin-top: ", "px;\n      margin-bottom: ", "px;\n      margin-right: ", "px;\n      min-width: 120px;\n      display: block;\n\n      .", " {\n        .", " {\n          border: ", ";\n        }\n      }\n\n      .", " {\n        padding: ", "px 0 ", "px ", "px;\n        height: 34px;\n        box-sizing: border-box;\n        background-color: #fff;\n      }\n\n      .", ":hover\n        .", " {\n        border: ", ";\n      }\n\n      .", ".Mui-focused {\n        .", " {\n          border: ", ";\n        }\n\n        .", " svg {\n          color: ", ";\n        }\n      }\n\n      ", "\n      ", "\n      ", "\n      ", "\n    "], ["\n      margin-top: ", "px;\n      margin-bottom: ", "px;\n      margin-right: ", "px;\n      min-width: 120px;\n      display: block;\n\n      .", " {\n        .", " {\n          border: ", ";\n        }\n      }\n\n      .", " {\n        padding: ", "px 0 ", "px ", "px;\n        height: 34px;\n        box-sizing: border-box;\n        background-color: #fff;\n      }\n\n      .", ":hover\n        .", " {\n        border: ", ";\n      }\n\n      .", ".Mui-focused {\n        .", " {\n          border: ", ";\n        }\n\n        .", " svg {\n          color: ", ";\n        }\n      }\n\n      ", "\n      ", "\n      ", "\n      ", "\n    "])), spacings === null || spacings === void 0 ? void 0 : spacings.m, spacings === null || spacings === void 0 ? void 0 : spacings.m, spacings === null || spacings === void 0 ? void 0 : spacings.xl, material.outlinedInputClasses.root, material.outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.gray[400], material.inputBaseClasses.inputSizeSmall, spacings === null || spacings === void 0 ? void 0 : spacings.xs, spacings === null || spacings === void 0 ? void 0 : spacings.xs, spacings === null || spacings === void 0 ? void 0 : spacings.l, material.outlinedInputClasses.root, material.outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.gray[500], material.outlinedInputClasses.root, material.outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.primary[400], material.inputAdornmentClasses.root, colors === null || colors === void 0 ? void 0 : colors.primary[400], sdsStyle === "rounded" && rounded$2(props), intent === "error" && error$2(props), intent === "warning" && warning$2(props), disabled && disabledStyled$2(props));
-});
-var templateObject_1$A, templateObject_2$k, templateObject_3$b, templateObject_4$9, templateObject_5$7, templateObject_6$5, templateObject_7$4;
-
-/**
- * @see https://mui.com/material-ui/react-text-field/
- */
-var InputSearch = React.forwardRef(function InputSearch(props, ref) {
-    var label = props.label, id = props.id, placeholder = props.placeholder, _a = props.sdsStyle, sdsStyle = _a === void 0 ? "square" : _a, _b = props.intent, intent = _b === void 0 ? "default" : _b, handleSubmit = props.handleSubmit, onChange = props.onChange, rest = __rest(props, ["label", "id", "placeholder", "sdsStyle", "intent", "handleSubmit", "onChange"]);
-    var _c = React.useState(false), hasValue = _c[0], setHasValue = _c[1];
-    var _d = React.useState(""), value = _d[0], setValue = _d[1];
-    var handleChange = function (event) {
-        if (event.target.value) {
-            setHasValue(true);
-        }
-        else {
-            setHasValue(false);
-        }
-        setValue(event.target.value);
-        if (onChange)
-            onChange(event);
-    };
-    var localHandleSubmit = function () {
-        if (handleSubmit)
-            handleSubmit(value);
-    };
-    var handleKeyPress = function (event) {
-        if (event.key === "Enter") {
-            event.preventDefault();
-            if (handleSubmit)
-                handleSubmit(value);
-        }
-    };
-    if (!id || !label) {
-        // eslint-disable-next-line no-console
-        console.error("Error: @czi-sds/components component InputText requires id and label props for accessibility.");
-        return jsxRuntime.jsx(jsxRuntime.Fragment, {});
-    }
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(StyledLabel$2, { htmlFor: id, children: label }), jsxRuntime.jsx(StyledSearchBase, __assign({ ref: ref, 
-                // passed to mui Input
-                InputProps: {
-                    endAdornment: (jsxRuntime.jsx(material.InputAdornment, { position: "end", children: jsxRuntime.jsx(ButtonIcon, { "aria-label": "search-button", onClick: localHandleSubmit, sdsType: "secondary", sdsSize: "small", sdsIconProps: {
-                                sdsType: "interactive",
-                            }, sdsIcon: "search" }) })),
-                }, type: "search", id: id, variant: "outlined", size: "small", placeholder: placeholder, value: value, sdsStyle: sdsStyle, sdsStage: hasValue ? "userInput" : "default", onChange: handleChange, onKeyPress: handleKeyPress, intent: intent }, rest))] }));
-});
-
 var doNotForwardProps$c = [
     "anchorEl",
     "count",
@@ -3990,7 +4186,7 @@ var doNotForwardProps$c = [
     "onClickAway",
     "ClickAwayListenerProps",
 ];
-var StyledAutocomplete$1 = styles.styled(Autocomplete, {
+var StyledAutocomplete$1 = styles.styled(Autocomplete$1, {
     shouldForwardProp: function (prop) { return !doNotForwardProps$c.includes(prop); },
 })(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n  + .MuiAutocomplete-popper\n    > .MuiAutocomplete-paper\n    .MuiAutocomplete-groupLabel {\n    ", "\n  }\n\n  ", "\n"], ["\n  + .MuiAutocomplete-popper\n    > .MuiAutocomplete-paper\n    .MuiAutocomplete-groupLabel {\n    ", "\n  }\n\n  ", "\n"])), fontCapsXxxxs, function (props) {
     var search = props.search, title = props.title, hasSections = props.hasSections;
@@ -5410,17 +5606,6 @@ var templateObject_1$c, templateObject_2$5;
  * @returns Object containing the visibility status of each observed item.
  */
 function useInView(items) {
-    // If the window object is not available (e.g., in a node environment) or
-    // If the IntersectionObserver is not available (e.g., in a test environment),
-    // return a default result indicating that all elements are not in view
-    if (typeof window === "undefined" || !window.IntersectionObserver) {
-        return items.map(function (item) {
-            return {
-                el: item.elementRef,
-                isInView: false,
-            };
-        });
-    }
     var _a = React.useState({}), elements = _a[0], setElements = _a[1];
     React.useEffect(function () {
         /**
@@ -5452,7 +5637,18 @@ function useInView(items) {
         return function () {
             observer.disconnect();
         };
-    }, []);
+    }, [items]);
+    // If the window object is not available (e.g., in a node environment) or
+    // If the IntersectionObserver is not available (e.g., in a test environment),
+    // return a default result indicating that all elements are not in view
+    if (typeof window === "undefined" || !window.IntersectionObserver) {
+        return items.map(function (item) {
+            return {
+                el: item.elementRef,
+                isInView: false,
+            };
+        });
+    }
     return elements;
 }
 
@@ -5460,6 +5656,7 @@ var NavigationJumpTo = React.forwardRef(function (props, ref) {
     var items = props.items, indicatorColor = props.indicatorColor, _a = props.offsetTop, offsetTop = _a === void 0 ? 0 : _a, onChange = props.onChange, rest = __rest(props, ["items", "indicatorColor", "offsetTop", "onChange"]);
     var _b = React.useState(false), navItemClicked = _b[0], setNavItemClicked = _b[1];
     var _c = React.useState(0), firstTabIndexInview = _c[0], setFirstTabIndexInview = _c[1];
+    var _d = React.useState(-1), emittedValue = _d[0], setEmittedValue = _d[1];
     var sectionIsInView = useInView(items);
     React.useEffect(function () {
         items.forEach(function (item) {
@@ -5486,6 +5683,13 @@ var NavigationJumpTo = React.forwardRef(function (props, ref) {
             id: "navigation-tab-".concat(title),
         };
     };
+    // Emit changes only once
+    var handleOnChange = function (value) {
+        if (value !== emittedValue) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(value);
+            setEmittedValue(value);
+        }
+    };
     var handleChange = function (event, newValue) {
         var _a, _b, _c, _d, _e, _f;
         // Set navItemClicked to true to disable changing the tab value
@@ -5508,7 +5712,7 @@ var NavigationJumpTo = React.forwardRef(function (props, ref) {
         // Update the tab value to newValue to adjust the position of the tabsIndicator
         setFirstTabIndexInview(newValue);
         // Envoke the custom onChange prop
-        onChange === null || onChange === void 0 ? void 0 : onChange(event, newValue);
+        handleOnChange(newValue);
     };
     // Observe changes in the sectionIsInView object to update the tabs value
     // based on the index of the visible sections in the viewport.
@@ -5518,8 +5722,11 @@ var NavigationJumpTo = React.forwardRef(function (props, ref) {
         // Update the tabs value only if a section is present in the viewport
         // and no navigation item has been clicked, preventing updates during window scroll
         // and unnecessary movement of the tabs indicator.
-        if (sectionInView > -1 && !navItemClicked)
+        if (sectionInView > -1 && !navItemClicked) {
             setFirstTabIndexInview(sectionInView);
+            // Envoke the custom onChange prop
+            handleOnChange(sectionInView);
+        }
     }, [sectionIsInView]);
     // Set navItemClicked to false to re-enable the option
     // to update the tab value based on scroll.
@@ -6011,6 +6218,7 @@ exports.Accordion = Accordion;
 exports.AccordionDetails = AccordionDetails;
 exports.AccordionHeader = AccordionHeader;
 exports.Alert = Alert$1;
+exports.Autocomplete = Autocomplete;
 exports.Banner = Banner;
 exports.Button = Button;
 exports.ButtonDropdown = ButtonDropdown;