npm - @activecollab/components - Versions diffs - 1.0.161 → 1.0.164 - Mend

@activecollab/components 1.0.161 → 1.0.164

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 (743) hide show

package/dist/index.js CHANGED Viewed

@@ -314,7 +314,7 @@
   })(["display:inline-flex;svg{margin:0 4px;}"]);
   StyledButtonElement.displayName = "StyledButtonElement";
-  var _excluded$16 = ["children", "variant", "size", "disabled", "className"];
+  var _excluded$17 = ["children", "variant", "size", "disabled", "className"];
   /**
    * Button component
@@ -328,7 +328,7 @@
         _ref$disabled = _ref.disabled,
         disabled = _ref$disabled === void 0 ? false : _ref$disabled,
         className = _ref.className,
-        args = _objectWithoutProperties(_ref, _excluded$16);
+        args = _objectWithoutProperties(_ref, _excluded$17);
     return /*#__PURE__*/React__default["default"].createElement(StyledButton$2, _extends({
       disabled: disabled,
@@ -365,7 +365,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "AddCrossTinyIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 4a1 1 0 011 1v6h6a1 1 0 010 2h-6v6a1 1 0 01-2 0l-.001-6H5a1 1 0 010-2h6V5a1 1 0 011-1z",
@@ -381,12 +384,12 @@
   })(["svg{fill:var(--color-theme-100);}&:hover svg{transform:rotate(90deg);transition:ease 0.3s;}"]);
   StyledGlobalAddButton.displayName = "StyledGlobalAddButton";
-  var _excluded$15 = ["className", "disabled"];
+  var _excluded$16 = ["className", "disabled"];
   var GlobalAddButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
         _ref$disabled = _ref.disabled,
         disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-        rest = _objectWithoutProperties(_ref, _excluded$15);
+        rest = _objectWithoutProperties(_ref, _excluded$16);
     return /*#__PURE__*/React__default["default"].createElement(StyledGlobalAddButton, _extends({
       ref: ref,
@@ -419,11 +422,11 @@
   });
   StyledButtonGroup$1.displayName = "StyledButtonGroup";
-  var _excluded$14 = ["children", "className"];
+  var _excluded$15 = ["children", "className"];
   var ButtonGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
         className = _ref.className,
-        rest = _objectWithoutProperties(_ref, _excluded$14);
+        rest = _objectWithoutProperties(_ref, _excluded$15);
     return /*#__PURE__*/React__default["default"].createElement(StyledButtonGroup$1, _extends({
       ref: ref,
@@ -486,7 +489,7 @@
     return React.useContext(MenuContext);
   };
-  var _excluded$13 = ["children", "anchorEl", "open", "style", "transition", "placement", "strategy"];
+  var _excluded$14 = ["children", "anchorEl", "open", "style", "transition", "placement", "strategy"];
   var Popper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
         anchorEl = _ref.anchorEl,
@@ -499,7 +502,7 @@
         initialPlacement = _ref$placement === void 0 ? "bottom" : _ref$placement,
         _ref$strategy = _ref.strategy,
         strategy = _ref$strategy === void 0 ? "absolute" : _ref$strategy,
-        rest = _objectWithoutProperties(_ref, _excluded$13);
+        rest = _objectWithoutProperties(_ref, _excluded$14);
     var _useState = React.useState(true),
         _useState2 = _slicedToArray(_useState, 2),
@@ -605,12 +608,12 @@
   });
   StyledOverlay.displayName = "StyledOverlay";
-  var _excluded$12 = ["className", "disableBackgroundColor"];
+  var _excluded$13 = ["className", "disableBackgroundColor"];
   var Overlay = function Overlay(_ref) {
     var className = _ref.className,
         _ref$disableBackgroun = _ref.disableBackgroundColor,
         disableBackgroundColor = _ref$disableBackgroun === void 0 ? false : _ref$disableBackgroun,
-        rest = _objectWithoutProperties(_ref, _excluded$12);
+        rest = _objectWithoutProperties(_ref, _excluded$13);
     return /*#__PURE__*/React__default["default"].createElement(StyledOverlay, _extends({
       className: classnames__default["default"]("c-overlay", className),
@@ -654,7 +657,7 @@
   })(["", " ", " position:fixed;top:0;right:0;bottom:0;left:0;"], FontStyle, BoxSizingStyle);
   StyledWindow.displayName = "StyledWindow";
-  var _excluded$11 = ["children", "onClose", "className", "style", "onKeyDown", "disableFocusLock", "disableScrollLock", "preventClickEventBubbling", "onClick"];
+  var _excluded$12 = ["children", "onClose", "className", "style", "onKeyDown", "disableFocusLock", "disableScrollLock", "preventClickEventBubbling", "onClick"];
   var returnFocus = {
     preventScroll: true
   };
@@ -671,7 +674,7 @@
         _ref$preventClickEven = _ref.preventClickEventBubbling,
         preventClickEventBubbling = _ref$preventClickEven === void 0 ? false : _ref$preventClickEven,
         onClick = _ref.onClick,
-        rest = _objectWithoutProperties(_ref, _excluded$11);
+        rest = _objectWithoutProperties(_ref, _excluded$12);
     var innerRef = React.useRef(null);
     var handleRef = useForkRef(innerRef, ref);
@@ -745,7 +748,7 @@
   }, FontStyle, BoxSizingStyle);
   StyledBubble.displayName = "StyledBubble";
-  var _excluded$10 = ["children", "className", "innerRef", "style"];
+  var _excluded$11 = ["children", "className", "innerRef", "style"];
   var Bubble = function Bubble(_ref) {
     var children = _ref.children,
         className = _ref.className,
@@ -753,7 +756,7 @@
         innerRef = _ref$innerRef === void 0 ? null : _ref$innerRef,
         _ref$style = _ref.style,
         style = _ref$style === void 0 ? {} : _ref$style,
-        rest = _objectWithoutProperties(_ref, _excluded$10);
+        rest = _objectWithoutProperties(_ref, _excluded$11);
     return /*#__PURE__*/React__default["default"].createElement(StyledBubble, _extends({}, rest, {
       ref: innerRef,
@@ -1072,7 +1075,7 @@
   });
   StyledTypography.displayName = "StyledTypography";
-  var _excluded$$ = ["variant", "as", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
+  var _excluded$10 = ["variant", "as", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
   var Typography = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$variant = _ref.variant,
         variant = _ref$variant === void 0 ? "Title 1" : _ref$variant,
@@ -1103,7 +1106,7 @@
         weight = _ref$weight === void 0 ? "regular" : _ref$weight,
         className = _ref.className,
         children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$$);
+        props = _objectWithoutProperties(_ref, _excluded$10);
     var Component = as || "div";
     return /*#__PURE__*/React__default["default"].createElement(StyledTypography, _extends({
@@ -1127,13 +1130,13 @@
   });
   Typography.displayName = "Typography";
-  var _excluded$_ = ["title", "className", "leftElement", "rightElement"];
+  var _excluded$$ = ["title", "className", "leftElement", "rightElement"];
   var MenuHeader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var title = _ref.title,
         className = _ref.className,
         leftElement = _ref.leftElement,
         rightElement = _ref.rightElement,
-        props = _objectWithoutProperties(_ref, _excluded$_);
+        props = _objectWithoutProperties(_ref, _excluded$$);
     return /*#__PURE__*/React__default["default"].createElement(StyledMenuHeader, _extends({}, props, {
       className: classnames__default["default"]("c-menu-header", className),
@@ -1159,11 +1162,11 @@
   });
   MenuHeader.displayName = "MenuHeader";
-  var _excluded$Z = ["children", "className"];
+  var _excluded$_ = ["children", "className"];
   var MenuFooter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
         className = _ref.className,
-        props = _objectWithoutProperties(_ref, _excluded$Z);
+        props = _objectWithoutProperties(_ref, _excluded$_);
     return /*#__PURE__*/React__default["default"].createElement(StyledMenuFooter$1, _extends({}, props, {
       className: classnames__default["default"]("c-menu-footer", className),
@@ -1204,11 +1207,11 @@
   })(["border-top:1px solid var(--border-primary);margin:12px 16px;height:1px;"]);
   StyledListSeparator.displayName = "StyledListSeparator";
-  var _excluded$Y = ["children", "className"];
+  var _excluded$Z = ["children", "className"];
   var List = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
         className = _ref.className,
-        props = _objectWithoutProperties(_ref, _excluded$Y);
+        props = _objectWithoutProperties(_ref, _excluded$Z);
     return /*#__PURE__*/React__default["default"].createElement(StyledList, _extends({}, props, {
       className: className,
@@ -1217,11 +1220,11 @@
   });
   List.displayName = "List";
-  var _excluded$X = ["children", "className"];
+  var _excluded$Y = ["children", "className"];
   var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
         className = _ref.className,
-        props = _objectWithoutProperties(_ref, _excluded$X);
+        props = _objectWithoutProperties(_ref, _excluded$Y);
     return /*#__PURE__*/React__default["default"].createElement(StyledListItem, _extends({}, props, {
       className: classnames__default["default"]("c-list-item", className),
@@ -1244,7 +1247,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ActivityIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M6 4a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2H6zm0-2h12a4 4 0 014 4v12a4 4 0 01-4 4H6a4 4 0 01-4-4V6a4 4 0 014-4zm2.962 10.317a1 1 0 01-.949.684H5.76a1 1 0 010-2h1.532l1.772-5.317c.304-.912 1.594-.912 1.898 0l3.051 9.154 1.051-3.154a1 1 0 01.95-.684H18a1 1 0 010 2h-1.266l-1.772 5.316c-.304.912-1.594.912-1.898 0l-3.05-9.153-1.052 3.154z"
@@ -1264,7 +1270,10 @@
       height: 10,
       viewBox: "0 0 10 10",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "AddCrossIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M6 0v4h4v2H6v4H4V6H0V4h4V0h2z",
@@ -1280,7 +1289,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ArrowCollapseMultipleIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 15l4.72 4.461a.867.867 0 010 1.275.995.995 0 01-1.25.08l-.098-.08L12 17.549l-3.372 3.187a.993.993 0 01-1.349 0 .865.865 0 01-.079-1.19l.08-.085L12 15zm4.72-11.736a.867.867 0 010 1.275L12 9 7.28 4.539a.867.867 0 010-1.275.993.993 0 011.348 0L12 6.451l3.372-3.187a.993.993 0 011.349 0zM6 11h12a1 1 0 010 2H6a1 1 0 010-2z",
@@ -1296,7 +1308,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ArrowDownLongIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M13 5v9h4l-5 5-5-5h4V5z",
@@ -1312,7 +1327,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ArrowExpandeMultipleIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M16.72 15.264a.867.867 0 010 1.275L12 21l-4.72-4.461a.867.867 0 010-1.275.993.993 0 011.348 0L12 18.451l3.372-3.187a.993.993 0 011.349 0zM18 11a1 1 0 010 2H6a1 1 0 010-2h12zm-6-8l4.72 4.461a.867.867 0 010 1.275.995.995 0 01-1.25.08l-.098-.08L12 5.549 8.628 8.736a.993.993 0 01-1.349 0 .865.865 0 01-.079-1.19l.08-.085L12 3z",
@@ -1322,29 +1340,16 @@
   ArrowExpandeMultipleIcon.displayName = "ArrowExpandeMultipleIcon";
   var ArrowExpandeMultipleIcon$1 = ArrowExpandeMultipleIcon;
-  var ArrowUpLongIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
-    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
-      width: 24,
-      height: 24,
-      viewBox: "0 0 24 24",
-      xmlns: "http://www.w3.org/2000/svg",
-      fill: "var(--color-theme-600)",
-      ref: svgRef
-    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M13 19v-9h4l-5-5-5 5h4v9z",
-      fillRule: "evenodd"
-    }));
-  });
-  ArrowUpLongIcon.displayName = "ArrowUpLongIcon";
-  var ArrowUpLongIcon$1 = ArrowUpLongIcon;
   var ArrowLeftBoxIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ArrowLeftBoxIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M8.92 15.59L6.33 13H16v-2H6.33l2.59-2.59L7.5 7l-5 5 5 5 1.42-1.41zM8 3v2h11v14H8v2h11a2 2 0 002-2V5c0-1.11-.89-2-2-2H8z",
@@ -1360,7 +1365,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ArrowLeftIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M13.45 6.337l-5.657 5.657 5.657 5.657a1 1 0 101.414-1.414l-4.241-4.243 4.241-4.243a1 1 0 00-1.414-1.414z",
@@ -1375,7 +1383,10 @@
       width: 24,
       height: 24,
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ArrowRefreshIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 3a9 9 0 00-9 9H1l3 3.89L7 12H5a7 7 0 117 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.896 8.896 0 0012 21a9 9 0 000-18z",
@@ -1391,7 +1402,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ArrowRightIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M10.914 6.337l5.657 5.657-5.657 5.657A1 1 0 019.5 16.237l4.241-4.243L9.5 7.751a1 1 0 011.414-1.414z",
@@ -1401,13 +1415,35 @@
   ArrowRightIcon.displayName = "ArrowRightIcon";
   var ArrowRightIcon$1 = ArrowRightIcon;
+  var ArrowUpLongIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
+    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      width: 24,
+      height: 24,
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ArrowUpLongIcon",
+      fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
+      ref: svgRef
+    }, props), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M13 19v-9h4l-5-5-5 5h4v9z",
+      fillRule: "evenodd"
+    }));
+  });
+  ArrowUpLongIcon.displayName = "ArrowUpLongIcon";
+  var ArrowUpLongIcon$1 = ArrowUpLongIcon;
   var AssignIcon = /*#__PURE__*/React__default["default"].forwardRef(function (props, svgRef) {
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "AssignIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 2c.685 0 1.354.069 2.001.2v2.052a8 8 0 00-7.86 13.195 3.988 3.988 0 011.981-1.05A19.248 19.248 0 0112 16c1.292 0 2.585.133 3.877.398.76.156 1.444.525 1.983 1.048A7.97 7.97 0 0020 12c0-.69-.087-1.36-.252-2H21.8c.131.646.2 1.315.2 2a9.971 9.971 0 01-3.073 7.212l-.001.001-.056.053a10.057 10.057 0 01-1.61 1.24A9.953 9.953 0 0112 22a9.954 9.954 0 01-4.951-1.31l-.31-.184-.02-.013a10.02 10.02 0 01-1.634-1.27l-.012-.01A9.971 9.971 0 012 12C2 6.477 6.477 2 12 2zm0 16c-1.157 0-2.315.119-3.476.357a1.998 1.998 0 00-.831.385A7.958 7.958 0 0012 20a7.963 7.963 0 004.307-1.257 1.984 1.984 0 00-.832-.386A17.249 17.249 0 0012 18zm0-11a4 4 0 110 8 4 4 0 010-8zm0 2a2 2 0 100 4 2 2 0 000-4zm8-7v2h2v2h-2v2h-2V5.999L16 6V4l2-.001V2h2z",
@@ -1423,7 +1459,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "AttachmentIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12.814 2.454l1.414 1.414-8.485 8.486a4 4 0 005.512 5.794l.144-.138 8.132-8.131a1.5 1.5 0 00-2.014-2.219l-.107.097-8.58 8.58-1.414-1.414 8.58-8.58a3.5 3.5 0 015.082 4.81l-.133.14-8.131 8.132A6 6 0 014.172 11.1l.156-.162 8.486-8.485z",
@@ -1439,7 +1478,10 @@
       height: 12,
       viewBox: "0 0 12 12",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "BellOffSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M8 11v1H4v-1h4zM1.414.707l9.9 9.9-.707.707L9.293 10H2V5c0-.665.162-1.292.45-1.843L.706 1.414l.707-.707zm1.591 4.117L3 5v4h5.293l-5.09-5.09c-.11.286-.18.593-.198.914zM7 0v1.126c1.725.444 3 2.01 3 3.874v2.9l-1-1V5a3 3 0 00-2.824-2.995L6 2c-.546 0-1.058.146-1.499.4l-.726-.725A3.98 3.98 0 015 1.126L5 0h2z",
@@ -1455,7 +1497,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "BellOffIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M11 19c0 .6.4 1 1 1s1-.4 1-1h2c0 1.7-1.3 3-3 3s-3-1.3-3-3h2zM4.222 2.808l16.97 16.97-1.414 1.414L16.586 18H3v-3.9l.7-.2C4.5 13.6 5 12.8 5 12v-2c0-1.029.232-2.028.652-2.932L2.808 4.222l1.414-1.414zM12 1c1.44 0 2.696 1.014 2.97 2.51l.03.19c2.4 1.2 4 3.6 4 6.3v2c0 .8.5 1.6 1.3 1.9l.7.2v2.674l-3.909-3.907A4.121 4.121 0 0117 12v-2c0-1.9-1.1-3.7-2.9-4.5l-1-.5-.1-1.1c-.1-.5-.5-.9-1-.9s-.9.4-1 .9L10.9 5l-1 .5-.118.055-1.481-1.482c.224-.137.458-.262.699-.373.2-1.6 1.5-2.7 3-2.7zm2.586 15L7.198 8.613C7.068 9.06 7 9.527 7 10v2c0 1.4-.8 2.8-2 3.5v.5h9.586z",
@@ -1471,7 +1516,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "BillingIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       fillRule: "evenodd",
@@ -1488,7 +1536,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "BudgetAlertIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M14 17v1h-4v-1h4zM13 5l.001 1.1A5.002 5.002 0 0117 11v5H7v-5a5.002 5.002 0 014-4.9V5h2zm-1 2a4 4 0 00-3.995 3.8L8 11v4h8v-4a4 4 0 00-3.8-3.995L12 7z",
@@ -1504,7 +1555,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "CalendarAddXIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M7 2v2h10V2h2v2h1a2 2 0 012 2v6h-2V9H4v11h8v2H4a2 2 0 01-2-2V6a2 2 0 012-2h1V2h2zm12 12v3h3v2h-3v3h-2v-3h-3v-2l3-.001V14h2zm-9.586-3.828l1.414 1.414L9.414 13l1.414 1.414-1.414 1.414L8 14.414l-1.413 1.414-1.414-1.414L6.585 13l-1.413-1.413 1.414-1.414L8 11.586l1.414-1.414z",
@@ -1520,7 +1574,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "CalendarIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M7 2v2h10V2h2v2h1a2 2 0 012 2v14a2 2 0 01-2 2H4a2 2 0 01-2-2V6a2 2 0 012-2h1V2h2zm13 7H4v11h16V9zm-10 2v4H6v-4h4z",
@@ -1536,7 +1593,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "CancelCrossIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M16.95 5.636l1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636l4.95 4.95z",
@@ -1552,7 +1612,10 @@
       height: 18,
       viewBox: "0 0 18 18",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "CaretLeftIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M10 5v8L6 9l4-4z",
@@ -1568,7 +1631,10 @@
       height: 18,
       viewBox: "0 0 18 18",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "CaretRightIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M8 5v8l4-4-4-4z",
@@ -1584,7 +1650,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ChatIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M20 4a3 3 0 013 3v9.2a3 3 0 01-3 3H7.794L1 23V7a3 3 0 013-3h16z",
@@ -1600,7 +1669,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "CheckIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M5.613 10.21l.094.083L10 14.585l8.293-8.292a1 1 0 011.497 1.32l-.083.094-9 9a1 1 0 01-1.414 0l-5-5a1 1 0 011.32-1.497z",
@@ -1616,7 +1688,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "CheckboxBlankTogglerIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm3.607 5.707a1 1 0 010 1.414l-3.657 3.657a1 1 0 01-1.414 0L8.707 12.95a1 1 0 011.414-1.414l1.12 1.12 2.951-2.949a1 1 0 011.415 0z",
@@ -1632,7 +1707,10 @@
       height: 16,
       viewBox: "0 0 16 16",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "CheckboxIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("g", {
       fillRule: "evenodd"
@@ -1658,7 +1736,10 @@
       height: 12,
       viewBox: "0 0 12 12",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ChecklistSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M2.5 9a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm0 1a.5.5 0 100 1 .5.5 0 000-1zm8.5 0v1H5v-1h6zM2.5 5a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm0 1a.5.5 0 100 1 .5.5 0 000-1zM11 6v1H5V6h6zM2.5 1a1.5 1.5 0 110 3 1.5 1.5 0 010-3zm0 1a.5.5 0 100 1 .5.5 0 000-1zM11 2v1H5V2h6z",
@@ -1674,7 +1755,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ChecklistIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M5 16a3 3 0 110 6 3 3 0 010-6zm16 2a1 1 0 010 2H11a1 1 0 010-2h10zM5 18a1 1 0 100 2 1 1 0 000-2zm0-9a3 3 0 110 6 3 3 0 010-6zm16 2a1 1 0 010 2H11a1 1 0 010-2h10zM5 11a1 1 0 100 2 1 1 0 000-2zm0-9a3 3 0 110 6 3 3 0 010-6zm16 2a1 1 0 010 2H11a1 1 0 010-2h10zM5 4a1 1 0 100 2 1 1 0 000-2z",
@@ -1690,7 +1774,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "CircleMultipleIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M19.657 8.343A8 8 0 118.343 19.657 8 8 0 0119.657 8.343zm-9.9 1.414a6 6 0 108.486 8.486 6 6 0 00-8.486-8.486zM10 2a7.97 7.97 0 015.291 2H10a6 6 0 00-5.996 5.775L4 10v5.291A8 8 0 0110 2z",
@@ -1706,7 +1793,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ClockAddIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10h-2a8 8 0 10-8 8v2C6.477 22 2 17.523 2 12zm17 2v3h3v2h-3v3h-2v-3.001L14 19v-2l3-.001V14h2zm-8-8v4.999L6 11v2h7V6h-2z",
@@ -1722,7 +1812,10 @@
       height: 12,
       viewBox: "0 0 12 12",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ClockSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M5.5.9a5.5 5.5 0 110 11 5.5 5.5 0 010-11zm0 1a4.5 4.5 0 100 9 4.5 4.5 0 000-9zM6 3v3h3v1H5V3h1z",
@@ -1738,7 +1831,10 @@
       height: 12,
       viewBox: "0 0 12 12",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ClockStopwatchSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M5.5.9a5.5 5.5 0 110 11 5.5 5.5 0 010-11zm0 1a4.5 4.5 0 100 9 4.5 4.5 0 000-9zm.515 1v4H5v-4h1.015zM9.797 0l2.152 2.121-.717.707L9.08.708 9.797 0z",
@@ -1754,7 +1850,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ClockStopwatchIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 2c2.393 0 4.59.84 6.312 2.243l1.604-1.657L21.33 4 19.73 5.654A9.959 9.959 0 0122 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm-1 2v7h2V6h-2z",
@@ -1770,7 +1869,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ClockIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm1 2v7H6v-2h5V6h2z",
@@ -1786,7 +1888,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "CloseSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M9.485 8.071l2.828 2.827 2.83-2.827a1 1 0 011.413 1.414l-2.828 2.828 2.828 2.83a1 1 0 01-1.414 1.413l-2.829-2.828-2.828 2.828a1 1 0 11-1.414-1.414l2.827-2.829-2.827-2.828a1 1 0 011.414-1.414z",
@@ -1802,7 +1907,10 @@
       height: 9,
       viewBox: "0 0 6 9",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "CollapsIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M4.243.22L0 4.462l4.243 4.243a.75.75 0 101.06-1.06l-3.18-3.183 3.18-3.182A.75.75 0 004.243.22z",
@@ -1818,7 +1926,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "CollapseAllIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 15l4.72 4.461a.867.867 0 010 1.275.993.993 0 01-1.348 0L12 17.549l-3.372 3.187a.993.993 0 01-1.349 0 .867.867 0 010-1.275L12 15zm4.72-11.736a.867.867 0 010 1.275L12 9 7.28 4.539a.867.867 0 010-1.275.993.993 0 011.348 0L12 6.451l3.372-3.187a.993.993 0 011.349 0zM12 14a2 2 0 100-4 2 2 0 000 4z",
@@ -1834,7 +1945,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "CollapseExpandSingleIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M15.372 14.736a.993.993 0 001.349 0 .867.867 0 000-1.275L12 9l-4.72 4.461a.867.867 0 000 1.275.993.993 0 001.348 0L12 11.549l3.372 3.187z",
@@ -1850,7 +1964,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ComputerIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M21 16H3V4h18m0-2H3c-1.11 0-2 .89-2 2v12a2 2 0 002 2h7v2H8v2h8v-2h-2v-2h7a2 2 0 002-2V4a2 2 0 00-2-2z",
@@ -1866,7 +1983,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "CrownBlankIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M15.674 9.488l2.704-.98L17.3 13H6.7L5.663 8.507l2.662.978A1 1 0 009.45 9.17L12 5.988l2.552 3.186a1 1 0 001.122.314zM8.5 7.482L4.69 6.097a1 1 0 00-1.32 1.145L5 15h14l1.63-7.758a1 1 0 00-1.32-1.145L15.5 7.482l-2.747-3.14a1 1 0 00-1.506 0L8.5 7.482zM19 17H5v1c0 .6.4 1 1 1h12c.6 0 1-.4 1-1v-1z",
@@ -1882,7 +2002,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "CrownSelectedIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M8.5 7.487L4.69 6.1a1 1 0 00-1.32 1.146L5 15h14l1.63-7.753A1 1 0 0019.31 6.1L15.5 7.487l-2.747-3.14a1 1 0 00-1.506 0L8.5 7.487zM19 17H5v1c0 .6.4 1 1 1h12c.6 0 1-.4 1-1v-1z",
@@ -1898,7 +2021,10 @@
       height: 12,
       viewBox: "0 0 12 12",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "DependencySmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M10 7a2 2 0 110 4 2 2 0 010-4zm0 1a1 1 0 100 2 1 1 0 000-2zM4.5 6v2.499L7 8.5v1H3.5V6h1zM4 1a2 2 0 110 4 2 2 0 010-4zm0 1a1 1 0 100 2 1 1 0 000-2z",
@@ -1914,7 +2040,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "DependencyIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M19 14a4 4 0 110 8 4 4 0 010-8zm0 2a2 2 0 100 4 2 2 0 000-4zM8 12v4.998L13 17v2H6v-7h2zM7 2a4 4 0 110 8 4 4 0 010-8zm0 2a2 2 0 100 4 2 2 0 000-4z",
@@ -1930,7 +2059,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "DiscussionAddIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M22 13v9l-4-4H8a2 2 0 01-1.995-1.85L6 16v-1h10a3.001 3.001 0 002.829-2H22zM12 2v2H4v8.17L5.17 11H16l.001 1.732a1.987 1.987 0 01-.82.26L15 13H6l-4 4V4a2 2 0 011.85-1.995L4 2h8zm7 0v3h3v2h-3v3h-2V6.999L14 7V5l3-.001V2h2z",
@@ -1946,7 +2078,10 @@
       height: 12,
       viewBox: "0 0 12 12",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "DollarCheckmarkSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M11.243 8.121l.707.707-2.829 2.829L7 9.536l.707-.708 1.414 1.414 2.122-2.12zM5.5 0a5.5 5.5 0 015.293 7l-1.05.001A4.5 4.5 0 106 9.972v1.006A5.5 5.5 0 115.5 0zM6 2v1h1v1H5v1h2v3H6v1H5V8H4V7h2V6H4V3h1V2h1z",
@@ -1962,7 +2097,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "DollarCheckmarkIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 2c5.523 0 10 4.477 10 10h-2a8 8 0 10-8 8v2C6.477 22 2 17.523 2 12S6.477 2 12 2zm9.607 13.707a1 1 0 010 1.414l-3.657 3.657a1 1 0 01-1.414 0l-1.829-1.828a1 1 0 011.414-1.414l1.12 1.12 2.951-2.949a1 1 0 011.415 0zM13 7v1h2v2h-4v1h3a1 1 0 01.993.883L15 12v3a1 1 0 01-.883.993L14 16h-1v1h-2v-1H9v-2h4v-1h-3a1 1 0 01-.993-.883L9 12V9a1 1 0 01.883-.993L10 8h1V7h2z",
@@ -1978,7 +2116,10 @@
       height: 12,
       viewBox: "0 0 12 12",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "DollarClockSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M10 5v1h1v1H9v1h2v3h-1v1H9v-1H8v-1h2V9H8V6h1V5h1zM8 1v3L6 6l1 1v1.25l-2-2-2 2V10h4v1H2V8l2-2-2-2V1h6zM7 2H3v1.75l2 2 2-2V2z",
@@ -1994,7 +2135,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "DollarClockIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M20 13v1h2v2h-4v1h3a1 1 0 01.993.883L22 18v3a1 1 0 01-.883.993L21 22h-1v1h-2v-1h-2v-2h4v-1h-3a1 1 0 01-.993-.883L16 18v-3a1 1 0 01.883-.993L17 14h1v-1h2zM18 2v6l-4 4 1.199 1.199L14.2 14.7 12 12.5l-4 4V20h6v2H6v-6l4-4-4-4V2h12zm-2 2H8v3.5l4 4 4-4V4z",
@@ -2010,7 +2154,10 @@
       height: 12,
       viewBox: "0 0 12 12",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "DollarOffSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M1.05 1.05l9.9 9.9-.707.707L8.47 9.883A.996.996 0 018 10H7v1H5v-1H4a1 1 0 01-1-1V8h1v.7a.3.3 0 00.3.3h3.286l-3-3H4a1 1 0 01-1-1v-.587L.342 1.757l.707-.707zM8 5a1 1 0 011 1v1.586l-1-1V6.3a.3.3 0 00-.3-.3h-.286l-1-1H8zM7 1v1h1a1 1 0 011 1v1H8v-.7a.3.3 0 00-.3-.3H4.414l-.883-.883C3.67 2.042 3.83 2 4 2h1V1h2z",
@@ -2026,7 +2173,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "DollarOffIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M3 4.27L4.28 3 21 19.72 19.73 21l-3.67-3.67c-.62.67-1.52 1.22-2.56 1.49V21h-3v-2.18C8.47 18.31 7 16.79 7 15h2c0 1.08 1.37 2 3 2 1.13 0 2.14-.44 2.65-1.08l-2.97-2.97C9.58 12.42 7 11.75 7 9c0-.23 0-.45.07-.66L3 4.27m7.5.91V3h3v2.18C15.53 5.69 17 7.21 17 9h-2c0-1.08-1.37-2-3-2-.37 0-.72.05-1.05.13L9.4 5.58l1.1-.4z",
@@ -2042,7 +2192,10 @@
       height: 12,
       viewBox: "0 0 12 12",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "DollarSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M8 10H7v1H5v-1H4a1 1 0 01-1-1V8h1v.7a.3.3 0 00.3.3h3.4a.3.3 0 00.3-.3V6.3a.3.3 0 00-.3-.3H4a1 1 0 01-1-1V3a1 1 0 011-1h1V1h2v1h1a1 1 0 011 1v1H8v-.7a.3.3 0 00-.3-.3H4.3a.3.3 0 00-.3.3v1.4a.3.3 0 00.3.3H8a1 1 0 011 1v3a1 1 0 01-1 1z",
@@ -2058,7 +2211,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "DollarIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M7 15h2c0 1.08 1.37 2 3 2s3-.92 3-2c0-1.1-1.04-1.5-3.24-2.03C9.64 12.44 7 11.78 7 9c0-1.79 1.47-3.31 3.5-3.82V3h3v2.18C15.53 5.69 17 7.21 17 9h-2c0-1.08-1.37-2-3-2s-3 .92-3 2c0 1.1 1.04 1.5 3.24 2.03C14.36 11.56 17 12.22 17 15c0 1.79-1.47 3.31-3.5 3.82V21h-3v-2.18C8.47 18.31 7 16.79 7 15z",
@@ -2074,7 +2230,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "DownloadIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M5 21h14v-2H5m14-9h-4V4H9v6H5l7 7 7-7z",
@@ -2090,7 +2249,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "DriveIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M7.71 3.5L1.15 15l3.43 6 6.55-11.5M9.73 15L6.3 21h13.12l3.43-6m-.57-1L15.42 2H8.57l6.86 12h6.85z",
@@ -2106,7 +2268,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "DropboxIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M2 7.2l5 3.19 5-3.19L7 4 2 7.2m10 0l5 3.19 5-3.19L17 4l-5 3.2M2 13.55l5 3.19 5-3.19-5-3.2-5 3.2m15-3.2l-5 3.2 5 3.19 5-3.19-5-3.2M7.03 17.8l5.01 3.2 5-3.2-5-3.19-5.01 3.19z",
@@ -2122,7 +2287,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "DuplicateIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M20 20V8H8v12h12m2 0a2 2 0 01-2 2H8a2 2 0 01-2-2V8c0-1.11.89-2 2-2h12a2 2 0 012 2v12m-7-9v2h2v2h-2v2h-2v-2.001L11 15v-2l2-.001V11h2zM4 16H2V4a2 2 0 012-2h13v2H4v12z",
@@ -2138,7 +2306,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "EditMultipleIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M17.83 11l1.41 1.41-7.125 7.125a.997.997 0 01-1.493-1.316l.083-.094L17.83 11zM10 13a1 1 0 01.117 1.993L10 15H4a1 1 0 01-.117-1.993L4 13h6zm10.83-5l1.41 1.41-1.83 1.83L19 9.83 20.83 8zM14 9a1 1 0 01.117 1.993L14 11H4a1 1 0 01-.117-1.993L4 9h10zm3-4a1 1 0 01.117 1.993L17 7H4a1 1 0 01-.117-1.993L4 5h13z",
@@ -2154,7 +2325,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "EditIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M3 5v14a2 2 0 002 2h14a2 2 0 002-2v-7h-2v7H5V5h7V3H5c-1.11 0-2 .89-2 2zm6.875 10.535L18 7.41 16.59 6l-8.125 8.125a.997.997 0 101.41 1.41zM19.17 6.24L21 4.41 19.59 3l-1.83 1.83 1.41 1.41z",
@@ -2170,7 +2344,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "EmojiIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 17.5c2.33 0 4.3-1.46 5.11-3.5H6.89c.8 2.04 2.78 3.5 5.11 3.5M8.5 11a1.5 1.5 0 100-3 1.5 1.5 0 000 3m7 0a1.5 1.5 0 100-3 1.5 1.5 0 000 3M12 20a8 8 0 110-16 8 8 0 010 16m0-18C6.47 2 2 6.5 2 12a10 10 0 0010 10c5.523 0 10-4.477 10-10A10 10 0 0012 2z",
@@ -2186,7 +2363,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "EstimatesIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 20a8 8 0 100-16 8 8 0 000 16zm0 2C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-6a4 4 0 100-8 4 4 0 000 8zm0 2a6 6 0 110-12 6 6 0 010 12zm0-4a2 2 0 110-4 2 2 0 010 4z"
@@ -2206,7 +2386,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ExpandAllIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M16.72 15.264a.867.867 0 010 1.275L12 21l-4.72-4.461a.867.867 0 010-1.275.993.993 0 011.348 0L12 18.451l3.372-3.187a.993.993 0 011.349 0zM12 3l4.72 4.461a.867.867 0 010 1.275.993.993 0 01-1.348 0L12 5.549 8.628 8.736a.993.993 0 01-1.349 0 .867.867 0 010-1.275L12 3zm0 11a2 2 0 100-4 2 2 0 000 4z",
@@ -2222,7 +2405,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ExpenseAddIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M19 14v3h3v2h-3v3h-2v-3.001L14 19v-2l3-.001V14h2zm1-11a2 2 0 011.994 1.85L22 5v7h-2V5H4v14h8v2H4a2 2 0 01-1.995-1.85L2 19V5c0-1.06.81-1.919 1.85-1.995L4 3h16zm-9 4v1h2v2H9v1h3a1 1 0 01.993.883L13 12v3a1 1 0 01-.883.993L12 16h-1v1H9v-1H7v-2h4v-1H8a1 1 0 01-.993-.883L7 12V9a1 1 0 01.883-.993L8 8h1V7h2z",
@@ -2238,7 +2424,10 @@
       height: 12,
       viewBox: "0 0 12 12",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "EyeOffSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M1.05 1.05l9.9 9.9-.707.707L8.205 9.62C7.517 9.866 6.775 10 6 10 3.273 10 .944 8.341 0 6a6.35 6.35 0 011.971-2.615L.343 1.757l.707-.707zM1.19 6C2.09 7.792 3.95 8.933 6 8.933c.463 0 .915-.058 1.35-.168L6.176 7.59c-.058.006-.117.009-.176.009-.904 0-1.636-.716-1.636-1.6 0-.07.004-.14.013-.207L2.736 4.15A5.273 5.273 0 001.189 6zM6 2c2.727 0 5.056 1.659 6 4a6.35 6.35 0 01-1.972 2.615l-.765-.766A5.273 5.273 0 0010.811 6C9.91 4.208 8.05 3.067 6 3.067c-.463 0-.916.058-1.35.168l-.857-.855A6.553 6.553 0 016 2zm0 2.4c.904 0 1.636.716 1.636 1.6 0 .07-.004.14-.013.208l-1.8-1.799C5.88 4.403 5.94 4.4 6 4.4z",
@@ -2254,7 +2443,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "EyeOffIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M2 5.27L3.28 4 20 20.72 18.73 22l-3.08-3.08c-1.15.38-2.37.58-3.65.58-5 0-9.27-3.11-11-7.5.69-1.76 1.79-3.31 3.19-4.54L2 5.27M12 9a3 3 0 012.83 4L11 9.17A3 3 0 0112 9m0-4.5c5 0 9.27 3.11 11 7.5a11.79 11.79 0 01-4 5.19l-1.42-1.43A9.862 9.862 0 0020.82 12 9.821 9.821 0 0012 6.5c-1.09 0-2.16.18-3.16.5L7.3 5.47c1.44-.62 3.03-.97 4.7-.97M3.18 12A9.821 9.821 0 0012 17.5c.69 0 1.37-.07 2-.21L11.72 15A3.064 3.064 0 019 12.28L5.6 8.87c-.99.85-1.82 1.91-2.42 3.13z",
@@ -2270,7 +2462,10 @@
       height: 12,
       viewBox: "0 0 12 12",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "EyeSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M6 4.4c.904 0 1.636.716 1.636 1.6 0 .884-.732 1.6-1.636 1.6-.904 0-1.636-.716-1.636-1.6 0-.884.732-1.6 1.636-1.6M6 2c2.727 0 5.056 1.659 6 4-.944 2.341-3.273 4-6 4S.944 8.341 0 6c.944-2.341 3.273-4 6-4M1.19 6C2.09 7.792 3.95 8.933 6 8.933S9.91 7.792 10.81 6C9.91 4.208 8.05 3.067 6 3.067S2.09 4.208 1.19 6z",
@@ -2286,7 +2481,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "EyeIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 9a3 3 0 110 6 3 3 0 010-6m0-4.5c5 0 9.27 3.11 11 7.5-1.73 4.39-6 7.5-11 7.5S2.73 16.39 1 12c1.73-4.39 6-7.5 11-7.5M3.18 12a9.821 9.821 0 0017.64 0 9.821 9.821 0 00-17.64 0z",
@@ -2302,7 +2500,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "FilterIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M7 13h10a1 1 0 000-2H7a1 1 0 000 2zM3 7a1 1 0 001 1h16a1 1 0 000-2H4a1 1 0 00-1 1zm8 11h2a1 1 0 000-2h-2a1 1 0 000 2z",
@@ -2318,7 +2519,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "FolderMoveIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M10 4l2 2h8a2 2 0 011.995 1.851L22 8v10c0 1.06-.81 1.919-1.85 1.995L20 20H4a2 2 0 01-1.994-1.85L2 18V6a2 2 0 011.851-1.995L4 4h6zm10 4H4v10h16V8zm-10 2l4 3-4 3v-2H6v-2h4v-2z",
@@ -2334,7 +2538,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "FolderOutlineIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M20 18H4V8h16m0-2h-8l-2-2H4c-1.11 0-2 .89-2 2v12a2 2 0 002 2h16a2 2 0 002-2V8a2 2 0 00-2-2z",
@@ -2350,7 +2557,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "HelpIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 4a8 8 0 100 16 8 8 0 000-16zm0-2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm-1 13h2v2h-2v-2zm2-5a1 1 0 00-2 0H9a3 3 0 114 2.83V14h-2v-1a2 2 0 011.276-1.865c.572-.311.724-.653.724-1.135z",
@@ -2366,7 +2576,10 @@
       height: 16,
       viewBox: "0 0 20 16",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ImageIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M18 0a2 2 0 011.994 1.85L20 2v12a2 2 0 01-1.85 1.995L18 16H2a2 2 0 01-1.995-1.85L0 14V2A2 2 0 011.85.005L2 0h16zm0 2H2v12h16V2zm-5.5 4l4.5 6H3l3.5-4.5 2.5 3L12.5 6zm-8-3a1.5 1.5 0 110 3 1.5 1.5 0 010-3z",
@@ -2382,7 +2595,10 @@
       height: 15,
       viewBox: "0 0 15 15",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "InfoSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M7.5 14a6.5 6.5 0 100-13 6.5 6.5 0 000 13zm0 1a7.5 7.5 0 110-15 7.5 7.5 0 010 15zM7 6h1v6H7V6zm0-3h1v1H7V3z",
@@ -2398,7 +2614,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "InfoIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm-1 5V7h2v2h-2zm0 8v-6h2v6h-2z",
@@ -2414,7 +2633,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "InsertLinkIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1 0 1.71-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z",
@@ -2430,7 +2652,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "IntegrationsIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M10 6H5v13h13v-5h-8V6zm2 6h8v7a2 2 0 01-2 2H5a2 2 0 01-2-2V6a2 2 0 012-2h7v8zm4-7v3h3V5h-3zm-2-2h5a2 2 0 012 2v5h-7V3z"
@@ -2450,7 +2675,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "InvoicesIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M15.19 4H5v16h14V7.891L15.19 4zM5 2h11.03L21 7.075V20a2 2 0 01-2 2H5a2 2 0 01-2-2V4a2 2 0 012-2zm4.974 11.752c-.01.532.13.952.42 1.26.29.308.649.504 1.078.588v-2.926a3.017 3.017 0 00-.448-.126 11.322 11.322 0 01-1.022-.329 3.337 3.337 0 01-.903-.504 2.325 2.325 0 01-.637-.784c-.159-.313-.238-.702-.238-1.169 0-.476.091-.896.273-1.26.182-.364.422-.67.721-.917a3.291 3.291 0 011.036-.574 4.667 4.667 0 011.218-.245V5.688h.826v1.078c.42.047.814.138 1.183.273.369.135.693.322.973.56.28.238.509.534.686.889.177.355.28.775.308 1.26H13.46a1.472 1.472 0 00-.35-.952c-.224-.261-.495-.392-.812-.392v2.478l.343.084a9 9 0 01.371.098c.69.187 1.223.418 1.596.693.373.275.649.562.826.861.177.299.282.597.315.896.033.299.049.565.049.798 0 .205-.051.464-.154.777a2.62 2.62 0 01-.553.917c-.266.299-.623.565-1.071.798-.448.233-1.022.373-1.722.42v1.19h-.826v-1.19c-1.045-.075-1.862-.397-2.45-.966-.588-.57-.929-1.405-1.022-2.506h1.974zm2.324 1.848c.168-.019.343-.058.525-.119a1.63 1.63 0 00.49-.259 1.38 1.38 0 00.357-.413c.093-.163.14-.357.14-.581 0-.364-.114-.637-.343-.819-.229-.182-.618-.348-1.169-.497V15.6zm-.826-7.196a1.54 1.54 0 00-.462.07 1.22 1.22 0 00-.406.217c-.121.098-.217.22-.287.364-.07.145-.105.315-.105.511 0 .308.098.546.294.714.196.168.518.303.966.406V8.404z"
@@ -2470,7 +2698,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "LabelsIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M17 2a3 3 0 013 3v17l-8-4-8 4V5a3 3 0 013-3h10zm0 2H7a1 1 0 00-.993.883L6 5v13.764l6-3 6 3V5a1 1 0 00-.883-.993L17 4z",
@@ -2486,7 +2717,10 @@
       height: 12,
       viewBox: "0 0 12 12",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "LockSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M7 0a2 2 0 012 2v1h1a1 1 0 011 1v7a1 1 0 01-1 1H2a1 1 0 01-1-1V4c0-.555.445-1 1-1h1V2a2 2 0 012-2h2zm3 4H2v7h8V4zM7 6v3H5V6h2zm0-5H5a1 1 0 00-.993.883L4 2v1h4V2a1 1 0 00-.883-.993L7 1z",
@@ -2502,7 +2736,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "LockIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 17a2 2 0 01-2-2c0-1.11.89-2 2-2a2 2 0 110 4m6 3V10H6v10h12m0-12a2 2 0 012 2v10a2 2 0 01-2 2H6a2 2 0 01-2-2V10c0-1.11.89-2 2-2h1V6a5 5 0 1110 0v2h1m-6-5a3 3 0 00-3 3v2h6V6a3 3 0 00-3-3z",
@@ -2518,7 +2755,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "MarkerIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 17a1 1 0 010 2H4a1 1 0 010-2h8zm0-4a1 1 0 010 2H4a1 1 0 010-2h8zm10-1a1 1 0 01-.883.993l-5.25-.002c-.214 0-.442-.06-.626-.2L13.436 11H4a1 1 0 010-2h9.592l1.611-1.604A.998.998 0 0116 7h5a1 1 0 011 1v4zm-5.579-3.001l-1.079 1.079.921.921 3.736.001V9l-3.578-.001zM12 5a1 1 0 010 2H4a1 1 0 110-2h8z",
@@ -2533,7 +2773,10 @@
       width: 24,
       height: 24,
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "MessageAddIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M11 4v2H6v11.26L10.39 15H18v-2h2v2a2 2 0 01-2 2H9.995L4 21V6a2 2 0 012-2h5zm7-1v3h3v2h-3v3h-2V8h-3V6h3V3h2z",
@@ -2549,7 +2792,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "MessageEmptyIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M22 4v12a2 2 0 01-2 2H7.995L2 22V4a2 2 0 012-2h16a2 2 0 012 2zm-2 0H4v14.26L7.39 16H20V4z",
@@ -2565,7 +2811,10 @@
       height: 12,
       viewBox: "0 0 12 12",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "MessageSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 2v8H3.998L1 12V2h11zm-1 1H2v7.13L3.695 9H11V3zM6 6v1H3V6h3zm4-2v1H3V4h7z",
@@ -2581,7 +2830,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "MessageIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M22 4v12a2 2 0 01-2 2H7.995L2 22V4a2 2 0 012-2h16a2 2 0 012 2zm-2 0H4v14.26L7.39 16H20V4zm-8 6v2H6v-2h6zm6-4v2H6V6h12z",
@@ -2597,7 +2849,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "MinusIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("rect", {
       x: 5,
@@ -2617,7 +2872,10 @@
       height: 10,
       viewBox: "0 0 10 10",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "MoveTriggerIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M0 0h10v1H0zm0 3h10v1H0zm0 3h10v1H0zm0 3h10v1H0z",
@@ -2633,7 +2891,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "MyWorkIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 12a2 2 0 100-4 2 2 0 000 4zm0 2a4 4 0 110-8 4 4 0 010 8zm-7 5c.4-1.647 1.356-2.88 2.53-3.265A14.25 14.25 0 0112 15c1.49 0 2.98.245 4.47.735C17.645 16.12 18.6 17.353 19 19h-2.085c-.274-.757-.696-1.243-1.068-1.365A12.252 12.252 0 0012 17c-1.275 0-2.555.21-3.847.635-.372.122-.794.608-1.068 1.365H5zM5 4a1 1 0 00-1 1v14a1 1 0 001 1h14a1 1 0 001-1V5a1 1 0 00-1-1H5zm0-2h14a3 3 0 013 3v14a3 3 0 01-3 3H5a3 3 0 01-3-3V5a3 3 0 013-3z"
@@ -2653,7 +2914,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "NoteAddIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M7 14v3h3v2H7v3H5v-3.001L2 19v-2l3-.001V14h2zM19 3c1.05 0 1.918.82 1.994 1.851L21 5v10l-6 6h-3v-2h2v-5h5V5H5v7H3V5c0-1.05.82-1.918 1.851-1.994L5 3h14zm-7 8v2H8v-2h4zm5-4v2H7V7h10z",
@@ -2669,7 +2933,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "NoteIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M19 5v9h-5v5H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h10l6-6V5c0-1.1-.9-2-2-2zm-7 10H7v-2h5v2zm5-4H7V7h10v2z",
@@ -2685,7 +2952,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "NotificationBellIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M21 19H3v-3.9l.7-.2C4.5 14.6 5 13.8 5 13v-2c0-2.7 1.6-5.2 4-6.3.2-1.6 1.5-2.7 3-2.7s2.8 1.1 3 2.7c2.4 1.2 4 3.6 4 6.3v2c0 .8.5 1.6 1.3 1.9l.7.2V19zM5 17h14v-.5c-1.2-.7-2-2-2-3.5v-2c0-1.9-1.1-3.7-2.9-4.5l-1-.5-.1-1.1c-.1-.5-.5-.9-1-.9s-.9.4-1 .9L10.9 6l-1 .5C8.1 7.3 7 9.1 7 11v2c0 1.4-.8 2.8-2 3.5v.5zm8 3h2c0 1.7-1.3 3-3 3s-3-1.3-3-3h2c0 .6.4 1 1 1s1-.4 1-1zm0 0h2c0 1.7-1.3 3-3 3s-3-1.3-3-3h2c0 .6.4 1 1 1s1-.4 1-1z"
@@ -2700,7 +2970,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "OpenExpandedIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3m-2 16H5V5h5V3H5a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-5h-2v5z",
@@ -2716,7 +2989,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "OrderFirstIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M4 4h16a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1V5a1 1 0 011-1zm2 14h12a1 1 0 010 2H6a1 1 0 010-2zm0-4h12a1 1 0 010 2H6a1 1 0 010-2zm0-4h12a1 1 0 010 2H6a1 1 0 010-2z",
@@ -2732,7 +3008,10 @@
       height: 12,
       viewBox: "0 0 12 12",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "PaidSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M11.243 8.121l.707.707-2.829 2.829L7 9.536l.707-.708 1.414 1.414 2.122-2.12zM5.5 0a5.5 5.5 0 015.293 7l-1.05.001A4.5 4.5 0 106 9.972v1.006A5.5 5.5 0 115.5 0zM6 2v1h1v1H5v1h2v3H6v1H5V8H4V7h2V6H4V3h1V2h1z",
@@ -2748,7 +3027,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "PauseCircleOutlineIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm-1 5v6H9V9h2zm4 0v6h-2V9h2z",
@@ -2764,7 +3046,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "PauseIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 3a9 9 0 110 18 9 9 0 010-18zm-1 6H9v6h2V9zm4 0h-2v6h2V9z",
@@ -2780,7 +3065,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "PauseSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M8 7h3v10H8V7zm5 0h3v10h-3V7z",
@@ -2795,7 +3083,10 @@
       width: 12,
       height: 12,
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "PencilSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M9 3.47L2.46 10H2v-.46L8.53 3l.47.47zM9.98.145l-.915.915 1.875 1.875.915-.915a.498.498 0 000-.705l-1.17-1.17a.5.5 0 00-.705 0zm-1.45 1.45L1 9.125V11h1.875l7.53-7.53L8.53 1.595z",
@@ -2810,7 +3101,10 @@
       width: 24,
       height: 24,
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "PencilIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M14.06 9l.94.94L5.92 19H5v-.92L14.06 9m3.6-6c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29m-3.6 3.19L3 17.25V21h3.75L17.81 9.94l-3.75-3.75z",
@@ -2826,7 +3120,10 @@
       height: 12,
       viewBox: "0 0 12 12",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "PendingPaymentSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M10 5v1h1v1H9v1h2v3h-1v1H9v-1H8v-1h2V9H8V6h1V5h1zM8 1v3L6 6l1 1v1.25l-2-2-2 2V10h4v1H2V8l2-2-2-2V1h6zM7 2H3v1.75l2 2 2-2V2z",
@@ -2842,7 +3139,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "PeopleIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M20.998 16.775l-.148-.387a2.001 2.001 0 00-1.601-1.27 12.961 12.961 0 00-2.317-.105c-.253-.76-.683-1.527-.932-1.937a14.912 14.912 0 013.518.06 4.003 4.003 0 013.203 2.54l.147.387a2 2 0 01-1.614 2.696 27.849 27.849 0 01-3.248.24c0-.355-.004-.741-.127-1.115L17.587 17a27.311 27.311 0 003.41-.225zM17.5 10a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm0 2a3.5 3.5 0 110-7 3.5 3.5 0 010 7zM5.437 14.315a2 2 0 00-1.494 1.333L3 18.51c1.826.327 3.65.49 5.473.49a30.99 30.99 0 005.474-.49l-.943-2.862a2 2 0 00-1.494-1.333A14.924 14.924 0 008.473 14c-1.01 0-2.021.105-3.036.315zm-.406-1.958A16.924 16.924 0 018.473 12c1.148 0 2.295.119 3.443.357a4 4 0 012.987 2.665l.943 2.862A2 2 0 0114.3 20.48a33.015 33.015 0 01-5.827.52c-1.941 0-3.883-.174-5.825-.521a2 2 0 01-1.547-2.595l.942-2.862a4 4 0 012.988-2.665zM8.474 9a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm0 2a4.5 4.5 0 110-9 4.5 4.5 0 010 9z"
@@ -2862,7 +3162,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "PersonCircleOffIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 2l.28.004.316.013.244.018.402.041.14.019.267.04.162.029.19.036a10.013 10.013 0 017.753 7.587l.062.3.042.233.044.276.031.244.017.154.022.257.02.367c.006.127.008.254.008.382l-.002.207-.01.299-.022.323-.04.397-.032.238-.059.354-.062.308-.05.22-.046.184a9.93 9.93 0 01-.12.422l-.092.283-.13.357-.113.283-.094.215-.161.341-.136.265-.178.32-.13.217c-.145.237-.302.47-.47.696l-.274.356-.229.273-.14.157-.258.274-.226.224-.104.099-.238.215-.312.262-.398.305-.284.199-.33.213a9.99 9.99 0 01-.35.208l-.266.145-.383.19-.291.132-.346.142-.358.132-.31.1-.402.116-.138.035-.187.045-.347.072-.443.074-.305.04-.16.016-.423.032-.271.011L12 22l-.2-.002-.331-.012-.373-.026-.167-.017-.164-.019-.246-.033-.336-.056-.3-.06-.31-.072-.415-.113-.297-.093-.323-.112-.284-.11-.343-.147-.266-.124-.28-.14-.159-.086-.328-.188-.177-.108-.297-.193-.383-.272-.316-.247-.316-.267-.333-.307-.208-.207-.247-.262-.17-.192-.245-.294-.18-.233a10.017 10.017 0 01-.361-.511l-.171-.27-.063-.103-.1-.17-.142-.259-.198-.392-.1-.213-.126-.295-.11-.281a9.91 9.91 0 01-.312-.984l-.096-.403-.062-.309-.059-.354-.06-.49-.028-.376-.013-.278A10.18 10.18 0 012 12C2 6.477 6.477 2 12 2zm0 16c-1.157 0-2.315.119-3.476.357a1.998 1.998 0 00-.831.385c.264.17.538.323.822.46l.287.133.295.122.356.13.292.09.146.042.27.068.248.055.281.051c.108.018.216.034.325.047l.38.037.28.017L12 20l.368-.008.167-.01.167-.012c.12-.01.24-.024.36-.04l.289-.044.24-.044.248-.054.313-.08.16-.047.234-.075.3-.107.395-.163.247-.114.304-.156.214-.12a8 8 0 00.3-.183 1.984 1.984 0 00-.83-.386A17.249 17.249 0 0012 18zm-8-6l.008.352.014.24.025.28.024.196.04.265.043.236.063.29.046.184.083.29.034.11.113.329.17.42.07.158c.09.193.186.382.29.567l.202.34.126.194.241.34.18.23.134.162.235.264a3.988 3.988 0 011.981-1.05A19.248 19.248 0 0112 16c1.05 0 2.102.088 3.152.263L13.57 14.68a4 4 0 01-5.25-5.25L5.814 6.927A7.967 7.967 0 004 12zm8-8a7.966 7.966 0 00-4.935 1.703l11.231 11.231.118-.152.18-.25.17-.258.097-.157.094-.16.14-.257.131-.263.103-.225.133-.321.119-.328.098-.313.104-.39.063-.291.053-.297c.02-.12.036-.242.05-.365l.03-.32.01-.181c.008-.135.011-.27.011-.406l-.012-.443a8.034 8.034 0 00-.078-.762l-.081-.449a8.012 8.012 0 00-5.843-6.097l-.422-.096-.353-.062-.358-.046-.477-.036L12 4zm-.117 8.997l-1.879-1.881L10 11a2 2 0 001.883 1.997zM12 7a4 4 0 013.92 4.804L11.194 7.08c.26-.053.53-.081.805-.081z",
@@ -2878,7 +3181,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "PersonCircleIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 2l.28.004.316.013.244.018.402.041.14.019.267.04.162.029.19.036a10.01 10.01 0 017.864 8.151L21.8 10l.046.244.056.352.031.244.017.154.022.257.02.367c.006.127.008.254.008.382l-.002.207-.01.299-.022.323-.04.397-.032.238-.059.354-.062.308-.05.22-.046.184a9.93 9.93 0 01-.12.422l-.092.283-.13.357-.113.283-.094.215-.161.341-.136.265-.178.32-.13.217c-.145.237-.302.47-.47.696l-.274.356-.229.273-.14.157-.258.274-.226.224-.104.099-.238.215-.312.262-.398.305-.284.199-.33.213a9.99 9.99 0 01-.35.208l-.266.145-.383.19-.291.132-.346.142-.358.132-.31.1-.402.116-.138.035-.187.045-.347.072-.443.074-.305.04-.16.016-.423.032-.271.011L12 22l-.2-.002-.331-.012-.373-.026-.167-.017-.164-.019-.246-.033-.336-.056-.3-.06-.31-.072-.415-.113-.297-.093-.323-.112-.284-.11-.343-.147-.266-.124-.28-.14-.159-.086-.328-.188-.177-.108-.297-.193-.383-.272-.316-.247-.316-.267-.333-.307-.208-.207-.247-.262-.17-.192-.245-.294-.18-.233a10.017 10.017 0 01-.361-.511l-.171-.27-.063-.103-.1-.17-.142-.259-.198-.392-.1-.213-.126-.295-.11-.281a9.91 9.91 0 01-.312-.984l-.096-.403-.062-.309-.059-.354-.06-.49-.028-.376-.013-.278A10.18 10.18 0 012 12C2 6.477 6.477 2 12 2zm0 16c-1.157 0-2.315.119-3.476.357a1.998 1.998 0 00-.831.385c.264.17.538.323.822.46l.287.133.295.122.356.13.292.09.146.042.27.068.248.055.281.051c.108.018.216.034.325.047l.38.037.28.017L12 20l.368-.008.167-.01.167-.012c.12-.01.24-.024.36-.04l.289-.044.24-.044.248-.054.313-.08.16-.047.234-.075.3-.107.395-.163.247-.114.304-.156.214-.12a8 8 0 00.3-.183 1.984 1.984 0 00-.83-.386A17.249 17.249 0 0012 18zm0-14a8 8 0 00-8 8l.008.352.014.24.025.28.024.196.04.265.043.236.063.29.046.184.083.29.034.11.113.329.17.42.07.158c.09.193.186.382.29.567l.202.34.126.194.241.34.18.23.134.162.235.264a3.988 3.988 0 011.981-1.05A19.248 19.248 0 0112 16c1.292 0 2.585.133 3.877.398.76.156 1.444.525 1.983 1.048l.236-.265.193-.236.125-.163.18-.25.17-.258.097-.157.094-.16.14-.257.131-.263.103-.225.133-.321.119-.328.098-.313.104-.39.063-.291.053-.297c.02-.12.036-.242.05-.365l.03-.32.01-.181c.008-.135.011-.27.011-.406l-.012-.443a8.034 8.034 0 00-.078-.762l-.081-.449a8.012 8.012 0 00-5.843-6.097l-.422-.096-.353-.062-.358-.046a8.054 8.054 0 00-.409-.033l.359.028-.213-.019-.214-.012L12 4zm0 3a4 4 0 110 8 4 4 0 010-8zm0 2a2 2 0 100 4 2 2 0 000-4z",
@@ -2894,7 +3200,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "PersonPlusIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 13c1.382 0 2.764.119 4.145.357 1.687.29 3.06 1.306 3.598 2.665l1.135 2.862c.417 1.05-.27 2.18-1.534 2.526-.107.03-.217.052-.329.069A47.673 47.673 0 0112 22c-2.339 0-4.677-.174-7.015-.521-1.31-.195-2.181-1.234-1.947-2.321a1.73 1.73 0 01.083-.274l1.136-2.862c.539-1.359 1.91-2.375 3.597-2.665A24.402 24.402 0 0112 13zm0 2c-1.292 0-2.586.105-3.884.315-.896.145-1.624.653-1.91 1.333L5 19.51c2.335.327 4.668.49 7 .49a50.46 50.46 0 007-.49l-1.206-2.862c-.286-.68-1.014-1.188-1.91-1.333A24.237 24.237 0 0012 15zm0-13c.711 0 1.388.149 2 .416v2.349A3 3 0 1014.829 8h2.072A5.002 5.002 0 017 7a5 5 0 015-5zm8 0v2h2v2h-2v2h-2V5.999L16 6V4l2-.001V2h2z",
@@ -2910,7 +3219,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "PersonIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 13c1.382 0 2.764.119 4.145.357 1.687.29 3.06 1.306 3.598 2.665l1.135 2.862c.417 1.05-.27 2.18-1.534 2.526-.107.03-.217.052-.329.069A47.673 47.673 0 0112 22c-2.339 0-4.677-.174-7.015-.521-1.31-.195-2.181-1.234-1.947-2.321a1.73 1.73 0 01.083-.274l1.136-2.862c.539-1.359 1.91-2.375 3.597-2.665A24.402 24.402 0 0112 13zm0 2c-1.292 0-2.586.105-3.884.315-.896.145-1.624.653-1.91 1.333L5 19.51c2.335.327 4.668.49 7 .49a50.46 50.46 0 007-.49l-1.206-2.862c-.286-.68-1.014-1.188-1.91-1.333A24.237 24.237 0 0012 15zm0-13a5 5 0 110 10 5 5 0 010-10zm0 2a3 3 0 100 6 3 3 0 000-6z",
@@ -2926,7 +3238,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "PlayCircleOutlineIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zM9.8 8l6.4 4-6.4 4V8z",
@@ -2942,7 +3257,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "PlayIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 3a9 9 0 110 18 9 9 0 010-18zm-2 6v6l5-3-5-3z",
@@ -2958,7 +3276,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "PlaySmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M9 17V7l8 5z",
@@ -2974,7 +3295,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ProjectAddIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M4 4v5h5V4H4zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2V4a2 2 0 012-2zm0 13v5h5v-5H4zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5a2 2 0 012-2zm11-9v5h5V4h-5zm4 10v3h3v2h-3v3h-2v-3h-3v-2h3v-3h2zm1-12a2 2 0 012 2v5a2 2 0 01-2 2h-5a2 2 0 01-2-2V4a2 2 0 012-2h5z",
@@ -2990,7 +3314,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ProjectTemplateAddIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M20 15v3h3v2h-3v3h-2v-3h-3v-2h3v-3h2zm0-7a2 2 0 012 2v3h-2v-3H10v10h3v2h-3a2 2 0 01-2-2V10a2 2 0 012-2h10zM7 5h10a2 2 0 011.995 1.85L19 7H7v12a2 2 0 01-2-2V7a2 2 0 012-2zm7-3a2 2 0 011.995 1.85L16 4H4v12a2 2 0 01-2-2V4a2 2 0 012-2h10z",
@@ -3006,7 +3333,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ProjectTemplateConvertIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M20 4a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2v-8h2v8h14V6h-8V4h8zM8 1a2 2 0 012 2v5a2 2 0 01-2 2H3a2 2 0 01-2-2V3a2 2 0 012-2h5zm8.37 10.121l-1.906 1.93L17 15.585 15.586 17l-2.536-2.536-1.929 1.907v-5.25h5.25zM8 3v5H3V3h5z",
@@ -3022,7 +3352,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ProjectTemplateIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M20 4a2 2 0 012 2v14a2 2 0 01-2 2H6a2 2 0 01-2-2v-8h2v8h14V6h-8V4h8zm-8.464 6.121l2.535 2.536L16 10.75V16h-5.249l1.906-1.929-2.536-2.535 1.415-1.415zM8 1a2 2 0 012 2v5a2 2 0 01-2 2H3a2 2 0 01-2-2V3a2 2 0 012-2h5zm0 2H3v5h5V3z",
@@ -3038,7 +3371,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ProjectsIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M4 4v5h5V4H4zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2V4a2 2 0 012-2zm0 13v5h5v-5H4zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2H4a2 2 0 01-2-2v-5a2 2 0 012-2zm11-9v5h5V4h-5zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2h-5a2 2 0 01-2-2V4a2 2 0 012-2zm0 13v5h5v-5h-5zm0-2h5a2 2 0 012 2v5a2 2 0 01-2 2h-5a2 2 0 01-2-2v-5a2 2 0 012-2z"
@@ -3058,7 +3394,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "RadioBlankIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16z",
@@ -3074,7 +3413,10 @@
       height: 16,
       viewBox: "0 0 16 16",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "RadioButtonIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("g", {
       fillRule: "evenodd"
@@ -3098,7 +3440,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "RearangeIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M9 16a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4zm-6-6a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4zM9 4a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4z",
@@ -3114,7 +3459,10 @@
       height: 12,
       viewBox: "0 0 12 12",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "RearrangeSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M4 8a1 1 0 110 2 1 1 0 010-2zm4 0a1 1 0 110 2 1 1 0 010-2zM4 5a1 1 0 110 2 1 1 0 010-2zm4 0a1 1 0 110 2 1 1 0 010-2zM4 2a1 1 0 110 2 1 1 0 010-2zm4 0a1 1 0 110 2 1 1 0 010-2z",
@@ -3130,7 +3478,10 @@
       height: 12,
       viewBox: "0 0 12 12",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "RecurringCheckmarkSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M1 5.874a5.002 5.002 0 008.743 3.442l-.78-.45 2.3-.982.3 2.482-.939-.542A6.002 6.002 0 01.001 6.141l1-.267zm6.93-1.177a.5.5 0 010 .707L5.975 7.39a.5.5 0 01-.707 0l-.971-.975a.5.5 0 01.707-.708l.617.622 1.602-1.63a.5.5 0 01.707 0zM9 .804a5.996 5.996 0 013 5.052l-1.001.268.001-.043a5.002 5.002 0 00-8.743-3.398l.779.451-2.3.982-.298-2.482.938.54A6.002 6.002 0 019 .805z",
@@ -3146,7 +3497,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "RecurringCheckmarkIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M5.014 12a6.944 6.944 0 001.826 4.73l.21.22a7 7 0 009.727.167l.173-.167-1.414-1.414 4.871-.63-.629 4.872-1.414-1.414a9 9 0 01-12.728 0 8.891 8.891 0 01-2.498-4.788A9.017 9.017 0 013 12.01h.006V12h2.008zm10.593-2.293a1 1 0 010 1.414l-3.657 3.657a1 1 0 01-1.414 0L8.707 12.95a1 1 0 011.414-1.414l1.12 1.12 2.951-2.949a1 1 0 011.415 0zm-3.246-6.7c2.1.084 4.175.898 5.813 2.444l.19.185.225.234.096.104.118.133a8.861 8.861 0 012.04 4.216l.043.25c.071.44.109.886.113 1.332h-.006l.001.095h-2.008a6.955 6.955 0 00-1.245-4.005l-.186-.254-.094-.12a7 7 0 00-10.238-.737l-.173.166 1.414 1.414-4.871.63.629-4.872 1.414 1.414a8.976 8.976 0 016.725-2.629z",
@@ -3162,7 +3516,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ReportTimeIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M15 9a7 7 0 110 14 7 7 0 010-14zm-3-9c1.235 0 2.29.758 2.752 1.828L14.82 2H19c1.05 0 1.918.82 1.994 1.851L21 4v5.292a9.017 9.017 0 00-1.999-1.356L19 4h-2v3H7V4H5v16l1.936.001c.362.728.82 1.4 1.356 2L5 22c-1.05 0-1.918-.82-1.994-1.851L3 20V4c0-1.05.82-1.918 1.851-1.994L5 2h4.18C9.6.84 10.7 0 12 0zm3 11a5 5 0 100 10 5 5 0 000-10zm1 2v1.999L19 15v2h-5v-4h2zM12 2c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z",
@@ -3178,7 +3535,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ReportsIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M17 6v2H7V6H6v15h12V6h-1zm0-2h1a2 2 0 012 2v15a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2h1V3h2c.336-2 1.336-3 3-3s2.664 1 3 3h2v1zM8 16h2v3H8v-3zm3-3h2v6h-2v-6zm3-3h2v9h-2v-9zm-1-5V3.332C13 2.327 12.61 2 12 2s-1 .303-1 1.332V5H9v1h6V5h-2z"
@@ -3198,7 +3558,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "SearchIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M16.717 15.708a6 6 0 10-1.07 1.056l.602-.46.468-.596zm1.572 1.238l2.883 2.882a1 1 0 01-1.415 1.415l-2.891-2.892a8 8 0 111.423-1.405z"
@@ -3212,7 +3575,10 @@
       width: 24,
       height: 24,
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "SendBlankIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M1.241 1.405A2 2 0 013.812.53l.14.07 17.801 9.641a2 2 0 01.135 3.438l-.135.08-17.8 9.642a2 2 0 01-2.948-1.61L1 21.642V15l6-3-6-3V2.358a2 2 0 01.241-.953zM3 2.358v5.406L11.472 12 3 16.235v5.406L20.799 12 3 2.358z",
@@ -3227,7 +3593,10 @@
       width: 24,
       height: 24,
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "SendFilledIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M3.953 23.4l17.8-9.641a2 2 0 000-3.518L3.953.6A2 2 0 001 2.358V9l8 3-8 3v6.642a2 2 0 002.953 1.759z",
@@ -3243,7 +3612,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "SettingsIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M4.14 16H3a1 1 0 000 2h1.14c.45 1.72 2 3 3.86 3 1.86 0 3.41-1.28 3.86-3H21a1 1 0 000-2h-9.14c-.45-1.72-2-3-3.86-3-1.86 0-3.41 1.28-3.86 3zM6 17c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zM16 3c-1.86 0-3.41 1.28-3.86 3H3a1 1 0 100 2h9.14c.45 1.72 2 3 3.86 3 1.86 0 3.41-1.28 3.86-3H21a1 1 0 000-2h-1.14c-.45-1.72-2-3-3.86-3zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z",
@@ -3259,7 +3631,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "SortGeneralIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M17 6v11h3l-4 4-4-4h3V6h2zM8 3l4 4H9v11H7V7H4l4-4z",
@@ -3275,7 +3650,10 @@
       height: 10,
       viewBox: "0 0 10 10",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "SortIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M10 8v2H0V8h10zM7 4v2H0V4h7zM4 0v2H0V0h4z",
@@ -3291,7 +3669,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "StarOutlineIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12.706 2.103a1 1 0 01.454.455l2.63 5.329 5.881.854a1 1 0 01.554 1.706l-4.255 4.148 1.005 5.857a1 1 0 01-1.451 1.054l-5.26-2.765-5.26 2.765a1 1 0 01-1.451-1.054l1.004-5.857-4.255-4.148a1 1 0 01.554-1.706l5.881-.854 2.63-5.33a1 1 0 011.34-.454zm1.756 7.612L12.263 5.26l-2.198 4.455-4.916.713 3.557 3.469-.84 4.895 4.398-2.31 4.396 2.31-.839-4.895 3.557-3.468-4.916-.714z",
@@ -3307,7 +3688,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "StarIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12.264 18.74l-5.26 2.766a1 1 0 01-1.451-1.054l1.004-5.857-4.255-4.148a1 1 0 01.554-1.706l5.881-.854 2.63-5.33a1 1 0 011.793 0l2.63 5.33 5.881.854a1 1 0 01.554 1.706l-4.255 4.148 1.005 5.857a1 1 0 01-1.451 1.054l-5.26-2.765z",
@@ -3323,7 +3707,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "SystemSettingsIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       fillRule: "evenodd",
@@ -3340,7 +3727,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "TaskAddIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 2c5.523 0 10 4.477 10 10h-2a8 8 0 10-8 8v2C6.477 22 2 17.523 2 12S6.477 2 12 2zm7 12v3h3v2h-3v3h-2v-3.001L14 19v-2l3-.001V14h2zm-3.393-4.293a1 1 0 010 1.414l-3.657 3.657a1 1 0 01-1.414 0L8.707 12.95a1 1 0 011.414-1.414l1.12 1.12 2.951-2.949a1 1 0 011.415 0z",
@@ -3356,7 +3746,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "TaskListAddIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M20 14v3h3v2h-3v3h-2v-3h-3v-2h3v-3h2zm-8 4a1 1 0 010 2H5a1 1 0 010-2h7zm0-4a1 1 0 010 2H5a1 1 0 010-2h7zm7-4a1 1 0 010 2H5a1 1 0 010-2h14zm0-6a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5a1 1 0 011-1h14z",
@@ -3372,7 +3765,10 @@
       height: 14,
       viewBox: "0 0 14 14",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ThumbUpOutlineIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M8.647.034c.424.02.847.164 1.173.542.263.305.403.73.403 1.262l-.003.513-.015.658-.019.374-.028.33c-.033.312-.08.567-.148.796l-.022.065.069.091c.289.364.59.477 1.119.496l.15.003h.251c.682 0 1.239.08 1.679.286.37.175.624.435.726.876.07 2.43-.78 5.856-1.727 6.803a3.787 3.787 0 01-.494.433c-.39.278-.697.388-1.434.434l-.344.017-.405.01-.71.009c-1.71 0-2.668-.214-4.006-.754l-.393-.158a1.468 1.468 0 01-1.36.912H1.53c-.81 0-1.468-.657-1.468-1.468V7.5c0-.81.657-1.468 1.468-1.468h1.58c.443 0 .84.196 1.11.506.097-.236.216-.453.359-.635.21-.266.434-.459.881-.79l.286-.213c.973-.745 1.316-1.249 1.316-2.158l.005-.264c.028-.685.165-1.227.4-1.635.304-.526.745-.77 1.132-.808zM8.615.71l.027.003-.05.008c-.171.042-.377.18-.54.46-.199.347-.313.86-.313 1.56l-.005.202c-.054 1.114-.572 1.755-1.776 2.645l-.237.175-.23.182c-.168.138-.28.25-.381.377-.265.337-.448.94-.533 1.415v4.697l.539.216c1.172.473 2.01.675 3.414.702l.334.003.855-.012.335-.01.28-.016.122-.01.213-.025.177-.033a1.34 1.34 0 00.344-.126l.118-.072.06-.04c.12-.086.248-.2.406-.36.788-.787 1.597-4.044 1.54-6.234-.036-.148-.145-.259-.346-.354-.33-.154-.8-.222-1.39-.222h-.253c-.94-.005-1.484-.228-1.998-1.036l-.092-.145.062-.16c.11-.282.175-.626.21-1.134l.02-.363.012-.419.006-.746c0-.378-.087-.645-.238-.82C9.127.81 8.87.722 8.615.71zm-5.505 6H1.529a.79.79 0 00-.79.79v5.064c0 .437.354.79.79.79h1.58a.79.79 0 00.791-.79V7.5a.79.79 0 00-.79-.79z",
@@ -3388,7 +3784,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "TrashIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M8 4l1-2h6l1 2h4v2h-1v13a2 2 0 01-2 2H7a2 2 0 01-2-2V6H4V4h4zm3 2v13h2V6h-2zM7 6v13h2V6H7zm10 0h-2v13h2V6z"
@@ -3408,7 +3807,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "TreeDotsIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M6 10a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4z",
@@ -3424,7 +3826,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "UploadIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M6 18v-4h2v1.999h8V14h2v4H6zm6-14l4.95 4.95-1.414 1.414L13 7.829V14h-2V7.827l-2.536 2.537L7.05 8.95 12 4z",
@@ -3440,7 +3845,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ViewGridIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 16c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2M6 16c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m12 12c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2z",
@@ -3456,7 +3864,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ViewListIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M19 17a1 1 0 010 2H5a1 1 0 010-2h14zm0-6a1 1 0 010 2H5a1 1 0 010-2h14zm0-6a1 1 0 010 2H5a1 1 0 110-2h14z",
@@ -3472,7 +3883,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "ViewTimelineIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M10 17h10a1 1 0 010 2H10a1 1 0 010-2zm-3-6h10a1 1 0 010 2H7a1 1 0 010-2zM4 5h10a1 1 0 010 2H4a1 1 0 110-2z",
@@ -3488,7 +3902,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "VolumeHighIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M14 3.23c4 .91 7 4.49 7 8.77 0 4.187-2.871 7.704-6.74 8.707l-.26.063V18.7c2.89-.86 5-3.53 5-6.7a7.005 7.005 0 00-4.754-6.632L14 5.29V3.23zM12 4v16l-5-5H3V9h4l5-5zm2 3.97c1.5.74 2.5 2.26 2.5 4.03a4.403 4.403 0 01-2.307 3.903L14 16V7.97z",
@@ -3504,7 +3921,10 @@
       height: 12,
       viewBox: "0 0 12 12",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "WarningTriangleSmallIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M6.54 1.123c.19.093.347.233.45.403l4.872 7.982c.298.49.097 1.102-.45 1.369-.166.08-.352.123-.541.123H1.129C.505 11 0 10.548 0 9.991c0-.169.047-.335.138-.483l4.871-7.982c.298-.49.984-.67 1.531-.403zM6 2l-5 8h10L6 2zm0 4a1.5 1.5 0 110 3 1.5 1.5 0 010-3z",
@@ -3520,7 +3940,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "WarningTriangleIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M13.08 2.247c.381.185.694.465.902.805l8.742 14.964c.597.978.194 2.204-.9 2.738a2.472 2.472 0 01-1.082.246H3.258C2.01 21 1 20.097 1 18.982c0-.337.095-.67.276-.966l8.742-14.964c.597-.978 1.968-1.339 3.063-.805zM12 4L3 19h18L12 4zm0 7a3 3 0 110 6 3 3 0 010-6z",
@@ -3536,7 +3959,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "WarningIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zm1 11v2h-2v-2h2zm0-8v6h-2V7h2z",
@@ -3552,7 +3978,10 @@
       height: 24,
       viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
+      "data-testid": "WorkloadIcon",
       fill: "var(--color-theme-600)",
+      tabIndex: -1,
+      focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement("path", {
       stroke: "#F4F5F7",
@@ -3617,7 +4046,7 @@
   });
   StyledBreadcrumbListItem.displayName = "StyledBreadcrumbListItem";
-  var _excluded$W = ["children", "className", "separator"];
+  var _excluded$X = ["children", "className", "separator"];
   var Breadcrumbs = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var _dimensions$width, _childDimensions$widt;
@@ -3625,7 +4054,7 @@
         className = _ref.className,
         _ref$separator = _ref.separator,
         separator = _ref$separator === void 0 ? "/" : _ref$separator,
-        rest = _objectWithoutProperties(_ref, _excluded$W);
+        rest = _objectWithoutProperties(_ref, _excluded$X);
     var internalRef = React.useRef(null);
     var listWrapperRef = React.useRef(null);
@@ -3812,11 +4241,11 @@
     return props.$isLight && styled.css(["background-color:var(--page-paper-main);box-shadow:var(--shadow-secondary);color:var(--color-theme-700);"]);
   });
