@activecollab/components 2.0.326 → 2.0.327

package/dist/index.js

@@ -189,7 +189,7 @@
   })(["display:inline-flex;svg{margin:0 4px;}"]);
   StyledButtonElement.displayName = "StyledButtonElement";
 
-  var _excluded$51 = ["children", "active", "variant", "size", "className"];
+  var _excluded$54 = ["children", "active", "variant", "size", "className"];
   /**
    * @component Button
    * @description
@@ -219,7 +219,7 @@
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? "medium" : _ref$size,
       className = _ref.className,
-      args = _objectWithoutProperties(_ref, _excluded$51);
+      args = _objectWithoutProperties(_ref, _excluded$54);
     return /*#__PURE__*/React__default["default"].createElement(StyledButton$2, _extends({
       className: classNames__default["default"]("c-btn", className, {
         "c-btn--contained": variant === "primary" || variant === "contained",
@@ -284,7 +284,7 @@
     })));
   };
 
-  var _excluded$50 = ["gradient"];
+  var _excluded$53 = ["gradient"];
 
   /**
    * @component AddCrossTinyIcon
@@ -314,7 +314,7 @@
    */
   var AddCrossTinyIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$50);
+      props = _objectWithoutProperties(_ref, _excluded$53);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -334,12 +334,12 @@
   AddCrossTinyIcon.displayName = "AddCrossTinyIcon";
   var AddCrossTinyIcon$1 = AddCrossTinyIcon;
 
-  var _excluded$4$ = ["className", "disabled"];
+  var _excluded$52 = ["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$4$);
+      rest = _objectWithoutProperties(_ref, _excluded$52);
     return /*#__PURE__*/React__default["default"].createElement(StyledGlobalAddButton, _extends({
       ref: ref,
       variant: "contained",
@@ -377,12 +377,12 @@
   });
   StyledButtonGroup$1.displayName = "StyledButtonGroup";
 
-  var _excluded$4_ = ["children", "className", "invalid"];
+  var _excluded$51 = ["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$4_);
+      rest = _objectWithoutProperties(_ref, _excluded$51);
     return /*#__PURE__*/React__default["default"].createElement(StyledButtonGroup$1, _extends({
       ref: ref,
       className: classNames__default["default"]("c-btn-group", className),
@@ -407,11 +407,11 @@
   })(["border-top:1px solid var(--border-primary);margin:12px 16px;height:1px;"]);
   StyledListSeparator$1.displayName = "StyledListSeparator";
 
-  var _excluded$4Z = ["children", "className"];
+  var _excluded$50 = ["children", "className"];
   var ListItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$4Z);
+      props = _objectWithoutProperties(_ref, _excluded$50);
     return /*#__PURE__*/React__default["default"].createElement(StyledListItem$1, _extends({
       className: classNames__default["default"]("c-list-item", className),
       ref: ref,
@@ -420,21 +420,21 @@
   });
   ListItem.displayName = "ListItem";
 
-  var _excluded$4Y = ["className"];
+  var _excluded$4$ = ["className"];
   var ListSeparator = function ListSeparator(_ref) {
     var className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$4Y);
+      props = _objectWithoutProperties(_ref, _excluded$4$);
     return /*#__PURE__*/React__default["default"].createElement(StyledListSeparator$1, _extends({
       className: classNames__default["default"]("c-list-separator", className)
     }, props));
   };
   ListSeparator.displayName = "ListSeparator";
 
-  var _excluded$4X = ["children", "className"];
+  var _excluded$4_ = ["children", "className"];
   var _List = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded$4X);
+      props = _objectWithoutProperties(_ref, _excluded$4_);
     return /*#__PURE__*/React__default["default"].createElement(StyledList$1, _extends({
       className: className,
       ref: ref,
@@ -950,7 +950,7 @@
     return size === "big" && styled.css(["width:40px;"]);
   });
 
-  var _excluded$4W = ["children", "className", "variant", "size", "active"];
+  var _excluded$4Z = ["children", "className", "variant", "size", "active"];
 
   // eslint-disable-next-line @typescript-eslint/no-empty-interface
 
@@ -980,7 +980,7 @@
       variant = _ref.variant,
       size = _ref.size,
       active = _ref.active,
-      args = _objectWithoutProperties(_ref, _excluded$4W);
+      args = _objectWithoutProperties(_ref, _excluded$4Z);
     return /*#__PURE__*/React__default["default"].createElement(StyledIconButton$1, _extends({
       className: className,
       variant: variant,
@@ -991,7 +991,7 @@
   });
   IconButton.displayName = "IconButton";
 
-  var _excluded$4V = ["gradient"];
+  var _excluded$4Y = ["gradient"];
 
   /**
    * @component RecurringIcon
@@ -1021,7 +1021,7 @@
    */
   var RecurringIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4V);
+      props = _objectWithoutProperties(_ref, _excluded$4Y);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 18,
@@ -1042,7 +1042,7 @@
   RecurringIcon.displayName = "RecurringIcon";
   var RecurringIcon$1 = RecurringIcon;
 
-  var _excluded$4U = ["gradient"];
+  var _excluded$4X = ["gradient"];
 
   /**
    * @component AccessLogIcon
@@ -1072,7 +1072,7 @@
    */
   var AccessLogIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4U);
+      props = _objectWithoutProperties(_ref, _excluded$4X);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1100,7 +1100,7 @@
   AccessLogIcon.displayName = "AccessLogIcon";
   var AccessLogIcon$1 = AccessLogIcon;
 
-  var _excluded$4T = ["gradient"];
+  var _excluded$4W = ["gradient"];
 
   /**
    * @component ActivityIcon
@@ -1130,7 +1130,7 @@
    */
   var ActivityIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4T);
+      props = _objectWithoutProperties(_ref, _excluded$4W);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1154,7 +1154,7 @@
   ActivityIcon.displayName = "ActivityIcon";
   var ActivityIcon$1 = ActivityIcon;
 
-  var _excluded$4S = ["gradient"];
+  var _excluded$4V = ["gradient"];
 
   /**
    * @component AddCrossIcon
@@ -1184,7 +1184,7 @@
    */
   var AddCrossIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4S);
+      props = _objectWithoutProperties(_ref, _excluded$4V);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 10,
@@ -1204,7 +1204,7 @@
   AddCrossIcon.displayName = "AddCrossIcon";
   var AddCrossIcon$1 = AddCrossIcon;
 
-  var _excluded$4R = ["gradient"];
+  var _excluded$4U = ["gradient"];
 
   /**
    * @component ArchiveIcon
@@ -1234,7 +1234,7 @@
    */
   var ArchiveIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4R);
+      props = _objectWithoutProperties(_ref, _excluded$4U);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1255,7 +1255,7 @@
   ArchiveIcon.displayName = "ArchiveIcon";
   var ArchiveIcon$1 = ArchiveIcon;
 
-  var _excluded$4Q = ["gradient"];
+  var _excluded$4T = ["gradient"];
 
   /**
    * @component ArrowBackMobileIcon
@@ -1285,7 +1285,7 @@
    */
   var ArrowBackMobileIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4Q);
+      props = _objectWithoutProperties(_ref, _excluded$4T);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1306,7 +1306,7 @@
   ArrowBackMobileIcon.displayName = "ArrowBackMobileIcon";
   var ArrowBackMobileIcon$1 = ArrowBackMobileIcon;
 
-  var _excluded$4P = ["gradient"];
+  var _excluded$4S = ["gradient"];
 
   /**
    * @component ArrowCollapseMultipleIcon
@@ -1336,7 +1336,7 @@
    */
   var ArrowCollapseMultipleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4P);
+      props = _objectWithoutProperties(_ref, _excluded$4S);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1356,7 +1356,7 @@
   ArrowCollapseMultipleIcon.displayName = "ArrowCollapseMultipleIcon";
   var ArrowCollapseMultipleIcon$1 = ArrowCollapseMultipleIcon;
 
-  var _excluded$4O = ["gradient"];
+  var _excluded$4R = ["gradient"];
 
   /**
    * @component ArrowDownLongIcon
@@ -1386,7 +1386,7 @@
    */
   var ArrowDownLongIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4O);
+      props = _objectWithoutProperties(_ref, _excluded$4R);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1406,7 +1406,7 @@
   ArrowDownLongIcon.displayName = "ArrowDownLongIcon";
   var ArrowDownLongIcon$1 = ArrowDownLongIcon;
 
-  var _excluded$4N = ["gradient"];
+  var _excluded$4Q = ["gradient"];
 
   /**
    * @component ArrowDownSmallIcon
@@ -1436,7 +1436,7 @@
    */
   var ArrowDownSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4N);
+      props = _objectWithoutProperties(_ref, _excluded$4Q);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 16,
@@ -1456,7 +1456,7 @@
   ArrowDownSmallIcon.displayName = "ArrowDownSmallIcon";
   var ArrowDownSmallIcon$1 = ArrowDownSmallIcon;
 
-  var _excluded$4M = ["gradient"];
+  var _excluded$4P = ["gradient"];
 
   /**
    * @component ArrowDownIcon
@@ -1486,7 +1486,7 @@
    */
   var ArrowDownIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4M);
+      props = _objectWithoutProperties(_ref, _excluded$4P);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1505,7 +1505,7 @@
   ArrowDownIcon.displayName = "ArrowDownIcon";
   var ArrowDownIcon$1 = ArrowDownIcon;
 
-  var _excluded$4L = ["gradient"];
+  var _excluded$4O = ["gradient"];
 
   /**
    * @component ArrowExpandeMultipleIcon
@@ -1535,7 +1535,7 @@
    */
   var ArrowExpandeMultipleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4L);
+      props = _objectWithoutProperties(_ref, _excluded$4O);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1555,7 +1555,7 @@
   ArrowExpandeMultipleIcon.displayName = "ArrowExpandeMultipleIcon";
   var ArrowExpandeMultipleIcon$1 = ArrowExpandeMultipleIcon;
 
-  var _excluded$4K = ["gradient"];
+  var _excluded$4N = ["gradient"];
 
   /**
    * @component ArrowLeftBoxIcon
@@ -1585,7 +1585,7 @@
    */
   var ArrowLeftBoxIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4K);
+      props = _objectWithoutProperties(_ref, _excluded$4N);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1605,7 +1605,7 @@
   ArrowLeftBoxIcon.displayName = "ArrowLeftBoxIcon";
   var ArrowLeftBoxIcon$1 = ArrowLeftBoxIcon;
 
-  var _excluded$4J = ["gradient"];
+  var _excluded$4M = ["gradient"];
 
   /**
    * @component ArrowLeftIcon
@@ -1635,7 +1635,7 @@
    */
   var ArrowLeftIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4J);
+      props = _objectWithoutProperties(_ref, _excluded$4M);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1655,7 +1655,7 @@
   ArrowLeftIcon.displayName = "ArrowLeftIcon";
   var ArrowLeftIcon$1 = ArrowLeftIcon;
 
-  var _excluded$4I = ["gradient"];
+  var _excluded$4L = ["gradient"];
 
   /**
    * @component ArrowRefreshIcon
@@ -1685,7 +1685,7 @@
    */
   var ArrowRefreshIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4I);
+      props = _objectWithoutProperties(_ref, _excluded$4L);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1706,7 +1706,7 @@
   ArrowRefreshIcon.displayName = "ArrowRefreshIcon";
   var ArrowRefreshIcon$1 = ArrowRefreshIcon;
 
-  var _excluded$4H = ["gradient"];
+  var _excluded$4K = ["gradient"];
 
   /**
    * @component ArrowRestoreIcon
@@ -1736,7 +1736,7 @@
    */
   var ArrowRestoreIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4H);
+      props = _objectWithoutProperties(_ref, _excluded$4K);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1756,7 +1756,7 @@
   ArrowRestoreIcon.displayName = "ArrowRestoreIcon";
   var ArrowRestoreIcon$1 = ArrowRestoreIcon;
 
-  var _excluded$4G = ["gradient"];
+  var _excluded$4J = ["gradient"];
 
   /**
    * @component ArrowRightIcon
@@ -1786,7 +1786,7 @@
    */
   var ArrowRightIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4G);
+      props = _objectWithoutProperties(_ref, _excluded$4J);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1806,7 +1806,7 @@
   ArrowRightIcon.displayName = "ArrowRightIcon";
   var ArrowRightIcon$1 = ArrowRightIcon;
 
-  var _excluded$4F = ["gradient"];
+  var _excluded$4I = ["gradient"];
 
   /**
    * @component ArrowUpLongIcon
@@ -1836,7 +1836,7 @@
    */
   var ArrowUpLongIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4F);
+      props = _objectWithoutProperties(_ref, _excluded$4I);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1856,7 +1856,7 @@
   ArrowUpLongIcon.displayName = "ArrowUpLongIcon";
   var ArrowUpLongIcon$1 = ArrowUpLongIcon;
 
-  var _excluded$4E = ["gradient"];
+  var _excluded$4H = ["gradient"];
 
   /**
    * @component ArrowUpIcon
@@ -1886,7 +1886,7 @@
    */
   var ArrowUpIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4E);
+      props = _objectWithoutProperties(_ref, _excluded$4H);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1905,7 +1905,7 @@
   ArrowUpIcon.displayName = "ArrowUpIcon";
   var ArrowUpIcon$1 = ArrowUpIcon;
 
-  var _excluded$4D = ["gradient"];
+  var _excluded$4G = ["gradient"];
 
   /**
    * @component AssignIcon
@@ -1935,7 +1935,7 @@
    */
   var AssignIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4D);
+      props = _objectWithoutProperties(_ref, _excluded$4G);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -1955,7 +1955,7 @@
   AssignIcon.displayName = "AssignIcon";
   var AssignIcon$1 = AssignIcon;
 
-  var _excluded$4C = ["gradient"];
+  var _excluded$4F = ["gradient"];
 
   /**
    * @component AttachmentIcon
@@ -1985,7 +1985,7 @@
    */
   var AttachmentIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4C);
+      props = _objectWithoutProperties(_ref, _excluded$4F);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2005,7 +2005,7 @@
   AttachmentIcon.displayName = "AttachmentIcon";
   var AttachmentIcon$1 = AttachmentIcon;
 
-  var _excluded$4B = ["gradient"];
+  var _excluded$4E = ["gradient"];
 
   /**
    * @component BellOffSmallIcon
@@ -2035,7 +2035,7 @@
    */
   var BellOffSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4B);
