@activecollab/components 2.0.248 → 2.0.250

package/dist/index.js

@@ -198,10 +198,14 @@
   var StyledButtonElement = styled__default["default"].span.withConfig({
     displayName: "Styles__StyledButtonElement",
     componentId: "sc-vi1kcr-2"
-  })(["display:inline-flex;svg{margin:0 4px;}"]);
+  })(["", " display:inline-flex;svg{margin:0 4px;}"], {
+    "overflow": "hidden",
+    "textOverflow": "ellipsis",
+    "whiteSpace": "nowrap"
+  });
   StyledButtonElement.displayName = "StyledButtonElement";
 
-  var _excluded$4O = ["children", "active", "variant", "size", "className"];
+  var _excluded$4P = ["children", "active", "variant", "size", "className"];
   /**
    * @component Button
    * @description
@@ -231,7 +235,7 @@
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? "medium" : _ref$size,
       className = _ref.className,
-      args = _objectWithoutProperties(_ref, _excluded$4O);
+      args = _objectWithoutProperties(_ref, _excluded$4P);
     return /*#__PURE__*/React__default["default"].createElement(StyledButton$2, _extends({
       className: classNames__default["default"]("c-btn", className, {
         "c-btn--contained": variant === "primary" || variant === "contained",
@@ -296,7 +300,7 @@
     })));
   };
 
-  var _excluded$4N = ["gradient"];
+  var _excluded$4O = ["gradient"];
 
   /**
    * @component AddCrossTinyIcon
@@ -326,7 +330,7 @@
    */
   var AddCrossTinyIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4N);
+      props = _objectWithoutProperties(_ref, _excluded$4O);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -346,12 +350,12 @@
   AddCrossTinyIcon.displayName = "AddCrossTinyIcon";
   var AddCrossTinyIcon$1 = AddCrossTinyIcon;
 
-  var _excluded$4M = ["className", "disabled"];
+  var _excluded$4N = ["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$4M);
+      rest = _objectWithoutProperties(_ref, _excluded$4N);
     return /*#__PURE__*/React__default["default"].createElement(StyledGlobalAddButton, _extends({
       ref: ref,
       variant: "contained",
@@ -389,12 +393,12 @@
   });
   StyledButtonGroup$1.displayName = "StyledButtonGroup";
 
-  var _excluded$4L = ["children", "className", "invalid"];
+  var _excluded$4M = ["children", "className", "invalid"];
   var ButtonGroup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
       invalid = _ref.invalid,
-      rest = _objectWithoutProperties(_ref, _excluded$4L);
+      rest = _objectWithoutProperties(_ref, _excluded$4M);
     return /*#__PURE__*/React__default["default"].createElement(StyledButtonGroup$1, _extends({
       ref: ref,
       className: classNames__default["default"]("c-btn-group", className),
@@ -419,11 +423,11 @@
   })(["border-top:1px solid var(--border-primary);margin:12px 16px;height:1px;"]);
   StyledListSeparator$1.displayName = "StyledListSeparator";
 
-  var _excluded$4K = ["children", "className"];
+  var _excluded$4L = ["children", "className"];
   var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$4K);
+      props = _objectWithoutProperties(_ref, _excluded$4L);
     return /*#__PURE__*/React__default["default"].createElement(StyledListItem$1, _extends({
       className: classNames__default["default"]("c-list-item", className),
       ref: ref,
@@ -432,21 +436,21 @@
   });
   ListItem.displayName = "ListItem";
 
-  var _excluded$4J = ["className"];
+  var _excluded$4K = ["className"];
   var ListSeparator = function ListSeparator(_ref) {
     var className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$4J);
+      props = _objectWithoutProperties(_ref, _excluded$4K);
     return /*#__PURE__*/React__default["default"].createElement(StyledListSeparator$1, _extends({
       className: classNames__default["default"]("c-list-separator", className)
     }, props));
   };
   ListSeparator.displayName = "ListSeparator";
 
-  var _excluded$4I = ["children", "className"];
+  var _excluded$4J = ["children", "className"];
   var _List = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$4I);
+      props = _objectWithoutProperties(_ref, _excluded$4J);
     return /*#__PURE__*/React__default["default"].createElement(StyledList$1, _extends({
       className: className,
       ref: ref,
@@ -959,7 +963,7 @@
     return size === "big" && styled.css(["width:40px;"]);
   });
 
-  var _excluded$4H = ["children", "className", "variant", "size", "active"];
+  var _excluded$4I = ["children", "className", "variant", "size", "active"];
 
   // eslint-disable-next-line @typescript-eslint/no-empty-interface
 
@@ -989,7 +993,7 @@
       variant = _ref.variant,
       size = _ref.size,
       active = _ref.active,
-      args = _objectWithoutProperties(_ref, _excluded$4H);
+      args = _objectWithoutProperties(_ref, _excluded$4I);
     return /*#__PURE__*/React__default["default"].createElement(StyledIconButton$1, _extends({
       className: className,
       variant: variant,
@@ -1000,7 +1004,7 @@
   });
   IconButton.displayName = "IconButton";
 
-  var _excluded$4G = ["gradient"];
+  var _excluded$4H = ["gradient"];
 
   /**
    * @component AccessLogIcon
@@ -1030,7 +1034,7 @@
    */
   var AccessLogIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4G);
+      props = _objectWithoutProperties(_ref, _excluded$4H);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -1058,7 +1062,7 @@
   AccessLogIcon.displayName = "AccessLogIcon";
   var AccessLogIcon$1 = AccessLogIcon;
 
-  var _excluded$4F = ["gradient"];
+  var _excluded$4G = ["gradient"];
 
   /**
    * @component ActivityIcon
@@ -1088,7 +1092,7 @@
    */
   var ActivityIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4F);
+      props = _objectWithoutProperties(_ref, _excluded$4G);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -1112,7 +1116,7 @@
   ActivityIcon.displayName = "ActivityIcon";
   var ActivityIcon$1 = ActivityIcon;
 
-  var _excluded$4E = ["gradient"];
+  var _excluded$4F = ["gradient"];
 
   /**
    * @component AddCrossIcon
@@ -1142,7 +1146,7 @@
    */
   var AddCrossIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4E);
+      props = _objectWithoutProperties(_ref, _excluded$4F);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 10,
       height: 10,
@@ -1162,7 +1166,7 @@
   AddCrossIcon.displayName = "AddCrossIcon";
   var AddCrossIcon$1 = AddCrossIcon;
 
-  var _excluded$4D = ["gradient"];
+  var _excluded$4E = ["gradient"];
 
   /**
    * @component ArchiveIcon
@@ -1192,7 +1196,7 @@
    */
   var ArchiveIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4D);
+      props = _objectWithoutProperties(_ref, _excluded$4E);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -1213,7 +1217,7 @@
   ArchiveIcon.displayName = "ArchiveIcon";
   var ArchiveIcon$1 = ArchiveIcon;
 
-  var _excluded$4C = ["gradient"];
+  var _excluded$4D = ["gradient"];
 
   /**
    * @component ArrowBackMobileIcon
@@ -1243,7 +1247,7 @@
    */
   var ArrowBackMobileIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4C);
+      props = _objectWithoutProperties(_ref, _excluded$4D);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -1264,7 +1268,7 @@
   ArrowBackMobileIcon.displayName = "ArrowBackMobileIcon";
   var ArrowBackMobileIcon$1 = ArrowBackMobileIcon;
 
-  var _excluded$4B = ["gradient"];
+  var _excluded$4C = ["gradient"];
 
   /**
    * @component ArrowCollapseMultipleIcon
@@ -1294,7 +1298,7 @@
    */
   var ArrowCollapseMultipleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4B);
+      props = _objectWithoutProperties(_ref, _excluded$4C);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -1314,7 +1318,7 @@
   ArrowCollapseMultipleIcon.displayName = "ArrowCollapseMultipleIcon";
   var ArrowCollapseMultipleIcon$1 = ArrowCollapseMultipleIcon;
 
-  var _excluded$4A = ["gradient"];
+  var _excluded$4B = ["gradient"];
 
   /**
    * @component ArrowDownLongIcon
@@ -1344,7 +1348,7 @@
    */
   var ArrowDownLongIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4A);
+      props = _objectWithoutProperties(_ref, _excluded$4B);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -1364,7 +1368,7 @@
   ArrowDownLongIcon.displayName = "ArrowDownLongIcon";
   var ArrowDownLongIcon$1 = ArrowDownLongIcon;
 
-  var _excluded$4z = ["gradient"];
+  var _excluded$4A = ["gradient"];
 
   /**
    * @component ArrowDownSmallIcon
@@ -1394,7 +1398,7 @@
    */
   var ArrowDownSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4z);
+      props = _objectWithoutProperties(_ref, _excluded$4A);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 16,
       height: 16,
@@ -1414,7 +1418,7 @@
   ArrowDownSmallIcon.displayName = "ArrowDownSmallIcon";
   var ArrowDownSmallIcon$1 = ArrowDownSmallIcon;
 
-  var _excluded$4y = ["gradient"];
+  var _excluded$4z = ["gradient"];
 
   /**
    * @component ArrowDownIcon
@@ -1444,7 +1448,7 @@
    */
   var ArrowDownIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4y);
+      props = _objectWithoutProperties(_ref, _excluded$4z);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1463,7 +1467,7 @@
   ArrowDownIcon.displayName = "ArrowDownIcon";
   var ArrowDownIcon$1 = ArrowDownIcon;
 
-  var _excluded$4x = ["gradient"];
+  var _excluded$4y = ["gradient"];
 
   /**
    * @component ArrowExpandeMultipleIcon
@@ -1493,7 +1497,7 @@
    */
   var ArrowExpandeMultipleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4x);
+      props = _objectWithoutProperties(_ref, _excluded$4y);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -1513,7 +1517,7 @@
   ArrowExpandeMultipleIcon.displayName = "ArrowExpandeMultipleIcon";
   var ArrowExpandeMultipleIcon$1 = ArrowExpandeMultipleIcon;
 
-  var _excluded$4w = ["gradient"];
+  var _excluded$4x = ["gradient"];
 
   /**
    * @component ArrowLeftBoxIcon
@@ -1543,7 +1547,7 @@
    */
   var ArrowLeftBoxIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4w);
+      props = _objectWithoutProperties(_ref, _excluded$4x);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -1563,7 +1567,7 @@
   ArrowLeftBoxIcon.displayName = "ArrowLeftBoxIcon";
   var ArrowLeftBoxIcon$1 = ArrowLeftBoxIcon;
 
-  var _excluded$4v = ["gradient"];
+  var _excluded$4w = ["gradient"];
 
   /**
    * @component ArrowLeftIcon
@@ -1593,7 +1597,7 @@
    */
   var ArrowLeftIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4v);
+      props = _objectWithoutProperties(_ref, _excluded$4w);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -1613,7 +1617,7 @@
   ArrowLeftIcon.displayName = "ArrowLeftIcon";
   var ArrowLeftIcon$1 = ArrowLeftIcon;
 
-  var _excluded$4u = ["gradient"];
+  var _excluded$4v = ["gradient"];
 
   /**
    * @component ArrowRefreshIcon
@@ -1643,7 +1647,7 @@
    */
   var ArrowRefreshIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4u);
+      props = _objectWithoutProperties(_ref, _excluded$4v);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -1664,7 +1668,7 @@
   ArrowRefreshIcon.displayName = "ArrowRefreshIcon";
   var ArrowRefreshIcon$1 = ArrowRefreshIcon;
 
-  var _excluded$4t = ["gradient"];
+  var _excluded$4u = ["gradient"];
 
   /**
    * @component ArrowRestoreIcon
@@ -1694,7 +1698,7 @@
    */
   var ArrowRestoreIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4t);
+      props = _objectWithoutProperties(_ref, _excluded$4u);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1714,7 +1718,7 @@
   ArrowRestoreIcon.displayName = "ArrowRestoreIcon";
   var ArrowRestoreIcon$1 = ArrowRestoreIcon;
 
-  var _excluded$4s = ["gradient"];
+  var _excluded$4t = ["gradient"];
 
   /**
    * @component ArrowRightIcon
@@ -1744,7 +1748,7 @@
    */
   var ArrowRightIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4s);
+      props = _objectWithoutProperties(_ref, _excluded$4t);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -1764,7 +1768,7 @@
   ArrowRightIcon.displayName = "ArrowRightIcon";
   var ArrowRightIcon$1 = ArrowRightIcon;
 
-  var _excluded$4r = ["gradient"];
+  var _excluded$4s = ["gradient"];
 
   /**
    * @component ArrowUpLongIcon
@@ -1794,7 +1798,7 @@
    */
   var ArrowUpLongIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4r);
+      props = _objectWithoutProperties(_ref, _excluded$4s);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -1814,7 +1818,7 @@
   ArrowUpLongIcon.displayName = "ArrowUpLongIcon";
   var ArrowUpLongIcon$1 = ArrowUpLongIcon;
 
-  var _excluded$4q = ["gradient"];
+  var _excluded$4r = ["gradient"];
 
   /**
    * @component ArrowUpIcon
@@ -1844,7 +1848,7 @@
    */
   var ArrowUpIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4q);
+      props = _objectWithoutProperties(_ref, _excluded$4r);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1863,7 +1867,7 @@
   ArrowUpIcon.displayName = "ArrowUpIcon";
   var ArrowUpIcon$1 = ArrowUpIcon;
 
-  var _excluded$4p = ["gradient"];
+  var _excluded$4q = ["gradient"];
 
   /**
    * @component AssignIcon
@@ -1893,7 +1897,7 @@
    */
   var AssignIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4p);
+      props = _objectWithoutProperties(_ref, _excluded$4q);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -1913,7 +1917,7 @@
   AssignIcon.displayName = "AssignIcon";
   var AssignIcon$1 = AssignIcon;
 
-  var _excluded$4o = ["gradient"];
+  var _excluded$4p = ["gradient"];
 
   /**
    * @component AttachmentIcon
@@ -1943,7 +1947,7 @@
    */
   var AttachmentIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4o);
+      props = _objectWithoutProperties(_ref, _excluded$4p);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -1963,7 +1967,7 @@
   AttachmentIcon.displayName = "AttachmentIcon";
   var AttachmentIcon$1 = AttachmentIcon;
 
-  var _excluded$4n = ["gradient"];
+  var _excluded$4o = ["gradient"];
 
   /**
    * @component BellOffSmallIcon
@@ -1993,7 +1997,7 @@
    */
   var BellOffSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4n);
+      props = _objectWithoutProperties(_ref, _excluded$4o);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -2013,7 +2017,7 @@
   BellOffSmallIcon.displayName = "BellOffSmallIcon";
   var BellOffSmallIcon$1 = BellOffSmallIcon;
 
-  var _excluded$4m = ["gradient"];
+  var _excluded$4n = ["gradient"];
 
   /**
    * @component BellOffIcon
@@ -2043,7 +2047,7 @@
    */
   var BellOffIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4m);
+      props = _objectWithoutProperties(_ref, _excluded$4n);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -2063,7 +2067,7 @@
   BellOffIcon.displayName = "BellOffIcon";
   var BellOffIcon$1 = BellOffIcon;
 
-  var _excluded$4l = ["gradient"];
+  var _excluded$4m = ["gradient"];
 
   /**
    * @component BillingIcon
@@ -2093,7 +2097,7 @@
    */
   var BillingIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4l);
+      props = _objectWithoutProperties(_ref, _excluded$4m);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -2114,7 +2118,7 @@
   BillingIcon.displayName = "BillingIcon";
   var BillingIcon$1 = BillingIcon;
 
-  var _excluded$4k = ["gradient"];
+  var _excluded$4l = ["gradient"];
 
   /**
    * @component BudgetAlertIcon
@@ -2144,7 +2148,7 @@
    */
   var BudgetAlertIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4k);
+      props = _objectWithoutProperties(_ref, _excluded$4l);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -2164,7 +2168,7 @@
   BudgetAlertIcon.displayName = "BudgetAlertIcon";
   var BudgetAlertIcon$1 = BudgetAlertIcon;
 
-  var _excluded$4j = ["gradient"];
+  var _excluded$4k = ["gradient"];
 
   /**
    * @component CalendarAddXIcon
@@ -2194,7 +2198,7 @@
    */
   var CalendarAddXIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4j);
+      props = _objectWithoutProperties(_ref, _excluded$4k);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -2214,7 +2218,7 @@
   CalendarAddXIcon.displayName = "CalendarAddXIcon";
   var CalendarAddXIcon$1 = CalendarAddXIcon;
 
-  var _excluded$4i = ["gradient"];
+  var _excluded$4j = ["gradient"];
 
   /**
    * @component CalendarImportIcon
@@ -2244,7 +2248,7 @@
    */
   var CalendarImportIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4i);
+      props = _objectWithoutProperties(_ref, _excluded$4j);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 18,
       height: 18,
@@ -2267,7 +2271,7 @@
   CalendarImportIcon.displayName = "CalendarImportIcon";
   var CalendarImportIcon$1 = CalendarImportIcon;
 
-  var _excluded$4h = ["gradient"];
+  var _excluded$4i = ["gradient"];
 
   /**
    * @component CalendarIcon
@@ -2297,7 +2301,7 @@
    */
   var CalendarIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4h);
+      props = _objectWithoutProperties(_ref, _excluded$4i);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -2317,7 +2321,7 @@
   CalendarIcon.displayName = "CalendarIcon";
   var CalendarIcon$1 = CalendarIcon;
 
-  var _excluded$4g = ["gradient"];
+  var _excluded$4h = ["gradient"];
 
   /**
    * @component CancelCrossIcon
@@ -2347,7 +2351,7 @@
    */
   var CancelCrossIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4g);
+      props = _objectWithoutProperties(_ref, _excluded$4h);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -2367,7 +2371,7 @@
   CancelCrossIcon.displayName = "CancelCrossIcon";
   var CancelCrossIcon$1 = CancelCrossIcon;
 
-  var _excluded$4f = ["gradient"];
+  var _excluded$4g = ["gradient"];
 
   /**
    * @component CaretLeftIcon
@@ -2397,7 +2401,7 @@
    */
   var CaretLeftIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4f);
+      props = _objectWithoutProperties(_ref, _excluded$4g);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 18,
       height: 18,
@@ -2417,7 +2421,7 @@
   CaretLeftIcon.displayName = "CaretLeftIcon";
   var CaretLeftIcon$1 = CaretLeftIcon;
 
-  var _excluded$4e = ["gradient"];
+  var _excluded$4f = ["gradient"];
 
   /**
    * @component CaretRightIcon
@@ -2447,7 +2451,7 @@
    */
   var CaretRightIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4e);
+      props = _objectWithoutProperties(_ref, _excluded$4f);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 18,
       height: 18,
@@ -2467,7 +2471,7 @@
   CaretRightIcon.displayName = "CaretRightIcon";
   var CaretRightIcon$1 = CaretRightIcon;
 
-  var _excluded$4d = ["gradient"];
+  var _excluded$4e = ["gradient"];
 
   /**
    * @component ChatIcon
@@ -2497,7 +2501,7 @@
    */
   var ChatIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4d);
+      props = _objectWithoutProperties(_ref, _excluded$4e);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -2517,7 +2521,7 @@
   ChatIcon.displayName = "ChatIcon";
   var ChatIcon$1 = ChatIcon;
 
-  var _excluded$4c = ["gradient"];
+  var _excluded$4d = ["gradient"];
 
   /**
    * @component CheckIcon
@@ -2547,7 +2551,7 @@
    */
   var CheckIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4c);
+      props = _objectWithoutProperties(_ref, _excluded$4d);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -2567,7 +2571,7 @@
   CheckIcon.displayName = "CheckIcon";
   var CheckIcon$1 = CheckIcon;
 