-  var _excluded$V = ["children"];
+  var _excluded$W = ["children"];
   var TooltipAnimation = function TooltipAnimation(_ref) {
     var children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$V);
+        props = _objectWithoutProperties(_ref, _excluded$W);
     return /*#__PURE__*/React__default["default"].createElement(FromElement, _extends({
       timeout: 0
@@ -3903,12 +4332,12 @@
   });
   Tooltip.displayName = "Tooltip";
-  var _excluded$U = ["weight", "children"];
+  var _excluded$V = ["weight", "children"];
   var Body2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
         weight = _ref$weight === void 0 ? "regular" : _ref$weight,
         children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$U);
+        props = _objectWithoutProperties(_ref, _excluded$V);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Body 2",
@@ -3956,7 +4385,7 @@
   });
   StyledCounterButtonLabel.displayName = "StyledCounterButtonLabel";
-  var _excluded$T = ["label", "icon", "active", "counter", "tooltipText", "onClearAll", "className"];
+  var _excluded$U = ["label", "icon", "active", "counter", "tooltipText", "onClearAll", "className"];
   var CounterButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var label = _ref.label,
         icon = _ref.icon,
@@ -3966,7 +4395,7 @@
         tooltipText = _ref.tooltipText,
         onClearAll = _ref.onClearAll,
         className = _ref.className,