+      props = _objectWithoutProperties(_ref, _excluded$4E);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -2055,7 +2055,7 @@
   BellOffSmallIcon.displayName = "BellOffSmallIcon";
   var BellOffSmallIcon$1 = BellOffSmallIcon;
 
-  var _excluded$4A = ["gradient"];
+  var _excluded$4D = ["gradient"];
 
   /**
    * @component BellOffIcon
@@ -2085,7 +2085,7 @@
    */
   var BellOffIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4A);
+      props = _objectWithoutProperties(_ref, _excluded$4D);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2105,7 +2105,7 @@
   BellOffIcon.displayName = "BellOffIcon";
   var BellOffIcon$1 = BellOffIcon;
 
-  var _excluded$4z = ["gradient"];
+  var _excluded$4C = ["gradient"];
 
   /**
    * @component BillingIcon
@@ -2135,7 +2135,7 @@
    */
   var BillingIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4z);
+      props = _objectWithoutProperties(_ref, _excluded$4C);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2158,7 +2158,7 @@
   BillingIcon.displayName = "BillingIcon";
   var BillingIcon$1 = BillingIcon;
 
-  var _excluded$4y = ["gradient"];
+  var _excluded$4B = ["gradient"];
 
   /**
    * @component BudgetAlertIcon
@@ -2188,7 +2188,7 @@
    */
   var BudgetAlertIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4y);
+      props = _objectWithoutProperties(_ref, _excluded$4B);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2208,7 +2208,7 @@
   BudgetAlertIcon.displayName = "BudgetAlertIcon";
   var BudgetAlertIcon$1 = BudgetAlertIcon;
 
-  var _excluded$4x = ["gradient"];
+  var _excluded$4A = ["gradient"];
 
   /**
    * @component BulbIcon
@@ -2238,7 +2238,7 @@
    */
   var BulbIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4x);
+      props = _objectWithoutProperties(_ref, _excluded$4A);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 16,
@@ -2257,7 +2257,7 @@
   BulbIcon.displayName = "BulbIcon";
   var BulbIcon$1 = BulbIcon;
 
-  var _excluded$4w = ["gradient"];
+  var _excluded$4z = ["gradient"];
 
   /**
    * @component CalendarAddXIcon
@@ -2287,7 +2287,7 @@
    */
   var CalendarAddXIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4w);
+      props = _objectWithoutProperties(_ref, _excluded$4z);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2307,7 +2307,7 @@
   CalendarAddXIcon.displayName = "CalendarAddXIcon";
   var CalendarAddXIcon$1 = CalendarAddXIcon;
 
-  var _excluded$4v = ["gradient"];
+  var _excluded$4y = ["gradient"];
 
   /**
    * @component CalendarImportIcon
@@ -2337,7 +2337,7 @@
    */
   var CalendarImportIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4v);
+      props = _objectWithoutProperties(_ref, _excluded$4y);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 18,
@@ -2360,7 +2360,7 @@
   CalendarImportIcon.displayName = "CalendarImportIcon";
   var CalendarImportIcon$1 = CalendarImportIcon;
 
-  var _excluded$4u = ["gradient"];
+  var _excluded$4x = ["gradient"];
 
   /**
    * @component CalendarIcon
@@ -2390,7 +2390,7 @@
    */
   var CalendarIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4u);
+      props = _objectWithoutProperties(_ref, _excluded$4x);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2410,7 +2410,7 @@
   CalendarIcon.displayName = "CalendarIcon";
   var CalendarIcon$1 = CalendarIcon;
 
-  var _excluded$4t = ["gradient"];
+  var _excluded$4w = ["gradient"];
 
   /**
    * @component CancelCrossIcon
@@ -2440,7 +2440,7 @@
    */
   var CancelCrossIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4t);
+      props = _objectWithoutProperties(_ref, _excluded$4w);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2460,7 +2460,7 @@
   CancelCrossIcon.displayName = "CancelCrossIcon";
   var CancelCrossIcon$1 = CancelCrossIcon;
 
-  var _excluded$4s = ["gradient"];
+  var _excluded$4v = ["gradient"];
 
   /**
    * @component CaretLeftIcon
@@ -2490,7 +2490,7 @@
    */
   var CaretLeftIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4s);
+      props = _objectWithoutProperties(_ref, _excluded$4v);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 18,
@@ -2510,7 +2510,7 @@
   CaretLeftIcon.displayName = "CaretLeftIcon";
   var CaretLeftIcon$1 = CaretLeftIcon;
 
-  var _excluded$4r = ["gradient"];
+  var _excluded$4u = ["gradient"];
 
   /**
    * @component CaretRightIcon
@@ -2540,7 +2540,7 @@
    */
   var CaretRightIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4r);
+      props = _objectWithoutProperties(_ref, _excluded$4u);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 18,
@@ -2560,7 +2560,7 @@
   CaretRightIcon.displayName = "CaretRightIcon";
   var CaretRightIcon$1 = CaretRightIcon;
 
-  var _excluded$4q = ["gradient"];
+  var _excluded$4t = ["gradient"];
 
   /**
    * @component ChatIcon
@@ -2590,7 +2590,7 @@
    */
   var ChatIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4q);
+      props = _objectWithoutProperties(_ref, _excluded$4t);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2610,7 +2610,7 @@
   ChatIcon.displayName = "ChatIcon";
   var ChatIcon$1 = ChatIcon;
 
-  var _excluded$4p = ["gradient"];
+  var _excluded$4s = ["gradient"];
 
   /**
    * @component CheckIcon
@@ -2640,7 +2640,7 @@
    */
   var CheckIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4p);
+      props = _objectWithoutProperties(_ref, _excluded$4s);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2660,7 +2660,7 @@
   CheckIcon.displayName = "CheckIcon";
   var CheckIcon$1 = CheckIcon;
 
-  var _excluded$4o = ["gradient"];
+  var _excluded$4r = ["gradient"];
 
   /**
    * @component CheckboxBlankTogglerIcon
@@ -2690,7 +2690,7 @@
    */
   var CheckboxBlankTogglerIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4o);
+      props = _objectWithoutProperties(_ref, _excluded$4r);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2710,7 +2710,7 @@
   CheckboxBlankTogglerIcon.displayName = "CheckboxBlankTogglerIcon";
   var CheckboxBlankTogglerIcon$1 = CheckboxBlankTogglerIcon;
 
-  var _excluded$4n = ["gradient"];
+  var _excluded$4q = ["gradient"];
 
   /**
    * @component CheckboxCircleArrowIcon
@@ -2740,7 +2740,7 @@
    */
   var CheckboxCircleArrowIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4n);
+      props = _objectWithoutProperties(_ref, _excluded$4q);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2760,7 +2760,7 @@
   CheckboxCircleArrowIcon.displayName = "CheckboxCircleArrowIcon";
   var CheckboxCircleArrowIcon$1 = CheckboxCircleArrowIcon;
 
-  var _excluded$4m = ["gradient"];
+  var _excluded$4p = ["gradient"];
 
   /**
    * @component CheckboxCircleBlankIcon
@@ -2790,7 +2790,7 @@
    */
   var CheckboxCircleBlankIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4m);
+      props = _objectWithoutProperties(_ref, _excluded$4p);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 15,
@@ -2811,7 +2811,7 @@
   CheckboxCircleBlankIcon.displayName = "CheckboxCircleBlankIcon";
   var CheckboxCircleBlankIcon$1 = CheckboxCircleBlankIcon;
 
-  var _excluded$4l = ["gradient"];
+  var _excluded$4o = ["gradient"];
 
   /**
    * @component CheckboxDocumentsIcon
@@ -2841,7 +2841,7 @@
    */
   var CheckboxDocumentsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4l);
+      props = _objectWithoutProperties(_ref, _excluded$4o);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -2861,7 +2861,7 @@
   CheckboxDocumentsIcon.displayName = "CheckboxDocumentsIcon";
   var CheckboxDocumentsIcon$1 = CheckboxDocumentsIcon;
 
-  var _excluded$4k = ["gradient"];
+  var _excluded$4n = ["gradient"];
 
   /**
    * @component CheckboxIcon
@@ -2891,7 +2891,7 @@
    */
   var CheckboxIcon$2 = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4k);
+      props = _objectWithoutProperties(_ref, _excluded$4n);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 16,
@@ -2921,7 +2921,7 @@
   CheckboxIcon$2.displayName = "CheckboxIcon";
   var CheckboxIcon$3 = CheckboxIcon$2;
 
-  var _excluded$4j = ["gradient"];
+  var _excluded$4m = ["gradient"];
 
   /**
    * @component ChecklistSmallIcon
@@ -2951,7 +2951,7 @@
    */
   var ChecklistSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4j);
+      props = _objectWithoutProperties(_ref, _excluded$4m);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -2971,7 +2971,7 @@
   ChecklistSmallIcon.displayName = "ChecklistSmallIcon";
   var ChecklistSmallIcon$1 = ChecklistSmallIcon;
 
-  var _excluded$4i = ["gradient"];
+  var _excluded$4l = ["gradient"];
 
   /**
    * @component ChecklistIcon
@@ -3001,7 +3001,7 @@
    */
   var ChecklistIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4i);
+      props = _objectWithoutProperties(_ref, _excluded$4l);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3021,7 +3021,56 @@
   ChecklistIcon.displayName = "ChecklistIcon";
   var ChecklistIcon$1 = ChecklistIcon;
 
-  var _excluded$4h = ["gradient"];
+  var _excluded$4k = ["gradient"];
+
+  /**
+   * @component CircleIcon
+   * @description
+   *
+   * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+   * The Icon component is
+   * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+   *
+   * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
+   * Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
+   *
+   * @example
+   * return (
+   * <CircleIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+   * )
+   *
+   * @example
+   * return (
+   *   <CircleIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var CircleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+    var gradient = _ref.gradient,
+      props = _objectWithoutProperties(_ref, _excluded$4k);
+    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      xmlns: "http://www.w3.org/2000/svg",
+      width: 24,
+      height: 24,
+      viewBox: "0 0 24 24",
+      "data-testid": "CircleIcon",
+      fill: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
+      focusable: false,
+      ref: ref
+    }, props), /*#__PURE__*/React__default["default"].createElement(GradientDefs, {
+      gradient: gradient
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M12 4.222a7.778 7.778 0 1 0 0 15.556 7.778 7.778 0 0 0 0-15.556M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20"
+    }));
+  });
+  CircleIcon.displayName = "CircleIcon";
+  var CircleIcon$1 = CircleIcon;
+
+  var _excluded$4j = ["gradient"];
 
   /**
    * @component CircleMultipleIcon
@@ -3051,7 +3100,7 @@
    */
   var CircleMultipleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4h);
+      props = _objectWithoutProperties(_ref, _excluded$4j);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3071,7 +3120,7 @@
   CircleMultipleIcon.displayName = "CircleMultipleIcon";
   var CircleMultipleIcon$1 = CircleMultipleIcon;
 
-  var _excluded$4g = ["gradient"];
+  var _excluded$4i = ["gradient"];
 
   /**
    * @component ClockAddIcon
@@ -3101,7 +3150,7 @@
    */
   var ClockAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4g);
+      props = _objectWithoutProperties(_ref, _excluded$4i);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3121,7 +3170,7 @@
   ClockAddIcon.displayName = "ClockAddIcon";
   var ClockAddIcon$1 = ClockAddIcon;
 
-  var _excluded$4f = ["gradient"];
+  var _excluded$4h = ["gradient"];
 
   /**
    * @component ClockDollarIcon
@@ -3151,7 +3200,7 @@
    */
   var ClockDollarIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4f);
+      props = _objectWithoutProperties(_ref, _excluded$4h);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3174,7 +3223,7 @@
   ClockDollarIcon.displayName = "ClockDollarIcon";
   var ClockDollarIcon$1 = ClockDollarIcon;
 
-  var _excluded$4e = ["gradient"];
+  var _excluded$4g = ["gradient"];
 
   /**
    * @component ClockSmallIcon
@@ -3204,7 +3253,7 @@
    */
   var ClockSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4e);
+      props = _objectWithoutProperties(_ref, _excluded$4g);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -3224,7 +3273,7 @@
   ClockSmallIcon.displayName = "ClockSmallIcon";
   var ClockSmallIcon$1 = ClockSmallIcon;
 
-  var _excluded$4d = ["gradient"];
+  var _excluded$4f = ["gradient"];
 
   /**
    * @component ClockStopwatchIndicatorIcon
@@ -3254,7 +3303,7 @@
    */
   var ClockStopwatchIndicatorIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4d);
+      props = _objectWithoutProperties(_ref, _excluded$4f);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3275,7 +3324,7 @@
   ClockStopwatchIndicatorIcon.displayName = "ClockStopwatchIndicatorIcon";
   var ClockStopwatchIndicatorIcon$1 = ClockStopwatchIndicatorIcon;
 
-  var _excluded$4c = ["gradient"];
+  var _excluded$4e = ["gradient"];
 
   /**
    * @component ClockStopwatchSmallIcon
@@ -3305,7 +3354,7 @@
    */
   var ClockStopwatchSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4c);
+      props = _objectWithoutProperties(_ref, _excluded$4e);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -3325,7 +3374,7 @@
   ClockStopwatchSmallIcon.displayName = "ClockStopwatchSmallIcon";
   var ClockStopwatchSmallIcon$1 = ClockStopwatchSmallIcon;
 
-  var _excluded$4b = ["gradient"];
+  var _excluded$4d = ["gradient"];
 
   /**
    * @component ClockStopwatchIcon
@@ -3355,7 +3404,7 @@
    */
   var ClockStopwatchIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4b);
+      props = _objectWithoutProperties(_ref, _excluded$4d);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3375,7 +3424,7 @@
   ClockStopwatchIcon.displayName = "ClockStopwatchIcon";
   var ClockStopwatchIcon$1 = ClockStopwatchIcon;
 
-  var _excluded$4a = ["gradient"];
+  var _excluded$4c = ["gradient"];
 
   /**
    * @component ClockIcon
@@ -3405,7 +3454,7 @@
    */
   var ClockIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$4a);
+      props = _objectWithoutProperties(_ref, _excluded$4c);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3425,7 +3474,7 @@
   ClockIcon.displayName = "ClockIcon";
   var ClockIcon$1 = ClockIcon;
 