-  var _excluded$4b = ["gradient"];
+  var _excluded$4c = ["gradient"];
 
   /**
    * @component CheckboxBlankTogglerIcon
@@ -2597,7 +2601,7 @@
    */
   var CheckboxBlankTogglerIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4b);
+      props = _objectWithoutProperties(_ref, _excluded$4c);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -2617,7 +2621,7 @@
   CheckboxBlankTogglerIcon.displayName = "CheckboxBlankTogglerIcon";
   var CheckboxBlankTogglerIcon$1 = CheckboxBlankTogglerIcon;
 
-  var _excluded$4a = ["gradient"];
+  var _excluded$4b = ["gradient"];
 
   /**
    * @component CheckboxCircleArrowIcon
@@ -2647,7 +2651,7 @@
    */
   var CheckboxCircleArrowIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4a);
+      props = _objectWithoutProperties(_ref, _excluded$4b);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -2667,7 +2671,7 @@
   CheckboxCircleArrowIcon.displayName = "CheckboxCircleArrowIcon";
   var CheckboxCircleArrowIcon$1 = CheckboxCircleArrowIcon;
 
-  var _excluded$49 = ["gradient"];
+  var _excluded$4a = ["gradient"];
 
   /**
    * @component CheckboxDocumentsIcon
@@ -2697,7 +2701,7 @@
    */
   var CheckboxDocumentsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$49);
+      props = _objectWithoutProperties(_ref, _excluded$4a);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2717,7 +2721,7 @@
   CheckboxDocumentsIcon.displayName = "CheckboxDocumentsIcon";
   var CheckboxDocumentsIcon$1 = CheckboxDocumentsIcon;
 
-  var _excluded$48 = ["gradient"];
+  var _excluded$49 = ["gradient"];
 
   /**
    * @component CheckboxIcon
@@ -2747,7 +2751,7 @@
    */
   var CheckboxIcon$2 = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$48);
+      props = _objectWithoutProperties(_ref, _excluded$49);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 16,
       height: 16,
@@ -2777,7 +2781,7 @@
   CheckboxIcon$2.displayName = "CheckboxIcon";
   var CheckboxIcon$3 = CheckboxIcon$2;
 
-  var _excluded$47 = ["gradient"];
+  var _excluded$48 = ["gradient"];
 
   /**
    * @component ChecklistSmallIcon
@@ -2807,7 +2811,7 @@
    */
   var ChecklistSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$47);
+      props = _objectWithoutProperties(_ref, _excluded$48);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -2827,7 +2831,7 @@
   ChecklistSmallIcon.displayName = "ChecklistSmallIcon";
   var ChecklistSmallIcon$1 = ChecklistSmallIcon;
 
-  var _excluded$46 = ["gradient"];
+  var _excluded$47 = ["gradient"];
 
   /**
    * @component ChecklistIcon
@@ -2857,7 +2861,7 @@
    */
   var ChecklistIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$46);
+      props = _objectWithoutProperties(_ref, _excluded$47);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -2877,7 +2881,7 @@
   ChecklistIcon.displayName = "ChecklistIcon";
   var ChecklistIcon$1 = ChecklistIcon;
 
-  var _excluded$45 = ["gradient"];
+  var _excluded$46 = ["gradient"];
 
   /**
    * @component CircleMultipleIcon
@@ -2907,7 +2911,7 @@
    */
   var CircleMultipleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$45);
+      props = _objectWithoutProperties(_ref, _excluded$46);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -2927,7 +2931,7 @@
   CircleMultipleIcon.displayName = "CircleMultipleIcon";
   var CircleMultipleIcon$1 = CircleMultipleIcon;
 
-  var _excluded$44 = ["gradient"];
+  var _excluded$45 = ["gradient"];
 
   /**
    * @component ClockAddIcon
@@ -2957,7 +2961,7 @@
    */
   var ClockAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$44);
+      props = _objectWithoutProperties(_ref, _excluded$45);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -2977,7 +2981,7 @@
   ClockAddIcon.displayName = "ClockAddIcon";
   var ClockAddIcon$1 = ClockAddIcon;
 
-  var _excluded$43 = ["gradient"];
+  var _excluded$44 = ["gradient"];
 
   /**
    * @component ClockDollarIcon
@@ -3007,7 +3011,7 @@
    */
   var ClockDollarIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$43);
+      props = _objectWithoutProperties(_ref, _excluded$44);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -3030,7 +3034,7 @@
   ClockDollarIcon.displayName = "ClockDollarIcon";
   var ClockDollarIcon$1 = ClockDollarIcon;
 
-  var _excluded$42 = ["gradient"];
+  var _excluded$43 = ["gradient"];
 
   /**
    * @component ClockSmallIcon
@@ -3060,7 +3064,7 @@
    */
   var ClockSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$42);
+      props = _objectWithoutProperties(_ref, _excluded$43);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -3080,7 +3084,7 @@
   ClockSmallIcon.displayName = "ClockSmallIcon";
   var ClockSmallIcon$1 = ClockSmallIcon;
 
-  var _excluded$41 = ["gradient"];
+  var _excluded$42 = ["gradient"];
 
   /**
    * @component ClockStopwatchIndicatorIcon
@@ -3110,7 +3114,7 @@
    */
   var ClockStopwatchIndicatorIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$41);
+      props = _objectWithoutProperties(_ref, _excluded$42);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -3131,7 +3135,7 @@
   ClockStopwatchIndicatorIcon.displayName = "ClockStopwatchIndicatorIcon";
   var ClockStopwatchIndicatorIcon$1 = ClockStopwatchIndicatorIcon;
 
-  var _excluded$40 = ["gradient"];
+  var _excluded$41 = ["gradient"];
 
   /**
    * @component ClockStopwatchSmallIcon
@@ -3161,7 +3165,7 @@
    */
   var ClockStopwatchSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$40);
+      props = _objectWithoutProperties(_ref, _excluded$41);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -3181,7 +3185,7 @@
   ClockStopwatchSmallIcon.displayName = "ClockStopwatchSmallIcon";
   var ClockStopwatchSmallIcon$1 = ClockStopwatchSmallIcon;
 
-  var _excluded$3$ = ["gradient"];
+  var _excluded$40 = ["gradient"];
 
   /**
    * @component ClockStopwatchIcon
@@ -3211,7 +3215,7 @@
    */
   var ClockStopwatchIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3$);
+      props = _objectWithoutProperties(_ref, _excluded$40);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -3231,7 +3235,7 @@
   ClockStopwatchIcon.displayName = "ClockStopwatchIcon";
   var ClockStopwatchIcon$1 = ClockStopwatchIcon;
 
-  var _excluded$3_ = ["gradient"];
+  var _excluded$3$ = ["gradient"];
 
   /**
    * @component ClockIcon
@@ -3261,7 +3265,7 @@
    */
   var ClockIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3_);
+      props = _objectWithoutProperties(_ref, _excluded$3$);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -3281,7 +3285,7 @@
   ClockIcon.displayName = "ClockIcon";
   var ClockIcon$1 = ClockIcon;
 
-  var _excluded$3Z = ["gradient"];
+  var _excluded$3_ = ["gradient"];
 
   /**
    * @component CloseCircleIcon
@@ -3311,7 +3315,7 @@
    */
   var CloseCircleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3Z);
+      props = _objectWithoutProperties(_ref, _excluded$3_);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -3332,7 +3336,7 @@
   CloseCircleIcon.displayName = "CloseCircleIcon";
   var CloseCircleIcon$1 = CloseCircleIcon;
 
-  var _excluded$3Y = ["gradient"];
+  var _excluded$3Z = ["gradient"];
 
   /**
    * @component CloseDocumentIcon
@@ -3362,7 +3366,7 @@
    */
   var CloseDocumentIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3Y);
+      props = _objectWithoutProperties(_ref, _excluded$3Z);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3382,7 +3386,7 @@
   CloseDocumentIcon.displayName = "CloseDocumentIcon";
   var CloseDocumentIcon$1 = CloseDocumentIcon;
 
-  var _excluded$3X = ["gradient"];
+  var _excluded$3Y = ["gradient"];
 
   /**
    * @component CloseSmallIcon
@@ -3412,7 +3416,7 @@
    */
   var CloseSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3X);
+      props = _objectWithoutProperties(_ref, _excluded$3Y);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -3432,7 +3436,7 @@
   CloseSmallIcon.displayName = "CloseSmallIcon";
   var CloseSmallIcon$1 = CloseSmallIcon;
 
-  var _excluded$3W = ["gradient"];
+  var _excluded$3X = ["gradient"];
 
   /**
    * @component CloseIcon
@@ -3462,7 +3466,7 @@
    */
   var CloseIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3W);
+      props = _objectWithoutProperties(_ref, _excluded$3X);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -3483,7 +3487,7 @@
   CloseIcon.displayName = "CloseIcon";
   var CloseIcon$1 = CloseIcon;
 
-  var _excluded$3V = ["gradient"];
+  var _excluded$3W = ["gradient"];
 
   /**
    * @component CollapsIcon
@@ -3513,7 +3517,7 @@
    */
   var CollapsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3V);
+      props = _objectWithoutProperties(_ref, _excluded$3W);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 6,
       height: 9,
@@ -3533,7 +3537,7 @@
   CollapsIcon.displayName = "CollapsIcon";
   var CollapsIcon$1 = CollapsIcon;
 
-  var _excluded$3U = ["gradient"];
+  var _excluded$3V = ["gradient"];
 
   /**
    * @component CollapseAllIcon
@@ -3563,7 +3567,7 @@
    */
   var CollapseAllIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3U);
+      props = _objectWithoutProperties(_ref, _excluded$3V);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -3583,7 +3587,7 @@
   CollapseAllIcon.displayName = "CollapseAllIcon";
   var CollapseAllIcon$1 = CollapseAllIcon;
 
-  var _excluded$3T = ["gradient"];
+  var _excluded$3U = ["gradient"];
 
   /**
    * @component CollapseExpandSingleIcon
@@ -3613,7 +3617,7 @@
    */
   var CollapseExpandSingleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3T);
+      props = _objectWithoutProperties(_ref, _excluded$3U);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -3633,7 +3637,7 @@
   CollapseExpandSingleIcon.displayName = "CollapseExpandSingleIcon";
   var CollapseExpandSingleIcon$1 = CollapseExpandSingleIcon;
 
-  var _excluded$3S = ["gradient"];
+  var _excluded$3T = ["gradient"];
 
   /**
    * @component CompanyAddIcon
@@ -3663,7 +3667,7 @@
    */
   var CompanyAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3S);
+      props = _objectWithoutProperties(_ref, _excluded$3T);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 18,
       height: 20,
@@ -3684,7 +3688,7 @@
   CompanyAddIcon.displayName = "CompanyAddIcon";
   var CompanyAddIcon$1 = CompanyAddIcon;
 
-  var _excluded$3R = ["gradient"];
+  var _excluded$3S = ["gradient"];
 
   /**
    * @component CompanyIcon
@@ -3714,7 +3718,7 @@
    */
   var CompanyIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3R);
+      props = _objectWithoutProperties(_ref, _excluded$3S);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -3735,7 +3739,7 @@
   CompanyIcon.displayName = "CompanyIcon";
   var CompanyIcon$1 = CompanyIcon;
 
-  var _excluded$3Q = ["gradient"];
+  var _excluded$3R = ["gradient"];
 
   /**
    * @component ComputerIcon
@@ -3765,7 +3769,7 @@
    */
   var ComputerIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3Q);
+      props = _objectWithoutProperties(_ref, _excluded$3R);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -3785,7 +3789,7 @@
   ComputerIcon.displayName = "ComputerIcon";
   var ComputerIcon$1 = ComputerIcon;
 
-  var _excluded$3P = ["gradient"];
+  var _excluded$3Q = ["gradient"];
 
   /**
    * @component CopyIcon
@@ -3815,7 +3819,7 @@
    */
   var CopyIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3P);
+      props = _objectWithoutProperties(_ref, _excluded$3Q);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -3835,7 +3839,7 @@
   CopyIcon.displayName = "CopyIcon";
   var CopyIcon$1 = CopyIcon;
 
-  var _excluded$3O = ["gradient"];
+  var _excluded$3P = ["gradient"];
 
   /**
    * @component CrownBlankIcon
@@ -3865,7 +3869,7 @@
    */
   var CrownBlankIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3O);
+      props = _objectWithoutProperties(_ref, _excluded$3P);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -3885,7 +3889,7 @@
   CrownBlankIcon.displayName = "CrownBlankIcon";
   var CrownBlankIcon$1 = CrownBlankIcon;
 
-  var _excluded$3N = ["gradient"];
+  var _excluded$3O = ["gradient"];
 
   /**
    * @component CrownSelectedIcon
@@ -3915,7 +3919,7 @@
    */
   var CrownSelectedIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3N);
+      props = _objectWithoutProperties(_ref, _excluded$3O);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -3935,7 +3939,7 @@
   CrownSelectedIcon.displayName = "CrownSelectedIcon";
   var CrownSelectedIcon$1 = CrownSelectedIcon;
 
-  var _excluded$3M = ["gradient"];
+  var _excluded$3N = ["gradient"];
 
   /**
    * @component DependencySmallIcon
@@ -3965,7 +3969,7 @@
    */
   var DependencySmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3M);
+      props = _objectWithoutProperties(_ref, _excluded$3N);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -3985,7 +3989,7 @@
   DependencySmallIcon.displayName = "DependencySmallIcon";
   var DependencySmallIcon$1 = DependencySmallIcon;
 
-  var _excluded$3L = ["gradient"];
+  var _excluded$3M = ["gradient"];
 
   /**
    * @component DependencyIcon
@@ -4015,7 +4019,7 @@
    */
   var DependencyIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3L);
+      props = _objectWithoutProperties(_ref, _excluded$3M);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -4035,7 +4039,7 @@
   DependencyIcon.displayName = "DependencyIcon";
   var DependencyIcon$1 = DependencyIcon;
 
-  var _excluded$3K = ["gradient"];
+  var _excluded$3L = ["gradient"];
 
   /**
    * @component DescriptionSmallIcon
@@ -4065,7 +4069,7 @@
    */
   var DescriptionSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3K);
+      props = _objectWithoutProperties(_ref, _excluded$3L);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 18,
       height: 18,
@@ -4086,7 +4090,7 @@
   DescriptionSmallIcon.displayName = "DescriptionSmallIcon";
   var DescriptionSmallIcon$1 = DescriptionSmallIcon;
 
-  var _excluded$3J = ["gradient"];
+  var _excluded$3K = ["gradient"];
 
   /**
    * @component DescriptionIcon
@@ -4116,7 +4120,7 @@
    */
   var DescriptionIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3J);
+      props = _objectWithoutProperties(_ref, _excluded$3K);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -4136,7 +4140,7 @@
   DescriptionIcon.displayName = "DescriptionIcon";
   var DescriptionIcon$1 = DescriptionIcon;
 
-  var _excluded$3I = ["gradient"];
+  var _excluded$3J = ["gradient"];
 
   /**
    * @component DiscussionAddIcon
@@ -4166,7 +4170,7 @@
    */
   var DiscussionAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3I);
+      props = _objectWithoutProperties(_ref, _excluded$3J);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -4186,7 +4190,7 @@
   DiscussionAddIcon.displayName = "DiscussionAddIcon";
   var DiscussionAddIcon$1 = DiscussionAddIcon;
 
-  var _excluded$3H = ["gradient"];
+  var _excluded$3I = ["gradient"];
 
   /**
    * @component DiscussionIcon
@@ -4216,7 +4220,7 @@
    */
   var DiscussionIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3H);
+      props = _objectWithoutProperties(_ref, _excluded$3I);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -4237,7 +4241,7 @@
   DiscussionIcon.displayName = "DiscussionIcon";
   var DiscussionIcon$1 = DiscussionIcon;
 
-  var _excluded$3G = ["gradient"];
+  var _excluded$3H = ["gradient"];
 
   /**
    * @component DollarCheckmarkSmallIcon
@@ -4267,7 +4271,7 @@
    */
   var DollarCheckmarkSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3G);
+      props = _objectWithoutProperties(_ref, _excluded$3H);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -4287,7 +4291,7 @@
   DollarCheckmarkSmallIcon.displayName = "DollarCheckmarkSmallIcon";
   var DollarCheckmarkSmallIcon$1 = DollarCheckmarkSmallIcon;
 
-  var _excluded$3F = ["gradient"];
+  var _excluded$3G = ["gradient"];
 
   /**
    * @component DollarCheckmarkIcon
@@ -4317,7 +4321,7 @@
    */
   var DollarCheckmarkIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3F);
+      props = _objectWithoutProperties(_ref, _excluded$3G);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -4337,7 +4341,7 @@
   DollarCheckmarkIcon.displayName = "DollarCheckmarkIcon";
   var DollarCheckmarkIcon$1 = DollarCheckmarkIcon;
 
-  var _excluded$3E = ["gradient"];
+  var _excluded$3F = ["gradient"];
 
   /**
    * @component DollarClockSmallIcon
@@ -4367,7 +4371,7 @@
    */
   var DollarClockSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3E);
+      props = _objectWithoutProperties(_ref, _excluded$3F);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -4387,7 +4391,7 @@
   DollarClockSmallIcon.displayName = "DollarClockSmallIcon";
   var DollarClockSmallIcon$1 = DollarClockSmallIcon;
 
-  var _excluded$3D = ["gradient"];
+  var _excluded$3E = ["gradient"];
 
   /**
    * @component DollarClockIcon
@@ -4417,7 +4421,7 @@
    */
   var DollarClockIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3D);
+      props = _objectWithoutProperties(_ref, _excluded$3E);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -4437,7 +4441,7 @@
   DollarClockIcon.displayName = "DollarClockIcon";
   var DollarClockIcon$1 = DollarClockIcon;
 
-  var _excluded$3C = ["gradient"];
+  var _excluded$3D = ["gradient"];
 
   /**
    * @component DollarDocumentPlusIcon
@@ -4467,7 +4471,7 @@
    */
   var DollarDocumentPlusIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3C);
+      props = _objectWithoutProperties(_ref, _excluded$3D);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -4487,7 +4491,7 @@
   DollarDocumentPlusIcon.displayName = "DollarDocumentPlusIcon";
   var DollarDocumentPlusIcon$1 = DollarDocumentPlusIcon;
 
-  var _excluded$3B = ["gradient"];
+  var _excluded$3C = ["gradient"];
 
   /**
    * @component DollarDocumentIcon
@@ -4517,7 +4521,7 @@
    */
   var DollarDocumentIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3B);
+      props = _objectWithoutProperties(_ref, _excluded$3C);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -4538,7 +4542,7 @@
   DollarDocumentIcon.displayName = "DollarDocumentIcon";
   var DollarDocumentIcon$1 = DollarDocumentIcon;
 
-  var _excluded$3A = ["gradient"];
+  var _excluded$3B = ["gradient"];
 
   /**
    * @component DollarOffSmallIcon
@@ -4568,7 +4572,7 @@
    */
   var DollarOffSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3A);
+      props = _objectWithoutProperties(_ref, _excluded$3B);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -4588,7 +4592,7 @@
   DollarOffSmallIcon.displayName = "DollarOffSmallIcon";
   var DollarOffSmallIcon$1 = DollarOffSmallIcon;
 
-  var _excluded$3z = ["gradient"];
+  var _excluded$3A = ["gradient"];
 
   /**
    * @component DollarOffIcon
@@ -4618,7 +4622,7 @@
    */
   var DollarOffIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3z);
+      props = _objectWithoutProperties(_ref, _excluded$3A);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -4638,7 +4642,7 @@
   DollarOffIcon.displayName = "DollarOffIcon";
   var DollarOffIcon$1 = DollarOffIcon;
 
-  var _excluded$3y = ["gradient"];
+  var _excluded$3z = ["gradient"];
 
   /**
    * @component DollarSmallIcon
@@ -4668,7 +4672,7 @@
    */
   var DollarSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3y);