-        args = _objectWithoutProperties(_ref, _excluded$T);
+        args = _objectWithoutProperties(_ref, _excluded$U);
     return /*#__PURE__*/React__default["default"].createElement(StyledCounterButtonWrapper, {
       ref: ref,
@@ -4281,7 +4710,7 @@
   StyledDatePicker.displayName = "StyledDatePicker";
   StyledDayPicker.displayName = "StyledDayPicker";
-  var _excluded$S = ["className", "onChange", "onDayClick", "selectedDays", "disabledDays", "selectionMode", "month", "onMonthChange", "dateRequired", "firstDayOfWeek", "fixedWeeks", "modifiers"];
+  var _excluded$T = ["className", "onChange", "onDayClick", "selectedDays", "disabledDays", "selectionMode", "month", "onMonthChange", "dateRequired", "firstDayOfWeek", "fixedWeeks", "modifiers"];
   var DatePicker = function DatePicker(_ref) {
     var className = _ref.className,
         onChange = _ref.onChange,
@@ -4303,7 +4732,7 @@
         _ref$fixedWeeks = _ref.fixedWeeks,
         fixedWeeks = _ref$fixedWeeks === void 0 ? true : _ref$fixedWeeks,
         defaultModifiers = _ref.modifiers,
-        rest = _objectWithoutProperties(_ref, _excluded$S);
+        rest = _objectWithoutProperties(_ref, _excluded$T);
     var _useState = React.useState(),
         _useState2 = _slicedToArray(_useState, 2),
@@ -5228,7 +5657,7 @@
   };
   Tbody.displayName = "Tbody";
-  var _excluded$R = ["header", "rows", "className", "sortBy", "sortDirection", "onSortCallback", "theadClass", "noResultsCallback", "groupBy", "groupHead", "isCollapsible", "emptyValue"];
+  var _excluded$S = ["header", "rows", "className", "sortBy", "sortDirection", "onSortCallback", "theadClass", "noResultsCallback", "groupBy", "groupHead", "isCollapsible", "emptyValue"];
   exports.SortDirection = void 0;
   (function (SortDirection) {
@@ -5278,7 +5707,7 @@
     } : _ref$groupHead,
         isCollapsible = _ref.isCollapsible,
         emptyValue = _ref.emptyValue,
-        args = _objectWithoutProperties(_ref, _excluded$R);
+        args = _objectWithoutProperties(_ref, _excluded$S);
     var _useState = React.useState(sortDirection),
         _useState2 = _slicedToArray(_useState, 2),
@@ -5699,7 +6128,7 @@
   });
   StyledPaper.displayName = "StyledPaper";
-  var _excluded$Q = ["children", "className", "type", "hover", "useOptimizedShadow"];
+  var _excluded$R = ["children", "className", "type", "hover", "useOptimizedShadow"];
   /**
    * This is a component description and should sit directly above your component
@@ -5713,7 +6142,7 @@
         hover = _ref$hover === void 0 ? false : _ref$hover,
         _ref$useOptimizedShad = _ref.useOptimizedShadow,
         useOptimizedShadow = _ref$useOptimizedShad === void 0 ? false : _ref$useOptimizedShad,
-        rest = _objectWithoutProperties(_ref, _excluded$Q);
+        rest = _objectWithoutProperties(_ref, _excluded$R);
     return /*#__PURE__*/React__default["default"].createElement(StyledPaper, _extends({
       className: classnames__default["default"](className, {
@@ -5767,7 +6196,7 @@
   });
   StyledCard.displayName = "StyledCard";
-  var _excluded$P = ["children", "className", "hoverable", "paperType"];
+  var _excluded$Q = ["children", "className", "hoverable", "paperType"];
   var Card = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
         className = _ref.className,
@@ -5775,7 +6204,7 @@
         hoverable = _ref$hoverable === void 0 ? false : _ref$hoverable,
         _ref$paperType = _ref.paperType,
         paperType = _ref$paperType === void 0 ? "paper-2" : _ref$paperType,
-        rest = _objectWithoutProperties(_ref, _excluded$P);
+        rest = _objectWithoutProperties(_ref, _excluded$Q);
     return /*#__PURE__*/React__default["default"].createElement(StyledCard, _extends({}, rest, {
       type: paperType,
@@ -5857,12 +6286,12 @@
   });
   EntityCard$1.displayName = "EntityCard";
-  var _excluded$O = ["weight", "children"];
+  var _excluded$P = ["weight", "children"];
   var Title1 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
         weight = _ref$weight === void 0 ? "light" : _ref$weight,
         children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$O);
+        props = _objectWithoutProperties(_ref, _excluded$P);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: weight,
@@ -5872,12 +6301,12 @@
   });
   Title1.displayName = "Title1";
-  var _excluded$N = ["weight", "children"];
+  var _excluded$O = ["weight", "children"];
   var Title2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
         weight = _ref$weight === void 0 ? "light" : _ref$weight,
         children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$N);
+        props = _objectWithoutProperties(_ref, _excluded$O);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: weight,
@@ -5887,10 +6316,10 @@
   });
   Title2.displayName = "Title2";