-  var _excluded$49 = ["gradient"];
+  var _excluded$4b = ["gradient"];
 
   /**
    * @component CloseCircleIcon
@@ -3455,7 +3504,7 @@
    */
   var CloseCircleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$49);
+      props = _objectWithoutProperties(_ref, _excluded$4b);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3476,7 +3525,7 @@
   CloseCircleIcon.displayName = "CloseCircleIcon";
   var CloseCircleIcon$1 = CloseCircleIcon;
 
-  var _excluded$48 = ["gradient"];
+  var _excluded$4a = ["gradient"];
 
   /**
    * @component CloseDocumentIcon
@@ -3506,7 +3555,7 @@
    */
   var CloseDocumentIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$48);
+      props = _objectWithoutProperties(_ref, _excluded$4a);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3526,7 +3575,7 @@
   CloseDocumentIcon.displayName = "CloseDocumentIcon";
   var CloseDocumentIcon$1 = CloseDocumentIcon;
 
-  var _excluded$47 = ["gradient"];
+  var _excluded$49 = ["gradient"];
 
   /**
    * @component CloseSmallIcon
@@ -3556,7 +3605,7 @@
    */
   var CloseSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$47);
+      props = _objectWithoutProperties(_ref, _excluded$49);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3576,7 +3625,7 @@
   CloseSmallIcon.displayName = "CloseSmallIcon";
   var CloseSmallIcon$1 = CloseSmallIcon;
 
-  var _excluded$46 = ["gradient"];
+  var _excluded$48 = ["gradient"];
 
   /**
    * @component CloseIcon
@@ -3606,7 +3655,7 @@
    */
   var CloseIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$46);
+      props = _objectWithoutProperties(_ref, _excluded$48);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3627,7 +3676,7 @@
   CloseIcon.displayName = "CloseIcon";
   var CloseIcon$1 = CloseIcon;
 
-  var _excluded$45 = ["gradient"];
+  var _excluded$47 = ["gradient"];
 
   /**
    * @component CollapsIcon
@@ -3657,7 +3706,7 @@
    */
   var CollapsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$45);
+      props = _objectWithoutProperties(_ref, _excluded$47);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 6,
@@ -3677,7 +3726,7 @@
   CollapsIcon.displayName = "CollapsIcon";
   var CollapsIcon$1 = CollapsIcon;
 
-  var _excluded$44 = ["gradient"];
+  var _excluded$46 = ["gradient"];
 
   /**
    * @component CollapseAllIcon
@@ -3707,7 +3756,7 @@
    */
   var CollapseAllIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$44);
+      props = _objectWithoutProperties(_ref, _excluded$46);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3727,7 +3776,7 @@
   CollapseAllIcon.displayName = "CollapseAllIcon";
   var CollapseAllIcon$1 = CollapseAllIcon;
 
-  var _excluded$43 = ["gradient"];
+  var _excluded$45 = ["gradient"];
 
   /**
    * @component CollapseExpandSingleIcon
@@ -3757,7 +3806,7 @@
    */
   var CollapseExpandSingleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$43);
+      props = _objectWithoutProperties(_ref, _excluded$45);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3777,7 +3826,7 @@
   CollapseExpandSingleIcon.displayName = "CollapseExpandSingleIcon";
   var CollapseExpandSingleIcon$1 = CollapseExpandSingleIcon;
 
-  var _excluded$42 = ["gradient"];
+  var _excluded$44 = ["gradient"];
 
   /**
    * @component CompanyAddIcon
@@ -3807,7 +3856,7 @@
    */
   var CompanyAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$42);
+      props = _objectWithoutProperties(_ref, _excluded$44);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 18,
@@ -3828,7 +3877,7 @@
   CompanyAddIcon.displayName = "CompanyAddIcon";
   var CompanyAddIcon$1 = CompanyAddIcon;
 
-  var _excluded$41 = ["gradient"];
+  var _excluded$43 = ["gradient"];
 
   /**
    * @component CompanyIcon
@@ -3858,7 +3907,7 @@
    */
   var CompanyIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$41);
+      props = _objectWithoutProperties(_ref, _excluded$43);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3879,7 +3928,7 @@
   CompanyIcon.displayName = "CompanyIcon";
   var CompanyIcon$1 = CompanyIcon;
 
-  var _excluded$40 = ["gradient"];
+  var _excluded$42 = ["gradient"];
 
   /**
    * @component ComputerIcon
@@ -3909,7 +3958,7 @@
    */
   var ComputerIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$40);
+      props = _objectWithoutProperties(_ref, _excluded$42);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3929,7 +3978,66 @@
   ComputerIcon.displayName = "ComputerIcon";
   var ComputerIcon$1 = ComputerIcon;
 
-  var _excluded$3$ = ["gradient"];
+  var _excluded$41 = ["gradient"];
+
+  /**
+   * @component ConnectionIcon
+   * @description
+   *
+   * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+   * The Icon component is
+   * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+   *
+   * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
+   * Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
+   *
+   * @example
+   * return (
+   * <ConnectionIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+   * )
+   *
+   * @example
+   * return (
+   *   <ConnectionIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var ConnectionIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+    var gradient = _ref.gradient,
+      props = _objectWithoutProperties(_ref, _excluded$41);
+    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      xmlns: "http://www.w3.org/2000/svg",
+      width: 24,
+      height: 24,
+      viewBox: "0 0 24 24",
+      "data-testid": "ConnectionIcon",
+      fill: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
+      focusable: false,
+      ref: ref
+    }, props), /*#__PURE__*/React__default["default"].createElement(GradientDefs, {
+      gradient: gradient
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      stroke: "#6D6D73",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 2,
+      d: "m15 14 5-5-5-5"
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      stroke: "#6D6D73",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 2,
+      d: "M4 20v-7a4 4 0 0 1 4-4h12"
+    }));
+  });
+  ConnectionIcon.displayName = "ConnectionIcon";
+  var ConnectionIcon$1 = ConnectionIcon;
+
+  var _excluded$40 = ["gradient"];
 
   /**
    * @component CopyIcon
@@ -3959,7 +4067,7 @@
    */
   var CopyIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3$);
+      props = _objectWithoutProperties(_ref, _excluded$40);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -3979,7 +4087,7 @@
   CopyIcon.displayName = "CopyIcon";
   var CopyIcon$1 = CopyIcon;
 
-  var _excluded$3_ = ["gradient"];
+  var _excluded$3$ = ["gradient"];
 
   /**
    * @component CrownBlankIcon
@@ -4009,7 +4117,7 @@
    */
   var CrownBlankIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3_);
+      props = _objectWithoutProperties(_ref, _excluded$3$);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -4029,7 +4137,7 @@
   CrownBlankIcon.displayName = "CrownBlankIcon";
   var CrownBlankIcon$1 = CrownBlankIcon;
 
-  var _excluded$3Z = ["gradient"];
+  var _excluded$3_ = ["gradient"];
 
   /**
    * @component CrownSelectedIcon
@@ -4059,7 +4167,7 @@
    */
   var CrownSelectedIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3Z);
+      props = _objectWithoutProperties(_ref, _excluded$3_);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -4079,7 +4187,7 @@
   CrownSelectedIcon.displayName = "CrownSelectedIcon";
   var CrownSelectedIcon$1 = CrownSelectedIcon;
 
-  var _excluded$3Y = ["gradient"];
+  var _excluded$3Z = ["gradient"];
 
   /**
    * @component DependencySmallIcon
@@ -4109,7 +4217,7 @@
    */
   var DependencySmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     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: 12,
@@ -4129,7 +4237,7 @@
   DependencySmallIcon.displayName = "DependencySmallIcon";
   var DependencySmallIcon$1 = DependencySmallIcon;
 
-  var _excluded$3X = ["gradient"];
+  var _excluded$3Y = ["gradient"];
 
   /**
    * @component DependencyIcon
@@ -4159,7 +4267,7 @@
    */
   var DependencyIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3X);
+      props = _objectWithoutProperties(_ref, _excluded$3Y);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -4179,7 +4287,7 @@
   DependencyIcon.displayName = "DependencyIcon";
   var DependencyIcon$1 = DependencyIcon;
 
-  var _excluded$3W = ["gradient"];
+  var _excluded$3X = ["gradient"];
 
   /**
    * @component DescriptionSmallIcon
@@ -4209,7 +4317,7 @@
    */
   var DescriptionSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3W);
+      props = _objectWithoutProperties(_ref, _excluded$3X);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 18,
@@ -4230,7 +4338,7 @@
   DescriptionSmallIcon.displayName = "DescriptionSmallIcon";
   var DescriptionSmallIcon$1 = DescriptionSmallIcon;
 
-  var _excluded$3V = ["gradient"];
+  var _excluded$3W = ["gradient"];
 
   /**
    * @component DescriptionIcon
@@ -4260,7 +4368,7 @@
    */
   var DescriptionIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3V);
+      props = _objectWithoutProperties(_ref, _excluded$3W);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -4280,7 +4388,7 @@
   DescriptionIcon.displayName = "DescriptionIcon";
   var DescriptionIcon$1 = DescriptionIcon;
 
-  var _excluded$3U = ["gradient"];
+  var _excluded$3V = ["gradient"];
 
   /**
    * @component DiscussionAddIcon
@@ -4310,7 +4418,7 @@
    */
   var DiscussionAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3U);
+      props = _objectWithoutProperties(_ref, _excluded$3V);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -4330,7 +4438,7 @@
   DiscussionAddIcon.displayName = "DiscussionAddIcon";
   var DiscussionAddIcon$1 = DiscussionAddIcon;
 
-  var _excluded$3T = ["gradient"];
+  var _excluded$3U = ["gradient"];
 
   /**
    * @component DiscussionIcon
@@ -4360,7 +4468,7 @@
    */
   var DiscussionIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3T);
+      props = _objectWithoutProperties(_ref, _excluded$3U);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -4381,7 +4489,7 @@
   DiscussionIcon.displayName = "DiscussionIcon";
   var DiscussionIcon$1 = DiscussionIcon;
 
-  var _excluded$3S = ["gradient"];
+  var _excluded$3T = ["gradient"];
 
   /**
    * @component DollarCheckmarkSmallIcon
@@ -4411,7 +4519,7 @@
    */
   var DollarCheckmarkSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3S);
+      props = _objectWithoutProperties(_ref, _excluded$3T);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -4431,7 +4539,7 @@
   DollarCheckmarkSmallIcon.displayName = "DollarCheckmarkSmallIcon";
   var DollarCheckmarkSmallIcon$1 = DollarCheckmarkSmallIcon;
 
-  var _excluded$3R = ["gradient"];
+  var _excluded$3S = ["gradient"];
 
   /**
    * @component DollarCheckmarkIcon
@@ -4461,7 +4569,7 @@
    */
   var DollarCheckmarkIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3R);
+      props = _objectWithoutProperties(_ref, _excluded$3S);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -4481,7 +4589,7 @@
   DollarCheckmarkIcon.displayName = "DollarCheckmarkIcon";
   var DollarCheckmarkIcon$1 = DollarCheckmarkIcon;
 
-  var _excluded$3Q = ["gradient"];
+  var _excluded$3R = ["gradient"];
 
   /**
    * @component DollarClockSmallIcon
@@ -4511,7 +4619,7 @@
    */
   var DollarClockSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3Q);
+      props = _objectWithoutProperties(_ref, _excluded$3R);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -4531,7 +4639,7 @@
   DollarClockSmallIcon.displayName = "DollarClockSmallIcon";
   var DollarClockSmallIcon$1 = DollarClockSmallIcon;
 
-  var _excluded$3P = ["gradient"];
+  var _excluded$3Q = ["gradient"];
 
   /**
    * @component DollarClockIcon
@@ -4561,7 +4669,7 @@
    */
   var DollarClockIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3P);
+      props = _objectWithoutProperties(_ref, _excluded$3Q);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -4581,7 +4689,7 @@
   DollarClockIcon.displayName = "DollarClockIcon";
   var DollarClockIcon$1 = DollarClockIcon;
 
-  var _excluded$3O = ["gradient"];
+  var _excluded$3P = ["gradient"];
 
   /**
    * @component DollarDocumentPlusIcon
@@ -4611,7 +4719,7 @@
    */
   var DollarDocumentPlusIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3O);
+      props = _objectWithoutProperties(_ref, _excluded$3P);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -4631,7 +4739,7 @@
   DollarDocumentPlusIcon.displayName = "DollarDocumentPlusIcon";
   var DollarDocumentPlusIcon$1 = DollarDocumentPlusIcon;
 
-  var _excluded$3N = ["gradient"];
+  var _excluded$3O = ["gradient"];
 
   /**
    * @component DollarDocumentIcon
@@ -4661,7 +4769,7 @@
    */
   var DollarDocumentIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3N);
+      props = _objectWithoutProperties(_ref, _excluded$3O);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -4682,7 +4790,7 @@
   DollarDocumentIcon.displayName = "DollarDocumentIcon";
   var DollarDocumentIcon$1 = DollarDocumentIcon;
 
-  var _excluded$3M = ["gradient"];
+  var _excluded$3N = ["gradient"];
 
   /**
    * @component DollarOffSmallIcon
@@ -4712,7 +4820,7 @@
    */
   var DollarOffSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3M);
+      props = _objectWithoutProperties(_ref, _excluded$3N);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -4732,7 +4840,7 @@
   DollarOffSmallIcon.displayName = "DollarOffSmallIcon";
   var DollarOffSmallIcon$1 = DollarOffSmallIcon;
 
-  var _excluded$3L = ["gradient"];
+  var _excluded$3M = ["gradient"];
 
   /**
    * @component DollarOffIcon
@@ -4762,7 +4870,7 @@
    */
   var DollarOffIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     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,
@@ -4782,7 +4890,7 @@
   DollarOffIcon.displayName = "DollarOffIcon";
   var DollarOffIcon$1 = DollarOffIcon;
 
-  var _excluded$3K = ["gradient"];
+  var _excluded$3L = ["gradient"];
 
   /**
    * @component DollarSmallIcon
@@ -4812,7 +4920,7 @@
    */
   var DollarSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3K);
+      props = _objectWithoutProperties(_ref, _excluded$3L);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -4832,7 +4940,7 @@
   DollarSmallIcon.displayName = "DollarSmallIcon";
   var DollarSmallIcon$1 = DollarSmallIcon;
 
