npm - @czi-sds/components - Versions diffs - 20.0.0 → 20.1.0 - Mend

@czi-sds/components 20.0.0 → 20.1.0

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

Files changed (9) hide show

package/dist/index.cjs.js CHANGED Viewed

@@ -5,144 +5,27 @@ var React = require('react');
 var react = require('@emotion/react');
 var material = require('@mui/material');
 var styles = require('@mui/material/styles');
-var IconBacteriaLarge_svg = require('src/common/svgs/IconBacteriaLarge.svg');
-var IconBacteriaSmall_svg = require('src/common/svgs/IconBacteriaSmall.svg');
-var IconBarChartHorizontal3Small_svg = require('src/common/svgs/IconBarChartHorizontal3Small.svg');
-var IconBarChartVertical3Small_svg = require('src/common/svgs/IconBarChartVertical3Small.svg');
-var IconBarChartVertical4Small_svg = require('src/common/svgs/IconBarChartVertical4Small.svg');
-var IconBookLarge_svg = require('src/common/svgs/IconBookLarge.svg');
-var IconCheckCircleLarge_svg = require('src/common/svgs/IconCheckCircleLarge.svg');
-var IconCheckCircleSmall_svg = require('src/common/svgs/IconCheckCircleSmall.svg');
-var IconCheckSmall_svg = require('src/common/svgs/IconCheckSmall.svg');
-var IconChevronDownLarge_svg = require('src/common/svgs/IconChevronDownLarge.svg');
-var IconChevronDownSmall_svg = require('src/common/svgs/IconChevronDownSmall.svg');
-var IconChevronDown2Small_svg = require('src/common/svgs/IconChevronDown2Small.svg');
-var IconChevronLeft2Small_svg = require('src/common/svgs/IconChevronLeft2Small.svg');
-var IconChevronLeftLarge_svg = require('src/common/svgs/IconChevronLeftLarge.svg');
-var IconChevronLeftSmall_svg = require('src/common/svgs/IconChevronLeftSmall.svg');
-var IconChevronRight2Small_svg = require('src/common/svgs/IconChevronRight2Small.svg');
-var IconChevronRightLarge_svg = require('src/common/svgs/IconChevronRightLarge.svg');
-var IconChevronRightSmall_svg = require('src/common/svgs/IconChevronRightSmall.svg');
-var IconChevronUpLarge_svg = require('src/common/svgs/IconChevronUpLarge.svg');
-var IconChevronUpSmall_svg = require('src/common/svgs/IconChevronUpSmall.svg');
-var IconChevronUp2Small_svg = require('src/common/svgs/IconChevronUp2Small.svg');
-var IconCirclesOverlap2Large_svg = require('src/common/svgs/IconCirclesOverlap2Large.svg');
-var IconCirclesOverlap2Small_svg = require('src/common/svgs/IconCirclesOverlap2Small.svg');
-var IconCodeLarge_svg = require('src/common/svgs/IconCodeLarge.svg');
-var IconCompassLarge_svg = require('src/common/svgs/IconCompassLarge.svg');
-var IconCopyLarge_svg = require('src/common/svgs/IconCopyLarge.svg');
-var IconCopySmall_svg = require('src/common/svgs/IconCopySmall.svg');
-var IconCubeLarge_svg = require('src/common/svgs/IconCubeLarge.svg');
-var IconCubeSmall_svg = require('src/common/svgs/IconCubeSmall.svg');
-var IconDNALarge_svg = require('src/common/svgs/IconDNALarge.svg');
-var IconDocumentSmall_svg = require('src/common/svgs/IconDocumentSmall.svg');
-var IconDotsHorizontal3Large_svg = require('src/common/svgs/IconDotsHorizontal3Large.svg');
-var IconDotsHorizontal3Small_svg = require('src/common/svgs/IconDotsHorizontal3Small.svg');
-var IconDownloadLarge_svg = require('src/common/svgs/IconDownloadLarge.svg');
-var IconDownloadSmall_svg = require('src/common/svgs/IconDownloadSmall.svg');
-var IconEditLarge_svg = require('src/common/svgs/IconEditLarge.svg');
-var IconEditSmall_svg = require('src/common/svgs/IconEditSmall.svg');
-var IconEnvelopeSmall_svg = require('src/common/svgs/IconEnvelopeSmall.svg');
-var IconExclamationMarkCircleLarge_svg = require('src/common/svgs/IconExclamationMarkCircleLarge.svg');
-var IconExclamationMarkCircleSmall_svg = require('src/common/svgs/IconExclamationMarkCircleSmall.svg');
-var IconExclamationMarkSpeechBubbleLarge_svg = require('src/common/svgs/IconExclamationMarkSpeechBubbleLarge.svg');
-var IconEyeClosedSmall_svg = require('src/common/svgs/IconEyeClosedSmall.svg');
-var IconEyeOpenSmall_svg = require('src/common/svgs/IconEyeOpenSmall.svg');
-var IconFilterSmall_svg = require('src/common/svgs/IconFilterSmall.svg');
-var IconFlagCheckSmall_svg = require('src/common/svgs/IconFlagCheckSmall.svg');
-var IconFlagOutlineSmall_svg = require('src/common/svgs/IconFlagOutlineSmall.svg');
-var IconFlagQuestionMarkSmall_svg = require('src/common/svgs/IconFlagQuestionMarkSmall.svg');
-var IconFlagXMarkSmall_svg = require('src/common/svgs/IconFlagXMarkSmall.svg');
-var IconFlaskLarge_svg = require('src/common/svgs/IconFlaskLarge.svg');
-var IconFlaskPrivateLarge_svg = require('src/common/svgs/IconFlaskPrivateLarge.svg');
-var IconFlaskPublicLarge_svg = require('src/common/svgs/IconFlaskPublicLarge.svg');
-var IconGearSmall_svg = require('src/common/svgs/IconGearSmall.svg');
-var IconGlobeBasicLarge_svg = require('src/common/svgs/IconGlobeBasicLarge.svg');
-var IconGlobeSmall_svg = require('src/common/svgs/IconGlobeSmall.svg');
-var IconGridLarge_svg = require('src/common/svgs/IconGridLarge.svg');
-var IconGridPrivateLarge_svg = require('src/common/svgs/IconGridPrivateLarge.svg');
-var IconGridPublicLarge_svg = require('src/common/svgs/IconGridPublicLarge.svg');
-var IconGridDots3Large_svg = require('src/common/svgs/IconGridDots3Large.svg');
-var IconHouseSmall_svg = require('src/common/svgs/IconHouseSmall.svg');
-var IconInfoCircleLarge_svg = require('src/common/svgs/IconInfoCircleLarge.svg');
-var IconInfoCircleSmall_svg = require('src/common/svgs/IconInfoCircleSmall.svg');
-var IconInfoSpeechBubbleLarge_svg = require('src/common/svgs/IconInfoSpeechBubbleLarge.svg');
-var IconLifeRingSmall_svg = require('src/common/svgs/IconLifeRingSmall.svg');
-var IconLightBulbLarge_svg = require('src/common/svgs/IconLightBulbLarge.svg');
-var IconLightBulbSmall_svg = require('src/common/svgs/IconLightBulbSmall.svg');
-var IconLinesDashed3Solid1Small_svg = require('src/common/svgs/IconLinesDashed3Solid1Small.svg');
-var IconLinesHorizontal3Large_svg = require('src/common/svgs/IconLinesHorizontal3Large.svg');
-var IconLinesHorizontal3Small_svg = require('src/common/svgs/IconLinesHorizontal3Small.svg');
-var IconLinkSmall_svg = require('src/common/svgs/IconLinkSmall.svg');
-var IconListSmall_svg = require('src/common/svgs/IconListSmall.svg');
-var IconLoadingLarge_svg = require('src/common/svgs/IconLoadingLarge.svg');
-var IconLoadingSmall_svg = require('src/common/svgs/IconLoadingSmall.svg');
-var IconLockCircleSmall_svg = require('src/common/svgs/IconLockCircleSmall.svg');
-var IconLockLarge_svg = require('src/common/svgs/IconLockLarge.svg');
-var IconLockSmall_svg = require('src/common/svgs/IconLockSmall.svg');
-var IconMinusSmall_svg = require('src/common/svgs/IconMinusSmall.svg');
-var IconOpenSmall_svg = require('src/common/svgs/IconOpenSmall.svg');
-var IconPeopleLarge_svg = require('src/common/svgs/IconPeopleLarge.svg');
-var IconPeopleSmall_svg = require('src/common/svgs/IconPeopleSmall.svg');
-var IconPercentageSmall_svg = require('src/common/svgs/IconPercentageSmall.svg');
-var IconPersonLarge_svg = require('src/common/svgs/IconPersonLarge.svg');
-var IconPersonSmall_svg = require('src/common/svgs/IconPersonSmall.svg');
-var IconPinLocationSmall_svg = require('src/common/svgs/IconPinLocationSmall.svg');
-var IconPinSmall_svg = require('src/common/svgs/IconPinSmall.svg');
-var IconPlayLarge_svg = require('src/common/svgs/IconPlayLarge.svg');
-var IconPlusCircleSmall_svg = require('src/common/svgs/IconPlusCircleSmall.svg');
-var IconPlusSmall_svg = require('src/common/svgs/IconPlusSmall.svg');
-var IconProjectPrivateLarge_svg = require('src/common/svgs/IconProjectPrivateLarge.svg');
-var IconProjectPublicLarge_svg = require('src/common/svgs/IconProjectPublicLarge.svg');
-var IconPuzzlePieceSmall_svg = require('src/common/svgs/IconPuzzlePieceSmall.svg');
-var IconQuestionMarkLarge_svg = require('src/common/svgs/IconQuestionMarkLarge.svg');
-var IconQuoteLarge_svg = require('src/common/svgs/IconQuoteLarge.svg');
-var IconReadLarge_svg = require('src/common/svgs/IconReadLarge.svg');
-var IconRefreshLarge_svg = require('src/common/svgs/IconRefreshLarge.svg');
-var IconRefreshSmall_svg = require('src/common/svgs/IconRefreshSmall.svg');
-var IconReportLarge_svg = require('src/common/svgs/IconReportLarge.svg');
-var IconRocketLarge_svg = require('src/common/svgs/IconRocketLarge.svg');
-var IconSaveLarge_svg = require('src/common/svgs/IconSaveLarge.svg');
-var IconSearchLarge_svg = require('src/common/svgs/IconSearchLarge.svg');
-var IconSearchLinesHorizontal3Large_svg = require('src/common/svgs/IconSearchLinesHorizontal3Large.svg');
-var IconSearchLinesHorizontal3Small_svg = require('src/common/svgs/IconSearchLinesHorizontal3Small.svg');
-var IconSearchSmall_svg = require('src/common/svgs/IconSearchSmall.svg');
-var IconShareLarge_svg = require('src/common/svgs/IconShareLarge.svg');
-var IconSlidersHorizontalLarge_svg = require('src/common/svgs/IconSlidersHorizontalLarge.svg');
-var IconSpeechBubblesLarge_svg = require('src/common/svgs/IconSpeechBubblesLarge.svg');
-var IconSquareOnDashedSquareLarge_svg = require('src/common/svgs/IconSquareOnDashedSquareLarge.svg');
-var IconStarburstSmall_svg = require('src/common/svgs/IconStarburstSmall.svg');
-var IconStarLarge_svg = require('src/common/svgs/IconStarLarge.svg');
-var IconTableSmall_svg = require('src/common/svgs/IconTableSmall.svg');
-var IconTrashCanLarge_svg = require('src/common/svgs/IconTrashCanLarge.svg');
-var IconTrashCanSmall_svg = require('src/common/svgs/IconTrashCanSmall.svg');
-var IconTreeDendogramLarge_svg = require('src/common/svgs/IconTreeDendogramLarge.svg');
-var IconTreeHorizontalLarge_svg = require('src/common/svgs/IconTreeHorizontalLarge.svg');
-var IconTreeHorizontalPrivateLarge_svg = require('src/common/svgs/IconTreeHorizontalPrivateLarge.svg');
-var IconTreeHorizontalPublicLarge_svg = require('src/common/svgs/IconTreeHorizontalPublicLarge.svg');
-var IconTreeHorizontalSmall_svg = require('src/common/svgs/IconTreeHorizontalSmall.svg');
-var IconTreeHorizontalTopRightFilledLarge_svg = require('src/common/svgs/IconTreeHorizontalTopRightFilledLarge.svg');
-var IconTreeVerticalSmall_svg = require('src/common/svgs/IconTreeVerticalSmall.svg');
-var IconTriangleDownSmall_svg = require('src/common/svgs/IconTriangleDownSmall.svg');
-var IconTriangleLeftSmall_svg = require('src/common/svgs/IconTriangleLeftSmall.svg');
-var IconTriangleRightSmall_svg = require('src/common/svgs/IconTriangleRightSmall.svg');
-var IconTriangleUpSmall_svg = require('src/common/svgs/IconTriangleUpSmall.svg');
-var IconUpdateLarge_svg = require('src/common/svgs/IconUpdateLarge.svg');
-var IconUploadLarge_svg = require('src/common/svgs/IconUploadLarge.svg');
-var IconUploadSmall_svg = require('src/common/svgs/IconUploadSmall.svg');
-var IconVirusCircleSLarge_svg = require('src/common/svgs/IconVirusCircleSLarge.svg');
-var IconVirusLarge_svg = require('src/common/svgs/IconVirusLarge.svg');
-var IconWidgetLarge_svg = require('src/common/svgs/IconWidgetLarge.svg');
-var IconXMarkCircleSmall_svg = require('src/common/svgs/IconXMarkCircleSmall.svg');
-var IconXMarkLarge_svg = require('src/common/svgs/IconXMarkLarge.svg');
-var IconXMarkSmall_svg = require('src/common/svgs/IconXMarkSmall.svg');
 var iconsMaterial = require('@mui/icons-material');
 var css = require('@emotion/css');
-var IconCheckboxChecked_svg = require('src/common/svgs/IconCheckboxChecked.svg');
-var IconCheckboxIndeterminate_svg = require('src/common/svgs/IconCheckboxIndeterminate.svg');
-var IconCheckboxUnchecked_svg = require('src/common/svgs/IconCheckboxUnchecked.svg');
-var IconRadioChecked_svg = require('src/common/svgs/IconRadioChecked.svg');
-var IconRadioUnchecked_svg = require('src/common/svgs/IconRadioUnchecked.svg');
+function _interopNamespaceDefault(e) {
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -586,14 +469,14 @@ var SDSAppTheme = {
 // override every theme property that makes use of colors.
 SDSAppTheme.borders = {
     accent: {
-        dashed: "2px dashed ".concat(SDSAppTheme.colors.blue[400]),
+        dashed: "1px dashed ".concat(SDSAppTheme.colors.blue[400]),
         default: "1px solid ".concat(SDSAppTheme.colors.blue[400]),
         disabled: "1px solid ".concat(SDSAppTheme.colors.blue[300]),
         hover: "1px solid ".concat(SDSAppTheme.colors.blue[500]),
     },
     base: {
         black: "1px solid ".concat(SDSAppTheme.colors.common.black),
-        dashed: "2px dashed ".concat(SDSAppTheme.colors.gray[400]),
+        dashed: "1px dashed ".concat(SDSAppTheme.colors.gray[400]),
         default: "1px solid ".concat(SDSAppTheme.colors.gray[400]),
         disabled: "1px solid ".concat(SDSAppTheme.colors.gray[300]),
         divider: "1px solid ".concat(SDSAppTheme.colors.gray[200]),
@@ -613,6 +496,9 @@ SDSAppTheme.borders = {
     negative: {
         default: "1px solid ".concat(SDSAppTheme.colors.red[400]),
     },
+    neutral: {
+        default: "1px solid ".concat(SDSAppTheme.colors.gray[400]),
+    },
     none: "none",
     notice: {
         default: "1px solid ".concat(SDSAppTheme.colors.yellow[400]),
@@ -807,6 +693,7 @@ function makeThemeOptions(appTheme) {
                     beta: appTheme.colors.purple[600],
                     info: appTheme.colors.blue[600],
                     negative: appTheme.colors.red[600],
+                    neutral: appTheme.colors.gray[600],
                     notice: appTheme.colors.yellow[600],
                     positive: appTheme.colors.green[600],
                 },
@@ -932,6 +819,10 @@ function makeThemeOptions(appTheme) {
 var defaultThemeOptions = makeThemeOptions(SDSAppTheme);
 var defaultTheme = styles.createTheme(defaultThemeOptions);
+/**
+ * (masoudmanson): This is to keep the old defaultAppTheme export for backward compatibility.
+ */
+var defaultAppTheme = defaultTheme;
 function focusVisibleA11yStyle() {
     return "\n      &.Mui-focusVisible, &:focus-visible {\n        outline: 5px auto Highlight;\n        outline: 5px auto -webkit-focus-ring-color;\n      }\n  ";
@@ -1107,422 +998,2538 @@ var StyledSubtitle = styles.styled("p")(templateObject_4$n || (templateObject_4$
 });
 var templateObject_1$S, templateObject_2$z, templateObject_3$r, templateObject_4$n;
+var _path$25, _path2$C, _path3$6;
+function _extends$27() { _extends$27 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$27.apply(this, arguments); }
+var SvgIconBacteriaLarge = function SvgIconBacteriaLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$27({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$25 || (_path$25 = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M12.205 14.698a1.956 1.956 0 1 1-3.911 0 1.956 1.956 0 0 1 3.911 0m-1.955.756a.756.756 0 1 0 0-1.512.756.756 0 0 0 0 1.512"
+  })), _path2$C || (_path2$C = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M14.248 7.998a1.023 1.023 0 1 0 0-2.047 1.023 1.023 0 0 0 0 2.047m-1.463 4.142a.756.756 0 0 1 .242-1.041l1.033-.643a.756.756 0 0 1 .799 1.282l-1.033.644a.756.756 0 0 1-1.04-.242Zm-2.627-2.83a.756.756 0 1 0 1.491-.249L11.4 7.57a.756.756 0 0 0-1.49.249z"
+  })), _path3$6 || (_path3$6 = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M15.198 2.435a5.64 5.64 0 0 0-2.685-.306L11.94.882a.756.756 0 1 0-1.373.632l.467 1.015a6 6 0 0 0-.565.276l-.635-.756a.756.756 0 0 0-1.157.973l.58.69q-.305.301-.566.65l-.898-.294a.756.756 0 0 0-.47 1.437l.625.204-.03.08-2.181 5.904-.415-.349a.756.756 0 0 0-.973 1.158l.95.797q-.083.647-.017 1.283l-1.019.172a.756.756 0 0 0 .253 1.49l1.12-.19a5.66 5.66 0 0 0 2.378 2.824q-.13.26-.289.553l-.015.027c-.172.32-.37.686-.507 1.05-.14.377-.25.835-.157 1.32.097.51.396.938.856 1.281.491.366 1.009.491 1.524.428.474-.058.892-.27 1.22-.456.152-.087.28-.165.397-.236.177-.108.332-.202.52-.297.276-.14.491-.203.683-.203.52 0 .743.174.839.274a.6.6 0 0 1 .123.19.764.764 0 0 0 1.477-.389l-.735.181.735-.18v-.005l-.002-.005-.003-.01-.007-.025a2 2 0 0 0-.104-.265 2.1 2.1 0 0 0-.38-.546c-.391-.41-1.017-.747-1.943-.747-.532 0-.995.177-1.371.366-.23.116-.49.273-.708.404q-.16.097-.278.166c-.295.168-.492.248-.649.267-.114.014-.24.002-.426-.136-.216-.162-.256-.278-.268-.343-.018-.092-.008-.242.088-.498.096-.258.246-.539.435-.888l.008-.014c.11-.203.23-.428.344-.664 1.447.4 2.941.196 4.19-.476l.772.92a.756.756 0 0 0 1.158-.97l-.704-.84c.4-.38.747-.823 1.027-1.32l1.228.104a.756.756 0 0 0 .129-1.506l-.742-.063 2.073-5.61q.039-.105.072-.209l.66.244a.756.756 0 0 0 .523-1.418l-.908-.335a5.6 5.6 0 0 0-.053-1.056l.88-.134a.756.756 0 1 0-.229-1.495l-1.07.164a5.7 5.7 0 0 0-.562-.996l.745-.631a.756.756 0 0 0-.976-1.154l-.799.676a5.7 5.7 0 0 0-1.636-.938Zm-.392 13.012 2.312-6.26a4.14 4.14 0 1 0-7.768-2.87l-2.313 6.26a4.14 4.14 0 0 0 7.769 2.87"
+  })));
+};
+var _path$24, _path2$B;
+function _extends$26() { _extends$26 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$26.apply(this, arguments); }
+var SvgIconBacteriaSmall = function SvgIconBacteriaSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$26({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$24 || (_path$24 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M7.766 7.265a1.484 1.484 0 1 0-.001-2.968 1.484 1.484 0 0 0 .001 2.968m-1.725 4.287a1.478 1.478 0 1 0-.001-2.955 1.478 1.478 0 0 0 .001 2.955"
+  })), _path2$B || (_path2$B = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M2.446 4.326.382 2.37A1.22 1.22 0 0 1 .334.645 1.22 1.22 0 0 1 2.058.597L3.667 2.12a5.385 5.385 0 0 1 8.771 1.103l1.881-.767a1.22 1.22 0 1 1 .92 2.261l-2.182.89a5.4 5.4 0 0 1-.333 1.99l-1.575 4.267 1.905 1.76c.495.458.525 1.23.068 1.725a1.22 1.22 0 0 1-1.723.069l-1.582-1.462a5.38 5.38 0 0 1-5.62 1.188A5.39 5.39 0 0 1 1.009 8.22zm8.477 2.605-1.61 4.361a3.465 3.465 0 0 1-4.452 2.05A3.47 3.47 0 0 1 2.81 8.887l1.61-4.361a3.465 3.465 0 0 1 4.452-2.05 3.47 3.47 0 0 1 2.051 4.455"
+  })));
+};
+var _path$23;
+function _extends$25() { _extends$25 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$25.apply(this, arguments); }
+var SvgIconBarChartHorizontal3Small = function SvgIconBarChartHorizontal3Small(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$25({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$23 || (_path$23 = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M1.143 2.434c0-.63.512-1.143 1.143-1.143H9.6c.631 0 1.143.512 1.143 1.143v.857c0 .632-.512 1.143-1.143 1.143H2.286a1.143 1.143 0 0 1-1.143-1.143zm0 5.143c0-.63.512-1.143 1.143-1.143h11.428c.631 0 1.143.512 1.143 1.143v.857c0 .632-.511 1.143-1.143 1.143H2.286a1.143 1.143 0 0 1-1.143-1.143zm0 5.143c0-.63.512-1.143 1.143-1.143h3.2c.63 0 1.142.512 1.142 1.143v.857c0 .632-.511 1.143-1.143 1.143h-3.2a1.143 1.143 0 0 1-1.142-1.143z"
+  })));
+};
+var _path$22;
+function _extends$24() { _extends$24 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$24.apply(this, arguments); }
+var SvgIconBarChartVertical3Small = function SvgIconBarChartVertical3Small(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$24({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$22 || (_path$22 = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M1.291 13.714V6.4c0-.631.512-1.143 1.143-1.143h.857c.632 0 1.143.512 1.143 1.143v7.314c0 .631-.511 1.143-1.143 1.143h-.857a1.143 1.143 0 0 1-1.143-1.143m5.143 0V2.286c0-.631.512-1.143 1.143-1.143h.857c.632 0 1.143.512 1.143 1.143v11.428c0 .631-.511 1.143-1.143 1.143h-.857a1.143 1.143 0 0 1-1.143-1.143m5.143 0v-3.2c0-.63.512-1.142 1.143-1.142h.857c.632 0 1.143.511 1.143 1.143v3.2c0 .63-.511 1.142-1.143 1.142h-.857a1.143 1.143 0 0 1-1.143-1.143"
+  })));
+};
+var _path$21;
+function _extends$23() { _extends$23 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$23.apply(this, arguments); }
+var SvgIconBarChartVertical4Small = function SvgIconBarChartVertical4Small(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$23({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$21 || (_path$21 = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M6.412 3.094c.545 0 .987.442.987.987v9.96a.987.987 0 1 1-1.974 0v-9.96c0-.545.442-.987.987-.987m-3.14 2.549c.546 0 .988.442.988.987v7.399a.987.987 0 0 1-1.974 0v-7.4c0-.544.442-.986.987-.986Zm6.28-4.614c.545 0 .986.441.986.986V14.03a.987.987 0 1 1-1.973 0V2.015c0-.545.441-.986.987-.986m3.139 4.823c.545 0 .987.442.987.987v7.19a.987.987 0 0 1-1.974 0v-7.19c0-.545.442-.987.987-.987"
+  })));
+};
+var _path$20;
+function _extends$22() { _extends$22 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$22.apply(this, arguments); }
+var SvgIconBookLarge = function SvgIconBookLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$22({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$20 || (_path$20 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M18.897 1.55H5.867a3.04 3.04 0 0 0-3.042 3.04v14.948a1 1 0 0 0 .025.122 3.04 3.04 0 0 0 3.016 2.798h13.03a2.28 2.28 0 0 0 2.281-2.28V3.83a2.28 2.28 0 0 0-2.28-2.28m.76 2.28v12.668H8.238V3.07h10.659a.76.76 0 0 1 .76.76m-13.79-.76h.85v13.428h-.85a3 3 0 0 0-1.521.423V4.591a1.52 1.52 0 0 1 1.52-1.521Zm13.03 17.868H5.867a1.462 1.462 0 1 1 0-2.92h13.79v2.16c0 .42-.34.76-.76.76M10.896 6.226c0-.42.34-.76.76-.76h4.583a.76.76 0 1 1 0 1.52h-4.583a.76.76 0 0 1-.76-.76"
+  })));
+};
+var _path$1$, _path2$A;
+function _extends$21() { _extends$21 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$21.apply(this, arguments); }
+var SvgIconCheckCircleLarge = function SvgIconCheckCircleLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$21({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$1$ || (_path$1$ = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M17.367 8.708a.9.9 0 1 0-1.461-1.052l-5.239 7.276-3.18-3.534a.9.9 0 1 0-1.338 1.204l3.995 4.44a.818.818 0 0 0 1.273-.07z"
+  })), _path2$A || (_path2$A = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M22.364 12c0 5.724-4.64 10.364-10.364 10.364S1.636 17.724 1.636 12 6.276 1.636 12 1.636 22.364 6.276 22.364 12m-1.582 0a8.782 8.782 0 1 1-17.564 0 8.782 8.782 0 0 1 17.564 0"
+  })));
+};
+var _path$1_;
+function _extends$20() { _extends$20 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$20.apply(this, arguments); }
+var SvgIconCheckCircleSmall = function SvgIconCheckCircleSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$20({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$1_ || (_path$1_ = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M14.4 8A6.4 6.4 0 1 1 1.6 8a6.4 6.4 0 0 1 12.8 0M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-4.185-2.087a.829.829 0 1 0-1.345-.969l-3.513 4.88-2.055-2.283A.829.829 0 0 0 3.67 8.65l2.956 3.284a.572.572 0 0 0 .889-.048z"
+  })));
+};
+var _path$1Z;
+function _extends$1$() { _extends$1$ = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1$.apply(this, arguments); }
+var SvgIconCheckSmall = function SvgIconCheckSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1$({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$1Z || (_path$1Z = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M14.19 1.156a.9.9 0 0 0-.555.381l-7.178 9.734-3.711-4.194c-.237-.328-.629-.456-.984-.296-.336.151-.567.529-.611.97-.044.435.1.87.38 1.125l4.373 4.943c.376.423.952.386 1.293-.075l7.8-10.579c.266-.351.335-.885.174-1.333-.169-.47-.562-.755-.982-.676Z"
+  })));
+};
+var _path$1Y;
+function _extends$1_() { _extends$1_ = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1_.apply(this, arguments); }
+var SvgIconChevronDownLarge = function SvgIconChevronDownLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1_({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$1Y || (_path$1Y = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M12.613 17.57a.82.82 0 0 1-1.163.002L2.15 8.2a.82.82 0 0 1 .005-1.157l.62-.615a.82.82 0 0 1 1.157.005l7.51 7.57a.82.82 0 0 0 1.164-.001l7.455-7.564a.82.82 0 0 1 1.157-.009l.622.613a.82.82 0 0 1 .008 1.157l-9.236 9.371Z"
+  })));
+};
+var _path$1X;
+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 SvgIconChevronDownSmall = function SvgIconChevronDownSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1Z({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$1X || (_path$1X = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M8.497 12.605a.663.663 0 0 1-.944.001l-7.36-7.42a.663.663 0 0 1 .003-.937l.848-.842a.663.663 0 0 1 .938.004l5.565 5.61c.26.262.685.261.944-.002l5.522-5.603a.663.663 0 0 1 .939-.007l.85.838a.663.663 0 0 1 .007.938z"
+  })));
+};
+var _path$1W, _path2$z;
+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 SvgIconChevronDown2Small = function SvgIconChevronDown2Small(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1Y({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$1W || (_path$1W = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M8.377 15.53a.57.57 0 0 1-.813 0L1.267 9.14a.57.57 0 0 1 .006-.809l.732-.722a.57.57 0 0 1 .808.006l4.757 4.826a.57.57 0 0 0 .812.001l4.793-4.83a.57.57 0 0 1 .808-.004l.73.724a.57.57 0 0 1 .004.809l-6.34 6.39Z"
+  })), _path2$z || (_path2$z = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M8.377 8.405a.57.57 0 0 1-.813 0l-6.297-6.39a.57.57 0 0 1 .006-.809l.732-.722a.57.57 0 0 1 .808.006L7.57 5.316a.57.57 0 0 0 .812.001l4.793-4.83a.57.57 0 0 1 .808-.004l.73.724a.57.57 0 0 1 .004.809z"
+  })));
+};
+var _path$1V, _path2$y;
+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 SvgIconChevronLeft2Small = function SvgIconChevronLeft2Small(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1X({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$1V || (_path$1V = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M.47 8.393a.57.57 0 0 1 .002-.813l6.39-6.297a.57.57 0 0 1 .808.006l.722.732a.57.57 0 0 1-.006.808L3.56 7.585a.57.57 0 0 0-.001.813l4.83 4.793a.57.57 0 0 1 .004.808l-.725.73a.57.57 0 0 1-.808.004z"
+  })), _path2$y || (_path2$y = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M7.595 8.393a.57.57 0 0 1 .002-.813l6.39-6.297a.57.57 0 0 1 .808.006l.722.732a.57.57 0 0 1-.006.808l-4.826 4.756a.57.57 0 0 0-.002.813l4.832 4.793a.57.57 0 0 1 .003.808l-.725.73a.57.57 0 0 1-.808.004z"
+  })));
+};
+var _path$1U;
+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 SvgIconChevronLeftLarge = function SvgIconChevronLeftLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1W({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$1U || (_path$1U = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M6.123 12.356a.823.823 0 0 1-.003-1.166l9.33-9.31a.81.81 0 0 1 1.152.004l.613.62a.823.823 0 0 1-.004 1.16l-7.537 7.521a.823.823 0 0 0 .003 1.165l7.538 7.47c.32.317.324.836.009 1.158l-.61.622a.81.81 0 0 1-1.153.009z"
+  })));
+};
+var _path$1T;
+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 SvgIconChevronLeftSmall = function SvgIconChevronLeftSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1V({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$1T || (_path$1T = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M3.403 8.497a.663.663 0 0 1-.002-.944l7.42-7.36a.663.663 0 0 1 .938.003l.841.848c.258.26.256.68-.004.938L6.987 7.547a.663.663 0 0 0 .002.944l5.603 5.522a.663.663 0 0 1 .007.939l-.839.85a.664.664 0 0 1-.938.007l-7.42-7.312Z"
+  })));
+};
+var _path$1S, _path2$x;
+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 SvgIconChevronRight2Small = function SvgIconChevronRight2Small(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1U({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$1S || (_path$1S = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M8.406 8.384a.57.57 0 0 0-.002-.813l-6.39-6.297a.57.57 0 0 0-.807.006l-.722.732a.57.57 0 0 0 .005.808l4.826 4.757a.57.57 0 0 1 .002.812L.486 13.182a.57.57 0 0 0-.003.808l.725.73a.57.57 0 0 0 .808.004z"
+  })), _path2$x || (_path2$x = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M15.53 7.571a.57.57 0 0 1 0 .813l-6.39 6.34a.57.57 0 0 1-.807-.004l-.725-.73a.57.57 0 0 1 .003-.808l4.832-4.793a.57.57 0 0 0-.002-.812L7.615 2.82a.57.57 0 0 1-.005-.808l.722-.732a.57.57 0 0 1 .808-.006z"
+  })));
+};
+var _path$1R;
+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 SvgIconChevronRightLarge = function SvgIconChevronRightLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1T({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$1R || (_path$1R = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M17.886 11.667a.82.82 0 0 1 0 1.163l-9.388 9.283a.82.82 0 0 1-1.157-.007l-.613-.62a.82.82 0 0 1 .006-1.157l7.584-7.499a.82.82 0 0 0 0-1.163L6.766 4.199a.82.82 0 0 1-.006-1.157l.613-.62a.82.82 0 0 1 1.157-.007z"
+  })));
+};
+var _path$1Q;
+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 SvgIconChevronRightSmall = function SvgIconChevronRightSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1S({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$1Q || (_path$1Q = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M12.595 7.503c.263.26.263.683.001.944l-7.42 7.36a.663.663 0 0 1-.937-.003l-.842-.848a.663.663 0 0 1 .004-.938l5.61-5.565a.663.663 0 0 0-.002-.944L3.406 1.987a.663.663 0 0 1-.007-.939l.838-.85A.663.663 0 0 1 5.175.19z"
+  })));
+};
+var _path$1P;
+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 SvgIconChevronUpLarge = function SvgIconChevronUpLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1R({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$1P || (_path$1P = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M11.38 6.43a.82.82 0 0 1 1.164-.003l9.298 9.372a.82.82 0 0 1-.004 1.157l-.62.615a.82.82 0 0 1-1.157-.004L12.55 9.996a.82.82 0 0 0-1.164.002l-7.454 7.564a.82.82 0 0 1-1.157.008l-.622-.612a.82.82 0 0 1-.008-1.157z"
+  })));
+};
+var _path$1O;
+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 SvgIconChevronUpSmall = function SvgIconChevronUpSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1Q({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$1O || (_path$1O = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M7.503 3.403a.663.663 0 0 1 .944-.002l7.36 7.42c.259.26.257.68-.003.938l-.848.841a.663.663 0 0 1-.938-.004l-5.565-5.61a.663.663 0 0 0-.944.003l-5.522 5.603a.664.664 0 0 1-.939.007l-.85-.839a.664.664 0 0 1-.007-.938l7.312-7.42Z"
+  })));
+};
+var _path$1N, _path2$w;
+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 SvgIconChevronUp2Small = function SvgIconChevronUp2Small(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1P({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$1N || (_path$1N = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M8.393 7.602a.57.57 0 0 0-.812.002l-6.298 6.39a.57.57 0 0 0 .006.808l.733.722a.57.57 0 0 0 .808-.006l4.756-4.826a.57.57 0 0 1 .812-.002l4.793 4.832a.57.57 0 0 0 .808.003l.73-.725a.57.57 0 0 0 .004-.808z"
+  })), _path2$w || (_path2$w = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M7.58.479a.57.57 0 0 1 .813-.002l6.34 6.39a.57.57 0 0 1-.003.808L14 8.4a.57.57 0 0 1-.809-.003L8.398 3.565a.57.57 0 0 0-.812.002L2.83 8.393a.57.57 0 0 1-.808.006l-.733-.722a.57.57 0 0 1-.006-.809L7.581.478Z"
+  })));
+};
+var _path$1M;
+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 SvgIconCirclesOverlap2Large = function SvgIconCirclesOverlap2Large(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1O({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$1M || (_path$1M = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M7.875 19.875A7.84 7.84 0 0 0 12 18.709 7.875 7.875 0 1 0 12 5.29a7.875 7.875 0 1 0-4.125 14.585m0-1.582c.993 0 1.933-.23 2.768-.64A7.85 7.85 0 0 1 8.25 12a7.85 7.85 0 0 1 2.393-5.653 6.293 6.293 0 1 0-2.768 11.947Zm8.25-12.586c-.993 0-1.932.23-2.768.64A7.85 7.85 0 0 1 15.75 12a7.85 7.85 0 0 1-2.393 5.653 6.293 6.293 0 1 0 2.768-11.947Zm-3.722 1.922-1.298.575q-.386.51-.666 1.095L12.9 8.21a6 6 0 0 0-.496-.58ZM13.69 9.59l-3.81 1.686-.005-.013a6 6 0 0 0-.042.833l4.098-1.814a6 6 0 0 0-.24-.692Zm.478 2.317-4.098 1.814q.103.359.243.698l3.813-1.688a6 6 0 0 0 .042-.824m-.614 2.807-2.447 1.084q.233.307.502.585l1.265-.56a6.3 6.3 0 0 0 .68-1.109"
+  })));
+};
+var _path$1L, _path2$v;
+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 SvgIconCirclesOverlap2Small = function SvgIconCirclesOverlap2Small(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1N({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$1L || (_path$1L = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M8 12.473a5.25 5.25 0 1 1 0-8.946 5.25 5.25 0 1 1 0 8.946m-1.256-1.08a3.707 3.707 0 1 1 0-6.787A5.23 5.23 0 0 0 5.5 8a5.23 5.23 0 0 0 1.244 3.394Zm2.512-6.787a3.707 3.707 0 1 1 0 6.787A5.23 5.23 0 0 0 10.5 8a5.23 5.23 0 0 0-1.244-3.394M8 5.514c.595.658.957 1.53.957 2.486S8.595 9.828 8 10.486A3.7 3.7 0 0 1 7.043 8c0-.957.362-1.828.957-2.486"
+  })), _path2$v || (_path2$v = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M8.957 8c0-.957-.362-1.828-.957-2.486A3.7 3.7 0 0 0 7.043 8c0 .957.362 1.828.957 2.486.595-.658.957-1.53.957-2.486"
+  })));
+};
+var _path$1K, _path2$u;
+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 SvgIconCodeLarge = function SvgIconCodeLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1M({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$1K || (_path$1K = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M13.283 3.635a.487.487 0 0 1 .597-.345l.856.23c.26.07.414.337.345.597l-4.354 16.25a.487.487 0 0 1-.597.345l-.857-.23a.487.487 0 0 1-.345-.596z"
+  })), _path2$u || (_path2$u = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M.145 12.358a.487.487 0 0 1 0-.693L5.592 6.26c.191-.19.5-.188.69.003l.617.622c.19.191.189.5-.002.69l-4.12 4.087a.487.487 0 0 0 0 .693l4.116 4.056a.487.487 0 0 1 .005.689l-.615.625a.487.487 0 0 1-.69.005L.144 12.36Zm23.71-.73a.486.486 0 0 1 0 .693l-5.448 5.407a.487.487 0 0 1-.69-.003l-.617-.623a.487.487 0 0 1 .002-.689l4.12-4.087a.487.487 0 0 0 0-.693l-4.116-4.056a.487.487 0 0 1-.005-.69l.615-.624a.487.487 0 0 1 .69-.005z"
+  })));
+};
+var _path$1J, _path2$t;
+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 SvgIconCompassLarge = function SvgIconCompassLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1L({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$1J || (_path$1J = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M15.926 8.494a.49.49 0 0 1 .71.609l-.034.066-2.773 5.505a.46.46 0 0 1-.148.176l-.067.04-5.544 2.772a.5.5 0 0 1-.216.054.5.5 0 0 1-.348-.147.49.49 0 0 1-.121-.491l.028-.072 2.772-5.525a.46.46 0 0 1 .149-.176l.067-.04zm-1.254 1.929-2.826 1.415 1.411 1.412z"
+  })), _path2$t || (_path2$t = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M8.954 2.956s-.009.222-.008.358c-4.163 1.3-7.184 5.186-7.184 9.778 0 5.656 4.586 10.242 10.243 10.242s10.243-4.586 10.243-10.242c0-4.596-3.027-8.484-7.195-9.782v-.472a2.29 2.29 0 0 0-2.285-2.17h-1.526l-.118.003a2.29 2.29 0 0 0-2.17 2.285m4.577 0c0-.395-.3-.72-.685-.759l-.078-.004h-1.526c-.395 0-.72.3-.759.685v.083a10.3 10.3 0 0 1 3.048 0zM3.439 12.232a8.61 8.61 0 0 1 7.706-7.706 1 1 0 0 0-.013.158v.907c0 .5.39.907.873.907.482 0 .873-.406.873-.907v-.907a1 1 0 0 0-.013-.158 8.61 8.61 0 0 1 7.706 7.706 1 1 0 0 0-.16-.014h-.909c-.502 0-.909.391-.909.874 0 .482.407.873.91.873h.908a1 1 0 0 0 .16-.014 8.61 8.61 0 0 1-7.706 7.707 1 1 0 0 0 .013-.159v-.907c0-.5-.39-.907-.873-.907-.482 0-.873.406-.873.907v.907a1 1 0 0 0 .013.159A8.61 8.61 0 0 1 3.44 13.95a1 1 0 0 0 .16.014h.909c.502 0 .909-.391.909-.873 0-.483-.407-.874-.91-.874H3.6a1 1 0 0 0-.16.014Z"
+  })));
+};
+var _path$1I, _path2$s;
+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 SvgIconCopyLarge = function SvgIconCopyLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1K({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$1I || (_path$1I = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M6.028 18.418h7.164c.485 0 .866-.296.866-.674 0-.377-.381-.673-.866-.673H6.028c-.485 0-.866.296-.866.673s.381.674.866.674m7.164-2.833H6.028c-.477 0-.866-.305-.866-.682 0-.372.381-.664.866-.664h7.164c.477 0 .866.307.866.683 0 .372-.381.663-.866.663"
+  })), _path2$s || (_path2$s = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M22.087 5.672c0-.22-.09-.436-.249-.593L17.512.717a.85.85 0 0 0-.593-.248H8.434c-.959 0-1.769.812-1.769 1.773v3.015h-3.01c-.975 0-1.768.795-1.768 1.773v14.723c0 .978.793 1.773 1.769 1.773h11.908c.977 0 1.77-.795 1.77-1.773v-3.015h3.008c.96 0 1.77-.813 1.77-1.773zM3.594 7.006c0-.032.028-.061.062-.061h7.643v3.492c0 .465.377.843.842.843h3.484v10.45a.063.063 0 0 1-.061.061H3.656a.063.063 0 0 1-.062-.061zm13.49 2.837-4.326-4.362a.85.85 0 0 0-.593-.247H8.372V2.242c0-.034.028-.062.062-.062h7.643v3.492c0 .465.377.844.842.844h3.484v10.45a.063.063 0 0 1-.061.06h-3.007v-6.59a.85.85 0 0 0-.25-.593Zm-4.076-.274V8.132l1.434 1.437zm4.753-4.765V3.368l1.434 1.436z"
+  })));
+};
+var _path$1H;
+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 SvgIconCopySmall = function SvgIconCopySmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1J({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$1H || (_path$1H = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M11.28.857a.9.9 0 0 1 .443.116l.113.069.11.093 2.508 2.53a.94.94 0 0 1 .267.517l.012.147.015 6.557a1.5 1.5 0 0 1-1.176 1.446l-.149.026-.156.01-2.273-.001v1.299a1.48 1.48 0 0 1-1.019 1.404l-.154.043-.15.026-.157.009H2.736a1.48 1.48 0 0 1-1.444-1.175l-.026-.15-.009-.157V5.118c0-.698.486-1.293 1.172-1.446l.15-.026.157-.009H5.01V2.338c0-.636.42-1.196 1.021-1.401l.154-.044.149-.027.156-.009zM7.03 5.236H2.858v8.311h6.535l-.001-5.99-1.327.001a1.03 1.03 0 0 1-.98-.71l-.041-.15-.014-.155zm3.744-2.778H6.612v1.4h1.102q.241-.002.486.125l.123.074.121.1 2.245 2.261a1 1 0 0 1 .258.426l.035.139.013.152v3.634h2.136l.004-5.99-1.326.001a1.03 1.03 0 0 1-.98-.71l-.04-.15-.014-.154V2.458Z"
+  })));
+};
+var _path$1G, _path2$r, _path3$5;
+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 SvgIconCubeLarge = function SvgIconCubeLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1I({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$1G || (_path$1G = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M11.603.376a.82.82 0 0 1 .794 0l9.818 5.454a.818.818 0 0 1 0 1.43l-9.818 5.455a.82.82 0 0 1-.794 0L1.784 7.261a.818.818 0 0 1 0-1.43L11.603.375Zm-7.736 6.17L12 11.063l8.134-4.519L12 2.027 3.867 6.545Z"
+  })), _path2$r || (_path2$r = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M22.233 5.84c.25.147.403.416.403.705v10.91a.82.82 0 0 1-.42.715l-9.819 5.454a.818.818 0 0 1-1.215-.715V12c0-.297.16-.57.42-.715l9.819-5.455a.82.82 0 0 1 .812.01m-9.415 6.641v9.038L21 16.973V7.936z"
+  })), _path3$5 || (_path3$5 = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M1.767 5.84a.82.82 0 0 0-.403.705v10.91c0 .297.16.57.42.715l9.819 5.454a.818.818 0 0 0 1.215-.715V12a.82.82 0 0 0-.42-.715L2.578 5.83a.82.82 0 0 0-.812.01Zm9.415 6.641v9.038L3 16.973V7.936z"
+  })));
+};
+var _path$1F;
+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 SvgIconCubeSmall = function SvgIconCubeSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1H({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$1F || (_path$1F = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M8.361.278a.75.75 0 0 0-.73 0L1.273 3.81l-.01.006a.75.75 0 0 0-.378.652v7.065c0 .273.149.525.387.658l6.359 3.532a.75.75 0 0 0 .73 0l6.359-3.532a.75.75 0 0 0 .387-.658V4.468a.75.75 0 0 0-.37-.648l-.016-.008zM2.39 11.091V5.746l4.855 2.697v5.345zm6.36 2.697V8.443l4.854-2.697v5.345zm4.057-9.32-4.81 2.673-4.81-2.673 4.81-2.672z",
+    clipRule: "evenodd"
+  })));
+};
+var _path$1E;
+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 SvgIconDnaLarge = function SvgIconDnaLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1G({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$1E || (_path$1E = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M16.925 1.639a.746.746 0 0 1 .8.687c.172 2.302.008 3.88-.252 4.966-.245 1.02-.57 1.583-.727 1.855l-.035.061c-.185.327-.695.971-1.428 1.634-.428.386-.95.795-1.551 1.16.602.366 1.123.774 1.55 1.161.734.662 1.244 1.307 1.43 1.634l.034.06c.157.272.482.836.727 1.856.26 1.086.424 2.663.251 4.965h.002a.746.746 0 0 1-.801.688l-.035-.002a.746.746 0 0 1-.688-.797h-.001c.069-.917.08-1.698.055-2.363h-5.717a.764.764 0 0 1 0-1.527h5.57a9 9 0 0 0-.122-.608 5.2 5.2 0 0 0-.443-1.23h-3.146a.764.764 0 0 1 0-1.528h1.877l-.016-.014c-.59-.534-1.361-1.092-2.26-1.473-.897.38-1.668.938-2.258 1.472-.66.597-1.046 1.116-1.124 1.253q-.015.03-.035.062c-.135.233-.376.649-.57 1.457-.216.901-.377 2.317-.213 4.499a.747.747 0 0 1-.688.795l-.034.003a.746.746 0 0 1-.802-.686c-.173-2.303-.008-3.88.252-4.967.245-1.02.57-1.583.727-1.855l.035-.06c.185-.328.695-.972 1.428-1.634a10.3 10.3 0 0 1 1.55-1.16 10.3 10.3 0 0 1-1.55-1.16c-.733-.663-1.243-1.307-1.428-1.634l-.035-.061c-.157-.272-.482-.835-.727-1.855-.26-1.087-.424-2.664-.251-4.967a.746.746 0 0 1 .8-.686l.035.002a.746.746 0 0 1 .687.796c-.068.901-.08 1.672-.055 2.33h5.718a.764.764 0 0 1 0 1.527H7.885q.059.356.127.642c.137.57.297.944.426 1.197h3.164a.764.764 0 0 1 0 1.527H9.688l.053.048c.59.533 1.36 1.09 2.258 1.472.899-.381 1.67-.939 2.26-1.473.66-.596 1.046-1.116 1.124-1.253l.035-.061c.135-.234.376-.65.57-1.458.215-.901.377-2.316.213-4.499h.001a.746.746 0 0 1 .688-.796z"
+  })));
+};
+var _path$1D;
+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 SvgIconDocumentSmall = function SvgIconDocumentSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1F({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$1D || (_path$1D = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M14.286 6.286v8c0 .63-.512 1.143-1.143 1.143H2.857a1.143 1.143 0 0 1-1.143-1.143V1.714c0-.63.512-1.143 1.143-1.143h5.714zm-4.572.828h2.915v6.657H3.37V2.23h4.372v2.914c0 1.089.883 1.971 1.971 1.971Z"
+  })));
+};
+var _path$1C;
+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 SvgIconDotsHorizontal3Large = function SvgIconDotsHorizontal3Large(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1E({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$1C || (_path$1C = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M10.071 11.965a1.929 1.929 0 1 1 3.858 0 1.929 1.929 0 0 1-3.858 0m-7.071 0a1.929 1.929 0 1 1 3.857 0 1.929 1.929 0 0 1-3.857 0m16.071-1.929a1.928 1.928 0 1 0 0 3.857 1.928 1.928 0 0 0 0-3.857"
+  })));
+};
+var _path$1B;
+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 SvgIconDotsHorizontal3Small = function SvgIconDotsHorizontal3Small(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1D({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$1B || (_path$1B = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M4.508 8a1.746 1.746 0 1 1-3.492 0 1.746 1.746 0 0 1 3.492 0m5.238 0a1.746 1.746 0 1 1-3.492 0 1.746 1.746 0 0 1 3.492 0m3.492 1.746a1.746 1.746 0 1 0 0-3.492 1.746 1.746 0 0 0 0 3.492"
+  })));
+};
+var _path$1A;
+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 SvgIconDownloadLarge = function SvgIconDownloadLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1C({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$1A || (_path$1A = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10.667 3.75c-2.942 0-5.408 2.128-6 4.956C2.042 9.044 0 11.306 0 14.069 0 17.064 2.393 19.5 5.333 19.5h.8a.8.8 0 0 0 .703-.404.83.83 0 0 0 0-.821.8.8 0 0 0-.703-.404h-.8c-2.082 0-3.733-1.682-3.733-3.802s1.651-3.802 3.733-3.802a.806.806 0 0 0 .8-.738c.229-2.328 2.176-4.15 4.534-4.15 1.286 0 2.319.496 3.158 1.375a.79.79 0 0 0 .858.195c.343-.132.872-.212 1.317-.212a3.503 3.503 0 0 1 3.475 3.08.81.81 0 0 0 .517.67c1.42.531 2.408 1.92 2.408 3.582 0 2.12-1.651 3.802-3.733 3.802h-.8a.8.8 0 0 0-.703.404.83.83 0 0 0 0 .821.8.8 0 0 0 .703.404h.8c2.94 0 5.333-2.436 5.333-5.431a5.41 5.41 0 0 0-3.033-4.88c-.488-2.342-2.54-4.081-4.967-4.081-.46 0-.936.074-1.4.195-1.057-.95-2.397-1.553-3.933-1.553m1.325 4.87a.8.8 0 0 0-.567.249.82.82 0 0 0-.225.584v4.344l-.467-.543a.793.793 0 0 0-1.362.25.83.83 0 0 0 .162.828l1.867 2.172a.794.794 0 0 0 1.2 0l1.867-2.172a.83.83 0 0 0 .166-.803.8.8 0 0 0-.604-.543.79.79 0 0 0-.762.268l-.467.543V9.453a.82.82 0 0 0-.231-.59.8.8 0 0 0-.577-.242Zm-3.2 7.604a.8.8 0 0 0-.567.248.82.82 0 0 0-.225.584v1.63c0 .45.358.814.8.814h6.4c.442 0 .8-.365.8-.815v-1.629a.82.82 0 0 0-.397-.715.79.79 0 0 0-.806 0 .82.82 0 0 0-.397.715v.815H9.6v-.815a.82.82 0 0 0-.231-.59.8.8 0 0 0-.577-.242"
+  })));
+};
+var _path$1z;
+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 SvgIconDownloadSmall = function SvgIconDownloadSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1B({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$1z || (_path$1z = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M8.011.914a.98.98 0 0 1 .713.3c.19.194.294.46.288.734v6.1l1.113-1.296a.98.98 0 0 1 .943-.334c.35.07.636.328.749.674a1.03 1.03 0 0 1-.207 1.002l-2.847 3.313a.98.98 0 0 1-.741.34.98.98 0 0 1-.742-.34l-2.844-3.31a1.03 1.03 0 0 1-.205-1.036.98.98 0 0 1 1.685-.31L7.03 8.047V1.953a1.03 1.03 0 0 1 .28-.732 1 1 0 0 1 .57-.296l.13-.01Zm5.47 9.265c-.538.062-.955.52-.955 1.074l-.001 1.453H3.477l.001-1.453a1.082 1.082 0 1 0-2.164 0v2.529c0 .604.485 1.089 1.082 1.089h11.208c.555 0 1.012-.418 1.074-.956l.01-.178.002-2.484c0-.597-.485-1.082-1.082-1.082z"
+  })));
+};
+var _path$1y;
+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 SvgIconEditLarge = function SvgIconEditLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1A({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$1y || (_path$1y = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M7.218 12.483a.8.8 0 0 0-.232.485l-.394 3.55a.81.81 0 0 0 .893.893l3.55-.394a.8.8 0 0 0 .485-.232l9.085-9.09a1.93 1.93 0 0 0 .101-2.61l.004-.006-1.684-1.684a1.93 1.93 0 0 0-2.722 0zm12.24-5.932-.002.003-1.624 1.624-2.01-2.01 1.627-1.626c.12-.12.313-.12.433 0l1.576 1.577c.12.12.12.313 0 .432m-4.78.761 2.01 2.01-6.114 6.115-2.261.25.25-2.26zM3.447 4.09a2.1 2.1 0 0 0-.614 1.482v13.5a2.096 2.096 0 0 0 2.096 2.096h13.5a2.096 2.096 0 0 0 2.096-2.096v-5.786a.81.81 0 0 0-1.62 0v5.786a.476.476 0 0 1-.476.477H4.93a.476.476 0 0 1-.477-.477v-13.5a.476.476 0 0 1 .477-.476h5.786a.81.81 0 1 0 0-1.62H4.929c-.556 0-1.089.221-1.482.614"
+  })));
+};
+var _path$1x;
+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 SvgIconEditSmall = function SvgIconEditSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1z({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$1x || (_path$1x = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "m9.414 4.41 2.7 2.795-8.004 8.004-2.922.504a.286.286 0 0 1-.33-.33l.506-2.926 8.05-8.048Zm3.786-3.2.081.054.096.085 1.879 1.88a.59.59 0 0 1 0 .833l-1.875 1.874-2.7-2.795 1.827-1.827a.59.59 0 0 1 .692-.104"
+  })));
+};
+var _path$1w, _path2$q;
+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 SvgIconEnvelopeSmall = function SvgIconEnvelopeSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1y({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$1w || (_path$1w = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M0 3.482V13.2a.8.8 0 0 0 .8.8h14.4a.8.8 0 0 0 .8-.8V3.482l-6.258 6.605a2.4 2.4 0 0 1-3.484 0z"
+  })), _path2$q || (_path2$q = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M8.58 8.987 15.2 2H.8l6.62 6.987a.8.8 0 0 0 1.16 0"
+  })));
+};
+var _path$1v, _path2$p;
+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 SvgIconExclamationMarkCircleLarge = function SvgIconExclamationMarkCircleLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1x({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$1v || (_path$1v = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M12 14.53c-.662 0-1.354-.425-1.404-1.375l-.28-6.545v-.025c0-.93.755-1.687 1.685-1.687s1.686.757 1.686 1.687v.024l-.28 6.54A1.41 1.41 0 0 1 12 14.531Zm.453-7.603a.45.45 0 0 0-.9 0l.249 5.791c.01.19.07.223.2.223.058 0 .192-.022.202-.225l.248-5.789Zm-1.816 8.892c.36-.36.857-.566 1.364-.566a1.935 1.935 0 0 1 1.927 1.927c0 .51-.208 1.008-.569 1.365a1.92 1.92 0 0 1-1.358.56 1.94 1.94 0 0 1-1.364-.563 1.94 1.94 0 0 1-.563-1.363c0-.506.206-1.002.563-1.36m.852 1.88c.267.27.757.27 1.019.003A.727.727 0 0 0 12 16.457a.727.727 0 0 0-.512 1.243Z"
+  })), _path2$p || (_path2$p = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M22.364 12c0 5.724-4.64 10.364-10.364 10.364S1.636 17.724 1.636 12 6.276 1.636 12 1.636 22.364 6.276 22.364 12m-1.582 0a8.782 8.782 0 1 1-17.564 0 8.782 8.782 0 0 1 17.564 0"
+  })));
+};
+var _path$1u;
+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 SvgIconExclamationMarkCircleSmall = function SvgIconExclamationMarkCircleSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1w({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$1u || (_path$1u = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M8 14.4A6.4 6.4 0 1 0 8 1.6a6.4 6.4 0 0 0 0 12.8M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16M7.086 4.743a.914.914 0 1 1 1.828 0v3.314a.914.914 0 0 1-1.828 0zM8 12.17a1.029 1.029 0 1 0 0-2.057 1.029 1.029 0 0 0 0 2.057"
+  })));
+};
+var _path$1t, _path2$o, _path3$4;
+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 SvgIconExclamationMarkSpeechBubbleLarge = function SvgIconExclamationMarkSpeechBubbleLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1v({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$1t || (_path$1t = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M10.931 9.436a1.036 1.036 0 0 0 2.073 0V2.782a1.036 1.036 0 0 0-2.073 0z"
+  })), _path2$o || (_path2$o = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "m10.68 18.4-3.477 3.166V18.4H4.027V5.545h3.5a.807.807 0 0 0 .808-.809.807.807 0 0 0-.808-.809h-3.96c-.632 0-1.145.513-1.145 1.146v13.772c0 .633.513 1.146 1.145 1.146h2.03v2.623c0 .997 1.187 1.518 1.921.843l3.774-3.466 9.136.002c.633 0 1.146-.513 1.146-1.146l-.002-13.774c0-.633-.513-1.146-1.146-1.146h-3.723a.809.809 0 0 0 0 1.618h3.263v12.854H10.68Z"
+  })), _path3$4 || (_path3$4 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "m12.922 15.012-.005.005c-.226.231-.574.365-.95.365-.377 0-.73-.136-.966-.373a1.4 1.4 0 0 1-.397-.978c0-.356.151-.724.397-.971.257-.258.61-.405.966-.405.348 0 .7.145.964.41l.002.002a1.374 1.374 0 0 1-.011 1.945"
+  })));
+};
+var _path$1s;
+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 SvgIconEyeClosedSmall = function SvgIconEyeClosedSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1u({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$1s || (_path$1s = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M1.377 13.492a.8.8 0 1 0 1.132 1.13l2.02-2.02c1.042.603 2.218 1.024 3.471 1.024 4.32 0 7.725-5.004 7.868-5.216a.84.84 0 0 0 0-.908 16 16 0 0 0-3.006-3.233l1.763-1.762a.8.8 0 0 0-1.132-1.132l-1.967 1.967C10.471 2.722 9.276 2.286 8 2.286 3.68 2.286.275 7.29.132 7.502a.84.84 0 0 0 0 .908 16 16 0 0 0 3.055 3.271l-1.81 1.81Zm4.735-2.473a3.598 3.598 0 0 0 4.951-4.951L9.788 7.343a1.89 1.89 0 0 1-2.4 2.4L6.111 11.02Zm.123-2.386L4.971 9.898a3.598 3.598 0 0 1 4.971-4.971L8.677 6.19a1.89 1.89 0 0 0-2.442 2.442Z"
+  })));
+};
+var _path$1r, _path2$n;
+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 SvgIconEyeOpenSmall = function SvgIconEyeOpenSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1t({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$1r || (_path$1r = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M9.89 8a1.89 1.89 0 1 0-3.78 0 1.89 1.89 0 0 0 3.78 0"
+  })), _path2$n || (_path2$n = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M15.868 7.546C15.725 7.334 12.319 2.33 8 2.33S.275 7.334.132 7.546a.84.84 0 0 0 0 .908C.275 8.666 3.68 13.67 8 13.67s7.725-5.004 7.868-5.216a.84.84 0 0 0 0-.908M4.402 8a3.598 3.598 0 1 1 7.196 0 3.598 3.598 0 0 1-7.196 0"
+  })));
+};
+var _path$1q;
+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 SvgIconFilterSmall = function SvgIconFilterSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1s({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$1q || (_path$1q = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M1.143 3.429c0-.632.512-1.143 1.143-1.143h11.428a1.143 1.143 0 1 1 0 2.285H2.286A1.143 1.143 0 0 1 1.143 3.43ZM3.429 8c0-.631.511-1.143 1.142-1.143h6.858a1.143 1.143 0 1 1 0 2.286H4.57A1.143 1.143 0 0 1 3.43 8Zm3.428 3.429a1.143 1.143 0 1 0 0 2.285h2.286a1.143 1.143 0 0 0 0-2.285z"
+  })));
+};
+var _path$1p;
+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 SvgIconFlagCheckSmall = function SvgIconFlagCheckSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1r({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$1p || (_path$1p = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M.893 2.286h9.487a.86.86 0 0 1 .58.229l4.417 4.039c.195.179.352.4.46.65a2.01 2.01 0 0 1 0 1.592c-.108.25-.265.471-.46.65l-4.416 4.039a.86.86 0 0 1-.58.23H.892a.87.87 0 0 1-.632-.28.99.99 0 0 1-.261-.673V3.238c0-.252.094-.495.261-.673a.87.87 0 0 1 .632-.28Zm7.594 3.458A.866.866 0 0 1 9.674 5.6a.8.8 0 0 1 .212 1.053l-.064.092-3.288 4.082a.866.866 0 0 1-1.243.096l-.084-.088L3.328 8.57a.797.797 0 0 1 .132-1.147.87.87 0 0 1 1.11.045l.078.082 1.209 1.46z"
+  })));
+};
+var _path$1o;
+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 SvgIconFlagOutlineSmall = function SvgIconFlagOutlineSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1q({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$1o || (_path$1o = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M15.377 6.554 10.96 2.515a.86.86 0 0 0-.58-.23H.892a.87.87 0 0 0-.632.28.99.99 0 0 0-.26.673v9.524c0 .252.094.495.261.673a.87.87 0 0 0 .632.28h9.487a.86.86 0 0 0 .58-.23l4.417-4.039c.195-.179.352-.4.46-.65a2.01 2.01 0 0 0 0-1.592 1.9 1.9 0 0 0-.46-.65m-.772 2.049a.8.8 0 0 0 .182-.26.87.87 0 0 0 0-.687.8.8 0 0 0-.182-.259L10.266 3.43H1.143v9.142h9.123z"
+  })));
+};
+var _path$1n;
+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 SvgIconFlagQuestionMarkSmall = function SvgIconFlagQuestionMarkSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1p({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$1n || (_path$1n = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10.38 2.286H.893c-.237 0-.464.1-.632.279A.99.99 0 0 0 0 3.238v9.524c0 .252.094.495.261.673a.87.87 0 0 0 .632.28h9.487a.86.86 0 0 0 .58-.23l4.417-4.039c.195-.179.352-.4.46-.65a2.01 2.01 0 0 0 0-1.592 1.9 1.9 0 0 0-.46-.65L10.96 2.515a.86.86 0 0 0-.58-.23ZM9.278 6.184c-.054-.975-1.012-2.078-2.366-2.118S4.646 5.079 4.489 5.97c0 0-.014.076-.02.15a.9.9 0 0 0 .02.267c.019.056.198.487.7.487.271 0 .448-.075.52-.219.052-.092.094-.241.125-.35l.014-.05.002-.004c.031-.11.083-.289.298-.496.184-.177.384-.283.633-.31l.087-.007.084-.002c.684 0 .823.49.823.83 0 .316-.335.642-.639.937a8 8 0 0 0-.184.183l-.05.051c-.316.323-.635.649-.794 1.038-.168.41-.028.67.052.75l.022.023c.086.09.247.258.58.258.365 0 .578-.1.71-.23.058-.059.11-.158.18-.294.089-.17.208-.398.408-.676a9 9 0 0 1 .358-.451c.37-.448.805-.974.85-1.382l.009-.1.003-.105zM6.8 10.086a.844.844 0 0 1 .84.84.842.842 0 0 1-1.435.594.845.845 0 0 1 0-1.188.85.85 0 0 1 .595-.246"
+  })));
+};
+var _path$1m;
+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 SvgIconFlagXMarkSmall = function SvgIconFlagXMarkSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1o({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$1m || (_path$1m = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M.893 2.286h9.487a.86.86 0 0 1 .58.229l4.417 4.039c.195.179.352.4.46.65a2.01 2.01 0 0 1 0 1.592c-.108.25-.265.471-.46.65l-4.416 4.039a.86.86 0 0 1-.58.23H.892a.87.87 0 0 1-.632-.28.99.99 0 0 1-.261-.673V3.238c0-.252.094-.495.261-.673a.87.87 0 0 1 .632-.28Zm3.74 3.063a.705.705 0 1 0-.998.998l1.796 1.796-1.796 1.796a.705.705 0 1 0 .998.997L6.429 9.14l1.795 1.796a.705.705 0 1 0 .998-.997L7.426 8.143l1.796-1.796a.705.705 0 1 0-.998-.998L6.43 7.145z"
+  })));
+};
+var _path$1l;
+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 SvgIconFlaskLarge = function SvgIconFlaskLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1n({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$1l || (_path$1l = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M6.231 21.75a2.2 2.2 0 0 1-1.122-.327c-.977-.641-1.276-1.97-.672-2.988l1.196-2.022a.7.7 0 0 1 .244-.395l3.204-5.42V6.15c-.852-.198-1.45-.986-1.433-1.885v-.1c0-1.057.833-1.915 1.861-1.915h4.958c1.027 0 1.86.858 1.86 1.916v.099c.018.899-.58 1.687-1.432 1.885v4.447l3.204 5.42c.123.1.21.24.244.396l1.196 2.022c.604 1.018.305 2.347-.672 2.988-.34.208-.727.32-1.122.327zm11.514-1.665a.47.47 0 0 0 .344-.142.5.5 0 0 0 .143-.352.5.5 0 0 0-.088-.274l-1.086-1.81H6.918l-1.086 1.81a.5.5 0 0 0-.088.274c0 .132.051.26.143.352a.47.47 0 0 0 .344.142zM14.3 3.93H9.675a.23.23 0 0 0-.228.236v.099c0 .13.102.235.228.235h.392a.83.83 0 0 1 .812.837v5.504a.8.8 0 0 1-.118.425L8.066 15.79h7.844l-2.695-4.524a.8.8 0 0 1-.118-.425V5.337a.83.83 0 0 1 .812-.837h.391a.23.23 0 0 0 .23-.235v-.1a.23.23 0 0 0-.23-.235"
+  })));
+};
+var _path$1k, _path2$m;
+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 SvgIconFlaskPrivateLarge = function SvgIconFlaskPrivateLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1m({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$1k || (_path$1k = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "#CCC",
+    fillRule: "evenodd",
+    d: "M12.946 18.82v-.235H5.152a.489.489 0 0 1-.407-.768l1.109-1.81h7.84a5.62 5.62 0 0 1 2.806-2.47L13.837 9.12V4.673c.879-.2 1.493-1 1.463-1.908v-.1A1.91 1.91 0 0 0 13.4.75H8.502c-1.05 0-1.901.858-1.901 1.916v.099A1.89 1.89 0 0 0 8.065 4.65v4.447l-3.275 5.42a.7.7 0 0 0-.249.396L3.32 16.935a2.2 2.2 0 0 0 .686 2.988c.348.208.743.32 1.147.327h7.983a5.7 5.7 0 0 1-.189-1.43M9.611 9.805a.8.8 0 0 0 .129-.433V3.867a.84.84 0 0 0-.838-.836h-.4a.225.225 0 0 1-.226-.236v-.13c0-.126.1-.23.226-.235H13.4c.13 0 .234.106.234.236v.099c0 .13-.105.235-.234.235h-.4a.84.84 0 0 0-.83.837V9.34c-.002.15.04.299.12.425l2.755 4.524H6.857z",
+    clipRule: "evenodd"
+  })), _path2$m || (_path2$m = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M18.375 12.75a5.625 5.625 0 1 1 0 11.25 5.625 5.625 0 0 1 0-11.25m.011 2.124c-1.042 0-1.904.81-1.968 1.851v.66a.66.66 0 0 0-.66.652v2.626c0 .364.295.66.66.66h3.93a.653.653 0 0 0 .652-.66l.008-2.625a.65.65 0 0 0-.653-.653v-.66a1.97 1.97 0 0 0-1.969-1.85m-.011 3.583c.27 0 .488.219.488.488a.48.48 0 0 1-.248.413v.674a.24.24 0 0 1-.473 0v-.674a.47.47 0 0 1-.247-.413c0-.266.214-.483.48-.488m0-3.045a1.313 1.313 0 0 1 1.313 1.313v.66h-2.625v-.66a1.32 1.32 0 0 1 1.312-1.313",
+    clipRule: "evenodd"
+  })));
+};
+var _path$1j, _path2$l;
+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 SvgIconFlaskPublicLarge = function SvgIconFlaskPublicLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1l({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$1j || (_path$1j = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "#CCC",
+    fillRule: "evenodd",
+    d: "M12.946 18.82v-.235H5.152a.489.489 0 0 1-.407-.768l1.109-1.81h7.84a5.62 5.62 0 0 1 2.806-2.47L13.837 9.12V4.673c.879-.2 1.493-1 1.463-1.908v-.1A1.91 1.91 0 0 0 13.4.75H8.502c-1.05 0-1.901.858-1.901 1.916v.099A1.89 1.89 0 0 0 8.065 4.65v4.447l-3.275 5.42a.7.7 0 0 0-.249.396L3.32 16.935a2.2 2.2 0 0 0 .686 2.988c.348.208.743.32 1.147.327h7.983a5.7 5.7 0 0 1-.189-1.43ZM9.611 9.805a.8.8 0 0 0 .129-.433V3.867a.84.84 0 0 0-.838-.836h-.4a.225.225 0 0 1-.226-.236v-.13c0-.126.1-.23.226-.235H13.4c.13 0 .234.106.234.236v.099c0 .13-.105.235-.234.235H13a.84.84 0 0 0-.83.837V9.34c-.002.15.04.299.12.425l2.755 4.524H6.857l2.754-4.486Z"
+  })), _path2$l || (_path2$l = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M18.83 12.768a5.625 5.625 0 1 0-.91 11.214 5.625 5.625 0 0 0 .91-11.213Zm.644.818q.328.077.645.187.176.121.383.173a4.8 4.8 0 0 1 1.582 1.192q.045.053.053.12a.65.65 0 0 1 0 .315.6.6 0 0 0-.045.188.28.28 0 0 0 .217.24q.142.018.285 0a.18.18 0 0 1 .165.12q.064.19.173.36a4.8 4.8 0 0 1 .36 1.657.3.3 0 0 1-.075.21q-.15.166-.263.36a5.5 5.5 0 0 1-.577 1.073 1.2 1.2 0 0 0-.315.45 2.3 2.3 0 0 0-.045.382c0 .053-.098.053-.15 0a2.9 2.9 0 0 1-.405-.937c-.045-.24-.098-.48-.165-.75a.98.98 0 0 0-.435-.578 2.2 2.2 0 0 0-.75-.112.89.89 0 0 1-.75-.27.57.57 0 0 1-.12-.33 1.5 1.5 0 0 1 .75-1.583c.067-.052.142-.075.21-.12a.51.51 0 0 0 .172-.502.068.068 0 0 0-.097-.053q-.212.066-.405.173c-.075 0-.15 0-.12-.075a2.8 2.8 0 0 1 .09-.75 1.04 1.04 0 0 0 0-.75.23.23 0 0 0-.15-.098h-.668q.175-.106.308-.262a.2.2 0 0 1 .142-.03m-2.422.067a.083.083 0 0 1 .12.053c.075.12.12.24.195.382.148.29.165.629.045.93-.165.338-.548.48-.863.653a4.4 4.4 0 0 0-1.605 1.432s-.045.075-.067.075a.083.083 0 0 1-.12-.052.6.6 0 0 1-.195-.165s-.09 0-.09.075a.75.75 0 0 0 .352.862.5.5 0 0 1 .15.09c.09.12 0 .293 0 .435s.263.308.48.285a2.4 2.4 0 0 0 .57-.187 1.44 1.44 0 0 1 1.298.165c.187.12.36.315.547.435a.93.93 0 0 0 .578.187.2.2 0 0 1 .12.045.69.69 0 0 1-.12.6 5 5 0 0 1-.525.503c-.413.457-.503 1.155-.84 1.657a1.4 1.4 0 0 0-.195.308 1.3 1.3 0 0 0-.045.502s0 .075-.045.053a1 1 0 0 1-.24-.098.16.16 0 0 1-.098-.12 6.5 6.5 0 0 0-.697-1.987 1.7 1.7 0 0 0-.525-.645c-.075-.053-.143-.098-.165-.173s0-.12 0-.165a1.85 1.85 0 0 0-.75-1.702.6.6 0 0 1-.24-.218c-.053-.09-.053-.24-.098-.33a1.4 1.4 0 0 0-.337-.292c-.045 0-.045-.068-.045-.12a4.88 4.88 0 0 1 3.45-3.473"
+  })));
+};
+var _path$1i;
+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 SvgIconGearSmall = function SvgIconGearSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1k({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$1i || (_path$1i = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M15.19 6.4h-1.848c-.11-.37-.27-.71-.45-1.04L14.252 4a.805.805 0 0 0 0-1.13l-1.13-1.13a.8.8 0 0 0-1.13 0L10.633 3.1c-.33-.17-.67-.33-1.039-.44V.8c0-.44-.36-.8-.8-.8H7.195c-.44 0-.799.36-.799.8v1.86c-.39.12-.75.28-1.1.47l-1.299-1.3c-.3-.3-.789-.3-1.089 0l-1.08 1.09a.774.774 0 0 0 0 1.09l1.3 1.3c-.2.34-.36.7-.48 1.09H.8c-.44 0-.8.36-.8.8v1.6c0 .44.36.8.8.8h1.848c.11.37.27.71.45 1.04L1.738 12a.805.805 0 0 0 0 1.13l1.13 1.13c.31.31.82.31 1.13 0l1.359-1.36c.33.18.67.33 1.039.44v1.86c0 .44.36.8.8.8h1.598c.44 0 .8-.36.8-.8v-1.86c.39-.12.75-.28 1.1-.47l1.298 1.3c.3.3.79.3 1.09 0l1.09-1.09a.774.774 0 0 0 0-1.09l-1.3-1.3c.19-.35.36-.71.48-1.1H15.2c.44 0 .8-.36.8-.8v-1.6a.816.816 0 0 0-.81-.79M7.995 11a2.995 2.995 0 0 1-2.998-3c0-1.66 1.339-3 2.998-3a2.995 2.995 0 0 1 2.998 3c0 1.66-1.339 3-2.998 3"
+  })));
+};
+var _path$1h;
+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 SvgIconGlobeBasicLarge = function SvgIconGlobeBasicLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1j({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$1h || (_path$1h = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0m-.818 13.32v9.211c-.886-.319-1.826-1.164-2.652-2.678-.908-1.665-1.55-3.941-1.714-6.533zm1.32 0v9.303c.974-.217 2.042-1.074 2.967-2.77.909-1.665 1.55-3.941 1.715-6.533zM17.225 12h-4.723V1.377c.974.217 2.042 1.074 2.967 2.77C16.53 6.09 17.227 8.864 17.227 12Zm1.281 1.32c-.219 3.668-1.34 6.84-2.947 8.753a10.69 10.69 0 0 0 7.04-8.753zM22.68 12c0-4.65-2.972-8.607-7.12-10.073C17.356 4.067 18.545 7.78 18.545 12zm-11.498 0H6.775c0-3.136.696-5.91 1.755-7.853.826-1.514 1.766-2.36 2.652-2.678zm-5.727 0c0-4.221 1.188-7.934 2.986-10.073C4.292 3.393 1.32 7.35 1.32 12zM1.4 13.32a10.69 10.69 0 0 0 7.04 8.753c-1.608-1.913-2.728-5.085-2.947-8.753z"
+  })));
+};
+var _path$1g;
+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 SvgIconGlobeSmall = function SvgIconGlobeSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1i({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$1g || (_path$1g = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M8.633.2C3.833-.2-.2 3.833.2 8.633c.3 3.8 3.367 6.867 7.167 7.167 4.833.4 8.833-3.633 8.433-8.433C15.5 3.567 12.433.5 8.633.2m.9 1.133c.3.067.6.167.9.267.167.1.334.2.534.233.833.4 1.6.967 2.2 1.667.033.033.066.1.066.167.034.133 0 .3-.033.433-.033.1-.067.167-.067.267 0 .166.167.3.3.333.1.033.267.033.4.033.1 0 .2.067.234.167.066.167.166.433.233.5q.45 1.1.5 2.3c0 .1-.033.233-.1.3a2.8 2.8 0 0 0-.367.5c-.233.467-.433 1-.766 1.4-.167.2-.367.367-.434.633-.066.167-.033.367-.066.534 0 .066-.134.066-.2.033a3.8 3.8 0 0 1-.567-1.3c-.067-.333-.133-.667-.233-1s-.3-.633-.6-.8c-.334-.167-.7-.133-1.067-.167-.367 0-.767-.066-1-.366A.8.8 0 0 1 9.233 7c-.166-.867.3-1.8 1.067-2.2.1-.067.2-.1.3-.167a.69.69 0 0 0 .233-.7c0-.066-.1-.1-.133-.066-.2.066-.4.133-.567.233-.1.033-.2-.033-.166-.1 0-.3.033-.667.133-1 .1-.367.2-.767.033-1.067-.033-.066-.133-.133-.2-.133H9c-.033 0-.033-.033-.033-.033.166-.1.3-.234.433-.367a.25.25 0 0 1 .133-.067m-3.366.1c.066-.033.133 0 .166.067.1.167.167.333.267.533.167.434.267.9.067 1.3-.234.467-.767.667-1.2.9a6.14 6.14 0 0 0-2.234 2c-.033.034-.066.1-.1.1-.066.034-.133 0-.166-.066a.9.9 0 0 1-.267-.234c-.033-.033-.133.034-.133.1-.134.467.1.967.5 1.2.066.034.133.067.2.134.133.166 0 .4.033.6.033.266.367.433.667.4.3-.034.533-.167.8-.267.6-.2 1.3-.133 1.8.233.266.167.5.434.766.6.234.167.534.3.8.267.067 0 .134.033.167.067.1.266 0 .6-.167.833-.2.267-.5.467-.733.7-.567.633-.7 1.6-1.167 2.3-.1.133-.2.267-.266.433-.1.234-.067.467-.067.7 0 .034-.033.1-.067.067-.1-.033-.233-.067-.333-.133-.067-.034-.133-.1-.133-.167-.167-.967-.5-1.9-.967-2.767-.2-.333-.4-.7-.733-.9-.1-.066-.2-.133-.234-.233-.033-.067 0-.167 0-.233.134-.9-.3-1.834-1.033-2.367-.133-.1-.267-.167-.333-.3C2 7.167 2 6.967 1.933 6.833c-.066-.133-.333-.3-.466-.4-.067-.033-.067-.1-.067-.166.567-2.3 2.433-4.2 4.767-4.834"
+  })));
+};
+var _path$1f;
+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 SvgIconGridLarge = function SvgIconGridLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1h({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$1f || (_path$1f = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M2.855 2.25a.66.66 0 0 0-.605.65v18.2c0 .359.302.65.675.65h18.9a.663.663 0 0 0 .675-.65V2.9a.663.663 0 0 0-.675-.65H2.855m.745 1.3h3.6v3.467H3.6V3.551Zm4.95 0h3.15v3.467H8.55V3.551Zm4.5 0h3.15v3.467h-3.15V3.551Zm4.5 0h3.6v3.467h-3.6V3.551ZM3.6 8.318h3.6v3.034H3.6zm4.95 0h3.15v3.034H8.55zm4.5 0h3.15v3.034h-3.15zm4.5 0h3.6v3.034h-3.6zM3.6 12.65h3.6v3.034H3.6zm4.95 0h3.15v3.034H8.55zm4.5 0h3.15v3.034h-3.15zm4.5 0h3.6v3.034h-3.6zM3.6 16.984h3.6v3.466H3.6zm4.95 0h3.15v3.466H8.55zm4.5 0h3.15v3.466h-3.15zm4.5 0h3.6v3.466h-3.6z"
+  })));
+};
+var _path$1e, _path2$k;
+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 SvgIconGridPrivateLarge = function SvgIconGridPrivateLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1g({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$1e || (_path$1e = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "#CCC",
+    fillRule: "evenodd",
+    d: "M12.852 18.98H10.76v-3.212h2.764a5 5 0 0 1 1.42-1.644v-2.54h3.211v1.27h.3c.373 0 .746.075 1.045.075V2.172a.67.67 0 0 0-.672-.672H1.348c-.374 0-.598.299-.598.672v17.406a.67.67 0 0 0 .672.672h11.654a3.5 3.5 0 0 1-.224-1.27m2.091-16.135h3.212v3.212h-3.212zm0 4.631h3.212v2.764h-3.212zM10.76 2.845h2.764v3.212H10.76zm0 4.631h2.764v2.764H10.76zm0 4.109h2.764v2.764H10.76zM5.232 18.98H2.02v-3.212h3.212zm0-4.631H2.02v-2.764h3.212zm0-4.109H2.02V7.476h3.212zm0-4.183H2.02V2.845h3.212zM9.415 18.98H6.651v-3.212h2.764zm0-4.631H6.651v-2.764h2.764zm0-4.109H6.651V7.476h2.764zm0-4.183H6.651V2.845h2.764z"
+  })), _path2$k || (_path2$k = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M18.375 12.75c3.15 0 5.625 2.55 5.625 5.625S21.45 24 18.375 24s-5.625-2.55-5.625-5.625 2.55-5.625 5.625-5.625m0 1.95c-1.05 0-1.95.9-1.95 1.95v.675c-.375 0-.675.3-.675.675v2.625c0 .375.3.675.675.675h3.9c.375 0 .675-.3.675-.675V18c0-.375-.3-.675-.675-.675v-.675c0-1.05-.9-1.95-1.95-1.95m0 3.75c.3 0 .525.225.45.45q0 .337-.225.45v.675q0 .225-.225.225t-.225-.225v-.675q-.225-.225-.225-.45c0-.225.15-.45.45-.45m0-3.075c.75 0 1.35.6 1.275 1.35v.675h-2.625v-.675c0-.75.6-1.35 1.35-1.35"
+  })));
+};
+var _path$1d, _path2$j;
+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 SvgIconGridPublicLarge = function SvgIconGridPublicLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1f({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$1d || (_path$1d = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "#CCC",
+    fillRule: "evenodd",
+    d: "M12.852 18.98H10.76v-3.212h2.764a5 5 0 0 1 1.42-1.644v-2.54h3.211v1.27h.3c.373 0 .746.075 1.045.075V2.172a.67.67 0 0 0-.672-.672H1.348c-.374 0-.598.299-.598.672v17.406a.67.67 0 0 0 .672.672h11.654a3.5 3.5 0 0 1-.224-1.27m2.091-16.135h3.212v3.212h-3.212zm0 4.631h3.212v2.764h-3.212zM10.76 2.845h2.764v3.212H10.76zm0 4.631h2.764v2.764H10.76zm0 4.109h2.764v2.764H10.76zM5.232 18.98H2.02v-3.212h3.212zm0-4.631H2.02v-2.764h3.212zm0-4.109H2.02V7.476h3.212zm0-4.183H2.02V2.845h3.212zM9.415 18.98H6.651v-3.212h2.764zm0-4.631H6.651v-2.764h2.764zm0-4.109H6.651V7.476h2.764zm0-4.183H6.651V2.845h2.764z"
+  })), _path2$j || (_path2$j = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M18.823 12.771c-3.437-.299-6.35 2.615-6.052 6.052.224 2.69 2.391 4.932 5.156 5.156 3.437.299 6.35-2.615 6.052-6.052-.224-2.765-2.391-5.006-5.156-5.156m.673.747.672.224c.15.075.224.15.374.15.598.299 1.12.672 1.569 1.195 0 0 .075.075.075.15v.299c0 .074-.075.15-.075.224 0 .15.15.224.224.224h.299a.16.16 0 0 1 .15.15c.074.149.149.298.149.373.224.523.299 1.046.373 1.644 0 .075 0 .15-.074.224a1.6 1.6 0 0 0-.3.374c-.149.299-.298.747-.522.97-.15.15-.3.3-.3.45-.074.149 0 .298-.074.373 0 .074-.075.074-.15 0-.223-.299-.298-.598-.373-.897-.075-.224-.075-.448-.15-.747a1.16 1.16 0 0 0-.448-.598c-.224-.15-.523-.074-.747-.15-.299 0-.523-.074-.747-.298-.075-.075-.15-.224-.15-.299-.149-.598.225-1.27.748-1.569.075-.075.15-.075.224-.15.15-.149.224-.298.15-.522 0-.075-.075-.075-.075-.075-.15.075-.3.075-.374.15-.075 0-.15 0-.15-.075 0-.225 0-.449.075-.748s.15-.523 0-.747c0-.075-.074-.075-.15-.075h-.672a.58.58 0 0 0 .3-.298c.074.149.149.074.149.074m-2.391.075c.075 0 .075 0 .15.075.074.15.149.224.223.373.15.3.224.673.075.897-.15.299-.523.448-.822.672-.672.3-1.195.822-1.569 1.42l-.075.075c-.074 0-.074 0-.149-.075s-.15-.075-.224-.15c0 0-.075 0-.075.075a.75.75 0 0 0 .374.822c.074 0 .074.075.15.075.074.15 0 .299 0 .448 0 .224.298.3.447.3.225 0 .374-.15.598-.225a1.5 1.5 0 0 1 1.27.15c.224.149.374.298.523.448s.374.224.598.224c.075 0 .075 0 .15.075a.58.58 0 0 1-.15.597c-.15.224-.373.3-.523.523-.373.449-.523 1.121-.822 1.644-.075.075-.15.224-.224.3-.075.149-.075.298-.075.522 0 0 0 .075-.074.075-.075 0-.15-.075-.224-.075s-.075-.075-.075-.15a10.7 10.7 0 0 0-.673-2.017c-.15-.224-.299-.523-.523-.672-.074-.075-.15-.075-.15-.15v-.15a1.88 1.88 0 0 0-.746-1.718c-.075-.074-.225-.149-.225-.224s-.074-.224-.074-.299l-.3-.299c-.074 0-.074-.074-.074-.149.3-1.569 1.57-2.989 3.288-3.437"
+  })));
+};
+var _path$1c;
+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 SvgIconGridDots3Large = function SvgIconGridDots3Large(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1e({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$1c || (_path$1c = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M2.318 12.818c0-.452.366-.818.818-.818H4.5c.452 0 .818.366.818.818v1.364A.82.82 0 0 1 4.5 15H3.136a.82.82 0 0 1-.818-.818zm6.546 6.546c0-.452.366-.819.818-.819h1.363a.82.82 0 0 1 .819.819v1.363a.82.82 0 0 1-.819.819H9.682a.82.82 0 0 1-.818-.819zm-5.728-.819a.82.82 0 0 0-.818.819v1.363c0 .452.366.819.818.819H4.5a.82.82 0 0 0 .818-.819v-1.363a.82.82 0 0 0-.818-.819zM2.59 3.273c0-.452.367-.818.819-.818h17.455c.451 0 .818.366.818.818v17.454a.82.82 0 0 1-.818.819h-5.819a.82.82 0 0 1-.818-.819v-5h-5a.82.82 0 0 1-.818-.818v-5h-5a.82.82 0 0 1-.818-.818zM20.047 14.09h-4.182V9.909h4.181v4.182Zm-4.182 1.636v4.182h4.181v-4.182zM4.227 4.091H8.41v4.182H4.227V4.09Zm5.818 0v4.182h4.182V4.09h-4.182Zm5.819 4.182V4.09h4.181v4.182zm-5.819 1.636v4.182h4.182V9.909z"
+  })));
+};
+var _path$1b;
+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 SvgIconHouseSmall = function SvgIconHouseSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1d({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$1b || (_path$1b = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M7.641 1.493a.514.514 0 0 1 .718 0l6.653 6.481a.514.514 0 0 1-.359.883h-1.51v5.486c0 .284-.23.514-.514.514h-2.115a.514.514 0 0 1-.514-.514V11.37a.514.514 0 0 0-.514-.514H6.514A.514.514 0 0 0 6 11.37v2.972c0 .284-.23.514-.514.514H3.37a.514.514 0 0 1-.514-.514V8.857h-1.51a.514.514 0 0 1-.359-.883L7.64 1.493Z"
+  })));
+};
+var _path$1a, _path2$i;
+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 SvgIconInfoCircleLarge = function SvgIconInfoCircleLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1c({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$1a || (_path$1a = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M13.365 8.185c-.36.36-.857.566-1.364.566a1.935 1.935 0 0 1-1.926-1.926A1.923 1.923 0 0 1 12 4.899c.51 0 1.006.205 1.364.563.357.357.563.854.563 1.363 0 .507-.206 1.003-.563 1.36Zm-.852-1.88c-.267-.27-.757-.27-1.019-.003a.726.726 0 0 0 .507 1.245.728.728 0 0 0 .512-1.243Zm-.512 3.169c.663 0 1.635.425 1.685 1.375v6.571a1.687 1.687 0 0 1-3.371-.001v-6.564c.043-.898 1.036-1.381 1.686-1.381m-.452 7.603a.45.45 0 0 0 .9 0v-5.565c-.01-.19-.201-.45-.45-.45-.248 0-.44.248-.45.452z"
+  })), _path2$i || (_path2$i = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M22.364 12c0 5.724-4.64 10.364-10.364 10.364S1.636 17.724 1.636 12 6.276 1.636 12 1.636 22.364 6.276 22.364 12m-1.582 0a8.782 8.782 0 1 1-17.564 0 8.782 8.782 0 0 1 17.564 0"
+  })));
+};
+var _path$19;
+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 SvgIconInfoCircleSmall = function SvgIconInfoCircleSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1b({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$19 || (_path$19 = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M14.4 8A6.4 6.4 0 1 1 1.6 8a6.4 6.4 0 0 1 12.8 0M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M6.971 4.857a1.029 1.029 0 1 1 2.058 0 1.029 1.029 0 0 1-2.058 0m1.943 6.4a.914.914 0 1 1-1.828 0V7.943a.914.914 0 1 1 1.828 0z"
+  })));
+};
+var _path$18;
+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 SvgIconInfoSpeechBubbleLarge = function SvgIconInfoSpeechBubbleLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1a({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$18 || (_path$18 = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M19.649 4.803a10.48 10.48 0 0 1-.03 14.404l-.185.19a10.5 10.5 0 0 1-7.408 3.103 10.5 10.5 0 0 1-4.917-1.223 6.16 6.16 0 0 1-4.345.984 1.12 1.12 0 0 1-.92-.969 1.06 1.06 0 0 1 .616-1.121 3.5 3.5 0 0 0 1.448-1.498 10.48 10.48 0 0 1 1.146-14.55C9.305.377 15.765.678 19.65 4.803Zm-13.691.534a9.036 9.036 0 0 0-.724 12.62l.5.376-.247.528a6.1 6.1 0 0 1-1.448 2.019 5.07 5.07 0 0 0 2.607-1.028l.5-.376.412.384a9.07 9.07 0 0 0 10.723-1.277l.175-.17a9.036 9.036 0 0 0 .149-12.64 9.06 9.06 0 0 0-12.647-.436m4.64 5.05.153.01h2.014a1.63 1.63 0 0 1 1.643 1.607v.021q-.008.47-.072.934l-.058.369c-.116.766-.232 1.57-.355 2.293.34.055.648.236.862.506.282.352.383.814.275 1.252v.057a1.9 1.9 0 0 1-.391.767 3.06 3.06 0 0 1-2.317 1.215h-.044c-.354.01-.709-.02-1.057-.086a2.61 2.61 0 0 1-1.86-2.742c.05-.5.108-.991.187-1.447.08-.622.174-1.244.268-1.873a1.52 1.52 0 0 1-.803-1.527 1.484 1.484 0 0 1 1.245-1.345q.232-.022.463 0l-.154-.01Zm.074 1.24a1 1 0 0 0-.246 0 .246.246 0 0 0-.24.254.305.305 0 0 0 .182.333q.171.048.347.072c.275.036.362.16.362.492v.144q-.185 1.214-.347 2.417a23 23 0 0 0-.181 1.388c-.042.634.334 1.22.927 1.447q.38.064.767.05a1.85 1.85 0 0 0 1.448-.766.8.8 0 0 0 .152-.311c.037-.16-.043-.275-.159-.275h-.08c-.108.05-.202.123-.304.181a2 2 0 0 1-.398.13h-.036c-.13 0-.239-.094-.282-.275a1.5 1.5 0 0 1 0-.441c.029-.311.08-.608.123-.919.152-.911.29-1.844.427-2.756q.05-.36.058-.723c-.015-.297-.167-.441-.413-.441zm1.81-6.698a2.338 2.338 0 1 1-2.133 3.539 2.334 2.334 0 0 1 2.133-3.539m0 1.23a1.108 1.108 0 0 0-.82 1.881 1.109 1.109 0 0 0 1.9-.782 1.093 1.093 0 0 0-1.08-1.1Z"
+  })));
+};
+var _path$17;
+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 SvgIconLifeRingSmall = function SvgIconLifeRingSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$19({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$17 || (_path$17 = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m3.158-2.498c-.93.535-2.008.84-3.158.84a6.3 6.3 0 0 1-3.158-.84l1.8-1.8c.423.156.88.24 1.358.24.477 0 .935-.084 1.359-.24l1.8 1.8Zm2.344-2.344c.535-.93.84-2.008.84-3.158s-.305-2.228-.84-3.158l-1.8 1.8c.156.423.24.88.24 1.358s-.084.935-.24 1.36zm-2.344-8.66-1.799 1.8A3.9 3.9 0 0 0 8 4.058c-.478 0-.935.084-1.36.24l-1.798-1.8A6.3 6.3 0 0 1 8 1.658c1.15 0 2.229.305 3.159.84Zm-8.66 2.344A6.3 6.3 0 0 0 1.658 8c0 1.15.305 2.229.84 3.159l1.8-1.8A3.9 3.9 0 0 1 4.058 8c0-.477.084-.935.24-1.359zM8 10.286a2.286 2.286 0 1 0 0-4.572 2.286 2.286 0 0 0 0 4.572"
+  })));
+};
+var _path$16, _path2$h;
+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 SvgIconLightBulbLarge = function SvgIconLightBulbLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$18({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$16 || (_path$16 = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M12.296 2.194c3.341.144 6.067 2.783 6.242 6.037a6.1 6.1 0 0 1-1.402 4.172c-.748.9-1.257 1.77-1.58 2.678l-.008.024v3.132c0 .39-.24.703-.57.835-.08.655-.676 2.695-1.294 2.695-.073.046-3.28.046-3.375 0-.672 0-1.213-2.028-1.293-2.673a.92.92 0 0 1-.571-.834v-3.155l-.008-.023c-.323-.908-.831-1.78-1.581-2.704a6.1 6.1 0 0 1-1.401-3.902c0-1.737.728-3.351 2.025-4.552 1.3-1.203 3.025-1.802 4.816-1.73m3.365 9.053a4.5 4.5 0 0 0 1.037-2.992c-.114-2.266-2.05-4.161-4.45-4.27a4.74 4.74 0 0 0-3.462 1.24c-.928.87-1.443 2.02-1.443 3.25 0 1.02.337 1.97.99 2.774.689.839 1.207 1.68 1.593 2.523h4.14c.387-.863.907-1.686 1.595-2.524Zm-1.977 6.094v-1.754H10.31v1.754h3.375Zm-2.489 2.748c.047.081 1.524.067 1.609 0 .11-.188.229-.717.275-.956h-2.164c.047.233.17.767.28.957Z"
+  })), _path2$h || (_path2$h = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M12.99 6.472c0-.547-.443-.794-.99-.794a2.793 2.793 0 0 0-2.79 2.79c0 .547.315.99.862.99a.99.99 0 0 0 .981-.855l.01-.135c0-.405.428-.939.817-.997l.12-.009a.99.99 0 0 0 .99-.99"
+  })));
+};
+var _path$15;
+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 SvgIconLightBulbSmall = function SvgIconLightBulbSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$17({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$15 || (_path$15 = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M8.001 0a5.544 5.544 0 0 1 4.172 9.192l-.17.202c-.569.712-1.177 1.769-1.404 2.534l-.002.001-.002 2.31a.6.6 0 0 1-.06.268l-.045.08-.753 1.131a.63.63 0 0 1-.526.282h-2.42a.63.63 0 0 1-.526-.282l-.753-1.13a.63.63 0 0 1-.106-.35v-2.282c-.26-.881-.966-2.068-1.577-2.765l-.182-.219a5.5 5.5 0 0 1-1.19-3.428A5.524 5.524 0 0 1 8.001 0m0 1.754a3.773 3.773 0 0 0-3.788 3.79c.003.923.331 1.801.936 2.49l.259.309a9.5 9.5 0 0 1 1.678 3.11l-.076-.226 1.98.002c.32-.93.837-1.935 1.606-2.888l.258-.306a3.78 3.78 0 0 0 .937-2.491c0-2.09-1.7-3.79-3.79-3.79m.283 1.586a.882.882 0 1 1 0 1.765l-.107.008a.724.724 0 0 0-.615.714l-.008.12a.882.882 0 0 1-1.756-.12A2.49 2.49 0 0 1 8.284 3.34"
+  })));
+};
+var _path$14;
+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 SvgIconLinesDashed3Solid1Small = function SvgIconLinesDashed3Solid1Small(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$16({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$14 || (_path$14 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M8.23 10.418a.987.987 0 1 0 0-1.973H4.26a.987.987 0 1 0 0 1.973zm4.118 0a.987.987 0 1 0 0-1.973h-1.685a.987.987 0 1 0 0 1.973h1.684ZM4.115 7.575a.987.987 0 0 0 0-1.974H2.43a.987.987 0 1 0 0 1.974zm6.403-.007a.987.987 0 0 0 0-1.974h-3.97a.987.987 0 0 0 0 1.974zm-4.72-2.836a.987.987 0 0 0 0-1.974H4.113a.987.987 0 0 0 0 1.974zm6.399 0a.987.987 0 0 0 0-1.974h-3.97a.987.987 0 1 0 0 1.974zm1.927 8.544a.987.987 0 0 0 0-1.974H2.111a.987.987 0 0 0 0 1.974z"
+  })));
+};
+var _path$13;
+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 SvgIconLinesHorizontal3Large = function SvgIconLinesHorizontal3Large(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$15({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$13 || (_path$13 = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M23.006 12.206c0 .802-.65 1.452-1.451 1.452H2.172a1.452 1.452 0 0 1 0-2.904h19.383c.801 0 1.451.65 1.451 1.452m0-6.983a1.45 1.45 0 0 1-1.451 1.451H2.172a1.452 1.452 0 0 1 0-2.903h19.383c.801 0 1.451.65 1.451 1.452m0 13.966c0 .802-.65 1.452-1.451 1.452H2.172a1.452 1.452 0 0 1 0-2.903h19.383c.801 0 1.451.65 1.451 1.451"
+  })));
+};
+var _path$12;
+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 SvgIconLinesHorizontal3Small = function SvgIconLinesHorizontal3Small(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$14({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$12 || (_path$12 = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M15.337 8.137a.97.97 0 0 1-.967.968H1.448a.968.968 0 1 1 0-1.935H14.37c.534 0 .967.433.967.967m0-4.655a.97.97 0 0 1-.967.968H1.448a.968.968 0 1 1 0-1.936H14.37c.534 0 .967.434.967.968m0 9.31a.97.97 0 0 1-.967.968H1.448a.968.968 0 1 1 0-1.935H14.37c.534 0 .967.433.967.968Z"
+  })));
+};
+var _path$11;
+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 SvgIconLinkSmall = function SvgIconLinkSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$13({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$11 || (_path$11 = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M9.813 6.188a3.9 3.9 0 0 1 0 5.517L8.088 13.43a3.906 3.906 0 0 1-5.518 0 3.906 3.906 0 0 1 0-5.518l.952-.952a.41.41 0 0 1 .7.272c.017.455.099.912.25 1.354a.41.41 0 0 1-.098.426l-.336.336c-.719.72-.742 1.89-.03 2.617a1.85 1.85 0 0 0 2.627.013l1.725-1.724a1.848 1.848 0 0 0-.265-2.834.41.41 0 0 1-.178-.324c-.01-.271.086-.55.3-.765l.54-.54a.41.41 0 0 1 .529-.045q.282.198.527.441ZM13.43 2.57a3.906 3.906 0 0 0-5.518 0L6.187 4.295a3.9 3.9 0 0 0 .527 5.96.41.41 0 0 0 .529-.045l.54-.541c.214-.214.31-.494.3-.765a.41.41 0 0 0-.178-.324 1.848 1.848 0 0 1-.265-2.834l1.724-1.724a1.85 1.85 0 0 1 2.627.013c.713.726.69 1.898-.03 2.617l-.335.336a.41.41 0 0 0-.098.426c.151.442.232.899.25 1.354a.41.41 0 0 0 .7.272l.952-.953a3.906 3.906 0 0 0 0-5.517"
+  })));
+};
+var _path$10;
+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 SvgIconListSmall = function SvgIconListSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$12({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$10 || (_path$10 = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M2.2 11.229a1.486 1.486 0 1 1 0 2.971 1.486 1.486 0 0 1 0-2.971m12.242.428c.262 0 .49.169.579.423l.027.1.01.106v.857c0 .261-.158.49-.402.586l-.11.033-.104.01H6.13a.615.615 0 0 1-.58-.424l-.026-.1-.01-.105v-.857c0-.261.158-.49.402-.586l.11-.033.104-.01zm-12.242-5a1.486 1.486 0 1 1 0 2.972 1.486 1.486 0 0 1 0-2.972m12.242.429c.262 0 .49.168.579.423l.027.1.01.105v.857a.63.63 0 0 1-.402.587l-.11.032-.104.01H6.13a.615.615 0 0 1-.58-.423l-.026-.1-.01-.106v-.857c0-.26.158-.49.402-.586l.11-.032.104-.01zm-12.242-5a1.486 1.486 0 1 1 0 2.971 1.486 1.486 0 0 1 0-2.971m12.242.428c.262 0 .49.169.579.424l.027.099.01.106V4c0 .261-.158.49-.402.586l-.11.033-.104.01H6.13a.615.615 0 0 1-.58-.424l-.026-.1L5.514 4v-.857c0-.261.158-.49.402-.586l.11-.033.104-.01z"
+  })));
+};
+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$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 SvgIconLoadingLarge = function SvgIconLoadingLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$11({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M13.867 20.178a.96.96 0 0 1-.963.958.96.96 0 0 1-.964-.958c0-.531.432-.965.964-.965s.963.434.963.965",
+    style: {
+      opacity: 0.01
+    }
+  }, _animateTransform$1 || (_animateTransform$1 = /*#__PURE__*/React__namespace.createElement("animateTransform", {
+    attributeName: "transform",
+    dur: "2s",
+    from: "0 12 12",
+    repeatCount: "indefinite",
+    to: "360 12 12",
+    type: "rotate"
+  })), _animate$1 || (_animate$1 = /*#__PURE__*/React__namespace.createElement("animate", {
+    attributeName: "opacity",
+    begin: 0,
+    dur: "1.8s",
+    repeatCount: "indefinite",
+    values: "1;1;1;1;0;0;0;0;0;"
+  }))), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M10 19.438c0 .687-.554 1.237-1.238 1.237-.687 0-1.244-.55-1.244-1.237 0-.686.557-1.245 1.244-1.245.684 0 1.238.559 1.238 1.245",
+    style: {
+      opacity: 0.01
+    }
+  }, _animateTransform2$1 || (_animateTransform2$1 = /*#__PURE__*/React__namespace.createElement("animateTransform", {
+    attributeName: "transform",
+    dur: "2s",
+    from: "0 12 12",
+    repeatCount: "indefinite",
+    to: "360 12 12",
+    type: "rotate"
+  })), _animate2$1 || (_animate2$1 = /*#__PURE__*/React__namespace.createElement("animate", {
+    attributeName: "opacity",
+    begin: 0.1,
+    dur: "1.8s",
+    repeatCount: "indefinite",
+    values: "1;1;1;1;0;0;0;0;0;"
+  }))), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M6.697 16.648a1.363 1.363 0 1 1-2.723 0 1.362 1.362 0 1 1 2.723 0",
+    style: {
+      opacity: 0.01
+    }
+  }, _animateTransform3$1 || (_animateTransform3$1 = /*#__PURE__*/React__namespace.createElement("animateTransform", {
+    attributeName: "transform",
+    dur: "2s",
+    from: "0 12 12",
+    repeatCount: "indefinite",
+    to: "360 12 12",
+    type: "rotate"
+  })), _animate3$1 || (_animate3$1 = /*#__PURE__*/React__namespace.createElement("animate", {
+    attributeName: "opacity",
+    begin: 0.2,
+    dur: "1.8s",
+    repeatCount: "indefinite",
+    values: "1;1;1;1;0;0;0;0;0;"
+  }))), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M5.548 12.057a1.523 1.523 0 1 1-1.523-1.523c.842 0 1.523.68 1.523 1.523",
+    style: {
+      opacity: 0.01
+    }
+  }, _animateTransform4$1 || (_animateTransform4$1 = /*#__PURE__*/React__namespace.createElement("animateTransform", {
+    attributeName: "transform",
+    dur: "2s",
+    from: "0 12 12",
+    repeatCount: "indefinite",
+    to: "360 12 12",
+    type: "rotate"
+  })), _animate4$1 || (_animate4$1 = /*#__PURE__*/React__namespace.createElement("animate", {
+    attributeName: "opacity",
+    begin: 0.3,
+    dur: "1.8s",
+    repeatCount: "indefinite",
+    values: "1;1;1;1;0;0;0;0;0;"
+  }))), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M7.808 6.957c0 .93-.756 1.681-1.687 1.681a1.68 1.68 0 0 1-1.682-1.681c0-.927.753-1.687 1.682-1.687.931 0 1.687.76 1.687 1.687",
+    style: {
+      opacity: 0.01
+    }
+  }, _animateTransform5$1 || (_animateTransform5$1 = /*#__PURE__*/React__namespace.createElement("animateTransform", {
+    attributeName: "transform",
+    dur: "2s",
+    from: "0 12 12",
+    repeatCount: "indefinite",
+    to: "360 12 12",
+    type: "rotate"
+  })), _animate5$1 || (_animate5$1 = /*#__PURE__*/React__namespace.createElement("animate", {
+    attributeName: "opacity",
+    begin: 0.4,
+    dur: "1.8s",
+    repeatCount: "indefinite",
+    values: "1;1;1;1;0;0;0;0;0;"
+  }))), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M13.154 4.626c0 .977-.786 1.762-1.763 1.762A1.757 1.757 0 0 1 9.63 4.626c0-.974.785-1.761 1.761-1.761.977 0 1.763.787 1.763 1.761",
+    style: {
+      opacity: 0.01
+    }
+  }, _animateTransform6$1 || (_animateTransform6$1 = /*#__PURE__*/React__namespace.createElement("animateTransform", {
+    attributeName: "transform",
+    dur: "2s",
+    from: "0 12 12",
+    repeatCount: "indefinite",
+    to: "360 12 12",
+    type: "rotate"
+  })), _animate6$1 || (_animate6$1 = /*#__PURE__*/React__namespace.createElement("animate", {
+    attributeName: "opacity",
+    begin: 0.5,
+    dur: "1.8s",
+    repeatCount: "indefinite",
+    values: "1;1;1;1;0;0;0;0;0;"
+  }))), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M19.08 6.842a1.843 1.843 0 1 1-3.686-.002 1.843 1.843 0 0 1 3.686.002",
+    style: {
+      opacity: 0.01
+    }
+  }, _animateTransform7$1 || (_animateTransform7$1 = /*#__PURE__*/React__namespace.createElement("animateTransform", {
+    attributeName: "transform",
+    dur: "2s",
+    from: "0 12 12",
+    repeatCount: "indefinite",
+    to: "360 12 12",
+    type: "rotate"
+  })), _animate7$1 || (_animate7$1 = /*#__PURE__*/React__namespace.createElement("animate", {
+    attributeName: "opacity",
+    begin: 0.6,
+    dur: "1.8s",
+    repeatCount: "indefinite",
+    values: "1;1;1;1;0;0;0;0;0;"
+  }))), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M21.5 12.282a1.923 1.923 0 1 1-3.846 0 1.923 1.923 0 0 1 3.846 0",
+    style: {
+      opacity: 0.01
+    }
+  }, _animateTransform8$1 || (_animateTransform8$1 = /*#__PURE__*/React__namespace.createElement("animateTransform", {
+    attributeName: "transform",
+    dur: "2s",
+    from: "0 12 12",
+    repeatCount: "indefinite",
+    to: "360 12 12",
+    type: "rotate"
+  })), _animate8$1 || (_animate8$1 = /*#__PURE__*/React__namespace.createElement("animate", {
+    attributeName: "opacity",
+    begin: 0.7,
+    dur: "1.8s",
+    repeatCount: "indefinite",
+    values: "1;1;1;1;0;0;0;0;0;"
+  }))), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M19.098 17.819a2.084 2.084 0 0 1-4.171 0 2.086 2.086 0 0 1 4.171 0",
+    style: {
+      opacity: 0.01
+    }
+  }, _animateTransform9$1 || (_animateTransform9$1 = /*#__PURE__*/React__namespace.createElement("animateTransform", {
+    attributeName: "transform",
+    dur: "2s",
+    from: "0 12 12",
+    repeatCount: "indefinite",
+    to: "360 12 12",
+    type: "rotate"
+  })), _animate9$1 || (_animate9$1 = /*#__PURE__*/React__namespace.createElement("animate", {
+    attributeName: "opacity",
+    begin: 0.8,
+    dur: "1.8s",
+    repeatCount: "indefinite",
+    values: "1;1;1;1;0;0;0;0;0;"
+  }))));
+};
+var _animateTransform, _animate, _animateTransform2, _animate2, _animateTransform3, _animate3, _animateTransform4, _animate4, _animateTransform5, _animate5, _animateTransform6, _animate6, _animateTransform7, _animate7, _animateTransform8, _animate8, _animateTransform9, _animate9;
+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 SvgIconLoadingSmall = function SvgIconLoadingSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$10({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M9.18 13.165a.607.607 0 0 1-.61.605.605.605 0 0 1-.608-.605.61.61 0 0 1 1.218 0",
+    style: {
+      opacity: 0.01
+    }
+  }, _animateTransform || (_animateTransform = /*#__PURE__*/React__namespace.createElement("animateTransform", {
+    attributeName: "transform",
+    dur: "2s",
+    from: "0 8 8",
+    repeatCount: "indefinite",
+    to: "360 8 8",
+    type: "rotate"
+  })), _animate || (_animate = /*#__PURE__*/React__namespace.createElement("animate", {
+    attributeName: "opacity",
+    begin: 0,
+    dur: "1.8s",
+    repeatCount: "indefinite",
+    values: "1;1;1;1;0;0;0;0;0;"
+  }))), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M6.737 12.697a.783.783 0 1 1-1.57-.003.783.783 0 0 1 1.57.003",
+    style: {
+      opacity: 0.01
+    }
+  }, _animateTransform2 || (_animateTransform2 = /*#__PURE__*/React__namespace.createElement("animateTransform", {
+    attributeName: "transform",
+    dur: "2s",
+    from: "0 8 8",
+    repeatCount: "indefinite",
+    to: "360 8 8",
+    type: "rotate"
+  })), _animate2 || (_animate2 = /*#__PURE__*/React__namespace.createElement("animate", {
+    attributeName: "opacity",
+    begin: 0.1,
+    dur: "1.8s",
+    repeatCount: "indefinite",
+    values: "1;1;1;1;0;0;0;0;0;"
+  }))), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M4.65 10.936a.86.86 0 1 1-1.72 0 .86.86 0 1 1 1.72 0",
+    style: {
+      opacity: 0.01
+    }
+  }, _animateTransform3 || (_animateTransform3 = /*#__PURE__*/React__namespace.createElement("animateTransform", {
+    attributeName: "transform",
+    dur: "2s",
+    from: "0 8 8",
+    repeatCount: "indefinite",
+    to: "360 8 8",
+    type: "rotate"
+  })), _animate3 || (_animate3 = /*#__PURE__*/React__namespace.createElement("animate", {
+    attributeName: "opacity",
+    begin: 0.2,
+    dur: "1.8s",
+    repeatCount: "indefinite",
+    values: "1;1;1;1;0;0;0;0;0;"
+  }))), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M3.925 8.036a.962.962 0 1 1-1.927 0 .962.962 0 0 1 1.927 0",
+    style: {
+      opacity: 0.01
+    }
+  }, _animateTransform4 || (_animateTransform4 = /*#__PURE__*/React__namespace.createElement("animateTransform", {
+    attributeName: "transform",
+    dur: "2s",
+    from: "0 8 8",
+    repeatCount: "indefinite",
+    to: "360 8 8",
+    type: "rotate"
+  })), _animate4 || (_animate4 = /*#__PURE__*/React__namespace.createElement("animate", {
+    attributeName: "opacity",
+    begin: 0.3,
+    dur: "1.8s",
+    repeatCount: "indefinite",
+    values: "1;1;1;1;0;0;0;0;0;"
+  }))), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M5.352 4.816c0 .588-.477 1.061-1.065 1.061a1.065 1.065 0 0 1 0-2.127c.588 0 1.065.479 1.065 1.066",
+    style: {
+      opacity: 0.01
+    }
+  }, _animateTransform5 || (_animateTransform5 = /*#__PURE__*/React__namespace.createElement("animateTransform", {
+    attributeName: "transform",
+    dur: "2s",
+    from: "0 8 8",
+    repeatCount: "indefinite",
+    to: "360 8 8",
+    type: "rotate"
+  })), _animate5 || (_animate5 = /*#__PURE__*/React__namespace.createElement("animate", {
+    attributeName: "opacity",
+    begin: 0.4,
+    dur: "1.8s",
+    repeatCount: "indefinite",
+    values: "1;1;1;1;0;0;0;0;0;"
+  }))), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M8.729 3.343a1.11 1.11 0 0 1-1.113 1.114 1.11 1.11 0 0 1-1.112-1.114 1.11 1.11 0 0 1 1.112-1.112c.617 0 1.113.498 1.113 1.112",
+    style: {
+      opacity: 0.01
+    }
+  }, _animateTransform6 || (_animateTransform6 = /*#__PURE__*/React__namespace.createElement("animateTransform", {
+    attributeName: "transform",
+    dur: "2s",
+    from: "0 8 8",
+    repeatCount: "indefinite",
+    to: "360 8 8",
+    type: "rotate"
+  })), _animate6 || (_animate6 = /*#__PURE__*/React__namespace.createElement("animate", {
+    attributeName: "opacity",
+    begin: 0.5,
+    dur: "1.8s",
+    repeatCount: "indefinite",
+    values: "1;1;1;1;0;0;0;0;0;"
+  }))), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M12.471 4.743a1.165 1.165 0 1 1-2.33-.001 1.165 1.165 0 0 1 2.33.001",
+    style: {
+      opacity: 0.01
+    }
+  }, _animateTransform7 || (_animateTransform7 = /*#__PURE__*/React__namespace.createElement("animateTransform", {
+    attributeName: "transform",
+    dur: "2s",
+    from: "0 8 8",
+    repeatCount: "indefinite",
+    to: "360 8 8",
+    type: "rotate"
+  })), _animate7 || (_animate7 = /*#__PURE__*/React__namespace.createElement("animate", {
+    attributeName: "opacity",
+    begin: 0.6,
+    dur: "1.8s",
+    repeatCount: "indefinite",
+    values: "1;1;1;1;0;0;0;0;0;"
+  }))), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M14 8.178a1.22 1.22 0 0 1-1.216 1.217 1.217 1.217 0 0 1 0-2.431c.669 0 1.216.543 1.216 1.214",
+    style: {
+      opacity: 0.01
+    }
+  }, _animateTransform8 || (_animateTransform8 = /*#__PURE__*/React__namespace.createElement("animateTransform", {
+    attributeName: "transform",
+    dur: "2s",
+    from: "0 8 8",
+    repeatCount: "indefinite",
+    to: "360 8 8",
+    type: "rotate"
+  })), _animate8 || (_animate8 = /*#__PURE__*/React__namespace.createElement("animate", {
+    attributeName: "opacity",
+    begin: 0.7,
+    dur: "1.8s",
+    repeatCount: "indefinite",
+    values: "1;1;1;1;0;0;0;0;0;"
+  }))), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M12.481 11.675a1.316 1.316 0 1 1-2.632-.002 1.316 1.316 0 0 1 2.632.002",
+    style: {
+      opacity: 0.01
+    }
+  }, _animateTransform9 || (_animateTransform9 = /*#__PURE__*/React__namespace.createElement("animateTransform", {
+    attributeName: "transform",
+    dur: "2s",
+    from: "0 8 8",
+    repeatCount: "indefinite",
+    to: "360 8 8",
+    type: "rotate"
+  })), _animate9 || (_animate9 = /*#__PURE__*/React__namespace.createElement("animate", {
+    attributeName: "opacity",
+    begin: 0.8,
+    dur: "1.8s",
+    repeatCount: "indefinite",
+    values: "1;1;1;1;0;0;0;0;0;"
+  }))));
+};
+var _path$$, _path2$g;
+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 SvgIconLockCircleSmall = function SvgIconLockCircleSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$$({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$$ || (_path$$ = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M8 3.733c-1.067 0-1.92.854-1.92 1.92v.96h3.733v-.96C9.92 4.587 9.067 3.733 8 3.733m0 4.374c-.427 0-.64.32-.64.64q0 .32.32.64v.96q0 .32.32.32t.32-.32v-.96q.32-.16.32-.64c.107-.32-.213-.64-.64-.64"
+  })), _path2$g || (_path2$g = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M8 0C3.627 0 0 3.627 0 8s3.627 8 8 8 8-3.627 8-8-3.52-8-8-8m3.733 11.2c0 .533-.426.96-.96.96H5.227a.956.956 0 0 1-.96-.96V7.467c0-.534.426-.96.96-.96v-.96c0-1.494 1.28-2.774 2.773-2.774s2.773 1.28 2.773 2.774v.96c.534 0 .96.426.96.96z"
+  })));
+};
+var _path$_;
+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 SvgIconLockLarge = function SvgIconLockLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$_({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$_ || (_path$_ = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M15.624 8.43V6.643a3.624 3.624 0 0 0-7.248 0v1.785H6.643V6.644a5.357 5.357 0 1 1 10.714 0v1.785zm2.188 1.733H6.188a.79.79 0 0 0-.788.787v9.244c0 .435.353.788.788.788h11.624a.79.79 0 0 0 .788-.788v-9.243a.79.79 0 0 0-.788-.788M6.188 8.429a2.52 2.52 0 0 0-2.521 2.521v9.244a2.52 2.52 0 0 0 2.52 2.521h11.625a2.52 2.52 0 0 0 2.521-2.52V10.95a2.52 2.52 0 0 0-2.52-2.52zm6.685 7.04c.432-.304.742-.806.742-1.32 0-.821-.793-1.614-1.615-1.614s-1.615.793-1.615 1.615c0 .513.31 1.015.742 1.32v2.4c0 .41.462.74.873.74.41 0 .873-.33.873-.74v-2.4Z"
+  })));
+};
+var _path$Z;
+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 SvgIconLockSmall = function SvgIconLockSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$Z({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$Z || (_path$Z = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M7.826 1.143a4.237 4.237 0 0 1 4.219 4.007l.005.217v1.066l.027.005a1.6 1.6 0 0 1 1.261 1.26l.022.15.007.152v5.266c0 .824-.634 1.506-1.438 1.584l-.153.007h-7.9a1.595 1.595 0 0 1-1.583-1.438l-.007-.153V8c0-.721.485-1.333 1.145-1.527l.144-.035.027-.005V5.367a4.24 4.24 0 0 1 3.794-4.202l.214-.017zm0 7.255c-.844 0-1.547.642-1.547 1.448l.01.16.028.154c.06.251.183.472.36.653l.104.094.001.907c0 .56.47.995 1.044.995l.13-.008.13-.025c.46-.115.784-.498.784-.962V10.9l.101-.095a1.37 1.37 0 0 0 .403-.96c0-.806-.703-1.448-1.548-1.448Zm0-5.39c-1.24 0-2.266.972-2.353 2.191l-.006.168v1.042h4.718V5.367c0-1.24-.972-2.266-2.19-2.353z"
+  })));
+};
+var _path$Y;
+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 SvgIconMinusSmall = function SvgIconMinusSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$Y({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$Y || (_path$Y = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M14.857 8.006a1 1 0 0 0-1-1H2.143a1 1 0 1 0 0 2h11.714a1 1 0 0 0 1-1"
+  })));
+};
+var _path$X;
+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 SvgIconOpenSmall = function SvgIconOpenSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$X({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$X || (_path$X = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M9.968 1.977c0-.58.47-1.051 1.052-1.051h3.014c.582 0 1.052.471 1.052 1.051v3.014a1.051 1.051 0 1 1-2.103 0V4.39L7.717 9.28a1.051 1.051 0 0 1-1.433-1.54l5.072-4.71h-.336a1.05 1.05 0 0 1-1.052-1.052Zm-8.308.41a2.17 2.17 0 0 1 1.322-.457h3.466a1.051 1.051 0 1 1 0 2.103h-3.42v8.95h8.95V9.062a1.051 1.051 0 1 1 2.104 0v3.967c0 .723-.304 1.258-.735 1.6a2.17 2.17 0 0 1-1.322.457H2.982c-.723 0-1.257-.304-1.599-.735a2.17 2.17 0 0 1-.457-1.322V3.986c0-.722.303-1.257.734-1.598Z"
+  })));
+};
+var _path$W;
+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 SvgIconPeopleLarge = function SvgIconPeopleLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$W({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$W || (_path$W = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M11.393 12.325a.8.8 0 0 1 .739-.264 5.06 5.06 0 0 1 3.349 2.163c.479.38 1.168.64 1.821.69.154.023.207.034.368.034.162-.008.132-.006.362-.033.835-.066 1.735-.469 2.17-1.034a.81.81 0 0 1 .844-.29C22.76 14.039 24 15.7 24 17.547v1.582a2.364 2.364 0 0 1-2.374 2.374H2.374A2.364 2.364 0 0 1 0 19.129V17.1a5.07 5.07 0 0 1 4.22-5.012.78.78 0 0 1 .738.264 4.2 4.2 0 0 0 3.218 1.503c1.24 0 2.426-.553 3.217-1.53m9.653 2.98c-.863.79-2.16 1.249-3.379 1.209a4.9 4.9 0 0 1-1.37-.16c.033.236.055.474.055.718v2.057c0 .279-.05.544-.136.791h5.41a.777.777 0 0 0 .792-.79v-1.583c0-.95-.58-1.847-1.372-2.242M4.088 13.723a3.48 3.48 0 0 0-2.506 3.349v2.057c0 .448.343.791.792.791h11.604a.777.777 0 0 0 .791-.79v-2.032a3.48 3.48 0 0 0-2.505-3.35 5.74 5.74 0 0 1-4.088 1.689 5.66 5.66 0 0 1-4.088-1.714M17.67 6.654a3.42 3.42 0 0 1 3.429 3.429v.185a3.42 3.42 0 0 1-3.429 3.428 3.44 3.44 0 0 1-3.428-3.428v-.185a3.42 3.42 0 0 1 3.428-3.429m0 1.556a1.835 1.835 0 0 0-1.846 1.847v.184c0 1.029.818 1.846 1.846 1.846a1.835 1.835 0 0 0 1.846-1.846v-.184A1.835 1.835 0 0 0 17.67 8.21M8.176 2.25a4.76 4.76 0 0 1 4.747 4.747 4.76 4.76 0 0 1-4.747 4.748 4.76 4.76 0 0 1-4.747-4.748A4.76 4.76 0 0 1 8.176 2.25m0 1.582A3.174 3.174 0 0 0 5.01 6.997a3.174 3.174 0 0 0 3.165 3.165 3.174 3.174 0 0 0 3.165-3.165 3.174 3.174 0 0 0-3.165-3.165Z"
+  })));
+};
+var _path$V;
+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 SvgIconPeopleSmall = function SvgIconPeopleSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$V({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$V || (_path$V = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "m7.999 8.817.089.01.03.005.026.01-.096-.02a3.4 3.4 0 0 1 2.813 3.363v1.353c0 .816-.604 1.48-1.393 1.572l-.15.01H1.583a1.574 1.574 0 0 1-1.575-1.428L0 13.538v-1.353a3.38 3.38 0 0 1 2.813-3.341l.095-.009a.52.52 0 0 1 .397.185l.079.09-.079-.09a2.75 2.75 0 0 0 1.114.804 3 3 0 0 0 .511.149l.091.016.02.003a2.76 2.76 0 0 0 2.554-.99.53.53 0 0 1 .493-.176zm5.927 1.013.105.016c1.143.299 1.969 1.407 1.969 2.637v1.055c0 .88-.703 1.583-1.582 1.583H12.17c.26-.47.405-1.01.405-1.583v-1.353l-.006-.248a5.1 5.1 0 0 0-.22-1.26c.45-.101.885-.334 1.118-.637a.54.54 0 0 1 .563-.194l-.105-.016ZM5.45 7.758a3.174 3.174 0 0 0 3.164-3.165A3.174 3.174 0 0 0 5.451 1.43a3.174 3.174 0 0 0-3.165 3.164A3.174 3.174 0 0 0 5.45 7.758m6.33 1.016a2.28 2.28 0 0 0 2.285-2.286v-.123a2.28 2.28 0 0 0-2.286-2.286 2.28 2.28 0 0 0-2.285 2.286v.123a2.29 2.29 0 0 0 2.285 2.286Z"
+  })));
+};
+var _path$U;
+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 SvgIconPercentageSmall = function SvgIconPercentageSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$U({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$U || (_path$U = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "m14.021 2.383-.404-.404a1.143 1.143 0 0 0-1.616 0L1.979 12a1.143 1.143 0 0 0 0 1.616l.404.404c.446.447 1.17.447 1.616 0L14.021 4a1.143 1.143 0 0 0 0-1.616Zm-1.477 11.876a1.714 1.714 0 1 0 0-3.428 1.714 1.714 0 0 0 0 3.428m-7.371-10.8a1.714 1.714 0 1 1-3.429 0 1.714 1.714 0 0 1 3.43 0Z"
+  })));
+};
+var _path$T;
+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 SvgIconPersonLarge = function SvgIconPersonLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$T({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$T || (_path$T = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M20.175 17.1c0-2.475-1.8-4.575-4.2-5.025-.3-.075-.525.075-.75.3a4.13 4.13 0 0 1-3.225 1.5c-1.275 0-2.4-.525-3.225-1.5-.15-.225-.45-.3-.75-.3a5.07 5.07 0 0 0-4.2 5.025v2.175c0 .182.035.396.075.525.3.975 1.2 1.725 2.25 1.725h11.625c1.05 0 2.1-.525 2.325-1.725.056-.3.075-.345.075-.525 0-.826-.03-1.35 0-2.175M18.6 19.125c0 .45-.375.825-.825.825H6.225a.83.83 0 0 1-.825-.825V17.1a3.56 3.56 0 0 1 2.475-3.375c.9.9 2.025 1.425 3.225 1.65.3.075.6.075.9.075s.6 0 .9-.075c1.2-.15 2.325-.75 3.225-1.65 1.5.45 2.475 1.8 2.475 3.375zm-6.6-7.35c2.625 0 4.725-2.1 4.725-4.725s-2.1-4.8-4.725-4.8a4.705 4.705 0 0 0-4.725 4.725c0 2.625 2.1 4.8 4.725 4.8m0-7.95a3.17 3.17 0 0 1 3.15 3.15 3.17 3.17 0 0 1-3.15 3.15 3.17 3.17 0 0 1-3.15-3.15A3.17 3.17 0 0 1 12 3.825"
+  })));
+};
+var _path$S;
+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 SvgIconPersonSmall = function SvgIconPersonSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$S({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$S || (_path$S = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M11.2 4.571a3.2 3.2 0 1 1-6.4 0 3.2 3.2 0 0 1 6.4 0m-.997 4.425c.107-.11.232-.237.426-.196 1.6.343 2.742 1.714 2.742 3.429V13.6c0 .8-.516 1.6-1.371 1.6H4c-.893 0-1.371-.8-1.371-1.6v-1.371c0-1.715 1.142-3.086 2.742-3.429.192-.041.321.09.43.2l.028.029A2.82 2.82 0 0 0 8 10.057c.8 0 1.6-.457 2.171-1.028z"
+  })));
+};
+var _path$R;
+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 SvgIconPinLocationSmall = function SvgIconPinLocationSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$R({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$R || (_path$R = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "m3.238 9.721 3.646 5.338a1.279 1.279 0 0 0 2.232 0l3.646-5.338c.23-.413.52-.998.754-1.614.222-.584.45-1.332.45-2.023C13.966 2.84 11.251.286 8 .286c-3.25 0-5.966 2.552-5.966 5.798 0 .691.228 1.439.45 2.023.235.616.523 1.201.754 1.614M8 9.181a2.93 2.93 0 1 0 0-5.859 2.93 2.93 0 0 0 0 5.86Z"
+  })));
+};
+var _path$Q;
+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 SvgIconPinSmall = function SvgIconPinSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$Q({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$Q || (_path$Q = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M10.687 7.273h-.16a.16.16 0 0 1-.158-.14l-.353-2.741a.29.29 0 0 1 .29-.335c.285.003.567 0 .748-.233a1.82 1.82 0 0 0 .368-1.179c-.016-.432-.027-.681-.302-.98-.274-.3-.55-.466-.93-.465H5.77c-.38-.001-.59.165-.864.465-.274.299-.352.548-.368.98a1.82 1.82 0 0 0 .368 1.179c.181.232.463.236.748.233a.29.29 0 0 1 .29.335L5.59 7.133a.16.16 0 0 1-.159.14h-.159c-.39 0-.965.377-1.241.692s-.472.621-.472 1.066v.559c0 .176.143.32.32.32h2.963a.08.08 0 0 1 .08.08v3.673a.32.32 0 0 0 .1.232l.737.697a.32.32 0 0 0 .44 0l.737-.697a.32.32 0 0 0 .1-.232V9.99a.08.08 0 0 1 .08-.08h2.963a.32.32 0 0 0 .32-.32v-.56c0-.445-.195-.752-.472-1.066s-.85-.692-1.241-.692Z"
+  })));
+};
+var _path$P, _path2$f;
+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 SvgIconPlayLarge = function SvgIconPlayLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$P({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$P || (_path$P = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M12 20.333a8.333 8.333 0 1 0 0-16.666 8.333 8.333 0 0 0 0 16.666M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10"
+  })), _path2$f || (_path2$f = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "m15.333 12.333-5.5-3.175v6.35zm1.334 1.155a1.333 1.333 0 0 0 0-2.31l-6.5-3.752c-.89-.513-2 .128-2 1.155v7.505a1.333 1.333 0 0 0 2 1.155z"
+  })));
+};
+var _path$O;
+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 SvgIconPlusCircleSmall = function SvgIconPlusCircleSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$O({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$O || (_path$O = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0m0 1.951A6.056 6.056 0 0 0 1.951 8 6.056 6.056 0 0 0 8 14.049 6.056 6.056 0 0 0 14.049 8 6.056 6.056 0 0 0 8 1.951m0 2.732c.497 0 .908.372.968.853l.008.123-.002 1.365h1.367c.456 0 .84.313.946.736l.022.118.008.122a.976.976 0 0 1-.853.968l-.123.008H8.974l.002 1.365a.976.976 0 0 1-.736.946l-.118.022-.122.008a.976.976 0 0 1-.968-.853l-.008-.123V8.976H5.66a.976.976 0 0 1-.946-.736l-.022-.118L4.683 8c0-.497.372-.908.853-.968l.123-.008h1.365V5.66c0-.456.313-.84.736-.946l.118-.022z"
+  })));
+};
+var _path$N;
+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 SvgIconPlusSmall = function SvgIconPlusSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$N({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$N || (_path$N = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M8 1.143a1 1 0 0 1 1 1V7h4.857a1 1 0 1 1 0 2H9v4.857a1 1 0 1 1-2 0V9H2.143a1 1 0 0 1 0-2H7V2.143a1 1 0 0 1 1-1"
+  })));
+};
+var _path$M, _path2$e;
+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 SvgIconProjectPrivateLarge = function SvgIconProjectPrivateLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$M({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$M || (_path$M = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "#CCC",
+    fillRule: "evenodd",
+    d: "M21.828 5.775c-.15-.225-.374-.375-.598-.525l.075-.525c.15-1.35-.822-2.55-2.167-2.625H9.576c-.224 0-.448-.075-.597-.3L8.232.9C7.709.375 7.036 0 6.289 0H3.675C3.002 0 2.33.3 1.882.825c-.523.525-.747 1.2-.673 1.95l.3 2.4c-.3.15-.598.3-.897.6A2.48 2.48 0 0 0 .014 7.65l.822 9.375A2.76 2.76 0 0 0 3.6 19.5h9.637c-.075-.3-.075-.6-.075-.9 0-.225 0-.525.075-.75H3.6c-.598 0-1.046-.45-1.046-.975L1.658 7.5a.85.85 0 0 1 .224-.6c.15-.15.373-.3.597-.3h17.556c.224 0 .448.075.597.3a.85.85 0 0 1 .224.6l-.522 5.7c.597.15 1.12.45 1.568.75l.598-6.3c0-.675-.224-1.35-.672-1.875m-2.241-.825H3.152l-.3-2.4c0-.225.076-.45.225-.6s.374-.3.598-.3h2.614c.224 0 .449.075.598.3l.747.9c.448.6 1.12.9 1.868.9h9.263c.224 0 .448.075.597.225.15.15.225.375.225.6z"
+  })), _path2$e || (_path2$e = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M18.375 12.75c3.15 0 5.625 2.55 5.625 5.625S21.45 24 18.375 24s-5.625-2.55-5.625-5.625 2.55-5.625 5.625-5.625m0 1.95c-1.05 0-1.95.9-1.95 1.95v.675c-.375 0-.675.3-.675.675v2.625c0 .375.3.675.675.675h3.9c.375 0 .675-.3.675-.675V18c0-.375-.3-.675-.675-.675v-.675c0-1.05-.9-1.95-1.95-1.95m0 3.75c.3 0 .525.225.45.45q0 .337-.225.45v.675q0 .225-.225.225t-.225-.225v-.675q-.225-.225-.225-.45c0-.225.15-.45.45-.45m0-3.075c.75 0 1.35.6 1.275 1.35v.675h-2.625v-.675c0-.75.6-1.35 1.35-1.35"
+  })));
+};
+var _path$L, _path2$d;
+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 SvgIconProjectPublicLarge = function SvgIconProjectPublicLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$L({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$L || (_path$L = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "#CCC",
+    fillRule: "evenodd",
+    d: "M13.123 19.05v-.45c0-.225 0-.525.075-.75H3.61c-.6 0-1.049-.45-1.049-.975L1.662 7.5c0-.225.075-.45.225-.6s.374-.3.6-.3h17.602c.225 0 .45.075.6.3.149.15.224.375.224.6l-.524 5.7c.3.075.524.15.748.3 0 0 .075 0 .075.075.225.15.45.225.675.375l.599-6.3a2.47 2.47 0 0 0-.6-1.875c-.15-.225-.374-.375-.599-.525l.075-.525c.15-1.35-.824-2.55-2.172-2.625H9.602c-.225 0-.45-.075-.6-.3L8.255.9C7.729.375 7.055 0 6.306 0H3.685C3.01 0 2.336.3 1.887.825c-.525.525-.75 1.2-.674 1.95l.3 2.4c-.3.15-.6.3-.9.6A2.48 2.48 0 0 0 .014 7.65l.824 9.375A2.767 2.767 0 0 0 3.61 19.5h9.662c-.075-.15-.075-.3-.15-.45ZM3.085 1.95c.15-.15.375-.3.6-.3h2.621c.225 0 .45.075.6.3l.749.9c.449.6 1.123.9 1.872.9h9.288a.85.85 0 0 1 .6.225.85.85 0 0 1 .224.6l-.075.375H3.085l-.224-2.4c0-.225.075-.45.224-.6"
+  })), _path2$d || (_path2$d = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M18.823 12.771c-3.437-.299-6.35 2.615-6.052 6.052.224 2.69 2.391 4.932 5.156 5.156 3.437.299 6.35-2.615 6.052-6.052a5.606 5.606 0 0 0-5.156-5.156m.673.822.672.224c.15.075.224.15.374.15.598.298 1.12.672 1.569 1.195 0 0 .075.075.075.15v.298c0 .075-.075.15-.075.225 0 .149.15.224.224.224h.299a.16.16 0 0 1 .15.15c.074.149.149.298.149.373.224.523.299 1.046.373 1.644 0 .074 0 .149-.074.224a1.6 1.6 0 0 0-.3.373c-.149.3-.298.747-.522.972-.15.15-.3.298-.3.448-.074.15 0 .299-.074.373 0 .075-.075.075-.15 0-.223-.298-.298-.597-.373-.896-.075-.224-.075-.448-.15-.747a1.16 1.16 0 0 0-.448-.598c-.224-.15-.523-.075-.747-.15-.299 0-.523-.074-.747-.298-.075-.075-.15-.224-.15-.3-.149-.597.225-1.27.748-1.568.075-.075.15-.075.224-.15.15-.15.224-.299.15-.523 0-.074-.075-.074-.075-.074-.15.074-.3.074-.374.149-.075 0-.15 0-.15-.075 0-.224 0-.448.075-.747s.15-.523 0-.747c0-.075-.074-.075-.15-.075h-.672a.58.58 0 0 0 .3-.299c.074.075.074.075.149.075m-2.391.075c.075 0 .075 0 .15.075.074.149.149.224.223.373.15.299.224.673.075.897-.15.299-.523.448-.822.672-.672.299-1.195.822-1.569 1.42l-.075.075c-.074 0-.074 0-.149-.075s-.15-.075-.224-.15c0 0-.075 0-.075.075a.75.75 0 0 0 .374.822c.074 0 .074.075.15.075.074.15 0 .299 0 .448 0 .224.298.299.447.299s.374-.15.598-.224a1.5 1.5 0 0 1 1.27.15c.224.149.374.298.523.447s.374.225.598.225c.075 0 .075 0 .15.074a.58.58 0 0 1-.15.598c-.15.224-.373.299-.523.523-.373.448-.523 1.12-.822 1.644-.075.075-.15.224-.224.299-.15.15-.15.299-.15.523 0 0 0 .075-.074.075-.075 0-.15-.075-.224-.075s-.075-.075-.075-.15a10.7 10.7 0 0 0-.672-2.017c-.15-.224-.3-.523-.523-.672-.075-.075-.15-.075-.15-.15v-.15a1.88 1.88 0 0 0-.747-1.718c-.075-.075-.224-.15-.224-.224-.075-.075-.075-.224-.075-.299l-.299-.299c-.075 0-.075-.075-.075-.15.3-1.643 1.644-2.988 3.363-3.436"
+  })));
+};
+var _path$K;
+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 SvgIconPuzzlePieceSmall = function SvgIconPuzzlePieceSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$K({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$K || (_path$K = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M6.43.81c.856 0 1.467.494 1.467 1.268 0 .342-.084.567-.316.908l-.156.22c-.31.428-.43.688-.43 1.089 0 1.074 1.03 1.312 2.673.987.397-.078.817-.187 1.249-.32l.316-.1.306-.104.384-.14-.01.037c-.069.248-.138.517-.203.797-.092.401-.167.792-.22 1.16-.21 1.493-.023 3.034.792 3.034a.9.9 0 0 0 .328-.064q.093-.035.198-.092l.112-.063c.06-.035.271-.166.31-.19.419-.252.742-.367 1.168-.367.81 0 1.316.651 1.316 1.553 0 .852-.49 1.444-1.274 1.444-.344 0-.57-.084-.913-.314l-.221-.155c-.43-.307-.69-.427-1.092-.427-.792 0-1.1.652-1.061 1.678.012.324.058.668.127 1.014l.058.267.024.104-.153.01a9 9 0 0 0-.397.038l-1.2.139-.147.014c-1.648.16-2.449-.02-2.449-.725 0-.283.079-.48.29-.782l.551-.585c.36-.478.32-.835.32-1.303 0-.95-.958-1.554-1.961-1.554-1.035 0-2.016.598-2.016 1.588 0 .432.061.884.343 1.269l.438.515c.035.044.203.246.245.3.082.103.138.183.176.257a.5.5 0 0 1 .063.221c0 .667-.791.948-2.156.9a12 12 0 0 1-1.458-.148l-.338-.056-.37-.073V5.143l.305.06a12 12 0 0 0 1.792.209c1.478.053 2.394-.28 2.394-1.185a.9.9 0 0 0-.066-.328 2 2 0 0 0-.16-.31l-.195-.308c-.26-.417-.379-.738-.379-1.161 0-.803.676-1.31 1.597-1.31Z"
+  })));
+};
+var _path$J;
+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 SvgIconQuestionMarkLarge = function SvgIconQuestionMarkLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$J({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$J || (_path$J = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M12.085 16.582a1.56 1.56 0 0 1 1.552 1.553 1.557 1.557 0 0 1-1.553 1.552c-.41 0-.81-.165-1.099-.454a1.56 1.56 0 0 1-.453-1.098c0-.409.165-.809.453-1.097.29-.29.69-.456 1.1-.456M12.06 3.937c2.712 0 5.004 1.846 5.126 4.113l.005.194-.007.243-.02.234c-.139 1.296-.816 2.134-2.243 3.221l-.216.167-.376.302c-.737.615-.988 1.007-1.057 1.657a.75.75 0 0 1-.75.74h-.783a.85.85 0 0 1-.85-.867c.134-1.41.877-2.342 2.347-3.462 1.243-.939 1.57-1.349 1.57-2.24 0-1.287-1.21-2.301-2.746-2.301l-.189.005-.194.016c-1.218.139-1.829.633-2.153 1.366a.97.97 0 0 1-.927.676h-.97a.56.56 0 0 1-.549-.676c.353-2.072 2.425-3.388 4.982-3.388"
+  })));
+};
+var _path$I;
+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 SvgIconQuoteLarge = function SvgIconQuoteLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$I({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$I || (_path$I = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M0 6.4C0 5.095 1.05 4 2.375 4h5.5C9.2 4 10.25 5.095 10.25 6.4v6.342c0 .585-.13 1.156-.391 1.687L7.909 18.4A2.84 2.84 0 0 1 5.358 20c-2.14 0-3.484-2.268-2.547-4.159l.001-.002.707-1.439H2.375C1.05 14.4 0 13.305 0 12zM2.375 6A.39.39 0 0 0 2 6.4V12c0 .235.188.4.375.4h3.553a.5.5 0 0 1 .448.72l-1.77 3.605-.002.004C4.306 17.33 4.748 18 5.36 18a.84.84 0 0 0 .748-.469l.004-.008 1.953-3.976q.186-.38.186-.805V6.4c0-.235-.188-.4-.375-.4zm11.375.4c0-1.305 1.05-2.4 2.375-2.4h5.5C22.95 4 24 5.095 24 6.4v6.342c0 .585-.13 1.156-.391 1.687l-1.95 3.972A2.84 2.84 0 0 1 19.108 20c-2.139 0-3.484-2.268-2.547-4.159l.001-.002.707-1.439h-1.145c-1.325 0-2.375-1.095-2.375-2.4zm2.375-.4a.39.39 0 0 0-.375.4V12c0 .235.188.4.375.4h3.553a.5.5 0 0 1 .448.72l-1.77 3.605-.002.004c-.298.601.144 1.271.755 1.271a.84.84 0 0 0 .748-.469l.004-.008 1.953-3.976q.186-.38.186-.805V6.4c0-.235-.188-.4-.375-.4z"
+  })));
+};
+var _path$H;
+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 SvgIconReadLarge = function SvgIconReadLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$H({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$H || (_path$H = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M11.375 4.116c0 .537-.408.979-.93 1.032h-.107l-1.964 3.57c-.196 0-.442.035-.647.223a.2.2 0 0 0-.027.028 3.56 3.56 0 0 1 2.644.797 3.06 3.06 0 0 1 3.082-.04 3.56 3.56 0 0 1 2.222-.776c.58 0 1.126.138 1.61.383l.542-1.2c.583-1.293 1.167-2.586 1.733-3.885.165-.376.451-.66.834-.799.275-.1.552-.097.644-.096h.018a1.036 1.036 0 0 1 .264 2.039h-.109c-.395.884-.769 1.779-1.143 2.673-.384.92-.768 1.839-1.175 2.748l-.04.08a3.57 3.57 0 1 1-6.475.255 1.31 1.31 0 0 0-.966.04 3.57 3.57 0 1 1-6.32-.595c.132-.387.322-.773.446-.99l3.273-5.728a1 1 0 0 1 .12-.169h.001l.001-.002.003-.003.005-.006.012-.013a1 1 0 0 1 .115-.111l.029-.026c.063-.057.145-.13.245-.192a1.97 1.97 0 0 1 1.023-.273c.572 0 1.036.464 1.037 1.036m-9.44 1.208A2.096 2.096 0 0 1 4.03 3.229h2.036a.81.81 0 1 1 0 1.619H4.03a.476.476 0 0 0-.476.476v13.5a.476.476 0 0 0 .476.477h13.5a.477.477 0 0 0 .477-.476V17.61a.81.81 0 0 1 .81-.818.81.81 0 0 1 .81.818v1.213a2.096 2.096 0 0 1-2.096 2.096H4.03a2.096 2.096 0 0 1-2.096-2.096zm11.888 7.197a1.825 1.825 0 1 1 3.65 0 1.825 1.825 0 0 1-3.65 0m-5.751-1.825a1.825 1.825 0 1 0 0 3.649 1.825 1.825 0 0 0 0-3.65Z"
+  })));
+};
+var _path$G;
+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 SvgIconRefreshLarge = function SvgIconRefreshLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$G({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$G || (_path$G = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "m18.098 6.612.037-1.674a.936.936 0 1 1 1.872.044l-.11 4.49a1.09 1.09 0 0 1-1.296 1.045l-4.388-.84a.968.968 0 0 1 .358-1.903l2.174.401a6.4 6.4 0 0 0-1.572-1.814 5.75 5.75 0 0 0-3.792-1.246c-1.357.056-2.657.602-3.694 1.551-.798.732-1.375 1.684-1.723 2.74-.171.52-.69.869-1.224.75-.51-.114-.844-.614-.698-1.117.445-1.535 1.254-2.919 2.398-3.967 1.366-1.251 3.08-1.97 4.869-2.044 1.788-.073 3.548.505 4.997 1.641a8.4 8.4 0 0 1 1.792 1.943M7.26 15.822a6.4 6.4 0 0 0 1.572 1.815c1.1.862 2.435 1.3 3.792 1.245 1.357-.056 2.657-.602 3.694-1.551.799-.732 1.375-1.684 1.723-2.74.171-.52.69-.869 1.224-.75.51.114.844.615.698 1.117-.445 1.535-1.254 2.92-2.397 3.967-1.366 1.251-3.08 1.971-4.87 2.044-1.788.073-3.548-.505-4.997-1.641a8.4 8.4 0 0 1-1.792-1.943l-.037 1.674a.936.936 0 1 1-1.872-.044l.11-4.49a1.09 1.09 0 0 1 1.296-1.045l4.388.841a.968.968 0 0 1-.358 1.902z"
+  })));
+};
+var _path$F;
+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 SvgIconRefreshSmall = function SvgIconRefreshSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$F({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$F || (_path$F = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "m13.416 2.807-.032 1.453a7.3 7.3 0 0 0-1.556-1.687C10.57 1.586 9.042 1.085 7.49 1.148c-1.553.064-3.041.689-4.227 1.775-.993.91-1.695 2.11-2.082 3.444-.126.436.163.87.606.97.463.102.915-.2 1.063-.651.302-.918.803-1.744 1.496-2.38A5.05 5.05 0 0 1 7.553 2.96a5 5 0 0 1 3.291 1.081 5.5 5.5 0 0 1 1.365 1.575l-1.887-.348a.84.84 0 0 0-.31 1.652l3.582.686a1.143 1.143 0 0 0 1.357-1.094l.09-3.667a.813.813 0 1 0-1.625-.038M1.143 13.647a.813.813 0 1 0 1.625.038l.033-1.454a7.2 7.2 0 0 0 1.555 1.687c1.258.987 2.786 1.489 4.339 1.425 1.553-.063 3.04-.688 4.227-1.775.992-.909 1.695-2.11 2.081-3.443.127-.436-.162-.871-.606-.97-.463-.103-.914.2-1.062.65-.302.918-.803 1.744-1.497 2.38a5.05 5.05 0 0 1-3.206 1.346 5 5 0 0 1-3.292-1.08 5.6 5.6 0 0 1-1.365-1.576l1.888.348a.84.84 0 0 0 .31-1.651l-3.582-.687A1.143 1.143 0 0 0 1.233 9.98z"
+  })));
+};
+var _path$E, _path2$c, _path3$3;
+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 SvgIconReportLarge = function SvgIconReportLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$E({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$E || (_path$E = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M3.142 21.243h11.554a.77.77 0 1 0 0-1.54H3.912V2.756h9.244v3.851c0 .425.344.77.77.77h3.851V9.69a.77.77 0 1 0 1.54 0V6.61a.78.78 0 0 0-.226-.546l-4.62-4.62a.78.78 0 0 0-.545-.226H3.142a.77.77 0 0 0-.77.77v18.486c0 .425.345.77.77.77ZM14.696 3.846l1.992 1.992h-1.992z"
+  })), _path2$c || (_path2$c = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M11.615 9.305c0-2.18-2.018-4.627-2.104-4.73-.294-.35-.89-.35-1.184 0-.086.103-2.104 2.55-2.104 4.73A2.7 2.7 0 0 0 8.92 12a2.7 2.7 0 0 0 2.696-2.695Zm-3.851 0c0-.942.618-2.113 1.156-2.932.537.817 1.154 1.987 1.154 2.932a1.157 1.157 0 0 1-2.31 0m0 5.005a.77.77 0 0 1-.77.77h-.77a.77.77 0 1 1 0-1.54h.77a.77.77 0 0 1 .77.77m6.932 0a.77.77 0 0 1-.77.77h-3.852a.77.77 0 1 1 0-1.54h3.852a.77.77 0 0 1 .77.77m-6.932 3.082a.77.77 0 0 1-.77.77h-.77a.77.77 0 1 1 0-1.54h.77a.77.77 0 0 1 .77.77m6.932 0a.77.77 0 0 1-.77.77h-3.852a.77.77 0 1 1 0-1.54h3.852a.77.77 0 0 1 .77.77m.77-5.392v2.31a.77.77 0 0 0 .77.771v5.392a2.313 2.313 0 0 0 2.311 2.31 2.313 2.313 0 0 0 2.31-2.31V15.08a.77.77 0 0 0 .771-.77V12a.77.77 0 0 0-.77-.77h-4.622a.77.77 0 0 0-.77.77m3.851 8.473a.771.771 0 0 1-1.54 0V15.08h1.54zm-2.31-7.703h3.08v.77h-3.08z"
+  })), _path3$3 || (_path3$3 = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M2.372 20.473c0 .425.345.77.77.77h11.554a.77.77 0 1 0 0-1.54H3.912V2.756h9.244v3.851c0 .425.344.77.77.77h3.851V9.69a.77.77 0 1 0 1.54 0V6.61a.78.78 0 0 0-.226-.546l-4.62-4.62a.78.78 0 0 0-.545-.226H3.142a.77.77 0 0 0-.77.77v18.486Zm9.243-11.168c0-2.18-2.018-4.627-2.104-4.73-.294-.35-.89-.35-1.184 0-.086.103-2.104 2.55-2.104 4.73A2.7 2.7 0 0 0 8.92 12a2.7 2.7 0 0 0 2.696-2.695Zm-3.85 5.005a.77.77 0 0 1-.771.77h-.77a.77.77 0 1 1 0-1.54h.77a.77.77 0 0 1 .77.77Zm6.93 0a.77.77 0 0 1-.77.77h-3.85a.77.77 0 1 1 0-1.54h3.85a.77.77 0 0 1 .77.77m-6.93 3.082a.77.77 0 0 1-.771.77h-.77a.77.77 0 1 1 0-1.54h.77a.77.77 0 0 1 .77.77Zm6.93 0a.77.77 0 0 1-.77.77h-3.85a.77.77 0 1 1 0-1.54h3.85a.77.77 0 0 1 .77.77M15.467 12v2.31a.77.77 0 0 0 .77.771v5.392a2.313 2.313 0 0 0 2.311 2.31 2.313 2.313 0 0 0 2.31-2.31V15.08a.77.77 0 0 0 .771-.77V12a.77.77 0 0 0-.77-.77h-4.622a.77.77 0 0 0-.77.77M7.764 9.305c0-.942.618-2.113 1.156-2.932.537.817 1.154 1.987 1.154 2.932a1.157 1.157 0 0 1-2.31 0m8.924-3.467-1.992-1.992v1.992zm2.63 14.635a.771.771 0 0 1-1.541 0V15.08h1.54v5.392Zm.77-7.703h-3.081v.77h3.08v-.77Z"
+  })));
+};
+var _path$D;
+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 SvgIconRocketLarge = function SvgIconRocketLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$D({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$D || (_path$D = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M13.443 5.465c1.19-1.19 2.877-1.622 4.374-1.707a10 10 0 0 1 1.887.067 6 6 0 0 1 .405.066q.034.166.067.405c.064.484.108 1.147.066 1.886-.086 1.497-.517 3.183-1.708 4.375-.614.615-2.2 1.92-3.672 3.1-.728.584-1.415 1.127-1.921 1.524l-.297.233-.486-.486-.007-.006-.996-.997 2.024-2.024a.762.762 0 1 0-1.08-1.08l-2.024 2.024-1.49-1.489.233-.298c.398-.505.942-1.193 1.525-1.92 1.182-1.473 2.485-3.058 3.1-3.673m-3.368 9.54 2.167 2.167c.327.334.433.91.381 1.58a5.3 5.3 0 0 1-.216 1.119l-.004.013a.765.765 0 0 0 1.202.841l.001-.001.004-.002.011-.01.039-.032a12 12 0 0 0 .6-.543c.376-.364.873-.887 1.35-1.516.896-1.188 1.856-2.946 1.478-4.801 1.05-.859 2.036-1.693 2.526-2.183 1.569-1.57 2.057-3.694 2.152-5.368.05-.846 0-1.607-.077-2.176a7 7 0 0 0-.129-.716 3 3 0 0 0-.077-.264 2 2 0 0 0-.057-.137.86.86 0 0 0-.401-.401 1 1 0 0 0-.14-.058 3 3 0 0 0-.262-.077 7 7 0 0 0-.717-.13 12 12 0 0 0-2.175-.077c-1.674.096-3.799.584-5.368 2.152-.493.493-1.336 1.49-2.2 2.549-1.838-.352-3.575.6-4.752 1.488a13.3 13.3 0 0 0-1.944 1.814q-.076.087-.116.135l-.032.04-.009.01-.003.004h-.001a.764.764 0 0 0 .842 1.202l.013-.004a5 5 0 0 1 .303-.084c.212-.05.5-.106.814-.13.676-.053 1.256.055 1.589.388l1.156 1.156.004.005.968.967-1.233 1.233a.763.763 0 1 0 1.08 1.08zM7.45 10.33l.168-.214c.357-.455.832-1.055 1.348-1.701-.897.117-1.814.607-2.635 1.227a9 9 0 0 0-.314.247c.471.042.977.165 1.433.44Zm6.94 7.37c.635-.84 1.133-1.778 1.236-2.697-.662.53-1.278 1.016-1.742 1.38l-.205.162c.293.464.42.986.465 1.47q.124-.152.247-.314Zm2.456-9.62c-.298.298-.726.268-.96.035s-.263-.663.034-.96.727-.267.96-.034.263.662-.034.96Zm1.08 1.08c-.871.872-2.268.887-3.12.035s-.836-2.25.034-3.12 2.268-.886 3.12-.034.837 2.249-.034 3.12ZM6.672 18.408a.764.764 0 0 0-1.08-1.08l-3.154 3.154a.764.764 0 0 0 1.08 1.08zm3.957-.667c.26.333.2.813-.13 1.073l-3.54 2.768a.764.764 0 0 1-.941-1.203l3.539-2.769a.765.765 0 0 1 1.072.131M5.183 13.5a.765.765 0 0 1 1.204.941l-2.77 3.54a.763.763 0 1 1-1.202-.941z"
+  })));
+};
+var _path$C, _path2$b;
+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 SvgIconSaveLarge = function SvgIconSaveLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$C({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$C || (_path$C = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M15.98 14.544a3.98 3.98 0 1 1-7.96 0 3.98 3.98 0 0 1 7.96 0m-1.713 0a2.267 2.267 0 1 1-4.534 0 2.267 2.267 0 0 1 4.534 0"
+  })), _path2$b || (_path2$b = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M3.182 2.182a1 1 0 0 0-1 1v17.636a1 1 0 0 0 1 1h17.636a1 1 0 0 0 1-1V7.024a1 1 0 0 0-.293-.707l-3.842-3.842a1 1 0 0 0-.707-.293zm13.92 2.134 3.003 3.003v12.787H3.895V3.895h3v3.854a1 1 0 0 0 1 1h8.207a1 1 0 0 0 1-1zm-8.495 2.72V3.895h6.782v3.14z"
+  })));
+};
+var _path$B;
+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 SvgIconSearchLarge = function SvgIconSearchLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$B({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$B || (_path$B = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M15.491 14.03a7.87 7.87 0 0 0-.681-10.35 7.874 7.874 0 0 0-11.132 0 7.865 7.865 0 0 0 0 11.127 7.876 7.876 0 0 0 10.355.682 1 1 0 0 0 .072.08l6.75 6.75a1.036 1.036 0 0 0 1.466-1.465l-6.75-6.75a1 1 0 0 0-.08-.072Zm-2.184-8.926a5.8 5.8 0 1 1-8.203 8.203 5.8 5.8 0 0 1 8.203-8.203"
+  })));
+};
+var _path$A, _path2$a;
+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 SvgIconSearchLinesHorizontal3Large = function SvgIconSearchLinesHorizontal3Large(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$A({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$A || (_path$A = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M6.51 5.694a.818.818 0 1 0 0 1.636h4.362a.818.818 0 0 0 0-1.636zM5.692 9.24c0-.453.366-.819.818-.819h6.543a.818.818 0 0 1 0 1.636H6.51a.82.82 0 0 1-.818-.818Zm.818 1.908a.818.818 0 1 0 0 1.637h2.726a.818.818 0 1 0 0-1.637z"
+  })), _path2$a || (_path2$a = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M14.81 3.679a7.87 7.87 0 0 1 .681 10.352q.04.033.08.071l6.75 6.751a1.036 1.036 0 0 1-1.465 1.466l-6.751-6.75a1 1 0 0 1-.072-.08 7.876 7.876 0 0 1-10.355-.683 7.865 7.865 0 0 1 0-11.127 7.874 7.874 0 0 1 11.132 0m-1.503 9.628a5.8 5.8 0 1 0-8.203-8.203 5.8 5.8 0 0 0 8.203 8.203"
+  })));
+};
+var _path$z, _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 SvgIconSearchLinesHorizontal3Small = function SvgIconSearchLinesHorizontal3Small(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$z({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$z || (_path$z = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M4.378 3.799a.516.516 0 1 0 0 1.033h3.099a.516.516 0 1 0 0-1.033zm-.516 2.324c0-.285.23-.517.516-.517H8.51a.516.516 0 1 1 0 1.033H4.378a.516.516 0 0 1-.516-.516m.516 1.291a.516.516 0 1 0 0 1.033h2.066a.516.516 0 0 0 0-1.033z"
+  })), _path2$9 || (_path2$9 = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M9.843 2.508a5.19 5.19 0 0 1 .501 6.753 1 1 0 0 1 .079.07l4.36 4.36a.773.773 0 1 1-1.093 1.094l-4.36-4.361a1 1 0 0 1-.07-.08 5.187 5.187 0 1 1 .583-7.836m-1.144 6.19a3.602 3.602 0 1 0-5.095-5.095A3.602 3.602 0 0 0 8.7 8.698Z"
+  })));
+};
+var _path$y;
+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 SvgIconSearchSmall = function SvgIconSearchSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$y({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$y || (_path$y = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10.343 9.261a5.186 5.186 0 0 0-7.832-6.752 5.184 5.184 0 0 0 6.749 7.835 1 1 0 0 0 .069.08l4.36 4.359a.773.773 0 0 0 1.093-1.094l-4.36-4.36a1 1 0 0 0-.079-.068M8.7 3.605a3.601 3.601 0 1 1-5.093 5.093A3.601 3.601 0 0 1 8.7 3.605"
+  })));
+};
+var _path$x;
+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 SvgIconShareLarge = function SvgIconShareLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$x({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$x || (_path$x = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M18.145 19.726a1.94 1.94 0 0 1-2.63.742 1.87 1.87 0 0 1-.755-2.578c.526-.92 1.685-1.234 2.64-.717.944.512 1.271 1.634.745 2.553m-12.115-5.2c-1.038 0-1.877-.819-1.877-1.828s.839-1.828 1.877-1.828 1.878.818 1.878 1.828-.84 1.827-1.878 1.827Zm9.485-9.495a1.945 1.945 0 0 1 2.63.743c.526.92.199 2.042-.746 2.553-.954.519-2.113.202-2.639-.717-.524-.914-.184-2.07.755-2.58Zm2.79 10.559c-1.491-.808-3.342-.5-4.546.742l-4.24-2.224a3.6 3.6 0 0 0 .29-1.41c0-.466-.098-.909-.26-1.321l4.21-2.21c1.204 1.244 3.055 1.551 4.546.743 1.825-.989 2.483-3.24 1.468-5.017l-.078-.134-.004.003c-1.052-1.677-3.296-2.261-5.074-1.296-1.483.804-2.194 2.492-1.753 4.137L8.469 9.909a3.8 3.8 0 0 0-2.44-.89c-2.088 0-3.779 1.646-3.779 3.68 0 2.031 1.691 3.679 3.78 3.679.897 0 1.71-.318 2.36-.827l4.474 2.348c-.44 1.643.27 3.331 1.753 4.136 1.778.964 4.022.38 5.074-1.297l.004.003.078-.134c1.015-1.776.357-4.027-1.468-5.017"
+  })));
+};
+var _path$w;
+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 SvgIconSlidersHorizontalLarge = function SvgIconSlidersHorizontalLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$w({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$w || (_path$w = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M15.767 3.535a2.46 2.46 0 0 1 2.32 1.641h2.848a.818.818 0 1 1 0 1.637h-2.848a2.46 2.46 0 0 1-4.64 0H3.07a.818.818 0 0 1 0-1.637h10.376a2.46 2.46 0 0 1 2.32-1.641Zm.5 3.373a1.04 1.04 0 0 0 .54-.912c0-.333-.157-.63-.4-.82h.005a1.04 1.04 0 0 0-1.29 0h.005a1.038 1.038 0 0 0 .64 1.86c.18 0 .351-.047.5-.128M7.31 9.544a2.46 2.46 0 0 1 2.321 1.642h11.303a.818.818 0 1 1 0 1.636H9.631a2.46 2.46 0 0 1-4.64 0H3.07a.818.818 0 0 1 0-1.636h1.92a2.46 2.46 0 0 1 2.32-1.642m.5 3.374a1.038 1.038 0 0 0 .14-1.732h.006a1.04 1.04 0 0 0-1.29 0h.005a1.038 1.038 0 0 0 .14 1.732 1.04 1.04 0 0 0 1 0Zm6.918 4.283a2.46 2.46 0 0 0-4.644 0H3.07a.818.818 0 0 0 0 1.637h7.017a2.46 2.46 0 0 0 4.636 0h6.21a.818.818 0 1 0 0-1.637zm-1.686 1.637a1.03 1.03 0 0 1-.636.217 1.03 1.03 0 0 1-.636-.217 1.038 1.038 0 0 1-.011-1.637h-.005a1.04 1.04 0 0 1 1.304 0h-.005a1.038 1.038 0 0 1-.01 1.637Z"
+  })));
+};
+var _path$v;
+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 SvgIconSpeechBubblesLarge = function SvgIconSpeechBubblesLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 25,
+    height: 24
+  }, props), _path$v || (_path$v = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M19.69.927A.927.927 0 0 0 18.762 0H.927A.927.927 0 0 0 0 .927v13.516c0 .512.415.927.927.927h2.357v3.226a.927.927 0 0 0 1.555.683l4.255-3.909h.89v1.84c0 .512.416.927.928.927h6.136l2.75 2.79c.581.59 1.587.178 1.587-.652v-2.138h1.721a.927.927 0 0 0 .927-.927V5.441a.927.927 0 0 0-.927-.927H19.69zm0 5.147h2.796v10.504h-2.649v2.183l-2.152-2.183h-6.153V15.37h7.23a.927.927 0 0 0 .928-.927zM18.142 1.56H1.548v12.277h3.284v3.346l3.672-3.346h9.638zm-6.396 8.272c.302 0 .546.245.546.546v.443a.545.545 0 0 1-.546.546H5.212a.545.545 0 0 1-.545-.546v-.443c0-.301.244-.546.545-.546zM6.621 7.236c.301 0 .546.245.546.546v.443a.545.545 0 0 1-.546.546H5.212a.545.545 0 0 1-.545-.546v-.443c0-.301.244-.546.545-.546zm8.2 0c.301 0 .546.245.546.546v.443a.546.546 0 0 1-.546.546h-1.106a.545.545 0 0 1-.546-.546v-.443c0-.301.245-.546.546-.546zm-5.446 0c.302 0 .546.245.546.546v.443a.545.545 0 0 1-.546.546H8.086a.545.545 0 0 1-.545-.546v-.443c0-.301.244-.546.545-.546h1.29Zm2.875 0c.3 0 .545.245.545.546v.443a.545.545 0 0 1-.545.546h-1.41a.545.545 0 0 1-.545-.546v-.443c0-.301.244-.546.546-.546zm2.544-2.57c.302 0 .546.245.546.546v.443a.545.545 0 0 1-.546.546H5.212a.545.545 0 0 1-.545-.546v-.443c0-.301.244-.545.545-.545h9.582Z"
+  })));
+};
+var _path$u;
+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 SvgIconSquareOnDashedSquareLarge = function SvgIconSquareOnDashedSquareLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$u || (_path$u = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M9.103 9.226v4.845c0 .232.087.45.244.62.114.122.26.213.409.257l.089.021.074.01 4.94.003v4.844a1.18 1.18 0 0 1-.953 1.16l-.118.017-.111.005H4.259a1.18 1.18 0 0 1-1.159-.953l-.017-.118-.006-.11v-9.419A1.18 1.18 0 0 1 4.03 9.25l.118-.017.111-.006zm-1.396 1.4h-3.23v8.98h8.988v-3.23H9.879a2.2 2.2 0 0 1-1.168-.418l-.125-.097-.195-.187-.09-.09a2.22 2.22 0 0 1-.573-1.213l-.016-.153-.005-.15v-3.441Zm9.372 4.343c.371 0 .677.292.677.65a.66.66 0 0 1-.524.633l-.078.013-.075.004h-.66a.66.66 0 0 1-.672-.65c0-.3.213-.558.513-.63l.076-.015.082-.005zm2.405-.431c.175-.29.501-.413.813-.272a.613.613 0 0 1 .318.842c-.258.566-.78.93-1.401.99-.37.036-.66-.156-.696-.525a.67.67 0 0 1 .448-.698l.075-.022.127-.02a.4.4 0 0 0 .213-.123l.036-.048zm.789-4.29c.3 0 .558.212.63.512l.015.077.005.082v1.58c0 .37-.291.671-.65.671a.655.655 0 0 1-.63-.513l-.015-.076-.005-.082v-1.58a.66.66 0 0 1 .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-.63-.513l-.015-.076-.005-.082v-1.58a.66.66 0 0 1 .65-.672ZM8.54 5.927c.312 0 .58.212.655.512l.014.077.006.082V7.67a.675.675 0 0 1-1.33.159l-.015-.077-.005-.082V6.599c0-.371.302-.672.675-.672m1.084-2.73a.672.672 0 0 1 .202 1.317l-.076.017-.129.012a.4.4 0 0 0-.22.11l-.039.045-.074.12a.672.672 0 0 1-1.144-.7 1.74 1.74 0 0 1 1.48-.921m9.585-.065a1.75 1.75 0 0 1 1.48.922.671.671 0 0 1-1.096.76l-.053-.067-.036-.06a.4.4 0 0 0-.228-.193l-.057-.014-.055-.005a.672.672 0 0 1 .044-1.343Zm-5.915-.141c.371 0 .672.291.672.65a.655.655 0 0 1-.513.63l-.077.015-.082.005h-1.58a.66.66 0 0 1-.67-.65c0-.301.212-.558.512-.63l.077-.015.082-.005h1.58Zm3.793 0c.371 0 .672.291.672.65a.655.655 0 0 1-.513.63l-.077.015-.082.005h-1.58a.66.66 0 0 1-.671-.65c0-.301.212-.558.513-.63l.076-.015.082-.005z"
+  })));
+};
+var _path$t;
+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 SvgIconStarburstSmall = function SvgIconStarburstSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$t || (_path$t = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "m.91 6.341 1.513-.908a.8.8 0 0 0 .388-.672l.03-1.764a.8.8 0 0 1 .926-.777l1.743.277a.8.8 0 0 0 .729-.266L7.396.9a.8.8 0 0 1 1.208 0L9.76 2.231a.8.8 0 0 0 .73.266l1.742-.277a.8.8 0 0 1 .925.777l.03 1.764a.8.8 0 0 0 .388.672l1.513.908a.8.8 0 0 1 .21 1.19l-1.11 1.37a.8.8 0 0 0-.136.765l.575 1.668a.8.8 0 0 1-.604 1.046l-1.732.336a.8.8 0 0 0-.594.499c-.441-.186-1.4-.537-1.4-.537a2.3 2.3 0 0 1 1.708-1.435l.942-.182-.313-.907a2.3 2.3 0 0 1 .388-2.197l.603-.745-.822-.493a2.3 2.3 0 0 1-1.115-1.933l-.017-.958-.947.15a2.3 2.3 0 0 1-2.096-.763L8 2.491l-.629.724a2.3 2.3 0 0 1-2.096.763l-.947-.15-.017.959a2.3 2.3 0 0 1-1.115 1.932l-.822.493.603.745a2.3 2.3 0 0 1 .388 2.197l-.313.907.942.182a2.3 2.3 0 0 1 1.709 1.435l.343.895.838-.465.728 1.311-1.543.856a.8.8 0 0 1-1.135-.413l-.632-1.647a.8.8 0 0 0-.594-.499l-1.732-.336a.8.8 0 0 1-.604-1.046l.575-1.668a.8.8 0 0 0-.135-.765l-1.11-1.37A.8.8 0 0 1 .91 6.34Zm9.044 7.232.343-.895s.96.35 1.4.537l-.631 1.647a.8.8 0 0 1-1.135.413l-1.543-.856a.8.8 0 0 0-.776 0l-.728-1.311a2.3 2.3 0 0 1 2.232 0z"
+  })));
+};
+var _path$s, _path2$8;
+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 SvgIconStarLarge = function SvgIconStarLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$s || (_path$s = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "m11.992 8.712-.64 1.538a1.86 1.86 0 0 1-1.563 1.136l-1.66.133 1.264 1.084c.528.452.759 1.162.598 1.838l-.387 1.62 1.422-.868a1.86 1.86 0 0 1 1.933 0l1.421.868-.386-1.62a1.85 1.85 0 0 1 .597-1.838l1.265-1.084-1.66-.133a1.86 1.86 0 0 1-1.564-1.136zM13 7.015c-.372-.896-1.641-.896-2.014 0L9.892 9.642a.27.27 0 0 1-.23.167l-2.837.228c-.967.077-1.36 1.284-.622 1.916l2.161 1.851a.27.27 0 0 1 .088.27l-.66 2.769c-.225.944.801 1.69 1.63 1.184l2.428-1.484a.27.27 0 0 1 .284 0l2.43 1.484c.827.505 1.854-.24 1.629-1.184l-.66-2.769a.27.27 0 0 1 .087-.27l2.162-1.851c.737-.632.344-1.839-.623-1.916l-2.837-.228a.27.27 0 0 1-.23-.167z"
+  })), _path2$8 || (_path2$8 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M11.201 2.111a.79.79 0 1 1 1.582 0v1.69a.791.791 0 0 1-1.582 0zm11.055 9.091a.79.79 0 0 1 0 1.582h-1.691a.79.79 0 0 1 0-1.582zm-3.466-7.13a.791.791 0 0 1 1.119 1.119l-1.196 1.195a.79.79 0 1 1-1.119-1.118zm1.945 14.727a.79.79 0 1 1-1.119 1.118l-1.195-1.195a.79.79 0 1 1 1.118-1.119zm-9.534 1.386a.79.79 0 0 1 1.582 0v1.69a.791.791 0 0 1-1.582 0zM3.42 11.202a.79.79 0 1 1 0 1.582H1.73a.79.79 0 1 1 0-1.582zm1.028 6.401a.79.79 0 1 1 1.119 1.119L4.37 19.917A.791.791 0 0 1 3.253 18.8zM6.39 5.268a.79.79 0 1 1-1.12 1.118L4.076 5.191a.79.79 0 1 1 1.119-1.119z"
+  })));
+};
+var _path$r;
+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 SvgIconTableSmall = function SvgIconTableSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M14.5 1.143h-13a1.5 1.5 0 0 0-1.5 1.5v11a1.5 1.5 0 0 0 1.5 1.5h13a1.5 1.5 0 0 0 1.5-1.5v-11a1.5 1.5 0 0 0-1.5-1.5m-7.071 12.2h-6V10h6zm0-5.2h-6v-3.4h6zm7.142 5.2h-6V10h6zm0-5.2h-6v-3.4h6z"
+  })));
+};
+var _path$q, _path2$7, _path3$2;
+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 SvgIconTrashCanLarge = function SvgIconTrashCanLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M9.188 2.202a2.18 2.18 0 0 0-2.181 2.181v.648H4.102a.49.49 0 0 0-.49.491v.557c0 .27.219.49.49.49h15.796a.49.49 0 0 0 .491-.49v-.557a.49.49 0 0 0-.49-.49h-2.903v-.649a2.18 2.18 0 0 0-2.182-2.181zm-.64 2.201c0-.361.293-.654.655-.654h5.594c.362 0 .655.293.655.654v.62H8.548z"
+  })), _path2$7 || (_path2$7 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M17.714 7.828a.22.22 0 0 1 .218-.209h1.103c.124 0 .223.103.218.227l-.492 12.336c-.023.411-.213 1.007-.528 1.29s-.732.44-1.166.44H6.929c-.434 0-.852-.157-1.167-.44s-.501-.88-.524-1.29L4.733 7.845a.22.22 0 0 1 .218-.227h1.117c.117 0 .213.093.218.21l.506 12.296s.047.293.363.292l9.698.008c.308 0 .353-.316.353-.316z"
+  })), _path3$2 || (_path3$2 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M8.496 9.62a.44.44 0 0 1 .418-.454l.436-.02a.436.436 0 0 1 .454.418l.369 9.175a.44.44 0 0 1-.418.454l-.436.02a.435.435 0 0 1-.454-.418zm3.286-.469a.436.436 0 0 0-.436.437v9.15c0 .241.195.437.436.437h.437c.24 0 .436-.196.436-.437v-9.15a.436.436 0 0 0-.436-.437zm2.424.413a.435.435 0 0 1 .454-.417l.436.019c.24.01.428.214.418.455l-.378 9.174a.435.435 0 0 1-.454.417l-.436-.02a.44.44 0 0 1-.418-.454z"
+  })));
+};
+var _path$p;
+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 SvgIconTrashCanSmall = function SvgIconTrashCanSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10.633 1.6v.525h3.756a1.058 1.058 0 1 1 0 2.115h-.503l-.856 10.293A1.6 1.6 0 0 1 11.436 16H4.36a1.6 1.6 0 0 1-1.595-1.467L1.91 4.24h-.315a1.058 1.058 0 0 1 0-2.115h3.53V1.6a1.6 1.6 0 0 1 1.6-1.6h2.308a1.6 1.6 0 0 1 1.6 1.6m-1.44-.32H6.585v.826h2.608zM5.037 13.434a.574.574 0 0 0 1.147-.062l-.39-7.183a.574.574 0 1 0-1.146.062l.39 7.183Zm2.71.514a.573.573 0 0 0 .574-.574V6.211a.573.573 0 1 0-1.147 0v7.163c0 .317.257.574.574.574Zm2.11.01a.574.574 0 0 0 .6-.543l.39-7.182A.574.574 0 1 0 9.7 6.17l-.389 7.183a.574.574 0 0 0 .545.604Z"
+  })));
+};
+var _path$o;
+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 SvgIconTreeDendogramLarge = function SvgIconTreeDendogramLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$o || (_path$o = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M20.812 6.325a1.4 1.4 0 1 0-1.158-2.188H12a.79.79 0 0 0-.788.788v2.842H7.8a.787.787 0 0 0-.788.788v4.138H4.425a1.4 1.4 0 1 0 0 1.575h2.587v4.657c0 .435.353.787.788.787h11.854a1.399 1.399 0 0 0 2.558-.787 1.4 1.4 0 0 0-2.557-.788H8.587V9.342h2.625v2.324c0 .435.353.787.788.787h7.655a1.4 1.4 0 1 0 0-1.575h-6.868V5.712h6.868c.252.37.676.613 1.157.613"
+  })));
+};
+var _path$n;
+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 SvgIconTreeHorizontalLarge = function SvgIconTreeHorizontalLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M18.784 17.275c.85 0 1.517.663 1.517 1.51 0 .854-.667 1.524-1.517 1.524a1.53 1.53 0 0 1-1.531-1.525c0-.846.673-1.509 1.531-1.509M5.232 13.527c-.85 0-1.517-.67-1.517-1.524 0-.847.667-1.51 1.517-1.51.859 0 1.532.663 1.532 1.51a1.53 1.53 0 0 1-1.532 1.524M18.784 3.69c.85 0 1.517.67 1.517 1.525 0 .846-.667 1.509-1.517 1.509-.858 0-1.531-.663-1.531-1.51 0-.84.686-1.524 1.531-1.524m0 6.803c.85 0 1.517.663 1.517 1.51 0 .854-.667 1.524-1.517 1.524a1.53 1.53 0 0 1-1.531-1.524c0-.847.673-1.51 1.531-1.51M15.84 12.84c.345 1.323 1.608 2.345 2.944 2.345 1.636 0 3.078-1.547 3.078-3.182s-1.442-3.189-3.078-3.189c-1.343 0-2.605 1.036-2.944 2.368h-2.978V6.109h3c.365 1.286 1.617 2.182 2.922 2.182 1.636 0 3.078-1.44 3.078-3.076 0-1.635-1.442-3.077-3.078-3.077-1.353 0-2.64.967-2.955 2.313h-3.805c-.192 0-.486.117-.622.25-.14.135-.218.385-.22.59v5.89H8.17C7.832 9.85 6.574 8.815 5.23 8.815c-1.642 0-3.093 1.55-3.093 3.189 0 1.595 1.492 3.182 3.094 3.182 1.337 0 2.595-1.022 2.939-2.345h3.01v5.892c.007.393.449.817.842.817h3.806c.316 1.343 1.604 2.313 2.955 2.313 1.636 0 3.078-1.443 3.078-3.078s-1.442-3.075-3.078-3.075c-1.305 0-2.557.895-2.922 2.182h-3V12.84z"
+  })));
+};
+var _path$m, _path2$6;
+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 SvgIconTreeHorizontalPrivateLarge = function SvgIconTreeHorizontalPrivateLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "#CCC",
+    fillRule: "evenodd",
+    d: "M13.71 15.9H9.652v-4.8h2.987a2.68 2.68 0 0 0 2.605 2.025c1.531 0 2.757-1.2 2.757-2.7s-1.226-2.7-2.757-2.7a2.68 2.68 0 0 0-2.605 2.025H9.651v-4.8h2.987c.307 1.2 1.379 1.95 2.605 1.95C16.774 6.9 18 5.7 18 4.2s-1.226-2.7-2.757-2.7c-1.226 0-2.375.9-2.605 2.1h-3.6q-.23 0-.46.225-.229.225-.23.45V9.75H5.363a2.68 2.68 0 0 0-2.605-2.025c-1.531 0-2.757 1.2-2.757 2.7v.075c.077 1.425 1.302 2.625 2.757 2.625A2.68 2.68 0 0 0 5.362 11.1h2.987v5.475a.68.68 0 0 0 .69.675h4.059c.076-.525.306-.9.613-1.35Zm1.533-6.825c.766 0 1.378.6 1.378 1.35s-.612 1.425-1.378 1.425-1.38-.6-1.38-1.425c-.076-.75.537-1.35 1.38-1.35m0-6.225c.766 0 1.378.6 1.378 1.425 0 .75-.612 1.35-1.378 1.35s-1.38-.6-1.38-1.35c-.076-.75.614-1.425 1.38-1.425m-12.562 9c-.766 0-1.379-.6-1.379-1.425 0-.75.613-1.35 1.379-1.35s1.455.6 1.455 1.35-.69 1.425-1.455 1.425"
+  })), _path2$6 || (_path2$6 = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M18.375 12.75c3.15 0 5.625 2.55 5.625 5.625S21.45 24 18.375 24s-5.625-2.55-5.625-5.625 2.55-5.625 5.625-5.625m0 1.95c-1.05 0-1.95.9-1.95 1.95v.675c-.375 0-.675.3-.675.675v2.625c0 .375.3.675.675.675h3.9c.375 0 .675-.3.675-.675V18c0-.375-.3-.675-.675-.675v-.675c0-1.05-.9-1.95-1.95-1.95m0 3.75c.3 0 .525.225.45.45q0 .337-.225.45v.675q0 .225-.225.225t-.225-.225v-.675q-.225-.225-.225-.45c0-.225.15-.45.45-.45m0-3.075c.75 0 1.35.6 1.275 1.35v.675h-2.625v-.675c0-.75.6-1.35 1.35-1.35"
+  })));
+};
+var _path$l, _path2$5;
+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 SvgIconTreeHorizontalPublicLarge = function SvgIconTreeHorizontalPublicLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "#CCC",
+    fillRule: "evenodd",
+    d: "M13.94 15.9H9.651v-4.8h2.987a2.68 2.68 0 0 0 2.605 2.025c1.531 0 2.757-1.2 2.757-2.7s-1.226-2.7-2.757-2.7a2.68 2.68 0 0 0-2.605 2.025H9.651v-4.8h2.987c.307 1.2 1.379 1.95 2.605 1.95C16.774 6.9 18 5.7 18 4.2s-1.226-2.7-2.757-2.7c-1.226 0-2.375.9-2.605 2.1h-3.6q-.23 0-.46.225-.229.225-.23.45V9.75H5.363a2.68 2.68 0 0 0-2.605-2.025c-1.531 0-2.757 1.2-2.757 2.7v.075c.077 1.425 1.302 2.625 2.757 2.625A2.68 2.68 0 0 0 5.362 11.1h2.987v5.475a.68.68 0 0 0 .69.675h4.289a2.75 2.75 0 0 1 .612-1.35m1.303-6.825c.766 0 1.378.6 1.378 1.35s-.612 1.425-1.378 1.425-1.38-.6-1.38-1.425c-.076-.75.537-1.35 1.38-1.35m0-6.225c.766 0 1.378.6 1.378 1.425 0 .75-.612 1.35-1.378 1.35s-1.38-.6-1.38-1.35c-.076-.75.614-1.425 1.38-1.425m-12.562 9c-.766 0-1.379-.6-1.379-1.425 0-.75.613-1.35 1.379-1.35s1.455.6 1.455 1.35-.69 1.425-1.455 1.425"
+  })), _path2$5 || (_path2$5 = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M18.823 12.771c-3.437-.299-6.35 2.615-6.052 6.052.224 2.69 2.391 4.932 5.156 5.156 3.437.299 6.35-2.615 6.052-6.052-.224-2.765-2.391-5.006-5.156-5.156m.673.747.672.224c.15.075.224.15.374.15.598.299 1.12.672 1.569 1.195 0 0 .075.075.075.15v.299c0 .074-.075.15-.075.224 0 .15.15.224.224.224h.299a.16.16 0 0 1 .15.15c.074.149.149.298.149.373.224.523.299 1.046.373 1.644 0 .075 0 .15-.074.224a1.6 1.6 0 0 0-.3.374c-.149.299-.298.747-.522.97-.15.15-.3.3-.3.45-.074.149 0 .298-.074.373 0 .074-.075.074-.15 0-.223-.299-.298-.598-.373-.897-.075-.224-.075-.448-.15-.747a1.16 1.16 0 0 0-.448-.598c-.224-.15-.523-.074-.747-.15-.299 0-.523-.074-.747-.298-.075-.075-.15-.224-.15-.299-.149-.598.225-1.27.748-1.569.075-.075.15-.075.224-.15.15-.149.224-.298.15-.522 0-.075-.075-.075-.075-.075-.15.075-.3.075-.374.15-.075 0-.15 0-.15-.075 0-.225 0-.449.075-.748s.15-.523 0-.747c0-.075-.074-.075-.15-.075h-.672a.58.58 0 0 0 .3-.298c.074.149.149.074.149.074m-2.391.075c.075 0 .075 0 .15.075.074.15.149.224.223.373.15.3.224.673.075.897-.15.299-.523.448-.822.672-.672.3-1.195.822-1.569 1.42l-.075.075c-.074 0-.074 0-.149-.075s-.15-.075-.224-.15c0 0-.075 0-.075.075a.75.75 0 0 0 .374.822c.074 0 .074.075.15.075.074.15 0 .299 0 .448 0 .224.298.3.447.3.225 0 .374-.15.598-.225a1.5 1.5 0 0 1 1.27.15c.224.149.374.298.523.448s.374.224.598.224c.075 0 .075 0 .15.075a.58.58 0 0 1-.15.597c-.15.224-.373.3-.523.523-.373.449-.523 1.121-.822 1.644-.075.075-.15.224-.224.3-.075.149-.075.298-.075.522 0 0 0 .075-.074.075-.075 0-.15-.075-.224-.075s-.075-.075-.075-.15a10.7 10.7 0 0 0-.673-2.017c-.15-.224-.299-.523-.523-.672-.074-.075-.15-.075-.15-.15v-.15a1.88 1.88 0 0 0-.746-1.718c-.075-.074-.225-.149-.225-.224s-.074-.224-.074-.299l-.3-.299c-.074 0-.074-.074-.074-.149.3-1.569 1.57-2.989 3.288-3.437"
+  })));
+};
+var _path$k;
+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 SvgIconTreeHorizontalSmall = function SvgIconTreeHorizontalSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M13.162 1.143c1.121 0 2 .874 2 1.99 0 1.127-.879 2.01-2 2.01A2.02 2.02 0 0 1 11.341 4H8.286v3.143h3.042A2 2 0 0 1 13.162 6c1.121 0 2 .874 2 1.99 0 1.127-.879 2.01-2 2.01a2.02 2.02 0 0 1-1.821-1.142H8.286V12h3.042a2 2 0 0 1 1.834-1.143c1.121 0 2 .875 2 1.99 0 1.127-.879 2.01-2 2.01a2.02 2.02 0 0 1-1.821-1.142H7.429a.86.86 0 0 1-.85-.742l-.008-.116v-4l-2.17.001c-.317.681-1 1.142-1.81 1.142A2.016 2.016 0 0 1 .57 7.99C.571 6.875 1.46 6 2.591 6c.815 0 1.502.462 1.816 1.143H6.57v-4c0-.434.323-.793.741-.85l.117-.007h3.9a2 2 0 0 1 1.833-1.143Z"
+  })));
+};
+var _path$j;
+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 SvgIconTreeHorizontalTopRightFilledLarge = function SvgIconTreeHorizontalTopRightFilledLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M18.784 17.276c.85 0 1.517.663 1.517 1.508 0 .855-.667 1.525-1.517 1.525a1.53 1.53 0 0 1-1.531-1.525c0-.845.673-1.508 1.531-1.508m-13.552-3.75c-.85 0-1.517-.67-1.517-1.523 0-.847.667-1.51 1.517-1.51.859 0 1.532.663 1.532 1.51a1.53 1.53 0 0 1-1.532 1.524Zm13.552-3.033c.85 0 1.517.663 1.517 1.51 0 .854-.667 1.524-1.517 1.524a1.53 1.53 0 0 1-1.531-1.524c0-.847.673-1.51 1.531-1.51M15.84 12.84c.345 1.323 1.608 2.345 2.944 2.345 1.636 0 3.078-1.547 3.078-3.182s-1.442-3.188-3.078-3.188c-1.343 0-2.605 1.035-2.944 2.367h-2.978V6.109h3c.365 1.287 1.617 2.182 2.922 2.182 1.636 0 3.078-1.44 3.078-3.076 0-1.635-1.442-3.077-3.078-3.077-1.353 0-2.64.967-2.955 2.313h-3.805c-.192 0-.486.117-.622.25-.14.135-.218.385-.22.59v5.89H8.17c-.339-1.33-1.597-2.366-2.94-2.366-1.642 0-3.093 1.549-3.093 3.188 0 1.595 1.492 3.182 3.094 3.182 1.337 0 2.595-1.022 2.939-2.345h3.01v5.892c.008.393.449.817.842.817h3.806c.316 1.343 1.604 2.313 2.955 2.313 1.636 0 3.078-1.443 3.078-3.078s-1.442-3.075-3.078-3.075c-1.305 0-2.557.895-2.922 2.182h-3V12.84z"
+  })));
+};
+var _path$i;
+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 SvgIconTreeVerticalSmall = function SvgIconTreeVerticalSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M5.571 1.143a2.142 2.142 0 0 1 .807 4.128l.008.012v3.595l.177-.064c.39-.129.838-.2 1.538-.271l.744-.073c1.008-.113 1.43-.248 1.696-.579q.233-.285.256-.887A2.155 2.155 0 0 1 9.43 5a2.142 2.142 0 1 1 4.285 0 2.15 2.15 0 0 1-1.457 2.033l.161-.063.01.02c-.012.701-.173 1.282-.49 1.752l-.126.17c-.665.826-1.473 1.059-3.284 1.226l-.667.07c-.515.063-.797.131-1.041.255a.8.8 0 0 0-.318.27l-.028.039a2.142 2.142 0 1 1-3.046 1.943c0-.96.63-1.771 1.5-2.047l-.13.046-.04-.093V5.283l.004-.013a2.141 2.141 0 0 1 .81-4.127Z"
+  })));
+};
+var _path$h;
+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 SvgIconTriangleDownSmall = function SvgIconTriangleDownSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M3.29 4.8h9.42a.7.7 0 0 1 .495 1.195l-4.71 4.71a.7.7 0 0 1-.99 0l-4.71-4.71A.7.7 0 0 1 3.29 4.8"
+  })));
+};
+var _path$g;
+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 SvgIconTriangleLeftSmall = function SvgIconTriangleLeftSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M11.2 3.29v9.42a.7.7 0 0 1-1.195.495l-4.71-4.71a.7.7 0 0 1 0-.99l4.71-4.71a.7.7 0 0 1 1.195.495"
+  })));
+};
+var _path$f;
+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 SvgIconTriangleRightSmall = function SvgIconTriangleRightSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M4.8 12.71V3.29a.7.7 0 0 1 1.195-.495l4.71 4.71a.7.7 0 0 1 0 .99l-4.71 4.71A.7.7 0 0 1 4.8 12.71"
+  })));
+};
+var _path$e;
+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 SvgIconTriangleUpSmall = function SvgIconTriangleUpSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M12.71 11.2H3.29a.7.7 0 0 1-.495-1.195l4.71-4.71a.7.7 0 0 1 .99 0l4.71 4.71a.7.7 0 0 1-.495 1.195"
+  })));
+};
+var _path$d;
+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 SvgIconUpdateLarge = function SvgIconUpdateLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M18.772 7.79a.873.873 0 0 1 1.21.239q.35.521.63 1.087a.873.873 0 1 1-1.565.773A8 8 0 0 0 18.532 9a.873.873 0 0 1 .24-1.21m1.88 4.131a.873.873 0 0 1 .928.815 10 10 0 0 1 0 1.255.873.873 0 0 1-1.742-.112 8 8 0 0 0 0-1.03.873.873 0 0 1 .815-.928Zm-.436 4.52c.432.215.61.738.396 1.17a10 10 0 0 1-.63 1.087.873.873 0 0 1-1.45-.97q.285-.428.515-.89a.873.873 0 0 1 1.169-.396Zm-16.431 0a.873.873 0 0 1 1.169.397q.228.462.514.89a.873.873 0 0 1-1.45.97 10 10 0 0 1-.63-1.087.873.873 0 0 1 .397-1.17m13.79 3.694c.268.4.16.943-.24 1.211q-.521.349-1.087.629a.873.873 0 0 1-.774-1.565q.464-.229.89-.514a.873.873 0 0 1 1.21.24Zm-11.149 0a.873.873 0 0 1 1.21-.24q.428.286.89.515a.873.873 0 1 1-.773 1.565 10 10 0 0 1-1.087-.629.873.873 0 0 1-.24-1.21Zm4.132 1.881a.873.873 0 0 1 .927-.814 8 8 0 0 0 1.03 0 .873.873 0 1 1 .113 1.741 10 10 0 0 1-1.255 0 .873.873 0 0 1-.815-.927m5.332-10.36c.34.34.34.893 0 1.234l-3.273 3.273a.873.873 0 0 1-1.234 0L9.201 13.98a.873.873 0 0 1 1.234-1.234L12 14.31l2.656-2.655a.873.873 0 0 1 1.234 0Zm1.091-6.402a.873.873 0 0 0 0-1.235l-2.717-2.716a.873.873 0 1 0-1.234 1.234l1.227 1.227H12a9.6 9.6 0 0 0-9.6 9.6.873.873 0 0 0 1.746 0A7.855 7.855 0 0 1 12 5.509h2.257L13.03 6.736a.873.873 0 0 0 1.235 1.234z"
+  })));
+};
+var _path$c;
+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 SvgIconUploadLarge = function SvgIconUploadLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M10.667 3.75c-2.942 0-5.408 2.128-6 4.956C2.042 9.044 0 11.306 0 14.069c0 2.995 2.393 5.43 5.333 5.43h.8a.8.8 0 0 0 .703-.403.83.83 0 0 0 0-.821.8.8 0 0 0-.703-.404h-.8c-2.082 0-3.733-1.682-3.733-3.802s1.651-3.802 3.733-3.802a.806.806 0 0 0 .8-.738c.229-2.328 2.176-4.15 4.534-4.15 1.286 0 2.319.496 3.158 1.375a.79.79 0 0 0 .858.195c.343-.132.872-.212 1.317-.212a3.503 3.503 0 0 1 3.475 3.08.81.81 0 0 0 .517.67c1.42.531 2.408 1.92 2.408 3.582 0 2.12-1.651 3.802-3.733 3.802h-.8a.8.8 0 0 0-.703.404.83.83 0 0 0 0 .821.8.8 0 0 0 .703.404h.8c2.94 0 5.333-2.436 5.333-5.431a5.41 5.41 0 0 0-3.033-4.88c-.488-2.342-2.54-4.081-4.967-4.081-.46 0-.936.074-1.4.195-1.057-.95-2.397-1.553-3.933-1.553m1.338 13.03a.8.8 0 0 0 .566-.248.82.82 0 0 0 .226-.584v-4.344l.467.543a.793.793 0 0 0 1.362-.25.83.83 0 0 0-.162-.828l-1.867-2.172a.794.794 0 0 0-1.2 0L9.53 11.069a.83.83 0 0 0-.166.803.792.792 0 0 0 1.366.275l.467-.543v4.345a.82.82 0 0 0 .231.59c.152.156.36.243.577.241m-3.213-.556a.8.8 0 0 0-.567.248.82.82 0 0 0-.225.584v1.63c0 .45.358.814.8.814h6.4c.442 0 .8-.365.8-.815v-1.629a.82.82 0 0 0-.397-.715.79.79 0 0 0-.806 0 .82.82 0 0 0-.397.715v.815H9.6v-.815a.82.82 0 0 0-.231-.59.8.8 0 0 0-.577-.242"
+  })));
+};
+var _path$b, _path2$4;
+function _extends$b() { _extends$b = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$b.apply(this, arguments); }
+var SvgIconUploadSmall = function SvgIconUploadSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M8.006 11.976a.98.98 0 0 1-.713-.299 1.02 1.02 0 0 1-.288-.735v-6.1L5.892 6.139a.98.98 0 0 1-.942.334 1 1 0 0 1-.75-.674 1.03 1.03 0 0 1 .208-1.001l2.847-3.314a.98.98 0 0 1 .74-.34c.284 0 .554.124.742.341l2.844 3.31c.254.282.332.68.205 1.036a.98.98 0 0 1-1.685.31L8.986 4.844v6.094c.006.276-.096.538-.28.733a1 1 0 0 1-.57.296z"
+  })), _path2$4 || (_path2$4 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M12.526 11.253c0-.554.417-1.012.956-1.074l.126-.008c.597 0 1.082.485 1.082 1.082l-.002 2.484-.01.178c-.062.538-.52.956-1.074.956H2.396a1.083 1.083 0 0 1-1.081-1.09v-2.527a1.082 1.082 0 1 1 2.163 0l-.001 1.452h9.048z"
+  })));
+};
+var _path$a, _path2$3, _path3$1, _path4;
+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 SvgIconVirusCircleSLarge = function SvgIconVirusCircleSLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M20.62 10.487c0-.382.308-.803.807-.803.498 0 .785.421.785.803v2.764c0 .28-.15.536-.36.672a6.7 6.7 0 0 0-1.231-.852v-.405h-1.047a5.6 5.6 0 0 0-1.454-.19c-.06 0-.23-.002-.289 0 .014-.167.02-.441.02-.61a6.095 6.095 0 0 0-6.106-6.112c-3.336 0-6.115 2.777-6.115 6.115a6.104 6.104 0 0 0 6.115 6.115c.253 0 .604-.025.852-.055l.001.203c0 .413.068 1.011.153 1.399-.064.008-.15.023-.213.029v1.185h.66c.178.34.445.755.686 1.049-.136.345-.447.57-.749.545h-2.763c-.382 0-.809-.307-.809-.801s.417-.793.799-.793h.586V19.56a7.17 7.17 0 0 1-4.025-1.708l-.89.854.414.415c.268.27.35.765 0 1.117s-.861.268-1.13 0l-1.942-1.942a.8.8 0 0 1-.072-1.202c.382-.382.94-.242 1.189.085l.41.41.862-.896a7.18 7.18 0 0 1-1.677-4.027H2.864v.585c0 .381-.288.797-.793.797a.79.79 0 0 1-.796-.797v-2.764c0-.382.306-.802.796-.802s.793.42.793.802v.585h1.223A7.2 7.2 0 0 1 5.768 7.04l-.852-.889-.416.416a.793.793 0 0 1-1.12 0c-.35-.35-.27-.867-.003-1.137L5.32 3.49c.249-.338.832-.43 1.2-.062s.25.936-.077 1.185l-.415.415.894.86a7.2 7.2 0 0 1 4.027-1.676v-1.22h-.586a.8.8 0 0 1-.795-.796c0-.486.413-.797.795-.797h2.763c.382 0 .797.31.797.797s-.415.796-.797.796h-.588v1.22a7.2 7.2 0 0 1 4.032 1.682l.89-.852-.415-.415c-.305-.261-.393-.82-.038-1.175s.906-.249 1.162.05l1.956 1.942c.267.27.348.777.001 1.127-.347.349-.856.265-1.126-.002l-.412-.413-.828.893a7.2 7.2 0 0 1 1.678 4.027h1.184v-.589Z"
+  })), _path2$3 || (_path2$3 = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M22.726 17.988c0 2.486-2.014 4.62-4.598 4.62a4.6 4.6 0 0 1-4.61-4.624 4.584 4.584 0 0 1 4.602-4.59c2.55 0 4.606 2.109 4.606 4.594m-3.396 2.284c.293-.264.426-.6.426-1.014 0-.413-.072-.528-.24-.808q-.277-.363-1.029-.722a8 8 0 0 1-.721-.373.8.8 0 0 1-.22-.216.9.9 0 0 1-.112-.361.64.64 0 0 1 .265-.49c.114-.1.31-.145.525-.145q.27 0 .55.07c.187.046.355.105.64.222l.283-.695a4.3 4.3 0 0 0-.705-.243 3.2 3.2 0 0 0-.8-.092c-.573.027-.965.179-1.288.45-.285.326-.358.603-.358 1.016 0 .251.025.364.122.552q.147.282.392.495c.164.141.405.285.736.443.35.166.565.278.678.353.114.076.295.216.318.31.058.081.06.193.06.298 0 .226-.127.452-.303.523q-.197.142-.571.142-.312 0-.688-.099a5 5 0 0 1-.815-.293v.814c.44.215.844.292 1.415.292.62 0 1.147-.164 1.44-.429"
+  })), _path3$1 || (_path3$1 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M12.789 16.578a5.9 5.9 0 0 1 .967-1.97c-.085-.68-.797-1.448-1.753-1.448a1.79 1.79 0 0 0-1.792 1.803c0 1.04.86 1.79 1.792 1.79.248 0 .574-.08.786-.175m-3.055-4.709a1.31 1.31 0 0 0-1.314-1.313c-.746 0-1.311.567-1.311 1.313s.583 1.312 1.333 1.312 1.292-.605 1.292-1.312"
+  })), _path4 || (_path4 = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M13.575 11.997a2.3 2.3 0 0 1-2.427-2.304c.002-1.35 1.117-2.345 2.427-2.299s2.18 1.13 2.18 2.299a2.296 2.296 0 0 1-2.18 2.304m0-3.23c-.515 0-.962.387-.965.926-.003.538.477.955.965.948.487-.008.91-.436.91-.948a.91.91 0 0 0-.91-.927Z"
+  })));
+};
+var _path$9, _path2$2, _path3;
+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 SvgIconVirusLarge = function SvgIconVirusLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M20.874 10.618c0-.381.297-.8.796-.8s.793.419.793.8v2.764c0 .381-.29.796-.793.796a.79.79 0 0 1-.796-.796v-.585h-1.185c-.155 1.528-.7 2.874-1.692 4.046l.83.87.413-.412c.274-.234.71-.347 1.09.033s.265.813.03 1.087l-.988 1.016-.974.974a.787.787 0 0 1-1.134-.012c-.373-.373-.254-.838.014-1.108l.401-.429-.85-.85a7.2 7.2 0 0 1-4.034 1.68v1.185h.584c.382 0 .802.286.802.796s-.42.793-.802.793h-2.763a.785.785 0 0 1-.791-.793c0-.503.409-.796.79-.796h.586v-1.185a7.23 7.23 0 0 1-4.04-1.717l-.882.852.417.416a.79.79 0 0 1-.002 1.122c-.355.355-.857.26-1.126-.008l-.981-.967-.96-.974a.785.785 0 0 1-.052-1.2c.4-.395.916-.242 1.165.086l.424.41.846-.888a7.15 7.15 0 0 1-1.67-4.019H3.12v.577c0 .381-.25.796-.796.796s-.798-.448-.798-.83v-2.763c0-.381.304-.763.798-.763.493 0 .796.415.796.796v.585h1.22a7.2 7.2 0 0 1 1.679-4.03l-.856-.887-.417.418a.79.79 0 0 1-1.114-.007.8.8 0 0 1 0-1.121l.967-.981.974-.96c.25-.338.826-.453 1.2-.079s.242.943-.086 1.193l-.406.406.905.85c1.177-.98 2.49-1.518 4.015-1.663V3.124h-.585c-.382 0-.803-.303-.803-.793s.421-.801.803-.801h2.763c.382 0 .8.31.8.801 0 .49-.418.793-.8.793h-.585v1.218c1.525.145 2.875.672 4.052 1.653l.861-.825-.419-.419a.8.8 0 0 1-.019-1.165.78.78 0 0 1 1.147.038l.98.967.975.974c.268.27.384.751.016 1.12a.803.803 0 0 1-1.143.008l-.416-.402-.813.873a7.2 7.2 0 0 1 1.674 4.04h1.185zM5.887 12c0 3.312 2.811 6.103 6.107 6.103 3.295 0 6.118-2.645 6.118-6.079s-2.68-6.139-6.115-6.139S5.887 8.689 5.887 12"
+  })), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M8.674 10.683c.822 0 1.312.649 1.312 1.317s-.52 1.321-1.312 1.321S7.361 12.669 7.361 12s.491-1.317 1.313-1.317m3.583 2.607c1.046 0 1.792.864 1.792 1.796 0 .933-.74 1.801-1.792 1.801-1.05 0-1.791-.868-1.791-1.8 0-.933.745-1.798 1.791-1.798Z"
+  })), _path3 || (_path3 = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M13.828 12.132a2.3 2.3 0 0 0 2.188-2.305 2.29 2.29 0 0 0-2.188-2.301c-1.224-.069-2.427.895-2.427 2.301s1.214 2.373 2.427 2.305m0-3.239a.925.925 0 0 1 .914.934.93.93 0 0 1-.914.937c-.5 0-.97-.417-.97-.937s.454-.947.97-.934"
+  })));
+};
+var _path$8;
+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 SvgIconWidgetLarge = function SvgIconWidgetLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M1.404 3.785c0-.481.391-.872.873-.872h6.695c.482 0 .873.39.873.873v6.695a.87.87 0 0 1-.873.872H2.277a.873.873 0 0 1-.873-.872zm1.746.873v4.95H8.1v-4.95zM1.404 14.905c0-.482.391-.873.873-.873h6.695c.482 0 .873.391.873.873V21.6a.873.873 0 0 1-.873.873H2.277a.873.873 0 0 1-.873-.873zm1.746.873v4.95H8.1v-4.95zm9.62-.873c0-.482.392-.873.874-.873h6.695c.482 0 .873.391.873.873V21.6a.873.873 0 0 1-.873.873h-6.695a.873.873 0 0 1-.873-.873zm1.746.873v4.95h4.95v-4.95zm-2.878-8.027a.873.873 0 0 1 0-1.234l4.734-4.734a.873.873 0 0 1 1.234 0l4.734 4.734c.34.34.34.893 0 1.234l-4.734 4.734a.873.873 0 0 1-1.234 0zm1.851-.617 3.5 3.5 3.5-3.5-3.5-3.5z"
+  })));
+};
+var _path$7;
+function _extends$7() { _extends$7 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$7.apply(this, arguments); }
+var SvgIconXMarkCircleSmall = function SvgIconXMarkCircleSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0m0 1.951A6.056 6.056 0 0 0 1.951 8 6.056 6.056 0 0 0 8 14.049 6.056 6.056 0 0 0 14.049 8 6.056 6.056 0 0 0 8 1.951m.966 3.703a.976.976 0 0 1 1.467 1.28l-.088.1L9.38 8l.966.966c.318.317.37.8.16 1.171l-.072.109-.088.1a.976.976 0 0 1-1.28.087l-.1-.088L8 9.38l-.966.966a.976.976 0 0 1-1.172.16l-.108-.072-.1-.088a.976.976 0 0 1-.087-1.28l.087-.1L6.621 8l-.967-.966a.976.976 0 0 1-.158-1.172l.071-.108.087-.1a.976.976 0 0 1 1.28-.087l.1.087.966.967z"
+  })));
+};
+var _path$6;
+function _extends$6() { _extends$6 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$6.apply(this, arguments); }
+var SvgIconXMarkLarge = function SvgIconXMarkLarge(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24
+  }, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "m12.002 13.544 6.871 6.872a1 1 0 0 0 1.414 0l.129-.129a1 1 0 0 0 0-1.414l-6.872-6.871 6.872-6.872a1 1 0 0 0 0-1.414l-.129-.129a1 1 0 0 0-1.414 0l-6.871 6.872L5.13 3.587a1 1 0 0 0-1.414 0l-.129.129a1 1 0 0 0 0 1.414l6.872 6.872-6.872 6.871a1 1 0 0 0 0 1.415l.129.128a1 1 0 0 0 1.414 0z"
+  })));
+};
+var _path$5;
+function _extends$5() { _extends$5 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$5.apply(this, arguments); }
+var SvgIconXMarkSmall = function SvgIconXMarkSmall(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M13.007 2.99a1 1 0 0 0-1.414 0L7.998 6.585 4.407 2.993a1 1 0 1 0-1.414 1.414l3.592 3.591-3.595 3.595a1 1 0 1 0 1.414 1.414l3.594-3.595 3.595 3.595a1 1 0 1 0 1.414-1.414L9.412 7.998l3.595-3.594a1 1 0 0 0 0-1.414"
+  })));
+};
 var iconMap = {
     Bacteria: {
-        largeIcon: IconBacteriaLarge_svg.ReactComponent,
-        smallIcon: IconBacteriaSmall_svg.ReactComponent,
+        largeIcon: SvgIconBacteriaLarge,
+        smallIcon: SvgIconBacteriaSmall,
     },
     BarChartHorizontal3: {
         largeIcon: null,
-        smallIcon: IconBarChartHorizontal3Small_svg.ReactComponent,
+        smallIcon: SvgIconBarChartHorizontal3Small,
     },
     BarChartVertical3: {
         largeIcon: null,
-        smallIcon: IconBarChartVertical3Small_svg.ReactComponent,
+        smallIcon: SvgIconBarChartVertical3Small,
     },
     BarChartVertical4: {
         largeIcon: null,
-        smallIcon: IconBarChartVertical4Small_svg.ReactComponent,
+        smallIcon: SvgIconBarChartVertical4Small,
     },
     Book: {
-        largeIcon: IconBookLarge_svg.ReactComponent,
+        largeIcon: SvgIconBookLarge,
         smallIcon: null,
     },
     Check: {
         largeIcon: null,
-        smallIcon: IconCheckSmall_svg.ReactComponent,
+        smallIcon: SvgIconCheckSmall,
     },
     CheckCircle: {
-        largeIcon: IconCheckCircleLarge_svg.ReactComponent,
-        smallIcon: IconCheckCircleSmall_svg.ReactComponent,
+        largeIcon: SvgIconCheckCircleLarge,
+        smallIcon: SvgIconCheckCircleSmall,
     },
     ChevronDown: {
-        largeIcon: IconChevronDownLarge_svg.ReactComponent,
-        smallIcon: IconChevronDownSmall_svg.ReactComponent,
+        largeIcon: SvgIconChevronDownLarge,
+        smallIcon: SvgIconChevronDownSmall,
     },
     ChevronDown2: {
         largeIcon: null,
-        smallIcon: IconChevronDown2Small_svg.ReactComponent,
+        smallIcon: SvgIconChevronDown2Small,
     },
     ChevronLeft: {
-        largeIcon: IconChevronLeftLarge_svg.ReactComponent,
-        smallIcon: IconChevronLeftSmall_svg.ReactComponent,
+        largeIcon: SvgIconChevronLeftLarge,
+        smallIcon: SvgIconChevronLeftSmall,
     },
     ChevronLeft2: {
         largeIcon: null,
-        smallIcon: IconChevronLeft2Small_svg.ReactComponent,
+        smallIcon: SvgIconChevronLeft2Small,
     },
     ChevronRight: {
-        largeIcon: IconChevronRightLarge_svg.ReactComponent,
-        smallIcon: IconChevronRightSmall_svg.ReactComponent,
+        largeIcon: SvgIconChevronRightLarge,
+        smallIcon: SvgIconChevronRightSmall,
     },
     ChevronRight2: {
         largeIcon: null,
-        smallIcon: IconChevronRight2Small_svg.ReactComponent,
+        smallIcon: SvgIconChevronRight2Small,
     },
     ChevronUp: {
-        largeIcon: IconChevronUpLarge_svg.ReactComponent,
-        smallIcon: IconChevronUpSmall_svg.ReactComponent,
+        largeIcon: SvgIconChevronUpLarge,
+        smallIcon: SvgIconChevronUpSmall,
     },
     ChevronUp2: {
         largeIcon: null,
-        smallIcon: IconChevronUp2Small_svg.ReactComponent,
+        smallIcon: SvgIconChevronUp2Small,
     },
     CirclesOverlap2: {
-        largeIcon: IconCirclesOverlap2Large_svg.ReactComponent,
-        smallIcon: IconCirclesOverlap2Small_svg.ReactComponent,
+        largeIcon: SvgIconCirclesOverlap2Large,
+        smallIcon: SvgIconCirclesOverlap2Small,
     },
     Code: {
-        largeIcon: IconCodeLarge_svg.ReactComponent,
+        largeIcon: SvgIconCodeLarge,
         smallIcon: null,
     },
     Compass: {
-        largeIcon: IconCompassLarge_svg.ReactComponent,
+        largeIcon: SvgIconCompassLarge,
         smallIcon: null,
     },
     Copy: {
-        largeIcon: IconCopyLarge_svg.ReactComponent,
-        smallIcon: IconCopySmall_svg.ReactComponent,
+        largeIcon: SvgIconCopyLarge,
+        smallIcon: SvgIconCopySmall,
     },
     Cube: {
-        largeIcon: IconCubeLarge_svg.ReactComponent,
-        smallIcon: IconCubeSmall_svg.ReactComponent,
+        largeIcon: SvgIconCubeLarge,
+        smallIcon: SvgIconCubeSmall,
     },
     DNA: {
-        largeIcon: IconDNALarge_svg.ReactComponent,
+        largeIcon: SvgIconDnaLarge,
         smallIcon: null,
     },
     Document: {
         largeIcon: null,
-        smallIcon: IconDocumentSmall_svg.ReactComponent,
+        smallIcon: SvgIconDocumentSmall,
     },
     DotsHorizontal: {
-        largeIcon: IconDotsHorizontal3Large_svg.ReactComponent,
-        smallIcon: IconDotsHorizontal3Small_svg.ReactComponent,
+        largeIcon: SvgIconDotsHorizontal3Large,
+        smallIcon: SvgIconDotsHorizontal3Small,
     },
     Download: {
-        largeIcon: IconDownloadLarge_svg.ReactComponent,
-        smallIcon: IconDownloadSmall_svg.ReactComponent,
+        largeIcon: SvgIconDownloadLarge,
+        smallIcon: SvgIconDownloadSmall,
     },
     Edit: {
-        largeIcon: IconEditLarge_svg.ReactComponent,
-        smallIcon: IconEditSmall_svg.ReactComponent,
+        largeIcon: SvgIconEditLarge,
+        smallIcon: SvgIconEditSmall,
     },
     Envelope: {
         largeIcon: null,
-        smallIcon: IconEnvelopeSmall_svg.ReactComponent,
+        smallIcon: SvgIconEnvelopeSmall,
     },
     ExclamationMarkCircle: {
-        largeIcon: IconExclamationMarkCircleLarge_svg.ReactComponent,
-        smallIcon: IconExclamationMarkCircleSmall_svg.ReactComponent,
+        largeIcon: SvgIconExclamationMarkCircleLarge,
+        smallIcon: SvgIconExclamationMarkCircleSmall,
     },
     ExclamationMarkSpeechBubble: {
-        largeIcon: IconExclamationMarkSpeechBubbleLarge_svg.ReactComponent,
+        largeIcon: SvgIconExclamationMarkSpeechBubbleLarge,
         smallIcon: null,
     },
     EyeClosed: {
         largeIcon: null,
-        smallIcon: IconEyeClosedSmall_svg.ReactComponent,
+        smallIcon: SvgIconEyeClosedSmall,
     },
     EyeOpen: {
         largeIcon: null,
-        smallIcon: IconEyeOpenSmall_svg.ReactComponent,
+        smallIcon: SvgIconEyeOpenSmall,
     },
     Filter: {
         largeIcon: null,
-        smallIcon: IconFilterSmall_svg.ReactComponent,
+        smallIcon: SvgIconFilterSmall,
     },
     FlagCheck: {
         largeIcon: null,
-        smallIcon: IconFlagCheckSmall_svg.ReactComponent,
+        smallIcon: SvgIconFlagCheckSmall,
     },
     FlagOutline: {
         largeIcon: null,
-        smallIcon: IconFlagOutlineSmall_svg.ReactComponent,
+        smallIcon: SvgIconFlagOutlineSmall,
     },
     FlagQuestionMark: {
         largeIcon: null,
-        smallIcon: IconFlagQuestionMarkSmall_svg.ReactComponent,
+        smallIcon: SvgIconFlagQuestionMarkSmall,
     },
     FlagXMark: {
         largeIcon: null,
-        smallIcon: IconFlagXMarkSmall_svg.ReactComponent,
+        smallIcon: SvgIconFlagXMarkSmall,
     },
     Flask: {
-        largeIcon: IconFlaskLarge_svg.ReactComponent,
+        largeIcon: SvgIconFlaskLarge,
         smallIcon: null,
     },
     FlaskPrivate: {
-        largeIcon: IconFlaskPrivateLarge_svg.ReactComponent,
+        largeIcon: SvgIconFlaskPrivateLarge,
         smallIcon: null,
     },
     FlaskPublic: {
-        largeIcon: IconFlaskPublicLarge_svg.ReactComponent,
+        largeIcon: SvgIconFlaskPublicLarge,
         smallIcon: null,
     },
     Gear: {
         largeIcon: null,
-        smallIcon: IconGearSmall_svg.ReactComponent,
+        smallIcon: SvgIconGearSmall,
     },
     Globe: {
         largeIcon: null,
-        smallIcon: IconGlobeSmall_svg.ReactComponent,
+        smallIcon: SvgIconGlobeSmall,
     },
     GlobeBasic: {
-        largeIcon: IconGlobeBasicLarge_svg.ReactComponent,
+        largeIcon: SvgIconGlobeBasicLarge,
         smallIcon: null,
     },
     Grid: {
-        largeIcon: IconGridLarge_svg.ReactComponent,
+        largeIcon: SvgIconGridLarge,
         smallIcon: null,
     },
     GridDots3: {
-        largeIcon: IconGridDots3Large_svg.ReactComponent,
+        largeIcon: SvgIconGridDots3Large,
         smallIcon: null,
     },
     GridPrivate: {
-        largeIcon: IconGridPrivateLarge_svg.ReactComponent,
+        largeIcon: SvgIconGridPrivateLarge,
         smallIcon: null,
     },
     GridPublic: {
-        largeIcon: IconGridPublicLarge_svg.ReactComponent,
+        largeIcon: SvgIconGridPublicLarge,
         smallIcon: null,
     },
     House: {
         largeIcon: null,
-        smallIcon: IconHouseSmall_svg.ReactComponent,
+        smallIcon: SvgIconHouseSmall,
     },
     InfoCircle: {
-        largeIcon: IconInfoCircleLarge_svg.ReactComponent,
-        smallIcon: IconInfoCircleSmall_svg.ReactComponent,
+        largeIcon: SvgIconInfoCircleLarge,
+        smallIcon: SvgIconInfoCircleSmall,
     },
     InfoSpeechBubble: {
-        largeIcon: IconInfoSpeechBubbleLarge_svg.ReactComponent,
+        largeIcon: SvgIconInfoSpeechBubbleLarge,
         smallIcon: null,
     },
     LifeRing: {
         largeIcon: null,
-        smallIcon: IconLifeRingSmall_svg.ReactComponent,
+        smallIcon: SvgIconLifeRingSmall,
     },
     LightBulb: {
-        largeIcon: IconLightBulbLarge_svg.ReactComponent,
-        smallIcon: IconLightBulbSmall_svg.ReactComponent,
+        largeIcon: SvgIconLightBulbLarge,
+        smallIcon: SvgIconLightBulbSmall,
     },
     LinesDashed3Solid1: {
         largeIcon: null,
-        smallIcon: IconLinesDashed3Solid1Small_svg.ReactComponent,
+        smallIcon: SvgIconLinesDashed3Solid1Small,
     },
     LinesHorizontal3: {
-        largeIcon: IconLinesHorizontal3Large_svg.ReactComponent,
-        smallIcon: IconLinesHorizontal3Small_svg.ReactComponent,
+        largeIcon: SvgIconLinesHorizontal3Large,
+        smallIcon: SvgIconLinesHorizontal3Small,
     },
     Link: {
         largeIcon: null,
-        smallIcon: IconLinkSmall_svg.ReactComponent,
+        smallIcon: SvgIconLinkSmall,
     },
     List: {
         largeIcon: null,
-        smallIcon: IconListSmall_svg.ReactComponent,
+        smallIcon: SvgIconListSmall,
     },
     Loading: {
-        largeIcon: IconLoadingLarge_svg.ReactComponent,
-        smallIcon: IconLoadingSmall_svg.ReactComponent,
+        largeIcon: SvgIconLoadingLarge,
+        smallIcon: SvgIconLoadingSmall,
     },
     Lock: {
-        largeIcon: IconLockLarge_svg.ReactComponent,
-        smallIcon: IconLockSmall_svg.ReactComponent,
+        largeIcon: SvgIconLockLarge,
+        smallIcon: SvgIconLockSmall,
     },
     LockCircle: {
         largeIcon: null,
-        smallIcon: IconLockCircleSmall_svg.ReactComponent,
+        smallIcon: SvgIconLockCircleSmall,
     },
     Minus: {
         largeIcon: null,
-        smallIcon: IconMinusSmall_svg.ReactComponent,
+        smallIcon: SvgIconMinusSmall,
     },
     Open: {
         largeIcon: null,
-        smallIcon: IconOpenSmall_svg.ReactComponent,
+        smallIcon: SvgIconOpenSmall,
     },
     People: {
-        largeIcon: IconPeopleLarge_svg.ReactComponent,
-        smallIcon: IconPeopleSmall_svg.ReactComponent,
+        largeIcon: SvgIconPeopleLarge,
+        smallIcon: SvgIconPeopleSmall,
     },
     Percentage: {
         largeIcon: null,
-        smallIcon: IconPercentageSmall_svg.ReactComponent,
+        smallIcon: SvgIconPercentageSmall,
     },
     Person: {
-        largeIcon: IconPersonLarge_svg.ReactComponent,
-        smallIcon: IconPersonSmall_svg.ReactComponent,
+        largeIcon: SvgIconPersonLarge,
+        smallIcon: SvgIconPersonSmall,
     },
     Pin: {
         largeIcon: null,
-        smallIcon: IconPinSmall_svg.ReactComponent,
+        smallIcon: SvgIconPinSmall,
     },
     PinLocation: {
         largeIcon: null,
-        smallIcon: IconPinLocationSmall_svg.ReactComponent,
+        smallIcon: SvgIconPinLocationSmall,
     },
     Play: {
-        largeIcon: IconPlayLarge_svg.ReactComponent,
+        largeIcon: SvgIconPlayLarge,
         smallIcon: null,
     },
     Plus: {
         largeIcon: null,
-        smallIcon: IconPlusSmall_svg.ReactComponent,
+        smallIcon: SvgIconPlusSmall,
     },
     PlusCircle: {
         largeIcon: null,
-        smallIcon: IconPlusCircleSmall_svg.ReactComponent,
+        smallIcon: SvgIconPlusCircleSmall,
     },
     ProjectPrivate: {
-        largeIcon: IconProjectPrivateLarge_svg.ReactComponent,
+        largeIcon: SvgIconProjectPrivateLarge,
         smallIcon: null,
     },
     ProjectPublic: {
-        largeIcon: IconProjectPublicLarge_svg.ReactComponent,
+        largeIcon: SvgIconProjectPublicLarge,
         smallIcon: null,
     },
     PuzzlePiece: {
         largeIcon: null,
-        smallIcon: IconPuzzlePieceSmall_svg.ReactComponent,
+        smallIcon: SvgIconPuzzlePieceSmall,
     },
     QuestionMark: {
-        largeIcon: IconQuestionMarkLarge_svg.ReactComponent,
+        largeIcon: SvgIconQuestionMarkLarge,
         smallIcon: null,
     },
     Quote: {
-        largeIcon: IconQuoteLarge_svg.ReactComponent,
+        largeIcon: SvgIconQuoteLarge,
         smallIcon: null,
     },
     Read: {
-        largeIcon: IconReadLarge_svg.ReactComponent,
+        largeIcon: SvgIconReadLarge,
         smallIcon: null,
     },
     Refresh: {
-        largeIcon: IconRefreshLarge_svg.ReactComponent,
-        smallIcon: IconRefreshSmall_svg.ReactComponent,
+        largeIcon: SvgIconRefreshLarge,
+        smallIcon: SvgIconRefreshSmall,
     },
     Report: {
-        largeIcon: IconReportLarge_svg.ReactComponent,
+        largeIcon: SvgIconReportLarge,
         smallIcon: null,
     },
     Rocket: {
-        largeIcon: IconRocketLarge_svg.ReactComponent,
+        largeIcon: SvgIconRocketLarge,
         smallIcon: null,
     },
     Save: {
-        largeIcon: IconSaveLarge_svg.ReactComponent,
+        largeIcon: SvgIconSaveLarge,
         smallIcon: null,
     },
     Search: {
-        largeIcon: IconSearchLarge_svg.ReactComponent,
-        smallIcon: IconSearchSmall_svg.ReactComponent,
+        largeIcon: SvgIconSearchLarge,
+        smallIcon: SvgIconSearchSmall,
     },
     SearchLinesHorizontal3: {
-        largeIcon: IconSearchLinesHorizontal3Large_svg.ReactComponent,
-        smallIcon: IconSearchLinesHorizontal3Small_svg.ReactComponent,
+        largeIcon: SvgIconSearchLinesHorizontal3Large,
+        smallIcon: SvgIconSearchLinesHorizontal3Small,
     },
     Share: {
-        largeIcon: IconShareLarge_svg.ReactComponent,
+        largeIcon: SvgIconShareLarge,
         smallIcon: null,
     },
     SlidersHorizontal: {
-        largeIcon: IconSlidersHorizontalLarge_svg.ReactComponent,
+        largeIcon: SvgIconSlidersHorizontalLarge,
         smallIcon: null,
     },
     SpeechBubbles: {
-        largeIcon: IconSpeechBubblesLarge_svg.ReactComponent,
+        largeIcon: SvgIconSpeechBubblesLarge,
         smallIcon: null,
     },
     SquareOnDashedSquare: {
-        largeIcon: IconSquareOnDashedSquareLarge_svg.ReactComponent,
+        largeIcon: SvgIconSquareOnDashedSquareLarge,
         smallIcon: null,
     },
     Star: {
-        largeIcon: IconStarLarge_svg.ReactComponent,
+        largeIcon: SvgIconStarLarge,
         smallIcon: null,
     },
     Starburst: {
         largeIcon: null,
-        smallIcon: IconStarburstSmall_svg.ReactComponent,
+        smallIcon: SvgIconStarburstSmall,
     },
     Table: {
         largeIcon: null,
-        smallIcon: IconTableSmall_svg.ReactComponent,
+        smallIcon: SvgIconTableSmall,
     },
     TrashCan: {
-        largeIcon: IconTrashCanLarge_svg.ReactComponent,
-        smallIcon: IconTrashCanSmall_svg.ReactComponent,
+        largeIcon: SvgIconTrashCanLarge,
+        smallIcon: SvgIconTrashCanSmall,
     },
     TreeDendogram: {
-        largeIcon: IconTreeDendogramLarge_svg.ReactComponent,
+        largeIcon: SvgIconTreeDendogramLarge,
         smallIcon: null,
     },
     TreeHorizontal: {
-        largeIcon: IconTreeHorizontalLarge_svg.ReactComponent,
-        smallIcon: IconTreeHorizontalSmall_svg.ReactComponent,
+        largeIcon: SvgIconTreeHorizontalLarge,
+        smallIcon: SvgIconTreeHorizontalSmall,
     },
     TreeHorizontalPrivate: {
-        largeIcon: IconTreeHorizontalPrivateLarge_svg.ReactComponent,
+        largeIcon: SvgIconTreeHorizontalPrivateLarge,
         smallIcon: null,
     },
     TreeHorizontalPublic: {
-        largeIcon: IconTreeHorizontalPublicLarge_svg.ReactComponent,
+        largeIcon: SvgIconTreeHorizontalPublicLarge,
         smallIcon: null,
     },
     TreeHorizontalTopRightFilled: {
-        largeIcon: IconTreeHorizontalTopRightFilledLarge_svg.ReactComponent,
+        largeIcon: SvgIconTreeHorizontalTopRightFilledLarge,
         smallIcon: null,
     },
     TreeVertical: {
         largeIcon: null,
-        smallIcon: IconTreeVerticalSmall_svg.ReactComponent,
+        smallIcon: SvgIconTreeVerticalSmall,
     },
     TriangleDown: {
         largeIcon: null,
-        smallIcon: IconTriangleDownSmall_svg.ReactComponent,
+        smallIcon: SvgIconTriangleDownSmall,
     },
     TriangleLeft: {
         largeIcon: null,
-        smallIcon: IconTriangleLeftSmall_svg.ReactComponent,
+        smallIcon: SvgIconTriangleLeftSmall,
     },
     TriangleRight: {
         largeIcon: null,
-        smallIcon: IconTriangleRightSmall_svg.ReactComponent,
+        smallIcon: SvgIconTriangleRightSmall,
     },
     TriangleUp: {
         largeIcon: null,
-        smallIcon: IconTriangleUpSmall_svg.ReactComponent,
+        smallIcon: SvgIconTriangleUpSmall,
     },
     Update: {
-        largeIcon: IconUpdateLarge_svg.ReactComponent,
+        largeIcon: SvgIconUpdateLarge,
         smallIcon: null,
     },
     Upload: {
-        largeIcon: IconUploadLarge_svg.ReactComponent,
-        smallIcon: IconUploadSmall_svg.ReactComponent,
+        largeIcon: SvgIconUploadLarge,
+        smallIcon: SvgIconUploadSmall,
     },
     Virus: {
-        largeIcon: IconVirusLarge_svg.ReactComponent,
+        largeIcon: SvgIconVirusLarge,
         smallIcon: null,
     },
     VirusCircleS: {
-        largeIcon: IconVirusCircleSLarge_svg.ReactComponent,
+        largeIcon: SvgIconVirusCircleSLarge,
         smallIcon: null,
     },
     Widget: {
-        largeIcon: IconWidgetLarge_svg.ReactComponent,
+        largeIcon: SvgIconWidgetLarge,
         smallIcon: null,
     },
     XMark: {
-        largeIcon: IconXMarkLarge_svg.ReactComponent,
-        smallIcon: IconXMarkSmall_svg.ReactComponent,
+        largeIcon: SvgIconXMarkLarge,
+        smallIcon: SvgIconXMarkSmall,
     },
     XMarkCircle: {
         largeIcon: null,
-        smallIcon: IconXMarkCircleSmall_svg.ReactComponent,
+        smallIcon: SvgIconXMarkCircleSmall,
     },
 };
@@ -1551,15 +3558,15 @@ function interactive(props) {
     var semanticComponentColors = getSemanticComponentColors(props);
     return react.css(templateObject_4$m || (templateObject_4$m = __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  "])), (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.icon, (_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.iconHover, (_c = colors === null || colors === void 0 ? void 0 : colors[iconColor]) === null || _c === void 0 ? void 0 : _c[shade], (_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _d === void 0 ? void 0 : _d.iconDisabled);
 }
-var doNotForwardProps$p = ["sdsIcon", "sdsSize", "sdsType", "iconColor"];
+var doNotForwardProps$q = ["sdsIcon", "sdsSize", "sdsType", "iconColor"];
 var StyledSvgIcon = styles.styled(material.SvgIcon, {
-    shouldForwardProp: function (prop) { return !doNotForwardProps$p.includes(prop); },
+    shouldForwardProp: function (prop) { return !doNotForwardProps$q.includes(prop); },
 })(templateObject_6$c || (templateObject_6$c = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var sdsType = props.sdsType;
     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$9 || (templateObject_7$9 = __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$R, templateObject_2$y, templateObject_3$q, templateObject_4$m, templateObject_5$g, templateObject_6$c, templateObject_7$9;
+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$R, templateObject_2$y, templateObject_3$q, templateObject_4$m, templateObject_5$g, templateObject_6$c, templateObject_7$a;
 /**
  * @see https://mui.com/material-ui/icons/#icons
@@ -1585,10 +3592,10 @@ var AccordionHeader = function (props) {
     return (jsxRuntime.jsxs(StyledAccordionHeader, { "aria-controls": "".concat(id, "-panel-content"), id: id, expandIcon: jsxRuntime.jsx(Icon, { sdsIcon: "ChevronDown", sdsSize: "xs", sdsType: "static" }), children: [children, subtitle && jsxRuntime.jsx(StyledSubtitle, { children: subtitle })] }));
 };
-var sdsPropNames$4 = ["useDivider", "togglePosition"];
+var sdsPropNames$3 = ["useDivider", "togglePosition"];
 var StyledAccordion = styles.styled(material.Accordion, {
     shouldForwardProp: function (prop) {
-        return !sdsPropNames$4.includes(prop.toString());
+        return !sdsPropNames$3.includes(prop.toString());
     },
 })(templateObject_2$x || (templateObject_2$x = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var _a, _b;
@@ -1652,6 +3659,10 @@ var templateObject_1$P;
 /**
  * @see https://mui.com/material-ui/react-alert/
+ *
+ * @deprecated
+ * This component is deprecated and will be removed in the next major version.
+ * Please use `Callout` or `Notification` instead.
  */
 var Alert$1 = function (props) {
     return jsxRuntime.jsx(StyledAlert, __assign({}, props));
@@ -1662,23 +3673,42 @@ var toKebabCase = function (str) {
     return str.replace(/[\s_]+/g, "-").toLowerCase();
 };
 var EMPTY_OBJECT = {};
+function filterProps(props, excludeProps) {
+    var result = {};
+    for (var _i = 0, _a = Object.keys(props); _i < _a.length; _i++) {
+        var key = _a[_i];
+        if (!excludeProps.includes(key)) {
+            result[key] = props[key];
+        }
+    }
+    return result;
+}
 var _a;
 var SDSWarningTypes;
 (function (SDSWarningTypes) {
+    SDSWarningTypes["ButtonMinimalIsAllCaps"] = "buttonMinimalIsAllCaps";
     SDSWarningTypes["ButtonMissingSDSProps"] = "buttonMissingProps";
+    SDSWarningTypes["ButtonIconMissingIconProp"] = "buttonIconMissingIconProp";
     SDSWarningTypes["ChipDeprecated"] = "chipDeprecated";
     SDSWarningTypes["MenuSelectDeprecated"] = "menuSelectDeprecated";
-    SDSWarningTypes["ButtonIconMediumSize"] = "buttonIconMediumSize";
     SDSWarningTypes["TooltipSubtitle"] = "tooltipSubtitle";
     SDSWarningTypes["TooltipWidth"] = "tooltipWidth";
     SDSWarningTypes["TooltipInverted"] = "tooltipInverted";
 })(SDSWarningTypes || (SDSWarningTypes = {}));
 var SDS_WARNINGS = (_a = {},
+    _a[SDSWarningTypes.ButtonMinimalIsAllCaps] = {
+        hasWarned: false,
+        message: "Warning: isAllCaps is only applied to buttons with sdsStyle='minimal'.",
+    },
     _a[SDSWarningTypes.ButtonMissingSDSProps] = {
         hasWarned: false,
         message: "Warning: Buttons without sdsStyle or sdsType props will be deprecated.",
     },
+    _a[SDSWarningTypes.ButtonIconMissingIconProp] = {
+        hasWarned: false,
+        message: "Warning: Buttons with an SDS type of icon require an icon prop to be provided.",
+    },
     _a[SDSWarningTypes.ChipDeprecated] = {
         hasWarned: false,
         message: "Warning: <Chip /> will be deprecated and replaced with <Tag />",
@@ -1687,10 +3717,6 @@ var SDS_WARNINGS = (_a = {},
         hasWarned: false,
         message: "Warning: MenuSelect will be deprecated and replaced with <DropdownMenu />",
     },
-    _a[SDSWarningTypes.ButtonIconMediumSize] = {
-        hasWarned: false,
-        message: "Warning: A medium size ButtonIcon can only be of type tertiary!",
-    },
     _a[SDSWarningTypes.TooltipSubtitle] = {
         hasWarned: false,
         message: "Warning: The 'subtitle' text is only available for dark tooltips!",
@@ -1720,46 +3746,128 @@ var showWarningIfFirstOccurence = function (warningType) {
     SDS_WARNINGS[warningType].hasWarned = true;
 };
-var isOn = function (props) {
-    var sdsType = props.sdsType;
-    var colors = getColors(props);
-    return react.css(templateObject_1$O || (templateObject_1$O = __makeTemplateObject(["\n    ", "\n  "], ["\n    ", "\n  "])), sdsType !== "tertiary" &&
-        "\n      color: ".concat(sdsType === "primary" ? colors === null || colors === void 0 ? void 0 : colors.blue[600] : colors === null || colors === void 0 ? void 0 : colors.blue[400], ";\n\n      &:hover {\n        color: ").concat(colors === null || colors === void 0 ? void 0 : colors.blue[600], ";\n      }\n    "));
+var doNotForwardProps$p = [
+    "isAllCaps",
+    "isRounded",
+    "sdsStyle",
+    "sdsType",
+    "sdsSize",
+];
+// Rounded + Square Button Styles
+var ButtonStyles = function (props) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+    var variant = props.variant, startIcon = props.startIcon, endIcon = props.endIcon;
+    var spaces = getSpaces(props);
+    var shadows = getShadows(props);
+    var iconSizes = getIconSizes(props);
+    var semanticTextColors = getSemanticTextColors(props);
+    var semanticComponentColors = getSemanticComponentColors(props);
+    var hasIcon = !!startIcon || !!endIcon;
+    // (masoudmanson): The padding depends on the presence of an icon.
+    // If the component has either a startIcon or endIcon, the padding will be spaces?.m pixels.
+    // If the component doesn't have any icon at all, the padding will be spaces?.l pixels.
+    var padding = hasIcon
+        ? "".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px")
+        : "".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px");
+    var contentColor = variant === "outlined"
+        ? (_a = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.action) === null || _a === void 0 ? void 0 : _a.default
+        : (_b = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _b === void 0 ? void 0 : _b.onFill;
+    return react.css(templateObject_1$O || (templateObject_1$O = __makeTemplateObject(["\n    border: none;\n    box-shadow: inset 0 0 0 1px ", ";\n    padding: ", ";\n    color: ", ";\n\n    svg {\n      color: ", ";\n    }\n\n    &:hover {\n      color: ", ";\n      background-color: ", ";\n      border: none;\n      box-shadow: inset 0 0 0 1px\n        ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    &:active {\n      color: ", ";\n      background-color: ", ";\n      border: none;\n      box-shadow: inset 0 0 0 1px\n        ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    &:disabled {\n      color: ", ";\n      background-color: ", ";\n      border: none;\n      box-shadow: ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    .", ", .", " {\n      height: ", "px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      svg {\n        max-width: ", "px;\n        max-height: ", "px;\n      }\n    }\n\n    .", " {\n      margin-right: ", "px;\n      margin-left: 0;\n    }\n\n    .", " {\n      margin-left: ", "px;\n      margin-right: 0;\n    }\n  "], ["\n    border: none;\n    box-shadow: inset 0 0 0 1px ", ";\n    padding: ", ";\n    color: ", ";\n\n    svg {\n      color: ", ";\n    }\n\n    &:hover {\n      color: ", ";\n      background-color: ", ";\n      border: none;\n      box-shadow: inset 0 0 0 1px\n        ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    &:active {\n      color: ", ";\n      background-color: ", ";\n      border: none;\n      box-shadow: inset 0 0 0 1px\n        ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    &:disabled {\n      color: ", ";\n      background-color: ", ";\n      border: none;\n      box-shadow: ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    .", ", .", " {\n      height: ", "px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      svg {\n        max-width: ", "px;\n        max-height: ", "px;\n      }\n    }\n\n    .", " {\n      margin-right: ", "px;\n      margin-left: 0;\n    }\n\n    .", " {\n      margin-left: ", "px;\n      margin-right: 0;\n    }\n  "])), (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _c === void 0 ? void 0 : _c.border, padding, contentColor, contentColor, (_d = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _d === void 0 ? void 0 : _d.onFill, (_e = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _e === void 0 ? void 0 : _e.fillHover, (_f = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _f === void 0 ? void 0 : _f.borderHover, (_g = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _g === void 0 ? void 0 : _g.fill, (_h = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _h === void 0 ? void 0 : _h.onFill, (_j = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _j === void 0 ? void 0 : _j.fillPressed, (_k = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _k === void 0 ? void 0 : _k.fillPressed, (_l = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _l === void 0 ? void 0 : _l.fill, (_m = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _m === void 0 ? void 0 : _m.onFillDisabled, (_o = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _o === void 0 ? void 0 : _o.fillDisabled, shadows === null || shadows === void 0 ? void 0 : shadows.none, (_p = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _p === void 0 ? void 0 : _p.onFillDisabled, material.buttonClasses.startIcon, material.buttonClasses.endIcon, (_q = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l) === null || _q === void 0 ? void 0 : _q.width, (_r = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l) === null || _r === void 0 ? void 0 : _r.width, (_s = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l) === null || _s === void 0 ? void 0 : _s.width, material.buttonClasses.startIcon, spaces === null || spaces === void 0 ? void 0 : spaces.s, material.buttonClasses.endIcon, spaces === null || spaces === void 0 ? void 0 : spaces.s);
 };
-var isDisabled$1 = function (props) {
+var Rounded = function (props) {
+    var corners = getCorners(props);
+    return react.css(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n    border-radius: ", "px;\n  "], ["\n    border-radius: ", "px;\n  "])), corners === null || corners === void 0 ? void 0 : corners.l);
+};
+var DestructiveButton = function (props) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+    var variant = props.variant;
+    var shadows = getShadows(props);
+    var semanticTextColors = getSemanticTextColors(props);
+    var semanticComponentColors = getSemanticComponentColors(props);
+    var contentColor = variant === "outlined"
+        ? (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.negative) === null || _a === void 0 ? void 0 : _a.icon
+        : (_b = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _b === void 0 ? void 0 : _b.onFill;
+    var backgroundColor = variant === "outlined"
+        ? "transparent"
+        : (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.negative) === null || _c === void 0 ? void 0 : _c.fill;
+    return react.css(templateObject_3$o || (templateObject_3$o = __makeTemplateObject(["\n    border: none;\n    box-shadow: inset 0 0 0 1px ", ";\n    color: ", ";\n    background-color: ", ";\n\n    svg {\n      color: ", ";\n    }\n\n    &:hover {\n      color: ", ";\n      background-color: ", ";\n      border: none;\n      box-shadow: inset 0 0 0 1px\n        ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    &:active {\n      color: ", ";\n      background-color: ", ";\n      border: none;\n      box-shadow: inset 0 0 0 1px\n        ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    &:disabled {\n      color: ", ";\n      background-color: ", ";\n      border: none;\n      box-shadow: ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n  "], ["\n    border: none;\n    box-shadow: inset 0 0 0 1px ", ";\n    color: ", ";\n    background-color: ", ";\n\n    svg {\n      color: ", ";\n    }\n\n    &:hover {\n      color: ", ";\n      background-color: ", ";\n      border: none;\n      box-shadow: inset 0 0 0 1px\n        ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    &:active {\n      color: ", ";\n      background-color: ", ";\n      border: none;\n      box-shadow: inset 0 0 0 1px\n        ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    &:disabled {\n      color: ", ";\n      background-color: ", ";\n      border: none;\n      box-shadow: ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n  "])), (_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.negative) === null || _d === void 0 ? void 0 : _d.border, contentColor, backgroundColor, contentColor, (_e = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _e === void 0 ? void 0 : _e.onFill, (_f = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.negative) === null || _f === void 0 ? void 0 : _f.fillHover, (_g = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.negative) === null || _g === void 0 ? void 0 : _g.fillHover, (_h = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _h === void 0 ? void 0 : _h.fill, (_j = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _j === void 0 ? void 0 : _j.onFill, (_k = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.negative) === null || _k === void 0 ? void 0 : _k.fillPressed, (_l = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.negative) === null || _l === void 0 ? void 0 : _l.fillPressed, (_m = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _m === void 0 ? void 0 : _m.fill, (_o = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _o === void 0 ? void 0 : _o.onFillDisabled, (_p = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _p === void 0 ? void 0 : _p.fillDisabled, shadows === null || shadows === void 0 ? void 0 : shadows.none, (_q = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _q === void 0 ? void 0 : _q.onFillDisabled);
+};
+var StyledButton$3 = styles.styled(material.Button, {
+    shouldForwardProp: function (prop) { return !doNotForwardProps$p.includes(prop); },
+})(templateObject_5$f || (templateObject_5$f = __makeTemplateObject(["\n  ", "\n  ", "\n\n  ", "\n"], ["\n  ", "\n  ", "\n\n  ", "\n"])), fontBodySemiboldXs, focusVisibleA11yStyle, function (props) {
+    var sdsStyle = props.sdsStyle, sdsType = props.sdsType;
+    return react.css(templateObject_4$l || (templateObject_4$l = __makeTemplateObject(["\n      ", "\n      ", "\n      ", "\n    "], ["\n      ", "\n      ", "\n      ", "\n    "])), ButtonStyles(props), sdsStyle === "rounded" && Rounded(props), sdsType === "destructive" && DestructiveButton(props));
+});
+// Minimal Button Styles
+var Minimal = function (props) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    var spaces = getSpaces(props);
+    var iconSizes = getIconSizes(props);
+    var semanticTextColors = getSemanticTextColors(props);
+    var semanticComponentColors = getSemanticComponentColors(props);
+    return react.css(templateObject_6$b || (templateObject_6$b = __makeTemplateObject(["\n    ", "\n    ", "\n\n    min-width: unset;\n    padding: ", "px 0;\n\n    &:hover,\n    &:focus-visible {\n      background-color: transparent;\n      color: ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n    &:active {\n      color: ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n    &:disabled {\n      color: ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    .", ", .", " {\n      height: ", "px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      svg {\n        max-width: ", "px;\n        max-height: ", "px;\n      }\n    }\n\n    .", " {\n      margin-right: ", "px;\n      margin-left: 0;\n    }\n\n    .", " {\n      margin-left: ", "px;\n      margin-right: 0;\n    }\n  "], ["\n    ", "\n    ", "\n\n    min-width: unset;\n    padding: ", "px 0;\n\n    &:hover,\n    &:focus-visible {\n      background-color: transparent;\n      color: ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n    &:active {\n      color: ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n    &:disabled {\n      color: ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    .", ", .", " {\n      height: ", "px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      svg {\n        max-width: ", "px;\n        max-height: ", "px;\n      }\n    }\n\n    .", " {\n      margin-right: ", "px;\n      margin-left: 0;\n    }\n\n    .", " {\n      margin-left: ", "px;\n      margin-right: 0;\n    }\n  "])), focusVisibleA11yStyle(), fontCapsXxxs(props), spaces === null || spaces === void 0 ? void 0 : spaces.xxs, (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _a === void 0 ? void 0 : _a.fillHover, (_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _b === void 0 ? void 0 : _b.fillHover, (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _c === void 0 ? void 0 : _c.fillPressed, (_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _d === void 0 ? void 0 : _d.fillPressed, (_e = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _e === void 0 ? void 0 : _e.onFillDisabled, (_f = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _f === void 0 ? void 0 : _f.onFillDisabled, material.buttonClasses.startIcon, material.buttonClasses.endIcon, (_g = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s) === null || _g === void 0 ? void 0 : _g.width, (_h = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s) === null || _h === void 0 ? void 0 : _h.width, (_j = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s) === null || _j === void 0 ? void 0 : _j.width, material.buttonClasses.startIcon, spaces === null || spaces === void 0 ? void 0 : spaces.xxs, material.buttonClasses.endIcon, spaces === null || spaces === void 0 ? void 0 : spaces.xxs);
+};
+var PrimaryMinimalButton = function (props) {
     var _a;
-    var palette = getPalette(props);
-    return react.css(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n    svg {\n      color: ", ";\n    }\n  "], ["\n    svg {\n      color: ", ";\n    }\n  "])), (_a = palette === null || palette === void 0 ? void 0 : palette.text) === null || _a === void 0 ? void 0 : _a.disabled);
+    var semanticTextColors = getSemanticTextColors(props);
+    return react.css(templateObject_7$9 || (templateObject_7$9 = __makeTemplateObject(["\n    ", "\n    color: ", ";\n  "], ["\n    ", "\n    color: ", ";\n  "])), Minimal(props), (_a = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.action) === null || _a === void 0 ? void 0 : _a.default);
+};
+var SecondaryMinimalButton = function (props) {
+    var _a;
+    var semanticTextColors = getSemanticTextColors(props);
+    return react.css(templateObject_8$8 || (templateObject_8$8 = __makeTemplateObject(["\n    ", "\n    color: ", ";\n  "], ["\n    ", "\n    color: ", ";\n  "])), Minimal(props), (_a = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _a === void 0 ? void 0 : _a.primary);
+};
+var StyledMinimalButton = styles.styled(material.Button, {
+    shouldForwardProp: function (prop) { return !doNotForwardProps$p.includes(prop); },
+})(templateObject_10$2 || (templateObject_10$2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+    var sdsType = props.sdsType;
+    return react.css(templateObject_9$4 || (templateObject_9$4 = __makeTemplateObject(["\n      ", "\n      ", "\n    "], ["\n      ", "\n      ", "\n    "])), sdsType === "primary" && PrimaryMinimalButton(props), sdsType === "secondary" && SecondaryMinimalButton(props));
+});
+var StyledButtonLegacy = styles.styled(material.Button, {
+    shouldForwardProp: function (prop) { return !doNotForwardProps$p.includes(prop); },
+})(templateObject_11$1 || (templateObject_11$1 = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), focusVisibleA11yStyle, function (props) {
+    if (!props.isRounded)
+        return "";
+    var corners = getCorners(props);
+    var spaces = getSpaces(props);
+    return "\n      border-radius: ".concat(corners === null || corners === void 0 ? void 0 : corners.l, "px;\n      padding: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n    ");
+});
+var templateObject_1$O, templateObject_2$w, templateObject_3$o, templateObject_4$l, templateObject_5$f, templateObject_6$b, templateObject_7$9, templateObject_8$8, templateObject_9$4, templateObject_10$2, templateObject_11$1;
+var isDisabled$1 = function (props) {
+    var _a, _b;
+    var semanticComponentColors = getSemanticComponentColors(props);
+    return react.css(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\n    color: ", ";\n\n    svg {\n      color: ", ";\n    }\n  "], ["\n    color: ", ";\n\n    svg {\n      color: ", ";\n    }\n  "])), (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.fillDisabled, (_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.fillDisabled);
 };
 var primary$2 = function (props) {
-    var colors = getColors(props);
-    var sdsSize = props.sdsSize;
-    return react.css(templateObject_3$o || (templateObject_3$o = __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.blue[400], colors === null || colors === void 0 ? void 0 : colors.gray[200], sdsSize === "small" ? colors === null || colors === void 0 ? void 0 : colors.blue[600] : colors === null || colors === void 0 ? void 0 : colors.blue[400], colors === null || colors === void 0 ? void 0 : colors.blue[600]);
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var semanticComponentColors = getSemanticComponentColors(props);
+    return react.css(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n    color: ", ";\n\n    svg {\n      color: ", ";\n    }\n\n    &:hover {\n      background: ", ";\n      color: ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    &:active {\n      background: ", ";\n      color: ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n  "], ["\n    color: ", ";\n\n    svg {\n      color: ", ";\n    }\n\n    &:hover {\n      background: ", ";\n      color: ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    &:active {\n      background: ", ";\n      color: ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n  "])), (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _a === void 0 ? void 0 : _a.fill, (_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _b === void 0 ? void 0 : _b.fill, (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.fillHover, (_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _d === void 0 ? void 0 : _d.fillHover, (_e = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _e === void 0 ? void 0 : _e.fillHover, (_f = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _f === void 0 ? void 0 : _f.fillPressed, (_g = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _g === void 0 ? void 0 : _g.fillPressed, (_h = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _h === void 0 ? void 0 : _h.fillPressed);
 };
 var secondary$2 = function (props) {
-    var colors = getColors(props);
-    return react.css(templateObject_4$l || (templateObject_4$l = __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.blue[400]);
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var semanticComponentColors = getSemanticComponentColors(props);
+    return react.css(templateObject_3$n || (templateObject_3$n = __makeTemplateObject(["\n    color: ", ";\n\n    svg {\n      color: ", ";\n    }\n\n    &:hover {\n      background: ", ";\n      color: ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    &:active {\n      background: ", ";\n      color: ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n  "], ["\n    color: ", ";\n\n    svg {\n      color: ", ";\n    }\n\n    &:hover {\n      background: ", ";\n      color: ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    &:active {\n      background: ", ";\n      color: ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n  "])), (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.icon, (_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.icon, (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.fillHover, (_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _d === void 0 ? void 0 : _d.fillHover, (_e = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _e === void 0 ? void 0 : _e.fillHover, (_f = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _f === void 0 ? void 0 : _f.fillPressed, (_g = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _g === void 0 ? void 0 : _g.fillPressed, (_h = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _h === void 0 ? void 0 : _h.fillPressed);
 };
 var tertiary = function (props) {
-    var colors = getColors(props);
-    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 _a, _b, _c, _d, _e, _f;
+    var semanticComponentColors = getSemanticComponentColors(props);
+    return react.css(templateObject_4$k || (templateObject_4$k = __makeTemplateObject(["\n    color: ", ";\n\n    svg {\n      color: ", ";\n    }\n\n    &:hover {\n      background: none;\n      color: ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    &:active {\n      background: none;\n      color: ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n  "], ["\n    color: ", ";\n\n    svg {\n      color: ", ";\n    }\n\n    &:hover {\n      background: none;\n      color: ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n\n    &:active {\n      background: none;\n      color: ", ";\n\n      svg {\n        color: ", ";\n      }\n    }\n  "])), (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.icon, (_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.icon, (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.iconHover, (_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _d === void 0 ? void 0 : _d.iconHover, (_e = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _e === void 0 ? void 0 : _e.iconPressed, (_f = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _f === void 0 ? void 0 : _f.iconPressed);
 };
 var small$1 = function (props) {
+    var sdsType = props.sdsType;
     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_5$e || (templateObject_5$e = __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.s.height, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.width, sdsType !== "tertiary" ? "margin: 7px;" : "");
 };
 var medium$1 = function (props) {
     var sdsType = props.sdsType;
     var iconSizes = getIconSizes(props);
-    if (sdsType === "primary" || sdsType === "secondary") {
-        showWarningIfFirstOccurence(SDSWarningTypes.ButtonIconMediumSize);
-    }
-    return react.css(templateObject_7$8 || (templateObject_7$8 = __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.l.height, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l.width);
+    return react.css(templateObject_6$a || (templateObject_6$a = __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.l.height, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l.width, sdsType !== "tertiary" ? "margin: 7px;" : "");
 };
 var large = function (props) {
     var sdsType = props.sdsType;
     var iconSizes = getIconSizes(props);
-    return react.css(templateObject_8$7 || (templateObject_8$7 = __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;" : "");
+    return react.css(templateObject_7$8 || (templateObject_7$8 = __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 !== "tertiary" ? "margin: 5px;" : "");
 };
 var doNotForwardProps$o = [
     "on",
@@ -1768,13 +3876,13 @@ var doNotForwardProps$o = [
     "sdsIcon",
     "sdsIconProps",
 ];
-var StyledButtonIcon$2 = styles.styled(material.IconButton, {
+var StyledButtonIcon = styles.styled(material.IconButton, {
     shouldForwardProp: function (prop) { return !doNotForwardProps$o.includes(prop); },
-})(templateObject_10$2 || (templateObject_10$2 = __makeTemplateObject(["\n  padding: 0;\n  ", "\n\n  ", "\n"], ["\n  padding: 0;\n  ", "\n\n  ", "\n"])), focusVisibleA11yStyle, function (props) {
-    var on = props.on, disabled = props.disabled, sdsSize = props.sdsSize, sdsType = props.sdsType;
-    return react.css(templateObject_9$3 || (templateObject_9$3 = __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_9$3 || (templateObject_9$3 = __makeTemplateObject(["\n  padding: 0;\n  ", "\n\n  ", "\n"], ["\n  padding: 0;\n  ", "\n\n  ", "\n"])), focusVisibleA11yStyle, function (props) {
+    var disabled = props.disabled, _a = props.sdsSize, sdsSize = _a === void 0 ? "medium" : _a, _b = props.sdsType, sdsType = _b === void 0 ? "primary" : _b;
+    return react.css(templateObject_8$7 || (templateObject_8$7 = __makeTemplateObject(["\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), disabled && isDisabled$1(props), sdsSize === "small" && small$1(props), sdsSize === "medium" && medium$1(props), sdsSize === "large" && large(props));
 });
-var templateObject_1$O, templateObject_2$w, templateObject_3$o, templateObject_4$l, templateObject_5$f, templateObject_6$b, templateObject_7$8, templateObject_8$7, templateObject_9$3, templateObject_10$2;
+var templateObject_1$N, templateObject_2$v, templateObject_3$n, templateObject_4$k, templateObject_5$e, templateObject_6$a, templateObject_7$8, templateObject_8$7, templateObject_9$3;
 var ButtonIconSizeToSdsIconSize = {
     large: "xl",
@@ -1783,6 +3891,10 @@ var ButtonIconSizeToSdsIconSize = {
 };
 /**
  * @see https://mui.com/material-ui/react-button/#icon-buttons
+ *
+ * @deprecated
+ * This component is deprecated and will be removed in the next major version.
+ * Please use `Button` or `ButtonDropdown` with `sdsStyle: icon` instead.
  */
 var ButtonIcon = React.forwardRef(function ButtonIcon(props, ref) {
     /**
@@ -1807,25 +3919,77 @@ var ButtonIcon = React.forwardRef(function ButtonIcon(props, ref) {
             }
         }
     };
-    return (jsxRuntime.jsx(StyledButtonIcon$2, __assign({}, props, { ref: ref, children: iconItem() })));
+    return (jsxRuntime.jsx(StyledButtonIcon, __assign({}, props, { ref: ref, children: iconItem() })));
+});
+/**
+ * (masoudmanson): The MUI variant prop is determined by the sdsType prop.
+ */
+var MUI_VARIANT_MAP = {
+    destructive: "contained",
+    primary: "contained",
+    secondary: "outlined",
+    tertiary: "text",
+};
+/**
+ * @see https://mui.com/material-ui/react-button/
+ */
+var Button = React.forwardRef(function (props, ref) {
+    var sdsStyle = props.sdsStyle, sdsType = props.sdsType;
+    if (!sdsStyle || !sdsType) {
+        showWarningIfFirstOccurence(SDSWarningTypes.ButtonMissingSDSProps);
+    }
+    if (typeof (props === null || props === void 0 ? void 0 : props.isAllCaps) === "boolean" && sdsStyle !== "minimal") {
+        showWarningIfFirstOccurence(SDSWarningTypes.ButtonMinimalIsAllCaps);
+    }
+    // isAllCaps is only used for the Minimal Button.  It defaults to true.
+    var isAllCaps = typeof (props === null || props === void 0 ? void 0 : props.isAllCaps) === "boolean" ? props === null || props === void 0 ? void 0 : props.isAllCaps : true;
+    var propsWithDefault = __assign(__assign({}, props), { isAllCaps: isAllCaps });
+    switch (true) {
+        case sdsStyle === "icon":
+            if ((props === null || props === void 0 ? void 0 : props.icon) !== undefined) {
+                // (masoudmanson): We need to remove the props that are not supported by
+                // the ButtonIcon component.
+                var excludedProps = [
+                    "startIcon",
+                    "endIcon",
+                    "sdsStyle",
+                    "isAllCaps",
+                    "sdsType",
+                ];
+                var finalProps = filterProps(propsWithDefault, excludedProps);
+                return (jsxRuntime.jsx(ButtonIcon, __assign({ icon: props === null || props === void 0 ? void 0 : props.icon }, finalProps, { sdsType: sdsType, ref: ref })));
+            }
+            else {
+                showWarningIfFirstOccurence(SDSWarningTypes.ButtonIconMissingIconProp);
+                return null;
+            }
+        case sdsStyle === "minimal":
+            return (jsxRuntime.jsx(StyledMinimalButton, __assign({ color: "primary", variant: "text" }, propsWithDefault, { ref: ref })));
+        case sdsStyle === "rounded":
+        case sdsStyle === "square":
+            return (jsxRuntime.jsx(StyledButton$3, __assign({ color: "primary", variant: sdsType ? MUI_VARIANT_MAP[sdsType] : "text" }, propsWithDefault, { ref: ref })));
+        default:
+            return jsxRuntime.jsx(StyledButtonLegacy, __assign({}, propsWithDefault, { ref: ref }));
+    }
 });
-var sdsPropNames$3 = ["sdsStyle", "sdsStage", "intent", "handleSubmit"];
+var sdsPropNames$2 = ["sdsStyle", "sdsStage", "intent", "handleSubmit"];
 var rounded$3 = function (props) {
     var _a;
     var corners = getCorners(props);
     var semanticComponentColors = getSemanticComponentColors(props);
-    return react.css(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\n    .", " {\n      border-radius: ", "px;\n\n      .", " {\n        border-radius: ", "px;\n        border: 1px solid ", ";\n      }\n    }\n  "], ["\n    .", " {\n      border-radius: ", "px;\n\n      .", " {\n        border-radius: ", "px;\n        border: 1px solid ", ";\n      }\n    }\n  "])), material.outlinedInputClasses.root, corners === null || corners === void 0 ? void 0 : corners.l, material.outlinedInputClasses.notchedOutline, corners === null || corners === void 0 ? void 0 : corners.l, (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.border);
+    return react.css(templateObject_1$M || (templateObject_1$M = __makeTemplateObject(["\n    .", " {\n      border-radius: ", "px;\n\n      .", " {\n        border-radius: ", "px;\n        border: 1px solid ", ";\n      }\n    }\n  "], ["\n    .", " {\n      border-radius: ", "px;\n\n      .", " {\n        border-radius: ", "px;\n        border: 1px solid ", ";\n      }\n    }\n  "])), material.outlinedInputClasses.root, corners === null || corners === void 0 ? void 0 : corners.l, material.outlinedInputClasses.notchedOutline, corners === null || corners === void 0 ? void 0 : corners.l, (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.border);
 };
 var error$3 = function (props) {
     var _a, _b, _c, _d;
     var semanticComponentColors = getSemanticComponentColors(props);
-    return react.css(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n    .", " .", " {\n      border: 1px solid ", ";\n    }\n\n    .", ":hover\n      .", " {\n      border: 1px solid ", ";\n    }\n\n    .", ".", " {\n      .", " {\n        border: 1px solid ", ";\n      }\n\n      .", " .", ":last-of-type {\n        cursor: default;\n        svg {\n          color: ", ";\n        }\n      }\n    }\n  "], ["\n    .", " .", " {\n      border: 1px solid ", ";\n    }\n\n    .", ":hover\n      .", " {\n      border: 1px solid ", ";\n    }\n\n    .", ".", " {\n      .", " {\n        border: 1px solid ", ";\n      }\n\n      .", " .", ":last-of-type {\n        cursor: default;\n        svg {\n          color: ", ";\n        }\n      }\n    }\n  "])), material.outlinedInputClasses.root, material.outlinedInputClasses.notchedOutline, (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.negative) === null || _a === void 0 ? void 0 : _a.border, material.outlinedInputClasses.root, material.outlinedInputClasses.notchedOutline, (_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.negative) === null || _b === void 0 ? void 0 : _b.border, material.outlinedInputClasses.root, material.outlinedInputClasses.focused, material.outlinedInputClasses.notchedOutline, (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.negative) === null || _c === void 0 ? void 0 : _c.border, material.inputAdornmentClasses.root, material.buttonBaseClasses.root, (_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _d === void 0 ? void 0 : _d.icon);
+    return react.css(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n    .", " .", " {\n      border: 1px solid ", ";\n    }\n\n    .", ":hover\n      .", " {\n      border: 1px solid ", ";\n    }\n\n    .", ".", " {\n      .", " {\n        border: 1px solid ", ";\n      }\n\n      .", " .", ":last-of-type {\n        cursor: default;\n        svg {\n          color: ", ";\n        }\n      }\n    }\n  "], ["\n    .", " .", " {\n      border: 1px solid ", ";\n    }\n\n    .", ":hover\n      .", " {\n      border: 1px solid ", ";\n    }\n\n    .", ".", " {\n      .", " {\n        border: 1px solid ", ";\n      }\n\n      .", " .", ":last-of-type {\n        cursor: default;\n        svg {\n          color: ", ";\n        }\n      }\n    }\n  "])), material.outlinedInputClasses.root, material.outlinedInputClasses.notchedOutline, (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.negative) === null || _a === void 0 ? void 0 : _a.border, material.outlinedInputClasses.root, material.outlinedInputClasses.notchedOutline, (_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.negative) === null || _b === void 0 ? void 0 : _b.border, material.outlinedInputClasses.root, material.outlinedInputClasses.focused, material.outlinedInputClasses.notchedOutline, (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.negative) === null || _c === void 0 ? void 0 : _c.border, material.inputAdornmentClasses.root, material.buttonBaseClasses.root, (_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _d === void 0 ? void 0 : _d.icon);
 };
 var warning$3 = function (props) {
     var _a, _b, _c, _d;
     var semanticComponentColors = getSemanticComponentColors(props);
-    return react.css(templateObject_3$n || (templateObject_3$n = __makeTemplateObject(["\n    .", " .", " {\n      border: 1px solid ", ";\n    }\n\n    .", ":hover\n      .", " {\n      border: 1px solid ", ";\n    }\n\n    .", ".", " {\n      .", " {\n        border: 1px solid ", ";\n      }\n\n      .", " .", ":last-of-type {\n        cursor: default;\n        svg {\n          color: ", ";\n        }\n      }\n    }\n  "], ["\n    .", " .", " {\n      border: 1px solid ", ";\n    }\n\n    .", ":hover\n      .", " {\n      border: 1px solid ", ";\n    }\n\n    .", ".", " {\n      .", " {\n        border: 1px solid ", ";\n      }\n\n      .", " .", ":last-of-type {\n        cursor: default;\n        svg {\n          color: ", ";\n        }\n      }\n    }\n  "])), material.outlinedInputClasses.root, material.outlinedInputClasses.notchedOutline, (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.notice) === null || _a === void 0 ? void 0 : _a.border, material.outlinedInputClasses.root, material.outlinedInputClasses.notchedOutline, (_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.notice) === null || _b === void 0 ? void 0 : _b.border, material.outlinedInputClasses.root, material.outlinedInputClasses.focused, material.outlinedInputClasses.notchedOutline, (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.notice) === null || _c === void 0 ? void 0 : _c.border, material.inputAdornmentClasses.root, material.buttonBaseClasses.root, (_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _d === void 0 ? void 0 : _d.icon);
+    return react.css(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n    .", " .", " {\n      border: 1px solid ", ";\n    }\n\n    .", ":hover\n      .", " {\n      border: 1px solid ", ";\n    }\n\n    .", ".", " {\n      .", " {\n        border: 1px solid ", ";\n      }\n\n      .", " .", ":last-of-type {\n        cursor: default;\n        svg {\n          color: ", ";\n        }\n      }\n    }\n  "], ["\n    .", " .", " {\n      border: 1px solid ", ";\n    }\n\n    .", ":hover\n      .", " {\n      border: 1px solid ", ";\n    }\n\n    .", ".", " {\n      .", " {\n        border: 1px solid ", ";\n      }\n\n      .", " .", ":last-of-type {\n        cursor: default;\n        svg {\n          color: ", ";\n        }\n      }\n    }\n  "])), material.outlinedInputClasses.root, material.outlinedInputClasses.notchedOutline, (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.notice) === null || _a === void 0 ? void 0 : _a.border, material.outlinedInputClasses.root, material.outlinedInputClasses.notchedOutline, (_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.notice) === null || _b === void 0 ? void 0 : _b.border, material.outlinedInputClasses.root, material.outlinedInputClasses.focused, material.outlinedInputClasses.notchedOutline, (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.notice) === null || _c === void 0 ? void 0 : _c.border, material.inputAdornmentClasses.root, material.buttonBaseClasses.root, (_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _d === void 0 ? void 0 : _d.icon);
 };
 var userInput$2 = function (props) {
     var _a, _b, _c, _d, _e;
@@ -1839,21 +4003,21 @@ var userInput$2 = function (props) {
     var color = intent === "default"
         ? (_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _d === void 0 ? void 0 : _d.icon
         : (_e = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _e === void 0 ? void 0 : _e.icon;
-    return react.css(templateObject_4$k || (templateObject_4$k = __makeTemplateObject(["\n    .", " .", " {\n      border: 1px solid ", ";\n    }\n\n    .", ":hover\n      .", " {\n      border: 1px solid ", ";\n    }\n\n    .", " svg {\n      color: ", ";\n    }\n  "], ["\n    .", " .", " {\n      border: 1px solid ", ";\n    }\n\n    .", ":hover\n      .", " {\n      border: 1px solid ", ";\n    }\n\n    .", " svg {\n      color: ", ";\n    }\n  "])), material.outlinedInputClasses.root, material.outlinedInputClasses.notchedOutline, border, material.outlinedInputClasses.root, material.outlinedInputClasses.notchedOutline, border, material.inputAdornmentClasses.root, color);
+    return react.css(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n    .", " .", " {\n      border: 1px solid ", ";\n    }\n\n    .", ":hover\n      .", " {\n      border: 1px solid ", ";\n    }\n\n    .", " svg {\n      color: ", ";\n    }\n  "], ["\n    .", " .", " {\n      border: 1px solid ", ";\n    }\n\n    .", ":hover\n      .", " {\n      border: 1px solid ", ";\n    }\n\n    .", " svg {\n      color: ", ";\n    }\n  "])), material.outlinedInputClasses.root, material.outlinedInputClasses.notchedOutline, border, material.outlinedInputClasses.root, material.outlinedInputClasses.notchedOutline, border, material.inputAdornmentClasses.root, color);
 };
 var disabledStyled$2 = function (props) {
     var _a, _b, _c;
     var colors = getColors(props);
     var semanticComponentColors = getSemanticComponentColors(props);
-    return react.css(templateObject_5$e || (templateObject_5$e = __makeTemplateObject(["\n    .", " {\n      .", " {\n        border: 1px solid ", ";\n      }\n\n      .", " svg {\n        color: ", ";\n      }\n\n      &:hover .", " {\n        border: 1px solid ", ";\n      }\n\n      &::placeholder {\n        color: ", ";\n        opacity: 1;\n      }\n    }\n  "], ["\n    .", " {\n      .", " {\n        border: 1px solid ", ";\n      }\n\n      .", " svg {\n        color: ", ";\n      }\n\n      &:hover .", " {\n        border: 1px solid ", ";\n      }\n\n      &::placeholder {\n        color: ", ";\n        opacity: 1;\n      }\n    }\n  "])), material.outlinedInputClasses.disabled, material.outlinedInputClasses.notchedOutline, (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.borderDisabled, material.inputAdornmentClasses.root, (_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.iconDisabled, material.outlinedInputClasses.notchedOutline, (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.borderDisabled, colors === null || colors === void 0 ? void 0 : colors.gray[300]);
+    return react.css(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n    .", " {\n      .", " {\n        border: 1px solid ", ";\n      }\n\n      .", " svg {\n        color: ", ";\n      }\n\n      &:hover .", " {\n        border: 1px solid ", ";\n      }\n\n      &::placeholder {\n        color: ", ";\n        opacity: 1;\n      }\n    }\n  "], ["\n    .", " {\n      .", " {\n        border: 1px solid ", ";\n      }\n\n      .", " svg {\n        color: ", ";\n      }\n\n      &:hover .", " {\n        border: 1px solid ", ";\n      }\n\n      &::placeholder {\n        color: ", ";\n        opacity: 1;\n      }\n    }\n  "])), material.outlinedInputClasses.disabled, material.outlinedInputClasses.notchedOutline, (_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.borderDisabled, material.inputAdornmentClasses.root, (_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.iconDisabled, material.outlinedInputClasses.notchedOutline, (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.borderDisabled, colors === null || colors === void 0 ? void 0 : colors.gray[300]);
 };
-var StyledLabel$2 = styles.styled("label")(templateObject_6$a || (templateObject_6$a = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), fontBodyM$1, function (props) {
+var StyledLabel$2 = styles.styled("label")(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), fontBodyM$1, function (props) {
     var spaces = getSpaces(props);
     return "\n      margin-bottom: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.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());
+        return !sdsPropNames$2.includes(prop.toString());
     },
 })(templateObject_8$6 || (templateObject_8$6 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
@@ -1864,9 +4028,9 @@ var StyledSearchBase = styles.styled(material.TextField, {
     return react.css(templateObject_7$7 || (templateObject_7$7 = __makeTemplateObject(["\n      margin-top: ", "px;\n      margin-bottom: ", "px;\n      margin-right: ", "px;\n      min-width: 120px;\n      display: block;\n\n      [type=\"search\"]::-webkit-search-cancel-button {\n        -webkit-appearance: none;\n        appearance: none;\n      }\n\n      & .input-search-clear-icon {\n        opacity: 0;\n        cursor: pointer;\n\n        svg {\n          height: ", "px;\n          width: ", "px;\n        }\n      }\n\n      .", " {\n        padding: 0 ", "px;\n        background-color: ", ";\n\n        .", " {\n          border: 1px solid ", ";\n        }\n\n        &:hover .input-search-clear-icon,\n        &:focus-within .input-search-clear-icon {\n          opacity: ", ";\n\n          svg {\n            color: ", " !important;\n          }\n\n          &:hover {\n            svg {\n              color: ", " !important;\n            }\n          }\n\n          &:active {\n            svg {\n              color: ", " !important;\n            }\n          }\n        }\n      }\n\n      .", " {\n        ", "\n        padding: ", "px ", "px;\n        height: unset;\n        box-sizing: border-box;\n        background-color: ", ";\n      }\n\n      .", ":hover\n        .", " {\n        border: 1px solid ", ";\n      }\n\n      .", ".", " {\n        .", " {\n          border: 1px solid ", ";\n        }\n\n        .", " .", ":last-of-type {\n          cursor: default;\n          svg {\n            color: ", ";\n          }\n        }\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      [type=\"search\"]::-webkit-search-cancel-button {\n        -webkit-appearance: none;\n        appearance: none;\n      }\n\n      & .input-search-clear-icon {\n        opacity: 0;\n        cursor: pointer;\n\n        svg {\n          height: ", "px;\n          width: ", "px;\n        }\n      }\n\n      .", " {\n        padding: 0 ", "px;\n        background-color: ", ";\n\n        .", " {\n          border: 1px solid ", ";\n        }\n\n        &:hover .input-search-clear-icon,\n        &:focus-within .input-search-clear-icon {\n          opacity: ", ";\n\n          svg {\n            color: ", " !important;\n          }\n\n          &:hover {\n            svg {\n              color: ", " !important;\n            }\n          }\n\n          &:active {\n            svg {\n              color: ", " !important;\n            }\n          }\n        }\n      }\n\n      .", " {\n        ", "\n        padding: ", "px ", "px;\n        height: unset;\n        box-sizing: border-box;\n        background-color: ", ";\n      }\n\n      .", ":hover\n        .", " {\n        border: 1px solid ", ";\n      }\n\n      .", ".", " {\n        .", " {\n          border: 1px solid ", ";\n        }\n\n        .", " .", ":last-of-type {\n          cursor: default;\n          svg {\n            color: ", ";\n          }\n        }\n      }\n\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n    "])), spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.xl, (_a = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xs) === null || _a === void 0 ? void 0 : _a.height, (_b = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xs) === null || _b === void 0 ? void 0 : _b.width, material.outlinedInputClasses.root, spaces === null || spaces === void 0 ? void 0 : spaces.m, (_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.surface, material.outlinedInputClasses.notchedOutline, (_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _d === void 0 ? void 0 : _d.border, value ? 1 : 0, (_e = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _e === void 0 ? void 0 : _e.icon, (_f = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _f === void 0 ? void 0 : _f.fillHover, (_g = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _g === void 0 ? void 0 : _g.fillPressed, material.inputBaseClasses.inputSizeSmall, fontBodyXs$2(props), spaces === null || spaces === void 0 ? void 0 : spaces.xs, spaces === null || spaces === void 0 ? void 0 : spaces.s, (_h = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _h === void 0 ? void 0 : _h.surface, material.outlinedInputClasses.root, material.outlinedInputClasses.notchedOutline, (_j = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _j === void 0 ? void 0 : _j.borderHover, material.outlinedInputClasses.root, material.outlinedInputClasses.focused, material.outlinedInputClasses.notchedOutline, (_k = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _k === void 0 ? void 0 : _k.border, material.inputAdornmentClasses.root, material.buttonBaseClasses.root, (_l = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _l === void 0 ? void 0 : _l.icon, sdsStyle === "rounded" && rounded$3(props), intent === "error" && error$3(props), intent === "warning" && warning$3(props), disabled && disabledStyled$2(props), sdsStage === "userInput" && userInput$2(props));
 });
 var StyledInputAdornment = styles.styled(material.InputAdornment)(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n  position: relative;\n  height: unset;\n  margin: 0;\n"], ["\n  position: relative;\n  height: unset;\n  margin: 0;\n"])));
-var templateObject_1$N, templateObject_2$v, templateObject_3$n, templateObject_4$k, templateObject_5$e, templateObject_6$a, templateObject_7$7, templateObject_8$6, templateObject_9$2;
+var templateObject_1$M, templateObject_2$u, templateObject_3$m, templateObject_4$j, templateObject_5$d, templateObject_6$9, templateObject_7$7, templateObject_8$6, templateObject_9$2;
-var StyledMenuItem$1 = styles.styled(material.MenuItem)(templateObject_1$M || (templateObject_1$M = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+var StyledMenuItem$1 = styles.styled(material.MenuItem)(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var _a, _b, _c, _d, _e, _f, _g;
     var selected = props.selected;
     var colors = getColors(props);
@@ -1876,7 +4040,7 @@ var StyledMenuItem$1 = styles.styled(material.MenuItem)(templateObject_1$M || (t
     var primary = colors === null || colors === void 0 ? void 0 : colors.blue[400];
     return "\n      padding: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.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((_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.fillHover, ";\n\n          &[aria-selected=\"true\"] {\n            background-color: ").concat((_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.fillHover, ";\n          }\n        }\n      }\n\n      &.").concat(material.menuItemClasses.root, " .MuiSvgIcon-root {\n        align-self: flex-start;\n      }\n\n      &.").concat(material.menuItemClasses.root, " .").concat(material.menuItemClasses.disabled, " {\n        opacity: 1 !important;\n      }\n\n      &.MuiAutocomplete-option[aria-selected=\"true\"] {\n        &:hover {\n          background-color: ").concat((_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.fillHover, " !important;\n        }\n\n        svg.check-icon {\n          color: ").concat(selected ? primary : (_d = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _d === void 0 ? void 0 : _d.icon, ";\n        }\n      }\n\n      &.MuiAutocomplete-option[aria-disabled=\"true\"] {\n        opacity: 1;\n      }\n\n      &:hover {\n        background-color: ").concat((_e = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _e === void 0 ? void 0 : _e.fillHover, ";\n        svg.check-icon {\n          color: ").concat(selected ? primary : (_f = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _f === void 0 ? void 0 : _f.icon, ";\n        }\n      }\n\n      &.Mui-selected.MuiListItem-root.MuiListItem-button {\n        background-color: white;\n        &:hover {\n          background-color: ").concat((_g = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _g === void 0 ? void 0 : _g.fillHover, ";\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$u || (templateObject_2$u = __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 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 _a;
     var disabled = props.disabled;
@@ -1885,12 +4049,12 @@ var disabledStyles = function (props) {
     var semanticComponentColors = getSemanticComponentColors(props);
     return "\n    color: ".concat((_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.iconDisabled, ";\n    cursor: default;\n  ");
 };
-var TextWrapper = styles.styled("span")(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n\n  ", "\n"])), fontBodyXs$2, function (props) {
+var TextWrapper = styles.styled("span")(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n\n  ", "\n"])), fontBodyXs$2, function (props) {
     var _a;
     var semanticTextColors = getSemanticTextColors(props);
     return "\n      color: ".concat((_a = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === 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$j || (templateObject_4$j = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+var StyledMenuItemIcon = styles.styled("span")(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var _a;
     var disabled = props.disabled;
     var spaces = getSpaces(props);
@@ -1898,13 +4062,13 @@ var StyledMenuItemIcon = styles.styled("span")(templateObject_4$j || (templateOb
     var semanticComponentColors = getSemanticComponentColors(props);
     return "\n      margin-right: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;\n      margin-top: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.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((_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.iconDisabled, ";") : null, "\n      }\n    ");
 });
-var ColumnWrapper = styles.styled("span")(templateObject_5$d || (templateObject_5$d = __makeTemplateObject(["\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n\n  ", "\n"])), fontBodyXs$2, function (props) {
+var ColumnWrapper = styles.styled("span")(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n\n  ", "\n"])), fontBodyXs$2, function (props) {
     var _a;
     var semanticTextColors = getSemanticTextColors(props);
     var spaces = getSpaces(props);
     return "\n      text-align: right;\n      color: ".concat((_a = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _a === void 0 ? void 0 : _a.primary, ";\n      margin-left: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n    ");
 }, disabledStyles);
-var StyledIconWrapper = styles.styled("span")(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+var StyledIconWrapper = styles.styled("span")(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var spaces = getSpaces(props);
     var iconSizes = getIconSizes(props);
     return "\n      align-self: start;\n      margin-right: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n      margin-top: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxxs, "px;\n      height: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, "px;\n    ");
@@ -1933,7 +4097,7 @@ var StyledMinus = styles.styled(iconsMaterial.Remove, {
         : (_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _b === void 0 ? void 0 : _b.icon;
     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$M, templateObject_2$u, templateObject_3$m, templateObject_4$j, templateObject_5$d, templateObject_6$9, templateObject_7$6, templateObject_8$5;
+var templateObject_1$L, templateObject_2$t, templateObject_3$l, templateObject_4$i, templateObject_5$c, templateObject_6$8, templateObject_7$6, templateObject_8$5;
 /**
  * @see https://mui.com/material-ui/react-menu/
@@ -2026,10 +4190,10 @@ var InputSearch = React.forwardRef(function InputSearch(props, ref) {
     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(StyledInputAdornment, { position: "end", children: jsxRuntime.jsx(ButtonIcon, { "aria-label": "clear-button", className: "input-search-clear-icon", onClick: clearInput, sdsType: "primary", sdsSize: "small", sdsIconProps: {
+                    endAdornment: (jsxRuntime.jsx(StyledInputAdornment, { position: "end", children: jsxRuntime.jsx(Button, { "aria-label": "clear-button", className: "input-search-clear-icon", onClick: clearInput, sdsType: "tertiary", sdsSize: "small", sdsStyle: "icon", sdsIconProps: {
                                 sdsType: "iconButton",
                             }, icon: "XMarkCircle" }) })),
-                    startAdornment: (jsxRuntime.jsx(StyledInputAdornment, { position: "start", children: jsxRuntime.jsx(ButtonIcon, { "aria-label": "search-button", onClick: localHandleSubmit, sdsType: "secondary", sdsSize: "small", sdsIconProps: {
+                    startAdornment: (jsxRuntime.jsx(StyledInputAdornment, { position: "start", children: jsxRuntime.jsx(Button, { "aria-label": "search-button", onClick: localHandleSubmit, sdsType: "tertiary", sdsSize: "small", sdsStyle: "icon", sdsIconProps: {
                                 sdsType: "interactive",
                             }, icon: "Search" }) })),
                 }, type: "search", id: id, variant: "outlined", size: "small", placeholder: placeholder, value: value, sdsStyle: sdsStyle, sdsStage: hasValue ? "userInput" : "default", onChange: handleChange, onKeyDown: handleKeyPress, intent: intent,
@@ -2050,7 +4214,7 @@ var doNotForwardProps$n = [
 ];
 var StyledAutocompleteBase = styles.styled(material.Autocomplete, {
     shouldForwardProp: function (prop) { return !doNotForwardProps$n.includes(prop); },
-})(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n  + .", "\n    > .", "\n    .", " {\n    ", "\n  }\n\n  ", "\n"], ["\n  + .", "\n    > .", "\n    .", " {\n    ", "\n  }\n\n  ", "\n"])), material.autocompleteClasses.popper, material.autocompleteClasses.paper, material.autocompleteClasses.groupLabel, fontCapsXxxxs, function (props) {
+})(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n  + .", "\n    > .", "\n    .", " {\n    ", "\n  }\n\n  ", "\n"], ["\n  + .", "\n    > .", "\n    .", " {\n    ", "\n  }\n\n  ", "\n"])), material.autocompleteClasses.popper, material.autocompleteClasses.paper, material.autocompleteClasses.groupLabel, fontCapsXxxxs, function (props) {
     var _a, _b, _c, _d, _e;
     var search = props.search;
     var spaces = getSpaces(props);
@@ -2061,7 +4225,7 @@ var StyledAutocompleteBase = styles.styled(material.Autocomplete, {
 });
 var InputBaseWrapper$1 = styles.styled("div", {
     shouldForwardProp: function (prop) { return !doNotForwardProps$n.includes(prop); },
-})(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+})(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var search = props.search;
     if (!search) {
         // (thuang): We cannot use `display: none;` here, since
@@ -2072,11 +4236,11 @@ var InputBaseWrapper$1 = styles.styled("div", {
 });
 var StyledMenuInputSearch$1 = styles.styled(InputSearch, {
     shouldForwardProp: function (prop) { return !doNotForwardProps$n.includes(prop); },
-})(templateObject_3$l || (templateObject_3$l = __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) {
+})(templateObject_3$k || (templateObject_3$k = __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$3 = styles.styled(material.Paper)(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+var StyledPaper$3 = styles.styled(material.Paper)(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var _a;
     var spaces = getSpaces(props);
     var corners = getCorners(props);
@@ -2085,13 +4249,13 @@ var StyledPaper$3 = styles.styled(material.Paper)(templateObject_4$i || (templat
     var semanticComponentColors = getSemanticComponentColors(props);
     return "\n      padding: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px ;\n      background-color: ").concat((_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.surfacePrimary, ";\n      border: ").concat(borders === null || borders === void 0 ? void 0 : borders.none, ";\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 = styles.styled("div")(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), fontBodyXxs$1, function (props) {
+var StyledMenuItemDetails = styles.styled("div")(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), fontBodyXxs$1, function (props) {
     var _a;
     var semanticTextColors = getSemanticTextColors(props);
     return "\n      color: ".concat((_a = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _a === void 0 ? void 0 : _a.secondary, ";\n      white-space: pre-wrap;\n    ");
 });
-var StyledMenuItemText = styles.styled("div")(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"], ["\n  display: flex;\n  flex-direction: column;\n"])));
-var templateObject_1$L, templateObject_2$t, templateObject_3$l, templateObject_4$i, templateObject_5$c, templateObject_6$8;
+var StyledMenuItemText = styles.styled("div")(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"], ["\n  display: flex;\n  flex-direction: column;\n"])));
+var templateObject_1$K, templateObject_2$s, templateObject_3$k, templateObject_4$h, templateObject_5$b, templateObject_6$7;
 var AutocompleteBase = function (props) {
     var multiple = props.multiple, _a = props.disableCloseOnSelect, disableCloseOnSelect = _a === void 0 ? multiple : _a, _b = props.getOptionLabel, getOptionLabel = _b === void 0 ? defaultGetOptionLabel : _b, _c = props.InputBaseProps, InputBaseProps = _c === void 0 ? EMPTY_OBJECT : _c, _d = props.isOptionEqualToValue, isOptionEqualToValue = _d === void 0 ? defaultIsOptionEqualToValue : _d, _e = props.keepSearchOnSelect, keepSearchOnSelect = _e === void 0 ? false : _e, _f = props.label, label = _f === void 0 ? "Label" : _f, _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.renderOption, renderOption = _l === void 0 ? defaultRenderOption : _l, _m = props.renderTags, renderTags = _m === void 0 ? defaultRenderTags : _m, _o = props.search, search = _o === void 0 ? false : _o, _p = props.clearOnBlur, clearOnBlur = _p === void 0 ? false : _p, _q = props.blurOnSelect, blurOnSelect = _q === void 0 ? !multiple : _q;
@@ -2144,9 +4308,9 @@ var AutocompleteBase = function (props) {
                      * (thuang): Works with css caret-color: "transparent" to hide
                      * mobile keyboard
                      */
-                    inputMode: search ? "text" : "none" }, params.InputProps.ref), { endAdornment: (jsxRuntime.jsx(StyledInputAdornment, { position: "end", children: inputValue && (jsxRuntime.jsx(ButtonIcon, { "aria-label": "clear-button", className: "input-search-clear-icon", onClick: clearInput, sdsType: "primary", sdsSize: "small", sdsIconProps: {
+                    inputMode: search ? "text" : "none" }, params.InputProps.ref), { endAdornment: (jsxRuntime.jsx(StyledInputAdornment, { position: "end", children: inputValue && (jsxRuntime.jsx(Button, { "aria-label": "clear-button", className: "input-search-clear-icon", onClick: clearInput, sdsType: "tertiary", sdsSize: "small", sdsStyle: "icon", sdsIconProps: {
                                 sdsType: "iconButton",
-                            }, icon: "XMarkCircle" })) })), inputProps: params.inputProps, startAdornment: (jsxRuntime.jsx(StyledInputAdornment, { position: "start", children: jsxRuntime.jsx(ButtonIcon, { "aria-label": "search-button", onClick: clearInput, sdsType: "secondary", sdsSize: "small", sdsIconProps: {
+                            }, icon: "XMarkCircle" })) })), inputProps: params.inputProps, startAdornment: (jsxRuntime.jsx(StyledInputAdornment, { position: "start", children: jsxRuntime.jsx(Button, { "aria-label": "search-button", onClick: clearInput, sdsType: "tertiary", sdsSize: "small", sdsStyle: "icon", sdsIconProps: {
                                 sdsType: "interactive",
                             }, icon: "Search" }) })) }) }, InputBaseProps)) }));
     }
@@ -2212,27 +4376,27 @@ var AutocompleteBase = function (props) {
     }
 };
-var StyledColumn = styles.styled("div")(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+var StyledColumn = styles.styled("div")(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var _a;
     var _b = props.width, width = _b === void 0 ? 280 : _b;
     var spaces = getSpaces(props);
     var borders = getBorders(props);
     return "\n      position: relative;\n      width: ".concat(width, "px;\n\n      &:not(:last-child) {\n        border-right: ").concat((_a = borders === null || borders === void 0 ? void 0 : borders.base) === null || _a === void 0 ? void 0 : _a.divider, ";\n        margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n      }\n\n      // (masoudmanson): This code hides the relation icon of the last column\n      &:last-of-type {\n        .SdsAutocompleteMultiColumn-column-relation-icon {\n          display: none;\n        }\n      }\n    ");
 });
-var StyledColumnTitle = styles.styled("p")(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), fontCapsXxxxs, function (props) {
+var StyledColumnTitle = styles.styled("p")(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), fontCapsXxxxs, function (props) {
     var _a;
     var spaces = getSpaces(props);
     var semanticTextColors = getSemanticTextColors(props);
     return "\n      color: ".concat((_a = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _a === void 0 ? void 0 : _a.secondary, ";\n      padding: 0 ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;\n      margin: 0;\n    ");
 });
-var StyledColumnIcon = styles.styled("span")(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+var StyledColumnIcon = styles.styled("span")(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var _a, _b;
     var spaces = getSpaces(props);
     var iconSizes = getIconSizes(props);
     var semanticComponentColors = getSemanticComponentColors(props);
     return "\n      background-color: ".concat((_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.surfacePrimary, ";\n      position: absolute;\n      right: -").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;\n      top: -2px;\n      padding-bottom: 2px;\n\n      svg {\n        color: ").concat((_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.icon, ";\n        width: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xs.width, "px;\n        height: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xs.height, "px;\n      }\n    ");
 });
-var templateObject_1$K, templateObject_2$s, templateObject_3$k;
+var templateObject_1$J, templateObject_2$r, templateObject_3$j;
 var AutocompleteGroup = function (props) {
     var autocompleteProps = props.autocompleteProps, onValueChange = props.onValueChange, propValue = props.value, multiple = props.multiple, label = props.label, InputBaseProps = props.InputBaseProps, popperOpen = props.popperOpen, inputValue = props.inputValue, PaperComponent = props.PaperComponent, rest = __rest(props, ["autocompleteProps", "onValueChange", "value", "multiple", "label", "InputBaseProps", "popperOpen", "inputValue", "PaperComponent"]);
@@ -2287,7 +4451,7 @@ var StyledPopper$2 = styles.styled(material.Popper, {
     shouldForwardProp: function (prop) {
         return !doNotForwardProps$m.includes(prop) || prop === "anchorEl";
     },
-})(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+})(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var _a;
     var corners = getCorners(props);
     var shadows = getShadows(props);
@@ -2298,21 +4462,21 @@ var StyledPopper$2 = styles.styled(material.Popper, {
 });
 var StyledPaper$2 = styles.styled(material.Paper, {
     shouldForwardProp: function (prop) { return !doNotForwardProps$m.includes(prop); },
-})(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+})(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var shadows = getShadows(props);
     return "\n      box-shadow: ".concat(shadows === null || shadows === void 0 ? void 0 : shadows.none, ";\n      margin: 0;\n      border-radius: 0;\n      padding-top: 0;\n      padding-bottom: 0;\n    ");
 });
-var StyledAutocompleteGroupWrapper = styles.styled("div")(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
+var StyledAutocompleteGroupWrapper = styles.styled("div")(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
 var StyledAutocompleteInput = styles.styled(InputSearch, {
     shouldForwardProp: function (prop) { return !doNotForwardProps$m.includes(prop); },
-})(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n  ", "\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"], ["\n  ", "\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) {
+})(templateObject_4$g || (templateObject_4$g = __makeTemplateObject(["\n  ", "\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"], ["\n  ", "\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 && "height: 0; display: none;";
 }, function (_a) {
     var search = _a.search;
     return (search ? "auto" : "transparent");
 });
-var templateObject_1$J, templateObject_2$r, templateObject_3$j, templateObject_4$h;
+var templateObject_1$I, templateObject_2$q, templateObject_3$i, templateObject_4$g;
 var AutocompleteMultiColumn = function (props) {
     var _a;
@@ -2339,14 +4503,14 @@ var AutocompleteMultiColumn = function (props) {
         });
         onChange === null || onChange === void 0 ? void 0 : onChange(event, __assign(__assign({}, autocompleteMultiColumnValue), (_a = {}, _a[column] = val, _a)), reason, details);
     };
-    return (jsxRuntime.jsx(material.ClickAwayListener, __assign({ onClickAway: onClickAway }, ClickAwayListenerProps, { children: jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(StyledAutocompleteInput, __assign({ id: "location-search", label: label, placeholder: label, value: inputValue, onChange: handleInputChange, onClick: handleInputClick, onBlur: handleInputBlur, ref: anchorRef, search: search, onKeyDown: handleInputKeyDown, InputProps: __assign(__assign({}, InputBaseProps === null || InputBaseProps === void 0 ? void 0 : InputBaseProps.ref), { endAdornment: (jsxRuntime.jsx(StyledInputAdornment, { position: "end", children: inputValue && (jsxRuntime.jsx(ButtonIcon, { "aria-label": "clear-button", className: "input-search-clear-icon", sdsType: "primary", sdsSize: "small", sdsIconProps: {
+    return (jsxRuntime.jsx(material.ClickAwayListener, __assign({ onClickAway: onClickAway }, ClickAwayListenerProps, { children: jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(StyledAutocompleteInput, __assign({ id: "location-search", label: label, placeholder: label, value: inputValue, onChange: handleInputChange, onClick: handleInputClick, onBlur: handleInputBlur, ref: anchorRef, search: search, onKeyDown: handleInputKeyDown, InputProps: __assign(__assign({}, InputBaseProps === null || InputBaseProps === void 0 ? void 0 : InputBaseProps.ref), { endAdornment: (jsxRuntime.jsx(StyledInputAdornment, { position: "end", children: inputValue && (jsxRuntime.jsx(Button, { "aria-label": "clear-button", className: "input-search-clear-icon", sdsType: "tertiary", sdsSize: "small", sdsStyle: "icon", sdsIconProps: {
                                     sdsType: "iconButton",
                                 }, icon: "XMarkCircle", onClick: clearInput })) })),
                         /**
                          * (thuang): Works with css caret-color: "transparent" to hide
                          * mobile keyboard
                          */
-                        inputMode: "text", startAdornment: (jsxRuntime.jsx(StyledInputAdornment, { position: "start", children: jsxRuntime.jsx(ButtonIcon, { "aria-label": "search-button", sdsType: "secondary", sdsSize: "small", sdsIconProps: {
+                        inputMode: "text", startAdornment: (jsxRuntime.jsx(StyledInputAdornment, { position: "start", children: jsxRuntime.jsx(Button, { "aria-label": "search-button", sdsType: "tertiary", sdsSize: "small", sdsStyle: "icon", sdsIconProps: {
                                     sdsType: "interactive",
                                 }, icon: "Search" }) })) }) }, InputBaseProps)), anchorEl && (jsxRuntime.jsx(PopperComponent, __assign({ modifiers: [
                         {
@@ -2419,25 +4583,25 @@ var Autocomplete = 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 Centered = styles.styled("div")(templateObject_1$H || (templateObject_1$H = __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$p || (templateObject_2$p = __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    ");
 });
 var doNotForwardPropsButtonIcon = ["bannerType", "textChild"];
-var StyledButtonIcon$1 = styles.styled(ButtonIcon, {
+var StyledButton$2 = styles.styled(Button, {
     shouldForwardProp: function (prop) {
         return !doNotForwardPropsButtonIcon.includes(prop);
     },
-})(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n  flex: 0 0 auto;\n\n  ", "\n"], ["\n  flex: 0 0 auto;\n\n  ", "\n"])), function (props) {
+})(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n  flex: 0 0 auto;\n\n  ", "\n"], ["\n  flex: 0 0 auto;\n\n  ", "\n"])), function (props) {
     var bannerType = props.bannerType;
     var colors = getColors(props);
     if (bannerType !== "primary")
         return "";
     return "\n      svg:hover {\n        fill: ".concat(colors === null || colors === void 0 ? void 0 : colors.blue[300], ";\n      }\n    ");
 });
-styles.styled("div")(templateObject_4$g || (templateObject_4$g = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), fontBodyS$1);
+styles.styled("div")(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), fontBodyS$1);
 var primary$1 = function (props) {
     var _a, _b, _c;
     var semanticComponentColors = getSemanticComponentColors(props);
@@ -2453,12 +4617,12 @@ var secondary$1 = function (props) {
 var doNotForwardProps$l = ["sdsType", "textChild"];
 var StyledBanner = styles.styled("div", {
     shouldForwardProp: function (prop) { return !doNotForwardProps$l.includes(prop); },
-})(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), fontBodyS$1, function (props) {
+})(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n  ", "\n\n  ", "\n"], ["\n  ", "\n\n  ", "\n"])), fontBodyS$1, function (props) {
     var sdsType = props.sdsType;
     var spaces = getSpaces(props);
     return "\n      display: flex;\n      align-items: center;\n      padding: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.s, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n  \n      ").concat(sdsType === "primary" ? primary$1(props) : "", "\n      ").concat(sdsType === "secondary" ? secondary$1(props) : "", "\n    ");
 });
-var templateObject_1$I, templateObject_2$q, templateObject_3$i, templateObject_4$g, templateObject_5$b;
+var templateObject_1$H, templateObject_2$p, templateObject_3$h, templateObject_4$f, templateObject_5$a;
 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, icon = props.icon, sdsIconProps = props.sdsIconProps, rest = __rest(props, ["children", "dismissed", "dismissible", "onClose", "sdsType", "icon", "sdsIconProps"]);
@@ -2486,124 +4650,44 @@ var Banner = React.forwardRef(function Banner(props, ref) {
             return (jsxRuntime.jsx(Icon, __assign({ sdsIcon: "InfoCircle", sdsSize: "l", sdsType: "static" }, sdsIconProps)));
         }
     };
-    return (jsxRuntime.jsxs(StyledBanner, __assign({ role: "banner", sdsType: sdsType, ref: ref }, rest, { children: [jsxRuntime.jsxs(Centered, { children: [jsxRuntime.jsx(IconWrapper$1, { children: iconItem() }), children] }), dismissible && (jsxRuntime.jsx(StyledButtonIcon$1, { "aria-label": "Close", bannerType: sdsType, sdsType: "tertiary", sdsSize: "small", onClick: handleClose, icon: "XMark" }))] })));
+    return (jsxRuntime.jsxs(StyledBanner, __assign({ role: "banner", sdsType: sdsType, ref: ref }, rest, { children: [jsxRuntime.jsxs(Centered, { children: [jsxRuntime.jsx(IconWrapper$1, { children: iconItem() }), children] }), dismissible && (jsxRuntime.jsx(StyledButton$2, { "aria-label": "Close", bannerType: sdsType, sdsType: "tertiary", sdsSize: "small", sdsStyle: "icon", onClick: handleClose, icon: "XMark" }))] })));
 });
-var sdsPropNames$2 = ["isAllCaps", "isRounded", "sdsStyle", "sdsType"];
-var ButtonBase = styles.styled(material.Button, {
-    shouldForwardProp: function (prop) { return !sdsPropNames$2.includes(prop); },
-})(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n  ", "\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n  ", "\n"])), fontBodySemiboldXs, focusVisibleA11yStyle, function (props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-    var variant = props.variant, startIcon = props.startIcon, endIcon = props.endIcon;
-    var spaces = getSpaces(props);
-    var shadows = getShadows(props);
-    var iconSizes = getIconSizes(props);
-    var semanticTextColors = getSemanticTextColors(props);
-    var semanticComponentColors = getSemanticComponentColors(props);
-    var hasIcon = !!startIcon || !!endIcon;
-    // (masoudmanson): The padding for the contained variant depends on the presence of an icon.
-    // If the component has either a startIcon or endIcon, the padding will be different.
-    // If the component doesn't have any icon at all, the padding will be different.
-    var containedPadding = hasIcon
-        ? "".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px")
-        : "".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px");
-    // (thuang): outline variant has border 1px, so padding needs to be smaller
-    var outlinedPadding = hasIcon
-        ? "".concat(((spaces === null || spaces === void 0 ? void 0 : spaces.xxs) || 0) - 1, "px ").concat(((spaces === null || spaces === void 0 ? void 0 : spaces.m) || 0) - 1, "px")
-        : "".concat(((spaces === null || spaces === void 0 ? void 0 : spaces.xs) || 0) - 1, "px ").concat(((spaces === null || spaces === void 0 ? void 0 : spaces.m) || 0) - 1, "px");
-    var padding = variant === "outlined" ? outlinedPadding : containedPadding;
-    var outlineBorder = variant === "outlined"
-        ? "border-color: ".concat((_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _a === void 0 ? void 0 : _a.border, ";")
-        : "";
-    return "\n      ".concat(outlineBorder, "\n      padding: ").concat(padding, ";\n      min-width: 120px;\n      box-shadow: ").concat(shadows === null || shadows === void 0 ? void 0 : shadows.none, ";\n\n      &:hover {\n        color: ").concat((_b = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _b === void 0 ? void 0 : _b.onFill, ";\n        background-color: ").concat((_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _c === void 0 ? void 0 : _c.fillHover, ";\n        box-shadow: ").concat(shadows === null || shadows === void 0 ? void 0 : shadows.none, ";\n      }\n\n      &:active {\n        color: ").concat((_d = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _d === void 0 ? void 0 : _d.onFill, ";\n        background-color: ").concat((_e = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _e === void 0 ? void 0 : _e.fillPressed, ";\n        box-shadow: ").concat(shadows === null || shadows === void 0 ? void 0 : shadows.none, ";\n      }\n\n      &:disabled {\n        color: ").concat((_f = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _f === void 0 ? void 0 : _f.onFillDisabled, ";\n        background-color: ").concat((_g = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _g === void 0 ? void 0 : _g.fillDisabled, ";\n        border-color: ").concat((_h = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _h === void 0 ? void 0 : _h.borderDisabled, ";\n      }\n\n      .").concat(material.buttonClasses.startIcon, ", .").concat(material.buttonClasses.endIcon, " {\n        width: ").concat((_j = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l) === null || _j === void 0 ? void 0 : _j.width, "px;\n        height: ").concat((_k = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l) === null || _k === void 0 ? void 0 : _k.width, "px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        svg {\n          max-width: ").concat((_l = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l) === null || _l === void 0 ? void 0 : _l.width, "px;\n          max-height: ").concat((_m = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.l) === null || _m === void 0 ? void 0 : _m.width, "px;\n        }\n      }\n\n      .").concat(material.buttonClasses.startIcon, " {\n        margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n        margin-left: 0;\n      }\n\n      .").concat(material.buttonClasses.endIcon, " {\n        margin-left: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.m, "px;\n        margin-right: 0;\n      }\n    ");
-});
-var RoundedButton = styles.styled(ButtonBase, {
-    shouldForwardProp: function (prop) { return !sdsPropNames$2.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$2.includes(prop); },
-})(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n  ", "\n\n  ", "\n\n  ", "\n  &:hover, &:focus-visible {\n    background-color: transparent;\n  }\n"], ["\n  ", "\n\n  ", "\n\n  ", "\n  &:hover, &:focus-visible {\n    background-color: transparent;\n  }\n"])), focusVisibleA11yStyle, function (props) {
-    var spaces = getSpaces(props);
-    return "\n      padding: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px 0;\n    ");
-}, function (props) {
-    if (props === null || props === void 0 ? void 0 : props.isAllCaps) {
-        return fontCapsXxxs;
-    }
-    return "";
-});
-var minimal$2 = function (props) {
-    var _a, _b, _c, _d, _e, _f, _g;
-    var spaces = getSpaces(props);
-    var iconSizes = getIconSizes(props);
-    var semanticTextColors = getSemanticTextColors(props);
-    var semanticComponentColors = getSemanticComponentColors(props);
-    return "\n    &:hover, &:focus-visible {\n      color: ".concat((_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _a === void 0 ? void 0 : _a.fillHover, ";\n    }\n    &:active {\n      color: ").concat((_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.accent) === null || _b === void 0 ? void 0 : _b.fillPressed, ";\n    }\n    &:disabled {      \n      color: ").concat((_c = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _c === void 0 ? void 0 : _c.onFillDisabled, ";\n    }\n\n    .").concat(material.buttonClasses.startIcon, ", .").concat(material.buttonClasses.endIcon, " {\n      width: ").concat((_d = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s) === null || _d === void 0 ? void 0 : _d.width, "px;\n      height: ").concat((_e = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s) === null || _e === void 0 ? void 0 : _e.width, "px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      svg {\n        max-width: ").concat((_f = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s) === null || _f === void 0 ? void 0 : _f.width, "px;\n        max-height: ").concat((_g = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s) === null || _g === void 0 ? void 0 : _g.width, "px;\n      }\n    }\n\n    .").concat(material.buttonClasses.startIcon, " {\n      margin-right: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;\n    }\n\n    .").concat(material.buttonClasses.endIcon, " {\n      margin-left: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;\n    }\n  ");
+var BUTTON_ICON_SIZE_TO_SDS_ICON_SIZE = {
+    large: "xl",
+    medium: "l",
+    small: "s",
 };
-var PrimaryMinimalButton = styles.styled(MinimalButton)(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), minimal$2);
-var SecondaryMinimalButton = styles.styled(MinimalButton)(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), minimal$2, function (props) {
-    var _a;
-    var semanticTextColors = getSemanticTextColors(props);
-    return "\n      color: ".concat((_a = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _a === void 0 ? void 0 : _a.primary, ";\n    ");
-});
-var StyledButton$1 = styles.styled(material.Button, {
-    shouldForwardProp: function (prop) { return !sdsPropNames$2.includes(prop); },
-})(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), focusVisibleA11yStyle, function (props) {
-    if (!props.isRounded)
-        return "";
-    var corners = getCorners(props);
-    var spaces = getSpaces(props);
-    return "\n      border-radius: ".concat(corners === null || corners === void 0 ? void 0 : corners.l, "px;\n      padding: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.l, "px;\n      min-width: 120px;\n    ");
-});
-var templateObject_1$H, templateObject_2$p, templateObject_3$h, templateObject_4$f, templateObject_5$a, templateObject_6$7;
 /**
  * @see https://mui.com/material-ui/react-button/
  */
-var Button = React.forwardRef(function (props, ref) {
-    var sdsStyle = props === null || props === void 0 ? void 0 : props.sdsStyle;
-    var sdsType = props === null || props === void 0 ? void 0 : props.sdsType;
-    if (!sdsStyle || !sdsType) {
-        showWarningIfFirstOccurence(SDSWarningTypes.ButtonMissingSDSProps);
-    }
-    if (typeof (props === null || props === void 0 ? void 0 : props.isAllCaps) === "boolean" && sdsStyle !== "minimal") {
-        // eslint-disable-next-line no-console
-        console.warn("Warning: isAllCaps is only applied to buttons with sdsStyle='minimal'.");
+var ButtonDropdown = React.forwardRef(function (props, ref) {
+    var icon = props.icon, sdsStyle = props.sdsStyle, sdsType = props.sdsType, _a = props.sdsSize, sdsSize = _a === void 0 ? "medium" : _a, sdsIconProps = props.sdsIconProps;
+    var iconSize = BUTTON_ICON_SIZE_TO_SDS_ICON_SIZE[sdsSize];
+    var iconItem = function () {
+        if (icon) {
+            if (typeof icon !== "string") {
+                return icon;
+            }
+            else {
+                return (jsxRuntime.jsx(Icon, __assign({ sdsType: "iconButton" }, sdsIconProps, { sdsIcon: icon, sdsSize: iconSize })));
+            }
+        }
+    };
+    if (sdsStyle === "icon") {
+        if (icon !== undefined) {
+            return jsxRuntime.jsx(ButtonIcon, __assign({ icon: icon }, props, { ref: ref }));
+        }
+        else {
+            showWarningIfFirstOccurence(SDSWarningTypes.ButtonIconMissingIconProp);
+            return null;
+        }
     }
-    // isAllCaps is only used for the Minimal Button.  It defaults to true.
-    var isAllCaps = typeof (props === null || props === void 0 ? void 0 : props.isAllCaps) === "boolean" ? props === null || props === void 0 ? void 0 : props.isAllCaps : true;
-    var propsWithDefault = __assign(__assign({}, props), { isAllCaps: isAllCaps });
-    switch (true) {
-        case sdsStyle === "rounded" && sdsType === "primary":
-            return (jsxRuntime.jsx(RoundedButton, __assign({ color: "primary", ref: ref, variant: "contained" }, propsWithDefault)));
-        case sdsStyle === "rounded" && sdsType === "secondary":
-            return (jsxRuntime.jsx(RoundedButton, __assign({ color: "primary", ref: ref, variant: "outlined" }, propsWithDefault)));
-        case sdsStyle === "square" && sdsType === "primary":
-            return (jsxRuntime.jsx(SquareButton, __assign({ color: "primary", ref: ref, variant: "contained" }, propsWithDefault)));
-        case sdsStyle === "square" && sdsType === "secondary":
-            return (jsxRuntime.jsx(SquareButton, __assign({ color: "primary", ref: ref, variant: "outlined" }, propsWithDefault)));
-        case sdsStyle === "minimal" && sdsType === "primary":
-            return (jsxRuntime.jsx(PrimaryMinimalButton, __assign({ color: "primary", ref: ref, variant: "text" }, propsWithDefault)));
-        case sdsStyle === "minimal" && sdsType === "secondary":
-            return (jsxRuntime.jsx(SecondaryMinimalButton, __assign({ color: "primary", ref: ref, variant: "text" }, propsWithDefault)));
-        default:
-            return jsxRuntime.jsx(StyledButton$1, __assign({}, propsWithDefault, { ref: ref }));
+    else {
+        return (jsxRuntime.jsx(Button, __assign({}, props, { endIcon: jsxRuntime.jsx(Icon, { sdsIcon: "ChevronDown", sdsSize: "xs", sdsType: "button" }), sdsStyle: sdsStyle, ref: ref, sdsType: sdsType, startIcon: iconItem() })));
     }
 });
-/**
- * @see https://mui.com/material-ui/react-button/
- */
-var ButtonDropdown = React.forwardRef(function (props, ref) {
-    var icon = props === null || props === void 0 ? void 0 : props.icon;
-    var sdsStyle = props === null || props === void 0 ? void 0 : props.sdsStyle;
-    var sdsType = props === null || props === void 0 ? void 0 : props.sdsType;
-    return (jsxRuntime.jsx(Button, __assign({}, props, { endIcon: jsxRuntime.jsx(Icon, { sdsIcon: "ChevronDown", sdsSize: "xs", sdsType: "button" }), sdsStyle: sdsStyle, ref: ref, sdsType: sdsType, startIcon: icon })));
-});
 var CALLOUT_TITLE_DISPLAY_NAME = "CalloutTitle";
 var doNotForwardProps$k = ["calloutTitle", "collapsed", "severity"];
@@ -2680,11 +4764,11 @@ var Callout = function (_a) {
     };
     var getAction = function (collapsed) {
         if (expandable) {
-            return (jsxRuntime.jsx(ButtonIcon, { "aria-label": collapsed ? "open" : "close", onClick: function () {
+            return (jsxRuntime.jsx(Button, { "aria-label": collapsed ? "open" : "close", onClick: function () {
                     setStage(collapsed ? SDS_STAGE_OPEN : SDS_STAGE_CLOSED);
-                }, sdsSize: "small", sdsType: "tertiary", icon: collapsed ? "ChevronDown" : "ChevronUp" }));
+                }, sdsSize: "small", sdsType: "tertiary", sdsStyle: "icon", icon: collapsed ? "ChevronDown" : "ChevronUp" }));
         }
-        return onClose ? (jsxRuntime.jsx(ButtonIcon, { "aria-label": "Dismiss", onClick: handleClose, sdsSize: "small", sdsType: "tertiary", size: "large", icon: "XMark" })) : null;
+        return onClose ? (jsxRuntime.jsx(Button, { "aria-label": "Dismiss", onClick: handleClose, sdsSize: "small", sdsType: "tertiary", sdsStyle: "icon", size: "large", icon: "XMark" })) : null;
     };
     var collapsed = (expandable && stage === SDS_STAGE_CLOSED) || false;
     // when there is no CalloutTitlecomponent, or there is a single child element
@@ -3072,6 +5156,10 @@ var templateObject_1$A, templateObject_2$l, templateObject_3$d, templateObject_4
 /**
  * @see https://mui.com/material-ui/react-chip/
+ *
+ * @deprecated
+ * This component is deprecated and will be removed in the next major version.
+ * Please use `Tag` or `TagFilter` instead.
  */
 var Chip = function (props) {
     showWarningIfFirstOccurence(SDSWarningTypes.ChipDeprecated);
@@ -3161,6 +5249,17 @@ var DropdownMenu = function (props) {
         sx: dropdownMenuPopperSx, children: jsxRuntime.jsx(PaperComponent, { children: jsxRuntime.jsx(material.ClickAwayListener, __assign({ onClickAway: onClickAway }, ClickAwayListenerProps, { children: jsxRuntime.jsxs(StyledDropdownMenuAutocompleteWrapper, { children: [title && (jsxRuntime.jsx(StyledHeaderTitle, { search: search, children: title })), anchorEl && (jsxRuntime.jsx(Autocomplete, __assign({ label: label, search: search, title: title, open: open, options: options, PopperBaseProps: DEFAULT_POPPER_BASE_PROPS, disablePortal: true, onClickAway: noop }, rest, { InputBaseProps: DefaultInputBaseProps }))), children] }) })) }) })));
 };
+var doNotForwardProps$e = [
+    "intent",
+    "state",
+    "sdsStage",
+    "sdsType",
+    "isMinimal",
+    "shouldTruncateMinimalDetails",
+    "shouldPutAColonAfterLabel",
+    "value",
+    "sdsStyle",
+];
 var labelFontBodyS = fontBody("s", "regular");
 var labelFontBodyXs = fontBody("xs", "regular");
 var inputDropdownStyles = function (props) {
@@ -3221,15 +5320,14 @@ var isDisabled = function (props) {
     var semanticCommonColors = getSemanticComponentColors(props);
     return react.css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    cursor: default;\n    border-color: ", ";\n\n    span {\n      color: ", ";\n    }\n\n    &.MuiButton-text {\n      .styled-label {\n        color: ", ";\n      }\n    }\n\n    path {\n      fill: ", ";\n    }\n  "], ["\n    cursor: default;\n    border-color: ", ";\n\n    span {\n      color: ", ";\n    }\n\n    &.MuiButton-text {\n      .styled-label {\n        color: ", ";\n      }\n    }\n\n    path {\n      fill: ", ";\n    }\n  "])), (_a = semanticCommonColors === null || semanticCommonColors === void 0 ? void 0 : semanticCommonColors.base) === null || _a === void 0 ? void 0 : _a.borderDisabled, (_b = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _b === void 0 ? void 0 : _b.disabled, (_c = semanticTextColors === null || semanticTextColors === void 0 ? void 0 : semanticTextColors.base) === null || _c === void 0 ? void 0 : _c.disabled, (_d = semanticCommonColors === null || semanticCommonColors === void 0 ? void 0 : semanticCommonColors.base) === null || _d === void 0 ? void 0 : _d.fillDisabled);
 };
-var doNotForwardProps$e = [
-    "intent",
-    "state",
-    "sdsStage",
-    "sdsType",
-    "isMinimal",
-    "shouldTruncateMinimalDetails",
-    "shouldPutAColonAfterLabel",
-];
+/**
+ * (masoudmanson): `Button as React.ComponentType<InputDropdownProps>` is a
+ * temporary fix for the issue where the props are not correctly passed to
+ * the underlying Button component. This is a workaround until a more permanent
+ * solution is implemented. As a result of this fix, the style prop is not
+ * passed to the underlying Button component. So we have added the style prop
+ * to the InputDropdownProps interface.
+ */
 var StyledInputDropdown = styles.styled(Button, {
     shouldForwardProp: function (prop) { return !doNotForwardProps$e.includes(prop); },
 })(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  ", "\n\n  /* (thuang): in Minimal it's a different value */\n  align-items: center;\n  /* (thuang): in Minimal it's a different value */\n  flex-direction: row;\n\n  justify-content: space-between;\n\n  ", "\n"], ["\n  ", "\n\n  /* (thuang): in Minimal it's a different value */\n  align-items: center;\n  /* (thuang): in Minimal it's a different value */\n  flex-direction: row;\n\n  justify-content: space-between;\n\n  ", "\n"])), labelFontBodyXs, function (props) {
@@ -3494,7 +5592,7 @@ var templateObject_1$w, templateObject_2$h;
  * @see https://mui.com/material-ui/react-chip/
  */
 var TagFilter = function (props) {
-    return (jsxRuntime.jsx(StyledTag, __assign({ role: "none presentation" }, props, { deleteIcon: jsxRuntime.jsx(ButtonIcon, { "aria-label": "Delete Tag", icon: "XMark", sdsSize: "small", sdsType: "tertiary" }), color: "info" })));
+    return (jsxRuntime.jsx(StyledTag, __assign({ role: "none presentation" }, props, { deleteIcon: jsxRuntime.jsx(Button, { "aria-label": "Delete Tag", icon: "XMark", sdsSize: "small", sdsType: "tertiary", sdsStyle: "icon" }), color: "info" })));
 };
 var Chips = function (_a) {
@@ -3666,7 +5764,7 @@ function DialogContent(props, ref) {
     return jsxRuntime.jsx(StyledDialogContent, __assign({ ref: ref }, props));
 });
-var StyledButtonIcon = styles.styled(ButtonIcon)(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n  position: absolute;\n\n  ", "\n"], ["\n  position: absolute;\n\n  ", "\n"])), function (props) {
+var StyledButton$1 = styles.styled(Button)(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n  position: absolute;\n\n  ", "\n"], ["\n  position: absolute;\n\n  ", "\n"])), function (props) {
     var spaces = getSpaces(props);
     return "\n      right: ".concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxl, "px;\n    ");
 });
@@ -3682,7 +5780,7 @@ var CloseButton = React.forwardRef(function CloseButton(props, ref) {
     return (jsxRuntime.jsx(DialogContext.Consumer, { children: function (_a) {
             var sdsSize = _a.sdsSize;
             var size = SDS_SIZE_TO_COMPONENT_SIZE[sdsSize];
-            return (jsxRuntime.jsx(StyledButtonIcon, __assign({ "aria-label": "Close", ref: ref, sdsType: "tertiary", sdsSize: size }, props, { icon: "XMark" })));
+            return (jsxRuntime.jsx(StyledButton$1, __assign({ "aria-label": "Close", ref: ref, sdsSize: size }, props, { icon: "XMark", sdsStyle: "icon", sdsType: "tertiary" })));
         } }));
 });
@@ -3762,7 +5860,7 @@ var Dropdown = function (props) {
             setValue(propValue);
         }
     }, [isControlled, propValue]);
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(InputDropdownComponent, __assign({ disabled: disabled, label: label, onClick: handleClick, sdsStage: open ? "userInput" : "default" }, InputDropdownProps, { "data-testid": "dropdown" })), jsxRuntime.jsx(DropdownMenu, __assign({ anchorEl: anchorEl, open: open, search: search, onClose: handleClose, multiple: multiple, disableCloseOnSelect: multiple, options: options, onClickAway: handleClickAway, width: 250, onChange: handleChange, value: isMultiColumn ? value : multiple ? pendingValue : value }, DropdownMenuProps, rest, { children: shouldShowButtons ? (jsxRuntime.jsx(StyledButtonsWrapper, { buttonPosition: buttonPosition, children: buttonPosition === "left" ? (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(StyledButton, { onClick: handleClose, sdsStyle: "square", sdsType: "primary", children: "Apply" }), jsxRuntime.jsx(StyledButton, { onClick: handleCancel, sdsStyle: "square", sdsType: "secondary", children: "Cancel" })] })) : (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(StyledButton, { onClick: handleCancel, sdsStyle: "square", sdsType: "secondary", children: "Cancel" }), jsxRuntime.jsx(StyledButton, { onClick: handleClose, sdsStyle: "square", sdsType: "primary", children: "Apply" })] })) })) : null }))] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(InputDropdownComponent, __assign({ disabled: disabled, label: label, onClick: handleClick, sdsStage: open ? "userInput" : "default" }, InputDropdownProps, { "data-testid": "dropdown" })), jsxRuntime.jsx(DropdownMenu, __assign({ anchorEl: anchorEl, open: open, search: search, onClose: handleClose, multiple: multiple, disableCloseOnSelect: multiple, options: options, onClickAway: handleClickAway, width: 250, onChange: handleChange, value: isMultiColumn ? value : multiple ? pendingValue : value }, DropdownMenuProps, rest, { children: shouldShowButtons ? (jsxRuntime.jsx(StyledButtonsWrapper, { buttonPosition: buttonPosition, children: buttonPosition === "left" ? (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(StyledButton, { onClick: handleButtonClose, sdsStyle: "square", sdsType: "primary", children: "Apply" }), jsxRuntime.jsx(StyledButton, { onClick: handleCancel, sdsStyle: "square", sdsType: "secondary", children: "Cancel" })] })) : (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(StyledButton, { onClick: handleCancel, sdsStyle: "square", sdsType: "secondary", children: "Cancel" }), jsxRuntime.jsx(StyledButton, { onClick: handleButtonClose, sdsStyle: "square", sdsType: "primary", children: "Apply" })] })) })) : null }))] }));
     function getInitialValue() {
         return multiple
             ? []
@@ -3837,6 +5935,9 @@ var Dropdown = function (props) {
             setOpen(false);
         }
     }
+    function handleButtonClose(event) {
+        handleClose(event, "selectOption");
+    }
     function handleCancel() {
         if (multiple) {
             // (masoudmanson): To undo the latest actions made on the selections,
@@ -3855,6 +5956,49 @@ var Dropdown = function (props) {
     }
 };
+var _path$4, _path2$1;
+function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
+var SvgIconCheckboxChecked = function SvgIconCheckboxChecked(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2z"
+  })), _path2$1 || (_path2$1 = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "#fff",
+    fillRule: "evenodd",
+    d: "M11.744 3.962a.56.56 0 0 0-.346.239L6.91 10.284 4.59 7.663c-.147-.205-.392-.285-.614-.185-.21.095-.355.33-.382.606-.027.272.062.543.238.703l2.733 3.09c.235.264.594.241.808-.047l4.874-6.612c.167-.22.21-.553.11-.833-.106-.294-.352-.472-.614-.423Z"
+  })));
+};
+var _path$3, _path2;
+function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
+var SvgIconCheckboxIndeterminate = function SvgIconCheckboxIndeterminate(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2z"
+  })), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "#fff",
+    d: "M12.286 8.004a.625.625 0 0 0-.625-.625H4.339a.625.625 0 0 0 0 1.25h7.322c.345 0 .625-.28.625-.625"
+  })));
+};
+var _path$2;
+function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
+var SvgIconCheckboxUnchecked = function SvgIconCheckboxUnchecked(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M0 2C.022 1.484.251.92.586.586.92.251 1.484.022 2 0h12c.516.022 1.08.251 1.414.586.335.334.564.898.586 1.414v12c-.022.516-.251 1.08-.586 1.414-.334.335-.898.564-1.414.586H2c-.516-.022-1.08-.251-1.414-.586C.251 15.08.022 14.516 0 14Zm1 12c-.022.312.084.499.293.707.208.209.395.315.707.293h12c.312.022.499-.084.707-.293.209-.208.315-.395.293-.707V2c.022-.312-.084-.499-.293-.707C14.499 1.084 14.312.978 14 1H2c-.312-.022-.499.084-.707.293C1.084 1.501.978 1.688 1 2Z"
+  })));
+};
 var StyledCheckbox = styles.styled(material.Checkbox)(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var _a, _b, _c, _d, _e, _f;
     var _g = props.intent, intent = _g === void 0 ? "default" : _g;
@@ -3906,7 +6050,33 @@ var InputCheckbox = function (props) {
             newProps = rest;
     }
     var finalLabel = caption ? (jsxRuntime.jsxs(StyledLabelContainer$1, { children: [jsxRuntime.jsx(StyledCheckboxLabel, { children: label }), jsxRuntime.jsx(StyledCheckboxCaption, { disabled: disabled, children: caption })] })) : (jsxRuntime.jsx(StyledLabelContainer$1, { children: jsxRuntime.jsx(StyledCheckboxLabel, { children: label }) }));
-    return (jsxRuntime.jsx(StyledFormControlLabel$1, { control: jsxRuntime.jsx(StyledCheckbox, __assign({ disabled: disabled, checkedIcon: jsxRuntime.jsx(material.SvgIcon, { fillcontrast: "white", component: IconCheckboxChecked_svg.ReactComponent, viewBox: "0 0 16 16" }), icon: jsxRuntime.jsx(material.SvgIcon, { fillcontrast: "white", component: IconCheckboxUnchecked_svg.ReactComponent, viewBox: "0 0 16 16" }), indeterminateIcon: jsxRuntime.jsx(material.SvgIcon, { fillcontrast: "white", component: IconCheckboxIndeterminate_svg.ReactComponent, viewBox: "0 0 16 16" }), intent: intent }, checkboxProps, newProps)), disabled: disabled, label: finalLabel, value: value }));
+    return (jsxRuntime.jsx(StyledFormControlLabel$1, { control: jsxRuntime.jsx(StyledCheckbox, __assign({ disabled: disabled, checkedIcon: jsxRuntime.jsx(material.SvgIcon, { fillcontrast: "white", component: SvgIconCheckboxChecked, viewBox: "0 0 16 16" }), icon: jsxRuntime.jsx(material.SvgIcon, { fillcontrast: "white", component: SvgIconCheckboxUnchecked, viewBox: "0 0 16 16" }), indeterminateIcon: jsxRuntime.jsx(material.SvgIcon, { fillcontrast: "white", component: SvgIconCheckboxIndeterminate, viewBox: "0 0 16 16" }), intent: intent }, checkboxProps, newProps)), disabled: disabled, label: finalLabel, value: value }));
+};
+var _path$1;
+function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
+var SvgIconRadioChecked = function SvgIconRadioChecked(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M5 8a3 3 0 1 0 6 0 3 3 0 0 0-6 0m3-8a8 8 0 1 0 0 16A8 8 0 0 0 8 0"
+  })));
+};
+var _path;
+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 SvgIconRadioUnchecked = function SvgIconRadioUnchecked(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 16,
+    height: 16
+  }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    d: "M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m7-8a8 8 0 1 0 0 16A8 8 0 0 0 8 0"
+  })));
 };
 var StyledRadioButton = styles.styled(material.Radio)(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
@@ -3957,7 +6127,7 @@ var InputRadio = function (props) {
             newProps = props;
     }
     var finalLabel = caption ? (jsxRuntime.jsxs(StyledLabelContainer, { children: [jsxRuntime.jsx(StyledRadioLabel, { children: label }), jsxRuntime.jsx(StyledRadioCaption, { disabled: disabled, children: caption })] })) : (jsxRuntime.jsx(StyledLabelContainer, { children: jsxRuntime.jsx(StyledRadioLabel, { children: label }) }));
-    return (jsxRuntime.jsx(StyledFormControlLabel, { control: jsxRuntime.jsx(StyledRadioButton, __assign({ disabled: disabled, checkedIcon: jsxRuntime.jsx(material.SvgIcon, { fillcontrast: "white", component: IconRadioChecked_svg.ReactComponent, viewBox: "0 0 16 16" }), icon: jsxRuntime.jsx(material.SvgIcon, { fillcontrast: "white", component: IconRadioUnchecked_svg.ReactComponent, viewBox: "0 0 16 16" }), intent: intent }, radioProps, newProps)), disabled: disabled, label: finalLabel, value: value }));
+    return (jsxRuntime.jsx(StyledFormControlLabel, { control: jsxRuntime.jsx(StyledRadioButton, __assign({ disabled: disabled, checkedIcon: jsxRuntime.jsx(material.SvgIcon, { fillcontrast: "white", component: SvgIconRadioChecked, viewBox: "0 0 16 16" }), icon: jsxRuntime.jsx(material.SvgIcon, { fillcontrast: "white", component: SvgIconRadioUnchecked, viewBox: "0 0 16 16" }), intent: intent }, radioProps, newProps)), disabled: disabled, label: finalLabel, value: value }));
 };
 var inputSlider = function (props) {
@@ -4354,6 +6524,10 @@ var templateObject_1$d, templateObject_2$7, templateObject_3$3, templateObject_4
 /**
  * @see https://mui.com/material-ui/react-autocomplete/
+ *
+ * @deprecated
+ * This component is deprecated and will be removed in the next major version.
+ * Please use `Autocomplete` or `Dropdown` instead.
  */
 var MenuSelect = function (props) {
     var _a = props.keepSearchOnSelect, keepSearchOnSelect = _a === void 0 ? true : _a, _b = props.multiple, multiple = _b === void 0 ? false : _b, _c = props.getOptionLabel, getOptionLabel = _c === void 0 ? defaultGetOptionLabel : _c, _d = props.renderTags, renderTags = _d === void 0 ? defaultRenderTags : _d, _e = props.renderOption, renderOption = _e === void 0 ? defaultRenderOption : _e, _f = props.disableCloseOnSelect, disableCloseOnSelect = _f === void 0 ? multiple : _f, _g = props.noOptionsText, noOptionsText = _g === void 0 ? "No options" : _g, _h = props.search, search = _h === void 0 ? false : _h, _j = props.InputBaseProps, InputBaseProps = _j === void 0 ? {} : _j, _k = props.onInputChange, onInputChange = _k === void 0 ? noop : _k;
@@ -4372,7 +6546,7 @@ var MenuSelect = function (props) {
                      * (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", sdsIconProps: {
+                    inputMode: search ? "text" : "none" }, params.InputProps.ref), { endAdornment: (jsxRuntime.jsx(material.InputAdornment, { position: "end", children: jsxRuntime.jsx(Button, { sdsType: "tertiary", sdsSize: "small", sdsStyle: "icon", sdsIconProps: {
                                 sdsType: "interactive",
                             }, icon: "Search" }) })), inputProps: params.inputProps }) }, InputBaseProps)) })); } }, props, { onInputChange: function (event, value, reason) {
             if (event && event.type === "blur") {
@@ -4686,7 +6860,7 @@ var Notification = function (_a) {
             }
         }
     };
-    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(material.Slide, { in: !hide, direction: slideDirection, mountOnEnter: true, unmountOnExit: true, timeout: 250, children: jsxRuntime.jsx(material.Box, { children: jsxRuntime.jsxs(StyledNotification, __assign({ onClose: onClose ? handleClose : undefined, action: onClose ? (jsxRuntime.jsx(ButtonIcon, { onClick: handleClose, sdsSize: "small", sdsType: "tertiary", "data-testid": "notificationCloseButton", icon: "XMark" })) : null, icon: getIcon(), className: "elevated", intent: intent, slideDirection: slideDirection }, passedProps, { children: [children, buttonOnClick !== undefined && (jsxRuntime.jsx(StyledButtonWrapper, { buttonPosition: buttonPosition, children: jsxRuntime.jsx(Button, { sdsStyle: "minimal", sdsType: "secondary", onClick: buttonOnClick, children: buttonText }) }))] })) }) }) }));
+    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(material.Slide, { in: !hide, direction: slideDirection, mountOnEnter: true, unmountOnExit: true, timeout: 250, children: jsxRuntime.jsx(material.Box, { children: jsxRuntime.jsxs(StyledNotification, __assign({ onClose: onClose ? handleClose : undefined, action: onClose ? (jsxRuntime.jsx(Button, { onClick: handleClose, sdsSize: "small", sdsType: "tertiary", sdsStyle: "icon", "data-testid": "notificationCloseButton", icon: "XMark" })) : null, icon: getIcon(), className: "elevated", intent: intent, slideDirection: slideDirection }, passedProps, { children: [children, buttonOnClick !== undefined && (jsxRuntime.jsx(StyledButtonWrapper, { buttonPosition: buttonPosition, children: jsxRuntime.jsx(Button, { sdsStyle: "minimal", sdsType: "secondary", onClick: buttonOnClick, children: buttonText }) }))] })) }) }) }));
 };
 var doNotForwardProps$2 = [
@@ -4702,13 +6876,10 @@ var doNotForwardProps$2 = [
     "pageSize",
     "truncateDropdown",
 ];
-var StyledPaginationButtonIcon = styles.styled(ButtonIcon, {
-    shouldForwardProp: function (prop) { return !doNotForwardProps$2.includes(prop); },
-})(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+var StyledPaginationButton = styles.styled(Button)(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var _a, _b, _c;
-    var disabled = props.disabled;
     var semanticComponentColors = getSemanticComponentColors(props);
-    return "\n      width: 32px;\n      height: 32px;\n      cursor: ".concat(disabled ? "auto" : "pointer", ";\n\n      & .MuiSvgIcon-root {\n        width: 10px;\n        color: ").concat((_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.icon, "\n      }\n\n      &:hover {\n        background-color: ").concat(disabled ? "transparent" : (_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.fillHover, ";\n\n        & .MuiSvgIcon-root {\n          color: ").concat((_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.iconHover, "\n        }\n      }\n    ");
+    return "\n      width: 32px;\n      height: 32px;\n      cursor: \"pointer\";\n\n      & .MuiSvgIcon-root {\n        width: 10px;\n        color: ".concat((_a = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _a === void 0 ? void 0 : _a.icon, "\n      }\n\n      &:hover {\n        background-color: ").concat((_b = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _b === void 0 ? void 0 : _b.fillHover, ";\n\n        & .MuiSvgIcon-root {\n          color: ").concat((_c = semanticComponentColors === null || semanticComponentColors === void 0 ? void 0 : semanticComponentColors.base) === null || _c === void 0 ? void 0 : _c.iconHover, "\n        }\n      }\n    ");
 });
 var StyledPaginationChevronList = styles.styled("li", {
     shouldForwardProp: function (prop) { return !doNotForwardProps$2.includes(prop); },
@@ -4753,7 +6924,7 @@ var PageListDropdown = function (props) {
     var handleClose = function () {
         setAnchorEl(null);
     };
-    return (jsxRuntime.jsxs(Page, { sdsStyle: sdsStyle, children: [jsxRuntime.jsx(StyledPaginationButtonIcon, { "aria-label": "Go to a page", onClick: handleClick, icon: "DotsHorizontal", sdsSize: "small" }), jsxRuntime.jsx(StyledPaginationDropdownMenu, { anchorEl: anchorEl, keepMounted: true, open: Boolean(anchorEl), onClose: handleClose, children: pageList.map(function (page) {
+    return (jsxRuntime.jsxs(Page, { sdsStyle: sdsStyle, children: [jsxRuntime.jsx(StyledPaginationButton, { "aria-label": "Go to a page", onClick: handleClick, icon: "DotsHorizontal", sdsSize: "small", sdsStyle: "icon", sdsType: "tertiary" }), jsxRuntime.jsx(StyledPaginationDropdownMenu, { anchorEl: anchorEl, keepMounted: true, open: Boolean(anchorEl), onClose: handleClose, children: pageList.map(function (page) {
                     return (jsxRuntime.jsx(MenuItem, { onClick: function () {
                             onPageChange(page);
                             handleClose();
@@ -4836,7 +7007,7 @@ var Pagination = React.forwardRef(function (props, ref) {
                     if (truncateDropdown) {
                         return (jsxRuntime.jsx(PageListDropdown, { pageList: pageNumber, onPageChange: onPageChange, sdsStyle: sdsStyle }, pageNumber.join("-")));
                     }
-                    return (jsxRuntime.jsx(Page, { sdsStyle: sdsStyle, children: jsxRuntime.jsx(StyledPaginationButtonIcon, { "aria-label": "Go to a page", disabled: true, icon: "DotsHorizontal", sdsSize: "small" }) }, pageNumber.join("-")));
+                    return (jsxRuntime.jsx(Page, { sdsStyle: sdsStyle, children: jsxRuntime.jsx(StyledPaginationButton, { "aria-label": "Go to a page", disabled: true, icon: "DotsHorizontal", sdsSize: "small", sdsStyle: "icon", sdsType: "tertiary" }) }, pageNumber.join("-")));
                 }
                 return (jsxRuntime.jsx(Page, { onClick: function () { return onPageChange(pageNumber); }, selected: pageNumber === currentPage, sdsStyle: sdsStyle, children: pageNumber }, pageNumber));
             }), jsxRuntime.jsx(StyledPaginationChevronList, { "data-order": "last", disabled: currentPage === lastPage, onClick: function () { return currentPage !== lastPage && onNextPage(); }, children: jsxRuntime.jsx(Icon, { "aria-label": "Next page", sdsIcon: "ChevronRight", sdsSize: "xs", sdsType: "button" }) }, "onNextPage")] })));
@@ -5199,6 +7370,7 @@ exports.TagFilter = TagFilter;
 exports.Tooltip = Tooltip;
 exports.TooltipCondensed = TooltipCondensed;
 exports.TooltipTable = TooltipTableContent;
+exports.defaultAppTheme = defaultAppTheme;
 exports.defaultTheme = defaultTheme;
 exports.focusVisibleA11yStyle = focusVisibleA11yStyle;
 exports.fontBody = fontBody;
@@ -5249,3 +7421,4 @@ exports.getShadows = getShadows;
 exports.getSpaces = getSpaces;
 exports.getSpacings = getSpacings;
 exports.getTypography = getTypography;
+exports.makeThemeOptions = makeThemeOptions;