-  var _excluded$M = ["children"];
+  var _excluded$N = ["children"];
   var Header2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$M);
+        props = _objectWithoutProperties(_ref, _excluded$N);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: "bold",
@@ -5900,10 +6329,10 @@
   });
   Header2.displayName = "Header2";
-  var _excluded$L = ["children"];
+  var _excluded$M = ["children"];
   var Header3 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$L);
+        props = _objectWithoutProperties(_ref, _excluded$M);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: "bold",
@@ -5913,12 +6342,12 @@
   });
   Header3.displayName = "Header3";
-  var _excluded$K = ["weight", "children"];
+  var _excluded$L = ["weight", "children"];
   var Body1 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
         weight = _ref$weight === void 0 ? "regular" : _ref$weight,
         children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$K);
+        props = _objectWithoutProperties(_ref, _excluded$L);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Body 1",
@@ -5928,12 +6357,12 @@
   });
   Body1.displayName = "Body1";
-  var _excluded$J = ["weight", "children"];
+  var _excluded$K = ["weight", "children"];
   var Caption1 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
         weight = _ref$weight === void 0 ? "regular" : _ref$weight,
         children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$J);
+        props = _objectWithoutProperties(_ref, _excluded$K);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Caption 1",
@@ -5943,12 +6372,12 @@
   });
   Caption1.displayName = "Caption1";