-  var _excluded$3J = ["gradient"];
+  var _excluded$3K = ["gradient"];
 
   /**
    * @component DollarIcon
@@ -4862,7 +4970,7 @@
    */
   var DollarIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3J);
+      props = _objectWithoutProperties(_ref, _excluded$3K);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -4882,7 +4990,7 @@
   DollarIcon.displayName = "DollarIcon";
   var DollarIcon$1 = DollarIcon;
 
-  var _excluded$3I = ["gradient"];
+  var _excluded$3J = ["gradient"];
 
   /**
    * @component DownloadIcon
@@ -4912,7 +5020,7 @@
    */
   var DownloadIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3I);
+      props = _objectWithoutProperties(_ref, _excluded$3J);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -4932,6 +5040,57 @@
   DownloadIcon.displayName = "DownloadIcon";
   var DownloadIcon$1 = DownloadIcon;
 
+  var _excluded$3I = ["gradient"];
+
+  /**
+   * @component DrawIcon
+   * @description
+   *
+   * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+   * The Icon component is
+   * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+   *
+   * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
+   * Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
+   *
+   * @example
+   * return (
+   * <DrawIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+   * )
+   *
+   * @example
+   * return (
+   *   <DrawIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var DrawIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+    var gradient = _ref.gradient,
+      props = _objectWithoutProperties(_ref, _excluded$3I);
+    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      xmlns: "http://www.w3.org/2000/svg",
+      width: 24,
+      height: 24,
+      viewBox: "0 0 24 24",
+      "data-testid": "DrawIcon",
+      fill: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
+      focusable: false,
+      ref: ref
+    }, props), /*#__PURE__*/React__default["default"].createElement(GradientDefs, {
+      gradient: gradient
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      fillRule: "evenodd",
+      d: "m14.06 9 .94.94L5.92 19H5v-.92zm3.6-6c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29m-3.6 3.19L3 17.25V21h3.75L17.81 9.94z",
+      clipRule: "evenodd"
+    }));
+  });
+  DrawIcon.displayName = "DrawIcon";
+  var DrawIcon$1 = DrawIcon;
+
   var _excluded$3H = ["gradient"];
 
   /**
@@ -5893,15 +6052,32 @@
   var _excluded$3o = ["gradient"];
 
   /**
-   * @component GitBranchIcon
+   * @component GroupByIcon
    * @description
-   * Outline git-branch glyph for source-control signifiers.
    *
-   * @prop {string} [gradient] - Optional CSS linear-gradient string applied to the stroke.
+   * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+   * The Icon component is
+   * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+   *
+   * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
+   * Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
+   *
+   * @example
+   * return (
+   * <GroupByIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+   * )
+   *
+   * @example
+   * return (
+   *   <GroupByIcon className="mr-2" />
+   * )
    *
-   * @see https://design.activecollab.com/docs/foundations/icons
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
    */
-  var GitBranchIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+  var GroupByIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
       props = _objectWithoutProperties(_ref, _excluded$3o);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
@@ -5909,43 +6085,48 @@
       width: 24,
       height: 24,
       viewBox: "0 0 24 24",
-      "data-testid": "GitBranchIcon",
-      fill: "none",
-      stroke: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.stroke ? props.stroke : "var(--color-theme-600)",
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
+      "data-testid": "GroupByIcon",
+      fill: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
       focusable: false,
       ref: ref
     }, props), /*#__PURE__*/React__default["default"].createElement(GradientDefs, {
       gradient: gradient
     }), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M7 18m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"
-    }), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M7 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"
-    }), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M17 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"
-    }), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M7 8v8"
-    }), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M9 18h4a4 4 0 0 0 4 -4v-6"
+      d: "M20.598 9a1 1 0 0 1-1.994-.123V5.392h-3.486a.997.997 0 1 1 0-1.995l4.486-.005.118.007a1 1 0 0 1 .883.993v4.49l-.007.12zM5.396 15.122v3.487h3.486a.998.998 0 0 1 0 1.995l-4.486.005-.118-.007a1 1 0 0 1-.883-.993v-4.49l.007-.12a.997.997 0 0 1 .993-.877l.12.008a1 1 0 0 1 .881.992m8.726 4.478a1 1 0 0 0 .878.998l.12.008h4.489a1 1 0 0 0 .993-.884l.007-.118-.005-4.486a.998.998 0 0 0-1.995 0v3.486h-3.487a1 1 0 0 0-1 .996M5.391 5.396h3.487a1 1 0 0 0 .992-.88l.008-.12A.997.997 0 0 0 9 3.401l-.12-.008H4.392a1 1 0 0 0-.993.884l-.007.118.005 4.486a.998.998 0 0 0 1.995 0V5.396zM8 9a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1m1 2a1 1 0 1 0 0 2h6a1 1 0 0 0 0-2zm-1 4a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1"
     }));
   });
-  GitBranchIcon.displayName = "GitBranchIcon";
-  var GitBranchIcon$1 = GitBranchIcon;
+  GroupByIcon.displayName = "GroupByIcon";
+  var GroupByIcon$1 = GroupByIcon;
 
   var _excluded$3n = ["gradient"];
 
   /**
-   * @component GitCommitIcon
+   * @component HashtagIcon
    * @description
-   * Outline git-commit glyph (a node on a line) for source-control signifiers.
    *
-   * @prop {string} [gradient] - Optional CSS linear-gradient string applied to the stroke.
+   * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+   * The Icon component is
+   * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+   *
+   * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
+   * Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
+   *
+   * @example
+   * return (
+   * <HashtagIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+   * )
+   *
+   * @example
+   * return (
+   *   <HashtagIcon className="mr-2" />
+   * )
    *
-   * @see https://design.activecollab.com/docs/foundations/icons
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
    */
-  var GitCommitIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+  var HashtagIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
       props = _objectWithoutProperties(_ref, _excluded$3n);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
@@ -5953,174 +6134,22 @@
       width: 24,
       height: 24,
       viewBox: "0 0 24 24",
-      "data-testid": "GitCommitIcon",
-      fill: "none",
-      stroke: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.stroke ? props.stroke : "var(--color-theme-600)",
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
+      "data-testid": "HashtagIcon",
+      fill: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
       focusable: false,
       ref: ref
     }, props), /*#__PURE__*/React__default["default"].createElement(GradientDefs, {
       gradient: gradient
     }), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"
-    }), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M3 12h6"
-    }), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M15 12h6"
-    }));
-  });
-  GitCommitIcon.displayName = "GitCommitIcon";
-  var GitCommitIcon$1 = GitCommitIcon;
-
-  var _excluded$3m = ["gradient"];
-
-  /**
-   * @component GitPullRequestIcon
-   * @description
-   * Outline git pull-request glyph for source-control signifiers.
-   *
-   * @prop {string} [gradient] - Optional CSS linear-gradient string applied to the stroke.
-   *
-   * @see https://design.activecollab.com/docs/foundations/icons
-   */
-  var GitPullRequestIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
-    var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3m);
-    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
-      xmlns: "http://www.w3.org/2000/svg",
-      width: 24,
-      height: 24,
-      viewBox: "0 0 24 24",
-      "data-testid": "GitPullRequestIcon",
-      fill: "none",
-      stroke: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.stroke ? props.stroke : "var(--color-theme-600)",
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      focusable: false,
-      ref: ref
-    }, props), /*#__PURE__*/React__default["default"].createElement(GradientDefs, {
-      gradient: gradient
-    }), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M6 18m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"
-    }), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M6 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"
-    }), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M18 18m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"
-    }), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M6 8v8"
-    }), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M11 6h5a2 2 0 0 1 2 2v8"
-    }), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M14 9l-3 -3l3 -3"
-    }));
-  });
-  GitPullRequestIcon.displayName = "GitPullRequestIcon";
-  var GitPullRequestIcon$1 = GitPullRequestIcon;
-
-  var _excluded$3l = ["gradient"];
-
-  /**
-   * @component GroupByIcon
-   * @description
-   *
-   * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
-   * The Icon component is
-   * customizable, allowing for variations in size, color, and style to fit the needs of the application.
-   *
-   * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
-   * Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
-   *
-   * @example
-   * return (
-   * <GroupByIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
-   * )
-   *
-   * @example
-   * return (
-   *   <GroupByIcon className="mr-2" />
-   * )
-   *
-   * @see
-   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
-   * @see
-   * https://design.activecollab.com/docs/foundations/icons
-   */
-  var GroupByIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
-    var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3l);
-    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
-      xmlns: "http://www.w3.org/2000/svg",
-      width: 24,
-      height: 24,
-      viewBox: "0 0 24 24",
-      "data-testid": "GroupByIcon",
-      fill: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
-      focusable: false,
-      ref: ref
-    }, props), /*#__PURE__*/React__default["default"].createElement(GradientDefs, {
-      gradient: gradient
-    }), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M20.598 9a1 1 0 0 1-1.994-.123V5.392h-3.486a.997.997 0 1 1 0-1.995l4.486-.005.118.007a1 1 0 0 1 .883.993v4.49l-.007.12zM5.396 15.122v3.487h3.486a.998.998 0 0 1 0 1.995l-4.486.005-.118-.007a1 1 0 0 1-.883-.993v-4.49l.007-.12a.997.997 0 0 1 .993-.877l.12.008a1 1 0 0 1 .881.992m8.726 4.478a1 1 0 0 0 .878.998l.12.008h4.489a1 1 0 0 0 .993-.884l.007-.118-.005-4.486a.998.998 0 0 0-1.995 0v3.486h-3.487a1 1 0 0 0-1 .996M5.391 5.396h3.487a1 1 0 0 0 .992-.88l.008-.12A.997.997 0 0 0 9 3.401l-.12-.008H4.392a1 1 0 0 0-.993.884l-.007.118.005 4.486a.998.998 0 0 0 1.995 0V5.396zM8 9a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1m1 2a1 1 0 1 0 0 2h6a1 1 0 0 0 0-2zm-1 4a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1"
-    }));
-  });
-  GroupByIcon.displayName = "GroupByIcon";
-  var GroupByIcon$1 = GroupByIcon;
-
-  var _excluded$3k = ["gradient"];
-
-  /**
-   * @component HashtagIcon
-   * @description
-   *
-   * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
-   * The Icon component is
-   * customizable, allowing for variations in size, color, and style to fit the needs of the application.
-   *
-   * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
-   * Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
-   *
-   * @example
-   * return (
-   * <HashtagIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
-   * )
-   *
-   * @example
-   * return (
-   *   <HashtagIcon className="mr-2" />
-   * )
-   *
-   * @see
-   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
-   * @see
-   * https://design.activecollab.com/docs/foundations/icons
-   */
-  var HashtagIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
-    var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3k);
-    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
-      xmlns: "http://www.w3.org/2000/svg",
-      width: 24,
-      height: 24,
-      viewBox: "0 0 24 24",
-      "data-testid": "HashtagIcon",
-      fill: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
-      focusable: false,
-      ref: ref
-    }, props), /*#__PURE__*/React__default["default"].createElement(GradientDefs, {
-      gradient: gradient
-    }), /*#__PURE__*/React__default["default"].createElement("path", {
-      fillRule: "evenodd",
-      d: "m5.33 21 .719-4H2l.354-2h4.049l1.073-6H3.427l.354-2H7.83l.719-4h2.024l-.719 4h6.073l.719-4h2.024l-.719 4H22l-.354 2h-4.049l-1.073 6h4.049l-.354 2H16.17l-.719 4h-2.024l.719-4H8.073l-.719 4zM9.5 9l-1.073 6H14.5l1.073-6z",
-      clipRule: "evenodd"
+      fillRule: "evenodd",
+      d: "m5.33 21 .719-4H2l.354-2h4.049l1.073-6H3.427l.354-2H7.83l.719-4h2.024l-.719 4h6.073l.719-4h2.024l-.719 4H22l-.354 2h-4.049l-1.073 6h4.049l-.354 2H16.17l-.719 4h-2.024l.719-4H8.073l-.719 4zM9.5 9l-1.073 6H14.5l1.073-6z",
+      clipRule: "evenodd"
     }));
   });
   HashtagIcon.displayName = "HashtagIcon";
   var HashtagIcon$1 = HashtagIcon;
 
-  var _excluded$3j = ["gradient"];
+  var _excluded$3m = ["gradient"];
 
   /**
    * @component HelpIcon
@@ -6150,7 +6179,7 @@
    */
   var HelpIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3j);
+      props = _objectWithoutProperties(_ref, _excluded$3m);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6170,7 +6199,7 @@
   HelpIcon.displayName = "HelpIcon";
   var HelpIcon$1 = HelpIcon;
 
-  var _excluded$3i = ["gradient"];
+  var _excluded$3l = ["gradient"];
 
   /**
    * @component HistoryOfChangesIcon
@@ -6200,7 +6229,7 @@
    */
   var HistoryOfChangesIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3i);
+      props = _objectWithoutProperties(_ref, _excluded$3l);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6221,7 +6250,7 @@
   HistoryOfChangesIcon.displayName = "HistoryOfChangesIcon";
   var HistoryOfChangesIcon$1 = HistoryOfChangesIcon;
 
-  var _excluded$3h = ["gradient"];
+  var _excluded$3k = ["gradient"];
 
   /**
    * @component ImageIcon
@@ -6251,7 +6280,7 @@
    */
   var ImageIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3h);
+      props = _objectWithoutProperties(_ref, _excluded$3k);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6272,7 +6301,7 @@
   ImageIcon.displayName = "ImageIcon";
   var ImageIcon$1 = ImageIcon;
 
-  var _excluded$3g = ["gradient"];
+  var _excluded$3j = ["gradient"];
 
   /**
    * @component InfoSmallIcon
@@ -6302,7 +6331,7 @@
    */
   var InfoSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3g);
+      props = _objectWithoutProperties(_ref, _excluded$3j);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 15,
@@ -6322,7 +6351,7 @@
   InfoSmallIcon.displayName = "InfoSmallIcon";
   var InfoSmallIcon$1 = InfoSmallIcon;
 
-  var _excluded$3f = ["gradient"];
+  var _excluded$3i = ["gradient"];
 
   /**
    * @component InfoIcon
@@ -6352,7 +6381,7 @@
    */
   var InfoIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3f);