+      props = _objectWithoutProperties(_ref, _excluded$3z);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -4688,7 +4692,7 @@
   DollarSmallIcon.displayName = "DollarSmallIcon";
   var DollarSmallIcon$1 = DollarSmallIcon;
 
-  var _excluded$3x = ["gradient"];
+  var _excluded$3y = ["gradient"];
 
   /**
    * @component DollarIcon
@@ -4718,7 +4722,7 @@
    */
   var DollarIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3x);
+      props = _objectWithoutProperties(_ref, _excluded$3y);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -4738,7 +4742,7 @@
   DollarIcon.displayName = "DollarIcon";
   var DollarIcon$1 = DollarIcon;
 
-  var _excluded$3w = ["gradient"];
+  var _excluded$3x = ["gradient"];
 
   /**
    * @component DownloadIcon
@@ -4768,7 +4772,7 @@
    */
   var DownloadIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3w);
+      props = _objectWithoutProperties(_ref, _excluded$3x);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -4788,7 +4792,7 @@
   DownloadIcon.displayName = "DownloadIcon";
   var DownloadIcon$1 = DownloadIcon;
 
-  var _excluded$3v = ["gradient"];
+  var _excluded$3w = ["gradient"];
 
   /**
    * @component DriveIcon
@@ -4818,7 +4822,7 @@
    */
   var DriveIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3v);
+      props = _objectWithoutProperties(_ref, _excluded$3w);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -4838,7 +4842,7 @@
   DriveIcon.displayName = "DriveIcon";
   var DriveIcon$1 = DriveIcon;
 
-  var _excluded$3u = ["gradient"];
+  var _excluded$3v = ["gradient"];
 
   /**
    * @component DropboxIcon
@@ -4868,7 +4872,7 @@
    */
   var DropboxIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3u);
+      props = _objectWithoutProperties(_ref, _excluded$3v);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -4888,7 +4892,7 @@
   DropboxIcon.displayName = "DropboxIcon";
   var DropboxIcon$1 = DropboxIcon;
 
-  var _excluded$3t = ["gradient"];
+  var _excluded$3u = ["gradient"];
 
   /**
    * @component DuplicateIcon
@@ -4918,7 +4922,7 @@
    */
   var DuplicateIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3t);
+      props = _objectWithoutProperties(_ref, _excluded$3u);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -4938,7 +4942,7 @@
   DuplicateIcon.displayName = "DuplicateIcon";
   var DuplicateIcon$1 = DuplicateIcon;
 
-  var _excluded$3s = ["gradient"];
+  var _excluded$3t = ["gradient"];
 
   /**
    * @component EditMultipleIcon
@@ -4968,7 +4972,7 @@
    */
   var EditMultipleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3s);
+      props = _objectWithoutProperties(_ref, _excluded$3t);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -4988,7 +4992,7 @@
   EditMultipleIcon.displayName = "EditMultipleIcon";
   var EditMultipleIcon$1 = EditMultipleIcon;
 
-  var _excluded$3r = ["gradient"];
+  var _excluded$3s = ["gradient"];
 
   /**
    * @component EditIcon
@@ -5018,7 +5022,7 @@
    */
   var EditIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3r);
+      props = _objectWithoutProperties(_ref, _excluded$3s);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -5038,7 +5042,7 @@
   EditIcon.displayName = "EditIcon";
   var EditIcon$1 = EditIcon;
 
-  var _excluded$3q = ["gradient"];
+  var _excluded$3r = ["gradient"];
 
   /**
    * @component EmojiIcon
@@ -5068,7 +5072,7 @@
    */
   var EmojiIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3q);
+      props = _objectWithoutProperties(_ref, _excluded$3r);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -5088,7 +5092,7 @@
   EmojiIcon.displayName = "EmojiIcon";
   var EmojiIcon$1 = EmojiIcon;
 
-  var _excluded$3p = ["gradient"];
+  var _excluded$3q = ["gradient"];
 
   /**
    * @component EstimatePlusIcon
@@ -5118,7 +5122,7 @@
    */
   var EstimatePlusIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3p);
+      props = _objectWithoutProperties(_ref, _excluded$3q);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -5139,7 +5143,7 @@
   EstimatePlusIcon.displayName = "EstimatePlusIcon";
   var EstimatePlusIcon$1 = EstimatePlusIcon;
 
-  var _excluded$3o = ["gradient"];
+  var _excluded$3p = ["gradient"];
 
   /**
    * @component EstimatesIcon
@@ -5169,7 +5173,7 @@
    */
   var EstimatesIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3o);
+      props = _objectWithoutProperties(_ref, _excluded$3p);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -5193,7 +5197,7 @@
   EstimatesIcon.displayName = "EstimatesIcon";
   var EstimatesIcon$1 = EstimatesIcon;
 
-  var _excluded$3n = ["gradient"];
+  var _excluded$3o = ["gradient"];
 
   /**
    * @component ExpandAllIcon
@@ -5223,7 +5227,7 @@
    */
   var ExpandAllIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3n);
+      props = _objectWithoutProperties(_ref, _excluded$3o);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -5243,7 +5247,7 @@
   ExpandAllIcon.displayName = "ExpandAllIcon";
   var ExpandAllIcon$1 = ExpandAllIcon;
 
-  var _excluded$3m = ["gradient"];
+  var _excluded$3n = ["gradient"];
 
   /**
    * @component ExpenseAddIcon
@@ -5273,7 +5277,7 @@
    */
   var ExpenseAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3m);
+      props = _objectWithoutProperties(_ref, _excluded$3n);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -5293,7 +5297,7 @@
   ExpenseAddIcon.displayName = "ExpenseAddIcon";
   var ExpenseAddIcon$1 = ExpenseAddIcon;
 
-  var _excluded$3l = ["gradient"];
+  var _excluded$3m = ["gradient"];
 
   /**
    * @component ExpensePlusIcon
@@ -5323,7 +5327,7 @@
    */
   var ExpensePlusIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3l);
+      props = _objectWithoutProperties(_ref, _excluded$3m);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -5345,7 +5349,7 @@
   ExpensePlusIcon.displayName = "ExpensePlusIcon";
   var ExpensePlusIcon$1 = ExpensePlusIcon;
 
-  var _excluded$3k = ["gradient"];
+  var _excluded$3l = ["gradient"];
 
   /**
    * @component EyeOffSmallIcon
@@ -5375,7 +5379,7 @@
    */
   var EyeOffSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3k);
+      props = _objectWithoutProperties(_ref, _excluded$3l);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -5395,7 +5399,7 @@
   EyeOffSmallIcon.displayName = "EyeOffSmallIcon";
   var EyeOffSmallIcon$1 = EyeOffSmallIcon;
 
-  var _excluded$3j = ["gradient"];
+  var _excluded$3k = ["gradient"];
 
   /**
    * @component EyeOffIcon
@@ -5425,7 +5429,7 @@
    */
   var EyeOffIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3j);
+      props = _objectWithoutProperties(_ref, _excluded$3k);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -5445,7 +5449,7 @@
   EyeOffIcon.displayName = "EyeOffIcon";
   var EyeOffIcon$1 = EyeOffIcon;
 
-  var _excluded$3i = ["gradient"];
+  var _excluded$3j = ["gradient"];
 
   /**
    * @component EyeSmallIcon
@@ -5475,7 +5479,7 @@
    */
   var EyeSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3i);
+      props = _objectWithoutProperties(_ref, _excluded$3j);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -5495,7 +5499,7 @@
   EyeSmallIcon.displayName = "EyeSmallIcon";
   var EyeSmallIcon$1 = EyeSmallIcon;
 
-  var _excluded$3h = ["gradient"];
+  var _excluded$3i = ["gradient"];
 
   /**
    * @component EyeIcon
@@ -5525,7 +5529,7 @@
    */
   var EyeIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3h);
+      props = _objectWithoutProperties(_ref, _excluded$3i);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -5545,7 +5549,7 @@
   EyeIcon.displayName = "EyeIcon";
   var EyeIcon$1 = EyeIcon;
 
-  var _excluded$3g = ["gradient"];
+  var _excluded$3h = ["gradient"];
 
   /**
    * @component FilterIcon
@@ -5575,7 +5579,7 @@
    */
   var FilterIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3g);
+      props = _objectWithoutProperties(_ref, _excluded$3h);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -5595,7 +5599,7 @@
   FilterIcon.displayName = "FilterIcon";
   var FilterIcon$1 = FilterIcon;
 
-  var _excluded$3f = ["gradient"];
+  var _excluded$3g = ["gradient"];
 
   /**
    * @component FolderMoveIcon
@@ -5625,7 +5629,7 @@
    */
   var FolderMoveIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3f);
+      props = _objectWithoutProperties(_ref, _excluded$3g);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -5645,7 +5649,7 @@
   FolderMoveIcon.displayName = "FolderMoveIcon";
   var FolderMoveIcon$1 = FolderMoveIcon;
 
-  var _excluded$3e = ["gradient"];
+  var _excluded$3f = ["gradient"];
 
   /**
    * @component FolderOutlineIcon
@@ -5675,7 +5679,7 @@
    */
   var FolderOutlineIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3e);
+      props = _objectWithoutProperties(_ref, _excluded$3f);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -5695,7 +5699,7 @@
   FolderOutlineIcon.displayName = "FolderOutlineIcon";
   var FolderOutlineIcon$1 = FolderOutlineIcon;
 
-  var _excluded$3d = ["gradient"];
+  var _excluded$3e = ["gradient"];
 
   /**
    * @component GiftIcon
@@ -5725,7 +5729,7 @@
    */
   var GiftIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3d);
+      props = _objectWithoutProperties(_ref, _excluded$3e);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -5746,7 +5750,7 @@
   GiftIcon.displayName = "GiftIcon";
   var GiftIcon$1 = GiftIcon;
 
-  var _excluded$3c = ["gradient"];
+  var _excluded$3d = ["gradient"];
 
   /**
    * @component GroupByIcon
@@ -5776,7 +5780,7 @@
    */
   var GroupByIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3c);
+      props = _objectWithoutProperties(_ref, _excluded$3d);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -5795,7 +5799,7 @@
   GroupByIcon.displayName = "GroupByIcon";
   var GroupByIcon$1 = GroupByIcon;
 
-  var _excluded$3b = ["gradient"];
+  var _excluded$3c = ["gradient"];
 
   /**
    * @component HashtagIcon
@@ -5825,7 +5829,7 @@
    */
   var HashtagIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3b);
+      props = _objectWithoutProperties(_ref, _excluded$3c);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -5846,7 +5850,7 @@
   HashtagIcon.displayName = "HashtagIcon";
   var HashtagIcon$1 = HashtagIcon;
 
-  var _excluded$3a = ["gradient"];
+  var _excluded$3b = ["gradient"];
 
   /**
    * @component HelpIcon
@@ -5876,7 +5880,7 @@
    */
   var HelpIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3a);
+      props = _objectWithoutProperties(_ref, _excluded$3b);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -5896,7 +5900,7 @@
   HelpIcon.displayName = "HelpIcon";
   var HelpIcon$1 = HelpIcon;
 
-  var _excluded$39 = ["gradient"];
+  var _excluded$3a = ["gradient"];
 
   /**
    * @component HistoryOfChangesIcon
@@ -5926,7 +5930,7 @@
    */
   var HistoryOfChangesIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$39);
+      props = _objectWithoutProperties(_ref, _excluded$3a);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -5947,7 +5951,7 @@
   HistoryOfChangesIcon.displayName = "HistoryOfChangesIcon";
   var HistoryOfChangesIcon$1 = HistoryOfChangesIcon;
 
-  var _excluded$38 = ["gradient"];
+  var _excluded$39 = ["gradient"];
 
   /**
    * @component ImageIcon
@@ -5977,7 +5981,7 @@
    */
   var ImageIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$38);
+      props = _objectWithoutProperties(_ref, _excluded$39);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -5998,7 +6002,7 @@
   ImageIcon.displayName = "ImageIcon";
   var ImageIcon$1 = ImageIcon;
 
-  var _excluded$37 = ["gradient"];
+  var _excluded$38 = ["gradient"];
 
   /**
    * @component InfoSmallIcon
@@ -6028,7 +6032,7 @@
    */
   var InfoSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$37);
+      props = _objectWithoutProperties(_ref, _excluded$38);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 15,
       height: 15,
@@ -6048,7 +6052,7 @@
   InfoSmallIcon.displayName = "InfoSmallIcon";
   var InfoSmallIcon$1 = InfoSmallIcon;
 
-  var _excluded$36 = ["gradient"];
+  var _excluded$37 = ["gradient"];
 
   /**
    * @component InfoIcon
@@ -6078,7 +6082,7 @@
    */
   var InfoIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$36);
+      props = _objectWithoutProperties(_ref, _excluded$37);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -6098,7 +6102,7 @@
   InfoIcon.displayName = "InfoIcon";
   var InfoIcon$1 = InfoIcon;
 
-  var _excluded$35 = ["gradient"];
+  var _excluded$36 = ["gradient"];
 
   /**
    * @component InsertLinkIcon
@@ -6128,7 +6132,7 @@
    */
   var InsertLinkIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$35);
+      props = _objectWithoutProperties(_ref, _excluded$36);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -6148,7 +6152,7 @@
   InsertLinkIcon.displayName = "InsertLinkIcon";
   var InsertLinkIcon$1 = InsertLinkIcon;
 
-  var _excluded$34 = ["gradient"];
+  var _excluded$35 = ["gradient"];
 
   /**
    * @component IntegrationsIcon
@@ -6178,7 +6182,7 @@
    */
   var IntegrationsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$34);
+      props = _objectWithoutProperties(_ref, _excluded$35);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -6202,7 +6206,7 @@
   IntegrationsIcon.displayName = "IntegrationsIcon";
   var IntegrationsIcon$1 = IntegrationsIcon;
 
-  var _excluded$33 = ["gradient"];
+  var _excluded$34 = ["gradient"];
 
   /**
    * @component InvoicesIcon
@@ -6232,7 +6236,7 @@
    */
   var InvoicesIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$33);
+      props = _objectWithoutProperties(_ref, _excluded$34);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -6256,7 +6260,7 @@
   InvoicesIcon.displayName = "InvoicesIcon";
   var InvoicesIcon$1 = InvoicesIcon;
 
-  var _excluded$32 = ["gradient"];
+  var _excluded$33 = ["gradient"];
 
   /**
    * @component LabelsIcon
@@ -6286,7 +6290,7 @@
    */
   var LabelsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$32);
+      props = _objectWithoutProperties(_ref, _excluded$33);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -6306,7 +6310,7 @@
   LabelsIcon.displayName = "LabelsIcon";
   var LabelsIcon$1 = LabelsIcon;
 
-  var _excluded$31 = ["gradient"];
+  var _excluded$32 = ["gradient"];
 
   /**
    * @component LetterArrowRightIcon
@@ -6336,7 +6340,7 @@
    */
   var LetterArrowRightIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$31);
+      props = _objectWithoutProperties(_ref, _excluded$32);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -6357,7 +6361,7 @@
   LetterArrowRightIcon.displayName = "LetterArrowRightIcon";
   var LetterArrowRightIcon$1 = LetterArrowRightIcon;
 
-  var _excluded$30 = ["gradient"];
+  var _excluded$31 = ["gradient"];
 
   /**
    * @component LetterFastIcon
@@ -6387,7 +6391,7 @@
    */
   var LetterFastIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$30);
+      props = _objectWithoutProperties(_ref, _excluded$31);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6407,7 +6411,7 @@
   LetterFastIcon.displayName = "LetterFastIcon";
   var LetterFastIcon$1 = LetterFastIcon;
 
-  var _excluded$2$ = ["gradient"];
+  var _excluded$30 = ["gradient"];
 
   /**
    * @component LetterIcon
@@ -6437,7 +6441,7 @@
    */
   var LetterIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2$);
+      props = _objectWithoutProperties(_ref, _excluded$30);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -6458,7 +6462,7 @@
   LetterIcon.displayName = "LetterIcon";
   var LetterIcon$1 = LetterIcon;
 
-  var _excluded$2_ = ["gradient"];
+  var _excluded$2$ = ["gradient"];
 
   /**
    * @component LockSmallIcon
@@ -6488,7 +6492,7 @@
    */
   var LockSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2_);
+      props = _objectWithoutProperties(_ref, _excluded$2$);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -6508,7 +6512,7 @@
   LockSmallIcon.displayName = "LockSmallIcon";
   var LockSmallIcon$1 = LockSmallIcon;
 
-  var _excluded$2Z = ["gradient"];
+  var _excluded$2_ = ["gradient"];
 
   /**
    * @component LockIcon
@@ -6538,7 +6542,7 @@
    */
   var LockIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2Z);
+      props = _objectWithoutProperties(_ref, _excluded$2_);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -6558,7 +6562,7 @@
   LockIcon.displayName = "LockIcon";
   var LockIcon$1 = LockIcon;
 
-  var _excluded$2Y = ["gradient"];
+  var _excluded$2Z = ["gradient"];
 
   /**
    * @component MarkerIcon
@@ -6588,7 +6592,7 @@
    */
   var MarkerIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2Y);
+      props = _objectWithoutProperties(_ref, _excluded$2Z);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -6608,7 +6612,7 @@
   MarkerIcon.displayName = "MarkerIcon";
   var MarkerIcon$1 = MarkerIcon;
 
-  var _excluded$2X = ["gradient"];
+  var _excluded$2Y = ["gradient"];
 
   /**
    * @component MessageAddIcon
@@ -6638,7 +6642,7 @@
    */
   var MessageAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2X);
+      props = _objectWithoutProperties(_ref, _excluded$2Y);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -6657,7 +6661,7 @@
   MessageAddIcon.displayName = "MessageAddIcon";
   var MessageAddIcon$1 = MessageAddIcon;
 
-  var _excluded$2W = ["gradient"];
+  var _excluded$2X = ["gradient"];
 
   /**
    * @component MessageEmptyIcon
@@ -6687,7 +6691,7 @@
    */
   var MessageEmptyIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2W);
+      props = _objectWithoutProperties(_ref, _excluded$2X);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -6707,7 +6711,7 @@
   MessageEmptyIcon.displayName = "MessageEmptyIcon";
   var MessageEmptyIcon$1 = MessageEmptyIcon;
 
-  var _excluded$2V = ["gradient"];
+  var _excluded$2W = ["gradient"];
 
   /**
    * @component MessageSmallIcon
@@ -6737,7 +6741,7 @@
    */
   var MessageSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2V);
+      props = _objectWithoutProperties(_ref, _excluded$2W);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -6757,7 +6761,7 @@
   MessageSmallIcon.displayName = "MessageSmallIcon";
   var MessageSmallIcon$1 = MessageSmallIcon;
 
-  var _excluded$2U = ["gradient"];
+  var _excluded$2V = ["gradient"];
 
   /**
    * @component MessageSolidIcon
@@ -6787,7 +6791,7 @@
    */
   var MessageSolidIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2U);
+      props = _objectWithoutProperties(_ref, _excluded$2V);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6807,7 +6811,7 @@
   MessageSolidIcon.displayName = "MessageSolidIcon";
   var MessageSolidIcon$1 = MessageSolidIcon;
 
-  var _excluded$2T = ["gradient"];
+  var _excluded$2U = ["gradient"];
 
   /**
    * @component MessageIcon
@@ -6837,7 +6841,7 @@
    */
   var MessageIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2T);
+      props = _objectWithoutProperties(_ref, _excluded$2U);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -6857,7 +6861,7 @@
   MessageIcon.displayName = "MessageIcon";
   var MessageIcon$1 = MessageIcon;
 