-  var _excluded$I = ["weight", "children"];
+  var _excluded$J = ["weight", "children"];
   var Caption2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$weight = _ref.weight,
         weight = _ref$weight === void 0 ? "regular" : _ref$weight,
         children = _ref.children,
-        props = _objectWithoutProperties(_ref, _excluded$I);
+        props = _objectWithoutProperties(_ref, _excluded$J);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Caption 2",
@@ -6067,7 +6496,7 @@
     "borderRadius": "9999px"
   });
-  var _excluded$H = ["url", "alt", "size", "className"];
+  var _excluded$I = ["url", "alt", "size", "className"];
   var Avatar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var url = _ref.url,
         _ref$alt = _ref.alt,
@@ -6075,7 +6504,7 @@
         _ref$size = _ref.size,
         size = _ref$size === void 0 ? 24 : _ref$size,
         className = _ref.className,
-        rest = _objectWithoutProperties(_ref, _excluded$H);
+        rest = _objectWithoutProperties(_ref, _excluded$I);
     return /*#__PURE__*/React__default["default"].createElement(StyledAvatar, _extends({}, rest, {
       ref: ref,
@@ -6097,13 +6526,13 @@
     return props.$color && styled.css(["background-color:", ";"], props.$color);
   });
-  var _excluded$G = ["color", "size", "className"];
+  var _excluded$H = ["color", "size", "className"];
   var Dot = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var color = _ref.color,
         _ref$size = _ref.size,
         size = _ref$size === void 0 ? 8 : _ref$size,
         className = _ref.className,
-        rest = _objectWithoutProperties(_ref, _excluded$G);
+        rest = _objectWithoutProperties(_ref, _excluded$H);
     return /*#__PURE__*/React__default["default"].createElement(StyledDot, _extends({
       className: classnames__default["default"]("c-dot", className),
@@ -6141,7 +6570,7 @@
   });
   StyledTagText.displayName = "StyledTagText";
-  var _excluded$F = ["name", "color", "showText", "showDot", "className"];
+  var _excluded$G = ["name", "color", "showText", "showDot", "className"];
   var Tag = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var name = _ref.name,
         color = _ref.color,
@@ -6150,7 +6579,7 @@
         _ref$showDot = _ref.showDot,
         showDot = _ref$showDot === void 0 ? true : _ref$showDot,
         className = _ref.className,
-        rest = _objectWithoutProperties(_ref, _excluded$F);
+        rest = _objectWithoutProperties(_ref, _excluded$G);
     return /*#__PURE__*/React__default["default"].createElement(StyledTag, _extends({
       className: classnames__default["default"]("c-tag", className),
@@ -6170,10 +6599,10 @@
     componentId: "sc-x4ge7a-0"
   })(["width:70%;background:linear-gradient( 90deg,rgba(255,255,255,0) 20%,rgba(0,0,0,0.05) 50%,rgba(255,255,255,0) 60% );background-size:400%;height:16px;border-radius:8px;.neon &{background:linear-gradient( 90deg,rgba(255,255,255,0) 20%,rgba(0,0,0,0.2) 50%,rgba(255,255,255,0) 60% );background-size:500%;}animation-duration:1s;animation-iteration-count:infinite;animation-name:", ";animation-timing-function:linear;animation-direction:reverse;"], linearAnimation);
-  var _excluded$E = ["className"];
+  var _excluded$F = ["className"];
   var LinearLoader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
-        rest = _objectWithoutProperties(_ref, _excluded$E);
+        rest = _objectWithoutProperties(_ref, _excluded$F);
     return /*#__PURE__*/React__default["default"].createElement(StyledLinearLoader, _extends({
       ref: ref,
@@ -6188,10 +6617,10 @@
     componentId: "sc-1f35d5h-0"
   })(["display:inline-block;text-align:center;& > span{display:inline-block;width:18px;height:18px;background-color:#777;border-radius:100%;animation:", " 1.4s infinite ease-in-out both;}span:nth-child(1){animation-delay:-0.32s;}span:nth-child(2){animation-delay:-0.16s;}"], dotAnimation);
-  var _excluded$D = ["className"];
+  var _excluded$E = ["className"];
   var DotsLoader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
-        rest = _objectWithoutProperties(_ref, _excluded$D);
+        rest = _objectWithoutProperties(_ref, _excluded$E);
     return /*#__PURE__*/React__default["default"].createElement(StyledDotsLoader, _extends({
       ref: ref,
@@ -6214,7 +6643,7 @@
     return props.$activeColorPercentage === "75%" && styled.css(["border-right:", "px solid ", ";border-bottom:", "px solid ", ";border-left:", "px solid ", ";border-top:", "px solid ", ";"], props.$stroke, props.$activeStrokeColor, props.$stroke, props.$activeStrokeColor, props.$stroke, props.$inactiveStrokeColor, props.$stroke, props.$activeStrokeColor);
   });
-  var _excluded$C = ["radius", "stroke", "activeStrokeColor", "inactiveStrokeColor", "activeColorPercentage", "rotateDurationInSeconds", "className"];
+  var _excluded$D = ["radius", "stroke", "activeStrokeColor", "inactiveStrokeColor", "activeColorPercentage", "rotateDurationInSeconds", "className"];
   var SpinnerLoader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$radius = _ref.radius,
         radius = _ref$radius === void 0 ? 10 : _ref$radius,
@@ -6229,7 +6658,7 @@
         _ref$rotateDurationIn = _ref.rotateDurationInSeconds,
         rotateDurationInSeconds = _ref$rotateDurationIn === void 0 ? 0.75 : _ref$rotateDurationIn,
         className = _ref.className,
-        rest = _objectWithoutProperties(_ref, _excluded$C);
+        rest = _objectWithoutProperties(_ref, _excluded$D);
     return /*#__PURE__*/React__default["default"].createElement(StyledSpinnerLoader, _extends({
       ref: ref,
@@ -6359,7 +6788,7 @@
   }, StyledInput$1, StyledLabel);
   StyledCheckbox$1.displayName = "StyledCheckbox";
-  var _excluded$B = ["className", "hover", "id"];
+  var _excluded$C = ["className", "hover", "id"];
   /**
    * Checkbox component
@@ -6369,7 +6798,7 @@
         hover = _ref.hover,
         _ref$id = _ref.id,
         id = _ref$id === void 0 ? "checkbox" : _ref$id,
-        rest = _objectWithoutProperties(_ref, _excluded$B);
+        rest = _objectWithoutProperties(_ref, _excluded$C);
     return /*#__PURE__*/React__default["default"].createElement(StyledCheckbox$1, {
       className: classnames__default["default"]("c-checkbox", {
@@ -6559,7 +6988,7 @@
   StyledScrollShadowLeft.displayName = "StyledScrollShadowLeft";
   StyledScrollShadowRight.displayName = "StyledScrollShadowRight";
-  var _excluded$A = ["children", "className", "disableVertical", "disableHorizontal", "invertHorizontal", "invertVertical", "innerColor", "outerColor"];
+  var _excluded$B = ["children", "className", "disableVertical", "disableHorizontal", "invertHorizontal", "invertVertical", "innerColor", "outerColor"];
   var ScrollShadow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
         className = _ref.className,
@@ -6573,7 +7002,7 @@
         invertVertical = _ref$invertVertical === void 0 ? false : _ref$invertVertical,
         innerColor = _ref.innerColor,
         outerColor = _ref.outerColor,
-        rest = _objectWithoutProperties(_ref, _excluded$A);
+        rest = _objectWithoutProperties(_ref, _excluded$B);
     var _useState = React.useState({
       top: 0,
@@ -6703,7 +7132,7 @@
     return height;
   };
-  var _excluded$z = ["as", "className", "invert", "style"];
+  var _excluded$A = ["as", "className", "invert", "style"];
   var ScrollElement = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$as = _ref.as,
         as = _ref$as === void 0 ? "div" : _ref$as,
@@ -6711,7 +7140,7 @@
         _ref$invert = _ref.invert,
         invert = _ref$invert === void 0 ? false : _ref$invert,
         style = _ref.style,
-        rest = _objectWithoutProperties(_ref, _excluded$z);
+        rest = _objectWithoutProperties(_ref, _excluded$A);
     var internalRef = useInitScrollRef(null, invert);
     var handleRef = useForkRef(internalRef, ref);
@@ -7218,7 +7647,7 @@
   });
   StyledInput.displayName = "StyledInput";
-  var _excluded$y = ["className", "style", "type", "disabled", "size", "invalid", "startAdornment", "endAdornment", "wrapRef"];
+  var _excluded$z = ["className", "style", "type", "disabled", "size", "invalid", "startAdornment", "endAdornment", "wrapRef"];
   var Input = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var _ref$className = _ref.className,
         className = _ref$className === void 0 ? "" : _ref$className,
@@ -7234,7 +7663,7 @@
         startAdornment = _ref.startAdornment,
         endAdornment = _ref.endAdornment,
         wrapRef = _ref.wrapRef,
-        rest = _objectWithoutProperties(_ref, _excluded$y);
+        rest = _objectWithoutProperties(_ref, _excluded$z);
     var intInputRef = React.useRef(null);
     var handleRef = useForkRef(ref, intInputRef);
@@ -7287,14 +7716,14 @@
   }, StyledRadioLabel);
   StyledRadioButton$1.displayName = "StyledRadioButton";
-  var _excluded$x = ["className", "id", "hover"];
+  var _excluded$y = ["className", "id", "hover"];
   var RadioButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$className = _ref.className,
         className = _ref$className === void 0 ? "" : _ref$className,
         _ref$id = _ref.id,
         id = _ref$id === void 0 ? "radio" : _ref$id,
         hover = _ref.hover,
-        props = _objectWithoutProperties(_ref, _excluded$x);
+        props = _objectWithoutProperties(_ref, _excluded$y);
     return /*#__PURE__*/React__default["default"].createElement(StyledRadioButton$1, {
       className: classnames__default["default"]("c-radio-btn", {
@@ -7387,7 +7816,7 @@
   };
   OptionContent.displayName = "OptionContent";
-  var _excluded$w = ["type", "mode", "target", "options", "selected", "position", "onChange", "actionIcon", "actionLabel", "placeholder", "emptyAction", "disableSearch", "forceCloseMenu", "selectClassName", "keepSameOptionsOrder", "onSelectOpen", "onSelectClose", "renderOption", "handleDefaultOptionChange", "preselectDefaultValue"];
+  var _excluded$x = ["type", "mode", "target", "options", "selected", "position", "onChange", "actionIcon", "actionLabel", "placeholder", "emptyAction", "disableSearch", "forceCloseMenu", "selectClassName", "keepSameOptionsOrder", "onSelectOpen", "onSelectClose", "renderOption", "handleDefaultOptionChange", "preselectDefaultValue"];
   var Select = function Select(_ref) {
     var _ref$type = _ref.type,
         type = _ref$type === void 0 ? "single" : _ref$type,
@@ -7421,7 +7850,7 @@
         handleDefaultOptionChange = _ref.handleDefaultOptionChange,
         _ref$preselectDefault = _ref.preselectDefaultValue,
         preselectDefaultValue = _ref$preselectDefault === void 0 ? type === "single" : _ref$preselectDefault,
-        prop = _objectWithoutProperties(_ref, _excluded$w);
+        prop = _objectWithoutProperties(_ref, _excluded$x);
     var _useState = React.useState(),
         _useState2 = _slicedToArray(_useState, 2),
@@ -7680,7 +8109,7 @@
   });
   StyledNavAsMoreTarget.displayName = "StyledNavAsMoreTarget";
-  var _excluded$v = ["children", "active", "disabled", "className", "role"];
+  var _excluded$w = ["children", "active", "disabled", "className", "role"];
   var Item = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var children = _ref.children,
         _ref$active = _ref.active,
@@ -7689,7 +8118,7 @@
         disabled = _ref$disabled === void 0 ? false : _ref$disabled,
         className = _ref.className,
         role = _ref.role,
-        rest = _objectWithoutProperties(_ref, _excluded$v);
+        rest = _objectWithoutProperties(_ref, _excluded$w);
     return /*#__PURE__*/React__default["default"].createElement(StyledNavListItem, _extends({
       className: classnames__default["default"]("c-nav__item", {
@@ -7731,11 +8160,11 @@
   });
   StyledExpandSingle.displayName = "StyledExpandSingle";
-  var _excluded$u = ["expanded"];
+  var _excluded$v = ["expanded"];
   var ExpandSingle = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$expanded = _ref.expanded,
         expanded = _ref$expanded === void 0 ? false : _ref$expanded,
-        rest = _objectWithoutProperties(_ref, _excluded$u);
+        rest = _objectWithoutProperties(_ref, _excluded$v);
     return /*#__PURE__*/React__default["default"].createElement(StyledExpandSingle, _extends({
       ref: ref,
@@ -8048,7 +8477,7 @@
   };
   Nav.displayName = "Nav";
-  var _excluded$t = ["children", "as", "disablePointerEvents"];
+  var _excluded$u = ["children", "as", "disablePointerEvents"];
   var InputAdornmentBase = styled__default["default"].div.withConfig({
     displayName: "InputAdornment__InputAdornmentBase",
     componentId: "sc-1xfjx1z-0"
@@ -8065,7 +8494,7 @@
     var children = _ref.children,
         as = _ref.as,
         disablePointerEvents = _ref.disablePointerEvents,
-        rest = _objectWithoutProperties(_ref, _excluded$t);
+        rest = _objectWithoutProperties(_ref, _excluded$u);
     var Component = as || "div";
     return /*#__PURE__*/React__default["default"].createElement(InputAdornmentBase, _extends({}, rest, {
@@ -8076,11 +8505,11 @@
   });
   InputAdornment.displayName = "InputAdornment";
-  var _excluded$s = ["expanded"];
+  var _excluded$t = ["expanded"];
   var ExpandAll = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$expanded = _ref.expanded,
         expanded = _ref$expanded === void 0 ? false : _ref$expanded,
-        rest = _objectWithoutProperties(_ref, _excluded$s);
+        rest = _objectWithoutProperties(_ref, _excluded$t);
     return /*#__PURE__*/React__default["default"].createElement(StyledExpand, _extends({
       ref: ref,
@@ -8287,14 +8716,14 @@
   });
   StyledTextarea.displayName = "StyledTextarea";
-  var _excluded$r = ["className", "disabled", "invalid"];
+  var _excluded$s = ["className", "disabled", "invalid"];
   var Textarea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
         _ref$disabled = _ref.disabled,
         disabled = _ref$disabled === void 0 ? false : _ref$disabled,
         _ref$invalid = _ref.invalid,
         invalid = _ref$invalid === void 0 ? false : _ref$invalid,
-        rest = _objectWithoutProperties(_ref, _excluded$r);
+        rest = _objectWithoutProperties(_ref, _excluded$s);
     return /*#__PURE__*/React__default["default"].createElement(StyledTextarea, _extends({}, rest, {
       $invalid: invalid,
@@ -8329,7 +8758,7 @@
     function () {});
   }
-  var _excluded$q = ["children", "disableFocusLock", "disableScrollLock", "disableBackgroundClick", "disableBackgroundColor", "preventClickEventBubbling", "open", "onClose"];
+  var _excluded$r = ["children", "disableFocusLock", "disableScrollLock", "disableBackgroundClick", "disableBackgroundColor", "preventClickEventBubbling", "open", "onClose"];
   var getHasTransition = function getHasTransition(children) {
     return children.props ? Object.prototype.hasOwnProperty.call(children.props, "in") : false;
@@ -8350,7 +8779,7 @@
         _ref$open = _ref.open,
         defaultOpen = _ref$open === void 0 ? false : _ref$open,
         onClose = _ref.onClose,
-        rest = _objectWithoutProperties(_ref, _excluded$q);
+        rest = _objectWithoutProperties(_ref, _excluded$r);
     var _useState = React.useState(defaultOpen),
         _useState2 = _slicedToArray(_useState, 2),
@@ -8490,7 +8919,7 @@
   });
   StyledCssTransition.displayName = "StyledCssTransition";
-  var _excluded$p = ["children", "onClose", "controls", "open", "animation", "position", "mode", "disableFocusLock", "disableScrollLock", "disableBackgroundColor", "bodyStyle", "bodyClassName", "disableBackgroundClick", "preventClickEventBubbling"];
+  var _excluded$q = ["children", "onClose", "controls", "open", "animation", "position", "mode", "disableFocusLock", "disableScrollLock", "disableBackgroundColor", "bodyStyle", "bodyClassName", "disableBackgroundClick", "preventClickEventBubbling"];
   var Sheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
         onClose = _ref.onClose,
@@ -8516,7 +8945,7 @@
         disableBackgroundClick = _ref$disableBackgroun2 === void 0 ? false : _ref$disableBackgroun2,
         _ref$preventClickEven = _ref.preventClickEventBubbling,
         preventClickEventBubbling = _ref$preventClickEven === void 0 ? false : _ref$preventClickEven,
-        rest = _objectWithoutProperties(_ref, _excluded$p);
+        rest = _objectWithoutProperties(_ref, _excluded$q);
     var _useState = React.useState(defaultOpen),
         _useState2 = _slicedToArray(_useState, 2),
@@ -8615,13 +9044,13 @@
   });
   StyledHeader.displayName = "StyledHeader";
-  var _excluded$o = ["className", "size", "children"];
+  var _excluded$p = ["className", "size", "children"];
   var Header = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
         _ref$size = _ref.size,
         size = _ref$size === void 0 ? "small" : _ref$size,
         children = _ref.children,
-        rest = _objectWithoutProperties(_ref, _excluded$o);
+        rest = _objectWithoutProperties(_ref, _excluded$p);
     return /*#__PURE__*/React__default["default"].createElement(StyledHeader, _extends({
       type: "paper-2",
@@ -8638,7 +9067,7 @@
   })(["white-space:pre-wrap;overflow-wrap:break-word;resize:none;"]);
   StyledAutoResizeTextarea.displayName = "StyledAutoResizeTextarea";
-  var _excluded$n = ["minRows", "maxRows", "lineHeight", "onChange", "className", "preventNewRowOnEnter", "cursorAtTextEnd", "onKeyDown", "value"];
+  var _excluded$o = ["minRows", "maxRows", "lineHeight", "onChange", "className", "preventNewRowOnEnter", "cursorAtTextEnd", "onKeyDown", "value"];
   var AutoResizeTextarea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$minRows = _ref.minRows,
         minRows = _ref$minRows === void 0 ? 1 : _ref$minRows,
@@ -8654,7 +9083,7 @@
         cursorAtTextEnd = _ref$cursorAtTextEnd === void 0 ? false : _ref$cursorAtTextEnd,
         onKeyDown = _ref.onKeyDown,
         value = _ref.value,
-        rest = _objectWithoutProperties(_ref, _excluded$n);
+        rest = _objectWithoutProperties(_ref, _excluded$o);
     var innerRef = React.useRef(null);
@@ -8945,7 +9374,7 @@
   });
   StyledChoose.displayName = "StyledChoose";
-  var _excluded$m = ["children", "disabled", "active", "className"];
+  var _excluded$n = ["children", "disabled", "active", "className"];
   /**
    * Choose component
@@ -8957,7 +9386,7 @@
         _ref$active = _ref.active,
         active = _ref$active === void 0 ? false : _ref$active,
         className = _ref.className,
-        args = _objectWithoutProperties(_ref, _excluded$m);
+        args = _objectWithoutProperties(_ref, _excluded$n);
     return /*#__PURE__*/React__default["default"].createElement(StyledChoose, _extends({
       disabled: disabled,
@@ -9050,7 +9479,7 @@
   StyledLinkElements.displayName = "StyledLinkElements";
   StyledLink.displayName = "StyledLink";
-  var _excluded$l = ["children", "className"];
+  var _excluded$m = ["children", "className"];
   /**
    * Back link component
@@ -9058,7 +9487,7 @@
   var BackLink = function BackLink(_ref) {
     var children = _ref.children,
         className = _ref.className,
-        args = _objectWithoutProperties(_ref, _excluded$l);
+        args = _objectWithoutProperties(_ref, _excluded$m);
     return /*#__PURE__*/React__default["default"].createElement(StyledBackLink, _extends({
       className: classnames__default["default"]("c-back-link", className)
@@ -9066,7 +9495,7 @@
   };
   BackLink.displayName = "BackLink";
-  var _excluded$k = ["children", "variant", "size", "disabled", "className"];
+  var _excluded$l = ["children", "variant", "size", "disabled", "className"];
   /**
    * Link component
@@ -9079,7 +9508,7 @@
         _ref$disabled = _ref.disabled,
         disabled = _ref$disabled === void 0 ? false : _ref$disabled,
         className = _ref.className,
-        args = _objectWithoutProperties(_ref, _excluded$k);
+        args = _objectWithoutProperties(_ref, _excluded$l);
     return /*#__PURE__*/React__default["default"].createElement(StyledLink, _extends({
       disabled: disabled,
@@ -9224,11 +9653,11 @@
   });
   Dialog.displayName = "Dialog";
-  var _excluded$j = ["className", "children"];
+  var _excluded$k = ["className", "children"];
   var DialogContent = function DialogContent(_ref) {
     var className = _ref.className,
         children = _ref.children,
-        rest = _objectWithoutProperties(_ref, _excluded$j);
+        rest = _objectWithoutProperties(_ref, _excluded$k);
     return /*#__PURE__*/React__default["default"].createElement(StyledDialogContent, _extends({
       className: classnames__default["default"]("c-dialog-content", className)
@@ -9244,13 +9673,13 @@
   };
   DialogContentDivider.displayName = "DialogContentDivider";
-  var _excluded$i = ["children", "className", "disableDefaultHeading"];
+  var _excluded$j = ["children", "className", "disableDefaultHeading"];
   var DialogTitle = function DialogTitle(_ref) {
     var children = _ref.children,
         className = _ref.className,
         _ref$disableDefaultHe = _ref.disableDefaultHeading,
         disableDefaultHeading = _ref$disableDefaultHe === void 0 ? false : _ref$disableDefaultHe,
-        rest = _objectWithoutProperties(_ref, _excluded$i);
+        rest = _objectWithoutProperties(_ref, _excluded$j);
     return /*#__PURE__*/React__default["default"].createElement(StyledDialogTitle, _extends({
       className: classnames__default["default"]("c-dialog-title-wrapper", className)
@@ -9258,11 +9687,11 @@
   };
   DialogTitle.displayName = "DialogTitle";
-  var _excluded$h = ["className", "children"];
+  var _excluded$i = ["className", "children"];
   var DialogActions = function DialogActions(_ref) {
     var className = _ref.className,
         children = _ref.children,
-        rest = _objectWithoutProperties(_ref, _excluded$h);
+        rest = _objectWithoutProperties(_ref, _excluded$i);
     return /*#__PURE__*/React__default["default"].createElement(StyledDialogActions, _extends({
       className: classnames__default["default"]("c-dialog-actions", className)
@@ -9472,7 +9901,7 @@
   });
   StyledPressed.displayName = "StyledPressed";
-  var _excluded$g = ["children", "active", "className"];
+  var _excluded$h = ["children", "active", "className"];
   /**
    * Pressed wrapper for button component
@@ -9482,7 +9911,7 @@
         _ref$active = _ref.active,
         active = _ref$active === void 0 ? false : _ref$active,
         className = _ref.className,
-        args = _objectWithoutProperties(_ref, _excluded$g);
+        args = _objectWithoutProperties(_ref, _excluded$h);
     return /*#__PURE__*/React__default["default"].createElement(StyledPressed, _extends({
       active: active,
@@ -9968,7 +10397,7 @@
   StyledToastMessage.displayName = "StyledToastMessage";
   StyledCloseSmallIcon.displayName = "StyledCloseSmallIcon";
-  var _excluded$f = ["text", "type", "onClose", "dismissible", "dropShadow", "timeout"];
+  var _excluded$g = ["text", "type", "onClose", "dismissible", "dropShadow", "timeout"];
   var ToastMessage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var text = _ref.text,
         type = _ref.type,
@@ -9979,7 +10408,7 @@
         dropShadow = _ref$dropShadow === void 0 ? false : _ref$dropShadow,
         _ref$timeout = _ref.timeout,
         timeout = _ref$timeout === void 0 ? 0 : _ref$timeout,
-        rest = _objectWithoutProperties(_ref, _excluded$f);
+        rest = _objectWithoutProperties(_ref, _excluded$g);
     var handleOnClose = React.useCallback(function () {
       if (typeof onClose === "function") {
@@ -10004,7 +10433,7 @@
   });
   ToastMessage.displayName = "ToastMessage";
-  var _excluded$e = ["in", "children", "style", "timeout"];
+  var _excluded$f = ["in", "children", "style", "timeout"];
   var defaultStyle$1 = function defaultStyle(duration) {
     return {
@@ -10034,7 +10463,7 @@
         style = _ref.style,
         _ref$timeout = _ref.timeout,
         timeout = _ref$timeout === void 0 ? 500 : _ref$timeout,
-        rest = _objectWithoutProperties(_ref, _excluded$e);
+        rest = _objectWithoutProperties(_ref, _excluded$f);
     return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.Transition, _extends({
       appear: true,
@@ -10050,7 +10479,7 @@
   };
   Fade.displayName = "Fade";
-  var _excluded$d = ["in", "children", "style", "timeout", "initialDirection"];
+  var _excluded$e = ["in", "children", "style", "timeout", "initialDirection"];
   var Slide = function Slide(_ref) {
     var _ref$in = _ref.in,
         inProp = _ref$in === void 0 ? false : _ref$in,
@@ -10060,7 +10489,7 @@
         timeout = _ref$timeout === void 0 ? 300 : _ref$timeout,
         _ref$initialDirection = _ref.initialDirection,
         initialDirection = _ref$initialDirection === void 0 ? "left" : _ref$initialDirection,
-        rest = _objectWithoutProperties(_ref, _excluded$d);
+        rest = _objectWithoutProperties(_ref, _excluded$e);
     var directionSign;
@@ -10120,12 +10549,12 @@
     return props.$direction === "right" && styled.css(["&.c-slide-enter{position:absolute;transform:translateX(-100%);}&.c-slide-enter-active{transform:translateX(0%);transition:all 200ms ease;}&.c-slide-exit{position:absolute;}&.c-slide-exit-active{transform:translateX(100%);transition:all 200ms ease;}"]);
   });
-  var _excluded$c = ["children", "direction"];
+  var _excluded$d = ["children", "direction"];
   var SlideLeftRightTransition = function SlideLeftRightTransition(_ref) {
     var children = _ref.children,
         _ref$direction = _ref.direction,
         direction = _ref$direction === void 0 ? "left" : _ref$direction,
-        props = _objectWithoutProperties(_ref, _excluded$c);
+        props = _objectWithoutProperties(_ref, _excluded$d);
     return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.CSSTransition, _extends({
       timeout: 200,
@@ -10169,7 +10598,7 @@
   };
   ResizeTransition.displayName = "ResizeTransition";
-  var _excluded$b = ["in", "children", "style", "timeout"];
+  var _excluded$c = ["in", "children", "style", "timeout"];
   var defaultStyle = function defaultStyle(duration) {
     return {
@@ -10205,7 +10634,7 @@
         style = _ref.style,
         _ref$timeout = _ref.timeout,
         timeout = _ref$timeout === void 0 ? 200 : _ref$timeout,
-        rest = _objectWithoutProperties(_ref, _excluded$b);
+        rest = _objectWithoutProperties(_ref, _excluded$c);
     return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.Transition, _extends({
       appear: true,
@@ -10280,7 +10709,7 @@
   });
   StyledValueButton.displayName = "StyledValueButton";
-  var _excluded$a = ["active", "alwaysShowIcon", "icon", "label", "value"];
+  var _excluded$b = ["active", "alwaysShowIcon", "icon", "label", "value"];
   var ValueButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$active = _ref.active,
         active = _ref$active === void 0 ? false : _ref$active,
@@ -10289,7 +10718,7 @@
         icon = _ref.icon,
         label = _ref.label,
         value = _ref.value,
-        args = _objectWithoutProperties(_ref, _excluded$a);
+        args = _objectWithoutProperties(_ref, _excluded$b);
     return /*#__PURE__*/React__default["default"].createElement(StyledValueButton, _extends({
       className: "c-value-button"
@@ -10319,12 +10748,12 @@
   })(["border:none;margin:0;padding:0;width:auto;overflow:visible;cursor:pointer;background:transparent;outline:none;color:inherit;font:inherit;line-height:inherit;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;&::-moz-focus-inner{border:0;padding:0;}"]);
   StyledButton.displayName = "StyledButton";
-  var _excluded$9 = ["children", "type"];
+  var _excluded$a = ["children", "type"];
   var Trigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
         _ref$type = _ref.type,
         type = _ref$type === void 0 ? "button" : _ref$type,
-        rest = _objectWithoutProperties(_ref, _excluded$9);
+        rest = _objectWithoutProperties(_ref, _excluded$a);
     return /*#__PURE__*/React__default["default"].createElement(StyledButton, _extends({
       ref: ref,
@@ -10368,7 +10797,7 @@
   })(["transform:rotate(180deg);margin-left:8px;flex-shrink:0;"]);
   StyledCaretIcon.displayName = "StyledCaretIcon";
-  var _excluded$8 = ["children", "type", "size", "invalid", "endAdornment"];
+  var _excluded$9 = ["children", "type", "size", "invalid", "endAdornment"];
   var SelectTrigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
         _ref$type = _ref.type,
@@ -10378,7 +10807,7 @@
         _ref$invalid = _ref.invalid,
         invalid = _ref$invalid === void 0 ? false : _ref$invalid,
         endAdornment = _ref.endAdornment,
-        rest = _objectWithoutProperties(_ref, _excluded$8);
+        rest = _objectWithoutProperties(_ref, _excluded$9);
     return /*#__PURE__*/React__default["default"].createElement(StyledSelectTrigger, _extends({
       ref: ref,
@@ -10424,11 +10853,11 @@
   });
   StyledToggle.displayName = "StyledToggle";
-  var _excluded$7 = ["hovered", "className"];
+  var _excluded$8 = ["hovered", "className"];
   var Toggle = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var hovered = _ref.hovered,
         className = _ref.className,
-        args = _objectWithoutProperties(_ref, _excluded$7);
+        args = _objectWithoutProperties(_ref, _excluded$8);
     return /*#__PURE__*/React__default["default"].createElement(StyledToggle, {
       className: classnames__default["default"]("c-toggle", className),
@@ -10568,14 +10997,14 @@
   });
   ChipCloseIcon.displayName = "ChipCloseIcon";
-  var _excluded$6 = ["leftAdornment", "label", "onClose", "size"];
+  var _excluded$7 = ["leftAdornment", "label", "onClose", "size"];
   var Chip = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var leftAdornment = _ref.leftAdornment,
         label = _ref.label,
         onClose = _ref.onClose,
         _ref$size = _ref.size,
         size = _ref$size === void 0 ? "regular" : _ref$size,
-        rest = _objectWithoutProperties(_ref, _excluded$6);
+        rest = _objectWithoutProperties(_ref, _excluded$7);
     var showClose = typeof onClose === "function";
     var variant = React.useMemo(function () {
@@ -10633,7 +11062,7 @@
     [ref, handler]);
   }
-  var _excluded$5 = ["options", "selected", "loading", "loadingText", "onChange", "placeholder", "handleEmptyAction", "disabled", "size", "invalid", "type", "renderChip", "forceCloseMenu", "renderOption", "limitChips", "hiddenNumberText"];
+  var _excluded$6 = ["options", "selected", "loading", "loadingText", "onChange", "placeholder", "handleEmptyAction", "disabled", "size", "invalid", "type", "renderChip", "forceCloseMenu", "renderOption", "limitChips", "hiddenNumberText"];
   var ComboBox = function ComboBox(_ref) {
     var _comboBoxRef$current;
@@ -10661,7 +11090,7 @@
         _ref$limitChips = _ref.limitChips,
         limitChips = _ref$limitChips === void 0 ? 2 : _ref$limitChips,
         hiddenNumberText = _ref.hiddenNumberText,
-        prop = _objectWithoutProperties(_ref, _excluded$5);
+        prop = _objectWithoutProperties(_ref, _excluded$6);
     var selectedName = React.useMemo(function () {
       var value = "";
@@ -11001,6 +11430,37 @@
     componentId: "sc-uvsz9l-3"
   })(["display:flex;justify-content:center;"]);
+  var StyledText = styled__default["default"](Body2).withConfig({
+    displayName: "Styles__StyledText",
+    componentId: "sc-1fx7urq-0"
+  })(["transition:ease 0.3s all;color:var(--color-primary);position:relative;"]);
+  StyledText.displayName = "StyledText";
+  var StyledAddCrossIcon = styled__default["default"](AddCrossIcon$1).withConfig({
+    displayName: "Styles__StyledAddCrossIcon",
+    componentId: "sc-1fx7urq-1"
+  })(["fill:var(--page-paper-main);background:var(--color-primary);border-radius:30px;padding:6px;box-sizing:content-box;"]);
+  StyledAddCrossIcon.displayName = "StyledAddCrossIcon";
+  var StyledAddToListButton = styled__default["default"]("button").withConfig({
+    displayName: "Styles__StyledAddToListButton",
+    componentId: "sc-1fx7urq-2"
+  })(["display:flex;justify-content:center;gap:12px;align-items:center;height:32px;padding:4px 16px 4px 4px;position:relative;background:none;border:none;cursor:pointer;&:before{content:\"\";display:block;height:2px;width:0%;position:absolute;left:16px;background:var(--color-primary);transition:ease 0.3s all;border-radius:30px;opacity:0;}&:hover{", "{color:var(--page-paper-main);}&:before{height:32px;width:100%;left:0;opacity:1;}", "{fill:var(--page-paper-main);transform:rotate(90deg);transition:ease 0.3s;}}"], StyledText, StyledAddCrossIcon);
+  StyledAddToListButton.displayName = "StyledAddToListButton";
+  var _excluded$5 = ["text", "className"];
+  var AddToListButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+    var text = _ref.text,
+        className = _ref.className,
+        rest = _objectWithoutProperties(_ref, _excluded$5);
+    return /*#__PURE__*/React__default["default"].createElement(StyledAddToListButton, _extends({
+      ref: ref,
+      className: classnames__default["default"]("c--add-to-list-btn", className)
+    }, rest), /*#__PURE__*/React__default["default"].createElement(StyledAddCrossIcon, null), /*#__PURE__*/React__default["default"].createElement(StyledText, {
+      weight: "medium"
+    }, text));
+  });
+  AddToListButton.displayName = "AddToListButton";
   var StyledProgressBar = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledProgressBar",
     componentId: "sc-k5nm08-0"
@@ -12106,6 +12566,7 @@
   exports.ActivityIcon = ActivityIcon$1;
   exports.AddCrossIcon = AddCrossIcon$1;
   exports.AddCrossTinyIcon = AddCrossTinyIcon$1;
+  exports.AddToListButton = AddToListButton;
   exports.ApplauseIcon = ApplauseIcon$1;
   exports.ArrowCollapseMultipleIcon = ArrowCollapseMultipleIcon$1;
   exports.ArrowDownLongIcon = ArrowDownLongIcon$1;