+      props = _objectWithoutProperties(_ref, _excluded$3i);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6372,7 +6401,7 @@
   InfoIcon.displayName = "InfoIcon";
   var InfoIcon$1 = InfoIcon;
 
-  var _excluded$3e = ["gradient"];
+  var _excluded$3h = ["gradient"];
 
   /**
    * @component InsertLinkIcon
@@ -6402,7 +6431,7 @@
    */
   var InsertLinkIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3e);
+      props = _objectWithoutProperties(_ref, _excluded$3h);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6422,7 +6451,7 @@
   InsertLinkIcon.displayName = "InsertLinkIcon";
   var InsertLinkIcon$1 = InsertLinkIcon;
 
-  var _excluded$3d = ["gradient"];
+  var _excluded$3g = ["gradient"];
 
   /**
    * @component IntegrationsIcon
@@ -6452,7 +6481,7 @@
    */
   var IntegrationsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3d);
+      props = _objectWithoutProperties(_ref, _excluded$3g);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6476,7 +6505,7 @@
   IntegrationsIcon.displayName = "IntegrationsIcon";
   var IntegrationsIcon$1 = IntegrationsIcon;
 
-  var _excluded$3c = ["gradient"];
+  var _excluded$3f = ["gradient"];
 
   /**
    * @component InvoicesIcon
@@ -6506,7 +6535,7 @@
    */
   var InvoicesIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3c);
+      props = _objectWithoutProperties(_ref, _excluded$3f);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6530,7 +6559,7 @@
   InvoicesIcon.displayName = "InvoicesIcon";
   var InvoicesIcon$1 = InvoicesIcon;
 
-  var _excluded$3b = ["gradient"];
+  var _excluded$3e = ["gradient"];
 
   /**
    * @component LabelsIcon
@@ -6560,7 +6589,7 @@
    */
   var LabelsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3b);
+      props = _objectWithoutProperties(_ref, _excluded$3e);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6580,7 +6609,7 @@
   LabelsIcon.displayName = "LabelsIcon";
   var LabelsIcon$1 = LabelsIcon;
 
-  var _excluded$3a = ["gradient"];
+  var _excluded$3d = ["gradient"];
 
   /**
    * @component LetterArrowRightIcon
@@ -6610,7 +6639,7 @@
    */
   var LetterArrowRightIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$3a);
+      props = _objectWithoutProperties(_ref, _excluded$3d);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6631,7 +6660,7 @@
   LetterArrowRightIcon.displayName = "LetterArrowRightIcon";
   var LetterArrowRightIcon$1 = LetterArrowRightIcon;
 
-  var _excluded$39 = ["gradient"];
+  var _excluded$3c = ["gradient"];
 
   /**
    * @component LetterFastIcon
@@ -6661,7 +6690,7 @@
    */
   var LetterFastIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$39);
+      props = _objectWithoutProperties(_ref, _excluded$3c);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6681,7 +6710,7 @@
   LetterFastIcon.displayName = "LetterFastIcon";
   var LetterFastIcon$1 = LetterFastIcon;
 
-  var _excluded$38 = ["gradient"];
+  var _excluded$3b = ["gradient"];
 
   /**
    * @component LetterIcon
@@ -6711,7 +6740,7 @@
    */
   var LetterIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$38);
+      props = _objectWithoutProperties(_ref, _excluded$3b);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6732,7 +6761,7 @@
   LetterIcon.displayName = "LetterIcon";
   var LetterIcon$1 = LetterIcon;
 
-  var _excluded$37 = ["gradient"];
+  var _excluded$3a = ["gradient"];
 
   /**
    * @component LockSmallIcon
@@ -6762,7 +6791,7 @@
    */
   var LockSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$37);
+      props = _objectWithoutProperties(_ref, _excluded$3a);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -6782,7 +6811,7 @@
   LockSmallIcon.displayName = "LockSmallIcon";
   var LockSmallIcon$1 = LockSmallIcon;
 
-  var _excluded$36 = ["gradient"];
+  var _excluded$39 = ["gradient"];
 
   /**
    * @component LockIcon
@@ -6812,7 +6841,7 @@
    */
   var LockIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$36);
+      props = _objectWithoutProperties(_ref, _excluded$39);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6832,7 +6861,7 @@
   LockIcon.displayName = "LockIcon";
   var LockIcon$1 = LockIcon;
 
-  var _excluded$35 = ["gradient"];
+  var _excluded$38 = ["gradient"];
 
   /**
    * @component MarkerIcon
@@ -6862,7 +6891,7 @@
    */
   var MarkerIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$35);
+      props = _objectWithoutProperties(_ref, _excluded$38);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6882,7 +6911,7 @@
   MarkerIcon.displayName = "MarkerIcon";
   var MarkerIcon$1 = MarkerIcon;
 
-  var _excluded$34 = ["gradient"];
+  var _excluded$37 = ["gradient"];
 
   /**
    * @component MessageAddIcon
@@ -6912,7 +6941,7 @@
    */
   var MessageAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$34);
+      props = _objectWithoutProperties(_ref, _excluded$37);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6931,7 +6960,7 @@
   MessageAddIcon.displayName = "MessageAddIcon";
   var MessageAddIcon$1 = MessageAddIcon;
 
-  var _excluded$33 = ["gradient"];
+  var _excluded$36 = ["gradient"];
 
   /**
    * @component MessageEmptyIcon
@@ -6961,7 +6990,7 @@
    */
   var MessageEmptyIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$33);
+      props = _objectWithoutProperties(_ref, _excluded$36);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -6981,7 +7010,7 @@
   MessageEmptyIcon.displayName = "MessageEmptyIcon";
   var MessageEmptyIcon$1 = MessageEmptyIcon;
 
-  var _excluded$32 = ["gradient"];
+  var _excluded$35 = ["gradient"];
 
   /**
    * @component MessageSmallIcon
@@ -7011,7 +7040,7 @@
    */
   var MessageSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$32);
+      props = _objectWithoutProperties(_ref, _excluded$35);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -7031,7 +7060,7 @@
   MessageSmallIcon.displayName = "MessageSmallIcon";
   var MessageSmallIcon$1 = MessageSmallIcon;
 
-  var _excluded$31 = ["gradient"];
+  var _excluded$34 = ["gradient"];
 
   /**
    * @component MessageSolidIcon
@@ -7061,7 +7090,7 @@
    */
   var MessageSolidIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$31);
+      props = _objectWithoutProperties(_ref, _excluded$34);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7081,7 +7110,7 @@
   MessageSolidIcon.displayName = "MessageSolidIcon";
   var MessageSolidIcon$1 = MessageSolidIcon;
 
-  var _excluded$30 = ["gradient"];
+  var _excluded$33 = ["gradient"];
 
   /**
    * @component MessageStarIcon
@@ -7111,7 +7140,7 @@
    */
   var MessageStarIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$30);
+      props = _objectWithoutProperties(_ref, _excluded$33);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7134,7 +7163,7 @@
   MessageStarIcon.displayName = "MessageStarIcon";
   var MessageStarIcon$1 = MessageStarIcon;
 
-  var _excluded$2$ = ["gradient"];
+  var _excluded$32 = ["gradient"];
 
   /**
    * @component MessageIcon
@@ -7164,7 +7193,7 @@
    */
   var MessageIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2$);
+      props = _objectWithoutProperties(_ref, _excluded$32);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7184,7 +7213,7 @@
   MessageIcon.displayName = "MessageIcon";
   var MessageIcon$1 = MessageIcon;
 
-  var _excluded$2_ = ["gradient"];
+  var _excluded$31 = ["gradient"];
 
   /**
    * @component MinusIcon
@@ -7214,7 +7243,7 @@
    */
   var MinusIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2_);
+      props = _objectWithoutProperties(_ref, _excluded$31);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7238,7 +7267,7 @@
   MinusIcon.displayName = "MinusIcon";
   var MinusIcon$1 = MinusIcon;
 
-  var _excluded$2Z = ["gradient"];
+  var _excluded$30 = ["gradient"];
 
   /**
    * @component MobileMenuIcon
@@ -7268,7 +7297,7 @@
    */
   var MobileMenuIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2Z);
+      props = _objectWithoutProperties(_ref, _excluded$30);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7289,7 +7318,7 @@
   MobileMenuIcon.displayName = "MobileMenuIcon";
   var MobileMenuIcon$1 = MobileMenuIcon;
 
-  var _excluded$2Y = ["gradient"];
+  var _excluded$2$ = ["gradient"];
 
   /**
    * @component MoneyStackIcon
@@ -7319,7 +7348,7 @@
    */
   var MoneyStackIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2Y);
+      props = _objectWithoutProperties(_ref, _excluded$2$);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7346,7 +7375,7 @@
   MoneyStackIcon.displayName = "MoneyStackIcon";
   var MoneyStackIcon$1 = MoneyStackIcon;
 
-  var _excluded$2X = ["gradient"];
+  var _excluded$2_ = ["gradient"];
 
   /**
    * @component MoonIcon
@@ -7376,7 +7405,7 @@
    */
   var MoonIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2X);
+      props = _objectWithoutProperties(_ref, _excluded$2_);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 20,
@@ -7397,7 +7426,7 @@
   MoonIcon.displayName = "MoonIcon";
   var MoonIcon$1 = MoonIcon;
 
-  var _excluded$2W = ["gradient"];
+  var _excluded$2Z = ["gradient"];
 
   /**
    * @component MoveTriggerIcon
@@ -7427,7 +7456,7 @@
    */
   var MoveTriggerIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2W);
+      props = _objectWithoutProperties(_ref, _excluded$2Z);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 10,
@@ -7447,7 +7476,7 @@
   MoveTriggerIcon.displayName = "MoveTriggerIcon";
   var MoveTriggerIcon$1 = MoveTriggerIcon;
 
-  var _excluded$2V = ["gradient"];
+  var _excluded$2Y = ["gradient"];
 
   /**
    * @component MoveIcon
@@ -7477,7 +7506,7 @@
    */
   var MoveIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2V);
+      props = _objectWithoutProperties(_ref, _excluded$2Y);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7498,7 +7527,7 @@
   MoveIcon.displayName = "MoveIcon";
   var MoveIcon$1 = MoveIcon;
 
-  var _excluded$2U = ["gradient"];
+  var _excluded$2X = ["gradient"];
 
   /**
    * @component MyWorkIcon
@@ -7528,7 +7557,7 @@
    */
   var MyWorkIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2U);
+      props = _objectWithoutProperties(_ref, _excluded$2X);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7552,7 +7581,7 @@
   MyWorkIcon.displayName = "MyWorkIcon";
   var MyWorkIcon$1 = MyWorkIcon;
 
-  var _excluded$2T = ["gradient"];
+  var _excluded$2W = ["gradient"];
 
   /**
    * @component NoteAddIcon
@@ -7582,7 +7611,7 @@
    */
   var NoteAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2T);
+      props = _objectWithoutProperties(_ref, _excluded$2W);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7602,7 +7631,7 @@
   NoteAddIcon.displayName = "NoteAddIcon";
   var NoteAddIcon$1 = NoteAddIcon;
 
-  var _excluded$2S = ["gradient"];
+  var _excluded$2V = ["gradient"];
 
   /**
    * @component NoteIcon
@@ -7632,7 +7661,7 @@
    */
   var NoteIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2S);
+      props = _objectWithoutProperties(_ref, _excluded$2V);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7652,7 +7681,7 @@
   NoteIcon.displayName = "NoteIcon";
   var NoteIcon$1 = NoteIcon;
 
-  var _excluded$2R = ["gradient"];
+  var _excluded$2U = ["gradient"];
 
   /**
    * @component NotebookIcon
@@ -7682,7 +7711,7 @@
    */
   var NotebookIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2R);
+      props = _objectWithoutProperties(_ref, _excluded$2U);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7702,7 +7731,7 @@
   NotebookIcon.displayName = "NotebookIcon";
   var NotebookIcon$1 = NotebookIcon;
 
-  var _excluded$2Q = ["gradient"];
+  var _excluded$2T = ["gradient"];
 
   /**
    * @component NotificationBellIcon
@@ -7732,7 +7761,7 @@
    */
   var NotificationBellIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2Q);
+      props = _objectWithoutProperties(_ref, _excluded$2T);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7751,7 +7780,7 @@
   NotificationBellIcon.displayName = "NotificationBellIcon";
   var NotificationBellIcon$1 = NotificationBellIcon;
 
-  var _excluded$2P = ["gradient"];
+  var _excluded$2S = ["gradient"];
 
   /**
    * @component OpenExpandedIcon
@@ -7781,7 +7810,7 @@
    */
   var OpenExpandedIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2P);
+      props = _objectWithoutProperties(_ref, _excluded$2S);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7801,7 +7830,7 @@
   OpenExpandedIcon.displayName = "OpenExpandedIcon";
   var OpenExpandedIcon$1 = OpenExpandedIcon;
 
-  var _excluded$2O = ["gradient"];
+  var _excluded$2R = ["gradient"];
 
   /**
    * @component OpenSheetIcon
@@ -7831,7 +7860,7 @@
    */
   var OpenSheetIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2O);
+      props = _objectWithoutProperties(_ref, _excluded$2R);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7856,7 +7885,7 @@
   OpenSheetIcon.displayName = "OpenSheetIcon";
   var OpenSheetIcon$1 = OpenSheetIcon;
 
-  var _excluded$2N = ["gradient"];
+  var _excluded$2Q = ["gradient"];
 
   /**
    * @component OrderFirstIcon
@@ -7886,7 +7915,7 @@
    */
   var OrderFirstIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2N);
+      props = _objectWithoutProperties(_ref, _excluded$2Q);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -7906,7 +7935,7 @@
   OrderFirstIcon.displayName = "OrderFirstIcon";
   var OrderFirstIcon$1 = OrderFirstIcon;
 
-  var _excluded$2M = ["gradient"];
+  var _excluded$2P = ["gradient"];
 
   /**
    * @component PaidSmallIcon
@@ -7936,7 +7965,7 @@
    */
   var PaidSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2M);
+      props = _objectWithoutProperties(_ref, _excluded$2P);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -7956,7 +7985,7 @@
   PaidSmallIcon.displayName = "PaidSmallIcon";
   var PaidSmallIcon$1 = PaidSmallIcon;
 