-  var _excluded$2S = ["gradient"];
+  var _excluded$2T = ["gradient"];
 
   /**
    * @component MinusIcon
@@ -6887,7 +6891,7 @@
    */
   var MinusIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2S);
+      props = _objectWithoutProperties(_ref, _excluded$2T);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -6911,7 +6915,7 @@
   MinusIcon.displayName = "MinusIcon";
   var MinusIcon$1 = MinusIcon;
 
-  var _excluded$2R = ["gradient"];
+  var _excluded$2S = ["gradient"];
 
   /**
    * @component MobileMenuIcon
@@ -6941,7 +6945,7 @@
    */
   var MobileMenuIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2R);
+      props = _objectWithoutProperties(_ref, _excluded$2S);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -6962,7 +6966,7 @@
   MobileMenuIcon.displayName = "MobileMenuIcon";
   var MobileMenuIcon$1 = MobileMenuIcon;
 
-  var _excluded$2Q = ["gradient"];
+  var _excluded$2R = ["gradient"];
 
   /**
    * @component MoonIcon
@@ -6992,7 +6996,7 @@
    */
   var MoonIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2Q);
+      props = _objectWithoutProperties(_ref, _excluded$2R);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 20,
       height: 20,
@@ -7013,7 +7017,7 @@
   MoonIcon.displayName = "MoonIcon";
   var MoonIcon$1 = MoonIcon;
 
-  var _excluded$2P = ["gradient"];
+  var _excluded$2Q = ["gradient"];
 
   /**
    * @component MoveTriggerIcon
@@ -7043,7 +7047,7 @@
    */
   var MoveTriggerIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2P);
+      props = _objectWithoutProperties(_ref, _excluded$2Q);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 10,
       height: 10,
@@ -7063,7 +7067,7 @@
   MoveTriggerIcon.displayName = "MoveTriggerIcon";
   var MoveTriggerIcon$1 = MoveTriggerIcon;
 
-  var _excluded$2O = ["gradient"];
+  var _excluded$2P = ["gradient"];
 
   /**
    * @component MoveIcon
@@ -7093,7 +7097,7 @@
    */
   var MoveIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2O);
+      props = _objectWithoutProperties(_ref, _excluded$2P);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7114,7 +7118,7 @@
   MoveIcon.displayName = "MoveIcon";
   var MoveIcon$1 = MoveIcon;
 
-  var _excluded$2N = ["gradient"];
+  var _excluded$2O = ["gradient"];
 
   /**
    * @component MyWorkIcon
@@ -7144,7 +7148,7 @@
    */
   var MyWorkIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2N);
+      props = _objectWithoutProperties(_ref, _excluded$2O);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7168,7 +7172,7 @@
   MyWorkIcon.displayName = "MyWorkIcon";
   var MyWorkIcon$1 = MyWorkIcon;
 
-  var _excluded$2M = ["gradient"];
+  var _excluded$2N = ["gradient"];
 
   /**
    * @component NoteAddIcon
@@ -7198,7 +7202,7 @@
    */
   var NoteAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2M);
+      props = _objectWithoutProperties(_ref, _excluded$2N);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7218,7 +7222,7 @@
   NoteAddIcon.displayName = "NoteAddIcon";
   var NoteAddIcon$1 = NoteAddIcon;
 
-  var _excluded$2L = ["gradient"];
+  var _excluded$2M = ["gradient"];
 
   /**
    * @component NoteIcon
@@ -7248,7 +7252,7 @@
    */
   var NoteIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2L);
+      props = _objectWithoutProperties(_ref, _excluded$2M);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7268,7 +7272,7 @@
   NoteIcon.displayName = "NoteIcon";
   var NoteIcon$1 = NoteIcon;
 
-  var _excluded$2K = ["gradient"];
+  var _excluded$2L = ["gradient"];
 
   /**
    * @component NotebookIcon
@@ -7298,7 +7302,7 @@
    */
   var NotebookIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2K);
+      props = _objectWithoutProperties(_ref, _excluded$2L);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7318,7 +7322,7 @@
   NotebookIcon.displayName = "NotebookIcon";
   var NotebookIcon$1 = NotebookIcon;
 
-  var _excluded$2J = ["gradient"];
+  var _excluded$2K = ["gradient"];
 
   /**
    * @component NotificationBellIcon
@@ -7348,7 +7352,7 @@
    */
   var NotificationBellIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2J);
+      props = _objectWithoutProperties(_ref, _excluded$2K);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7367,7 +7371,7 @@
   NotificationBellIcon.displayName = "NotificationBellIcon";
   var NotificationBellIcon$1 = NotificationBellIcon;
 
-  var _excluded$2I = ["gradient"];
+  var _excluded$2J = ["gradient"];
 
   /**
    * @component OpenExpandedIcon
@@ -7397,7 +7401,7 @@
    */
   var OpenExpandedIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2I);
+      props = _objectWithoutProperties(_ref, _excluded$2J);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7417,7 +7421,7 @@
   OpenExpandedIcon.displayName = "OpenExpandedIcon";
   var OpenExpandedIcon$1 = OpenExpandedIcon;
 
-  var _excluded$2H = ["gradient"];
+  var _excluded$2I = ["gradient"];
 
   /**
    * @component OpenSheetIcon
@@ -7447,7 +7451,7 @@
    */
   var OpenSheetIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2H);
+      props = _objectWithoutProperties(_ref, _excluded$2I);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7472,7 +7476,7 @@
   OpenSheetIcon.displayName = "OpenSheetIcon";
   var OpenSheetIcon$1 = OpenSheetIcon;
 
-  var _excluded$2G = ["gradient"];
+  var _excluded$2H = ["gradient"];
 
   /**
    * @component OrderFirstIcon
@@ -7502,7 +7506,7 @@
    */
   var OrderFirstIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2G);
+      props = _objectWithoutProperties(_ref, _excluded$2H);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7522,7 +7526,7 @@
   OrderFirstIcon.displayName = "OrderFirstIcon";
   var OrderFirstIcon$1 = OrderFirstIcon;
 
-  var _excluded$2F = ["gradient"];
+  var _excluded$2G = ["gradient"];
 
   /**
    * @component PaidSmallIcon
@@ -7552,7 +7556,7 @@
    */
   var PaidSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2F);
+      props = _objectWithoutProperties(_ref, _excluded$2G);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -7572,7 +7576,7 @@
   PaidSmallIcon.displayName = "PaidSmallIcon";
   var PaidSmallIcon$1 = PaidSmallIcon;
 
-  var _excluded$2E = ["gradient"];
+  var _excluded$2F = ["gradient"];
 
   /**
    * @component PauseCircleOutlineIcon
@@ -7602,7 +7606,7 @@
    */
   var PauseCircleOutlineIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2E);
+      props = _objectWithoutProperties(_ref, _excluded$2F);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7622,7 +7626,7 @@
   PauseCircleOutlineIcon.displayName = "PauseCircleOutlineIcon";
   var PauseCircleOutlineIcon$1 = PauseCircleOutlineIcon;
 
-  var _excluded$2D = ["gradient"];
+  var _excluded$2E = ["gradient"];
 
   /**
    * @component PauseIcon
@@ -7652,7 +7656,7 @@
    */
   var PauseIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2D);
+      props = _objectWithoutProperties(_ref, _excluded$2E);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7672,7 +7676,7 @@
   PauseIcon.displayName = "PauseIcon";
   var PauseIcon$1 = PauseIcon;
 
-  var _excluded$2C = ["gradient"];
+  var _excluded$2D = ["gradient"];
 
   /**
    * @component PauseSmallIcon
@@ -7702,7 +7706,7 @@
    */
   var PauseSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2C);
+      props = _objectWithoutProperties(_ref, _excluded$2D);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7722,7 +7726,7 @@
   PauseSmallIcon.displayName = "PauseSmallIcon";
   var PauseSmallIcon$1 = PauseSmallIcon;
 
-  var _excluded$2B = ["gradient"];
+  var _excluded$2C = ["gradient"];
 
   /**
    * @component PencilSmallIcon
@@ -7752,7 +7756,7 @@
    */
   var PencilSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2B);
+      props = _objectWithoutProperties(_ref, _excluded$2C);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -7771,7 +7775,7 @@
   PencilSmallIcon.displayName = "PencilSmallIcon";
   var PencilSmallIcon$1 = PencilSmallIcon;
 
-  var _excluded$2A = ["gradient"];
+  var _excluded$2B = ["gradient"];
 
   /**
    * @component PencilIcon
@@ -7801,7 +7805,7 @@
    */
   var PencilIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2A);
+      props = _objectWithoutProperties(_ref, _excluded$2B);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7820,7 +7824,7 @@
   PencilIcon.displayName = "PencilIcon";
   var PencilIcon$1 = PencilIcon;
 
-  var _excluded$2z = ["gradient"];
+  var _excluded$2A = ["gradient"];
 
   /**
    * @component PendingPaymentSmallIcon
@@ -7850,7 +7854,7 @@
    */
   var PendingPaymentSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2z);
+      props = _objectWithoutProperties(_ref, _excluded$2A);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -7870,7 +7874,7 @@
   PendingPaymentSmallIcon.displayName = "PendingPaymentSmallIcon";
   var PendingPaymentSmallIcon$1 = PendingPaymentSmallIcon;
 
-  var _excluded$2y = ["gradient"];
+  var _excluded$2z = ["gradient"];
 
   /**
    * @component PeopleIcon
@@ -7900,7 +7904,7 @@
    */
   var PeopleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2y);
+      props = _objectWithoutProperties(_ref, _excluded$2z);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7924,7 +7928,7 @@
   PeopleIcon.displayName = "PeopleIcon";
   var PeopleIcon$1 = PeopleIcon;
 
-  var _excluded$2x = ["gradient"];
+  var _excluded$2y = ["gradient"];
 
   /**
    * @component PersonArrowOutCircleIcon
@@ -7954,7 +7958,7 @@
    */
   var PersonArrowOutCircleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2x);
+      props = _objectWithoutProperties(_ref, _excluded$2y);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -7975,7 +7979,7 @@
   PersonArrowOutCircleIcon.displayName = "PersonArrowOutCircleIcon";
   var PersonArrowOutCircleIcon$1 = PersonArrowOutCircleIcon;
 
-  var _excluded$2w = ["gradient"];
+  var _excluded$2x = ["gradient"];
 
   /**
    * @component PersonCircleOffIcon
@@ -8005,7 +8009,7 @@
    */
   var PersonCircleOffIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2w);
+      props = _objectWithoutProperties(_ref, _excluded$2x);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8025,7 +8029,7 @@
   PersonCircleOffIcon.displayName = "PersonCircleOffIcon";
   var PersonCircleOffIcon$1 = PersonCircleOffIcon;
 
-  var _excluded$2v = ["gradient"];
+  var _excluded$2w = ["gradient"];
 
   /**
    * @component PersonCircleIcon
@@ -8055,7 +8059,7 @@
    */
   var PersonCircleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2v);
+      props = _objectWithoutProperties(_ref, _excluded$2w);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8075,7 +8079,7 @@
   PersonCircleIcon.displayName = "PersonCircleIcon";
   var PersonCircleIcon$1 = PersonCircleIcon;
 
-  var _excluded$2u = ["gradient"];
+  var _excluded$2v = ["gradient"];
 
   /**
    * @component PersonListIcon
@@ -8105,7 +8109,7 @@
    */
   var PersonListIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2u);
+      props = _objectWithoutProperties(_ref, _excluded$2v);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8126,7 +8130,7 @@
   PersonListIcon.displayName = "PersonListIcon";
   var PersonListIcon$1 = PersonListIcon;
 
-  var _excluded$2t = ["gradient"];
+  var _excluded$2u = ["gradient"];
 
   /**
    * @component PersonPlusIcon
@@ -8156,7 +8160,7 @@
    */
   var PersonPlusIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2t);
+      props = _objectWithoutProperties(_ref, _excluded$2u);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8176,7 +8180,7 @@
   PersonPlusIcon.displayName = "PersonPlusIcon";
   var PersonPlusIcon$1 = PersonPlusIcon;
 
-  var _excluded$2s = ["gradient"];
+  var _excluded$2t = ["gradient"];
 
   /**
    * @component PersonIcon
@@ -8206,7 +8210,7 @@
    */
   var PersonIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2s);
+      props = _objectWithoutProperties(_ref, _excluded$2t);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8226,7 +8230,7 @@
   PersonIcon.displayName = "PersonIcon";
   var PersonIcon$1 = PersonIcon;
 
-  var _excluded$2r = ["gradient"];
+  var _excluded$2s = ["gradient"];
 
   /**
    * @component PinIcon
@@ -8256,7 +8260,7 @@
    */
   var PinIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2r);
+      props = _objectWithoutProperties(_ref, _excluded$2s);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8276,7 +8280,7 @@
   PinIcon.displayName = "PinIcon";
   var PinIcon$1 = PinIcon;
 
-  var _excluded$2q = ["gradient"];
+  var _excluded$2r = ["gradient"];
 
   /**
    * @component PlayCircleOutlineIcon
@@ -8306,7 +8310,7 @@
    */
   var PlayCircleOutlineIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2q);
+      props = _objectWithoutProperties(_ref, _excluded$2r);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8326,7 +8330,7 @@
   PlayCircleOutlineIcon.displayName = "PlayCircleOutlineIcon";
   var PlayCircleOutlineIcon$1 = PlayCircleOutlineIcon;
 
-  var _excluded$2p = ["gradient"];
+  var _excluded$2q = ["gradient"];
 
   /**
    * @component PlayIcon
@@ -8356,7 +8360,7 @@
    */
   var PlayIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2p);
+      props = _objectWithoutProperties(_ref, _excluded$2q);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8376,7 +8380,7 @@
   PlayIcon.displayName = "PlayIcon";
   var PlayIcon$1 = PlayIcon;
 
-  var _excluded$2o = ["gradient"];
+  var _excluded$2p = ["gradient"];
 
   /**
    * @component PlaySmallIcon
@@ -8406,7 +8410,7 @@
    */
   var PlaySmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2o);
+      props = _objectWithoutProperties(_ref, _excluded$2p);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8426,7 +8430,7 @@
   PlaySmallIcon.displayName = "PlaySmallIcon";
   var PlaySmallIcon$1 = PlaySmallIcon;
 
-  var _excluded$2n = ["gradient"];
+  var _excluded$2o = ["gradient"];
 
   /**
    * @component PriorityLowIcon
@@ -8456,7 +8460,7 @@
    */
   var PriorityLowIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2n);
+      props = _objectWithoutProperties(_ref, _excluded$2o);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8477,7 +8481,7 @@
   PriorityLowIcon.displayName = "PriorityLowIcon";
   var PriorityLowIcon$1 = PriorityLowIcon;
 
-  var _excluded$2m = ["gradient"];
+  var _excluded$2n = ["gradient"];
 
   /**
    * @component ProjectAddIcon
@@ -8507,7 +8511,7 @@
    */
   var ProjectAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2m);
+      props = _objectWithoutProperties(_ref, _excluded$2n);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8527,7 +8531,7 @@
   ProjectAddIcon.displayName = "ProjectAddIcon";
   var ProjectAddIcon$1 = ProjectAddIcon;
 
-  var _excluded$2l = ["gradient"];
+  var _excluded$2m = ["gradient"];
 
   /**
    * @component ProjectSearchIcon
@@ -8557,7 +8561,7 @@
    */
   var ProjectSearchIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2l);
+      props = _objectWithoutProperties(_ref, _excluded$2m);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8578,7 +8582,7 @@
   ProjectSearchIcon.displayName = "ProjectSearchIcon";
   var ProjectSearchIcon$1 = ProjectSearchIcon;
 
-  var _excluded$2k = ["gradient"];
+  var _excluded$2l = ["gradient"];
 
   /**
    * @component ProjectStarIcon
@@ -8608,7 +8612,7 @@
    */
   var ProjectStarIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2k);
+      props = _objectWithoutProperties(_ref, _excluded$2l);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8631,7 +8635,7 @@
   ProjectStarIcon.displayName = "ProjectStarIcon";
   var ProjectStarIcon$1 = ProjectStarIcon;
 
-  var _excluded$2j = ["gradient"];
+  var _excluded$2k = ["gradient"];
 
   /**
    * @component ProjectTemplateAddIcon
@@ -8661,7 +8665,7 @@
    */
   var ProjectTemplateAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2j);
+      props = _objectWithoutProperties(_ref, _excluded$2k);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8681,7 +8685,7 @@
   ProjectTemplateAddIcon.displayName = "ProjectTemplateAddIcon";
   var ProjectTemplateAddIcon$1 = ProjectTemplateAddIcon;
 
-  var _excluded$2i = ["gradient"];
+  var _excluded$2j = ["gradient"];
 
   /**
    * @component ProjectTemplateConvertIcon
@@ -8711,7 +8715,7 @@
    */
   var ProjectTemplateConvertIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2i);
+      props = _objectWithoutProperties(_ref, _excluded$2j);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8731,7 +8735,7 @@
   ProjectTemplateConvertIcon.displayName = "ProjectTemplateConvertIcon";
   var ProjectTemplateConvertIcon$1 = ProjectTemplateConvertIcon;
 
-  var _excluded$2h = ["gradient"];
+  var _excluded$2i = ["gradient"];
 
   /**
    * @component ProjectTemplateIcon
@@ -8761,7 +8765,7 @@
    */
   var ProjectTemplateIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2h);
+      props = _objectWithoutProperties(_ref, _excluded$2i);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8781,7 +8785,7 @@
   ProjectTemplateIcon.displayName = "ProjectTemplateIcon";
   var ProjectTemplateIcon$1 = ProjectTemplateIcon;
 
-  var _excluded$2g = ["gradient"];
+  var _excluded$2h = ["gradient"];
 
   /**
    * @component ProjectsIcon
@@ -8811,7 +8815,7 @@
    */
   var ProjectsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2g);
+      props = _objectWithoutProperties(_ref, _excluded$2h);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8835,7 +8839,7 @@
   ProjectsIcon.displayName = "ProjectsIcon";
   var ProjectsIcon$1 = ProjectsIcon;
 
-  var _excluded$2f = ["gradient"];
+  var _excluded$2g = ["gradient"];
 
   /**
    * @component RadioBlankIcon
@@ -8865,7 +8869,7 @@
    */
   var RadioBlankIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2f);
+      props = _objectWithoutProperties(_ref, _excluded$2g);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8885,7 +8889,7 @@
   RadioBlankIcon.displayName = "RadioBlankIcon";
   var RadioBlankIcon$1 = RadioBlankIcon;
 
-  var _excluded$2e = ["gradient"];
+  var _excluded$2f = ["gradient"];
 
   /**
    * @component RadioButtonIcon
@@ -8915,7 +8919,7 @@
    */
   var RadioButtonIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2e);
+      props = _objectWithoutProperties(_ref, _excluded$2f);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 16,
       height: 16,
@@ -8943,7 +8947,7 @@
   RadioButtonIcon.displayName = "RadioButtonIcon";
   var RadioButtonIcon$1 = RadioButtonIcon;
 
-  var _excluded$2d = ["gradient"];
+  var _excluded$2e = ["gradient"];
 
   /**
    * @component RearangeIcon
@@ -8973,7 +8977,7 @@
    */
   var RearangeIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2d);
+      props = _objectWithoutProperties(_ref, _excluded$2e);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -8993,7 +8997,7 @@
   RearangeIcon.displayName = "RearangeIcon";
   var RearangeIcon$1 = RearangeIcon;
 
-  var _excluded$2c = ["gradient"];
+  var _excluded$2d = ["gradient"];
 
   /**
    * @component RearrangeSmallIcon
@@ -9023,7 +9027,7 @@
    */
   var RearrangeSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2c);
+      props = _objectWithoutProperties(_ref, _excluded$2d);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -9043,7 +9047,7 @@
   RearrangeSmallIcon.displayName = "RearrangeSmallIcon";
   var RearrangeSmallIcon$1 = RearrangeSmallIcon;
 
-  var _excluded$2b = ["gradient"];
+  var _excluded$2c = ["gradient"];
 
   /**
    * @component RecurringCheckmarkSmallIcon
@@ -9073,7 +9077,7 @@
    */
   var RecurringCheckmarkSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2b);
+      props = _objectWithoutProperties(_ref, _excluded$2c);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -9093,7 +9097,7 @@
   RecurringCheckmarkSmallIcon.displayName = "RecurringCheckmarkSmallIcon";
   var RecurringCheckmarkSmallIcon$1 = RecurringCheckmarkSmallIcon;
 
-  var _excluded$2a = ["gradient"];
+  var _excluded$2b = ["gradient"];
 
   /**
    * @component RecurringCheckmarkIcon
@@ -9123,7 +9127,7 @@
    */
   var RecurringCheckmarkIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2a);
+      props = _objectWithoutProperties(_ref, _excluded$2b);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -9143,7 +9147,7 @@
   RecurringCheckmarkIcon.displayName = "RecurringCheckmarkIcon";
   var RecurringCheckmarkIcon$1 = RecurringCheckmarkIcon;
 
-  var _excluded$29 = ["gradient"];
+  var _excluded$2a = ["gradient"];
 
   /**
    * @component RecurringDollarIcon
@@ -9173,7 +9177,7 @@
    */
   var RecurringDollarIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$29);
+      props = _objectWithoutProperties(_ref, _excluded$2a);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9195,7 +9199,7 @@
   RecurringDollarIcon.displayName = "RecurringDollarIcon";
   var RecurringDollarIcon$1 = RecurringDollarIcon;
 
-  var _excluded$28 = ["gradient"];
+  var _excluded$29 = ["gradient"];
 
   /**
    * @component RecurringSmallIcon
@@ -9225,7 +9229,7 @@
    */
   var RecurringSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$28);
+      props = _objectWithoutProperties(_ref, _excluded$29);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -9246,7 +9250,7 @@
   RecurringSmallIcon.displayName = "RecurringSmallIcon";
   var RecurringSmallIcon$1 = RecurringSmallIcon;
 
-  var _excluded$27 = ["gradient"];
+  var _excluded$28 = ["gradient"];
 
   /**
    * @component ReorderIcon
@@ -9276,7 +9280,7 @@
    */
   var ReorderIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$27);
+      props = _objectWithoutProperties(_ref, _excluded$28);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -9295,7 +9299,7 @@
   ReorderIcon.displayName = "ReorderIcon";
   var ReorderIcon$1 = ReorderIcon;
 
-  var _excluded$26 = ["gradient"];
+  var _excluded$27 = ["gradient"];
 
   /**
    * @component ReportTimeIcon
@@ -9325,7 +9329,7 @@
    */
   var ReportTimeIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$26);
+      props = _objectWithoutProperties(_ref, _excluded$27);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -9345,7 +9349,7 @@
   ReportTimeIcon.displayName = "ReportTimeIcon";
   var ReportTimeIcon$1 = ReportTimeIcon;
 
-  var _excluded$25 = ["gradient"];
+  var _excluded$26 = ["gradient"];
 
   /**
    * @component ReportsIcon
@@ -9375,7 +9379,7 @@
    */
   var ReportsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$25);
+      props = _objectWithoutProperties(_ref, _excluded$26);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -9399,7 +9403,7 @@
   ReportsIcon.displayName = "ReportsIcon";
   var ReportsIcon$1 = ReportsIcon;
 
-  var _excluded$24 = ["gradient"];
+  var _excluded$25 = ["gradient"];
 
   /**
    * @component RocketSmallIcon
@@ -9429,7 +9433,7 @@
    */
   var RocketSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$24);
+      props = _objectWithoutProperties(_ref, _excluded$25);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 18,
@@ -9447,7 +9451,7 @@
   RocketSmallIcon.displayName = "RocketSmallIcon";
   var RocketSmallIcon$1 = RocketSmallIcon;
 
-  var _excluded$23 = ["gradient"];
+  var _excluded$24 = ["gradient"];
 
   /**
    * @component RocketIcon
@@ -9477,7 +9481,7 @@
    */
   var RocketIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$23);
+      props = _objectWithoutProperties(_ref, _excluded$24);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -9496,7 +9500,7 @@
   RocketIcon.displayName = "RocketIcon";
   var RocketIcon$1 = RocketIcon;
 
-  var _excluded$22 = ["gradient"];
+  var _excluded$23 = ["gradient"];
 
   /**
    * @component SaveIcon
@@ -9526,7 +9530,7 @@
    */
   var SaveIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$22);
+      props = _objectWithoutProperties(_ref, _excluded$23);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -9547,7 +9551,7 @@
   SaveIcon.displayName = "SaveIcon";
   var SaveIcon$1 = SaveIcon;
 
-  var _excluded$21 = ["gradient"];
+  var _excluded$22 = ["gradient"];
 
   /**
    * @component SearchLargeIcon
@@ -9577,7 +9581,7 @@
    */
   var SearchLargeIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$21);
+      props = _objectWithoutProperties(_ref, _excluded$22);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 32,
       height: 32,
@@ -9598,7 +9602,7 @@
   SearchLargeIcon.displayName = "SearchLargeIcon";
   var SearchLargeIcon$1 = SearchLargeIcon;
 
-  var _excluded$20 = ["gradient"];
+  var _excluded$21 = ["gradient"];
 
   /**
    * @component SearchIcon
@@ -9628,7 +9632,7 @@
    */
   var SearchIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$20);
+      props = _objectWithoutProperties(_ref, _excluded$21);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -9647,7 +9651,7 @@
   SearchIcon.displayName = "SearchIcon";
   var SearchIcon$1 = SearchIcon;
 
-  var _excluded$1$ = ["gradient"];
+  var _excluded$20 = ["gradient"];
 
   /**
    * @component SendBlankIcon
@@ -9677,7 +9681,7 @@
    */
   var SendBlankIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1$);
+      props = _objectWithoutProperties(_ref, _excluded$20);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -9696,7 +9700,7 @@
   SendBlankIcon.displayName = "SendBlankIcon";
   var SendBlankIcon$1 = SendBlankIcon;
 
-  var _excluded$1_ = ["gradient"];
+  var _excluded$1$ = ["gradient"];
 
   /**
    * @component SendFilledIcon
@@ -9726,7 +9730,7 @@
    */
   var SendFilledIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1_);
+      props = _objectWithoutProperties(_ref, _excluded$1$);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -9745,7 +9749,7 @@
   SendFilledIcon.displayName = "SendFilledIcon";
   var SendFilledIcon$1 = SendFilledIcon;
 
-  var _excluded$1Z = ["gradient"];
+  var _excluded$1_ = ["gradient"];
 
   /**
    * @component SettingsIcon
@@ -9775,7 +9779,7 @@
    */
   var SettingsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1Z);
+      props = _objectWithoutProperties(_ref, _excluded$1_);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -9795,7 +9799,7 @@
   SettingsIcon.displayName = "SettingsIcon";
   var SettingsIcon$1 = SettingsIcon;
 
-  var _excluded$1Y = ["gradient"];
+  var _excluded$1Z = ["gradient"];
 
   /**
    * @component ShieldIcon
@@ -9825,7 +9829,7 @@
    */
   var ShieldIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1Y);
+      props = _objectWithoutProperties(_ref, _excluded$1Z);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -9846,7 +9850,7 @@
   ShieldIcon.displayName = "ShieldIcon";
   var ShieldIcon$1 = ShieldIcon;
 
-  var _excluded$1X = ["gradient"];
+  var _excluded$1Y = ["gradient"];
 
   /**
    * @component SortGeneralIcon
@@ -9876,7 +9880,7 @@
    */
   var SortGeneralIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1X);
+      props = _objectWithoutProperties(_ref, _excluded$1Y);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -9896,7 +9900,7 @@
   SortGeneralIcon.displayName = "SortGeneralIcon";
   var SortGeneralIcon$1 = SortGeneralIcon;
 
-  var _excluded$1W = ["gradient"];
+  var _excluded$1X = ["gradient"];
 
   /**
    * @component SortIcon
@@ -9926,7 +9930,7 @@
    */
   var SortIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1W);
+      props = _objectWithoutProperties(_ref, _excluded$1X);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 10,
       height: 10,
@@ -9946,7 +9950,7 @@
   SortIcon.displayName = "SortIcon";
   var SortIcon$1 = SortIcon;
 
-  var _excluded$1V = ["gradient"];
+  var _excluded$1W = ["gradient"];
 
   /**
    * @component SortListIcon
@@ -9976,7 +9980,7 @@
    */
   var SortListIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1V);
+      props = _objectWithoutProperties(_ref, _excluded$1W);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 20,
       height: 18,
@@ -9996,7 +10000,7 @@
   SortListIcon.displayName = "SortListIcon";
   var SortListIcon$1 = SortListIcon;
 
-  var _excluded$1U = ["gradient"];
+  var _excluded$1V = ["gradient"];
 
   /**
    * @component SortSmallIcon
@@ -10026,7 +10030,7 @@
    */
   var SortSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1U);
+      props = _objectWithoutProperties(_ref, _excluded$1V);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 10,
       height: 10,
@@ -10047,7 +10051,7 @@
   SortSmallIcon.displayName = "SortSmallIcon";
   var SortSmallIcon$1 = SortSmallIcon;
 
-  var _excluded$1T = ["gradient"];
+  var _excluded$1U = ["gradient"];
 
   /**
    * @component SparkIcon
@@ -10077,7 +10081,7 @@
    */
   var SparkIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1T);
+      props = _objectWithoutProperties(_ref, _excluded$1U);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10100,7 +10104,7 @@
   SparkIcon.displayName = "SparkIcon";
   var SparkIcon$1 = SparkIcon;
 
-  var _excluded$1S = ["gradient"];
+  var _excluded$1T = ["gradient"];
 
   /**
    * @component StarOutlineIcon
@@ -10130,7 +10134,7 @@
    */
   var StarOutlineIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1S);
+      props = _objectWithoutProperties(_ref, _excluded$1T);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -10150,7 +10154,7 @@
   StarOutlineIcon.displayName = "StarOutlineIcon";
   var StarOutlineIcon$1 = StarOutlineIcon;
 
-  var _excluded$1R = ["gradient"];
+  var _excluded$1S = ["gradient"];
 
   /**
    * @component StarIcon
@@ -10180,7 +10184,7 @@
    */
   var StarIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1R);
+      props = _objectWithoutProperties(_ref, _excluded$1S);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -10200,7 +10204,7 @@
   StarIcon.displayName = "StarIcon";
   var StarIcon$1 = StarIcon;
 
-  var _excluded$1Q = ["gradient"];
+  var _excluded$1R = ["gradient"];
 
   /**
    * @component StatusIcon
@@ -10230,7 +10234,7 @@
    */
   var StatusIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1Q);
+      props = _objectWithoutProperties(_ref, _excluded$1R);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -10255,7 +10259,7 @@
   StatusIcon.displayName = "StatusIcon";
   var StatusIcon$1 = StatusIcon;
 
-  var _excluded$1P = ["gradient"];
+  var _excluded$1Q = ["gradient"];
 
   /**
    * @component StopwatchIcon
@@ -10285,7 +10289,7 @@
    */
   var StopwatchIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1P);
+      props = _objectWithoutProperties(_ref, _excluded$1Q);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 16,
@@ -10305,7 +10309,7 @@
   StopwatchIcon.displayName = "StopwatchIcon";
   var StopwatchIcon$1 = StopwatchIcon;
 
-  var _excluded$1O = ["gradient"];
+  var _excluded$1P = ["gradient"];
 
   /**
    * @component SunIcon
@@ -10335,7 +10339,7 @@
    */
   var SunIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1O);
+      props = _objectWithoutProperties(_ref, _excluded$1P);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 22,
       height: 22,
@@ -10360,7 +10364,7 @@
   SunIcon.displayName = "SunIcon";
   var SunIcon$1 = SunIcon;
 
-  var _excluded$1N = ["gradient"];
+  var _excluded$1O = ["gradient"];
 
   /**
    * @component SystemSettingsIcon
@@ -10390,7 +10394,7 @@
    */
   var SystemSettingsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1N);
+      props = _objectWithoutProperties(_ref, _excluded$1O);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -10411,7 +10415,7 @@
   SystemSettingsIcon.displayName = "SystemSettingsIcon";
   var SystemSettingsIcon$1 = SystemSettingsIcon;
 
-  var _excluded$1M = ["gradient"];
+  var _excluded$1N = ["gradient"];
 
   /**
    * @component TaskAddIcon
@@ -10441,7 +10445,7 @@
    */
   var TaskAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1M);
+      props = _objectWithoutProperties(_ref, _excluded$1N);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -10461,7 +10465,7 @@
   TaskAddIcon.displayName = "TaskAddIcon";
   var TaskAddIcon$1 = TaskAddIcon;
 
-  var _excluded$1L = ["gradient"];
+  var _excluded$1M = ["gradient"];
 
   /**
    * @component TaskListAddIcon
@@ -10491,7 +10495,7 @@
    */
   var TaskListAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1L);
+      props = _objectWithoutProperties(_ref, _excluded$1M);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -10511,7 +10515,7 @@
   TaskListAddIcon.displayName = "TaskListAddIcon";
   var TaskListAddIcon$1 = TaskListAddIcon;
 
-  var _excluded$1K = ["gradient"];
+  var _excluded$1L = ["gradient"];
 
   /**
    * @component TaskListCompleteIcon
@@ -10541,7 +10545,7 @@
    */
   var TaskListCompleteIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1K);
+      props = _objectWithoutProperties(_ref, _excluded$1L);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -10562,7 +10566,7 @@
   TaskListCompleteIcon.displayName = "TaskListCompleteIcon";
   var TaskListCompleteIcon$1 = TaskListCompleteIcon;
 
-  var _excluded$1J = ["gradient"];
+  var _excluded$1K = ["gradient"];
 
   /**
    * @component TaskListIcon
@@ -10592,7 +10596,7 @@
    */
   var TaskListIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1J);
+      props = _objectWithoutProperties(_ref, _excluded$1K);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -10613,7 +10617,7 @@
   TaskListIcon.displayName = "TaskListIcon";
   var TaskListIcon$1 = TaskListIcon;
 
-  var _excluded$1I = ["gradient"];
+  var _excluded$1J = ["gradient"];
 
   /**
    * @component ThumbUpOutlineIcon
@@ -10643,7 +10647,7 @@
    */
   var ThumbUpOutlineIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1I);
+      props = _objectWithoutProperties(_ref, _excluded$1J);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 14,
       height: 14,
@@ -10663,7 +10667,7 @@
   ThumbUpOutlineIcon.displayName = "ThumbUpOutlineIcon";
   var ThumbUpOutlineIcon$1 = ThumbUpOutlineIcon;
 
-  var _excluded$1H = ["gradient"];
+  var _excluded$1I = ["gradient"];
 
   /**
    * @component TrashIcon
@@ -10693,7 +10697,7 @@
    */
   var TrashIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1H);
+      props = _objectWithoutProperties(_ref, _excluded$1I);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -10717,7 +10721,7 @@
   TrashIcon.displayName = "TrashIcon";
   var TrashIcon$1 = TrashIcon;
 
-  var _excluded$1G = ["gradient"];
+  var _excluded$1H = ["gradient"];
 
   /**
    * @component TreeDotsIcon
@@ -10747,7 +10751,7 @@
    */
   var TreeDotsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1G);
+      props = _objectWithoutProperties(_ref, _excluded$1H);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -10767,7 +10771,7 @@
   TreeDotsIcon.displayName = "TreeDotsIcon";
   var TreeDotsIcon$1 = TreeDotsIcon;
 
-  var _excluded$1F = ["gradient"];
+  var _excluded$1G = ["gradient"];
 
   /**
    * @component UploadIcon
@@ -10797,7 +10801,7 @@
    */
   var UploadIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1F);
+      props = _objectWithoutProperties(_ref, _excluded$1G);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -10817,7 +10821,7 @@
   UploadIcon.displayName = "UploadIcon";
   var UploadIcon$1 = UploadIcon;
 
-  var _excluded$1E = ["gradient"];
+  var _excluded$1F = ["gradient"];
 
   /**
    * @component ViewDayIcon
@@ -10847,7 +10851,7 @@
    */
   var ViewDayIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1E);
+      props = _objectWithoutProperties(_ref, _excluded$1F);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -10866,7 +10870,7 @@
   ViewDayIcon.displayName = "ViewDayIcon";
   var ViewDayIcon$1 = ViewDayIcon;
 
-  var _excluded$1D = ["gradient"];
+  var _excluded$1E = ["gradient"];
 
   /**
    * @component ViewGridIcon
@@ -10896,7 +10900,7 @@
    */
   var ViewGridIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1D);
+      props = _objectWithoutProperties(_ref, _excluded$1E);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -10916,7 +10920,7 @@
   ViewGridIcon.displayName = "ViewGridIcon";
   var ViewGridIcon$1 = ViewGridIcon;
 
-  var _excluded$1C = ["gradient"];
+  var _excluded$1D = ["gradient"];
 
   /**
    * @component ViewListIcon
@@ -10946,7 +10950,7 @@
    */
   var ViewListIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1C);
+      props = _objectWithoutProperties(_ref, _excluded$1D);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -10966,7 +10970,7 @@
   ViewListIcon.displayName = "ViewListIcon";
   var ViewListIcon$1 = ViewListIcon;
 
-  var _excluded$1B = ["gradient"];
+  var _excluded$1C = ["gradient"];
 
   /**
    * @component ViewTimelineIcon
@@ -10996,7 +11000,7 @@
    */
   var ViewTimelineIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1B);
+      props = _objectWithoutProperties(_ref, _excluded$1C);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -11016,7 +11020,7 @@
   ViewTimelineIcon.displayName = "ViewTimelineIcon";
   var ViewTimelineIcon$1 = ViewTimelineIcon;
 
-  var _excluded$1A = ["gradient"];
+  var _excluded$1B = ["gradient"];
 
   /**
    * @component VolumeHighIcon
@@ -11046,7 +11050,7 @@
    */
   var VolumeHighIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1A);
+      props = _objectWithoutProperties(_ref, _excluded$1B);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -11066,7 +11070,7 @@
   VolumeHighIcon.displayName = "VolumeHighIcon";
   var VolumeHighIcon$1 = VolumeHighIcon;
 
-  var _excluded$1z = ["gradient"];
+  var _excluded$1A = ["gradient"];
 
   /**
    * @component WarningTriangleSmallIcon
@@ -11096,7 +11100,7 @@
    */
   var WarningTriangleSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1z);
+      props = _objectWithoutProperties(_ref, _excluded$1A);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 12,
       height: 12,
@@ -11116,7 +11120,7 @@
   WarningTriangleSmallIcon.displayName = "WarningTriangleSmallIcon";
   var WarningTriangleSmallIcon$1 = WarningTriangleSmallIcon;
 
-  var _excluded$1y = ["gradient"];
+  var _excluded$1z = ["gradient"];
 
   /**
    * @component WarningTriangleIcon
@@ -11146,7 +11150,7 @@
    */
   var WarningTriangleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1y);
+      props = _objectWithoutProperties(_ref, _excluded$1z);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -11166,7 +11170,7 @@
   WarningTriangleIcon.displayName = "WarningTriangleIcon";
   var WarningTriangleIcon$1 = WarningTriangleIcon;
 
-  var _excluded$1x = ["gradient"];
+  var _excluded$1y = ["gradient"];
 
   /**
    * @component WarningIcon
@@ -11196,7 +11200,7 @@
    */
   var WarningIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1x);