-  var _excluded$2L = ["gradient"];
+  var _excluded$2O = ["gradient"];
 
   /**
    * @component PauseCircleOutlineIcon
@@ -7986,7 +8015,7 @@
    */
   var PauseCircleOutlineIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2L);
+      props = _objectWithoutProperties(_ref, _excluded$2O);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8006,7 +8035,7 @@
   PauseCircleOutlineIcon.displayName = "PauseCircleOutlineIcon";
   var PauseCircleOutlineIcon$1 = PauseCircleOutlineIcon;
 
-  var _excluded$2K = ["gradient"];
+  var _excluded$2N = ["gradient"];
 
   /**
    * @component PauseIcon
@@ -8036,7 +8065,7 @@
    */
   var PauseIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2K);
+      props = _objectWithoutProperties(_ref, _excluded$2N);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8056,7 +8085,7 @@
   PauseIcon.displayName = "PauseIcon";
   var PauseIcon$1 = PauseIcon;
 
-  var _excluded$2J = ["gradient"];
+  var _excluded$2M = ["gradient"];
 
   /**
    * @component PauseSmallIcon
@@ -8086,7 +8115,7 @@
    */
   var PauseSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2J);
+      props = _objectWithoutProperties(_ref, _excluded$2M);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8106,7 +8135,7 @@
   PauseSmallIcon.displayName = "PauseSmallIcon";
   var PauseSmallIcon$1 = PauseSmallIcon;
 
-  var _excluded$2I = ["gradient"];
+  var _excluded$2L = ["gradient"];
 
   /**
    * @component PencilSmallIcon
@@ -8136,7 +8165,7 @@
    */
   var PencilSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2I);
+      props = _objectWithoutProperties(_ref, _excluded$2L);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -8155,7 +8184,7 @@
   PencilSmallIcon.displayName = "PencilSmallIcon";
   var PencilSmallIcon$1 = PencilSmallIcon;
 
-  var _excluded$2H = ["gradient"];
+  var _excluded$2K = ["gradient"];
 
   /**
    * @component PencilIcon
@@ -8185,7 +8214,7 @@
    */
   var PencilIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2H);
+      props = _objectWithoutProperties(_ref, _excluded$2K);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8204,7 +8233,7 @@
   PencilIcon.displayName = "PencilIcon";
   var PencilIcon$1 = PencilIcon;
 
-  var _excluded$2G = ["gradient"];
+  var _excluded$2J = ["gradient"];
 
   /**
    * @component PendingPaymentSmallIcon
@@ -8234,7 +8263,7 @@
    */
   var PendingPaymentSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2G);
+      props = _objectWithoutProperties(_ref, _excluded$2J);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -8254,7 +8283,7 @@
   PendingPaymentSmallIcon.displayName = "PendingPaymentSmallIcon";
   var PendingPaymentSmallIcon$1 = PendingPaymentSmallIcon;
 
-  var _excluded$2F = ["gradient"];
+  var _excluded$2I = ["gradient"];
 
   /**
    * @component PeopleIcon
@@ -8284,7 +8313,7 @@
    */
   var PeopleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2F);
+      props = _objectWithoutProperties(_ref, _excluded$2I);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8308,7 +8337,7 @@
   PeopleIcon.displayName = "PeopleIcon";
   var PeopleIcon$1 = PeopleIcon;
 
-  var _excluded$2E = ["gradient"];
+  var _excluded$2H = ["gradient"];
 
   /**
    * @component PersonArrowOutCircleIcon
@@ -8338,7 +8367,7 @@
    */
   var PersonArrowOutCircleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2E);
+      props = _objectWithoutProperties(_ref, _excluded$2H);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8359,7 +8388,7 @@
   PersonArrowOutCircleIcon.displayName = "PersonArrowOutCircleIcon";
   var PersonArrowOutCircleIcon$1 = PersonArrowOutCircleIcon;
 
-  var _excluded$2D = ["gradient"];
+  var _excluded$2G = ["gradient"];
 
   /**
    * @component PersonCircleOffIcon
@@ -8389,7 +8418,7 @@
    */
   var PersonCircleOffIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2D);
+      props = _objectWithoutProperties(_ref, _excluded$2G);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8409,7 +8438,7 @@
   PersonCircleOffIcon.displayName = "PersonCircleOffIcon";
   var PersonCircleOffIcon$1 = PersonCircleOffIcon;
 
-  var _excluded$2C = ["gradient"];
+  var _excluded$2F = ["gradient"];
 
   /**
    * @component PersonCircleIcon
@@ -8439,7 +8468,7 @@
    */
   var PersonCircleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2C);
+      props = _objectWithoutProperties(_ref, _excluded$2F);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8459,7 +8488,7 @@
   PersonCircleIcon.displayName = "PersonCircleIcon";
   var PersonCircleIcon$1 = PersonCircleIcon;
 
-  var _excluded$2B = ["gradient"];
+  var _excluded$2E = ["gradient"];
 
   /**
    * @component PersonListIcon
@@ -8489,7 +8518,7 @@
    */
   var PersonListIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2B);
+      props = _objectWithoutProperties(_ref, _excluded$2E);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8510,7 +8539,7 @@
   PersonListIcon.displayName = "PersonListIcon";
   var PersonListIcon$1 = PersonListIcon;
 
-  var _excluded$2A = ["gradient"];
+  var _excluded$2D = ["gradient"];
 
   /**
    * @component PersonPlusIcon
@@ -8540,7 +8569,7 @@
    */
   var PersonPlusIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2A);
+      props = _objectWithoutProperties(_ref, _excluded$2D);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8560,7 +8589,7 @@
   PersonPlusIcon.displayName = "PersonPlusIcon";
   var PersonPlusIcon$1 = PersonPlusIcon;
 
-  var _excluded$2z = ["gradient"];
+  var _excluded$2C = ["gradient"];
 
   /**
    * @component PersonIcon
@@ -8590,7 +8619,7 @@
    */
   var PersonIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2z);
+      props = _objectWithoutProperties(_ref, _excluded$2C);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8610,7 +8639,7 @@
   PersonIcon.displayName = "PersonIcon";
   var PersonIcon$1 = PersonIcon;
 
-  var _excluded$2y = ["gradient"];
+  var _excluded$2B = ["gradient"];
 
   /**
    * @component PinSmallIcon
@@ -8640,7 +8669,7 @@
    */
   var PinSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2y);
+      props = _objectWithoutProperties(_ref, _excluded$2B);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -8661,7 +8690,7 @@
   PinSmallIcon.displayName = "PinSmallIcon";
   var PinSmallIcon$1 = PinSmallIcon;
 
-  var _excluded$2x = ["gradient"];
+  var _excluded$2A = ["gradient"];
 
   /**
    * @component PinIcon
@@ -8691,7 +8720,7 @@
    */
   var PinIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2x);
+      props = _objectWithoutProperties(_ref, _excluded$2A);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8711,7 +8740,7 @@
   PinIcon.displayName = "PinIcon";
   var PinIcon$1 = PinIcon;
 
-  var _excluded$2w = ["gradient"];
+  var _excluded$2z = ["gradient"];
 
   /**
    * @component PlayCircleOutlineIcon
@@ -8741,7 +8770,7 @@
    */
   var PlayCircleOutlineIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2w);
+      props = _objectWithoutProperties(_ref, _excluded$2z);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8761,7 +8790,7 @@
   PlayCircleOutlineIcon.displayName = "PlayCircleOutlineIcon";
   var PlayCircleOutlineIcon$1 = PlayCircleOutlineIcon;
 
-  var _excluded$2v = ["gradient"];
+  var _excluded$2y = ["gradient"];
 
   /**
    * @component PlayIcon
@@ -8791,7 +8820,7 @@
    */
   var PlayIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2v);
+      props = _objectWithoutProperties(_ref, _excluded$2y);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8811,7 +8840,7 @@
   PlayIcon.displayName = "PlayIcon";
   var PlayIcon$1 = PlayIcon;
 
-  var _excluded$2u = ["gradient"];
+  var _excluded$2x = ["gradient"];
 
   /**
    * @component PlaySmallIcon
@@ -8841,7 +8870,7 @@
    */
   var PlaySmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2u);
+      props = _objectWithoutProperties(_ref, _excluded$2x);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8861,7 +8890,7 @@
   PlaySmallIcon.displayName = "PlaySmallIcon";
   var PlaySmallIcon$1 = PlaySmallIcon;
 
-  var _excluded$2t = ["gradient"];
+  var _excluded$2w = ["gradient"];
 
   /**
    * @component PriorityLowIcon
@@ -8891,7 +8920,7 @@
    */
   var PriorityLowIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2t);
+      props = _objectWithoutProperties(_ref, _excluded$2w);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8912,7 +8941,7 @@
   PriorityLowIcon.displayName = "PriorityLowIcon";
   var PriorityLowIcon$1 = PriorityLowIcon;
 
-  var _excluded$2s = ["gradient"];
+  var _excluded$2v = ["gradient"];
 
   /**
    * @component ProjectAddIcon
@@ -8942,7 +8971,7 @@
    */
   var ProjectAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2s);
+      props = _objectWithoutProperties(_ref, _excluded$2v);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -8962,7 +8991,7 @@
   ProjectAddIcon.displayName = "ProjectAddIcon";
   var ProjectAddIcon$1 = ProjectAddIcon;
 
-  var _excluded$2r = ["gradient"];
+  var _excluded$2u = ["gradient"];
 
   /**
    * @component ProjectSearchIcon
@@ -8992,7 +9021,7 @@
    */
   var ProjectSearchIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2r);
+      props = _objectWithoutProperties(_ref, _excluded$2u);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9013,7 +9042,7 @@
   ProjectSearchIcon.displayName = "ProjectSearchIcon";
   var ProjectSearchIcon$1 = ProjectSearchIcon;
 
-  var _excluded$2q = ["gradient"];
+  var _excluded$2t = ["gradient"];
 
   /**
    * @component ProjectStarIcon
@@ -9043,7 +9072,7 @@
    */
   var ProjectStarIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2q);
+      props = _objectWithoutProperties(_ref, _excluded$2t);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9066,7 +9095,7 @@
   ProjectStarIcon.displayName = "ProjectStarIcon";
   var ProjectStarIcon$1 = ProjectStarIcon;
 
-  var _excluded$2p = ["gradient"];
+  var _excluded$2s = ["gradient"];
 
   /**
    * @component ProjectTemplateAddIcon
@@ -9096,7 +9125,7 @@
    */
   var ProjectTemplateAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2p);
+      props = _objectWithoutProperties(_ref, _excluded$2s);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9116,7 +9145,7 @@
   ProjectTemplateAddIcon.displayName = "ProjectTemplateAddIcon";
   var ProjectTemplateAddIcon$1 = ProjectTemplateAddIcon;
 
-  var _excluded$2o = ["gradient"];
+  var _excluded$2r = ["gradient"];
 
   /**
    * @component ProjectTemplateConvertIcon
@@ -9146,7 +9175,7 @@
    */
   var ProjectTemplateConvertIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2o);
+      props = _objectWithoutProperties(_ref, _excluded$2r);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9166,7 +9195,7 @@
   ProjectTemplateConvertIcon.displayName = "ProjectTemplateConvertIcon";
   var ProjectTemplateConvertIcon$1 = ProjectTemplateConvertIcon;
 
-  var _excluded$2n = ["gradient"];
+  var _excluded$2q = ["gradient"];
 
   /**
    * @component ProjectTemplateIcon
@@ -9196,7 +9225,7 @@
    */
   var ProjectTemplateIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2n);
+      props = _objectWithoutProperties(_ref, _excluded$2q);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9216,7 +9245,7 @@
   ProjectTemplateIcon.displayName = "ProjectTemplateIcon";
   var ProjectTemplateIcon$1 = ProjectTemplateIcon;
 
-  var _excluded$2m = ["gradient"];
+  var _excluded$2p = ["gradient"];
 
   /**
    * @component ProjectsIcon
@@ -9246,7 +9275,7 @@
    */
   var ProjectsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2m);
+      props = _objectWithoutProperties(_ref, _excluded$2p);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9270,7 +9299,7 @@
   ProjectsIcon.displayName = "ProjectsIcon";
   var ProjectsIcon$1 = ProjectsIcon;
 
-  var _excluded$2l = ["gradient"];
+  var _excluded$2o = ["gradient"];
 
   /**
    * @component PuzzleIcon
@@ -9300,7 +9329,7 @@
    */
   var PuzzleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2l);
+      props = _objectWithoutProperties(_ref, _excluded$2o);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9321,7 +9350,7 @@
   PuzzleIcon.displayName = "PuzzleIcon";
   var PuzzleIcon$1 = PuzzleIcon;
 
-  var _excluded$2k = ["gradient"];
+  var _excluded$2n = ["gradient"];
 
   /**
    * @component RadioBlankIcon
@@ -9351,7 +9380,7 @@
    */
   var RadioBlankIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2k);
+      props = _objectWithoutProperties(_ref, _excluded$2n);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9371,7 +9400,7 @@
   RadioBlankIcon.displayName = "RadioBlankIcon";
   var RadioBlankIcon$1 = RadioBlankIcon;
 
-  var _excluded$2j = ["gradient"];
+  var _excluded$2m = ["gradient"];
 
   /**
    * @component RadioButtonIcon
@@ -9401,7 +9430,7 @@
    */
   var RadioButtonIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2j);
+      props = _objectWithoutProperties(_ref, _excluded$2m);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 16,
@@ -9429,7 +9458,7 @@
   RadioButtonIcon.displayName = "RadioButtonIcon";
   var RadioButtonIcon$1 = RadioButtonIcon;
 
-  var _excluded$2i = ["gradient"];
+  var _excluded$2l = ["gradient"];
 
   /**
    * @component RearangeIcon
@@ -9459,7 +9488,7 @@
    */
   var RearangeIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2i);
+      props = _objectWithoutProperties(_ref, _excluded$2l);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9479,7 +9508,7 @@
   RearangeIcon.displayName = "RearangeIcon";
   var RearangeIcon$1 = RearangeIcon;
 
-  var _excluded$2h = ["gradient"];
+  var _excluded$2k = ["gradient"];
 
   /**
    * @component RearrangeSmallIcon
@@ -9509,7 +9538,7 @@
    */
   var RearrangeSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2h);
+      props = _objectWithoutProperties(_ref, _excluded$2k);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -9529,7 +9558,7 @@
   RearrangeSmallIcon.displayName = "RearrangeSmallIcon";
   var RearrangeSmallIcon$1 = RearrangeSmallIcon;
 
-  var _excluded$2g = ["gradient"];
+  var _excluded$2j = ["gradient"];
 
   /**
    * @component RecurringCheckmarkSmallIcon
@@ -9559,7 +9588,7 @@
    */
   var RecurringCheckmarkSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2g);
+      props = _objectWithoutProperties(_ref, _excluded$2j);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -9579,7 +9608,7 @@
   RecurringCheckmarkSmallIcon.displayName = "RecurringCheckmarkSmallIcon";
   var RecurringCheckmarkSmallIcon$1 = RecurringCheckmarkSmallIcon;
 
-  var _excluded$2f = ["gradient"];
+  var _excluded$2i = ["gradient"];
 
   /**
    * @component RecurringCheckmarkIcon
@@ -9609,7 +9638,7 @@
    */
   var RecurringCheckmarkIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2f);
+      props = _objectWithoutProperties(_ref, _excluded$2i);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9629,7 +9658,7 @@
   RecurringCheckmarkIcon.displayName = "RecurringCheckmarkIcon";
   var RecurringCheckmarkIcon$1 = RecurringCheckmarkIcon;
 
-  var _excluded$2e = ["gradient"];
+  var _excluded$2h = ["gradient"];
 
   /**
    * @component RecurringDollarIcon
@@ -9659,7 +9688,7 @@
    */
   var RecurringDollarIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2e);
+      props = _objectWithoutProperties(_ref, _excluded$2h);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9681,7 +9710,7 @@
   RecurringDollarIcon.displayName = "RecurringDollarIcon";
   var RecurringDollarIcon$1 = RecurringDollarIcon;
 
-  var _excluded$2d = ["gradient"];
+  var _excluded$2g = ["gradient"];
 
   /**
    * @component RecurringSmallIcon
@@ -9711,7 +9740,7 @@
    */
   var RecurringSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2d);
+      props = _objectWithoutProperties(_ref, _excluded$2g);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 12,
@@ -9732,7 +9761,7 @@
   RecurringSmallIcon.displayName = "RecurringSmallIcon";
   var RecurringSmallIcon$1 = RecurringSmallIcon;
 
-  var _excluded$2c = ["gradient"];
+  var _excluded$2f = ["gradient"];
 
   /**
    * @component ReminderIcon
@@ -9762,7 +9791,7 @@
    */
   var ReminderIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2c);
+      props = _objectWithoutProperties(_ref, _excluded$2f);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 18,
@@ -9788,7 +9817,7 @@
   ReminderIcon.displayName = "ReminderIcon";
   var ReminderIcon$1 = ReminderIcon;
 
-  var _excluded$2b = ["gradient"];
+  var _excluded$2e = ["gradient"];
 
   /**
    * @component ReorderIcon
@@ -9818,7 +9847,7 @@
    */
   var ReorderIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2b);
+      props = _objectWithoutProperties(_ref, _excluded$2e);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9837,7 +9866,7 @@
   ReorderIcon.displayName = "ReorderIcon";
   var ReorderIcon$1 = ReorderIcon;
 
-  var _excluded$2a = ["gradient"];
+  var _excluded$2d = ["gradient"];
 
   /**
    * @component ReportTimeIcon
@@ -9867,7 +9896,7 @@
    */
   var ReportTimeIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$2a);
+      props = _objectWithoutProperties(_ref, _excluded$2d);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9887,7 +9916,7 @@
   ReportTimeIcon.displayName = "ReportTimeIcon";
   var ReportTimeIcon$1 = ReportTimeIcon;
 
-  var _excluded$29 = ["gradient"];
+  var _excluded$2c = ["gradient"];
 
   /**
    * @component ReportsIcon
@@ -9917,7 +9946,7 @@
    */
   var ReportsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$29);
+      props = _objectWithoutProperties(_ref, _excluded$2c);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9941,7 +9970,7 @@
   ReportsIcon.displayName = "ReportsIcon";
   var ReportsIcon$1 = ReportsIcon;
 
-  var _excluded$28 = ["gradient"];
+  var _excluded$2b = ["gradient"];
 
   /**
    * @component RobotIcon
@@ -9971,7 +10000,7 @@
    */
   var RobotIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$28);
+      props = _objectWithoutProperties(_ref, _excluded$2b);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -9994,7 +10023,7 @@
   RobotIcon.displayName = "RobotIcon";
   var RobotIcon$1 = RobotIcon;
 
-  var _excluded$27 = ["gradient"];
+  var _excluded$2a = ["gradient"];
 
   /**
    * @component RocketSmallIcon
@@ -10024,7 +10053,7 @@
    */
   var RocketSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$27);
+      props = _objectWithoutProperties(_ref, _excluded$2a);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 18,
@@ -10042,7 +10071,7 @@
   RocketSmallIcon.displayName = "RocketSmallIcon";
   var RocketSmallIcon$1 = RocketSmallIcon;
 
-  var _excluded$26 = ["gradient"];
+  var _excluded$29 = ["gradient"];
 
   /**
    * @component RocketIcon
@@ -10072,7 +10101,7 @@
    */
   var RocketIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$26);
+      props = _objectWithoutProperties(_ref, _excluded$29);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10091,7 +10120,60 @@
   RocketIcon.displayName = "RocketIcon";
   var RocketIcon$1 = RocketIcon;
 
-  var _excluded$25 = ["gradient"];
+  var _excluded$28 = ["gradient"];
+
+  /**
+   * @component RoundedRectangleIcon
+   * @description
+   *
+   * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+   * The Icon component is
+   * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+   *
+   * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
+   * Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
+   *
+   * @example
+   * return (
+   * <RoundedRectangleIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+   * )
+   *
+   * @example
+   * return (
+   *   <RoundedRectangleIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var RoundedRectangleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+    var gradient = _ref.gradient,
+      props = _objectWithoutProperties(_ref, _excluded$28);
+    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      xmlns: "http://www.w3.org/2000/svg",
+      width: 24,
+      height: 24,
+      viewBox: "0 0 24 24",
+      "data-testid": "RoundedRectangleIcon",
+      fill: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
+      focusable: false,
+      ref: ref
+    }, props), /*#__PURE__*/React__default["default"].createElement(GradientDefs, {
+      gradient: gradient
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      stroke: "#6D6D73",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 2,
+      d: "M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2"
+    }));
+  });
+  RoundedRectangleIcon.displayName = "RoundedRectangleIcon";
+  var RoundedRectangleIcon$1 = RoundedRectangleIcon;
+
+  var _excluded$27 = ["gradient"];
 
   /**
    * @component SaveIcon
@@ -10121,7 +10203,7 @@
    */
   var SaveIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$25);
+      props = _objectWithoutProperties(_ref, _excluded$27);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10142,7 +10224,7 @@
   SaveIcon.displayName = "SaveIcon";
   var SaveIcon$1 = SaveIcon;
 
-  var _excluded$24 = ["gradient"];
+  var _excluded$26 = ["gradient"];
 
   /**
    * @component SearchLargeIcon
@@ -10172,7 +10254,7 @@
    */
   var SearchLargeIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$24);
+      props = _objectWithoutProperties(_ref, _excluded$26);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 32,
@@ -10193,7 +10275,7 @@
   SearchLargeIcon.displayName = "SearchLargeIcon";
   var SearchLargeIcon$1 = SearchLargeIcon;
 
-  var _excluded$23 = ["gradient"];
+  var _excluded$25 = ["gradient"];
 
   /**
    * @component SearchPlusIcon
@@ -10223,7 +10305,7 @@
    */
   var SearchPlusIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$23);
+      props = _objectWithoutProperties(_ref, _excluded$25);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10247,7 +10329,7 @@
   SearchPlusIcon.displayName = "SearchPlusIcon";
   var SearchPlusIcon$1 = SearchPlusIcon;
 
-  var _excluded$22 = ["gradient"];
+  var _excluded$24 = ["gradient"];
 
   /**
    * @component SearchIcon
@@ -10277,7 +10359,7 @@
    */
   var SearchIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$22);
+      props = _objectWithoutProperties(_ref, _excluded$24);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10296,7 +10378,7 @@
   SearchIcon.displayName = "SearchIcon";
   var SearchIcon$1 = SearchIcon;
 
-  var _excluded$21 = ["gradient"];
+  var _excluded$23 = ["gradient"];
 
   /**
    * @component SendBlankIcon
@@ -10326,7 +10408,7 @@
    */
   var SendBlankIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$21);
+      props = _objectWithoutProperties(_ref, _excluded$23);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10345,7 +10427,7 @@
   SendBlankIcon.displayName = "SendBlankIcon";
   var SendBlankIcon$1 = SendBlankIcon;
 
-  var _excluded$20 = ["gradient"];
+  var _excluded$22 = ["gradient"];
 
   /**
    * @component SendFilledIcon
@@ -10375,7 +10457,7 @@
    */
   var SendFilledIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$20);
+      props = _objectWithoutProperties(_ref, _excluded$22);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10394,7 +10476,7 @@
   SendFilledIcon.displayName = "SendFilledIcon";
   var SendFilledIcon$1 = SendFilledIcon;
 
-  var _excluded$1$ = ["gradient"];
+  var _excluded$21 = ["gradient"];
 
   /**
    * @component SettingsIcon
@@ -10424,7 +10506,7 @@
    */
   var SettingsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1$);
+      props = _objectWithoutProperties(_ref, _excluded$21);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10444,7 +10526,7 @@
   SettingsIcon.displayName = "SettingsIcon";
   var SettingsIcon$1 = SettingsIcon;
 
-  var _excluded$1_ = ["gradient"];
+  var _excluded$20 = ["gradient"];
 
   /**
    * @component ShieldIcon
@@ -10474,7 +10556,7 @@
    */
   var ShieldIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1_);
+      props = _objectWithoutProperties(_ref, _excluded$20);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10495,7 +10577,7 @@
   ShieldIcon.displayName = "ShieldIcon";
   var ShieldIcon$1 = ShieldIcon;
 
-  var _excluded$1Z = ["gradient"];
+  var _excluded$1$ = ["gradient"];
 
   /**
    * @component SortGeneralIcon
@@ -10525,7 +10607,7 @@
    */
   var SortGeneralIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1Z);
+      props = _objectWithoutProperties(_ref, _excluded$1$);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10545,7 +10627,7 @@
   SortGeneralIcon.displayName = "SortGeneralIcon";
   var SortGeneralIcon$1 = SortGeneralIcon;
 
-  var _excluded$1Y = ["gradient"];
+  var _excluded$1_ = ["gradient"];
 
   /**
    * @component SortIcon
@@ -10575,7 +10657,7 @@
    */
   var SortIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1Y);
+      props = _objectWithoutProperties(_ref, _excluded$1_);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 10,
@@ -10595,7 +10677,7 @@
   SortIcon.displayName = "SortIcon";
   var SortIcon$1 = SortIcon;
 
-  var _excluded$1X = ["gradient"];
+  var _excluded$1Z = ["gradient"];
 
   /**
    * @component SortListIcon
@@ -10625,7 +10707,7 @@
    */
   var SortListIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1X);
+      props = _objectWithoutProperties(_ref, _excluded$1Z);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 20,
@@ -10645,7 +10727,7 @@
   SortListIcon.displayName = "SortListIcon";
   var SortListIcon$1 = SortListIcon;
 
-  var _excluded$1W = ["gradient"];
+  var _excluded$1Y = ["gradient"];
 
   /**
    * @component SortSmallIcon
@@ -10675,7 +10757,7 @@
    */
   var SortSmallIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1W);
+      props = _objectWithoutProperties(_ref, _excluded$1Y);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 10,
@@ -10696,48 +10778,7 @@
   SortSmallIcon.displayName = "SortSmallIcon";
   var SortSmallIcon$1 = SortSmallIcon;
 
-  var _excluded$1V = ["gradient"];
-
-  /**
-   * @component SourceCodeIcon
-   * @description
-   * Outline source-code / repository glyph (a window with code chevrons) for
-   * source-control signifiers.
-   *
-   * @prop {string} [gradient] - Optional CSS linear-gradient string applied to the stroke.
-   *
-   * @see https://design.activecollab.com/docs/foundations/icons
-   */
-  var SourceCodeIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
-    var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1V);
-    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
-      xmlns: "http://www.w3.org/2000/svg",
-      width: 24,
-      height: 24,
-      viewBox: "0 0 24 24",
-      "data-testid": "SourceCodeIcon",
-      fill: "none",
-      stroke: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.stroke ? props.stroke : "var(--color-theme-600)",
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      focusable: false,
-      ref: ref
-    }, props), /*#__PURE__*/React__default["default"].createElement(GradientDefs, {
-      gradient: gradient
-    }), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M14.5 4h2.5a3 3 0 0 1 3 3v10a3 3 0 0 1 -3 3h-10a3 3 0 0 1 -3 -3v-10a3 3 0 0 1 3 -3h2.5"
-    }), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M10 9l-2 2l2 2"
-    }), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M14 9l2 2l-2 2"
-    }));
-  });
-  SourceCodeIcon.displayName = "SourceCodeIcon";
-  var SourceCodeIcon$1 = SourceCodeIcon;
-
-  var _excluded$1U = ["gradient"];
+  var _excluded$1X = ["gradient"];
 
   /**
    * @component SparkIcon
@@ -10767,7 +10808,7 @@
    */
   var SparkIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1U);
+      props = _objectWithoutProperties(_ref, _excluded$1X);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10790,7 +10831,7 @@
   SparkIcon.displayName = "SparkIcon";
   var SparkIcon$1 = SparkIcon;
 
-  var _excluded$1T = ["gradient"];
+  var _excluded$1W = ["gradient"];
 
   /**
    * @component StarOutlineIcon
@@ -10820,7 +10861,7 @@
    */
   var StarOutlineIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1T);
+      props = _objectWithoutProperties(_ref, _excluded$1W);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10840,7 +10881,7 @@
   StarOutlineIcon.displayName = "StarOutlineIcon";
   var StarOutlineIcon$1 = StarOutlineIcon;
 
-  var _excluded$1S = ["gradient"];
+  var _excluded$1V = ["gradient"];
 
   /**
    * @component StarIcon
@@ -10870,7 +10911,7 @@
    */
   var StarIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1S);
+      props = _objectWithoutProperties(_ref, _excluded$1V);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10890,7 +10931,7 @@
   StarIcon.displayName = "StarIcon";
   var StarIcon$1 = StarIcon;
 
-  var _excluded$1R = ["gradient"];
+  var _excluded$1U = ["gradient"];
 
   /**
    * @component StatusIcon
@@ -10920,7 +10961,7 @@
    */
   var StatusIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1R);
+      props = _objectWithoutProperties(_ref, _excluded$1U);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10945,7 +10986,58 @@
   StatusIcon.displayName = "StatusIcon";
   var StatusIcon$1 = StatusIcon;
 
-  var _excluded$1Q = ["gradient"];
+  var _excluded$1T = ["gradient"];
+
+  /**
+   * @component StickyIcon
+   * @description
+   *
+   * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+   * The Icon component is
+   * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+   *
+   * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
+   * Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
+   *
+   * @example
+   * return (
+   * <StickyIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+   * )
+   *
+   * @example
+   * return (
+   *   <StickyIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var StickyIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+    var gradient = _ref.gradient,
+      props = _objectWithoutProperties(_ref, _excluded$1T);
+    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      xmlns: "http://www.w3.org/2000/svg",
+      width: 24,
+      height: 24,
+      viewBox: "0 0 24 24",
+      "data-testid": "StickyIcon",
+      fill: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
+      focusable: false,
+      ref: ref
+    }, props), /*#__PURE__*/React__default["default"].createElement(GradientDefs, {
+      gradient: gradient
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M3 6.95a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v6.087a4 4 0 0 1-1.161 2.819l-3.884 3.912a4 4 0 0 1-2.84 1.182H7a4 4 0 0 1-4-4z"
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      d: "M17.031 13.95h2a2 2 0 0 0 1.992-1.818l.008-2.651v2.469q0 .092-.008.182l-.003.866a4 4 0 0 1-1.144 2.789L15.99 19.75a4 4 0 0 1-2.856 1.2H12.03a2 2 0 0 0 2-2v-2a3 3 0 0 1 3.001-3"
+    }));
+  });
+  StickyIcon.displayName = "StickyIcon";
+  var StickyIcon$1 = StickyIcon;
+
+  var _excluded$1S = ["gradient"];
 
   /**
    * @component StopIcon
@@ -10975,7 +11067,7 @@
    */
   var StopIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1Q);
+      props = _objectWithoutProperties(_ref, _excluded$1S);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -10994,7 +11086,7 @@
   StopIcon.displayName = "StopIcon";
   var StopIcon$1 = StopIcon;
 
-  var _excluded$1P = ["gradient"];
+  var _excluded$1R = ["gradient"];
 
   /**
    * @component StopwatchIcon
@@ -11024,7 +11116,7 @@
    */
   var StopwatchIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1P);
+      props = _objectWithoutProperties(_ref, _excluded$1R);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 16,
@@ -11044,7 +11136,7 @@
   StopwatchIcon.displayName = "StopwatchIcon";
   var StopwatchIcon$1 = StopwatchIcon;
 
-  var _excluded$1O = ["gradient"];
+  var _excluded$1Q = ["gradient"];
 
   /**
    * @component SunIcon
@@ -11074,7 +11166,7 @@
    */
   var SunIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1O);
+      props = _objectWithoutProperties(_ref, _excluded$1Q);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 22,
@@ -11099,7 +11191,7 @@
   SunIcon.displayName = "SunIcon";
   var SunIcon$1 = SunIcon;
 
-  var _excluded$1N = ["gradient"];
+  var _excluded$1P = ["gradient"];
 
   /**
    * @component SystemSettingsIcon
@@ -11129,7 +11221,7 @@
    */
   var SystemSettingsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1N);
+      props = _objectWithoutProperties(_ref, _excluded$1P);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -11150,7 +11242,7 @@
   SystemSettingsIcon.displayName = "SystemSettingsIcon";
   var SystemSettingsIcon$1 = SystemSettingsIcon;
 
-  var _excluded$1M = ["gradient"];
+  var _excluded$1O = ["gradient"];
 
   /**
    * @component TaskAddIcon
@@ -11180,7 +11272,7 @@
    */
   var TaskAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1M);
+      props = _objectWithoutProperties(_ref, _excluded$1O);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -11200,7 +11292,7 @@
   TaskAddIcon.displayName = "TaskAddIcon";
   var TaskAddIcon$1 = TaskAddIcon;
 
-  var _excluded$1L = ["gradient"];
+  var _excluded$1N = ["gradient"];
 
   /**
    * @component TaskListAddIcon
@@ -11230,7 +11322,7 @@
    */
   var TaskListAddIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1L);
+      props = _objectWithoutProperties(_ref, _excluded$1N);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -11250,7 +11342,7 @@
   TaskListAddIcon.displayName = "TaskListAddIcon";
   var TaskListAddIcon$1 = TaskListAddIcon;
 
-  var _excluded$1K = ["gradient"];
+  var _excluded$1M = ["gradient"];
 
   /**
    * @component TaskListCompleteIcon
@@ -11280,7 +11372,7 @@
    */
   var TaskListCompleteIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1K);
+      props = _objectWithoutProperties(_ref, _excluded$1M);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -11301,7 +11393,7 @@
   TaskListCompleteIcon.displayName = "TaskListCompleteIcon";
   var TaskListCompleteIcon$1 = TaskListCompleteIcon;
 
-  var _excluded$1J = ["gradient"];
+  var _excluded$1L = ["gradient"];
 
   /**
    * @component TaskListIcon
@@ -11331,7 +11423,7 @@
    */
   var TaskListIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1J);
+      props = _objectWithoutProperties(_ref, _excluded$1L);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -11352,7 +11444,58 @@
   TaskListIcon.displayName = "TaskListIcon";
   var TaskListIcon$1 = TaskListIcon;
 
-  var _excluded$1I = ["gradient"];
+  var _excluded$1K = ["gradient"];
+
+  /**
+   * @component TextIcon
+   * @description
+   *
+   * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+   * The Icon component is
+   * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+   *
+   * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
+   * Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
+   *
+   * @example
+   * return (
+   * <TextIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+   * )
+   *
+   * @example
+   * return (
+   *   <TextIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var TextIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+    var gradient = _ref.gradient,
+      props = _objectWithoutProperties(_ref, _excluded$1K);
+    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      xmlns: "http://www.w3.org/2000/svg",
+      width: 24,
+      height: 24,
+      viewBox: "0 0 24 24",
+      "data-testid": "TextIcon",
+      fill: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
+      focusable: false,
+      ref: ref
+    }, props), /*#__PURE__*/React__default["default"].createElement(GradientDefs, {
+      gradient: gradient
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      fillRule: "evenodd",
+      d: "m2.656 19.296 1.353-3.999h5.64l1.353 4h2.43L8.09 4.5H5.61L.267 19.296zm6.408-5.844h-4.47L6.798 6.96h.062zm8.89 6.029c1.416 0 2.78-.759 3.405-1.959h.051v1.774h2.123v-7.434c0-2.163-1.672-3.548-4.286-3.548-2.666 0-4.328 1.436-4.45 3.384h2.091c.195-.964.995-1.579 2.277-1.579 1.353 0 2.163.718 2.163 1.918v.83l-2.953.174c-2.563.144-4.01 1.303-4.01 3.19 0 1.938 1.477 3.25 3.59 3.25m.616-1.754c-1.19 0-1.969-.615-1.969-1.558 0-.923.749-1.507 2.071-1.6l2.656-.164v.851c0 1.405-1.21 2.471-2.758 2.471",
+      clipRule: "evenodd"
+    }));
+  });
+  TextIcon.displayName = "TextIcon";
+  var TextIcon$1 = TextIcon;
+
+  var _excluded$1J = ["gradient"];
 
   /**
    * @component ThumbUpOutlineIcon
@@ -11382,7 +11525,7 @@
    */
   var ThumbUpOutlineIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1I);
+      props = _objectWithoutProperties(_ref, _excluded$1J);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 14,
@@ -11402,7 +11545,7 @@
   ThumbUpOutlineIcon.displayName = "ThumbUpOutlineIcon";
   var ThumbUpOutlineIcon$1 = ThumbUpOutlineIcon;
 
-  var _excluded$1H = ["gradient"];
+  var _excluded$1I = ["gradient"];
 
   /**
    * @component TrashIcon
@@ -11432,7 +11575,7 @@
    */
   var TrashIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1H);
+      props = _objectWithoutProperties(_ref, _excluded$1I);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -11456,7 +11599,7 @@
   TrashIcon.displayName = "TrashIcon";
   var TrashIcon$1 = TrashIcon;
 
-  var _excluded$1G = ["gradient"];
+  var _excluded$1H = ["gradient"];
 
   /**
    * @component TreeDotsIcon
@@ -11486,7 +11629,7 @@
    */
   var TreeDotsIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
     var gradient = _ref.gradient,
-      props = _objectWithoutProperties(_ref, _excluded$1G);
+      props = _objectWithoutProperties(_ref, _excluded$1H);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
       xmlns: "http://www.w3.org/2000/svg",
       width: 24,
@@ -11506,6 +11649,59 @@
   TreeDotsIcon.displayName = "TreeDotsIcon";
   var TreeDotsIcon$1 = TreeDotsIcon;
 
+  var _excluded$1G = ["gradient"];
+
+  /**
+   * @component TriangleIcon
+   * @description
+   *
+   * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
+   * The Icon component is
+   * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+   *
+   * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
+   * Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
+   *
+   * @example
+   * return (
+   * <TriangleIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+   * )
+   *
+   * @example
+   * return (
+   *   <TriangleIcon className="mr-2" />
+   * )
+   *
+   * @see
+   * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+   * @see
+   * https://design.activecollab.com/docs/foundations/icons
+   */
+  var TriangleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+    var gradient = _ref.gradient,
+      props = _objectWithoutProperties(_ref, _excluded$1G);
+    return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      xmlns: "http://www.w3.org/2000/svg",
+      width: 24,
+      height: 24,
+      viewBox: "0 0 24 24",
+      "data-testid": "TriangleIcon",
+      fill: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
+      focusable: false,
+      ref: ref
+    }, props), /*#__PURE__*/React__default["default"].createElement(GradientDefs, {
+      gradient: gradient
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      stroke: "#6D6D73",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 2,
+      d: "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0"
+    }));
+  });
+  TriangleIcon.displayName = "TriangleIcon";
+  var TriangleIcon$1 = TriangleIcon;
+
   var _excluded$1F = ["gradient"];
 
   /**
@@ -25708,6 +25904,7 @@
   exports.Chip = Chip;
   exports.Choose = Choose;
   exports.ChooseV2 = ChooseV2;
+  exports.CircleIcon = CircleIcon$1;
   exports.CircleMultipleIcon = CircleMultipleIcon$1;
   exports.ClockAddIcon = ClockAddIcon$1;
   exports.ClockDollarIcon = ClockDollarIcon$1;
@@ -25730,6 +25927,7 @@
   exports.CompleteCheckbox = CompleteCheckbox;
   exports.ComputerIcon = ComputerIcon$1;
   exports.ConfirmDialog = ConfirmDialog;
+  exports.ConnectionIcon = ConnectionIcon$1;
   exports.ContentStep = ContentStep;
   exports.ContentStepper = ContentStepper;
   exports.CopyIcon = CopyIcon$1;
@@ -25762,6 +25960,7 @@
   exports.Dot = Dot;
   exports.DotsLoader = DotsLoader;
   exports.DownloadIcon = DownloadIcon$1;
+  exports.DrawIcon = DrawIcon$1;
   exports.DriveIcon = DriveIcon$1;
   exports.DropboxIcon = DropboxIcon$1;
   exports.DuplicateIcon = DuplicateIcon$1;
@@ -25795,9 +25994,6 @@
   exports.FolderOutlineIcon = FolderOutlineIcon$1;
   exports.FromElement = FromElement;
   exports.GiftIcon = GiftIcon$1;
-  exports.GitBranchIcon = GitBranchIcon$1;
-  exports.GitCommitIcon = GitCommitIcon$1;
-  exports.GitPullRequestIcon = GitPullRequestIcon$1;
   exports.GlobalAddButton = GlobalAddButton;
   exports.GlobalStyle = GlobalStyle;
   exports.GroupByIcon = GroupByIcon$1;
@@ -25928,6 +26124,7 @@
   exports.RobotIcon = RobotIcon$1;
   exports.RocketIcon = RocketIcon$1;
   exports.RocketSmallIcon = RocketSmallIcon$1;
+  exports.RoundedRectangleIcon = RoundedRectangleIcon$1;
   exports.SaveIcon = SaveIcon$1;
   exports.Scale = Scale;
   exports.ScaleBar = ScaleBar;
@@ -25957,7 +26154,6 @@
   exports.SortIcon = SortIcon$1;
   exports.SortListIcon = SortListIcon$1;
   exports.SortSmallIcon = SortSmallIcon$1;
-  exports.SourceCodeIcon = SourceCodeIcon$1;
   exports.SparkIcon = SparkIcon$1;
   exports.SpinnerLoader = SpinnerLoader;
   exports.StarIcon = StarIcon$1;
@@ -25966,6 +26162,7 @@
   exports.Step = Step;
   exports.StepActionButton = StepActionButton;
   exports.Steps = Steps;
+  exports.StickyIcon = StickyIcon$1;
   exports.StopIcon = StopIcon$1;
   exports.StopwatchIcon = StopwatchIcon$1;
   exports.StyledInputTimeWrapper = StyledInputTimeWrapper;
@@ -25978,6 +26175,7 @@
   exports.TaskListCompleteIcon = TaskListCompleteIcon$1;
   exports.TaskListIcon = TaskListIcon$1;
   exports.Tbody = Tbody;
+  exports.TextIcon = TextIcon$1;
   exports.Textarea = Textarea;
   exports.Thead = Thead;
   exports.ThinkingIcon = ThinkingIcon$1;
@@ -25992,6 +26190,7 @@
   exports.Tooltip = Tooltip;
   exports.TrashIcon = TrashIcon$1;
   exports.TreeDotsIcon = TreeDotsIcon$1;
+  exports.TriangleIcon = TriangleIcon$1;
   exports.Trigger = Trigger;
   exports.UploadIcon = UploadIcon$1;
   exports.ValueButton = ValueButton;