+      props = _objectWithoutProperties(_ref, _excluded$1y);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -11216,7 +11220,7 @@
   WarningIcon.displayName = "WarningIcon";
   var WarningIcon$1 = WarningIcon;
 
-  var _excluded$1w = ["gradient"];
+  var _excluded$1x = ["gradient"];
 
   /**
    * @component WorkloadIcon
@@ -11246,7 +11250,7 @@
    */
   var WorkloadIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1w);
+      props = _objectWithoutProperties(_ref, _excluded$1x);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 24,
       height: 24,
@@ -11270,7 +11274,7 @@
   WorkloadIcon.displayName = "WorkloadIcon";
   var WorkloadIcon$1 = WorkloadIcon;
 
-  var _excluded$1v = ["gradient"];
+  var _excluded$1w = ["gradient"];
 
   /**
    * @component ReminderIcon
@@ -11300,7 +11304,7 @@
    */
   var ReminderIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1v);
+      props = _objectWithoutProperties(_ref, _excluded$1w);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       width: 18,
       height: 18,
@@ -11353,7 +11357,7 @@
   }, FontStyle, BoxSizingStyle);
   StyledBubble.displayName = "StyledBubble";
 
-  var _excluded$1u = ["children", "className", "innerRef", "style"];
+  var _excluded$1v = ["children", "className", "innerRef", "style"];
   var Bubble = function Bubble(_ref) {
     var children = _ref.children,
       className = _ref.className,
@@ -11361,7 +11365,7 @@
       innerRef = _ref$innerRef === void 0 ? null : _ref$innerRef,
       _ref$style = _ref.style,
       style = _ref$style === void 0 ? {} : _ref$style,
-      rest = _objectWithoutProperties(_ref, _excluded$1u);
+      rest = _objectWithoutProperties(_ref, _excluded$1v);
     return /*#__PURE__*/React__default["default"].createElement(StyledBubble, _extends({}, rest, {
       ref: innerRef,
       className: classNames__default["default"]("c-bubble", className),
@@ -11422,12 +11426,12 @@
   });
   StyledOverlay.displayName = "StyledOverlay";
 
-  var _excluded$1t = ["className", "disableBackgroundColor"];
+  var _excluded$1u = ["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$1t);
+      rest = _objectWithoutProperties(_ref, _excluded$1u);
     return /*#__PURE__*/React__default["default"].createElement(StyledOverlay, _extends({
       className: classNames__default["default"]("c-overlay", className),
       $disableBackgroundColor: disableBackgroundColor
@@ -11440,7 +11444,7 @@
     componentId: "sc-1hgjasy-0"
   })(["&[data-popper-reference-hidden]{display:none !important;pointer-events:none !important;}"]);
 
-  var _excluded$1s = ["children", "anchorEl", "open", "style", "transition", "placement", "strategy", "afterWrite"];
+  var _excluded$1t = ["children", "anchorEl", "open", "style", "transition", "placement", "strategy", "afterWrite"];
   var Popper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       anchorEl = _ref.anchorEl,
@@ -11454,7 +11458,7 @@
       _ref$strategy = _ref.strategy,
       strategy = _ref$strategy === void 0 ? "absolute" : _ref$strategy,
       afterWrite = _ref.afterWrite,
-      rest = _objectWithoutProperties(_ref, _excluded$1s);
+      rest = _objectWithoutProperties(_ref, _excluded$1t);
     var _useState = React.useState(true),
       _useState2 = _slicedToArray(_useState, 2),
       exited = _useState2[0],
@@ -11601,7 +11605,7 @@
   };
   var LayerContext$1 = LayerContext;
 
-  var _excluded$1r = ["children", "onClose", "className", "style", "onKeyDown", "disableFocusLock", "disableScrollLock", "disableCloseOnEsc", "onClick"];
+  var _excluded$1s = ["children", "onClose", "className", "style", "onKeyDown", "disableFocusLock", "disableScrollLock", "disableCloseOnEsc", "onClick"];
   var returnFocus = {
     preventScroll: true
   };
@@ -11618,7 +11622,7 @@
       _ref$disableCloseOnEs = _ref.disableCloseOnEsc,
       disableCloseOnEsc = _ref$disableCloseOnEs === void 0 ? false : _ref$disableCloseOnEs,
       onClick = _ref.onClick,
-      rest = _objectWithoutProperties(_ref, _excluded$1r);
+      rest = _objectWithoutProperties(_ref, _excluded$1s);
     var innerRef = React.useRef(null);
     var handleRef = useForkRef(innerRef, ref);
     var _useLayerContext = useLayerContext(),
@@ -11929,7 +11933,7 @@
   });
   StyledTypography.displayName = "StyledTypography";
 
-  var _excluded$1q = ["variant", "as", "color", "italic", "tabularNums", "letterSpacing", "lineHeight", "align", "decoration", "transform", "overflow", "whitespace", "wordBreak", "weight", "className", "children"];
+  var _excluded$1r = ["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,
@@ -11960,7 +11964,7 @@
       weight = _ref$weight === void 0 ? "regular" : _ref$weight,
       className = _ref.className,
       children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$1q);
+      props = _objectWithoutProperties(_ref, _excluded$1r);
     var Component = as || "div";
     return /*#__PURE__*/React__default["default"].createElement(StyledTypography, _extends({
       as: Component,
@@ -11983,13 +11987,13 @@
   });
   Typography.displayName = "Typography";
 
-  var _excluded$1p = ["title", "className", "leftElement", "rightElement"];
+  var _excluded$1q = ["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$1p);
+      props = _objectWithoutProperties(_ref, _excluded$1q);
     return /*#__PURE__*/React__default["default"].createElement(StyledMenuHeader, _extends({}, props, {
       className: classNames__default["default"]("c-menu-header", className),
       ref: ref
@@ -12014,11 +12018,11 @@
   });
   MenuHeader.displayName = "MenuHeader";
 
-  var _excluded$1o = ["children", "className"];
+  var _excluded$1p = ["children", "className"];
   var MenuFooter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$1o);
+      props = _objectWithoutProperties(_ref, _excluded$1p);
     return /*#__PURE__*/React__default["default"].createElement(StyledMenuFooter$1, _extends({}, props, {
       className: classNames__default["default"]("c-menu-footer", className),
       ref: ref
@@ -12026,14 +12030,14 @@
   });
   MenuFooter.displayName = "MenuFooter";
 
-  var _excluded$1n = ["children", "className", "separator"];
+  var _excluded$1o = ["children", "className", "separator"];
   var Breadcrumbs = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var _dimensions$width, _childDimensions$widt;
     var children = _ref.children,
       className = _ref.className,
       _ref$separator = _ref.separator,
       separator = _ref$separator === void 0 ? "/" : _ref$separator,
-      rest = _objectWithoutProperties(_ref, _excluded$1n);
+      rest = _objectWithoutProperties(_ref, _excluded$1o);
     var internalRef = React.useRef(null);
     var listWrapperRef = React.useRef(null);
     var olRef = React.useRef(null);
@@ -12211,12 +12215,12 @@
     }, value && value > 100 ? 99 + "+" : value);
   };
 
-  var _excluded$1m = ["weight", "children"];
+  var _excluded$1n = ["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$1m);
+      props = _objectWithoutProperties(_ref, _excluded$1n);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Body 2",
       weight: weight,
@@ -12326,10 +12330,10 @@
   };
   FromElement.displayName = "FromElement";
 
-  var _excluded$1l = ["children"];
+  var _excluded$1m = ["children"];
   var TooltipAnimation = function TooltipAnimation(_ref) {
     var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$1l);
+      props = _objectWithoutProperties(_ref, _excluded$1m);
     return /*#__PURE__*/React__default["default"].createElement(FromElement, _extends({
       timeout: 0
     }, props), children);
@@ -12404,7 +12408,7 @@
   });
   Tooltip.displayName = "Tooltip";
 
-  var _excluded$1k = ["label", "icon", "active", "counter", "tooltipText", "onClearAll", "className", "labelClassName", "disabled"];
+  var _excluded$1l = ["label", "icon", "active", "counter", "tooltipText", "onClearAll", "className", "labelClassName", "disabled"];
   var CounterButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var label = _ref.label,
       icon = _ref.icon,
@@ -12417,7 +12421,7 @@
       labelClassName = _ref.labelClassName,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      args = _objectWithoutProperties(_ref, _excluded$1k);
+      args = _objectWithoutProperties(_ref, _excluded$1l);
     return /*#__PURE__*/React__default["default"].createElement(StyledCounterButtonWrapper, {
       ref: ref,
       className: className
@@ -12584,13 +12588,13 @@
   })(["padding:20px 30px;", " ", ""], FontStyle, BoxSizingStyle);
   StyledDialogActions.displayName = "StyledDialogActions";
 
-  var _excluded$1j = ["className", "children"];
+  var _excluded$1k = ["className", "children"];
   // import { useDialogContext } from "./DialogContext";
 
   var DialogActions = function DialogActions(_ref) {
     var className = _ref.className,
       children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded$1j);
+      rest = _objectWithoutProperties(_ref, _excluded$1k);
     // useDialogContext();
 
     return /*#__PURE__*/React__default["default"].createElement(StyledDialogActions, _extends({
@@ -12599,13 +12603,13 @@
   };
   DialogActions.displayName = "DialogActions";
 
-  var _excluded$1i = ["className", "children"];
+  var _excluded$1j = ["className", "children"];
   // import { useDialogContext } from "./DialogContext";
 
   var DialogContent = function DialogContent(_ref) {
     var className = _ref.className,
       children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded$1i);
+      rest = _objectWithoutProperties(_ref, _excluded$1j);
     // useDialogContext();
 
     return /*#__PURE__*/React__default["default"].createElement(StyledDialogContent, _extends({
@@ -12626,10 +12630,10 @@
   };
   DialogContentDivider.displayName = "DialogContentDivider";
 
-  var _excluded$1h = ["children"];
+  var _excluded$1i = ["children"];
   var Header3 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$1h);
+      props = _objectWithoutProperties(_ref, _excluded$1i);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: "bold",
       variant: "Header 3",
@@ -12638,7 +12642,7 @@
   });
   Header3.displayName = "Header3";
 
-  var _excluded$1g = ["children", "className", "disableDefaultHeading"];
+  var _excluded$1h = ["children", "className", "disableDefaultHeading"];
   // import { useDialogContext } from "./DialogContext";
 
   var DialogTitle = function DialogTitle(_ref) {
@@ -12646,7 +12650,7 @@
       className = _ref.className,
       _ref$disableDefaultHe = _ref.disableDefaultHeading,
       disableDefaultHeading = _ref$disableDefaultHe === void 0 ? false : _ref$disableDefaultHe,
-      rest = _objectWithoutProperties(_ref, _excluded$1g);
+      rest = _objectWithoutProperties(_ref, _excluded$1h);
     // useDialogContext();
 
     return /*#__PURE__*/React__default["default"].createElement(StyledDialogTitle, _extends({
@@ -12675,7 +12679,7 @@
     function () {});
   }
 
-  var _excluded$1f = ["children", "disableFocusLock", "disableScrollLock", "disableBackgroundClick", "disableBackgroundColor", "disableCloseOnEsc", "open", "onClose", "onClickOutside"];
+  var _excluded$1g = ["children", "disableFocusLock", "disableScrollLock", "disableBackgroundClick", "disableBackgroundColor", "disableCloseOnEsc", "open", "onClose", "onClickOutside"];
   var getHasTransition = function getHasTransition(children) {
     return children.props ? Object.prototype.hasOwnProperty.call(children.props, "in") : false;
   };
@@ -12695,7 +12699,7 @@
       defaultOpen = _ref$open === void 0 ? false : _ref$open,
       onClose = _ref.onClose,
       onClickOutside = _ref.onClickOutside,
-      rest = _objectWithoutProperties(_ref, _excluded$1f);
+      rest = _objectWithoutProperties(_ref, _excluded$1g);
     var _useState = React.useState(defaultOpen),
       _useState2 = _slicedToArray(_useState, 2),
       open = _useState2[0],
@@ -12763,7 +12767,7 @@
   });
   Modal.displayName = "Modal";
 
-  var _excluded$1e = ["in", "children", "style", "timeout"];
+  var _excluded$1f = ["in", "children", "style", "timeout"];
   var defaultStyle$2 = function defaultStyle(duration) {
     return {
       transition: "all ".concat(duration, "ms ease-in-out"),
@@ -12791,7 +12795,7 @@
       style = _ref.style,
       _ref$timeout = _ref.timeout,
       timeout = _ref$timeout === void 0 ? 500 : _ref$timeout,
-      rest = _objectWithoutProperties(_ref, _excluded$1e);
+      rest = _objectWithoutProperties(_ref, _excluded$1f);
     return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.Transition, _extends({
       appear: true,
       in: inProp,
@@ -12806,7 +12810,7 @@
   };
   Fade.displayName = "Fade";
 
-  var _excluded$1d = ["in", "children", "style", "timeout", "initialDirection"];
+  var _excluded$1e = ["in", "children", "style", "timeout", "initialDirection"];
   var Slide = function Slide(_ref) {
     var _ref$in = _ref.in,
       inProp = _ref$in === void 0 ? false : _ref$in,
@@ -12816,7 +12820,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$1d);
+      rest = _objectWithoutProperties(_ref, _excluded$1e);
     var directionSign;
     switch (initialDirection) {
       case "right":
@@ -12922,12 +12926,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$1c = ["children", "direction"];
+  var _excluded$1d = ["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$1c);
+      props = _objectWithoutProperties(_ref, _excluded$1d);
     return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.CSSTransition, _extends({
       timeout: 200,
       classNames: "c-slide",
@@ -12970,7 +12974,7 @@
   };
   ResizeTransition.displayName = "ResizeTransition";
 
-  var _excluded$1b = ["in", "children", "style", "timeout"];
+  var _excluded$1c = ["in", "children", "style", "timeout"];
   var defaultStyle = function defaultStyle(duration) {
     return {
       transition: "all ".concat(duration, "ms ease-in"),
@@ -13004,7 +13008,7 @@
       style = _ref.style,
       _ref$timeout = _ref.timeout,
       timeout = _ref$timeout === void 0 ? 200 : _ref$timeout,
-      rest = _objectWithoutProperties(_ref, _excluded$1b);
+      rest = _objectWithoutProperties(_ref, _excluded$1c);
     return /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.Transition, _extends({
       appear: true,
       in: inProp,
@@ -13054,7 +13058,7 @@
   };
   Scale.displayName = "Scale";
 
-  var _excluded$1a = ["children", "open", "onClose", "className", "enableBackgroundClick", "disableCloseOnEsc", "animate", "onClickOutside", "fullWidth"];
+  var _excluded$1b = ["children", "open", "onClose", "className", "enableBackgroundClick", "disableCloseOnEsc", "animate", "onClickOutside", "fullWidth"];
   var _Dialog = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       _ref$open = _ref.open,
@@ -13070,7 +13074,7 @@
       onClickOutside = _ref.onClickOutside,
       _ref$fullWidth = _ref.fullWidth,
       fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
-      rest = _objectWithoutProperties(_ref, _excluded$1a);
+      rest = _objectWithoutProperties(_ref, _excluded$1b);
     var animateDialog = function animateDialog() {
       switch (animate) {
         case "fade":
@@ -14508,10 +14512,10 @@
     componentId: "sc-1n0a2yl-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$19 = ["className"];
+  var _excluded$1a = ["className"];
   var SkeletonLoader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$19);
+      rest = _objectWithoutProperties(_ref, _excluded$1a);
     return /*#__PURE__*/React__default["default"].createElement(StyledSkeletonLoader, _extends({
       ref: ref,
       className: classNames__default["default"]("c-loader c-loader--linear", className)
@@ -14525,10 +14529,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$18 = ["className"];
+  var _excluded$19 = ["className"];
   var DotsLoader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$18);
+      rest = _objectWithoutProperties(_ref, _excluded$19);
     return /*#__PURE__*/React__default["default"].createElement(StyledDotsLoader, _extends({
       ref: ref,
       className: classNames__default["default"]("c-loader c-loader--dots", className)
@@ -14550,7 +14554,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$17 = ["radius", "stroke", "activeStrokeColor", "inactiveStrokeColor", "activeColorPercentage", "rotateDurationInSeconds", "className"];
+  var _excluded$18 = ["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,
@@ -14565,7 +14569,7 @@
       _ref$rotateDurationIn = _ref.rotateDurationInSeconds,
       rotateDurationInSeconds = _ref$rotateDurationIn === void 0 ? 0.75 : _ref$rotateDurationIn,
       className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$17);
+      rest = _objectWithoutProperties(_ref, _excluded$18);
     return /*#__PURE__*/React__default["default"].createElement(StyledSpinnerLoader$1, _extends({
       ref: ref,
       className: className,
@@ -14604,7 +14608,7 @@
   });
   StyledLinearLoader.displayName = "StyledLinearLoader";
 
-  var _excluded$16 = ["height", "activeStrokeColor", "inactiveStrokeColor", "activeColorPercentage", "animationDuration"];
+  var _excluded$17 = ["height", "activeStrokeColor", "inactiveStrokeColor", "activeColorPercentage", "animationDuration"];
   var LinearLoader = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$height = _ref.height,
       height = _ref$height === void 0 ? 4 : _ref$height,
@@ -14616,7 +14620,7 @@
       activeColorPercentage = _ref$activeColorPerce === void 0 ? "25%" : _ref$activeColorPerce,
       _ref$animationDuratio = _ref.animationDuration,
       animationDuration = _ref$animationDuratio === void 0 ? 0.75 : _ref$animationDuratio,
-      rest = _objectWithoutProperties(_ref, _excluded$16);
+      rest = _objectWithoutProperties(_ref, _excluded$17);
     return /*#__PURE__*/React__default["default"].createElement(StyledLinearLoader, _extends({
       ref: ref,
       $height: height,
@@ -14628,7 +14632,7 @@
   });
   LinearLoader.displayName = "LinearLoader";
 
-  var _excluded$15 = ["header", "rows", "className", "sortBy", "sortDirection", "onSortCallback", "theadClass", "noResultsCallback", "groupBy", "groupHead", "isCollapsible", "emptyValue", "loading", "loadingRows"];
+  var _excluded$16 = ["header", "rows", "className", "sortBy", "sortDirection", "onSortCallback", "theadClass", "noResultsCallback", "groupBy", "groupHead", "isCollapsible", "emptyValue", "loading", "loadingRows"];
   var SortDirection = /*#__PURE__*/function (SortDirection) {
     SortDirection["None"] = "none";
     SortDirection["Asc"] = "asc";
@@ -14678,7 +14682,7 @@
       loading = _ref.loading,
       _ref$loadingRows = _ref.loadingRows,
       loadingRows = _ref$loadingRows === void 0 ? 7 : _ref$loadingRows,
-      args = _objectWithoutProperties(_ref, _excluded$15);
+      args = _objectWithoutProperties(_ref, _excluded$16);
     var _useState = React.useState(sortDirection),
       _useState2 = _slicedToArray(_useState, 2),
       columnDirection = _useState2[0],
@@ -15038,7 +15042,7 @@
   });
   StyledCompleteCheckbox.displayName = "StyledCompleteCheckbox";
 
-  var _excluded$14 = ["completed", "disabled", "animate", "onClick", "className", "primary", "checkMarkClassName"];
+  var _excluded$15 = ["completed", "disabled", "animate", "onClick", "className", "primary", "checkMarkClassName"];
   var CompleteCheckbox = function CompleteCheckbox(_ref) {
     var _ref$completed = _ref.completed,
       completed = _ref$completed === void 0 ? false : _ref$completed,
@@ -15051,7 +15055,7 @@
       _ref$primary = _ref.primary,
       primary = _ref$primary === void 0 ? false : _ref$primary,
       checkMarkClassName = _ref.checkMarkClassName,
-      rest = _objectWithoutProperties(_ref, _excluded$14);
+      rest = _objectWithoutProperties(_ref, _excluded$15);
     return /*#__PURE__*/React__default["default"].createElement(StyledCompleteCheckbox, _extends({
       onClick: onClick,
       className: classNames__default["default"]("c-complete-checkbox", className),
@@ -15086,7 +15090,7 @@
   });
   StyledPaper.displayName = "StyledPaper";
 
-  var _excluded$13 = ["children", "className", "type", "hover", "useOptimizedShadow"];
+  var _excluded$14 = ["children", "className", "type", "hover", "useOptimizedShadow"];
   /**
    * This is a component description and should sit directly above your component
    */
@@ -15099,7 +15103,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$13);
+      rest = _objectWithoutProperties(_ref, _excluded$14);
     return /*#__PURE__*/React__default["default"].createElement(StyledPaper, _extends({
       className: classNames__default["default"](className, {
         "ac-shadow--raised--lg": !useOptimizedShadow && hover && type === "paper-1",
@@ -15155,7 +15159,7 @@
   });
   StyledCard.displayName = "StyledCard";
 
-  var _excluded$12 = ["children", "className", "hoverable", "variant", "onClick"];
+  var _excluded$13 = ["children", "className", "hoverable", "variant", "onClick"];
   var Card = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
@@ -15164,7 +15168,7 @@
       _ref$variant = _ref.variant,
       variant = _ref$variant === void 0 ? "paper-2" : _ref$variant,
       onClick = _ref.onClick,
-      rest = _objectWithoutProperties(_ref, _excluded$12);
+      rest = _objectWithoutProperties(_ref, _excluded$13);
     return /*#__PURE__*/React__default["default"].createElement(StyledCard, _extends({}, rest, {
       type: variant,
       className: classNames__default["default"]("c-card", className),
@@ -15245,12 +15249,12 @@
   });
   EntityCard$1.displayName = "EntityCard";
 
-  var _excluded$11 = ["weight", "children"];
+  var _excluded$12 = ["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$11);
+      props = _objectWithoutProperties(_ref, _excluded$12);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: weight,
       variant: "Title 1",
@@ -15259,12 +15263,12 @@
   });
   Title1.displayName = "Title1";
 
-  var _excluded$10 = ["weight", "children"];
+  var _excluded$11 = ["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$10);
+      props = _objectWithoutProperties(_ref, _excluded$11);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: weight,
       variant: "Title 2",
@@ -15273,10 +15277,10 @@
   });
   Title2.displayName = "Title2";
 
-  var _excluded$$ = ["children"];
+  var _excluded$10 = ["children"];
   var Header2 = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$$);
+      props = _objectWithoutProperties(_ref, _excluded$10);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       weight: "bold",
       variant: "Header 2",
@@ -15285,12 +15289,12 @@
   });
   Header2.displayName = "Header2";
 
-  var _excluded$_ = ["weight", "children"];
+  var _excluded$$ = ["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$_);
+      props = _objectWithoutProperties(_ref, _excluded$$);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Body 1",
       weight: weight,
@@ -15299,12 +15303,12 @@
   });
   Body1.displayName = "Body1";
 
-  var _excluded$Z = ["weight", "children"];
+  var _excluded$_ = ["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$Z);
+      props = _objectWithoutProperties(_ref, _excluded$_);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Caption 1",
       weight: weight,
@@ -15313,12 +15317,12 @@
   });
   Caption1.displayName = "Caption1";
 
-  var _excluded$Y = ["weight", "children"];
+  var _excluded$Z = ["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$Y);
+      props = _objectWithoutProperties(_ref, _excluded$Z);
     return /*#__PURE__*/React__default["default"].createElement(Typography, _extends({
       variant: "Caption 2",
       weight: weight,
@@ -15530,7 +15534,7 @@
     componentId: "sc-5x2tyd-1"
   })(["border-radius:100%;object-fit:cover;"]);
 
-  var _excluded$X = ["url", "alt", "size", "className", "imgClassName", "children"];
+  var _excluded$Y = ["url", "alt", "size", "className", "imgClassName", "children"];
   /**
    * @component Avatar
    * @description
@@ -15565,7 +15569,7 @@
       className = _ref.className,
       imgClassName = _ref.imgClassName,
       children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded$X);
+      rest = _objectWithoutProperties(_ref, _excluded$Y);
     var _useState = React.useState(false),
       _useState2 = _slicedToArray(_useState, 2),
       imageLoaded = _useState2[0],
@@ -15606,13 +15610,13 @@
     return props.$color && styled.css(["background-color:", ";"], props.$color);
   });
 
-  var _excluded$W = ["color", "size", "className"];
+  var _excluded$X = ["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$W);
+      rest = _objectWithoutProperties(_ref, _excluded$X);
     return /*#__PURE__*/React__default["default"].createElement(StyledDot, _extends({
       className: classNames__default["default"]("c-dot", className),
       ref: ref,
@@ -15649,7 +15653,7 @@
   });
   StyledTagText.displayName = "StyledTagText";
 
-  var _excluded$V = ["name", "color", "showText", "showDot", "className"];
+  var _excluded$W = ["name", "color", "showText", "showDot", "className"];
   var Tag = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var name = _ref.name,
       color = _ref.color,
@@ -15658,7 +15662,7 @@
       _ref$showDot = _ref.showDot,
       showDot = _ref$showDot === void 0 ? true : _ref$showDot,
       className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded$V);
+      rest = _objectWithoutProperties(_ref, _excluded$W);
     return /*#__PURE__*/React__default["default"].createElement(StyledTag, _extends({
       className: classNames__default["default"]("c-tag", className),
       ref: ref
@@ -15770,7 +15774,7 @@
   });
   StyledNavAsMoreTarget.displayName = "StyledNavAsMoreTarget";
 
-  var _excluded$U = ["children", "active", "disabled", "className", "role"];
+  var _excluded$V = ["children", "active", "disabled", "className", "role"];
   var Item = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var children = _ref.children,
       _ref$active = _ref.active,
@@ -15779,7 +15783,7 @@
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
       className = _ref.className,
       role = _ref.role,
-      rest = _objectWithoutProperties(_ref, _excluded$U);
+      rest = _objectWithoutProperties(_ref, _excluded$V);
     return /*#__PURE__*/React__default["default"].createElement(StyledNavListItem, _extends({
       className: classNames__default["default"]("c-nav__item", {
         "c-nav__item--active": active
@@ -15827,11 +15831,11 @@
   });
   StyledExpandSingle.displayName = "StyledExpandSingle";
 
-  var _excluded$T = ["expanded"];
+  var _excluded$U = ["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$T);
+      rest = _objectWithoutProperties(_ref, _excluded$U);
     return /*#__PURE__*/React__default["default"].createElement(StyledExpandSingle, _extends({
       ref: ref,
       viewBox: "0 0 24 24",
@@ -16007,7 +16011,7 @@
   };
   OptionContent.displayName = "OptionContent";
 
-  var _excluded$S = ["mixed", "data-testid"];
+  var _excluded$T = ["mixed", "data-testid"];
 
   /**
    * @component CheckboxIcon
@@ -16031,7 +16035,7 @@
   var CheckboxIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var mixed = _ref.mixed,
       testId = _ref["data-testid"],
-      props = _objectWithoutProperties(_ref, _excluded$S);
+      props = _objectWithoutProperties(_ref, _excluded$T);
     // const [animate, setAnimate] = useState(false);
     // const mountRef = useRef(false);
 
@@ -16125,7 +16129,7 @@
   });
   StyledCheckbox$1.displayName = "StyledCheckbox";
 
-  var _excluded$R = ["className", "hover", "id", "mixed", "checked", "onChange", "disabled"];
+  var _excluded$S = ["className", "hover", "id", "mixed", "checked", "onChange", "disabled"];
   /**
    * Checkbox component
    */
@@ -16139,7 +16143,7 @@
       checked = _ref.checked,
       onChange = _ref.onChange,
       disabled = _ref.disabled,
-      rest = _objectWithoutProperties(_ref, _excluded$R);
+      rest = _objectWithoutProperties(_ref, _excluded$S);
     var _useState = React.useState(mixed && !checked),
       _useState2 = _slicedToArray(_useState, 2),
       indeterminate = _useState2[0],
@@ -16314,7 +16318,7 @@
   })(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px;display:flex;justify-items:center;align-items:center;"]);
   StyledOptionWrapper.displayName = "StyledOptionWrapper";
 
-  var _excluded$Q = ["className", "style", "type", "disabled", "size", "invalid", "startAdornment", "endAdornment", "wrapRef", "wrapperClick", "mode"];
+  var _excluded$R = ["className", "style", "type", "disabled", "size", "invalid", "startAdornment", "endAdornment", "wrapRef", "wrapperClick", "mode"];
   var Input = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var _ref$className = _ref.className,
       className = _ref$className === void 0 ? "" : _ref$className,
@@ -16333,7 +16337,7 @@
       wrapperClick = _ref.wrapperClick,
       _ref$mode = _ref.mode,
       mode = _ref$mode === void 0 ? "outlined" : _ref$mode,
-      rest = _objectWithoutProperties(_ref, _excluded$Q);
+      rest = _objectWithoutProperties(_ref, _excluded$R);
     var intInputRef = React.useRef(null);
     var handleRef = useForkRef(ref, intInputRef);
     var handleWrapperClick = React.useCallback(function () {
@@ -16390,14 +16394,14 @@
   }, StyledRadioLabel);
   StyledRadioButton$1.displayName = "StyledRadioButton";
 
-  var _excluded$P = ["className", "id", "hover"];
+  var _excluded$Q = ["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$P);
+      props = _objectWithoutProperties(_ref, _excluded$Q);
     return /*#__PURE__*/React__default["default"].createElement(StyledRadioButton$1, {
       className: classNames__default["default"]("c-radio-btn", {
         "c-radio-btn__hover": hover,
@@ -16545,7 +16549,7 @@
   StyledScrollShadowLeft.displayName = "StyledScrollShadowLeft";
   StyledScrollShadowRight.displayName = "StyledScrollShadowRight";
 
-  var _excluded$O = ["children", "className", "disableVertical", "disableHorizontal", "invertHorizontal", "invertVertical", "innerColor", "outerColor"];
+  var _excluded$P = ["children", "className", "disableVertical", "disableHorizontal", "invertHorizontal", "invertVertical", "innerColor", "outerColor"];
   var ScrollShadow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
@@ -16559,7 +16563,7 @@
       invertVertical = _ref$invertVertical === void 0 ? false : _ref$invertVertical,
       innerColor = _ref.innerColor,
       outerColor = _ref.outerColor,
-      rest = _objectWithoutProperties(_ref, _excluded$O);
+      rest = _objectWithoutProperties(_ref, _excluded$P);
     var _useState = React.useState({
         top: 0,
         right: 0,
@@ -16964,7 +16968,7 @@
     };
   };
 
-  var _excluded$N = ["as", "className", "invert", "style"];
+  var _excluded$O = ["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,
@@ -16972,7 +16976,7 @@
       _ref$invert = _ref.invert,
       invert = _ref$invert === void 0 ? false : _ref$invert,
       style = _ref.style,
-      rest = _objectWithoutProperties(_ref, _excluded$N);
+      rest = _objectWithoutProperties(_ref, _excluded$O);
     var internalRef = useInitScrollRef(null, invert);
     var handleRef = useForkRef(internalRef, ref);
     var props = _objectSpread2(_objectSpread2({}, rest), {}, {
@@ -17747,7 +17751,7 @@
     componentId: "sc-9x4q7e-0"
   })(["cursor:auto"]);
 
-  var _excluded$M = ["type", "mode", "target", "options", "selected", "mixed", "position", "onChange", "placeholder", "emptyAction", "disableSearch", "forceCloseMenu", "selectClassName", "keepSameOptionsOrder", "onSelectOpen", "onSelectClose", "renderOption", "handleDefaultOptionChange", "preselectDefaultValue", "startAdornment", "endAdornment", "focusInput", "disableVirtualization"];
+  var _excluded$N = ["type", "mode", "target", "options", "selected", "mixed", "position", "onChange", "placeholder", "emptyAction", "disableSearch", "forceCloseMenu", "selectClassName", "keepSameOptionsOrder", "onSelectOpen", "onSelectClose", "renderOption", "handleDefaultOptionChange", "preselectDefaultValue", "startAdornment", "endAdornment", "focusInput", "disableVirtualization"];
   var Select = function Select(_ref) {
     var _ref$type = _ref.type,
       type = _ref$type === void 0 ? "single" : _ref$type,
@@ -17786,7 +17790,7 @@
       _ref$focusInput = _ref.focusInput,
       focusInput = _ref$focusInput === void 0 ? false : _ref$focusInput,
       disableVirtualization = _ref.disableVirtualization,
-      prop = _objectWithoutProperties(_ref, _excluded$M);
+      prop = _objectWithoutProperties(_ref, _excluded$N);
     if (disableSearch && (startAdornment || endAdornment)) {
       console.warn("Adornments are not visible when search bar is hidden");
     }
@@ -18094,7 +18098,7 @@
   };
   Nav.displayName = "Nav";
 
-  var _excluded$L = ["children", "as", "disablePointerEvents"];
+  var _excluded$M = ["children", "as", "disablePointerEvents"];
   var InputAdornmentBase = styled__default["default"].div.withConfig({
     displayName: "InputAdornment__InputAdornmentBase",
     componentId: "sc-1xfjx1z-0"
@@ -18113,7 +18117,7 @@
     var children = _ref.children,
       as = _ref.as,
       disablePointerEvents = _ref.disablePointerEvents,
-      rest = _objectWithoutProperties(_ref, _excluded$L);
+      rest = _objectWithoutProperties(_ref, _excluded$M);
     var Component = as || "div";
     return /*#__PURE__*/React__default["default"].createElement(InputAdornmentBase, _extends({}, rest, {
       as: Component,
@@ -18351,7 +18355,7 @@
     };
   };
 
-  var _excluded$K = ["value", "onCancel", "onSave", "onEnterKeyPress", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className", "onChange", "onClick", "align"];
+  var _excluded$L = ["value", "onCancel", "onSave", "onEnterKeyPress", "allowEmptyValue", "withLeadingZero", "validation", "incrementOnlySelected", "minuteIncrement", "className", "onChange", "onClick", "align"];
   var InputHours = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var defaultValue = _ref.value,
       onCancel = _ref.onCancel,
@@ -18371,7 +18375,7 @@
       externalOnClick = _ref.onClick,
       _ref$align = _ref.align,
       align = _ref$align === void 0 ? "center" : _ref$align,
-      rest = _objectWithoutProperties(_ref, _excluded$K);
+      rest = _objectWithoutProperties(_ref, _excluded$L);
     var inputRef = React.useRef(null);
     var handleRef = useForkRef(ref, inputRef);
     var _useInputHours = useInputHours({
@@ -18410,7 +18414,7 @@
   });
   InputHours.displayName = "InputHours";
 
-  var _excluded$J = ["decimalLength", "decimalSeparator", "disableAbbreviation", "disabled", "disableMacros", "invalid", "step", "thousandSeparator", "value", "onCancel", "onSave", "onEnterKeyPress", "allowEmptyValue", "onChange", "onClick", "limit", "placeholder", "trimDecimals", "min", "max", "onBlur", "update", "shortenThreshold"];
+  var _excluded$K = ["decimalLength", "decimalSeparator", "disableAbbreviation", "disabled", "disableMacros", "invalid", "step", "thousandSeparator", "value", "onCancel", "onSave", "onEnterKeyPress", "allowEmptyValue", "onChange", "onClick", "limit", "placeholder", "trimDecimals", "min", "max", "onBlur", "update", "shortenThreshold"];
   var InputNumber = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$decimalLength = _ref.decimalLength,
       decimalLength = _ref$decimalLength === void 0 ? 2 : _ref$decimalLength,
@@ -18444,7 +18448,7 @@
       update = _ref$update === void 0 ? false : _ref$update,
       _ref$shortenThreshold = _ref.shortenThreshold,
       shortenThreshold = _ref$shortenThreshold === void 0 ? 1000 : _ref$shortenThreshold,
-      rest = _objectWithoutProperties(_ref, _excluded$J);
+      rest = _objectWithoutProperties(_ref, _excluded$K);
     var inputRef = React.useRef(null);
     var handleRef = useForkRef(ref, inputRef);
     var _useInputNumber = useInputNumber({
@@ -18496,14 +18500,14 @@
   });
   InputNumber.displayName = "InputNumber";
 
-  var _excluded$I = ["currency", "size", "startAdornment", "endAdornment", "disabled"];
+  var _excluded$J = ["currency", "size", "startAdornment", "endAdornment", "disabled"];
   var InputCurrency = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var currency = _ref.currency,
       size = _ref.size,
       startAdornment = _ref.startAdornment,
       endAdornment = _ref.endAdornment,
       disabled = _ref.disabled,
-      rest = _objectWithoutProperties(_ref, _excluded$I);
+      rest = _objectWithoutProperties(_ref, _excluded$J);
     var variant = React.useMemo(function () {
       if (size === "biggest") {
         return "Header 2";
@@ -18536,7 +18540,7 @@
   });
   InputCurrency.displayName = "InputCurrency";
 
-  var _excluded$H = ["size", "disabled", "show", "hideControl", "showTooltipText", "hideTooltipText", "value", "validation", "errorMessage", "invalid", "onChange"];
+  var _excluded$I = ["size", "disabled", "show", "hideControl", "showTooltipText", "hideTooltipText", "value", "validation", "errorMessage", "invalid", "onChange"];
   var transform = {
     biggest: "big",
     regular: "small",
@@ -18629,7 +18633,7 @@
       errorMessage = _ref2.errorMessage,
       invalid = _ref2.invalid,
       onChange = _ref2.onChange,
-      rest = _objectWithoutProperties(_ref2, _excluded$H);
+      rest = _objectWithoutProperties(_ref2, _excluded$I);
     var inputRef = React.useRef(null);
     var handleRef = useForkRef(ref, inputRef);
     var _useState = React.useState(show),
@@ -18750,7 +18754,7 @@
     componentId: "sc-1lmb5y-0"
   })(["flex-shrink:0"]);
 
-  var _excluded$G = ["size", "disabled", "value", "onChange", "scheme"];
+  var _excluded$H = ["size", "disabled", "value", "onChange", "scheme"];
   var defaultOptions = [{
     id: "https://",
     name: "https://"
@@ -18766,7 +18770,7 @@
       defaultValue = _ref$value === void 0 ? "" : _ref$value,
       onChange = _ref.onChange,
       scheme = _ref.scheme,
-      rest = _objectWithoutProperties(_ref, _excluded$G);
+      rest = _objectWithoutProperties(_ref, _excluded$H);
     var inputRef = React.useRef(null);
     var handleRef = useForkRef(ref, inputRef);
     var options = React.useMemo(function () {
@@ -18894,7 +18898,7 @@
   });
   InputUrl.displayName = "InputUrl";
 
-  var _excluded$F = ["size", "disabled", "value", "onChange", "defaultCountry"];
+  var _excluded$G = ["size", "disabled", "value", "onChange", "defaultCountry"];
   var renderOption$2 = function renderOption(option, data) {
     return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(StyledOptionWrapper, null, /*#__PURE__*/React__default["default"].createElement(StyledOptionFlag, null, countryExplorer.getCountryFlag(option.id)), /*#__PURE__*/React__default["default"].createElement(StyledOptionName, null, option.name)), /*#__PURE__*/React__default["default"].createElement(StyledOptionRowEnd, null, /*#__PURE__*/React__default["default"].createElement(StyledOptionCode, null, option.additionalInfo), /*#__PURE__*/React__default["default"].createElement(RadioButton, {
       checked: data.checked,
@@ -18910,7 +18914,7 @@
       onChange = _ref.onChange,
       _ref$defaultCountry = _ref.defaultCountry,
       defaultCountry = _ref$defaultCountry === void 0 ? "US" : _ref$defaultCountry,
-      rest = _objectWithoutProperties(_ref, _excluded$F);
+      rest = _objectWithoutProperties(_ref, _excluded$G);
     var inputRef = React.useRef(null);
     var handleRef = useForkRef(ref, inputRef);
     var _useState = React.useState(defaultCountry),
@@ -19139,12 +19143,12 @@
     [ref, handler]);
   }
 
-  var _excluded$E = ["children", "type"];
+  var _excluded$F = ["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$E);
+      rest = _objectWithoutProperties(_ref, _excluded$F);
     return /*#__PURE__*/React__default["default"].createElement(StyledButton, _extends({
       ref: ref,
       role: "button",
@@ -19199,7 +19203,7 @@
   })(["color:var(--color-theme-700);"]);
   ChipCloseIcon.displayName = "ChipCloseIcon";
 
-  var _excluded$D = ["startAdornment", "label", "onClose", "size", "color", "backgroundColor", "closeClassName", "typographyProps"];
+  var _excluded$E = ["startAdornment", "label", "onClose", "size", "color", "backgroundColor", "closeClassName", "typographyProps"];
   var Chip = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var startAdornment = _ref.startAdornment,
       label = _ref.label,
@@ -19210,7 +19214,7 @@
       backgroundColor = _ref.backgroundColor,
       closeClassName = _ref.closeClassName,
       typographyProps = _ref.typographyProps,
-      rest = _objectWithoutProperties(_ref, _excluded$D);
+      rest = _objectWithoutProperties(_ref, _excluded$E);
     var showClose = typeof onClose === "function";
     var variant = React.useMemo(function () {
       switch (size) {
@@ -19243,7 +19247,7 @@
   });
   Chip.displayName = "Chip";
 
-  var _excluded$C = ["options", "selected", "loading", "loadingText", "onChange", "onInputChange", "placeholder", "handleEmptyAction", "disabled", "size", "invalid", "type", "renderChip", "forceCloseMenu", "renderOption", "limitChips", "hiddenNumberText", "inPortal", "inputWrapperClassName", "scrollWrapper", "onClose", "onClear", "onDeselect", "defaultValue", "open", "onOpen", "triggerMode", "noResultText", "emptyValue", "disableVirtualization", "hideClearButton", "errorMessage", "onCancel"];
+  var _excluded$D = ["options", "selected", "loading", "loadingText", "onChange", "onInputChange", "placeholder", "handleEmptyAction", "disabled", "size", "invalid", "type", "renderChip", "forceCloseMenu", "renderOption", "limitChips", "hiddenNumberText", "inPortal", "inputWrapperClassName", "scrollWrapper", "onClose", "onClear", "onDeselect", "defaultValue", "open", "onOpen", "triggerMode", "noResultText", "emptyValue", "disableVirtualization", "hideClearButton", "errorMessage", "onCancel"];
   var sizeMap = {
     small: 18,
     regular: 24,
@@ -19296,7 +19300,7 @@
       hideClearButton = _ref$hideClearButton === void 0 ? false : _ref$hideClearButton,
       errorMessage = _ref.errorMessage,
       onCancel = _ref.onCancel,
-      prop = _objectWithoutProperties(_ref, _excluded$C);
+      prop = _objectWithoutProperties(_ref, _excluded$D);
     var selectedName = React.useMemo(function () {
       var value = "";
       if (!selected) {
@@ -19721,7 +19725,7 @@
     componentId: "sc-uvsz9l-4"
   })(["display:flex;justify-content:center;"]);
 
-  var _excluded$B = ["mode", "selected", "min", "max", "onChange", "step", "size", "className", "placeholder", "triggerMode", "disabled", "invalid", "enableVirtualization", "addCustomTimeLabel"];
+  var _excluded$C = ["mode", "selected", "min", "max", "onChange", "step", "size", "className", "placeholder", "triggerMode", "disabled", "invalid", "enableVirtualization", "addCustomTimeLabel"];
   nlp__default["default"].plugin(plg__default["default"]);
   var StyledInputTimeWrapper = styled__default["default"].div.withConfig({
     displayName: "InputTime__StyledInputTimeWrapper",
@@ -19754,7 +19758,7 @@
       enableVirtualization = _ref$enableVirtualiza === void 0 ? false : _ref$enableVirtualiza,
       _ref$addCustomTimeLab = _ref.addCustomTimeLabel,
       addCustomTimeLabel = _ref$addCustomTimeLab === void 0 ? "Add" : _ref$addCustomTimeLab,
-      rest = _objectWithoutProperties(_ref, _excluded$B);
+      rest = _objectWithoutProperties(_ref, _excluded$C);
     var _useState = React.useState(false),
       _useState2 = _slicedToArray(_useState, 2),
       isOpen = _useState2[0],
@@ -19893,7 +19897,7 @@
     })));
   };
 
-  var _excluded$A = ["value", "variant", "thousandSeparator", "decimalSeparator", "trimDecimals", "decimalSpaces", "format", "disableTooltip", "className", "as", "shortenThreshold"];
+  var _excluded$B = ["value", "variant", "thousandSeparator", "decimalSeparator", "trimDecimals", "decimalSpaces", "format", "disableTooltip", "className", "as", "shortenThreshold"];
   var DisplayNumber = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var value = _ref.value,
       _ref$variant = _ref.variant,
@@ -19915,7 +19919,7 @@
       as = _ref$as === void 0 ? "span" : _ref$as,
       _ref$shortenThreshold = _ref.shortenThreshold,
       shortenThreshold = _ref$shortenThreshold === void 0 ? 1000 : _ref$shortenThreshold,
-      rest = _objectWithoutProperties(_ref, _excluded$A);
+      rest = _objectWithoutProperties(_ref, _excluded$B);
     var formattedValue = formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, format, shortenThreshold);
     var formattedLongValue = formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "long");
     if (format === "short") {
@@ -19938,7 +19942,7 @@
   });
   DisplayNumber.displayName = "DisplayNumber";
 
-  var _excluded$z = ["value", "variant", "currencyCode", "currencyPosition", "thousandSeparator", "decimalSeparator", "trimDecimals", "decimalSpaces", "format", "disableTooltip", "className", "as", "currencyClassName"];
+  var _excluded$A = ["value", "variant", "currencyCode", "currencyPosition", "thousandSeparator", "decimalSeparator", "trimDecimals", "decimalSpaces", "format", "disableTooltip", "className", "as", "currencyClassName"];
   var DisplayCurrency = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var value = _ref.value,
       _ref$variant = _ref.variant,
@@ -19963,7 +19967,7 @@
       _ref$as = _ref.as,
       as = _ref$as === void 0 ? "span" : _ref$as,
       currencyClassName = _ref.currencyClassName,
-      rest = _objectWithoutProperties(_ref, _excluded$z);
+      rest = _objectWithoutProperties(_ref, _excluded$A);
     var formattedValue = formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "short", 10000);
     var formattedLongValue = formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "long", 10000);
     if (format === "short") {
@@ -19994,7 +19998,7 @@
   });
   DisplayCurrency.displayName = "DisplayCurrency";
 
-  var _excluded$y = ["value", "variant", "thousandSeparator", "decimalSeparator", "trimZeroMinutes", "trimDecimals", "decimalSpaces", "format", "disableTooltip", "className", "withLeadingZero", "as"];
+  var _excluded$z = ["value", "variant", "thousandSeparator", "decimalSeparator", "trimZeroMinutes", "trimDecimals", "decimalSpaces", "format", "disableTooltip", "className", "withLeadingZero", "as"];
   var DisplayHours = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var value = _ref.value,
       _ref$variant = _ref.variant,
@@ -20017,7 +20021,7 @@
       withLeadingZero = _ref.withLeadingZero,
       _ref$as = _ref.as,
       as = _ref$as === void 0 ? "span" : _ref$as,
-      rest = _objectWithoutProperties(_ref, _excluded$y);
+      rest = _objectWithoutProperties(_ref, _excluded$z);
     var shouldDisplayShort = format === "short" && value >= 1000;
     var longValue = formatHours(value, withLeadingZero, trimZeroMinutes, "long");
     var shortValue = formatNumber(value, thousandSeparator, decimalSeparator, trimDecimals, decimalSpaces, "short");
@@ -20041,11 +20045,11 @@
   });
   DisplayHours.displayName = "DisplayHours";
 
-  var _excluded$x = ["expanded"];
+  var _excluded$y = ["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$x);
+      rest = _objectWithoutProperties(_ref, _excluded$y);
     return /*#__PURE__*/React__default["default"].createElement(StyledExpand, _extends({
       ref: ref,
       viewBox: "0 0 24 24"
@@ -20167,7 +20171,7 @@
   });
   StyledTextarea.displayName = "StyledTextarea";
 
-  var _excluded$w = ["className", "disabled", "invalid", "mode"];
+  var _excluded$x = ["className", "disabled", "invalid", "mode"];
   var Textarea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var className = _ref.className,
       _ref$disabled = _ref.disabled,
@@ -20176,7 +20180,7 @@
       invalid = _ref$invalid === void 0 ? false : _ref$invalid,
       _ref$mode = _ref.mode,
       mode = _ref$mode === void 0 ? "outlined" : _ref$mode,
-      rest = _objectWithoutProperties(_ref, _excluded$w);
+      rest = _objectWithoutProperties(_ref, _excluded$x);
     return /*#__PURE__*/React__default["default"].createElement(StyledTextarea, _extends({}, rest, {
       $invalid: invalid,
       ref: ref,
@@ -20282,7 +20286,7 @@
   })(["@media (min-width:640px){display:none;}"]);
   StyledHeader$1.displayName = "StyledHeader";
 
-  var _excluded$v = ["children", "onClose", "controls", "open", "animation", "position", "mode", "disableFocusLock", "disableScrollLock", "disableBackgroundColor", "bodyStyle", "bodyClassName", "disableBackgroundClick"];
+  var _excluded$w = ["children", "onClose", "controls", "open", "animation", "position", "mode", "disableFocusLock", "disableScrollLock", "disableBackgroundColor", "bodyStyle", "bodyClassName", "disableBackgroundClick"];
   var Sheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       onClose = _ref.onClose,
@@ -20306,7 +20310,7 @@
       bodyClassName = _ref.bodyClassName,
       _ref$disableBackgroun2 = _ref.disableBackgroundClick,
       disableBackgroundClick = _ref$disableBackgroun2 === void 0 ? false : _ref$disableBackgroun2,
-      rest = _objectWithoutProperties(_ref, _excluded$v);
+      rest = _objectWithoutProperties(_ref, _excluded$w);
     var _useState = React.useState(defaultOpen),
       _useState2 = _slicedToArray(_useState, 2),
       open = _useState2[0],
@@ -20426,13 +20430,13 @@
   });
   StyledHeader.displayName = "StyledHeader";
 
-  var _excluded$u = ["className", "size", "children"];
+  var _excluded$v = ["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$u);
+      rest = _objectWithoutProperties(_ref, _excluded$v);
     return /*#__PURE__*/React__default["default"].createElement(StyledHeader, _extends({
       type: "paper-2",
       className: classNames__default["default"]("c-header", className),
@@ -20448,7 +20452,7 @@
   })(["white-space:pre-wrap;overflow-wrap:break-word;resize:none;"]);
   StyledAutoResizeTextarea.displayName = "StyledAutoResizeTextarea";
 
-  var _excluded$t = ["minRows", "maxRows", "lineHeight", "onChange", "className", "preventNewRowOnEnter", "cursorAtTextEnd", "onKeyDown", "value", "mode"];
+  var _excluded$u = ["minRows", "maxRows", "lineHeight", "onChange", "className", "preventNewRowOnEnter", "cursorAtTextEnd", "onKeyDown", "value", "mode"];
   var AutoResizeTextarea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref$minRows = _ref.minRows,
       minRows = _ref$minRows === void 0 ? 1 : _ref$minRows,
@@ -20466,7 +20470,7 @@
       value = _ref.value,
       _ref$mode = _ref.mode,
       mode = _ref$mode === void 0 ? "outlined" : _ref$mode,
-      rest = _objectWithoutProperties(_ref, _excluded$t);
+      rest = _objectWithoutProperties(_ref, _excluded$u);
     var innerRef = React.useRef(null);
     var _useState = React.useState(minRows),
       _useState2 = _slicedToArray(_useState, 2),
@@ -20743,7 +20747,7 @@
   });
   StyledChoose$1.displayName = "StyledChoose";
 
-  var _excluded$s = ["children", "disabled", "active", "className"];
+  var _excluded$t = ["children", "disabled", "active", "className"];
   /**
    * Choose component
    */
@@ -20754,7 +20758,7 @@
       _ref$active = _ref.active,
       active = _ref$active === void 0 ? false : _ref$active,
       className = _ref.className,
-      args = _objectWithoutProperties(_ref, _excluded$s);
+      args = _objectWithoutProperties(_ref, _excluded$t);
     return /*#__PURE__*/React__default["default"].createElement(StyledChoose$1, _extends({
       disabled: disabled,
       className: classNames__default["default"]("c-choose", className),
@@ -20764,12 +20768,31 @@
   Choose.displayName = "Choose";
 
   var StyledChoose = styled__default["default"](Choose).withConfig({
-    displayName: "ChooseV2__StyledChoose",
-    componentId: "sc-142e30o-0"
-  })(["", ""], function (props) {
+    displayName: "Styles__StyledChoose",
+    componentId: "sc-uv67fb-0"
+  })(["flex-shrink:0;white-space:nowrap;", ""], function (props) {
     return !props.active && styled.css(["background-color:transparent !important;"]);
   });
-  var ChooseV2 = function ChooseV2(_ref) {
+  StyledChoose.displayName = "StyledChoose";
+  var StyledVerticalContainer = styled__default["default"].div.withConfig({
+    displayName: "Styles__StyledVerticalContainer",
+    componentId: "sc-uv67fb-1"
+  })(["display:flex;flex-direction:column;width:100%;gap:8px;"]);
+  StyledVerticalContainer.displayName = "StyledVerticalContainer";
+  var StyledRadioOption = styled__default["default"].div.withConfig({
+    displayName: "Styles__StyledRadioOption",
+    componentId: "sc-uv67fb-2"
+  })(["display:flex;align-items:center;gap:6px;cursor:pointer;&:hover{opacity:0.8;}&[data-disabled=\"true\"]{opacity:0.5;cursor:not-allowed;}"]);
+  StyledRadioOption.displayName = "StyledRadioOption";
+  var StyledFlexContainer = styled__default["default"].div.withConfig({
+    displayName: "Styles__StyledFlexContainer",
+    componentId: "sc-uv67fb-3"
+  })(["display:flex;width:100%;"]);
+  StyledFlexContainer.displayName = "StyledFlexContainer";
+
+  var _excluded$s = ["required", "multiple", "invalid", "options", "selected", "onChange"];
+  var ChooseV2 = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+    var _parentSize$width, _flexSize$width;
     var _ref$required = _ref.required,
       required = _ref$required === void 0 ? false : _ref$required,
       _ref$multiple = _ref.multiple,
@@ -20778,25 +20801,98 @@
       invalid = _ref$invalid === void 0 ? false : _ref$invalid,
       options = _ref.options,
       selected = _ref.selected,
-      onChange = _ref.onChange;
+      onChange = _ref.onChange,
+      rest = _objectWithoutProperties(_ref, _excluded$s);
+    var internalRef = React.useRef(null);
+    var flexContainerRef = React.useRef(null);
+    var handleRef = useForkRef(ref, internalRef);
+    var _useState = React.useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      useVerticalLayout = _useState2[0],
+      setUseVerticalLayout = _useState2[1];
+    var _useState3 = React.useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      isReady = _useState4[0],
+      setIsReady = _useState4[1];
+    var parentSize = useResizeObserver$1(internalRef);
+    var flexSize = useResizeObserver$1(flexContainerRef);
+    var parentWidth = (_parentSize$width = parentSize === null || parentSize === void 0 ? void 0 : parentSize.width) !== null && _parentSize$width !== void 0 ? _parentSize$width : 0;
+    var flexWidth = (_flexSize$width = flexSize === null || flexSize === void 0 ? void 0 : flexSize.width) !== null && _flexSize$width !== void 0 ? _flexSize$width : 0;
+    React.useEffect(function () {
+      if (parentWidth === 0) return;
+      var measure = function measure() {
+        var temp = document.createElement("div");
+        temp.style.display = "inline-flex";
+        temp.style.visibility = "hidden";
+        temp.style.position = "absolute";
+        temp.style.whiteSpace = "nowrap";
+        temp.style.pointerEvents = "none";
+        document.body.appendChild(temp);
+        options.forEach(function (option) {
+          var button = document.createElement("button");
+          button.textContent = option.name;
+          button.style.padding = "6px 12px";
+          button.style.border = "1px solid transparent";
+          button.style.marginRight = "4px";
+          temp.appendChild(button);
+        });
+        var totalWidth = temp.offsetWidth + 8;
+        document.body.removeChild(temp);
+        setUseVerticalLayout(totalWidth > parentWidth);
+        setIsReady(true);
+      };
+      requestAnimationFrame(measure);
+    }, [parentWidth, options, flexWidth]);
     var handleSelect = function handleSelect(id) {
       if (multiple) {
         var newSelected = selected.includes(id) ? selected.filter(function (s) {
           return s !== id;
         }) : [...selected, id];
-        if (required && newSelected.length === 0) {
-          return;
-        }
+        if (required && newSelected.length === 0) return;
         onChange(newSelected);
       } else {
-        if (required && selected.includes(id)) {
-          return;
-        }
         var _newSelected = selected.includes(id) ? [] : [id];
+        if (required && _newSelected.length === 0) return;
         onChange(_newSelected);
       }
     };
-    return /*#__PURE__*/React__default["default"].createElement(ButtonGroup, {
+    var handleRadioChange = function handleRadioChange(id) {
+      if (multiple) handleSelect(id);else onChange([id]);
+    };
+    if (!isReady) {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        ref: handleRef,
+        style: {
+          width: "100%",
+          minHeight: "32px"
+        }
+      });
+    }
+    return /*#__PURE__*/React__default["default"].createElement("div", _extends({
+      ref: handleRef
+    }, rest, {
+      style: {
+        display: "flex",
+        width: "100%"
+      }
+    }), useVerticalLayout ? /*#__PURE__*/React__default["default"].createElement(StyledVerticalContainer, null, options.map(function (option) {
+      return /*#__PURE__*/React__default["default"].createElement(StyledRadioOption, {
+        key: option.id,
+        "data-disabled": option.disabled,
+        onClick: function onClick() {
+          return !option.disabled && handleRadioChange(option.id);
+        }
+      }, /*#__PURE__*/React__default["default"].createElement(RadioButton, {
+        checked: selected.includes(option.id),
+        disabled: option.disabled,
+        onChange: function onChange() {
+          return !option.disabled && handleRadioChange(option.id);
+        },
+        name: multiple ? "choose-v2-".concat(option.id) : "choose-v2-group"
+      }), /*#__PURE__*/React__default["default"].createElement(Body2, null, option.name));
+    })) : /*#__PURE__*/React__default["default"].createElement(StyledFlexContainer, {
+      ref: flexContainerRef
+    }, /*#__PURE__*/React__default["default"].createElement(ButtonGroup, {
       invalid: invalid
     }, options.map(function (option) {
       return /*#__PURE__*/React__default["default"].createElement(StyledChoose, {
@@ -20807,8 +20903,9 @@
           return handleSelect(option.id);
         }
       }, option.name);
-    }));
-  };
+    }))));
+  });
+  ChooseV2.displayName = "ChooseV2";
 
   var StyledLinkElement = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledLinkElement",